.flex-variations{padding:22px 0;margin:22px 0;border-top:1px solid var(--line,#dce3ec);border-bottom:1px solid var(--line,#dce3ec)}.variation-editor-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.variation-editor-heading h2{margin:0 0 6px!important}.variation-editor-heading p{font-size:11px;color:var(--muted,#8190a6);margin:0;line-height:1.7}.variation-editor-heading>.button{flex:none}.variation-group{padding:17px;background:#f8fafd;border:1px solid var(--line,#dce3ec);border-radius:10px;margin:0 0 14px}.variation-group>header{display:flex;align-items:center;gap:15px;margin-bottom:16px}.variation-group>header>label{flex:1;min-width:0;margin:0}.variation-group .button{font-size:10px;white-space:nowrap}.variation-option-list{display:flex;flex-direction:column;gap:12px;margin-bottom:13px}.variation-editor-option{position:relative;display:grid;grid-template-columns:minmax(110px,1fr) 90px minmax(130px,1.3fr) 48px;gap:10px;padding:14px 26px 14px 12px;background:#fff;border:1px solid var(--line,#dce3ec);border-radius:8px;align-items:start}.variation-editor-option label{margin:0;font-size:10px;min-width:0}.variation-editor-option label input{margin-top:6px;max-width:100%;min-width:0;font-size:11px}.variation-editor-option input[type=color]{display:block;width:44px;height:35px;padding:3px;border-radius:7px}.variation-editor-option .option-color-control>span{font-size:8px;line-height:1.4;display:block;color:#8291a5;margin-top:4px}.variation-editor-option input[type=file]{font-size:9px;padding:7px;width:100%}.variation-editor-option label small{font-size:8px;color:#8291a5;line-height:1.5;display:block;margin-top:4px}.option-preview{width:45px;height:45px;align-self:center}.option-preview img{width:45px;height:45px;object-fit:contain;border-radius:5px;border:1px solid #e3e8ef}.variation-editor-option .option-image-remove{grid-column:3/-1;display:flex;align-items:center;gap:6px;font-size:9px}.option-image-remove input{width:auto!important;margin:0!important}.variation-remove-option{position:absolute;right:7px;top:8px;background:none;border:0;font-size:20px;color:#93a0b3;cursor:pointer}.variation-combo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.variation-combo-heading h3{font-size:13px;margin:0}.variation-combo-heading span{font-size:10px;color:var(--muted)}.variation-table-scroll{max-width:100%;overflow:auto;position:relative}.variation-table-scroll th{font-size:10px;text-align:left;white-space:nowrap}.variation-table-scroll td{vertical-align:middle;font-size:11px}.variation-table-scroll td b{font-weight:500;font-size:11px}.variation-table-scroll td small{display:block;color:#8996a8;font-size:9px}.variation-table-scroll td input{max-width:115px;font-size:11px;margin:0;min-width:70px}.flex-variations [hidden]{display:none!important}
/* A compact, rounded option panel shared by every product layout. */
.flex-product-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin:0;padding:14px 16px;border:1px solid var(--line,#dce3ec);border-radius:12px;background:var(--surface,#fff);box-sizing:border-box;min-width:0}
.flex-product-options fieldset{border:0;padding:0;margin:0;min-width:0;display:block}
.flex-product-options legend{font-size:11px;font-weight:500;margin:0 0 7px;padding:0;color:var(--ink,#213348);line-height:1.4}
.flex-product-options legend>span{color:var(--muted,#8190a6);font-weight:400;margin-left:6px;font-size:10px}
.flex-product-options .flex-option-buttons{display:flex;flex-wrap:wrap;gap:7px}
.flex-product-options .flex-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line,#dce3ec);background:#fff;border-radius:7px;padding:7px 10px;font:inherit;font-size:11px;line-height:1.4;min-height:34px;text-decoration:none;color:inherit;max-width:100%;overflow-wrap:anywhere;cursor:pointer;box-sizing:border-box}
.flex-product-options .flex-option.selected{border-color:var(--accent,#5618ff);background:color-mix(in srgb,var(--accent,#5618ff) 4%,white);box-shadow:0 0 0 1px var(--accent,#5618ff)}
.flex-product-options .flex-option:focus-visible{outline:2px solid var(--accent,#5618ff);outline-offset:3px}
.flex-product-options .flex-option:disabled{opacity:.4;border-style:dashed;cursor:not-allowed}
.option-swatch{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;border:1px solid #00000020}
.variation-purchase-notice{padding:12px 15px;border:1px solid var(--line,#dce3ec);border-radius:8px;background:#f8fafd;font-size:12px;margin:10px 0}
.flex-product-options .flex-selection-summary{grid-column:1/-1;font-size:10px;line-height:1.5;color:var(--muted,#8190a6);margin:0;padding-top:9px;border-top:1px solid var(--line,#dce3ec)}
.product-design .compact-options:has([data-product-variations]){display:block;align-self:stretch;padding:0;border:0;background:none;min-height:0}
.product-design .product-core-summary:has([data-product-variations])>.compact-order{margin-top:0}
.product-design .product-core-summary:has([data-product-variations]){justify-content:flex-start}
.option-image-control{min-width:0;font-size:10px}
.option-image-control>span{display:block;margin-bottom:6px}
.variation-editor-option .variation-upload-label{padding:9px 10px;font-size:10px;border-radius:7px;gap:7px;min-height:36px;box-sizing:border-box}
.variation-editor-option .variation-upload-label svg{width:15px;height:15px;flex:none}
.variation-editor-option .variation-upload-label input{margin:0;padding:0;height:100%;font-size:11px}
.option-image-control small{font-size:8px;color:#8291a5;line-height:1.5;display:block;margin-top:4px}
.variation-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#product-gallery [hidden]{display:none!important}
@media(max-width:760px){.variation-editor-heading{flex-wrap:wrap}.variation-editor-option{grid-template-columns:minmax(0,1fr) 90px}.variation-editor-option .option-image-control{grid-column:1}.variation-editor-option .option-preview{grid-column:2;grid-row:2;justify-self:start}.variation-editor-option .option-image-remove{grid-column:1/-1}.variation-table-scroll table{min-width:360px}.variation-group{padding:13px}.variation-group>header{gap:9px}.variation-group>header>.button{padding:8px}.flex-product-options .flex-option{min-height:40px;padding:8px 11px}.flex-product-options{gap:12px;padding:13px 14px}}
.legacy-variation-link{border:1px solid var(--line,#dce3ec);border-radius:8px;padding:13px 15px;margin:20px 0}.legacy-variation-link>summary{font-size:11px;font-weight:500;cursor:pointer;color:var(--muted,#8190a6)}.legacy-variation-link[open]>summary{margin-bottom:14px}