.collection-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.collection-filters button{font:inherit;min-height:44px;padding:10px 20px;border:1px solid #bfc1b6;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}.collection-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.collection-filters span{font-size:10px;margin-left:8px;opacity:.7}.collection[hidden]{display:none}.collections .swatch{height:300px;background-color:var(--sample)}.swatch.sheer{background:repeating-linear-gradient(90deg,#fff7 0%,#fff2 5%,#0002 8%,#fff6 13%),linear-gradient(0deg,#b2a38f33,#fff6),var(--sample)}.swatch.drape,.swatch.velvet{background:repeating-linear-gradient(90deg,#0003 0%,#fff1 7%,#fff4 12%,#0005 20%,#0002 24%),var(--sample)}.swatch.velvet{background:repeating-linear-gradient(90deg,#0008 0%,#fff1 9%,#fff3 13%,#0006 21%),var(--sample)}.swatch.woven{background:repeating-linear-gradient(90deg,#fff3 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 4px),var(--sample)}.swatch.stripe{background:repeating-linear-gradient(90deg,#fff5 0 24px,#0002 24px 27px,#fff2 27px 50px),var(--sample)}.swatch.pattern{background:repeating-linear-gradient(45deg,transparent 0 25px,#fff3 25px 27px,transparent 27px 50px),repeating-linear-gradient(-45deg,transparent 0 25px,#0002 25px 27px,transparent 27px 50px),var(--sample)}.swatch.plain{background:linear-gradient(125deg,#fff5,transparent 55%,#0002),var(--sample)}.swatch.roller{background:repeating-linear-gradient(0deg,#fff7 0 28px,#0002 28px 56px),var(--sample)}.swatch.pleat{background:repeating-linear-gradient(0deg,#fff4 0 10px,#0003 10px 12px,#fff1 12px 23px),var(--sample)}.swatch.vertical-fabric{background:repeating-linear-gradient(90deg,#fff4 0 35px,#0003 35px 39px,#fff1 39px 70px),var(--sample)}.colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;margin:25px 0}.colors .color{display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;width:auto;height:auto;min-height:70px;border:1px solid transparent;outline:0;border-radius:8px;padding:9px 3px;color:var(--ink);font:10px/1.3 Arial,sans-serif;cursor:pointer}.tone-dot{width:30px;height:30px;display:block;border-radius:50%;background:var(--color);box-shadow:inset 0 0 0 1px #0002}.colors .color.active{outline:0;background:#ffffff70;border-color:#626a55}.colors .color:hover{background:#ffffff50}.palette-contact{margin-top:10px}.palette-text{min-width:0}.dialog-fabric.swatch{height:170px}.collection:focus-visible,.color:focus-visible,.collection-filters button:focus-visible{outline:2px solid #405c4d;outline-offset:4px}@media(max-width:700px){.collections .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.collections .swatch{height:220px}.collection .card-caption{gap:8px}.collection h3{font-size:16px;line-height:1.3}.collection .card-caption p{font-size:10px;line-height:1.5}.collection-filters button{padding:9px 13px;font-size:12px}.colors{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-fabric{height:280px}.palette-text{padding:30px 20px}}@media(max-width:360px){.collections .cards{grid-template-columns:1fr}.colors{grid-template-columns:repeat(3,minmax(0,1fr))}}