/* Permanent editorial template, graduated from the approved layout. Product-owned palette and live commerce. */
:root{--layout-max:1240px;--layout-gutter:32px;--layout-space:80px;--layout-gap:44px}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body.layout-premium{overflow-x:clip}
.layout-premium .wrap{max-width:calc(var(--layout-max) + 2 * var(--layout-gutter));padding-inline:var(--layout-gutter)}
.layout-premium main>.sec{padding-block:var(--layout-space);padding-inline:max(var(--layout-gutter),calc((100% - var(--layout-max))/2));margin:0;max-width:none}
.layout-premium main>.sec+.sec{border-top:1px solid var(--line)}
.layout-premium .site-head .wrap{max-width:calc(var(--layout-max) + 2 * var(--layout-gutter));min-height:72px;justify-content:space-between;gap:24px}
.layout-premium .site-head .wrap:after{display:none}
.layout-premium .site-head .brand-logo{max-width:150px;max-height:52px}
.layout-premium .site-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.layout-premium .site-nav a{text-decoration:none;font-size:14px;font-weight:600}
.layout-premium .header-cart,.layout-premium .menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;min-width:44px;min-height:44px;cursor:pointer;color:var(--accent)}
.layout-premium .menu-toggle{display:none}
.layout-premium .header-cart svg{width:22px;height:22px}
.branded-store.layout-premium main>.sec.layout-hero{display:grid;grid-template-columns:minmax(0,560px) minmax(0,820px);justify-content:center;gap:0;align-items:stretch;min-height:600px;background:var(--hero-bg);color:var(--hero-ink);padding:0}
.layout-hero-copy{position:relative;z-index:1;min-width:0;max-width:480px;align-self:center;margin-inline:clamp(24px,4vw,64px) 12px;padding-block:48px}
.layout-hero h1{font:400 clamp(3.5rem,5.8vw,5.25rem)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.045em;color:var(--hero-ink);margin:0 0 24px;text-wrap:balance;overflow-wrap:break-word}
.layout-hero .support-line{font:400 1.2rem/1.6 var(--body);max-width:38ch;margin:0 0 24px;color:var(--hero-ink)}
.layout-hero .cta{width:max-content;max-width:100%;min-width:min(240px,100%);padding:16px 28px;background:var(--hero-cta);color:var(--hero-cta-ink);white-space:normal;text-align:center}
.layout-hero .hero-secondary{display:block;margin-top:16px;font-weight:600;font-size:14px;text-underline-offset:5px}
.layout-hero .hero-rating{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--hero-ink)}
.layout-hero-media{position:relative;margin:0;min-width:0;align-self:stretch;overflow:hidden;border:0;border-radius:0}
.layout-hero-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.layout-hero-media:after{content:"";position:absolute;inset:0 auto 0 0;width:16%;background:linear-gradient(to right,var(--hero-bg),transparent);pointer-events:none}
@media(min-width:768px){
 /* Bounded on wide screens; overlap brings the fade directly alongside the copy. */
 .layout-hero-media{margin-left:-96px}
 .layout-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 23%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 23%,#000 92%,transparent 100%)}
 .layout-hero-media:after{display:none}
}
.branded-store.layout-premium main>.sec.hero-without-image{grid-template-columns:1fr;min-height:0}
.layout-hero-copy a:focus-visible{outline:3px solid var(--hero-ink);outline-offset:5px}
.layout-premium main>.quick-benefits{padding-block:24px;background:var(--bg)}
.quick-benefits ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;gap:32px}
.quick-benefits li{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:14px;line-height:1.4;min-width:0}
.quick-benefits li+li{border-left:1px solid var(--line);padding-left:24px}
.quick-benefits svg{flex:none;width:24px;height:24px;color:var(--complement)}
.layout-premium main>.sec.buy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--layout-gap);align-items:start;padding-top:var(--layout-space)}
.layout-premium .gallery{position:static;min-width:0}
.layout-premium .stage{aspect-ratio:1;border-radius:12px}
.layout-premium .slide img{object-fit:contain}
.layout-premium .nav{display:grid;place-items:center}
.layout-premium .thumbs{display:flex;overflow-x:auto;gap:10px;padding:3px;margin:12px -3px 0;scrollbar-width:thin}
.layout-premium .thumb{flex:0 0 calc((100% - 50px)/6);min-width:56px}
.layout-premium .gallery-kit{margin:28px 0 0}
.layout-premium .gallery-kit img{width:100%;aspect-ratio:1.25;object-fit:contain}
.layout-premium .buycol{min-width:0}
.layout-premium .buycol h2{font:800 clamp(2rem,3vw,2.75rem)/1.1 var(--display);letter-spacing:-.03em;display:block;overflow:visible;color:var(--accent);margin:0 0 14px}
.layout-premium .buycol h2:before{display:none}
.layout-premium .card{padding:20px;min-width:0}
.layout-premium .bundles{display:grid;grid-template-columns:1fr;gap:10px}
.layout-premium .bundle{margin:0;grid-template-columns:20px 80px minmax(0,1fr) auto;gap:10px;min-width:0;padding:14px 12px}
.layout-premium .binfo{min-width:0;overflow-wrap:normal}
.layout-premium .bsub{white-space:normal;line-height:1.5;font-size:12px}
.layout-premium .blabel{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.layout-premium .badge{margin-left:0}
.layout-premium .bprice{white-space:nowrap}
.layout-premium .bprice strong{font-size:1.1rem}
.layout-premium .payment-badges{flex-wrap:wrap}
.layout-premium .story-problem:has(>.usephoto){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--layout-gap);row-gap:24px;align-items:center}
.layout-premium .story-problem>.story-lead{grid-column:1;grid-row:1}
.layout-premium .story-problem>.story-pains{grid-column:1;grid-row:2;align-self:start}
.layout-premium .story-problem>.usephoto{grid-column:2;grid-row:1/3;margin:0}
.layout-premium .story-pains li{padding:16px 0;border-bottom:1px solid var(--line)}
.layout-premium .story-mechanism{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--layout-gap);row-gap:36px}
.layout-premium .story-mechanism>.usephoto{grid-column:1;grid-row:1;max-width:none;width:100%}
.layout-premium .story-mechanism>.story-lead{grid-column:2;grid-row:1}
.layout-premium .story-mechanism>.story-flow{grid-column:1/-1;grid-row:2}
.layout-premium .story-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-premium .bgrid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.layout-premium .benefit{padding:0;border:0;border-radius:0;background:none}
.layout-premium .benefit:after{display:none}
.layout-premium .benefit-media{margin:0;aspect-ratio:4/3;overflow:hidden}
.layout-premium .benefit-media img{width:100%;height:100%;object-fit:contain}
.layout-premium .benefit h3{margin-top:20px}
.layout-premium .context{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--layout-gap)}
.layout-premium .context figure{margin:0;box-shadow:none;border-radius:0}
.layout-premium main>.practical{display:block}
.layout-premium .practical .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0}
.layout-premium .practical .steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;border-top:1px solid var(--line);border-bottom:0;padding:20px 0}
.layout-premium .practical .steps li:before{font-size:1.7rem}
.layout-premium .instruction-photo{display:block;margin:0 auto 28px;width:100%;max-width:600px;aspect-ratio:1.5;object-fit:contain}
.instruction-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 auto 32px;max-width:1040px}
.instruction-panel{margin:0;min-width:0;overflow:hidden;border-radius:12px;background:var(--soft)}
.instruction-panel svg{display:block;width:100%;height:auto}
.layout-premium main>.package{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--layout-gap)}
.layout-premium .package figure{margin:0}
.layout-premium .package img{width:100%;object-fit:contain}
.layout-premium .package .incl{display:grid;gap:0}
.layout-premium .package .incl li{padding:16px 0}
.layout-premium .reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-premium .review-title{display:block;overflow:visible;min-height:0}
.layout-premium .review-card{box-shadow:none;border-color:var(--line)}
.layout-premium .reviews-summary{white-space:normal;color:var(--ink)}
.review-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px}
.review-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--bg);font-size:24px;cursor:pointer}
.review-controls output{font-size:13px;color:var(--muted)}
.layout-premium main>.sec.faq>*{max-width:900px;margin-inline:auto}
.faq-review-control{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:14px;color:var(--muted)}
.faq-review-control input{width:18px;height:18px;accent-color:var(--accent)}
.layout-premium .faq summary{padding-block:16px}
.layout-premium .site-foot .wrap{display:grid;grid-template-columns:1fr 2fr;gap:var(--layout-gap);align-items:start;padding-block:48px 64px}
.layout-premium .site-foot nav{display:flex;flex-wrap:wrap;gap:12px 28px}
@media(min-width:768px) and (max-width:1023px){
 :root{--layout-gutter:24px;--layout-space:56px;--layout-gap:24px}
 .layout-premium .bundle{grid-template-columns:20px 54px minmax(0,1fr) auto;padding:12px 8px;gap:6px}
 .layout-premium .bprice strong{font-size:15px}
 .layout-premium .bthumbs img{width:40px;height:40px}
 .layout-premium .bthumbs img+img{margin-left:-31px}
 .layout-premium .story-flow li+li{padding-left:20px}
 .layout-premium .story-problem:has(>.usephoto){display:grid}
}
@media(max-width:767px){
 :root{--layout-gutter:20px;--layout-space:40px;--layout-gap:24px}
 .layout-premium .site-head .wrap{min-height:60px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px}
 .layout-premium .site-head .brand{justify-self:center}
 .layout-premium .site-head .brand-logo{max-width:130px;max-height:44px}
 .layout-premium .menu-toggle{display:flex;grid-column:1;grid-row:1;font-size:22px}
 .layout-premium .header-cart{grid-column:3;grid-row:1}
 .layout-premium .header-cart span{display:none}
 .layout-premium .site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;margin:0;padding:16px 20px;background:var(--soft);border-bottom:1px solid var(--line)}
 .layout-premium .site-nav.is-open{display:grid;gap:0}
 .layout-premium .site-nav a{padding-block:12px}
 .branded-store.layout-premium main>.sec.layout-hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:0}
 .layout-hero-copy{text-align:center;width:100%;max-width:none;margin:0;padding:32px 20px 28px}
 .layout-hero h1{font-size:clamp(3rem,14vw,4.5rem);line-height:.98;margin-bottom:24px}
 .layout-hero .support-line{font-size:1.125rem;line-height:1.45;margin:0 auto 24px;max-width:30ch}
 .layout-hero .cta{width:100%;min-width:0;font-size:1.125rem;padding:17px 20px}
 .layout-hero .hero-rating{justify-content:center}
 .instruction-panels{gap:12px}
 .instruction-panel{border-radius:8px}
 .layout-hero-media{width:100%;max-width:none}
 .layout-hero-media img{position:static;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:50% 15%}
 .layout-hero-media:after{display:none}
 .layout-premium main>.quick-benefits{padding-block:20px}
 .quick-benefits ul{gap:12px}
 .quick-benefits li{flex-direction:column;text-align:center;font-size:12px;gap:8px}
 .quick-benefits li+li{padding-left:8px}
 .layout-premium main>.sec.buy{grid-template-columns:1fr;gap:28px}
 .layout-premium .gallery-kit{display:none}
 .layout-premium .buycol h2{font-size:2rem}
 .layout-premium .card{padding:14px}
 .layout-premium .bundle{grid-template-columns:18px 56px minmax(0,1fr) auto;gap:6px;padding:14px 8px}
 .layout-premium .radio{width:18px;height:18px}
 .layout-premium .bthumbs img{width:38px;height:38px}
 .layout-premium .bthumbs img+img{margin-left:-28px}
 .layout-premium .blabel{font-size:14px}
 .layout-premium .bsub{font-size:11px;line-height:1.5}
 .layout-premium .bprice strong{font-size:15px}
 .layout-premium .bprice s{font-size:11px}
 .layout-premium .badge{font-size:9px}
 .layout-premium .price{font-size:1.75rem}
 .layout-premium .story-problem:has(>.usephoto),.layout-premium .story-mechanism,.layout-premium .context,.layout-premium main>.package{display:flex;flex-direction:column;gap:24px;align-items:stretch}
 .layout-premium .story-problem>.story-lead{order:0}
 .layout-premium .story-problem>.story-pains{order:1;margin:0}
 .layout-premium .story-problem>.usephoto{order:2}
 .layout-premium .story-mechanism>.story-lead{order:0}
 .layout-premium .story-mechanism>.usephoto{order:1}
 .layout-premium .story-mechanism>.story-flow{order:2}
 .layout-premium .story-flow{grid-template-columns:1fr}
 .layout-premium .story-flow li,.layout-premium .story-flow li+li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:20px 0;border-left:0}
 .layout-premium .story-flow li+li:after{left:0}
 .layout-premium .story-flow li:before{font-size:2rem;margin:0}
 .layout-premium .bgrid{grid-template-columns:1fr;gap:32px}
 .layout-premium .benefit-media{aspect-ratio:4/3}
 .layout-premium .practical .steps{grid-template-columns:1fr;gap:0}
 .layout-premium .instruction-photo{aspect-ratio:1.4;margin-bottom:20px}
 .layout-premium .reviews-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:16px;padding:0 0 12px}
 .layout-premium .review-card{flex:0 0 88%;scroll-snap-align:start;align-self:stretch;padding:20px}
 .layout-premium .reviews-heading{display:block}
 .layout-premium .reviews-summary{margin-top:16px}
 .layout-premium .site-foot .wrap{display:flex;flex-direction:column;gap:24px;padding-block:32px 64px}
 .layout-premium .site-foot nav{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
