/* BIGGG — biggg1.de — bespoke stylesheet, own class prefix "b1-" (casino-fokus layout) */
:root{
  --lime:#c5ff61;
  --violet-deep:#160035;
  --violet:#412786;
  --violet-bright:#5e02a5;
  --coral:#ff5652;
  --teal:#0cbfb2;
  --bg-0:#0c0032;
  --ink:#f6f3ff;
  --ink-dim:#c3b8ea;
  --card:#200a52;
  --card-line:rgba(197,255,97,.2);
  --radius:18px;
  --radius-cut:26px 26px 26px 4px;
  --radius-pill:999px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;background:var(--bg-0);color:var(--ink);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
p{margin:0 0 1em}
.b1-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.b1-tabular{font-variant-numeric:tabular-nums}

/* ===== Header ===== */
.b1-header{position:sticky;top:0;z-index:40;background:var(--violet-deep);border-bottom:2px solid var(--lime)}
.b1-header__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;max-width:var(--maxw);margin:0 auto}
.b1-brand{display:flex;align-items:center;gap:9px}
.b1-brand__mark{width:30px;height:auto}
.b1-brand__word{font-weight:900;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink);text-transform:uppercase}
.b1-brand__word em{font-style:normal;color:var(--lime)}
.b1-nav{display:flex;align-items:center;gap:4px}
.b1-nav a{font-size:.9rem;font-weight:700;color:var(--ink-dim);padding:8px 12px;border-radius:var(--radius-pill)}
.b1-nav a:hover,.b1-nav a[aria-current="page"]{color:var(--violet-deep);background:var(--lime)}
.b1-cta{background:var(--coral);color:#fff;font-weight:800;padding:10px 22px;border-radius:8px 8px 8px 2px;font-size:.92rem;box-shadow:0 6px 16px rgba(255,86,82,.35)}
.b1-cta:hover{background:#ff746f}
.b1-header__actions{display:flex;align-items:center;gap:14px}
.b1-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:transparent;border:1px solid var(--lime);border-radius:8px;cursor:pointer}
.b1-burger span{display:block;height:2px;background:var(--lime);border-radius:2px}
.b1-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.b1-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.b1-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.b1-drawer{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);height:100vh;background:var(--card);border-left:2px solid var(--lime);transform:translateX(100%);transition:transform .28s ease;z-index:60;padding:20px;overflow-y:auto}
.b1-drawer[data-open="true"]{transform:translateX(0)}
.b1-drawer__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.b1-drawer__close{width:36px;height:36px;border-radius:8px;border:1px solid var(--lime);background:transparent;color:var(--lime);font-size:1.1rem;cursor:pointer}
.b1-drawer nav a{display:block;padding:13px 6px;font-weight:700;color:var(--ink);border-bottom:1px solid rgba(255,255,255,.08)}
.b1-drawer nav a[aria-current="page"]{color:var(--lime)}
.b1-drawer .b1-cta{display:block;text-align:center;margin-top:18px}
.b1-scrim{position:fixed;inset:0;background:rgba(12,0,50,.65);z-index:50;opacity:0;pointer-events:none;transition:opacity .25s}
.b1-scrim[data-open="true"]{opacity:1;pointer-events:auto}

/* ===== Hero: centered wordmark over tile mosaic ===== */
.b1-hero{position:relative;overflow:hidden;border-bottom:2px solid var(--lime);padding:54px 0 0}
.b1-hero__bg{position:absolute;inset:0;background-image:url('/assets/images/texture-gradient.png');background-size:cover;background-position:center;opacity:.35}
.b1-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,0,50,.55) 0%,var(--bg-0) 92%)}
.b1-hero__inner{position:relative;max-width:var(--maxw);margin:0 auto;padding:10px 20px 40px;text-align:center}
.b1-hero__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-deep);background:var(--lime);padding:5px 14px;border-radius:var(--radius-pill);margin-bottom:18px}
.b1-hero__title{margin:0 auto 14px;font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;font-size:clamp(3rem,10vw,6.4rem);color:var(--ink);max-width:16ch}
.b1-hero__title em{font-style:normal;color:var(--lime);display:block}
.b1-hero__lead{font-size:1.05rem;color:var(--ink-dim);max-width:52ch;margin:0 auto 24px}
.b1-hero__ctarow{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.b1-hero__ghost{padding:14px 26px;border-radius:8px 8px 8px 2px;border:1px solid var(--lime);font-weight:700;color:var(--lime)}
.b1-hero__mosaic{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;max-width:900px;max-height:200px;margin:0 auto;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}
.b1-hero__mosaic img{aspect-ratio:1/1;object-fit:cover;filter:saturate(1.05)}
.b1-hero__mosaic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,var(--bg-0) 100%)}

