.dynamic-hero {position: relative;width: 100%;min-height: 400px;background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;text-align: center;color: white;font-family: 'DM Serif Text', serif;}.hero-content h1 {font-size: 3em;margin-bottom: 15px;font-weight: normal;line-height: 1.2;color: white;}.dynamic-hero::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);}.hero-content {position: relative;z-index: 1;padding: 20px;max-width: 80%;color: white;}.hero-content h1 {font-size: 3em;margin-bottom: 15px;font-weight: normal;line-height: 1.2;color:white;}.hero-content p {font-size: 1.5em;font-weight: bold;line-height: 1.5;}.no-category-found {padding: 20px;text-align: center;background-color: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;border-radius: 5px;margin: 20px 0;font-family: sans-serif;}@media (max-width: 768px) {.dynamic-hero {min-height: 300px;}.hero-content h1 {font-size: 2.2em;}.hero-content p {font-size: 1.1em;}}@media (max-width: 576px) {.hero-content h1 {font-size: 1.8em;}.hero-content p {font-size: 1em;}}