/**
 * Lincs Lootcave Basket Drawer
 *
 * Canonical visual owner for the storefront basket drawer.
 *
 * Design:
 * - premium collector-vault presentation
 * - subtle cave / crystal atmosphere
 * - compact product-first hierarchy
 * - fixed checkout footer
 * - mobile-first physical-device reliability
 */


/* =========================================================
   Basket design system
   ========================================================= */

body:not(.wp-admin) .ll-c4-cart-drawer {
    --ll-basket-bg:
        #05070c;

    --ll-basket-bg-deep:
        #020409;

    --ll-basket-panel:
        rgba(10, 12, 19, .92);

    --ll-basket-panel-raised:
        rgba(14, 16, 25, .96);

    --ll-basket-panel-soft:
        rgba(255, 255, 255, .024);

    --ll-basket-text:
        #f6f1df;

    --ll-basket-text-soft:
        rgba(246, 241, 223, .76);

    --ll-basket-muted:
        rgba(246, 241, 223, .45);

    --ll-basket-muted-soft:
        rgba(246, 241, 223, .28);

    --ll-basket-gold:
        #f5ce53;

    --ll-basket-gold-bright:
        #ffe882;

    --ll-basket-green:
        #9cff4f;

    --ll-basket-green-bright:
        #c3ff84;

    --ll-basket-purple:
        #8b46ce;

    --ll-basket-purple-soft:
        rgba(139, 70, 206, .18);

    --ll-basket-danger:
        #ff858b;

    --ll-basket-border:
        rgba(245, 206, 83, .14);

    --ll-basket-border-strong:
        rgba(245, 206, 83, .25);

    --ll-basket-radius:
        10px;

    --ll-basket-shadow:
        0 18px 46px rgba(0, 0, 0, .34);
}


/* =========================================================
   Backdrop
   ========================================================= */

body:not(.wp-admin) .ll-c4-cart-backdrop {
    position:
        fixed !important;

    inset:
        0 !important;

    z-index:
        2147483400 !important;

    background:
        rgba(0, 0, 0, .76) !important;

    opacity:
        0;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;

    transition:
        opacity .22s ease !important;
}

body:not(.wp-admin)
.ll-c4-cart-backdrop.is-open {
    opacity:
        1;
}


/* =========================================================
   Drawer shell
   ========================================================= */

