/* ===== Farmin brand overrides (loaded last) ===== */
:root {
    --main-color: #245B3A;   /* forest green */
    --sub-color: #B7D957;    /* lime highlight */
}

/* ----- Hero image (product photo over color block) ----- */
.p-image {
    height: 520px;
}

.p-hero-img {
    position: absolute;
    top: 50%; right: 4%;
    transform: translateY(-50%);
    width: 78%;
    max-width: 470px;
    height: 440px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 24px 48px rgba(23, 63, 42, .28);
    z-index: 3;
    transition: opacity .2s;
}

.p-square {
    background-color: var(--main-color);
}

@media (max-width: 1250px) {
    .p-image {
        height: 360px;
        margin-top: 14rem;
    }
    .p-hero-img {
        display: block;
        position: absolute;
        right: 20px; left: 20px;
        width: auto;
        max-width: none;
        height: 320px;
    }
    .p-square {
        height: 260px;
    }
}

@media (max-width: 550px) {
    .p-image {
        height: 250px;
        margin-top: 11rem;
    }
    .p-hero-img {
        height: 230px;
    }
}

/* ----- Section 5 background image ----- */
.a5-bg {
    position: relative;
    background: linear-gradient(rgba(23, 63, 42, .55), rgba(23, 63, 42, .55)),
                url(../images/a5-bg-farm.webp) no-repeat center / cover;
}

/* ----- Hashtag accent uses brand green ----- */
.a1-hashtag h1 {
    color: var(--main-color);
}

/* ----- Recolor reference pink accent to brand leaf ----- */
.a1-m-text p span {
    color: #65A832;
}