.product-variants{min-width:0;padding:0 0 16px;border-bottom:1px solid #e3e7eb}
.product-variants-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;color:#263a51}
.product-variants-heading>span{font-size:10px;color:#607084}
.product-variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:228px;overflow-y:auto;padding:2px}
.product-variant-grid:has(button:only-child){grid-template-columns:minmax(0,1fr)}
.product-variant-grid button{display:grid;align-content:start;gap:5px;min-width:0;padding:11px;border:1px solid #e0e5eb;border-radius:10px;background:#fff;color:#263a51;text-align:left;font:inherit;font-size:11px;cursor:pointer}
.product-variant-grid button[aria-pressed=true]{border-color:#b28d45;background:#faf7ef;box-shadow:0 0 0 1px #b28d4520}
.product-variant-grid button:disabled{opacity:.55;cursor:not-allowed}
.product-variant-grid button :is(strong,span,small){display:block;overflow-wrap:anywhere;line-height:1.5}
.product-variant-grid button strong{font-size:11px;font-weight:500}
.product-variant-grid button span{font-size:10px;color:#607084}
.product-variant-grid button small{font-size:10px;color:#35705a}
.product-variants-help{margin:9px 0 0;font-size:10px;line-height:1.6;color:#607084}
.product-stock-picker{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;min-width:0}
.product-stock-picker>label{font-size:12px;font-weight:500;color:#263a51}
.product-stock-picker>small{grid-column:1/-1;font-size:10px;line-height:1.5;color:#607084}
.product-quantity-control{display:grid;grid-template-columns:32px 56px 32px;align-items:center;border:1px solid #dce2e9;border-radius:9px;overflow:hidden}
.product-quantity-control button{height:38px;border:0;background:#f7f8fa;color:#263a51;cursor:pointer;font-size:17px}
.product-quantity-control button:disabled{opacity:.4;cursor:not-allowed}
:is(#public-product-page,#product-dialog) .product-quantity-control input{width:100%;min-width:0;height:38px;min-height:38px;padding:6px 3px;border:0;border-radius:0;background:#fff;text-align:center;font-size:12px}
.product-promotion-note,.cart-item-discount{margin:0;padding:10px 12px;border:1px solid #c9dfcf;border-radius:9px;background:#f0f8f2;color:#356249;font-size:11px;line-height:1.6}
.product-promotion-note[hidden]{display:none}
.commerce-coupon-form{display:grid;gap:9px;margin:20px 0;padding:18px;border:1px solid #e1d7c1;border-radius:12px;background:#faf8f2}
.commerce-coupon-form>label{font-size:13px;font-weight:500}
.commerce-coupon-form>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.commerce-coupon-form input{flex:1 1 180px;min-width:0;height:42px;padding:10px 12px;border:1px solid #dce2e9;border-radius:8px;background:#fff;font:inherit;font-size:13px;text-transform:uppercase}
.commerce-remove-code{padding:8px;border:0;background:none;color:#607084;text-decoration:underline;cursor:pointer;font:inherit;font-size:11px}
#commerce-coupon-status{margin:0;font-size:12px;line-height:1.6;color:#4a5969}
.commerce-coupon-form>small{font-size:10px;line-height:1.6;color:#607084}
.commerce-coupon-form[hidden]{display:none}
#admin-marketing-promotions-view{min-width:0}
.commerce-admin-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:0 0 18px}
.commerce-admin-head h3{margin:0 0 8px}
.commerce-admin-head p{max-width:760px;margin:0;font-size:12px;line-height:1.7;color:#607084}
.commerce-admin-head>.btn{flex-shrink:0}
.commerce-admin-editor{margin-bottom:22px}
.commerce-admin-editor[hidden]{display:none}
.commerce-editor-heading,.commerce-list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.commerce-editor-heading h4,.commerce-list-heading h4{margin:0}
.commerce-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#commerce-campaign-form label{display:grid;align-content:start;gap:7px;min-width:0;font-size:12px;color:#344459}
#commerce-campaign-form :is(input:not([type=checkbox]),select),.commerce-car-toolbar>input,.commerce-list-heading>input{width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#16273e;font:inherit;font-size:13px}
.commerce-fieldset{margin:22px 0;padding:18px;border:1px solid #e1e6ed;border-radius:12px;min-width:0}
.commerce-fieldset legend{padding:0 6px;font-size:13px;font-weight:500}
.commerce-fieldset>p,.commerce-rule-note{margin:0 0 14px;font-size:11px;line-height:1.7;color:#607084}
.commerce-period-checks{display:flex;flex-wrap:wrap;gap:10px}
#commerce-campaign-form .commerce-period-checks>label,#commerce-campaign-form .commerce-check{display:flex;flex-direction:row;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e1e6ed;border-radius:8px;background:#fafbfc;cursor:pointer}
#commerce-campaign-form input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#b28d45}
.commerce-car-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:12px 0}
.commerce-selection-count{font-size:11px;color:#607084;line-height:1.6}
.commerce-car-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;padding:2px}
#commerce-campaign-form .commerce-car-list>label{display:flex;flex-direction:row;align-items:start;gap:10px;padding:12px;border:1px solid #e1e6ed;border-radius:9px;cursor:pointer}
.commerce-car-list span{display:grid;gap:5px;min-width:0}
.commerce-car-list strong{font-size:12px;font-weight:500}
.commerce-car-list small{font-size:10px;line-height:1.5;color:#607084}
#admin-marketing-promotions-view .commerce-list-heading>input{width:min(100%,320px);max-width:320px;flex:0 1 320px}
.commerce-list-heading h4{flex:1;min-width:120px}
.commerce-campaign-cards{display:grid;gap:12px}
.commerce-campaign-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:16px;border:1px solid #e1e6ed;border-radius:10px}
.commerce-campaign-row>div{display:grid;align-content:start;gap:7px;min-width:0}
.commerce-campaign-row strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}
.commerce-campaign-row :is(small,span){font-size:11px;line-height:1.6;color:#607084}
.commerce-campaign-value{text-align:right;justify-items:end}
.commerce-campaign-value>.btn{margin-top:3px}
.commerce-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:11px;color:#607084}
.commerce-empty{padding:28px 12px;text-align:center;color:#607084;font-size:13px}
#commerce-admin-message,#commerce-admin-status{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
#commerce-admin-status:empty{display:none}
.commerce-rule-note{padding:13px;border-radius:8px;background:#f5f7fa}
:is(.product-variant-grid button,.product-quantity-control button,.commerce-coupon-form input,#admin-marketing-promotions-view button,#admin-marketing-promotions-view input,#admin-marketing-promotions-view select):focus-visible{outline:2px solid #9f7a35;outline-offset:2px}
@media(max-width:1000px){.commerce-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-car-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.commerce-admin-head,.commerce-editor-heading,.commerce-list-heading{align-items:stretch;flex-direction:column;gap:12px}.commerce-form-grid{grid-template-columns:minmax(0,1fr)}.commerce-fieldset{padding:12px}.commerce-car-toolbar{grid-template-columns:1fr 1fr}.commerce-car-toolbar>input{grid-column:1/-1}.commerce-campaign-row{grid-template-columns:minmax(0,1fr)}.commerce-campaign-value{text-align:left;justify-items:start}.commerce-pagination{flex-wrap:wrap}.commerce-coupon-form{padding:14px}#admin-marketing-promotions-view .commerce-list-heading>input{flex:initial;width:100%;max-width:none}}
