/* Homepage-only width architecture. Keep shared listing and detail layouts isolated. */
.content-area:has(> #shop-section.home-width-system.active-section) {
    padding-inline: 0 !important;
}

#shop-section.home-width-system {
    --home-content-max-width: 1600px;
    --home-content-padding: clamp(16px, 2vw, 32px);
    padding-block-start: 0 !important;
    padding-inline: 0 !important;
    min-width: 0;
}

#shop-section.home-width-system > .platform-shared-header {
    top: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
}

/* Give the edge-to-edge homepage header more presence on desktop only. */
@media (min-width: 1024px) {
    #shop-section.home-width-system > .platform-shared-header {
        padding: 11px 18px;
    }

    #shop-section.home-width-system > .platform-shared-header .shop-search-sort-row {
        min-height: 48px;
        gap: 12px;
    }

    #shop-section.home-width-system > .platform-shared-header .shop-search-brand-logo {
        width: 88px;
        height: 40px;
    }

    #shop-section.home-width-system > .platform-shared-header .search-container {
        flex: 0 1 clamp(420px, 58vw, 980px);
        width: clamp(420px, 58vw, 980px);
        max-width: 980px;
        margin-inline: auto;
    }

    #shop-section.home-width-system > .platform-shared-header .search-input {
        min-height: 46px;
        padding-block: 12px;
        padding-inline-start: 38px;
        padding-inline-end: 124px;
        font-size: 15px;
    }

    #shop-section.home-width-system > .platform-shared-header .search-icon {
        width: 19px;
        height: 19px;
        right: 12px;
    }

    #shop-section.home-width-system > .platform-shared-header .shop-sort-container {
        left: 7px;
        height: 36px;
        padding-inline: 10px;
    }

    #shop-section.home-width-system > .platform-shared-header .shop-sort-icon {
        width: 16px;
        height: 16px;
    }

    #shop-section.home-width-system > .platform-shared-header .shop-sort-trigger {
        font-size: 13px;
    }

    #shop-section.home-width-system > .platform-shared-header .desktop-header-nav {
        gap: 10px;
    }

    #shop-section.home-width-system > .platform-shared-header .desktop-header-nav-btn {
        min-height: 46px;
        padding: 10px 17px;
        gap: 9px;
        font-size: 0.96rem;
    }

    #shop-section.home-width-system > .platform-shared-header .desktop-header-nav-btn .nav-icon-svg {
        width: 22px;
        height: 22px;
    }

    #shop-section.home-width-system > .platform-shared-header .desktop-account-nav-btn {
        min-height: 46px;
        max-width: 196px;
        padding-inline: 15px;
    }

    #shop-section.home-width-system > .platform-shared-header .desktop-account-nav-btn .desktop-account-icon {
        width: 19px !important;
        height: 19px !important;
        inline-size: 19px !important;
        block-size: 19px !important;
        min-width: 19px !important;
        max-width: 19px !important;
        min-height: 19px !important;
        max-height: 19px !important;
        flex-basis: 19px !important;
    }
}

#shop-section.home-width-system > .home-content-container {
    width: 100%;
    max-width: var(--home-content-max-width);
    margin-inline: auto;
    padding-inline: var(--home-content-padding);
    box-sizing: border-box;
    min-width: 0;
}

#shop-section.home-width-system > .home-content-container > .home-stories-section,
#shop-section.home-width-system > .home-content-container > .bazaar-discounts-section,
#shop-section.home-width-system > .home-content-container > .home-featured-stores,
#shop-section.home-width-system > .home-content-container > .home-action-banners,
#shop-section.home-width-system > .home-content-container .home-category-image-banners,
#shop-section.home-width-system > .home-content-container > .market-browse-sections,
#shop-section.home-width-system > .home-content-container > .home-blog-section {
    margin-inline: 0;
    max-width: 100%;
    box-sizing: border-box;
}

