/* Coș biomag — preluat din _themes/theme1/theme.css (.minicart-panel/.cart-item/.cart-drawer/.cart-group/.cart-summary) */
:root {
  --cart-bg: var(--bm-cart-panel-bg, #eef6f2);
  --cart-card: rgba(255, 255, 255, 0.86);
  --cart-green: var(--bm-cart-green, #1f8a5b);
  --cart-green-2: var(--bm-cart-green-dark, #0f6b44);
  --cart-muted: rgba(15, 23, 42, 0.62);
  --cart-radius: 18px;
  --cart-shadow: 0 18px 45px rgba(2, 8, 23, 0.08);
  --cart-stroke: rgba(15, 23, 42, 0.12);
  --cart-text: #0f172a;
}
.cart-summary {
    /* margin-top: 14px; */
    /* background: var(--cart-card); */
    /* border: 1px solid var(--cart-stroke); */
    /* border-radius: var(--cart-radius); */
    /* box-shadow: var(--cart-shadow); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    overflow: hidden;
}

.cart-summary__row {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-top: var(--bm-padding-y);
}

.cart-summary__left {
    flex: 1;
    min-width: 0;
}

.cart-summary__headline {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.cart-summary__title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.cart-summary__chip {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 10%, transparent);
    color: var(--cart-green-2);
    font-weight: 850;
    font-size: 12px;
    border: 1px solid color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 18%, transparent);
}

.cart-summary__meta {
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    color: var(--cart-text);
}

.cart-summary__thumbs {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 10px;
}

.cart-summary__thumb {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid var(--cart-stroke);
    background-color: color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 15%, transparent);
    background-size: cover;
    background-position: center;
    box-shadow: 0 8px 18px rgba(2, 8, 23, 0.08);
    margin-left: -8px;
    position: relative;
    flex: 0 0 auto;
}

.cart-summary__thumb:first-child {
    margin-left: 0;
}

.cart-summary__thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(22px 22px at 25% 20%, rgba(255, 255, 255, 0.55), transparent 60%);
    pointer-events: none;
}

.cart-summary__thumb--more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    color: var(--cart-green-2);
    background: color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 10%, transparent);
}

.cart-summary__right {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
}

.cart-summary__total {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 190px;
    white-space: nowrap;
}

.cart-summary__total-line {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: baseline;
}

.cart-summary__total-line--save strong {
    color: var(--cart-green);
}

.cart-summary__muted {
    color: var(--cart-muted);
}

.cart-summary__btn {
    border: 0;
    border-radius: 14px;
    padding: 10px 12px;
    font-weight: 900;
    cursor: pointer;
    background: linear-gradient(135deg, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)), rgba(15, 107, 68, 1));
    color: white;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 20%, transparent);
    white-space: nowrap;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cart-summary__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 25%, transparent);
}

/* --- Cart Drawer Overlay --- */
.cart-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.45);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 20px;
}

.cart-drawer-overlay[data-open="true"],
.cart-drawer-overlay.overlay--active {
    display: flex;
}

.cart-drawer {
    width: min(620px, 100%);
    max-height: min(90vh, 800px);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 22px;
    box-shadow: 0 28px 80px rgba(2, 8, 23, 0.22);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: translateY(20px) scale(0.98);
    opacity: 0;
    animation: cartDrawerIn 0.2s ease forwards;
}

.cart-drawer-overlay:not([data-open="true"]) .cart-drawer,
.cart-drawer-overlay:not(.overlay--active) .cart-drawer {
    animation: none;
}

@keyframes cartDrawerIn {
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.cart-drawer__head {
    padding: 14px 14px 12px;
    border-bottom: 1px solid var(--cart-stroke);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255, 255, 255, 0.7);
}

.cart-drawer__title {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.cart-drawer__title strong {
    font-size: 16px;
    color: var(--cart-text);
}

.cart-drawer__meta {
    font-size: 13px;
    color: var(--cart-muted);
}

.cart-drawer__close {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid var(--cart-stroke);
    background: color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 6%, transparent);
    color: var(--cart-green-2);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: background 0.2s ease;
}

.cart-drawer__close:hover {
    background: color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 12%, transparent);
}

.cart-drawer__body {
    padding: 12px 12px 16px;
    overflow: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart-drawer__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.cart-drawer__muted {
    color: var(--cart-muted);
}

.cart-drawer__foot {
    border-top: 1px solid var(--cart-stroke);
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.cart-drawer__btn {
    border: 0;
    border-radius: 14px;
    padding: 10px 12px;
    font-weight: 900;
    cursor: pointer;
    background: linear-gradient(135deg, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)), rgba(15, 107, 68, 1));
    color: white;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 20%, transparent);
    white-space: nowrap;
}

