#dokular .doku-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}#dokular .stone-finishes .doku-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}#dokular .doku-swatch{width:100%;min-width:0;text-align:center}#dokular .doku-swatch>span:last-child{font-size:14px;max-width:150px;line-height:1.45}#dokular .stone-finishes .doku-swatch-image{border-radius:12px;width:78px;height:65px;padding:4px}#dokular .stone-finishes .doku-swatch-image img{border-radius:8px;object-fit:contain;background:#f5f4f0}#dokular .doku-large.natural-texture{background:#f5f4f0}#dokular .doku-large.natural-texture>img{object-fit:contain;padding:65px 35px 100px}#dokular .doku-detail h3{font-size:clamp(26px,2.4vw,36px);line-height:1.15}#dokular .doku-controls{min-width:0}@media(max-width:560px){#dokular .doku-large.natural-texture>img{padding:32px 30px 80px}#dokular .doku-swatch>span:last-child{font-size:14px}}

#dokular .doku-large.natural-texture{background:#bfbfbf}#dokular .doku-large.natural-texture>img{max-width:430px;margin-inline:auto;padding:42px 30px 90px}#dokular .stone-finishes .doku-swatch-image img{background:#bfbfbf}.lightbox.finish-lightbox{width:min(570px,94vw);background:#bfbfbf}.lightbox.finish-lightbox>img{max-width:387px;max-height:70svh;width:calc(100% - 60px);margin:50px auto 20px;object-fit:contain}.lightbox.finish-lightbox>p{background:var(--paper);color:var(--ink)}

/* Natural stone selectors match the SPC circles; the selected sample stays on white. */
#dokular .stone-finishes .doku-swatch-image{width:58px;height:58px;border-radius:50%;padding:4px}
#dokular .stone-finishes .doku-swatch-image img{border-radius:50%;object-fit:cover;background:#fff}
#dokular .doku-large.natural-texture,.lightbox.finish-lightbox{background:#fff}
@media(max-width:560px){#dokular .stone-finishes .doku-swatch-image{width:52px;height:52px}}

#dokular .doku-large.natural-texture>img{width:100%;max-width:none;height:100%;margin:0;padding:0;object-fit:contain;background:#fff}
.lightbox[open]{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;background:#fff;color:var(--ink);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.lightbox>img,.lightbox.finish-lightbox>img{flex:1;min-height:0;width:100%;max-width:100%;max-height:calc(100dvh - 90px);object-fit:contain;margin:0;padding:20px 55px}
.lightbox>p,.lightbox.finish-lightbox>p{flex-shrink:0;width:100%;padding:15px 6%;background:#fff;color:var(--ink);font-size:15px;text-align:center}
@media(max-width:560px){.lightbox>img,.lightbox.finish-lightbox>img{padding:50px 8px 10px}.lightbox>p{font-size:13px}}

/* Circle selectors show only the central stone texture, never the studio backdrop. */
#dokular .stone-finishes .doku-swatch-image{padding:0;overflow:hidden;background:transparent}
#dokular .stone-finishes .doku-swatch-image img{width:100%;height:100%;max-width:none;border-radius:0;object-fit:cover;transform:scale(2.8);transform-origin:center;background:transparent}

#dokular .doku-large.natural-texture>img{height:calc(100% - 64px);object-fit:contain}