@media (max-width: 1050px){.cards-row{padding-bottom:40px}}.cards-row hr{margin-top:48px;margin-bottom:24px}@media (max-width: 1050px){.cards-row hr{display:none}}.cards-row__slider{position:relative;display:block}.cards-row__list{position:relative;overflow:auto;display:flex;scroll-snap-type:x mandatory;gap:24px}.cards-row__list::-webkit-scrollbar{display:none}.cards-row__prev,.cards-row__next{display:none;border-radius:100%;width:40px;height:40px;min-width:auto;padding:0;justify-content:center;align-items:center;position:absolute;top:120px;left:16px}.cards-row__next{left:auto;right:16px}.cards-row__prev svg{transform:rotate(90deg) translateY(2px)}hscroll-slider:not([scrollable-left]) .cards-row__prev{opacity:.3;pointer-events:none}.cards-row__next svg{transform:rotate(-90deg) translateY(2px)}hscroll-slider:not([scrollable-right]) .cards-row__next{opacity:.3;pointer-events:none}.cards-row__card{width:60%;flex:0 0 60%;scroll-snap-align:center;position:relative;overflow:hidden}.cards-row__card>*:not(:last-child){margin-bottom:10px}.cards-row__card-image{position:relative;background-color:#f7f7f7}.cards-row__card-image:before{content:"";display:block;width:100%;padding-bottom:125%}.cards-row__card-image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.cards-row__card-title{font-size:18px;line-height:1.2}.cards-row__card-title a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.cards-row__card-props{display:flex;flex-wrap:wrap;gap:6px}.cards-row__card-props span{text-transform:uppercase;letter-spacing:.2em;font-size:10px;background-color:#f7f7f7;border-radius:2px;padding:0 4px}.cards-row__card-description,.cards-row__card-description p{font-size:14px;line-height:1.3;margin:0}.cards-row__card-description>p:first-child>strong:first-child,.cards-row__card-description .metafield-rich_text_field>p:first-child>strong:first-child{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}@media (min-width: 768px){.cards-row__card{width:27%;flex:0 0 27%}}@media (max-width: 1023px){.cards-row__slider{padding:0!important}}@media (min-width: 1024px){.cards-row__card{width:20%;padding:0 12px!important;flex:0 0 20%}.cards-row__list{padding:0!important;margin:0 -12px;gap:0}[scrollable] .cards-row__prev,[scrollable] .cards-row__next{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/655/assets/css-cards-row.css.map */