.cart-drawer__btn--ghost {
    background: transparent;
    color: var(--cart-green-2);
    border: 1px solid color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 25%, transparent);
    box-shadow: none;
}

.cart-drawer__btn--ghost:hover {
    background: color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 8%, transparent);
}

/* --- Cart Group (Accordion) --- */
.cart-group {
    border: 1px solid var(--cart-stroke);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.75);
    overflow: hidden;
    flex-shrink: 0; /* Nu se micÃƒË†Ã¢â€žÂ¢oreazÃƒâ€žÃ†â€™ - scroll ÃƒÆ’Ã‚Â®n loc */
}

.cart-group__row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px;
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}

.cart-group__row:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 35%, transparent);
    outline-offset: 2px;
}

.cart-group__left {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.cart-group__label {
    font-weight: 950;
    letter-spacing: -0.01em;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--cart-text);
}

.cart-group__sub {
    font-size: 13px;
    color: var(--cart-muted);
}

.cart-group__savings {
    color: var(--cart-green);
}

/* Thumbnails mici pentru produse Ã®n grup */
.cart-group__thumbs {
    display: flex;
    gap: 4px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.cart-group__thumb {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
}

.cart-group__thumb--more {
    background: linear-gradient(135deg, var(--bm-thumb-more-a, #e8f5e9) 0%, var(--bm-thumb-more-b, #c8e6c9) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
    color: var(--cart-green-2, var(--bm-cart-green, #1f8a5b));
}

.cart-group__right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.cart-group__price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    white-space: nowrap;
}

.cart-group__old {
    font-size: 12px;
    color: var(--cart-muted);
    text-decoration: line-through;
}

.cart-group__now {
    font-size: 15px;
    color: var(--cart-text);
}

.cart-group__chev {
    display: inline-flex;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--cart-stroke);
    background: color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 6%, transparent);
    color: var(--cart-green-2);
    transition: transform 0.2s ease;
}

.cart-group[data-open="true"] .cart-group__chev,
.cart-group--expanded .cart-group__chev,
.cart-group__row[aria-expanded="true"] .cart-group__chev {
    transform: rotate(90deg);
}

.cart-group__panel {
    border-top: 1px solid var(--cart-stroke);
    background: rgba(255, 255, 255, 0.65);
    padding: 10px;
}

.cart-group__panel-inner {
    padding: 10px 12px 12px;
}

.cart-group__items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-evenly;
}

/* --- Cart Item (matches cos-cumparaturi2.html) --- */
.cart-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid var(--cart-stroke);
    background: rgba(255, 255, 255, 0.80);
}

.cart-item__thumb {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    border: 1px solid var(--cart-stroke);
    background-color: color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 12%, transparent);
    background-size: cover;
    background-position: center;
    flex: 0 0 auto;
    position: relative;
}

.cart-item__thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(28px 28px at 30% 20%, rgba(255, 255, 255, 0.55), transparent 60%);
}

.cart-item__info {
    min-width: 60px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    /* max-width: 180px; */
}

.cart-item__name {
    font-weight: 900;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--cart-text);
    text-decoration: none;
    display: block;
}

.cart-item__name:hover {
    color: var(--cart-green-2);
}

.cart-item__meta {
    font-size: 12px;
    color: var(--cart-muted);
}

.cart-item__variant {
    color: var(--cart-muted);
}

