.mas-cross-sell{padding-block:var(--mas-section-y)}.mas-cross-sell__header{text-align:center;max-width:var(--mas-narrow-max);margin:0 auto var(--mas-8);display:flex;flex-direction:column;gap:var(--mas-3)}.mas-cross-sell__heading{font-size:var(--mas-h2)}.mas-cross-sell__intro{color:var(--mas-text)}.mas-cross-sell__intro p{margin:0 auto}.mas-cross-sell__card{display:flex;flex-direction:column;height:100%;position:relative}.mas-cross-sell__link{display:block;color:inherit;position:relative}.mas-cross-sell__media{aspect-ratio:4 / 5}.mas-cross-sell__media-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mas-soft-fade)}.mas-cross-sell__badge{position:absolute;top:var(--mas-3);right:var(--mas-3);z-index:2;box-shadow:var(--mas-shadow-sm)}.mas-cross-sell__body{flex:1;display:flex;flex-direction:column;gap:var(--mas-3)}.mas-cross-sell__title{font-size:var(--mas-text-xl);color:var(--mas-charcoal)}.mas-cross-sell__title a{color:inherit;transition:color var(--mas-dur) var(--mas-ease)}.mas-cross-sell__title a:hover{color:var(--mas-amber)}.mas-cross-sell__description{font-size:var(--mas-text-sm);color:var(--mas-text);line-height:var(--mas-leading-snug);margin:0}.mas-cross-sell__cta{margin-top:auto;padding-top:var(--mas-2)}.mas-cross-sell__empty{text-align:center;padding:var(--mas-8) var(--mas-4);color:var(--mas-text-muted)}.mas-cross-sell__media img{width:100%;height:100%;object-fit:cover}.mas-cross-sell__card--static:hover{transform:none;box-shadow:var(--mas-shadow-sm)}.mas-cross-sell__card--static:hover .mas-card__media img{transform:none}@media(min-width:990px){.mas-cross-sell__grid.mas-grid--3{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.mas-cross-sell .mas-container{padding-inline:0}.mas-cross-sell__header{padding-inline:var(--mas-gutter)}.mas-cross-sell__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;gap:var(--mas-4);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--mas-1) var(--mas-gutter) var(--mas-4);scroll-padding-inline:var(--mas-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.mas-cross-sell__grid::-webkit-scrollbar{display:none}.mas-cross-sell__card{scroll-snap-align:start}.mas-cross-sell__card:hover{transform:none}.mas-cross-sell__media{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mas-section-cross-sell.css.map */
