.custom-hero-dissolve{margin-top:var(--hero-margin-top);margin-bottom:var(--hero-margin-bottom);padding-top:var(--hero-padding-top);padding-bottom:var(--hero-padding-bottom);overflow:hidden;background-color:#fff}.custom-hero-dissolve .hero-container{max-height:100vh;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;position:relative;padding:0 0 0 64px}.custom-hero-dissolve .hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.custom-hero-dissolve .content-wrapper{max-width:var(--content-max-width)}.custom-hero-dissolve .hero-heading{font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.2;color:var(--heading-color);margin:0 0 24px;letter-spacing:-.02em}.custom-hero-dissolve .hero-heading .highlight{color:var(--highlight-color);display:block}.custom-hero-dissolve .hero-description{font-size:clamp(15px,1.2vw,17px);line-height:1.6;color:var(--text-color);margin:0 0 32px;max-width:500px}.custom-hero-dissolve .hero-button{display:inline-flex;align-items:center;gap:8px;background-color:var(--button-bg-color);color:var(--button-text-color);padding:14px 28px;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 2px 8px #0000001a}.custom-hero-dissolve .hero-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;filter:brightness(1.05)}.custom-hero-dissolve .hero-button svg{width:16px;height:16px;transition:transform .3s ease}.custom-hero-dissolve .hero-button:hover svg{transform:translate(4px)}.custom-hero-dissolve .hero-rating{display:flex;align-items:center;gap:12px;margin-top:24px}.custom-hero-dissolve .stars{display:flex;gap:2px;color:var(--rating-color)}.custom-hero-dissolve .stars svg{width:20px;height:20px}.custom-hero-dissolve .rating-text{font-size:14px;color:var(--text-color);opacity:.8}.custom-hero-dissolve .hero-image-wrapper{position:relative;width:100%;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center}.custom-hero-dissolve .hero-image,.custom-hero-dissolve .hero-image-placeholder{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;display:block}.custom-hero-dissolve .hero-image-placeholder{background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.custom-hero-dissolve .hero-image-placeholder svg{width:100%;height:100%;opacity:.3}.custom-hero-dissolve .image-dissolve-overlay{position:absolute;top:0;left:0;bottom:0;width:var(--dissolve-width);background:linear-gradient(to right,#fff,#fffffff2,#fffc,#ffffff80,#fff3,#fff0);pointer-events:none;z-index:1}@media screen and (max-width: 1024px){.custom-hero-dissolve .hero-container{gap:40px;grid-template-columns:1fr}.custom-hero-dissolve .hero-content{order:2}.custom-hero-dissolve .hero-image-wrapper{order:1;min-height:400px}.custom-hero-dissolve .content-wrapper{padding:0 16px;max-width:100%}.custom-hero-dissolve .image-dissolve-overlay{background:linear-gradient(to bottom,#fff0 0% 60%,#ffffff4d 75%,#ffffffb3,#fffffff2 95%,#fff);width:100%;height:var(--dissolve-width);top:auto;bottom:0;left:0}}@media screen and (max-width: 768px){.custom-hero-dissolve{margin-top:var(--hero-margin-top-mobile);margin-bottom:var(--hero-margin-bottom-mobile);padding-top:var(--hero-padding-top-mobile);padding-bottom:var(--hero-padding-bottom-mobile)}.custom-hero-dissolve .hero-container{gap:30px;padding:0}.custom-hero-dissolve .hero-image-wrapper{min-height:350px}.custom-hero-dissolve .hero-heading{margin-bottom:20px}.custom-hero-dissolve .hero-description{margin-bottom:24px}.custom-hero-dissolve .hero-button{padding:12px 24px;font-size:15px;width:100%;justify-content:center}.custom-hero-dissolve .hero-rating{margin-top:20px}}@media screen and (max-width: 480px){.custom-hero-dissolve .hero-image-wrapper{min-height:300px}.custom-hero-dissolve .hero-rating{flex-direction:column;align-items:flex-start;gap:8px}.custom-hero-dissolve .stars svg{width:18px;height:18px}}@media (prefers-reduced-motion: reduce){.custom-hero-dissolve .hero-button,.custom-hero-dissolve .hero-button svg{transition:none}.custom-hero-dissolve .hero-button:hover{transform:none}.custom-hero-dissolve .hero-button:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-custom-hero-dissolve.css.map */