.promo{min-height:var(--promo-min-height, 0);overflow:hidden;border-radius:15px}.main-nav__promos .promo{padding:0}.promo:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .6s;background-color:var(--promo-overlay-color)}.promo .media{z-index:0;overflow:hidden;padding:5px}.promo .media img{transition:transform .4s cubic-bezier(.38,.41,.27,1);will-change:transform}.gapless .promo{box-shadow:0 0 0 1px var(--card-border-color)}.card--promo{padding:calc(4 * var(--space-unit))}.gapless .card--promo{box-shadow:0 0 0 1px var(--card-border-color)}.card.card--promo .card--promo__info{padding:calc(4 * var(--space-unit)) 0 0}.promo--border{border:1px solid var(--promo-border-color)}.promo__content{z-index:1}.promo__content .rte{color:var(--promo-text-color);font-size:var(--font-size)}.promo__content .rte p{margin-bottom:.5em}.promo__content .rte a{color:currentColor}.promo__content .rte>*:last-child{margin-bottom:0}.promo__content .link{color:var(--promo-text-color)}.card--promo__content .rte a{color:currentColor}.promo--grow{flex:1}.promo__mp4{object-position:center}.main-products-grid[data-layout=list] .promo-item--grid,.main-products-grid[data-layout=grid] .promo-item--list{display:none}.main-products-grid[data-layout=list] .card--promo{padding:calc(4 * var(--space-unit))}.main-products-grid[data-layout=list] .card--promo__info{padding-top:calc(4 * var(--space-unit));padding-bottom:calc(4 * var(--space-unit));padding-inline-start:0;padding-inline-end:calc(4 * var(--space-unit))}@media (max-width: 768.98px){.promo__content .rte{font-size:calc(var(--font-size) * .9)}.card--promo-small,.main-products-grid[data-layout=list] .card--promo__info{padding:0}}@media (min-width: 769px){.main-products-grid[data-layout=list] .card--promo__info{padding-top:calc(4 * var(--space-unit));padding-bottom:calc(4 * var(--space-unit));padding-inline-start:0;padding-inline-end:calc(4 * var(--space-unit))}.main-products-grid[data-layout=grid] .card--promo{padding:calc(4 * var(--space-unit))}.main-products-grid[data-layout=list] .card--promo .btn{width:max-content}.promo__content{padding:max(1em,24px) max(1.25em,30px)}.main-nav__promos .promo__content{padding:1em 1.5em}a.promo:hover:after{opacity:.5}}.main-nav__promos .promo__content{font-size:clamp(12px,calc(var(--promo-min-height) / 40),16px)}.main-nav__promos{display:grid;gap:calc(4 * var(--space-unit))}.main-nav__promos .promo__text{padding:.25em .5em}.child-promos{font-weight:400;margin-top:10px}@media (max-width: 599.98px){.main-nav__promos{grid-template-columns:1fr;gap:calc(3 * var(--space-unit))}.main-nav__promos .promo{display:flex;flex-direction:row;align-items:center;margin-bottom:0;min-height:auto}.main-nav__promos .promo .media{flex:0 0 100px;min-width:100px;height:100px;margin-right:calc(3 * var(--space-unit));position:relative}.main-nav__promos .promo .promo__content{flex:1;padding:0}.main-nav__promos .promo__content .rte{font-size:14px}.main-nav__promos .promo__content .rte h3,.main-nav__promos .promo__content .rte h4{font-size:16px;margin-bottom:.25em}.main-nav__promos .promo__content .promo__desc{font-size:12px;opacity:.8}}@media (min-width: 600px) and (max-width: 768.98px){.main-nav__promos{grid-template-columns:repeat(2,1fr)}.sm\:nav-gap-x-6{column-gap:calc(6 * var(--space-unit))}}@media (min-width: 769px) and (max-width: 1023.98px){.main-nav__promos{grid-template-columns:repeat(3,1fr)}.child-promos[data-promo-count="3"]{margin-inline-end:0;padding-inline-end:0;overflow:visible}.child-promos[data-promo-count="3"] .main-nav__promos{min-width:auto}}@media (min-width: 1024px){.main-nav__promos{grid-template-columns:repeat(5,1fr)}.md\:nav-mt-4{margin-top:calc(4 * var(--space-unit))}.mega-nav--promos-bottom{padding-bottom:calc(8 * var(--space-unit))}.mega-nav--promos-right{display:flex}.mega-nav--promos-right .child-nav{flex:1}.mega-nav--promos-right .child-promos{flex:0 0 400px;padding-inline-start:calc(12 * var(--space-unit))}.mega-nav--promos-right .main-nav__promos{grid-template-columns:1fr;margin-top:0}.mega-nav--promos-right .main-nav__promos .promo{margin-bottom:calc(6 * var(--space-unit))}.mega-nav--promos-right .main-nav__promos .promo:last-child{margin-bottom:0}.main-nav__promos .promo{margin-bottom:0}}@media (min-width: 1536px){.main-nav__promos{grid-template-columns:repeat(5,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/promos.css.map */
