/*
 * Single source of truth for the product page vertical spacing below Woodmart header.
 * Keep product hero columns and breadcrumb visual styling in their existing CSS layers.
 */

body.doudoudis-single-product-layout.single-product .main-page-wrapper,
body.doudoudis-single-product-layout.single-product .site-content,
body.doudoudis-single-product-layout.single-product .single-product-page,
body.doudoudis-single-product-layout.single-product .main-page-wrapper > .container,
body.doudoudis-single-product-layout.single-product .main-page-wrapper > .container-fluid,
body.doudoudis-single-product-layout.single-product .main-page-wrapper .content-layout-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.doudoudis-single-product-layout.single-product .doudoudis-single-product-shell {
    margin-top: 0 !important;
    padding-top: clamp(8px, 0.9vw, 14px) !important;
}

body.doudoudis-single-product-layout.single-product .doudoudis-product-breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

body.doudoudis-single-product-layout.single-product .doudoudis-product-hero {
    margin-top: 0 !important;
}

@media (max-width: 1023px) {
    body.doudoudis-single-product-layout.single-product .doudoudis-single-product-shell {
        padding-top: 8px !important;
    }

    body.doudoudis-single-product-layout.single-product .doudoudis-product-breadcrumbs {
        margin-bottom: 8px !important;
    }
}