/* AniTala RC20 — storefront visual system, deterministic Hero composition and interaction polish */
:root{
  --sf-canvas:#11110f;
  --sf-canvas-soft:#181713;
  --sf-panel:#1d1b17;
  --sf-panel-raised:#24211b;
  --sf-panel-light:#fffdf8;
  --sf-line:rgba(232,207,143,.14);
  --sf-line-strong:rgba(232,207,143,.28);
  --sf-ink:#fffaf0;
  --sf-ink-soft:#e7dfd1;
  --sf-copy:#bbb2a3;
  --sf-copy-dim:#8f887d;
  --sf-accent:var(--brand-accent,#d8b65a);
  --sf-accent-strong:var(--brand-accent-strong,#9b752d);
  --sf-accent-soft:#f1d98f;
  --sf-on-accent:#261a07;
  --sf-success:#66d4a0;
  --sf-danger:#ec8f96;
  --sf-focus:0 0 0 3px rgba(232,198,104,.28);
  --sf-control-shadow:0 12px 28px rgba(0,0,0,.22);
  --sf-card-shadow:0 24px 70px rgba(0,0,0,.24);
}

body.storefront-v8{
  background:
    radial-gradient(circle at 84% 2%,rgba(214,175,75,.095),transparent 26rem),
    linear-gradient(180deg,var(--sf-canvas-soft),var(--sf-canvas));
  color:var(--sf-ink);
}
.storefront-v8 a,.storefront-v8 button,.storefront-v8 input,.storefront-v8 select,.storefront-v8 textarea{
  -webkit-tap-highlight-color:transparent;
}
.storefront-v8 a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.storefront-v8 button{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}
.storefront-v8 :where(a,button,input,select,textarea):focus-visible{
  outline:0;
  box-shadow:var(--sf-focus)!important;
}
.storefront-v8 :where(button,.sf-button,[role="button"]):disabled,
.storefront-v8 :where(button,.sf-button,[role="button"])[aria-disabled="true"]{
  cursor:not-allowed!important;
  opacity:.48!important;
  transform:none!important;
  filter:saturate(.4)!important;
}

/* One coherent control language for every storefront action. */
.storefront-v8 .sf-button{
  min-height:48px;
  min-width:112px;
  padding:0 19px;
  border:1px solid transparent;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--sf-ink);
  font-weight:900;
  line-height:1.45;
  text-align:center;
  text-decoration:none;
  box-shadow:none;
  cursor:pointer;
}
.storefront-v8 .sf-button:hover{transform:translateY(-2px)}
.storefront-v8 .sf-button:active{transform:translateY(0) scale(.985)}
.storefront-v8 .sf-button-primary{
  background:linear-gradient(145deg,var(--sf-accent-soft),var(--sf-accent) 52%,var(--sf-accent-strong));
  border-color:rgba(255,236,179,.44);
  color:var(--sf-on-accent)!important;
  box-shadow:0 13px 30px rgba(164,119,31,.25),inset 0 1px rgba(255,255,255,.46);
}
.storefront-v8 .sf-button-primary:hover{
  background:linear-gradient(145deg,#f8e7b1,#dfbd61 54%,#a67b28);
  box-shadow:0 17px 38px rgba(164,119,31,.34),inset 0 1px rgba(255,255,255,.52);
}
.storefront-v8 .sf-button-ghost{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.13);
  color:#fffaf0!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(10px);
}
.storefront-v8 .sf-button-ghost:hover{
  background:rgba(232,198,104,.11);
  border-color:rgba(232,198,104,.34);
  color:#fff!important;
}
.storefront-v8 .sf-wide{width:100%}
.storefront-v8 .sf-text-button{
  min-height:40px;
  padding:0 12px;
  border:1px solid rgba(236,143,150,.22);
  border-radius:12px;
  background:rgba(236,143,150,.07);
  color:#f1a3a9;
  font-weight:800;
}
.storefront-v8 .sf-text-button:hover{background:rgba(236,143,150,.13);border-color:rgba(236,143,150,.38);color:#ffc4c8}

/* Header links have explicit neutral, selected and action states. */
.storefront-v8 .sf-header{
  background:rgba(16,15,13,.95)!important;
  border-bottom:1px solid var(--sf-line)!important;
  box-shadow:0 9px 34px rgba(0,0,0,.23)!important;
}
.storefront-v8.sf-home-layout .sf-header{
  position:sticky!important;
  inset:auto!important;
  top:0!important;
  background:rgba(16,15,13,.95)!important;
}
.storefront-v8 .sf-brand,.storefront-v8 .sf-mobile-brand{color:var(--sf-ink)!important}
.storefront-v8 .sf-brand small,.storefront-v8 .sf-mobile-brand-copy small{color:var(--sf-copy)!important}
.storefront-v8 .sf-nav a{
  color:#d9d1c4;
  border:1px solid transparent;
}
.storefront-v8 .sf-nav a:hover{color:#fff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.07)}
.storefront-v8 .sf-nav a.is-active{
  color:var(--sf-accent-soft);
  background:rgba(218,182,86,.10);
  border-color:rgba(218,182,86,.17);
}
.storefront-v8 .sf-live-link,.storefront-v8 .sf-cart-link,.storefront-v8 .sf-account-link{
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.045);
  color:#eee5d7;
}
.storefront-v8 .sf-live-link:hover,.storefront-v8 .sf-cart-link:hover,.storefront-v8 .sf-account-link:hover{
  border-color:var(--sf-line-strong);
  background:rgba(218,182,86,.09);
  color:#fff;
}
.storefront-v8 .sf-login-link{
  border:1px solid rgba(255,236,179,.36);
  background:linear-gradient(145deg,var(--sf-accent-soft),var(--sf-accent-strong));
  color:var(--sf-on-accent)!important;
}
.storefront-v8 .sf-mobile-icon-link,.storefront-v8 .sf-mobile-menu-toggle{
  border-color:rgba(255,255,255,.09);
  background:rgba(255,255,255,.05);
  color:#f2eadc;
}
.storefront-v8 .sf-mobile-icon-link:hover,.storefront-v8 .sf-mobile-menu-toggle:hover{
  border-color:rgba(218,182,86,.30);
  background:rgba(218,182,86,.10);
  color:#fff;
}

/* Price ribbon is part of document flow; it never hides Hero content. */
.storefront-v8.sf-home-layout .sf-price-ribbon{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  z-index:20!important;
  background:linear-gradient(180deg,#181713,#141310)!important;
  border-bottom:1px solid rgba(232,207,143,.10);
}
.storefront-v8 .sf-price-ribbon-head a{
  border:1px solid rgba(232,207,143,.14);
  background:rgba(232,207,143,.055);
  color:var(--sf-accent-soft);
}
.storefront-v8 .sf-price-ribbon-head a:hover{background:rgba(232,207,143,.12);border-color:rgba(232,207,143,.25);color:#fff3cf}

/* Deterministic Hero: image and copy are siblings inside a clipped shell, never layers. */
.storefront-v8 .sf-hero{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:24px 0 56px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 20% 45%,rgba(207,166,65,.11),transparent 34rem),
    linear-gradient(180deg,#14130f,#0f0f0d)!important;
}
.storefront-v8 .sf-hero-track{
  position:relative!important;
  width:100%!important;
  height:clamp(590px,66vw,760px)!important;
  min-height:590px!important;
}
.storefront-v8 .sf-hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  overflow:visible!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(8px)!important;
  transition:opacity .5s ease,transform .65s cubic-bezier(.2,.75,.25,1),visibility .5s!important;
  pointer-events:none;
}
.storefront-v8 .sf-hero-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto;
}
.storefront-v8 .sf-hero-backdrop,
.storefront-v8 .sf-hero-slide::before,
.storefront-v8 .sf-hero-slide::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
.storefront-v8 .sf-hero-shell{
  width:min(1540px,calc(100% - 68px));
  height:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);
  grid-template-areas:"visual copy";
  overflow:hidden;
  border:1px solid rgba(232,207,143,.14);
  border-radius:32px;
  background:#171510;
  box-shadow:var(--sf-card-shadow);
  isolation:isolate;
}
.storefront-v8 .sf-hero-visual{
  grid-area:visual!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
  opacity:1!important;
  background:#0c0b09!important;
  animation:none!important;
  z-index:1!important;
}
.storefront-v8 .sf-hero-figure{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#0c0b09!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transform:none!important;
  animation:none!important;
  overflow:hidden!important;
}
.storefront-v8 .sf-hero-figure::before,.storefront-v8 .sf-hero-figure::after,
.storefront-v8 .sf-hero-aura,.storefront-v8 .sf-glass-card{display:none!important}
.storefront-v8 .sf-hero-figure picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.storefront-v8 .sf-hero-figure img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  filter:saturate(.98) contrast(1.02)!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  transform:none!important;
  animation:none!important;
}
.storefront-v8 .sf-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.03) 55%,rgba(17,15,11,.46) 100%);
  z-index:2;
}
.storefront-v8 .sf-hero-copy{
  grid-area:copy!important;
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:clamp(38px,4.5vw,74px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:15px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(218,182,86,.10),transparent 22rem),
    linear-gradient(145deg,#211e18,#171510 62%,#12110e)!important;
  text-align:start!important;
  transform:none!important;
  animation:none!important;
}
.storefront-v8 .sf-hero-copy::before{
  content:"";
  position:absolute;
  inset-block:8%;
  inset-inline-start:0;
  width:1px;
  background:linear-gradient(transparent,rgba(232,207,143,.28),transparent);
}
.storefront-v8 .sf-hero-kicker{
  width:max-content;
  max-width:100%;
  margin:0;
  padding:7px 12px;
  border:1px solid rgba(232,207,143,.18);
  border-radius:999px;
  background:rgba(232,207,143,.075);
  color:var(--sf-accent-soft);
  font-size:10px;
  line-height:1.4;
  letter-spacing:.03em;
  text-transform:none;
}
.storefront-v8 .sf-hero-copy h1{
  max-width:13ch!important;
  margin:0!important;
  color:#fffdf7!important;
  font-size:clamp(40px,4.3vw,72px)!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
  text-shadow:none!important;
}
.storefront-v8 .sf-hero-copy>p{
  max-width:52ch!important;
  margin:0!important;
  color:var(--sf-ink-soft)!important;
  font-size:clamp(14px,1.15vw,18px)!important;
  line-height:2!important;
  text-shadow:none!important;
}
.storefront-v8 .sf-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:3px!important;
}
.storefront-v8 .sf-hero-actions .sf-button{min-width:150px}
.storefront-v8 .sf-hero-trust{
  width:100%;
  max-width:560px!important;
  margin-top:5px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 12px!important;
}
.storefront-v8 .sf-hero-trust span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  color:#d6cec1!important;
  font-size:10.5px!important;
  line-height:1.55;
}
.storefront-v8 .sf-hero-trust svg{width:18px!important;height:18px!important;min-width:18px;color:var(--sf-accent-soft)!important}
.storefront-v8 .sf-hero-controls{
  position:absolute!important;
  right:0!important;
  left:0!important;
  bottom:12px!important;
  z-index:10!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  pointer-events:none;
}
.storefront-v8 .sf-hero-controls>button{
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:50%!important;
  background:rgba(29,26,21,.90)!important;
  color:#fff!important;
  font-size:22px!important;
  box-shadow:0 10px 25px rgba(0,0,0,.25)!important;
  pointer-events:auto;
}
.storefront-v8 .sf-hero-controls>button:hover{background:rgba(218,182,86,.18)!important;border-color:rgba(218,182,86,.36)!important;color:var(--sf-accent-soft)!important}
.storefront-v8 .sf-hero-controls>div{display:flex;align-items:center;gap:6px;pointer-events:auto}
.storefront-v8 .sf-hero-controls>div button{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.32)!important}
.storefront-v8 .sf-hero-controls>div button.active{width:28px!important;background:var(--sf-accent)!important}