body:not(.wp-admin)
.ll-c4-cart-drawer {
    position:
        fixed !important;

    top:
        0 !important;

    right:
        0 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    width:
        min(424px, 94vw) !important;

    max-width:
        424px !important;

    height:
        100dvh !important;

    max-height:
        100dvh !important;

    overflow:
        hidden !important;

    z-index:
        2147483500 !important;

    color:
        var(--ll-basket-text) !important;

    border-left:
        1px solid rgba(245, 206, 83, .23) !important;

    background:
        radial-gradient(
            ellipse at 14% -3%,
            rgba(156, 255, 79, .10),
            transparent 30%
        ),
        radial-gradient(
            ellipse at 103% 31%,
            rgba(139, 70, 206, .17),
            transparent 42%
        ),
        radial-gradient(
            ellipse at -8% 82%,
            rgba(66, 23, 112, .12),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #090b12 0%,
            #060810 35%,
            #04060b 72%,
            #020409 100%
        ) !important;

    box-shadow:
        -34px 0 90px rgba(0, 0, 0, .76),
        inset 1px 0 rgba(255, 255, 255, .025),
        inset 16px 0 40px rgba(139, 70, 206, .025) !important;

    transform:
        translateX(104%) !important;

    transition:
        transform .30s
        cubic-bezier(.2, .78, .22, 1) !important;

    isolation:
        isolate !important;

    filter:
        none !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer.is-open {
    visibility:
        visible !important;

    transform:
        translateX(0) !important;
}

body.ll-c4-cart-open {
    overflow:
        hidden !important;
}


/* Atmospheric crystal frame */

body:not(.wp-admin)
.ll-c4-cart-drawer::before {
    content:
        "" !important;

    position:
        absolute !important;

    inset:
        9px !important;

    z-index:
        1 !important;

    pointer-events:
        none !important;

    border:
        1px solid rgba(139, 70, 206, .24) !important;

    border-radius:
        11px !important;

    background:
        linear-gradient(
            135deg,
            rgba(156, 255, 79, .025),
            transparent 18%,
            transparent 70%,
            rgba(139, 70, 206, .03)
        ) !important;

    box-shadow:
        inset 0 0 34px rgba(139, 70, 206, .045),
        inset 0 1px rgba(255, 255, 255, .025),
        0 0 24px rgba(139, 70, 206, .025) !important;

    clip-path:
        none !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer::after {
    content:
        "" !important;

    position:
        absolute !important;

    inset:
        0 !important;

    z-index:
        0 !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            rgba(156, 255, 79, .025),
            transparent 10%,
            transparent 82%,
            rgba(139, 70, 206, .045)
        ) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-drawer-cave {
    opacity:
        .10 !important;

    filter:
        none !important;
}


/* =========================================================
   Header
   ========================================================= */

body:not(.wp-admin)
.ll-c4-cart-drawer-top {
    position:
        relative !important;

    z-index:
        5 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    flex:
        0 0 auto !important;

    min-height:
        66px !important;

    gap:
        14px !important;

    padding:
        11px 16px !important;

    border-bottom:
        1px solid rgba(245, 206, 83, .12) !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .035),
            rgba(255, 255, 255, .006)
        ) !important;

    box-shadow:
        0 8px 28px rgba(0, 0, 0, .13) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer-top::after {
    content:
        "" !important;

    position:
        absolute !important;

    left:
        16px !important;

    right:
        16px !important;

    bottom:
        -1px !important;

    height:
        1px !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            rgba(156, 255, 79, .25),
            rgba(245, 206, 83, .12) 38%,
            rgba(139, 70, 206, .24),
            transparent
        ) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer-top
.ll-c4-drawer-brand {
    display:
        flex !important;

    align-items:
        center !important;

    min-width:
        0 !important;

    gap:
        10px !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer-top
.ll-c4-logo-img {
    width:
        auto !important;

    max-width:
        105px !important;

    max-height:
        43px !important;

    object-fit:
        contain !important;

    filter:
        drop-shadow(
            0 0 7px rgba(156, 255, 79, .09)
        ) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer-top
.ll-c4-drawer-brand > span {
    color:
        rgba(246, 241, 223, .74) !important;

    font-size:
        10px !important;

    font-weight:
        900 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .07em !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;
}


/* Close button */

body:not(.wp-admin)
.ll-c4-cart-drawer-close {
    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    flex:
        0 0 36px !important;

    display:
        grid !important;

    place-items:
        center !important;

    width:
        36px !important;

    height:
        36px !important;

    min-width:
        36px !important;

    min-height:
        36px !important;

    margin:
        0 !important;

    padding:
        0 0 2px !important;

    border:
        1px solid rgba(245, 206, 83, .21) !important;

    border-radius:
        50% !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(245, 206, 83, .045),
            rgba(3, 5, 10, .72)
        ) !important;

    color:
        rgba(246, 241, 223, .78) !important;

    font-size:
        21px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .04),
        0 6px 15px rgba(0, 0, 0, .18) !important;

    cursor:
        pointer !important;

    transition:
        border-color .16s ease,
        color .16s ease,
        background .16s ease,
        transform .16s ease !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer-close:hover,
body:not(.wp-admin)
.ll-c4-cart-drawer-close:focus-visible {
    border-color:
        rgba(245, 206, 83, .52) !important;

    color:
        var(--ll-basket-gold-bright) !important;

    background:
        rgba(245, 206, 83, .065) !important;

    transform:
        rotate(4deg) !important;
}


/* =========================================================
   Content architecture
   ========================================================= */

body:not(.wp-admin)
.ll-c4-cart-drawer-content {
    position:
        relative !important;

    z-index:
        4 !important;

    display:
        grid !important;

    grid-template-rows:
        minmax(0, 1fr)
        auto !important;

    flex:
        1 1 auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    gap:
        0 !important;

    overflow:
        hidden !important;

    padding:
        0 !important;
}


/* True scroll body */

body:not(.wp-admin)
.ll-basket-drawer__scroll-region {
    box-sizing:
        border-box !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    min-height:
        0 !important;

    gap:
        10px !important;

    overflow-x:
        hidden !important;

    overflow-y:
        auto !important;

    padding:
        12px 14px 11px !important;

    overscroll-behavior:
        contain !important;

    scrollbar-width:
        thin;

    scrollbar-color:
        rgba(245, 206, 83, .22)
        transparent;

    -webkit-overflow-scrolling:
        touch !important;
}

body:not(.wp-admin)
.ll-basket-drawer__scroll-region::-webkit-scrollbar {
    width:
        5px;
}

body:not(.wp-admin)
.ll-basket-drawer__scroll-region::-webkit-scrollbar-track {
    background:
        transparent;
}

body:not(.wp-admin)
.ll-basket-drawer__scroll-region::-webkit-scrollbar-thumb {
    border-radius:
        999px;

    background:
        rgba(245, 206, 83, .20);
}


/* Updating state */

body:not(.wp-admin)
.ll-c4-cart-drawer-content.is-updating {
    opacity:
        .58 !important;

    pointer-events:
        none !important;

    transition:
        opacity .14s ease !important;
}


/* =========================================================
   Free-shipping milestone
   ========================================================= */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-free-ship {
    position:
        relative !important;

    box-sizing:
        border-box !important;

    margin:
        0 !important;

    padding:
        11px 12px !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(156, 255, 79, .16) !important;

    border-radius:
        9px !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(156, 255, 79, .07),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            rgba(156, 255, 79, .035),
            rgba(139, 70, 206, .025)
        ) !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .028),
        0 7px 18px rgba(0, 0, 0, .10) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-free-ship::before {
    content:
        "" !important;

    position:
        absolute !important;

    inset:
        0 auto 0 0 !important;

    width:
        2px !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(156, 255, 79, .72),
            transparent
        ) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-free-ship-top {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        10px !important;

    color:
        var(--ll-basket-text-soft) !important;

    font-size:
        9.5px !important;

    font-weight:
        750 !important;

    line-height:
        1.25 !important;

    letter-spacing:
        .02em !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-free-ship-top strong {
    color:
        var(--ll-basket-green) !important;

    font-weight:
        950 !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-free-ship-top span {
    color:
        var(--ll-basket-green-bright) !important;

    font-weight:
        950 !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-free-ship-bar {
    position:
        relative !important;

    height:
        6px !important;

    margin:
        8px 0 0 !important;

    overflow:
        hidden !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        rgba(255, 255, 255, .065) !important;

    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, .34) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-free-ship-bar i {
    display:
        block !important;

    height:
        100% !important;

    border-radius:
        inherit !important;

    background:
        linear-gradient(
            90deg,
            #67c931,
            #98f94b 46%,
            #ddff9c
        ) !important;

    box-shadow:
        0 0 12px rgba(156, 255, 79, .27) !important;
}


/* =========================================================
   Recommendation vault
   ========================================================= */

body:not(.wp-admin)
.ll-c4-cart-similar {
    position:
        relative !important;

    flex:
        0 0 auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(245, 206, 83, .15) !important;

    border-radius:
        9px !important;

    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(139, 70, 206, .07),
            transparent 44%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .027),
            rgba(255, 255, 255, .010)
        ) !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .027),
        0 8px 20px rgba(0, 0, 0, .10) !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar::before {
    content:
        "" !important;

    display:
        block !important;

    position:
        absolute !important;

    top:
        0 !important;

    left:
        18px !important;

    right:
        18px !important;

    height:
        1px !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(245, 206, 83, .18),
            rgba(139, 70, 206, .16),
            transparent
        ) !important;
}


/* Recommendation heading */

body:not(.wp-admin)
.ll-c4-cart-similar-head {
    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        25px !important;

    align-items:
        center !important;

    width:
        100% !important;

    min-height:
        44px !important;

    margin:
        0 !important;

    padding:
        8px 10px !important;

    gap:
        8px !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    text-align:
        left !important;

    cursor:
        pointer !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-head strong {
    min-width:
        0 !important;

    color:
        var(--ll-basket-text) !important;

    font-size:
        10.5px !important;

    font-weight:
        950 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .025em !important;

    text-transform:
        uppercase !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-head span {
    overflow:
        hidden !important;

    max-width:
        116px !important;

    color:
        rgba(246, 241, 223, .43) !important;

    font-size:
        8.5px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    text-overflow:
        ellipsis !important;

    white-space:
        nowrap !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-head i {
    display:
        grid !important;

    place-items:
        center !important;

    width:
        25px !important;

    height:
        25px !important;

    border:
        1px solid rgba(156, 255, 79, .32) !important;

    border-radius:
        7px !important;

    background:
        rgba(156, 255, 79, .025) !important;

    color:
        var(--ll-basket-green) !important;

    font-size:
        14px !important;

    font-style:
        normal !important;

    line-height:
        1 !important;

    transform:
        rotate(0deg) !important;

    transition:
        transform .18s ease,
        background .18s ease !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar.is-open
.ll-c4-cart-similar-head i {
    transform:
        rotate(180deg) !important;

    background:
        rgba(156, 255, 79, .05) !important;
}


/* Recommendation body */

body:not(.wp-admin)
.ll-c4-cart-similar-body[hidden],
body:not(.wp-admin)
.ll-c4-cart-similar.is-closed
.ll-c4-cart-similar-body {
    display:
        none !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar.is-open
.ll-c4-cart-similar-body {
    display:
        block !important;

    min-height:
        0 !important;

    padding:
        0 9px 9px !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-row {
    display:
        flex !important;

    min-height:
        0 !important;

    gap:
        8px !important;

    margin:
        0 !important;

    padding:
        2px 0 3px !important;

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;

    scroll-snap-type:
        x proximity;

    scrollbar-width:
        none;

    -webkit-overflow-scrolling:
        touch;
}

body:not(.wp-admin)
.ll-c4-cart-similar-row::-webkit-scrollbar {
    display:
        none;
}


/* Recommendation product cards */

body:not(.wp-admin)
.ll-c4-cart-similar-card {
    position:
        relative !important;

    box-sizing:
        border-box !important;

    flex:
        0 0 102px !important;

    display:
        grid !important;

    grid-template-rows:
        69px
        minmax(28px, auto)
        auto !important;

    width:
        102px !important;

    min-width:
        102px !important;

    min-height:
        158px !important;

    gap:
        6px !important;

    margin:
        0 !important;

    padding:
        7px !important;

    align-content:
        start !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(245, 206, 83, .12) !important;

    border-radius:
        8px !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(139, 70, 206, .045),
            transparent 45%
        ),
        rgba(3, 5, 10, .67) !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 5px 13px rgba(0, 0, 0, .13) !important;

    scroll-snap-align:
        start;
}

body:not(.wp-admin)
.ll-c4-cart-similar-card::after {
    content:
        "" !important;

    position:
        absolute !important;

    top:
        0 !important;

    left:
        8px !important;

    right:
        8px !important;

    height:
        1px !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(245, 206, 83, .16),
            transparent
        ) !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-img {
    display:
        grid !important;

    place-items:
        center !important;

    width:
        100% !important;

    height:
        69px !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(255, 255, 255, .025) !important;

    border-radius:
        6px !important;

    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, .035),
            rgba(255, 255, 255, .01)
        ) !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-img img {
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        contain !important;

    filter:
        drop-shadow(
            0 4px 5px rgba(0, 0, 0, .18)
        ) !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-name {
    display:
        -webkit-box !important;

    min-height:
        28px !important;

    margin:
        0 !important;

    overflow:
        hidden !important;

    color:
        rgba(246, 241, 223, .78) !important;

    font-size:
        8.8px !important;

    font-weight:
        850 !important;

    line-height:
        1.17 !important;

    text-decoration:
        none !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        2 !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-name:hover {
    color:
        var(--ll-basket-gold-bright) !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-bottom {
    display:
        grid !important;

    grid-template-columns:
        1fr !important;

    gap:
        5px !important;

    margin-top:
        auto !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-price,
body:not(.wp-admin)
.ll-c4-cart-similar-bottom > span {
    display:
        block !important;

    color:
        var(--ll-basket-gold) !important;

    font-size:
        9.5px !important;

    font-weight:
        950 !important;

    line-height:
        1.1 !important;

    white-space:
        nowrap !important;
}


/* Recommendation action */

body:not(.wp-admin)
.ll-c4-cart-similar-add {
    box-sizing:
        border-box !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    display:
        grid !important;

    place-items:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        27px !important;

    height:
        27px !important;

    margin:
        0 !important;

    padding:
        0 7px !important;

    border:
        1px solid rgba(245, 206, 83, .43) !important;

    border-radius:
        6px !important;

    background:
        linear-gradient(
            135deg,
            #ffe66d,
            #edbd34
        ) !important;

    color:
        #07090d !important;

    font-family:
        inherit !important;

    font-size:
        8px !important;

    font-weight:
        950 !important;

    line-height:
        1 !important;

    letter-spacing:
        .01em !important;

    text-decoration:
        none !important;

    text-transform:
        none !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .29),
        0 4px 10px rgba(245, 206, 83, .07) !important;

    cursor:
        pointer !important;

    transition:
        transform .15s ease,
        filter .15s ease !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-add:hover,
body:not(.wp-admin)
.ll-c4-cart-similar-add:focus-visible {
    filter:
        brightness(1.04) !important;

    transform:
        translateY(-1px) !important;
}

body:not(.wp-admin)
.ll-c4-cart-similar-add.is-loading {
    opacity:
        .56 !important;

    pointer-events:
        none !important;
}


/* =========================================================
   Basket product rows
   ========================================================= */

body:not(.wp-admin)
.ll-c4-cart-items {
    display:
        grid !important;

    gap:
        8px !important;

    margin:
        0 !important;
}

body:not(.wp-admin)
.ll-c4-cart-item {
    position:
        relative !important;

    box-sizing:
        border-box !important;

    display:
        grid !important;

    grid-template-columns:
        58px
        minmax(0, 1fr)
        28px !important;

    align-items:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    gap:
        10px !important;

    margin:
        0 !important;

    padding:
        9px !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(245, 206, 83, .15) !important;

    border-radius:
        9px !important;

    background:
        radial-gradient(
            ellipse at 0% 50%,
            rgba(139, 70, 206, .055),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .026),
            rgba(255, 255, 255, .009)
        ) !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025),
        0 7px 18px rgba(0, 0, 0, .10) !important;
}

body:not(.wp-admin)
.ll-c4-cart-item::before {
    content:
        "" !important;

    position:
        absolute !important;

    left:
        0 !important;

    top:
        13px !important;

    bottom:
        13px !important;

    width:
        2px !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(139, 70, 206, .48),
            transparent
        ) !important;
}


/* Product thumbnail */

body:not(.wp-admin)
.ll-c4-cart-thumb {
    display:
        grid !important;

    place-items:
        center !important;

    width:
        58px !important;

    height:
        58px !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(139, 70, 206, .20) !important;

    border-radius:
        7px !important;

    background:
        radial-gradient(
            circle,
            rgba(139, 70, 206, .04),
            rgba(2, 4, 9, .76)
        ) !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .025) !important;
}

body:not(.wp-admin)
.ll-c4-cart-thumb img {
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        contain !important;
}


/* Product details */

body:not(.wp-admin)
.ll-c4-cart-meta {
    display:
        grid !important;

    min-width:
        0 !important;

    gap:
        3px !important;
}

body:not(.wp-admin)
.ll-c4-cart-title {
    display:
        -webkit-box !important;

    overflow:
        hidden !important;

    color:
        var(--ll-basket-text) !important;

    font-size:
        10.5px !important;

    font-weight:
        900 !important;

    line-height:
        1.20 !important;

    text-decoration:
        none !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        2 !important;
}

body:not(.wp-admin)
.ll-c4-cart-title:hover {
    color:
        var(--ll-basket-gold-bright) !important;
}

body:not(.wp-admin)
.ll-c4-cart-line {
    color:
        var(--ll-basket-muted) !important;

    font-size:
        9px !important;

    font-weight:
        650 !important;

    line-height:
        1.25 !important;
}

body:not(.wp-admin)
.ll-c4-cart-subtotal {
    color:
        var(--ll-basket-gold) !important;

    font-size:
        10px !important;

    font-weight:
        950 !important;

    line-height:
        1.2 !important;
}


/* Remove control */

body:not(.wp-admin)
.ll-c4-cart-remove {
    appearance:
        none !important;

    display:
        grid !important;

    place-items:
        center !important;

    width:
        27px !important;

    height:
        27px !important;

    margin:
        0 !important;

    padding:
        0 0 2px !important;

    border:
        1px solid rgba(255, 105, 105, .20) !important;

    border-radius:
        7px !important;

    background:
        rgba(104, 27, 35, .11) !important;

    color:
        rgba(255, 132, 132, .72) !important;

    font-size:
        17px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

    transition:
        color .15s ease,
        border-color .15s ease,
        background .15s ease,
        transform .15s ease !important;
}

body:not(.wp-admin)
.ll-c4-cart-remove:hover,
body:not(.wp-admin)
.ll-c4-cart-remove:focus-visible {
    border-color:
        rgba(255, 105, 105, .43) !important;

    background:
        rgba(120, 30, 40, .23) !important;

    color:
        #ffabb0 !important;

    transform:
        scale(1.03) !important;
}


/* =========================================================
   Quantity selector
   ========================================================= */

body:not(.wp-admin)
.ll-c4-qty-controls {
    box-sizing:
        border-box !important;

    display:
        inline-grid !important;

    grid-template-columns:
        23px
        minmax(15px, auto)
        23px !important;

    align-items:
        center !important;

    justify-content:
        start !important;

    width:
        fit-content !important;

    gap:
        3px !important;

    margin:
        3px 0 1px !important;

    padding:
        2px !important;

    border:
        1px solid rgba(245, 206, 83, .13) !important;

    border-radius:
        6px !important;

    background:
        rgba(2, 4, 9, .55) !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .018) !important;
}

body:not(.wp-admin)
.ll-c4-qty-controls button {
    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    display:
        grid !important;

    place-items:
        center !important;

    width:
        23px !important;

    height:
        23px !important;

    min-width:
        23px !important;

    min-height:
        23px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        4px !important;

    background:
        rgba(255, 255, 255, .045) !important;

    color:
        var(--ll-basket-gold) !important;

    font-family:
        inherit !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    box-shadow:
        none !important;

    cursor:
        pointer !important;
}

body:not(.wp-admin)
.ll-c4-qty-controls button:hover,
body:not(.wp-admin)
.ll-c4-qty-controls button:focus-visible {
    background:
        rgba(245, 206, 83, .10) !important;

    color:
        var(--ll-basket-gold-bright) !important;
}

body:not(.wp-admin)
.ll-c4-qty-controls strong {
    min-width:
        15px !important;

    color:
        var(--ll-basket-text) !important;

    font-size:
        9px !important;

    font-weight:
        950 !important;

    text-align:
        center !important;
}


/* =========================================================
   Checkout footer
   ========================================================= */

body:not(.wp-admin)
.ll-c4-cart-summary {
    position:
        relative !important;

    bottom:
        auto !important;

    z-index:
        6 !important;

    align-self:
        stretch !important;

    flex:
        0 0 auto !important;

    min-width:
        0 !important;

    margin:
        0 14px
        calc(
            12px
            + env(safe-area-inset-bottom, 0px)
        ) !important;

    padding:
        11px !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(245, 206, 83, .20) !important;

    border-radius:
        9px !important;

    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(245, 206, 83, .055),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            rgba(14, 16, 25, .99),
            rgba(4, 6, 11, .995)
        ) !important;

    box-shadow:
        0 -12px 32px rgba(0, 0, 0, .30),
        inset 0 1px rgba(255, 255, 255, .03) !important;
}

body:not(.wp-admin)
.ll-c4-cart-summary::before {
    content:
        "" !important;

    position:
        absolute !important;

    top:
        0 !important;

    left:
        15px !important;

    right:
        15px !important;

    height:
        1px !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(245, 206, 83, .34),
            rgba(156, 255, 79, .15),
            transparent
        ) !important;
}

body:not(.wp-admin)
.ll-c4-cart-summary > div {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        12px !important;

    color:
        rgba(246, 241, 223, .70) !important;

    font-size:
        11px !important;

    font-weight:
        850 !important;
}

body:not(.wp-admin)
.ll-c4-cart-summary > div strong {
    color:
        var(--ll-basket-gold) !important;

    font-size:
        15.5px !important;

    font-weight:
        950 !important;

    text-shadow:
        0 0 11px rgba(245, 206, 83, .08) !important;
}

body:not(.wp-admin)
.ll-c4-cart-summary > p {
    margin:
        4px 0 9px !important;

    color:
        rgba(246, 241, 223, .34) !important;

    font-size:
        8.5px !important;

    line-height:
        1.35 !important;
}


/* Checkout actions */

body:not(.wp-admin)
.ll-c4-cart-primary,
body:not(.wp-admin)
.ll-c4-cart-secondary {
    box-sizing:
        border-box !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    min-height:
        38px !important;

    margin:
        0 !important;

    padding:
        0 12px !important;

    border-radius:
        6px !important;

    font-family:
        inherit !important;

    font-size:
        10px !important;

    font-weight:
        950 !important;

    line-height:
        1 !important;

    letter-spacing:
        .01em !important;

    text-decoration:
        none !important;

    text-transform:
        none !important;

    transition:
        transform .15s ease,
        filter .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}

body:not(.wp-admin)
.ll-c4-cart-primary {
    position:
        relative !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(245, 206, 83, .52) !important;

    background:
        linear-gradient(
            135deg,
            #ffe670 0%,
            #f4c53d 55%,
            #dda921 100%
        ) !important;

    color:
        #07090d !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .34),
        0 8px 18px rgba(245, 206, 83, .10) !important;
}

body:not(.wp-admin)
.ll-c4-cart-primary::before {
    content:
        "" !important;

    position:
        absolute !important;

    inset:
        0 !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            110deg,
            transparent 10%,
            rgba(255, 255, 255, .18) 42%,
            transparent 67%
        ) !important;

    opacity:
        .34 !important;
}

body:not(.wp-admin)
.ll-c4-cart-secondary {
    min-height:
        35px !important;

    margin-top:
        6px !important;

    border:
        1px solid rgba(245, 206, 83, .13) !important;

    background:
        rgba(2, 4, 9, .56) !important;

    color:
        rgba(246, 241, 223, .62) !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .017) !important;
}

