/* WEBEGE MASCOTS V3: load after v1 + v2. Existing art and JS unchanged. */

/* Desktop cart: down 3px visually, with no added space above the first item.
   v2 still owns left/top and visibility; never alter the scrolling containers. */
@media (min-width: 701px) {
    #cart-modal .cart-modal-card > .webege-cart-mascot-v2 {
        transform: translateY(3px) !important;
    }
}

/* Desktop Free: up 4px from v2. The <=920px mobile rule stays untouched. */
@media (min-width: 921px) {
    body.free-body .free-info-card::before {
        bottom: calc(100% - 9px);
    }
}

/* Only the existing narrow layout changes. Desktop EGE/OGE is untouched.
   Anchor to the right edge of the year section, not a viewport coordinate. */
@media (max-width: 1099px) {
    body[data-webege-mascot] #shop-year-section::before {
        left: auto;
        right: 12px;
        transform: translateY(calc(-100% + 3px));
    }
    body[data-webege-mascot="ege"] #shop-year-section::before {
        transform: translateY(calc(-100% + 5px));
    }

    /* Keep a real text-free lane: z-index alone cannot prevent an overlap.
       Width follows v2's mascot clamp, plus right inset and 12px clearance.
       Text is allowed to wrap normally; no fixed height or manual <br>. */
    body[data-webege-mascot] .shop-page-hero-title > .shop-page-hero-subtitle {
        box-sizing: border-box;
        padding-right: calc(clamp(72px, 21vw, 100px) + 24px);
    }
}

@media (max-width: 700px) {
    /* base.css retained blur(12px) + z-index:50 on the old sticky header.
       cart.css made it static/transparent but never reset the backdrop filter:
       its otherwise invisible rectangle blurred the mascot's hair away. */
    #cart-modal .cart-modal-card > .section-kicker {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    #cart-modal .cart-modal-card > .webege-cart-mascot-v2 {
        z-index: 60;
    }
    /* The existing close button stays above this layer (z-index:70).
       v2's pointer-events:none and short-window/empty-cart hiding still apply. */
}