/* Prevent horizontal overflow/gap caused by wide absolute-positioned panels.
           body uses 'clip' (not 'hidden') so position:sticky on the navbar still works. */
html {
    overflow-x: hidden;
}

body {
    overflow-x: clip;
}

.main-nav-links > a,
.main-nav-links > div > button {
    text-transform: uppercase;
}

/* All Categories — premium CodeTrex mega menu (presentation only; data remains API-driven) */
#all-categories-mega-menu.mega-menu-premium {
    left: 50% !important;
    right: auto !important;
    width: min(1640px, calc(100vw - 72px));
    transform: translate(-50%, -6px) !important;
    padding-top: 10px;
}

#all-categories-mega-menu.mega-menu-premium.visible {
    transform: translate(-50%, 0) !important;
}

#all-categories-mega-menu.mega-menu-premium > div {
    max-width: none !important;
    border: 1px solid rgba(126, 54, 239, .18) !important;
    border-top: 0 !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .985) !important;
    box-shadow: 0 30px 80px rgba(38, 17, 65, .24), 0 8px 24px rgba(81, 35, 123, .10) !important;
}

#all-categories-mega-menu.mega-menu-premium > div::before {
    content: '';
    display: block;
    height: 4px;
    background: linear-gradient(90deg, #7f2cff 0%, #ba37e9 42%, #ff5f8f 72%, #ff9f55 100%);
}

#all-categories-mega-menu .women-tab-btn {
    min-width: 112px;
    border: 1px solid #eadffd !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #4b3d5c !important;
    box-shadow: none;
    transition: transform .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

#all-categories-mega-menu .women-tab-btn:hover {
    transform: translateY(-1px);
    border-color: #c9a5ff !important;
    color: #7b2ce8 !important;
    background: #fbf8ff !important;
}

#all-categories-mega-menu .women-tab-btn[data-active="true"] {
    border-color: transparent !important;
    color: #fff !important;
    background: linear-gradient(135deg, #7d2cf0, #a637ed) !important;
    box-shadow: 0 9px 22px rgba(126, 44, 240, .25);
}

#all-categories-mega-menu .women-tab-content {
    background: linear-gradient(115deg, #fff 0%, #fdfbff 55%, #fff9fb 100%);
    max-height: min(570px, calc(100vh - 270px)) !important;
}

#all-categories-mega-menu .women-tab-content aside {
    width: 250px !important;
    min-width: 250px;
    padding: 12px 10px;
    border-right: 1px solid #eee5f7 !important;
    background: linear-gradient(180deg, #fbf8ff 0%, #fff 100%) !important;
}

#all-categories-mega-menu .women-sidebar-item {
    margin: 3px 0;
    padding: 11px 13px !important;
    border: 0 !important;
    border-radius: 13px;
    background: transparent !important;
    color: #4d4558;
    transition: background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

#all-categories-mega-menu .women-sidebar-item:hover {
    transform: translateX(2px);
    background: #f5edff !important;
}

#all-categories-mega-menu .women-sidebar-item[data-active="true"] {
    background: linear-gradient(110deg, #efe2ff 0%, #fff 100%) !important;
    box-shadow: inset 4px 0 #872dF5, 0 8px 18px rgba(99, 42, 150, .08);
}

#all-categories-mega-menu .women-sidebar-item span:not(.hidden) {
    color: #41374d !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    letter-spacing: .05px;
}

#all-categories-mega-menu .women-sidebar-item[data-active="true"] span:not(.hidden) {
    color: #7425dc !important;
    font-weight: 850 !important;
}

#all-categories-women-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

#all-categories-women-grid .women-cat-col {
    min-height: 250px;
    gap: 14px !important;
    padding: 18px;
    border: 1px solid #eee8f4;
    border-radius: 17px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 8px 22px rgba(49, 26, 74, .055);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

#all-categories-women-grid .women-cat-col:hover {
    transform: translateY(-2px);
    border-color: #d9c3f7;
    box-shadow: 0 14px 28px rgba(75, 34, 111, .10);
}

