.tg-gender-mega{width:100%;padding:var(--space-6) var(--space-8)}.tg-gender-mega__inner{display:grid;grid-template-columns:repeat(var(--col-count, 4),max-content);justify-content:start;gap:var(--space-6) 56px;max-width:var(--container-wide);margin:0 auto}.tg-gender-mega__col{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.tg-gender-mega__heading{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg-muted, rgba(10, 10, 10, .55));margin:0}.tg-gender-mega__subheading{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg-muted, rgba(10, 10, 10, .55));margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-1)}.tg-gender-mega__link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.tg-gender-mega__link{display:inline-block;font-family:var(--font-display);font-size:var(--fs-base);font-weight:400;letter-spacing:0;text-transform:none;color:var(--color-fg);text-decoration:none;padding:var(--space-1) 0;transition:color var(--dur-fast) var(--ease-out)}.tg-gender-mega__link:hover{color:var(--color-accent)}.tg-gender-mega__size-chips{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(8,34px);gap:3px;justify-content:start}.tg-gender-mega__size-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;text-decoration:none;color:var(--color-fg);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.tg-gender-mega__size-chip:hover{border-color:var(--color-fg);background:var(--color-bg-subtle, #f4f4f0)}.tg-gender-mega__size-chip-title{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-fg);line-height:1}.header .menu-list__submenu:has(.tg-gender-mega){width:100vw!important;max-width:100vw!important;left:0!important;right:auto!important;--submenu-padding-block-start: 0 !important;--submenu-padding-block-end: 0 !important}.header .menu-list__submenu:has(.tg-gender-mega) .menu-list__submenu-inner,.header .menu-list__submenu:has(.tg-gender-mega) .mega-menu,.header .menu-list__submenu:has(.tg-gender-mega) .mega-menu__grid{display:block!important;width:100%!important;max-width:none!important;padding:0!important}.header .menu-list__submenu:has(.tg-gender-mega){top:calc(100% - 1px + var(--border-bottom-width))!important;clip-path:inset(0px 0px -100vh 0px)!important}.header .menu-list__submenu:has(.tg-gender-mega) .menu-list__submenu-inner{transform:none!important;max-height:none!important;overflow:visible!important}.tg-gender-mega__col--brand{width:320px}.tg-gender-mega__col--brand .tg-gender-mega__brand-tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.tg-gender-mega__col--brand .tg-gender-mega__brand-tile{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg-subtle, #f4f4f0);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.tg-gender-mega__col--brand .tg-gender-mega__brand-tile:hover{border-color:var(--color-fg);transform:translateY(-2px)}.tg-gender-mega__brand-tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.tg-gender-mega__brand-tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0a0a0a00 40%,#0a0a0a9e)}.tg-gender-mega__brand-tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,var(--color-bg-subtle, #f4f4f0) 0%,#e8e8e2 100%)}.tg-gender-mega__brand-tile-label{position:absolute;inset:auto var(--space-2) var(--space-2) var(--space-2);z-index:2;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-fg);line-height:1.1}.tg-gender-mega__brand-tile[data-has-image=true] .tg-gender-mega__brand-tile-label{color:var(--color-bg)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/tg-gender-mega.css.map */