:root{--sx-ink:#173c42;--sx-mint:#e8f3ee;--sx-line:#cbdcd6;--sx-gold:#ba8a46;--sx-paper:#c8ddf5}
body{background:var(--sx-paper);color:var(--sx-ink)}button,input,select,textarea{border-radius:10px}button,a.primary,.link-button{transition:background-color .18s,box-shadow .18s,border-color .18s,transform .18s}button:not(:disabled):hover,a.primary:hover{box-shadow:0 5px 15px #153c421c;border-color:#83ada0}button:not(:disabled):active,a.primary:active{transform:scale(.975)}button:focus-visible,a:focus-visible{outline:3px solid var(--sx-gold);outline-offset:3px}button:disabled{cursor:wait;opacity:.65}
.product{background:white;border:1px solid #dae4de;border-radius:18px;overflow:hidden;box-shadow:0 3px 15px #173c4208;transition:box-shadow .2s,transform .2s}.product:hover{transform:translateY(-3px);box-shadow:0 12px 28px #173c4214}.product-image{background:white}.product-image img{object-fit:contain;transition:transform .24s}.product:hover .product-image img{transform:scale(1.035)}.product-body{padding:18px}.product-title{line-height:1.45}.product-action,.primary{background:#1d6458;color:white;border:1px solid #1d6458;border-radius:10px}.brand-list button,#brand-list button{background:white;border:1px solid #ccdcd3;border-radius:14px;padding:20px}.toolbar{gap:10px}.table-wrap{border:1px solid #d7e2dc;border-radius:12px;background:white}table th{background:#eef4f0}tbody tr:hover{background:#f5faf7}dialog{border:1px solid #c9dcd3;border-radius:18px;box-shadow:0 25px 90px #132e4333}dialog::backdrop{background:#183c425e;backdrop-filter:blur(3px)}
.sx-gallery{display:grid;gap:10px}.sx-gallery-main{width:100%;max-height:460px;object-fit:contain;background:white;border-radius:14px}.sx-gallery-thumbs{display:flex;gap:8px;overflow:auto}.sx-gallery-thumbs button{border:1px solid #cbdcd6;background:white;padding:5px;flex:none}.sx-gallery-thumbs img{width:68px;height:68px;object-fit:contain}.sx-gallery-thumbs button[aria-pressed=true]{border:2px solid #1d6458}.sx-gallery-count{font-size:13px;color:#58746c}.product-description{white-space:pre-line;line-height:1.7}.stock-import-dialog{width:min(1100px,96vw);max-height:94dvh;overflow:auto;padding:24px}.stock-import-dialog label{display:inline-grid;gap:6px;margin:10px 16px 10px 0}.stock-import-dialog [data-close]{float:right}.stock-import-dialog .error{color:#b92323}.stock-import-dialog input,.stock-import-dialog select{padding:10px;max-width:100%;border:1px solid #cbdcd6}
body:has(#stocks-view) .metric-card,body:has(#stocks-view) .ledger{background:#fff;border:1px solid #d7e2dc;border-radius:15px}.progress span,.charge-fill{transition:width .35s ease}.workspace-tab.active{background:#e4f2eb!important;color:#174c40!important}.detail-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px}
@media(prefers-reduced-motion:no-preference){dialog[open],.hero-slide:not([hidden]){animation:sx-enter .2s ease-out}@keyframes sx-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.product:hover{transform:none}}
@media(max-width:600px){.product-body{padding:12px}.stock-import-dialog{padding:14px}.stock-import-dialog label{display:grid;margin-right:0}.detail-actions button{min-height:44px}.sx-gallery-main{max-height:320px}}
@media print{body{background:white}.sx-gallery-thumbs{display:none}}
/* Storefront: clear photo, article and price, with rounded shimmering frames. */
body:has(#home){background:var(--sx-paper)}.product-grid{gap:22px}.product{position:relative;border:1px solid transparent;border-radius:26px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#d9e6df,#95bbb1,#efe4c9,#b4d3c7,#d9e6df) border-box;background-size:100% 100%,250% 250%;box-shadow:0 4px 20px #153c4209;display:flex;flex-direction:column}.product-image{border-radius:25px 25px 0 0;aspect-ratio:1/1;width:100%;height:auto!important;padding:24px;display:grid;place-items:center}.product-image img{height:100%;max-height:270px;width:100%;object-fit:contain}.product-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px 20px 20px}.product-title{font-size:16px;font-weight:600;min-height:66px;text-align:left}.product-brand{color:#39796d;letter-spacing:.08em;font-size:11px}.product-sku{color:#617871;font-size:12px}.product-price{font-size:25px;margin-top:auto;padding-top:12px}.product-action{min-height:44px;background:#1d6458;border-radius:13px}.availability{font-size:12px;color:#78847f}.availability.in{color:#227248}.availability.out{color:#a14a43}.sale-tag{position:absolute;top:16px;left:16px;background:#d2ede3;color:#145c45;padding:7px 12px;border-radius:20px;font-weight:700}.product del{font-size:13px;color:#89978f}.catalog .toolbar{background:white;padding:18px;border:1px solid #dce7e1;border-radius:20px;display:flex;flex-wrap:wrap}.toolbar label{flex:1 1 140px}.toolbar select{max-width:100%}.hero-carousel{border-radius:26px;overflow:hidden}.categories .category{border-radius:20px}.section-head h2{letter-spacing:-.03em}.sx-gallery-main{cursor:zoom-in}.sx-lightbox[open]{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;gap:8px;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border:0;border-radius:0;background:#101b1fF5;padding:40px 20px;color:white}.sx-lightbox img{width:100%;height:82dvh;object-fit:contain;grid-column:2;grid-row:1}.sx-lightbox [data-close]{position:absolute;top:12px;right:18px;font-size:32px}.sx-lightbox [data-prev]{grid-column:1;grid-row:1}.sx-lightbox [data-next]{grid-column:3;grid-row:1}.sx-lightbox button{color:white;background:#ffffff20;border:1px solid #ffffff55;font-size:30px}.sx-lightbox p{grid-column:1/-1;text-align:center;margin:0}.promotion-banner{display:grid;grid-template-columns:1fr auto;gap:12px;background:linear-gradient(120deg,#e0eee7,#f4efe2);padding:44px;border-radius:26px;margin-bottom:24px;border:1px solid #c5d9cb}.promotion-banner h2{font-size:clamp(28px,4vw,48px);margin:0}.promotion-banner strong{grid-column:2;grid-row:1/3;font-size:clamp(44px,7vw,90px);color:#215f50}.promotion-banner button{justify-self:start}.promotion-banner p{margin:0;color:#557265}nav a[href="/staff/catalog.html"]{padding:12px;color:inherit;text-decoration:none;display:inline-block}
@media(prefers-reduced-motion:no-preference){.product{animation:sx-frame 7s ease-in-out infinite}@keyframes sx-frame{0%,100%{background-position:0 0,0 50%}50%{background-position:0 0,100% 50%}}}
@media(max-width:600px){.product-grid{gap:12px}.product{border-radius:20px}.product-image{padding:15px;border-radius:19px 19px 0 0}.product-body{padding:12px}.product-title{font-size:14px;min-height:62px}.product-price{font-size:21px}.sx-lightbox[open]{grid-template-columns:35px 1fr 35px;padding:38px 6px}.promotion-banner{padding:24px;grid-template-columns:1fr}.promotion-banner strong{grid-column:1;grid-row:auto}.toolbar label{min-width:130px}}

[hidden]{display:none!important}
.category-extra-filters{margin:16px 0 24px}.category-filter-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.category-extra-filters h2{font-size:16px;margin:12px 0}.category-dropdowns{justify-content:flex-start}.category-dropdowns label{max-width:260px;min-width:150px}.category-dropdowns select{width:100%;min-height:42px;padding:8px 12px;border:1px solid #cbdcd6;background:#fff;color:#173c42}.catalog-pager{margin:28px 0;text-align:center}.catalog-pager p{font-size:14px;color:#58746c}#catalog-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}#catalog-pagination button{min-width:44px;min-height:44px;padding:8px 13px;background:#fff;color:#173c42;border:1px solid #cbdcd6;border-radius:12px}#catalog-pagination button[aria-current=page]{background:#1d6458;color:white;border-color:#1d6458}#catalog-pagination button:disabled{opacity:.4;cursor:default}#catalog-pagination span{padding:0 6px}@media(max-width:600px){.category-dropdowns label{max-width:none;flex-basis:calc(50% - 10px);min-width:120px}#catalog-pagination{gap:6px}#catalog-pagination button{padding:8px 10px}}
/* SANTEX: quiet surfaces, clear hierarchy and restrained native motion. */
:root{--sx-ink:#203c3b;--sx-line:#d7e4de;--sx-mint:#edf5f0;--sx-paper:#c8ddf5;--sx-gold:#b88a54;--sx-ease:cubic-bezier(.2,.75,.25,1)}
body:has(#home){background:var(--sx-paper);color:var(--sx-ink)}
body:has(#home) .topbar{background:#234a43;font-size:12px;letter-spacing:.01em;padding-top:9px;padding-bottom:9px}
body:has(#home) .header{max-width:1320px;margin:16px auto 8px;padding:22px 24px;background:#ffffffed;border:1px solid #dce6df;border-radius:24px;box-shadow:0 8px 32px #234a4306}
body:has(#home) .logo{color:#244d44;font-size:31px;letter-spacing:-.055em}.logo span{color:#6d8178;line-height:1.5}
body:has(#home) .search{border:1px solid #d3dfd7;border-radius:14px;overflow:hidden;background:#f7faf7;transition:box-shadow .2s,border-color .2s}.search input{background:transparent}.search:focus-within{box-shadow:0 0 0 4px #2c715715;border-color:#75a68a}body:has(#home) .search button{background:#275e50;padding:0 20px}
body:has(#home) .cart-trigger{border:1px solid #d2ded4;color:#245246;border-radius:14px;padding:13px 17px;background:#f4f8f2}.cart-trigger #cart-count{display:inline-block;min-width:25px;text-align:center;background:#275e50}
body:has(#home) .account{font-size:13px;color:#59766a;max-width:125px;white-space:normal;line-height:1.4}
body:has(#home) .nav{border:0;gap:5px;min-height:56px;padding:6px 8px;margin:0 auto 18px;background:#ffffffa6;border-radius:17px;box-shadow:0 1px 0 #d5e3d9}.nav button,.nav a{border-radius:11px;padding:11px 17px;font-size:14px;line-height:1.25;transition:background .2s,color .2s,box-shadow .2s}.nav button:first-child{color:#275e50}.nav button:hover,.nav a:hover{background:#eaf3ec;color:#244f41}.nav [aria-current=page]{background:#275e50!important;color:#fff!important;box-shadow:0 4px 12px #275e5018}
body:has(#home) .privacy-notice{border-radius:16px;background:#edf3ef;border-color:#d9e4dc;font-size:12px;margin-bottom:18px;color:#64796d}.privacy-notice p{line-height:1.6}
.brand-strip{border:1px solid #d8e5dc;border-radius:22px;background:#eef4ee;padding:24px 30px;margin-bottom:20px}.brand-strip small,.section-head small{font-size:10px;letter-spacing:.16em;color:#748a7c}.brand-strip strong{color:#254d40}.brand-actions button{background:#fff;border:1px solid #d1ded4;border-radius:12px;padding:13px 18px;color:#345a4a;box-shadow:0 2px 8px #254d4005}.brand-actions button:hover{background:#e2eee4;border-color:#7fa98c}
.hero-carousel{border:1px solid #254b41;background:#214c40;box-shadow:0 16px 45px #254d4010}.hero{background:#214c40}.hero-copy h1,.hero-copy h2{letter-spacing:-.04em;line-height:1.05}.hero-copy p{line-height:1.7}.hero-copy em{color:#d5bc8f}.hero .primary{border-color:#e7d5b4;background:#f1e3c9;color:#284d3e;box-shadow:0 5px 20px #102b201a}.hero .primary:hover{background:#f9edda}.hero-controls{background:#214c40}.hero-controls button{border-radius:12px}.hero-media img{transition:transform .6s var(--sx-ease)}
.section-head{margin-top:42px;margin-bottom:22px}.section-head h2{font-size:clamp(24px,2.8vw,34px);line-height:1.2;letter-spacing:-.035em;color:#284c40}.section-head .text-button{border:1px solid #d4e1d5;border-radius:12px;background:#fff;padding:10px 16px;font-size:13px}
.categories{gap:16px}.category{background:linear-gradient(145deg,#fff,#f0f5ee);border:1px solid #d4e1d5;box-shadow:0 5px 22px #224b3d04;transition:transform .25s var(--sx-ease),box-shadow .25s,border-color .25s}.category:hover{transform:translateY(-3px);border-color:#85aa90;box-shadow:0 10px 25px #224b3d0c}.category small{color:#91aa93}.category b{color:#294f40}.category span{font-size:12px;color:#788d7c}
.product{transition:transform .25s var(--sx-ease),box-shadow .25s,border-color .25s}.product:hover{transform:translateY(-4px);box-shadow:0 18px 36px #204c4014}.product-image img{transition:transform .4s var(--sx-ease)}.product-brand{letter-spacing:.1em}.product-title{font-weight:600;color:#24483d}.product-sku{line-height:1.55}.product-action{background:#2b6350;border-color:#2b6350;box-shadow:0 3px 10px #285b4910}.product-action:hover{background:#214d3e;box-shadow:0 6px 16px #285b4920}.product-price{letter-spacing:-.04em}
.catalog-title h1,.brands h1{color:#254c3d;letter-spacing:-.04em;font-size:clamp(30px,4vw,46px);margin-bottom:8px}.catalog-title p{font-size:13px;color:#819282}.catalog .toolbar{box-shadow:0 5px 24px #254a3d04;border-radius:18px;gap:12px;padding:17px}.toolbar label{font-size:12px;font-weight:500;color:#5e7968}.toolbar input,.toolbar select{border-radius:10px;border-color:#d2dfd4;min-height:42px;background:#fff;color:#294f40;transition:border-color .18s,box-shadow .18s}.toolbar input:focus,.toolbar select:focus{border-color:#7ca98b;outline:none;box-shadow:0 0 0 3px #77a68b18}.clear{border-radius:10px}.category-extra-filters h2{font-size:13px;font-weight:600;color:#6c8374}.catalog-pager p{color:#819282}
.intro,.delivery-card{border:1px solid #d7e3d8;border-radius:22px;background:#ffffffb8;box-shadow:0 5px 22px #254a3d04}.delivery-card h3{letter-spacing:-.02em;color:#2c5444}.delivery-card p{line-height:1.7;color:#718173}.intro h2{letter-spacing:-.035em}.intro p{line-height:1.8}.brand-list button,#brand-list button{transition:transform .22s var(--sx-ease),border-color .22s,box-shadow .22s}#brand-list button:hover{transform:translateY(-2px);border-color:#8cb196;box-shadow:0 8px 22px #254a3d0c}
dialog{border-radius:24px;border-color:#d8e5dc;background:#fcfdfb;box-shadow:0 25px 100px #133c3233}dialog::backdrop{background:#163e366b;backdrop-filter:blur(5px)}.dialog-close{background:#edf3ee;border:1px solid #d4e1d6;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.dialog-close:hover{background:#dceadf}.cart-row{border-color:#dfe8df}.cart-row img{border-radius:12px;background:#fff}.cart-summary{background:#eff5ee;border-radius:16px;padding:20px}.quote-actions{border-radius:16px}.detail small{color:#75907d}.detail-price{color:#285f49;letter-spacing:-.04em}.sx-lightbox{border-radius:0!important}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:sx-soft-open .24s var(--sx-ease)}dialog[open]::backdrop{animation:sx-backdrop-open .22s ease-out}.hero-slide:not([hidden]){animation:sx-soft-open .32s var(--sx-ease)}@keyframes sx-soft-open{from{opacity:.2;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes sx-backdrop-open{from{background:#163e3600;backdrop-filter:blur(0)}to{background:#163e366b;backdrop-filter:blur(5px)}}}
@media(max-width:900px){body:has(#home) .header{margin:10px 12px 8px;padding:18px;gap:14px}body:has(#home) .nav{margin:0 12px 14px;flex-wrap:wrap;gap:2px;justify-content:flex-start}.nav button,.nav a{padding:10px 12px;font-size:13px}body:has(#home) .account{font-size:12px;max-width:100px}.brand-strip{padding:22px}.section-head{margin-top:30px}}
@media(max-width:600px){body:has(#home) .header{border-radius:18px;padding:16px 12px;gap:12px}body:has(#home) .logo{font-size:27px}body:has(#home) .logo span{font-size:8px}body:has(#home) .account{max-width:90px}.brand-strip{border-radius:18px;padding:18px}.brand-actions{gap:8px;flex-wrap:wrap}.brand-actions button{padding:10px 12px;font-size:12px}.section-head{gap:12px}.section-head .text-button{font-size:12px;padding:9px 12px}.category{min-height:135px}.catalog .toolbar{padding:13px;gap:10px}.cart-summary{padding:14px;gap:12px}.product:hover,.category:hover{transform:none}.header .search{height:44px}}
@media(prefers-reduced-motion:reduce){.product,.product:hover,.category,.category:hover,#brand-list button{transform:none!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;box-shadow:none!important}}
.hero-slide h1 em,.hero-slide h2 em{color:#d5bc8f}.hero-slide:not(.hero-partners)::before{background:linear-gradient(90deg,#153b32f5 0%,#173e35d6 33%,#173e354d 66%,#173e3514 100%)}.hero-slide .eyebrow{color:#c9d8c8}.hero-slide .primary:hover{background:#f9edda}@media(max-width:650px){.hero-slide:not(.hero-partners)::before{background:linear-gradient(180deg,#153b32ed 0%,#153b32c2 47%,#153b3229 100%)}}
/* Branded campaign carousel */
#home-promotions{position:relative;margin-bottom:24px;border-radius:26px;overflow:hidden;background:#123d52}
.branded-promotion{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:420px;margin:0;border:0;border-radius:0;padding:44px 6%;color:#fff;background:radial-gradient(ellipse at 85% 20%,#46849a80,transparent 65%),linear-gradient(115deg,#062e4c,#10586c)}
.branded-promotion[hidden]{display:none!important}.branded-promotion[data-brand=abber]{background:radial-gradient(ellipse at 85% 20%,#cdb99566,transparent 65%),linear-gradient(115deg,#262f2a,#5f7164)}.branded-promotion[data-brand=hansgrohe]{background:radial-gradient(ellipse at 85% 20%,#98c6af66,transparent 65%),linear-gradient(115deg,#123b30,#36745a)}
.promotion-wordmark{position:absolute;z-index:-1;right:3%;top:5%;font-size:clamp(54px,12vw,170px);font-weight:800;line-height:1;letter-spacing:-.07em;color:#ffffff16;max-width:94%;overflow:hidden;white-space:nowrap}
.promotion-product{position:absolute;right:5%;bottom:28px;width:37%;height:74%;object-fit:contain;border-radius:24px;background:#fffffff2;padding:18px;box-shadow:0 22px 50px #00192330;transform:rotate(-3deg)}
.promotion-content{position:relative;width:58%;max-width:660px;display:flex;align-items:flex-start;flex-direction:column;gap:12px}.branded-promotion .promotion-brand{color:#d0e8ee;font-size:14px;font-weight:700;letter-spacing:.2em}.branded-promotion h2{font-size:clamp(28px,4vw,50px);line-height:1.1;letter-spacing:-.035em}.branded-promotion p{color:#e3edef;margin:0}.branded-promotion strong{font-size:clamp(48px,7vw,88px);color:#f1ddba;line-height:1.1}.branded-promotion .primary{margin-top:4px;background:#f2e3c9;color:#1c473f;border-color:#f2e3c9;border-radius:13px;padding:14px 23px}
.promotion-controls{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px;background:#062b3ad9}.promotion-controls[hidden]{display:none}.promotion-controls button{color:#fff;background:transparent;border:1px solid #ffffff45;border-radius:10px;min-width:36px;height:32px;cursor:pointer}.promotion-controls .promotion-dot{min-width:9px;width:9px;height:9px;padding:0;border-radius:50%;background:#ffffff45;border:0}.promotion-controls .promotion-dot.active{background:#efdebd;box-shadow:0 0 0 4px #efdebd16}.promotion-controls button:focus-visible{outline:2px solid #f1ddba;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.branded-promotion:not([hidden]){animation:sx-soft-open .4s var(--sx-ease)}}
@media(max-width:650px){.branded-promotion{min-height:500px;padding:28px 24px}.promotion-content{width:100%;padding-bottom:155px}.promotion-product{width:41%;height:155px;right:7%;bottom:20px;padding:10px;border-radius:16px}.promotion-wordmark{top:auto;bottom:70px;left:18px;font-size:64px}.branded-promotion strong{font-size:56px}#home-promotions{border-radius:20px}}
/* Several real products in one coordinated finish. */
.branded-promotion .promotion-content{width:44%}.promotion-products{position:absolute;right:3%;bottom:32px;top:100px;width:49%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center}.promotion-product-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;height:85%;padding:14px 10px;border:1px solid #ffffff80;border-radius:20px;background:#fff;box-shadow:0 14px 35px #00192320;cursor:pointer;color:#315248;transition:transform .25s ease}.promotion-product-tile:hover{transform:translateY(-5px)}.promotion-product-tile img{width:100%;height:calc(100% - 30px);min-height:0;object-fit:contain}.promotion-product-tile span{font-size:11px;letter-spacing:.04em;font-weight:600}.promotion-product-tile:nth-child(2){height:100%}.promotion-product-tile:focus-visible{outline:3px solid #f1ddba;outline-offset:4px}
@media(max-width:800px){.branded-promotion{min-height:570px}.branded-promotion .promotion-content{width:100%;padding-bottom:210px}.promotion-products{top:auto;bottom:22px;left:24px;right:24px;width:auto;height:190px;gap:8px}.promotion-product-tile{border-radius:14px;padding:10px 6px}.promotion-product-tile span{font-size:10px}.promotion-wordmark{top:16px;bottom:auto;left:auto;right:20px}.branded-promotion h2{max-width:100%}}
@media(prefers-reduced-motion:reduce){.promotion-product-tile:hover{transform:none}}

@media print{body,body:has(#home){background:white}}