.hero-image{position:relative;overflow:hidden}.hero-image .container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-image__wrapper{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;min-height:500px}.hero-image__wrapper--reverse{direction:rtl}.hero-image__wrapper--reverse>*{direction:ltr}.hero-image__content{max-width:520px}.hero-image__title{margin:0 0 20px;font-weight:700;line-height:1.2;color:#1a1a2e}.hero-image__subtitle{margin:0 0 32px;line-height:1.6;color:#6b7280}.hero-image__buttons{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-image__button{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;white-space:nowrap}.hero-image__button--primary{background:#ff6b6b;color:#fff;border:2px solid #FF6B6B}.hero-image__button--primary:hover{background:#ff5252;border-color:#ff5252;transform:translateY(-2px);box-shadow:0 10px 25px -5px #ff6b6b4d}.hero-image__button--secondary{background:transparent;color:#1a1a2e;border:none;padding:14px 0;gap:8px;position:relative}.hero-image__button--secondary:after{content:"";position:absolute;bottom:10px;left:0;width:0;height:2px;background:currentColor;transition:width .3s ease}.hero-image__button--secondary:hover:after{width:calc(100% - 24px)}.hero-image__button--secondary:hover .hero-image__arrow{transform:translate(4px)}.hero-image__arrow{width:16px;height:16px;transition:transform .3s ease}.hero-image__media{position:relative;display:flex;align-items:center;justify-content:center}.hero-image__image{width:100%;height:auto;max-width:600px;border-radius:20px;object-fit:cover}.hero-image__placeholder{width:100%;max-width:600px;aspect-ratio:4/3;background:#f3f4f6;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.hero-image__placeholder svg{width:50%;height:auto;opacity:.5}.hero-image__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff6b6b1a,#1a1a2e0d);border-radius:20px;pointer-events:none}@media screen and (max-width: 989px){.hero-image__wrapper{grid-template-columns:1fr;gap:40px}.hero-image__content{order:2;text-align:center;max-width:600px;margin:0 auto}.hero-image__media{order:1}.hero-image__buttons{justify-content:center}}@media screen and (max-width: 749px){.hero-image__wrapper{gap:32px;min-height:auto}.hero-image__content{text-align:center}.hero-image__title{margin-bottom:16px}.hero-image__subtitle{margin-bottom:24px}.hero-image__buttons{flex-direction:column;gap:16px;align-items:stretch}.hero-image__button{width:100%;justify-content:center;padding:16px 24px}.hero-image__button--secondary{padding:16px 24px;border:2px solid #E5E7EB;border-radius:50px}.hero-image__button--secondary:after{display:none}.hero-image__image{border-radius:12px}}@media screen and (max-width: 480px){.hero-image__button{font-size:15px;padding:14px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.hero-image__content{animation:fadeInUp .8s ease-out}.hero-image__media{animation:fadeInRight .8s ease-out .2s both}.hero-image--centered .hero-image__wrapper{grid-template-columns:1fr;text-align:center;max-width:800px;margin:0 auto}.hero-image--centered .hero-image__content{max-width:100%}.hero-image--centered .hero-image__buttons{justify-content:center}.hero-image--full-width .hero-image__wrapper{grid-template-columns:5fr 7fr;gap:0}.hero-image--full-width .hero-image__media{margin-right:-20px}.hero-image--full-width .hero-image__image{border-radius:20px 0 0 20px;max-width:none;width:100%;height:100%;min-height:600px;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/93/assets/section-hero-image-custom.css.map */