#all-categories-women-grid .women-cat-col > div:first-child {
    padding-bottom: 11px;
    border-bottom: 1px solid #f0e8f6;
}

#all-categories-women-grid .women-cat-col > div:first-child > span {
    color: #342d3c !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: 1.25px !important;
}

#all-categories-women-grid .women-cat-col > div:first-child > div:first-child {
    width: 42px !important;
    height: 42px !important;
    overflow: hidden;
    box-shadow: 0 5px 13px rgba(113, 45, 168, .12);
}

#all-categories-women-grid .women-cat-col > div:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

#all-categories-women-grid .women-cat-col > div:nth-child(2) {
    gap: 3px !important;
}

#all-categories-women-grid .women-cat-col > div:nth-child(2) a {
    display: block;
    padding: 6px 8px;
    border-radius: 8px;
    color: #655c70 !important;
    font-size: 15px !important;
    font-weight: 520 !important;
    line-height: 1.25 !important;
    transition: color .16s ease, background .16s ease, transform .16s ease;
}

#all-categories-women-grid .women-cat-col > div:nth-child(2) a:hover {
    color: #6f20dc !important;
    font-weight: 700 !important;
    background: #f2e6ff;
    transform: translateX(3px);
}

#all-categories-women-grid .women-cat-col > a:last-child {
    width: max-content;
    margin-top: auto;
    padding: 7px 10px;
    border-radius: 999px;
    color: #7b2ce8 !important;
    background: #f3e8ff;
}

#all-categories-mega-menu * {
    scrollbar-width: thin;
    scrollbar-color: #c9a4f2 transparent;
}

#all-categories-mega-menu *::-webkit-scrollbar { width: 6px; height: 6px; }
#all-categories-mega-menu *::-webkit-scrollbar-track { background: transparent; }
#all-categories-mega-menu *::-webkit-scrollbar-thumb { border-radius: 999px; background: #c9a4f2; }

#all-categories-mega-menu .bg-\[rgba\(255\,251\,235\,0\.5\)\] {
    background: linear-gradient(90deg, #fdf9ff, #fffaf3) !important;
    border-color: #eee3f5 !important;
}

