.hero-banner{display:flex;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-banner__top-section{flex:.65;background:#fafafa;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.05) 1px,transparent 0);background-size:20px 20px;padding:30px 20px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-banner__header{display:flex;align-items:center;gap:12px;margin-bottom:40px;font-size:14px;color:#666}.hero-banner__avatars{display:flex;align-items:center}.hero-banner__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);border:2px solid white;margin-left:-8px}.hero-banner__avatar:first-child{margin-left:0}.hero-banner__rating{display:flex;align-items:center;gap:8px}.hero-banner__stars{display:flex;gap:2px}.hero-banner__star{color:gold;font-size:16px}.hero-banner__rating-text{font-weight:500}.hero-banner__content{max-width:600px;width:100%}.hero-banner__heading{margin:0 0 20px;line-height:1.2;color:#2c3e50}.hero-banner__heading-line-1{display:block;font-size:28px;font-weight:400;margin-bottom:8px}.hero-banner__heading-line-2{display:block;font-size:36px;font-weight:600}.hero-banner__text{font-size:16px;line-height:1.6;color:#7f8c8d;max-width:500px;margin:0 auto 30px}.hero-banner__cta{display:flex;flex-direction:column;align-items:center;gap:12px}.hero-banner__button{background:#ff6b35;color:#fff;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease;box-shadow:0 4px 12px #ff6b354d}.hero-banner__button:hover{background:#e55a2b}.hero-banner__button-arrow{font-size:18px;font-weight:400}.hero-banner__cta-note{font-size:14px;color:#95a5a6;margin:0;font-weight:400}.hero-banner__bottom-section{flex:.35;background:#f8f9fa;border-top-left-radius:24px;border-top-right-radius:24px;overflow:hidden}.hero-banner__image-container{width:100%;height:100%;position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (min-width: 768px){.hero-banner__top-section{padding:40px 40px 50px}.hero-banner__bottom-section,.hero-banner__image-container{border-top-left-radius:32px;border-top-right-radius:32px}.hero-banner__heading-line-1{font-size:32px}.hero-banner__heading-line-2{font-size:42px}.hero-banner__text{font-size:18px}.hero-banner__button{padding:18px 36px;font-size:18px}}@media screen and (min-width: 1024px){.hero-banner__top-section{padding:50px 60px 60px}.hero-banner__bottom-section,.hero-banner__image-container{border-top-left-radius:40px;border-top-right-radius:40px}.hero-banner__heading-line-1{font-size:36px}.hero-banner__heading-line-2{font-size:48px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-hero-banner.css.map */