body:not(.wp-admin)
.ll-c4-cart-primary:hover,
body:not(.wp-admin)
.ll-c4-cart-primary:focus-visible {
    filter:
        brightness(1.045) !important;

    transform:
        translateY(-1px) !important;
}

body:not(.wp-admin)
.ll-c4-cart-secondary:hover,
body:not(.wp-admin)
.ll-c4-cart-secondary:focus-visible {
    border-color:
        rgba(245, 206, 83, .28) !important;

    color:
        var(--ll-basket-gold-bright) !important;
}


/* =========================================================
   Empty basket
   ========================================================= */

body:not(.wp-admin)
.ll-c4-cart-empty {
    position:
        relative !important;

    display:
        grid !important;

    place-items:
        center !important;

    align-content:
        center !important;

    gap:
        9px !important;

    min-height:
        220px !important;

    margin:
        auto 14px !important;

    padding:
        38px 22px 28px !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(245, 206, 83, .17) !important;

    border-radius:
        10px !important;

    background:
        radial-gradient(
            circle at 50% 24%,
            rgba(139, 70, 206, .095),
            transparent 30%
        ),
        radial-gradient(
            circle at 50% 7%,
            rgba(156, 255, 79, .045),
            transparent 22%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .026),
            rgba(255, 255, 255, .009)
        ) !important;

    text-align:
        center !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .028),
        0 14px 34px rgba(0, 0, 0, .13) !important;
}

