.yjl-recommendations{display:block;margin:28px 0 0;color:#2d2a26;--yjl-ink: #2d2a26;--yjl-badge: #986b58;--yjl-subdued: #787572;--yjl-chip-bg: #f0ebe4}.yjl-recommendations[hidden]{display:none}.yjl-recommendations__container{max-width:1680px;margin-inline:auto;padding-inline:calc(clamp(20px,2.5vw,48px) + 28px)}.yjl-recommendations__tabs{display:flex;gap:28px;overflow-x:auto;border-bottom:1px solid #ddd;scrollbar-width:none}.yjl-recommendations__tabs::-webkit-scrollbar{display:none}.yjl-recommendations__tab{flex:0 0 auto;max-width:100%;padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:#747474;font:inherit;font-family:var(--font-stack-header);font-size:18px;line-height:1.3;font-weight:700;letter-spacing:0;text-align:left;cursor:pointer}.yjl-recommendations__tab[aria-selected=true]{color:#2d2a26;border-bottom-color:#2d2a26}.yjl-recommendations__panel{position:relative;padding-top:16px;min-width:0}.yjl-recommendations__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 70px) / 6);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:10px;scrollbar-width:none}.yjl-recommendations__card{min-width:0;scroll-snap-align:start}.yjl-recommendations__image-link{display:block;aspect-ratio:3 / 4;overflow:hidden;background:#f4f4f4}.yjl-recommendations__image{display:block;width:100%;height:100%;object-fit:cover}.yjl-recommendations__info{padding:12px 0 0;text-align:left;color:var(--yjl-ink)}.yjl-recommendations__swatches{display:flex;gap:0;align-items:center;overflow-x:auto;overflow-y:hidden;padding:0;margin:0 0 6px;min-height:32px;scrollbar-width:none}.yjl-recommendations__swatches::-webkit-scrollbar{display:none}.yjl-recommendations__swatch{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:999px;background:none;cursor:pointer}.yjl-recommendations__swatch-dot{display:block;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0003}.yjl-recommendations__swatch[aria-pressed=true] .yjl-recommendations__swatch-dot{box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--yjl-ink),inset 0 0 0 1px #0003}.yjl-recommendations__badge-row{min-height:16px;margin-bottom:2px}.yjl-recommendations__badge{display:block;font-size:12px;line-height:16px;font-weight:700;color:var(--yjl-badge);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yjl-recommendations__badge[hidden]{display:none}.yjl-recommendations__title-group{display:flex;flex-direction:column;gap:2px;margin-bottom:4px;min-height:37px;min-width:0}.yjl-recommendations__tagline{margin:0;font-size:11px;line-height:15px;font-weight:600;letter-spacing:.025em;text-transform:uppercase;color:var(--yjl-subdued);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yjl-recommendations__tagline[hidden]{display:none}.yjl-recommendations__title{margin:0;font-size:14px;line-height:20px;font-weight:700;letter-spacing:0;color:var(--yjl-ink);min-width:0}.yjl-recommendations__title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none}.yjl-recommendations__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;line-height:20px;font-weight:400;color:var(--yjl-ink);white-space:nowrap;overflow:hidden}.yjl-recommendations__compare{color:var(--yjl-subdued);font-size:14px;text-decoration:line-through}.yjl-recommendations__compare[hidden]{display:none}.yjl-recommendations__promo{margin-top:8px;max-width:100%}.yjl-recommendations__promo[hidden]{display:none}.yjl-recommendations__promo-chip{display:inline-block;max-width:100%;background:#eccda2;color:#000;font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;line-height:13.2px;font-weight:400;letter-spacing:normal;text-transform:none;padding:4px 8px;border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yjl-recommendations__empty{margin:8px 0 16px;color:var(--yjl-subdued);font-size:14px;line-height:1.5}.yjl-recommendations__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.yjl-recommendations :where(button,a,[role=tabpanel]):focus-visible{outline:2px solid #2d2a26;outline-offset:3px}@media(max-width:767px){.yjl-recommendations{margin-top:24px}.yjl-recommendations__container{padding-inline:29px}.yjl-recommendations__tabs{gap:20px}.yjl-recommendations__tab{font-size:15px;padding:10px 0}.yjl-recommendations__track{grid-auto-columns:var(--mobile-card-width, 43.6%);gap:var(--mobile-card-gap, 8px)}.yjl-recommendations__title{font-size:13px}}.yjl-recommendations__track::-webkit-scrollbar{display:none}.yjl-recommendations__arrow{position:absolute;z-index:2;top:var(--carousel-arrow-top);transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;background:#fffffff2;color:#2d2a26;cursor:pointer}.yjl-recommendations__arrow[hidden]{display:none}.yjl-recommendations__arrow--previous{left:0}.yjl-recommendations__arrow--next{right:0}.yjl-recommendations__arrow svg{width:16px;height:16px}.yjl-recommendations__arrow--previous svg{transform:rotate(180deg)}@media(max-width:767px){.yjl-recommendations__arrow{display:none}}@media(min-width:768px)and (max-width:1023px){.yjl-recommendations__track{grid-auto-columns:calc((100% - 42px)/4)}}@media(min-width:768px)and (max-width:1023px){.yjl-recommendations__tab{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/yjl-pdp-recommendations.css.map */