@media (max-width: 1279px) {
    #all-categories-mega-menu.mega-menu-premium { width: calc(100vw - 28px); }
    #all-categories-mega-menu .women-tab-content aside { width: 205px !important; min-width: 205px; }
    #all-categories-women-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
/* ── Women Mega Menu responsive tweaks ── */
/* At 1024–1279px the sidebar shrinks & grid tightens so columns don't squash */
@media (min-width:1024px) and (max-width:1279px) {
    #women-mega-menu aside {
        width: 172px;
        min-width: 172px;
    }

        #women-mega-menu aside button {
            padding-left: 14px;
            padding-right: 14px;
        }
    /* Icon circle */
    #women-mega-menu .women-cat-col > div:first-child > div:first-child {
        width: 2rem;
        height: 2rem;
    }

        #women-mega-menu .women-cat-col > div:first-child > div:first-child > img {
            width: 1.1rem;
            height: 1.1rem;
        }
    /* Heading row gap + text */
    #women-mega-menu .women-cat-col > div:first-child {
        gap: .5rem;
    }

        #women-mega-menu .women-cat-col > div:first-child > span {
            font-size: 10.5px;
            letter-spacing: .4px;
        }
    /* Sub-item links */
    #women-mega-menu .women-cat-col > div:nth-child(2) > a {
        font-size: 12px;
        line-height: 1.5;
    }
    /* View-All link */
    #women-mega-menu .women-cat-col > a:last-child {
        font-size: 11px;
    }
    /* Men Mega Menu — same compact rules at 1024px */
    #men-mega-menu aside {
        width: 172px;
        min-width: 172px;
    }

        #men-mega-menu aside button {
            padding-left: 14px;
            padding-right: 14px;
        }

    #men-mega-menu .men-cat-col > div:first-child > div:first-child {
        width: 2rem;
        height: 2rem;
    }

        #men-mega-menu .men-cat-col > div:first-child > div:first-child > img {
            width: 1.1rem;
            height: 1.1rem;
        }

    #men-mega-menu .men-cat-col > div:first-child {
        gap: .5rem;
    }

        #men-mega-menu .men-cat-col > div:first-child > span {
            font-size: 10.5px;
            letter-spacing: .4px;
        }

    #men-mega-menu .men-cat-col > div:nth-child(2) > a {
        font-size: 12px;
        line-height: 1.5;
    }

    #men-mega-menu .men-cat-col > a:last-child {
        font-size: 11px;
    }

    #men-mega-menu aside > div.mt-auto {
        padding: 8px;
    }

        #men-mega-menu aside > div.mt-auto > a {
            padding: 8px 10px;
            gap: 8px;
        }

            #men-mega-menu aside > div.mt-auto > a > div:first-child {
                gap: 6px;
            }

                #men-mega-menu aside > div.mt-auto > a > div:first-child > div:first-child {
                    padding: 6px;
                }

                    #men-mega-menu aside > div.mt-auto > a > div:first-child > div:first-child > img {
                        width: 14px;
                        height: 14px;
                    }

            #men-mega-menu aside > div.mt-auto > a > img:last-child {
                display: none;
            }
    /* Deals & Offers card — compact at 1024px */
    #women-mega-menu aside > div.mt-auto {
        padding: 8px;
    }

        #women-mega-menu aside > div.mt-auto > a {
            padding: 8px 10px;
            gap: 8px;
        }

            #women-mega-menu aside > div.mt-auto > a > div:first-child {
                gap: 6px;
            }

                #women-mega-menu aside > div.mt-auto > a > div:first-child > div:first-child {
                    padding: 6px;
                }

                    #women-mega-menu aside > div.mt-auto > a > div:first-child > div:first-child > img {
                        width: 14px;
                        height: 14px;
                    }

            #women-mega-menu aside > div.mt-auto > a > img:last-child {
                display: none;
            }
}
/* Mobile: remove sticky hover-purple on touch devices */
@media (hover:none) {
    #women-mobile-panel a:hover {
        color: inherit;
        background: transparent;
    }
}
/* ── Brand card hover effects (bypass Tailwind purge) ── */
.w-brand-card {
    transition: border-color .18s, box-shadow .18s;
}

    .w-brand-card:hover {
        border-color: #a78bfa !important;
        box-shadow: 0 4px 14px rgba(139,92,246,.14);
    }

        .w-brand-card:hover .bc-name {
            color: #7c3aed !important;
        }

.m-brand-card {
    transition: border-color .18s, box-shadow .18s;
}

    .m-brand-card:hover {
        border-color: #111827 !important;
        box-shadow: 0 4px 12px rgba(0,0,0,.12);
    }

        .m-brand-card:hover .bc-name {
            color: #000 !important;
        }
/* Offer card hover */
.offer-card {
    transition: transform .2s, box-shadow .2s;
    cursor: pointer;
}

    .offer-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 28px rgba(0,0,0,.22);
    }
/* Featured banner button hover */
.feat-banner:hover .feat-cta {
    background: #fde047 !important;
    color: #4a1d96 !important;
}

.feat-banner-dark:hover .feat-cta {
    background: #fde047 !important;
    color: #111 !important;
}

