.res-rel{--rel-title-color: var(--rel-title, rgb(var(--color-foreground)));--rel-sub-color: var(--rel-sub, color-mix(in srgb, var(--rel-title-color) 60%, #fff));--rel-line: color-mix(in srgb, var(--rel-title-color) 12%, #fff);display:block}.res-rel *,.res-rel *:before,.res-rel *:after{box-sizing:border-box}.res-rel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3.4rem}.res-rel .related-products__heading{max-width:720px;margin:0 0 1.4rem;font-family:Cairo,sans-serif;font-weight:800;color:var(--rel-title-color)}.res-rel .related-products__subheading{max-width:680px;margin:0;font-size:16px;line-height:1.6;color:var(--rel-sub-color)}.res-rel__nav{display:flex;flex-shrink:0;gap:10px}.res-rel__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--rel-line);border-radius:50%;background:#fff;color:var(--rel-title-color);cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.res-rel__arrow svg{width:18px;height:18px}.res-rel__arrow--prev svg{transform:rotate(180deg)}.res-rel__arrow:hover:not(.swiper-button-disabled){border-color:var(--rel-title-color);background:var(--rel-title-color);color:#fff}.res-rel__arrow.swiper-button-disabled{opacity:.35;cursor:default}.res-rel__arrow.swiper-button-lock,.res-rel__pagination.swiper-pagination-lock{display:none}.res-rel__swiper:not(.swiper-initialized) .swiper-wrapper{gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.res-rel__swiper:not(.swiper-initialized) .res-rel__slide{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start}.res-rel__slide{height:auto}.res-rel__card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--rel-line);border-radius:10px;background:#fff;transition:border-color .15s ease}.res-rel__card:hover{border-color:var(--rel-accent)}.res-rel__link{display:block;flex:1;color:inherit;text-decoration:none}.res-rel__img{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:18px;background:linear-gradient(160deg,var(--rel-light, #eaf6fd),color-mix(in srgb,var(--rel-light, #eaf6fd) 86%,var(--rel-accent-dark)))}.res-rel__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.res-rel__body{padding:16px 18px 20px}.res-rel__name{display:-webkit-box;min-height:2.6em;margin:0 0 8px;overflow:hidden;font-family:Cairo,sans-serif;font-size:14.5px;font-weight:800;line-height:1.3;letter-spacing:0;color:var(--rel-title-color);-webkit-box-orient:vertical;-webkit-line-clamp:2}.res-rel__old{font-size:12px;text-decoration:line-through;color:var(--rel-sub-color)}.res-rel__now{font-family:Cairo,sans-serif;font-size:17px;font-weight:800;line-height:1.4;color:var(--rel-title-color)}.res-rel__pix{font-size:11px;font-weight:800;color:var(--rel-accent-dark)}.res-rel__cta{padding:0 18px 18px}.res-rel__add{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:11px 10px;border:none;border-radius:6px;background:var(--rel-btn);font-family:Cairo,sans-serif;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:0;color:var(--rel-btn-text);text-decoration:none;cursor:pointer;transition:background .2s ease}.res-rel__add:hover{background:color-mix(in srgb,var(--rel-btn) 85%,#000);color:var(--rel-btn-text)}.res-rel__add[disabled]{opacity:.55;cursor:not-allowed}.res-rel__add svg{flex-shrink:0;width:17px;height:17px}.res-rel__add .loading__spinner{top:50%;left:50%;width:2rem;transform:translate(-50%,-50%)}.res-rel__add .loading__spinner .path{stroke:currentColor}.res-rel__add.loading>svg,.res-rel__add.loading>span{visibility:hidden}.res-rel__pagination{position:static;display:flex;justify-content:center;gap:4px;margin-top:22px;--swiper-pagination-color: var(--rel-title-color);--swiper-pagination-bullet-inactive-color: var(--rel-title-color);--swiper-pagination-bullet-inactive-opacity: .2;--swiper-pagination-bullet-size: 8px}@media screen and (min-width:990px){.res-rel__pagination{display:none}}@media screen and (max-width:989px){.res-rel__nav{display:none}.res-rel__swiper:not(.swiper-initialized) .res-rel__slide{flex-basis:44%}}@media screen and (max-width:749px){.res-rel__head{margin-bottom:2.4rem}.res-rel .related-products__subheading{font-size:15px}.res-rel__body{padding:14px 14px 16px}.res-rel__cta{padding:0 10px 14px}.res-rel__add{gap:5px;padding:11px 6px;font-size:12px;white-space:nowrap}.res-rel__add svg{width:14px;height:14px}}@media screen and (max-width:360px){.res-rel__add{font-size:11px}.res-rel__add svg{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/res-related-products.css.map */
