.gr-page{padding:24px var(--ss-page-gutter,5vw) 72px;color:#302a2c;font:14px/1.6 Arial,sans-serif}.gr-page *,.grout-picker *{box-sizing:border-box}.gr-crumb{font-size:12px;color:#82766c;margin-bottom:24px}.gr-crumb a{color:inherit}.gr-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:410px;display:flex;align-items:center;padding:clamp(25px,5vw,70px);background:#655e55;box-shadow:0 15px 40px #3a30261a}.gr-hero video,.gr-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.gr-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(26,25,23,.72),rgba(26,25,23,.28) 70%,rgba(26,25,23,.1))}.gr-hero-copy{max-width:600px;color:#fff}.gr-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase}.gr-hero h1{font:400 clamp(38px,4.8vw,70px)/1.06 Georgia,serif;letter-spacing:-1.4px;margin:15px 0 22px;color:#fff}.gr-hero h1 em{color:#f4c7d7;font-weight:400}.gr-hero p{max-width:430px;color:#f4eeea}.gr-hero a{display:inline-flex;margin-top:12px;border:1px solid #ffffff80;padding:11px 20px;border-radius:6px;color:#fff;background:#ffffff12;backdrop-filter:blur(4px)}.gr-video-toggle{position:absolute;right:20px;bottom:18px;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff70;background:#17171550;color:#fff;cursor:pointer}.gr-intro{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:30px 0 20px}.gr-intro h2,.gr-accessories h2{font:400 clamp(26px,3vw,40px)/1.16 Georgia,serif;margin:0}.gr-intro p{max-width:490px;color:#7e7169}.gr-palette-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.75fr);gap:24px;align-items:start}.gr-note{background:#eee7df;padding:28px;border-radius:14px;position:sticky;top:100px}.gr-note h3{font:400 26px/1.2 Georgia,serif;margin-top:0}.gr-note ol{padding-left:20px;line-height:1.8}.gr-note a{display:block;border:1px solid #bca99c;padding:12px;border-radius:6px;text-align:center;color:inherit;margin-top:18px}.gr-accessories{padding-top:46px}.gr-accessories>p{color:#7e7169}.gr-filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.gr-filters label{display:grid;gap:5px;font-size:12px;min-width:150px}.gr-filters select{padding:11px 14px;border:1px solid #ddd3c9;border-radius:7px;background:#fffdf9;font:inherit;color:inherit}.gr-count{font-size:12px;color:#82766c}.gr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gr-card{overflow:hidden;background:#fffdf9;border:1px solid #e9e0d8;border-radius:12px;box-shadow:0 5px 17px #4a362009;transition:transform .25s,box-shadow .25s}.gr-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #4a362018}.gr-card-image{height:190px;background:#f6f2ed;display:flex;align-items:center;justify-content:center}.gr-card img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:16px}.gr-card-body{padding:18px}.gr-card small{font-size:10px;color:#82766c}.gr-card h3{font:400 19px/1.25 Georgia,serif;margin:8px 0}.gr-card p{font-size:12px;color:#7e7169;line-height:1.5}.gr-card strong{display:block;margin:14px 0}.gr-card button{font:12px Arial,sans-serif;background:#302a2c;color:#fff;padding:11px 15px;border:0;border-radius:5px;cursor:pointer}.gr-card details{font-size:12px;margin:10px 0}.gr-card summary{cursor:pointer}.grout-picker{font:14px/1.5 Arial,sans-serif;color:#302a2c;background:#fffdf9;border:1px solid #e5dcd3;border-radius:14px;padding:24px;box-shadow:0 7px 26px #4a362008;margin-top:18px}.gr-page .grout-picker{margin-top:0}.gp-title{display:flex;gap:14px;align-items:center;margin-bottom:20px}.gp-title>svg{width:30px;height:35px;color:#ad5674;flex-shrink:0}.gp-title h3{font:400 25px/1.15 Georgia,serif;margin:0 0 5px}.gp-title p{font-size:12px;color:#82766c;margin:0}.gp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gp-fields label,.gp-order label{display:grid;gap:6px;font:12px/1.4 Arial,sans-serif;color:#75665e}.gp-fields select,.gp-order input{width:100%;min-height:44px;margin:0;padding:10px 12px;background:#faf7f2;border:1px solid #ddd3c9;border-radius:6px;color:#302a2c;font:14px Arial,sans-serif}.gp-palette{margin:18px 0;border:1px solid #e5dcd3;border-radius:8px;overflow:hidden}.gp-palette summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:14px;font-size:12px;list-style:none}.gp-palette summary::-webkit-details-marker{display:none}.gp-palette summary span:last-child{color:#a05c73;flex-shrink:0}.gp-search{display:block;padding:0 12px 12px}.gp-search input{box-sizing:border-box;width:100%;margin:0;padding:11px 13px;font:14px Arial,sans-serif;border:1px solid #ded7d0;background:#fffdf9;border-radius:6px;box-shadow:0 3px 10px #302a2c08;outline:none}.gp-search input:focus-visible{border-color:#a39589;box-shadow:0 0 0 3px #a3958920}.gp-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;padding:0 12px 14px;max-height:390px;overflow:auto;align-items:start}.gp-swatches button{border:1px solid transparent;border-radius:7px;background:transparent;padding:6px;color:inherit;cursor:pointer;text-align:center;transition:box-shadow .2s,transform .2s}.gp-swatches button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #302a2c12}.gp-swatches button[aria-pressed=true]{border-color:#b1788c;box-shadow:0 0 0 2px #b1788c20;background:#f6edf0}.gp-swatches i{display:block;aspect-ratio:1.5;border-radius:4px;border:1px solid #00000012;margin-bottom:6px}.gp-swatches strong{display:block;font:600 12px Arial,sans-serif}.gp-swatches small{display:block;font:10px/1.3 Arial,sans-serif;color:#75665e;margin-top:4px}.gp-selected{display:flex;align-items:center;gap:12px;margin:16px 0}.gp-chip{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #00000012;border-radius:9px;background:#eee7df}.gp-chip svg{width:24px;height:24px;color:#9b7d6a}.gp-selected strong,.gp-selected small{display:block}.gp-selected strong{font-size:14px}.gp-selected small{font-size:12px;color:#82766c;margin-top:3px}.gp-selected button{margin-left:auto;font:11px Arial,sans-serif;padding:8px 10px;border:1px solid #ded3ca;border-radius:5px;background:transparent;color:inherit;cursor:pointer}.gp-hint,.gp-status{font-size:11px;line-height:1.5;color:#82766c}.gp-order{border-top:1px solid #e8dfd7;margin-top:18px;padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.gp-order label{max-width:90px}.gp-order label[hidden]{display:none}.gp-order strong{font-size:18px;font-weight:500}.gp-add{grid-column:1/-1;width:100%;min-height:44px;border:0;border-radius:6px;background:#302a2c;color:#fff;font:13px Arial,sans-serif;cursor:pointer}.gp-add:disabled{opacity:.5;cursor:default}.gp-catalog-link{font-size:12px;color:#9c526c}.gp-empty{padding:0 15px 15px}.gp-status:empty{display:none}.gp-swatches [hidden]{display:none!important}.gr-card:target{outline:2px solid #b1788c;outline-offset:4px}
@media(prefers-color-scheme:dark){.gr-page,.grout-picker{color:#e9e1d9}.grout-picker,.gr-card{background:#282624;border-color:#48403a}.gp-fields select,.gp-order input,.gp-search input,.gr-filters select{background:#302d29;color:#ece3db;border-color:#51473f}.gp-selected small,.gp-hint,.gp-status,.gp-title p,.gr-card p,.gr-intro p{color:#bdb0a6}.gr-note{background:#36302c}.gp-add,.gr-card button{background:#ece3db;color:#282624}.gp-swatches button[aria-pressed=true]{background:#503a44}.gr-card-image{background:#e9e3dc}.gp-swatches small{color:#baaea5}}
@media(max-width:1000px){.gr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gr-palette-layout{grid-template-columns:minmax(0,1fr) 250px}.gr-hero{min-height:360px}}
@media(max-width:700px){.gr-page{padding-top:18px}.gr-hero{min-height:340px;border-radius:12px}.gr-hero h1{font-size:42px}.gr-palette-layout{display:block}.gr-note{position:static;margin-top:18px;padding:22px}.gr-intro{display:block}.gr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gr-card-body{padding:13px}.gr-card-image{height:150px}.gr-card h3{font-size:17px}.grout-picker{padding:17px}.gp-selected{gap:8px}.gp-selected button{padding:8px 6px}.gp-title h3{font-size:22px}.gp-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.gr-filters label{flex:1;min-width:120px}.gr-hero:after{background:linear-gradient(90deg,#1a1917c9,#1a191748)}}
@media(prefers-reduced-motion:reduce){.gr-card,.gp-swatches button{transition:none;transform:none!important}}

@media(prefers-color-scheme:dark){.gr-page{background:#211e1c}}

/* Series-aware selection. */
.gp-fields{grid-template-columns:1fr 1.3fr .8fr}.gp-fields label{min-width:0}.gp-rate{display:grid;gap:7px;font-size:12px;margin:14px 0}.gp-rate[hidden]{display:none}.gp-rate input{width:100%;padding:12px;border:1px solid #ddd3c9;border-radius:6px;background:#faf7f2;color:#302a2c;font:14px Arial,sans-serif}.gp-rate small{font-size:11px;color:#82766c}.gr-series .gr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gr-series-link{display:inline-block;color:#9c526c;padding:8px 0;font-size:13px}.gr-series{padding-top:16px}#palette{scroll-margin-top:110px}
@media(max-width:700px){.gp-fields{grid-template-columns:1fr 1fr}.gp-fields label:nth-child(2){grid-column:1/-1;grid-row:2}.gr-series .gr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-color-scheme:dark){.gp-rate input{background:#302d29;color:#ece3db;border-color:#51473f}.gr-series-link{color:#e3a4bd}}

.gr-card-image:has(img[src="/grout-images/ceresit-ce40-white.webp"]){background:#fff;overflow:hidden}.gr-card img[src="/grout-images/ceresit-ce40-white.webp"]{mix-blend-mode:normal;padding:0;transform:scale(1.5)}