.xo-section.sale-layer,.xo-section.sale-layer *{letter-spacing:-.02em}.sale-layer{position:relative;padding-top:calc(var(--pt) * 5 / 6 * 1px);padding-bottom:calc(var(--pb) * 5 / 6 * 1px)}@media(min-width:768px){.sale-layer{padding-top:calc(var(--pt) * 1px);padding-bottom:calc(var(--pb) * 1px)}}.sale-layer__anchor{position:absolute;top:0}.sale-layer__inner{display:flex;flex-direction:column;gap:24px}@media(min-width:768px){.sale-layer__inner{gap:32px}}.sale-layer__header{display:flex;flex-direction:column;gap:8px}.sale-layer__step{margin:0;font-family:var(--font-body-medium-family);font-size:15px;line-height:18px;color:var(--color-accent)}.sale-layer__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.sale-layer__heading{margin:0;font-family:var(--font-body-medium-family);font-size:30px;line-height:36px;color:var(--color-heading, var(--color-text, #121212))}@media(min-width:768px){.sale-layer__heading{font-size:40px;line-height:44px}}.sale-layer__price-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--color-accent);color:#fff;font-family:var(--font-body-medium-family);font-size:15px;line-height:16px}@media(min-width:768px){.sale-layer__price-badge{font-size:17px;line-height:18px;padding:8px 14px}}.sale-layer__intro,.sale-layer__intro p{margin:0;font-family:var(--font-body-family);font-size:18px;line-height:1.35;color:var(--color-text)}@media(min-width:768px){.sale-layer__intro,.sale-layer__intro p{font-size:20px}}.sale-layer__pairings,.sale-layer__track{display:grid;grid-auto-flow:column;gap:12px;margin:0 calc(-1 * var(--xo-container-gap, 12px));padding:0 var(--xo-container-gap, 12px) 4px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--xo-container-gap, 12px);-webkit-overflow-scrolling:touch;scrollbar-width:none}.sale-layer__pairings::-webkit-scrollbar,.sale-layer__track::-webkit-scrollbar{display:none}.sale-layer__pairings>*,.sale-layer__track>*{scroll-snap-align:start}.sale-layer__track{grid-auto-columns:64%}.sale-layer__inner--compact .sale-layer__track{grid-auto-columns:44%}.sale-layer__pairings{grid-auto-columns:82%}@media(min-width:768px){.sale-layer__track{grid-auto-columns:calc((100% - 3 * 16px) / 3.3);gap:16px}.sale-layer__inner--compact .sale-layer__track{grid-auto-columns:calc((100% - 4 * 16px) / 4.5)}.sale-layer__pairings{grid-auto-columns:calc((100% - 16px) / 2.2);gap:16px}}@media(min-width:992px){.sale-layer__pairings,.sale-layer__track{grid-auto-flow:row;margin:0;padding:0;overflow:visible}.sale-layer__track{grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:24px}.sale-layer__inner--compact .sale-layer__track{grid-template-columns:repeat(calc(var(--cols, 4) + 1),minmax(0,1fr));gap:16px}.sale-layer__pairings{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}}.sale-layer__pairing{display:flex;align-items:center;gap:14px;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--color-accent) 7%,var(--color-bg, #ffffff))}.sale-layer__pairing-media{position:relative;flex-shrink:0;width:64px;height:64px;border-radius:6px;overflow:hidden}.sale-layer__pairing-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sale-layer__pairing-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sale-layer__pairing-title{margin:0;font-family:var(--font-body-family);font-size:15px;line-height:18px;color:var(--color-text)}.sale-layer__pairing-combo{margin:0;font-family:var(--font-body-medium-family);font-size:18px;line-height:22px;color:var(--color-heading, var(--color-text, #121212))}.sale-layer__row{display:flex;flex-direction:column;gap:14px}.sale-layer__row-title{text-align:left}@media(min-width:992px){.sale-layer__row-title{text-align:center}}.sale-layer__row-heading{display:inline-block;margin:0;font-family:var(--font-body-medium-family);font-size:24px;font-style:normal;font-weight:500;line-height:normal;color:var(--color-heading, var(--color-text, #121212))}@media(min-width:768px){.sale-layer__row-heading{font-size:26px}}.xo-section.sale-layer .sale-layer__row-heading{letter-spacing:-.02em}.sale-layer__row-count{margin-left:2px;font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:400;line-height:18px;vertical-align:top;color:var(--color-text, #121212)}.xo-section.sale-layer .sale-layer__row-count{letter-spacing:-.28px}.sale-layer__card{position:relative;min-width:0}.sale-layer__inner--compact .xo-product-card__heading{font-size:15px;line-height:18px}.sale-layer__card--placeholder{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sale-layer__placeholder-media{position:relative;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--color-text) 6%,var(--color-bg, #ffffff))}.sale-layer__placeholder-svg{width:100%;height:100%;fill:color-mix(in srgb,var(--color-text) 25%,transparent)}.sale-layer__placeholder-title{margin:4px 0 0;font-family:var(--font-body-medium-family);font-size:16px;line-height:20px;color:var(--color-heading, var(--color-text, #121212))}.sale-layer__placeholder-price{margin:0;font-family:var(--font-body-family);font-size:15px;line-height:18px;color:var(--color-text)}.sale-layer__card--placeholder>:not(.sale-layer__placeholder-media):not(.sale-layer__badge){margin-inline:12px}@media(min-width:768px){.sale-layer__card--placeholder{align-items:center;text-align:center}.sale-layer__card--placeholder>:not(.sale-layer__placeholder-media):not(.sale-layer__badge){margin-inline:0}}.sale-layer__placeholder-note{padding:3px 8px;border:1px solid var(--color-border, #d0d0d0);border-radius:4px;font-family:var(--font-body-family);font-size:13px;line-height:16px;color:var(--color-text)}.sale-layer__next{display:flex;justify-content:center}.sale-layer__next-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid var(--color-heading, var(--color-text, #121212));color:var(--color-heading, var(--color-text, #121212));text-decoration:none;font-family:var(--font-body-medium-family);font-size:17px;transition:background .2s ease,color .2s ease}.sale-layer__next-link:hover,.sale-layer__next-link:focus-visible{background:var(--color-heading, var(--color-text, #121212));color:var(--color-bg, #ffffff)}.sale-layer__next-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sale-layer__next-link svg{transition:transform .2s ease}.sale-layer__next-link:hover svg{transform:translateY(3px)}.sale-layer__end{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:32px;border-top:1px solid var(--color-border, #d0d0d0)}@media(min-width:768px){.sale-layer__end{flex-direction:row;justify-content:center;gap:12px}}.sale-layer__end--plain{padding-top:8px;border-top:0}.sale-layer__end-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:1px solid #000000;text-decoration:none;font-family:var(--font-body-medium-family);font-size:18px;transition:background .2s ease,color .2s ease,border-color .2s ease}@media(min-width:768px){.sale-layer__end-btn{min-width:260px}}.sale-layer__end-btn--primary{background:#000;color:#fff}.sale-layer__end-btn--primary:hover,.sale-layer__end-btn--primary:focus-visible{border-color:var(--color-accent);background:var(--color-accent)}.sale-layer__end-btn--primary svg{transition:transform .2s ease}.sale-layer__end-btn--primary:hover svg{transform:translate(3px)}.sale-layer__end-btn--secondary{background:transparent;color:#000}.sale-layer__end-btn--secondary:hover,.sale-layer__end-btn--secondary:focus-visible{background:#000;color:#fff}.sale-layer__end-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:991px){.sale-layer__inner--mobile-grid .sale-layer__track,.sale-layer__inner--mobile-grid .sale-layer__pairings{grid-auto-flow:row;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.sale-layer__inner--mobile-grid .sale-layer__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sale-grid-row-gap) var(--sale-grid-col-gap)}.sale-layer__inner--mobile-grid .sale-layer__pairings{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:991px){.sale-layer__inner--mobile-grid .sale-layer__track{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sale-grid-row-gap) var(--sale-grid-col-gap)}.sale-layer__inner--mobile-grid .sale-layer__pairings{grid-template-columns:1fr 1fr}}.sale-layer .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:992px){.sale-layer__header{align-items:center;text-align:center}.sale-layer__title-row{justify-content:center}.sale-layer__intro{max-width:640px}.sale-layer__track{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sale-grid-row-gap) var(--sale-grid-col-gap)}.sale-layer__track>*{flex:0 0 calc((100% - (var(--cols, 4) - 1) * var(--sale-grid-col-gap)) / var(--cols, 4))}.sale-layer__inner--compact .sale-layer__track>*{flex-basis:calc((100% - var(--cols, 4) * 16px) / (var(--cols, 4) + 1))}.sale-layer__pairings{display:flex;flex-wrap:wrap;justify-content:center}.sale-layer__pairings>*{flex:0 1 420px}}.sale-layer{--sale-grid-row-gap: 48px;--sale-grid-col-gap: 12px}@media(min-width:768px){.sale-layer{--sale-grid-col-gap: 24px}}@media(min-width:992px){.sale-layer{--sale-grid-col-gap: 36px}}@media(min-width:1200px){.sale-layer{--sale-grid-col-gap: 60px}}@media(max-width:767px){.sale-layer__inner--mobile-grid .sale-layer__track--mobile-1{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/394/assets/section-sale-layer.css.map */