/* ============================================
   PRODUCT VISIBILITY FIX - CRITICAL OVERRIDES
   Ensures product title/rating are NOT hidden behind nav
   Removes ALL gaps above images
   ============================================ */

/* CRITICAL: Force product-info to be visible - but below nav (nav is fixed) */
/* The key is ensuring it starts BELOW nav, not behind it */
.product-info {
    position: relative !important;
    z-index: 10 !important; /* Below nav (9999) but above breadcrumbs (5) */
    transform: translateZ(0) !important; /* Force GPU acceleration */
    will-change: transform !important;
    /* Ensure it's positioned correctly - starts after breadcrumbs */
    margin-top: 0 !important;
}

/* CRITICAL: Product title must be visible */
.product-title {
    position: relative !important;
    z-index: 11 !important; /* Within product-info stacking context */
    transform: translateZ(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* Ensure it's not clipped */
    overflow: visible !important;
}

/* CRITICAL: Rating must be visible */
.product-rating {
    position: relative !important;
    z-index: 11 !important; /* Within product-info stacking context */
    transform: translateZ(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* Ensure it's not clipped */
    overflow: visible !important;
}

/* CRITICAL: Remove ALL gaps above images - nuclear option */
.product-images-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

.product-images-wrapper::before {
    display: none !important;
    content: none !important;
}

.product-images {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

.product-images::before {
    display: none !important;
    content: none !important;
}

.thumbnail-gallery-vertical {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.main-image-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.main-image-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure product-content starts immediately */
.product-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure breadcrumbs don't create extra space */
.breadcrumbs {
    margin-bottom: 0 !important;
}

/* Ensure product-main starts immediately after breadcrumbs */
.breadcrumbs + main.product-main,
.breadcrumbs + .product-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Force visibility of all product info elements */
.product-info > * {
    visibility: visible !important;
    opacity: 1 !important;
}