/* Keep the advertisement edge-to-edge while preserving each responsive asset's natural ratio. */
#shop-section.home-width-system > .passagegardi-banner-section {
    --advertisement-slide-radius: 0;
    width: 100%;
    max-width: none;
    margin-block-start: 0;
    margin-inline: 0;
    padding-block-start: 0 !important;
    padding-inline: 0 !important;
    border-radius: 0;
    box-sizing: border-box;
}

#shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-slider {
    width: 100%;
    max-width: none;
    height: auto;
    border-radius: 0;
    clip-path: none;
}

#shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-track {
    height: 100%;
    border-radius: 0;
}

#shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-card,
#shop-section.home-width-system > .passagegardi-banner-section .hero-slide__link {
    width: 100%;
    height: 100%;
    border-radius: 0;
    clip-path: none;
}

#shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-card {
    width: var(--advertisement-slide-width);
}

#shop-section.home-width-system > .passagegardi-banner-section .advertisement-picture,
#shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto 2048 / 426;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
    clip-path: none;
}

/* Preserve the pre-existing spacing for non-home shop routes. */
#shop-section.home-width-system > .shop-route-content {
    width: 100%;
    min-width: 0;
    padding-inline: 5px;
    box-sizing: border-box;
}

/* Keep wide seasonal cards readable instead of allowing unlimited growth. */
@media (min-width: 1200px) {
    #shop-section.home-width-system .summer-showcase-products {
        grid-template-columns: repeat(2, minmax(0, 420px));
        justify-content: start;
    }
}

@media (max-width: 760px) {
    #shop-section.home-width-system > .home-content-container {
        --home-content-padding: clamp(12px, 4vw, 16px);
    }

    #shop-section.home-width-system > .home-content-container .market-product-card,
    #shop-section.home-width-system > .home-content-container .market-see-all-card,
    #shop-section.home-width-system > .home-content-container .home-blog-card {
        width: clamp(136px, calc((100% - 10px) / 2), 240px);
        flex-basis: clamp(136px, calc((100% - 10px) / 2), 240px);
    }

    #shop-section.home-width-system #summerShowcase .summer-showcase-products .summer-showcase-card {
        width: 100%;
        max-width: none;
        flex-basis: auto;
        gap: 0;
        padding: 0;
        overflow: hidden;
    }

    #shop-section.home-width-system #summerShowcase .summer-showcase-card-image {
        width: 100%;
        max-width: none;
        aspect-ratio: 1 / 1;
        margin: 0;
        border-radius: 15px 15px 0 0;
    }

    #shop-section.home-width-system #summerShowcase .summer-showcase-card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #shop-section.home-width-system #summerShowcase .summer-showcase-card-info {
        width: 100%;
        padding: 6px 7px 8px;
    }

    #shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-card img {
        aspect-ratio: auto 3 / 1;
    }
}

/* Match the homepage content gutter on phones and compact displays. */
@media (max-width: 1024px) {
    #shop-section.home-width-system > .passagegardi-banner-section {
        --advertisement-slide-radius: 14px;
        width: auto;
        margin-inline: clamp(12px, 4vw, 16px);
        border-radius: var(--advertisement-slide-radius);
    }

    #shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-slider,
    #shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-card,
    #shop-section.home-width-system > .passagegardi-banner-section .hero-slide__link,
    #shop-section.home-width-system > .passagegardi-banner-section .advertisement-picture,
    #shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-card img {
        border-radius: var(--advertisement-slide-radius);
        clip-path: inset(0 round var(--advertisement-slide-radius));
    }

    #shop-section.home-width-system > .passagegardi-banner-section .passagegardi-banner-track {
        border-radius: 0;
        clip-path: none;
    }
}

@media (max-width: 760px) {
    #shop-section.home-width-system > .passagegardi-banner-section {
        width: 100%;
        margin-inline: 0;
        padding-inline: 0;
    }
}
.standalone-seo-content {
    width: min(100% - 32px, 1120px);
    margin: 24px auto;
    line-height: 1.9;
}

.standalone-seo-content h1 {
    font-size: clamp(1.4rem, 3vw, 2.1rem);
}

.standalone-seo-content img {
    width: min(100%, 480px);
    height: auto;
    border-radius: 16px;
}