/* Hand Made homepage sections. */
#html-body .page-main-full-width .hm-season-banner {
    padding-top: 150px;
    padding-bottom: 150px;
    color: #171717;
    background-color: #f2f2f2;
    background-image:
        linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 34%, rgba(242, 242, 242, .92) 44%, rgba(242, 242, 242, 0) 64%),
        url('../images/handmade-season-banner-v1.webp');
    background-repeat: no-repeat;
    background-position: center, right center;
    background-size: 100% 100%, auto 100%;
    box-shadow: inset 0 1px #e2e2e2, inset 0 -1px #e2e2e2;
}

#html-body .page-main-full-width .hm-season-banner .row-full-width-inner {
    text-align: center;
}

#html-body .page-main-full-width .hm-season-banner h2,
#html-body .page-main-full-width .hm-season-banner p,
#html-body .page-main-full-width .hm-season-banner .button-icon {
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
}

#html-body .page-main-full-width .hm-season-banner h2,
#html-body .page-main-full-width .hm-season-banner p {
    color: #171717;
}

#html-body .page-main-full-width .hm-season-banner h2 {
    letter-spacing: .025em;
}

#html-body .page-main-full-width .hm-season-banner p {
    margin-top: 8px;
    font-size: 16px;
    color: #5f5c55;
}

#html-body .page-main-full-width .hm-season-banner .pagebuilder-button-secondary {
    border-color: #171717;
    color: #fff;
    background: #171717;
}

#html-body .page-main-full-width .hm-season-banner .pagebuilder-button-secondary:hover,
#html-body .page-main-full-width .hm-season-banner .pagebuilder-button-secondary:focus-visible {
    color: #171717;
    background: transparent;
}

#html-body .page-main-full-width .hm-season-banner .pagebuilder-button-secondary:focus-visible {
    outline: 2px solid #171717;
    outline-offset: 3px;
}

#html-body .page-main-full-width [data-content-type="row"]:has(.widget-instagram-slider, .widget-instagram-grid) {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    #html-body .page-main-full-width [data-content-type="row"]:has(.widget-instagram-slider, .widget-instagram-grid) {
        margin-bottom: 40px;
    }

    #html-body .page-main-full-width .hm-season-banner {
        padding-top: 76px;
        padding-bottom: 76px;
        background-image:
            linear-gradient(90deg, rgba(242, 242, 242, .95) 0%, rgba(242, 242, 242, .84) 55%, rgba(242, 242, 242, .7) 100%),
            url('../images/handmade-season-banner-v1.webp');
        background-position: center, 66% center;
        background-size: 100% 100%, auto 100%;
    }

    #html-body .page-main-full-width .hm-season-banner .row-full-width-inner {
        text-align: center;
    }

    #html-body .page-main-full-width .hm-season-banner h2 {
        font-size: 40px;
    }

    #html-body .page-main-full-width .hm-season-banner p {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #html-body .page-main-full-width .hm-season-banner .pagebuilder-button-secondary {
        transition: none;
    }
}