/* Controls wrapper - contains qty and delete button */
.cart-item__controls {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

/* Quantity wrapper with green border/background */
.cart-item__qty {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 22%, transparent);
    background: color-mix(in srgb, var(--bm-cart-green, var(--bm-cart-green, #1f8a5b)) 6%, transparent);
    padding: 6px 8px;
    border-radius: 14px;
    white-space: nowrap;
}

/* Icon button base style */
.cart-item__iconbtn {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    border: 1px solid var(--cart-stroke);
    background: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cart-green-2);
    transition: transform 0.1s ease;
}

.cart-item__iconbtn:active {
    transform: translateY(1px);
}

/* Danger variant for delete button */
.cart-item__iconbtn--danger {
    color: #e11d48;
    border-color: rgba(225, 29, 72, 0.22);
    background: rgba(225, 29, 72, 0.06);
}

.cart-item__qty-value {
    font-weight: 950;
    min-width: 25px;
    text-align: center;
    font-variant-numeric: tabular-nums;
    color: var(--cart-text);
}

.cart-item__price {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 2px;
    white-space: nowrap;
    min-width: 60px;
}

.cart-item__old {
    font-size: 12px;
    color: var(--cart-muted);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.cart-item__old::before {
    content: 'PRP:';
    font-weight: 500;
}

.cart-item__now {
    font-size: 14px;
    color: var(--cart-text);
}

/* --- Minicart Grid Layout (table-like alignment) --- */
.cart-group__items .cart-item,
[data-minicart-items] .cart-item {
    display: grid;
    grid-template-columns: 46px minmax(80px, 1fr) auto auto;
    gap: 12px;
    align-items: center;
}

.cart-group__items .cart-item__info,
[data-minicart-items] .cart-item__info {
    min-width: 0; /* Allow text truncation in grid */
}

.cart-group__items .cart-item__controls,
[data-minicart-items] .cart-item__controls {
    justify-self: end;
}

.cart-group__items .cart-item__price,
[data-minicart-items] .cart-item__price {
    justify-self: end;
    min-width: 70px; /* Consistent price column width */
}

/* --- Cart Mobile Responsive --- */
@media (max-width: 740px) {
    .cart-summary__row {
        flex-direction: column;
        align-items: stretch;
    }

    .cart-summary__right {
        justify-content: space-between;
    }

    .cart-summary__total {
        text-align: left;
        min-width: 0;
    }

    .cart-summary__total-line {
        justify-content: flex-start;
    }

    .cart-drawer {
        border-radius: 18px;
    }

    /* Cart Item - 2 rows layout (Option B) */
    .cart-item {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .cart-item__thumb {
        flex: 0 0 auto;
    }

    .cart-item__info {
        flex: 1 1 calc(100% - 70px); /* Full width minus thumb */
        max-width: none;
    }

    /* Row 2: Controls + Delete + Price - full width */
    .cart-item__controls {
        order: 3;
    }

    .cart-item__price {
        order: 4;
        margin-left: auto;
        min-width: auto;
        text-align: right;
    }

    .cart-item__qty {
        padding: 4px 6px;
    }

    .cart-item__iconbtn {
        width: 28px;
        height: 28px;
    }

    /* Minicart Grid - 2 row layout on mobile */
    .cart-group__items .cart-item,
    [data-minicart-items] .cart-item {
        grid-template-columns: 40px 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "thumb info"
            "controls price";
        row-gap: 8px;
    }

    .cart-group__items .cart-item__thumb,
    [data-minicart-items] .cart-item__thumb {
        grid-area: thumb;
        width: 40px;
        height: 40px;
    }

    .cart-group__items .cart-item__info,
    [data-minicart-items] .cart-item__info {
        grid-area: info;
    }

    .cart-group__items .cart-item__controls,
    [data-minicart-items] .cart-item__controls {
        grid-area: controls;
        justify-self: start;
    }

    .cart-group__items .cart-item__price,
    [data-minicart-items] .cart-item__price {
        grid-area: price;
        justify-self: end;
    }

    .cart-item__info{
        /* max-width: ; */
    }
    .checkout-form-group{
        width: 100%;
    }
}

/* --- Minicart Panel Styles (New Design) --- */
.minicart-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    max-height: 80vh;
    background: #fff;
}

.minicart-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--cart-stroke, #e5e7eb);
    flex-shrink: 0;
}

.minicart-panel__title {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.minicart-panel__title strong {
    font-size: 18px;
    font-weight: 600;
    color: var(--cart-text, #1f2937);
}

.minicart-panel__meta {
    font-size: 13px;
    color: var(--cart-muted, #6b7280);
}

.minicart-panel__close {
    display: inline-flex;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--bs-gray-300, #d1d5db);
    background: transparent;
    color: var(--cart-muted, #6b7280);
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s, transform 0.15s;
}

.minicart-panel__close:hover {
    border-color: var(--bs-primary, var(--bm-green, #00a651));
    color: var(--bs-primary, var(--bm-green, #00a651));
}

.minicart-panel__close:active {
    transform: scale(0.95);
}

.minicart-panel__body {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 16px;
    min-height: 100px;
    max-height: none;
    -webkit-overflow-scrolling: touch;
}

.minicart-panel__body .miniCartWrapper {
    max-height: none;
    overflow: visible;
}

.minicart-panel__body .prods_sim {
    margin-top: 16px;
}

.minicart-panel__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border-top: 1px solid var(--cart-stroke, #e5e7eb);
    /* background: #fafafa; */
    flex-shrink: 0;
}

.minicart-panel__totals {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.minicart-panel__total-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: var(--cart-text, #1f2937);
}

.minicart-panel__total-row strong {
    font-weight: 600;
}

.minicart-panel__total-row--small {
    font-size: 12px;
    color: var(--cart-muted, #6b7280);
}

.minicart-panel__checkout {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--bs-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    transition: background 0.15s, transform 0.1s;
    white-space: nowrap;
}

.minicart-panel__checkout:hover {
    background: var(--cart-green-2, #009143);
    color: #fff;
    transform: translateY(-1px);
}

.minicart-panel__checkout:active {
    transform: translateY(0);
}

/* Modal positioning for minicart - drawer-like behavior */
#shopModal {
    background: transparent !important;
    height: calc(100vh) !important;
}

#shopModal .container {
    height: 100%;
}

#shopModal .modal-dialog {
    position: absolute;
    top: 76px;
    right: 0;
    bottom: auto;
    margin: 0;
    max-width: 560px;
    width: 100%;
    max-height: calc(100vh - 136px - 20px);
    z-index: 1060;
    display: flex;
    flex-direction: column;
}

.sticky #shopModal .modal-dialog {
    top: 84px;
    max-height: calc(100vh - 84px - 20px);
}

#shopModal .modal-content {
    height: auto;
    max-height: 100%;
    overflow: hidden;
    border-radius: 0 0 0 var(--bm-radius);
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
}

#shopModal .modal-body {
    flex: 1 1 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

#shopModal .tab-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

#shopModal #costab.active.show,
#shopModal #conttab.active.show,
#shopModal #favtab.active.show {
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

#shopModal.show .modal-dialog {
    transform: none;
}

/* Click outside to close - transparent backdrop area */
#shopModal .shop-modal-out {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
}

/* z-index pentru modal-dialog e setat mai sus la 1060 */

/* Cart groups inside minicart */
#costab .cart-group {
    margin-bottom: 8px;
}

#costab .cart-group:last-child {
    margin-bottom: 0;
}

#costab .cart-group__row {
    padding: 10px 12px;
}

#costab .cart-group__label {
    font-size: 13px;
}

#costab .cart-group__sub {
    font-size: 11px;
}

#costab .cart-item {
    padding: 8px 10px;
}

