.category-banner{position:relative;width:100%;height:277px;overflow:hidden;display:flex;align-items:center;justify-content:center}.category-banner__background{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:280px;z-index:0}.category-banner__image{width:100%;height:100%;object-fit:cover}.category-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}.category-banner__content{position:relative;z-index:2;text-align:center;color:#fff;padding:0 20px;max-width:800px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-banner__title{font-size:30px;font-weight:700;line-height:1.2;margin:0 0 16px;color:#fff}.category-banner__subtitle{font-size:20px;font-weight:400;line-height:1.5;margin:0;color:#fff;opacity:.95}@media(max-width:768px){.category-banner{height:300px}.category-banner__title{font-size:32px;margin-bottom:12px}.category-banner__subtitle{font-size:16px}}@media(max-width:480px){.category-banner{height:250px}.category-banner__title{font-size:28px;margin-bottom:10px}.category-banner__subtitle{font-size:14px}}