/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Styles */
.header {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.logo-img {
    height: 50px;
    width: auto;
}

.header-actions {
    display: flex;
    gap: 15px;
    align-items: center;
}

.btn {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
}

.btn-primary {
    background: #d4af37;
    color: #fff;
}

.btn-primary:hover {
    background: #b8941f;
    transform: translateY(-2px);
}

.btn-outline {
    background: transparent;
    color: #333;
    border: 2px solid #333;
}

.btn-outline:hover {
    background: #333;
    color: #fff;
}

.btn-book {
    background: #e74c3c;
    color: #fff;
    font-weight: 600;
}

.btn-book:hover {
    background: #c0392b;
}

.btn-large {
    padding: 15px 30px;
    font-size: 18px;
}

/* Navigation */
.main-nav {
    padding: 15px 0;
}

.nav-list {
    display: flex;
    list-style: none;
    gap: 30px;
}

.nav-item {
    position: relative;
}

.nav-link {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    padding: 10px 0;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #d4af37;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    transition: background 0.3s ease;
}

.dropdown-menu a:hover {
    background: #f8f9fa;
    color: #d4af37;
}

/* Hero Section */
.hero {
    position: relative;
    height: 70vh;
    overflow: hidden;
}

.hero-slide {
    position: relative;
    height: 100%;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
}

.hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
}

.hero-title {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.hero-subtitle {
    font-size: 1.2rem;
    margin-bottom: 30px;
    max-width: 600px;
    line-height: 1.8;
}

/* Expansion Banner */
.expansion-banner {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 60px 0;
    text-align: center;
}

.expansion-banner h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.expansion-banner p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Features Section */
.features {
    padding: 80px 0;
    background: #fff;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.feature-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-10px);
}

.feature-image {
    height: 250px;
    overflow: hidden;
}

.feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.feature-card:hover .feature-image img {
    transform: scale(1.1);
}

.feature-content {
    padding: 30px;
}

.feature-content h3 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    color: #333;
}

.feature-content p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* Poolside Concerts */
.poolside-concerts {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: #fff;
    padding: 80px 0;
    text-align: center;
}

.poolside-concerts h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.poolside-concerts p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
}

/* Footer */
.footer {
    background: #2c3e50;
    color: #fff;
    padding: 60px 0 20px;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-bottom: 40px;
}

.footer-section h4 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #d4af37;
}

.footer-section ul {
    list-style: none;
}

.footer-section ul li {
    margin-bottom: 10px;
}

.footer-section a {
    color: #bdc3c7;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-section a:hover {
    color: #d4af37;
}

.social-links {
    display: flex;
    gap: 15px;
}

.social-link {
    padding: 10px 15px;
    background: #34495e;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.social-link:hover {
    background: #d4af37;
}

.footer-bottom {
    border-top: 1px solid #34495e;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.age-restriction {
    font-weight: 600;
    color: #e74c3c;
}

/* Popups */
.cookie-popup,
.age-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.cookie-content,
.age-content {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    max-width: 500px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.cookie-content h3,
.age-content h2 {
    margin-bottom: 20px;
    color: #333;
}

.cookie-content p,
.age-content p {
    margin-bottom: 15px;
    color: #666;
    line-height: 1.6;
}

.cookie-buttons,
.age-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 30px;
}

/* Page Header */
.page-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 80px 0;
    text-align: center;
}

.page-header h1 {
    font-size: 3rem;
    margin-bottom: 15px;
    font-weight: 700;
}

.page-header p {
    font-size: 1.2rem;
    opacity: 0.9;
}

/* About Page Styles */
.about-content {
    padding: 80px 0;
    background: #fff;
}

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-bottom: 80px;
}

.about-text h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #333;
}

.about-text h3 {
    font-size: 1.5rem;
    margin: 30px 0 15px;
    color: #d4af37;
}

.about-text p {
    margin-bottom: 20px;
    line-height: 1.8;
    color: #666;
}

.about-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.features-section {
    margin-bottom: 80px;
}

.features-section h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 50px;
    color: #333;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.feature-item {
    text-align: center;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.feature-item:hover {
    transform: translateY(-5px);
}

.feature-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.feature-item h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.feature-item p {
    color: #666;
    line-height: 1.6;
}

.stats-section {
    background: #f8f9fa;
    padding: 60px 0;
    border-radius: 10px;
}

.stats-section h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 50px;
    color: #333;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
}

.stat-item {
    text-align: center;
}

.stat-number {
    font-size: 3rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 10px;
}

.stat-label {
    font-size: 1.1rem;
    color: #666;
}

/* Contact Page Styles */
.contact-content {
    padding: 80px 0;
    background: #fff;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-bottom: 80px;
}

.contact-info h2 {
    font-size: 2rem;
    margin-bottom: 30px;
    color: #333;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 10px;
}

.contact-icon {
    font-size: 2rem;
    margin-right: 20px;
    color: #d4af37;
}

.contact-details h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.contact-details p {
    color: #666;
    line-height: 1.6;
}

.contact-form-section h2 {
    font-size: 2rem;
    margin-bottom: 30px;
    color: #333;
}

.contact-form {
    background: #f8f9fa;
    padding: 40px;
    border-radius: 10px;
}

.form-group {
    margin-bottom: 25px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #d4af37;
}

.checkbox-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkbox-group input[type='checkbox'] {
    width: auto;
}

.map-section {
    margin-bottom: 60px;
}

.map-section h2 {
    font-size: 2rem;
    margin-bottom: 30px;
    color: #333;
}