body:not(.wp-admin)
.ll-c4-cart-empty::before {
    content:
        "✦" !important;

    display:
        grid !important;

    place-items:
        center !important;

    width:
        46px !important;

    height:
        46px !important;

    margin-bottom:
        3px !important;

    border:
        1px solid rgba(156, 255, 79, .17) !important;

    border-radius:
        50% !important;

    background:
        radial-gradient(
            circle,
            rgba(156, 255, 79, .08),
            rgba(139, 70, 206, .035)
        ) !important;

    color:
        var(--ll-basket-green) !important;

    font-size:
        17px !important;

    text-shadow:
        0 0 11px rgba(156, 255, 79, .30) !important;

    box-shadow:
        0 0 24px rgba(156, 255, 79, .045),
        inset 0 1px rgba(255, 255, 255, .035) !important;
}

body:not(.wp-admin)
.ll-c4-cart-empty::after {
    content:
        "" !important;

    position:
        absolute !important;

    top:
        0 !important;

    left:
        14% !important;

    right:
        14% !important;

    height:
        1px !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(156, 255, 79, .22),
            rgba(245, 206, 83, .16),
            rgba(139, 70, 206, .22),
            transparent
        ) !important;
}

body:not(.wp-admin)
.ll-c4-cart-empty strong {
    color:
        var(--ll-basket-gold) !important;

    font-size:
        14px !important;

    font-weight:
        950 !important;
}

body:not(.wp-admin)
.ll-c4-cart-empty p {
    max-width:
        255px !important;

    margin:
        0 0 5px !important;

    color:
        var(--ll-basket-muted) !important;

    font-size:
        9.5px !important;

    line-height:
        1.45 !important;
}

body:not(.wp-admin)
.ll-c4-cart-empty
.ll-c4-cart-primary {
    max-width:
        230px !important;

    margin-top:
        3px !important;
}


/* =========================================================
   Retired trust row
   ========================================================= */

