/* CHROMD 315-piece import (29 Oct 2026) */
.x-grid[hidden]{display:none}
.x-cprice{text-align:center}
@media (min-width:1181px){.x-cats{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}}
.x-pp-t{font:500 16px/1.2 var(--sans)}
.x-refprice{margin-top:14px;padding-bottom:14px;border-bottom:1px solid var(--g2);font:400 12.5px/1.5 var(--sans);color:var(--body)}
.x-refprice p{margin:0}
.x-rp-k{font:500 11px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.x-rp-v{font:500 18px/1.3 var(--sans);color:var(--k);margin-top:2px!important}
.x-rp-n{margin-top:4px!important;overflow-wrap:anywhere}
.x-rp-s{margin-top:6px!important;color:var(--mu);font-size:11.5px}
.x-rp-s a,.x-rp-note a{text-decoration:underline}
.x-rp-h{margin:22px 0 6px;font:500 13px/1.3 var(--sans)}
.x-rp-note{font:400 12px/1.5 var(--sans);color:var(--mu)}
.x-rp-list{margin:6px 0;padding-left:18px;font:400 12.5px/1.5 var(--sans);overflow-wrap:anywhere}
.x-rp-list li{margin:4px 0}
.x-info dd{overflow-wrap:anywhere}
.x-all{text-align:center;margin:0 0 clamp(40px,5vw,72px)}
@media (max-width:860px){.x-inset .x-count{margin-top:18px}}
/* v3: currency switcher, clear header over heroes, monotone campaign imagery */
.x-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.x-cur{position:relative;display:inline-flex;align-items:center;margin-right:2px}
.x-cur select{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;color:inherit;font:500 11px/1 var(--sans);letter-spacing:.08em;padding:8px 15px 8px 6px;cursor:pointer}
.x-cur::after{content:'';position:absolute;right:4px;top:50%;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-75%) rotate(45deg);pointer-events:none}
.x-cur select option{color:#111;background:#fff}
.x-cur select:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.x-mcur{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:10px}
.x-cur--m span{font-size:inherit}
.x-cur--m select{font-size:12px;padding-left:8px;border:1px solid var(--g2,#ddd)}
.x-mcur small{font-size:11px;color:#777}
.x-refprice--sm{margin-top:6px}
.x-refprice--sm .x-rp-s{font-size:12px;color:#666}
@media (max-width:600px){.x-tools .x-cur{display:none}}
.x-hdr.is-over:hover:not(.is-open){background:transparent;color:#fff;border-color:transparent}
.x-hdr.is-over.is-over-dark,.x-hdr.is-over.is-over-dark:hover:not(.is-open){color:var(--k)}
.x-film-v,.x-inset-img img,.x-mid-img img,.x-portrait img,.x-wide img,.x-full img,.x-duo img,.cc-frame img,.ph--ai img{filter:grayscale(1)}
/* v4: shop title strip, assurance line, sources note */
.x-strip{padding:clamp(30px,4vw,60px) 20px 6px;text-align:center;display:grid;justify-items:center;gap:10px}
.x-strip h1{font:500 clamp(28px,2.6vw,40px)/1.05 var(--serif);margin:0}
.x-strip .x-strip-s{max-width:52ch;font:400 13px/1.5 var(--sans);color:#555;margin:0}
.x-strip .x-count{margin:4px 0 0}
.x-assure{margin:12px 0 0;font:400 11px/1.5 var(--sans);letter-spacing:.06em;color:#555;text-align:center}
.x-assure a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.x-sources{margin-top:14px;font-size:11px;line-height:1.5;color:#777}
.x-sources a{text-decoration:underline;text-underline-offset:2px}
/* v5: campaign hero (hero-hats): keep the faces and the pendant in frame */
.x-censored.x-camp .x-inset-img img[src*="hero-hats"]{object-position:50% 8%}
@media (max-width:860px){.x-censored.x-camp .x-inset:first-child .x-inset-img:has(img[src*="hero-hats"]){aspect-ratio:3/2}.x-censored.x-camp .x-inset-img img[src*="hero-hats"]{object-position:40% 20%}}
.x-cta--enq{margin-top:10px;width:100%;border:1px solid var(--k)}
/* v6: card reference line, load more, tidier phone cards */
.x-cref{margin-top:4px;padding:0 10px;font:400 11px/1.3 var(--sans);letter-spacing:.04em;color:#777}
.x-sref{display:block;font-size:11px;color:#777}
.x-pg-hide{display:none!important}
.x-more{display:grid;justify-items:center;gap:10px;margin:28px 0 40px;text-align:center}
.x-more[hidden]{display:none}
.x-more-n{font:400 12px/1 var(--sans);color:#666}
.x-more-b{width:auto;min-width:220px;padding:0 28px}
@media (max-width:600px){
  .x-cname{margin-top:10px;padding:0 8px;font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
  .x-cref{padding:0 8px;font-size:10px;margin-top:3px}
  .x-cprice{margin-top:4px;padding:0 8px;font-size:12.5px;font-weight:500}
  .x-card{padding-bottom:18px}
}