/* CSS for jl-water page */:root {    --primary-color: #007bff; /* A blue for buttons/accents */    --primary-hover-color: #0056b3;    --secondary-color: #6c757d; /* A grey for secondary buttons/text */    --secondary-hover-color: #545b62;    --background-light: #f8f9fa; /* Light background */    --text-dark: #343a40; /* Dark text */    --text-light: #ffffff; /* Light text */    --section-padding: 60px 20px;    --card-bg: #ffffff;    --border-color: #e9ecef;}.page-jl-water {    font-family: 'Arial', sans-serif;    color: var(--text-dark);    line-height: 1.6;    background-color: var(--background-light);}.page-jl-water__section-title {    font-size: 2.5rem;    color: var(--primary-color);    text-align: center;    margin-bottom: 40px;    position: relative;    padding-bottom: 15px;}.page-jl-water__section-title::after {    content: '';    position: absolute;    left: 50%;    bottom: 0;    transform: translateX(-50%);    width: 80px;    height: 4px;    background-color: var(--primary-color);    border-radius: 2px;}/* Hero Section */.page-jl-water__hero-section {    position: relative;    width: 100%;    min-height: 500px;    display: flex;    align-items: center;    justify-content: center;    text-align: center;    color: var(--text-light);    overflow: hidden;    padding-top: 10px; /* Small padding to avoid double header offset */    padding-bottom: 60px;}.page-jl-water__hero-image {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    object-fit: cover;    z-index: 0;    filter: brightness(0.5); /* Darken image for text readability */}.page-jl-water__hero-content {    position: relative;    z-index: 1;    max-width: 900px;    padding: 20px;    background: rgba(0, 0, 0, 0.4); /* Semi-transparent background for text */    border-radius: 10px;}.page-jl-water__hero-title {    font-size: 3.5rem;    margin-bottom: 20px;    line-height: 1.2;    color: var(--text-light);}.page-jl-water__hero-description {    font-size: 1.3rem;    margin-bottom: 30px;    color: var(--text-light);}.page-jl-water__hero-cta-group {    display: flex;    gap: 20px;    justify-content: center;    flex-wrap: wrap;}.page-jl-water__hero-cta-button {    display: inline-block;    padding: 15px 30px;    background-color: var(--primary-color);    color: var(--text-light);    text-decoration: none;    border-radius: 5px;    font-size: 1.1rem;    font-weight: bold;    transition: background-color 0.3s ease, transform 0.2s ease;    border: none;    cursor: pointer;}.page-jl-water__hero-cta-button:hover {    background-color: var(--primary-hover-color);    transform: translateY(-2px);}.page-jl-water__hero-cta-button--secondary {    background-color: var(--secondary-color);}.page-jl-water__hero-cta-button--secondary:hover {    background-color: var(--secondary-hover-color);}/* Partner Logos Section */.page-jl-water__partner-logos-section {    padding: var(--section-padding);    background-color: var(--card-bg);    border-bottom: 1px solid var(--border-color);}.page-jl-water__payment-providers {    display: flex;    flex-wrap: wrap;    justify-content: center;    align-items: center;    gap: 30px;    width: 100%;    max-width: 100%;    box-sizing: border-box;}.page-jl-water__payment-logo {    flex: 0 0 auto;    width: 80px;    height: 80px;    max-width: 80px;    max-height: 80px;    box-sizing: border-box;}.page-jl-water__payment-logo img {    display: block;    width: 80px !important;    height: 80px !important;    max-width: 80px !important;    max-height: 80px !important;    object-fit: contain;}/* Introduction Section */.page-jl-water__intro-section {    padding: var(--section-padding);    background-color: var(--background-light);    text-align: center;}.page-jl-water__intro-text {    max-width: 800px;    margin: 0 auto 50px auto;    font-size: 1.1rem;    color: var(--text-dark);}.page-jl-water__intro-features {    display: flex;    justify-content: center;    gap: 30px;    flex-wrap: wrap;    margin-top: 40px;}.page-jl-water__intro-feature-item {    background-color: var(--card-bg);    padding: 30px;    border-radius: 10px;    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);    width: 100%;    max-width: 300px;    box-sizing: border-box;    text-align: center;    transition: transform 0.3s ease;}.page-jl-water__intro-feature-item:hover {    transform: translateY(-5px);}.page-jl-water__intro-feature-icon {    width: 80px;    height: 80px;    object-fit: contain;    margin-bottom: 20px;    max-width: 100%; /* Ensure responsiveness */    height: auto; /* Ensure responsiveness */}.page-jl-water__intro-feature-title {    font-size: 1.5rem;    color: var(--primary-color);    margin-bottom: 10px;}.page-jl-water__intro-feature-description {    font-size: 1rem;    color: var(--secondary-color);}/* Quick Access Section */.page-jl-water__quick-access-section {    padding: var(--section-padding);    background-color: #e9f5ff; /* Light blue background */    text-align: center;    display: flex;    flex-direction: column;    align-items: center;}.page-jl-water__quick-access-description {    max-width: 800px;    margin: 0 auto 40px auto;    font-size: 1.1rem;    color: var(--text-dark);}.page-jl-water__quick-access-links {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 15px;    margin-bottom: 40px;}.page-jl-water__quick-access-button {    display: inline-block;    padding: 12px 25px;    background-color: var(--primary-color);    color: var(--text-light);    text-decoration: none;    border-radius: 5px;    font-size: 1rem;    font-weight: bold;    transition: background-color 0.3s ease, transform 0.2s ease;    border: none;    cursor: pointer;}.page-jl-water__quick-access-button:hover {    background-color: var(--primary-hover-color);    transform: translateY(-2px);}.page-jl-water__quick-access-image {    max-width: 600px;    width: 100%;    height: auto;    border-radius: 10px;    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);}/* Core Games Section */.page-jl-water__games-section {    padding: var(--section-padding);    background-color: var(--card-bg);}.page-jl-water__games-intro {    max-width: 800px;    margin: 0 auto 50px auto;    text-align: center;    font-size: 1.1rem;    color: var(--text-dark);}.page-jl-water__game-categories {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));    gap: 30px;    max-width: 1200px;    margin: 0 auto;}.page-jl-water__game-card {    background-color: var(--background-light);    border-radius: 10px;    overflow: hidden;    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);    text-align: center;    transition: transform 0.3s ease, box-shadow 0.3s ease;}.page-jl-water__game-card:hover {    transform: translateY(-5px);    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);}.page-jl-water__game-card-image {    width: 100%;    height: 200px;    object-fit: cover;    max-width: 100%;}.page-jl-water__game-card-title {    font-size: 1.6rem;    color: var(--primary-color);    margin: 20px 15px 10px 15px;}.page-jl-water__game-card-description {    font-size: 0.95rem;    color: var(--secondary-color);    padding: 0 15px;    margin-bottom: 20px;}.page-jl-water__game-card-button {    display: inline-block;    padding: 10px 20px;    background-color: var(--primary-color);    color: var(--text-light);    text-decoration: none;    border-radius: 5px;    font-size: 0.9rem;    font-weight: bold;    margin-bottom: 20px;    transition: background-color 0.3s ease;}.page-jl-water__game-card-button:hover {    background-color: var(--primary-hover-color);}/* Promotional Activities Section */.page-jl-water__promotions-section {    padding: var(--section-padding);    background-color: var(--background-light);}.page-jl-water__promotions-intro {    max-width: 800px;    margin: 0 auto 50px auto;    text-align: center;    font-size: 1.1rem;    color: var(--text-dark);}.page-jl-water__promotion-cards {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));    gap: 30px;    max-width: 1200px;    margin: 0 auto;}.page-jl-water__promotion-card {    background-color: var(--card-bg);    border-radius: 10px;    overflow: hidden;    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);    text-align: center;    transition: transform 0.3s ease, box-shadow 0.3s ease;}.page-jl-water__promotion-card:hover {    transform: translateY(-5px);    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);}.page-jl-water__promotion-card-image {    width: 100%;    height: 220px;    object-fit: cover;    max-width: 100%;}.page-jl-water__promotion-card-title {    font-size: 1.6rem;    color: var(--primary-color);    margin: 20px 15px 10px 15px;}.page-jl-water__promotion-card-description {    font-size: 0.95rem;    color: var(--secondary-color);    padding: 0 15px;    margin-bottom: 20px;}.page-jl-water__promotion-card-button {    display: inline-block;    padding: 10px 20px;    background-color: var(--primary-color);    color: var(--text-light);    text-decoration: none;    border-radius: 5px;    font-size: 0.9rem;    font-weight: bold;    margin-bottom: 20px;    transition: background-color 0.3s ease;}.page-jl-water__promotion-card-button:hover {    background-color: var(--primary-hover-color);}/* Security & Customer Service Section */.page-jl-water__security-support-section {    padding: var(--section-padding);    background-color: #f0f8ff; /* Very light blue */    text-align: center;}.page-jl-water__security-content {    display: flex;    flex-direction: column;    align-items: center;    gap: 40px;    max-width: 1000px;    margin: 0 auto;}.page-jl-water__security-text {    font-size: 1.1rem;    color: var(--text-dark);    text-align: left;}.page-jl-water__security-text p {    margin-bottom: 15px;}.page-jl-water__security-image {    max-width: 100%;    width: 600px;    height: auto;    border-radius: 10px;    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);}.page-jl-water__support-button {    display: inline-block;    padding: 12px 25px;    background-color: var(--primary-color);    color: var(--text-light);    text-decoration: none;    border-radius: 5px;    font-size: 1rem;    font-weight: bold;    transition: background-color 0.3s ease, transform 0.2s ease;    border: none;    cursor: pointer;    margin-top: 20px;}.page-jl-water__support-button:hover {    background-color: var(--primary-hover-color);    transform: translateY(-2px);}/* FAQ Section */.page-jl-water__faq-section {    padding: var(--section-padding);    background-color: var(--card-bg);}.page-jl-water__faq-container {    max-width: 900px;    margin: 0 auto;}.page-jl-water__faq-item {    border: 1px solid var(--border-color);    border-radius: 8px;    margin-bottom: 15px;    overflow: hidden;    transition: all 0.3s ease;}.page-jl-water__faq-question {    display: flex;    justify-content: space-between;    align-items: center;    padding: 20px 25px;    background-color: #f0f0f0;    cursor: pointer;    user-select: none;    transition: background-color 0.3s ease;}.page-jl-water__faq-question:hover {    background-color: #e0e0e0;}.page-jl-water__faq-question-text {    font-size: 1.2rem;    color: var(--text-dark);    margin: 0;    pointer-events: none; /* Prevent text from blocking click */}.page-jl-water__faq-toggle {    font-size: 1.8rem;    font-weight: bold;    color: var(--primary-color);    transition: transform 0.3s ease;    pointer-events: none; /* Prevent icon from blocking click */}.page-jl-water__faq-answer {    max-height: 0;    overflow: hidden;    padding: 0 25px;    opacity: 0;    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;    background-color: var(--card-bg);    color: var(--secondary-color);    font-size: 1rem;}.page-jl-water__faq-answer p {    margin: 0;    padding-bottom: 20px; /* Only apply padding to bottom for content */}.page-jl-water__faq-item.active .page-jl-water__faq-answer {    max-height: 2000px !important; /* Large enough to contain content */    padding: 20px 25px !important;    opacity: 1;}.page-jl-water__faq-item.active .page-jl-water__faq-toggle {    transform: rotate(45deg); /* Change + to X or - */}.page-jl-water__blog-section {    padding: var(--section-padding);    background-color: var(--background-light);}.page-jl-water__blog-articles {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));    gap: 30px;    max-width: 1200px;    margin: 0 auto;}.page-jl-water__blog-card {    background-color: var(--card-bg);    border-radius: 10px;    overflow: hidden;    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);    transition: transform 0.3s ease, box-shadow 0.3s ease;}.page-jl-water__blog-card:hover {    transform: translateY(-5px);    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);}.page-jl-water__blog-card-image {    width: 100%;    height: 200px;    object-fit: cover;    max-width: 100%;}.page-jl-water__blog-card-content {    padding: 20px;}.page-jl-water__blog-card-title {    font-size: 1.4rem;    margin-bottom: 10px;    line-height: 1.3;}.page-jl-water__blog-card-title a {    color: var(--primary-color);    text-decoration: none;    transition: color 0.3s ease;}.page-jl-water__blog-card-title a:hover {    color: var(--primary-hover-color);    text-decoration: underline;}.page-jl-water__blog-card-excerpt {    font-size: 0.95rem;    color: var(--secondary-color);}/* Responsive Design */@media (max-width: 1024px) {    .page-jl-water__hero-title {        font-size: 3rem;    }    .page-jl-water__hero-description {        font-size: 1.1rem;    }    .page-jl-water__section-title {        font-size: 2rem;    }    .page-jl-water__game-categories,    .page-jl-water__promotion-cards,    .page-jl-water__blog-articles {        gap: 20px;    }}@media (max-width: 768px) {    .page-jl-water__hero-section {        min-height: 400px;        padding-bottom: 40px;    }    .page-jl-water__hero-title {        font-size: 2.2rem;    }    .page-jl-water__hero-description {        font-size: 1rem;    }    .page-jl-water__hero-cta-group {        flex-direction: column;        gap: 10px;    }    .page-jl-water__hero-cta-button {        width: 100%;        max-width: 300px;        margin: 0 auto;    }    .page-jl-water__section-title {        font-size: 1.8rem;        margin-bottom: 30px;    }    /* Partner Logos Section Mobile */    .page-jl-water__payment-providers {        flex-direction: row;        flex-wrap: wrap;        justify-content: center;        gap: 16px;    }    .page-jl-water__payment-logo,    .page-jl-water__payment-logo img {        width: 80px !important;        height: 80px !important;        max-width: 80px !important;        max-height: 80px !important;    }    /* Intro Section Mobile */    .page-jl-water__intro-features {        flex-direction: column;        align-items: center;        gap: 20px;    }    .page-jl-water__intro-feature-item {        max-width: 90%;    }    /* Quick Access Section Mobile */    .page-jl-water__quick-access-links {        flex-direction: column;        gap: 10px;        width: 100%;        padding: 0 15px;        box-sizing: border-box;    }    .page-jl-water__quick-access-button {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        margin-left: 0 !important;        margin-right: 0 !important;    }    .page-jl-water__quick-access-image {        max-width: 90%;    }    /* Games Section Mobile */    .page-jl-water__game-categories {        grid-template-columns: 1fr;        padding: 0 15px;        box-sizing: border-box;    }    .page-jl-water__game-card {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        margin-left: 0 !important;        margin-right: 0 !important;    }    /* Promotions Section Mobile */    .page-jl-water__promotion-cards {        grid-template-columns: 1fr;        padding: 0 15px;        box-sizing: border-box;    }    .page-jl-water__promotion-card {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        margin-left: 0 !important;        margin-right: 0 !important;    }    /* Security Section Mobile */    .page-jl-water__security-content {        flex-direction: column;    }    .page-jl-water__security-text {        text-align: center;        padding: 0 15px;        box-sizing: border-box;    }    .page-jl-water__security-image {        max-width: 90%;    }    /* FAQ Section Mobile */    .page-jl-water__faq-question {        padding: 15px 20px;    }    .page-jl-water__faq-question-text {        font-size: 1.1rem;    }    .page-jl-water__faq-answer {        padding: 0 20px;    }    .page-jl-water__faq-item.active .page-jl-water__faq-answer {        padding: 15px 20px !important;    }    .page-jl-water__faq-item {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        margin-left: 0 !important;        margin-right: 0 !important;    }    /* Blog Section Mobile */    .page-jl-water__blog-articles {        grid-template-columns: 1fr;        padding: 0 15px;        box-sizing: border-box;    }    .page-jl-water__blog-card {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        margin-left: 0 !important;        margin-right: 0 !important;    }    .page-jl-water__blog-card-title {        font-size: 1.2rem;    }    .page-jl-water__blog-card-excerpt {        font-size: 0.9rem;    }}@media (max-width: 480px) {    .page-jl-water__hero-title {        font-size: 1.8rem;    }    .page-jl-water__hero-description {        font-size: 0.9rem;    }    .page-jl-water__section-title {        font-size: 1.5rem;    }    .page-jl-water__hero-cta-button {        padding: 12px 20px;        font-size: 1rem;    }    .page-jl-water__intro-feature-title {        font-size: 1.3rem;    }    .page-jl-water__game-card-title,    .page-jl-water__promotion-card-title {        font-size: 1.4rem;    }    .page-jl-water__faq-question-text {        font-size: 1rem;    }}