.rec-swiper{margin:32px 0;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;min-height:393px}.rec-swiper.is-ready{opacity:1;transform:translateY(0)}.rec-card{padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.rec-image img{width:100%}.rec-image .tag-volume{position:absolute;top:16px;left:16px;background:#000000b3;color:#fff;padding:2px 6px;font-size:11px;border-radius:4px}.rec-title{font-size:14px;margin:8px 0 4px;text-decoration:none;color:#000;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.rec-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.rec-tag{background:#f3f3f3;padding:2px 6px;font-size:11px;border-radius:4px}.rec-price{font-size:14px}.swiper-initialized .rec-price{margin-top:auto}.price-old{text-decoration:line-through;color:#888;margin-right:6px}.price-new{color:#e60023;font-weight:700}.rec-actions{display:flex;margin-top:8px}.btn-view{flex:1;text-align:center;padding:8px;text-decoration:none;font-size:13px;background:#e0e0e0;border-radius:6px 0 0 6px}.btn-add{width:40px;background:#c7c7c7;color:#fff;cursor:pointer;box-shadow:none;outline:none;border-width:0;border-radius:0 6px 6px 0}.btn-add svg{margin-top:5px}.btn-add svg path{stroke:#656565}.rec-pagination-wrapper{margin-top:16px;display:flex;justify-content:center}.rec-pagination{position:static!important}.swiper-wrapper{align-items:stretch!important}.swiper-slide{display:flex;height:auto}.rec-card{display:flex;flex-direction:column;width:100%}.rec-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#999;opacity:1;margin:0 4px!important}.rec-pagination .swiper-pagination-bullet-active{background:#121212}.rec-slider,.rec-swiper-wrapper{position:relative}.rec-prev,.rec-next{display:flex!important;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;cursor:pointer}.rec-prev{left:-40px}.rec-next{right:-40px}.swiper-button-next:after,.swiper-button-prev:after{font-size:32px;color:gray}@media screen and (max-width:768px){.rec-prev{left:10px}.rec-next{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-slider-recommendations.css.map */