.detail-variant{display:grid;gap:8px;margin-bottom:22px}.detail-variant small{text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700;color:var(--ink-soft)}.detail-variant select{width:100%;border:1px solid var(--line);background:#fff;padding:14px 15px;color:var(--ink);font:600 .9rem "DM Sans",sans-serif}.detail-variant select:focus{outline:2px solid rgba(138,84,50,.14);border-color:var(--cedar)}
.detail-variant-picker{display:grid;gap:22px;margin-bottom:24px}.detail-option-group{display:grid;gap:10px}.detail-option-group>small{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:var(--ink-soft)}.detail-option-buttons{display:flex;flex-wrap:wrap;gap:10px}.detail-option-buttons button{min-height:46px;padding:10px 20px;border:1px solid #8d8d8d;border-radius:999px;background:#fff;color:var(--ink);font:600 .9rem "DM Sans",sans-serif;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}.detail-option-buttons button:hover{border-color:var(--ink);transform:translateY(-1px)}.detail-option-buttons button.active{border-color:#151515;background:#151515;color:#fff}.detail-option-buttons button:focus-visible{outline:3px solid rgba(138,84,50,.28);outline-offset:2px}.detail-variant-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:600px){.detail-option-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-option-buttons button{width:100%;padding-inline:12px}}