/* Cart/checkout fixes. Keep all product-detail pages outside these scopes. */
body.mbe-cd-page-cart header.fixed-navbar,
body.mbe-cd-page-checkout header.fixed-navbar,
body.mbe-cd-page-complete header.fixed-navbar,
body.mbe-cd-page #jtl-nav-wrapper,
body.mbe-cd-page header:has(#shop-logo) {
    position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
    transform: none !important; z-index: 5; height: auto; min-height: 72px;
}
body.mbe-cd-page header #logo,
body.mbe-cd-page header .toggler-logo-wrapper,
body.mbe-cd-page header .navbar-brand,
body.mbe-cd-page header #shop-logo {
    position: relative !important; inset: auto !important; transform: none !important;
}
body.mbe-cd-page-checkout header { background: #fff; }
body.mbe-cd-page-checkout header #shop-logo { width: 180px; max-width: 100%; height: auto !important; object-fit: contain; }
body.mbe-cd-page .mbe-cd { --mbe-cd-sticky-top: 24px !important; }
.modal.mbe-added-drawer .modal-header { position: relative; padding: 18px 24px !important; min-height: 80px; text-align: left; }
.modal.mbe-added-drawer .modal-header button.mbe-added-close {
    position: relative !important; inset: auto !important; float: none !important;
    flex: 0 0 44px !important; width: 44px !important; height: 44px !important;
    min-width: 44px !important; max-width: 44px !important; min-height: 44px !important; max-height: 44px !important;
    transform: none !important; margin: 0 0 0 auto !important; padding: 0 !important;
    display: block !important; border: 1px solid #dfe3d9; border-radius: 50%; color: #292d28;
    background: #fff; box-shadow: none; opacity: 1; overflow: hidden;
}
.modal.mbe-added-drawer .modal-header button.mbe-added-close::before,
.modal.mbe-added-drawer .modal-header button.mbe-added-close::after {
    content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important;
    right: auto !important; bottom: auto !important; display: block !important; width: 18px !important; height: 2px !important;
    padding: 0 !important; margin: 0 !important; background: currentColor !important; border: 0 !important;
    border-radius: 1px; transform: translate(-50%, -50%) rotate(45deg) !important;
}
.modal.mbe-added-drawer .modal-header button.mbe-added-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; }
.mbe-added-drawer .productbox-title, .mbe-added-drawer dl,
.mbe-cd .cart-items-name, .mbe-cd .checkout-items-name,
.mbe-cd .checkout-shipping-form small, .mbe-cd .checkout-shipping-form .title { text-align: left !important; }
.mbe-cd #fieldset-payment > hr { display: none; }
.mbe-cd #fieldset-payment .checkout-payment-options { margin-left: 0; margin-right: 0; }
.mbe-cd #fieldset-payment .mbe-payment-method { padding: 22px 0; margin: 0; border-bottom: 1px solid #e1e3df; max-width: 100%; }
.mbe-cd #fieldset-payment .mbe-payment-method:first-child { border-top: 1px solid #e1e3df; }
.mbe-cd #fieldset-payment .mbe-payment-method .custom-control.mbe-cd-option,
.mbe-cd #fieldset-payment .mbe-payment-method > .custom-control {
    background: transparent; border: 0; border-radius: 0; padding: 0 0 0 36px; margin: 0;
}
.mbe-cd #fieldset-payment .mbe-payment-label { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 16px; align-items: center; text-align: left; }
.mbe-cd #fieldset-payment .mbe-payment-label::before,
.mbe-cd #fieldset-payment .mbe-payment-label::after { left: -36px; top: 4px; width: 22px; height: 22px; }
.mbe-cd #fieldset-payment .mbe-payment-label > img { grid-column: 2; grid-row: 1; max-width: 110px; width: auto; max-height: 36px; height: auto; object-fit: contain; margin: 0; justify-self: end; }
.mbe-cd #fieldset-payment .mbe-payment-name,
.mbe-cd #fieldset-payment .mbe-payment-label > .content { grid-column: 1; grid-row: 1; font-weight: 500; font-size: 1rem; }
.mbe-cd #fieldset-payment .checkout-payment-method-badge { grid-column: 1 / -1; float: none; color: #45652d; font-size: .85rem; font-weight: 500; text-align: left; }
.mbe-cd #fieldset-payment .checkout-payment-method-note { grid-column: 1 / -1; color: #626762; line-height: 1.65; margin: 0; }
.mbe-cd #fieldset-payment .mbe-payment-method:not(.mbe-payment-selected) .checkout-payment-method-note { display: none; }
.mbe-cd #fieldset-payment .mbe-payment-actions { margin: 24px 0 0; }
.mbe-cd #fieldset-payment .mbe-payment-actions > [class*="col"] { width: 100%; max-width: 100%; flex: 0 0 100%; padding: 0; }
.mbe-cd #fieldset-payment .mbe-payment-actions .btn-primary { width: 100%; margin: 0; min-height: 54px; }
.mbe-cd .mbe-payment-continue[hidden] { display: none !important; }
.mbe-cd button.mbe-native-payment-submit { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap; }
.mbe-cd .mbe-coupon { margin-top: 24px; padding-top: 22px; border-top: 1px solid #e1e3df; }
.mbe-cd > .mbe-coupon { max-width: 560px; margin: 20px 0 30px; }
.mbe-cd .mbe-coupon > summary { padding: 6px 0 12px; font-size: .94rem; font-weight: 500; cursor: pointer; }
.mbe-cd .mbe-coupon-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin: 8px 0 0; }
.mbe-cd .mbe-coupon-form .form-control { min-width: 0; font-size: 16px; }
.mbe-cd .mbe-coupon-form .btn { min-height: 52px; }
.mbe-cd .mbe-coupon-status { grid-column: 1 / -1; margin: 2px 0 0; font-size: .82rem; line-height: 1.6; color: #45652d; }
.mbe-cd .mbe-coupon-status:empty { display: none; }
.mbe-cd .mbe-coupon-status.is-error { color: #a92727; }
.mbe-cd .mbe-coupon-native .input-group { gap: 10px; }
.mbe-cd .mbe-coupon-native .input-group > .form-control { min-width: 120px; border-radius: 5px; }
.mbe-cd .mbe-coupon-native .input-group-append { margin: 0; }
.mbe-cd .mbe-coupon-native button { min-height: 52px; }
@media (max-width: 479.98px) {
    .mbe-cd #fieldset-payment .mbe-payment-label > img { max-width: 80px; max-height: 30px; }
    .mbe-cd #fieldset-payment .mbe-payment-label { column-gap: 10px; }
    .mbe-cd .mbe-coupon-form { grid-template-columns: minmax(0, 1fr); }
    .mbe-cd .mbe-coupon-form .btn { width: 100%; }
}