/* SANTEX editorial storefront. Presentation only; catalog data and staff UI unchanged. */
body:has(#home){--sx-paper:#f5f3ee;--sx-ink:#252923;--sx-line:#d8d9cf;--sx-mint:#e8ebdf;--sx-gold:#667352;--grohe-blue:#42513c;background:#f5f3ee;color:#252923}
body:has(#home) .topbar{background:#e9ecdf;color:#454f3d;font-size:11px}
body:has(#home) .header{background:#f5f3ee;border:0;border-bottom:1px solid #d8d9cf;color:#252923;padding-top:23px;padding-bottom:23px}
body:has(#home) .logo{color:#252923;letter-spacing:-.06em}body:has(#home) .logo span{color:#72766b}
body:has(#home) .search{border:1px solid #d8d9cf;background:#fff;border-radius:3px}body:has(#home) .search button{background:#35422f}
body:has(#home) .cart-trigger{color:#252923;border-color:#b9c0ac}body:has(#home) .cart-trigger #cart-count{background:#42513c;color:#fff}body:has(#home) .account{color:#55604c}
body:has(#home) .nav{background:#f5f3ee;border-bottom:1px solid #d8d9cf;gap:10px;padding-top:9px;padding-bottom:9px}body:has(#home) .nav button,body:has(#home) .nav a{font-weight:500;color:#394432}body:has(#home) .nav button:hover,body:has(#home) .nav a:hover{background:#e7ebdf;color:#252923}
body:has(#home) .language-switch a{color:#4d5945}
body:has(#home) .grohe-spa-intro{background:#f5f3ee;color:#252923;grid-template-columns:1fr 1fr;gap:32px;border-radius:0;overflow:visible;margin:28px 0 40px;align-items:stretch}
body:has(#home) .grohe-spa-copy{padding:36px 20px 36px 0;align-self:center}
body:has(#home) .grohe-eyebrow{color:#667352;font-size:10px;letter-spacing:.19em}
body:has(#home) .grohe-spa-copy h1{color:#252923;font-size:clamp(36px,4.3vw,62px);line-height:1.07;letter-spacing:-.04em;font-weight:400}
body:has(#home) .grohe-spa-copy h1 span{color:#667352;font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.035em}
body:has(#home) .grohe-spa-copy>p:not(.grohe-eyebrow){color:#6b7163;max-width:440px;font-size:15px}
body:has(#home) .grohe-spa-actions button{background:#283124;color:#fff;border-color:#283124;padding:16px 23px;font-weight:500}body:has(#home) .grohe-spa-actions a{color:#43513a}
body:has(#home) .grohe-materials{position:relative;isolation:isolate;background:#e7e5db;min-height:420px;padding:28px;justify-content:flex-end;overflow:hidden;border-radius:4px;box-shadow:15px 23px 36px -28px #35452e8c}
body:has(#home) .grohe-materials::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/bath-banner.webp') center 45%/cover no-repeat}
body:has(#home) .grohe-materials::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#f3f1e8 0%,#f3f1e8f2 25%,#f3f1e880 44%,transparent 70%)}
body:has(#home) .grohe-large-mark{font-size:30px;letter-spacing:.08em;color:#263323;text-shadow:0 1px 20px #fff}
body:has(#home) .grohe-materials>p{font:italic 25px Georgia,serif;letter-spacing:-.02em;margin:8px 0 18px;color:#3f4c37}
body:has(#home) .grohe-material-grid{gap:12px}body:has(#home) .grohe-material-grid>a{color:#303a29;font-size:11px;min-height:40px;background:#ffffff80;border:1px solid #ffffff90;padding:7px;border-radius:3px}
body:has(#home) .grohe-materials>a{margin-top:16px;color:#34422d;font-size:12px}
body:has(#home) .brand-strip{background:transparent;border:0;border-bottom:1px solid #d8d9cf;padding:20px 0;border-radius:0}
body:has(#home) .brand-strip strong{font-size:22px;font-weight:400}body:has(#home) .brand-actions button{background:#fbfaf6;color:#46503b;border:1px solid #d8d9cf;border-radius:22px;padding:9px 15px}
body:has(#home) .brand-actions button[aria-pressed=true]{background:#42513c;color:#fff}
body:has(#home) .shower-shortcuts{background:#eaede2;border:1px solid #d7ddcd;border-radius:4px;padding:16px 20px}body:has(#home) .shower-shortcuts h2{font-weight:400;color:#313c2b}
body:has(#home) .shower-preset{box-shadow:none;border-radius:3px;min-height:76px}
body:has(#home) .campaign-teaser{background:#e3e8d9;border-color:#d3dbc6;color:#35422e;border-radius:3px}body:has(#home) .campaign-teaser a{color:#35422e}
body:has(#home) .category{background:#e8ebdf;border:1px solid #d6ddca;border-radius:4px;box-shadow:none;color:#35422e}
body:has(#home) .category b{font-weight:500}body:has(#home) .section-head h2,body:has(#home) .catalog-title h2{font-weight:400;letter-spacing:-.035em}
body:has(#home) .product{background:#fffefb;border:1px solid #e0e2d8;border-radius:4px;box-shadow:0 4px 16px #34412804;overflow:visible}
body:has(#home) .product-image{background:#eeefe8;border-radius:4px 4px 0 0;overflow:hidden}body:has(#home) .product-image img{mix-blend-mode:multiply;transition:transform .3s ease}
body:has(#home) .product-title{color:#293323;font-weight:500}body:has(#home) .product-price{color:#293323}body:has(#home) .product-action{background:#35432e;border-color:#35432e;color:#fff;border-radius:3px}
body:has(#home) .catalog-sidebar{border-color:#d8dece;border-radius:4px}body:has(#home) .sidebar-categories>summary{background:#42513c}body:has(#home) #sidebar-categories button[aria-pressed=true]{background:#e9eddf;color:#35432e;border-left-color:#667352}
body:has(#home) .intro,body:has(#home) .delivery-card{background:#eaede2;border-color:#d8dece;border-radius:4px}body:has(#home) .intro h2{font-weight:400}
.sx-volume-toggle{background:#f5f3ee;color:#42513c;border:1px solid #b9c3ad;border-radius:50%;width:38px;height:38px;flex:none;font-size:11px;padding:0;cursor:pointer}.sx-volume-toggle[aria-pressed=false]{color:#7a8075;background:#e5e8df}
@media(hover:hover) and (pointer:fine){body:has(#home):not(.sx-volume-off) :is(.product,.category,.grohe-materials){transform:perspective(1100px) rotateX(var(--sx-rx,0deg)) rotateY(var(--sx-ry,0deg));transition:transform .16s ease-out,box-shadow .25s ease;transform-origin:center}body:has(#home):not(.sx-volume-off) .product:hover{box-shadow:0 24px 35px -23px #35452e80;position:relative;z-index:2}body:has(#home):not(.sx-volume-off) .product:hover .product-image img{transform:scale(1.035)}}
@media(max-width:760px){body:has(#home) .header{padding:16px}body:has(#home) .grohe-spa-intro{grid-template-columns:1fr;gap:18px;margin-top:20px}body:has(#home) .grohe-spa-copy{padding:16px 4px}body:has(#home) .grohe-spa-copy h1{font-size:38px;max-width:500px}body:has(#home) .grohe-materials{min-height:390px;padding:22px}body:has(#home) .grohe-large-mark{font-size:28px}body:has(#home) .grohe-material-grid{grid-template-columns:1fr 1fr}body:has(#home) .brand-strip{padding:14px 0}.sx-volume-toggle{width:34px;height:34px}body:has(#home) .product{overflow:hidden}}
@media(prefers-reduced-motion:reduce){body:has(#home) :is(.product,.category,.grohe-materials,.product-image img){transform:none!important;transition:none!important}}
@media print{body:has(#home){background:#fff}.sx-volume-toggle{display:none}body:has(#home) :is(.product,.category,.grohe-materials){transform:none!important;box-shadow:none!important}}
/* Override the storefront's older forced white/navy palette, without affecting staff pages. */
html:has(#home),body:has(#home){background:#f5f3ee!important}
body:has(#home) :is(.header,.nav,.privacy-notice){background:#f5f3ee!important;border-color:#d8d9cf!important}
body:has(#home) .grohe-spa-intro,body:has(#home) .grohe-spa-copy{background:#f5f3ee!important;border:0;color:#252923!important}
body:has(#home) .grohe-spa-copy h1{color:#252923!important}body:has(#home) .grohe-spa-copy h1 span{color:#667352!important}
body:has(#home) .grohe-spa-copy p,body:has(#home) .grohe-spa-copy .grohe-eyebrow,body:has(#home) .grohe-spa-copy a{color:#58664d!important}
body:has(#home) .catalog-shortcuts .brand-strip{background:transparent!important;border-color:#d8d9cf;padding:18px 0}body:has(#home) .catalog-shortcuts .brand-strip::before{display:none}
body:has(#home) :is(.shower-shortcuts,.category,.intro,.delivery-card){background:#eaede2!important;border-color:#d8dece!important}
body:has(#home) .grohe-spa-actions button{background:#283124;color:#fff;border-color:#283124}