.banner-products-section{width:100%;margin:10px 0;padding:0}.banner-products-wrapper{max-width:1770px;margin:0 auto;padding:0 20px}.banner-products-container{display:flex;gap:20px;align-items:stretch;min-height:500px}.banner-products-container.reverse{flex-direction:row-reverse}.banner-block{flex:0 0 calc(50% - 10px);position:relative;overflow:hidden;border-radius:8px;background-color:#f5f5f5;min-height:500px}.banner-image{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e5e5e5}.banner-placeholder svg{width:60%;height:60%;opacity:.3}.banner-content{position:absolute;z-index:2;padding:20px;max-width:95%;width:95%;pointer-events:none;white-space:nowrap}.banner-content h1,.banner-content h2,.banner-content h3,.banner-content p{white-space:nowrap;overflow:visible}.banner-content-inner{pointer-events:auto}.banner-content h1,.banner-content h2,.banner-content h3,.banner-content h4,.banner-content h5,.banner-content h6{margin:0 0 10px;line-height:1.2}.banner-content p{margin:0 0 10px;line-height:1.5}.products-block{flex:0 0 calc(50% - 10px);position:relative;overflow:hidden}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-height:100%;overflow-y:auto;padding:2px}.products-grid[data-product-count="5"],.products-grid[data-product-count="6"]{max-height:1040px;overflow-y:auto;padding-right:10px}.products-grid::-webkit-scrollbar{width:8px}.products-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.products-grid::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.products-grid::-webkit-scrollbar-thumb:hover{background:#555}.product-item{background:#fff;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e5e5e5}.product-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.product-link{text-decoration:none;color:inherit;display:block}.product-image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#f9f9f9}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.product-image.primary-image{opacity:1;z-index:1}.product-image.secondary-image{opacity:0;z-index:2}.product-item:hover .product-image.primary-image{opacity:0}.product-item:hover .product-image.secondary-image{opacity:1}.product-image-wrapper svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;opacity:.3;z-index:0}.product-info{padding:15px;text-align:center}.product-title{font-size:14px;font-weight:500;margin:0 0 8px;line-height:1.4;color:#333;min-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:16px;font-weight:600;color:#000}.price-regular{color:#000}.price-compare{text-decoration:line-through;color:#999;font-size:14px;margin-left:8px;font-weight:400}@media screen and (max-width: 1024px){.banner-products-wrapper{max-width:100%;padding:0 15px}.banner-products-container,.products-grid{gap:15px}}@media screen and (max-width: 768px){.banner-products-section{margin:5px 0}.banner-products-wrapper{padding:0 10px}.banner-products-container{flex-direction:column!important;gap:20px;min-height:auto}.banner-block{flex:1 1 100%;min-height:400px}.products-block{flex:1 1 100%}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:none!important;overflow-y:visible!important;padding-right:0!important}.product-info{padding:10px}.product-title{font-size:13px;min-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:14px}.banner-content{padding:15px;max-width:95%;width:95%}.banner-content h1,.banner-content h2,.banner-content h3,.banner-content p{white-space:nowrap}.banner-content h1{font-size:28px!important}.banner-content h2{font-size:24px!important}.banner-content h3{font-size:20px!important}.banner-content p{font-size:14px!important}.product-item:hover .product-image.primary-image{opacity:1}.product-item:hover .product-image.secondary-image{opacity:0}}@media screen and (max-width: 480px){.banner-block{min-height:300px}.products-grid{gap:8px}.product-title{font-size:12px;min-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:13px}.banner-content h2{font-size:20px!important}.banner-content p{font-size:12px!important}}.shop-all-wrapper{margin-top:20px;text-align:center;padding:0 2px}.shop-all-button{display:inline-block;padding:14px 40px;background-color:var(--btn-bg);color:var(--btn-text);border:2px solid var(--btn-border);text-decoration:none;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;cursor:pointer;border-radius:0;min-width:200px}.shop-all-button:hover{background-color:var(--btn-bg-hover);color:var(--btn-text-hover);border-color:var(--btn-border-hover);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media screen and (max-width: 768px){.shop-all-wrapper{margin-top:15px}.shop-all-button{padding:12px 30px;font-size:14px;min-width:160px}}@media screen and (max-width: 480px){.shop-all-button{padding:10px 25px;font-size:13px;min-width:160px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/banner-products-grid.css.map */