/* DME 2026-11-06: isolated visual layer; no commerce/analytics changes. */
:root{--dme-navy:#0B1F5E;--dme-primary:#1565F5;--dme-sky:#4DB6FF;--dme-pale:#EEF6FF;--dme-white:#fff;--dme-text:#1F2937;--dme-gray:#F7F8FA;--dme-mint:#DDF7F0;--dme-lavender:#EEE7FF;--dme-accent:var(--dme-primary);--dme-tint:var(--dme-pale);--ink:var(--dme-navy);--blue:var(--dme-primary);--muted:#586477;--dme-blue:var(--dme-primary);--dme-ink:var(--dme-navy)}
*{box-sizing:border-box}html{scroll-padding-top:145px}body,body.dme-shop{color:var(--dme-text);background:#fbfdff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}body[data-dme-family="cleaning"]{--dme-accent:#007d78;--dme-tint:var(--dme-mint)}body[data-dme-family="hygiene"]{--dme-accent:#6737bd;--dme-tint:var(--dme-lavender)}img{max-width:100%}h1,h2,h3,.dme-shop h1,.dme-shop h2,.dme-shop h3{color:var(--dme-navy);letter-spacing:-.035em;line-height:1.16}body>header,body>.dme-header{position:sticky;top:0;z-index:1000;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #dce7f5}.nav,.dme-nav{max-width:1240px;padding:17px 32px;margin:auto;min-height:76px;gap:28px}.logo,.dme-logo{width:120px;height:42px;max-height:42px;object-fit:contain}.nav nav,.dme-nav nav{gap:26px;align-items:center}.nav nav a,.dme-nav nav a{font-weight:500;color:var(--dme-navy)}.dme-delivery-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:0!important;padding:8px 16px!important;border-top:1px solid #e6eef9;color:var(--dme-navy)!important;background:#f9fcff;font-size:12px!important;line-height:1.5!important}.dme-line-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.dme-delivery-note svg{color:var(--dme-primary)}.dme-menu-toggle,.dme-mobile-cart{display:none}.dme-cart-badge{min-width:18px;height:18px;position:absolute;right:-5px;top:-3px;background:var(--dme-primary);color:white;border-radius:50%;font-size:10px;text-align:center;line-height:18px}.dme-mobile-links{display:none}
.dme-new-home{background:linear-gradient(135deg,#eef7ff 0%,#fff 55%,#f0f8ff 100%);padding-bottom:26px;position:relative}.dme-new-hero{position:relative;isolation:isolate;padding:48px 24px 36px;text-align:center;overflow:hidden}.dme-new-hero h1{font-size:clamp(32px,4vw,57px);font-weight:750;max-width:810px;margin:0 auto 14px;line-height:1.08}.dme-new-hero h1 span{color:var(--dme-primary)}.dme-new-hero p{max-width:700px;font-size:19px;line-height:1.45;margin:0 auto;color:#4c586b}.dme-new-hero .actions{justify-content:center;margin-top:24px;gap:14px}.primary,.dme-shop .btn-primary,.dme-new-hero .primary{border:0;border-radius:28px;background:linear-gradient(160deg,#00a5ef,#0061ef 75%,#0049d8);color:white;font-weight:650;box-shadow:0 5px 13px #1565f51a;padding:13px 25px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1.3}.primary:hover,.dme-shop .btn-primary:hover{filter:brightness(.96);transform:translateY(-1px);color:white}.dme-secondary{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--dme-primary);border-radius:28px;padding:11px 28px;min-height:44px;color:#0959d8;background:#ffffffb8;font-weight:650;font-size:15px}.dme-waves{position:absolute;inset:auto 0 0;width:100%;height:80%;z-index:-1;pointer-events:none;color:var(--dme-sky)}.dme-new-categories{max-width:1180px;margin:auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dme-new-card{isolation:isolate;position:relative;overflow:hidden;display:flex;flex-direction:column;border:2px solid white;border-radius:25px;box-shadow:0 6px 18px #0b1f5e0c;background:linear-gradient(130deg,#fff,#e0f1ff);color:var(--dme-navy);text-decoration:none;transition:transform .2s,box-shadow .2s}.dme-new-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0b1f5e12}.dme-new-card.cleaning{background:linear-gradient(130deg,#fff,#ddf7f0);--card-accent:#007d78}.dme-new-card.hygiene{background:linear-gradient(130deg,#fff,#eee7ff);--card-accent:#6230ba}.dme-new-card.dispensers{--card-accent:#0068da}.dme-card-photo{height:205px;padding:20px 18px 0;display:flex;align-items:center;justify-content:center}.dme-card-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.dme-card-copy{padding:20px 24px 27px;position:relative}.dme-card-copy>svg{color:var(--card-accent);width:30px;height:30px;margin-bottom:8px}.dme-card-copy h2{font-weight:750;font-size:28px;margin:0 0 8px}.dme-card-copy p{font-size:15px;color:#4b5566;margin:0 0 14px;line-height:1.45}.dme-card-copy span{color:var(--card-accent);font-weight:700;font-size:15px}.dme-new-card .dme-waves{height:42%;color:var(--card-accent);opacity:.2}.dme-benefits{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;margin:28px auto 0;padding:0 24px;color:var(--dme-navy)}.dme-benefits>div{display:flex;gap:13px;align-items:center;justify-content:center;padding:4px 20px;border-right:1px solid #dbe6f3;font-size:15px;line-height:1.35}.dme-benefits>div:last-child{border:0}.dme-benefits svg{width:32px;height:32px;color:#0068da}.dme-photo-needed{font-size:12px;text-align:center;border:1px dashed #a495c3;border-radius:12px;padding:20px;color:#635080;margin:15px}
.section,.seo-copy,.related,.gallery,.productdetail,.clean-crumb,.catalog-head,.catalog-wrap{max-width:1200px}.section{padding:56px 24px}.category-home:not(.dme-new-home){padding:42px 24px;background:linear-gradient(130deg,#fff,var(--dme-tint));min-height:0}.category-grid{gap:20px}.category-card,.related-card,.product-card{border:1px solid #e4eaf0;border-radius:20px;background:#fff;box-shadow:0 5px 18px #0b1f5e06}.category-card:hover,.related-card:hover{border-color:#b5cce8}.category-card h2{color:var(--dme-navy)}.category-card span,.textlink{color:var(--dme-accent)}.photo,.product-image{background:#f7f9fc;border-radius:20px}.productdetail{padding:40px 24px;gap:40px}.productdetail h1{font-size:clamp(27px,3.2vw,42px);line-height:1.18}.productdetail .spec{line-height:1.6}.productdetail .detailprice{color:var(--dme-navy);font-weight:700}.product{padding:15px;border:1px solid #e4eaf0;border-radius:20px;background:white;box-shadow:0 5px 16px #0b1f5e05}.product h3{line-height:1.3}.related-card{padding:20px}.gallery img{border-radius:16px}.searchband{background:#eef5fc;padding:30px 24px}.searchinner form{border-radius:16px;border:1px solid #d8e4f2}.editorial{background:linear-gradient(130deg,#0b1f5e,#184389);border-radius:24px;padding:45px}.editorial h2{color:white}.hygiene-box{background:linear-gradient(130deg,white,var(--dme-lavender));border-radius:24px}.dme-shop>.container{max-width:1200px;padding:30px 24px 60px}.dme-shop .panel,.dme-shop .well{border:1px solid #dce5ef;border-radius:16px;box-shadow:0 4px 16px #0b1f5e05;background:white}.dme-shop .panel-heading{background:#f0f6ff;border-radius:15px 15px 0 0}.dme-shop .form-control{border:1px solid #ccd9e7;border-radius:9px;box-shadow:none}.dme-shop .form-control:focus{border-color:#1565f5;box-shadow:0 0 0 3px #1565f51a}.dme-shop .table{background:white}.dme-shop .table>thead{background:#eef6ff}.dme-shop .btn-default{border-radius:9px;background:white;color:var(--dme-navy);border:1px solid #cedcec}.dme-shop .breadcrumb{font-size:12px}.dme-shop #content>p{max-width:850px}.dme-shop select.form-control{min-height:44px;height:44px;line-height:normal}footer,.dme-footer{background:#f2f6fc!important;border-top:1px solid #dce6f2;color:#586477!important}.foot,.dme-foot{padding:30px 24px;max-width:1200px}.footlinks{gap:14px;line-height:1.8}
@media(max-width:900px){.dme-new-categories{gap:13px}.dme-card-copy{padding:18px}.dme-card-copy h2{font-size:25px}.dme-card-photo{height:170px}.nav,.dme-nav{padding:14px 24px;gap:14px}.nav nav,.dme-nav nav{gap:15px}}
@media(max-width:650px){html{scroll-padding-top:112px}.nav,.dme-nav{position:relative;min-height:68px;padding:12px 20px;display:flex;justify-content:center}.logo,.dme-logo{width:112px;height:38px;max-height:38px}.dme-menu-toggle{display:flex;position:absolute;left:12px;top:12px;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:0;border-radius:10px;color:var(--dme-navy);cursor:pointer}.dme-menu-toggle svg{width:26px;height:26px}.dme-mobile-cart{display:flex;position:absolute;right:15px;top:12px;width:44px;height:44px;align-items:center;justify-content:center;color:var(--dme-navy)}.dme-mobile-cart svg{width:29px;height:29px}.dme-menu-ready .nav nav,.dme-menu-ready .dme-nav nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:75vh;overflow:auto;padding:18px 24px;background:white;box-shadow:0 12px 22px #0b1f5e14;border-top:1px solid #e2eaf5;z-index:3;margin:0}.dme-menu-ready .nav nav.is-open,.dme-menu-ready .dme-nav nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav nav a,.dme-nav nav a{padding:10px 0}.dme-mobile-links{display:contents}.dme-delivery-note{font-size:11px!important;padding:7px 12px!important;gap:7px}.dme-delivery-note svg{width:21px;height:21px}.dme-new-hero{padding:22px 18px 23px}.dme-new-hero h1{font-size:clamp(25px,7vw,34px);max-width:410px;margin:0 auto 10px;letter-spacing:-.04em}.dme-new-hero p{font-size:14px;line-height:1.35;max-width:355px}.dme-new-hero .actions{margin-top:17px;gap:12px}.dme-new-hero .primary,.dme-secondary{font-size:13px;padding:11px 20px;min-height:40px}.dme-new-categories{grid-template-columns:1fr;gap:10px;padding:0 12px;max-width:560px}.dme-new-card{flex-direction:row;border-radius:20px;min-height:118px}.dme-card-photo{width:39%;flex:none;height:auto;min-height:118px;padding:10px}.dme-card-photo img{height:112px;object-fit:contain}.dme-card-copy{flex:1;min-width:0;padding:13px 12px 12px 5px}.dme-card-copy>svg{float:left;width:23px;height:23px;margin:2px 8px 0 0}.dme-card-copy h2{font-size:23px;margin:0 0 5px;line-height:1.1}.dme-card-copy p{font-size:12px;line-height:1.35;margin:8px 0}.dme-card-copy span{font-size:12px;line-height:1.3;display:block}.dme-new-card .dme-waves{height:65%}.dme-benefits{margin:20px auto 0;padding:0 10px}.dme-benefits>div{font-size:11px;gap:7px;padding:2px 8px}.dme-benefits svg{width:24px;height:24px}.dme-new-home{padding-bottom:20px}.dme-photo-needed{font-size:10px;margin:0;padding:7px}.section{padding:38px 18px}.productdetail{padding:25px 18px;gap:24px}.productdetail h1{font-size:28px}.category-home:not(.dme-new-home){padding:28px 18px}.category-grid{gap:12px}.category-card{padding:18px}.related-grid{gap:12px}.dme-shop>.container{padding:22px 16px 40px}.dme-shop h1{font-size:29px}.editorial{padding:28px}.editorial h2{font-size:32px}.dme-shop input,.dme-shop select,.dme-shop textarea{font-size:16px}.foot,.dme-foot{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
body[data-dme-family] .eyebrow{color:var(--dme-accent)}body[data-dme-family] .category-card,body[data-dme-family] .related-card{background:#fff}.dme-new-card.hygiene img{mix-blend-mode:normal}.dme-shop .dme-nav .dme-mobile-cart{color:var(--dme-navy)}.dme-shop .dme-cart-badge{color:white}

/* DME 2026-11-07: shared action palette; layout and category backgrounds unchanged. */
:root{--dme-action:#1565F5;--dme-cta-gradient:linear-gradient(160deg,#0075c9,#0061ef 75%,#0049d8);--dme-cta-text:#fff;--dme-control-radius:28px;--dme-control-border:#cedcec;--dme-control-bg:#fff}
body .primary,body .editorial .primary,body .dme-new-hero .primary,body .btn-primary,body.dme-shop .btn-primary,body .searchinner form button,body [data-dme-buy]{background:var(--dme-cta-gradient);color:var(--dme-cta-text);border-color:transparent;border-radius:var(--dme-control-radius);text-decoration:none}
body .primary:hover,body .primary:focus,body .btn-primary:hover,body .btn-primary:focus,body .searchinner form button:hover,body [data-dme-buy]:hover{background:var(--dme-cta-gradient);color:var(--dme-cta-text);filter:brightness(.96)}
body .category-links a,body .clean-tabs a{background:var(--dme-control-bg);border:1px solid var(--dme-control-border);color:var(--dme-navy)}
body .category-links a[aria-current=page],body .clean-tabs a[aria-current=page],body .nav-pills>li.active>a,body .nav-pills>li.active>a:hover,body .pagination>.active>a,body .pagination>.active>span{background:var(--dme-action);border-color:var(--dme-action);color:var(--dme-cta-text)}
body .dme-secondary,body.dme-shop .btn-default{background:var(--dme-control-bg);border-color:var(--dme-control-border);color:var(--dme-action);border-radius:var(--dme-control-radius)}
body .dme-card-copy span,body .category-card span,body .textlink{color:var(--dme-action)}
body :is(.primary,.btn-primary,[data-dme-buy],.searchinner form button,.category-links a,.clean-tabs a):focus-visible{outline:3px solid var(--dme-action);outline-offset:4px}
body :is(button,input,select){accent-color:var(--dme-action)}