/* AV Casino — первый экран avh- по шаблону candycas.com/pl (тёмный, Roboto, чёрная шапка, зелёная CTA): сайт 2 (avcasinopl.pl), первый экран общий у двух сайтов */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#1b1928;color:#fff;font:400 16px/1.3 Roboto,-apple-system,"Segoe UI",Arial,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
:root{--av-bg:#1b1928;--av-head:#020202;--av-card:#161421;--av-card2:#353149;--av-yellow:#f5bf34;--av-green:#00be75;--av-grey:#2b263f;--av-mute:#d2d7db;--av-dim:#8c8b90}

.avh-top{position:sticky;top:0;z-index:30;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 38px;background:var(--av-head)}
.avh-top__l,.avh-top__r{display:flex;align-items:center;gap:28px}
.avh-burger{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between}
.avh-burger i{display:block;height:3px;border-radius:2px;background:#fff}
.avh-logo{display:flex;align-items:center}
.avh-logo img{width:92px;height:74px}
.avh-search{height:44px;width:236px;border-radius:8px;background:#2b263f;display:flex;align-items:center;gap:10px;padding:0 14px;color:#fff;font-size:16px}
.avh-search svg{width:20px;height:20px;flex:none}
.avh-top__r{gap:28px}
.avh-btn{height:36px;padding:6px 16px;min-width:143px;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;background:var(--av-grey);color:#fff;font-size:14px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.avh-btn--g{background:var(--av-green);min-width:151px}
.avh-sbtn,.avh-sbtn--m{display:none}

.avh-hero{position:relative;height:300px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#4a2f7a 0%,#2a1d4a 45%,#15112a 100%)}
.avh-hero__img{position:absolute;left:50%;top:50%;width:900px;height:auto;transform:translate(-50%,-50%);opacity:.35;filter:blur(1px)}
.avh-hero__txt{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;padding:0 24px}
.avh-hero__h{margin:0;font-size:56px;line-height:1;font-weight:900;text-transform:uppercase;color:#f5bf34;text-shadow:0 4px 0 #8a5a00,0 10px 24px rgba(0,0,0,.6);letter-spacing:1px}
.avh-hero__s{margin:8px 0 0;font-size:30px;line-height:1.1;font-weight:900;text-transform:uppercase;color:#fff;text-shadow:0 3px 0 #2a1d4a,0 8px 20px rgba(0,0,0,.6)}
.avh-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:16px}
.avh-dots i{width:12px;height:12px;border-radius:50%;background:#fff}
.avh-dots i.is-on{background:var(--av-yellow)}
.avh-facts{display:none}

.avh-tabs{display:flex;align-items:center;gap:0;height:72px;padding:0 20px;border-bottom:1px solid #2b263f}
.avh-tab{display:flex;align-items:center;gap:10px;height:72px;padding:0 30px 0 0;margin-right:60px;font-size:16px;color:var(--av-mute);border-bottom:2px solid transparent}
.avh-tab svg{width:22px;height:22px}
.avh-tab.is-on{color:var(--av-yellow);font-weight:700;border-bottom-color:var(--av-yellow)}
.avh-prov{margin-left:auto;height:40px;padding:0 20px;border-radius:25px;background:rgba(27,25,40,.7);border:1px solid #2b263f;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:900;text-transform:uppercase}
.avh-prov svg{width:14px;height:14px}

.avh-row{padding:0 20px;margin:36px 0 0}
.avh-row__t{display:flex;align-items:center;gap:10px;margin:0 0 36px}
.avh-row__t p{margin:0;display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;text-transform:uppercase}
.avh-row__t svg{width:24px;height:24px;color:var(--av-yellow)}
.avh-row__all{margin-left:auto;height:36px;padding:0 18px;border-radius:100px;border:1px solid #2b263f;display:inline-flex;align-items:center;font-size:14px;font-weight:500;text-transform:uppercase}
.avh-tiles{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}
.avh-tile{display:block;border-radius:12px;overflow:hidden;background:var(--av-card)}
.avh-tile img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.avh-tile b{display:block;padding:10px 14px 2px;font-size:16px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avh-tile small{display:block;padding:0 14px 12px;font-size:14px;color:var(--av-dim)}

@media (max-width:1240px){
  .avh-search{display:none}
  .avh-tab{margin-right:30px}
  .avh-tiles{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1023px){
  .avh-top{padding:0 20px}
  .avh-tiles{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767px){
  .avh-top{height:56px;padding:0 12px}
  .avh-top__l,.avh-top__r{gap:8px}
  .avh-logo img{width:46px;height:37px}
  .avh-btn{height:36px;min-width:0;padding:0 10px;font-size:10px}
  .avh-sbtn{display:flex;width:36px;height:36px;align-items:center;justify-content:center;color:#fff}
  .avh-sbtn svg{width:22px;height:22px}
  .avh-sbtn--m{display:inline-flex}
  .avh-btn--d{display:none}
  .avh-hero{height:210px}
  .avh-hero__img{width:420px;opacity:.5}
  .avh-hero__txt{top:38px;transform:none}
  .avh-hero__h{font-size:30px}
  .avh-hero__s{font-size:20px}
  .avh-dots{bottom:10px;gap:12px}
  .avh-dots i{width:10px;height:10px}
  .avh-facts{display:flex;gap:10px;margin:10px 12px 0;overflow-x:auto;scrollbar-width:none}
  .avh-facts::-webkit-scrollbar{display:none}
  .avh-facts div{flex:none;display:flex;align-items:center;gap:12px;min-width:200px;padding:12px 14px;border-radius:12px;background:var(--av-card)}
  .avh-facts svg{width:34px;height:34px;color:#fff;flex:none}
  .avh-facts b{display:block;font-size:16px;font-weight:700;color:var(--av-yellow);text-transform:uppercase}
  .avh-facts small{display:block;font-size:13px;color:#fff;text-transform:uppercase}
  .avh-tabs{height:60px;padding:0 12px;overflow-x:auto;scrollbar-width:none}
  .avh-tabs::-webkit-scrollbar{display:none}
  .avh-tab{height:60px;margin-right:24px;padding:0;white-space:nowrap}
  .avh-prov{display:none}
  .avh-row{padding:0 12px;margin:20px 0 0}
  .avh-row__t{margin:0 0 20px}
  .avh-row__t p{font-size:18px}
  .avh-row__all{height:40px;padding:0 16px}
  .avh-tiles{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
  .avh-tiles::-webkit-scrollbar{display:none}
  .avh-tile{flex:none;width:120px}
  .avh-tile b{font-size:14px;padding:8px 8px 0}
  .avh-tile small{font-size:11px;padding:0 8px 8px}
}

/* ---------- контент сайта 2 AV Casino: узкая колонка 820px, разделители-линии, зелёные подзаголовки, «шаги» лентой, FAQ-аккордеон без summary ---------- */
.avb-wrap{max-width:820px;margin:36px auto 0;padding:0 20px}
.avb-sec{padding:26px 0;border-bottom:1px solid #2b263f}
.avb-sec h2,.avb-sec h1{margin:0 0 14px;font-size:22px;line-height:1.3;font-weight:700;color:#00be75}
.avb-sec p,.avb-sec li,.avb-sec td,.avb-sec th{font:400 17px/1.75 Roboto,Arial,sans-serif;color:#d2d7db}
.avb-sec p{margin:0 0 14px}
.avb-sec strong{color:#fff;font-weight:700}
.avb-sec ul{margin:0 0 14px;padding:0;list-style:none}
.avb-sec ul li{position:relative;padding-left:26px;margin:0 0 6px}
.avb-sec ul li::before{content:"";position:absolute;left:0;top:10px;width:12px;height:12px;border-radius:3px;background:#f5bf34}
.avb-sec ol{margin:0 0 14px;padding:0;list-style:none;counter-reset:b;display:flex;gap:8px;overflow-x:auto}
.avb-sec ol li{flex:1;min-width:150px;position:relative;padding:40px 12px 12px;border-radius:12px;background:#161421;font-size:15px;line-height:1.4;counter-increment:b}
.avb-sec ol li::before{content:"Krok " counter(b);position:absolute;left:12px;top:12px;font:900 12px/1 Roboto,sans-serif;color:#f5bf34;text-transform:uppercase}
.avb-kv{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap}
.avb-kv div{flex:1;min-width:140px;padding:14px;border-radius:12px;background:#161421;text-align:center}
.avb-kv b{display:block;font:900 24px/1.1 Roboto,sans-serif;color:#f5bf34}
.avb-kv span{font-size:12px;color:#8c8b90;text-transform:uppercase}
.avb-fig{margin:0 0 16px;display:flex;gap:12px}
.avb-fig figure{margin:0;flex:1;border-radius:12px;overflow:hidden;background:#161421}
.avb-fig img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.avb-fig figcaption{padding:8px 10px;font-size:12px;color:#8c8b90}
.avb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.avb-chips span{padding:8px 14px;border-radius:25px;border:1px solid #2b263f;font-size:13px;font-weight:500;color:#fff}
.avb-games{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}
.avb-games figure{margin:0;border-radius:12px;overflow:hidden;background:#161421}
.avb-games img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.avb-games figcaption{padding:8px;font-size:12px;color:#fff;text-align:center}
.avb-cta{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;border-radius:25px;background:#f5bf34;color:#1b1928;font:900 14px/1 Roboto,sans-serif;text-transform:uppercase}
.avb-faq{display:grid;gap:8px}
.avb-faq__i{padding:14px 16px 10px 44px;position:relative;border-radius:12px;background:#161421}
.avb-faq__i::before{content:"?";position:absolute;left:14px;top:13px;width:22px;height:22px;border-radius:50%;background:#00be75;color:#fff;font:900 14px/22px Roboto,sans-serif;text-align:center}
.avb-faq h3{margin:0 0 6px;font:700 16px/1.4 Roboto,sans-serif;color:#fff}
.avb-faq p{margin:0 0 6px;font-size:15px}
.avb-ft{max-width:820px;margin:10px auto 0;padding:30px 20px 36px;text-align:center;color:#8c8b90}
.avb-ft img{margin:0 auto 14px}
.avb-ft__l{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 14px}
.avb-ft__l a{font-size:14px;font-weight:500;color:#d2d7db}
.avb-ft__rg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 14px}
.avb-ft__rg a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:25px;background:#2b263f;font:900 12px/1 Roboto,sans-serif;color:#fff;text-transform:uppercase}
.avb-ft__rg a.is-18{background:#00be75}
.avb-ft p{margin:0 0 8px;font:400 14px/1.6 Roboto,sans-serif}
.avb-ft__u{color:#fff}
@media (max-width:767px){.avb-wrap{margin-top:22px;padding:0 12px}.avb-sec h2,.avb-sec h1{font-size:19px}.avb-sec p,.avb-sec li{font-size:16px}.avb-games{grid-template-columns:repeat(2,1fr)}.avb-fig{flex-wrap:wrap}}
