/* Shopping extension: shared brand foundations remain in styles.css. */
.family-nav{padding:14px var(--gutter);display:flex;justify-content:center;gap:40px;border-bottom:1px solid var(--line);font-size:11px;background:#f8fafd;overflow:auto}.family-nav a{white-space:nowrap;padding:3px 0}.family-nav a[aria-current=page]{border-bottom:1px solid var(--blue);font-weight:600}.shop-mast{background:var(--blue);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:500px}.shop-mast>div:first-child{padding:65px 45px 65px var(--gutter);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.shop-mast h1{font-size:clamp(55px,5.7vw,87px);line-height:1.06;margin:24px 0;letter-spacing:-.065em}.shop-mast h1>span{color:#b3c9e2}.shop-mast p{font-size:15px;max-width:355px;color:#d0ddec}.shop-mast .underlink{margin-top:25px}.shop-mast-art{background:#f1f6fc;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.shop-mast-art img{width:100%;height:auto;object-fit:contain}.shop-mast-art>span{font-size:8px;letter-spacing:.15em;color:var(--blue);text-align:center;padding:24px}.commerce-strip{padding:23px var(--gutter);display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:10px}.catalog-section{padding-top:75px}.catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.catalog-heading h2{font-size:clamp(36px,3.7vw,55px);margin-top:16px}.catalog-heading>p{font-size:13px;color:var(--muted)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:white;color:var(--blue);font-size:11px;padding:11px 17px;border-radius:30px}.filters button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.sort{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px;white-space:nowrap}.sort select{font:12px DM;color:var(--blue);padding:10px;border:1px solid var(--line);background:white;max-width:170px}.result-count{font-size:10px;color:var(--muted);margin:22px 0}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.catalog-card[hidden]{display:none}.catalog-card{min-width:0}.card-image{aspect-ratio:1;overflow:hidden;background:#f3f6fa;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.catalog-card a:hover .card-image img{transform:scale(1.035)}.card-arrow{position:absolute;right:17px;bottom:17px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--blue);font-size:20px;box-shadow:0 3px 20px #0000000d}.card-meta{display:flex;justify-content:space-between;align-items:start;gap:15px;margin:18px 0 8px;font-size:10px}.card-meta>span:first-child{text-transform:uppercase;letter-spacing:.09em;font-size:8px;color:var(--muted)}.card-meta>span:last-child{font-size:14px;white-space:nowrap}.catalog-card h3{font-size:20px;line-height:1.4;letter-spacing:-.035em;max-width:320px}.card-link{font-size:10px;display:inline-block;margin-top:13px;padding-bottom:2px;border-bottom:1px solid #a1b4cd}.catalog-note{font-size:11px;color:var(--muted);max-width:740px;margin-top:45px}.find-fit{background:var(--ice)}.find-fit h2{margin-top:25px}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.fit-grid>a{border-top:1px solid #afc2d9;padding-top:23px}.fit-grid span{font-size:9px;letter-spacing:.09em}.fit-grid h3{font-size:23px;margin:17px 0 12px}.fit-grid p{font-size:13px;color:var(--muted);max-width:300px}.shipping-section,.family-faq{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.shipping-section h2,.family-faq h2{margin-top:25px;font-size:clamp(36px,4vw,58px)}.faq-stack details{border-top:1px solid var(--line)}.faq-stack details:last-child{border-bottom:1px solid var(--line)}.faq-stack summary{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;padding:24px 0}.faq-stack summary>span{font-size:22px;font-weight:400;flex:none}.faq-stack details[open] summary>span{transform:rotate(45deg)}.faq-stack details>p{font-size:13px;color:var(--muted);padding:0 25px 25px 0}.faq-stack a{text-decoration:underline;text-underline-offset:3px}.breadcrumb{font-size:10px;display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);padding:27px var(--gutter)}.breadcrumb a:hover{text-decoration:underline}.detail-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:15px var(--gutter) 85px;align-items:start}.detail-visual{position:sticky;top:115px}.detail-image{background:var(--ice)}.detail-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.photo-caption{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--muted);padding:20px 0}.photo-caption>span:first-child{letter-spacing:.1em}.detail-info{padding-top:8px}.detail-info h1{font-size:clamp(36px,3.7vw,55px);line-height:1.12;margin:20px 0 24px}.detail-price{font:400 27px Manrope;letter-spacing:-.04em}.detail-price>span{font:10px DM;letter-spacing:0;color:var(--muted);margin-left:8px}.detail-description{font-size:14px;color:var(--muted);margin:25px 0;max-width:450px}.format-label{font-size:10px;letter-spacing:.07em;text-transform:uppercase;margin:25px 0 12px}.format-options{display:flex;flex-wrap:wrap;gap:8px}.format-options a{border:1px solid #c6d2e0;padding:9px 12px;font-size:10px;line-height:1.4}.format-options a[aria-current=true]{background:var(--blue);color:white;border-color:var(--blue)}.purchase{width:100%;margin-top:28px}.purchase-note{font-size:10px;color:var(--muted);margin-top:12px;max-width:390px}.detail-perks{display:flex;gap:25px;margin:22px 0;font-size:9px}.detail-accordions summary{font-size:12px;padding:18px 0}.detail-accordions details>p{font-size:12px}.detail-related{border-top:1px solid var(--line);background:#fbfcfe}.family-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:white;min-height:650px}.family-hero-copy{padding:0 50px 42px var(--gutter);display:flex;flex-direction:column;align-items:flex-start}.family-hero .breadcrumb{padding:27px 0 50px;color:#bdcce1;font-size:9px}.family-hero h1{font-size:clamp(58px,6vw,91px);line-height:1.03;letter-spacing:-.065em;margin:25px 0}.family-hero h1 em{font-style:normal;color:#adc5e0}.family-hero-copy>p{font-size:16px;color:#d1dced;max-width:370px;margin-bottom:30px}.family-badge{font-size:8px;letter-spacing:.09em;margin-top:auto;padding-top:40px;color:#c4d5e9}.family-hero-art{overflow:hidden;background:#edf2f8;min-height:580px}.family-hero-art img{width:100%;height:100%;object-fit:cover}.family-hero.disinfectant .family-hero-art img{object-position:center 30%}.family-intro>.kicker{margin-bottom:32px}.family-intro>div:not(.benefit-row){display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.family-intro>div>p{font-size:17px;max-width:430px;color:var(--muted);line-height:1.9}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.benefit-row>div{border-top:1px solid var(--line);padding-top:20px}.benefit-row span{font-size:10px;color:var(--muted)}.benefit-row h3{font-size:22px;margin:16px 0 12px}.benefit-row p{font-size:13px;color:var(--muted);max-width:340px}.family-science{display:grid;grid-template-columns:1fr 1fr;background:#f0f4fa;min-height:480px}.science-art{padding:50px var(--gutter);background:var(--blue);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.science-art:before{content:'';position:absolute;border:1px solid #ffffff18;border-radius:50%;width:440px;height:440px;right:-60px;top:20px}.science-art:after{content:'';position:absolute;border:1px solid #ffffff12;border-radius:50%;width:300px;height:300px;right:10px;top:90px}.formula{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:20px;font:500 clamp(35px,4.2vw,62px) Manrope;letter-spacing:-.07em;margin:50px 0}.formula b{font:300 25px Manrope;color:#95b5d8}.science-art-caption{font-size:9px;letter-spacing:.12em;color:#b5cce5;line-height:2}.family-science-copy{padding:65px var(--gutter) 65px 65px}.family-science-copy h2{font-size:clamp(39px,4vw,59px);margin:28px 0}.family-science-copy>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:420px}.family-science-copy .underlink{margin-top:20px}.application-section{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.application-section h2{margin-top:25px}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.application-grid span{font-size:10px;color:var(--soft)}.application-grid h3{font-size:22px;margin:15px 0 10px}.application-grid p{font-size:13px;color:var(--muted)}.format-section{background:#f5f8fc}.routine{background:var(--blue);color:white}.routine h2{margin-top:25px}.routine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.routine-grid>div{padding-top:22px;border-top:1px solid #96b5d851}.routine-grid span{color:#9cbada;font-size:11px}.routine-grid h3{font-size:24px;margin:18px 0 15px}.routine-grid p{font-size:14px;color:#cad8e9;max-width:310px}.customer-quote{max-width:1200px;margin:auto;text-align:center}.customer-quote blockquote{font:500 clamp(26px,3.25vw,44px)/1.45 Manrope;letter-spacing:-.045em;margin:30px 0}.customer-quote>p{font-size:12px;color:var(--muted)}.customer-quote .underlink{margin-top:22px}.family-faq{background:#f7f9fc}.shop-close{background:var(--blue);color:white;display:flex;flex-wrap:wrap;align-items:center;gap:35px;justify-content:space-between}.shop-close>.kicker{width:100%}.shop-close h2{font-size:clamp(38px,5vw,73px);max-width:760px}.empty-detail{padding:100px var(--gutter)}.empty-detail h1{font-size:50px;margin-bottom:30px}select:focus-visible{outline:3px solid #4d8dc9;outline-offset:3px}
@media(min-width:1700px){.shop-mast,.family-hero{min-height:740px}.family-hero-copy{padding-top:30px}.family-hero h1{font-size:100px}}
@media(max-width:1100px){.family-nav{gap:28px}.shop-mast{min-height:450px}.shop-mast h1{font-size:60px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.detail-layout{gap:40px}.detail-info h1{font-size:41px}.family-hero{min-height:620px}.family-hero h1{font-size:65px}.family-hero-copy{padding-right:35px}.family-hero-copy>p{font-size:14px}.family-intro>div:not(.benefit-row){gap:45px}.family-intro h2{font-size:50px}.family-intro>div>p{font-size:15px}.family-science-copy{padding:50px 40px}.science-art{padding:45px}.formula{gap:12px}.application-section,.shipping-section,.family-faq{gap:45px}.catalog-grid{gap:35px 22px}.fit-grid{gap:25px}.fit-grid h3{font-size:20px}}
@media(max-width:850px){.shop-mast>div:first-child{padding:45px 30px}.shop-mast h1{font-size:52px}.shop-mast p{font-size:13px}.shop-mast-art>span{font-size:6px}.commerce-strip{font-size:8px;gap:20px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{gap:30px;padding-top:10px}.detail-info h1{font-size:35px}.detail-price{font-size:23px}.detail-description{font-size:13px}.detail-perks{gap:15px;font-size:8px}.photo-caption{font-size:6px;gap:10px}.format-options a{font-size:9px}.family-hero{min-height:580px}.family-hero h1{font-size:53px}.family-hero-copy{padding-right:25px}.family-hero .breadcrumb{padding-bottom:35px}.family-hero-copy>p{font-size:13px}.family-hero-art{min-height:550px}.family-intro h2{font-size:44px}.family-intro>div>p{font-size:14px}.benefit-row{gap:25px}.benefit-row h3{font-size:20px}.family-science-copy h2{font-size:39px}.family-science-copy{padding:45px 30px}.family-science-copy>p{font-size:13px}.science-art{padding:35px}.formula{font-size:41px;gap:15px}.application-section{grid-template-columns:1fr 1.2fr;gap:35px}.application-section h2{font-size:40px}.application-grid{gap:30px}.application-grid h3{font-size:19px}.application-grid p{font-size:12px}.routine-grid{gap:30px}.routine-grid h3{font-size:21px}.routine-grid p{font-size:13px}.family-faq,.shipping-section{gap:35px}.faq-stack summary{font-size:12px}.fit-grid h3{font-size:19px}.fit-grid p{font-size:12px}}
@media(max-width:600px){.family-nav{justify-content:flex-start;gap:24px;padding:12px 24px;font-size:10px}.shop-mast{grid-template-columns:1fr}.shop-mast>div:first-child{padding:42px 24px}.shop-mast h1{font-size:55px;margin:22px 0}.shop-mast p{font-size:13px;max-width:315px}.shop-mast-art{min-height:0}.shop-mast-art img{aspect-ratio:1.5;object-fit:contain}.shop-mast-art>span{padding:14px;font-size:7px}.commerce-strip{padding:20px 24px;flex-wrap:wrap;gap:12px 20px;font-size:9px}.commerce-strip>span:first-child{width:100%}.catalog-heading{display:block;margin-bottom:28px}.catalog-heading h2{font-size:36px;margin-top:18px}.catalog-heading>p{margin-top:20px;font-size:12px}.catalog-heading>.underlink{margin-top:15px}.catalog-toolbar{gap:18px}.filters{gap:7px}.filters button{font-size:10px;padding:9px 13px}.sort{font-size:10px}.sort select{font-size:11px;padding:8px}.catalog-grid{gap:28px 14px}.card-meta{margin-top:12px;gap:8px;flex-direction:column}.card-meta>span:first-child{font-size:7px;letter-spacing:.04em}.card-meta>span:last-child{font-size:13px}.catalog-card h3{font-size:15px;line-height:1.4}.card-arrow{width:27px;height:27px;font-size:16px;right:9px;bottom:9px}.card-link{font-size:9px;margin-top:10px}.catalog-note{font-size:10px;margin-top:30px}.find-fit h2{font-size:40px}.fit-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.fit-grid h3{font-size:24px;margin:12px 0 8px}.fit-grid p{font-size:13px}.shipping-section,.family-faq{grid-template-columns:1fr;gap:30px}.shipping-section h2,.family-faq h2{font-size:40px;margin-top:20px}.faq-stack summary{font-size:13px;padding:20px 0}.breadcrumb{padding:21px 24px;font-size:9px;gap:8px}.detail-layout{grid-template-columns:1fr;padding:0 24px 55px;gap:24px}.detail-visual{position:static}.detail-info h1{font-size:39px;margin-top:16px}.detail-price{font-size:26px}.detail-description{font-size:14px}.detail-info>.kicker{font-size:8px}.format-options a{font-size:11px;padding:10px 13px}.detail-perks{font-size:10px;gap:20px}.purchase{font-size:12px}.purchase-note{font-size:11px}.photo-caption{font-size:7px;padding:15px 0}.detail-accordions summary{font-size:13px}.detail-related .catalog-grid .catalog-card:last-child{display:none}.family-hero{grid-template-columns:1fr}.family-hero-copy{padding:0 24px 30px}.family-hero .breadcrumb{padding:23px 0 35px;font-size:9px}.family-hero .kicker{font-size:8px}.family-hero h1{font-size:clamp(52px,14vw,76px);margin:22px 0;line-height:1.04}.family-hero-copy>p{font-size:15px;max-width:340px;margin-bottom:25px}.family-badge{font-size:7px;padding-top:30px}.family-hero-art{min-height:0;height:auto;aspect-ratio:1.05}.family-hero.disinfectant .family-hero-art{aspect-ratio:1}.family-hero.disinfectant .family-hero-art img{object-position:center 64%}.family-intro>div:not(.benefit-row){grid-template-columns:1fr;gap:25px}.family-intro h2{font-size:46px}.family-intro>div>p{font-size:15px}.benefit-row{grid-template-columns:1fr;gap:26px;margin-top:35px}.benefit-row>div{padding-top:17px}.benefit-row h3{font-size:24px;margin:12px 0 9px}.benefit-row p{font-size:13px}.family-science{grid-template-columns:1fr;min-height:0}.science-art{min-height:310px;padding:32px 24px}.formula{font-size:50px;gap:22px;margin:30px 0}.family-science-copy{padding:45px 24px}.family-science-copy h2{font-size:43px;margin:23px 0}.family-science-copy>p{font-size:14px}.family-science-copy .underlink{font-size:11px;gap:15px}.application-section{grid-template-columns:1fr;gap:30px}.application-section h2{font-size:43px}.application-grid{gap:28px 22px}.application-grid h3{font-size:20px}.application-grid p{font-size:12px}.routine h2{font-size:44px}.routine-grid{grid-template-columns:1fr;gap:25px;margin-top:32px}.routine-grid h3{font-size:25px;margin:12px 0}.routine-grid p{font-size:14px;max-width:none}.customer-quote blockquote{font-size:29px;text-align:left;margin:25px 0}.customer-quote{text-align:left}.customer-quote>p{font-size:12px}.shop-close{gap:25px}.shop-close h2{font-size:45px}.shop-close .button{font-size:12px}}
@media(max-width:360px){.shop-mast h1{font-size:46px}.family-hero h1{font-size:47px}.family-intro h2{font-size:40px}.catalog-card h3{font-size:14px}.formula{font-size:42px;gap:17px}.detail-info h1{font-size:34px}}
/* Give a single-format collection a full editorial feature, not an empty grid. */
.format-section .catalog-grid:has(>.catalog-card:only-child){display:block}
.format-section .catalog-card:only-child>a{display:grid;grid-template-columns:1fr 1fr;column-gap:55px;align-items:start}
.format-section .catalog-card:only-child .card-image{grid-row:1/4;max-height:530px}
.format-section .catalog-card:only-child .card-meta{margin-top:45px;align-self:end}
.format-section .catalog-card:only-child h3{font-size:clamp(30px,3.6vw,52px);max-width:470px;line-height:1.17}
.format-section .catalog-card:only-child .card-link{justify-self:start;align-self:start;font-size:13px}
@media(max-width:600px){.format-section .catalog-card:only-child>a{display:block}.format-section .catalog-card:only-child .card-image{max-height:none}.format-section .catalog-card:only-child .card-meta{margin-top:20px;flex-direction:row}.format-section .catalog-card:only-child h3{font-size:30px;margin-top:15px}.format-section .catalog-card:only-child .card-link{margin-top:20px}}
@media(max-width:600px){.family-hero.disinfectant .family-hero-art{aspect-ratio:4/5;background:var(--blue)}.family-hero.disinfectant .family-hero-art img{object-fit:contain;object-position:center}}
