/* WEBEGE MASCOTS V2. Loaded after v1; original art/assets stay untouched. */
/* Desktop: EGE down 4px; OGE unchanged. */
body[data-webege-mascot="ege"] #shop-year-section::before {
    transform: translate(-50%, calc(-100% + 13px));
}
/* Free desktop: down 4px. Mobile: UP 1px relative to v1, not this rule. */
body.free-body .free-info-card::before { bottom: calc(100% - 13px); }
@media (max-width: 920px) {
    body.free-body .free-info-card::before { bottom: calc(100% - 8px); }
}

/* Mobile/tablet mascot moves back above the right year tile. No spacer. */
@media (max-width: 1099px) {
    body[data-webege-mascot] .shop-seo-breadcrumbs {
        min-height: 0;
        padding-right: 0;
    }
    body[data-webege-mascot] .shop-seo-breadcrumbs::after { display: none; }
    body[data-webege-mascot] #shop-year-section::before {
        display: block;
        width: clamp(72px, 21vw, 100px);
        left: 75%;
        top: 0;
        transform: translate(-50%, calc(-100% + 7px));
        z-index: 4;
        pointer-events: none;
    }
    body[data-webege-mascot="ege"] #shop-year-section::before {
        transform: translate(-50%, calc(-100% + 9px));
    }
}

/* Remove v1's flow reservation and clipped item pseudo-element. */
#cart-modal .cart-items > .cart-item:first-child { margin-top: 0 !important; }
#cart-modal .cart-items > .cart-item:first-child::before { display: none !important; content: none !important; }

/* Real overlay is a direct child of the existing positioned modal card.
   Never change overflow/height/touch-action on the card or scrollable list. */
#cart-modal .cart-modal-card > .webege-cart-mascot-v2 {
    position: absolute !important;
    display: block !important;
    visibility: hidden;
    width: 88px;
    height: 66px;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: url("../assets/mascots-v1/cart.webp") center / contain no-repeat !important;
    pointer-events: none !important;
    user-select: none;
    z-index: 4;
    transition: none !important;
    animation: none !important;
}
#cart-modal .cart-modal-card > .webege-cart-mascot-v2[hidden] { display: none !important; }
@media (max-width: 700px) {
    #cart-modal .cart-modal-card > .webege-cart-mascot-v2 { width: 56px; height: 42px; }
}
@media (max-height: 650px) {
    #cart-modal .cart-modal-card > .webege-cart-mascot-v2 { display: none !important; }
}
@media print {
    body[data-webege-mascot] #shop-year-section::before,
    #cart-modal .cart-modal-card > .webege-cart-mascot-v2 { display: none !important; }
}