/* ===== Chip filter ===== */
.b1-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:26px}
.b1-chip{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--card-line);background:var(--card);color:var(--ink-dim);font-weight:700;font-size:.86rem;cursor:pointer}
.b1-chip img{width:18px;height:18px}
.b1-chip[aria-pressed="true"]{background:var(--lime);color:var(--violet-deep);border-color:var(--lime)}

/* ===== Section shell ===== */
.b1-section{padding:50px 0}
.b1-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.b1-section__eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.b1-section__title{margin:.2em 0 0;font-weight:900;letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2.1rem);text-transform:uppercase}
.b1-section__more{font-weight:700;color:var(--lime);font-size:.92rem}

/* ===== Game grid ===== */
.b1-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.b1-tile{position:relative;border-radius:var(--radius-cut);overflow:hidden;background:var(--card);border:1px solid var(--card-line);aspect-ratio:1/1}
.b1-tile img{width:100%;height:100%;object-fit:cover}
.b1-tile__label{position:absolute;left:0;right:0;bottom:0;padding:9px 10px;background:linear-gradient(0deg,rgba(12,0,50,.94),transparent);font-size:.78rem;font-weight:700}

/* ===== Feature cards (casino-bonus / freispiele / live-dealer teasers) ===== */
.b1-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.b1-feature{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-cut);padding:24px}
.b1-feature__icon{width:40px;height:40px;border-radius:10px;background:var(--violet-bright);display:flex;align-items:center;justify-content:center;color:var(--lime);font-weight:900;margin-bottom:14px;font-size:1.1rem}
.b1-feature__title{margin:0 0 8px;font-size:1.05rem;font-weight:800}
.b1-feature p{color:var(--ink-dim);font-size:.9rem;margin-bottom:14px}
.b1-feature a{color:var(--lime);font-weight:700;font-size:.86rem}

/* ===== Fact strip ===== */
.b1-facts{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-cut);padding:20px 26px}
.b1-fact{flex:1;min-width:140px;text-align:center}
.b1-fact b{display:block;font-size:1.4rem;color:var(--lime)}
.b1-fact span{font-size:.78rem;color:var(--ink-dim)}

/* ===== Payment strip ===== */
.b1-pay{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-cut);padding:22px}
.b1-pay img{height:26px;width:auto}

/* ===== Article / SEO block ===== */
.b1-article{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);padding:38px clamp(20px,4vw,48px);max-width:820px;margin:0 auto}
.b1-article h1{font-size:clamp(1.7rem,3.6vw,2.3rem);font-weight:900;letter-spacing:-.01em;margin:0 0 18px;line-height:1.2}
.b1-article h2{font-size:1.3rem;font-weight:800;margin:2em 0 .6em;color:var(--teal)}
.b1-article h3{font-size:1.05rem;font-weight:800;margin:1.6em 0 .4em}
.b1-article p{color:var(--ink-dim)}
.b1-article ul{list-style:disc;padding-left:1.3em;margin:0 0 1.2em;color:var(--ink-dim)}
.b1-article li{margin-bottom:.45em}
.b1-article a{color:var(--lime);text-decoration:underline;text-underline-offset:2px}
.b1-article table{width:100%;border-collapse:collapse;table-layout:fixed;margin:1.4em 0;font-size:.92rem;overflow-wrap:anywhere}
.b1-article th,.b1-article td{border:1px solid var(--card-line);padding:10px 12px;text-align:left;overflow-wrap:anywhere}
.b1-article th{background:rgba(12,191,178,.1);color:var(--teal)}
.b1-article .b1-disclaimer{margin-top:2em;padding-top:1.4em;border-top:1px solid var(--card-line);font-size:.82rem;color:var(--ink-dim)}
@media(max-width:560px){
  .b1-article table,.b1-article thead,.b1-article tbody,.b1-article th,.b1-article td,.b1-article tr{display:block}
  .b1-article thead{display:none}
  .b1-article tr{border:1px solid var(--card-line);border-radius:10px;margin-bottom:10px;padding:8px 10px}
  .b1-article td{border:0;padding:5px 2px;font-size:.86rem}
  .b1-article td::before{content:attr(data-label);display:block;font-size:.7rem;color:var(--teal);font-weight:700;text-transform:uppercase}
}

