.design-options{display:flex;align-items:center;justify-content:center;gap:26px;padding:14px 20px;background:#edf5fa;color:#163b57;font-size:12px;flex-wrap:wrap}.design-options>span{font-size:9px;letter-spacing:.15em}.design-options a{padding:9px 14px;border-radius:24px}.design-options a[aria-current]{background:#153e60;color:white}.range-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-block:48px 65px}.directory-intro>.eyebrow{display:block;margin-top:35px;color:#a9cfe9}.directory-intro>p{max-width:520px;font-size:15px;line-height:1.8;color:#bfd6e7}.directory-shelf{height:340px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse,#5599c65c,transparent 68%)}.directory-shelf:after{content:'';position:absolute;bottom:15px;width:95%;height:26px;border-radius:50%;background:#010d2040;filter:blur(14px)}.directory-shelf>div{width:33%;height:90%;display:flex;align-items:center;justify-content:center;z-index:1}.directory-shelf>div:nth-child(2){height:100%}.directory-shelf img{max-height:100%;max-width:140%;object-fit:contain;filter:drop-shadow(0 15px 12px #00152e55)}.range-grid{gap:24px}.range-card{padding:0;overflow:hidden;border:1px solid #c4d9e6;background:#f7fbfe;transition:transform .3s,box-shadow .3s}.range-card:hover{background:#f7fbfe;box-shadow:0 15px 35px #0b355414;transform:translateY(-5px)}.card-art{height:260px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#fff,#e2edf5 75%);position:relative;overflow:hidden}.card-art>img{height:85%;width:85%;object-fit:contain;filter:drop-shadow(0 10px 9px #09294422);transition:transform .5s}.range-card:hover .card-art>img{transform:scale(1.045)}.card-art img.photo{width:100%;height:100%;object-fit:cover;filter:none}.card-copy{padding:25px 28px 28px}.card-copy>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#567a95}.card-copy h3{margin:12px 0;font-size:27px}.card-copy p{min-height:44px}.card-copy b{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cbdce8;padding-top:18px;margin-top:22px}.card-copy b span{font-size:20px}.card-art .pack-crop{display:block;position:relative;width:87px;height:215px;overflow:hidden}.card-art .pack-crop img{position:absolute;height:242px;max-width:none;top:-11px;left:50%;transform:translateX(-50%)}.card-art:has(.foam-art){background:radial-gradient(ellipse,#34789f,#0d3150)}.card-art .foam-art strong{font-size:45px}.card-art .foam-art{height:75%;width:75%}
html[data-directory=b] .directory-page{background:#0c2942;color:#e8f4ff}html[data-directory=b] .range-hero{background:radial-gradient(ellipse at 75% 50%,#367da7aa,transparent 65%),linear-gradient(115deg,#071b30,#173e61)}html[data-directory=b] .range-grid{grid-template-columns:1fr 1fr}html[data-directory=b] .range-card{display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(135deg,#173b59,#205579);border-color:#608eac55;color:white;align-items:center;min-height:300px}html[data-directory=b] .card-art{height:300px;background:radial-gradient(ellipse,#6da4c54d,transparent 70%)}html[data-directory=b] .card-art img.photo{width:90%;height:80%;border-radius:60% 60% 4px 4px}html[data-directory=b] .card-copy{padding:25px}html[data-directory=b] .card-copy>span,html[data-directory=b] .card-copy p,html[data-directory=b] #range-count{color:#b5d4e9}html[data-directory=b] .card-copy b{border-color:#79a4c144}html[data-directory=b] .range-filters button{color:#c6dfef;border-color:#567d98}html[data-directory=b] .range-filters button[aria-pressed=true]{background:#e3f1fa;color:#143751}html[data-directory=c] .range-hero{grid-template-columns:1fr 1fr;padding-bottom:40px}html[data-directory=c] .range-grid{grid-template-columns:1fr;gap:0}html[data-directory=c] .range-card{display:grid;grid-template-columns:30% 1fr;background:transparent;border:0;border-bottom:1px solid #b6cddc;align-items:center;padding:25px 0;box-shadow:none}html[data-directory=c] .card-art{height:240px;background:#e2edf5;border-radius:4px}html[data-directory=c] .card-copy{padding:20px 6vw;display:grid;grid-template-columns:1fr auto;column-gap:35px}html[data-directory=c] .card-copy>span,html[data-directory=c] .card-copy h3,html[data-directory=c] .card-copy p{grid-column:1}html[data-directory=c] .card-copy h3{font-size:clamp(28px,3vw,44px)}html[data-directory=c] .card-copy p{min-height:0}html[data-directory=c] .card-copy b{grid-column:2;grid-row:1/4;align-self:center;border:0;gap:25px;margin:0}
.family-switch{display:flex;align-items:center;gap:25px;background:#112f49;color:#adcbe1;padding:13px var(--pad);font-size:10px;letter-spacing:.08em}.family-switch>span{margin-right:auto;font-size:9px}.family-switch a{padding:7px 0}.family-switch a[aria-current]{color:white;border-bottom:1px solid #aad9f4}.hygiene-page .p-hero{background:radial-gradient(ellipse at 80% 45%,#397fa45e,transparent 65%),linear-gradient(120deg,#071c32,#16456d)}.hygiene-page .p-hero-grid{padding:45px 0;min-height:570px}.hygiene-page .p-visual{height:480px;border:0;border-radius:0;background:none}.hygiene-page .p-visual:before{inset:auto;bottom:35px;width:75%;height:38px;border:0;background:#03152f77;filter:blur(18px)}.hygiene-page .p-visual>img{max-height:430px;max-width:100%;z-index:2}.hero-word{position:absolute;top:55px;left:50%;transform:translateX(-50%);font:400 clamp(80px,12vw,180px)/1 Manrope;letter-spacing:-.08em;color:#c4eaff12;white-space:nowrap}.hero-ripples{position:absolute;width:90%;aspect-ratio:1;max-height:100%;border-radius:50%;border:1px solid #9bcceb22}.hero-ripples i{position:absolute;inset:12%;border:1px solid #9bcceb22;border-radius:50%}.hero-ripples i:nth-child(2){inset:25%}.hero-ripples i:nth-child(3){inset:38%;background:#80c6f01a;filter:blur(25px)}.product-ribbon{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c0def22e;padding:25px 0;gap:30px}.product-ribbon>div{display:flex;flex-direction:column;gap:9px}.product-ribbon small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#90bad7}.product-ribbon span{font-size:13px;color:#d3e6f4;line-height:1.5}.hygiene-page .p-overview{padding-block:75px}.hygiene-page .p-overview>p{font-size:17px}.hygiene-advantages,.hygiene-applications{padding:70px var(--pad) 80px}.hygiene-advantages{background:#e0edf5}.hygiene-section-head{display:flex;justify-content:space-between;gap:40px;align-items:start;margin-bottom:40px}.hygiene-section-head>.eyebrow{padding-top:12px;max-width:220px;line-height:1.7}.hygiene-section-head h2{width:62%;font-size:clamp(32px,3.8vw,56px);line-height:1.15;letter-spacing:-.04em;margin:0}.hygiene-section-head em{color:#4c7c9d}.feature-board{display:grid;grid-template-columns:.9fr 1.3fr;border:1px solid #b9d1e2}.feature-buttons{display:flex;flex-direction:column}.feature-buttons button{flex:1;display:flex;align-items:center;gap:20px;text-align:left;padding:30px;background:transparent;border:0;border-bottom:1px solid #b9d1e2;color:#254d6b;font:400 18px/1.4 Manrope;cursor:pointer}.feature-buttons button:last-child{border-bottom:0}.feature-buttons button[aria-pressed=true]{background:#103854;color:white}.feature-buttons small{font-size:9px;color:#75a1bf}.feature-buttons svg{width:28px;min-width:28px;fill:none;stroke:currentColor;stroke-width:1.1}.feature-buttons b{margin-left:auto;font-weight:400}.feature-display{min-height:365px;padding:38px 42px;background:linear-gradient(125deg,#103854,#24618a);color:#eef8ff;position:relative;display:flex;align-items:center;gap:35px}.feature-symbol{flex:0 0 90px;display:grid;place-items:center;aspect-ratio:1;border:1px solid #a6d6f34a;border-radius:50%}.feature-symbol svg{width:45px;fill:none;stroke:#c9e9fa;stroke-width:.8}.feature-copy h3{font-size:27px;letter-spacing:-.035em;margin:20px 0 15px}.feature-copy p{font-size:14px;line-height:1.9;color:#bcd9ed;max-width:400px}.feature-copy .eyebrow{font-size:8px;color:#9ec7e2}.feature-counter{position:absolute;bottom:22px;right:30px;color:#8fbcd7;font-size:10px;letter-spacing:.12em}.hygiene-applications{background:#0b283f;color:white}.hygiene-applications em{color:#aed7f0}.application-studio{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:stretch}.application-picture{height:390px;position:relative;overflow:hidden}.application-picture>img{width:100%;height:100%;object-fit:cover}.application-picture>img[hidden]{display:none}.application-caption{position:absolute;bottom:0;left:0;right:0;padding:70px 25px 25px;background:linear-gradient(transparent,#04182bdd);display:flex;gap:25px;align-items:end}.application-caption small{font-size:9px;white-space:nowrap;color:#badcf2}.application-caption span{font-size:14px;line-height:1.6}.application-selector{display:flex;flex-direction:column}.application-selector button{display:flex;align-items:center;gap:25px;flex:1;background:none;border:0;border-bottom:1px solid #8eb3cd38;text-align:left;color:#87a7bf;cursor:pointer;font:400 20px/1.4 Manrope;padding:15px 0}.application-selector button[aria-pressed=true]{color:white}.application-selector button small{font-size:9px}.application-selector button b{margin-left:auto;font-size:24px;font-weight:300}.detail-pack{height:230px;display:flex;align-items:center;justify-content:start;margin-top:25px}.detail-pack img{height:100%;max-width:90%;object-fit:contain}.hygiene-page .p-related .range-grid{grid-template-columns:1fr 1fr}.hygiene-page .p-related .range-card{display:grid;grid-template-columns:.8fr 1fr;align-items:center}.hygiene-page .p-related .card-art{height:250px}
@media(max-width:1050px){.feature-display{padding:28px;gap:20px}.feature-symbol{flex-basis:60px}.feature-symbol svg{width:32px}.feature-buttons button{padding:22px;gap:13px}.application-studio{gap:28px}html[data-directory=b] .range-card{grid-template-columns:1fr}.directory-shelf{height:280px}.hygiene-page .p-related .range-card{grid-template-columns:1fr}}
@media(max-width:650px){.design-options{gap:5px;font-size:10px;padding:10px}.design-options>span{width:100%;text-align:center}.design-options a{padding:8px}.range-hero{grid-template-columns:1fr!important;gap:15px;padding-block:25px 30px}.directory-shelf{height:230px}.range-hero h1{font-size:39px}.directory-intro>.eyebrow{margin-top:28px}.range-grid,html[data-directory=b] .range-grid{grid-template-columns:1fr}.card-art{height:250px}.card-copy{padding:22px}.card-copy p{min-height:0}html[data-directory=b] .range-card{grid-template-columns:.8fr 1fr;min-height:230px}html[data-directory=b] .card-art{height:230px}html[data-directory=b] .card-copy{padding:20px 15px}html[data-directory=b] .card-copy h3{font-size:23px}html[data-directory=c] .range-card{grid-template-columns:32% 1fr;padding:20px 0}html[data-directory=c] .card-art{height:180px}html[data-directory=c] .card-copy{padding:5px 0 5px 20px;display:block}html[data-directory=c] .card-copy h3{font-size:23px}html[data-directory=c] .card-copy b{margin-top:15px;padding:0;justify-content:start;font-size:10px}.family-switch{gap:18px;flex-wrap:wrap;font-size:9px}.family-switch>span{width:100%}.hygiene-page .p-hero-grid{padding:35px 0 20px;gap:10px}.hygiene-page .p-visual{height:350px}.hygiene-page .p-visual>img{max-height:320px}.hero-word{font-size:100px;top:40px}.product-ribbon{gap:15px;grid-template-columns:1fr}.product-ribbon>div{display:grid;grid-template-columns:90px 1fr;align-items:start}.product-ribbon span{font-size:12px}.hygiene-page .p-overview{padding-block:45px}.hygiene-advantages,.hygiene-applications{padding:45px var(--pad)}.hygiene-section-head{display:block;margin-bottom:28px}.hygiene-section-head h2{width:100%;font-size:33px;margin-top:20px}.feature-board{grid-template-columns:1fr}.feature-buttons button{padding:18px;font-size:16px}.feature-display{min-height:300px;padding:30px 25px;gap:20px}.feature-symbol{display:none}.feature-copy h3{font-size:26px}.application-studio{grid-template-columns:1fr;gap:15px}.application-picture{height:260px}.application-selector button{min-height:68px;font-size:18px}.application-caption{padding:50px 18px 18px;gap:15px}.application-caption span{font-size:12px}.detail-pack{height:190px}.hygiene-page .p-related .range-grid{grid-template-columns:1fr}.card-art .foam-art strong{font-size:32px}.card-art .pack-crop{max-width:100%}}
@media(prefers-reduced-motion:reduce){.range-card,.card-art>img{transition:none}}
.range-card[hidden]{display:none!important}
.card-copy h3{color:#12344e}html[data-directory=b] .card-copy h3{color:#edf7ff}
.range-filters{position:static;flex-direction:row;align-items:center;box-shadow:none;background:transparent;z-index:auto}.p-nav{flex-direction:row;box-shadow:none}.p-nav>a{padding:0;border:0}@media(max-width:650px){.range-filters{display:flex;position:static;flex-direction:row;align-items:center}.p-nav{position:sticky;top:0;left:auto;right:auto;display:flex;flex-direction:row;align-items:center;gap:22px}.p-nav>a{padding:0;border:0}}
/* Three products per desktop row, with a generous packaging stage. */
html[data-directory=b] .range-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-directory=b] .range-card{grid-template-columns:1fr;align-items:stretch;min-height:0}
html[data-directory=b] .card-art{height:270px}
html[data-directory=b] .card-copy{padding:24px 28px 28px}
@media(min-width:651px) and (max-width:1050px){html[data-directory=b] .range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){html[data-directory=b] .range-grid{grid-template-columns:1fr}html[data-directory=b] .range-card{grid-template-columns:.8fr 1fr;align-items:center}html[data-directory=b] .card-art{height:230px}html[data-directory=b] .card-copy{padding:20px 15px}}
/* Match visible pack edges rather than equal-width image canvases. */
.directory-shelf{display:flex;gap:clamp(20px,3vw,46px);justify-content:center;align-items:center}
.directory-shelf>div{width:auto;height:300px;flex:0 0 auto;position:relative;overflow:hidden}
.directory-shelf>div:nth-child(1){width:69px}
.directory-shelf>div:nth-child(2){width:112px;height:300px}
.directory-shelf>div:nth-child(3){width:214px}
.directory-shelf img{position:absolute;max-width:none;max-height:none;height:306px;width:auto;filter:none}
.directory-shelf>div:nth-child(1) img{left:-2px;top:-2px}
.directory-shelf>div:nth-child(2) img{height:307px;left:-52px;top:-6px}
.directory-shelf>div:nth-child(3) img{height:305px;left:-3px;top:-3px}
@media(max-width:1050px){.directory-shelf{gap:20px;transform:scale(.8);transform-origin:center}}
@media(max-width:650px){.directory-shelf{height:250px;gap:26px;transform:scale(.68);transform-origin:center}.directory-shelf>div{flex-shrink:0}}
html[data-directory=b] .card-art img.photo{border-radius:0;width:92%;height:90%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%)}
/* Trim residual outside-edge matte from extracted artwork without touching labels. */
img[src$="osmicore-cutout.webp"]{clip-path:inset(5.1% 3.4% 4% 3.6% round 3px)}
img[src$="biotriva-cutout.webp"]{clip-path:polygon(34% 5%,37% 4.3%,62% 4.3%,66% 5%,66% 12%,64.5% 13%,64.5% 92.3%,63% 93.4%,38% 93.4%,35.6% 92.3%,35.6% 13%,34% 12%)}
/* Preserve original lettering on small legacy pack images through display masks. */
img[src$="choline-next-1.jpg"],img[src$="prebo-plus-1.jpg"],img[src$="repro-next-1.jpg"]{clip-path:polygon(36% 14.5%,63% 14.5%,64.5% 22%,65% 85%,64% 88%,35% 88%,34% 85%,34.5% 22%)}
img[src$="milkio.jpg"]{clip-path:polygon(32% 12%,41% 12%,42% 24%,44% 24%,49% 12%,53% 11%,63% 11%,68% 15%,69% 23%,69% 86%,67% 90%,32% 90%,30.5% 87%,30.5% 25%,32% 23%)}
.card-art>img.legacy-cutout{object-fit:fill;width:363px;height:245px;max-width:none;flex-shrink:0}
/* Category colour families: shared navy foundation, restrained tinted cards. */
html[data-directory=b] .range-card{--card-dark:#173b59;--card-light:#205579;--card-accent:#b5d4e9;background:linear-gradient(135deg,var(--card-dark),var(--card-light))}
html[data-directory=b] .range-card[data-category="Animal Nutrition"]{--card-dark:#153d47;--card-light:#246465;--card-accent:#b1ddd5}
html[data-directory=b] .range-card[data-category="Vaccine Stabiliser"]{--card-dark:#153d58;--card-light:#22677d;--card-accent:#b0e1ef}
html[data-directory=b] .range-card[data-category="Speciality Chemicals"]{--card-dark:#25364e;--card-light:#405a78;--card-accent:#c6d6e8}
html[data-directory=b] .range-card[data-category="Water Systems"]{--card-dark:#10364f;--card-light:#24617f;--card-accent:#aed9ec}
html[data-directory=b] .range-card[data-category="Specialised Applications"]{--card-dark:#26364f;--card-light:#485879;--card-accent:#cbd5ef}
html[data-directory=b] .card-copy>span{color:var(--card-accent)}
html[data-directory=b] .range-card .card-art{height:250px;padding:20px 12px 12px;align-items:flex-end}
html[data-directory=b] .range-card .card-copy{padding:10px 28px 25px}
.card-art .catalog-pack{position:relative;display:block;overflow:hidden;flex-shrink:0;max-width:none}
.card-art .catalog-pack img{position:absolute;max-width:none!important;max-height:none!important;object-fit:fill;filter:none;animation:none;transform:none}
.vaxguard-front{display:block;position:relative;overflow:hidden;width:328.4px;height:281.2px}
.vaxguard-front img{position:absolute!important;width:752.8px!important;height:334.4px!important;max-width:none!important;max-height:none!important;left:-36px;top:-28.4px;animation:none!important;transform:none!important}
@media(max-width:650px){html[data-directory=b] .range-card{grid-template-columns:1fr}html[data-directory=b] .range-card .card-art{height:244px}html[data-directory=b] .range-card .card-copy{padding:10px 24px 24px}.vaxguard-front{transform:scale(.8)}}


/* Keep image-to-label spacing fixed when neighbouring copy wraps. */
html[data-directory=b] .range-card{grid-template-rows:250px 1fr;align-content:start}
@media(max-width:650px){html[data-directory=b] .range-card{grid-template-rows:244px 1fr}}
@media(max-width:650px){.range-hero{grid-template-columns:minmax(0,1fr)!important}.range-hero>*{min-width:0}.directory-shelf{width:100%}.directory-intro input{max-width:100%}}
/* Balance the text group between the pack and the action divider. */
html[data-directory=b] .range-card .card-copy{padding-top:24px}
html[data-directory=b] .range-card .card-copy b{margin-top:8px}

/* Two typography options, sharing the same pack and divider positions. */
html[data-directory=b] .range-card .card-copy{padding-top:32px}
html[data-directory=b] .range-card .card-copy b{margin-top:0}
.card-alignment{display:none}
html[data-directory=b] .card-alignment{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0;color:#b5d4e9}
.card-alignment>span{font-size:9px;letter-spacing:.12em;margin-right:8px}
.card-alignment button{font:inherit;font-size:12px;color:#c6dfef;background:none;border:1px solid #567d98;border-radius:24px;padding:10px 18px;cursor:pointer}
.card-alignment button[aria-pressed=true]{background:#e3f1fa;color:#143751}
html[data-directory=b][data-card-align=center] .card-copy{text-align:center}
html[data-directory=b][data-card-align=center] .card-copy b{justify-content:center;gap:18px}

/* Third study: align the visible packaging edge with the copy. */
html[data-directory=b][data-card-align=left-pack] .range-card .card-art{justify-content:flex-start;padding-left:28px;padding-right:28px}
html[data-directory=b][data-card-align=left-pack] .card-copy{text-align:left}
@media(max-width:650px){html[data-directory=b][data-card-align=left-pack] .range-card .card-art{padding-left:24px;padding-right:24px}}

/* Tilt slender tubes as complete cropped packs, keeping labels and edges intact. */
.range-card[data-product="hydrotab"] .catalog-pack,.range-card[data-product="biotriva"] .catalog-pack{transform:rotate(90deg) scale(1.18);transform-origin:50% 50%}
html[data-card-align=left-pack] .range-card[data-product="hydrotab"] .catalog-pack,html[data-card-align=left-pack] .range-card[data-product="biotriva"] .catalog-pack{margin-left:100px}
/* Product-page refinement: standing directory packs; horizontal details only. */
.range-card[data-product="hydrotab"] .catalog-pack,.range-card[data-product="biotriva"] .catalog-pack{transform:none;margin-left:0!important}
.hygiene-page .hero-ripples{width:min(90%,420px);height:auto;aspect-ratio:1/1;max-height:none;flex-shrink:0;border:0;border-radius:50%;pointer-events:none}
.hygiene-page .hero-ripples i,.hygiene-page .hero-ripples i:nth-child(2),.hygiene-page .hero-ripples i:nth-child(3){inset:0;border:1px solid #aadbf366;border-radius:50%;background:none;filter:none;animation:hero-water-ripple 9s linear infinite}
.hygiene-page .hero-ripples i:nth-child(2){animation-delay:-3s}.hygiene-page .hero-ripples i:nth-child(3){animation-delay:-6s}
@keyframes hero-water-ripple{0%{transform:scale(.38);opacity:0}15%{opacity:.7}100%{transform:scale(1.12);opacity:0}}
.hydrotab .detail-pack-horizontal{height:175px;justify-content:center;max-width:420px;margin-top:35px}
.detail-pack-horizontal .catalog-pack{position:relative;display:block;overflow:hidden;flex-shrink:0;transform:rotate(90deg) scale(1.5)}
.detail-pack-horizontal .catalog-pack img{position:absolute;max-width:none;max-height:none;object-fit:fill;filter:drop-shadow(0 4px 5px #10385418)}
.advantage-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 30px}.advantage-options>span{font-size:9px;letter-spacing:.12em;margin-right:auto;color:#52768e}.advantage-options button{border:1px solid #a4c2d6;background:none;border-radius:22px;padding:10px 16px;font:inherit;font-size:11px;color:#2a5370;cursor:pointer}.advantage-options button[aria-pressed=true]{background:#133b58;color:white;border-color:#133b58}
.feature-board[hidden],.advantage-stages[hidden],.advantage-editorial[hidden]{display:none!important}
.advantage-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:linear-gradient(115deg,#0c2d46,#235d82);color:#edf8ff;padding:42px 32px;position:relative}
.advantage-stages article{padding:0 28px;position:relative}.advantage-stages article+article{border-left:1px solid #aad5ee38}.stage-orbit{position:relative;width:110px;height:110px;border:1px solid #abd6f060;border-radius:50%;display:grid;place-items:center;margin:0 0 35px}.stage-orbit:before{content:'';position:absolute;inset:12px;border:1px solid #abd6f025;border-radius:50%}.stage-orbit svg{width:38px;fill:none;stroke:#d2edff;stroke-width:1}.stage-orbit span{position:absolute;right:-8px;top:5px;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#cae7f7;color:#163d5c;font-size:9px}.advantage-stages h3{font-size:25px;letter-spacing:-.03em;margin:0 0 15px}.advantage-stages p{font-size:14px;line-height:1.9;color:#bed8ea;max-width:270px}.advantage-stages article:hover .stage-orbit{background:#97cbe91a}
.advantage-editorial{border-top:1px solid #9fbcd0}.advantage-editorial article{display:grid;grid-template-columns:80px 1fr 1fr 30px;align-items:center;gap:30px;border-bottom:1px solid #9fbcd0;padding:30px 12px;transition:background .3s}.advantage-editorial article:hover{background:#c7deec}.editorial-number{font:400 55px/1 Manrope;color:#83a9c2;letter-spacing:-.07em}.advantage-editorial h3{font-size:clamp(24px,2.6vw,38px);letter-spacing:-.04em}.advantage-editorial p{font-size:14px;line-height:1.9;color:#456780}.editorial-arrow{font-size:28px;color:#638da8}
.hygiene-page .p-related{background:linear-gradient(115deg,#0b263e,#1b486b);color:#eef8ff;padding-block:65px}.hygiene-page .p-related h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.04em}.range-carousel-controls{display:flex;align-items:center;gap:12px;margin:25px 0}.range-carousel-controls>span{margin-right:auto;font-size:12px;color:#b6d4e9}.range-carousel-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #a7cee45c;color:white;background:transparent;font-size:21px;cursor:pointer}.range-carousel-controls button:disabled{opacity:.3;cursor:default}.range-carousel-controls button:hover:not(:disabled){background:#b3daf222}
.hygiene-page .p-related .range-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 0 24px;scrollbar-width:thin;scrollbar-color:#83afc9 #143954}
.hygiene-page .p-related .range-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;min-width:0;background:#214e6b;border:1px solid #83adc533;color:white;box-shadow:none}
.hygiene-page .p-related .card-art{height:250px;min-height:250px;background:radial-gradient(ellipse,#8fc4e32b,transparent 70%);padding:20px;align-items:center}.hygiene-page .p-related .card-copy{padding:22px 26px 28px;display:flex;flex-direction:column;flex:1}.hygiene-page .p-related .card-copy h3{color:#f0f8ff;margin:12px 0}.hygiene-page .p-related .card-copy>span,.hygiene-page .p-related .card-copy p{color:#b9d6e9}.hygiene-page .p-related .card-copy b{margin-top:auto;padding-top:18px;border-color:#a6cce433}.hygiene-page .p-related .card-copy p{margin-bottom:22px}
@media(max-width:900px){.hygiene-page .p-related .range-card{flex-basis:calc((100% - 22px)/2)}.advantage-stages{padding:30px 15px}.advantage-stages article{padding:0 15px}.advantage-editorial article{grid-template-columns:55px 1fr 1fr;gap:18px}.editorial-arrow{display:none}}
@media(max-width:650px){.hygiene-page .hero-ripples{width:300px;max-width:88%}.advantage-options>span{width:100%;margin-bottom:8px}.advantage-options button{padding:9px 11px;font-size:10px}.advantage-stages{grid-template-columns:1fr;padding:12px 25px}.advantage-stages article{padding:25px 0}.advantage-stages article+article{border-left:0;border-top:1px solid #aad5ee38}.stage-orbit{width:75px;height:75px;margin-bottom:20px}.advantage-stages p{max-width:none}.advantage-editorial article{grid-template-columns:40px 1fr;gap:15px;padding:25px 0}.editorial-number{font-size:36px}.advantage-editorial h3{font-size:25px;margin:0}.advantage-editorial p{grid-column:2;margin:0}.hygiene-page .p-related .range-card{flex-basis:86%}.hydrotab .detail-pack-horizontal{max-width:100%;height:140px}.detail-pack-horizontal .catalog-pack{transform:rotate(90deg) scale(1.25)}}
@media(prefers-reduced-motion:reduce){.hygiene-page .hero-ripples i{animation:none!important;opacity:.35;transform:scale(.55)}.hygiene-page .hero-ripples i:nth-child(2){transform:scale(.8)}.hygiene-page .hero-ripples i:nth-child(3){transform:scale(1.05)}.hygiene-page .p-related .range-grid{scroll-behavior:auto}}
.motion-off .hero-ripples i{animation:none!important;opacity:.35;transform:scale(.55)}.motion-off .hero-ripples i:nth-child(2){transform:scale(.8)}.motion-off .hero-ripples i:nth-child(3){transform:scale(1.05)}

img[src$="solidon-studio-v3.webp"]{clip-path:polygon(7.6% 2%,18% 2.8%,50% 3.2%,82% 2.8%,92.4% 2%,94% 8%,95% 35%,95% 92%,93% 97.8%,7% 97.8%,4.8% 94%,4.8% 35%,6% 8%)}
/* Honour the site's explicit Full effects preference as well as device mode. */
.hygiene-page:not(.motion-off) .hero-ripples i{animation:hero-water-ripple 9s linear infinite!important}
.hygiene-page:not(.motion-off) .hero-ripples i:nth-child(2){animation-delay:-3s!important}.hygiene-page:not(.motion-off) .hero-ripples i:nth-child(3){animation-delay:-6s!important}
.directory-group-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 28px;color:#537a94}.directory-group-options>span{font-size:9px;letter-spacing:.12em;margin-right:10px}.directory-group-options button,.directory-group-options>a{border:1px solid #86aac0;background:none;padding:10px 17px;border-radius:25px;color:inherit;font:inherit;font-size:12px;cursor:pointer}.directory-group-options button[aria-pressed=true]{background:#d8eaf6;color:#10344e}.directory-group-options>a{margin-left:auto;border:0;padding-right:0}
html[data-directory=b] .directory-group-options{color:#c4dfef}.category-divider{grid-column:1/-1;display:flex;align-items:center;gap:26px;padding:36px 0 20px;border-top:1px solid #8bb2cb55;margin-top:25px}.category-divider:first-child{margin-top:0}.category-divider>span{font-size:11px;color:#8fbbd5}.category-divider h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.04em;margin:0}.category-divider p{font-size:12px;color:#9cbed5;margin:8px 0 0}.category-divider>a{margin-left:auto;font-size:12px;color:inherit;border-bottom:1px solid #87b0ca;padding-bottom:8px}.category-divider[hidden]{display:none!important}html:not([data-directory=b]) .category-divider p{color:#52768f}
@media(max-width:650px){.category-divider{gap:14px;flex-wrap:wrap}.category-divider>a{margin-left:28px}.directory-group-options>a{width:100%;margin-left:0}.directory-group-options{gap:8px}}

img[src$="solidon-studio-v4.webp"]{clip-path:polygon(5% .9%,94.8% .9%,95.1% 5%,98% 15%,98% 25%,96.5% 50%,97.8% 90%,97.8% 97%,96% 99%,3.3% 99%,1.2% 97.8%,1% 90%,2.2% 50%,.9% 25%,1.2% 16%,4.7% 5%)}

/* Larger centred detail tube, with balanced space above and below. */
.hydrotab .detail-pack-horizontal{width:100%;max-width:none;height:190px;margin:22px 0;justify-content:center;container-type:inline-size}
.hydrotab .detail-pack-horizontal .catalog-pack{transform:rotate(90deg) scale(2.15)}
@media(max-width:1100px){.hydrotab .detail-pack-horizontal .catalog-pack{transform:rotate(90deg) scale(1.65)}}
@media(max-width:650px){.hydrotab .detail-pack-horizontal{height:140px;margin:18px 0}.hydrotab .detail-pack-horizontal .catalog-pack{transform:rotate(90deg) scale(1.35)}}

/* Keep the hero caption clear of the floating tube. */
.hydrotab .p-visual-label{bottom:-15px}
/* Keep the detail artwork inside the same measure as its heading and copy. */
.hydrotab .detail-pack-horizontal{width:100%;max-width:440px;height:150px;margin:20px 0 24px}
.hydrotab .detail-pack-horizontal .catalog-pack{transform:rotate(90deg) scale(1.8)}
.advantage-journey[hidden],.advantage-focus[hidden]{display:none!important}
.new-advantage-tabs{display:flex;gap:14px}.new-advantage-tabs button{flex:1;min-width:0;text-align:left;background:transparent;border:1px solid #aac7da;padding:26px;color:#204b69;cursor:pointer;font:inherit;transition:background .35s,color .35s,flex .5s}.new-advantage-tabs h3{font-size:23px;line-height:1.3;margin:18px 0}.new-advantage-tabs .stage-orbit{width:75px;height:75px;margin:0;border-color:#81a9c0}.new-advantage-tabs .stage-orbit svg{stroke:currentColor}.stage-hint{font-size:11px}.new-advantage-tabs button[aria-pressed=true]{background:#153e5d;color:#eef8ff}.new-advantage-display{background:linear-gradient(120deg,#0c2a42,#265f86);color:#edf8ff;margin-top:15px;padding:36px 42px;min-height:200px}.new-advantage-display h3{font-size:30px;margin:14px 0}.new-advantage-display p{max-width:650px;color:#bed9eb;line-height:1.8}.new-advantage-display article[hidden]{display:none}
.advantage-focus .new-advantage-tabs{gap:0;background:#102e47;min-height:340px}.advantage-focus .new-advantage-tabs button{color:#b8d7eb;border-color:#95bcd533;padding:32px;display:flex;flex-direction:column;justify-content:space-between}.advantage-focus button[aria-pressed=true]{flex:1.8;background:linear-gradient(140deg,#245778,#143751);color:white}.advantage-focus button p{font-size:14px;line-height:1.8;max-width:370px;opacity:.5;transition:opacity .3s}.advantage-focus button[aria-pressed=true] p{opacity:1}.advantage-focus .stage-hint{display:none}
@media(max-width:650px){.hydrotab .detail-pack-horizontal{max-width:100%;height:125px}.hydrotab .detail-pack-horizontal .catalog-pack{transform:rotate(90deg) scale(1.25)}.new-advantage-tabs{flex-direction:column}.new-advantage-tabs button{padding:20px}.new-advantage-display{padding:25px;min-height:220px}.advantage-focus .new-advantage-tabs button{padding:25px}.advantage-focus button p{opacity:1}}
@media(prefers-reduced-motion:reduce){.new-advantage-tabs button,.advantage-focus button p{transition:none}}

/* Match the rotated artwork's visual width to its layout box. */
.hydrotab .detail-pack-horizontal{width:378px;max-width:100%}
@media(max-width:650px){.hydrotab .detail-pack-horizontal{width:262.5px}}

@media(max-width:900px){.family-switch{flex-wrap:wrap;gap:16px}.family-switch>span{width:100%}}
/* Compact related cards with deliberate headroom above the packaging. */
.hygiene-page .p-related .range-card{padding:0;min-height:0}
.hygiene-page .p-related .card-art{height:240px;min-height:240px;padding:36px 20px 12px;box-sizing:border-box}
.hygiene-page .p-related .catalog-pack{transform:scale(.86);margin:0!important}
.hygiene-page .p-related .card-copy{padding:12px 24px 22px;min-height:0}
.hygiene-page .p-related .card-copy h3{font-size:26px;margin:10px 0}
.hygiene-page .p-related .card-copy p{min-height:0;margin:0 0 18px;line-height:1.65;font-size:13px}
.hygiene-page .p-related .card-copy b{padding-top:14px;margin-top:auto}
.advantage-orbit[hidden],.advantage-ribbons[hidden]{display:none!important}
.advantage-orbit{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:radial-gradient(ellipse at 25% 50%,#2b6384,#0d2d46 70%);padding:45px;color:#eaf6ff}
.advantage-orbit .new-advantage-tabs{position:relative;display:block;height:350px;max-width:460px;width:100%;margin:auto}
.advantage-orbit .new-advantage-tabs:before{content:'';position:absolute;width:245px;height:245px;border:1px solid #8fbbd255;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 34px #97cae20a}
.advantage-orbit button{position:absolute;border-radius:50%;width:128px;height:128px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#173d59;color:#c4e2f2;text-align:center}
.advantage-orbit button:nth-child(1){left:calc(50% - 64px);top:0}.advantage-orbit button:nth-child(2){left:0;bottom:8px}.advantage-orbit button:nth-child(3){right:0;bottom:8px}
.advantage-orbit button[aria-pressed=true]{background:#e3f4ff;color:#123f5c;box-shadow:0 0 30px #8bc8ea33}
.advantage-orbit .stage-orbit{width:35px;height:35px;border:0}.advantage-orbit .stage-orbit:before{display:none}.advantage-orbit .stage-orbit svg{width:27px;height:27px}.advantage-orbit h3{font-size:14px;margin:8px 0 0}.advantage-orbit .stage-hint{display:none}
.advantage-orbit .new-advantage-display{background:none;padding:30px 0;margin:0;min-height:240px}.advantage-orbit .new-advantage-display h3{font-size:38px;margin:24px 0}.advantage-orbit .new-advantage-display p{font-size:17px;line-height:1.85}
.advantage-ribbons .new-advantage-tabs{flex-direction:column;gap:0;border-top:1px solid #9cbdd0}
.advantage-ribbons button{display:grid;grid-template-columns:85px 1fr 1.1fr;gap:28px;align-items:center;border:0;border-bottom:1px solid #9cbdd0;padding:22px 30px;transition:padding .35s,background .35s;color:#204b69}
.advantage-ribbons button[aria-pressed=true]{padding-block:40px;background:linear-gradient(110deg,#10354f,#286187);color:white}
.advantage-ribbons h3{font-size:30px;margin:0}.advantage-ribbons p{font-size:15px;line-height:1.8;margin:0}.advantage-ribbons .stage-hint{display:none}
@media(max-width:650px){.advantage-orbit{grid-template-columns:1fr;padding:25px;gap:10px}.advantage-orbit .new-advantage-tabs{height:280px}.advantage-orbit button{width:105px;height:105px;padding:10px}.advantage-orbit button:nth-child(1){left:calc(50% - 52.5px)}.advantage-orbit .new-advantage-tabs:before{width:180px;height:180px}.advantage-orbit h3{font-size:12px}.advantage-orbit .new-advantage-display{min-height:230px;padding:20px 0}.advantage-orbit .new-advantage-display h3{font-size:30px}.advantage-ribbons button{grid-template-columns:55px 1fr;padding:22px 18px;gap:18px}.advantage-ribbons .stage-orbit{width:50px;height:50px}.advantage-ribbons h3{font-size:24px}.advantage-ribbons p{grid-column:2}.advantage-ribbons button[aria-pressed=true]{padding-block:25px}}
@media(prefers-reduced-motion:reduce){.advantage-ribbons button{transition:none}}
.hygiene-page .p-related .range-card{align-items:stretch}
.hygiene-page .p-related .card-art{justify-content:center}
/* Clean review mode hides design controls without altering the chosen layout. */
html[data-clean-preview=true] .advantage-options{display:none}
.hygiene-page .p-related .range-card .card-copy{width:100%;box-sizing:border-box;align-self:stretch;text-align:left;padding-left:24px;padding-right:24px}
.hygiene-page .p-related .range-card .card-copy>*{text-align:left}
/* Three Stages: centred icons and copy for an even, calm presentation. */
.hydrotab .advantage-stages article{text-align:center;display:flex;flex-direction:column;align-items:center}
.hydrotab .advantage-stages .stage-orbit{margin-left:auto;margin-right:auto}
.hydrotab .advantage-stages h3,.hydrotab .advantage-stages p{text-align:center}
/* Alternative compositions: fluid spotlight, offset mosaic and type stories. */
.advantage-experiment[hidden]{display:none!important}
.advantage-experiment button{font:inherit;color:inherit;cursor:pointer;text-align:left;position:relative;border:0;overflow:hidden}
.advantage-experiment h3{font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:14px 0 18px}
.advantage-experiment p{font-size:14px;line-height:1.85;margin:0;max-width:340px}
.advantage-experiment small{font-size:10px;letter-spacing:.2em}
.experiment-art svg{width:70px;height:70px;fill:none;stroke:currentColor;stroke-width:.7}
.experiment-arrow{font-size:28px;font-weight:400}
.advantage-spotlight{display:flex;gap:12px;min-height:410px}
.advantage-spotlight button{flex:1;padding:36px 28px;background:#12364e;color:#e5f5ff;border-radius:160px 160px 24px 24px;transition:flex .6s,background .6s;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}
.advantage-spotlight button[aria-pressed=true]{flex:1.6;background:radial-gradient(ellipse at 50% 15%,#4b9ac2,#1b577d 58%,#102e48)}
.advantage-spotlight .experiment-art{display:grid;place-items:center;flex:1;min-height:140px}
.advantage-spotlight .experiment-art svg{width:90px;height:90px;transition:transform .6s}
.advantage-spotlight button[aria-pressed=true] svg{transform:scale(1.18)}
.advantage-spotlight h3{font-size:28px}.advantage-spotlight p{color:#bfd9e8}.advantage-spotlight .experiment-arrow{display:none}
.advantage-mosaic{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}
.advantage-mosaic button{background:#dcecf5;padding:32px;color:#153d58;min-height:200px;display:flex;align-items:center;gap:24px;transition:background .4s,transform .4s}
.advantage-mosaic button:first-child{grid-row:span 2;background:linear-gradient(140deg,#173e5c,#357fab);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:38px;min-height:440px}
.advantage-mosaic button:first-child .experiment-art svg{width:130px;height:130px}
.advantage-mosaic button:first-child h3{font-size:42px;max-width:290px}
.advantage-mosaic h3{font-size:28px}.advantage-mosaic .experiment-arrow{position:absolute;right:24px;top:22px}
.advantage-mosaic button:hover{transform:translateY(-3px)}
.advantage-mosaic button:not(:first-child)[aria-pressed=true]{background:#c3e0ef}
.advantage-type{border-top:1px solid #8babbd80}
.advantage-type button{display:flex;width:100%;align-items:center;gap:36px;padding:30px 20px;background:transparent;border-bottom:1px solid #8babbd80;transition:padding .4s,background .4s;color:#143750}
.advantage-type .experiment-art{display:none}
.advantage-type .experiment-copy{display:grid;grid-template-columns:100px 1.4fr 1fr;gap:26px;align-items:center;width:100%}
.advantage-type h3{font-family:'Playfair Display',serif;font-style:italic;font-size:42px;margin:0}
.advantage-type button[aria-pressed=true]{padding-left:36px;background:#daeaf3}
.advantage-type .experiment-arrow{transition:transform .4s}.advantage-type button[aria-pressed=true] .experiment-arrow{transform:rotate(45deg)}
@media(max-width:750px){.advantage-spotlight{flex-direction:column}.advantage-spotlight button{border-radius:80px 24px 24px 24px;padding:25px;min-height:240px}.advantage-spotlight .experiment-art{min-height:90px}.advantage-mosaic{grid-template-columns:1fr}.advantage-mosaic button:first-child{grid-row:auto;min-height:350px}.advantage-type .experiment-copy{grid-template-columns:1fr;gap:12px}.advantage-type h3{font-size:32px}.advantage-type button{padding:24px 12px;gap:10px}.advantage-mosaic button{padding:25px}.advantage-mosaic .experiment-art svg{width:50px}}
@media(prefers-reduced-motion:reduce){.advantage-experiment *{transition:none!important}}

/* Approved Offset Mosaic: content panels, not navigation buttons. */
.advantage-mosaic article{background:#dcecf5;padding:32px;color:#153d58;min-height:200px;display:flex;align-items:center;gap:24px;transition:background .4s,transform .4s}
.advantage-mosaic article:first-child{grid-row:span 2;background:linear-gradient(140deg,#173e5c,#357fab);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:38px;min-height:440px}
.advantage-mosaic article:first-child .experiment-art svg{width:130px;height:130px}
.advantage-mosaic article:first-child h3{font-size:42px;max-width:290px}
.advantage-mosaic article:hover{transform:translateY(-3px)}
.advantage-mosaic article:not(:first-child)[aria-pressed=true]{background:#c3e0ef}
.advantage-mosaic article{position:relative;overflow:hidden;box-sizing:border-box}.advantage-mosaic article:first-child{gap:28px}.advantage-mosaic article:hover{transform:translateY(-3px)}
@media(max-width:750px){.advantage-mosaic article:first-child{grid-row:auto;min-height:350px}.advantage-mosaic article{padding:25px}}
/* Keep longer product-specific benefit headings natural. */
.advantage-mosaic article:first-child h3{max-width:100%;font-size:clamp(30px,2.8vw,42px)}
.advantage-mosaic article .experiment-art{flex-shrink:0}
.advantage-mosaic article:only-child{grid-column:1/-1;grid-row:auto;min-height:300px}