.similar-styles-block{margin:40px 0}.similar-styles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.similar-style-item{position:relative;aspect-ratio:3/4;overflow:hidden}.similar-style-item img{width:100%;height:100%;object-fit:cover;display:block}.similar-styles-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.similar-styles-title{font-size:18px;font-weight:900;text-transform:uppercase;margin:0;letter-spacing:.5px}.similar-styles-button{display:inline-block;width:auto;flex-shrink:0;height:auto;background-color:#000;color:#fff;padding:8px 20px;border-radius:20px;text-decoration:none;font-weight:600;font-size:11px;text-transform:uppercase;transition:opacity .2s;line-height:1;vertical-align:middle}.similar-styles-button:hover{opacity:.8;color:#fff}.mfp-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;background:#0b0b0b;opacity:0}.mfp-bg.mfp-ready{opacity:.8}.mfp-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1043;outline:none!important}#similar-styles-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1045;overflow:auto;-webkit-overflow-scrolling:touch;display:none}#similar-styles-popup.mfp-ready{display:block}.mfp-close{position:absolute;top:20px;right:20px;width:44px;height:44px;padding:0;border:0;background:transparent;font-size:32px;line-height:44px;color:#000;cursor:pointer;z-index:1046;font-family:Arial,sans-serif}.mfp-close:hover{opacity:.6}.similar-styles-mfp .mfp-content{max-width:1200px;width:90%}.similar-popup-wrapper{background:#fff;padding:40px;max-height:90vh;overflow-y:auto;position:relative}.similar-popup-header{text-align:center;margin-bottom:30px}.similar-hero-image{max-width:400px;margin:0 auto 24px;border-radius:8px;overflow:hidden}.similar-hero-image img{width:100%;height:auto;display:block}.similar-popup-title{font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.similar-popup-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.similar-count{font-size:16px;font-weight:600;color:#333}.similar-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.similar-product-item,.similar-product-item .product-inner{position:relative}.similar-product-item .product-image{position:relative;margin-bottom:15px;overflow:hidden;border-radius:4px;aspect-ratio:3/4}.similar-product-item .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.similar-product-item .product-image:hover img{transform:scale(1.05)}.similar-product-item .product-info{text-align:left}.similar-product-item .product-title{font-size:13px;font-weight:600;margin:0 0 8px;line-height:1.4}.similar-product-item .product-title a{color:#000;text-decoration:none;transition:color .2s}.similar-product-item .product-title a:hover{color:#666}.similar-product-item .product-price{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.similar-product-item .price-regular,.similar-product-item .price-sale{font-size:14px;font-weight:700;color:#000}.similar-product-item .price-sale{color:#e00}.similar-product-item .price-compare{font-size:13px;text-decoration:line-through;color:#999}.wishlist-btn{box-shadow:0 2px 8px #0000001a;transition:transform .2s}.wishlist-btn:hover{transform:scale(1.1)}@media (max-width: 1024px){.similar-products-grid{grid-template-columns:repeat(3,1fr);gap:20px}.similar-popup-wrapper{padding:30px}}@media (max-width: 767px){.similar-styles-grid{grid-template-columns:repeat(2,1fr)}.similar-styles-footer{flex-direction:column;gap:15px;align-items:flex-start}.similar-styles-button{width:100%;text-align:center}.similar-products-grid{grid-template-columns:repeat(2,1fr);gap:15px}.similar-popup-wrapper{padding:20px}.similar-popup-title{font-size:20px}.similar-hero-image{max-width:100%}}@media (max-width: 480px){.similar-product-item .product-title{font-size:13px}}.modal-similar-styles .swiper{overflow:visible!important}.modal-similar-styles .swiper-wrapper{height:auto!important}
/*# sourceMappingURL=/cdn/shop/t/32/assets/similar-styles.css.map */