.whole-shop-home-hero{
  --wshh-orange:#ed5b12;
  --wshh-orange-bright:#ff781f;
  --wshh-orange-soft:#ffb36f;
  position:relative;
  display:grid;
  min-height:clamp(720px,96svh,960px);
  place-items:center;
  overflow:hidden;
  padding:98px 24px 74px;
  isolation:isolate;
  background:
    radial-gradient(62% 58% at 16% 14%,rgba(150,46,16,.34),transparent 68%),
    radial-gradient(54% 52% at 86% 76%,rgba(255,118,31,.16),transparent 70%),
    radial-gradient(82% 76% at 50% 44%,#1a100d 0%,#0d0a0b 62%,#08070a 100%);
  color:#fff;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.whole-shop-home-hero,.whole-shop-home-hero *{box-sizing:border-box}
.whole-shop-home-hero::before{
  position:absolute;
  inset:0;
  z-index:2;
  background:radial-gradient(ellipse 46% 48% at 50% 48%,rgba(8,7,8,.96),rgba(8,7,8,.62) 61%,transparent 100%);
  content:"";
  pointer-events:none;
}
.whole-shop-home-hero::after{
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%,transparent 82%,rgba(237,91,18,.055));
  border-bottom:1px solid rgba(255,255,255,.08);
  content:"";
  pointer-events:none;
}
.wshh-products{
  position:absolute;
  inset:66px 0 22px;
  z-index:1;
  perspective:1450px;
  perspective-origin:50% 47%;
  transform-style:preserve-3d;
  transform-origin:50% 48%;
  pointer-events:none;
}
.wshh-flash{
  position:absolute;
  inset:0;
  z-index:2;
  opacity:0;
  background:radial-gradient(36% 30% at 50% 47%,rgba(255,226,199,.82),rgba(237,91,18,.2) 47%,transparent 74%);
  pointer-events:none;
}
.wshh-flash.is-active{animation:wshh-flash 1.05s ease-out 1}
@keyframes wshh-flash{0%{opacity:0}12%{opacity:.72}100%{opacity:0}}
.wshh-product{
  position:absolute;
  left:50%;
  top:50%;
  width:230px;
  height:144px;
  opacity:0;
  transform-style:preserve-3d;
}
.wshh-card{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  transform:translateZ(0);
  border:1px solid rgba(255,255,255,.21);
  border-radius:18px;
  background:#12100f;
  box-shadow:0 30px 74px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.1);
  isolation:isolate;
}
.wshh-card img{display:block;width:100%;height:100%;object-fit:cover}
.wshh-card.logo img{object-fit:contain;padding:17px;background:radial-gradient(120% 120% at 28% 18%,#2a211d,#100d0b 70%)}
.wshh-card.logo[data-product="typeflow"] img,.wshh-card.logo[data-product="typeflowpaper"] img{padding:7px}
.wshh-card::after{position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92));content:"";pointer-events:none}
.wshh-card-meta{position:absolute;right:13px;bottom:11px;left:13px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#fff;text-shadow:0 2px 9px rgba(0,0,0,.95)}
.wshh-card-name{font-size:14px;font-weight:750;line-height:1.1}
.wshh-card-price{font-size:16px;font-weight:800;line-height:1;white-space:nowrap}
.wshh-copy{position:relative;z-index:3;width:min(920px,100%);text-align:center}
.wshh-copy h1{margin:0;font-family:'Titling Gothic SB','titling-gothic-fb','Titling Gothic FB','Helvetica Neue',Helvetica,Arial,sans-serif!important;font-size:clamp(60px,7.6vw,104px);font-weight:600;letter-spacing:-.035em;line-height:.94;text-wrap:balance;text-shadow:0 16px 62px rgba(0,0,0,.78)}
.wshh-copy h1 span{background:linear-gradient(96deg,#ffc38b 0%,#ff781f 47%,#e94e0a 100%);background-clip:text;color:transparent;-webkit-background-clip:text}
.wshh-sub{max-width:690px;margin:28px auto 0;color:#d2cac5;font-size:clamp(17px,1.75vw,22px);line-height:1.48;text-wrap:balance;text-shadow:0 3px 18px #000}
.wshh-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.wshh-button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;padding:16px 36px;border:1px solid transparent;border-radius:15px;color:#fff;font-size:17px;font-weight:750;letter-spacing:-.015em;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .2s ease,background .2s ease,box-shadow .22s cubic-bezier(.16,1,.3,1)}
.wshh-button:hover{transform:translateY(-2px);text-decoration:none}
.wshh-button:focus-visible{outline:3px solid var(--wshh-orange-soft);outline-offset:4px}
.wshh-button-primary{background:linear-gradient(135deg,var(--wshh-orange-bright),var(--wshh-orange));box-shadow:0 14px 34px rgba(237,91,18,.3),inset 0 -2px rgba(0,0,0,.14)}
.wshh-button-primary:hover{box-shadow:0 20px 44px rgba(237,91,18,.4)}
.wshh-proof{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:21px auto 0;color:#aaa19b;font-size:12px}
.wshh-proof strong{display:inline-flex;align-items:center;gap:5px;color:#fff;font-weight:700}
.wshh-proof svg{width:15px;height:15px;color:#f7a23b;filter:drop-shadow(0 0 7px rgba(247,162,59,.22))}
.wshh-owner-toggle{padding:0;border:0;background:transparent;color:#fff;font:inherit;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,255,255,.52);text-underline-offset:4px;cursor:pointer;transition:color .2s ease,text-decoration-color .2s ease}
.wshh-owner-toggle:hover{color:var(--wshh-orange-soft);text-decoration-color:currentColor}
.wshh-owner-toggle::after{display:inline-block;min-width:.8em;content:" +";text-align:right}
.wshh-owner-toggle[aria-expanded="true"]::after{content:" −"}
.wshh-owner-toggle:focus-visible{outline:3px solid var(--wshh-orange-soft);outline-offset:4px}
.wshh-owner-panel{display:grid;grid-template-rows:0fr;width:min(520px,100%);margin:0 auto;opacity:0;transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1),opacity .28s ease,margin .42s cubic-bezier(.16,1,.3,1)}
.wshh-owner-panel>div{overflow:hidden}
.wshh-owner-panel p{margin:0;padding:0 18px;color:#aaa19b;font-size:13px;line-height:1.55;text-wrap:balance}
.wshh-owner-panel a{color:var(--wshh-orange-soft);font-weight:700}
.wshh-owner-panel.is-open{grid-template-rows:1fr;margin-top:12px;opacity:1}
@media(max-width:900px){
  .wshh-product{width:184px;height:115px}
  .wshh-copy h1{font-size:clamp(58px,11vw,86px)}
}
@media(max-width:650px){
  .whole-shop-home-hero{min-height:clamp(720px,94svh,800px);padding:102px 18px 78px}
  .whole-shop-home-hero::before{background:radial-gradient(ellipse 71% 52% at 50% 48%,rgba(8,7,8,.97),rgba(8,7,8,.68) 73%,transparent)}
  .wshh-products{inset:64px 0 20px}
  .wshh-product{width:136px;height:85px}
  .wshh-card{border-radius:13px}
  .wshh-card-meta{display:none}
  .wshh-copy h1{font-size:clamp(51px,16vw,72px);line-height:.92;text-wrap:wrap}
  .wshh-sub{max-width:360px;margin-top:24px;font-size:17px}
  .wshh-actions{gap:10px;margin-top:28px}
  .wshh-button{min-height:54px;padding:14px 30px;font-size:16px}
  .wshh-proof{max-width:340px;margin-top:22px;gap:7px 8px}
}
@media(prefers-reduced-motion:reduce){
  .wshh-flash{display:none}
  .wshh-button,.wshh-owner-panel{transition:none}
}