/* All Stiles (Oct 2026): Quartz by company on /stone/?view=quartz. Oct 28 (owner's choice, "moving logo band"): a
   full-width real slab photo with a band of company logos gliding across it, then the companies listed below. */
.qd-doors{display:none;margin:6px 0 70px}
body.qd-choose .qd-doors{display:block}
body.qd-choose #stoneCatalogGrid,body.qd-choose .filterbar,body.qd-choose #stoneCatalogEmpty,body.qd-choose .stone-filter-panel{display:none!important}

.qb-stage{position:relative;height:clamp(300px,48vh,500px);margin:0 calc(50% - 50vw);background:#e9e4da var(--qb-bg) center/cover no-repeat;display:flex;align-items:center;overflow:hidden}
.qb-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,242,236,.18),rgba(245,242,236,0) 40%,rgba(29,61,76,.12));pointer-events:none}
.qb-band{position:relative;z-index:1;width:100%;background:rgba(251,250,247,.9);border-top:1px solid rgba(29,61,76,.12);border-bottom:1px solid rgba(29,61,76,.12);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.qb-track{display:flex;align-items:center;width:max-content;animation:qb-glide var(--qb-time,60s) linear infinite}
.qb:hover .qb-track,.qb-band:focus-within .qb-track{animation-play-state:paused}
@keyframes qb-glide{to{transform:translateX(var(--qb-shift,-50%))}}
.qb-logo{display:flex;align-items:center;justify-content:center;height:112px;padding:0 46px;text-decoration:none;opacity:.82;transition:opacity .3s ease,transform .3s ease}
.qb-logo:hover{opacity:1;transform:scale(1.05)}
.qb-logo img{max-height:50px;max-width:190px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.qb-logo span{font-family:'Italiana',serif;font-size:30px;color:#1d3d4c;white-space:nowrap}
.qb-dark img{mix-blend-mode:normal;background:#1d3d4c;padding:10px 16px;border-radius:4px;max-height:58px}

.qb-list{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:34px}
.qb-list li{border-bottom:1px solid #e3dccf}
.qb-list a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:15px 2px 13px;color:#1d3d4c;text-decoration:none}
.qb-name{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:500;line-height:1.1}
.qb-count{font:400 12px 'DM Sans',sans-serif;color:#6f7d80;white-space:nowrap}
.qb-count i{display:inline-block;font-style:normal;margin-left:3px;transition:transform .3s ease}
.qb-list a:hover .qb-name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.qb-list a:hover .qb-count i{transform:translateX(4px)}

.qd-back{display:none;font:500 12px 'DM Sans',sans-serif;letter-spacing:.08em;color:#1d3d4c;text-decoration:none;margin:6px 0 4px}
.qd-back:hover{text-decoration:underline}
body.qd-brand .qd-back{display:inline-block}
.c4-card.qd-off{display:none!important}
@media(prefers-reduced-motion:reduce){.qb-track{animation:none}.qb-band{overflow-x:auto}}
@media(max-width:1023px){.qb-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.qb-stage{height:260px}.qb-logo{height:88px;padding:0 28px}.qb-logo img{max-height:38px;max-width:140px}.qb-list{grid-template-columns:minmax(0,1fr)}.qb-name{font-size:21px}}