.promo-tiles{padding-top:var(--promo-padding-top);padding-bottom:var(--promo-padding-bottom)}.promo-tiles__header{max-width:1400px;margin:0 auto 24px;padding:0 16px}.promo-tiles__carousel{position:relative}.promo-tiles__btn{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:transparent;color:currentColor;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;z-index:3;opacity:.5;transition:opacity .2s ease,transform .2s ease}.promo-tiles__btn--prev{left:4px}.promo-tiles__btn--next{right:4px}.promo-tiles__btn svg{width:18px;height:18px;stroke-width:1.8}.promo-tiles__btn:hover:not(:disabled){opacity:1}.promo-tiles__btn--prev:hover:not(:disabled){transform:translateY(-50%) translate(-2px)}.promo-tiles__btn--next:hover:not(:disabled){transform:translateY(-50%) translate(2px)}.promo-tiles__btn:disabled{opacity:.15;cursor:not-allowed}.promo-tiles__title{font-family:var(--font-heading-family, "Oswald"),sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(2.4rem,4vw,4rem);margin:0;line-height:1.05}.promo-tiles__title--desktop{display:none}.promo-tiles__title--mobile{display:block}@media(min-width:750px){.promo-tiles__title--desktop{display:block}.promo-tiles__title--mobile{display:none}}.promo-tiles__inner{display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:var(--promo-gap);max-width:1400px;margin:0 auto;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y}.promo-tiles__inner::-webkit-scrollbar{display:none}.promo-tile{scroll-snap-align:start;scroll-snap-stop:always}.promo-tile{display:flex;flex-direction:column;gap:12px}.promo-tile__media-link{display:block;text-decoration:none;color:inherit}.promo-tile__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--promo-radius);background:#111}.promo-tile__image,.promo-tile__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.promo-tile:hover .promo-tile__image{transform:scale(1.04)}.promo-tile__eyebrow{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:2;padding:6px 18px;background:var(--promo-accent);color:var(--promo-accent-text);font-family:var(--font-heading-family, "Oswald"),sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.promo-tile__title-bar{position:absolute;left:0;right:0;bottom:0;padding:18px 20px 22px;background:var(--promo-accent);color:var(--promo-accent-text);z-index:2}.promo-tile__title{font-family:var(--font-heading-family, "Oswald"),sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.005em;line-height:.95;font-size:clamp(2rem,4vw,2.8rem);margin:0;text-align:center;color:inherit}.promo-tile__button{display:block;width:100%;text-align:center;padding:16px 24px;border:2px solid currentColor;border-radius:999px;background:transparent;color:inherit;text-decoration:none;font-family:var(--font-heading-family, "Oswald"),sans-serif;font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;transition:background .2s ease,color .2s ease,border-color .2s ease}.promo-tile__button:hover{background:var(--promo-accent);color:var(--promo-accent-text);border-color:var(--promo-accent)}@media(min-width:750px){.promo-tiles__inner{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);grid-auto-columns:auto;padding:0 24px;gap:calc(var(--promo-gap) + 4px);overflow-x:visible;scroll-snap-type:none}.promo-tiles__header{padding:0 24px}}@media(min-width:990px){.promo-tiles__inner{grid-template-columns:repeat(3,1fr);padding:0 32px;gap:calc(var(--promo-gap) + 8px)}.promo-tiles__header{padding:0 32px}.promo-tiles__btn{display:none}.promo-tile__title-bar{padding:22px 24px 26px}.promo-tile__title{font-size:clamp(2.4rem,2.2vw,3rem)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-promo-tiles.css.map */
