#pc-home-browse-links{padding:48px 20px;background:#fff}
.pc-home-browse-inner{max-width:1100px;margin:0 auto}
.pc-home-browse-block+.pc-home-browse-block{margin-top:38px}
.pc-home-browse-block h2{margin:0 0 18px;font-size:26px;font-weight:800;color:#17191c}
.pc-home-browse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pc-home-browse-grid a{display:block;padding:13px 14px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa;color:#17191c;text-decoration:none;font-weight:650}
.pc-home-browse-grid a:hover{background:#f3f1ed;border-color:#d4d0ca}
@media(max-width:768px){#pc-home-browse-links{padding:34px 16px}.pc-home-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-home-browse-block h2{font-size:22px}}
#pc-home-seo-ni {
    background: #f7f5f1;
    padding: 56px 20px;
    border-top: 1px solid #e7e2da;
}

#pc-home-seo-ni .pc-home-seo-inner {
    width: min(100%, 1050px);
    margin: 0 auto;
}

#pc-home-seo-ni h1 {
    margin: 0 0 20px;
    color: #17191c;
    font-size: clamp(28px, 4vw, 38px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.03em;
}

#pc-home-seo-ni h2 {
    margin: 32px 0 10px;
    color: #17191c;
    font-size: clamp(21px, 3vw, 25px);
    line-height: 1.25;
    font-weight: 750;
}

#pc-home-seo-ni p {
    margin: 0 0 15px;
    color: #565b61;
    font-size: 16px;
    line-height: 1.75;
}

@media (max-width: 768px) {
    #pc-home-seo-ni {
        padding: 38px 18px;
    }

    #pc-home-seo-ni p {
        font-size: 15px;
        line-height: 1.7;
    }
}
@media (max-width: 768px) {

    .hero-section-mobile > div:last-child {
        border-radius: 18px 18px 0 0 !important;
    }

}
@media (max-width: 768px) {

    .hero-section-mobile > div:nth-child(2) {
        position: relative !important;
        margin-top: -14px !important;
        z-index: 20 !important;

        border-radius: 18px 18px 0 0 !important;

        box-shadow: 0 -6px 18px rgba(0,0,0,.08) !important;
    }

}
@media (max-width: 768px) {

    #mobileHeroSearchForm .clear-all-link {
        border: 0 !important;
        box-shadow: none !important;
    }

}
@media (max-width: 768px) {

    #mobileHeroSearchForm .mobile-buttons-container,
    #mobileHeroSearchForm .mobile-buttons-container *,
    #mobileHeroSearchForm .clear-all-link,
    #mobileHeroSearchForm .clear-all-link::before,
    #mobileHeroSearchForm .clear-all-link::after {
        border-bottom: 0 !important;
        border-top: 0 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    #mobileHeroSearchForm .mobile-buttons-container {
        background: transparent !important;
    }

    #mobileHeroSearchForm .clear-all-link {
        border: 0 !important;
        background: transparent !important;
    }

}
@media (max-width: 768px) {

    #pc-recently-added {
        padding-top: 0 !important;
        margin-top: 0 !important;
        background: #fff !important;
    }

    #pc-recently-added > h4 {
        padding-top: 14px !important;
        margin-bottom: 10px !important;
    }

}
@media (max-width: 768px) {

    #mobileHeroSearchForm .mobile-buttons-container {
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    #mobileHeroSearchForm .clear-all-link {
        border: 1px solid #d9dde3 !important;
        border-radius: 12px !important;

        background: #ffffff !important;

        color: #e51b2a !important;

        box-shadow: none !important;
        outline: none !important;
    }

    #mobileHeroSearchForm .clear-all-link::before,
    #mobileHeroSearchForm .clear-all-link::after {
        display: none !important;
        content: none !important;
    }

}
@media (max-width: 768px) {

    /* Make hero/search and Recently Added visually one clean white surface */
    .hero-section-mobile,
    .hero-section-mobile > div,
    #mobileHeroSearchForm,
    #mobileHeroSearchForm .filter-box,
    #mobileHeroSearchForm .filter-inner,
    #pc-recently-added {
        background: #ffffff !important;
    }

    /* Remove any full-width divider/shadow at the section join */
    .hero-section-mobile,
    .hero-section-mobile > div:last-child,
    #mobileHeroSearchForm,
    #mobileHeroSearchForm .filter-box,
    #pc-recently-added {
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    .hero-section-mobile::before,
    .hero-section-mobile::after,
    #pc-recently-added::before,
    #pc-recently-added::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Keep sensible spacing before Recently Added */
    #pc-recently-added {
        margin-top: 0 !important;
        padding-top: 34px !important;
    }

    /* KEEP the subtle outline around Clear all */
    #mobileHeroSearchForm .clear-all-link {
        border: 1px solid #d9dde3 !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

}
