/* =========================================================
   N1 Casino — landing page styles
   Edit palette tokens below to retheme the whole page.
   ========================================================= */

:root{
  --bg:        #0d131e;
  --bg-2:      #111a28;
  --surface:   #182236;
  --surface-2: #1f2c44;
  --line:      #2a3a55;
  --gold:      #f0c350;
  --red:       #e23b4e;
  --blue:      #4a9fe0;
  --text:      #eef3fb;
  --muted:     #93a6c2;
  --white:     #ffffff;
  --radius:    18px;
  --radius-sm: 12px;
  --maxw:      1140px;
  --shadow:    0 24px 60px -24px rgba(0,0,0,.75);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:"Hanken Grotesk",system-ui,sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

h1,h2,h3,h4{font-family:"Sora",sans-serif;line-height:1.12;letter-spacing:-.01em}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:"Sora",sans-serif;font-weight:600;font-size:15px;
  padding:13px 26px;border-radius:10px;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:nowrap;border:none;
}
.btn-lg{padding:16px 34px;font-size:16px}
.btn-block{display:flex;width:100%}
.btn-primary{
  background:linear-gradient(135deg,var(--red),#ff5e6e);
  color:var(--white);
  box-shadow:0 12px 30px -10px rgba(226,59,78,.7);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px -10px rgba(226,59,78,.85)}
.btn-ghost{
  background:transparent;color:var(--text);
  border:1.5px solid var(--line);
}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(13,19,30,.85);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;gap:28px;height:72px}
.brand img{height:44px;width:auto}
.nav{display:flex;gap:24px;margin-left:auto;font-weight:600;font-size:15px}
.nav a{color:var(--muted);transition:color .15s}
.nav a:hover{color:var(--text)}
.header-cta{margin-left:8px}

/* ---------- Hero ---------- */
.hero{position:relative;padding:78px 0 70px;overflow:hidden}
.hero-glow{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(60% 80% at 16% 6%, rgba(226,59,78,.26), transparent 60%),
    radial-gradient(55% 75% at 92% 28%, rgba(74,159,224,.20), transparent 60%),
    radial-gradient(55% 65% at 60% 100%, rgba(240,195,80,.18), transparent 60%);
  filter:blur(8px);
}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:center}
.eyebrow{
  display:inline-block;font-family:"Sora",sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold);
  border:1px solid var(--line);border-radius:999px;padding:7px 14px;margin-bottom:20px;
}
.hero h1{font-size:clamp(40px,6vw,68px);font-weight:800;
  background:linear-gradient(120deg,var(--white) 30%,var(--gold));
  -webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px}
.hero-sub{font-size:clamp(17px,2.2vw,21px);color:var(--muted);max-width:34ch;margin-bottom:30px}
.hero-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.rating{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px}
.stars{color:var(--gold);font-size:20px;letter-spacing:2px}
.stars .half{opacity:.35}
.rating-num{font-family:"Sora",sans-serif;font-weight:700}
.rating-label{color:var(--muted)}

.hero-card{
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--line);border-radius:var(--radius);
  padding:30px;box-shadow:var(--shadow);position:relative;
}
.hero-card::before{
  content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;
  background:linear-gradient(135deg,var(--red),transparent 40%,var(--gold));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.hero-card-top{font-family:"Sora",sans-serif;font-weight:600;color:var(--muted);
  text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.hero-card-amount{font-family:"Sora",sans-serif;font-weight:800;font-size:38px;color:var(--gold);margin-top:6px;line-height:1}
.hero-card-plus{font-family:"Sora",sans-serif;font-weight:600;font-size:18px;color:var(--red);margin-top:6px}
.hero-card-list{list-style:none;margin:18px 0 22px;display:grid;gap:9px}
.hero-card-list li{padding-left:26px;position:relative;color:var(--muted);font-size:15px}
.hero-card-list li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}
.hero-card-tnc{text-align:center;color:var(--muted);font-size:12px;margin-top:12px}

/* ---------- Quick facts ---------- */
.facts{border-block:1px solid var(--line);background:var(--bg-2)}
.facts-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.fact{padding:22px 18px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--line)}
.fact:first-child{border-left:none}
.fact-k{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.fact-v{font-family:"Sora",sans-serif;font-weight:600;font-size:16px}

/* ---------- Generic section ---------- */
.section{padding:72px 0}
.section-alt{background:var(--bg-2)}
.kicker{display:inline-block;font-family:"Sora",sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.section-title{font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:14px}
.section-lead{color:var(--muted);max-width:62ch;margin-bottom:34px;font-size:18px}

/* ---------- Bonus ---------- */
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.bonus-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 26px;display:flex;flex-direction:column;gap:8px;text-align:center;
  transition:transform .18s ease,border-color .18s ease;
}
.bonus-card:hover{transform:translateY(-4px)}
.bonus-card.featured{
  border-color:var(--gold);
  background:linear-gradient(180deg,rgba(240,195,80,.12),var(--surface));
}
.bonus-step{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.bonus-headline{font-family:"Sora",sans-serif;font-weight:700;font-size:24px;color:var(--gold)}
.bonus-extra{color:var(--blue);font-weight:600}
.bonus-note{margin-top:26px;color:var(--muted);font-size:15px;max-width:72ch}
.bonus-note a{color:var(--red);text-decoration:underline}

/* ---------- Games grid ---------- */
.slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.slot{
  position:relative;border-radius:var(--radius-sm);overflow:hidden;
  border:1px solid var(--line);background:var(--surface);
  transition:transform .18s ease,box-shadow .18s ease;
}
.slot img{width:100%;height:auto;aspect-ratio:360/260;object-fit:cover}
.slot:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow)}
.slot-name{
  position:absolute;left:0;right:0;bottom:0;
  padding:24px 14px 12px;font-weight:700;font-size:15px;
  background:linear-gradient(transparent,rgba(5,9,16,.92));
}

