/* User's annotated revision: distinct instructions, colorful offers and editorial reviews. */
.it-site .es-hero{height:500px;min-height:500px;max-height:none}
.it-site .it-list-scene{border:1px solid #49cbb4;padding:22px;border-radius:12px;background-color:#10233b;min-height:300px;display:flex;align-items:center}
.it-site .it-list-scene ol{width:65%;display:grid;gap:12px;margin:0;padding:0}
.it-site .it-list-scene .fi-steps li{display:flex;align-items:flex-start;gap:14px;padding:16px;margin:0;min-height:0;border:1px solid #3f647b;background:rgba(23,49,72,.94);border-radius:9px;line-height:1.65}
.it-site .it-list-scene .fi-steps li:before{position:static;flex:0 0 30px;width:30px;height:30px;margin:0;display:grid;place-items:center;background:#48e0b9!important;color:#082e38;font-weight:700}
.it-site .it-list-scene .fi-steps li>span{padding:2px 0 0;border:0;background:none;border-radius:0;font-weight:400;min-width:0}
.it-site .it-feature-cards{margin:24px 0;background:none;border:0;padding:0}
.it-site .it-feature-cards ul{display:grid;gap:14px;width:100%;padding:0;margin:0;background:none}
.it-site .it-feature-cards li{display:flex;align-items:center;gap:22px;min-height:104px;padding:22px 24px;margin:0;background:#b9eee0;border:1px solid #42d9b3;border-radius:12px;color:#092d3b}
.it-site .it-feature-cards li:nth-child(3n+2){background:#bfddee;border-color:#68bde6}
.it-site .it-feature-cards li:nth-child(3n){background:#d0d7f5;border-color:#99aafa}
.it-site .it-feature-cards li:before{display:none}
.it-site .it-feature-cards li>span{color:inherit;background:none;border:0;padding:0;border-radius:0;flex:1;font-weight:400}
.it-feature-icon{display:block;flex:0 0 66px;width:66px;height:66px;background-image:url('/assets/it-art/list-icons.webp');background-size:400% 200%;background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat}
.it-site .it-offer-card{background:#b9eee0;border:1px solid #42d9b3;padding:24px;border-radius:12px}
.it-site .it-offer-card:nth-child(2n){background:#bfddee;border-color:#68bde6}
.it-site .it-offer-card h3{color:#07584d}
.it-site .it-offer-card p{color:#102f40}
.it-site .fi-comparison-card{background:transparent;border:1px solid #388e8d;border-radius:10px;padding:0 22px}
.it-site .fi-comparison-card h3{background:none;color:#42e8be;padding:22px 0 18px;border-bottom:1px solid #64818d;margin:0}
.it-site .it-comparison-rows{background:none;margin:0;padding:0}
.it-site .fi-comparison-card ul{width:100%;margin:0;padding:0;list-style:none}
.it-site .fi-comparison-card li{margin:0;padding:18px 0 18px 26px;border-bottom:1px solid #536b7b;background:none;border-radius:0;line-height:1.65;color:#e1e8f1}
.it-site .fi-comparison-card li:before{top:18px;left:0}
.it-site .fi-comparison-card li:last-child{border-bottom:0}
.it-site .sidebar-item__button{background:#226b79;color:#fff}
.it-site .sidebar-navigation__button{background:#17695c}
.it-site .sidebar-item__button:after{background:#5fe3ba;color:#07372e}
.it-site .fi-download{background:#4ce7b8;color:#082e38;border:1px solid #8dffdb;box-shadow:0 4px 16px #07182c55}
.it-site .fi-download:before{filter:brightness(0) saturate(100%);opacity:.85}
.it-site .fi-download:hover{background:#89ffdb;color:#082e38}
.it-site .fi-main>:last-child{margin-bottom:0;padding-bottom:0}
.it-site .fi-main>:last-child>:last-child{margin-bottom:0}
.it-site .fi-layout{padding-bottom:12px}
.it-site .footer{margin-top:0}
.it-site .fi-review-carousel{position:relative;padding:0 36px;border-radius:0;overflow:hidden;background:none}
.it-site .fi-reviews{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:0;align-items:stretch}
.it-site .fi-reviews::-webkit-scrollbar{display:none}
.it-site .fi-reviews blockquote{flex:0 0 32%;min-width:285px;padding:24px;text-align:left;background:#263d50;border:1px solid #426a7a;border-radius:18px;scroll-snap-align:start;color:#f1f7fa}
.it-site .fi-reviews p{font-size:15px;line-height:1.8;color:#edf5f9;margin:0}
.it-site .fi-reviews strong{display:flex;align-items:center;gap:12px;min-height:52px;margin:0 0 24px;color:#fff;font-size:16px;line-height:1.4;text-transform:none}
.it-avatar{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background-image:url('/assets/it-art/review-avatars.webp');background-size:500% 200%;background-position:var(--avatar-x) var(--avatar-y);border:2px solid #70d9bf}
.it-site .fi-review-controls{margin:0;display:block}
.it-site .fi-review-controls button{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:40px;background:#236e74;color:white;border:1px solid #4db9ad;border-radius:20px;font-size:27px}
.it-site .fi-review-controls button:first-child{left:0}
.it-site .fi-review-controls button:last-child{right:0}
.it-site .fi-review-controls button:disabled{opacity:.35;cursor:default}
.it-site .fi-review-controls button:focus-visible{outline:2px solid #6bf0c8;outline-offset:2px}
@media(max-width:1100px){.it-site .fi-reviews blockquote{flex-basis:47%;min-width:255px}.it-site .it-list-scene ol{width:70%}}
@media(max-width:760px){
 .it-site .es-hero{height:500px;min-height:500px}
 .it-site .it-list-scene{display:block;padding:190px 12px 12px;min-height:0;background-size:auto 240px;background-repeat:no-repeat;background-position:right top;background-image:linear-gradient(0deg,#10233b,transparent 40%),var(--list-image)}
 .it-site .it-list-scene ol{width:100%;gap:10px}
 .it-site .it-list-scene .fi-steps li{padding:14px;gap:12px}
 .it-site .it-feature-cards li{padding:18px;gap:16px;align-items:flex-start}
 .it-feature-icon{flex-basis:48px;width:48px;height:48px}
 .it-site .it-offer-card{padding:20px}
 .it-site .fi-comparison-card{padding:0 18px}
 .it-site .fi-review-carousel{padding:0 30px}
 .it-site .fi-reviews{gap:14px}
 .it-site .fi-reviews blockquote{flex-basis:100%;min-width:0;padding:20px 18px}
 .it-site .fi-reviews strong{font-size:15px;gap:10px}
 .it-avatar{flex-basis:40px;width:40px;height:40px}
 .it-site .fi-review-controls button{width:26px;height:36px}
}
@media(min-width:1101px){.it-site .fi-review-carousel:after{content:'';position:absolute;right:36px;top:0;bottom:0;width:22px;pointer-events:none;background:linear-gradient(90deg,transparent,#0b142bc9)}}

/* Second annotated pass: soft overlays and table-style instruction rows. */
.it-site .sidebar-item__button,.it-site .sidebar-navigation__button{background-color:#226b79}
.it-site .sidebar-item__button:after,.it-site .sidebar-item__button[aria-expanded=false]:after{content:'';background:#5fe3ba url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='m6 13 5-5 5 5' fill='none' stroke='%2307372e' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px 22px no-repeat;transform:rotate(0deg)}
.it-site .sidebar-item__button[aria-expanded=false]:after{transform:rotate(180deg)}
.it-site .it-list-scene{background-image:linear-gradient(90deg,rgba(10,30,48,.62),rgba(10,30,48,.3) 48%,transparent 72%),var(--list-image)}
.it-site .it-list-scene ol{gap:0;background:linear-gradient(90deg,rgba(24,74,91,.24),rgba(24,74,91,.08));border-radius:10px;padding:0 16px}
.it-site .it-list-scene .fi-steps li{padding:18px 0;border:0;border-bottom:1px solid #80bbbf66;background:none;border-radius:0;margin:0}
.it-site .it-list-scene .fi-steps li:before{background:transparent!important;border:1px solid #53e6c1;color:#83f9d7}
.it-site .es-hero{background-image:linear-gradient(90deg,rgba(8,30,60,.8),rgba(8,30,60,.48) 43%,transparent 72%),var(--hero-image)}
.it-site .es-bonus:before{background:linear-gradient(90deg,rgba(8,30,60,.76),rgba(8,30,60,.43) 43%,transparent 72%)}
.it-site .it-offer-card:nth-child(1){background:#b9eee0;border-color:#42d9b3}
.it-site .it-offer-card:nth-child(2){background:#bfddee;border-color:#68bde6}
.it-site .it-offer-card:nth-child(3){background:#ded3f3;border-color:#b5a0e4}
.it-site .it-offer-card:nth-child(4){background:#f4dfb9;border-color:#dfb76f}
.it-site .it-score-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.it-site .it-score-pair>.es-illustration{margin:0;aspect-ratio:auto;height:100%;max-height:350px;min-height:0}
.it-site .it-score-pair>.es-illustration img{height:100%;object-fit:cover;object-position:center}
.it-site .it-score-pair>.fi-table{margin:0;min-width:0;padding:8px 16px}
.it-site .it-score-pair table{min-width:0;width:100%}
.it-site .it-score-pair th,.it-site .it-score-pair td{padding:9px 8px;line-height:1.5}
@media(min-width:761px){.it-site .fi-reviews blockquote{flex:0 0 calc((100% - 40px)/2.5);min-width:0}}
@media(max-width:900px){.it-site .it-score-pair{grid-template-columns:1fr}.it-site .it-score-pair>.es-illustration{aspect-ratio:3/1;height:auto}}
@media(max-width:760px){
 .it-site .es-hero{background-image:linear-gradient(90deg,rgba(8,30,60,.72),rgba(8,30,60,.44) 60%,rgba(8,30,60,.08)),var(--hero-mobile)}
 .it-site .it-list-scene{background-image:linear-gradient(0deg,#10233b,transparent 35%),var(--list-image)}
 .it-site .it-list-scene ol{padding:0 8px}
 .it-site .it-list-scene .fi-steps li{padding:16px 0}
}

/* Adapt cards to their actual content column, including the tablet sidebar. */
.it-site .fi-main{container-type:inline-size;container-name:content}
.it-site .sidebar-navigation__list a{border-bottom-color:#31445b}
.it-site .it-bonus-hero{background-position:right center}
@container content (max-width:900px){
 .it-site .fi-reviews blockquote{flex:0 0 calc((100% - 20px)/2);min-width:0}
 .it-site .fi-review-carousel:after{display:none}
}
@container content (max-width:650px){
 .it-offer-grid{grid-template-columns:minmax(0,1fr)}
 .it-site .fi-reviews blockquote{flex-basis:100%;min-width:0}
 .it-site .fi-reviews strong{overflow-wrap:anywhere}
}
@container content (max-width:420px){
 .it-gift-wrap{width:80px;height:100px;margin:0 0 0 10px}
 .it-site .it-gift{width:205px;height:205px}
 .it-site .it-feature-cards li{gap:12px;padding:16px}
}
@media(min-width:761px) and (max-width:1000px){
 .it-site .it-list-scene{background-position:calc(100% + 100px) center}
 .it-site .it-list-scene ol{width:65%;padding:0 8px}
}

/* A subtle extra mobile overlay keeps promotional copy legible. */
@media(max-width:760px){
 .it-site .es-hero{background-image:linear-gradient(90deg,rgba(8,30,60,.79),rgba(8,30,60,.51) 60%,rgba(8,30,60,.15)),var(--hero-mobile)}
 .it-site .es-bonus:before{background:linear-gradient(90deg,rgba(8,30,60,.83),rgba(8,30,60,.50) 43%,rgba(8,30,60,.07) 72%)}
}
@media(max-width:760px){
 .it-site .es-bonus>div{width:100%}
 .it-site .es-bonus h2{max-width:75%}
 .it-site .es-bonus p{font-size:clamp(20px,6.4vw,24px)}
}

/* Keep the age label clear of the fixed scroll-to-top control. */
.it-site .footer__desc{padding-right:64px}
/* Keep the Casino host visible in narrow hero crops. */
@media(max-width:1250px){.it-site .it-casino-hero{background-position:62% center}}
