@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--vv-hero-accent: #FF1320;--vv-hero-font: "Poppins", sans-serif;--vv-hero-radius: 16px;--vv-hero-gap: 16px;--transition-smooth: all .4s cubic-bezier(.25, .8, .25, 1)}.vv-hero{width:100%;background:var(--vv-hero-bg, #f8f8f8);padding:var(--vv-hero-padding-top, 20px) var(--vv-hero-padding-side, 24px) var(--vv-hero-padding-bottom, 20px);font-family:var(--vv-hero-font);box-sizing:border-box}.vv-hero__inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 280px;gap:var(--vv-hero-gap);align-items:stretch}.vv-hero__slider-wrap{position:relative;border-radius:var(--vv-hero-radius);overflow:hidden;background:#e0e0e0}.vv-hero__slides{display:flex;width:100%;transition:transform .65s cubic-bezier(.77,0,.175,1);will-change:transform}.vv-hero__slide{position:relative;flex:0 0 100%;width:100%}.vv-hero__slide img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.vv-hero__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block}.vv-hero__dots{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.vv-hero__dot{width:8px;height:8px;border-radius:50%;background:#ffffff8c;border:none;padding:0;cursor:pointer;transition:var(--transition-smooth);flex-shrink:0}.vv-hero__dot.is-active{background:#fff;width:24px;border-radius:4px;box-shadow:0 2px 8px #00000040}.vv-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:42px;height:42px;border-radius:50%;background:#ffffffeb;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#222;box-shadow:0 4px 16px #00000024;transition:var(--transition-smooth);opacity:0}.vv-hero__slider-wrap:hover .vv-hero__arrow{opacity:1}.vv-hero__arrow:hover{background:var(--vv-hero-accent);color:#fff;box-shadow:0 6px 20px #ff13204d;transform:translateY(-50%) scale(1.08)}.vv-hero__arrow svg{width:20px;height:20px;pointer-events:none}.vv-hero__arrow--prev{left:16px}.vv-hero__arrow--next{right:16px}.vv-hero__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--vv-hero-accent);z-index:11;transform-origin:left center;will-change:width}.vv-hero__promo{position:relative;border-radius:var(--vv-hero-radius);overflow:hidden;display:block;background:#e0e0e0;transition:var(--transition-smooth);text-decoration:none}.vv-hero__promo:hover{box-shadow:0 12px 40px #ff13202e;transform:translateY(-3px)}.vv-hero__promo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.vv-hero__promo:hover img{transform:scale(1.04)}.vv-hero__promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000059,#0000 55%);opacity:0;transition:opacity .4s ease;z-index:1}.vv-hero__promo:hover .vv-hero__promo-overlay{opacity:1}.vv-hero__promo-badge{position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(10px);background:#fff;color:var(--vv-hero-accent);font-family:var(--vv-hero-font);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:10px 24px;border-radius:50px;white-space:nowrap;opacity:0;transition:var(--transition-smooth);z-index:2;box-shadow:0 4px 16px #0000002e}.vv-hero__promo:hover .vv-hero__promo-badge{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1024px){.vv-hero__inner{grid-template-columns:1fr 300px;gap:12px}}@media(max-width:767px){.vv-hero{padding:12px 12px 16px}.vv-hero__inner{grid-template-columns:1fr;gap:12px}.vv-hero__promo img{height:auto;object-fit:contain}.vv-hero__arrow{opacity:.85;width:36px;height:36px}.vv-hero__arrow svg{width:16px;height:16px}.vv-hero__arrow--prev{left:10px}.vv-hero__arrow--next{right:10px}.vv-hero__promo-badge{opacity:1;transform:translate(-50%) translateY(0)}.vv-hero__promo-overlay{opacity:1}}@media(prefers-reduced-motion:reduce){.vv-hero__slides,.vv-hero__promo img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero.css.map */