.mc-section-shop-by-style{background:var(--bg-base, #080808)!important}.mc-shop-by-style__inner{padding-left:24px;padding-right:24px}.mc-shop-by-style__header{text-align:left;margin-bottom:clamp(28px,4vw,44px)}.mc-shop-by-style__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 12px;font-family:var(--mono-font, "Space Mono", monospace);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cta-add, #F5A623)}.mc-shop-by-style__eyebrow-rule{display:inline-block;width:28px;height:1px;background:var(--cta-add, #F5A623)}.mc-shop-by-style__heading{margin:0 0 10px;font-family:var(--display-font, "Bebas Neue", sans-serif);font-size:clamp(34px,6vw,60px);line-height:1;letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary, #f0f0f0)}.mc-shop-by-style__subhead{margin:0 0 20px;max-width:560px;font-family:var(--sans-font, "DM Sans", sans-serif);font-size:15px;line-height:1.6;color:var(--text-secondary, #888888)}.mc-shop-by-style__rule{display:block;height:1px;width:100%;background:var(--border, #222222)}.mc-shop-by-style__grid{display:grid;grid-template-columns:repeat(var(--cols-mobile, 2),minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}@media(min-width:750px){.mc-shop-by-style__grid{grid-template-columns:repeat(var(--cols-desktop, 3),minmax(0,1fr));gap:24px}}.mc-shop-by-style__item{margin:0;min-width:0}.mc-shop-by-style__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;min-width:0;height:100%;padding:20px;overflow:hidden;background:var(--bg-surface, #0f0f0f);border:1px solid var(--border-subtle, #161616);border-radius:2px;text-decoration:none;transition:border-color .25s ease}@media(min-width:750px){.mc-shop-by-style__card{min-height:300px;padding:24px}}.mc-shop-by-style__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.mc-shop-by-style__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#000000d1)}.mc-shop-by-style__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.mc-shop-by-style__index{font-family:var(--mono-font, "Space Mono", monospace);font-size:11px;letter-spacing:2px;color:var(--accent, #00bf63)}.mc-shop-by-style__name{font-family:var(--display-font, "Bebas Neue", sans-serif);font-size:clamp(40px,7vw,72px);line-height:.9;text-transform:uppercase;color:var(--text-primary, #f0f0f0);word-break:break-word}.mc-shop-by-style__descriptor{font-family:var(--sans-font, "DM Sans", sans-serif);font-size:14px;line-height:1.5;color:var(--text-secondary, #888888)}@media(min-width:750px){.mc-shop-by-style__descriptor{font-size:15px}}.mc-shop-by-style__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.mc-shop-by-style__chip{padding:4px 8px;font-family:var(--mono-font, "Space Mono", monospace);font-size:11px;letter-spacing:.5px;color:var(--text-secondary, #888888);background:var(--bg-surface-2, #161616);border:1px solid var(--border, #222222);border-radius:2px;white-space:nowrap}.mc-shop-by-style__count{font-family:var(--mono-font, "Space Mono", monospace);font-size:11px;letter-spacing:.5px;color:var(--text-muted, #666666)}.mc-shop-by-style__cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-family:var(--sans-font, "DM Sans", sans-serif);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent, #00bf63)}.mc-shop-by-style__cta-arrow{transition:transform .25s ease}.mc-shop-by-style__card:hover,.mc-shop-by-style__card:focus-visible{border-color:var(--accent, #00bf63)}@media(hover:hover){.mc-shop-by-style__card:hover .mc-shop-by-style__image{transform:scale(1.04)}.mc-shop-by-style__card:hover .mc-shop-by-style__cta-arrow{transform:translate(4px)}}.mc-shop-by-style__card:focus-visible{outline:2px solid var(--accent, #00bf63);outline-offset:2px}.mc-shop-by-style__card:active{border-color:var(--accent, #00bf63)}@media(prefers-reduced-motion:reduce){.mc-shop-by-style__image,.mc-shop-by-style__cta-arrow,.mc-shop-by-style__card{transition:none!important}.mc-shop-by-style__card:hover .mc-shop-by-style__image,.mc-shop-by-style__card:hover .mc-shop-by-style__cta-arrow{transform:none}}.mc-shop-by-style__placeholder{padding:40px 24px;text-align:center;font-family:var(--sans-font, "DM Sans", sans-serif);color:var(--text-muted, #666666);border:1px dashed var(--border, #222222);border-radius:2px}
/*# sourceMappingURL=/cdn/shop/t/20/assets/mc-shop-by-style.css.map */