/* ===== FAQ accordion ===== */
.b1-faq__item{border:1px solid var(--card-line);border-radius:12px;margin-bottom:10px;overflow:hidden;background:var(--card)}
.b1-faq__q{width:100%;text-align:left;background:transparent;border:0;color:var(--ink);font-weight:700;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.98rem}
.b1-faq__q::after{content:"▸";color:var(--lime);font-size:1rem}
.b1-faq__item[data-open="true"] .b1-faq__q::after{content:"▾"}
.b1-faq__a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.b1-faq__a p{padding:0 18px 16px;color:var(--ink-dim);margin:0}

/* ===== Breadcrumbs ===== */
.b1-crumbs{padding:16px 0;font-size:.82rem;color:var(--ink-dim)}
.b1-crumbs a{color:var(--ink-dim);text-decoration:underline}
.b1-crumbs span[aria-current]{color:var(--lime)}

/* ===== Inner page hero ===== */
.b1-subhero{background:var(--violet-deep);border-bottom:2px solid var(--lime);padding:32px 0 38px}
.b1-subhero__title{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.7rem,4vw,2.6rem);margin:0 0 8px}
.b1-subhero__lead{color:var(--ink-dim);max-width:60ch}

/* ===== Footer ===== */
.b1-footer{border-top:2px solid var(--lime);padding:44px 0 30px;background:var(--card)}
.b1-footer__top{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:28px;margin-bottom:30px}
.b1-footer__brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.b1-footer__brand img{width:26px}
.b1-footer__brand span{font-weight:900;color:var(--lime);text-transform:uppercase;font-size:1.1rem}
.b1-footer__blurb{color:var(--ink-dim);font-size:.88rem;max-width:36ch}
.b1-footer__h{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--teal);margin:0 0 12px;font-weight:800}
.b1-footer li{margin-bottom:9px}
.b1-footer a{color:var(--ink-dim);font-size:.9rem}
.b1-footer a:hover{color:var(--lime)}
.b1-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.b1-footer__legal{display:flex;align-items:center;gap:12px;color:var(--ink-dim);font-size:.78rem;max-width:64ch}
.b1-footer__legal img{width:34px;flex-shrink:0}
.b1-footer__copy{font-size:.78rem;color:var(--ink-dim)}
.b1-footer__pay{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.b1-footer__pay img{height:18px;filter:grayscale(.4) brightness(1.4)}

/* ===== 404 ===== */
.b1-404{padding:100px 0;text-align:center}
.b1-404__code{font-size:clamp(4rem,14vw,8rem);font-weight:900;color:var(--lime);line-height:1;margin:0}
.b1-404__title{font-size:1.4rem;font-weight:800;margin:10px 0 18px}

/* ===== Responsive ===== */
@media(max-width:980px){
  .b1-features{grid-template-columns:1fr 1fr}
  .b1-footer__top{grid-template-columns:1fr 1fr}
  .b1-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:860px){
  .b1-nav,.b1-header__actions .b1-cta{display:none}
  .b1-burger{display:flex}
}
@media(max-width:640px){
  .b1-features{grid-template-columns:1fr}
  .b1-facts{flex-direction:column}
  .b1-grid{grid-template-columns:repeat(2,1fr)}
  .b1-footer__top{grid-template-columns:1fr}
  .b1-hero__mosaic{max-height:110px}
}

/* fix: мобильный воздух */
.b1-subhero .b1-wrap{padding-left:20px;padding-right:20px}
nav.b1-crumbs.b1-wrap{padding-left:20px;padding-right:20px}

/* fix2: боковой воздух для комбинированных wrap */
div.b1-wrap,section.b1-wrap,article.b1-wrap,nav.b1-wrap{padding-left:20px;padding-right:20px}

section.b1-subhero div.b1-wrap{padding-left:20px;padding-right:20px}