:root {         --primary-color: #c0392b;         --secondary-color: #FF8C00;         --text-color: #333333;         --light-bg: #ffffff;         --card-bg: #ffffff;         --hover-bg: #ffe0b2;         --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);         --transition: all 0.3s ease;     }      .featured-costumes-section {         max-width: 1200px;         margin: 0 auto;         padding: 0px 20px;     }      .featured-costumes-header {         text-align: center;         margin-bottom: 40px;     }      .featured-costumes-title {         font-size: 2.5rem;         color: var(--primary-color);         margin-bottom: 20px;         letter-spacing: 1px;         text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);     }      @media (max-width: 768px) {         .featured-costumes-title {             font-size: 1.8rem;         }     }      @media (max-width: 480px) {         .featured-costumes-section {             padding: 30px 15px;         }                  .featured-costumes-title {             font-size: 1.5rem;         }     }