body:not(.wp-admin)
.ll-c4-cart-drawer-trust {
    display:
        none !important;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 640px) {

    body:not(.wp-admin)
    .ll-c4-cart-drawer {
        width:
            min(94vw, 410px) !important;

        max-width:
            410px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer::before {
        inset:
            7px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer-top {
        min-height:
            60px !important;

        padding:
            9px 13px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer-top
    .ll-c4-logo-img {
        max-width:
            94px !important;

        max-height:
            38px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer-top
    .ll-c4-drawer-brand > span {
        font-size:
            9px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer-close {
        width:
            32px !important;

        height:
            32px !important;

        min-width:
            32px !important;

        min-height:
            32px !important;

        flex-basis:
            32px !important;
    }

    body:not(.wp-admin)
    .ll-basket-drawer__scroll-region {
        gap:
            8px !important;

        padding:
            9px 11px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-summary {
        margin:
            0 11px
            calc(
                10px
                + env(
                    safe-area-inset-bottom,
                    0px
                )
            ) !important;

        padding:
            10px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-item {
        grid-template-columns:
            54px
            minmax(0, 1fr)
            27px !important;

        gap:
            8px !important;

        padding:
            8px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-thumb {
        width:
            54px !important;

        height:
            54px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-title {
        font-size:
            10px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-similar-card {
        flex-basis:
            98px !important;

        width:
            98px !important;

        min-width:
            98px !important;

        min-height:
            153px !important;

        grid-template-rows:
            65px
            minmax(28px, auto)
            auto !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-similar-img,
    body:not(.wp-admin)
    .ll-c4-cart-similar-img img {
        height:
            65px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-empty {
        min-height:
            205px !important;

        margin:
            auto 11px !important;

        padding:
            32px 18px 24px !important;
    }
}

/* ==========================================================================
   Basket Drawer — storefront visual refinement
   Keeps the established drawer structure and all commerce interactions intact.
   ========================================================================== */
body:not(.wp-admin) .ll-c4-cart-drawer {
    background:
        radial-gradient(circle at 92% 4%, rgba(116, 64, 180, .20), transparent 26%),
        linear-gradient(180deg, #0b0d15 0%, #06070d 100%) !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer-top {
    min-height: 72px !important;
    padding: 15px 18px 13px !important;
    border-bottom: 1px solid rgba(225, 191, 92, .24) !important;
    background: linear-gradient(90deg, rgba(255,255,255,.035), transparent 56%) !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer-top::after {
    content: '';
    position: absolute;
    right: 18px;
    bottom: -1px;
    width: 78px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(138,255,0,.82), transparent);
}

body:not(.wp-admin) .ll-c4-cart-drawer-top .ll-c4-drawer-brand span {
    color: #f7f3ea !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    text-transform: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer-close {
    border-color: rgba(225, 191, 92, .34) !important;
    background: rgba(3, 5, 10, .72) !important;
    color: #e7cf79 !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer-content {
    padding: 16px 18px 20px !important;
    gap: 16px !important;
}

body:not(.wp-admin) .ll-c4-free-ship {
    margin: 0 !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-free-ship-top {
    color: rgba(239, 242, 229, .84) !important;
    font-size: 11px !important;
    letter-spacing: .025em !important;
}

body:not(.wp-admin) .ll-c4-free-ship-top strong,
body:not(.wp-admin) .ll-c4-free-ship-top b {
    color: #a9f56d !important;
}

body:not(.wp-admin) .ll-c4-free-ship-bar {
    height: 5px !important;
    margin-top: 9px !important;
    border: 1px solid rgba(225,191,92,.22) !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.40) !important;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.65) !important;
}

body:not(.wp-admin) .ll-c4-free-ship-bar span,
body:not(.wp-admin) .ll-c4-free-ship-bar i {
    background: linear-gradient(90deg, #75d94b, #b4fb73) !important;
    box-shadow: 0 0 10px rgba(138,255,0,.34) !important;
}

body:not(.wp-admin) .ll-c4-cart-similar {
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-similar-head {
    min-height: 44px !important;
    padding: 0 0 10px !important;
    background: transparent !important;
}

body:not(.wp-admin) .ll-c4-cart-similar-head strong {
    color: #f7f3ea !important;
    font-size: 12px !important;
    letter-spacing: .045em !important;
}

body:not(.wp-admin) .ll-c4-cart-similar-head span {
    color: rgba(225,191,92,.72) !important;
}

body:not(.wp-admin) .ll-c4-cart-similar-head i {
    width: 28px !important;
    height: 28px !important;
    border-color: rgba(225,191,92,.28) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.025) !important;
}

body:not(.wp-admin) .ll-c4-cart-similar.is-open .ll-c4-cart-similar-body {
    padding: 0 0 15px !important;
}

body:not(.wp-admin) .ll-c4-cart-similar-card {
    border-color: rgba(255,255,255,.10) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)) !important;
    box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-similar-card:hover {
    border-color: rgba(225,191,92,.34) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;
}

body:not(.wp-admin) .ll-c4-cart-similar-img {
    border-radius: 7px !important;
}

body:not(.wp-admin) .ll-c4-cart-similar-add {
    border-color: rgba(138,255,0,.44) !important;
    border-radius: 7px !important;
    background: rgba(138,255,0,.11) !important;
    color: #c6ff9e !important;
    box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-items {
    gap: 0 !important;
}

body:not(.wp-admin) .ll-c4-cart-item {
    padding: 14px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-thumb {
    border: 1px solid rgba(225,191,92,.18) !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,.22) !important;
}

body:not(.wp-admin) .ll-c4-cart-title {
    color: #faf8f1 !important;
    font-size: 13px !important;
}

body:not(.wp-admin) .ll-c4-cart-line {
    color: rgba(220,220,219,.58) !important;
}

body:not(.wp-admin) .ll-c4-cart-subtotal {
    color: #f0d879 !important;
    font-size: 12px !important;
}

body:not(.wp-admin) .ll-c4-qty-controls {
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 7px !important;
    background: rgba(0,0,0,.24) !important;
}

body:not(.wp-admin) .ll-c4-qty-controls button {
    border: 0 !important;
    border-radius: 5px !important;
    background: rgba(255,255,255,.055) !important;
    color: #d8f9b9 !important;
}

body:not(.wp-admin) .ll-c4-cart-summary {
    margin: 18px -18px -20px !important;
    padding: 16px 18px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(225,191,92,.28) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(15,17,27,.94), rgba(5,6,11,.99)) !important;
    box-shadow: 0 -14px 28px rgba(0,0,0,.20) !important;
}

body:not(.wp-admin) .ll-c4-cart-summary strong { color: #fff8d5 !important; }
body:not(.wp-admin) .ll-c4-cart-summary p { color: rgba(226,226,222,.60) !important; }

body:not(.wp-admin) .ll-c4-cart-primary {
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(138,255,0,.10) !important;
}

body:not(.wp-admin) .ll-c4-cart-secondary {
    border: 0 !important;
    border-radius: 0 !important;
    color: rgba(240,216,121,.88) !important;
    background: transparent !important;
}

@media (max-width: 480px) {
    body:not(.wp-admin) .ll-c4-cart-drawer-top { padding: 14px 15px 12px !important; }
    body:not(.wp-admin) .ll-c4-cart-drawer-content { padding: 14px 15px 18px !important; }
    body:not(.wp-admin) .ll-c4-cart-summary { margin: 16px -15px -18px !important; padding-left: 15px !important; padding-right: 15px !important; }
}


/* =========================================================
   Very narrow mobile
   ========================================================= */

@media (max-width: 380px) {

    body:not(.wp-admin)
    .ll-c4-cart-drawer {
        width:
            96vw !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer-top
    .ll-c4-drawer-brand > span {
        display:
            none !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-item {
        grid-template-columns:
            50px
            minmax(0, 1fr)
            25px !important;

        gap:
            7px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-thumb {
        width:
            50px !important;

        height:
            50px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-similar-head span {
        display:
            none !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-similar-head {
        grid-template-columns:
            minmax(0, 1fr)
            25px !important;
    }
}


/* =========================================================
   Reduced motion
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    body:not(.wp-admin)
    .ll-c4-cart-drawer,
    body:not(.wp-admin)
    .ll-c4-cart-backdrop,
    body:not(.wp-admin)
    .ll-c4-cart-drawer * {
        scroll-behavior:
            auto !important;

        transition-duration:
            .01ms !important;
    }
}
/* ==========================================================================
   Basket Drawer — Recommendation Display Shelf
   Final visual refinement.

   Purpose:
   - give recommendations more presence
   - improve breathing room between cards
   - show roughly 3 cards plus a deliberate next-card peek
   - make product artwork easier to appreciate
   - create a subtle collector-display-shelf treatment
   - preserve horizontal scrolling and all existing behaviour
   ========================================================================== */


/* --------------------------------------------------------------------------
   Recommendation vault
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar {
    position: relative !important;

    margin:
        2px 0 5px !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(167, 104, 255, .20) !important;

    border-radius:
        11px !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(168, 255, 92, .035),
            transparent 34%
        ),
        radial-gradient(
            circle at 90% 100%,
            rgba(143, 72, 226, .08),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            rgba(14, 15, 24, .94),
            rgba(6, 8, 14, .96)
        ) !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .035),
        inset 0 -1px rgba(138, 77, 208, .055),
        0 8px 24px rgba(0, 0, 0, .12) !important;
}


/* Tiny illuminated upper edge */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar::before {
    content:
        "" !important;

    display:
        block !important;

    position:
        absolute !important;

    top:
        0 !important;

    left:
        12px !important;

    right:
        12px !important;

    height:
        1px !important;

    z-index:
        2 !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(168, 255, 92, .25),
            rgba(247, 211, 91, .20),
            rgba(138, 77, 208, .25),
            transparent
        ) !important;

    opacity:
        .75 !important;
}


/* --------------------------------------------------------------------------
   Shelf heading
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-head {
    position:
        relative !important;

    z-index:
        3 !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        28px !important;

    align-items:
        center !important;

    width:
        100% !important;

    min-height:
        48px !important;

    gap:
        9px !important;

    margin:
        0 !important;

    padding:
        10px 11px 9px !important;

    border:
        0 !important;

    border-bottom:
        1px solid rgba(247, 211, 91, .075) !important;

    border-radius:
        0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .022),
            transparent
        ) !important;

    box-shadow:
        none !important;

    cursor:
        pointer !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-head strong {
    min-width:
        0 !important;

    color:
        #fff8e8 !important;

    font-size:
        11.5px !important;

    font-weight:
        950 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        .025em !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-head span {
    max-width:
        122px !important;

    overflow:
        hidden !important;

    color:
        rgba(247, 242, 223, .48) !important;

    font-size:
        8.5px !important;

    font-weight:
        750 !important;

    line-height:
        1.2 !important;

    text-overflow:
        ellipsis !important;

    white-space:
        nowrap !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-head i {
    display:
        grid !important;

    place-items:
        center !important;

    width:
        28px !important;

    height:
        28px !important;

    border:
        1px solid rgba(168, 255, 92, .32) !important;

    border-radius:
        7px !important;

    background:
        linear-gradient(
            180deg,
            rgba(168, 255, 92, .065),
            rgba(168, 255, 92, .018)
        ) !important;

    color:
        #a8ff5c !important;

    font-size:
        15px !important;

    font-style:
        normal !important;

    line-height:
        1 !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .035),
        0 0 12px rgba(168, 255, 92, .035) !important;
}


/* --------------------------------------------------------------------------
   Shelf body
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar.is-open
.ll-c4-cart-similar-body {
    position:
        relative !important;

    display:
        block !important;

    min-height:
        0 !important;

    padding:
        10px 10px 11px !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar.is-open
.ll-c4-cart-similar-body::after {
    content:
        "" !important;

    position:
        absolute !important;

    left:
        14px !important;

    right:
        14px !important;

    bottom:
        7px !important;

    height:
        1px !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(247, 211, 91, .15),
            rgba(138, 77, 208, .17),
            transparent
        ) !important;

    box-shadow:
        0 2px 12px rgba(138, 77, 208, .08) !important;
}


/* --------------------------------------------------------------------------
   Horizontal product rail
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-row {
    position:
        relative !important;

    z-index:
        2 !important;

    display:
        flex !important;

    align-items:
        stretch !important;

    min-height:
        0 !important;

    gap:
        11px !important;

    margin:
        0 !important;

    padding:
        2px 7px 5px 1px !important;

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;

    scroll-snap-type:
        x proximity !important;

    scroll-padding-inline:
        1px !important;

    scrollbar-width:
        none !important;

    -webkit-overflow-scrolling:
        touch !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-row::-webkit-scrollbar {
    display:
        none !important;
}


/* --------------------------------------------------------------------------
   Recommendation cards
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-card {
    position:
        relative !important;

    box-sizing:
        border-box !important;

    flex:
        0 0 112px !important;

    display:
        grid !important;

    grid-template-rows:
        82px
        minmax(32px, auto)
        auto !important;

    width:
        112px !important;

    min-width:
        112px !important;

    min-height:
        180px !important;

    gap:
        7px !important;

    align-content:
        start !important;

    margin:
        0 !important;

    padding:
        8px !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(247, 211, 91, .14) !important;

    border-radius:
        9px !important;

    background:
        radial-gradient(
            circle at 50% 16%,
            rgba(138, 77, 208, .075),
            transparent 46%
        ),
        linear-gradient(
            180deg,
            rgba(12, 14, 22, .98),
            rgba(5, 7, 12, .98)
        ) !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .035),
        0 5px 14px rgba(0, 0, 0, .17) !important;

    scroll-snap-align:
        start !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-card:hover {
        transform:
            translateY(-2px) !important;

        border-color:
            rgba(247, 211, 91, .27) !important;

        box-shadow:
            inset 0 1px rgba(255, 255, 255, .045),
            0 8px 20px rgba(0, 0, 0, .24),
            0 0 15px rgba(138, 77, 208, .055) !important;
    }
}


/* --------------------------------------------------------------------------
   Artwork presentation
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-img {
    position:
        relative !important;

    display:
        grid !important;

    place-items:
        center !important;

    width:
        100% !important;

    height:
        82px !important;

    overflow:
        hidden !important;

    border:
        1px solid rgba(138, 77, 208, .11) !important;

    border-radius:
        7px !important;

    background:
        radial-gradient(
            circle at 50% 44%,
            rgba(138, 77, 208, .10),
            rgba(4, 6, 11, .20) 55%,
            rgba(2, 4, 8, .72)
        ) !important;

    box-shadow:
        inset 0 0 18px rgba(138, 77, 208, .045) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-img::after {
    content:
        "" !important;

    position:
        absolute !important;

    left:
        14% !important;

    right:
        14% !important;

    bottom:
        5px !important;

    height:
        7px !important;

    border-radius:
        50% !important;

    pointer-events:
        none !important;

    background:
        rgba(168, 255, 92, .055) !important;

    filter:
        blur(5px) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-img img {
    position:
        relative !important;

    z-index:
        2 !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        100% !important;

    max-height:
        100% !important;

    object-fit:
        contain !important;

    transition:
        transform .18s ease !important;
}


/* --------------------------------------------------------------------------
   Product copy
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-name {
    display:
        -webkit-box !important;

    min-height:
        32px !important;

    margin:
        0 !important;

    overflow:
        hidden !important;

    color:
        rgba(255, 250, 237, .84) !important;

    font-size:
        9.5px !important;

    font-weight:
        850 !important;

    line-height:
        1.15 !important;

    text-decoration:
        none !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        3 !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-bottom {
    display:
        grid !important;

    grid-template-columns:
        1fr !important;

    align-self:
        end !important;

    gap:
        6px !important;

    margin-top:
        auto !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-price,
body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-bottom > span {
    display:
        block !important;

    color:
        #ffe46c !important;

    font-size:
        10px !important;

    font-weight:
        950 !important;

    line-height:
        1.1 !important;

    white-space:
        nowrap !important;
}


/* --------------------------------------------------------------------------
   CTA
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-add {
    box-sizing:
        border-box !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    display:
        grid !important;

    place-items:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    height:
        29px !important;

    min-height:
        29px !important;

    margin:
        0 !important;

    padding:
        0 8px !important;

    border:
        1px solid rgba(255, 226, 102, .46) !important;

    border-radius:
        6px !important;

    background:
        linear-gradient(
            135deg,
            #ffe873 0%,
            #f6ca3d 58%,
            #e3ad27 100%
        ) !important;

    color:
        #08090d !important;

    font-family:
        inherit !important;

    font-size:
        8.5px !important;

    font-weight:
        950 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

    text-transform:
        none !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .36),
        0 4px 9px rgba(247, 201, 72, .07) !important;
}


/* --------------------------------------------------------------------------
   Space between recommendation shelf and cart
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar
+ .ll-c4-cart-items {
    margin-top:
        3px !important;
}


/* --------------------------------------------------------------------------
   Mobile tuning
   -------------------------------------------------------------------------- */

@media (max-width: 640px) {

    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar.is-open
    .ll-c4-cart-similar-body {
        padding:
            9px 9px 10px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-row {
        gap:
            10px !important;

        padding:
            2px 8px 5px 1px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-card {
        flex-basis:
            108px !important;

        width:
            108px !important;

        min-width:
            108px !important;

        min-height:
            176px !important;

        grid-template-rows:
            78px
            minmax(32px, auto)
            auto !important;

        padding:
            7px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-img,
    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-img img {
        height:
            78px !important;
    }
}


/* --------------------------------------------------------------------------
   Narrow phones
   -------------------------------------------------------------------------- */

@media (max-width: 380px) {

    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-card {
        flex-basis:
            101px !important;

        width:
            101px !important;

        min-width:
            101px !important;

        min-height:
            169px !important;

        grid-template-rows:
            73px
            minmax(30px, auto)
            auto !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-img,
    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-img img {
        height:
            73px !important;
    }
}

/* ==========================================================================
   Basket Drawer — Crystal Recommendation Scrollbar

   A deliberate visual affordance for the horizontal recommendation rail.

   Rather than exposing a generic browser scrollbar, this becomes part of
   the Lootcave visual language:
   purple crystal -> warm gold -> cave green.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Give the recommendation rail room for its illuminated scroll indicator.
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-row {
    padding-bottom:
        11px !important;

    scrollbar-width:
        thin !important;

    scrollbar-color:
        rgba(247, 211, 91, .78)
        rgba(138, 77, 208, .12) !important;
}


/* --------------------------------------------------------------------------
   WebKit / Chromium / Safari scrollbar
   -------------------------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-row::-webkit-scrollbar {
    display:
        block !important;

    height:
        5px !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-row::-webkit-scrollbar-track {
    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(138, 77, 208, .30) 0%,
            rgba(171, 92, 229, .24) 22%,
            rgba(247, 201, 72, .25) 52%,
            rgba(168, 255, 92, .24) 78%,
            rgba(95, 224, 82, .20) 100%
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .025),
        0 0 8px rgba(138, 77, 208, .07) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-row::-webkit-scrollbar-thumb {
    min-width:
        42px !important;

    border:
        1px solid rgba(255, 239, 153, .24) !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            #8f54dd 0%,
            #c276e7 24%,
            #f5cc49 52%,
            #c9ec59 74%,
            #8dff55 100%
        ) !important;

    box-shadow:
        0 0 5px rgba(247, 201, 72, .20),
        0 0 9px rgba(138, 77, 208, .13),
        inset 0 1px rgba(255, 255, 255, .24) !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-row::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(
            90deg,
            #a563ef 0%,
            #d28af0 24%,
            #ffe266 52%,
            #d8f66a 74%,
            #a8ff5c 100%
        ) !important;

    box-shadow:
        0 0 7px rgba(247, 201, 72, .28),
        0 0 12px rgba(138, 77, 208, .18),
        inset 0 1px rgba(255, 255, 255, .30) !important;
}


/* Remove scrollbar end buttons where the browser exposes them. */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-row::-webkit-scrollbar-button {
    display:
        none !important;

    width:
        0 !important;

    height:
        0 !important;
}


/* --------------------------------------------------------------------------
   Mobile

   Keep it visible, but make it more like an illuminated hairline so it
   doesn't steal vertical room from the recommendation cards.
   -------------------------------------------------------------------------- */

@media (max-width: 640px) {

    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-row {
        padding-bottom:
            10px !important;
    }

    body:not(.wp-admin)
    .ll-c4-cart-drawer
    .ll-c4-cart-similar-row::-webkit-scrollbar {
        height:
            4px !important;
    }
}

/* Final cascade: premium presentation over legacy compact-cart layers. */
body:not(.wp-admin) .ll-c4-cart-drawer { background: radial-gradient(circle at 92% 4%, rgba(116,64,180,.20), transparent 26%), linear-gradient(180deg,#0b0d15,#06070d) !important; }
body:not(.wp-admin) .ll-c4-cart-drawer-top { min-height:72px !important; padding:15px 18px 13px !important; border-bottom:1px solid rgba(225,191,92,.24) !important; background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 56%) !important; }
body:not(.wp-admin) .ll-c4-cart-drawer-top .ll-c4-drawer-brand span { color:#f7f3ea !important; font-family:Georgia,"Times New Roman",serif !important; font-size:16px !important; letter-spacing:.025em !important; text-transform:none !important; }
body:not(.wp-admin) .ll-c4-cart-drawer-content { padding:16px 18px 20px !important; gap:16px !important; }
body:not(.wp-admin) .ll-c4-free-ship { margin:0 !important; padding:0 0 14px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.09) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body:not(.wp-admin) .ll-c4-free-ship-top strong, body:not(.wp-admin) .ll-c4-free-ship-top b { color:#a9f56d !important; }
body:not(.wp-admin) .ll-c4-free-ship-bar { height:5px !important; border:1px solid rgba(225,191,92,.22) !important; border-radius:999px !important; background:rgba(0,0,0,.4) !important; }
body:not(.wp-admin) .ll-c4-cart-similar { margin:0 !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.09) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body:not(.wp-admin) .ll-c4-cart-similar-head { min-height:44px !important; padding:0 0 10px !important; background:transparent !important; }
body:not(.wp-admin) .ll-c4-cart-similar-card { border-color:rgba(255,255,255,.10) !important; border-radius:10px !important; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)) !important; box-shadow:none !important; }
body:not(.wp-admin) .ll-c4-cart-similar-add { border-color:rgba(138,255,0,.44) !important; border-radius:7px !important; background:rgba(138,255,0,.11) !important; color:#c6ff9e !important; box-shadow:none !important; }
body:not(.wp-admin) .ll-c4-cart-items { gap:0 !important; }
body:not(.wp-admin) .ll-c4-cart-item { padding:14px 0 !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.09) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body:not(.wp-admin) .ll-c4-cart-thumb { border:1px solid rgba(225,191,92,.18) !important; border-radius:8px !important; background:rgba(0,0,0,.22) !important; }
body:not(.wp-admin) .ll-c4-cart-title { color:#faf8f1 !important; font-size:13px !important; }
body:not(.wp-admin) .ll-c4-cart-subtotal { color:#f0d879 !important; }
body:not(.wp-admin) .ll-c4-qty-controls { border:1px solid rgba(255,255,255,.10) !important; border-radius:7px !important; background:rgba(0,0,0,.24) !important; }
body:not(.wp-admin) .ll-c4-qty-controls button { border:0 !important; border-radius:5px !important; background:rgba(255,255,255,.055) !important; color:#d8f9b9 !important; }
body:not(.wp-admin) .ll-c4-cart-summary { margin:18px -18px -20px !important; padding:16px 18px calc(20px + env(safe-area-inset-bottom,0px)) !important; border-top:1px solid rgba(225,191,92,.28) !important; border-radius:0 !important; background:linear-gradient(180deg,rgba(15,17,27,.94),rgba(5,6,11,.99)) !important; box-shadow:0 -14px 28px rgba(0,0,0,.20) !important; }
body:not(.wp-admin) .ll-c4-cart-summary strong { color:#fff8d5 !important; }
body:not(.wp-admin) .ll-c4-cart-primary { border-radius:8px !important; box-shadow:0 8px 22px rgba(138,255,0,.10) !important; }
body:not(.wp-admin) .ll-c4-cart-secondary { border:0 !important; border-radius:0 !important; color:rgba(240,216,121,.88) !important; background:transparent !important; }

/* Basket presentation: one application surface with a pinned checkout footer. */
body:not(.wp-admin) .ll-c4-cart-drawer {
  --ll-basket-bg: #0d0f14;
  --ll-basket-panel: #151820;
  --ll-basket-panel-raised: #1a1e27;
  --ll-basket-muted: #969ba7;
  --ll-basket-gold: #d4af37;
  --ll-basket-green: #8aff00;
  background: radial-gradient(circle at 92% 4%, rgba(118,80,167,.18), transparent 31%), #0d0f14 !important;
  border-left-color: rgba(255,255,255,.08) !important;
}
body:not(.wp-admin) .ll-c4-cart-drawer-top { flex:0 0 auto !important; min-height:76px !important; padding:18px !important; border-bottom:1px solid rgba(212,175,55,.22) !important; background:linear-gradient(135deg,#11141b,#171421 56%,#11131a) !important; }
body:not(.wp-admin) .ll-c4-cart-drawer-top .ll-c4-drawer-brand span { color:#fff !important; font-family:inherit !important; font-size:15px !important; font-weight:750 !important; }
body:not(.wp-admin) .ll-c4-cart-drawer-content { display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; flex:1 1 auto !important; min-height:0 !important; overflow:hidden !important; padding:0 !important; gap:0 !important; }
body:not(.wp-admin) .ll-basket-drawer__scroll-region { min-height:0 !important; overflow-y:auto !important; padding:18px !important; gap:0 !important; }
body:not(.wp-admin) .ll-c4-free-ship { margin:0 0 18px !important; padding:0 0 14px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; border-radius:0 !important; background:transparent !important; }
body:not(.wp-admin) .ll-c4-free-ship-top { color:#f4f4f5 !important; }
body:not(.wp-admin) .ll-c4-free-ship-bar { border:0 !important; background:#0d1016 !important; }
body:not(.wp-admin) .ll-c4-cart-similar { margin:0 0 12px !important; padding:0 0 14px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; border-radius:0 !important; background:transparent !important; }
body:not(.wp-admin) .ll-c4-cart-similar-head { min-height:42px !important; padding:0 !important; }
body:not(.wp-admin) .ll-c4-cart-similar-card { border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body:not(.wp-admin) .ll-c4-cart-similar-add { border:1px solid rgba(138,255,0,.18) !important; border-radius:8px !important; background:rgba(138,255,0,.06) !important; color:#caff96 !important; }
body:not(.wp-admin) .ll-c4-cart-item { padding:16px 0 !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; border-radius:0 !important; background:transparent !important; }
body:not(.wp-admin) .ll-c4-cart-thumb { border-color:rgba(255,255,255,.08) !important; border-radius:8px !important; background:#151820 !important; }
body:not(.wp-admin) .ll-c4-cart-line { color:#969ba7 !important; }
body:not(.wp-admin) .ll-c4-qty-controls { border-color:rgba(255,255,255,.10) !important; border-radius:8px !important; background:#0d1016 !important; }
body:not(.wp-admin) .ll-c4-cart-remove { border-color:rgba(255,255,255,.10) !important; background:#151820 !important; color:#969ba7 !important; }
body:not(.wp-admin) .ll-c4-cart-summary { position:relative !important; align-self:stretch !important; margin:0 !important; padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px)) !important; border:0 !important; border-top:1px solid rgba(212,175,55,.22) !important; border-radius:0 !important; background:linear-gradient(180deg,#151820,#0d0f14) !important; }
body:not(.wp-admin) .ll-c4-cart-summary p { color:#969ba7 !important; }
body:not(.wp-admin) .ll-c4-cart-primary { border:1px solid rgba(138,255,0,.25) !important; border-radius:8px !important; background:linear-gradient(180deg,#9cff4f,#8aff00) !important; color:#10140c !important; box-shadow:none !important; }
body:not(.wp-admin) .ll-c4-cart-secondary { color:#e1c75f !important; }


/* =========================================================
   BASKET CONTENT — CANONICAL FACELIFT
   Header and checkout footer intentionally untouched.
========================================================= */


/* ---------------------------------------------------------
   SCROLLABLE CONTENT SURFACE
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-basket-drawer__scroll-region {
  padding: 20px 18px 22px !important;
  background: transparent !important;
}


/* ---------------------------------------------------------
   FREE SHIPPING — QUIET STATUS + PROGRESS
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-free-ship {
  margin: 0 0 22px !important;
  padding: 0 0 18px !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;

  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-free-ship-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 14px !important;

  margin: 0 0 10px !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-free-ship-top strong {
  color: #f4f5f7 !important;

  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-free-ship-top span {
  flex: 0 0 auto !important;

  color: #8aff00 !important;

  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-free-ship-bar {
  position: relative !important;

  height: 5px !important;

  overflow: hidden !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,.07) !important;

  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.45) !important;
}


/* ---------------------------------------------------------
   RECOMMENDATION SECTION
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar {
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;

  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar::before {
  content: none !important;
  display: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-head {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 38px !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  text-align: left !important;
  box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-head strong {
  color: #8aff00 !important;

  font-size: 9px !important;
  line-height: 1.2 !important;

  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-head span {
  display: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-head i {
  display: grid !important;
  place-items: center !important;

  width: 28px !important;
  height: 28px !important;

  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: #d4af37 !important;

  font-size: 17px !important;
  font-style: normal !important;

  box-shadow: none !important;
}


/* ---------------------------------------------------------
   RECOMMENDATION RAIL
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-body {
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-row {
  display: flex !important;

  gap: 14px !important;

  margin: 0 !important;
  padding: 0 0 8px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: x proximity !important;

  scrollbar-width: thin !important;
  scrollbar-color: rgba(212,175,55,.28) transparent !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-card {
  flex: 0 0 132px !important;

  display: flex !important;
  flex-direction: column !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  scroll-snap-align: start !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-card::after {
  content: none !important;
  display: none !important;
}


/* ---------------------------------------------------------
   RECOMMENDATION IMAGE
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-img {
  display: block !important;

  width: 132px !important;
  height: 112px !important;

  overflow: hidden !important;

  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 10px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.04),
      rgba(255,255,255,.015)
    ) !important;

  box-shadow:
    inset 0 1px rgba(255,255,255,.025) !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-img::after {
  content: none !important;
  display: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-img img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  margin: 0 !important;
}


/* ---------------------------------------------------------
   RECOMMENDATION TYPOGRAPHY
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-name {
  display: -webkit-box !important;

  min-height: 34px !important;

  overflow: hidden !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  color: #f5f6f8 !important;

  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;

  text-decoration: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-name:hover,
body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-name:focus-visible {
  color: #fff !important;
  outline: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-bottom {
  display: grid !important;
  grid-template-columns: 1fr auto !important;

  align-items: center !important;

  gap: 8px !important;

  margin-top: auto !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-price,
body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-bottom > span {
  color: #e1c75f !important;

  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}


/* ---------------------------------------------------------
   RECOMMENDATION ACTION
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-add {
  display: inline-grid !important;
  place-items: center !important;

  min-width: 42px !important;
  min-height: 28px !important;

  margin: 0 !important;
  padding: 5px 9px !important;

  border: 1px solid rgba(138,255,0,.18) !important;
  border-radius: 7px !important;

  background: rgba(138,255,0,.055) !important;

  color: #caff96 !important;

  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-add:hover,
body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-add:focus-visible {
  border-color: rgba(138,255,0,.34) !important;
  background: rgba(138,255,0,.10) !important;
  color: #e2ffc9 !important;

  outline: none !important;
}


/* ---------------------------------------------------------
   CART ITEMS
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-items {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-item {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 74px minmax(0,1fr) 30px !important;

  align-items: start !important;

  gap: 12px !important;

  margin: 0 !important;
  padding: 16px 0 !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;

  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-item::before {
  content: none !important;
  display: none !important;
}


/* ---------------------------------------------------------
   CART IMAGE
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-thumb {
  width: 74px !important;
  height: 74px !important;

  overflow: hidden !important;

  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 9px !important;

  background: #151820 !important;

  box-shadow:
    inset 0 1px rgba(255,255,255,.025) !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-thumb img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
}


/* ---------------------------------------------------------
   CART META
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-meta {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  min-width: 0 !important;

  gap: 6px !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-title {
  color: #f7f7f8 !important;

  font-size: 12px !important;
  line-height: 1.35 !important;

  font-weight: 700 !important;

  text-decoration: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-line {
  color: #969ba7 !important;

  font-size: 10px !important;
  line-height: 1.3 !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-subtotal {
  margin-top: 2px !important;

  color: #e1c75f !important;

  font-size: 12px !important;
  font-weight: 850 !important;
}


/* ---------------------------------------------------------
   QUANTITY CONTROLS
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-qty-controls {
  display: inline-grid !important;
  grid-template-columns: 28px 30px 28px !important;

  align-items: center !important;

  min-height: 30px !important;

  overflow: hidden !important;

  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 7px !important;

  background: rgba(255,255,255,.025) !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-qty-controls button {
  width: 28px !important;
  height: 30px !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  color: #caff96 !important;

  font-size: 15px !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-qty-controls strong {
  display: grid !important;
  place-items: center !important;

  height: 30px !important;

  border-left: 1px solid rgba(255,255,255,.06) !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;

  color: #f5f6f8 !important;

  font-size: 10px !important;
}


/* ---------------------------------------------------------
   REMOVE
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-remove {
  display: grid !important;
  place-items: center !important;

  width: 28px !important;
  height: 28px !important;

  margin: 0 !important;

  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 7px !important;

  background: rgba(255,255,255,.025) !important;

  color: #7f8591 !important;

  font-size: 17px !important;
  line-height: 1 !important;

  text-decoration: none !important;

  box-shadow: none !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-remove:hover,
body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-remove:focus-visible {
  border-color: rgba(255,255,255,.14) !important;

  background: rgba(255,255,255,.05) !important;

  color: #d0d3d8 !important;

  outline: none !important;
}


/* ---------------------------------------------------------
   EMPTY BASKET
--------------------------------------------------------- */

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-empty {
  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;

  justify-content: center !important;

  min-height: 420px !important;

  padding: 40px 28px !important;

  text-align: center !important;

  background: transparent !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-empty__logo {
  display: grid !important;
  place-items: center !important;

  width: 92px !important;
  height: 78px !important;

  margin: 0 0 18px !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-empty__logo
.ll-c4-logo-img {
  width: 92px !important;
  max-width: 92px !important;
  max-height: 78px !important;

  object-fit: contain !important;

  filter:
    drop-shadow(0 8px 18px rgba(0,0,0,.36)) !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-empty > strong {
  margin: 0 0 8px !important;

  color: #fff !important;

  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-empty > p {
  max-width: 280px !important;

  margin: 0 0 22px !important;

  color: #969ba7 !important;

  font-size: 11px !important;
  line-height: 1.55 !important;
}

body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-empty > .ll-c4-cart-primary {
  width: min(100%,220px) !important;
}


/* ---------------------------------------------------------
   SMALL PHONES
--------------------------------------------------------- */

@media (max-width:390px) {

  body:not(.wp-admin) .ll-c4-cart-drawer .ll-basket-drawer__scroll-region {
    padding: 18px 16px 20px !important;
  }

  body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-card {
    flex-basis: 122px !important;
  }

  body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-similar-img {
    width: 122px !important;
    height: 104px !important;
  }

  body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-item {
    grid-template-columns: 66px minmax(0,1fr) 28px !important;
    gap: 10px !important;
  }

  body:not(.wp-admin) .ll-c4-cart-drawer .ll-c4-cart-thumb {
    width: 66px !important;
    height: 66px !important;
  }
}


/* =========================================================
   BASKET CONTENT — FINAL CLEANUP
   Empty state + recommendation disclosure only.
   Header and checkout footer remain untouched.
========================================================= */


/* ---------------------------------------------------------
   EMPTY BASKET — REMOVE LEGACY DECORATION / CARD SHELL
--------------------------------------------------------- */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-empty {
  position: relative !important;

  margin: 0 !important;
  padding: 46px 28px !important;

  min-height: 420px !important;

  overflow: visible !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


/* Retire the old green sparkle completely. */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-empty::before,
body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-empty::after {
  content: none !important;
  display: none !important;
}


/* Let the real logo be the sole visual focal point. */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-empty__logo {
  margin-bottom: 20px !important;
}


/* ---------------------------------------------------------
   RECOMMENDATION DISCLOSURE — CANONICAL STATE CONTRACT
--------------------------------------------------------- */

/*
 * Legacy recommendation CSS contained display rules strong enough
 * to override the HTML hidden attribute. The Basket Drawer JS
 * remains the canonical state owner; this merely makes its
 * body.hidden value authoritative again.
 */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-body[hidden] {
  display: none !important;
}


/* Explicit closed-state safety net. */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar.is-closed
.ll-c4-cart-similar-body {
  display: none !important;
}


/* Open state. */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar.is-open
.ll-c4-cart-similar-body:not([hidden]) {
  display: block !important;
}


/* Disclosure indicator. */

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar-head i {
  transition:
    transform .18s ease,
    color .18s ease !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar.is-open
.ll-c4-cart-similar-head i {
  transform: rotate(180deg) !important;
  color: #8aff00 !important;
}

body:not(.wp-admin)
.ll-c4-cart-drawer
.ll-c4-cart-similar.is-closed
.ll-c4-cart-similar-head i {
  transform: rotate(0deg) !important;
  color: #d4af37 !important;
}