.blog-banner{width:100%;height:548px;position:relative;display:flex;align-items:center;justify-content:flex-start;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:0}.blog-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.blog-banner__content{position:relative;z-index:2;text-align:left;color:#fff;max-width:900px;padding:0 60px}.blog-banner__title{color:#fbfbfb;text-align:left;font-size:58px;font-style:normal;font-weight:500;line-height:1.2;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.blog-banner__subtitle{font-size:16px;font-weight:400;margin-bottom:40px;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.3;color:#fbfbfb}.blog-banner__button{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:linear-gradient(90deg,#fec248,#ff9500);color:#fff;text-decoration:none;border-radius:8px;font-size:18px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 12px #ff95004d}.blog-banner__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff950066;filter:brightness(1.05);color:#fff;text-decoration:none}.blog-banner__button .btn-custom__icon{width:17.5px;height:13.54px;filter:brightness(0) invert(1)}.blog-banner:not([style*=background-image]){background:linear-gradient(135deg,#fec248,#ff9500)}.blog-banner:not([style*=background-image]) .blog-banner__overlay{display:none}@media (max-width: 1024px){.blog-banner{height:480px}.blog-banner__title{font-size:42px;margin-bottom:18px}.blog-banner__subtitle{font-size:24px;margin-bottom:35px}.blog-banner__button{padding:16px 32px;font-size:17px}}@media (max-width: 768px){.blog-banner{height:420px}.blog-banner__content{max-width:100%;padding:0 16px}.blog-banner__title{font-size:36px;margin-bottom:16px}.blog-banner__subtitle{font-size:20px;margin-bottom:30px}.blog-banner__button{padding:15px 28px;font-size:16px;gap:10px}}@media (max-width: 480px){.blog-banner{height:380px}.blog-banner__content{padding:0 12px}.blog-banner__title{font-size:30px;margin-bottom:14px}.blog-banner__subtitle{font-size:18px;margin-bottom:25px}.blog-banner__button{padding:14px 24px;font-size:15px}}@media (max-width: 360px){.blog-banner{height:340px}.blog-banner__title{font-size:26px}.blog-banner__subtitle{font-size:16px}.blog-banner__button{padding:12px 20px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/blog-banner.css.map */