/* Product Detail Container Positioning Fix 
   This file ensures the product detail container has proper clearance from the navigation */

/* Base positioning for all devices */
.product-detail-container {
    position: relative;
    z-index: 1;
    clear: both;
}

/* Mobile devices (up to 480px) */
@media (max-width: 480px) {
    .product-detail-container {
        margin-top: 70px !important;
        padding-top: 15px !important;
    }
}

/* Small tablets (481px to 680px) */
@media (min-width: 481px) and (max-width: 680px) {
    .product-detail-container {
        margin-top: 80px !important;
        padding-top: 15px !important;
    }
}

/* Medium tablets (681px to 767px) */
@media (min-width: 681px) and (max-width: 767px) {
    .product-detail-container {
        margin-top: 90px !important;
        padding-top: 15px !important;
    }
}

/* Large tablets (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .product-detail-container {
        margin-top: 100px !important;
        padding-top: 15px !important;
    }
}

/* Desktop (992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .product-detail-container {
        margin-top: 110px !important;
        padding-top: 20px !important;
    }
}

/* Large desktop (1200px and above) */
@media (min-width: 1200px) {
    .product-detail-container {
        margin-top: 120px !important;
        padding-top: 25px !important;
    }
}

/* Emergency fallback - if nothing else works */
.product-detail-container.force-position {
    margin-top: 200px !important;
    padding-top: 50px !important;
}