@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";:root{--font-base: "Inter", sans-serif;--text-dark: #111;--text-muted: #666;--border: #ddd;--accent: #000;--highlight: #A6CDDE;--mono-bg: #333;--mono-contrast: #f6f6f6}.related-products-section{background:#f7f7f7;padding:40px 5%;text-align:center}.related-products__heading{font-family:var(--font-base);font-weight:700;font-size:2rem;color:var(--text-dark);margin-bottom:2rem}.related-products__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;justify-items:center}.product-card{position:relative;width:270px;height:360px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .4s ease,box-shadow .4s ease;display:flex;flex-direction:column;justify-content:flex-start}.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0003}.product-image-area{position:relative;height:75%;width:100%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.carousel-image{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s ease,transform .45s ease}.carousel-image.active{opacity:1;transform:scale(1)}.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%) scale(.95);background:#00000059;border:none;border-radius:50%;width:34px;height:34px;font-size:1.2rem;color:#fff;cursor:pointer;opacity:0;transition:all .25s ease;z-index:3}.carousel-prev{left:10px}.carousel-next{right:10px}.product-card:hover .carousel-prev,.product-card:hover .carousel-next{opacity:1;transform:translateY(-50%) scale(1)}.product-card.overlay-open .carousel-prev,.product-card.overlay-open .carousel-next{opacity:0!important;pointer-events:none!important}.info-icon{position:absolute;top:10px;right:10px;background:#000000a6;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:8;transition:background .25s ease}.info-icon:hover{background:#000000d9}.info-icon i{font-size:18px;color:#fff;line-height:1}.info-overlay{position:absolute;top:10px;right:10px;width:0;height:0;background:#000000e0;color:#fff;padding:1.1rem;border-radius:12px;overflow:hidden;opacity:0;transition:all .45s cubic-bezier(.2,.9,.3,1);z-index:7;display:flex;align-items:center;justify-content:center;text-align:left}.info-overlay p{font-family:var(--font-base);font-size:.9rem;line-height:1.45;margin:0}.info-overlay.visible{top:0;right:0;width:100%;height:100%;border-radius:0;opacity:1}.info-icon:hover~.info-overlay{top:0;right:0;width:100%;height:100%;border-radius:0;opacity:1}.bar-slider-outer{position:relative;width:100%;height:25%;overflow:hidden;z-index:6;border-top:1px solid var(--border);background:#f4f4f4;display:flex;align-items:stretch}.bar-slider{position:absolute;left:0;bottom:0;width:200%;height:100%;display:flex;transition:transform .48s cubic-bezier(.2,.9,.3,1);transform:translate(0)}.bar-slider.active{transform:translate(-50%)}.bar-side{width:50%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;box-sizing:border-box}.bar-default{background:#f4f4f4;color:var(--text-dark)}.bar-default .info-left{width:calc(100% - 60px);text-align:left}.bar-default .info-left h3{margin:0;font-family:var(--font-base);font-weight:700;font-size:.95rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bar-default .info-right{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#000;cursor:pointer;transition:all .3s ease}.bar-default .info-right i{color:#fff;font-size:22px}.bar-default .info-right:hover{background:#fff;border:1px solid #000}.bar-default .info-right:hover i{color:#000}.bar-view{background:var(--mono-bg);color:var(--mono-contrast);justify-content:flex-start;padding-left:14px}.bar-view .back-btn{margin-right:12px;background:#000;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.bar-view .back-btn i{color:#fff;font-size:22px}.bar-view .back-btn:hover{background:#fff;border:1px solid #000}.bar-view .back-btn:hover i{color:#000}.bar-view .view-btn{margin-left:auto;padding:8px 16px;border-radius:20px;background:transparent;color:var(--mono-contrast);border:1px solid rgba(255,255,255,.12);font-weight:600;text-decoration:none;transition:all .25s ease}.bar-view .view-btn:hover{background:#ffffff1a;color:var(--mono-contrast)}@media (max-width: 1200px){.related-products__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.related-products__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.related-products__grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.product-card{width:100%;height:250px}.product-image-area{height:70%}.bar-slider-outer{height:30%;bottom:0}.bar-slider,.bar-side{height:100%}.bar-default .info-left h3{font-size:.85rem}.bar-default .info-right,.bar-view .back-btn{width:38px;height:38px}.bar-view .view-btn{padding:6px 12px;font-size:.85rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/related-products.css.map */