.catalog-gallery-shell { position:relative; min-width:0; }
.catalog-card .catalog-gallery { display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; position:relative; aspect-ratio:1; gap:0; border:1px solid #e5d8c5; border-radius:5px; background:#faf7f0; }
.catalog-gallery::-webkit-scrollbar { display:none; width:0; height:0; }
.catalog-card .catalog-slide { display:block; flex:0 0 100%; min-width:0; width:100%; height:100%; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:#faf7f0; scroll-snap-align:start; overflow:hidden; }
.catalog-card .catalog-slide img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; margin:0; padding:0; border:0; background:#faf7f0; }
.catalog-arrow { position:absolute; top:50%; z-index:2; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid #dfd3c3; border-radius:50%; background:#fffdf8ed; color:#632b3b; cursor:pointer; opacity:0; transform:translateY(calc(-50% + 5px)); transition:opacity .2s ease,transform .2s ease,background .2s ease; }
.catalog-arrow--previous { left:12px; } .catalog-arrow--next { right:12px; }
.catalog-arrow svg { width:18px; height:18px; }
.catalog-gallery-shell:hover .catalog-arrow,.catalog-gallery-shell:focus-within .catalog-arrow { opacity:1; transform:translateY(-50%); }
.catalog-arrow:hover { background:#fff; }
.catalog-arrow:focus-visible { opacity:1; outline:2px solid #632b3b; outline-offset:3px; }
.catalog-card .color-variants { display:inline-flex; gap:5px; padding:4px; background:#f1ebe3; border:1px solid #e5dacb; border-radius:999px; width:max-content; max-width:100%; }
.finish-option { display:flex; align-items:center; gap:7px; border:1px solid transparent; background:transparent; color:#6a5951; padding:8px 13px; border-radius:999px; font-family:inherit; font-size:13px; font-weight:500; cursor:pointer; transition:background .2s,border-color .2s; }
.finish-option:before { content:''; width:13px; height:13px; border-radius:50%; border:1px solid #bca573; background:linear-gradient(135deg,#fff6d3,#c39743); }
.finish-option.silver:before { background:linear-gradient(135deg,#fff,#a8afb5); border-color:#adb0b3; }
.finish-option[aria-pressed=true] { background:#fffdf9; border-color:#d4bfa5; color:#632b3b; }
.finish-option:focus-visible { outline:2px solid #632b3b; outline-offset:3px; }
.earring-slider .product-price { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.earring-slider .product-price strong { display:block; line-height:1.5; }
.earring-slider .product-price>span { display:block; line-height:1.6; margin:0; }
@media (prefers-reduced-motion:reduce) { .catalog-arrow,.finish-option { transition:none; } }