.freshfruit-shared-footer {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 397px;
    overflow: hidden;
    background: #fff;
    color: #000;
    isolation: isolate;
}

.freshfruit-shared-footer,
.freshfruit-shared-footer * {
    box-sizing: border-box;
}

.freshfruit-shared-footer__green {
    position: absolute;
    z-index: -1;
    top: 68px;
    left: -17.38%;
    width: 138.91%;
    height: 330px;
    rotate: 2.65deg;
    transform-origin: top left;
    background: #dafc5f;
    pointer-events: none;
}

/* Non-fruit sections, including catalog and product-detail pages, use the green accent. */
body:has(#fruiturez-product-catalog) .freshfruit-shared-footer__green,
body:has([data-single-product-cart]) .freshfruit-shared-footer__green {
    background: #DAFC5F;
}

/* Fruit detail pages keep their dedicated white footer accent. */
body.banana-page .freshfruit-shared-footer__green,
body.blueberry-page .freshfruit-shared-footer__green,
body.totfarangi-page .freshfruit-shared-footer__green,
body.raspberry-page .freshfruit-shared-footer__green,
body.mango-page .freshfruit-shared-footer__green,
body.pickedfruit-page .freshfruit-shared-footer__green {
    background: #ffffff;
}

.freshfruit-shared-footer__top {
    position: absolute;
    top: 103px;
    left: 50%;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    translate: -50% 0;
    border: 0;
    border-radius: 50%;
    background: #f1ffbd;
    color: #000;
    cursor: pointer;
    transition: filter 150ms cubic-bezier(.4, 0, .2, 1);
}

.freshfruit-shared-footer__top::after {
    position: absolute;
    inset: -4px;
    content: "";
}

.freshfruit-shared-footer__top:hover {
    filter: brightness(.95);
}

.freshfruit-shared-footer__top:focus-visible,
.freshfruit-shared-footer__logo:focus-visible,
.freshfruit-shared-footer__social-link:focus-visible {
    outline: 2px solid #141ba9;
    outline-offset: 2px;
}

.freshfruit-shared-footer__top svg {
    display: block;
    width: 15px;
    height: 9px;
    color: #141ba9;
}

.freshfruit-shared-footer__logo {
    position: absolute;
    top: 180px;
    left: 50%;
    display: block;
    width: 132px;
    height: 29px;
    translate: -50% 0;
    color: #141ba9;
}

.freshfruit-shared-footer__logo svg {
    display: block;
    width: 100%;
    height: 100%;
}

.freshfruit-shared-footer__social {
    position: absolute;
    top: 237px;
    left: 50%;
    display: flex;
    gap: 12px;
    translate: -50% 0;
}

.freshfruit-shared-footer__social-link {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f7f7f7;
    color: #000;
    transition: color 150ms cubic-bezier(.4, 0, .2, 1),
        background-color 150ms cubic-bezier(.4, 0, .2, 1),
        border-color 150ms cubic-bezier(.4, 0, .2, 1),
        outline-color 150ms cubic-bezier(.4, 0, .2, 1),
        text-decoration-color 150ms cubic-bezier(.4, 0, .2, 1),
        fill 150ms cubic-bezier(.4, 0, .2, 1),
        stroke 150ms cubic-bezier(.4, 0, .2, 1),
        --tw-gradient-from 150ms cubic-bezier(.4, 0, .2, 1),
        --tw-gradient-via 150ms cubic-bezier(.4, 0, .2, 1),
        --tw-gradient-to 150ms cubic-bezier(.4, 0, .2, 1);
}

.freshfruit-shared-footer__social-link:hover {
    background: #fff;
}

.freshfruit-shared-footer__social-link svg {
    display: block;
    width: 27px;
    height: 27px;
    color: #141ba9;
}

.freshfruit-shared-footer__social-link[aria-label="Instagram"] svg {
    width: 24px;
    height: 24px;
}

.freshfruit-shared-footer__social-link[aria-label="X"] svg {
    width: 22px;
    height: 21px;
}

.freshfruit-shared-footer__copyright {
    position: absolute;
    bottom: 41px;
    left: 50%;
    margin: 0;
    translate: -50% 0;
    color: #666;
    font-family: "Helvetica Now Var", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .freshfruit-shared-footer {
        width: 100vw;
        max-width: none;
    }
}

@media (min-width: 768px) {
    .freshfruit-shared-footer {
        height: 512px;
    }

    .freshfruit-shared-footer__green {
        top: 43px;
        left: -9.13%;
        width: 119.67%;
        height: 513px;
    }

    .freshfruit-shared-footer__top {
        top: 133px;
        width: 72px;
        height: 72px;
    }

    .freshfruit-shared-footer__top svg {
        width: 27px;
        height: 15px;
    }

    .freshfruit-shared-footer__logo {
        top: 324px;
        left: 12.81%;
        width: 255px;
        height: 58px;
        translate: none;
    }

    .freshfruit-shared-footer__social {
        top: 317px;
        right: 12.4%;
        left: auto;
        gap: 24px;
        translate: none;
    }

    .freshfruit-shared-footer__social-link {
        width: 72px;
        height: 72px;
        flex-basis: 72px;
    }

    .freshfruit-shared-footer__social-link svg {
        width: 41px;
        height: 41px;
    }

    .freshfruit-shared-footer__social-link[aria-label="Instagram"] svg {
        width: 38px;
        height: 38px;
    }

    .freshfruit-shared-footer__social-link[aria-label="X"] svg {
        width: 34px;
        height: 32px;
    }

    .freshfruit-shared-footer__copyright {
        bottom: 44px;
        font-family: "Helvetica Now Var", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 200;
        line-height: 24px;
    }
}