/* ============================================
   PRODUCT CONTENT SPACING FIX
   Ensure product name and text are visible below nav
   ============================================ */

/* CRITICAL: Product content must start below navigation with proper spacing */
html body main.product-main .product-container .product-content,
html body main.product-main .product-container #productContent,
html body .product-main .product-container .product-content,
html body .product-main .product-container #productContent,
body main.product-main .product-container .product-content,
body main.product-main .product-container #productContent,
body .product-main .product-container .product-content,
body .product-main .product-container #productContent,
.product-main .product-container .product-content,
.product-main .product-container #productContent,
.product-content,
#productContent {
    margin-top: 112px !important;
    /* Header (56px) + Nav (56px) = 112px */
    padding-top: 0 !important;
    position: relative !important;
}

/* CRITICAL: Product info - ensure it's pushed down and visible */
html body main.product-main .product-container .product-content .product-right-column .product-info,
html body main.product-main .product-container #productContent .product-right-column .product-info,
html body .product-main .product-container .product-content .product-right-column .product-info,
html body .product-main .product-container #productContent .product-right-column .product-info,
body main.product-main .product-container .product-content .product-right-column .product-info,
body main.product-main .product-container #productContent .product-right-column .product-info,
body .product-main .product-container .product-content .product-right-column .product-info,
body .product-main .product-container #productContent .product-right-column .product-info,
.product-right-column .product-info,
.product-info {
    margin-top: 0 !important;
    padding-top: 24px !important;
    /* Push content down below nav */
    /* padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 24px !important; */
    position: relative !important;
    z-index: 10 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* CRITICAL: Product title - ensure visibility */
html body main.product-main .product-container .product-content .product-right-column .product-main-info-container .product-title,
html body main.product-main .product-container #productContent .product-right-column .product-main-info-container .product-title,
html body .product-main .product-container .product-content .product-right-column .product-info h1.product-title,
html body .product-main .product-container #productContent .product-right-column .product-info h1.product-title,
body main.product-main .product-container .product-content .product-right-column .product-info h1.product-title,
body main.product-main .product-container #productContent .product-right-column .product-info h1.product-title,
body .product-main .product-container .product-content .product-right-column .product-info h1.product-title,
body .product-main .product-container #productContent .product-right-column .product-info h1.product-title,
.product-main-info-container .product-title,
.product-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 8px !important;
    padding-right: 120px !important;
    position: relative !important;
    z-index: 11 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    color: #212121 !important;
}

/* CRITICAL: Product rating - ensure visibility */
html body main.product-main .product-container .product-content .product-right-column .product-main-info-container .product-rating,
html body main.product-main .product-container #productContent .product-right-column .product-main-info-container .product-rating,
html body .product-main .product-container .product-content .product-right-column .product-main-info-container .product-rating,
html body .product-main .product-container #productContent .product-right-column .product-main-info-container .product-rating,
body main.product-main .product-container .product-content .product-right-column .product-main-info-container .product-rating,
body main.product-main .product-container #productContent .product-right-column .product-main-info-container .product-rating,
body .product-main .product-container .product-content .product-right-column .product-main-info-container .product-rating,
body .product-main .product-container #productContent .product-right-column .product-main-info-container .product-rating,
.product-main-info-container .product-rating,
.product-rating {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    position: relative !important;
    z-index: 11 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-flex !important;
}

/* CRITICAL: Product right column - ensure proper positioning */
html body main.product-main .product-container .product-content .product-right-column,
html body main.product-main .product-container #productContent .product-right-column,
html body .product-main .product-container .product-content .product-right-column,
html body .product-main .product-container #productContent .product-right-column,
body main.product-main .product-container .product-content .product-right-column,
body main.product-main .product-container #productContent .product-right-column,
body .product-main .product-container .product-content .product-right-column,
body .product-main .product-container #productContent .product-right-column,
.product-content .product-right-column,
#productContent .product-right-column,
.product-right-column {
    /* margin-top: 0 !important; */
    padding-top: 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Responsive */
@media (max-width: 768px) {

    .product-content,
    #productContent {
        margin-top: 112px !important;
    }

    .product-info {
        padding-top: 16px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}