.deal-showcase{padding-top:var(--PT, 36px);padding-bottom:var(--PB, 36px)}.deal-showcase__heading{font-family:var(--deal-showcase-heading-font-family);font-style:var(--deal-showcase-heading-font-style);font-weight:var(--deal-showcase-heading-font-weight);text-align:center;margin:0 0 2rem}.deal-showcase__grid{display:grid;gap:var(--deal-showcase-gap, 16px)}.deal-showcase__slider-wrap+.deal-showcase__grid{margin-top:var(--deal-showcase-gap, 16px)}.deal-showcase__grid--four{grid-template-columns:repeat(4,1fr)}.deal-showcase__grid--two{grid-template-columns:repeat(2,1fr)}.deal-showcase__card{overflow:hidden;border-radius:var(--deal-showcase-radius, 0px)}.deal-showcase__card-link{display:block;line-height:0}.deal-showcase__card-image,.deal-showcase__card-placeholder{display:block;width:100%;height:auto;object-fit:cover}.deal-showcase__card-placeholder svg{width:100%;height:100%}@media screen and (max-width:989px){.deal-showcase__grid--four{grid-template-columns:repeat(2,1fr)}}.deal-showcase__slider-wrap{position:relative}.deal-showcase__slider-btn{display:none}@media screen and (max-width:749px){.deal-showcase__grid--four{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:0;padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.deal-showcase__grid--four::-webkit-scrollbar{display:none}.deal-showcase__grid--four .deal-showcase__card{flex:0 0 calc(50% - (var(--deal-showcase-gap, 16px) / 2));scroll-snap-align:start}.deal-showcase__slider-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border:none;border-radius:50%;background:#ffffffe6;box-shadow:0 1px 4px #00000040;color:#111;cursor:pointer;z-index:2}.deal-showcase__slider-btn svg{width:18px;height:18px}.deal-showcase__slider-btn--prev{left:4px}.deal-showcase__slider-btn--next{right:4px}.deal-showcase__slider-btn:disabled{opacity:.35;cursor:default}.deal-showcase__grid--two{grid-template-columns:repeat(2,1fr);gap:calc(var(--deal-showcase-gap, 16px) / 2)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-deal-showcase.css.map */