.map-container {
    height: 400px;
    background: #f0f0f0;
    border-radius: 10px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-placeholder {
    text-align: center;
    color: #666;
}

.map-placeholder p {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.directions h3 {
    font-size: 1.5rem;
    margin-bottom: 30px;
    color: #333;
}

.directions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.direction-item {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 10px;
}

.direction-item h4 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #333;
}

.direction-item p {
    color: #666;
    line-height: 1.6;
}

/* Privacy Policy & Terms Styles */
.privacy-content,
.terms-content {
    padding: 80px 0;
    background: #fff;
}

.privacy-text,
.terms-text {
    max-width: 800px;
    margin: 0 auto;
}

.privacy-text h2,
.terms-text h2 {
    font-size: 1.8rem;
    margin: 40px 0 20px;
    color: #333;
    border-bottom: 2px solid #d4af37;
    padding-bottom: 10px;
}

.privacy-text h3,
.terms-text h3 {
    font-size: 1.4rem;
    margin: 30px 0 15px;
    color: #d4af37;
}

.privacy-text p,
.terms-text p {
    margin-bottom: 20px;
    line-height: 1.8;
    color: #666;
}

.privacy-text ul,
.terms-text ul {
    margin-bottom: 20px;
    padding-left: 30px;
}

.privacy-text li,
.terms-text li {
    margin-bottom: 10px;
    line-height: 1.6;
    color: #666;
}

/* Reviews Page Styles */
.reviews-content {
    padding: 80px 0;
    background: #fff;
}

.overall-rating {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 60px;
    margin-bottom: 80px;
    padding: 40px;
    background: #f8f9fa;
    border-radius: 10px;
}

.rating-summary {
    text-align: center;
}

.rating-score {
    font-size: 4rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 10px;
}

.max-score {
    font-size: 2rem;
    color: #666;
}

.rating-stars {
    font-size: 2rem;
    color: #d4af37;
    margin-bottom: 15px;
}

.rating-count p {
    color: #666;
    font-size: 1.1rem;
}

.rating-breakdown {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.rating-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.rating-label {
    min-width: 100px;
    font-weight: 500;
    color: #333;
}

.rating-bar {
    flex: 1;
    height: 8px;
    background: #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.rating-fill {
    height: 100%;
    background: #d4af37;
    transition: width 0.3s ease;
}

.rating-value {
    min-width: 30px;
    font-weight: 600;
    color: #333;
}

.add-review-section {
    margin-bottom: 80px;
    padding: 40px;
    background: #f8f9fa;
    border-radius: 10px;
}

.add-review-section h2 {
    font-size: 2rem;
    margin-bottom: 30px;
    color: #333;
}

.review-form {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.rating-input {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.rating-input input[type='radio'] {
    display: none;
}

.rating-input label {
    font-size: 2rem;
    color: #ddd;
    cursor: pointer;
    transition: color 0.3s ease;
}

.rating-input input[type='radio']:checked ~ label,
.rating-input label:hover {
    color: #d4af37;
}

.reviews-list h2 {
    font-size: 2rem;
    margin-bottom: 40px;
    color: #333;
}

.review-item {
    padding: 30px;
    background: #f8f9fa;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.reviewer-info h3 {
    font-size: 1.2rem;
    margin-bottom: 5px;
    color: #333;
}

.review-rating {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-rating .stars {
    color: #d4af37;
    font-size: 1.2rem;
}

.review-rating .rating-value {
    font-weight: 600;
    color: #333;
}

.review-date {
    color: #666;
    font-size: 0.9rem;
}

.review-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.review-text p {
    line-height: 1.6;
    color: #666;
    margin-bottom: 15px;
}

.review-categories {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.category-tag {
    background: #d4af37;
    color: #fff;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 500;
}

.load-more-section {
    text-align: center;
    margin-top: 60px;
}

/* Rooms Page Styles */
.rooms-content {
    padding: 80px 0;
    background: #fff;
}

.room-categories h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-bottom: 80px;
}

.category-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.category-card:hover {
    transform: translateY(-10px);
}

.category-image {
    height: 250px;
    overflow: hidden;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.category-card:hover .category-image img {
    transform: scale(1.1);
}

.category-content {
    padding: 30px;
}

.category-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.category-content p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.amenities {
    list-style: none;
    margin-bottom: 25px;
}

.amenities li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.amenities li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

.amenities-section {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.amenities-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.amenities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.amenity-item {
    text-align: center;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.amenity-item:hover {
    transform: translateY(-5px);
}

.amenity-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.amenity-item h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.amenity-item p {
    color: #666;
    line-height: 1.6;
}

.booking-section {
    margin-bottom: 60px;
}

.booking-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.booking-form-container {
    background: #f8f9fa;
    padding: 40px;
    border-radius: 15px;
    max-width: 800px;
    margin: 0 auto;
}

.booking-form {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Casino Page Styles */
.casino-content {
    padding: 80px 0;
    background: #fff;
}

.casino-stats {
    margin-bottom: 80px;
    padding: 60px 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 15px;
    color: #fff;
}

.casino-stats .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
}

.casino-stats .stat-number {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.casino-stats .stat-label {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
}

.gaming-categories h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.gaming-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.gaming-card:hover {
    transform: translateY(-10px);
}

.gaming-image {
    height: 250px;
    overflow: hidden;
}

.gaming-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gaming-card:hover .gaming-image img {
    transform: scale(1.1);
}

.gaming-content {
    padding: 30px;
}

.gaming-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.gaming-content p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.gaming-features {
    list-style: none;
    margin-bottom: 25px;
}

.gaming-features li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.gaming-features li::before {
    content: '🎰';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.promotions-section {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.promotions-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.promotions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.promotion-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: transform 0.3s ease;
}

.promotion-card:hover {
    transform: translateY(-5px);
}

.promotion-badge {
    position: absolute;
    top: -10px;
    right: 20px;
    background: #e74c3c;
    color: #fff;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
}

.promotion-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.promotion-card p {
    color: #666;
    margin-bottom: 15px;
    line-height: 1.6;
}

.promotion-terms {
    margin-bottom: 20px;
}

.promotion-terms small {
    color: #999;
    font-size: 0.9rem;
}

.responsible-gaming {
    margin-bottom: 80px;
}

.responsible-gaming h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.responsible-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.responsible-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.responsible-features {
    list-style: none;
    margin-bottom: 30px;
}

.responsible-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.responsible-features li::before {
    content: '🛡️';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.responsible-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.age-verification {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 60px;
}

.verification-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #856404;
}

.verification-content p {
    color: #856404;
    margin-bottom: 20px;
    line-height: 1.6;
}

.verification-buttons {
    display: flex;
    gap: 15px;
}

/* Hotel Promotions Page Styles */
.promotions-content {
    padding: 80px 0;
    background: #fff;
}

.current-promotions h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.promotions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 80px;
}

.promotion-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.promotion-card:hover {
    transform: translateY(-5px);
}

.promotion-card.featured {
    border-color: #d4af37;
    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
}

.promotion-badge {
    position: absolute;
    top: -10px;
    right: 20px;
    background: #e74c3c;
    color: #fff;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
}

.promotion-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.promotion-price {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 1.2rem;
}

.new-price {
    font-size: 2rem;
    font-weight: 700;
    color: #d4af37;
}

.discount {
    background: #e74c3c;
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
}

.promotion-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.promotion-features {
    list-style: none;
    margin-bottom: 25px;
}

.promotion-features li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.promotion-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.promotion-terms {
    margin-bottom: 25px;
}

.promotion-terms small {
    color: #999;
    font-size: 0.9rem;
}

.seasonal-promotions {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.seasonal-promotions h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.seasonal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.seasonal-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.seasonal-card:hover {
    transform: translateY(-5px);
}

.seasonal-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.seasonal-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.seasonal-offer {
    margin-bottom: 25px;
}

.offer-text {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 5px;
}

.offer-period {
    color: #666;
    font-size: 0.9rem;
}

.loyalty-section {
    margin-bottom: 80px;
}

.loyalty-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.loyalty-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.loyalty-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.loyalty-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.loyalty-benefits {
    list-style: none;
    margin-bottom: 30px;
}

.loyalty-benefits li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.loyalty-benefits li::before {
    content: '⭐';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.loyalty-tiers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.tier-card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}

.tier-card:nth-child(2) {
    border-color: #d4af37;
    transform: scale(1.05);
}

.tier-card h4 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #333;
}

.tier-card p {
    color: #666;
    margin-bottom: 15px;
    font-weight: 600;
}

.tier-card ul {
    list-style: none;
    text-align: left;
}

.tier-card li {
    padding: 5px 0;
    color: #666;
    font-size: 0.9rem;
}

.newsletter-section {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
    text-align: center;
}

.newsletter-section h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #333;
}

.newsletter-section p {
    color: #666;
    margin-bottom: 30px;
    font-size: 1.1rem;
}

.newsletter-form {
    max-width: 500px;
    margin: 0 auto;
}

.newsletter-form .form-group {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.newsletter-form input[type='email'] {
    flex: 1;
    padding: 15px;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

.newsletter-form button {
    padding: 15px 30px;
    white-space: nowrap;
}

/* Suites Page Styles */
.suites-content {
    padding: 80px 0;
    background: #fff;
}

.suite-categories h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.suites-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    margin-bottom: 80px;
}

.suite-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.suite-card:hover {
    transform: translateY(-10px);
}

.suite-image {
    height: 200px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.suite-placeholder {
    font-size: 4rem;
    color: #ddd;
}

.suite-content {
    padding: 30px;
}

.suite-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.suite-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.suite-details {
    margin-bottom: 20px;
}

.detail-item {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.detail-label {
    font-weight: 500;
    color: #333;
}

.detail-value {
    color: #666;
}

.suite-amenities {
    list-style: none;
    margin-bottom: 25px;
}

.suite-amenities li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.suite-amenities li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.suite-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

.suite-services {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.suite-services h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.service-item {
    text-align: center;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.service-item:hover {
    transform: translateY(-5px);
}

.service-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.service-item h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.service-item p {
    color: #666;
    line-height: 1.6;
}

/* Accessible Rooms Page Styles */
.accessible-content {
    padding: 80px 0;
    background: #fff;
}

.accessibility-commitment {
    margin-bottom: 80px;
}

.accessibility-commitment h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.accessibility-commitment p {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.commitment-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.feature-item {
    text-align: center;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.feature-item:hover {
    transform: translateY(-5px);
}

.feature-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.feature-item h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.feature-item p {
    color: #666;
    line-height: 1.6;
}

.accessible-rooms h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.rooms-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    margin-bottom: 80px;
}

.room-card.accessible {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border: 2px solid #d4af37;
}

.room-card.accessible:hover {
    transform: translateY(-10px);
}

.room-image {
    height: 200px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.room-placeholder {
    font-size: 4rem;
    color: #ddd;
}

.room-content {
    padding: 30px;
}

.room-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.room-content p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.room-details {
    margin-bottom: 20px;
}

.room-amenities {
    list-style: none;
    margin-bottom: 25px;
}

.room-amenities li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.room-amenities li::before {
    content: '♿';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.room-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

.accessibility-features {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.accessibility-features h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.feature-category {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.feature-category h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.feature-category ul {
    list-style: none;
}

.feature-category li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.feature-category li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.casino-accessibility {
    margin-bottom: 80px;
}

.casino-accessibility h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.casino-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.casino-feature {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.casino-feature h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.casino-feature p {
    color: #666;
    line-height: 1.6;
}

.accessibility-contact {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
    text-align: center;
}

.accessibility-contact h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #333;
}

.accessibility-contact p {
    color: #666;
    margin-bottom: 30px;
    font-size: 1.1rem;
    line-height: 1.6;
}

.contact-info {
    margin-bottom: 30px;
}

.contact-item {
    margin-bottom: 15px;
    font-size: 1.1rem;
}

.contact-item strong {
    color: #333;
}

/* Gaming Promotions Page Styles */
.gaming-promotions-content {
    padding: 80px 0;
    background: #fff;
}

.current-gaming-promotions h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.gaming-promotions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 80px;
}

.gaming-promotion-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.gaming-promotion-card:hover {
    transform: translateY(-5px);
}

.gaming-promotion-card.featured {
    border-color: #d4af37;
    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
}

.promotion-value {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.bonus-amount {
    font-size: 3rem;
    font-weight: 700;
    color: #d4af37;
}

.bonus-text {
    font-size: 1.2rem;
    color: #666;
    font-weight: 500;
}

.daily-promotions {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.daily-promotions h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.daily-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.daily-card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.daily-card:hover {
    transform: translateY(-5px);
}

.daily-day {
    font-size: 0.9rem;
    font-weight: 600;
    color: #d4af37;
    margin-bottom: 10px;
}

.daily-card h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.daily-card p {
    color: #666;
    margin-bottom: 15px;
    font-size: 0.9rem;
    line-height: 1.4;
}

.daily-bonus {
    font-size: 1.1rem;
    font-weight: 700;
    color: #e74c3c;
}

.special-events {
    margin-bottom: 80px;
}

.special-events h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.event-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.event-card:hover {
    transform: translateY(-5px);
}

.event-date {
    font-size: 0.9rem;
    font-weight: 600;
    color: #d4af37;
    margin-bottom: 15px;
}

.event-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.event-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.event-prize {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e74c3c;
    margin-bottom: 20px;
}

.vip-program {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.vip-program h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.vip-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.vip-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.vip-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.vip-benefits {
    list-style: none;
    margin-bottom: 30px;
}

.vip-benefits li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.vip-benefits li::before {
    content: '👑';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.vip-tiers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.vip-tier {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}

.vip-tier:nth-child(2) {
    border-color: #d4af37;
    transform: scale(1.05);
}

.vip-tier h4 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #333;
}

.vip-tier p {
    color: #666;
    margin-bottom: 15px;
    font-weight: 600;
}

.vip-tier ul {
    list-style: none;
    text-align: left;
}

.vip-tier li {
    padding: 5px 0;
    color: #666;
    font-size: 0.9rem;
}

.promotion-terms-section {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.promotion-terms-section h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.terms-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
}

.terms-category {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.terms-category h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.terms-category ul {
    list-style: none;
}

.terms-category li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.terms-category li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

/* Slots Page Styles */
.slots-content {
    padding: 80px 0;
    background: #fff;
}

.slots-stats {
    margin-bottom: 80px;
}

.slots-stats .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
}

.stat-item {
    text-align: center;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.stat-item:hover {
    transform: translateY(-5px);
}

.stat-number {
    font-size: 3rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 10px;
}

.stat-label {
    font-size: 1.1rem;
    color: #666;
    font-weight: 500;
}

.featured-slots h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.slots-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    margin-bottom: 80px;
}

.slot-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.slot-card:hover {
    transform: translateY(-10px);
}

.slot-card.featured {
    border: 2px solid #d4af37;
}

.slot-image {
    height: 200px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slot-placeholder {
    font-size: 4rem;
    color: #ddd;
}

.slot-content {
    padding: 30px;
}

.slot-content h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #333;
}

.slot-provider {
    font-size: 0.9rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.slot-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.slot-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.feature-tag {
    background: #f8f9fa;
    color: #666;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 500;
}

.slot-jackpot {
    margin-bottom: 20px;
}

.jackpot-label {
    font-size: 0.9rem;
    color: #666;
    display: block;
    margin-bottom: 5px;
}

.jackpot-amount {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e74c3c;
}

.slot-rtp {
    margin-bottom: 20px;
}

.rtp-label {
    font-size: 0.9rem;
    color: #666;
}

.rtp-value {
    font-size: 1.2rem;
    font-weight: 700;
    color: #28a745;
}

.slot-categories {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.slot-categories h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.category-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.category-card:hover {
    transform: translateY(-5px);
}

.category-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.category-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.category-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.category-count {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

.slot-providers {
    margin-bottom: 80px;
}

.slot-providers h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.providers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.provider-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.provider-card:hover {
    transform: translateY(-5px);
}

.provider-logo {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.provider-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.provider-games {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
}

.high-limit-section {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.high-limit-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.high-limit-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.high-limit-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.high-limit-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.high-limit-features {
    list-style: none;
    margin-bottom: 30px;
}

.high-limit-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.high-limit-features li::before {
    content: '💎';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.high-limit-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.high-limit-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.responsible-gaming-slots {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.responsible-gaming-slots h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.responsible-content {
    text-align: center;
}

.responsible-text p {
    font-size: 1.1rem;
    margin-bottom: 40px;
    line-height: 1.6;
    color: #666;
}

.responsible-tools {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.tool-item {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.tool-item h4 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.tool-item p {
    color: #666;
    line-height: 1.6;
}

/* Table Games Page Styles */
.table-games-content {
    padding: 80px 0;
    background: #fff;
}

.table-games-stats {
    margin-bottom: 80px;
}

.table-games-stats .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
}

.featured-games h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.games-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    margin-bottom: 80px;
}

.game-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.game-card:hover {
    transform: translateY(-10px);
}

.game-card.featured {
    border: 2px solid #d4af37;
}

.game-image {
    height: 200px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.game-placeholder {
    font-size: 4rem;
    color: #ddd;
}

.game-content {
    padding: 30px;
}

.game-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.game-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.game-details {
    margin-bottom: 20px;
}

.game-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.game-categories {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.game-categories h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.category-games ul {
    list-style: none;
    margin-bottom: 20px;
}

.category-games li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.category-games li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.category-count {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

.live-dealer-section {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.live-dealer-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.live-dealer-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.live-dealer-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.live-dealer-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.live-features {
    list-style: none;
    margin-bottom: 30px;
}

.live-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.live-features li::before {
    content: '📹';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.live-dealer-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.live-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.high-limit-tables {
    margin-bottom: 80px;
}

.high-limit-tables h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.high-limit-tables .high-limit-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.high-limit-tables .high-limit-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.high-limit-tables .high-limit-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.high-limit-tables .high-limit-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.high-limit-tables .feature-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.high-limit-tables .feature-item h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.high-limit-tables .feature-item p {
    color: #666;
    font-size: 0.9rem;
}

.tournament-schedule {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.tournament-schedule h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.schedule-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.schedule-item {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.schedule-item:hover {
    transform: translateY(-5px);
}

.schedule-day {
    font-size: 0.9rem;
    font-weight: 600;
    color: #d4af37;
    margin-bottom: 10px;
}

.schedule-item h3 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #333;
}

.schedule-item p {
    color: #666;
    margin-bottom: 15px;
    font-size: 0.9rem;
}

.schedule-prize {
    font-size: 1.2rem;
    font-weight: 700;
    color: #e74c3c;
}

.game-rules-section {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.game-rules-section h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.rules-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
}

.rules-category {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.rules-category h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.rules-category ul {
    list-style: none;
}

.rules-category li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.rules-category li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

/* Sports Page Styles */
.sports-content {
    padding: 80px 0;
    background: #fff;
}

.sports-stats {
    margin-bottom: 80px;
}

.sports-stats .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
}

.featured-sports h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.sports-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    margin-bottom: 80px;
}

.sport-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.sport-card:hover {
    transform: translateY(-10px);
}

.sport-card.featured {
    border: 2px solid #d4af37;
}

.sport-image {
    height: 200px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sport-placeholder {
    font-size: 4rem;
    color: #ddd;
}

.sport-content {
    padding: 30px;
}

.sport-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.sport-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.sport-details {
    margin-bottom: 20px;
}

.sport-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.sports-categories {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.sports-categories h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.category-features ul {
    list-style: none;
    margin-bottom: 20px;
}

.category-features li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.category-features li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.live-betting-section {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.live-betting-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.live-betting-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.live-betting-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.live-betting-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.live-betting-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sports-promotions {
    margin-bottom: 80px;
}

.sports-promotions h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.sports-promotions .promotions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.sports-lounge {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.sports-lounge h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.lounge-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.lounge-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.lounge-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.lounge-features {
    list-style: none;
    margin-bottom: 30px;
}

.lounge-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.lounge-features li::before {
    content: '📺';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.lounge-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lounge-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.responsible-betting {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.responsible-betting h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.responsible-betting .responsible-content {
    text-align: center;
}

.responsible-betting .responsible-text p {
    font-size: 1.1rem;
    margin-bottom: 40px;
    line-height: 1.6;
    color: #666;
}

.responsible-betting .responsible-tools {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.responsible-betting .tool-item {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.responsible-betting .tool-item h4 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.responsible-betting .tool-item p {
    color: #666;
    line-height: 1.6;
}

/* Bel-Aire Backyard Page Styles */
.bel-aire-content {
    padding: 80px 0;
    background: #fff;
}

.backyard-overview {
    margin-bottom: 80px;
}

.backyard-overview h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.backyard-overview p {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.overview-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.pool-area {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.pool-area h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.pool-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.pool-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.pool-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.pool-features {
    list-style: none;
    margin-bottom: 30px;
}

.pool-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.pool-features li::before {
    content: '🏊';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.pool-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pool-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.pool-bar-section {
    margin-bottom: 80px;
}

.pool-bar-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.bar-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.bar-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bar-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.bar-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.bar-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.bar-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 30px;
}

.menu-category h4 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.menu-category ul {
    list-style: none;
}

.menu-category li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.menu-category li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.zen-garden-section {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.zen-garden-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.zen-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.zen-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.zen-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.zen-features {
    list-style: none;
    margin-bottom: 30px;
}

.zen-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.zen-features li::before {
    content: '🌿';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.zen-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zen-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.events-activities {
    margin-bottom: 80px;
}

.events-activities h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.activities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.activity-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.activity-card:hover {
    transform: translateY(-5px);
}

.activity-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.activity-card h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #333;
}

.activity-card p {
    color: #666;
    margin-bottom: 15px;
}

.activity-details {
    margin-bottom: 20px;
}

.activity-details p {
    color: #666;
    margin-bottom: 10px;
    line-height: 1.6;
}

.activity-time {
    font-size: 0.9rem;
    color: #d4af37;
    font-weight: 600;
}

.private-events {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.private-events h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.private-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.private-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.private-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.event-types {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.event-type {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.event-type h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.event-type p {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.6;
}

.private-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.private-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.opening-hours {
    margin-bottom: 80px;
}

.opening-hours h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.hours-content {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.hours-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
}

.hours-item {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.hours-item h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
    color: #333;
}

.hours-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hours-day {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.hours-day span:first-child {
    font-weight: 500;
    color: #333;
}

.hours-day span:last-child {
    color: #666;
}

.bel-aire-contact {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.bel-aire-contact h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.contact-info {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-note {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-note p {
    color: #666;
    line-height: 1.6;
}

/* Poolside Concerts Page Styles */
.poolside-concerts-content {
    padding: 80px 0;
    background: #fff;
}

.concerts-overview {
    margin-bottom: 80px;
}

.concerts-overview h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.concerts-overview p {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.upcoming-concerts {
    margin-bottom: 80px;
}

.upcoming-concerts h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.concerts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.concert-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.concert-card:hover {
    transform: translateY(-10px);
}

.concert-card.featured {
    border: 2px solid #d4af37;
}

.concert-date {
    background: #d4af37;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.concert-date .day {
    display: block;
    font-size: 2rem;
    font-weight: 700;
}

.concert-date .month {
    font-size: 1rem;
    font-weight: 500;
}

.concert-content {
    padding: 30px;
}

.concert-content h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #333;
}

.concert-artist {
    font-size: 1.1rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.concert-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.concert-details {
    margin-bottom: 20px;
}

.concert-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e74c3c;
    margin-bottom: 20px;
}

.concert-experience {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.concert-experience h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.experience-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.experience-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.experience-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.experience-features {
    list-style: none;
    margin-bottom: 30px;
}

.experience-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.experience-features li::before {
    content: '🎭';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.experience-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.experience-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.concert-packages {
    margin-bottom: 80px;
}

.concert-packages h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.package-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.package-card:hover {
    transform: translateY(-5px);
}

.package-card.featured {
    border-color: #d4af37;
    transform: scale(1.05);
}

.package-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.package-price {
    font-size: 2rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 25px;
}

.package-features {
    list-style: none;
    margin-bottom: 25px;
}

.package-features li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.package-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.concert-schedule {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.concert-schedule h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.schedule-content {
    text-align: center;
}

.schedule-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.schedule-item {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.schedule-item:hover {
    transform: translateY(-5px);
}

.schedule-day {
    font-size: 0.9rem;
    font-weight: 600;
    color: #d4af37;
    margin-bottom: 10px;
}

.schedule-item h3 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #333;
}

.schedule-item p {
    color: #666;
    margin-bottom: 15px;
    font-size: 0.9rem;
}

.schedule-time {
    font-size: 1.1rem;
    font-weight: 700;
    color: #e74c3c;
}

.special-events {
    margin-bottom: 80px;
}

.special-events h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.event-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.event-card:hover {
    transform: translateY(-5px);
}

.event-date {
    font-size: 0.9rem;
    font-weight: 600;
    color: #d4af37;
    margin-bottom: 15px;
}

.event-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.event-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.event-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e74c3c;
    margin-bottom: 20px;
}

.booking-info {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.booking-info h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.booking-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.booking-rules {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.booking-rules h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.booking-rules ul {
    list-style: none;
}

.booking-rules li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.booking-rules li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.booking-contact {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.booking-contact h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* STN Live Page Styles */
.stn-live-content {
    padding: 80px 0;
    background: #fff;
}

.stn-overview {
    margin-bottom: 80px;
}

.stn-overview h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.stn-overview p {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.live-events {
    margin-bottom: 80px;
}

.live-events h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.event-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.event-card:hover {
    transform: translateY(-10px);
}

.event-card.featured {
    border: 2px solid #d4af37;
}

.event-status {
    background: #e74c3c;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
}

.event-status.NADCHODZĄCE {
    background: #28a745;
}

.event-content {
    padding: 30px;
}

.event-content h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #333;
}

.event-match {
    font-size: 1.1rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.event-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.event-details {
    margin-bottom: 20px;
}

.event-viewers {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 20px;
}

.stn-features {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.stn-features h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.feature-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
}

.feature-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.feature-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.feature-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.feature-list {
    list-style: none;
    text-align: left;
}

.feature-list li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.feature-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.sports-categories {
    margin-bottom: 80px;
}

.sports-categories h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.category-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.category-card:hover {
    transform: translateY(-5px);
}

.category-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.category-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.category-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.category-count {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
}

.stn-lounge {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.stn-lounge h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.lounge-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.lounge-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.lounge-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.lounge-features {
    list-style: none;
    margin-bottom: 30px;
}

.lounge-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.lounge-features li::before {
    content: '📺';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.lounge-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lounge-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.membership-section {
    margin-bottom: 80px;
}

.membership-section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.membership-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.membership-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.membership-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.membership-benefits {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.benefit-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.benefit-item h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.benefit-item p {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.6;
}

.membership-packages {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.package-card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}

.package-card.featured {
    border-color: #d4af37;
    transform: scale(1.05);
}

.package-card h4 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #333;
}

.package-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 15px;
}

.package-card ul {
    list-style: none;
    text-align: left;
}

.package-card li {
    padding: 5px 0;
    color: #666;
    font-size: 0.9rem;
}

.stn-contact {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.stn-contact h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.contact-info {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-note {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-note p {
    color: #666;
    line-height: 1.6;
}

/* Dining Promotions Page Styles */
.dining-promotions-content {
    padding: 80px 0;
    background: #fff;
}

.current-dining-promotions {
    margin-bottom: 80px;
}

.current-dining-promotions h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.promotions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.promotion-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.promotion-card:hover {
    transform: translateY(-10px);
}

.promotion-card.featured {
    border-color: #d4af37;
}

.promotion-badge {
    background: #d4af37;
    color: #fff;
    padding: 8px 16px;
    font-size: 0.9rem;
    font-weight: 600;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 20px;
}

.promotion-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
    padding: 30px 30px 0;
}

.promotion-price {
    padding: 0 30px;
    margin-bottom: 20px;
}

.old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 1.1rem;
    margin-right: 10px;
}

.new-price {
    font-size: 1.8rem;
    font-weight: 700;
    color: #e74c3c;
    margin-right: 10px;
}

.discount {
    background: #e74c3c;
    color: #fff;
    padding: 4px 8px;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
}

.promotion-card p {
    padding: 0 30px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.promotion-features {
    list-style: none;
    padding: 0 30px;
    margin-bottom: 20px;
}

.promotion-features li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.promotion-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.promotion-terms {
    padding: 0 30px;
    margin-bottom: 20px;
}

.promotion-terms small {
    color: #999;
    font-size: 0.8rem;
    line-height: 1.4;
}

.daily-specials {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.daily-specials h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.specials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.special-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.special-card:hover {
    transform: translateY(-5px);
}

.special-day {
    font-size: 0.9rem;
    font-weight: 600;
    color: #d4af37;
    margin-bottom: 15px;
}

.special-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.special-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.special-offer {
    margin-bottom: 20px;
}

.offer-text {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    color: #e74c3c;
    margin-bottom: 5px;
}

.offer-time {
    font-size: 0.9rem;
    color: #666;
}

.seasonal-menu {
    margin-bottom: 80px;
}

.seasonal-menu h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.seasonal-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.seasonal-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.seasonal-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.seasonal-features {
    list-style: none;
    margin-bottom: 30px;
}

.seasonal-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.seasonal-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.seasonal-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.chef-special {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.chef-special h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.chef-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.chef-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chef-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.chef-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.chef-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.chef-dishes {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

.dish-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.dish-item h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.dish-item p {
    color: #666;
    margin-bottom: 10px;
    line-height: 1.6;
}

.dish-price {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
}

.group-dining {
    margin-bottom: 80px;
}

.group-dining h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.group-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.group-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.group-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.group-packages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.group-package {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.group-package h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.group-package p {
    color: #666;
    margin-bottom: 15px;
    font-size: 0.9rem;
}

.group-package ul {
    list-style: none;
    margin-bottom: 15px;
}

.group-package li {
    padding: 3px 0;
    color: #666;
    font-size: 0.9rem;
    position: relative;
    padding-left: 20px;
}

.group-package li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.package-price {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
}

.group-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.dining-loyalty {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.dining-loyalty h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.loyalty-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.loyalty-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.loyalty-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.loyalty-benefits {
    list-style: none;
    margin-bottom: 30px;
}

.loyalty-benefits li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.loyalty-tiers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.tier-card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.tier-card h4 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #333;
}

.tier-card p {
    color: #666;
    margin-bottom: 15px;
    font-size: 0.9rem;
}

.tier-card ul {
    list-style: none;
    text-align: left;
}

.tier-card li {
    padding: 5px 0;
    color: #666;
    font-size: 0.9rem;
}

/* Restaurants Page Styles */
.restaurants-content {
    padding: 80px 0;
    background: #fff;
}

.fine-dining {
    margin-bottom: 80px;
}

.fine-dining h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.restaurant-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.restaurant-card:hover {
    transform: translateY(-10px);
}

.restaurant-card.featured {
    border-color: #d4af37;
}

.restaurant-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    background: #f8f9fa;
}

.restaurant-placeholder {
    font-size: 6rem;
    color: #ddd;
}

.restaurant-content {
    padding: 30px;
}

.restaurant-content h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: #333;
}

.restaurant-type {
    font-size: 1rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.restaurant-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.restaurant-details {
    margin-bottom: 20px;
}

.restaurant-features {
    margin-bottom: 20px;
}

.restaurant-menu {
    margin-bottom: 20px;
}

.restaurant-menu h4 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #333;
}

.restaurant-menu ul {
    list-style: none;
}

.restaurant-menu li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.restaurant-menu li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.restaurant-price-range {
    font-size: 1.2rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

.casual-dining {
    margin-bottom: 80px;
}

.casual-dining h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.restaurants-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.international-cuisine {
    margin-bottom: 80px;
}

.international-cuisine h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.cuisine-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.cuisine-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.cuisine-card:hover {
    transform: translateY(-5px);
}

.cuisine-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.cuisine-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.cuisine-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.cuisine-details {
    margin-bottom: 20px;
}

.cuisine-price-range {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
}

.breakfast-brunch {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.breakfast-brunch h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.breakfast-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.breakfast-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.breakfast-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.breakfast-features {
    list-style: none;
    margin-bottom: 30px;
}

.breakfast-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.breakfast-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.breakfast-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.room-service {
    margin-bottom: 80px;
}

.room-service h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.room-service-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.room-service-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.room-service-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.room-service-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.room-service-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.room-service-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.feature-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.feature-item h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.feature-item p {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.6;
}

.private-dining {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.private-dining h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.private-dining-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.private-dining-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.private-dining-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.private-rooms {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.room-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.room-item h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.room-item p {
    color: #666;
    margin-bottom: 15px;
    font-size: 0.9rem;
    line-height: 1.6;
}

.room-item ul {
    list-style: none;
    margin-bottom: 15px;
}

.room-item li {
    padding: 3px 0;
    color: #666;
    font-size: 0.9rem;
    position: relative;
    padding-left: 20px;
}

.room-item li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.room-price {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
}

.private-dining-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.private-dining-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.reservations-section {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.reservations-section h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.reservations-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.reservation-info {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.reservation-info h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.reservation-info p {
    color: #666;
    margin-bottom: 30px;
    line-height: 1.6;
}

.contact-methods {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-method {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
}

.contact-method h4 {
    font-size: 1.1rem;
    margin-bottom: 5px;
    color: #333;
}

.contact-method p {
    color: #666;
    margin: 0;
}

.reservation-form {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.reservation-form h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.reservation-form form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reservation-form .form-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.reservation-form input,
.reservation-form select,
.reservation-form textarea {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
}

.reservation-form textarea {
    grid-column: 1 / -1;
    min-height: 100px;
    resize: vertical;
}

/* Bars Page Styles */
.bars-content {
    padding: 80px 0;
    background: #fff;
}

.signature-bars {
    margin-bottom: 80px;
}

.signature-bars h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.bars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.bar-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.bar-card:hover {
    transform: translateY(-10px);
}

.bar-card.featured {
    border-color: #d4af37;
}

.bar-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    background: #f8f9fa;
}

.bar-placeholder {
    font-size: 6rem;
    color: #ddd;
}

.bar-content {
    padding: 30px;
}

.bar-content h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: #333;
}

.bar-type {
    font-size: 1rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.bar-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.bar-details {
    margin-bottom: 20px;
}

.bar-features {
    margin-bottom: 20px;
}

.bar-menu {
    margin-bottom: 20px;
}

.bar-menu h4 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #333;
}

.bar-menu ul {
    list-style: none;
}

.bar-menu li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.bar-menu li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.bar-price-range {
    font-size: 1.2rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

.pool-bars {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.pool-bars h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.pool-bars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
}

.pool-bar-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.pool-bar-card:hover {
    transform: translateY(-10px);
}

.pool-bar-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    background: #f8f9fa;
}

.pool-bar-placeholder {
    font-size: 4rem;
    color: #ddd;
}

.pool-bar-content {
    padding: 25px;
}

.pool-bar-content h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #333;
}

.pool-bar-type {
    font-size: 0.9rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.pool-bar-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.pool-bar-details {
    margin-bottom: 20px;
}

.pool-bar-features {
    margin-bottom: 20px;
}

.pool-bar-price-range {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

.sports-bars {
    margin-bottom: 80px;
}

.sports-bars h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.sports-bars-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.sports-bars-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.sports-bars-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.sports-bars-features {
    list-style: none;
    margin-bottom: 30px;
}

.sports-bars-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.sports-bars-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sports-bars-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.cocktail-classes {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.cocktail-classes h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.classes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.class-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.class-card:hover {
    transform: translateY(-5px);
}

.class-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.class-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.class-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.class-details {
    margin-bottom: 20px;
}

.happy-hours {
    margin-bottom: 80px;
}

.happy-hours h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.happy-hours-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.happy-hours-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.happy-hours-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.happy-hours-schedule {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.schedule-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.schedule-item h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.schedule-item p {
    color: #666;
    margin-bottom: 10px;
}

.discount {
    font-size: 1.1rem;
    font-weight: 700;
    color: #e74c3c;
}

.happy-hours-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.happy-hours-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.bar-private-events {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.bar-private-events h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.bar-events-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.bar-events-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.bar-events-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.bar-events-types {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.event-type {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.event-type h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.event-type p {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.6;
}

.bar-events-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bar-events-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.bar-menu-highlights {
    margin-bottom: 80px;
}

.bar-menu-highlights h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.menu-highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.highlight-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.highlight-card:hover {
    transform: translateY(-5px);
}

.highlight-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.highlight-card h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.highlight-card ul {
    list-style: none;
    text-align: left;
}

.highlight-card li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.highlight-card li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.bars-contact {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.bars-contact h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.contact-info {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-note {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-note p {
    color: #666;
    line-height: 1.6;
}

/* Eat Your Heart Out Page Styles */
.eat-your-heart-out-content {
    padding: 80px 0;
    background: #fff;
}

.concept-overview {
    margin-bottom: 80px;
}

.concept-overview h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.concept-overview p {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.concept-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.signature-experiences {
    margin-bottom: 80px;
}

.signature-experiences h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.experiences-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.experience-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.experience-card:hover {
    transform: translateY(-10px);
}

.experience-card.featured {
    border-color: #d4af37;
}

.experience-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    background: #f8f9fa;
}

.experience-placeholder {
    font-size: 6rem;
    color: #ddd;
}

.experience-content {
    padding: 30px;
}

.experience-content h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: #333;
}

.experience-type {
    font-size: 1rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.experience-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.experience-details {
    margin-bottom: 20px;
}

.experience-features {
    margin-bottom: 20px;
}

.live-entertainment {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.live-entertainment h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.entertainment-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.entertainment-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.entertainment-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.entertainment-features {
    list-style: none;
    margin-bottom: 30px;
}

.entertainment-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.entertainment-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.entertainment-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.signature-menu {
    margin-bottom: 80px;
}

.signature-menu h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.menu-sections {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
}

.menu-section {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.menu-section h3 {
    font-size: 1.5rem;
    margin-bottom: 25px;
    color: #333;
    text-align: center;
}

.menu-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.menu-item {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.menu-item:last-child {
    border-bottom: none;
}

.menu-item h4 {
    font-size: 1.2rem;
    margin-bottom: 8px;
    color: #333;
}

.menu-item p {
    color: #666;
    margin-bottom: 8px;
    line-height: 1.6;
    font-size: 0.9rem;
}

.menu-price {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
}

.signature-cocktails {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.signature-cocktails h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.cocktails-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.cocktail-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.cocktail-card:hover {
    transform: translateY(-5px);
}

.cocktail-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.cocktail-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.cocktail-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.cocktail-price {
    font-size: 1.2rem;
    font-weight: 700;
    color: #d4af37;
}

.private-dining-experience {
    margin-bottom: 80px;
}

.private-dining-experience h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.private-dining-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.private-dining-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.private-dining-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.private-packages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.package-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.package-item h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.package-item p {
    color: #666;
    margin-bottom: 15px;
    font-size: 0.9rem;
}

.package-item ul {
    list-style: none;
    margin-bottom: 15px;
}

.package-item li {
    padding: 3px 0;
    color: #666;
    font-size: 0.9rem;
    position: relative;
    padding-left: 20px;
}

.package-item li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.package-price {
    font-size: 1.1rem;
    font-weight: 700;
    color: #d4af37;
}

.private-dining-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.private-dining-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.special-events {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.special-events h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.event-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.event-card:hover {
    transform: translateY(-5px);
}

.event-date {
    font-size: 0.9rem;
    font-weight: 600;
    color: #d4af37;
    margin-bottom: 15px;
}

.event-card h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
}

.event-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.event-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e74c3c;
    margin-bottom: 20px;
}

.reservations-section {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.reservations-section h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.reservations-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.reservation-info {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.reservation-info h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.reservation-info p {
    color: #666;
    margin-bottom: 30px;
    line-height: 1.6;
}

.contact-methods {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-method {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
}

.contact-method h4 {
    font-size: 1.1rem;
    margin-bottom: 5px;
    color: #333;
}

.contact-method p {
    color: #666;
    margin: 0;
}

.reservation-form {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.reservation-form h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #333;
}

.reservation-form form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reservation-form .form-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.reservation-form input,
.reservation-form select,
.reservation-form textarea {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
}

.reservation-form textarea {
    grid-column: 1 / -1;
    min-height: 100px;
    resize: vertical;
}

/* Meetings Page Styles */
.meetings-content {
    padding: 80px 0;
    background: #fff;
}

.meetings-overview {
    margin-bottom: 80px;
}

.meetings-overview h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.meetings-overview p {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.meeting-rooms {
    margin-bottom: 80px;
}

.meeting-rooms h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.rooms-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.room-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.room-card:hover {
    transform: translateY(-10px);
}

.room-card.featured {
    border-color: #d4af37;
}

.room-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    background: #f8f9fa;
}

.room-placeholder {
    font-size: 6rem;
    color: #ddd;
}

.room-content {
    padding: 30px;
}

.room-content h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: #333;
}

.room-capacity {
    font-size: 1rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.room-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.room-details {
    margin-bottom: 20px;
}

.detail-item {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.detail-item:last-child {
    border-bottom: none;
}

.detail-label {
    font-weight: 600;
    color: #333;
}

.detail-value {
    color: #666;
}

.room-features {
    list-style: none;
    margin-bottom: 20px;
}

.room-features li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.room-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.meeting-services {
    margin-bottom: 80px;
}

.meeting-services h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.service-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
}

.service-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.service-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.service-card p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.service-features {
    list-style: none;
    text-align: left;
    margin-bottom: 20px;
}

.service-features li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.service-features li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.meeting-packages {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.meeting-packages h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.package-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.package-card:hover {
    transform: translateY(-5px);
}

.package-card.featured {
    border-color: #d4af37;
}

.package-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

.package-price {
    font-size: 2rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

.package-features {
    list-style: none;
    text-align: left;
    margin-bottom: 20px;
}

.package-features li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.package-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.success-stories {
    margin-bottom: 80px;
}

.success-stories h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.stories-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.stories-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.stories-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.stat-item {
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.stat-number {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 5px;
}

.stat-label {
    font-size: 0.9rem;
    color: #666;
}

.stories-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.stories-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.meeting-reservations {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.meeting-reservations h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.reservation-form {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.reservation-form form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reservation-form .form-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.reservation-form input,
.reservation-form select,
.reservation-form textarea {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
}

.reservation-form textarea {
    grid-column: 1 / -1;
    min-height: 100px;
    resize: vertical;
}

/* Weddings Page Styles */
.weddings-content {
    padding: 80px 0;
    background: #fff;
}

.weddings-overview {
    margin-bottom: 80px;
}

.weddings-overview h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.weddings-overview p {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.wedding-venues {
    margin-bottom: 80px;
}

.wedding-venues h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.venues-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.venue-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.venue-card:hover {
    transform: translateY(-10px);
}

.venue-card.featured {
    border-color: #d4af37;
}

.venue-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    background: #f8f9fa;
}

.venue-placeholder {
    font-size: 6rem;
    color: #ddd;
}

.venue-content {
    padding: 30px;
}

.venue-content h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: #333;
}

.venue-capacity {
    font-size: 1rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.venue-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.venue-details {
    margin-bottom: 20px;
}

.venue-features {
    list-style: none;
    margin-bottom: 20px;
}

.venue-features li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.venue-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.wedding-packages {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.wedding-packages h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.wedding-services {
    margin-bottom: 80px;
}

.wedding-services h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.bridal-suite {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.bridal-suite h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.suite-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.suite-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.suite-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.suite-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.suite-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.suite-features {
    list-style: none;
    margin-bottom: 30px;
}

.suite-features li {
    padding: 10px 0;
    color: #666;
    position: relative;
    padding-left: 30px;
}

.wedding-planning {
    margin-bottom: 80px;
}

.wedding-planning h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.planning-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.planning-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.planning-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.planning-steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.step-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.step-number {
    display: block;
    width: 40px;
    height: 40px;
    background: #d4af37;
    color: #fff;
    border-radius: 50%;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 40px;
    margin: 0 auto 15px;
}

.step-item h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #333;
}

.step-item p {
    color: #666;
    font-size: 0.9rem;
    margin: 0;
}

.planning-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.planning-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.wedding-testimonials {
    margin-bottom: 80px;
}

.wedding-testimonials h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.testimonial-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
}

.testimonial-content p {
    font-size: 1.1rem;
    font-style: italic;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.testimonial-author {
    display: flex;
    flex-direction: column;
}

.author-name {
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
}

.author-date {
    font-size: 0.9rem;
    color: #d4af37;
}

.wedding-reservations {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.wedding-reservations h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

/* Production Services Page Styles */
.production-services-content {
    padding: 80px 0;
    background: #fff;
}

.production-overview {
    margin-bottom: 80px;
}

.production-overview h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.production-overview p {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.production-facilities {
    margin-bottom: 80px;
}

.production-facilities h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.facilities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

.facility-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}

.facility-card:hover {
    transform: translateY(-10px);
}

.facility-card.featured {
    border-color: #d4af37;
}

.facility-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    background: #f8f9fa;
}

.facility-placeholder {
    font-size: 6rem;
    color: #ddd;
}

.facility-content {
    padding: 30px;
}

.facility-content h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: #333;
}

.facility-type {
    font-size: 1rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.facility-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.facility-details {
    margin-bottom: 20px;
}

.facility-features {
    list-style: none;
    margin-bottom: 20px;
}

.facility-features li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.facility-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.production-services-list {
    margin-bottom: 80px;
}

.production-services-list h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.production-equipment {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.production-equipment h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.equipment-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.equipment-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.equipment-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.equipment-categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.category-item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.category-item h4 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #333;
}

.category-item ul {
    list-style: none;
}

.category-item li {
    padding: 3px 0;
    color: #666;
    font-size: 0.9rem;
    position: relative;
    padding-left: 20px;
}

.category-item li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.equipment-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.equipment-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.production-team {
    margin-bottom: 80px;
}

.production-team h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.team-member {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.team-member:hover {
    transform: translateY(-5px);
}

.member-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.member-placeholder {
    font-size: 4rem;
    color: #ddd;
}

.member-content h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #333;
}

.member-role {
    font-size: 1.1rem;
    color: #d4af37;
    font-weight: 600;
    margin-bottom: 15px;
}

.member-description {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.member-credits {
    list-style: none;
    text-align: left;
}

.member-credits li {
    padding: 5px 0;
    color: #666;
    font-size: 0.9rem;
    position: relative;
    padding-left: 20px;
}

.member-credits li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #d4af37;
}

.production-packages {
    margin-bottom: 80px;
    padding: 60px 0;
    background: #f8f9fa;
    border-radius: 15px;
}

.production-packages h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.production-portfolio {
    margin-bottom: 80px;
}

.production-portfolio h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.portfolio-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.portfolio-text h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
}

.portfolio-text p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

.portfolio-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.portfolio-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.portfolio-placeholder {
    font-size: 8rem;
    color: #ddd;
}

.production-reservations {
    background: #f8f9fa;
    padding: 60px;
    border-radius: 15px;
}

.production-reservations h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

/* Responsive Design */
@media (max-width: 768px) {
    .header-top {
        flex-direction: column;
        gap: 20px;
    }

    .nav-list {
        flex-direction: column;
        gap: 0;
    }

    .nav-item {
        border-bottom: 1px solid #eee;
    }

    .nav-link {
        padding: 15px 0;
        display: block;
    }

    .dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background: #f8f9fa;
    }

    .hero-title {
        font-size: 2.5rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
    }

    .footer-content {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 10px;
    }

    .cookie-buttons,
    .age-buttons {
        flex-direction: column;
    }

    /* Page specific responsive styles */
    .page-header h1 {
        font-size: 2rem;
    }

    .about-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .overall-rating {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .rating-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .rating-label {
        min-width: auto;
    }

    .rating-bar {
        width: 100%;
    }

    .review-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    /* Casino responsive styles */
    .casino-stats .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .responsible-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    /* Careers Page Styles */
    .careers-content {
        padding: 80px 0;
        background: #fff;
    }

    .benefits-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .benefit-card {
        text-align: center;
        padding: 30px;
        background: #f8f9fa;
        border-radius: 15px;
        transition: transform 0.3s ease;
    }

    .benefit-card:hover {
        transform: translateY(-5px);
    }

    .benefit-icon {
        font-size: 3rem;
        margin-bottom: 20px;
        display: block;
    }

    .jobs-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .job-card {
        background: #fff;
        border-radius: 15px;
        padding: 30px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        border: 2px solid transparent;
        transition: all 0.3s ease;
    }

    .job-card:hover {
        border-color: #007bff;
        transform: translateY(-5px);
    }

    .job-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .job-type {
        background: #007bff;
        color: white;
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 0.9rem;
    }

    .job-details {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 20px;
    }

    .job-location,
    .job-department,
    .job-level {
        background: #f8f9fa;
        padding: 5px 10px;
        border-radius: 15px;
        font-size: 0.9rem;
    }

    .job-requirements {
        list-style: none;
        padding: 0;
        margin-bottom: 20px;
    }

    .job-requirements li {
        padding: 5px 0;
        color: #666;
    }

    .departments-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .department-card {
        text-align: center;
        padding: 30px;
        background: #f8f9fa;
        border-radius: 15px;
        transition: transform 0.3s ease;
    }

    .department-card:hover {
        transform: translateY(-5px);
    }

    .department-icon {
        font-size: 3rem;
        margin-bottom: 20px;
        display: block;
    }

    .process-steps {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .step-card {
        text-align: center;
        padding: 30px;
        background: #f8f9fa;
        border-radius: 15px;
    }

    .step-number {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: #007bff;
        color: white;
        border-radius: 50%;
        line-height: 50px;
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .testimonials-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .testimonial-card {
        background: #fff;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .testimonial-content p {
        font-style: italic;
        margin-bottom: 20px;
        color: #666;
    }

    .testimonial-author {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .author-name {
        font-weight: bold;
        color: #333;
    }

    .author-position {
        color: #666;
        font-size: 0.9rem;
    }

    .application-form {
        display: grid;
        gap: 20px;
    }

    .application-form .form-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .application-form input,
    .application-form select,
    .application-form textarea {
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 1rem;
    }

    .application-form textarea {
        grid-column: 1 / -1;
        min-height: 100px;
        resize: vertical;
    }

    /* Newsroom Page Styles */
    .newsroom-content {
        padding: 80px 0;
        background: #fff;
    }

    .releases-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .release-card {
        background: #fff;
        border-radius: 15px;
        padding: 30px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        border: 2px solid transparent;
        transition: all 0.3s ease;
    }

    .release-card:hover {
        border-color: #007bff;
        transform: translateY(-5px);
    }

    .release-date {
        color: #007bff;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .release-summary {
        color: #666;
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .release-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 20px;
    }

    .tag {
        background: #f8f9fa;
        color: #666;
        padding: 5px 10px;
        border-radius: 15px;
        font-size: 0.9rem;
    }

    .download-links {
        display: grid;
        gap: 15px;
        margin-bottom: 30px;
    }

    .download-link {
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 15px;
        background: #f8f9fa;
        border-radius: 10px;
        text-decoration: none;
        color: #333;
        transition: background 0.3s ease;
    }

    .download-link:hover {
        background: #e9ecef;
    }

    .download-icon {
        font-size: 2rem;
    }

    .download-info h4 {
        margin: 0 0 5px 0;
        color: #333;
    }

    .download-info p {
        margin: 0;
        color: #666;
        font-size: 0.9rem;
    }

    .facts-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .fact-card {
        text-align: center;
        padding: 30px;
        background: #f8f9fa;
        border-radius: 15px;
    }

    .fact-number {
        display: block;
        font-size: 3rem;
        font-weight: bold;
        color: #007bff;
        margin-bottom: 10px;
    }

    .fact-label {
        color: #666;
        font-size: 1.1rem;
    }

    .awards-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .award-card {
        text-align: center;
        padding: 30px;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .award-icon {
        font-size: 3rem;
        margin-bottom: 20px;
        display: block;
    }

    .award-date {
        color: #666;
        font-size: 0.9rem;
        margin-top: 15px;
    }

    .contacts-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .contact-card {
        background: #fff;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .contact-details p {
        margin-bottom: 10px;
        color: #666;
    }

    .contact-details a {
        color: #007bff;
        text-decoration: none;
    }

    .contact-details a:hover {
        text-decoration: underline;
    }

    .guidelines-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .guidelines-list {
        list-style: none;
        padding: 0;
    }

    .guidelines-list li {
        padding: 10px 0;
        color: #666;
        border-bottom: 1px solid #eee;
    }

    .guidelines-list li:last-child {
        border-bottom: none;
    }

    .newsletter-form {
        display: grid;
        gap: 20px;
        max-width: 600px;
        margin: 0 auto;
    }

    .newsletter-form .form-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .newsletter-form input,
    .newsletter-form select {
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 1rem;
    }

    /* Investors Page Styles */
    .investors-content {
        padding: 80px 0;
        background: #fff;
    }

    .highlights-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .highlight-card {
        text-align: center;
        padding: 30px;
        background: #f8f9fa;
        border-radius: 15px;
    }

    .highlight-value {
        display: block;
        font-size: 2.5rem;
        font-weight: bold;
        color: #007bff;
        margin-bottom: 10px;
    }

    .highlight-label {
        color: #666;
        font-size: 1.1rem;
        margin-bottom: 10px;
    }

    .highlight-change {
        font-size: 1rem;
        font-weight: bold;
    }

    .highlight-change.positive {
        color: #28a745;
    }

    .highlight-change.negative {
        color: #dc3545;
    }

    .reports-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .report-card {
        background: #fff;
        border-radius: 15px;
        padding: 30px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        border: 2px solid transparent;
        transition: all 0.3s ease;
    }

    .report-card:hover {
        border-color: #007bff;
        transform: translateY(-5px);
    }

    .report-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .report-date {
        color: #666;
        font-size: 0.9rem;
    }

    .report-description {
        color: #666;
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .report-files {
        display: grid;
        gap: 10px;
        margin-bottom: 20px;
    }

    .file-link {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        background: #f8f9fa;
        border-radius: 8px;
        text-decoration: none;
        color: #333;
        transition: background 0.3s ease;
    }

    .file-link:hover {
        background: #e9ecef;
    }

    .file-icon {
        font-size: 1.5rem;
    }

    .file-name {
        font-size: 0.9rem;
        color: #666;
    }

    .stock-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .stock-price {
        text-align: center;
        margin-bottom: 30px;
    }

    .current-price {
        display: block;
        font-size: 3rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 10px;
    }

    .price-change {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .price-change.positive {
        color: #28a745;
    }

    .price-change.negative {
        color: #dc3545;
    }

    .stock-details {
        background: #f8f9fa;
        padding: 20px;
        border-radius: 10px;
    }

    .detail-row {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .detail-row:last-child {
        border-bottom: none;
    }

    .detail-label {
        font-weight: bold;
        color: #333;
    }

    .detail-value {
        color: #666;
    }

    .dividend-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .dividend-summary {
        background: #f8f9fa;
        padding: 30px;
        border-radius: 15px;
    }

    .dividend-amount {
        text-align: center;
        margin-bottom: 20px;
    }

    .amount {
        display: block;
        font-size: 2.5rem;
        font-weight: bold;
        color: #007bff;
    }

    .per-share {
        color: #666;
        font-size: 1.1rem;
    }

    .dividend-yield {
        text-align: center;
        margin-bottom: 20px;
    }

    .yield {
        display: block;
        font-size: 2rem;
        font-weight: bold;
        color: #28a745;
    }

    .yield-label {
        color: #666;
        font-size: 1rem;
    }

    .dividend-schedule {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
    }

    .schedule-item {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .schedule-item:last-child {
        border-bottom: none;
    }

    .schedule-label {
        font-weight: bold;
        color: #333;
    }

    .schedule-value {
        color: #666;
    }

    .history-table {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
    }

    .table-header {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        background: #007bff;
        color: white;
        padding: 15px;
        font-weight: bold;
    }

    .table-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        padding: 15px;
        border-bottom: 1px solid #eee;
    }

    .table-row:last-child {
        border-bottom: none;
    }

    .governance-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .governance-principles {
        list-style: none;
        padding: 0;
    }

    .governance-principles li {
        padding: 10px 0;
        color: #666;
        border-bottom: 1px solid #eee;
    }

    .governance-principles li:last-child {
        border-bottom: none;
    }

    .documents-list {
        display: grid;
        gap: 10px;
    }

    .document-link {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 15px;
        background: #f8f9fa;
        border-radius: 8px;
        text-decoration: none;
        color: #333;
        transition: background 0.3s ease;
    }

    .document-link:hover {
        background: #e9ecef;
    }

    .doc-icon {
        font-size: 1.5rem;
    }

    .doc-name {
        font-weight: bold;
    }

    .management-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .management-card {
        background: #fff;
        border-radius: 15px;
        padding: 30px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .management-image {
        margin-bottom: 20px;
    }

    .management-placeholder {
        font-size: 4rem;
        display: block;
    }

    .management-position {
        color: #007bff;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .management-description {
        color: #666;
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .management-details p {
        margin-bottom: 5px;
        color: #666;
        font-size: 0.9rem;
    }

    .calendar-grid {
        display: grid;
        gap: 30px;
        margin-bottom: 60px;
    }

    .calendar-item {
        display: flex;
        gap: 20px;
        background: #fff;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .calendar-date {
        text-align: center;
        background: #007bff;
        color: white;
        padding: 20px;
        border-radius: 10px;
        min-width: 80px;
    }

    .month {
        display: block;
        font-size: 0.9rem;
        text-transform: uppercase;
    }

    .day {
        display: block;
        font-size: 2rem;
        font-weight: bold;
    }

    .calendar-content h3 {
        margin-bottom: 10px;
        color: #333;
    }

    .calendar-content p {
        color: #666;
        margin-bottom: 10px;
    }

    .calendar-time {
        color: #007bff;
        font-weight: bold;
    }

    .investor-form {
        display: grid;
        gap: 20px;
    }

    .investor-form .form-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .investor-form input,
    .investor-form select,
    .investor-form textarea {
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 1rem;
    }

    .investor-form textarea {
        grid-column: 1 / -1;
        min-height: 100px;
        resize: vertical;
    }

    /* Lost Found Page Styles */
    .lost-found-content {
        padding: 80px 0;
        background: #fff;
    }

    .report-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .lost-item-form {
        display: grid;
        gap: 20px;
    }

    .lost-item-form .form-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .lost-item-form input,
    .lost-item-form select,
    .lost-item-form textarea {
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 1rem;
    }

    .lost-item-form textarea {
        grid-column: 1 / -1;
        min-height: 100px;
        resize: vertical;
    }

    .search-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .search-form-element {
        display: grid;
        gap: 20px;
    }

    .search-form-element .form-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .search-form-element input,
    .search-form-element select {
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 1rem;
    }

    .found-items-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }

    .found-item-card {
        background: #fff;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
        display: flex;
        gap: 15px;
    }

    .item-image {
        flex-shrink: 0;
    }

    .item-placeholder {
        font-size: 2rem;
        display: block;
    }

    .item-details h4 {
        margin-bottom: 10px;
        color: #333;
    }

    .item-details p {
        margin-bottom: 5px;
        color: #666;
        font-size: 0.9rem;
    }

    .policy-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .policy-list {
        list-style: none;
        padding: 0;
    }

    .policy-list li {
        padding: 10px 0;
        color: #666;
        border-bottom: 1px solid #eee;
    }

    .policy-list li:last-child {
        border-bottom: none;
    }

    .emergency-contact {
        background: #fff3cd;
        padding: 20px;
        border-radius: 10px;
        margin-top: 20px;
    }

    .emergency-contact h4 {
        color: #856404;
        margin-bottom: 10px;
    }

    .emergency-contact p {
        color: #856404;
        margin-bottom: 5px;
    }

    .tips-list {
        display: grid;
        gap: 20px;
    }

    .tip-item {
        display: flex;
        gap: 15px;
        align-items: flex-start;
    }

    .tip-icon {
        font-size: 2rem;
        flex-shrink: 0;
    }

    .tip-content h4 {
        margin-bottom: 10px;
        color: #333;
    }

    .tip-content p {
        color: #666;
        margin: 0;
    }

    .stories-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .story-card {
        background: #fff;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .story-content p {
        font-style: italic;
        margin-bottom: 20px;
        color: #666;
        line-height: 1.6;
    }

    .story-author {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .author-name {
        font-weight: bold;
        color: #333;
    }

    .author-date {
        color: #666;
        font-size: 0.9rem;
    }

    /* Responsible Gaming Page Styles */
    .responsible-gaming-content {
        padding: 80px 0;
        background: #fff;
    }

    .principles-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .principle-card {
        text-align: center;
        padding: 30px;
        background: #f8f9fa;
        border-radius: 15px;
        transition: transform 0.3s ease;
    }

    .principle-card:hover {
        transform: translateY(-5px);
    }

    .principle-icon {
        font-size: 3rem;
        margin-bottom: 20px;
        display: block;
    }

    .warning-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .warning-list {
        list-style: none;
        padding: 0;
    }

    .warning-list li {
        padding: 10px 0;
        color: #666;
        border-bottom: 1px solid #eee;
    }

    .warning-list li:last-child {
        border-bottom: none;
    }

    .exclusion-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .exclusion-options {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
        margin-bottom: 30px;
    }

    .option-card {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .option-card h4 {
        margin-bottom: 15px;
        color: #333;
    }

    .option-card p {
        color: #666;
        margin-bottom: 20px;
        font-size: 0.9rem;
    }

    .resources-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .resource-card {
        text-align: center;
        padding: 30px;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .resource-icon {
        font-size: 3rem;
        margin-bottom: 20px;
        display: block;
    }

    .resource-card p {
        margin-bottom: 20px;
        color: #666;
    }

    .resource-card p strong {
        color: #333;
        font-size: 1.2rem;
    }

    .tools-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .tools-list {
        list-style: none;
        padding: 0;
    }

    .tools-list li {
        padding: 10px 0;
        color: #666;
        border-bottom: 1px solid #eee;
    }

    .tools-list li:last-child {
        border-bottom: none;
    }

    .family-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .family-list {
        list-style: none;
        padding: 0;
    }

    .family-list li {
        padding: 10px 0;
        color: #666;
        border-bottom: 1px solid #eee;
    }

    .family-list li:last-child {
        border-bottom: none;
    }

    .family-resources-list {
        display: grid;
        gap: 10px;
    }

    .resource-link {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 15px;
        background: #f8f9fa;
        border-radius: 8px;
        text-decoration: none;
        color: #333;
        transition: background 0.3s ease;
    }

    .resource-link:hover {
        background: #e9ecef;
    }

    .support-form {
        display: grid;
        gap: 20px;
    }

    .support-form .form-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .support-form input,
    .support-form select,
    .support-form textarea {
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 1rem;
    }

    .support-form textarea {
        grid-column: 1 / -1;
        min-height: 100px;
        resize: vertical;
    }

    .commitment-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .commitment-points {
        display: grid;
        gap: 15px;
    }

    .commitment-point {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .point-icon {
        color: #28a745;
        font-size: 1.5rem;
    }

    .point-text {
        color: #666;
    }

    /* Cookie Policy Page Styles */
    .cookie-policy-content {
        padding: 80px 0;
        background: #fff;
    }

    .types-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-bottom: 60px;
    }

    .type-card {
        background: #fff;
        border-radius: 15px;
        padding: 30px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        border: 2px solid transparent;
        transition: all 0.3s ease;
    }

    .type-card:hover {
        border-color: #007bff;
        transform: translateY(-5px);
    }

    .type-icon {
        font-size: 3rem;
        margin-bottom: 20px;
        display: block;
    }

    .type-examples {
        margin-top: 20px;
    }

    .type-examples ul {
        list-style: none;
        padding: 0;
        margin-top: 10px;
    }

    .type-examples li {
        padding: 5px 0;
        color: #666;
    }

    .details-table {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 60px;
    }

    .table-header {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        background: #007bff;
        color: white;
        padding: 15px;
        font-weight: bold;
    }

    .table-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 15px;
        border-bottom: 1px solid #eee;
    }

    .table-row:last-child {
        border-bottom: none;
    }

    .third-party-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .third-party-services {
        display: grid;
        gap: 20px;
    }

    .service-item {
        background: #f8f9fa;
        padding: 20px;
        border-radius: 10px;
    }

    .service-item h4 {
        margin-bottom: 10px;
        color: #333;
    }

    .service-item p {
        color: #666;
        margin: 0;
    }

    .service-item a {
        color: #007bff;
        text-decoration: none;
    }

    .service-item a:hover {
        text-decoration: underline;
    }

    .management-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .management-options {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
        margin-bottom: 30px;
    }

    .browser-instructions {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }

    .browser-item {
        text-align: center;
        padding: 20px;
        background: #f8f9fa;
        border-radius: 10px;
    }

    .browser-icon {
        font-size: 2rem;
        margin-bottom: 15px;
        display: block;
    }

    .browser-item h4 {
        margin-bottom: 10px;
        color: #333;
    }

    .browser-item p {
        color: #666;
        font-size: 0.9rem;
        margin: 0;
    }

    .consent-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .consent-types {
        display: grid;
        gap: 20px;
        margin-bottom: 30px;
    }

    .consent-type {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        background: #f8f9fa;
        border-radius: 10px;
    }

    .consent-type h4 {
        margin: 0;
        color: #333;
    }

    .consent-type p {
        margin: 5px 0 0 0;
        color: #666;
        font-size: 0.9rem;
    }

    .consent-status {
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 0.9rem;
        font-weight: bold;
    }

    .consent-status.active {
        background: #28a745;
        color: white;
    }

    .consent-toggle {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
    }

    .consent-toggle input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .toggle-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: 0.4s;
        border-radius: 34px;
    }

    .toggle-slider:before {
        position: absolute;
        content: '';
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

    input:checked + .toggle-slider {
        background-color: #007bff;
    }

    input:checked + .toggle-slider:before {
        transform: translateX(26px);
    }

    .consent-actions {
        display: flex;
        gap: 20px;
        justify-content: center;
    }

    .updates-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 60px;
    }

    .update-history {
        display: grid;
        gap: 15px;
    }

    .update-item {
        display: flex;
        gap: 20px;
        padding: 15px;
        background: #f8f9fa;
        border-radius: 10px;
    }

    .update-date {
        font-weight: bold;
        color: #007bff;
        min-width: 100px;
    }

    .update-description {
        color: #666;
    }

    .updates-notification ul {
        list-style: none;
        padding: 0;
    }

    .updates-notification li {
        padding: 10px 0;
        color: #666;
        border-bottom: 1px solid #eee;
    }

    .updates-notification li:last-child {
        border-bottom: none;
    }

    .cookie-form {
        display: grid;
        gap: 20px;
    }

    .cookie-form .form-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .cookie-form input,
    .cookie-form select,
    .cookie-form textarea {
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 1rem;
    }

    .cookie-form textarea {
        grid-column: 1 / -1;
        min-height: 100px;
        resize: vertical;
    }

    .cookie-policy-footer {
        background: #f8f9fa;
        padding: 30px;
        border-radius: 15px;
        text-align: center;
    }

    .footer-content p {
        margin-bottom: 10px;
        color: #666;
    }

    .footer-content a {
        color: #007bff;
        text-decoration: none;
    }

    .footer-content a:hover {
        text-decoration: underline;
    }

    /* Additional Responsive Styles for New Pages */
    @media (max-width: 768px) {
        .benefits-grid,
        .jobs-grid,
        .departments-grid,
        .principles-grid,
        .resources-grid,
        .types-grid {
            grid-template-columns: 1fr;
        }

        .report-content,
        .search-content,
        .policy-content,
        .warning-content,
        .exclusion-content,
        .tools-content,
        .family-content,
        .commitment-content,
        .third-party-content,
        .management-content,
        .consent-content,
        .updates-content,
        .governance-content,
        .stock-content,
        .dividend-content,
        .guidelines-content {
            grid-template-columns: 1fr;
        }

        .job-header,
        .release-header,
        .report-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }

        .calendar-item {
            flex-direction: column;
            text-align: center;
        }

        .found-item-card {
            flex-direction: column;
            text-align: center;
        }

        .consent-type {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }

        .consent-actions {
            flex-direction: column;
        }

        .table-header,
        .table-row {
            grid-template-columns: 1fr;
            gap: 10px;
        }

        .table-header span,
        .table-row span {
            padding: 5px 0;
        }
    }

    @media (max-width: 480px) {
        .container {
            padding: 0 15px;
        }

        .hero-title {
            font-size: 2rem;
        }

        .btn-large {
            padding: 12px 25px;
            font-size: 16px;
        }

        .expansion-banner h2,
        .poolside-concerts h2 {
            font-size: 2rem;
        }
    }

    .expansion-banner h2,
    .poolside-concerts h2 {
        font-size: 2rem;
    }
}

/* ===== СТИЛИ ДЛЯ СТРАНИЦ С PHP INCLUDES ===== */

/* Hero Small Section */
.hero-small {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 80px 0;
    text-align: center;
}

.hero-small h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-small p {
    font-size: 1.2rem;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Main Content */
.main-content {
    background: #fff;
}

/* Section Titles */
.section-title {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

/* Content Sections */
.content-section {
    padding: 80px 0;
}

.content-section:nth-child(even) {
    background: #f8f9fa;
}

/* Cards Grid */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

.card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease;
}

.card:hover {
    transform: translateY(-10px);
}

.card-header {
    padding: 30px 30px 20px;
    border-bottom: 1px solid #eee;
}

.card-header h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #333;
}

.card-header .card-meta {
    color: #666;
    font-size: 0.9rem;
}

.card-content {
    padding: 20px 30px 30px;
}

.card-content p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.card-features {
    list-style: none;
    margin-bottom: 25px;
}

.card-features li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.card-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.card-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 20px;
}

/* Info Cards */
.info-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

.info-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.info-card:hover {
    transform: translateY(-5px);
}

.info-icon {
    font-size: 3rem;
    margin-bottom: 20px;
    display: block;
}

.info-card h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #333;
}

.info-card p {
    color: #666;
    line-height: 1.6;
}

/* Forms */
.form-section {
    background: #fff;
    padding: 60px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 60px;
}

.form-section h3 {
    font-size: 1.8rem;
    margin-bottom: 30px;
    color: #333;
    text-align: center;
}

.form-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group.full {
    grid-template-columns: 1fr;
}

.form-section input,
.form-section select,
.form-section textarea {
    padding: 15px;
    border: 2px solid #eee;
    border-radius: 10px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.form-section input:focus,
.form-section select:focus,
.form-section textarea:focus {
    outline: none;
    border-color: #d4af37;
}

.form-section textarea {
    min-height: 120px;
    resize: vertical;
}

/* Tables */
.table-section {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 60px;
}

.table-header {
    background: #f8f9fa;
    padding: 20px;
    font-weight: bold;
    color: #333;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
}

.table-row {
    padding: 20px;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
    align-items: center;
}

.table-row:last-child {
    border-bottom: none;
}

.table-row span {
    color: #666;
}

/* Stats Grid */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

.stat-card {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-5px);
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 10px;
}

.stat-label {
    color: #666;
    font-size: 1rem;
}

/* Featured Cards */
.featured {
    border: 2px solid #d4af37;
    position: relative;
}

.featured::before {
    content: 'FEATURED';
    position: absolute;
    top: -10px;
    right: 20px;
    background: #d4af37;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: bold;
}

/* Tags */
.tags {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.tag {
    background: #e9ecef;
    color: #495057;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
}

/* Contact Info */
.contact-info {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.contact-info h4 {
    color: #333;
    margin-bottom: 15px;
}

.contact-info p {
    color: #666;
    margin-bottom: 10px;
}

.contact-info a {
    color: #d4af37;
    text-decoration: none;
}

.contact-info a:hover {
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero-small h1 {
        font-size: 2rem;
    }

    .hero-small p {
        font-size: 1rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .cards-grid,
    .info-cards,
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .form-group {
        grid-template-columns: 1fr;
    }

    .table-header,
    .table-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .form-section {
        padding: 30px;
    }
}

@media (max-width: 480px) {
    .hero-small {
        padding: 60px 0;
    }

    .hero-small h1 {
        font-size: 1.8rem;
    }

    .content-section {
        padding: 60px 0;
    }

    .card-header,
    .card-content {
        padding: 20px;
    }

    .form-section {
        padding: 20px;
    }
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ RESPONSIBLE-GAMING И COOKIE-POLICY ===== */

/* Responsible Gaming Page - Дополнительные стили */
.responsible-gaming-content {
    padding: 80px 0;
    background: #fff;
}

.responsible-gaming-overview {
    text-align: center;
    margin-bottom: 60px;
}

.responsible-gaming-overview h2 {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 20px;
}

.responsible-gaming-overview p {
    font-size: 1.2rem;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

.responsible-gaming-principles {
    margin-bottom: 60px;
}

.responsible-gaming-principles h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.warning-signs {
    margin-bottom: 60px;
}

.warning-signs h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.warning-text h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.warning-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.warning-image {
    text-align: center;
}

.warning-placeholder {
    font-size: 4rem;
    display: block;
}

.self-exclusion {
    margin-bottom: 60px;
}

.self-exclusion h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.exclusion-text h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.exclusion-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.exclusion-process {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 15px;
}

.exclusion-process h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 30px;
}

.process-steps {
    display: grid;
    gap: 20px;
}

.step-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

.step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #d4af37;
    color: white;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.step-item h4 {
    margin-bottom: 10px;
    color: #333;
}

.step-item p {
    color: #666;
    margin: 0;
}

.support-resources {
    margin-bottom: 60px;
}

.support-resources h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.responsible-gaming-tools {
    margin-bottom: 60px;
}

.responsible-gaming-tools h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.tools-text h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.tools-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.tools-image {
    text-align: center;
}

.tools-placeholder {
    font-size: 4rem;
    display: block;
}

.family-support {
    margin-bottom: 60px;
}

.family-support h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.family-text h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.family-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.family-resources h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.responsible-gaming-contact {
    margin-bottom: 60px;
}

.responsible-gaming-contact h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.contact-info h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.contact-info p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.contact-details p {
    margin-bottom: 10px;
    color: #666;
}

.contact-details a {
    color: #d4af37;
    text-decoration: none;
}

.contact-details a:hover {
    text-decoration: underline;
}

.contact-form h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.responsible-gaming-commitment {
    margin-bottom: 60px;
}

.responsible-gaming-commitment h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.commitment-text h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.commitment-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.commitment-image {
    text-align: center;
}

.commitment-placeholder {
    font-size: 4rem;
    display: block;
}

/* Cookie Policy Page - Дополнительные стили */
.cookie-policy-content {
    padding: 80px 0;
    background: #fff;
}

.cookie-policy-overview {
    text-align: center;
    margin-bottom: 60px;
}

.cookie-policy-overview h2 {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 20px;
}

.cookie-policy-overview p {
    font-size: 1.2rem;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

.cookie-types {
    margin-bottom: 60px;
}

.cookie-types h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.cookie-details {
    margin-bottom: 60px;
}

.cookie-details h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.third-party-content {
    margin-bottom: 60px;
}

.third-party-content h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.third-party-text h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.third-party-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.third-party-image {
    text-align: center;
}

.third-party-placeholder {
    font-size: 4rem;
    display: block;
}

.cookie-management {
    margin-bottom: 60px;
}

.cookie-management h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.management-text h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.management-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.management-browsers h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.cookie-consent {
    margin-bottom: 60px;
}

.cookie-consent h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.consent-text h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.consent-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.cookie-updates {
    margin-bottom: 60px;
}

.cookie-updates h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.updates-text h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.updates-text p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.updates-notification h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.updates-notification p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.cookie-contact {
    margin-bottom: 60px;
}

.cookie-contact h2 {
    text-align: center;
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 40px;
}

.cookie-contact .contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.cookie-contact .contact-info h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

.cookie-contact .contact-info p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.cookie-contact .contact-details p {
    margin-bottom: 10px;
    color: #666;
}

.cookie-contact .contact-details a {
    color: #d4af37;
    text-decoration: none;
}

.cookie-contact .contact-details a:hover {
    text-decoration: underline;
}

.cookie-contact .contact-form h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}

/* Responsive Design для дополнительных стилей */
@media (max-width: 768px) {
    .responsible-gaming-content,
    .cookie-policy-content {
        padding: 60px 0;
    }

    .responsible-gaming-overview h2,
    .cookie-policy-overview h2 {
        font-size: 2rem;
    }

    .responsible-gaming-principles h2,
    .warning-signs h2,
    .self-exclusion h2,
    .support-resources h2,
    .responsible-gaming-tools h2,
    .family-support h2,
    .responsible-gaming-contact h2,
    .responsible-gaming-commitment h2,
    .cookie-types h2,
    .cookie-details h2,
    .third-party-content h2,
    .cookie-management h2,
    .cookie-consent h2,
    .cookie-updates h2,
    .cookie-contact h2 {
        font-size: 1.8rem;
    }

    .contact-content,
    .cookie-contact .contact-content {
        grid-template-columns: 1fr;
    }

    .step-item {
        flex-direction: column;
        text-align: center;
    }

    .step-number {
        align-self: center;
    }
}