.variant-picker{padding:24px;background:#f6efeb;border:1px solid #e8d8d2;border-radius:20px;margin-bottom:30px}.variant-picker h3{font-size:26px;margin:8px 0}.variant-group{border:0;padding:0;margin:24px 0 0;min-width:0}.variant-group legend{width:100%;font-weight:600;font-size:15px;margin-bottom:12px}.variant-group legend span{float:right;font-size:12px;color:#8a3048;font-weight:400}.variant-tiles{display:flex;gap:10px;flex-wrap:wrap}.variant-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:100px;max-width:160px;flex:1 1 100px;border:1px solid #dfcfca;border-radius:12px;background:#fffcf9;padding:12px;color:#352d2b;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.variant-tile strong{font-size:14px;overflow-wrap:anywhere}.variant-tile small{font-size:11px;color:#796d66}.variant-tile:hover{border-color:#86233c;transform:translateY(-2px)}.variant-tile[aria-pressed=true]{border-color:#86233c;box-shadow:0 0 0 2px #86233c;background:#fff7f6}.variant-tile:focus-visible{outline:3px solid #86233c;outline-offset:4px}.variant-thumb{width:100%;height:85px;overflow:hidden;border-radius:8px}.variant-thumb img,.variant-thumb .product-art{width:100%;height:100%;object-fit:cover}.variant-group.enhanced .variant-select-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.variant-group.needs-choice{outline:2px solid #86233c;outline-offset:8px;border-radius:8px}.variant-option-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;border:1px solid #e5d9d3;padding:18px;border-radius:12px;margin:14px 0;background:#fffdfa}.variant-option-row>label:nth-child(4){grid-column:1/-1}.variant-option-row>button{grid-column:1/-1;justify-self:end;color:#86233c}.variation-editor{border-radius:16px}.variant-option-row input{min-width:0}.variant-option-row label{min-width:0}@media(max-width:760px){.variant-picker{padding:18px}.variant-option-row{grid-template-columns:1fr 1fr}.variant-option-row>label:first-child{grid-column:1/-1}.variant-tile{min-width:85px}.variant-group legend span{float:none;display:block;margin-top:5px}}@media(prefers-reduced-motion:reduce){.variant-tile{transition:none}.variant-tile:hover{transform:none}}