#costab .cart-item__thumb {
    width: 40px;
    height: 40px;
}

#costab .cart-item__name {
    font-size: 12px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

/* Responsive panels (minicart, account, favorites) */
@media (max-width: 575.98px) {
    /* Full-screen backdrop pe mobile */
    #shopModal {
        background: rgba(0, 0, 0, 0.5) !important;
        z-index: 1080 !important;
    }

    /* Neutralizam padding container */
    #shopModal .container {
        padding: 0;
        max-width: 100%;
    }

    #shopModal .modal-dialog {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        height: 100vh;
        height: 100dvh;
        max-height: -webkit-fill-available;
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }

    #shopModal.show .modal-dialog {
        transform: translateX(0);
    }

    /* Flex chain complet pt footer sticky jos */
    #shopModal .modal-content {
        height: 100%;
        border-radius: 0;
        border: none;
        display: flex;
        flex-direction: column;
    }

    #shopModal .modal-body {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
        padding: 0;
    }

    #shopModal .tab-content {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
    }

    #shopModal .tab-pane.active {
        flex: 1 1 auto;
        display: flex !important;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
    }

    .minicart-panel {
        max-height: none;
        height: 100%;
    }

    #shopModal .shop-modal-out {
        display: none;
    }

    /* Footer fix jos */
    .minicart-panel__foot {
        flex-direction: column;
        gap: 12px;
    }

    .minicart-panel__checkout {
        width: 100%;
        justify-content: center;
    }
}

