:root {
    --primary: #7C3AED;
    --primary-hover: #6D28D9;
    --background-main: #F5F3FF;
    --card-background: #FFFFFF;
    --text-main: #1F2937;
    --text-secondary: #4B5563;
    --accent-warning: #EF4444;
    --font-family: 'Inter', sans-serif;
    --radius: 12px;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
    background-color: var(--background-main);
    color: var(--text-main);
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    color: inherit;
    transition: color 300ms ease, background-color 300ms ease;
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all 300ms ease;
}

img {
    max-width: 100%;
    display: block;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 700;
    color: inherit;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
    h1 {
        font-size: clamp(1.75rem, 8vw, 2.25rem);
    }

    h2 {
        font-size: clamp(1.5rem, 6vw, 1.85rem);
    }

    h3 {
        font-size: clamp(1.25rem, 5vw, 1.5rem);
    }

    .break-mobile {
        word-break: break-all;
        overflow-wrap: break-word;
    }
}

.cookieConsentBanner {
    display: none;
}

.cookieConsentAgeOverlay {
    display: none;
}

/* ===== pre_header_info ===== */
#top-warning {
    background-color: var(--primary);
    width: 100%;
}

/* ===== header ===== */
#site-header {
    background-color: var(--card-background);
    width: 100%;
}

.js-mobile-menu-overlay {
    width: 100%;
    height: 100vh;
}

/* ===== hero_section ===== */
#hero {
    width: 100%;
}

#hero .container {
    width: 100%;
}

/* ===== about_content ===== */
.about-item p {
    font-size: 1.05rem;
}

/* ===== offers_grid ===== */
.js-offer-card:hover {
    transform: translateY(-8px);
    border-color: var(--primary);
}

.is-active {
    border-color: var(--primary) !important;
    shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* ===== user_reviews ===== */
#reviews {
    width: 100%
}

.js-review-card {
    will-change: opacity, transform;
    transition: all 0.3s ease-in-out
}

.js-review-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px -5px rgba(124, 58, 237, 0.1)
}

/* ===== faq_accordion ===== */
.rotate-180 {
    transform: rotate(180deg)
}

.js-faq-content {
    transition: all 0.3s ease-in-out
}

/* ===== gaming_strategies ===== */
#strategies {
    scroll-margin-top: 2rem;
}

.js-strategy-card:hover {
    transform: translateY(-8px);
}

/* ===== legal_disclaimer ===== */
#disclaimer-notice {
    scroll-margin-top: 2rem
}

#disclaimer-notice a {
    transition: all 0.3s ease
}

#disclaimer-notice a:hover {
    color: var(--primary-hover) !important
}

/* ===== footer ===== */
#footer {
    background-color: var(--card-background);
    width: 100%;
}

.footer-org-logo {
    max-width: 120px;
    height: auto;
}

#offers-showcase img{
    width: 100%;
    height: 250px !important;
    
}

#offers-showcase .aspect-square{
    aspect-ratio: auto;
}