/* ---------- Slider (CSS-only scroll-snap) ---------- */
.slider{
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:8px 22px 18px;margin-top:8px;
  scrollbar-width:thin;scrollbar-color:var(--red) transparent;
}
.slider::-webkit-scrollbar{height:8px}
.slider::-webkit-scrollbar-thumb{background:var(--red);border-radius:999px}
.slide{flex:0 0 min(88%,1040px);scroll-snap-align:center;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.slide img{width:100%;height:auto;aspect-ratio:1280/420;object-fit:cover}

/* ---------- Article ---------- */
.article{max-width:820px}
.byline{color:var(--gold);font-weight:600;margin-bottom:26px}
.article .lead{font-size:20px;color:var(--text);margin-bottom:28px}
.article h3{font-size:25px;font-weight:700;margin:38px 0 12px;color:var(--white)}
.article p{margin-bottom:16px;color:#dde6f3}
.article strong{color:var(--white)}
.steps,.checks{margin:0 0 18px;padding-left:0;list-style:none;display:grid;gap:11px}
.steps li,.checks li{position:relative;padding-left:34px;color:#dde6f3}
.steps{counter-reset:s}
.steps li{counter-increment:s}
.steps li::before{
  content:counter(s);position:absolute;left:0;top:1px;
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:var(--red);color:var(--white);font-family:"Sora",sans-serif;font-size:12px;font-weight:700;
}
.checks li::before{content:"◆";position:absolute;left:6px;color:var(--gold)}

/* ---------- Pros / cons ---------- */
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.pros,.cons{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.pros{border-top:3px solid var(--blue)}
.cons{border-top:3px solid var(--gold)}
.proscons h4{font-size:18px;margin-bottom:14px}
.proscons ul{list-style:none;display:grid;gap:10px}
.proscons li{position:relative;padding-left:26px;color:#dde6f3;font-size:15px}
.pros li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}
.cons li::before{content:"!";position:absolute;left:2px;color:var(--gold);font-weight:700}
.p0cd3484-games__heading {
                color: var(--Text-100);
                display: flex;
                align-items: center;
                gap: 12px;
                font-size: 32px;
                line-height: 40px;
                font-weight: 700
            }

            @media(min-width: 768px) {
                .p0cd3484-games__heading {
                    font-size:40px;
                    line-height: 48px;
                    max-width: unset
                }
            }

            .p0cd3484-games__heading>* {
                margin: 0 !important
            }

            .p0cd3484-games__heading img {
                width: 24px;
                height: 24px;
                display: block;
                object-fit: contain;
                object-position: center
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__heading img {
                    width:32px;
                    height: 32px
                }
            }

            .p0cd3484-games__heading-icon-wrapper {
                display: inline-block
            }

            .p0cd3484-games__heading-icon {
                display: flex;
                width: 24px;
                height: 24px;
                background: var(--Primary-100);
                vertical-align: middle
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__heading-icon {
                    width:32px;
                    height: 32px
                }
            }

            .p0cd3484-games__heading span {
                max-width: 100%;
                word-break: break-all
            }

            .p0cd3484-games__top {
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                margin-bottom: 16px;
                gap: 8px
            }

            .p0cd3484-games__top .p0cd3484-btn {
                word-break: break-all;
                min-width: 80px;
                max-width: 35%
            }

            @media(min-width: 768px) {
                .p0cd3484-games__top .p0cd3484-btn {
                    max-width:unset
                }
            }

            .p0cd3484-games__top .p0cd3484-btn--show-all {
                flex-shrink: 0
            }

            .p0cd3484-games__top .p0cd3484-btn-open svg {
                display: none
            }

            .p0cd3484-games__list {
                display: grid;
                margin-bottom: 16px;
                transition: max-height .3s ease-in-out;
                gap: 16px;
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            @media(min-width: 768px) {
                .p0cd3484-games__list {
                    grid-template-columns:repeat(5, minmax(0, 1fr))
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__list {
                    margin:0;
                    grid-template-columns: repeat(9, minmax(0, 1fr))
                }
            }

            .p0cd3484-games__list[data-games-type="Live Shows"] {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            @media(min-width: 768px) {
                .p0cd3484-games__list[data-games-type="Live Shows"] {
                    grid-template-columns:repeat(6, minmax(0, 1fr))
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__list[data-games-type="Live Shows"] {
                    grid-template-columns:repeat(9, minmax(0, 1fr))
                }
            }

            .p0cd3484-games__list.expanded+.p0cd3484-btn--show-all svg {
                transform: rotate(180deg)
            }

            .p0cd3484-games__group {
                display: grid;
                align-items: flex-start;
                column-gap: 16px;
                grid-template-columns: repeat(3, 1fr)
            }

            @media(min-width: 768px) {
                .p0cd3484-games__group {
                    grid-template-columns:repeat(2, 1fr)
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__group {
                    max-width:270px
                }
            }

            .p0cd3484-games__group .p0cd3484-games__list-item-top button {
                max-width: 60px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__group .p0cd3484-games__list-item-top button {
                    max-width:83px
                }
            }

            .p0cd3484-games__list-item {
                display: flex;
                flex-direction: column;
                max-height: 300px;
                transition: .3s;
                overflow-wrap: break-word
            }

            .p0cd3484-games__list-item--hidden {
                display: none;
                opacity: 0
            }

            .p0cd3484-games__list-item-logo {
                aspect-ratio: 1/1;
                position: relative;
                cursor: pointer;
                overflow: hidden;
                border-radius: var(--S)
            }

            .p0cd3484-games__list-item-logo img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center
            }

            .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-logo {
                height: 104px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-logo {
                    height:131px
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-logo {
                    height:121px
                }
            }

            .p0cd3484-games__list-item-top {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                color: var(--Text-400);
                margin-top: 4px;
                margin-bottom: 4px;
                position: relative
            }

            .p0cd3484-games__list-item-name {
                position: relative;
                overflow-wrap: break-word;
                font-size: 14px;
                font-weight: 700;
                line-height: 20px;
                max-width: 100%;
                max-height: 100px;
                cursor: pointer;
                text-align: left;
                color: var(--Text-100);
                background: rgba(0,0,0,0);
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden
            }

            .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-name {
                max-height: 104px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-name {
                    max-height:131px
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-name {
                    max-height:122px
                }
            }

            .p0cd3484-games__list-item--hover {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--neutral-30060);
                backdrop-filter: blur(8px);
                border-radius: var(--S);
                overflow: hidden;
                align-content: center;
                justify-content: center;
                flex-wrap: wrap
            }

            .p0cd3484-games__list-item--hover svg {
                border-radius: var(--S);
                width: 40px;
                height: 40px;
                padding: 10px;
                background: var(--Primary-200);
                color: var(--Text-00)
            }

            .p0cd3484-games__list-item:hover .p0cd3484-games__list-item--hover {
                display: flex
            }

            .p0cd3484-games__list-item-providers {
                font-size: 12px;
                line-height: 16px;
                color: var(--Text-400)
            }

            .p0cd3484-games__list-item-info {
                display: flex
            }

            .p0cd3484-games__list-item-info:hover .p0cd3484-games__tooltip,.p0cd3484-games__list-item-info .active .p0cd3484-games__tooltip {
                display: flex
            }

            .p0cd3484-games__list-item-info svg {
                flex-shrink: 0
            }

            .p0cd3484-games__tooltip {
                display: none;
                padding: 10px;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 8px;
                border-radius: var(--M);
                border: 1px solid var(--Neutral-200);
                background: var(--Neutral-300);
                position: absolute;
                z-index: 2;
                top: 34px;
                right: -20px;
                width: 130px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__tooltip {
                    width:174px;
                    right: -28px;
                    padding: 12px
                }
            }

            .p0cd3484-games__tooltip:hover {
                display: flex
            }

            .p0cd3484-games__tooltip svg {
                color: var(--Neutral-300);
                position: absolute;
                right: 19px;
                top: -11px
            }

            .p0cd3484-games__tooltip-row {
                display: flex;
                justify-content: space-between;
                gap: 4px;
                color: var(--Text-100);
                line-height: 16px;
                width: 100%;
                font-size: 10px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__tooltip-row {
                    font-size:12px
                }
            }

            .p0cd3484-games__tooltip-value,.p0cd3484-games__tooltip-label {
                width: 50%;
                flex-shrink: 0
            }

            .p0cd3484-games__tooltip-value {
                font-weight: 700
            }
			.p0cd3484-btn {
                font-size: 14px;
                font-weight: 700;
                font-style: normal;
                line-height: 20px;
                padding: 9px 15px;
                color: var(--Text-00);
                border-radius: var(--S);
                transition: .3s;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                cursor: pointer;
                text-align: center
            }

            .p0cd3484-btn--primary {
                border: 1px solid var(--Primary-200);
                background: var(--Primary-200)
            }

            .p0cd3484-btn--primary:hover {
                background: var(--Primary-400)
            }

            .p0cd3484-btn--outline {
                border: 1px solid var(--Primary-200);
                background: var(--neutral-30060);
                color: var(--Text-100)
            }

            .p0cd3484-btn--outline:hover {
                background: var(--Primary-200)
            }

            .p0cd3484-btn--fz-12 {
                font-size: 12px;
                line-height: 18px
            }

            .p0cd3484-btn--fz-18 {
                font-size: 18px;
                line-height: 26px
            }

            .p0cd3484-btn--w-full {
                width: 100%
            }

            .p0cd3484-btn--p-xs {
                padding: 6px 11px
            }

            .p0cd3484-btn--p-sm {
                padding: 10px 16px
            }

            .p0cd3484-btn--p-md {
                padding: 14px 24px
            }

            .p0cd3484-btn--shadow {
                box-shadow: 0 1px 33px 0 rgba(var(--Primary-200-rgb), 0.2),0 1px 22px 0 rgba(var(--Primary-200-rgb), 0.3)
            }

            .p0cd3484-btn--hidden {
                display: none
            }

            .p0cd3484-carousel {
                position: relative;
                width: 100%;
                margin: 0 auto;
                user-select: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none
            }

            .p0cd3484-carousel__viewport {
                overflow: hidden;
                width: 100%;
                margin-top: 20px
            }

            .p0cd3484-carousel__track {
                display: flex;
                scroll-snap-type: x mandatory;
                overflow-x: auto;
                scroll-behavior: smooth;
                cursor: grab;
                padding-bottom: 20px;
                scrollbar-width: none;
                -ms-overflow-style: none
            }

            .p0cd3484-carousel__track--scroll {
                cursor: grab
            }

            .p0cd3484-carousel__track::-webkit-scrollbar {
                display: none
            }

            .p0cd3484-carousel__slide {
                display: flex;
                justify-content: center;
                align-items: center;
                box-sizing: border-box;
                scroll-snap-align: start
            }

            .p0cd3484-carousel__logo {
                display: block;
                width: 100%;
                object-fit: contain;
                height: 40px;
                pointer-events: none
            }

            .p0cd3484-carousel__name {
                text-align: center;
                font-size: 14px;
                padding: 10px 0
            }

            .p0cd3484-carousel__dots {
                text-align: center;
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                justify-content: center;
                visibility: hidden
            }

            .p0cd3484-carousel__dots--show {
                visibility: visible
            }

            .p0cd3484-carousel__dot {
                display: inline-block;
                width: 8px;
                height: 8px;
                background-color: var(--Text-400);
                border-radius: 8px;
                cursor: pointer;
                transition: .3s ease
            }

            .p0cd3484-carousel__dot--active {
                background-color: var(--Primary-200);
                width: 16px
            }

            .p0cd3484-chatbot-signin__card,.p0cd3484-chatbot-welcome__card {
                border-radius: var(--M);
                border: 1px solid var(--Neutral-200);
                background: var(--Neutral-300);
                box-shadow: 0 0 12px 0 rgba(191,191,191,.1);
                padding: 16px 14px
            }

            .p0cd3484-chatbot-message.p0cd3484-chatbot-message--bot::before,.p0cd3484-chatbot-welcome__card::before,.p0cd3484-chatbot-window__header-user::before {
                display: block;
                aspect-ratio: 1/1;
                background: no-repeat center/contain rgba(0,0,0,0) url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31' height='31' rx='15.5' fill='%23FFF4D0'/%3E%3Cpath d='M15.5429 14.5684C15.5602 14.5684 15.5776 14.5695 15.5949 14.5697C17.7925 14.5431 19.5717 12.8862 19.5717 10.8511C19.5717 8.79915 17.764 7.13 15.5417 7.13C13.3194 7.13 11.5117 8.79915 11.5117 10.8511C11.5117 12.8865 13.2915 14.5437 15.4894 14.57C15.5073 14.57 15.525 14.5686 15.5432 14.5686L15.5429 14.5684Z' fill='%23FFC421'/%3E%3Cpath d='M15.5972 15.1903C15.5801 15.1903 15.5632 15.193 15.5461 15.193C15.5289 15.193 15.5126 15.1906 15.4955 15.1903C11.3348 15.22 7.94056 18.7962 7.79297 23.25H23.293C23.1454 18.7956 19.7542 15.2191 15.5972 15.1903Z' fill='%23FFC421'/%3E%3Ccircle cx='5.5' cy='5.5' r='3' fill='%23179163' stroke='%23FFF4D0'/%3E%3C/svg%3E%0A")
            }

            .p0cd3484-chatbot-messages__form [type=submit] *,.p0cd3484-chatbot-window__header button * {
                pointer-events: none;
                touch-action: none
            }

            @media screen and (max-width: 767px) {
                body:has(.p0cd3484-chatbot-window[aria-hidden=false]) .p0cd3484-header {
                    display:none
                }
            }

            .p0cd3484-chatbot {
                position: fixed;
                right: 20px;
                bottom: 8px;
                z-index: 992;
                color: var(--Neutral-50)
            }

            @media(min-width: 768px) {
                .p0cd3484-chatbot {
                    bottom:22px
                }
            }

            body:has(header nav.open) .p0cd3484-chatbot {
                display: none
            }

            @media(max-width: 767px) {
                body:has(.p0cd3484-floating-bar-wrapper) .p0cd3484-chatbot {
                    bottom:calc(var(--floating-bar-height) + 8px)
                }
            }

            @media(max-width: 767px) {
                body:has(.p0cd3484-floating-bar-wrapper.static) .p0cd3484-chatbot {
                    bottom:8px
                }
            }

            .p0cd3484-chatbot input {
                font-family: inherit
            }

            .p0cd3484-chatbot__trigger {
                width: 80px;
                height: 80px;
                cursor: pointer;
                border: 1px solid var(--Primary-100);
                background: no-repeat center/40px var(--Primary-200) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M31.5841 3.33364H8.41644C5.58276 3.33364 3.3335 5.69796 3.3335 8.57769V23.279C3.3335 26.1588 5.62517 28.5231 8.41644 28.5231L10.8335 28.5247L10.1254 34.6285C9.8748 36.2187 11.5838 37.2515 12.8338 36.3044L20.5422 28.4811H31.5839C34.4176 28.4811 36.6668 26.1167 36.6668 23.237V8.57739C36.6668 5.65557 34.3753 3.33364 31.5841 3.33364ZM11.1248 18.5087C9.74944 18.5087 8.62477 17.3484 8.62477 15.9294C8.62477 14.5105 9.74944 13.3502 11.1248 13.3502C12.5001 13.3502 13.6671 14.5105 13.6671 15.9294C13.6671 17.3484 12.5001 18.5087 11.1248 18.5087ZM20.0002 18.5087C18.6249 18.5087 17.5002 17.3484 17.5002 15.9294C17.5002 14.5105 18.6249 13.3502 20.0002 13.3502C21.3756 13.3502 22.5426 14.5105 22.5426 15.9294C22.5003 17.3484 21.3756 18.5087 20.0002 18.5087ZM28.8757 18.5087C27.5004 18.5087 26.3757 17.3484 26.3757 15.9294C26.3757 14.5105 27.5004 13.3502 28.8757 13.3502C30.251 13.3502 31.4181 14.5105 31.4181 15.9294C31.3757 17.3484 30.251 18.5087 28.8757 18.5087Z' fill='%23222222'/%3E%3C/svg%3E");
                border-radius: 50%
            }

            @media screen and (max-width: 767px) {
                body:has(.p0cd3484-chatbot-window[aria-hidden=false]) .p0cd3484-chatbot__trigger {
                    display:none
                }
            }

            .p0cd3484-chatbot-window {
                position: fixed;
                inset: 0;
                z-index: 101;
                background: var(--Neutral-400);
                box-shadow: 0 12px 24px 0 rgba(109,109,109,.15);
                overscroll-behavior: contain;
                overflow: auto;
                display: flex;
                flex-direction: column;
                overflow-x: hidden
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-chatbot-window {
                    inset:auto 24px 24px auto;
                    width: 448px;
                    height: 600px;
                    border-radius: var(--M);
                    border: 1px solid var(--Neutral-200);
                    box-shadow: 0 12px 24px 0 rgba(191,191,191,.16)
                }
            }

            .p0cd3484-chatbot-window[aria-hidden=true] {
                display: none
            }

            .p0cd3484-chatbot-window__header {
                border-bottom: 1px solid var(--Neutral-200);
                background: var(--Neutral-300);
                color: var(--Text-300);
                padding: 16px;
                display: flex;
                align-items: center;
                gap: 8px;
                flex: 0 0
            }

            @media(min-width: 768px) {
                .p0cd3484-chatbot-window__header {
                    padding:14px 16px
                }
            }

            .p0cd3484-chatbot-window__header button {
                border: none;
                background: none;
                cursor: pointer;
                align-content: center;
                color: var(--Neutral-50)
            }

            .p0cd3484-chatbot-window__header button:first-child {
                align-content: end
            }

            .p0cd3484-chatbot-window__header button:first-of-type {
                display: none
            }

            .p0cd3484-chatbot[data-active-screen="2"] .p0cd3484-chatbot-window__header button:first-of-type,.p0cd3484-chatbot[data-active-screen="3"] .p0cd3484-chatbot-window__header button:first-of-type {
                display: initial;
                width: 44px;
                height: 16px
            }

            .p0cd3484-chatbot-window__header button:first-of-type svg {
                width: 30px;
                height: 30px
            }

            .p0cd3484-chatbot-window__header button:last-child svg {
                width: 38px;
                height: 38px
            }

            .p0cd3484-chatbot-window__header-user {
                flex: 1 1;
                align-content: center;
                display: flex;
                align-items: center;
                gap: 10px;
                font-feature-settings: "liga" off;
                font-size: 16px;
                line-height: 24px;
                font-weight: 700;
                opacity: 0;
                visibility: hidden
            }

            .p0cd3484-chatbot-window__header-user::before {
                content: "";
                width: 48px
            }

            .p0cd3484-chatbot[data-active-screen="2"] .p0cd3484-chatbot-window__header-user,.p0cd3484-chatbot[data-active-screen="3"] .p0cd3484-chatbot-window__header-user {
                opacity: 1;
                visibility: visible
            }

            .p0cd3484-chatbot-window__screens {
                flex: 1 1
            }

            .p0cd3484-chatbot-window__screen {
                display: none;
                padding: 64px 16px 16px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-chatbot-window__screen {
                    padding:24px
                }
            }

            .p0cd3484-chatbot[data-active-screen="1"] .p0cd3484-chatbot-welcome {
                display: block
            }

            .p0cd3484-chatbot-welcome__title {
                color: var(--Text-100);
                font-feature-settings: "liga" off;
                font-weight: 700;
                margin-bottom: 24px;
                font-size: 40px;
                line-height: 48px;
                text-transform: capitalize
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-chatbot-welcome__title {
                    margin-top:41px;
                    font-size: 48px;
                    line-height: 56px
                }
            }

            .p0cd3484-chatbot-welcome__card {
                display: grid;
                grid-template-columns: 50px 1fr;
                grid-template-areas: "avatar name" "button button";
                row-gap: 16px;
                column-gap: 12px;
                padding: 10px 14px
            }

            .p0cd3484-chatbot-welcome__card::before {
                content: "";
                grid-area: avatar;
                width: 50px;
                height: 50px;
                align-self: center
            }

            .p0cd3484-chatbot-welcome__card-head span {
                color: var(--Text-300);
                font-feature-settings: "liga" off,"clig" off;
                font-size: 12px;
                line-height: 16px
            }

            .p0cd3484-chatbot-welcome__card-head p {
                color: var(--Text-100)
            }

            .p0cd3484-chatbot-welcome__card .glow-btn {
                grid-area: button
            }

            .p0cd3484-chatbot-welcome__card .glow-btn::after {
                content: "";
                display: inline-block;
                vertical-align: sub;
                margin-left: 8px;
                width: 20px;
                height: 20px;
                background: no-repeat center/contain rgba(0,0,0,0) url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66602 10H16.3327' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.334 15L16.334 10' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.334 5L16.334 10' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
            }

            .p0cd3484-chatbot[data-active-screen="2"] .p0cd3484-chatbot-signin {
                display: block
            }

            .p0cd3484-chatbot-signin__title {
                color: var(--Text-100);
                font-feature-settings: "liga" off;
                font-size: 20px;
                line-height: 28px;
                font-weight: 700;
                margin-bottom: 24px
            }

            @media(min-width: 768px) {
                .p0cd3484-chatbot-signin__title {
                    margin-top:40px
                }
            }

            .p0cd3484-chatbot-signin__card label,.p0cd3484-chatbot-signin__card input {
                display: block;
                width: 100%
            }

            .p0cd3484-chatbot-signin__card label {
                margin-bottom: 16px;
                color: var(--Text-100);
                font-size: 14px;
                line-height: 20px
            }

            .p0cd3484-chatbot-signin__card label.is-invalid input {
                border: 1px solid var(--Accent-100);
                padding: 16px
            }

            .p0cd3484-chatbot-signin__card label.is-invalid::after {
                content: attr(data-error);
                display: block;
                color: var(--Accent-100);
                font-feature-settings: "liga" off,"clig" off;
                font-size: 12px;
                line-height: 16px;
                margin-top: 4px
            }

            .p0cd3484-chatbot-signin__card input {
                color: var(--Text-100);
                border-radius: var(--S);
                background: var(--Neutral-400);
                font-feature-settings: "liga" off;
                font-size: 16px;
                line-height: 24px;
                padding: 17px 16px;
                margin-top: 4px
            }

            .p0cd3484-chatbot-signin__card input::placeholder {
                color: var(--Text-400)
            }

            .p0cd3484-chatbot-messages {
                padding: 0;
                min-height: 100%;
                flex-direction: column;
                justify-content: space-between;
                gap: 16px
            }

            .p0cd3484-chatbot[data-active-screen="3"] .p0cd3484-chatbot-messages {
                display: flex
            }

            .p0cd3484-chatbot-messages ol {
                list-style: none;
                padding: 16px;
                overflow: auto;
                overscroll-behavior: contain;
                height: calc(100vh - 170px)
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-chatbot-messages ol {
                    height:420px;
                    padding: 24px
                }
            }

            .p0cd3484-chatbot-messages ol a {
                cursor: pointer;
                color: var(--Primary-100)
            }

            .p0cd3484-chatbot-messages__form {
                flex: 0 0;
                position: relative;
                padding: 0 16px 16px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-chatbot-messages__form {
                    padding:0 24px 24px
                }
            }

            .p0cd3484-chatbot-messages__form input {
                display: block;
                width: 100%;
                padding: 16px 44px 16px 16px;
                border-radius: var(--M);
                background: var(--Neutral-300);
                color: var(--Text-100);
                font-size: 16px;
                line-height: 24px
            }

            .p0cd3484-chatbot-messages__form input::placeholder {
                color: var(--Text-400)
            }

            .p0cd3484-chatbot-messages__form [type=submit] {
                border: none;
                background: none;
                cursor: pointer;
                position: absolute;
                top: 15px;
                right: 32px;
                width: 22px;
                height: 22px
            }

            .p0cd3484-chatbot-messages__form [type=submit]:disabled {
                opacity: .5
            }

            .p0cd3484-chatbot-messages__form [type=submit] svg {
                color: var(--Neutral-50)
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-chatbot-messages__form [type=submit] {
                    right:40px
                }
            }

            .p0cd3484-chatbot-message {
                margin-bottom: 16px;
                color: var(--Primary-100)
            }

            .p0cd3484-chatbot-message.p0cd3484-chatbot-message--bot {
                display: grid;
                grid-template-columns: 31px 1fr;
                gap: 12px;
                color: var(--Text-100);
                align-items: flex-end
            }

            .p0cd3484-chatbot-message.p0cd3484-chatbot-message--bot::before {
                content: "";
                width: 31px
            }

            .p0cd3484-chatbot-message.p0cd3484-chatbot-message--bot p {
                border-radius: var(--M);
                border: 1px solid var(--Neutral-300);
                background: var(--neutral-30060, rgba(43, 43, 43, 0.6))
            }

            .p0cd3484-chatbot-message.p0cd3484-chatbot-message--user p {
                box-shadow: 0 0 12px 0 rgba(191,191,191,.1)
            }

            .p0cd3484-chatbot-message p {
                padding: 15px 14px;
                border-radius: var(--M);
                border: 1px solid var(--Neutral-200);
                background: var(--neutral-30060, rgba(43, 43, 43, 0.6))
            }

            .p0cd3484-chatbot .glow-btn {
                border-radius: var(--S);
                background: var(--Primary-200);
                text-align: center;
                padding: 9px;
                color: var(--Text-00);
                font-feature-settings: "liga" off;
                font-size: 14px;
                line-height: 20px;
                font-weight: 700;
                width: 100%;
                cursor: pointer
            }

            @media(max-width: 767px) {
                body:has(header.mobile-menu) {
                    overflow:hidden
                }
            }

            .p0cd3484-header {
                position: fixed;
                z-index: 1000;
                top: 0;
                width: 100%
            }

            @media(min-width: 768px) {
                .p0cd3484-header {
                    padding:16px 0;
                    background: var(--Neutral-400)
                }
            }

            .p0cd3484-header .container {
                display: flex;
                align-items: center;
                flex-direction: row;
                justify-content: space-between
            }

            @media(max-width: 767px) {
                .p0cd3484-header .container {
                    padding:16px;
                    background: var(--Neutral-400);
                    min-height: 72px
                }
            }

            .p0cd3484-header__logo {
                display: block;
                width: 100%;
                max-width: 128px;
                height: 32px;
                object-fit: contain;
                object-position: left center
            }

            @media(min-width: 1200px) {
                .p0cd3484-header__logo {
                    max-width:160px;
                    height: 40px
                }
            }

            @media(max-width: 1199px) {
                .p0cd3484-header__nav {
                    position:fixed;
                    right: 0;
                    width: 100%;
                    padding: 8px 16px;
                    transition: transform .3s ease;
                    transform: translateX(100%);
                    background: var(--Neutral-400);
                    box-shadow: 0 12px 24px 0 rgba(109,109,109,.15)
                }

                .p0cd3484-header.mobile-menu .p0cd3484-header__nav {
                    transform: translateX(0)
                }
            }

            @media screen and (min-width: 768px)and (max-width: 1199px) {
                .p0cd3484-header__nav {
                    top:72px;
                    max-width: 400px;
                    height: calc(100% - 72px);
                    overflow-y: auto
                }
            }

            @media(max-width: 767px) {
                .p0cd3484-header__nav {
                    padding:8px 16px;
                    top: 128px;
                    height: calc(100% - 128px);
                    overflow-y: auto;
                    overscroll-behavior: contain
                }
            }

            @media(max-width: 767px) {
                .p0cd3484-header__nav {
                    padding:8px 16px
                }
            }

            .p0cd3484-header__content-right,.p0cd3484-header__account {
                display: flex;
                align-items: center;
                flex-shrink: 0;
                gap: 8px
            }

            @media(min-width: 767px) {
                .p0cd3484-header__content-right,.p0cd3484-header__account {
                    gap:12px
                }
            }

            @media(max-width: 767px) {
                .p0cd3484-header__account {
                    display:none
                }
            }

            .p0cd3484-header__account-mob {
                display: flex;
                align-items: center;
                gap: 6px;
                background: linear-gradient(0deg, rgba(24, 26, 24, 0) 0%, var(--Neutral-400) 70%);
                padding: 0 16px 16px
            }

            .mobile-menu .p0cd3484-header__account-mob {
                background: var(--Neutral-400)
            }

            .p0cd3484-header__account-mob button {
                flex: 1 1;
                padding: 9px 12px;
                line-height: 20px
            }

            @media(min-width: 768px) {
                .p0cd3484-header__account-mob {
                    display:none
                }
            }

            .p0cd3484-header__menu-toggle {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                cursor: pointer
            }

            @media(min-width: 1200px) {
                .p0cd3484-header__menu-toggle {
                    display:none
                }
            }

            .p0cd3484-header__menu-icon {
                display: block;
                width: 30px;
                height: 30px;
                object-fit: contain;
                object-position: center;
                cursor: pointer;
                color: var(--Text-100);
                pointer-events: none;
                touch-action: none
            }

            .p0cd3484-header.mobile-menu .p0cd3484-header__menu-icon:first-child {
                display: none
            }

            .p0cd3484-header.mobile-menu .p0cd3484-header__menu-icon:last-child {
                display: block
            }

            .p0cd3484-header__menu-icon:last-child {
                display: none
            }

            @media(min-width: 1200px) {
                .p0cd3484-header__menu-icon {
                    display:none
                }
            }

            .p0cd3484-header__lang-switcher {
                display: none
            }

            @media(min-width: 1200px) {
                .p0cd3484-header__lang-switcher {
                    display:block;
                    padding: 10px 16px 6px;
                    max-width: 160px;
                    position: relative
                }

                .p0cd3484-header__lang-switcher:hover ul {
                    visibility: visible;
                    opacity: 1
                }

                .p0cd3484-header__lang-switcher:hover ul::-webkit-scrollbar {
                    width: 4px;
                    height: 4px
                }

                .p0cd3484-header__lang-switcher:hover ul::-webkit-scrollbar-thumb {
                    border-radius: var(--S);
                    background: var(--Neutral-100)
                }

                .p0cd3484-header__lang-switcher:hover ul::-webkit-scrollbar-track {
                    background: rgba(0,0,0,0)
                }

                .p0cd3484-header__lang-switcher:hover .p0cd3484-header__lang-menu-arrow svg {
                    transform: rotate(180deg)
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-header__lang-switcher ul {
                    width:160px;
                    max-height: 350px;
                    overflow-y: auto;
                    list-style: none
                }
            }

            .p0cd3484-header__lang-switcher .current {
                display: flex;
                gap: 8px;
                align-items: center
            }

            .p0cd3484-header__lang-item {
                font-size: 14px;
                line-height: 24px;
                font-weight: 700;
                width: 100%
            }

            .p0cd3484-header__lang-item>* {
                min-width: 0
            }

            .p0cd3484-header__lang-item span {
                display: block;
                flex: 1 1;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden
            }

            .p0cd3484-header__lang-item img {
                flex: 0 0 24px;
                display: block;
                width: 24px;
                height: 24px;
                border: 1px solid var(--Neutral-200);
                border-radius: 8px
            }

            .p0cd3484-header__lang-item:not(:last-child) {
                margin-bottom: 2px
            }

            @media(min-width: 1200px) {
                .p0cd3484-header__lang-item:not(:last-child) {
                    margin-bottom:0
                }
            }

            .p0cd3484-header__lang-link {
                display: flex;
                gap: 8px;
                align-items: center;
                width: 100%;
                padding: 4px 9px;
                transition: background-color .3s;
                color: var(--Text-100);
                border-radius: 8px
            }

            .p0cd3484-header__lang-link>* {
                min-width: 0
            }

            .p0cd3484-header__lang-link:hover {
                background-color: var(--Neutral-300)
            }

            .p0cd3484-header__lang-link.current::after {
                content: "";
                display: block;
                width: 24px;
                height: 24px;
                flex: 0 0 24px;
                mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2 12.875L8.08696 19L22 5' stroke='%2309C77A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                mask-repeat: no-repeat;
                mask-position: center;
                mask-size: contain;
                background-color: var(--Green-200)
            }

            .p0cd3484-header__lang-link span {
                display: block;
                flex: 1 1;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden
            }

            .p0cd3484-header__lang-link img {
                flex: 0 0 24px;
                display: block;
                width: 24px;
                height: 24px;
                border: 1px solid var(--Neutral-200);
                border-radius: 8px
            }

            .p0cd3484-header__lang-menu-arrow {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 20px;
                height: 20px
            }

            .p0cd3484-header__lang-menu-arrow svg {
                transition: .3s;
                width: 13px;
                height: 13px
            }

            .p0cd3484-header__lang-menu {
                position: relative;
                top: 0;
                left: 0;
                display: flex;
                visibility: hidden;
                align-items: flex-start;
                flex-direction: column;
                width: auto;
                max-height: 0;
                transition: max-height .3s;
                opacity: 0;
                background: unset;
                gap: 0
            }

            @media(min-width: 1200px) {
                .p0cd3484-header__lang-menu {
                    position:absolute;
                    top: 40px;
                    left: 0;
                    width: 112px;
                    padding: 8px;
                    border-radius: 8px;
                    background: var(--Neutral-400);
                    box-shadow: 0 12px 24px 0 rgba(191,191,191,.2);
                    gap: 2px
                }
            }

            .p0cd3484-header__lang-nav {
                width: 100%;
                margin-top: 24px
            }

            @media(min-width: 1200px) {
                .p0cd3484-header__lang-nav {
                    display:none
                }
            }

            .p0cd3484-header__lang-nav-heading {
                margin-bottom: 8px;
                padding-bottom: 10px;
                border-bottom: 1px solid var(--Neutral-300)
            }

            .p0cd3484-header__lang-nav-title {
                font-weight: 700;
                font-size: 20px;
                line-height: 28px;
                text-transform: capitalize;
                color: var(--Text-100)
            }

            .menu {
                list-style: none
            }

            @media(min-width: 1200px) {
                .menu {
                    display:flex;
                    align-items: center;
                    gap: 8px
                }

                .menu .menu-item__heading [data-ref-el],.menu .menu-item__heading span,.menu .menu-item__heading a {
                    white-space: nowrap
                }
            }

            .menu-item {
                width: 100%;
                transition: .3s;
                color: var(--Text-100);
                position: relative
            }

            @media(max-width: 1199px) {
                .menu-item.mobile-active>.menu-item__heading {
                    background:var(--Neutral-300)
                }
            }

            @media(min-width: 1200px) {
                .menu-item.has-children:hover>.sub-menu[data-depth="1"] {
                    height:auto;
                    opacity: 1;
                    visibility: visible
                }
            }

            @media(max-width: 1199px) {
                .menu-item.mobile-active>.sub-menu {
                    height:auto
                }

                .menu-item.mobile-active>div>.menu-toggle {
                    transform: rotate(180deg)
                }
            }

            .menu-item [data-ref-el] {
                background: none;
                border: none;
                cursor: pointer
            }

            .menu-item [data-ref-el],.menu-item span {
                cursor: pointer
            }

            .menu-item [data-ref-el],.menu-item span,.menu-item a {
                font-size: 18px;
                font-weight: 700;
                line-height: 46px;
                color: var(--Text-100);
                text-align: left;
                flex: 1 1
            }

            @media(min-width: 768px) {
                .menu-item [data-ref-el],.menu-item span,.menu-item a {
                    font-size:18px;
                    line-height: 38px
                }
            }

            @media(min-width: 1200px) {
                .menu-item [data-ref-el],.menu-item span,.menu-item a {
                    font-size:14px;
                    line-height: 20px;
                    width: 100%
                }
            }

            .sub-menu {
                height: 0;
                overflow: hidden;
                transition: height .3s ease;
                padding-left: 24px;
                list-style: none;
                box-sizing: border-box
            }

            .sub-menu::-webkit-scrollbar {
                width: 4px;
                height: 4px
            }

            .sub-menu::-webkit-scrollbar-thumb {
                border-radius: var(--S);
                background: var(--Neutral-200)
            }

            .sub-menu::-webkit-scrollbar-track {
                background: rgba(0,0,0,0)
            }

            @media(min-width: 1200px) {
                .sub-menu {
                    width:300px;
                    position: absolute;
                    z-index: 1001;
                    border-radius: 0 0 var(--M) var(--M);
                    background: var(--Neutral-400);
                    box-shadow: 0 12px 24px 0 rgba(191,191,191,.2);
                    padding: 8px;
                    opacity: 0;
                    visibility: hidden;
                    max-height: 290px;
                    overflow-y: auto;
                    overflow-x: hidden
                }

                .sub-menu:has(>.menu-item.active) {
                    height: auto;
                    visibility: visible;
                    opacity: 1
                }

                .sub-menu .sub-menu {
                    padding: 0
                }

                .sub-menu .menu-item {
                    font-weight: 400
                }

                .sub-menu .menu-item:hover>.menu-item__heading {
                    background: var(--Neutral-300)
                }

                .sub-menu .menu-toggle {
                    rotate: -90deg
                }
            }

            .menu-item__heading {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                padding: 0 8px;
                border-radius: var(--S)
            }

            @media(min-width: 1200px) {
                .menu-item__heading {
                    padding:8px
                }

                .menu-item.active>.menu-item__heading {
                    background: var(--Neutral-300)
                }
            }

            .menu-toggle {
                width: 24px;
                height: 24px;
                border: none;
                cursor: pointer;
                mask-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.21967 0.21967C0.512563 -0.0732233 0.987437 -0.0732233 1.28033 0.21967L5.25 4.18934L9.21967 0.21967C9.51256 -0.0732233 9.98744 -0.0732233 10.2803 0.21967C10.5732 0.512563 10.5732 0.987437 10.2803 1.28033L5.78033 5.78033C5.48744 6.07322 5.01256 6.07322 4.71967 5.78033L0.21967 1.28033C-0.0732233 0.987437 -0.0732233 0.512563 0.21967 0.21967Z' fill='%23F0F0F0'/%3E%3C/svg%3E%0A");
                mask-repeat: no-repeat;
                mask-position: center;
                mask-size: 10px;
                transition: rotate .3s ease;
                background-color: var(--Text-100)
            }

            @media(min-width: 1200px) {
                .menu-toggle {
                    cursor:default
                }
            }

            .extra-menu {
                position: fixed;
                z-index: 1001;
                top: 80px;
                left: 100px;
                visibility: visible;
                opacity: 1;
                max-height: 290px;
                height: auto
            }

            .p0cd3484-footer {
                padding: 24px 0;
                border-top: 1px solid var(--Neutral-300);
                gap: 32px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-footer {
                    padding:40px 4px
                }
            }

            .p0cd3484-footer__top {
                margin-bottom: 30px
            }

            @media screen and (min-width: 1200px) {
                .p0cd3484-footer__top {
                    display:flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-bottom: 0
                }
            }

            .p0cd3484-footer__nav {
                margin-bottom: 32px
            }

            @media(min-width: 1200px) {
                .p0cd3484-footer__nav {
                    margin-right:32px;
                    margin-bottom: 20px
                }
            }

            .p0cd3484-footer__nav ul {
                display: flex;
                flex-wrap: wrap;
                list-style: none;
                gap: 8px
            }

            .p0cd3484-footer__nav [data-ref-el] {
                background: none;
                border: none;
                cursor: pointer;
                font: inherit
            }

            .p0cd3484-footer__nav [data-ref-el],.p0cd3484-footer__nav span,.p0cd3484-footer__nav a {
                font-size: 14px;
                font-weight: 700;
                line-height: 20px;
                display: block;
                padding: 4px 8px;
                color: var(--Text-100)
            }

            .p0cd3484-footer__payments {
                position: relative;
                display: flex;
                align-items: center;
                width: 100%;
                max-width: 340px;
                margin-bottom: 32px;
                flex-shrink: 0
            }

            @media(min-width: 1200px) {
                .p0cd3484-footer__payments {
                    margin-bottom:12px
                }
            }

            .p0cd3484-footer__payments-item {
                width: 32px;
                height: 32px;
                margin-right: 12px;
                overflow: hidden
            }

            .p0cd3484-footer__payments-item img {
                width: 100%;
                height: 100%;
                object-fit: contain
            }

            @media screen and (min-width: 1200px) {
                .p0cd3484-footer__payments-item:last-child {
                    margin-right:0
                }
            }

            .p0cd3484-footer__payments-show-more {
                line-height: 19px;
                margin-top: -4px;
                position: relative;
                color: var(--Primary-100);
                border-bottom: 1px solid var(--Primary-100)
            }

            .p0cd3484-footer__payments:hover .p0cd3484-footer__tooltype {
                visibility: visible;
                opacity: 1
            }

            .p0cd3484-footer__tooltype {
                position: absolute;
                right: -13px;
                bottom: 30px;
                visibility: hidden;
                max-width: 240px;
                padding: 16px;
                transition: .3s;
                opacity: 0;
                border: 1px solid var(--Neutral-200);
                border-radius: 8px;
                background-color: var(--Neutral-300);
                box-shadow: 0 0 12px 0 rgba(191,191,191,.14)
            }

            .p0cd3484-footer__tooltype-grid {
                display: grid;
                margin: -6px;
                grid-template-columns: repeat(5, 1fr);
                max-height: 240px;
                overflow-y: auto;
                overflow-x: hidden
            }

            .p0cd3484-footer__tooltype-item {
                display: flex;
                margin: 6px
            }

            .p0cd3484-footer__tooltype-item img {
                max-width: 32px;
                object-fit: contain
            }

            .p0cd3484-footer__tooltype::after {
                position: absolute;
                right: 18px;
                bottom: -8px;
                width: 0;
                height: 0;
                content: "";
                border-top: 8px solid var(--Neutral-300);
                border-right: 8px solid rgba(0,0,0,0);
                border-left: 8px solid rgba(0,0,0,0)
            }

            .p0cd3484-footer__tooltype::before {
                position: absolute;
                right: 16px;
                bottom: -10px;
                width: 0;
                height: 0;
                content: "";
                border-top: 10px solid var(--Neutral-200);
                border-right: 10px solid rgba(0,0,0,0);
                border-left: 10px solid rgba(0,0,0,0)
            }

            .p0cd3484-footer__bottom {
                display: flex;
                flex-direction: column;
                width: 100%
            }

            @media(min-width: 1200px) {
                .p0cd3484-footer__bottom {
                    align-items:flex-end;
                    flex-direction: row;
                    justify-content: space-between
                }
            }

            .p0cd3484-footer__copy {
                font-size: 14px;
                line-height: 20px;
                color: var(--Text-300)
            }

            @media(min-width: 1200px) {
                .p0cd3484-footer__copy {
                    margin-right:32px
                }
            }

            .p0cd3484-footer__email {
                width: 100%;
                max-width: 340px;
                margin-top: 10px;
                text-align: left;
                flex-shrink: 0
            }

            @media(min-width: 1200px) {
                .p0cd3484-footer__email {
                    margin-top:0;
                    width: 340px
                }
            }

            .p0cd3484-footer__email a {
                line-height: 19px;
                color: var(--Primary-100);
                border-bottom: 1px solid var(--Primary-100)
            }

            .p0cd3484-footer__social {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 24px
            }

            .p0cd3484-content {
                display: flex;
                flex-direction: column;
                gap: 6px
            }

            .p0cd3484-content h1,.p0cd3484-content h2,.p0cd3484-content h3,.p0cd3484-content h4 {
                margin-bottom: 6px
            }

            .p0cd3484-content h1:not(:first-child),.p0cd3484-content h2:not(:first-child),.p0cd3484-content h3:not(:first-child),.p0cd3484-content h4:not(:first-child) {
                margin-top: 16px
            }

            .p0cd3484-content h1,.p0cd3484-content h1>* {
                font-size: 40px;
                line-height: 48px
            }

            @media(min-width: 768px) {
                .p0cd3484-content h1,.p0cd3484-content h1>* {
                    font-size:48px;
                    line-height: 60px
                }
            }

            .p0cd3484-content h2,.p0cd3484-content h2>* {
                font-size: 32px;
                line-height: 40px
            }

            @media(min-width: 768px) {
                .p0cd3484-content h2,.p0cd3484-content h2>* {
                    font-size:40px;
                    line-height: 48px
                }
            }

            .p0cd3484-content h3,.p0cd3484-content h3>* {
                font-size: 24px;
                line-height: 32px
            }

            @media(min-width: 768px) {
                .p0cd3484-content h3,.p0cd3484-content h3>* {
                    font-size:32px;
                    line-height: 40px
                }
            }

            .p0cd3484-content h4,.p0cd3484-content h4>* {
                font-size: 24px;
                line-height: 32px
            }

            .p0cd3484-content ul {
                font-size: 16px;
                margin: 6px 0 14px;
                padding: 0;
                padding-left: 8px;
                list-style: none
            }

            .p0cd3484-content ul li {
                position: relative;
                margin-bottom: 8px;
                padding-left: 16px;
                list-style-type: none
            }

            .p0cd3484-content ul li::before {
                position: absolute;
                top: 11px;
                left: 0;
                box-sizing: border-box;
                width: 6px;
                height: 6px;
                content: "";
                transform: translateY(-50%);
                border-radius: 50%;
                background: var(--Text-300)
            }

            .p0cd3484-content ul ul {
                margin-bottom: 8px
            }

            .p0cd3484-content ul ul>li {
                margin-top: 16px;
                padding-left: 33px
            }

            .p0cd3484-content ul ul>li::before {
                left: 16px;
                border: 1px solid var(--Text-300);
                background: rgba(0,0,0,0)
            }

            .p0cd3484-content ol {
                font-size: 16px;
                margin: 6px 0 14px;
                padding-left: 24px;
                list-style: decimal
            }

            .p0cd3484-content ol li {
                margin-bottom: 8px;
                padding-left: 6px
            }

            .p0cd3484-content ol ol {
                margin-bottom: 8px
            }

            .p0cd3484-content ol ol>li {
                margin-top: 16px;
                padding-left: 0
            }

            .p0cd3484-content ol ul li {
                padding-left: 16px
            }

            .p0cd3484-content table {
                display: block;
                overflow-x: auto;
                width: 100%;
                margin-top: 16px;
                padding-bottom: 22px;
                border-spacing: 0 4px;
                overflow-wrap: break-word;
                font-size: 16px;
                position: relative;
                -webkit-mask-image: none;
                mask-image: none
            }

            .p0cd3484-content table.table-shadow {
                -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
                mask-image: linear-gradient(to right, black 90%, transparent);
                transition: -webkit-mask-image .3s,mask-image .3s
            }

            .p0cd3484-content table.table-shadow.hide-shadow {
                -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
                mask-image: linear-gradient(to right, black 100%, black 100%)
            }

            @media(min-width: 1200px) {
                .p0cd3484-content table {
                    display:table
                }
            }

            .p0cd3484-content table thead th {
                font-weight: 700;
                padding: 12px 18px;
                text-align: left;
                white-space: nowrap;
                background: var(--Primary-400)
            }

            .p0cd3484-content table thead th:first-child {
                border-top-left-radius: var(--S);
                border-bottom-left-radius: var(--S)
            }

            .p0cd3484-content table thead th:last-child {
                border-top-right-radius: var(--S);
                border-bottom-right-radius: var(--S)
            }

            .p0cd3484-content table tbody td {
                background-color: var(--Neutral-400);
                border-top: 1px solid var(--Neutral-300);
                border-bottom: 1px solid var(--Neutral-300);
                width: 150px;
                padding: 11px 18px;
                white-space: nowrap
            }

            @media(min-width: 1200px) {
                .p0cd3484-content table tbody td {
                    width:auto;
                    white-space: wrap
                }
            }

            .p0cd3484-content table tbody td:first-child {
                border-left: 1px solid var(--Neutral-300);
                border-top-left-radius: var(--S);
                border-bottom-left-radius: var(--S)
            }

            .p0cd3484-content table tbody td:last-child {
                border-right: 1px solid var(--Neutral-300);
                border-top-right-radius: var(--S);
                border-bottom-right-radius: var(--S)
            }

            .p0cd3484-content table tbody td img {
                max-width: 24px;
                max-height: 24px;
                margin-right: 14px;
                vertical-align: middle
            }

            .p0cd3484-content img {
                max-width: 100%;
                height: auto
            }

            .p0cd3484-games__heading {
                color: var(--Text-100);
                display: flex;
                align-items: center;
                gap: 12px;
                font-size: 32px;
                line-height: 40px;
                font-weight: 700
            }

            @media(min-width: 768px) {
                .p0cd3484-games__heading {
                    font-size:40px;
                    line-height: 48px;
                    max-width: unset
                }
            }

            .p0cd3484-games__heading>* {
                margin: 0 !important
            }

            .p0cd3484-games__heading img {
                width: 24px;
                height: 24px;
                display: block;
                object-fit: contain;
                object-position: center
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__heading img {
                    width:32px;
                    height: 32px
                }
            }

            .p0cd3484-games__heading-icon-wrapper {
                display: inline-block
            }

            .p0cd3484-games__heading-icon {
                display: flex;
                width: 24px;
                height: 24px;
                background: var(--Primary-100);
                vertical-align: middle
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__heading-icon {
                    width:32px;
                    height: 32px
                }
            }

            .p0cd3484-games__heading span {
                max-width: 100%;
                word-break: break-all
            }

            .p0cd3484-games__top {
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                margin-bottom: 16px;
                gap: 8px
            }

            .p0cd3484-games__top .p0cd3484-btn {
                word-break: break-all;
                min-width: 80px;
                max-width: 35%
            }

            @media(min-width: 768px) {
                .p0cd3484-games__top .p0cd3484-btn {
                    max-width:unset
                }
            }

            .p0cd3484-games__top .p0cd3484-btn--show-all {
                flex-shrink: 0
            }

            .p0cd3484-games__top .p0cd3484-btn-open svg {
                display: none
            }

            .p0cd3484-games__list {
                display: grid;
                margin-bottom: 16px;
                transition: max-height .3s ease-in-out;
                gap: 16px;
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            @media(min-width: 768px) {
                .p0cd3484-games__list {
                    grid-template-columns:repeat(5, minmax(0, 1fr))
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__list {
                    margin:0;
                    grid-template-columns: repeat(9, minmax(0, 1fr))
                }
            }

            .p0cd3484-games__list[data-games-type="Live Shows"] {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            @media(min-width: 768px) {
                .p0cd3484-games__list[data-games-type="Live Shows"] {
                    grid-template-columns:repeat(6, minmax(0, 1fr))
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__list[data-games-type="Live Shows"] {
                    grid-template-columns:repeat(9, minmax(0, 1fr))
                }
            }

            .p0cd3484-games__list.expanded+.p0cd3484-btn--show-all svg {
                transform: rotate(180deg)
            }

            .p0cd3484-games__group {
                display: grid;
                align-items: flex-start;
                column-gap: 16px;
                grid-template-columns: repeat(3, 1fr)
            }

            @media(min-width: 768px) {
                .p0cd3484-games__group {
                    grid-template-columns:repeat(2, 1fr)
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__group {
                    max-width:270px
                }
            }

            .p0cd3484-games__group .p0cd3484-games__list-item-top button {
                max-width: 60px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__group .p0cd3484-games__list-item-top button {
                    max-width:83px
                }
            }

            .p0cd3484-games__list-item {
                display: flex;
                flex-direction: column;
                max-height: 300px;
                transition: .3s;
                overflow-wrap: break-word
            }

            .p0cd3484-games__list-item--hidden {
                display: none;
                opacity: 0
            }

            .p0cd3484-games__list-item-logo {
                aspect-ratio: 1/1;
                position: relative;
                cursor: pointer;
                overflow: hidden;
                border-radius: var(--S)
            }

            .p0cd3484-games__list-item-logo img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center
            }

            .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-logo {
                height: 104px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-logo {
                    height:131px
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-logo {
                    height:121px
                }
            }

            .p0cd3484-games__list-item-top {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                color: var(--Text-400);
                margin-top: 4px;
                margin-bottom: 4px;
                position: relative
            }

            .p0cd3484-games__list-item-name {
                position: relative;
                overflow-wrap: break-word;
                font-size: 14px;
                font-weight: 700;
                line-height: 20px;
                max-width: 100%;
                max-height: 100px;
                cursor: pointer;
                text-align: left;
                color: var(--Text-100);
                background: rgba(0,0,0,0);
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden
            }

            .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-name {
                max-height: 104px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-name {
                    max-height:131px
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-games__list-item[data-game-type=Slots] .p0cd3484-games__list-item-name {
                    max-height:122px
                }
            }

            .p0cd3484-games__list-item--hover {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--neutral-30060);
                backdrop-filter: blur(8px);
                border-radius: var(--S);
                overflow: hidden;
                align-content: center;
                justify-content: center;
                flex-wrap: wrap
            }

            .p0cd3484-games__list-item--hover svg {
                border-radius: var(--S);
                width: 40px;
                height: 40px;
                padding: 10px;
                background: var(--Primary-200);
                color: var(--Text-00)
            }

            .p0cd3484-games__list-item:hover .p0cd3484-games__list-item--hover {
                display: flex
            }

            .p0cd3484-games__list-item-providers {
                font-size: 12px;
                line-height: 16px;
                color: var(--Text-400)
            }

            .p0cd3484-games__list-item-info {
                display: flex
            }

            .p0cd3484-games__list-item-info:hover .p0cd3484-games__tooltip,.p0cd3484-games__list-item-info .active .p0cd3484-games__tooltip {
                display: flex
            }

            .p0cd3484-games__list-item-info svg {
                flex-shrink: 0
            }

            .p0cd3484-games__tooltip {
                display: none;
                padding: 10px;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 8px;
                border-radius: var(--M);
                border: 1px solid var(--Neutral-200);
                background: var(--Neutral-300);
                position: absolute;
                z-index: 2;
                top: 34px;
                right: -20px;
                width: 130px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__tooltip {
                    width:174px;
                    right: -28px;
                    padding: 12px
                }
            }

            .p0cd3484-games__tooltip:hover {
                display: flex
            }

            .p0cd3484-games__tooltip svg {
                color: var(--Neutral-300);
                position: absolute;
                right: 19px;
                top: -11px
            }

            .p0cd3484-games__tooltip-row {
                display: flex;
                justify-content: space-between;
                gap: 4px;
                color: var(--Text-100);
                line-height: 16px;
                width: 100%;
                font-size: 10px
            }

            @media(min-width: 768px) {
                .p0cd3484-games__tooltip-row {
                    font-size:12px
                }
            }

            .p0cd3484-games__tooltip-value,.p0cd3484-games__tooltip-label {
                width: 50%;
                flex-shrink: 0
            }

            .p0cd3484-games__tooltip-value {
                font-weight: 700
            }

            .p0cd3484-games__section--with-ratings .p0cd3484-games__list-item-name:has(img) {
                max-height: initial !important;
                aspect-ratio: 1/1
            }

            .p0cd3484-games__section--with-ratings .p0cd3484-games__list-item-logo {
                height: 100% !important;
                border-radius: var(--S)
            }

            .p0cd3484-games__section--with-ratings .p0cd3484-games__list-item-top {
                gap: 4px;
                align-items: center
            }

            .p0cd3484-games__section--with-ratings .p0cd3484-games__list-item-top button {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .p0cd3484-games__section--with-ratings .p0cd3484-games__list-item-top svg {
                display: block;
                aspect-ratio: 1/1;
                flex: 0 0 16px
            }

            .p0cd3484-games__section--with-ratings .p0cd3484-games__list-item-rating,.p0cd3484-games__section--with-ratings .p0cd3484-games__list-item-rating-bar {
                margin-left: -1px;
                height: 12px;
                max-width: 100%;
                mask-repeat: repeat;
                mask-position: left center;
                mask-size: 16px 12px;
                mask-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70312 4.98633L9.82031 5.22168L10.0801 5.25977L14.335 5.87695L11.2559 8.87891L11.0674 9.0625L11.1123 9.32129L11.8389 13.5586L8.0332 11.5586L7.80078 11.4365L7.56836 11.5586L3.76172 13.5586L4.48926 9.32129L4.53418 9.0625L4.3457 8.87891L1.26562 5.87695L5.52148 5.25977L5.78125 5.22168L5.89844 4.98633L7.80078 1.13086L9.70312 4.98633Z' fill='%23FFBB00' stroke='%23FFBB00'/%3E%3C/svg%3E%0A")
            }

            .p0cd3484-games__section--with-ratings .p0cd3484-games__list-item-rating {
                margin-top: 4px;
                background-color: hsl(from var(--Neutral-50) h s l/30%);
                width: 81px
            }

            .p0cd3484-games__section--with-ratings .p0cd3484-games__list-item-rating-bar {
                display: block;
                background-color: var(--Accent-Yellow-300, #FB0)
            }

            .p0cd3484-providers__heading {
                color: var(--Text-100);
                font-size: 32px;
                line-height: 40px;
                font-weight: 700;
                text-transform: capitalize;
                display: flex;
                align-items: center;
                gap: 12px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-providers__heading {
                    font-size:40px;
                    line-height: 48px;
                    max-width: 62%
                }
            }

            .p0cd3484-providers__heading>* {
                margin: 0 !important
            }

            .p0cd3484-providers__heading img {
                box-sizing: content-box;
                border-radius: var(--S);
                width: 24px;
                height: 24px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-providers__heading img {
                    width:48px;
                    height: 48px;
                    max-width: 32px;
                    max-height: 32px
                }
            }

            .p0cd3484-providers__heading span {
                word-break: break-all;
                max-width: 100%
            }

            .p0cd3484-providers__top {
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                margin-bottom: 16px;
                gap: 8px
            }

            .p0cd3484-providers__top .p0cd3484-btn {
                word-break: break-all;
                min-width: 80px;
                max-width: 35%
            }

            @media(min-width: 768px) {
                .p0cd3484-providers__top .p0cd3484-btn {
                    max-width:unset
                }
            }

            .p0cd3484-providers__top .p0cd3484-btn--show-all {
                flex-shrink: 0
            }

            .p0cd3484-providers__top .p0cd3484-btn-open svg {
                display: none
            }

            .p0cd3484-providers__list {
                display: grid;
                margin: 13px 0 16px;
                gap: 16px;
                transition: max-height .3s ease-in-out
            }

            @media(min-width: 768px) {
                .p0cd3484-providers__list {
                    grid-template-columns:repeat(2, 1fr)
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-providers__list {
                    grid-template-columns:repeat(3, 1fr)
                }
            }

            .p0cd3484-providers__list.expanded+.p0cd3484-btn--show-all svg {
                transform: rotate(180deg)
            }

            .p0cd3484-providers__list-item {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: 16px;
                border-radius: var(--M);
                background: var(--Neutral-300);
                box-shadow: 0 4px 12px 0 rgba(67,67,67,.1)
            }

            .p0cd3484-providers__list-item--hidden {
                display: none;
                opacity: 0
            }

            .p0cd3484-providers__list-item-top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 16px;
                width: 100%;
                height: 40px
            }

            .p0cd3484-providers__list-item-top img {
                width: 100%;
                height: 100%;
                max-width: 80px;
                max-height: 40px;
                object-fit: contain
            }

            .p0cd3484-providers__list-item-top .p0cd3484-btn {
                padding: 6px 11px
            }

            .p0cd3484-providers__list-item-games {
                display: flex;
                align-items: center;
                gap: 8px;
                width: 100%
            }

            .p0cd3484-providers__list-item-game {
                display: flex
            }

            .p0cd3484-providers__list-item-game img {
                width: 100%;
                height: 100%;
                border-radius: var(--M);
                aspect-ratio: 1/1;
                object-fit: cover;
                max-width: 74px;
                max-height: 74px
            }

            @media(min-width: 1200px) {
                .p0cd3484-providers__list-item-game img {
                    max-width:84px;
                    max-height: 84px
                }
            }

            .p0cd3484-faq__heading {
                color: var(--Text-100);
                font-feature-settings: "liga" off;
                font-size: 32px;
                line-height: 40px;
                font-weight: 700;
                text-transform: capitalize;
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 12px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-faq__heading {
                    font-size:40px;
                    line-height: 48px
                }
            }

            .p0cd3484-faq__heading img {
                box-sizing: content-box;
                border-radius: var(--S);
                width: 48px;
                height: 48px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-faq__heading img {
                    max-width:32px;
                    max-height: 32px
                }
            }

            .p0cd3484-faq__text {
                color: var(--Text-200);
                font-size: 16px;
                line-height: 24px;
                font-weight: 400;
                margin-bottom: 16px
            }

            .p0cd3484-accordion__list {
                display: flex;
                flex-direction: column;
                gap: 12px
            }

            .p0cd3484-accordion__list-item {
                padding: 18px 12px 14px;
                transition: .3s;
                border-left: 4px solid rgba(0,0,0,0)
            }

            .p0cd3484-accordion__list-item.active {
                border-color: var(--Primary-100)
            }

            .p0cd3484-accordion__title {
                font-size: 18px;
                font-weight: 700;
                line-height: 26px;
                text-transform: capitalize;
                display: flex;
                align-items: center;
                justify-content: space-between;
                cursor: pointer;
                color: var(--Text-100)
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-accordion__title {
                    font-size:20px;
                    line-height: 28px
                }
            }

            .p0cd3484-accordion__title-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: 9px;
                transition: .3s;
                color: var(--Neutral-100)
            }

            .p0cd3484-accordion__panel {
                visibility: hidden;
                overflow: hidden;
                max-height: 0;
                transition: .3s ease;
                opacity: 0;
                color: var(--Text-200)
            }

            .p0cd3484-accordion__content {
                font-size: 16px;
                line-height: 24px;
                padding: 12px 0 0
            }

            .p0cd3484-accordion__content ol,.p0cd3484-accordion__content ul {
                padding-left: 1.3em
            }

            .p0cd3484-accordion__list-item.active .p0cd3484-accordion__panel {
                visibility: visible;
                max-height: 1000px;
                opacity: 1
            }

            .p0cd3484-accordion__list-item.active .p0cd3484-accordion__title-icon {
                transform: rotate(180deg);
                color: var(--Primary-100)
            }

            .p0cd3484-auditors__heading {
                color: var(--Text-100);
                font-feature-settings: "liga" off;
                font-size: 32px;
                line-height: 40px;
                font-weight: 700;
                text-transform: capitalize;
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 12px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-auditors__heading {
                    font-size:40px;
                    line-height: 48px
                }
            }

            .p0cd3484-auditors__heading img {
                box-sizing: content-box;
                border-radius: var(--S);
                width: 48px;
                height: 48px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-auditors__heading img {
                    max-width:32px;
                    max-height: 32px
                }
            }

            .p0cd3484-auditors__list {
                display: flex;
                flex-wrap: wrap;
                gap: 16px
            }

            @media(min-width: 768px) {
                .p0cd3484-auditors__list {
                    gap:24px
                }
            }

            .p0cd3484-auditors__card {
                display: block
            }

            .p0cd3484-auditors__card img {
                display: block;
                height: 40px;
                width: auto
            }

            .p0cd3484-search {
                display: flex;
                flex-direction: column-reverse
            }

            .p0cd3484-search__section {
                margin: -24px 0
            }

            .p0cd3484-search__section:first-of-type {
                margin-top: 24px
            }

            @media(min-width: 1200px) {
                .p0cd3484-search__section {
                    margin:-16px 0
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-search {
                    justify-content:space-between;
                    align-items: center;
                    flex-direction: row
                }
            }

            .p0cd3484-search__form {
                display: flex;
                flex-direction: column;
                gap: 8px;
                position: relative
            }

            @media(min-width: 768px) {
                .p0cd3484-search__form {
                    flex-direction:row
                }
            }

            .p0cd3484-search__input {
                padding: 12px 12px 12px 50px;
                border-radius: var(--S);
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI1IDI1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguMzk5OSAxNy42TDIzLjk5OTkgMjMuMiIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjExLjIiIGN5PSIxMS4yIiByPSI5LjQiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+") no-repeat 16px center,var(--Neutral-300);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px;
                position: relative;
                color: var(--Text-400);
                max-width: 100%
            }

            @media(min-width: 768px) {
                .p0cd3484-search__input {
                    flex:1;
                    width: 300px
                }
            }

            .p0cd3484-search__input::placeholder {
                color: var(--Text-400)
            }

            .p0cd3484-search__button {
                padding: 10px 15px;
                border-radius: var(--S);
                border: 1px solid var(--Primary-200);
                background: var(--neutral-30060);
                backdrop-filter: blur(8px);
                display: flex;
                justify-content: center;
                gap: 8px;
                color: var(--Text-100);
                text-align: center;
                font-size: 14px;
                font-style: normal;
                font-weight: 700
            }

            .p0cd3484-search__categories {
                display: flex;
                margin: 0 -4px;
                overflow-x: auto;
                scrollbar-width: none;
                margin-top: 8px
            }

            .p0cd3484-search__categories::-webkit-scrollbar {
                display: none
            }

            @media(min-width: 1200px) {
                .p0cd3484-search__categories {
                    margin-top:0;
                    margin-right: 20px
                }
            }

            .p0cd3484-search__category {
                border-radius: var(--S);
                background-color: var(--neutral-30060);
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 700;
                font-size: 14px;
                color: var(--Text-100);
                margin: 4px;
                text-align: center;
                padding: 8px 16px;
                flex-shrink: 0;
                cursor: pointer
            }

            .p0cd3484-search__category img,.p0cd3484-search__category svg {
                margin-right: 8px
            }

            .p0cd3484-search__category--active {
                background: var(--Primary-200);
                color: var(--Text-00)
            }

            .autocomplete-list {
                border-radius: 4px;
                overflow-y: auto;
                position: absolute;
                background-color: var(--Neutral-300);
                width: 100%;
                z-index: 990;
                top: 54px
            }

            .autocomplete-list>* {
                padding: 12px;
                color: var(--Text-200);
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                cursor: pointer
            }

            .autocomplete-list>*:hover {
                box-shadow: inset 0px 0px 3px var(--Text-300);
                background-color: var(--Neutral-100)
            }

            .p0cd3484-reviews__heading {
                color: var(--Text-100);
                font-size: 32px;
                line-height: 40px;
                font-weight: 700;
                text-transform: capitalize;
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 16px
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-reviews__heading {
                    font-size:40px;
                    line-height: 48px
                }
            }

            .p0cd3484-reviews__heading>* {
                margin: 0 !important
            }

            .p0cd3484-reviews__heading img {
                max-width: 24px;
                max-height: 24px;
                vertical-align: middle;
                object-fit: contain;
                object-position: center
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-reviews__heading img {
                    max-width:32px;
                    max-height: 32px
                }
            }

            .p0cd3484-reviews__list {
                display: flex;
                gap: 24px;
                overflow-x: auto;
                list-style: none;
                padding-bottom: 10px
            }

            .p0cd3484-reviews__list::-webkit-scrollbar {
                width: 8px;
                height: 8px
            }

            .p0cd3484-reviews__list::-webkit-scrollbar-thumb {
                border-radius: var(--S);
                background: var(--Neutral-200)
            }

            .p0cd3484-reviews__list::-webkit-scrollbar-track {
                background: rgba(0,0,0,0)
            }

            .p0cd3484-reviews__list li {
                flex: 0 0 auto;
                width: 304px
            }

            @media(min-width: 768px) {
                .p0cd3484-reviews__list li {
                    width:400px
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-reviews__list li {
                    width:calc(33.3333% - 16px)
                }
            }

            .p0cd3484-review-card {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                background: #fff;
                border-radius: var(--M);
                padding: 16px;
                box-shadow: 0 4px 12px rgba(0,0,0,.1);
                transition: transform .2s ease,box-shadow .2s ease;
                width: 100%;
                height: 100%;
                flex: 0 0 50%
            }

            @media(min-width: 768px) {
                .p0cd3484-review-card {
                    flex:0 0 50%
                }
            }

            @media(min-width: 1200px) {
                .p0cd3484-review-card {
                    flex:0 0 33.3333333333%
                }
            }

            @media(min-width: 768px) {
                .p0cd3484-review-card {
                    min-width:340px;
                    padding: 20px 24px
                }
            }

            .p0cd3484-review-card__header {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                margin-bottom: 16px
            }

            .p0cd3484-review-card__user {
                display: flex;
                flex: 1
            }

            .p0cd3484-review-card__user--trustpilot {
                padding-bottom: 16px;
                border-bottom: 1px solid #ebebeb
            }

            .p0cd3484-review-card__avatar {
                width: 48px;
                height: 48px;
                border-radius: var(--M);
                flex-shrink: 0;
                margin-right: 16px
            }

            .p0cd3484-review-card__avatar img {
                border-radius: var(--M);
                aspect-ratio: 1/1;
                width: 100%;
                height: 100%;
                object-fit: cover
            }

            .p0cd3484-review-card__avatar--placeholder {
                background: var(--Primary-200);
                color: var(--Text-00);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.2rem;
                font-weight: 600
            }

            .p0cd3484-review-card__user-info {
                flex: 1;
                min-width: 0
            }

            .p0cd3484-review-card__name {
                color: #171717;
                font-size: 20px;
                font-weight: 700;
                line-height: 28px;
                text-transform: capitalize
            }

            .p0cd3484-review-card__meta {
                color: #484848;
                font-size: 16px;
                line-height: 24px
            }

            .p0cd3484-review-card__rating-date {
                display: flex;
                justify-content: space-between;
                gap: 8px;
                margin-top: 16px;
                margin-bottom: 16px
            }

            .p0cd3484-review-card__rating {
                height: 16px;
                mask-repeat: repeat;
                mask-position: left center;
                mask-size: 20px 16px;
                mask-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70312 4.98633L9.82031 5.22168L10.0801 5.25977L14.335 5.87695L11.2559 8.87891L11.0674 9.0625L11.1123 9.32129L11.8389 13.5586L8.0332 11.5586L7.80078 11.4365L7.56836 11.5586L3.76172 13.5586L4.48926 9.32129L4.53418 9.0625L4.3457 8.87891L1.26562 5.87695L5.52148 5.25977L5.78125 5.22168L5.89844 4.98633L7.80078 1.13086L9.70312 4.98633Z' fill='%23FFBB00' stroke='%23FFBB00'/%3E%3C/svg%3E%0A")
            }

            .p0cd3484-review-card__rating {
                background-color: hsl(from var(--Neutral-50) h s l/30%);
                width: 98px
            }

            .p0cd3484-review-card__rating-bar {
                display: block;
                background-color: var(--Accent-Yellow-300, #FB0);
                height: 16px;
                mask-repeat: repeat;
                mask-position: left center;
                mask-size: 20px 16px;
                mask-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70312 4.98633L9.82031 5.22168L10.0801 5.25977L14.335 5.87695L11.2559 8.87891L11.0674 9.0625L11.1123 9.32129L11.8389 13.5586L8.0332 11.5586L7.80078 11.4365L7.56836 11.5586L3.76172 13.5586L4.48926 9.32129L4.53418 9.0625L4.3457 8.87891L1.26562 5.87695L5.52148 5.25977L5.78125 5.22168L5.89844 4.98633L7.80078 1.13086L9.70312 4.98633Z' fill='%23FFBB00' stroke='%23FFBB00'/%3E%3C/svg%3E%0A")
            }

            .p0cd3484-review-card__rating-trust {
                position: relative;
                width: 128px;
                height: 24px;
                background: repeating-linear-gradient(to right, #DCDCE6 0 24px, transparent 24px 26px);
                --rating-color: hsla(160, 100%, 36%, 1)
            }

            .p0cd3484-review-card__rating-trust[data-rating^="4."][data-rating$="5"],.p0cd3484-review-card__rating-trust[data-rating="5"],.p0cd3484-review-card__rating-trust[data-rating="4.5"] {
                --rating-color: hsla(160, 100%, 36%, 1)
            }

            .p0cd3484-review-card__rating-trust[data-rating^="4."][data-rating$="0"],.p0cd3484-review-card__rating-trust[data-rating^="4."][data-rating$="1"],.p0cd3484-review-card__rating-trust[data-rating^="4."][data-rating$="2"],.p0cd3484-review-card__rating-trust[data-rating^="4."][data-rating$="3"],.p0cd3484-review-card__rating-trust[data-rating^="4."][data-rating$="4"],.p0cd3484-review-card__rating-trust[data-rating="4"] {
                --rating-color: hsla(89, 85%, 44%, 1)
            }

            .p0cd3484-review-card__rating-trust[data-rating^="3."],.p0cd3484-review-card__rating-trust[data-rating="3"] {
                --rating-color: hsla(48, 100%, 50%, 1)
            }

            .p0cd3484-review-card__rating-trust[data-rating^="1."],.p0cd3484-review-card__rating-trust[data-rating^="2."],.p0cd3484-review-card__rating-trust[data-rating="1"],.p0cd3484-review-card__rating-trust[data-rating="2"] {
                --rating-color: hsla(27, 100%, 57%, 1)
            }

            .p0cd3484-review-card__rating-trust::before {
                content: "";
                position: absolute;
                inset: 0;
                max-width: 128px;
                background: repeating-linear-gradient(to right, var(--rating-color) 0 24px, transparent 24px 26px);
                width: calc(var(--rating)/5*100%)
            }

            .p0cd3484-review-card__rating-trust::after {
                content: "";
                position: absolute;
                inset: 0;
                background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none"><path d="M8.66758 12.175L12.3176 11.25L13.8426 15.95L8.66758 12.175ZM17.0676 6.1H10.6426L8.66758 0.0500031L6.69258 6.1H0.267578L5.46758 9.85L3.49258 15.9L8.69258 12.15L11.8926 9.85L17.0676 6.1Z" fill="white"/></svg>') center/26px 16px repeat-x
            }

            .p0cd3484-review-card__rating-google {
                display: flex;
                gap: 8px;
                align-items: center
            }

            .p0cd3484-review-card__date {
                color: #171717;
                font-size: 16px;
                font-weight: 700;
                line-height: 24px
            }

            .p0cd3484-review-card__content {
                margin-top: 16px
            }

            .p0cd3484-review-card__content--trustpilot {
                padding-bottom: 16px;
                border-bottom: 1px solid #ebebeb
            }

            .p0cd3484-review-card__text {
                overflow: hidden;
                color: #3c3c3c;
                font-size: 16px;
                line-height: 24px
            }

            .p0cd3484-review-card__text:not(:has(a)) {
                overflow: auto;
                max-height: 144px
            }

            @media(min-width: 1200px) {
                .p0cd3484-review-card__text:not(:has(a)) {
                    max-height:120px
                }
            }

            .p0cd3484-review-card__see-more {
                color: #4f49ff;
                font-size: 16px;
                line-height: 24px;
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: none;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font
            }

            .p0cd3484-review-card__actions {
                margin-top: 16px;
                display: flex;
                gap: 16px;
                justify-content: space-between
            }

            .p0cd3484-review-card__actions-group {
                display: flex;
                gap: 16px
            }

            .p0cd3484-review-card__action {
                display: flex;
                align-items: center;
                gap: 8px;
                color: #484848;
                font-size: 12px;
                line-height: 16px
            }

            .p0cd3484-apps {
                border-radius: var(--M, 8px);
                background: var(--Neutral-300, #282B28);
                position: relative;
                overflow: hidden;
                isolation: isolate
            }

            .p0cd3484-apps__content {
                padding: 16px;
                width: 100%;
                overflow: hidden
            }

            .p0cd3484-apps__content::before {
                content: "";
                position: absolute;
                left: -139px;
                bottom: -224px;
                width: 599px;
                height: 524px;
                border-radius: 599px;
                opacity: .9;
                background: radial-gradient(50% 50% at 50% 50%, var(--Primary-400, #1C8000) 0%, var(--Neutral-400, #181A18) 100%);
                filter: blur(76px);
                z-index: -1
            }

            .p0cd3484-apps__title {
                color: var(--Text-100);
                font-feature-settings: "liga" off;
                font-size: 32px;
                line-height: 40px;
                font-weight: 700;
                text-transform: capitalize;
                margin-bottom: 12px
            }

            .p0cd3484-apps__text {
                color: var(--Text-200);
                font-feature-settings: "liga" off;
                font-size: 16px;
                line-height: 24px;
                font-weight: 400
            }

            .p0cd3484-apps__buttons {
                display: flex;
                gap: 16px;
                margin-top: 24px
            }

            .p0cd3484-apps__icons {
                overflow: hidden;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: -1
            }

            .p0cd3484-apps__icons picture {
                display: none
            }

            .p0cd3484-apps__icon {
                position: absolute
            }

            .p0cd3484-apps__icon--google {
                right: -58px;
                top: -45px;
                opacity: .96;
                filter: drop-shadow(0 0 12px rgba(191, 191, 191, 0.14));
                width: 103px;
                transform: rotate(350deg);
                filter: drop-shadow(0 0 12px rgba(191, 191, 191, 0.14))
            }

            .p0cd3484-apps__icon--apple {
                right: 12px;
                top: -23px;
                width: 113px;
                transform: rotate(311deg);
                fill: linear-gradient(180deg, var(--Neutral-200, #4C524D) 0%, var(--Primary-300, #28BD00) 100%);
                opacity: .96;
                filter: drop-shadow(0 0 12px rgba(191, 191, 191, 0.14))
            }

            .p0cd3484-apps button {
                border-radius: var(--S);
                background: var(--Text-00);
                padding: 10px 15px;
                color: var(--Primary-200);
                text-align: center;
                font-feature-settings: "liga" off;
                font-family: inherit;
                font-size: 14px;
                font-weight: 700;
                line-height: 20px;
                cursor: pointer;
                flex: 1
            }

            .p0cd3484-apps button svg {
                pointer-events: none;
                touch-action: none;
                display: inline-block;
                vertical-align: sub;
                margin-right: 6px;
                width: 20px;
                height: 20px;
                object-position: center;
                object-fit: contain
            }

            @media screen and (min-width: 768px) {
                .p0cd3484-apps {
                    display:flex;
                    justify-content: space-between
                }

                .p0cd3484-apps__content {
                    padding: 40px
                }

                .p0cd3484-apps__content::before {
                    left: -235px;
                    bottom: -160px
                }

                .p0cd3484-apps__title {
                    font-size: 40px;
                    line-height: 48px
                }

                .p0cd3484-apps__icons {
                    height: inherit;
                    max-width: 240px;
                    position: relative
                }

                .p0cd3484-apps__icons::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                    background: linear-gradient(90deg, var(--Neutral-300) 1.88%, rgba(40, 43, 40, 0) 51.39%)
                }

                .p0cd3484-apps__icons picture {
                    position: relative;
                    z-index: -1;
                    display: flex;
                    width: 100%;
                    height: 100%
                }

                .p0cd3484-apps__icons picture img {
                    width: 100%;
                    height: 100%
                }

                .p0cd3484-apps__icon--google {
                    left: 9px;
                    right: unset;
                    transform: unset;
                    top: -32px;
                    width: auto
                }

                .p0cd3484-apps__icon--apple {
                    right: -48px;
                    top: unset;
                    bottom: 19px;
                    transform: unset;
                    width: auto
                }

                .p0cd3484-apps button {
                    font-size: 18px;
                    line-height: 26px;
                    flex: 0 0 auto;
                    padding: 15px 24px
                }

                .p0cd3484-apps button svg {
                    width: 24px;
                    height: 24px
                }
            }

            @media screen and (min-width: 1200px) {
                .p0cd3484-apps {
                    display:flex
                }

                .p0cd3484-apps__content {
                    max-width: 608px
                }

                .p0cd3484-apps__content::before {
                    left: -139px;
                    bottom: -224px
                }

                .p0cd3484-apps__icons {
                    max-width: 608px;
                    height: 316px
                }

                .p0cd3484-apps__icon--google {
                    left: 130px;
                    top: 0
                }

                .p0cd3484-apps__icon--apple {
                    right: 58px;
                    bottom: 0
                }
            }

            .p0cd3484-toc {
                display: flex;
                align-items: center;
                padding: 8px 0
            }

            @media(min-width: 768px) {
                .p0cd3484-toc {
                    padding:16px 0
                }
            }

            .p0cd3484-toc__title {
                font-size: 14px;
                color: var(--Text-100)
            }

            .p0cd3484-toc__links {
                margin-left: 40px;
                display: flex;
                flex-wrap: nowrap;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                cursor: grab;
                user-select: none;
                scrollbar-width: none;
                -ms-overflow-style: none;
                touch-action: pan-x
            }

            .p0cd3484-toc__links::-webkit-scrollbar {
                display: none
            }

            .p0cd3484-toc__links a {
                color: var(--Text-300);
                flex-shrink: 0;
                display: flex;
                white-space: nowrap;
                font-weight: 700;
                font-size: 20px;
                margin-right: 24px;
                line-height: 28px;
                text-transform: capitalize;
                border-bottom: 4px solid rgba(0,0,0,0);
                padding-top: 4px
            }

            .p0cd3484-toc__links a:hover {
                color: var(--Primary-200);
                border-color: var(--Primary-200)
            }

            .p0cd3484-cta-button__wrapper {
                margin: 24px 16px 40px
            }

            @media(min-width: 768px) {
                .p0cd3484-cta-button__wrapper {
                    display:flex;
                    justify-content: center
                }
            }

            .p0cd3484-cta-button {
                padding: 14px 23px;
                width: 100%;
                font-size: 18px;
                line-height: 26px
            }

            @media(min-width: 768px) {
                .p0cd3484-cta-button {
                    padding:15px 48px;
                    width: fit-content
                }
            }

            main>.p0cd3484-cta-button__wrapper {
                margin: -26px auto 0
            }
        </style>
        <style>
            :root {
                --S: 4px;
                --M: 8px;
                --Primary-400: #FEDBC4;
                --Primary-300: #FFA467;
                --Primary-200: #F06406;
                --Primary-100: #CC5302;
                --Primary-50: #AF4600;
                --Neutral-400: #F6F6F6;
                --Neutral-300: #EFEFEF;
                --neutral-30060: rgba(234, 234, 234, 0.2);
                --neutral-30080: rgba(204, 204, 204, 0.8);
                --Neutral-200: #E3E3E3;
                --Neutral-100: #C8CBD0;
                --Neutral-50: #7A7A7A;
                --Text-00: #FFFFFF;
                --Text-400: #868686;
                --Text-300: #5E5E5E;
                --Text-200: #2B2B2B;
                --Text-100: #181818;
                --Accent-600: #CBE2F9;
                --Accent-500: #D3CCFF;
                --Accent-400: #FF81FF;
                --Accent-300: #FFD2CB;
                --Accent-200: #BBEFF3;
                --Accent-100: #FF4D61;
                --Green-400: #018B53;
                --Green-300: #04AA67;
                --Green-200: #09C77A;
                --Green-100: #09C77A;
                --Yellow-400: #DABA04;
                --Yellow-300: #EED129;
                --Yellow-200: #FFE553;
                --Yellow-100: #FFEF95;
                --Red-400: #DA0408;
                --Red-300: #EE292D;
                --Red-200: #FF5356;
                --Red-100: #FF9597;
            }
        </style>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&display=swap">
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Organization",
                "name": "N1",
                "url": "https://n1-casinoau.com",
                "logo": "https://n1-casinoau.com/media/logon1-68f63baf88b8a209008655.webp"
            }</script>
    </head>
    <body>
        <header class="p0cd3484-header">
            <div class="container">
                <div class="p0cd3484-header__logo">
                    <a href="/" title="Homepage">
                        <img decoding="async" fetchpriority="high" width="128" height="32" src="/media/logon1-68f63baf88b8a209008655.webp" alt="logo" class="p0cd3484-header__logo">
                    </a>
                </div>
                <div class="p0cd3484-header__content-right">
                    <div class="p0cd3484-header__account">
                        <button class="p0cd3484-btn p0cd3484-btn--outline js-ref-link" data-ref-el="header-login">Login</button>
                        <button class="p0cd3484-btn p0cd3484-btn--primary js-ref-link" data-ref-el="header-signin">Sign Up</button>
                    </div>
                </div>
            </div>
            <div class="p0cd3484-header__account-mob">
                <button class="p0cd3484-btn p0cd3484-btn--outline js-ref-link" data-ref-el="header-login">Login</button>
                <button class="p0cd3484-btn p0cd3484-btn--primary js-ref-link" data-ref-el="header-signin">Sign Up</button>
            </div>
        </header>
        <main>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Promotions Carousel - Optimized</title>
            <style>
                /* Ізольовані стилі тільки для каруселі */
                .promotions-carousel-wrapper {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                    font-family: Arial, sans-serif;
                    background-color: #0a0a0a;
                    color: white;
                    padding: 20px;
                }

                .promotions-carousel-wrapper *, .promotions-carousel-wrapper *::before, .promotions-carousel-wrapper *::after {
                    box-sizing: border-box;
                }

                .promotions-carousel-wrapper .container {
                    max-width: 1200px;
                    margin: 0 auto;
                }

                .promotions-carousel-wrapper .carousel-wrapper {
                    position: relative;
                }

                .promotions-carousel-wrapper .carousel-container {
                    overflow: hidden;
                    border-radius: 16px;
                }

                .promotions-carousel-wrapper .carousel-track {
                    display: flex;
                    transition: transform 0.5s ease-in-out;
                }

                .promotions-carousel-wrapper .slide {
                    min-width: 100%;
                    height: 400px;
                    position: relative;
                    background-size: cover;
                    background-position: center;
                    border-radius: 16px;
                    flex-shrink: 0;
                }

                .promotions-carousel-wrapper .slide::before {
                    content: '';
                    position: absolute;
                    inset: 0;
                    background: linear-gradient(to right, rgba(0,0,0,0.5), transparent);
                    border-radius: 16px;
                }

                .promotions-carousel-wrapper .slide-content {
                    position: relative;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    padding: 40px;
                    z-index: 1;
                }

                .promotions-carousel-wrapper .slide-title {
                    font-size: 13px;
                    text-transform: uppercase;
                    letter-spacing: 2px;
                    margin-bottom: 12px;
                    opacity: 0.9;
                    font-weight: 600;
                }

                .promotions-carousel-wrapper .slide-bonus-text {
                    font-size: 48px;
                    font-weight: 800;
                    line-height: 1.1;
                    display: block;
                    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
                }

                .promotions-carousel-wrapper .slide-bottom {
                    display: flex;
                    align-items: center;
                    gap: 16px;
                    flex-wrap: wrap;
                }

                .promotions-carousel-wrapper .sign-up-btn {
                    background-color: #ef4444;
                    color: white;
                    padding: 16px 32px;
                    border: none;
                    border-radius: 12px;
                    font-size: 15px;
                    font-weight: bold;
                    text-transform: uppercase;
                    cursor: pointer;
                    transition: all 0.3s;
                    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);
                }

                .promotions-carousel-wrapper .sign-up-btn:hover {
                    background-color: #dc2626;
                    transform: scale(1.05);
                    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.6);
                }

                .promotions-carousel-wrapper .bonus-code {
                    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 240, 255, 0.9));
                    backdrop-filter: blur(10px);
                    padding: 12px 24px;
                    border-radius: 12px;
                    border: 2px solid rgba(255, 255, 255, 0.5);
                    display: flex;
                    flex-direction: column;
                    gap: 4px;
                }

                .promotions-carousel-wrapper .bonus-code-label {
                    color: #6b7280;
                    font-size: 10px;
                    text-transform: uppercase;
                    font-weight: 600;
                    letter-spacing: 1px;
                }

                .promotions-carousel-wrapper .bonus-code-value {
                    color: #111827;
                    font-size: 20px;
                    font-weight: 900;
                }

                .promotions-carousel-wrapper .nav-arrow {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    background-color: rgba(0, 0, 0, 0.6);
                    backdrop-filter: blur(10px);
                    color: white;
                    border: none;
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    cursor: pointer;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: all 0.3s;
                    z-index: 10;
                }

                .promotions-carousel-wrapper .nav-arrow:hover {
                    background-color: rgba(0, 0, 0, 0.8);
                }

                .promotions-carousel-wrapper .nav-arrow:disabled {
                    opacity: 0.3;
                    cursor: not-allowed;
                }

                .promotions-carousel-wrapper .nav-arrow.prev {
                    left: 15px;
                }

                .promotions-carousel-wrapper .nav-arrow.next {
                    right: 15px;
                }

                /* Крапки - тепер дуже малесенькі */
                .promotions-carousel-wrapper .dots-container {
                    display: flex;
                    justify-content: center;
                    gap: 8px;
                    margin-top: 20px;
                }

                .promotions-carousel-wrapper .dot {
                    width: 7px;
                    height: 7px;
                    border-radius: 50%;
                    background-color: rgba(255, 255, 255, 0.3);
                    border: none;
                    cursor: pointer;
                    transition: all 0.3s;
                    padding: 0;
                }

                .promotions-carousel-wrapper .dot:hover {
                    background-color: rgba(255, 255, 255, 0.5);
                }

                .promotions-carousel-wrapper .dot.active {
                    background-color: white;
                    width: 24px;
                    border-radius: 12px;
                }
/* ---------- FAQ ---------- */
.faq{display:grid;gap:12px;}
.faq details{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:4px 22px;transition:border-color .18s;
}
.faq details[open]{border-color:var(--red)}
.faq summary{
  list-style:none;cursor:pointer;padding:16px 0;font-family:"Sora",sans-serif;
  font-weight:600;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--red);font-size:24px;font-weight:700;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 18px;color:var(--muted)}

/* ---------- CTA band ---------- */
.cta-band{background:linear-gradient(120deg,var(--surface-2),var(--surface));border-block:1px solid var(--line)}
.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:46px 22px;flex-wrap:wrap}
.cta-band h2{font-size:30px;font-weight:700;margin-bottom:6px}
.cta-band p{color:var(--muted)}

/* ---------- Footer ---------- */
.site-footer{background:var(--bg);border-top:1px solid var(--line);padding-top:46px}
.footer-grid{display:flex;justify-content:space-between;gap:34px;flex-wrap:wrap;padding-bottom:30px}
.footer-brand{max-width:420px}
.footer-brand img{height:40px;width:auto;margin-bottom:14px}
.footer-brand p{color:var(--muted);font-size:14px}
.footer-nav{display:flex;flex-direction:column;gap:10px;font-weight:600;color:var(--muted)}
.footer-nav a:hover{color:var(--text)}
.footer-rg{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--line);padding-top:24px;padding-bottom:24px}
.age{
  flex:0 0 auto;font-family:"Sora",sans-serif;font-weight:700;font-size:14px;
  border:2px solid var(--gold);color:var(--gold);border-radius:50%;width:46px;height:46px;
  display:grid;place-items:center;
}
.footer-rg p{color:var(--muted);font-size:13px}
.footer-base{border-top:1px solid var(--line);padding-top:18px;padding-bottom:30px}
.footer-base p{color:var(--muted);font-size:13px}

/* ---------- Promotions (text) ---------- */
.subhead{font-size:24px;font-weight:700;margin:46px 0 10px;color:var(--white)}
.promos-intro{color:var(--muted);max-width:72ch;margin-bottom:24px;font-size:16px}
.promo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.promo-item{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:22px;transition:transform .18s ease,border-color .18s ease;
}
.promo-item:hover{transform:translateY(-3px);border-color:var(--gold)}
.promo-item h4{font-size:17px;margin-bottom:8px;color:var(--gold)}
.promo-item p{color:var(--muted);font-size:14.5px;line-height:1.6}
@media(max-width:900px){.promo-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.promo-list{grid-template-columns:1fr}}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:34px}
  .hero-sub{max-width:none}
  .facts-grid{grid-template-columns:repeat(3,1fr)}
  .fact:nth-child(4){border-left:none}
  .bonus-grid{grid-template-columns:1fr}
  .slots-grid{grid-template-columns:repeat(3,1fr)}
  .proscons{grid-template-columns:1fr}
  .nav{display:none}
}
@media(max-width:560px){
  body{font-size:16px}
  .facts-grid{grid-template-columns:repeat(2,1fr)}
  .fact:nth-child(3){border-left:none}
  .slots-grid{grid-template-columns:repeat(2,1fr)}
  .header-cta{padding:10px 18px;font-size:14px}
  .section{padding:54px 0}
  .cta-band-inner{flex-direction:column;align-items:flex-start;text-align:left}
}