/* ZEGAARSHOP COD PRO v4.8.1 — Professional order form */
#qce-v43,#qce-cart-checkout{width:100%;max-width:820px;margin:24px auto;padding:24px;border:1px solid #e8eaee;border-radius:18px;background:#fff;box-sizing:border-box;box-shadow:0 10px 35px rgba(16,24,40,.08);font-family:inherit}
.qce-form-head{text-align:center;margin:-2px 0 22px}
.qce-form-head h3{margin:8px 0 5px;font-size:25px;line-height:1.25;color:#111827}
.qce-form-head p{margin:0;color:#667085;font-size:14px}
.qce-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#fff7d6;color:#8a6200;font-size:12px;font-weight:800}
.qce-section-title{display:flex;align-items:center;gap:9px;margin:20px 0 12px;color:#182230;font-size:15px}
.qce-section-title span{display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;border-radius:50%;background:#111827;color:#fff;font-size:12px;font-weight:800}
.qce-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qce-field{margin:0 0 13px}
.qce-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:700;color:#344054}
.qce-field label span{color:#d92d20}
.qce-field input,.qce-field select{width:100%;height:48px;padding:0 14px;border:1px solid #d0d5dd;border-radius:11px;box-sizing:border-box;background:#fff;color:#101828;font-size:15px;outline:0;transition:border-color .15s,box-shadow .15s}
.qce-field input:focus,.qce-field select:focus{border-color:#111827;box-shadow:0 0 0 3px rgba(17,24,39,.08)}
.qce-field select:disabled{background:#f5f6f8;color:#98a2b3;cursor:not-allowed}
.qce-qty-control{display:flex;align-items:center;max-width:190px;border:1px solid #d0d5dd;border-radius:11px;overflow:hidden;height:48px}
.qce-qty-control button{width:48px;height:100%;border:0;background:#f8f9fb;color:#111827;font-size:22px;cursor:pointer}
.qce-qty-control input{border:0!important;box-shadow:none!important;border-radius:0!important;text-align:center;padding:0!important;height:46px!important}
.qce-summary{margin:18px 0;padding:16px;border:1px solid #eaecf0;border-radius:14px;background:#f8fafc;line-height:1.9}
.qce-summary>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:3px 0;color:#475467;font-size:14px}
.qce-summary b{color:#101828}
.qce-summary .total{margin-top:8px;padding-top:12px;border-top:1px dashed #d0d5dd;font-size:17px;font-weight:800;color:#101828}
.qce-summary .total b{font-size:21px}
#q43-submit,#qcc-submit{width:100%;min-height:56px;padding:9px 18px;border:0;border-radius:13px;background:#f5c400;color:#171717;cursor:pointer;font-size:18px;font-weight:900;box-shadow:0 6px 16px rgba(245,196,0,.22);transition:transform .15s,filter .15s}
#q43-submit:hover,#qcc-submit:hover{filter:brightness(.97);transform:translateY(-1px)}
#q43-submit:disabled,#qcc-submit:disabled{opacity:.65;cursor:wait;transform:none}
#q43-submit span,#qcc-submit span{display:block;line-height:1.1}
#q43-submit small,#qcc-submit small{display:block;margin-top:3px;font-size:11px;font-weight:700;opacity:.65}
.qce-trust{text-align:center;margin:11px 0 0;color:#667085;font-size:12px;line-height:1.7}
.qce-order-desc{margin:9px 0 0;text-align:center;font-size:12px;color:#98a2b3;line-height:1.6}
#q43-msg,#qcc-msg{margin-top:12px;padding:11px 13px;border-radius:10px;font-size:13px}
#q43-msg.ok,#qcc-msg.ok{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}
#q43-msg.err,#qcc-msg.err{background:#fef3f2;color:#b42318;border:1px solid #fecdca}
.qce-v43-warning{padding:12px;background:#fff3cd;border:1px solid #ffe69c;border-radius:10px;margin:15px 0}
.qce-cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px}
.qce-cart-checkout .qce-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qce-cart-checkout .qce-secure{text-align:center;margin-top:12px;font-size:13px;opacity:.75}
.qce-cart-checkout .qce-field{margin-bottom:13px}
.qce-cart-checkout .qce-form-head{margin-bottom:18px}
@media(max-width:650px){
 #qce-v43,#qce-cart-checkout{margin:12px 0;padding:17px 14px;border-radius:15px;box-shadow:0 6px 22px rgba(16,24,40,.07)}
 .qce-form-head h3{font-size:22px}
 .qce-two-col,.qce-cart-checkout .qce-grid{grid-template-columns:1fr;gap:0}
 .qce-field input,.qce-field select{height:50px}
 .qce-qty-control{max-width:100%}
 #q43-submit,#qcc-submit{min-height:58px}
}

/* v4.9 UX layer */
.qce-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 22px;max-width:540px}
.qce-progress-step{display:flex;align-items:center;gap:7px;color:#98a2b3;font-size:11px;font-weight:700;white-space:nowrap}
.qce-progress-step span{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f2f4f7;color:#667085;font-weight:900}
.qce-progress-step.active span{background:#f5c400;color:#171717}
.qce-progress-step.active{color:#344054}
.qce-progress>i{height:1px;flex:1;max-width:70px;background:#eaecf0}
.qce-field{position:relative}
.qce-field input.qce-valid,.qce-field select.qce-valid{border-color:#12b76a;background:#f6fef9}
.qce-field input.qce-invalid,.qce-field select.qce-invalid{border-color:#f04438;background:#fffbfa}
.qce-field .qce-hint{display:block;margin-top:5px;font-size:11px;color:#98a2b3}
.qce-summary{background:linear-gradient(180deg,#fbfcfe,#f7f9fc);border-color:#e4e7ec}
.qce-summary .total{background:#fff;margin:10px -8px -8px;padding:12px 8px;border-radius:10px;border-top:1px solid #eaecf0}
#q43-submit:focus-visible,#qcc-submit:focus-visible{outline:3px solid rgba(245,196,0,.35);outline-offset:2px}
.qce-mobile-sticky{display:none}
@media(max-width:650px){
 body{padding-bottom:76px}
 #qce-v43{margin-bottom:84px}
 .qce-progress{gap:5px;margin-bottom:18px}
 .qce-progress-step{gap:4px;font-size:10px}
 .qce-progress-step span{width:26px;height:26px}
 .qce-progress>i{max-width:35px}
 .qce-mobile-sticky{position:fixed;z-index:99999;display:flex;left:0;right:0;bottom:0;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e4e7ec;box-shadow:0 -8px 25px rgba(16,24,40,.12);backdrop-filter:blur(10px)}
 .qce-mobile-sticky>div{display:flex;flex-direction:column;min-width:90px}
 .qce-mobile-sticky small{font-size:10px;color:#667085;font-weight:700}
 .qce-mobile-sticky strong{font-size:16px;color:#101828;line-height:1.25}
 .qce-mobile-sticky button{flex:1;max-width:220px;min-height:48px;border:0;border-radius:11px;background:#f5c400;color:#171717;font-size:16px;font-weight:900;box-shadow:0 5px 14px rgba(245,196,0,.22)}
}
@media(prefers-reduced-motion:no-preference){
 #q43-submit,#qcc-submit,.qce-mobile-sticky button{transition:transform .15s,box-shadow .15s,filter .15s}
 #q43-submit:hover,#qcc-submit:hover,.qce-mobile-sticky button:hover{box-shadow:0 8px 20px rgba(245,196,0,.28)}
}

/* v4.10 conversion UX */
.qce-mini-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:12px}.qce-mini-trust span{padding:5px 9px;border:1px solid #eaecf0;border-radius:999px;background:#fff;color:#475467;font-size:10px;font-weight:800}.qce-live-status{display:flex;align-items:center;gap:7px;margin:4px 0 10px;padding:9px 11px;border-radius:10px;background:#f8fafc;color:#667085;font-size:11px;font-weight:700}.qce-live-status.ready{background:#ecfdf3;color:#027a48}.qce-dot{width:7px;height:7px;border-radius:50%;background:#98a2b3;flex:0 0 7px}.qce-live-status.ready .qce-dot{background:#12b76a}.qce-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.qce-trust span{white-space:nowrap}.qce-mobile-sticky button:disabled{opacity:.55;cursor:wait}
@media(max-width:650px){.qce-mini-trust{gap:5px}.qce-mini-trust span{font-size:9px;padding:4px 7px}.qce-live-status{margin-top:2px}.qce-form-head p{font-size:13px}.qce-field input,.qce-field select{font-size:16px}}


/* v4.11 PRO polish */
.qce-field label{letter-spacing:.05px}.qce-field input::placeholder,.qce-field select{color:#667085}.qce-field input:not(:placeholder-shown){color:#101828}.qce-field input.qce-valid,.qce-field select.qce-valid{box-shadow:inset 0 0 0 1px rgba(18,183,106,.06)}
.qce-field:focus-within label{color:#101828}.qce-summary{position:relative;overflow:hidden}.qce-summary:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:#f5c400}.qce-summary .total span{font-weight:800}.qce-mobile-sticky button{min-width:150px}.qce-mobile-sticky button:active{transform:scale(.98)}
.qce-submit-note{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:7px;font-size:10px;color:#98a2b3}.qce-submit-note .dot{width:5px;height:5px;border-radius:50%;background:#12b76a}
@media(max-width:650px){#qce-v43{padding:15px 12px}.qce-section-title{margin-top:17px}.qce-field{margin-bottom:11px}.qce-summary{margin-top:14px}.qce-mobile-sticky{padding-left:10px;padding-right:10px}.qce-mobile-sticky strong{font-size:15px}.qce-mobile-sticky button{min-width:145px}}

/* v4.11.1 refinement: keep 4.11 visual identity, improve mobile conversion UX */
.qce-field input.qce-valid,.qce-field select.qce-valid{box-shadow:0 0 0 1px rgba(18,183,106,.10),inset 0 0 0 1px rgba(18,183,106,.04)}
.qce-field input.qce-invalid,.qce-field select.qce-invalid{box-shadow:0 0 0 1px rgba(240,68,56,.08)}
.qce-mobile-sticky button:disabled,#q43-submit:disabled{filter:none;box-shadow:none}
@media(max-width:650px){
 .qce-mobile-sticky{padding-top:8px;gap:10px}
 .qce-mobile-sticky>div{min-width:96px}
 .qce-mobile-sticky button{min-width:0;max-width:none;height:50px}
 .qce-summary .total b{font-size:19px}
}

/* v4.11.7 Mobile Compact — preserve 4.11 visual identity */
@media (max-width:650px){
  #qce-v43,#qce-cart-checkout{margin:8px 0 78px;padding:12px 10px;border-radius:12px}
  .qce-form-head{margin:0 0 12px}
  .qce-form-head h3{font-size:19px;margin:4px 0 3px}
  .qce-form-head p{font-size:11px;line-height:1.35}
  .qce-badge{padding:4px 8px;font-size:10px}
  .qce-progress{margin-bottom:11px;gap:3px}
  .qce-progress-step{gap:3px;font-size:8px}
  .qce-progress-step span{width:22px;height:22px;font-size:10px}
  .qce-progress>i{max-width:22px}
  .qce-section-title{margin:12px 0 7px;gap:6px;font-size:12px}
  .qce-section-title span{width:22px;height:22px;font-size:10px}
  .qce-two-col,.qce-cart-checkout .qce-grid{gap:0}
  .qce-field{margin-bottom:8px}
  .qce-field label{margin-bottom:4px;font-size:11px}
  .qce-field input,.qce-field select{height:42px;padding:0 10px;border-radius:8px;font-size:15px}
  .qce-field .qce-hint{margin-top:3px;font-size:9px;line-height:1.25}
  .qce-qty-control{height:42px;border-radius:8px}
  .qce-qty-control button{width:40px;font-size:19px}
  .qce-qty-control input{height:40px!important}
  .qce-live-status{margin:2px 0 7px;padding:6px 8px;border-radius:8px;font-size:9px}
  .qce-mini-trust{margin-top:7px;gap:4px}
  .qce-mini-trust span{padding:3px 6px;font-size:8px}
  .qce-summary{margin:10px 0;padding:9px;border-radius:10px;line-height:1.45}
  .qce-summary>div{padding:2px 0;font-size:11px}
  .qce-summary .total{margin:5px -4px -4px;padding:8px 5px;font-size:13px}
  .qce-summary .total b{font-size:17px}
  #q43-submit,#qcc-submit{min-height:46px;padding:7px 12px;border-radius:9px;font-size:15px}
  #q43-submit small,#qcc-submit small{font-size:9px;margin-top:2px}
  .qce-trust{gap:6px;margin-top:7px;font-size:9px;line-height:1.4}
  .qce-order-desc{margin-top:5px;font-size:9px;line-height:1.4}
  #q43-msg,#qcc-msg{margin-top:8px;padding:8px 9px;border-radius:8px;font-size:11px}
  .qce-submit-note{margin-top:4px;font-size:8px}
  .qce-mobile-sticky{padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:7px}
  .qce-mobile-sticky>div{min-width:82px}
  .qce-mobile-sticky small{font-size:8px}
  .qce-mobile-sticky strong{font-size:13px}
  .qce-mobile-sticky button{height:43px;min-height:43px;min-width:0;padding:0 12px;border-radius:9px;font-size:14px}
}


/* v4.11.15 — variable-product attributes strictly below product image; manual carrier selection */
.single-product .woocommerce-product-gallery + .variations_form{display:block!important;width:100%;box-sizing:border-box;margin:14px 0 18px;padding:12px;border:1px solid #eaecf0;border-radius:12px;background:#fff;clear:both;}
.qce-variation-anchor{display:flex;flex-direction:column;gap:3px;margin:10px 0;padding:10px 12px;border:1px dashed #d0d5dd;border-radius:10px;background:#f8fafc;font-size:12px}
.qce-variation-anchor strong{font-size:13px;color:#101828}.qce-variation-anchor span{color:#667085}
.single-product .woocommerce-product-gallery + .variations_form .variations{margin:0;width:100%}.single-product .woocommerce-product-gallery + .variations_form .variations select{min-height:42px;border:1px solid #d0d5dd;border-radius:8px;padding:0 10px;width:100%}

/* v4.11.17: variation attributes are always directly below product image */
.single-product .woocommerce-product-gallery + .variations_form.qce-variation-below-image{display:block!important;clear:both!important;width:100%!important;margin:12px 0 18px!important;order:2;}
.single-product .woocommerce-product-gallery + .variations_form.qce-variation-below-image .variations{display:block!important;}
.qce-variation-anchor{position:relative;z-index:1;}

.single-product .woocommerce-product-gallery + .variations_form.qce-variation-below-image{display:block!important;clear:both!important;width:100%!important;margin:12px 0 18px!important;}
/* v4.11.19: COD form is rendered after the product content, never above the product image. */
.single-product .qce-after-product-form{clear:both;width:100%;display:block;position:relative;z-index:1}

/* v4.11.21: COD order form directly under WooCommerce product price. */
.single-product .qce-under-price-form{clear:both;width:100%;display:block;position:relative;z-index:2;margin:12px 0 18px;}
.single-product .qce-under-price-form #qce-v43{margin-top:0;}

/* v4.11.22: exact storefront layout — variation controls below image, COD directly below price. */
.single-product .qce-under-price-form{display:block!important;clear:both!important;width:100%!important;order:initial!important;margin:14px 0 20px!important;}
.single-product .qce-under-price-form .qce-order-form{width:100%;box-sizing:border-box;}
.single-product .woocommerce-product-gallery + .variations_form.qce-variation-below-image{position:relative!important;float:none!important;display:block!important;clear:both!important;width:100%!important;}
/* Carrier identity is merchant-only; no carrier selector is rendered in the public form. */
.qce-order-form .qce-carrier-selector,.qce-order-form [data-carrier],.qce-order-form .carrier-name{display:none!important;}