/* =====================================================
   CUSTOM OVERRIDES — lamela.ro
   Loads after style.css to fix specific display issues.
   File: /assets/css/custom.css
   ===================================================== */

/* ----- HERO IMAGE (top of product pages) ----- */
/* Fix: keep original 80% width, only shift the focal point down */
/* This prevents magnification while showing more of the product */

@media only screen and (min-width: 768px) {
    .headefr-fexid .bg .cover-bg {
        background-position: center 80% !important;
    }
}

@media only screen and (max-width: 767px) {
    .headefr-fexid .bg .cover-bg {
        background-position: center 80% !important;
    }
}


/* ----- NEXT PROJECT IMAGE (bottom of product pages) ----- */
/* Fix: reset the top offset and show bottom of image */

@media only screen and (min-width: 768px) {
    .next-project .bg {
        top: 0 !important;
        transform: scale(1) !important;
    }
    .next-project .bg .cover-bg {
        background-position: center 75% !important;
    }
}

@media only screen and (max-width: 767px) {
    .next-project .bg {
        top: 0 !important;
    }
    .next-project .bg .bg-image {
        height: 100% !important;
    }
    .next-project .bg .cover-bg {
        background-position: center 80% !important;
    }
}