/* ShopByBrand: remove large top/bottom spacing on All Brands page only */
body.brands-index-index main#maincontent.page-main {
    margin-block: 0 !important;
}

/* ShopByBrand: widen search/letter toolbar while keeping the letters contained. */
body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    margin-inline: auto !important;
    overflow: hidden;
}

body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 > div:first-child {
    width: 100% !important;
    max-width: 42rem !important;
}

body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 > div:nth-child(2) {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
}

body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 > div:nth-child(2) > button {
    flex: 0 0 auto;
    white-space: nowrap;
}

@media (min-width: 48rem) {
    body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 {
        align-items: center !important;
        padding-inline: clamp(1.5rem, 4vw, 3rem) !important;
    }

    body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 > div:nth-child(2) {
        justify-content: center !important;
    }
}

@media (min-width: 64rem) {
    body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 > div:nth-child(2) {
        flex-wrap: nowrap !important;
        gap: clamp(0.25rem, 0.45vw, 0.625rem) !important;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0.125rem;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 > div:nth-child(2) > button {
        min-width: clamp(1.85rem, 2.15vw, 2.25rem);
        min-height: 2rem;
        padding-block: 0.375rem !important;
        padding-inline: clamp(0.45rem, 0.55vw, 0.75rem) !important;
    }

    body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 > div:nth-child(2) > button[data-letter="ALL"] {
        min-width: auto;
        padding-inline: 0.75rem !important;
    }
}

@media (max-width: 47.999rem) {
    body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 {
        align-items: stretch !important;
        overflow: visible;
    }

    body.brands-index-index [data-testid="shopbybrand-all-brands"] > div.w-full.flex.flex-col.items-start.gap-4 > div:nth-child(2) {
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
        overflow: visible;
    }
}