.reserved-link{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:0;padding:4px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.reserved-link:focus-visible,.colors-close:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
#reserved-colors{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid #082b4229;background:var(--cream);color:var(--navy);box-shadow:0 20px 80px #0005;overflow-y:auto}
#reserved-colors::backdrop{background:rgba(8,27,43,.65)}
.colors-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.colors-header h2{font:500 1.7rem/1.1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--wine);margin:0}
.colors-close{font:400 1.8rem/1 Arial,sans-serif;flex-shrink:0;width:44px;height:44px;cursor:pointer;border:0;background:transparent;color:var(--navy)}
#reserved-colors-description{font-size:1rem;line-height:1.5;margin:12px 0 24px}
.colors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.color-swatch{height:86px;border:1px solid #082b421c;margin-bottom:10px}
.color-card span{font-size:.875rem;font-weight:500;line-height:1.4;display:block}
.pastel-swatches{display:flex}.pastel-swatches i{flex:1}
.colors-note{font-size:.8125rem;line-height:1.5;color:#52616b;margin:24px 0 0}
html.colors-open{overflow:hidden}
@media(max-width:360px){#reserved-colors{padding:18px}.colors-grid{gap:20px 12px}}

.floral-card{grid-column:1 / -1}.floral-card .color-swatch{display:block;width:100%;object-fit:cover;object-position:center}.floral-card small{font-size:.8125rem;color:#52616b;font-weight:400}