/* Hygiene product library, using the shared petrol / mint design system. */
.hygiene-studio .hg-products{background:radial-gradient(ellipse at 8% 25%,#28554a30,transparent 55%),#09191f;border-block:1px solid #a5cbd21e}
.hygiene-studio .hg-products .section-heading>p{font:14px/1.85 Arial;color:#a7bfcc;max-width:340px}
.hg-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 17px}
.hg-filters button{font:12px/1.5 Arial;color:#b6cfce;padding:12px 17px;border:1px solid #a5cbd22b;border-radius:12px;background:#0d222a;cursor:pointer}
.hg-filters button[aria-pressed=true]{background:linear-gradient(135deg,#28524d,#163439);color:#dbf4e8;border-color:#a9dbd05c;box-shadow:inset 0 1px #e8fff418}
.hygiene-studio .hg-count{font:11px/1.6 Arial;color:#82a5af;margin:0 0 26px}
.hg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hygiene-studio .hg-card{--hg-accent:#a9dbd0;position:relative;min-width:0;display:flex;flex-direction:column;padding:27px;border:1px solid #a5cbd22b;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#70a98c15,transparent 65%),linear-gradient(145deg,#172e36,#0d2028);overflow:hidden;scroll-margin-top:110px;box-shadow:inset 0 1px #eafff410,0 15px 35px #00000012}
.hg-card:before{content:"";position:absolute;top:0;left:27px;width:100px;height:1px;background:linear-gradient(90deg,var(--hg-accent),transparent)}
.hygiene-studio .hg-elastic{--hg-accent:#bbcdf0;background:radial-gradient(ellipse at 100% 0,#839dd522,transparent 65%),linear-gradient(145deg,#192d38,#0e2029)}
.hygiene-studio .hg-positioning{--hg-accent:#e0c2b2;background:radial-gradient(ellipse at 100% 0,#b6859b20,transparent 65%),linear-gradient(145deg,#29303b,#0e2029)}
.hygiene-studio .hg-lids{--hg-accent:#e4d2a4;background:radial-gradient(ellipse at 100% 0,#c7aa6520,transparent 65%),linear-gradient(145deg,#23333a,#0e2029)}
.hg-card header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;color:var(--hg-accent);font:11px/1.6 Arial}
.hg-card header svg{width:44px;height:44px;flex:0 0 44px;padding:5px;border:1px solid #a5cbd225;border-radius:12px;background:#b5dec708}
.hygiene-studio .hg-card h3{font:54px/1.05 OYTI,Arial;color:#e1efec;margin:0 0 22px;letter-spacing:-.03em}
.hg-card h3>span{display:block;font:10px/1.5 Arial;letter-spacing:.17em;color:#91b3bb;margin-bottom:9px}
.hygiene-studio .hg-description{font:13px/1.85 Arial;color:#a7bfcc;margin:0 0 24px;min-height:73px}
.hg-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:16px;margin:0 0 28px;padding-top:21px;border-top:1px solid #a5cbd22b}
.hg-metrics>div{min-width:0}.hg-metrics dt{font:10px/1.6 Arial;color:#8bacb7;margin-bottom:11px}
.hg-metrics dd{margin:0;color:var(--hg-accent);font:34px/1.1 OYTI,Arial;letter-spacing:-.035em;white-space:nowrap}
.hg-metrics dd small{display:block;font:10px/1.6 Arial;color:#a5bec6;letter-spacing:0;margin-top:8px}
.hg-window{padding:18px 16px;border:1px solid #a5cbd223;border-radius:12px;background:#05172044}
.hg-window>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:19px;font:10px/1.6 Arial;color:#98b6bc}
.hg-window strong{font:14px/1.5 Arial;color:#d7e9e3;white-space:nowrap}
.hg-track{height:5px;position:relative;background:#60818b2b;border-radius:4px}
.hg-track i{display:block;position:absolute;height:5px;border-radius:4px;background:var(--hg-accent);box-shadow:0 0 12px #a9dbd032}
.hg-track i:before,.hg-track i:after{content:"";position:absolute;top:-2px;width:9px;height:9px;border-radius:50%;background:var(--hg-accent);border:2px solid #23403e;box-sizing:border-box}
.hg-track i:before{left:-3px}.hg-track i:after{right:-3px}
.hg-scale{display:flex;justify-content:space-between;margin-top:12px;font:9px/1.5 Arial;color:#6e929d}
.hygiene-studio .hg-methods{font:11px/1.6 Arial;color:#93b5bd;margin:19px 0 22px}
.hg-enquiry{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--hg-accent);font:12px/1.6 Arial;border-top:1px solid #a5cbd22b;padding-top:18px;margin-top:auto;text-decoration:none}
.hg-enquiry span{font-size:20px}
.hg-enquiry:hover{color:#e6fff3}
.hg-comparison{margin-top:27px;border:1px solid #a5cbd22b;border-radius:18px;background:#10252d;overflow:hidden}
.hg-comparison summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;cursor:pointer;list-style:none;font:14px/1.5 Arial;color:#cce4dc}
.hg-comparison summary::-webkit-details-marker{display:none}
.hg-comparison[open] summary{border-bottom:1px solid #a5cbd22b}
.hg-comparison[open] summary>span{transform:rotate(45deg)}
.hg-table-scroll{overflow:auto;padding:0 25px 22px}
.hg-comparison table{border-collapse:collapse;width:100%;min-width:780px;font:12px/1.7 Arial;color:#b5ccce;text-align:left}
.hg-comparison caption{text-align:left;padding:21px 0;color:#88a9b3;font:11px/1.8 Arial}
.hg-comparison th,.hg-comparison td{padding:15px 12px;border-bottom:1px solid #a5cbd222;vertical-align:top}
.hg-comparison thead th{font-weight:400;color:#8eb7b8;font-size:10px}
.hg-comparison tbody th{font-weight:400;color:#d7e9e2;white-space:nowrap}
.hygiene-studio .hg-technical-note{font:11px/1.85 Arial;color:#83a2ac;max-width:960px;margin:23px 0 0}
.hygiene-studio .hg-context{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:33px;padding-top:24px;border-top:1px solid #a5cbd22b}
.hg-context>span{font:11px/1.6 Arial;color:#8fb2bb;margin-right:5px}
.hg-context>span:not(:first-child){margin-left:20px}
.hg-context a{display:inline-flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid #a5cbd22b;border-radius:9px;background:#91cdb70a;color:#bce0d4;font:11px/1.6 Arial;text-decoration:none}
.hg-context a:hover{background:#91cdb71a}
#hygiene-products [hidden]{display:none!important}
.hg-products :focus-visible,.hg-context a:focus-visible{outline:2px solid #c2f0dc;outline-offset:4px}
@media(max-width:1100px){.hg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hygiene-studio .hg-description{min-height:73px}}
@media(max-width:600px){.hg-grid{grid-template-columns:1fr;gap:17px}.hygiene-studio .hg-card{padding:25px}.hygiene-studio .hg-description{min-height:0}.hg-filters{gap:7px}.hg-filters button{font-size:11px;padding:10px 12px}.hg-context>span{width:100%;margin:9px 0 0!important}.hg-table-scroll{padding-inline:15px}.hg-comparison summary{padding:20px}.hg-metrics dd{font-size:34px}}