/* 1. Глобальне правило: приховуємо на десктопах */
@media (min-width: 768px) {
    #mobile-add-to-cart-sticky-fix {
        display: none !important;
    }
}

/* 2. Мобільна версія */
@media (max-width: 767px) {
    #mobile-add-to-cart-sticky-fix {
        position: fixed !important;
        bottom: -100px !important; 
        left: 0 !important;
        width: 100% !important;
        background: #ffffffc4;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        padding: 8px 5px !important;
        z-index: 9999 !important;
        transition: bottom 0.3s ease !important;
        display: block !important;
    }

    #mobile-add-to-cart-sticky-fix.is-shown {
        bottom: 0 !important;
    }
    
    .sticky-footer-content { 
        display: flex !important; 
        align-items: center; 
        width: 100%; 
        justify-content: space-between;
    }
    
    .sticky-qty-control { 
        display: flex !important; 
        align-items: center; 
        border: 1px solid #ddd; 
        border-radius: 6px; 
        overflow: hidden; 
        height: 40px;
        flex-shrink: 0; 
    }
    
    .sticky-qty-control button { 
        width: 35px; 
        height: 100%; 
        border: none; 
        background: #f5f5f5; 
        cursor: pointer; 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .sticky-qty-control input { 
        width: 35px; 
        height: 100%; 
        border: none; 
        text-align: center; 
        font-weight: bold; 
		font-size: 1.3em;
    }
    
    .sticky-cart-button-wrapper { 
        display: flex !important; 
        align-items: center; 
        gap: 10px; 
        flex: 1;
        justify-content: flex-end;
    }
    
    .pr_mobile_price { 
        font-weight: bold; 
        font-size: 1.8em; 
        white-space: nowrap; 
        /*margin-right: 3px;*/
    }
    
    .button-cart-bottom { 
        height: 40px; 
        padding: 0 15px; 
        background: #6b46c1; 
        color: #fff; 
        border: none; 
        border-radius: 4px; 
        cursor: pointer;
        display: flex !important; 
        align-items: center; 
        justify-content: center; 
        transition: transform 0.1s !important; 
    }

    .button-cart-bottom:active { 
        transform: scale(0.95); 
    }
}