.wb-order { padding-block:36px 65px; --blue:var(--wb-accent,#7b2638); --green:var(--wb-accent,#7b2638); --text-color-secondary:#8a747d; }
.wb-order h1 { font:600 46px/1.1 'Cormorant Garamond',serif; margin:8px 0 0; }
.wb-order .wb-section-head { align-items:center; gap:20px; }
.wb-order__notice { margin:0 0 26px; padding:14px 18px; border:1px solid #ecd7c9; border-radius:10px; background:#fbf0e8; color:#896350; font-size:12px; line-height:1.7; }
.wb-order__layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:26px; align-items:start; }
.wb-order__section { min-width:0; padding:28px; border:1px solid #ecddda; border-radius:18px; background:#fffdfb; box-shadow:0 8px 30px #77433806; }
.wb-order__section-head { display:flex; align-items:center; gap:14px; padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid #ecded8; }
.wb-order__section-head h2 { font:600 30px/1.12 'Cormorant Garamond',serif; margin:0; }
.wb-order .wa-order-cart-wrapper,.wb-order .wa-order-form-wrapper { font-family:'Manrope',sans-serif; font-size:13px; color:#5c3c49; }
.wb-order :is(.wa-order-cart-wrapper,.wa-order-form-wrapper) a { color:var(--wb-accent,#7b2638); }
.wb-order :is(.wa-order-cart-wrapper,.wa-order-form-wrapper) :is(input,select,textarea) { font-family:inherit; font-size:13px; accent-color:var(--wb-accent,#7b2638); }
.wb-order :is(.wa-order-cart-wrapper,.wa-order-form-wrapper) input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.wb-order .wa-order-form-wrapper select,.wb-order .wa-order-form-wrapper textarea { border:1px solid #dac6ca; border-radius:7px; background:#fff; color:#573745; box-shadow:none; }
.wb-order :is(.wa-order-cart-wrapper,.wa-order-form-wrapper) :is(input,select,textarea):focus { outline:none; border-color:#ac7989; box-shadow:0 0 0 3px #e9d5dc65; }
.wb-order .wa-order-form-wrapper input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.wb-order .wa-order-form-wrapper select { min-height:42px; padding:9px 11px; box-sizing:border-box; }
.wb-order .wa-order-cart-wrapper input[type=text] { min-height:34px; }
.wb-order .wa-order-form-wrapper .wa-step-section { border-color:#ecded8; }
.wb-order .wa-order-form-wrapper .wa-step-section .wa-step-header .wa-header { color:#653d4d; }
.wb-order :is(.wa-order-cart-wrapper,.wa-order-form-wrapper) .wa-button,.wb-order .wa-order-form-wrapper input[type=submit] { border:1px solid var(--wb-accent,#7b2638); border-radius:8px; background:var(--wb-accent,#7b2638); color:#fff; box-shadow:none; text-shadow:none; font:600 13px/1.4 'Manrope',sans-serif; padding:11px 17px; min-height:40px; cursor:pointer; }
.wb-order :is(.wa-order-cart-wrapper,.wa-order-form-wrapper) .wa-button:is(.outlined,.js-increase,.js-decrease) { background:#faf0ed; color:var(--wb-accent,#7b2638); border-color:#e2cbd1; }
.wb-order .wa-order-cart-wrapper .wa-button:is(.js-increase,.js-decrease) { padding:7px; min-width:30px; min-height:30px; }
.wb-order :is(.wa-order-cart-wrapper,.wa-order-form-wrapper) .wa-button:disabled { opacity:.45; cursor:default; }
.wb-order .wa-order-cart-wrapper .wa-product-name { font-weight:600; line-height:1.55; }
.wb-order .wa-order-cart-wrapper .wa-product-price { color:var(--wb-accent,#7b2638); }
.wb-order #wa-order-cart-wrapper .wa-column-image { width:88px; }
.wb-order #wa-order-cart-wrapper .wa-image-section { width:72px; }
.wb-order #wa-order-cart-wrapper .wa-image-section img { display:block; width:72px; height:94px; max-width:none; object-fit:cover; border-radius:7px; }
.wb-order #wa-order-cart-wrapper .wa-sku { display:block; margin:6px 0; color:#947a86; font-size:11px; }
.wb-order #wa-order-form-wrapper .wa-type-wrapper { border-radius:10px; border:1px solid #e5cfd4; background:#fffaf7; padding:13px; }
.wb-order #wa-order-form-wrapper .wa-type-wrapper.is-active { border-color:#ba8a98; background:#f6e8e8; box-shadow:0 0 0 1px #e4c5d0 inset; }
.wb-order #wa-order-form-wrapper .wa-type-wrapper a { color:var(--wb-accent,#7b2638); font-weight:600; }
.wb-order #wa-order-form-wrapper .wa-dropdown-toggle { padding:11px 14px; min-height:40px; border-radius:7px; border:1px solid #ddcbd0; background:#fffaf7; color:#785865; }
.wb-order #wa-order-form-wrapper .wa-delivery-price { color:var(--wb-accent,#7b2638); }
.wb-order #wa-order-form-wrapper .wa-variant-details-section { border-color:#ecddda; }
.wb-order #wa-order-cart-wrapper .wa-quantity-cart-section .wa-section-body { display:flex; align-items:center; justify-content:center; gap:5px; white-space:nowrap; }
.wb-order #wa-order-cart-wrapper .wa-quantity-cart-section .wa-button-wrapper { display:flex; flex:none; margin:0; }
.wb-order #wa-order-cart-wrapper .wa-quantity-cart-section .wa-field-wrapper { flex:0 0 46px; width:46px; margin:0; }
.wb-order #wa-order-cart-wrapper .wa-quantity-cart-section .js-product-quantity { display:block; box-sizing:border-box; width:46px; height:38px; min-height:38px; padding:6px 3px; margin:0; font:500 14px/1.4 'Manrope',Arial,sans-serif; text-align:center; }
.wb-order #wa-order-cart-wrapper .wa-quantity-cart-section .wa-button { display:flex; align-items:center; justify-content:center; gap:4px; flex-wrap:nowrap; width:auto; min-width:40px; height:38px; min-height:38px; margin:0; padding:4px 7px; line-height:1; }
.wb-order #wa-order-cart-wrapper .wa-quantity-cart-section .wa-description { font:500 10px/1.3 'Manrope',Arial,sans-serif; white-space:nowrap; }
.wb-order #wa-order-cart-wrapper .wa-quantity-cart-section .wa-description .wa-step { display:inline; font:inherit; }
.wb-order #wa-order-cart-wrapper .wa-quantity-cart-section .wa-icon-wrapper { line-height:0; }
.wb-order #wa-order-cart-wrapper .js-delete-product { display:inline-flex; align-items:center; gap:5px; color:#9b6c7d; cursor:pointer; }
.wb-order #wa-order-cart-wrapper .js-delete-product .wa-icon.delete { display:none; }
.wb-order #wa-order-cart-wrapper .js-delete-product::before { content:''; width:12px; height:12px; flex:none; background:linear-gradient(45deg,transparent calc(50% - .75px),currentColor calc(50% - .75px),currentColor calc(50% + .75px),transparent calc(50% + .75px)),linear-gradient(-45deg,transparent calc(50% - .75px),currentColor calc(50% - .75px),currentColor calc(50% + .75px),transparent calc(50% + .75px)); }
.wb-order #wa-order-form-wrapper .wa-submit-button { font:600 16px/1.55 'Manrope',Arial,sans-serif; letter-spacing:0; padding:12px 22px; min-height:48px; }
.wb-order #wa-order-form-wrapper .wa-method-wrapper { border-color:#e4cdd3; border-radius:10px; background:#fffaf7; }
.wb-order #wa-order-form-wrapper .wa-method-wrapper.is-active { background:#f6e8e8; border-color:#ba8a98; }
/* Keep native shipping/payment selection and reloads; only arrange their tiles. */
.wb-order__section { container-type:inline-size; }
.wb-order #wa-order-form-wrapper :is(.wa-types-list,.wa-methods-list) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:stretch; margin:12px 0 20px; padding:0; }
.wb-order #wa-order-form-wrapper :is(.wa-type-wrapper,.wa-method-wrapper) { box-sizing:border-box; width:auto; min-width:0; margin:0; padding:14px 12px; vertical-align:top; overflow-wrap:anywhere; }
.wb-order #wa-order-form-wrapper .wa-method { display:block; min-width:0; }
.wb-order #wa-order-form-wrapper .wa-method :is(.wa-checkbox-wrapper,.wa-method-body) { width:auto; min-width:0; margin:0; padding:0; }
.wb-order #wa-order-form-wrapper .wa-method .wa-radio { display:block; width:16px; height:16px; margin:3px 0 0; }
.wb-order #wa-order-form-wrapper .wa-payment-name { margin:0; font-size:13px; line-height:1.55; }
.wb-order #wa-order-form-wrapper .wa-method .wa-description { margin:9px 0 0; font-size:11px; line-height:1.6; }
.wb-order #wa-order-form-wrapper .wa-method-wrapper:focus-within { outline:2px solid #ba8a98; outline-offset:2px; }
@container(max-width:440px) { .wb-order #wa-order-form-wrapper :is(.wa-types-list,.wa-methods-list) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } }
@container(max-width:300px) { .wb-order #wa-order-form-wrapper :is(.wa-types-list,.wa-methods-list) { grid-template-columns:minmax(0,1fr); } }
@media(max-width:550px) { .wb-order #wa-order-cart-wrapper .wa-column-image { width:66px; }.wb-order #wa-order-cart-wrapper .wa-image-section { width:52px; }.wb-order #wa-order-cart-wrapper .wa-image-section img { width:52px; height:70px; } }
.wb-order__empty { text-align:center; padding:60px 20px 80px; border:1px solid #ecddda; border-radius:18px; background:linear-gradient(130deg,#fffaf6,#f7e9e5); }
.wb-order__empty svg { width:64px; height:64px; fill:none; stroke:#af7a88; stroke-width:1.3; }
.wb-order__empty h2 { font:600 38px/1.2 'Cormorant Garamond',serif; margin:22px 0 12px; }
.wb-order__empty p { font-size:14px; color:#8d707c; margin-bottom:25px; }
/* Native checkout dialogs are appended to body, outside .wb-order. */
body .wa-order-dialog { font:14px/1.6 'Manrope',sans-serif; color:#5c3c49; }
body .wa-order-dialog .wa-dialog-background { background:rgba(55,24,37,.46); backdrop-filter:blur(3px); }
body .wa-order-dialog .wa-dialog-body { border:1px solid #e8d3d7; border-radius:18px; background:#fffaf7; box-shadow:0 24px 85px #35122545; }
body .wa-order-dialog .wa-dialog-body .wa-dialog-header { padding:24px 0 20px 26px; border-color:#ecded8; }
body .wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-header { font:600 30px/1.15 'Cormorant Garamond',serif; color:#633a4a; }
body .wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-close-wrapper { color:#926575; padding-inline:20px; font-size:20px; }
body .wa-order-dialog .wa-dialog-body .wa-dialog-content { padding:22px 26px 0; }
body .wa-order-dialog .wa-dialog-body .wa-dialog-footer { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:24px 26px 28px; border-color:#ecded8; }
body .wa-order-dialog .wa-dialog-body .wa-dialog-footer .wa-button { margin:0; padding:11px 19px; min-height:44px; border:1px solid var(--wb-accent,#7b2638); border-radius:8px; background:var(--wb-accent,#7b2638); color:#fff; font:600 13px/1.4 'Manrope',sans-serif; box-shadow:none; text-shadow:none; cursor:pointer; }
body .wa-order-dialog .wa-dialog-body .wa-dialog-footer .wa-button.js-cancel { border-color:#dfc7d0; background:#f5e9e9; color:var(--wb-accent,#7b2638); }
body .wa-order-dialog .wa-dialog-body .wa-dialog-footer .wa-button:focus-visible { outline:2px solid #b78093; outline-offset:3px; }
@media(max-width:550px) { body .wa-order-dialog .wa-dialog-body { border-radius:12px; }body .wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-header { font-size:26px; }body .wa-order-dialog .wa-dialog-body .wa-dialog-header { padding-left:20px; }body .wa-order-dialog .wa-dialog-body .wa-dialog-content { padding-inline:20px; }body .wa-order-dialog .wa-dialog-body .wa-dialog-footer { padding-inline:20px; } }
@media(max-width:1050px) { .wb-order__layout { gap:16px; }.wb-order__section { padding:20px; } }
@media(max-width:850px) { .wb-order__layout { grid-template-columns:1fr; }.wb-order__section { padding:24px; } }
@media(max-width:550px) { .wb-order { padding-block:24px 40px; }.wb-order h1 { font-size:36px; }.wb-order .wb-section-head { flex-direction:column; align-items:flex-start; }.wb-order__section { padding:18px 14px; border-radius:12px; }.wb-order__section-head h2 { font-size:27px; }.wb-order__notice { font-size:11px; padding:12px; }.wb-order__empty { padding:45px 15px; }.wb-order__empty h2 { font-size:31px; } }