.products-hero{position:relative}.products-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-card{opacity:0;background:#f6f8f9;border-radius:8px;padding:16px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.product-card .aspect-\[4\/3\]{border-radius:4px;overflow:hidden}.product-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.info-modal{width:100%;height:100%;max-width:100%;max-height:100%;background:#4a4a4ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info-modal::backdrop{background:#4a4a4ad9}.info-modal[open]{display:flex;align-items:center;justify-content:center}.info-modal-close{position:absolute;top:24px;right:32px;z-index:50;background:none;border:none;color:#fff;cursor:pointer;padding:4px;transition:opacity .2s}.info-modal-close:hover{opacity:.7}.info-modal-container{display:flex;width:100%;height:100%;padding:40px 48px;box-sizing:border-box;gap:24px}.info-modal-thumbs{width:140px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.info-modal-thumbs::-webkit-scrollbar{width:4px}.info-modal-thumbs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.info-modal-thumb{width:100%;aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s;flex-shrink:0}.info-modal-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.info-modal-thumb.active{border-color:#fff}.info-modal-main{flex:1;display:flex;flex-direction:column;min-width:0}.info-modal-swiper{flex:1;width:100%;min-height:0}.info-modal-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}.info-modal-swiper .swiper-slide img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;background:#c4c4c4}.info-modal-prev,.info-modal-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;border-radius:50%;background:#ffffffd9;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;border:none}.info-modal-prev:hover,.info-modal-next:hover{background:#fff}.info-modal-prev{left:16px}.info-modal-next{right:16px}.info-modal-prev.swiper-button-disabled,.info-modal-next.swiper-button-disabled{opacity:.4;pointer-events:none}.info-modal-info{padding-top:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.info-modal-title{color:#fff;font-size:16px;text-align:center}.info-modal-pagination{display:flex;justify-content:center;gap:8px}.info-modal-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:#fff6;opacity:1;transition:background .2s;cursor:pointer}.info-modal-pagination .swiper-pagination-bullet-active{background:#fff}@media (max-width: 768px){.info-modal-container{flex-direction:column;padding:20px 16px;gap:12px}.info-modal-thumbs{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;height:64px;flex-shrink:0}.info-modal-thumb{width:80px;aspect-ratio:4 / 3;height:100%;flex-shrink:0}.info-modal-close{top:12px;right:16px}}