/* frank-casino-ro.ro — vab (cards) */
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#171b24;color:#ffffff;font-family:Roboto,system-ui,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3{margin:0 0 .6em;line-height:1.2}p{margin:0 0 1em}
.vab-main{background:#171b24;color:#e9ecf2}
.vab-intro-in,.vab-sec,.vab-band-in,.vab-tech .vab-sec{max-width:880px;margin:0 auto;padding:28px 16px}
.vab-intro-in p:first-child{font-size:1.12em}
.vab-sec h2,.vab-band-in h2{font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:800}
.vab-img{border-radius:8px;margin:0 0 18px}
.vab-list{padding:0;margin:0 0 1em;list-style:none}.vab-list li{padding:8px 0 8px 26px;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.vab-list li::before{content:"";position:absolute;left:4px;top:15px;width:9px;height:9px;border-radius:50%;background:#ffb124}
.vab-steps{counter-reset:s;padding:0;margin:0 0 1em;list-style:none;display:grid;gap:10px}.vab-steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;background:#1e2430;border-radius:8px;padding:14px 16px}.vab-steps li::before{content:counter(s);flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#ffb124;color:#111;font-weight:800;display:grid;place-items:center}
.vab-tw{overflow:auto;margin:0 0 1em}.vab-table{width:100%;border-collapse:collapse;font-size:.95em}.vab-table th{background:#ffb124;color:#111;text-align:left;padding:10px 12px;font-weight:800}.vab-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}
.vab-faq{display:grid;gap:8px;margin:0 0 1em}.vab-faq-i{background:#1e2430;border-radius:8px;padding:14px 16px 4px}.vab-faq-q{font-size:1.02em;font-weight:700;margin:0 0 8px;padding-left:26px;position:relative}.vab-faq-q::before{content:"?";position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;background:#ffb124;color:#111;font-size:.85em;display:grid;place-items:center}.vab-faq-a p{margin:0 0 10px}
.vab-cta{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between;max-width:848px;margin:8px auto;padding:18px 22px;border-radius:8px;background:linear-gradient(90deg,#ffb124,#b12509);color:#111}.vab-cta span{font-weight:900;font-size:1.15em;text-transform:uppercase}.vab-cta em{font-style:normal;font-weight:600}
.vab-cta-sm{display:inline-block;background:#ffb124;color:#111;font-weight:800;padding:12px 22px;border-radius:999px}
.vab-foot{background:#000;color:rgba(255,255,255,.72);padding:36px 16px 20px;border-top:1px solid rgba(255,255,255,.1)}.vab-foot-grid{max-width:1120px;margin:0 auto;display:grid;gap:24px;grid-template-columns:1fr}.vab-foot a{display:block;padding:3px 0}.vab-foot-logo{font-weight:900;font-size:1.3em;color:#fff}.vab-foot-h{font-weight:800;color:#fff;margin:0 0 6px}
.vab-rg{max-width:1120px;margin:24px auto 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.vab-rg a{padding:0}.vab-rg img{height:36px;width:auto}.vab-18 img{height:36px}
.vab-upd{max-width:1120px;margin:16px auto 0;font-size:.9em}.vab-copy{max-width:1120px;margin:4px auto 0;font-size:.85em;color:rgba(255,255,255,.5)}
.vab-tech h1{font-size:2rem;font-weight:900}
.qiv-logo-img{height:34px;width:auto;display:block}
@media(min-width:900px){.vab-foot-grid{grid-template-columns:2fr 1fr 1fr}}

.vab-sec h2{padding-left:16px;border-left:5px solid #ffb124}.vab-t-bonus .vab-steps{grid-template-columns:1fr}@media(min-width:760px){.vab-t-bonus .vab-steps{grid-template-columns:repeat(3,1fr)}.vab-t-bonus .vab-steps li{flex-direction:column;border:1px solid #ffb124;background:transparent}}
/* первый экран — шаблон Frank Casino (официал frankcasino.ro/ro/), serp-brief/hero-templates/frank.mjs */
@font-face{font-family:Roboto;font-weight:300 700;font-display:swap;src:url(/assets/fonts/roboto-latin.woff2) format("woff2")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:#171b24}
body{margin:0;background:#171b24;color:#fff;font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.qiv-x a{text-decoration:none}
.qiv-i{display:block;width:24px;height:24px;flex:none;fill:currentColor}
.qiv-ab,.qiv-hd__bg,.qiv-hd__sel,.qiv-bb{display:none}
.qiv-hd{position:sticky;top:0;z-index:40;background:#1e2430;padding-top:2px}
.qiv-hd__in{display:flex;align-items:center;height:60px;margin:0 36px;padding:0 20px}
.qiv-hd__logo{display:block;flex:none;width:125px;height:41px;margin-right:40px}
.qiv-hd__logo img{display:block;width:125px;height:41px}
.qiv-hd__find{display:flex;align-items:center;flex:none;height:32px;padding:0 16px;margin-right:40px;border-radius:8px;background:#30394d;color:#fff;font-size:15px;line-height:17.25px}
.qiv-hd__find .qiv-i{width:18px;height:18px}.qiv-hd__find span{margin-left:10px}
.qiv-hd__nav{display:flex;align-items:center;height:60px;gap:25px;white-space:nowrap}
.qiv-hd__a{display:flex;align-items:center;height:60px;color:#a8b0bf;font-size:14px}
.qiv-hd__a:hover,.qiv-hd__a.qiv-on{color:#ffb124}
.qiv-hd__car{width:10px;height:6px;margin-left:5px}
.qiv-hd__wh{display:flex;align-items:center;flex:none;height:32px;margin-left:20px;padding:4px 16px 4px 3px;border-radius:8px;background:linear-gradient(97.7deg,#2370b7 -.07%,#012b6a 99.93%);color:#a8b0bf;font-size:14px;line-height:20px}
.qiv-hd__wh img{display:block;width:24px;height:24px;margin-right:5px;border-radius:50%}
.qiv-hd__vip{display:flex;align-items:center;justify-content:center;flex:none;height:32px;margin:0 20px;padding:0 16px;border-radius:8px;background:#30394d;color:#a8b0bf;font-size:14px}
.qiv-hd__sp{flex:1}
.qiv-btn{display:flex;align-items:center;justify-content:center;flex:none;height:32px;padding:6px 16px;border-radius:32px;color:#fff;font-size:14px;line-height:18.2px;white-space:nowrap}
.qiv-btn--in{border:1px solid #fff}
.qiv-btn--up{margin-left:24px;background:#b12509}
.qiv-btn:hover{filter:brightness(1.12)}
.qiv-hd__lang{display:flex;align-items:center;justify-content:center;flex:none;width:50px;height:32px;margin-left:24px;border-radius:5px;background:#30394d;color:#fff;font-size:14px;text-transform:uppercase}
.qiv-hd__help{flex:none;margin-left:25px;color:#ffb124}
.qiv-fs{padding:16px 0 0}
.qiv-st{display:flex;justify-content:center;gap:34px;padding:0 20px;overflow-x:auto;scrollbar-width:none}
.qiv-st::-webkit-scrollbar{display:none}
.qiv-st__a{flex:0 0 151px;display:flex;flex-direction:column;align-items:center;color:#fff}
.qiv-st__r{display:flex;align-items:center;justify-content:center;width:151px;height:151px;padding:2px;border-radius:50%;background:linear-gradient(45deg,#ffc600,#ff5400 100%,#fa821f 100%)}
.qiv-st__in{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#171b24}
.qiv-st__in img{display:block;width:125px;height:125px;border-radius:50%;object-fit:cover}
.qiv-st__t{display:block;max-width:150px;padding:5px 0;min-height:42px;font-size:12px;line-height:16px;text-align:center}
.qiv-ct{display:flex;justify-content:center;align-items:flex-start;margin:12px 28px 0;padding:20px}
.qiv-ct__a{display:flex;flex-direction:column;align-items:center;flex:none;margin-right:55px;color:#fff}
.qiv-ct__a .qiv-i{width:40px;height:40px;margin-bottom:4px}
.qiv-ct__a span{font-size:12px;line-height:18px;letter-spacing:.5px;white-space:nowrap}
.qiv-ct__a:hover span{color:#ffb124}
.qiv-ct__more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none;width:24px;height:48px;margin-top:-3px;border-radius:6px;background:#30394d}
.qiv-ct__more i{display:block;width:5px;height:5px;border-radius:50%;background:#ffb124}
.qiv-gr{margin:0 28px 20px;padding:0 20px}
.qiv-gr__h{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:22px}
.qiv-gr__t{display:flex;align-items:center;color:#fff;font-size:25px;font-weight:500}
.qiv-gr__t .qiv-i{width:24px;height:24px;margin-right:16px}
.qiv-gr__all{color:#ffb124;font-size:14px;font-weight:500;text-decoration:underline!important}
.qiv-gr__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding-top:8px}
.qiv-gc{position:relative;display:flex;flex-direction:column;border-radius:8px;color:#fff}
.qiv-gc img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px 6px 0 0}
.qiv-gc__b{position:absolute;top:-8px;right:-4px;z-index:2;display:flex;align-items:center;gap:2px;height:24px;padding:4px;border-radius:4px;background:#5439a3;font-size:12px;font-weight:600}
.qiv-gc__b .qiv-i{width:16px;height:16px}
.qiv-gc__f{display:flex;flex-direction:column;padding:9px 8px;border-radius:0 0 6px 6px;background:#30394c}
.qiv-gc__f b,.qiv-gc__f span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qiv-gc__f b{font-size:12px;font-weight:400;line-height:14.6px}
.qiv-gc__f span{font-size:10px;line-height:14px;color:rgba(255,255,255,.6)}
.qiv-gc:hover img{filter:brightness(1.1)}
@media (max-width:1300px){.qiv-hd__a:nth-child(5){display:none}.qiv-ct__a{margin-right:36px}}
@media (max-width:1180px){.qiv-hd__a:nth-child(2),.qiv-hd__a:nth-child(3){display:none}.qiv-hd__find{margin-right:24px}.qiv-gr__row{grid-template-columns:repeat(4,minmax(0,1fr))}.qiv-gc:nth-child(n+5){display:none}.qiv-st{justify-content:flex-start}}
@media (max-width:1000px){.qiv-hd__vip,.qiv-hd__lang{display:none}.qiv-ct{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}}
@media (max-width:760px){
  body{padding-bottom:80px}
  .qiv-ab{display:flex;align-items:center;height:48px;padding:4px 10px;background:#171b24}
  .qiv-ab__x{display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:10px;color:#ffb124}
  .qiv-ab__x .qiv-i{width:16px;height:16px}
  .qiv-ab__ic{display:block;width:38px;height:38px;margin-right:10px}
  .qiv-ab__t{display:flex;flex-direction:column;flex:1;min-width:0}
  .qiv-ab__t b{font-size:12px;font-weight:500;line-height:14px;color:#fff}
  .qiv-ab__t>span:not(.qiv-ab__r){margin:2px 0;font-size:10px;line-height:13px;color:rgba(255,255,255,.76)}
  .qiv-ab__r{display:flex}
  .qiv-ab__st{width:9px;height:9px}
  .qiv-ab__st--off{opacity:.35}
  .qiv-ab__btn{display:flex;align-items:center;height:32px;padding:6px 16px;border-radius:32px;background:#b12509;color:#fff;font-size:14px;line-height:18.2px}
  .qiv-hd{position:relative;padding-top:2px}
  .qiv-hd__in{position:relative;height:40px;margin:0;padding:0 10px;justify-content:space-between}
  .qiv-hd__find,.qiv-hd__nav,.qiv-hd__wh,.qiv-hd__vip,.qiv-hd__sp,.qiv-btn,.qiv-hd__lang,.qiv-hd__help,.qiv-ct{display:none}
  .qiv-hd__bg{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:16px}
  .qiv-hd__bg .qiv-i{width:22px;height:17px}
  .qiv-hd__logo{position:absolute;left:50%;top:4px;width:95px;height:31px;margin:0;transform:translateX(-50%)}
  .qiv-hd__logo img{width:95px;height:31px}
  .qiv-hd__sel{display:flex;align-items:center;justify-content:center;height:32px;padding:8px 12px;border-radius:8px;background:#30394d;color:#fff;font-size:14px;font-weight:500}
  .qiv-hd__sel .qiv-hd__car{margin-left:6px}
  .qiv-st{justify-content:flex-start;gap:20px;padding:0 10px}
  .qiv-st__a{flex:0 0 88px}
  .qiv-st__r{width:88px;height:88px}
  .qiv-st__in img{width:73px;height:73px}
  .qiv-st__t{max-width:88px}
  .qiv-fs{padding-top:16px}
  .qiv-gr{margin:16px 0 20px;padding:0 10px}
  .qiv-gr__t{font-size:16px}
  .qiv-gr__row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-right:-10px}
  .qiv-gr__row::-webkit-scrollbar{display:none}
  .qiv-gc,.qiv-gc:nth-child(n+5){display:flex;flex:0 0 172px}
  .qiv-bb{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;height:48px;border-radius:8px;background:#1e2430;box-shadow:0 4px 16px rgba(0,0,0,.45);overflow:hidden}
  .qiv-bb__i{display:flex;align-items:center;justify-content:center;width:44px;height:48px;color:#a8b0bf}
  .qiv-bb__sp{flex:1}
  .qiv-bb__in{display:flex;align-items:center;height:48px;padding:8px;color:#fff;font-size:12px}
  .qiv-bb__up{display:flex;align-items:center;height:48px;padding:8px;background:linear-gradient(135deg,#ffce24 0%,#ff9a24 100%);color:#fff;font-size:12px}
  .qiv-bb__gift{position:relative;margin-left:6px}
  .qiv-bb__gift i{position:absolute;top:1px;right:-1px;width:5px;height:5px;border-radius:50%;background:#b12509}
}

.vab-h1{max-width:880px;margin:28px auto 0;padding:0 16px;font-size:2.1rem;line-height:1.15}
@media(max-width:419px){.qiv-acts .qiv-btn:not(.qiv-btn-up){display:none}}
@font-face{font-family:Roboto;font-weight:300 700;font-display:swap;src:url(/assets/fonts/roboto-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
