.trg-color-strip{border-top:1px solid var(--border);background:var(--paper, #f3f2ee);padding:clamp(40px,4vw,64px) 0}.trg-color-strip__inner{max-width:1480px;margin:0 auto;padding:0 clamp(20px,3vw,40px)}.trg-color-strip__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;flex-wrap:wrap}.trg-color-strip__title-wrap{display:flex;flex-direction:column;gap:6px;min-width:240px}.trg-color-strip__eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--green, #2d4f37);text-transform:uppercase}.trg-color-strip__title{font-family:var(--f-display);font-size:clamp(24px,2.4vw,32px);font-weight:400;letter-spacing:-.005em;color:var(--ink);margin:0;line-height:1.1}.trg-color-strip__title em{color:var(--green, #2d4f37);font-style:italic}.trg-color-strip__swatches{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:4px 2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;max-width:100%}.trg-color-strip__swatches::-webkit-scrollbar{height:4px}.trg-color-strip__swatches::-webkit-scrollbar-thumb{background:var(--border-strong, #a8a398);border-radius:2px}.trg-color-strip__swatch{flex:0 0 auto;display:block;width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:var(--sw, #999);cursor:pointer;padding:0;position:relative;transition:transform .12s ease,box-shadow .12s ease;scroll-snap-align:start;outline:none;text-decoration:none}.trg-color-strip__swatch:hover{transform:scale(1.08);box-shadow:0 0 0 2px #fff9,0 0 0 3px #00000026}.trg-color-strip__swatch:focus-visible{box-shadow:0 0 0 2px var(--paper, #f3f2ee),0 0 0 4px var(--ink)}.trg-color-strip__swatch.is-active{box-shadow:0 0 0 2px var(--paper, #f3f2ee),0 0 0 4px var(--ink)}.trg-color-strip__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}@media(max-width:1500px){.trg-color-strip__grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1100px){.trg-color-strip__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.trg-color-strip__grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media(max-width:540px){.trg-color-strip__grid{grid-template-columns:repeat(2,1fr)}}.trg-color-strip__empty{font-family:var(--f-mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:24px 0;grid-column:1 / -1}
/*# sourceMappingURL=/cdn/shop/t/51/assets/trg-color-strip.css.map */