/* The accessory collection shares the storefront's ivory / charcoal palette. */
.va-section { padding:clamp(55px,7vw,105px) clamp(20px,5.5vw,90px); color:var(--text,#f3eee5); background:var(--bg,#121210); }
.va-heading { display:flex; justify-content:space-between; gap:35px; align-items:end; margin-bottom:35px; }
.va-eyebrow { color:var(--gold,#c7a66c); font-size:12px; letter-spacing:.15em; margin:0 0 15px; }
.va-heading h2 { font-family:var(--font-serif,Georgia,serif); font-weight:400; font-size:clamp(34px,4vw,58px); line-height:1.25; margin:0; }
.va-heading > p { max-width:440px; color:var(--muted,#a6a196); font-size:15px; line-height:1.85; margin:0; }
.va-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.va-card { min-width:0; display:flex; flex-direction:column; border:1px solid var(--line,#38362e); background:var(--surface,#191916); transition:border-color .2s; }
.va-card.is-selected { border-color:var(--gold,#c7a66c); }
.va-art { position:relative; aspect-ratio:1; flex-shrink:0; overflow:hidden; background:radial-gradient(ellipse at 50% 80%,#37332c,#151513 75%); }
.va-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.va-art img[hidden] { display:none; }
.va-placeholder { position:absolute; inset:0; display:grid; place-items:center; }
.va-placeholder svg { width:43%; height:75%; stroke:#c7a66c; stroke-width:1.3; opacity:.6; }
.va-card-content { padding:23px 18px 18px; display:flex; flex-direction:column; flex:1; }
.va-card h3 { font-size:16px; line-height:1.6; font-weight:500; margin:0 0 10px; min-height:3.2em; }
.va-kind { color:var(--muted,#a6a196); font-size:13px; line-height:1.75; min-height:3.5em; margin:0 0 18px; }
.va-price { display:block; color:var(--gold,#c7a66c); font-size:19px; font-weight:500; margin-top:auto; margin-bottom:20px; }
.va-add { width:100%; min-height:48px; padding:10px 12px; border:1px solid var(--gold,#c7a66c); background:transparent; color:inherit; font:inherit; font-size:13px; text-align:start; display:flex; gap:12px; justify-content:space-between; align-items:center; cursor:pointer; }
.va-add > span { color:var(--gold,#c7a66c); font-size:23px; line-height:1; }
.va-add:disabled { border-color:var(--line,#38362e); color:var(--muted,#a6a196); cursor:default; }
.va-quantity { min-height:48px; display:grid; grid-template-columns:48px 1fr 48px; border:1px solid var(--gold,#c7a66c); text-align:center; align-items:center; }
.va-quantity button { min-height:46px; border:0; background:transparent; color:inherit; font:inherit; font-size:23px; cursor:pointer; }
.va-quantity button:disabled { opacity:.3; cursor:default; }
.va-quantity output { font-size:15px; }
.va-preview-note { font-size:13px; color:var(--muted,#a6a196); line-height:1.8; margin:23px 0 0; padding-inline-start:14px; border-inline-start:1px solid var(--gold,#c7a66c); }
.va-section button:focus-visible { outline:2px solid var(--gold,#c7a66c); outline-offset:3px; }
html[dir="rtl"] .va-eyebrow { letter-spacing:0; }
@media(max-width:1100px) { .va-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { .va-heading { display:block; } .va-heading > p { margin-top:20px; } .va-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .va-card-content { padding:18px 14px 14px; } .va-card h3 { font-size:15px; } .va-add { font-size:13px; } }
@media(max-width:700px) { .va-add,.va-quantity { min-height:68px; } }
@media(max-width:370px) { .va-grid { grid-template-columns:1fr; } .va-card h3,.va-kind { min-height:0; } }
.va-card h3 a{color:inherit;text-decoration:none}.va-product-link{display:inline-flex;gap:10px;align-items:center;margin-top:18px;color:var(--gold,#cfaa70);font-size:12px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.va-product-link:hover{color:var(--text,#fff)}.va-selected-count{font-size:11px;color:var(--muted,#a09b90);margin-top:10px}.va-card .va-art{display:block}.va-card .va-art img{position:relative;z-index:1}