/* Collection previews use the same reviewed 3-column, 2-row model atlases. */
.cc-card{background:var(--paper,#fff);border:1px solid var(--line,#e0e4dc);border-radius:var(--radius,4px);overflow:hidden}
.cc-card>.design-card>div{padding:22px 22px 16px}
.cc-card .cc-frame{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--soft,#f3f4ef)}
.cc-card .cc-reference,.cc-card .cc-atlas-slot{position:absolute;inset:0;display:block}
.cc-card .cc-reference[hidden],.cc-card .cc-atlas-slot[hidden],.cc-card .cc-controls[hidden]{display:none!important}
.cc-card .cc-reference picture{display:block;width:100%;height:100%}
.cc-card .cc-reference img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.cc-card .cc-atlas-image{position:absolute;max-width:none;width:300%;height:200%;left:var(--cc-left,0%);top:var(--cc-top,0%);aspect-ratio:auto;object-fit:fill}
.cc-card .cc-frame img,.cc-card a:hover .cc-frame img{transform:none;transition:none}
.cc-card .cc-frame[aria-busy=true]::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.12);pointer-events:none}
.cc-card .cc-colour-caption{font-size:.8125rem;line-height:1.5}
.cc-controls{padding:0 22px 12px}
.cc-controls-label{font-size:.8125rem;line-height:1.5;margin-bottom:10px}
.cc-choice-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:680px}
.cc-choice{display:flex;min-width:0;min-height:64px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:7px 3px;border:1px solid var(--line,#e0e4dc);background:var(--paper,#fff);font:inherit;color:inherit;cursor:pointer}
.cc-choice:hover{border-color:var(--ink,#26322d)}
.cc-choice[aria-pressed=true]{border-color:var(--ink,#26322d);box-shadow:inset 0 0 0 1px var(--ink,#26322d);background:var(--soft,#f3f4ef)}
.cc-choice:disabled{cursor:default;opacity:.6}
.cc-choice:focus-visible{outline:3px solid var(--ink,#26322d);outline-offset:3px}
.cc-swatch{display:flex;width:33px;height:19px;overflow:hidden;border-radius:20px;border:1px solid rgba(0,0,0,.12)}
.cc-swatch i{flex:1}.cc-swatch i:first-child{flex:2}
.cc-swatch-name{font-size:.6875rem;line-height:1.2;white-space:nowrap}
.cc-status{font-size:.75rem;line-height:1.45;min-height:2.9em;margin-top:10px;max-width:60ch}
.cc-card>.design-colour-link{display:inline-flex;min-height:40px;align-items:center;margin:0 22px 8px;font-size:.8125rem}
.cc-card>.comparison-save-action{margin:0;padding:0 22px 18px}
.cc-card .comparison-save-button{font-size:.8125rem}
.comparison-ensemble-item.cc-card{padding:22px}
.comparison-ensemble-item.cc-card>.cc-controls{padding:0;max-width:680px;margin-top:22px}
.comparison-ensemble-item.cc-card>.design-colour-link{margin-inline:0;display:inline-flex}
.comparison-ensemble-item.cc-card>.comparison-save-action{padding:0}
.comparison-ensemble-item.cc-card>[data-design-content]>div{min-width:0;padding:12px 0}
.collection-colour-intro{max-width:740px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line,#e0e4dc)}
.collection-colour-intro h2{font-size:1.125rem;line-height:1.5;letter-spacing:0;margin-bottom:6px}
.collection-colour-intro p{font-size:.875rem;line-height:1.6}
@media(max-width:1080px){.cc-choice-row{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-choice{min-height:59px;flex-direction:row;gap:8px}.cc-swatch{width:30px;height:18px}}
@media(max-width:560px){.cc-card>.design-card>div{padding:18px 16px 14px}.cc-controls{padding:0 16px 8px}.cc-card>.design-colour-link{margin-inline:16px}.cc-card>.comparison-save-action{padding:0 16px 16px}.cc-choice{gap:6px}.cc-swatch-name{font-size:.6875rem}.comparison-ensemble-item.cc-card{padding:16px}.comparison-ensemble-item.cc-card>.cc-controls{margin-top:16px}}
@media(max-width:420px){.cc-choice{flex-direction:column;gap:5px;min-height:62px}}