.category-hero{background:#0b0b0b;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative;overflow:hidden}.category-hero__image-wrapper{z-index:1;position:absolute;inset:0}.category-hero__image{object-fit:cover;object-position:center}.category-hero__overlay{z-index:2;background:linear-gradient(135deg,#2a1712bf 0%,#0b0b0b99 100%);position:absolute;inset:0}.category-hero__content{z-index:3;text-align:center;max-width:900px;padding:2rem;animation:.8s ease-out fadeInUp;position:relative}.category-hero__title{color:#fbf1ec;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 4px 12px #00000080;margin:0 0 1rem;font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.1}.category-hero__subtitle{color:#fbf1ec;letter-spacing:.03em;text-shadow:0 2px 8px #00000080;opacity:.95;margin:0;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.category-hero{height:300px}.category-hero__content{padding:1.5rem}.category-hero__title{margin-bottom:.75rem}}@media (max-width:480px){.category-hero{height:250px}.category-hero__content{padding:1rem}.category-hero__subtitle{line-height:1.4}}.category-hero--protein .category-hero__overlay{background:linear-gradient(135deg,#e23f7399 0%,#0b0b0bb3 100%)}.category-hero--creatine .category-hero__overlay{background:linear-gradient(135deg,#2a9d8f99 0%,#0b0b0bb3 100%)}.category-hero--preworkout .category-hero__overlay{background:linear-gradient(135deg,#ff6b3599 0%,#0b0b0bb3 100%)}