.product-color-selector{margin:24px 0;padding:22px;border:1px solid #d7e2ec;border-radius:20px;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:0 12px 35px #0b2f570d}.product-color-selector__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.product-color-selector__head h2{margin:.15rem 0 .35rem;font-size:clamp(1.35rem,2.6vw,1.8rem)}.product-color-selector__head p{margin:0;color:#52677d}.product-color-selector__head output{display:flex;align-items:center;gap:9px;min-width:190px;padding:10px 13px;border:1px solid #c9d8e6;border-radius:999px;background:#fff;color:#0b2f57}.product-color-selector__head output i,.cart-color-choice i{width:24px;height:24px;flex:0 0 24px;border:2px solid #fff;border-radius:50%;background:var(--product-color,var(--cart-color,#fff));box-shadow:0 0 0 1px #9eb0c1}.product-color-search{display:grid;gap:6px;margin:18px 0 12px;font-weight:800}.product-color-search input{width:100%;min-height:45px;padding:10px 13px;border:1px solid #c9d8e6;border-radius:12px;background:#fff;font:inherit}.product-color-families{display:grid;gap:9px;margin-top:17px}.product-color-family{border:1px solid #d9e3ec;border-radius:14px;background:#fff;overflow:hidden}.product-color-family summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;font-weight:850;color:#0b2f57}.product-color-family summary small{color:#6a7c8f}.product-color-swatches{display:grid;grid-template-columns:repeat(8,minmax(58px,1fr));gap:13px;padding:7px 14px 17px}.product-color-swatch{position:relative;display:grid;justify-items:center;align-content:start;gap:7px;min-width:0;text-align:center;cursor:pointer;font-size:.74rem;font-weight:750;color:#243b53}.product-color-swatch input{position:absolute;opacity:0;pointer-events:none}.product-color-swatch__circle{display:block;width:44px;height:44px;border:3px solid #fff;border-radius:50%;background:var(--product-color);box-shadow:0 0 0 1px #b8c7d5,0 5px 13px #0b2f5720;transition:transform .16s ease,box-shadow .16s ease}.product-color-swatch:hover .product-color-swatch__circle,.product-color-swatch:focus-within .product-color-swatch__circle{transform:translateY(-2px);box-shadow:0 0 0 2px #0b2f57,0 7px 15px #0b2f5726}.product-color-swatch.is-selected .product-color-swatch__circle{box-shadow:0 0 0 3px #d92131,0 7px 15px #0b2f5726;transform:scale(1.08)}.product-color-swatch.is-selected>span:last-child{color:#b51224}.product-color-disclaimer{margin:15px 0 0;padding:11px 13px;border-radius:11px;background:#eef5fa;color:#52677d;font-size:.82rem}.cart-color-choice{display:flex!important;align-items:center;gap:7px;margin-top:6px;color:#0b2f57;font-size:.8rem;font-weight:800}.cart-color-choice i{width:18px;height:18px;flex-basis:18px}
.product-media-gallery__stage{position:relative}.product-media-color-choice{position:absolute;left:14px;bottom:14px;z-index:4;display:flex;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:9px 12px;border:1px solid #d1dce6;border-radius:999px;background:#fffffff0;color:#0b2f57;box-shadow:0 8px 22px #0b2f5724;backdrop-filter:blur(8px)}.product-media-color-choice i{width:25px;height:25px;flex:0 0 25px;border:2px solid #fff;border-radius:50%;background:var(--product-color);box-shadow:0 0 0 1px #9eb0c1}
.admin-color-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.admin-color-stats{display:flex;gap:10px;flex-wrap:wrap}.admin-color-stat{min-width:105px;padding:12px;border-radius:13px;background:#eef5fa;text-align:center}.admin-color-stat strong{display:block;font-size:1.45rem;color:#0b2f57}.admin-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-palette-card{padding:18px;border:1px solid #d8e3ed;border-radius:16px;background:#fff}.admin-palette-swatches{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.admin-palette-swatch{display:block;aspect-ratio:1;border:2px solid #fff;border-radius:50%;background:var(--admin-color);box-shadow:0 0 0 1px #b7c6d4}.admin-color-rule{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.3fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #e4ebf1}.admin-color-rule:last-child{border-bottom:0}.admin-color-rule code{display:block;margin-top:4px;white-space:normal}.admin-color-override{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
@media(max-width:900px){.product-color-swatches{grid-template-columns:repeat(6,minmax(50px,1fr))}.admin-color-grid{grid-template-columns:1fr}.admin-color-rule{grid-template-columns:1fr}.admin-color-override{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.product-color-selector{padding:16px}.product-color-selector__head{display:grid}.product-color-selector__head output{min-width:0;width:100%}.product-color-swatches{grid-template-columns:repeat(4,minmax(46px,1fr));gap:14px 8px}.product-color-swatch__circle{width:39px;height:39px}.admin-color-override{grid-template-columns:1fr}}