@media screen and (max-width: 767px) {
    #obd-mobile-buybar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 900;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 60px;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
        box-sizing: border-box;
        background: #fff;
        border-top: 1px solid #e5e5e5;
    }

    #obd-mobile-buybar.is-hidden {
        display: none;
    }

    .obd-buybar-price {
        flex: 1;
        min-width: 0;
        color: #e1251b;
        font-size: 16px;
        font-weight: 700;
        white-space: nowrap;
    }

    .obd-buybar-actions {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .obd-buybar-cart {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 38px;
        border: 0;
        border-radius: 20px;
        background: #f4f5f8;
        color: #333;
        cursor: pointer;
    }

    .obd-buybar-buy {
        height: 38px;
        padding: 0 18px;
        border: 0;
        border-radius: 20px;
        background: #d71920;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
        cursor: pointer;
    }

    #obd-mobile-buybar button:disabled {
        opacity: .45;
        cursor: not-allowed;
    }

    body:has(#obd-mobile-buybar:not(.is-hidden)) {
        padding-bottom: 70px;
    }
}

@media screen and (min-width: 768px) {
    #obd-mobile-buybar {
        display: none;
    }
}

/* Only show mobile buy bar on product pages */

@media screen and (max-width: 1024px) {

    body:not(.template__products-detail) #obd-mobile-buybar {
        display: none !important;
    }

}