/* Basket/reservation access and badge geometry — 2026-09-19 */
.app-cart-button,
.app-detail-cart {
    position: relative !important;
    overflow: visible !important;
}

.app-cart-count {
    position: absolute !important;
    top: -5px !important;
    right: -2px !important;
    z-index: 8 !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
    border: 2px solid var(--fx-bg, #050608) !important;
    border-radius: 999px !important;
    background: var(--fx-danger, #ff5f70) !important;
    color: #fff !important;
    font: 800 11px/1 Inter, system-ui, sans-serif !important;
    pointer-events: none !important;
}

.app-mobile-brand-row,
.app-mobile-header-actions {
    overflow: visible !important;
}

@media (max-width: 900px) {
    .app-route-detail .app-listing-actions > div > .app-detail-cart {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        display: grid !important;
        place-items: center !important;
        flex: 0 0 40px !important;
        padding: 0 !important;
        border: 1px solid var(--fx-line-strong, #344153) !important;
        border-radius: 999px !important;
        color: var(--fx-text, #f5f7fa) !important;
        background: var(--fx-bg, #050608) !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .app-route-detail .app-listing-actions > div > .app-detail-cart svg {
        width: 20px !important;
        height: 20px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.8 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .app-route-detail .app-listing-actions > div {
        overflow: visible !important;
    }
}

@media (max-width: 430px) {
    .app-cart-count {
        top: -4px !important;
        right: -1px !important;
    }
}