/* Shared purchase bars: product actions stay visible beneath the global header. */
:root{--site-header-height:77px;--product-bar-height:0px;scroll-padding-top:calc(var(--site-header-height) + var(--product-bar-height) + 18px)}
.header{z-index:40}
.product-purchase-nav{top:var(--site-header-height);z-index:30;background:#fffefaed;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 5px 15px #20352b04}
.tech-nav{display:block;padding:0 5%;gap:0}
.tech-nav-main{max-width:1340px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;min-height:61px;padding:8px 0}
.product-nav-name{font-size:16px;font-weight:560;letter-spacing:-.02em;line-height:1.2;min-width:0}
.product-nav-name span{font-weight:450}
.tech-nav-links,.product-section-links{display:flex;gap:24px;font-size:14px;align-items:center}
.sticky-purchase{display:flex;align-items:center;justify-content:flex-end;gap:18px;white-space:nowrap;min-width:0}
.sticky-purchase-price{font-size:16px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.product-purchase-nav .btn{min-height:42px;padding:10px 20px;font-size:14px;white-space:nowrap}
.sticky-size-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));max-width:1340px;margin:auto;border-top:1px solid #dbded8;border-left:1px solid #dbded8}
.sticky-size{appearance:none;border:0;border-right:1px solid #dbded8;background:transparent;color:#27362f;text-align:left;min-width:0;padding:10px 17px 9px;transition:background .2s,color .2s}
.sticky-size:hover{background:#eef0e9}
.sticky-size.selected{background:#273c33;color:#fffdf4}
.size-card-main{display:flex;align-items:center;justify-content:space-between;gap:12px}
.size-card-main b{font-size:38px;line-height:1.08;font-weight:480;letter-spacing:-.07em}
.size-card-main>span{font-size:14px;line-height:1.1;font-weight:550;white-space:nowrap}
.size-card-main small{font-weight:450;font-size:12px}
.size-card-count{display:block;border-top:1px solid #27362f28;padding-top:6px;margin-top:7px;color:#68766d;font-size:12px;letter-spacing:.035em;white-space:nowrap}
.selected .size-card-count{color:#e3e9df;border-color:#ffffff35}
.tech-hero{background:#f7f4ed;min-height:0}
.tech-hero-grid{max-width:1540px;grid-template-columns:46% 54%;min-height:585px;align-items:center}
.tech-hero-copy{padding:43px 7% 38px 11%;min-width:0}
.tech-hero .eyebrow{margin-bottom:20px;font-size:12px}
.tech-hero h1{font-size:clamp(43px,4.4vw,68px);line-height:1.03;letter-spacing:-.065em;margin-bottom:20px;max-width:580px}
.tech-hero p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:490px;margin-bottom:0}
.tech-hero-media{align-self:stretch;min-height:0;display:flex;align-items:center;position:relative;background:#f7f4ed}
.tech-hero-media img{width:100%;height:auto;max-width:100%;margin:0;mix-blend-mode:normal;object-fit:contain;animation:none}
.tech-hero-media picture{display:block;width:100%;min-width:0}
.engineering-caption{position:absolute;inset:auto 6% 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#456875;font-size:12px;letter-spacing:.12em}
.engineering-caption small{display:block;font-size:12px;letter-spacing:0;color:#667972;margin-top:5px}
.motion-toggle{flex:none;border:1px solid #81999070;background:#fffefaca;color:#2c514e;border-radius:50%;width:44px;height:44px;font-size:21px;display:grid;place-items:center}
.motion-toggle:hover{background:#fff}
.hero-weight-finder{margin-top:25px;border-top:1px solid #d2dad2;padding-top:16px}
.hero-weight-finder label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#607466;font-size:12px;letter-spacing:.08em}
.hero-weight-finder label strong{font-size:28px;font-weight:500;letter-spacing:-.04em;color:#294534;font-variant-numeric:tabular-nums}
#hero-fit-weight,#fit-weight{display:block;appearance:none;-webkit-appearance:none;width:100%;height:36px;border:0;background:transparent;cursor:pointer;margin:5px 0;min-width:0;accent-color:#314f3c}
#hero-fit-weight::-webkit-slider-runnable-track,#fit-weight::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#365640 var(--range-progress,8%),#cbd5c9 var(--range-progress,8%))}
#hero-fit-weight::-webkit-slider-thumb,#fit-weight::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:#365640;border:4px solid #fffef8;margin-top:-10px;box-shadow:0 1px 5px #29463140}
#hero-fit-weight::-moz-range-track,#fit-weight::-moz-range-track{height:4px;background:#cbd5c9;border-radius:4px}
#hero-fit-weight::-moz-range-progress,#fit-weight::-moz-range-progress{height:4px;background:#365640}
#hero-fit-weight::-moz-range-thumb,#fit-weight::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:#365640;border:4px solid #fffef8;box-shadow:0 1px 5px #29463140}
#hero-fit-weight:focus-visible,#fit-weight:focus-visible{outline:2px solid #244db5;outline-offset:3px;border-radius:6px}
.hero-weight-scale{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#718075}
.hero-weight-scale b{font-size:14px;font-weight:500;color:#34573e}
.hero-purchase{margin-top:21px}
.hero-plan-label{font-size:12px;letter-spacing:.08em;color:#647669;display:block;margin-bottom:10px}
.hero-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.hero-plans .plan{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 11px;border-radius:9px;background:#fffefa66;min-width:0}
.hero-plans .plan strong{font-size:13px;line-height:1.3;font-weight:550}
.plan em{font-style:normal;font-size:12px;display:inline-block;color:#496941}
.hero-plans .plan small{font-size:12px;line-height:1.35;margin-top:5px}
.hero-plans .cost{font-size:16px;font-weight:550;letter-spacing:-.025em}
.hero-plans .plan.selected{border-color:#355640;box-shadow:inset 0 0 0 1px #355640;background:#eff3e9}
.tech-hero .hero-actions{display:flex;justify-content:space-between;gap:16px;margin-top:21px;flex-wrap:wrap}
.hero-selected-note{color:#6f7c70;font-size:13px}
.system-strip{padding:21px 0 24px}
.system-strip b{font-size:14px}
.tech-section,.purchase-zone,.care-block,.mother-texture{scroll-margin-top:20px}
.diaper-purchase{grid-template-columns:1.05fr 1fr;gap:8%}
.diaper-purchase .product-visual{top:calc(var(--site-header-height) + var(--product-bar-height) + 24px)}
.purchase-size-summary{display:flex;align-items:center;gap:28px;margin-bottom:30px}
.purchase-size-number{font-size:140px;font-weight:400;letter-spacing:-.08em;line-height:.95;color:#2a4337}
.purchase-size-summary h3{font-size:30px;margin:7px 0}
.purchase-size-summary p{margin-bottom:6px}
.care-subnav.product-purchase-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;min-height:67px;padding:9px 5%}
.care-subnav .product-nav-name{font-size:18px}
.care-subnav .sticky-purchase{gap:17px}
.care-subnav .product-section-links{gap:25px}
.sticky-wipe-select select{appearance:auto;border:1px solid #cfd9df;border-radius:6px;background:#fffefb;color:#34505c;min-height:40px;padding:7px 9px;font:inherit;font-size:14px;cursor:pointer}
.care-subnav .btn{background:var(--care-accent);border-color:var(--care-accent)}
.care-diagram{top:calc(var(--site-header-height) + var(--product-bar-height) + 22px)}
@media(max-width:1180px){
  .tech-nav-main,.care-subnav.product-purchase-nav{grid-template-columns:1fr auto;gap:12px}
  .tech-nav-links,.care-subnav .product-section-links{display:none}
  .sticky-size{padding:10px 12px}
  .size-card-main{gap:5px}
  .size-card-main b{font-size:34px}
  .size-card-main>span{font-size:13px}
  .size-card-count{font-size:12px;letter-spacing:0}
  .tech-hero-grid{grid-template-columns:49% 51%;min-height:0}
  .tech-hero-copy{padding:35px 7% 35px 10%}
  .tech-hero h1{font-size:48px}
  .hero-plans .plan{padding:10px 8px}
  .hero-plans .plan strong{font-size:12px}
}
@media(max-width:760px){
  :root{--site-header-height:68px}
  .tech-nav{padding:0 4%}
  .tech-nav-main{min-height:57px;padding:7px 0}
  .product-nav-name{font-size:14px}
  .tech-nav .product-nav-name span{display:block;font-size:12px;margin-top:3px;color:#6c796e}
  .product-purchase-nav .btn{padding:10px 15px;min-height:42px;font-size:13px}
  .sticky-purchase,.care-subnav .sticky-purchase{gap:10px}
  .sticky-purchase-price{font-size:14px}
  .sticky-size-row{border-left:0}
  .sticky-size{padding:5px 2px 7px;text-align:center;min-height:59px}
  .sticky-size:first-child{border-left:1px solid #dbded8}
  .size-card-main{display:block}
  .size-card-main b{font-size:26px;line-height:1.05;display:block;margin-bottom:4px}
  .size-card-main>span{font-size:12px;font-weight:450}
  .size-card-main small{display:none}
  .size-card-count{display:none}
  .tech-hero-grid{grid-template-columns:1fr}
  .tech-hero-copy{padding:32px 6% 23px;order:1}
  .tech-hero h1{font-size:clamp(40px,10vw,60px);max-width:580px;margin-bottom:18px}
  .tech-hero .eyebrow{font-size:12px;margin-bottom:15px}
  .tech-hero p:not(.eyebrow){font-size:16px}
  .tech-hero-media{order:2;height:auto;min-height:0;padding-bottom:37px}
  .tech-hero-media img{width:100%;height:auto;margin:0}
  .engineering-caption{inset:auto 6% 19px;font-size:12px}
  .engineering-caption small{font-size:12px}
  .hero-weight-finder{margin-top:22px;padding-top:12px}
  .hero-weight-finder label strong{font-size:27px}
  .hero-plan-label{font-size:12px}
  .hero-plans{gap:7px}
  .hero-plans .plan{padding:11px 10px;min-height:94px}
  .hero-plans .plan strong{font-size:13px}
  .hero-plans .cost{font-size:16px}
  .hero-plans .plan small{font-size:12px}
  .system-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 6%;gap:20px 10px}
  .system-strip>div{padding:0 15px 0 0;min-width:0}
  .system-strip span{font-size:12px;letter-spacing:.045em}
  .system-strip b{font-size:14px}
  .diaper-purchase{grid-template-columns:1fr;gap:0}
  .diaper-purchase .product-visual{position:static}
  .purchase-size-number{font-size:115px}
  .purchase-size-summary{gap:25px}
  .care-subnav.product-purchase-nav{min-height:64px;padding:9px 4%;gap:8px}
  .care-subnav .product-nav-name{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
  .care-subnav .sticky-wipe-select select{font-size:12px;min-height:42px;padding:5px 3px;max-width:78px}
  .care-subnav .sticky-purchase{gap:7px}
  .care-diagram{position:static}
}
@media(max-width:380px){
  .care-subnav .product-nav-name{font-size:14px}
  .care-subnav:has(.sticky-wipe-select) .sticky-purchase-price{display:none}
  .hero-plans .plan{padding:10px 6px}
  .hero-plans .plan strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.sticky-size{transition:none}}

/* Feeling-first opening: a slim size rail, with the details below the film. */
:root{--site-header-height:64px}
.header{min-height:64px;padding:13px 4.5%;background:#fffefaf5;transition:background .3s,box-shadow .3s}
.product-purchase-nav{background:#fffefaf5;transition:background .3s,box-shadow .3s}
.tech-nav-main{grid-template-columns:minmax(140px,1fr) auto minmax(190px,1fr);min-height:56px;padding:6px 0;gap:20px}
.tech-nav .product-nav-name{font-size:14px;font-weight:550}
.sticky-size-row{display:flex;align-items:center;justify-content:center;gap:5px;border:0;margin:0;max-width:none}
.sticky-size{display:grid;place-items:center;width:38px;min-width:38px;min-height:38px;height:38px;padding:0;border:0;border-radius:50%;font-size:16px;font-weight:500;text-align:center;line-height:1}
.sticky-size:first-child{border:0}
.sticky-size.selected{background:#294738;color:#fffef6}
.sticky-size:hover:not(.selected){background:#dfe8df80}
.mobile-purchase-price{display:none}
.tech-nav .sticky-purchase{gap:15px}
.tech-nav .sticky-purchase-price{font-size:14px}
.product-purchase-nav .btn{min-height:40px;font-size:14px;padding:9px 18px}
.care-subnav.product-purchase-nav{min-height:58px;padding-top:7px;padding-bottom:7px}
.care-subnav .product-nav-name{font-size:16px}
.reading-progress{height:1px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .page-scrolled .header{background:#fffefaad;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .page-scrolled .product-purchase-nav{background:#fffefa99;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 20px #29473806}
}
.feeling-hero{max-width:1600px;margin:auto;padding:58px 5% 62px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5%;align-items:center;background:#fffefa}
.feeling-hero-copy{min-width:0}
.feeling-hero .eyebrow{font-size:12px;margin-bottom:25px;color:#6c7b70}
.feeling-hero h1{font-size:clamp(43px,4.8vw,73px);line-height:1.04;letter-spacing:-.065em;font-weight:510;margin-bottom:25px;color:#233c32}
.feeling-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:440px;color:#69766c;margin-bottom:27px}
.feeling-hero .text-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;color:#315b40}
.feeling-film{position:relative;aspect-ratio:16/9;min-width:0;overflow:hidden;border-radius:15px;background:#eeeee5;isolation:isolate}
.feeling-film video{display:block;width:100%;height:100%;object-fit:contain}
.film-motion-toggle{position:absolute;right:17px;bottom:17px;width:42px;height:42px;background:#fffefaaf;border-color:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}
.diaper-quick-selection{background:#f8f9f5;border-top:1px solid #e2e7de;border-bottom:1px solid #e2e7de;padding:27px 0;scroll-margin-top:20px}
.quick-selection-grid{display:grid;grid-template-columns:.85fr 1.15fr 1.8fr;gap:34px;align-items:center}
.quick-selection-intro h2{font-size:29px;line-height:1.13;letter-spacing:-.04em;font-weight:500;margin:0 0 10px;color:#2c4435}
.quick-selection-intro p{font-size:14px;line-height:1.6;margin:0;color:#718072}
.diaper-quick-selection .hero-weight-finder{margin:0;border:0;padding:0}
.diaper-quick-selection .hero-weight-finder label{font-size:12px;letter-spacing:.035em}
.diaper-quick-selection .hero-weight-finder label strong{font-size:25px}
.diaper-quick-selection .hero-weight-scale b{font-size:13px}
.diaper-quick-selection .hero-purchase{margin:0}
.diaper-quick-selection .hero-plans .plan{padding:10px;gap:9px;min-height:87px}
.diaper-quick-selection .hero-plans .plan strong{font-size:13px}
.diaper-quick-selection .hero-plans .plan small{font-size:12px}
.diaper-quick-selection .hero-plan-label{font-size:12px;margin-bottom:9px;letter-spacing:.035em}
.anatomy-stage{padding:25px 22px 20px;background:#f7f4ee}
.anatomy-stage [hidden]{display:none!important}
.anatomy-motion{margin-top:15px}
.anatomy-motion picture{display:block}
.anatomy-motion img{display:block;width:100%;height:auto;border-radius:7px}
.anatomy-motion-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:8px;font-size:12px;color:#7a847b}
.anatomy-motion-tools .motion-toggle{width:38px;height:38px;font-size:18px}
.anatomy-switch{border:0;border-top:1px solid #d7ded3;width:100%;padding:17px 0 0;margin-top:15px;background:transparent;color:#2f5940;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:40px}
@media(max-width:1050px){
  .tech-nav-main{grid-template-columns:1fr auto 1fr;gap:12px}
  .tech-nav .product-nav-name span{display:block;font-size:12px;margin-top:3px}
  .tech-nav .sticky-purchase{gap:10px}
  .sticky-size-row{gap:3px}
  .sticky-size{width:35px;min-width:35px;height:35px;min-height:35px}
  .feeling-hero{padding-top:42px;padding-bottom:44px;gap:4%;grid-template-columns:.9fr 1.1fr}
  .feeling-hero h1{font-size:48px}
  .feeling-hero-copy>p:not(.eyebrow){font-size:16px}
  .quick-selection-grid{grid-template-columns:1fr 1.6fr;gap:35px}
  .quick-selection-intro{display:none}
}
@media(max-width:760px){
  :root{--site-header-height:60px}
  .header{min-height:60px;padding-top:12px;padding-bottom:12px}
  .tech-nav-main{grid-template-columns:minmax(0,1fr) auto;min-height:53px;padding:4px 0;gap:11px}
  .tech-nav .product-nav-name,.tech-nav .sticky-purchase-price{display:none}
  .sticky-size-row{justify-content:space-between;gap:1px}
  .sticky-size{min-width:0;width:30px;height:34px;min-height:34px;font-size:15px}
  .tech-nav .sticky-purchase{gap:0}
  .tech-nav .btn{display:flex;flex-direction:column;gap:1px;min-height:45px;min-width:103px;padding:6px 12px;font-size:13px;line-height:1.2}
  .mobile-purchase-price{display:block;font-size:12px;font-weight:400;opacity:.88}
  .feeling-hero{grid-template-columns:1fr;gap:25px;padding:32px 5% 34px}
  .feeling-hero h1{font-size:clamp(40px,10.5vw,59px);max-width:560px;margin-bottom:19px}
  .feeling-hero .eyebrow{margin-bottom:18px}
  .feeling-hero-copy>p:not(.eyebrow){margin-bottom:20px;font-size:16px;line-height:1.65}
  .feeling-film{border-radius:11px}
  .film-motion-toggle{right:12px;bottom:12px;width:40px;height:40px}
  .quick-selection-grid{grid-template-columns:1fr;gap:24px}
  .diaper-quick-selection{padding:24px 0}
  .diaper-quick-selection .hero-weight-finder label{font-size:12px}
  .diaper-quick-selection .hero-plans .plan{min-height:90px;padding:10px 8px}
  .anatomy-stage{padding:20px 14px 18px}
  .anatomy-stage .diagram-topline{font-size:12px;gap:15px;line-height:1.4;letter-spacing:.02em}
  .anatomy-stage .diagram-topline>span{max-width:48%}
  .care-subnav.product-purchase-nav{min-height:56px}
}
@media(max-width:350px){
  .tech-nav-main{gap:7px}
  .sticky-size{width:25px;font-size:14px}
  .tech-nav .btn{min-width:98px;padding-left:10px;padding-right:10px}
  .feeling-hero h1{font-size:39px}
}
@media(prefers-reduced-motion:reduce){.header,.product-purchase-nav{transition:none}}