/* Link hierarchy and section navigation. */
.storefront-v8 .sf-section>header>a,.storefront-v8 .sf-market-section>header>a{
  min-height:40px;
  padding:0 13px;
  border:1px solid rgba(232,207,143,.15);
  border-radius:12px;
  background:rgba(232,207,143,.055);
  color:var(--sf-accent-soft)!important;
  font-size:11px;
  font-weight:900;
}
.storefront-v8 .sf-section>header>a:hover,.storefront-v8 .sf-market-section>header>a:hover{
  background:rgba(232,207,143,.12);
  border-color:rgba(232,207,143,.30);
  color:#fff2ce!important;
  transform:translateY(-1px);
}
.storefront-v8 .sf-section>header>a svg,.storefront-v8 .sf-market-section>header>a svg{color:currentColor}
.storefront-v8 .sf-category-grid a,.storefront-v8 .sf-quick-actions a{
  border:1px solid rgba(255,255,255,.06);
  color:var(--sf-ink);
}
.storefront-v8 .sf-category-grid a:hover,.storefront-v8 .sf-quick-actions a:hover{
  border-color:rgba(232,207,143,.22);
  background:linear-gradient(145deg,rgba(232,207,143,.11),rgba(255,255,255,.035));
  color:#fff;
}
.storefront-v8 .sf-product-card{
  border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,#24231f,#1c1b18);
  box-shadow:0 18px 52px rgba(0,0,0,.16);
}
.storefront-v8 .sf-product-card:hover{border-color:rgba(232,207,143,.22);box-shadow:0 26px 64px rgba(0,0,0,.25);transform:translateY(-4px)}
.storefront-v8 .sf-product-copy h3 a{color:#fff8eb!important}
.storefront-v8 .sf-product-copy h3 a:hover{color:var(--sf-accent-soft)!important}
.storefront-v8 .sf-product-copy footer>a{
  width:38px;
  height:38px;
  min-width:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(232,207,143,.16);
  border-radius:12px;
  background:rgba(232,207,143,.07);
  color:var(--sf-accent-soft)!important;
}
.storefront-v8 .sf-product-copy footer>a:hover{background:var(--sf-accent);border-color:var(--sf-accent-soft);color:var(--sf-on-accent)!important;transform:translateX(-2px)}
.storefront-v8 .sf-order-link{color:var(--sf-accent-soft)!important;text-decoration:underline;text-decoration-color:rgba(232,207,143,.34);text-underline-offset:4px}
.storefront-v8 .sf-order-link:hover{color:#fff2c9!important;text-decoration-color:#fff2c9}

/* Internal storefront pages continue the same visual phase. */
.storefront-v8 .sf-customer-panel,.storefront-v8 .sf-cart-summary,.storefront-v8 .sf-checkout-card{
  border:1px solid rgba(232,207,143,.11)!important;
  background:linear-gradient(180deg,rgba(37,34,29,.98),rgba(26,24,20,.98))!important;
  color:var(--sf-ink)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.18)!important;
}
.storefront-v8 :where(.sf-customer-panel,.sf-checkout-card,.sf-catalog-toolbar) input,
.storefront-v8 :where(.sf-customer-panel,.sf-checkout-card,.sf-catalog-toolbar) select,
.storefront-v8 :where(.sf-customer-panel,.sf-checkout-card,.sf-catalog-toolbar) textarea{
  border:1px solid rgba(232,207,143,.17)!important;
  background:#151411!important;
  color:#fffaf0!important;
}
.storefront-v8 :where(.sf-customer-panel,.sf-checkout-card,.sf-catalog-toolbar) input::placeholder,
.storefront-v8 :where(.sf-customer-panel,.sf-checkout-card,.sf-catalog-toolbar) textarea::placeholder{color:#817b71!important}
.storefront-v8 :where(.sf-customer-panel,.sf-checkout-card,.sf-catalog-toolbar) input:focus,
.storefront-v8 :where(.sf-customer-panel,.sf-checkout-card,.sf-catalog-toolbar) select:focus,
.storefront-v8 :where(.sf-customer-panel,.sf-checkout-card,.sf-catalog-toolbar) textarea:focus{border-color:rgba(232,207,143,.50)!important}
.storefront-v8 .sf-catalog-toolbar{
  border:1px solid rgba(232,207,143,.10);
  background:rgba(28,26,22,.90);
  box-shadow:0 18px 48px rgba(0,0,0,.16);
}
.storefront-v8 .sf-payment-option{border-color:rgba(232,207,143,.15)!important;background:rgba(255,255,255,.025)!important;color:var(--sf-ink)!important}
.storefront-v8 .sf-payment-option:has(input:checked){border-color:rgba(232,207,143,.44)!important;background:rgba(232,207,143,.09)!important;box-shadow:0 0 0 2px rgba(232,207,143,.08)}
.storefront-v8 .sf-empty{color:var(--sf-copy)!important}
.storefront-v8 .sf-footer-column a{color:#cfc6b8!important}
.storefront-v8 .sf-footer-column a:hover{color:var(--sf-accent-soft)!important}
.storefront-v8 .sf-social-icons a,.storefront-v8 .sf-license-card{border:1px solid rgba(255,255,255,.06)}
.storefront-v8 .sf-social-icons a:hover,.storefront-v8 .sf-license-card:hover{border-color:rgba(232,207,143,.24);background:rgba(232,207,143,.10);color:#fff}
.storefront-v8 .sf-back-to-top{border:1px solid rgba(232,207,143,.24)!important;background:rgba(26,24,20,.92)!important;color:var(--sf-accent-soft)!important}
.storefront-v8 .sf-back-to-top:hover{background:var(--sf-accent)!important;color:var(--sf-on-accent)!important}

@media (max-width:1100px) and (min-width:761px){
  .storefront-v8 .sf-hero-track{height:660px!important}
  .storefront-v8 .sf-hero-shell{grid-template-columns:minmax(0,1fr) minmax(380px,.88fr)}
  .storefront-v8 .sf-hero-copy{padding:36px!important}
  .storefront-v8 .sf-hero-copy h1{font-size:clamp(36px,4.6vw,54px)!important}
}

@media (max-width:760px){
  :root{--sf-mobile-header-height:118px}
  .storefront-v8.sf-home-layout .sf-header{position:sticky!important;top:0!important}
  .storefront-v8.sf-home-layout .sf-price-ribbon{position:relative!important;top:auto!important;margin:0!important}

  .storefront-v8 .sf-mobile-search{
    border-color:rgba(232,207,143,.42)!important;
    background:#fffdf8!important;
  }
  .storefront-v8 .sf-mobile-search button{
    min-width:58px;
    border:1px solid rgba(113,80,20,.12)!important;
    background:linear-gradient(145deg,var(--sf-accent-soft),var(--sf-accent-strong))!important;
    color:var(--sf-on-accent)!important;
    box-shadow:0 7px 18px rgba(164,119,31,.22)!important;
  }
  .storefront-v8 .sf-mobile-search button:active{transform:scale(.97)}
  .storefront-v8 .sf-mobile-menu-links a{border:1px solid transparent;color:#ddd4c7}
  .storefront-v8 .sf-mobile-menu-links a:hover,.storefront-v8 .sf-mobile-menu-links a.is-active{
    border-color:rgba(232,207,143,.16);
    background:rgba(232,207,143,.09);
    color:#fff;
  }

  .storefront-v8 .sf-hero{
    min-height:0!important;
    padding:0 0 40px!important;
    background:#100f0d!important;
  }
  .storefront-v8 .sf-hero-track{
    height:auto!important;
    min-height:0!important;
  }
  .storefront-v8 .sf-hero-slide{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:none!important;
    place-items:stretch!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    transition:none!important;
  }
  .storefront-v8 .sf-hero-slide.is-active{display:block!important}
  .storefront-v8 .sf-hero-shell{
    width:100%!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"visual" "copy"!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#171510!important;
  }
  .storefront-v8 .sf-hero-visual{
    position:relative!important;
    width:100%!important;
    height:clamp(290px,94vw,470px)!important;
    min-height:290px!important;
  }
  .storefront-v8 .sf-hero-visual::after{
    background:linear-gradient(180deg,transparent 72%,rgba(23,21,16,.22) 88%,#171510 100%);
  }
  .storefront-v8 .sf-hero-copy{
    height:auto!important;
    min-height:0!important;
    padding:22px 18px 26px!important;
    justify-content:flex-start!important;
    gap:11px!important;
    background:linear-gradient(180deg,#171510,#12110e)!important;
  }
  .storefront-v8 .sf-hero-copy::before{display:none}
  .storefront-v8 .sf-hero-kicker{font-size:9px;padding:6px 10px}
  .storefront-v8 .sf-hero-copy h1{
    max-width:16ch!important;
    font-size:clamp(28px,8.5vw,40px)!important;
    line-height:1.25!important;
  }
  .storefront-v8 .sf-hero-copy>p{
    max-width:none!important;
    font-size:12.5px!important;
    line-height:1.95!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    overflow:hidden!important;
  }
  .storefront-v8 .sf-hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%;
  }
  .storefront-v8 .sf-hero-actions .sf-button{
    min-width:0!important;
    min-height:45px!important;
    padding-inline:9px!important;
    border-radius:13px!important;
    font-size:11px!important;
  }
  .storefront-v8 .sf-hero-trust{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:2px!important;
  }
  .storefront-v8 .sf-hero-trust span{font-size:9px!important}
  .storefront-v8 .sf-hero-controls{
    position:relative!important;
    bottom:auto!important;
    min-height:42px;
    margin-top:-1px;
    background:#12110e;
  }
  .storefront-v8 .sf-hero-controls>button{width:34px!important;height:34px!important;font-size:20px!important}

  .storefront-v8 .sf-section>header>a,.storefront-v8 .sf-market-section>header>a{min-height:38px;font-size:10px}
  .storefront-v8 .sf-mobile-nav a{color:#aaa397!important}
  .storefront-v8 .sf-mobile-nav a:hover{color:#fff!important;background:rgba(255,255,255,.045)!important}
  .storefront-v8 .sf-mobile-nav a.is-active{
    color:#fff8e7!important;
    background:linear-gradient(145deg,rgba(232,207,143,.18),rgba(232,207,143,.08))!important;
    box-shadow:inset 0 0 0 1px rgba(232,207,143,.10);
  }
  .storefront-v8 .sf-catalog-toolbar{padding:10px;border-radius:18px}
  .storefront-v8 .sf-button{min-height:45px;border-radius:13px}
}

@media (max-width:390px){
  .storefront-v8 .sf-hero-visual{height:clamp(280px,100vw,410px)!important}
  .storefront-v8 .sf-hero-copy{padding-inline:15px!important}
  .storefront-v8 .sf-hero-actions{grid-template-columns:1fr!important}
  .storefront-v8 .sf-hero-trust{grid-template-columns:1fr 1fr!important}
}

@media (prefers-reduced-motion:reduce){
  .storefront-v8 *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}