.section-related--ymal,.ymal-card{--ymal-black: #000;--ymal-ink: #151515;--ymal-ink-2: #1A1A1A;--ymal-rule: #2A2A2A;--ymal-lime: #18f4af;--ymal-muted: #A8A8A8;--ymal-muted-2: #6F6F6F;--ymal-font-display: "Archivo", system-ui, -apple-system, sans-serif;--ymal-font-body: "Inter Tight", system-ui, -apple-system, sans-serif;--ymal-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}.section-related--ymal{background:var(--ymal-black);color:#fff;-webkit-font-smoothing:antialiased}.section-related--ymal *,.section-related--ymal *:before,.section-related--ymal *:after,.ymal-card,.ymal-card *,.ymal-card *:before,.ymal-card *:after{box-sizing:border-box}.section-related--ymal .ymal{border-top:1px solid var(--ymal-rule);padding:56px 28px 64px;max-width:1320px;margin:0 auto;position:relative}.section-related--ymal .ymal:before{content:"";position:absolute;top:0;left:28px;right:28px;height:2px;background:var(--ymal-lime)}.section-related--ymal .ymal__head{margin-bottom:28px;max-width:820px}.section-related--ymal .ymal__kicker{font-family:var(--ymal-font-mono);font-size:10px;color:var(--ymal-lime);letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:10px}.section-related--ymal .ymal__title{font-family:var(--ymal-font-display);font-weight:900;font-size:38px;line-height:1;color:#fff;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 12px}.section-related--ymal .ymal__title em{font-style:normal;color:var(--ymal-lime)}.section-related--ymal .ymal__sub{font-family:var(--ymal-font-body);font-size:14px;color:var(--ymal-muted);line-height:1.55}.section-related--ymal .ymal__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3px)/4);gap:1px;background:var(--ymal-rule);border:1px solid var(--ymal-rule);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0;scrollbar-width:thin;scrollbar-color:var(--ymal-rule) transparent;-webkit-overflow-scrolling:touch}.section-related--ymal .ymal__grid::-webkit-scrollbar{height:4px}.section-related--ymal .ymal__grid::-webkit-scrollbar-track{background:transparent}.section-related--ymal .ymal__grid::-webkit-scrollbar-thumb{background:var(--ymal-rule);border-radius:2px}@media(max-width:1100px){.section-related--ymal .ymal__grid{grid-auto-columns:calc((100% - 1px)/2)}}@media(max-width:600px){.section-related--ymal .ymal__grid{grid-auto-columns:85%}}.section-related--ymal .ymal__all{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:12px 18px;font-family:var(--ymal-font-mono);font-size:11px;color:#fff;letter-spacing:.14em;text-transform:uppercase;font-weight:700;text-decoration:none;border:1px solid var(--ymal-rule);background:var(--ymal-ink);transition:all .15s}.section-related--ymal .ymal__all:hover{border-color:var(--ymal-lime);color:var(--ymal-lime)}.section-related--ymal .ymal__all svg{transition:transform .15s}.section-related--ymal .ymal__all:hover svg{transform:translate(3px)}.section-related--ymal .ymal__placeholder{min-height:280px}.section-related--ymal:not(.section-related--articles):not(:has([data-grid-item])){display:none}.ymal-card{background:var(--ymal-ink);display:flex;flex-direction:column;text-decoration:none;color:#fff;transition:background .15s;scroll-snap-align:start;min-width:0;font-family:var(--ymal-font-body)}.ymal-card:hover{background:var(--ymal-ink-2)}.ymal-card:hover .ymal-card__cta{background:var(--ymal-lime);color:#000;border-color:var(--ymal-lime)}.ymal-card:hover .ymal-card__img{transform:translate(-50%,-50%) scale(1.04)}.ymal-card__media{aspect-ratio:1;background:radial-gradient(ellipse at center,#1a1a1a,#0a0a0a 75%);position:relative;overflow:hidden;border-bottom:1px solid var(--ymal-rule)}.ymal-card__img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:86%;max-height:86%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5));transition:transform .25s ease}.ymal-badge{position:absolute;top:10px;left:10px;font-family:var(--ymal-font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:4px 8px;z-index:4}.ymal-badge--lime{background:var(--ymal-lime);color:#000}.ymal-badge--white{background:#fff;color:#000}.ymal-card__sku{position:absolute;top:10px;right:10px;font-family:var(--ymal-font-mono);font-size:9px;color:var(--ymal-muted-2);letter-spacing:.12em;text-transform:uppercase;background:#00000080;padding:4px 8px;z-index:4}.ymal-card__catpill{position:absolute;bottom:10px;left:10px;font-family:var(--ymal-font-mono);font-size:9px;color:var(--ymal-muted);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ymal-rule);padding:4px 9px;z-index:4;background:#0006}.ymal-card__body{padding:16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.ymal-card__title{font-family:var(--ymal-font-display);font-weight:800;font-size:14px;line-height:1.2;color:#fff;text-transform:uppercase;letter-spacing:0;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ymal-card__sub{font-family:var(--ymal-font-body);font-size:11.5px;color:var(--ymal-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ymal-card__swatches{display:flex;align-items:center;gap:6px;margin-top:2px}.ymal-sw{width:14px;height:14px;display:inline-block;border:1.5px solid transparent}.ymal-sw__more{font-family:var(--ymal-font-mono);font-size:9px;color:var(--ymal-muted);letter-spacing:.04em;margin-left:2px}.ymal-card__foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--ymal-rule);gap:10px}.ymal-card__price{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 6px;align-items:baseline}.ymal-card__price-lbl{grid-row:1;grid-column:1;font-family:var(--ymal-font-mono);font-size:9px;color:var(--ymal-muted);letter-spacing:.14em;text-transform:uppercase}.ymal-card__price-val{grid-row:1;grid-column:2;font-family:var(--ymal-font-display);font-weight:900;font-size:20px;color:var(--ymal-lime);letter-spacing:-.01em;line-height:1}.ymal-card__price-meta{grid-row:2;grid-column:1 / -1;font-family:var(--ymal-font-mono);font-size:9.5px;color:var(--ymal-muted-2);letter-spacing:.08em;margin-top:4px}.ymal-card__cta{font-family:var(--ymal-font-mono);font-size:10px;color:#fff;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:9px 12px;background:var(--ymal-black);border:1px solid var(--ymal-rule);display:inline-flex;gap:6px;align-items:center;transition:all .15s;white-space:nowrap}@media(max-width:700px){.section-related--ymal .ymal{padding:36px 16px 44px}.section-related--ymal .ymal:before{left:16px;right:16px}.section-related--ymal .ymal__title{font-size:28px}.ymal-card__body{padding:14px}}.ymal-card__media--article{background:#0a0a0a}.ymal-card__img--cover{right:0;bottom:0;width:100%;height:100%;max-width:none;max-height:none;top:0;left:0;transform:none;object-fit:cover;object-position:center;filter:none}.ymal-card:hover .ymal-card__img--cover{transform:scale(1.04)}.ymal-card__media--article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));pointer-events:none;z-index:1}.ymal-card--article .ymal-card__price-meta{margin-top:0;grid-row:1;grid-column:1 / -1;font-size:10px}.ymal-card--standalone{border:1px solid var(--ymal-rule);height:100%}
/*# sourceMappingURL=/cdn/shop/t/7/assets/related-ymal.css.map */