/* Sweden — sage canvas, forest panels, white copy and lime accents. */
:root{--se-page:#dceaf5;--se-panel:#102d52;--se-panel-2:#153d68;--se-panel-3:#194a7e;--se-white:#f5fbff;--se-muted:#c8dced;--se-lime:#76ed96;--se-ink:#183c59;--se-line:#abc8de;--se-dark-line:#456e96;--color-bg:var(--se-page);--color-accent:#105b91;--color-accent-2:#76ed96;--se-hero-overlay:linear-gradient(90deg,rgba(8,34,65,.96),rgba(8,34,65,.88) 43%,rgba(8,34,65,.78) 58%,rgba(8,34,65,.25) 75%,rgba(8,34,65,.02));--se-promo-overlay:linear-gradient(90deg,rgba(8,34,65,.94),rgba(8,34,65,.86) 43%,rgba(8,34,65,.7) 58%,rgba(8,34,65,.12) 75%,rgba(8,34,65,0))}
body.it-site.vn-site{background:var(--se-page);color:var(--se-ink);--it-ink:var(--se-page);--it-panel:var(--se-panel);--it-accent:var(--se-lime)}
.vn-site .header{background:var(--se-panel);border-bottom:1px solid var(--se-dark-line);box-shadow:0 3px 20px #17354a08}
.vn-site .header__menu,.vn-site .header__menu>ul{background:var(--se-panel);color:var(--se-white)}
.vn-site .header__menu a,.vn-site .header__store,.vn-site .header__lang{color:var(--se-white)}
.vn-site .header__menu a[aria-current]{color:var(--se-lime)}
.vn-site .header__logo img{object-fit:contain}
.vn-site .header__store img{filter:brightness(0) saturate(100%)}
.vn-site .button{background:var(--se-lime);color:#092e40;border:1px solid #4ecf78;box-shadow:none}
.vn-site .button.inverse{background:var(--se-panel-2);color:var(--se-white);border-color:#5a88ac}
.vn-site .button:hover{background:#a0f4b5;color:#092e40}
.vn-site .menu-button svg{fill:var(--se-lime)}
.vn-site .sidebar__left,.vn-site .sidebar__right,.vn-site .sidebar__item,.vn-site .fi-games,.vn-site .sidebar-navigation__list{background:var(--se-panel);color:var(--se-white)}
.vn-site .sidebar__left{border:1px solid var(--se-dark-line);border-radius:10px}
.vn-site .sidebar__right{border:1px solid var(--se-dark-line);border-radius:10px}
.vn-site .sidebar-quicklinks__list li>a,.vn-site .sidebar-quicklinks__list li>button,.vn-site .sidebar-navigation__list a{color:var(--se-white);border-color:var(--se-dark-line)}
.vn-site .sidebar-quicklinks__list img{filter:brightness(0) invert(1);opacity:.9}
.vn-site .sidebar-navigation__list a[aria-current],.vn-site .sidebar-navigation__list a:hover{background:var(--se-panel-3);color:var(--se-lime)}
.vn-site .sidebar-item__button,.vn-site .sidebar-navigation__button{background:var(--se-panel-3);color:var(--se-white)}
.vn-site .sidebar__button-wheel{background:var(--se-panel-2);color:var(--se-white)}
.vn-site .sidebar__button-prize{background:linear-gradient(125deg,#123a69,#13537c);color:var(--se-lime)}
.vn-site .prize-amount{font-size:22px}
.vn-site .fi-settings,.vn-site .fi-slip h2,.vn-site .fi-games h2{background:var(--se-panel-3);color:var(--se-white)}
.vn-site .fi-slip-body,.vn-site .fi-slip-login,.vn-site .fi-slip-tabs,.vn-site #fi-settings-body{background:var(--se-panel);color:var(--se-muted)}
.vn-site .fi-slip-tabs button{color:var(--se-muted);background:transparent}
.vn-site .fi-slip-tabs button[aria-selected=true]{color:var(--se-lime);border-color:var(--se-lime)}
.vn-site input{background:#214d77;color:var(--se-white);border:1px solid #648da9}
.vn-site .fi-game-link,.vn-site .fi-game-link span{color:var(--se-white)}
.vn-site .fi-slip-toggle{background:var(--se-panel-2);color:var(--se-lime);border:1px solid #5a88ac}
.vn-site .fi-section p,.vn-site .fi-section li{color:var(--se-ink)}
.vn-site .fi-section h2{color:#105b91;border-color:var(--se-line);font-weight:700}
.vn-site .fi-section h3,.vn-site .fi-author{color:#145d91}
.vn-site .fi-section{padding:26px 0;margin-bottom:20px}
.vn-site .fi-section p{line-height:1.8}
.vn-site .fi-table,.vn-site .fi-comparison-card{border-color:var(--se-dark-line);background:var(--se-panel);color:var(--se-white)}
.vn-site .fi-table td,.vn-site .fi-table th,.vn-site .fi-comparison-card li{border-bottom-color:var(--se-dark-line);color:var(--se-white)}
.vn-site .fi-table th,.vn-site .fi-comparison-card h3{color:var(--se-lime);background:none;border-color:var(--se-dark-line)}
.vn-site .fi-comparison-card li:last-child{border-bottom:0}
.vn-site .fi-hero.es-hero{height:500px;min-height:500px;background-color:var(--se-panel);background-image:var(--se-hero-overlay),var(--hero-image)}
.vn-site .es-hero h1{color:var(--se-white);text-shadow:0 2px 8px #001c3570;font-size:clamp(25px,2.15vw,34px);line-height:1.22}
.vn-site .es-hero .fi-description{color:var(--se-white);font-weight:500;text-shadow:0 1px 5px #001c3590;max-width:100%}
.vn-site .es-hero .fi-hero-copy{width:58%}
.vn-site .es-hero .fi-breadcrumb,.vn-site .es-hero .fi-breadcrumb a,.vn-site .es-hero .fi-breadcrumb span,.vn-site .es-hero .fi-rating{color:var(--se-white);text-shadow:0 1px 4px #001c3590}
.vn-site .fi-breadcrumb,.vn-site .fi-breadcrumb a,.vn-site .fi-breadcrumb span{color:#165b8d}
.vn-site .fi-rating{color:#245168;gap:10px;display:flex;align-items:center;flex-wrap:wrap}
.vn-site .fi-rating b{color:var(--se-lime)}
.vn-site .es-bonus{background:var(--se-panel)}
.vn-site .es-bonus:before{background:var(--se-promo-overlay)}
.vn-site .es-bonus h2{color:var(--se-white);font-weight:700;text-shadow:0 1px 5px #001c3590}
.vn-site .es-bonus p{color:var(--se-lime);font-weight:800;text-shadow:0 1px 5px #001c3590}
.vn-site .es-bonus>div{width:58%}
.vn-site .es-illustration{background:var(--se-panel);border:1px solid var(--se-dark-line);aspect-ratio:3/1;max-height:350px}
.vn-site .es-illustration img{width:100%;height:100%;max-height:350px;object-fit:cover;object-position:center}
.vn-site .se-text-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch;margin:22px 0}
.vn-site .se-pair-copy{min-width:0}
.vn-site .se-pair-copy p:last-child{margin-bottom:0}
.vn-site .se-text-pair>.es-illustration{margin:0;position:relative;height:auto;max-height:none;aspect-ratio:auto;min-height:0}
.vn-site .se-text-pair>.es-illustration img{position:absolute;inset:0;height:100%;max-height:none}
.vn-site .it-score-pair>.es-illustration{max-height:none;position:relative;aspect-ratio:auto}
.vn-site .it-score-pair>.es-illustration img{position:absolute;max-height:none}
.vn-site .it-list-scene{min-height:0;align-items:flex-start;background-color:var(--se-panel);border-color:var(--se-dark-line);background-image:linear-gradient(90deg,rgba(8,34,65,.95),rgba(8,34,65,.88) 48%,rgba(8,34,65,.8) 63%,rgba(8,34,65,.15) 82%,rgba(8,34,65,0)),var(--list-image);background-size:cover;background-repeat:no-repeat;background-position:center,right top}
.vn-site .it-list-scene ol{padding:0 16px;background:transparent;backdrop-filter:none;border-radius:0}
.vn-site .it-list-scene .fi-steps li{color:var(--se-white);border-bottom-color:#6c947c;text-shadow:0 1px 4px #001c3590}
.vn-site .it-list-scene .fi-steps li:before{color:var(--se-lime);border-color:var(--se-lime)}
.vn-site .it-feature-cards li{color:var(--se-white);background:var(--se-panel);border-color:var(--se-dark-line)}
.vn-site .it-offer-card p,.vn-site .it-offer-card h3{color:var(--se-white)}
.vn-site .it-gift-wrap{width:115px;height:130px;margin:0 0 8px 14px}
.vn-site .it-gift{width:100%;height:100%;position:static;transform:none;object-fit:contain}
.vn-site .fi-faq{background:var(--se-panel);border:1px solid var(--se-dark-line);color:var(--se-white)}
.vn-site .fi-faq summary,.vn-site .fi-section summary{color:var(--se-white)}
.vn-site .fi-download{background:var(--se-lime);color:#092e40;border:1px solid #4ecf78}
.vn-site .fi-download:before{filter:brightness(.3)}
.vn-site .footer{background:var(--se-panel);color:var(--se-white);border-top:1px solid var(--se-dark-line)}
.vn-site .footer a,.vn-site .footer h2,.vn-site .footer__desc{color:var(--se-white)}
.vn-site .footer__divider{background:var(--se-dark-line)}
.vn-site .footer__age{color:var(--se-lime);border-color:var(--se-lime)}
.vn-site .it-technical a{color:#125c3d}
.vn-site .fi-top{background:var(--se-lime);color:#092e40;border:1px solid #4ecf78}
.vn-site .fi-reviews blockquote{background:var(--se-panel);color:var(--se-white);border-color:var(--se-dark-line)}
.vn-site .fi-reviews strong,.vn-site .fi-reviews p{color:var(--se-white)}
.se-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:#c6eee1;color:#07674f;font-style:normal;font-size:16px;font-weight:700}
.vn-site .fi-review-carousel:after{display:none}
@media(min-width:761px) and (max-width:1250px){.vn-site .es-hero .fi-hero-copy{width:75%}.vn-site .es-hero{background-position:right center}}
/* Keep the amount and currency together above the free-spin line on tablets. */
@media(min-width:761px) and (max-width:1000px){.vn-site .es-bonus>div{width:68%}}
@media(max-width:900px){.vn-site .se-text-pair{grid-template-columns:1fr}.vn-site .se-text-pair>.es-illustration,.vn-site .it-score-pair>.es-illustration{height:300px;max-height:350px;aspect-ratio:auto}.vn-site .se-text-pair>.es-illustration img,.vn-site .it-score-pair>.es-illustration img{position:static}}
@media(max-width:760px){
.vn-site .header__menu{background:var(--se-panel)}
.vn-site .es-hero .fi-hero-copy{width:100%}.vn-site .es-hero .fi-description{font-size:14px;max-width:100%;color:var(--se-white);text-shadow:0 1px 5px #001c3590}.vn-site .es-hero h1{font-size:26px;color:var(--se-white);text-shadow:0 2px 8px #001c3570}
.vn-site .es-bonus:before{background:var(--se-promo-overlay)}
.vn-site .es-bonus>div{width:100%}.vn-site .es-bonus h2{max-width:85%;color:var(--se-white);text-shadow:0 1px 5px #001c3590}.vn-site .es-bonus p{font-size:clamp(20px,6.4vw,24px);color:var(--se-lime);text-shadow:0 1px 5px #001c3590}

.vn-site .se-text-pair>.es-illustration{height:280px}.vn-site .fi-section h2{font-size:24px;color:#105b91;border-color:var(--se-line)}.vn-site .fi-section p{font-size:16px;line-height:1.75}.vn-site .it-gift-wrap{width:85px;height:110px}.vn-site .footer__desc{padding-right:58px}}
@media(max-width:370px){.vn-site .header__button{font-size:9px;padding:9px 5px}.vn-site .header__logo{width:70px}.vn-site .header__lang{gap:3px}.vn-site .es-hero h1{font-size:23px;color:var(--se-white);text-shadow:0 2px 8px #001c3570}.vn-site .es-hero .fi-description{font-size:13px;color:var(--se-white);text-shadow:0 1px 5px #001c3590}}
/* Review motion approved for new locales; text and authors remain source data. */
.vn-site .se-carousel{padding:12px 0 4px;overflow:hidden}
.vn-site .se-carousel .fi-reviews{position:relative;overflow:hidden;display:block;padding:0;touch-action:pan-y;scroll-snap-type:none}
.vn-site .se-carousel .fi-reviews blockquote{position:absolute;top:0;left:50%;width:var(--review-width);min-width:0;max-width:none;margin:0;box-sizing:border-box;padding:24px;transform-origin:center top;will-change:transform,opacity}
.vn-site .se-carousel .fi-reviews blockquote p{line-height:1.75;max-height:330px;overflow:hidden}
.vn-site .se-carousel .fi-reviews blockquote.se-expanded p{max-height:none}
.vn-site .se-carousel .fi-review-controls{display:flex;gap:18px;align-items:center;justify-content:center;margin:12px 0 0}
.vn-site .se-carousel .fi-review-controls button{position:static;transform:none;width:40px;height:40px;color:var(--se-lime);background:var(--se-panel);border-radius:50%;font-size:25px;opacity:1;border-color:var(--se-dark-line)}
.vn-site .se-review-more{font-size:13px;color:var(--se-lime);text-decoration:underline;padding:12px 0 0;background:none;border:0}
.vn-site .header__store{background:var(--se-lime);color:#092e40;border:1px solid #4ecf78;border-radius:999px;box-shadow:none}.vn-site .header__store:hover{background:#a0f4b5;color:#092e40}
.vn-site .sidebar .sidebar-item__button{color:#fff}
.vn-site .sidebar .sidebar__button-wheel>span:last-child{color:var(--se-white)}
.vn-site .sidebar .sidebar__button-prize .prize-amount{color:var(--se-lime);font-size:20px}
.vn-site .sidebar .sidebar__button-prize .prize-label{color:var(--se-white)}
@media(max-width:760px){.vn-site .se-carousel .fi-reviews blockquote{padding:20px}.vn-site .se-carousel .fi-reviews blockquote p{max-height:350px}.vn-site .se-carousel .fi-reviews blockquote.se-expanded p{max-height:none}}
@media(prefers-reduced-motion:reduce){.vn-site .se-carousel *{scroll-behavior:auto}}
/* Match the height of the content without cutting the character's head. */
.vn-site .se-text-pair>.es-illustration img{object-position:center top}
.se-avatar{background-image:url('/assets/vn-art/review-portraits.webp');background-size:500% 200%;background-position:0 0}
.se-avatar-casino{background-position-y:100%}
.fi-reviews blockquote:nth-child(2) .se-avatar{background-position-x:25%}.fi-reviews blockquote:nth-child(3) .se-avatar{background-position-x:50%}.fi-reviews blockquote:nth-child(4) .se-avatar{background-position-x:75%}.fi-reviews blockquote:nth-child(5) .se-avatar{background-position-x:100%}
.vn-site .it-score-pair>.es-illustration img{object-position:center top}
.vn-site .it-technical>h1{margin-bottom:30px}.vn-site .it-technical>section{margin:30px 0}.vn-site .it-technical .se-source{margin-top:30px}
.vn-site .it-offer-card:nth-child(3){background:#154773;border-color:var(--se-dark-line)}.vn-site .it-offer-card:nth-child(4){background:#173f70;border-color:var(--se-dark-line)}


.vn-site .header__lang{white-space:nowrap}.vn-site .header__lang span{display:inline}
@media(max-width:760px){
.vn-site .header__lang{flex-direction:column;gap:1px;font-size:9px;line-height:1.1}.vn-site .header__lang-flag{height:16px;width:20px;object-fit:contain}
.vn-site{--se-hero-overlay:linear-gradient(90deg,rgba(8,34,65,.92),rgba(8,34,65,.8) 48%,rgba(8,34,65,.72) 78%,rgba(8,34,65,.5));--se-promo-overlay:linear-gradient(90deg,rgba(8,34,65,.92),rgba(8,34,65,.8) 48%,rgba(8,34,65,.7) 78%,rgba(8,34,65,.45))}
.vn-site .fi-hero.es-hero{background-position:78% center;background-image:var(--se-hero-overlay),var(--hero-mobile);background-color:var(--se-panel)}
}

/* A narrow content column gives the whole scene its own top area. */
@container content (max-width:650px){
.vn-site .it-list-scene{display:block;padding:240px 12px 12px;min-height:0;background-image:linear-gradient(0deg,#102d52,rgba(18,62,47,.94) 10%,rgba(18,62,47,0) 38%),var(--list-image);background-size:100% 260px,auto 260px;background-position:center top,right top;background-color:var(--se-panel);border-color:var(--se-dark-line)}
.vn-site .it-list-scene ol{width:100%;padding:0 8px}
}

/* Shared surfaces and text nested inside dark components. */
.vn-site .fi-slip{background:var(--se-panel)}
.vn-site .fi-slip-body p,.vn-site .fi-slip-login>span{color:var(--se-muted)}
.vn-site .fi-slip-body input{background:#214d77;color:var(--se-white);border-color:#648da9}
.vn-site input::placeholder{color:#c8dced;opacity:1}
.vn-site .fi-slip h2:before,.vn-site .fi-games h2:before{background:var(--se-lime)}
.vn-site .sidebar-item__button:after{background-color:var(--se-lime)}
.vn-site .fi-section .fi-faq p,.vn-site .fi-section .fi-faq li{color:var(--se-white)}
.vn-site .fi-faq summary:after{color:var(--se-lime)}
.vn-site .it-feature-cards li:nth-child(3n+2){background:#153d68;border-color:var(--se-dark-line)}
.vn-site .it-feature-cards li:nth-child(3n){background:#173f70;border-color:var(--se-dark-line)}
.vn-site .it-feature-cards li>span{color:var(--se-white)}
.vn-site .it-offer-card:nth-child(1){background:var(--se-panel);border-color:var(--se-dark-line)}
.vn-site .it-offer-card:nth-child(2){background:#194a7e;border-color:var(--se-dark-line)}
.vn-site .it-offer-card h3{color:var(--se-lime)}
.vn-site .fi-download:hover{background:#a0f4b5;color:#092e40}
.vn-site .footer__payment li{background:#dceaf5;border-color:#abc8de}

.vn-site .header__menu .header__store{color:#092e40}

.vn-site .fi-slip-login .button{color:#092e40}
.vn-site .sidebar-quicklinks__list li:nth-last-child(-n+2)>button{background:var(--se-panel-2);color:var(--se-white)}
.vn-site .fi-author.es-author-blue{color:#145d91}

:root{--vn-edge:#208cff}
.vn-site .fi-hero,.vn-site .es-bonus,.vn-site .es-app-promo{box-sizing:border-box;border:1px solid var(--vn-edge)}
.vn-site .prize-amount{font-size:17px;white-space:nowrap}.vn-site .prize-label{font-size:10px;max-width:145px;line-height:1.25}
.vn-site .fi-section h2{color:#105b91}
.vn-site .fi-slip-toggle{position:fixed;top:82px;right:10px;width:32px;height:32px;z-index:40}
.vn-site .fi-slip-toggle svg{width:20px;height:20px}
.vn-site .es-bonus p{font-size:25px}.vn-site .es-bonus>div{width:70%;max-width:none}
.vn-site .fi-hero-copy{padding-right:12px}
.vn-site .se-avatar{background-color:#195385}
@media(min-width:761px) and (max-width:1250px){.vn-site .es-bonus>div{width:85%}.vn-site .es-bonus p{font-size:23px}.vn-site .header__store{font-size:11px}.vn-site .header__login{padding-inline:12px}}
@media(max-width:760px){.vn-site .es-bonus>div{width:100%;padding:20px}.vn-site .es-bonus p{font-size:21px}.vn-site .header__lang{font-size:9px}.vn-site .header__signup{padding-inline:10px;font-size:12px}.vn-site .header__store{font-size:0}.vn-site .header__store img{width:16px;height:19px}.vn-site .es-hero h1{font-size:25px}.vn-site .fi-hero-copy{width:100%}}
@media(max-width:360px){.vn-site .es-hero h1{font-size:23px}.vn-site .fi-description{font-size:14px}.vn-site .es-bonus p{font-size:19px}}
.vn-site .sidebar .sidebar__button-prize{padding:8px 8px 8px 70px;position:relative;overflow:visible;width:100%;box-sizing:border-box}
.vn-site .sidebar .sidebar__button-prize .prize-amount{font-size:14px;white-space:nowrap;line-height:1.3}
.vn-site .sidebar .sidebar__button-prize .prize-label{font-size:9px;white-space:normal;line-height:1.25;text-align:left}
.vn-site .sidebar .sidebar__button-prize img{position:absolute;left:4px;width:62px;object-fit:contain}
.vn-site .it-list-scene{padding:28px}
.vn-site .it-list-scene ol.fi-steps{margin:0;padding:0}
.vn-site .it-list-scene .fi-steps li:first-child{padding-top:0}
.vn-site .it-list-scene .fi-steps li:last-child{padding-bottom:0;border-bottom:0}
@container content (max-width:650px){.vn-site .it-list-scene{padding:276px 20px 20px;background-image:linear-gradient(0deg,#102d52,rgba(16,45,82,.95) 10%,rgba(16,45,82,0) 38%),var(--list-image);background-size:100% 260px,auto 260px;background-position:center top,right top}.vn-site .it-list-scene ol.fi-steps{width:100%;margin:0;padding:0}}

@media(max-width:360px){.vn-site .header{gap:6px;padding-inline:8px}.vn-site .header__logo{width:68px}.vn-site .header>.header__login{padding-inline:7px;font-size:10px}.vn-site .header>.header__signup{padding-inline:7px;font-size:10px}}
@media(max-width:900px){.vn-site .se-text-pair>.es-illustration{order:-1}.vn-site .it-score-pair>.es-illustration{order:-1}}
@media(min-width:761px) and (max-width:1250px){.vn-site .sidebar .sidebar__button-prize{padding-left:59px;padding-right:4px}.vn-site .sidebar .sidebar__button-prize img{width:51px}.vn-site .sidebar .sidebar__button-prize .prize-amount{font-size:12px}.vn-site .sidebar .sidebar__button-prize .prize-label{font-size:8px}}
.vn-site .fi-hero.es-hero{background-position:right center}
@media(max-width:760px){.vn-site .fi-hero.es-hero{background-position:right center}}
@media(max-width:360px){.vn-site .header>.header__login{padding-inline:5px;gap:4px}.vn-site .header>.header__login svg{width:12px;height:12px;flex:0 0 12px}}

/* Browser feedback: keep the complete prize artwork inside its button. */
.vn-site .sidebar .sidebar__button-prize{overflow:hidden}
.vn-site .sidebar .sidebar__button-prize img{top:6px;bottom:auto;height:calc(100% - 12px);max-height:calc(100% - 12px);transform:none;margin:0;object-fit:contain}
/* Anchor the original wide artwork at its safe top edge. */
.vn-site .fi-hero.es-hero{background-position:right top}
.vn-site .es-bonus>img{object-position:right top}
.vn-site .es-app-promo>img{object-position:center top}
/* Short step lists keep the full scene height instead of cropping the face. */
@container content (min-width:651px){.vn-site .it-list-scene{background-size:100% 100%,auto 100%;background-position:center,right top}}
/* Stacked illustrations have enough height for the complete portrait. */
@media(max-width:900px){.vn-site .se-text-pair>.es-illustration,.vn-site .it-score-pair>.es-illustration{height:auto;min-height:280px;max-height:none;aspect-ratio:3/2}}
@media(max-width:760px){.vn-site .es-app-promo>img{object-position:65% top}}

@media(max-width:900px){.vn-site .se-text-pair>.es-illustration img[src$="/app-6.webp"]{object-position:center 10%}}

/* Continuous scenes, with a soft shade ending at the measured copy boundary. */
.vn-site .fi-hero.es-hero,.vn-site .es-bonus,.vn-site .it-list-scene{--vn-stacked:0;--vn-shade-end:66%;position:relative;isolation:isolate;overflow:hidden}
.vn-site .fi-hero.es-hero{background-image:var(--hero-image)}
.vn-site .it-list-scene{background-image:var(--list-image);background-size:cover;background-position:right top}
.vn-site .fi-hero.es-hero::before,.vn-site .es-bonus::before,.vn-site .it-list-scene::before{content:"";position:absolute;left:0;top:0;bottom:auto;width:var(--vn-shade-end);height:100%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,34,65,.92) 0%,rgba(8,34,65,.86) 62%,rgba(8,34,65,.66) 82%,rgba(8,34,65,0) 100%)}
@container content (max-width:850px){
.vn-site .fi-hero.es-hero,.vn-site .es-bonus,.vn-site .it-list-scene{--vn-stacked:1;display:block}
.vn-site .fi-hero.es-hero{height:auto;min-height:500px;padding:260px 20px 24px;background-image:var(--hero-image);background-size:cover;background-position:right top}
.vn-site .fi-hero.es-hero .fi-hero-copy{width:100%;padding:0}
.vn-site .es-bonus{height:auto;min-height:350px;padding:220px 20px 24px}
.vn-site .es-bonus>div{width:100%;padding:0}
.vn-site .es-bonus h2{max-width:100%}
.vn-site .it-list-scene{padding:276px 20px 20px;background-image:none}
.vn-site .it-list-scene ol.fi-steps{width:100%;padding:0;margin:0}
.vn-site .it-list-scene::after{content:"";position:absolute;inset:0 0 auto;height:260px;z-index:-2;background-image:var(--list-image);background-size:cover;background-position:right top;pointer-events:none}
.vn-site .fi-hero.es-hero::before,.vn-site .es-bonus::before,.vn-site .it-list-scene::before{top:var(--vn-shade-top,236px);width:100%;height:var(--vn-shade-height,100%);background:linear-gradient(180deg,rgba(8,34,65,0),rgba(8,34,65,.9) 32px,rgba(8,34,65,.97) 80px)}
}
@media(max-width:760px){.vn-site .fi-hero.es-hero{background-image:var(--hero-mobile)}}
@container content (min-width:851px){.vn-site .es-hero .fi-hero-copy{width:58%}.vn-site .es-bonus>div{width:64%}}
/* Keep the portrait framing independent of the translated mobile copy height. */
@container content (max-width:850px){
.vn-site .fi-hero.es-hero{background-image:none}
.vn-site .fi-hero.es-hero::after{content:"";position:absolute;inset:0 0 auto;height:260px;z-index:-2;pointer-events:none;background-image:var(--hero-image);background-size:cover;background-position:right top}
}
@media(max-width:760px){.vn-site .fi-hero.es-hero{background-image:none}.vn-site .fi-hero.es-hero::after{background-image:var(--hero-mobile)}}

/* Responsive review R3: edge drawer control, locale inside the mobile menu. */
@media(max-width:1250px){.vn-site>.fi-slip-toggle{position:fixed;right:0;top:104px;width:36px;height:44px;max-width:none;margin:0;padding:7px;z-index:1000;border-radius:7px 0 0 7px;background:var(--se-panel-2);color:var(--se-lime)}}
@media(max-width:760px){.vn-site>.fi-slip-toggle{top:90px}.vn-site .header__menu>.header__lang{display:flex;gap:10px;align-items:center;padding:16px;font-size:13px;border-bottom:1px solid var(--se-dark-line)}}
/* Begin blending over the lower part of the image, before the list starts. */
@container content (max-width:850px){.vn-site .it-list-scene::before{background:linear-gradient(180deg,rgba(16,45,82,0),rgba(16,45,82,.5) 36px,#102d52 80px)}}
/* Promo copy stays centred on the left, over a full-frame scene at every size. */
@container content (max-width:850px){
.vn-site .es-bonus{--vn-stacked:0;display:flex;align-items:center;height:auto;min-height:320px;padding:24px 20px}
.vn-site .es-bonus>div{width:64%;padding:0}
.vn-site .es-bonus::before{top:0;height:100%;width:var(--vn-shade-end);background:linear-gradient(90deg,rgba(8,34,65,.96),rgba(8,34,65,.88) 62%,rgba(8,34,65,.66) 82%,rgba(8,34,65,0))}
.vn-site .es-bonus>img{object-position:65% top}
.vn-site .es-bonus h2{font-size:16px}
.vn-site .es-bonus p{font-size:22px}
}
@media(max-width:760px){.vn-site .es-bonus{padding:20px 16px;min-height:300px}.vn-site .es-bonus>div{width:62%}.vn-site .es-bonus h2{font-size:14px}.vn-site .es-bonus p{font-size:18px}.vn-site .es-bonus .button{font-size:12px;padding:11px 14px;min-height:40px}.vn-site .es-bonus>img{object-position:55% top}}
@media(max-width:360px){.vn-site .es-bonus>img{object-position:65% top}}
/* Hero uses the same continuous background composition as promo banners. */
@container content (max-width:850px){
.vn-site .fi-hero.es-hero{--vn-stacked:0;display:flex;align-items:center;height:auto;min-height:500px;padding:28px 20px;background-image:var(--hero-image);background-size:cover;background-position:65% top}
.vn-site .fi-hero.es-hero::after{content:none}
.vn-site .fi-hero.es-hero .fi-hero-copy{width:64%;padding:0}
.vn-site .fi-hero.es-hero::before{top:0;height:100%;width:var(--vn-shade-end);background:linear-gradient(90deg,rgba(8,34,65,.96),rgba(8,34,65,.88) 62%,rgba(8,34,65,.66) 82%,rgba(8,34,65,0))}
}
@media(max-width:760px){
.vn-site .fi-hero.es-hero{background-image:var(--hero-image);background-position:55% top;padding:26px 16px}
.vn-site .fi-hero.es-hero .fi-hero-copy{width:68%}
.vn-site .fi-hero.es-hero h1{font-size:23px}
.vn-site .fi-hero.es-hero .fi-description{font-size:13px;line-height:1.6}
.vn-site .fi-hero.es-hero .fi-rating{font-size:10px}
.vn-site .fi-hero.es-hero .button{font-size:12px;padding:12px 16px}
}
@media(max-width:360px){.vn-site .fi-hero.es-hero h1{font-size:21px}.vn-site .fi-hero.es-hero{background-position:65% top}}

@container content (max-width:850px){.vn-site .fi-hero.es-hero{background-position:var(--vn-hero-position,100%) top}}

@media(max-width:760px){.vn-site .fi-hero.es-hero .fi-hero-copy{width:66%}}
/* Mobile drawer: keep the app label visible and separate it from the locale. */
@media(max-width:760px){
.vn-site .header__menu>.header__lang{margin-bottom:16px}
.vn-site .header__menu>.header__store{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;margin:0 0 18px;padding:12px 14px;font-size:12px;line-height:1.3;white-space:normal}
.vn-site .header__menu>.header__store img{flex:0 0 auto;width:16px;height:20px}
.vn-site .header__menu>.header__store span{display:block;font-size:12px;line-height:1.3}
}

/* Header groups: navigation stays on one line; account actions stay at the right. */
.vn-site .header>.header__logo,.vn-site .header>.header__lang,.vn-site .header>.header__button{flex-shrink:0}
.vn-site .header__menu>ul>li,.vn-site .header__menu>ul>li>a{white-space:nowrap}
@media(min-width:761px){
.vn-site .header>.header__menu{flex:0 0 auto;margin-left:0}
.vn-site .header>.header__lang{margin-left:auto}
.vn-site .header>.header__button{white-space:nowrap}
}
@media(min-width:761px) and (max-width:1250px){
.vn-site .header{gap:12px;padding-inline:14px}
.vn-site .header>.header__store{display:none}
.vn-site .header>.header__logo{width:100px}
.vn-site .header__menu>ul{gap:16px}
.vn-site .header__menu>ul>li>a{font-size:13px}
}
@media(min-width:761px) and (max-width:900px){
.vn-site .header{gap:8px;padding-inline:12px}
.vn-site .header>.header__logo{width:90px}
.vn-site .header__menu>ul{gap:12px}
.vn-site .header__menu>ul>li>a{font-size:12px}
.vn-site .header>.header__button{font-size:11px;padding-inline:12px}
}
@media(max-width:760px){
.vn-site .header{justify-content:flex-start;gap:8px}
.vn-site .header>.header__login{margin-left:auto}
.vn-site .header>.header__signup{margin-left:0}
}
@media(min-width:1251px){.vn-site>.fi-slip-toggle{display:none}}