.image-hero-custom{margin-top:var(--head-height);display:none}.image-hero-custom .responsive-hero{position:relative;width:100%}.image-hero-custom .desktop-image,.image-hero-custom .tablet-image,.image-hero-custom .mobile-image{width:100%}.image-hero-custom .desktop-image img,.image-hero-custom .tablet-image img,.image-hero-custom .mobile-image img{width:100%;height:auto}.image-hero-custom .desktop-image svg,.image-hero-custom .tablet-image svg,.image-hero-custom .mobile-image svg{width:100%;background-color:#f0f0f0}.image-hero-custom .desktop-image svg{height:600px}.image-hero-custom .tablet-image svg{height:500px}.image-hero-custom .mobile-image svg{height:400px}.image-hero-custom .desktop-image,.image-hero-custom .tablet-image{display:none}.image-hero-custom .mobile-image{display:block}.image-hero-custom .badge-block{position:absolute;right:-70px;top:70px}.image-hero-custom .badge-block img{width:80px;height:auto;display:block}@media (min-width: 768px){.image-hero-custom .desktop-image{display:none}.image-hero-custom .tablet-image,.image-hero-custom .tablet-image img{display:block}.image-hero-custom .badge-block{right:-50px;top:180px}.image-hero-custom .mobile-image{display:none}}@media (min-width: 1400px){.image-hero-custom .desktop-image{display:block}.image-hero-custom .tablet-image,.image-hero-custom .mobile-image{display:none}}.image-hero-custom .caption-container{position:absolute;padding:24px}.image-hero-custom .caption-content{padding:24px;border-radius:6px;width:100%;display:grid;gap:18px}.image-hero-custom .caption-container{width:45%;min-width:480px;max-width:580px}@media (min-width: 768px){.image-hero-custom .caption-position-center-center{width:50%;max-width:580px}}.image-hero-custom .caption-position-top-left{top:0;left:0}.image-hero-custom .caption-position-top-center{top:0;left:50%;transform:translate(-50%)}.image-hero-custom .caption-position-top-right{top:0;right:0}.image-hero-custom .caption-position-center-left{top:50%;left:0;transform:translateY(-50%)}.image-hero-custom .caption-position-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.image-hero-custom .caption-position-center-right{top:50%;right:0;transform:translateY(-50%)}.image-hero-custom .caption-position-bottom-left{bottom:0;left:0}.image-hero-custom .caption-position-bottom-center{bottom:0;left:50%;transform:translate(-50%)}.image-hero-custom .caption-position-bottom-right{bottom:0;right:0}.image-hero-custom .caption-block *{text-align:center;margin-top:0;margin-bottom:0}.image-hero-custom .title-block{margin:0}.image-hero-custom .rating-text{font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px;color:#404040;margin:0}.image-hero-custom .rating-text svg{height:18px;width:auto;display:block}.image-hero-custom .title-text{line-height:1.4;text-align:center;font-family:Ogg,Fira Sans,sans-serif}@media (min-width: 768px){.image-hero-custom .title-text{line-height:1.4}}.image-hero-custom .hero-button{display:inline-block;padding:12px 24px;transition:all .3s;margin:0 auto;display:block;width:fit-content;min-width:260px;text-align:center;min-height:44px}.image-hero-custom .icon-text-block{display:grid;gap:10px;text-align:center;font-size:12px;align-content:flex-start}.image-hero-custom .icon-text-block *{margin:0}.image-hero-custom .icon-container{margin:0 auto;display:block;width:28px;height:28px}.image-hero-custom .icon-container img{width:100%;height:100%;object-fit:contain}.image-hero-custom .icon-text{font-size:12px;color:#414141}@media (max-width: 768px){.image-hero-custom .caption-position-center-center,.image-hero-custom .caption-position-top-center,.image-hero-custom .caption-position-bottom-center{width:90%}}@media screen and (max-width: 767px){.image-hero-custom .mobile-image img{display:block}.image-hero-custom .caption-container{position:relative;top:initial;left:initial;transform:none;width:100%;min-width:100%;background:linear-gradient(270deg,#e4e1dc,#e6e4d8)}.image-hero-custom .caption-content{gap:18px;max-width:500px;margin:auto;padding:0}.image-hero-custom .hero-button{min-width:100%}.image-hero-custom .title-text{font-size:28px}.image-hero-custom .badge-block{position:absolute;right:25px;top:-100px}}@media screen and (max-width: 549px){.image-hero-custom .badge-block img{width:70px;height:auto}.image-hero-custom .badge-block{right:15px;top:-80px}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/image-hero-custom.css.map */