.variant-image-selector{width:100%;display:flex;flex-direction:column;gap:1rem}.variant-image-wrap{position:relative;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#ffffff;border:1px solid #efece5;box-shadow:0 24px 60px -18px rgba(0,0,0,.18)}.variant-image-layer{position:absolute;inset:0;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.variant-image-layer.active{opacity:1;pointer-events:auto}.variant-pills{display:flex;gap:.5rem;justify-content:center}.variant-pill{font-family:var(--font-body,sans-serif);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.45);background:transparent;border:1px solid rgba(0,0,0,.15);padding:.5rem 1.2rem;border-radius:2px;cursor:pointer;transition:color .3s ease,border-color .3s ease,background-color .3s ease}.variant-pill:hover{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.3)}.variant-pill.active{color:var(--accent-color,#c9a84c);border-color:var(--accent-color,#c9a84c);background:rgba(201,168,76,.08)}@media (max-width:960px){.variant-image-wrap{max-width:400px;margin:0 auto}}