/* Project-Wide Minimal Vertical Spacing Override */

/* ========================================
   EMERGENCY OVERRIDE - MAXIMUM 7PX VERTICAL SPACING
   ======================================== */

/* Desktop - Maximum 1px vertical spacing for minimal scroll */
@media (min-width: 768px) {
    /* CRITICAL: Override ALL vertical spacing to maximum 1px for minimal scroll */
    .Product-detail .container .product-full-details .product-details * {
        margin-top: max(0px, min(1px, 1px)) !important;
        margin-bottom: max(0px, min(1px, 1px)) !important;
        padding-top: max(0px, min(1px, 1px)) !important;
        padding-bottom: max(0px, min(1px, 1px)) !important;
    }
    
    /* CRITICAL: Specific overrides for known problematic elements - 1px for minimal scroll */
    .Product-detail .container .product-full-details .product-details .product-info .product-text {
        margin-bottom: 1px !important; /* Override 24px from pdp-playbook-step2.css */
    }
    
    .Product-detail .container .product-full-details .product-details .product-info .product-text p {
        margin-bottom: 1px !important; /* Override 40px from style1.css */
    }
    
    .Product-detail .container .product-full-details .product-details .product-info .product-title h1 {
        margin-bottom: 1px !important; /* Override 16px from pdp-playbook-step2.css */
    }
    
    .Product-detail .container .product-full-details .product-details .product-info .product-title {
        margin-bottom: 1px !important; /* Override 16px from pdp-playbook-step2.css */
    }
    
    .product-ul ul li {
        margin-bottom: 1px !important; /* Override 8px from pdp-playbook-step2.css */
    }
    
    /* CRITICAL: Override all pdp-playbook rules - 1px for minimal scroll */
    .Product-detail .container .product-full-details .product-details .product-info .product-text {
        margin-bottom: 1px !important;
    }
    
    .Product-detail .container .product-full-details .product-details .product-info .product-text p {
        margin-bottom: 1px !important;
    }
    
    .Product-detail .container .product-full-details .product-details .product-info .product-title h1 {
        margin-bottom: 1px !important;
    }
    
    .Product-detail .container .product-full-details .product-details .product-info .product-title {
        margin-bottom: 1px !important;
    }
    
    /* CRITICAL: Override style1.css rules - 1px for minimal scroll */
    .product-text p {
        margin-bottom: 1px !important; /* Override 40px from style1.css */
    }
    
    /* CRITICAL: Override test.css rules - 1px for minimal scroll */
    .product-text p {
        margin-bottom: 1px !important; /* Override 40px from test.css */
    }
    
    /* CRITICAL: Override Seperate_buildProductDetail.css rules - 1px for minimal scroll */
    .product-text p {
        margin-bottom: 1px !important; /* Override 40px from Seperate_buildProductDetail.css */
    }
}

/* Mobile - Maximum 1px vertical spacing for minimal scroll */
@media (max-width: 767px) {
    /* CRITICAL: Override ALL vertical spacing to maximum 1px on mobile for minimal scroll */
    .Product-detail .container .product-full-details .product-details * {
        margin-top: max(0px, min(1px, 1px)) !important;
        margin-bottom: max(0px, min(1px, 1px)) !important;
        padding-top: max(0px, min(1px, 1px)) !important;
        padding-bottom: max(0px, min(1px, 1px)) !important;
    }
    
    /* CRITICAL: Specific mobile overrides - 1px for minimal scroll */
    .Product-detail .container .product-full-details .product-details .product-info .product-text {
        margin-bottom: 1px !important;
    }
    
    .Product-detail .container .product-full-details .product-details .product-info .product-text p {
        margin-bottom: 1px !important;
    }
    
    .Product-detail .container .product-full-details .product-details .product-info .product-title h1 {
        margin-bottom: 1px !important;
    }
    
    .Product-detail .container .product-full-details .product-details .product-info .product-title {
        margin-bottom: 1px !important;
    }
    
    .product-ul ul li {
        margin-bottom: 1px !important; /* Override 12px from pdp-playbook-step4.css */
    }
}

/* Tablet - Maximum 1px vertical spacing for minimal scroll */
@media (min-width: 768px) and (max-width: 1024px) {
    /* CRITICAL: Override ALL vertical spacing to maximum 1px on tablet for minimal scroll */
    .Product-detail .container .product-full-details .product-details * {
        margin-top: max(0px, min(1px, 1px)) !important;
        margin-bottom: max(0px, min(1px, 1px)) !important;
        padding-top: max(0px, min(1px, 1px)) !important;
        padding-bottom: max(0px, min(1px, 1px)) !important;
    }
}

/* ========================================
   UNIVERSAL OVERRIDE - EMERGENCY FALLBACK
   ======================================== */

/* CRITICAL: Universal override for any remaining issues - 1px for minimal scroll */
.Product-detail .container .product-full-details .product-details [class*="product-"] {
    margin-top: max(0px, min(1px, 1px)) !important;
    margin-bottom: max(0px, min(1px, 1px)) !important;
}

.Product-detail .container .product-full-details .product-details [class*="text"] {
    margin-top: max(0px, min(1px, 1px)) !important;
    margin-bottom: max(0px, min(1px, 1px)) !important;
}

.Product-detail .container .product-full-details .product-details [class*="title"] {
    margin-top: max(0px, min(1px, 1px)) !important;
    margin-bottom: max(0px, min(1px, 1px)) !important;
}

/* CRITICAL: Override any inline styles - 1px for minimal scroll */
.Product-detail .container .product-full-details .product-details [style*="margin"] {
    margin-top: max(0px, min(1px, 1px)) !important;
    margin-bottom: max(0px, min(1px, 1px)) !important;
}

.Product-detail .container .product-full-details .product-details [style*="padding"] {
    padding-top: max(0px, min(1px, 1px)) !important;
    padding-bottom: max(0px, min(1px, 1px)) !important;
}