/* Shopee-like configurable product variant groups v1.0.71 */
.sf-axis-list{display:flex;flex-wrap:wrap;gap:10px}
.variant-option.sf-axis-option{min-width:92px;min-height:38px;padding:7px 12px;background:#fff;border:1px solid #d8d8d8;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#333;cursor:pointer;position:relative}
.variant-option.sf-axis-option:hover{border-color:#ee4d2d;color:#ee4d2d}
.variant-option.sf-axis-option.active{border-color:#ee4d2d;color:#ee4d2d;background:#fff}
.variant-option.sf-axis-option.active::after{content:'✓';position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#ee4d2d;color:#fff;font-size:10px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.variant-option.sf-choice-option img{width:28px;height:28px;border-radius:2px;object-fit:cover}
.sf-axis-option:disabled,.sf-axis-option.is-unavailable{opacity:.38;cursor:not-allowed;text-decoration:line-through;background:#fafafa}
.buybuttons button:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.15)}
.sf-option-row+.sf-option-row{margin-top:10px}

.sf-mobile-options h3{font-size:14px;margin:12px 0 9px}.sf-mobile-options h3:first-child{margin-top:0}
.m-sheet-variants.sf-axis-list{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
.m-sheet-variants .sf-axis-option{min-height:38px;border:1px solid #ddd;background:#fff;border-radius:4px;padding:7px 10px;display:inline-flex;align-items:center;gap:7px;position:relative;color:#333}
.m-sheet-variants .sf-axis-option.active{border-color:#ee4d2d;color:#ee4d2d;background:#fff8f6}
.m-sheet-variants .sf-axis-option.active::after{content:'✓';position:absolute;right:2px;bottom:0;color:#ee4d2d;font-size:10px;font-weight:800}
.m-sheet-variants .sf-choice-option img{width:28px;height:28px;object-fit:cover;border-radius:3px}
.m-sheet-variants .sf-axis-option:disabled{opacity:.35;text-decoration:line-through}
.m-sheet-submit:disabled{opacity:.55;cursor:not-allowed}

@media(max-width:767px){.sf-axis-list{gap:8px}.sf-desktop-product{display:none!important}}