/* Dedicated Shop Explore screen and unified stacked category presentation */
.shopExploreScreen{
  max-width:760px;
  margin:0 auto;
  padding-bottom:120px;
}
.shopExploreHero{
  position:relative;
  overflow:hidden;
  padding:22px 20px;
  margin:0 0 14px;
  border:1px solid rgba(226,181,61,.30);
  border-radius:24px;
  background:radial-gradient(circle at 92% 4%,rgba(245,197,72,.15),transparent 42%),linear-gradient(145deg,#211a0e,#12110e 58%,#080808);
  box-shadow:0 18px 36px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,231,161,.10);
}
.shopExploreHero::after{
  content:"";
  position:absolute;
  width:170px;height:170px;right:-58px;bottom:-76px;
  border-radius:50%;border:1px solid rgba(231,183,58,.14);
}
.shopExploreHero>span{display:block;color:#e3ad32;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}
.shopExploreHero h2{margin:0;color:#fff7e4;font-size:26px;line-height:1.08;letter-spacing:-.035em}
.shopExploreHero p{margin:9px 0 0;color:#bdb5a5;font-size:12px;line-height:1.5}
.shopExploreList{display:grid;grid-template-columns:1fr;gap:10px}
.shopExploreCard{
  position:relative;
  min-height:106px;
  display:grid;
  grid-template-columns:78px minmax(0,1fr) 20px;
  align-items:center;
  gap:14px;
  padding:12px 15px 12px 12px;
  border:1px solid rgba(222,177,59,.24);
  border-radius:21px;
  background:linear-gradient(155deg,#211c12 0%,#12110e 58%,#090909 100%);
  color:#f8f1e1;
  text-align:left;
  box-shadow:0 14px 26px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,240,192,.05);
  overflow:hidden;
  cursor:pointer;
  opacity:0;
  animation:shopExploreIn .38s cubic-bezier(.2,.75,.25,1) forwards;
  animation-delay:var(--shop-delay,0ms);
  transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease;
}
.shopExploreCard::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 18%,rgba(245,203,94,.07) 48%,transparent 78%);
  transform:translateX(-120%);transition:transform .45s ease;
}
.shopExploreCard:hover,.shopExploreCard:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(241,201,91,.52);
  background:linear-gradient(155deg,#2a2315,#15130f 58%,#0b0b0b);
  box-shadow:0 18px 32px rgba(0,0,0,.34),0 0 0 1px rgba(244,205,96,.05) inset;
}
.shopExploreCard:hover::before,.shopExploreCard:focus-visible::before{transform:translateX(120%)}
.shopExploreCard:active{transform:translateY(1px) scale(.988)}
.shopExploreVisual{
  width:78px;height:78px;border-radius:17px;overflow:hidden;
  display:grid;place-items:center;
  background:#0b0b0b;border:1px solid rgba(235,190,68,.28);
  box-shadow:inset 0 1px 0 rgba(255,236,172,.08),0 9px 19px rgba(0,0,0,.28);
  color:#eac34d;
}
.shopExploreVisual img{width:100%;height:100%;object-fit:cover;display:block;background:#0b0b0b}
.shopExploreVisual svg{width:34px;height:34px}
.shopExploreCopy{min-width:0;display:grid;gap:5px}
.shopExploreCopy strong{font-size:16px;line-height:1.15;color:#fff7e4}
.shopExploreCopy small{font-size:11px;line-height:1.4;color:#a9a190}
.shopExploreArrow{font-size:31px;line-height:1;color:#d5a72d;transform:translateY(-1px)}
.shopExploreError{padding:18px;border:1px solid rgba(226,181,61,.28);border-radius:18px;background:#14120e;color:#f3dfaa}
@keyframes shopExploreIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Keep every premium Explore screen stacked on phones. */
@media(max-width:760px){
  .unifiedCategoryGrid,.premiumCategoryGrid{grid-template-columns:1fr!important;gap:10px!important;padding-bottom:116px!important}
  .shopExploreScreen{padding-inline:0}
}
@media(max-width:390px){
  .shopExploreHero{padding:19px 17px;border-radius:21px}
  .shopExploreHero h2{font-size:24px}
  .shopExploreCard{min-height:98px;grid-template-columns:70px minmax(0,1fr) 16px;gap:11px;padding:10px 12px 10px 10px;border-radius:19px}
  .shopExploreVisual{width:70px;height:70px;border-radius:15px}
  .shopExploreCopy strong{font-size:15px}
  .shopExploreCopy small{font-size:10px}
}
@media(min-width:900px){
  .shopExploreScreen{max-width:980px}
  .shopExploreList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(prefers-reduced-motion:reduce){.shopExploreCard{animation:none;opacity:1;transition:none}.shopExploreCard::before{display:none}}