/* DB-driven premium mega-menu offers */
.mega-offers-shell { padding: 20px 30px 26px; }
.mega-offers-header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:14px; }
.mega-offers-kicker { color:#8a33fd; font-size:9px; font-weight:900; letter-spacing:1.8px; }
.mega-offers-header h3 { color:#1e1530; font-size:20px; line-height:1.1; font-weight:900; margin:4px 0; }
.mega-offers-header p { color:#756d80; font-size:11px; margin:0; }
.mega-offers-live { display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border:1px solid #f0d8ff; border-radius:999px; background:#fbf7ff; color:#7828dc; font-size:9px; font-weight:900; letter-spacing:1px; white-space:nowrap; }
.mega-offers-live i { width:7px; height:7px; border-radius:50%; background:#ff4d8d; box-shadow:0 0 0 5px rgba(255,77,141,.12); }
.mega-offers-grid { display:grid; grid-template-columns:1.15fr .76fr .76fr; grid-template-rows:155px 155px; gap:12px; }
.mega-offer-card { position:relative; overflow:hidden; border-radius:18px; background-size:cover; background-position:center; text-decoration:none; box-shadow:0 12px 28px rgba(36,13,57,.12); transition:transform .22s ease, box-shadow .22s ease; }
.mega-offer-card:hover { transform:translateY(-3px); box-shadow:0 18px 36px rgba(62,20,92,.22); }
.mega-offer-featured { grid-row:1 / 3; }
.mega-offer-copy { position:absolute; inset:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:18px; color:#fff; }
.mega-offer-featured .mega-offer-copy { padding:30px; max-width:68%; }
.mega-offer-badge { display:inline-flex; padding:5px 9px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(255,255,255,.14); backdrop-filter:blur(5px); font-size:8px; font-weight:900; letter-spacing:1.2px; }
.mega-offer-copy strong { max-width:68%; margin-top:9px; font-size:18px; line-height:1.05; font-weight:900; text-shadow:0 2px 12px rgba(0,0,0,.35); }
.mega-offer-featured .mega-offer-copy strong { max-width:100%; font-size:29px; }
.mega-offer-copy b { margin-top:6px; color:#ffd84d; font-size:19px; line-height:1; font-weight:950; }
.mega-offer-featured .mega-offer-copy b { font-size:33px; }
.mega-offer-copy small { display:none; margin-top:8px; max-width:310px; color:rgba(255,255,255,.8); font-size:10px; line-height:1.45; }
.mega-offer-featured .mega-offer-copy small { display:block; font-size:11px; }
.mega-offer-cta { display:inline-flex; align-items:center; gap:7px; margin-top:12px; padding:8px 13px; border-radius:999px; background:#fff; color:#6f25d9; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.6px; }
@media (max-width:1100px) {
    .mega-offers-grid { grid-template-columns:1fr 1fr; grid-template-rows:190px 145px 145px; }
    .mega-offer-featured { grid-column:1 / 3; grid-row:auto; }
}
/* ── Figma editorial brand listing ── */
.brand-link {
    transition: color .15s;
}

    .brand-link:hover {
        color: #7c3aed !important;
    }

.brand-link-m {
    transition: color .15s;
}

    .brand-link-m:hover {
        color: #111827 !important;
        text-decoration: underline;
    }

.brands-bento-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 32px;
    align-items: start;
}

.brands-alpha-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    align-items: start;
}

/* Dynamic brands tab */
.mega-brands-tab {
    background:
        radial-gradient(circle at 0 0, rgba(138,51,253,.08), transparent 30%),
        linear-gradient(180deg, #fff 0%, #fdfaff 100%);
    scrollbar-color: #b77aff #f2eafd;
    scrollbar-width: thin;
}
.mega-brands-tab::-webkit-scrollbar { width: 8px; }
.mega-brands-tab::-webkit-scrollbar-track { background: #f6f0fd; }
.mega-brands-tab::-webkit-scrollbar-thumb { background: #b77aff; border-radius: 999px; }
.mega-brands-body { padding: 26px 34px 30px !important; }
.mega-brands-tab .brands-bento-grid {
    grid-template-columns: minmax(300px, .92fr) minmax(0, 2.08fr);
    gap: 26px;
}
.mega-featured-brand {
    position: relative;
    overflow: hidden;
    min-height: 390px;
    padding: 14px;
    border: 1px solid #decaf8;
    border-radius: 22px;
    background: linear-gradient(145deg, #f4ebff 0%, #fff 55%, #f7f2ff 100%);
    box-shadow: 0 16px 40px rgba(76,35,115,.12);
    transition: transform .22s ease, box-shadow .22s ease;
}
.mega-featured-brand::before {
    content: "FEATURED BRAND";
    position: absolute;
    z-index: 4;
    top: 26px;
    left: 26px;
    padding: 7px 12px;
    border: 1px solid rgba(138,51,253,.18);
    border-radius: 999px;
    color: #7623e8;
    background: rgba(255,255,255,.86);
    box-shadow: 0 7px 20px rgba(92,43,136,.10);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.25px;
}
.mega-featured-brand::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -72px;
    top: -72px;
    border-radius: 50%;
    border: 32px solid rgba(138,51,253,.07);
}
.mega-featured-brand:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 48px rgba(76,35,115,.17);
}
.mega-featured-brand > div:first-of-type {
    border-radius: 15px;
    background: rgba(255,255,255,.78);
}
.mega-featured-brand .brand-featured-img {
    height: 292px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: transparent !important;
}
.mega-featured-brand [data-brand-featured-logo] {
    width: 72% !important;
    height: 53% !important;
    max-width: 270px !important;
    filter: drop-shadow(0 12px 16px rgba(42,22,63,.12));
}
.mega-featured-brand-name {
    position: relative;
    padding: 14px 10px 7px !important;
    color: #282232 !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    letter-spacing: .45px !important;
}
.mega-featured-brand-name::after {
    content: "Explore collection  →";
    display: block;
    margin-top: 5px;
    color: #8a33fd;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .15px;
    text-transform: none;
}
.mega-brands-tab .brands-alpha-grid {
    gap: 16px;
}
.mega-brand-column {
    min-height: 390px;
    padding: 20px 18px;
    border: 1px solid #eee4f8;
    border-radius: 18px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 10px 28px rgba(62,35,89,.065);
}
.mega-brand-range {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px !important;
    padding-bottom: 13px !important;
    border-color: #eadcf8 !important;
    color: #7225db !important;
    font-size: 11px !important;
    font-weight: 900;
    letter-spacing: 1.4px;
}
.mega-brand-range::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 3px;
    background: linear-gradient(135deg, #a74aff, #7225df);
    box-shadow: 0 4px 10px rgba(138,51,253,.24);
}
.mega-brand-links { gap: 3px !important; }
.mega-brand-link {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 41px;
    padding: 8px 35px 8px 12px;
    border-radius: 10px;
    color: #37313f !important;
    font-size: 15.5px !important;
    font-weight: 650;
    line-height: 1.3 !important;
    transition: color .18s ease, background .18s ease, transform .18s ease;
}
.mega-brand-link::after {
    content: "→";
    position: absolute;
    right: 12px;
    color: #a56ae9;
    opacity: 0;
    transform: translateX(-5px);
    transition: opacity .18s ease, transform .18s ease;
}
.mega-brand-link:hover {
    color: #7625e2 !important;
    font-weight: 800;
    background: #f1e5ff;
    transform: translateX(3px);
}
.mega-brand-link:hover::after { opacity: 1; transform: translateX(0); }
.mega-trust-bar {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    border-color: #eadff6 !important;
    background: linear-gradient(90deg, #fcf9ff, #fffaf0, #fcf9ff) !important;
}
.mega-trust-bar > div > div:not(.w-px) { min-width: 0; }
.mega-trust-bar > div > div:not(.w-px) > div:first-child {
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #eadcf8;
    box-shadow: 0 7px 18px rgba(72,39,104,.09) !important;
}
.mega-trust-bar > div > div:not(.w-px) > div:first-child img { width: 20px !important; height: 20px !important; }
.mega-trust-bar p:first-child { color: #342d3c !important; }
.mega-trust-bar p:last-child { color: #7b7482 !important; }

/* All Categories brand directory — premium CodeTrex styling */
#all-categories-women-tab-brands > div {
    padding: 24px 28px 22px !important;
}

#all-categories-women-tab-brands .brands-bento-grid {
    grid-template-columns: minmax(280px,.85fr) 2.15fr;
    gap: 18px;
}

#all-categories-women-tab-brands .brands-bento-grid > div:first-child {
    position: relative;
    min-height: 358px;
    padding: 16px;
    border: 1px solid #e3d3f7;
    border-radius: 21px;
    background: linear-gradient(145deg,#f3e8ff 0%,#fff7fb 58%,#fff9ee 100%);
    box-shadow: 0 15px 34px rgba(63,28,94,.11);
    overflow: hidden;
}

#all-categories-women-tab-brands .brands-bento-grid > div:first-child::before {
    content: 'FEATURED BRAND';
    position: absolute;
    z-index: 3;
    top: 27px;
    left: 27px;
    padding: 6px 11px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg,#7c2bea,#a734ec);
    box-shadow: 0 7px 16px rgba(124,43,234,.25);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

#all-categories-women-tab-brands .brand-featured-img {
    height: 275px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.76) !important;
    box-shadow: inset 0 0 0 1px rgba(132,46,232,.08);
}

#all-categories-women-tab-brands .brands-bento-grid > div:first-child > p:first-of-type {
    position: relative;
    margin: 13px 0 0 !important;
    padding: 10px 46px 3px 4px !important;
    color: #291d37 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: .5px !important;
}

#all-categories-women-tab-brands .brands-bento-grid > div:first-child > p:first-of-type::after {
    content: '→';
    position: absolute;
    right: 2px;
    top: 3px;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #fff;
    background: #8a33fd;
    box-shadow: 0 8px 18px rgba(138,51,253,.25);
}

#all-categories-women-tab-brands .brands-alpha-grid {
    gap: 14px;
}

#all-categories-women-tab-brands .brands-alpha-grid > div {
    min-height: 358px;
    gap: 8px !important;
    padding: 16px;
    border: 1px solid #eee5f5;
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 9px 24px rgba(49,26,70,.06);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

#all-categories-women-tab-brands .brands-alpha-grid > div:hover {
    transform: translateY(-2px);
    border-color: #dac1f6;
    box-shadow: 0 15px 30px rgba(73,32,107,.10);
}

#all-categories-women-tab-brands .brands-alpha-grid > div > :first-child {
    margin: 0 0 4px !important;
    padding: 2px 3px 12px !important;
    border-bottom: 1px solid #eee5f5 !important;
    color: #513d63 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 1.4px !important;
}

#all-categories-women-tab-brands .brands-alpha-grid > div > div:last-child {
    gap: 3px !important;
}

#all-categories-women-tab-brands .brands-alpha-grid a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 35px;
    padding: 6px 32px 6px 9px;
    border-radius: 9px;
    color: #403747 !important;
    font-size: 13px !important;
    font-weight: 650;
    line-height: 1.25 !important;
    transition: transform .17s ease, color .17s ease, background .17s ease;
}

