/* Cash-on-delivery preview, ready to rebuild with WooCommerce checkout fields. */
.cod-product-dialog{width:min(1120px,calc(100vw - 40px))}
.cod-product-dialog::backdrop,.cod-checkout-dialog::backdrop{backdrop-filter:none}
.cod-product-dialog>.dialog-close{position:sticky;top:12px;right:auto;display:block;margin:12px 12px -56px auto}
.cod-product-dialog .product-modal-grid{grid-template-columns:.9fr 1.1fr;align-items:start}
.cod-product-dialog .product-modal-grid>.product-art{position:sticky;top:0;height:86svh;min-height:520px;max-height:850px;background-size:contain}
.cod-product-dialog .product-modal-copy{padding:46px 36px 32px}
.cod-product-dialog .product-modal-copy>p{font-size:13px}
.cod-product-dialog .cod-bag-button{min-height:46px;background:transparent;border:1px solid #70411f;color:#ff8d45;font-size:12px;justify-content:center}
.cod-form{margin-top:28px;padding-top:28px;border-top:1px solid #65391f;text-align:left}
.cod-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.cod-heading h3{font-family:var(--display);font-size:42px;line-height:.98;margin:12px 0 0;letter-spacing:-.7px}
.cod-pill{flex-shrink:0;padding:12px 10px;border:1px solid #8d4c22;color:#ff984d;font-size:8px;line-height:1.8;letter-spacing:1.2px;text-align:center}
.cod-intro{color:#d3a080;margin:18px 0!important;font-size:13px!important}
.cod-summary{padding:18px;background:#18110d;border:1px solid #48301e}
.cod-item{display:flex;justify-content:space-between;gap:14px;padding:8px 0}
.cod-item+.cod-item{border-top:1px solid #3d261a}
.cod-item-copy{min-width:0}.cod-item strong{display:block;font-size:13px;color:#ff974e}.cod-item small{display:block;font-size:11px;color:#d6a17e;margin-top:5px}
.cod-item>span{font-size:12px;white-space:nowrap;color:#ff974e}
.cod-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}
.cod-quantity-row label{font-size:12px;color:#d6a17e}
.cod-quantity-row input{width:76px;padding:8px;min-height:44px;background:#080808;border:1px solid #89502a;color:#ff8d45;font:inherit;font-size:15px}
.cod-subtotal-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:18px;padding-top:16px;border-top:1px solid #664022;font-size:13px}
.cod-subtotal-row strong{font-size:24px;font-family:var(--display);letter-spacing:.3px}
.cod-shipping{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#c5997d;margin-top:5px}
.cod-details{border:0;padding:0;margin:25px 0 0;min-width:0}
.cod-details legend{font-size:9px;letter-spacing:1.6px;margin-bottom:18px;color:#ff9c57}
.cod-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.cod-field{min-width:0}.cod-full{grid-column:1/-1}
.cod-field label{display:block;font-size:12px;font-weight:500;color:#f5ba91;margin-bottom:8px}
.cod-field label span{color:#ff6a1a}
.cod-field input,.cod-field textarea{display:block;width:100%;min-height:48px;border:1px solid #69422a;background:#080808;color:#ffd0ae;border-radius:0;padding:12px;font:inherit;font-size:14px;transition:border-color 180ms}
.cod-field textarea{resize:vertical;min-height:88px}
.cod-field input::placeholder,.cod-field textarea::placeholder{color:#a78269}
.cod-field input:focus,.cod-field textarea:focus{border-color:#ff6a1a;outline:2px solid #ff6a1a;outline-offset:2px}
.cod-field [aria-invalid="true"]{border-color:#ffae75}
.cod-field-error{display:block;font-size:11px;line-height:1.5;color:#ffb582;margin-top:5px}
.cod-field-error:empty{display:none}
.cod-payment{display:flex;align-items:flex-start;gap:14px;padding:20px 0}
.cod-payment-icon{font-size:30px;line-height:1.2}
.cod-payment strong{font-size:12px;color:#ff9a53}.cod-payment p{font-size:11px!important;color:#cfa080;line-height:1.65!important;margin:5px 0 0!important}
.cod-preview-note{border-left:2px solid #7c491f;padding:0 0 0 12px;margin-bottom:20px}
.cod-preview-note>span{font-size:8px;letter-spacing:1.6px;color:#dba777}
.cod-preview-note p{font-size:11px!important;color:#bd977c;margin:5px 0 0!important;line-height:1.6!important}
.cod-submit{width:100%;gap:18px;font-size:13px;padding:16px 18px;line-height:1.4}
.cod-submit:disabled{opacity:.55;cursor:not-allowed}
.cod-feedback,.cod-price-warning{color:#ffb17c;font-size:12px!important;line-height:1.6;margin-top:12px}
.cod-feedback:empty{display:none}
.cod-checkout-dialog{width:min(680px,calc(100vw - 24px));padding:45px 38px}
.cod-checkout-dialog>.dialog-close{position:sticky;top:0;right:auto;display:block;margin:-30px -22px -14px auto}
.cod-checkout-dialog h2{font-size:64px;line-height:.95}
.cod-checkout-dialog .cod-form{margin-top:10px}
.cod-checkout-dialog .cod-heading{display:none}
@media(max-width:800px){.cod-product-dialog .product-modal-grid{grid-template-columns:.75fr 1.25fr}.cod-product-dialog .product-modal-copy{padding:48px 24px 26px}.cod-heading h3{font-size:35px}.cod-fields{grid-template-columns:1fr}.cod-pill{font-size:7px;padding:9px}.cod-heading{gap:12px}}
@media(max-width:560px){.cod-product-dialog{width:calc(100vw - 20px)}.cod-product-dialog .product-modal-grid{grid-template-columns:1fr}.cod-product-dialog .product-modal-grid>.product-art{position:static;min-height:0;height:260px;max-height:none;aspect-ratio:auto}.cod-product-dialog .product-modal-copy{padding:24px 20px}.cod-form{margin-top:22px;padding-top:24px}.cod-heading h3{font-size:38px}.cod-summary{padding:14px}.cod-field input,.cod-field textarea{font-size:16px}.cod-submit{font-size:12px}.cod-checkout-dialog{padding:48px 22px 24px}.cod-checkout-dialog h2{font-size:54px}.cod-shipping{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cod-field input,.cod-field textarea{transition:none}}
