.magio-product-pdp-page .related-products--magio-cards .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2.4rem;row-gap:3.2rem;margin-bottom:0}.magio-product-pdp-page .related-products--magio-cards .product-grid .grid__item{width:auto;max-width:none;flex:none;min-width:0}.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-nav,.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-carousel{display:none}@media screen and (max-width:989px){.magio-product-pdp-page .related-products--magio-cards .related-products__desktop-grid{display:none}.magio-product-pdp-page .related-products--magio-cards .related-products__intro{margin-bottom:1.2rem}.magio-product-pdp-page .related-products--magio-cards .related-products__heading{font-size:1.2rem;font-weight:700;line-height:1.3;letter-spacing:0}.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-nav{display:inline-flex;align-items:center;gap:.8rem;flex-shrink:0}.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-arrow{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;background:transparent;color:#000;cursor:pointer}.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-arrow:disabled{color:#ccc;cursor:default}.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-count{font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1;color:#000;white-space:nowrap}.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-carousel{display:block;width:100%}.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-track{position:relative;width:100%}.magio-related-mobile-slide{display:flex;flex-direction:column;width:100%;border-radius:.4rem;overflow:hidden;background:#fff;box-shadow:0 .2rem 1.2rem #00000014}.magio-related-mobile-slide--hidden{display:none}.magio-related-mobile-slide__hero{display:block;text-decoration:none;color:inherit}.magio-related-mobile-slide__hero-media{position:relative;width:100%;aspect-ratio:390 / 460;background:#f2f2f2;overflow:hidden}.magio-related-mobile-slide__hero-img{width:100%;height:100%;box-sizing:border-box;padding:14% 16%;object-fit:contain;object-position:center;display:block}}@media screen and (min-width:990px){.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-nav,.magio-product-pdp-page .related-products--magio-cards .related-products__mobile-carousel{display:none}}.magio-related-card{display:flex;flex-direction:column;min-width:0;color:#000}.magio-related-card__media-wrap{margin-bottom:1.2rem}.magio-related-card__media{position:relative;width:100%;aspect-ratio:1 / 1;background:#f5f5f5;overflow:hidden}.magio-related-card__track{position:relative;width:100%;height:100%}.magio-related-card__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.magio-related-card__slide.is-active{z-index:1}.magio-related-card__slide[hidden]{display:none}.magio-related-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:14% 16%;object-fit:contain;object-position:center;display:block}.magio-related-card__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;background:transparent;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.magio-related-card__nav--prev{left:.8rem}.magio-related-card__nav--next{right:.8rem}.magio-related-card__nav-icon{display:flex;width:1.2rem;height:1.2rem;color:#000;opacity:.35;transition:opacity .2s ease}.magio-related-card__nav-icon--prev{transform:rotate(90deg)}.magio-related-card__nav-icon--next{transform:rotate(-90deg)}.magio-related-card__nav:not(:disabled) .magio-related-card__nav-icon{opacity:1}.magio-related-card__nav:disabled{cursor:default}.magio-related-card__dots{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:.8rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.magio-related-card__dot{width:.6rem;height:.6rem;padding:0;border:0;border-radius:999px;background:#000;opacity:.3;cursor:pointer}.magio-related-card__dot.is-active{opacity:1}.magio-related-card:not(.magio-related-card--single-media):hover .magio-related-card__nav,.magio-related-card:not(.magio-related-card--single-media):focus-within .magio-related-card__nav,.magio-related-card:not(.magio-related-card--single-media):hover .magio-related-card__dots,.magio-related-card:not(.magio-related-card--single-media):focus-within .magio-related-card__dots{opacity:1;pointer-events:auto}.magio-related-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.magio-related-card__meta{display:flex;flex-direction:column;gap:.4rem;width:100%}.magio-related-card__title{font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.3;letter-spacing:-.02rem;text-transform:uppercase;text-decoration:none;color:#000}.magio-related-card__title:hover{opacity:.72}.magio-related-card__details{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;width:100%}.magio-related-card__prices{display:flex;align-items:baseline;gap:.75rem;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:-.02rem;line-height:1.3}.magio-related-card__variant{flex-shrink:0;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:-.02rem;line-height:1.3;color:#757575}.magio-related-card__price--compare{color:#999;text-decoration:line-through}.magio-related-card__quick-view{width:fit-content;max-width:100%;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease}.magio-related-card:hover .magio-related-card__quick-view,.magio-related-card:focus-within .magio-related-card__quick-view{max-height:4rem;opacity:1}.magio-related-card__quick-view-btn{position:relative;display:inline-block;width:fit-content;max-width:100%;padding:0;border:0;background:transparent;cursor:pointer;color:#000;text-decoration:none;font:inherit;-webkit-appearance:none;appearance:none}.magio-related-card__quick-view-btn:hover,.magio-related-card__quick-view-btn:focus,.magio-related-card__quick-view-btn:focus-visible{text-decoration:none}.magio-related-card__quick-view-btn .loading__spinner{position:absolute;opacity:0}.magio-related-card__quick-view-btn.loading .magio-related-card__quick-view-text{opacity:.4}.magio-related-card__quick-view-text{display:inline-block;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.072rem;text-transform:uppercase;line-height:1.125;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35rem;text-decoration-color:#000}@supports (-webkit-touch-callout: none){.magio-related-card__quick-view-text{text-decoration-thickness:.1rem}}@media(prefers-reduced-motion:reduce){.magio-related-card__nav,.magio-related-card__dots,.magio-related-card__quick-view{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-magio-pdp-related-card.css.map */