#all-categories-women-tab-brands .brands-alpha-grid a::after {
    content: '→';
    position: absolute;
    right: 10px;
    color: #8a33fd;
    opacity: 0;
    transform: translateX(-5px);
    transition: opacity .17s ease, transform .17s ease;
}

#all-categories-women-tab-brands .brands-alpha-grid a:hover {
    transform: translateX(2px);
    color: #7828de !important;
    background: #f6efff;
}

#all-categories-women-tab-brands .brands-alpha-grid a:hover::after {
    opacity: 1;
    transform: translateX(0);
}

#all-categories-women-tab-brands > div > div:last-child {
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-color: #eee4f5 !important;
}

#all-categories-women-tab-brands > div > div:last-child > a {
    padding: 9px 15px !important;
    border: 1px solid #dfcaf8;
    border-radius: 999px;
    color: #7929df !important;
    background: #fbf7ff;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

#all-categories-women-tab-brands > div > div:last-child > a:hover {
    transform: translateY(-1px);
    color: #fff !important;
    background: #842df2;
}

@media (max-width: 1200px) {
    .brands-bento-grid {
        grid-template-columns: 1fr 1.6fr;
        gap: 24px;
    }
    .mega-brands-tab .brands-bento-grid { grid-template-columns: minmax(270px,.85fr) minmax(0,2.15fr); }
    .mega-brands-tab .brands-alpha-grid { gap: 12px; }
    .mega-brand-column { padding: 17px 14px; }
}

@media (max-width: 960px) {
    .brands-bento-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .mega-brands-tab .brands-bento-grid { grid-template-columns: 1fr; }
    .mega-featured-brand { min-height: 300px; }

    .brands-alpha-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .brand-featured-img {
        height: 220px !important;
    }
}

@media (max-width: 600px) {
    .brands-alpha-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}