/* OBDPRICE UK - Mobile Cart Drawer */

@media (max-width: 767px) {

    /* Bottom Sheet */

    #cart-drawer.stage-drawer {

        position: fixed !important;

        top: auto !important;

        bottom: 0 !important;

        left: 0 !important;

        right: 0 !important;

        width: 100% !important;

        max-width: 100% !important;

        height: 85dvh !important;

        max-height: 95dvh !important;

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

        overflow: hidden !important;

        transform: translateY(110%) !important;

        transition: transform .3s ease !important;

        z-index: 99999 !important;

        background: #fff;

    }

    #cart-drawer.stage-drawer--is-open {

        transform: translateY(0) !important;

    }

    /* Main layout */

    #cart-drawer .drawer--content {

        width: 100% !important;

        height: 100% !important;

        max-height: 100% !important;

        display: flex !important;

        flex-direction: column !important;

        overflow: hidden !important;

    }

    /* Header */

    #cart-drawer .drawer__header--fixed {

        flex-shrink: 0 !important;

        padding: 12px !important;

        border-bottom: 1px solid #eee;

    }

    #cart-drawer .drawer__header--content {

        padding: 0 !important;

    }

    #cart-drawer .drawer__title {

        font-size: 18px !important;

        font-weight: 700 !important;

    }

    /* Scrollable body */

    #cart-drawer .drawer__main {

        flex: 1 1 auto !important;

        min-height: 0 !important;

        overflow-y: auto !important;

        overscroll-behavior: contain;

        -webkit-overflow-scrolling: touch;

    }

    /* Product item */

    #cart-drawer .trade-cart-sku-item {

        display: grid !important;

        grid-template-columns: 85px minmax(0, 1fr);

        gap: 10px !important;

        /*padding: 12px !important;*/

        align-items: start;

    }

    #cart-drawer .trade-cart-sku-item-image {

        width: 85px !important;

        max-width: 85px !important;

    }

    #cart-drawer .trade-cart-sku-item-info {

        position: relative !important;

        min-width: 0 !important;

        width: 100% !important;

    }

    #cart-drawer .trade-cart-sku-item-info-title {

        font-size: 13px !important;

        font-weight: 600 !important;

        line-height: 1.5 !important;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        overflow: hidden;

        overflow-wrap: anywhere;

    }

    #cart-drawer .trade-cart-sku-item-info-spec {

        font-size: 12px !important;

        color: #777 !important;

        margin-top: 5px;

    }

    /* Price + quantity */

    #cart-drawer .trade-cart-sku-item-info-number {

        display: flex !important;

        flex-direction: column-reverse !important;

        align-items: stretch !important;

        gap: 8px !important;

        margin-top: 10px !important;

    }

    #cart-drawer .trade-cart-sku-item-info-amount-and-discount {

        width: 100% !important;

        text-align: left !important;

    }

    #cart-drawer .trade-cart-sku-item-info-amount {

        text-align: left !important;

    }

    #cart-drawer .trade-cart-sku-item-real-price {

        display: block !important;

        font-size: 15px !important;

        font-weight: 700 !important;

        line-height: 1.4 !important;

        white-space: nowrap !important;

    }

    #cart-drawer .trade-cart-sku-item-info-left {

        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        min-height: 32px;

    }

    /* Remove */

    #cart-drawer .trade-cart-sku-item-remove {

        position: absolute !important;

        right: 0 !important;

        bottom: 0 !important;

        margin: 0 !important;

    }

    #cart-drawer .trade-cart-sku-item-remove-button {

        font-size: 12px !important;

        color: #777 !important;

        text-decoration: underline;

    }

    /* Trust info */

    #cart-drawer .obd-cart-trust {

        margin: 12px !important;

        padding: 12px !important;

        border-radius: 8px;

        background: #f7f8fa;

        box-sizing: border-box;

    }

    .obd-cart-trust-title {

        font-size: 13px;

        font-weight: 700;

        color: #222;

        margin-bottom: 14px;

    }

    .obd-cart-trust-grid {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 14px 12px;

    }

    .obd-cart-trust-item {

        display: flex;

        align-items: flex-start;

        gap: 7px;

        min-width: 0;

    }

    .obd-cart-trust-icon {

        color: #17834a;

        flex-shrink: 0;

        width: 18px;

        height: 18px;

    }

    .obd-cart-trust-name {

        font-size: 11px;

        font-weight: 600;

        color: #222;

        line-height: 1.4;

    }

    .obd-cart-trust-desc {

        font-size: 10px;

        color: #777;

        line-height: 1.5;

        margin-top: 2px;

    }

    /* Coupon */

    #cart-drawer .trade_coupon__wrapper {

        /*margin-left: 12px !important;

        margin-right: 12px !important;*/

    }

    /* Fixed checkout */

    #cart-drawer .miniCart__stick_container_fixed {

        bottom: 0 !important;

        left: 0 !important;

        right: 0 !important;

        width: 100% !important;

        box-sizing: border-box;

        background: #fff;

        /* padding: 12px !important;*/

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

        z-index: 10;

    }

    #cart-drawer .pay-button-checkout {

        border-radius: 6px !important;

    }

    /* Hide sticky product buy bar when cart is open */

    body.obd-cart-open #obd-sticky-buybar {

        display: none !important;

    }

    #cart-drawer .trade_cart_not_empty_wrapper {

        padding-left: 12px;

        padding-right: 12px;

    }

    /* Hide AI Chat Launcher When Cart Drawer Is Open */

    body:has(#cart-drawer.stage-drawer--is-open) [data-ssc-launcher-height-target] {

        display: none;

    }

}

/* OBDPRICE UK - Desktop Drawer and Trust Info */
@media screen and (min-width: 768px) {
    #cart-drawer.stage-drawer {
        width: 600px;
        max-width: 100vw;
    }

    #cart-drawer .drawer-content,
    #cart-drawer .drawer__main,
    #cart-drawer .trade_mini_cart {
        width: 100%;
        box-sizing: border-box;
    }

    /* The actual trust container uses obd-cart-trust */
    #cart-drawer .obd-cart-trust {
        position: relative;
        display: block;
        height: auto;
        min-height: 0;
        width: auto;
        margin: 12px 0 14px;
        padding: 14px 16px;
        background: #f7f8fa;
        border: 0;
        border-radius: 8px;
        box-sizing: border-box;
        overflow: visible;
        clear: both;
    }

    #cart-drawer .obd-cart-trust-title {
        margin: 0 0 12px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.4;
        color: #222;
    }

    #cart-drawer .obd-cart-trust-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 18px;
        align-items: start;
    }

    #cart-drawer .obd-cart-trust-item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        min-width: 0;
    }

    #cart-drawer .obd-cart-trust-icon {
        display: flex;
        flex: 0 0 17px;
        align-items: center;
        justify-content: center;
        width: 17px;
        height: 17px;
        color: #25834a;
    }

    #cart-drawer .obd-cart-trust-icon svg,
    #cart-drawer .obd-cart-trust-icon img {
        display: block;
        width: 17px;
        height: 17px;
        max-width: 17px;
        max-height: 17px;
        object-fit: contain;
    }

    #cart-drawer .obd-cart-trust-name {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
        color: #222;
    }

    #cart-drawer .obd-cart-trust-desc {
        margin-top: 2px;
        font-size: 11px;
        line-height: 1.4;
        color: #777;
    }

    #cart-drawer .trade_coupon__wrapper {
        position: relative;
        clear: both;
        margin-top: 12px;
    }
}