/* Layout grid (mobile-first; breakpoints 576/768/992/1200/1400). Generated by _core/grid/generate_grid.py --prefix cr */
/* Layout grid (mobile-first; breakpoints 576/768/992/1200/1400). */
:root {
  --cr-gutter-x: 1.5rem;
  --cr-gutter-y: 0;
}

/* ---------- Container ---------- */
.cr-container,
.cr-container-fluid,
.cr-container-sm,
.cr-container-md,
.cr-container-lg,
.cr-container-xl,
.cr-container-xxl {
  width: 100%;
  padding-right: calc(var(--cr-gutter-x) * .5);
  padding-left: calc(var(--cr-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .cr-container,
  .cr-container-sm { max-width: 540px; }
}
@media (min-width: 768px) {
  .cr-container,
  .cr-container-sm,
  .cr-container-md { max-width: 720px; }
}
@media (min-width: 992px) {
  .cr-container,
  .cr-container-sm,
  .cr-container-md,
  .cr-container-lg { max-width: 960px; }
}
@media (min-width: 1200px) {
  .cr-container,
  .cr-container-sm,
  .cr-container-md,
  .cr-container-lg,
  .cr-container-xl { max-width: 1140px; }
}
@media (min-width: 1400px) {
  .cr-container,
  .cr-container-sm,
  .cr-container-md,
  .cr-container-lg,
  .cr-container-xl,
  .cr-container-xxl { max-width: 1320px; }
}

/* ---------- Row ---------- */
.cr-row {
  --cr-gutter-x: 1.5rem;
  --cr-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--cr-gutter-y) * -1);
  margin-right: calc(var(--cr-gutter-x) * -.5);
  margin-left: calc(var(--cr-gutter-x) * -.5);
}
.cr-row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--cr-gutter-x) * .5);
  padding-left: calc(var(--cr-gutter-x) * .5);
  margin-top: var(--cr-gutter-y);
}

/* ---------- Cols (xs, mobile baseline) ---------- */
.cr-col       { flex: 1 0 0%; }
.cr-col-auto  { flex: 0 0 auto; width: auto; }
.cr-col-1  { flex: 0 0 auto; width: 8.33333333%; }
.cr-col-2  { flex: 0 0 auto; width: 16.66666667%; }
.cr-col-3  { flex: 0 0 auto; width: 25%; }
.cr-col-4  { flex: 0 0 auto; width: 33.33333333%; }
.cr-col-5  { flex: 0 0 auto; width: 41.66666667%; }
.cr-col-6  { flex: 0 0 auto; width: 50%; }
.cr-col-7  { flex: 0 0 auto; width: 58.33333333%; }
.cr-col-8  { flex: 0 0 auto; width: 66.66666667%; }
.cr-col-9  { flex: 0 0 auto; width: 75%; }
.cr-col-10 { flex: 0 0 auto; width: 83.33333333%; }
.cr-col-11 { flex: 0 0 auto; width: 91.66666667%; }
.cr-col-12 { flex: 0 0 auto; width: 100%; }

/* ---------- Offsets (xs) ---------- */
.cr-offset-1  { margin-left: 8.33333333%; }
.cr-offset-2  { margin-left: 16.66666667%; }
.cr-offset-3  { margin-left: 25%; }
.cr-offset-4  { margin-left: 33.33333333%; }
.cr-offset-5  { margin-left: 41.66666667%; }
.cr-offset-6  { margin-left: 50%; }
.cr-offset-7  { margin-left: 58.33333333%; }
.cr-offset-8  { margin-left: 66.66666667%; }
.cr-offset-9  { margin-left: 75%; }
.cr-offset-10 { margin-left: 83.33333333%; }
.cr-offset-11 { margin-left: 91.66666667%; }

/* ---------- Order (xs) ---------- */
.cr-order-first { order: -1; }
.cr-order-last  { order: 6; }
.cr-order-0 { order: 0; }
.cr-order-1 { order: 1; }
.cr-order-2 { order: 2; }
.cr-order-3 { order: 3; }
.cr-order-4 { order: 4; }
.cr-order-5 { order: 5; }

/* ---------- Gutters (xs) ---------- */
.cr-g-0,  .cr-gx-0 { --cr-gutter-x: 0; }
.cr-g-0,  .cr-gy-0 { --cr-gutter-y: 0; }
.cr-g-1,  .cr-gx-1 { --cr-gutter-x: .25rem; }
.cr-g-1,  .cr-gy-1 { --cr-gutter-y: .25rem; }
.cr-g-2,  .cr-gx-2 { --cr-gutter-x: .5rem; }
.cr-g-2,  .cr-gy-2 { --cr-gutter-y: .5rem; }
.cr-g-3,  .cr-gx-3 { --cr-gutter-x: 1rem; }
.cr-g-3,  .cr-gy-3 { --cr-gutter-y: 1rem; }
.cr-g-4,  .cr-gx-4 { --cr-gutter-x: 1.5rem; }
.cr-g-4,  .cr-gy-4 { --cr-gutter-y: 1.5rem; }
.cr-g-5,  .cr-gx-5 { --cr-gutter-x: 3rem; }
.cr-g-5,  .cr-gy-5 { --cr-gutter-y: 3rem; }

/* ============================================================
   sm (>= 576px)
   ============================================================ */
@media (min-width: 576px) {
  .cr-col-sm       { flex: 1 0 0%; }
  .cr-col-sm-auto  { flex: 0 0 auto; width: auto; }
  .cr-col-sm-1  { flex: 0 0 auto; width: 8.33333333%; }
  .cr-col-sm-2  { flex: 0 0 auto; width: 16.66666667%; }
  .cr-col-sm-3  { flex: 0 0 auto; width: 25%; }
  .cr-col-sm-4  { flex: 0 0 auto; width: 33.33333333%; }
  .cr-col-sm-5  { flex: 0 0 auto; width: 41.66666667%; }
  .cr-col-sm-6  { flex: 0 0 auto; width: 50%; }
  .cr-col-sm-7  { flex: 0 0 auto; width: 58.33333333%; }
  .cr-col-sm-8  { flex: 0 0 auto; width: 66.66666667%; }
  .cr-col-sm-9  { flex: 0 0 auto; width: 75%; }
  .cr-col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
  .cr-col-sm-11 { flex: 0 0 auto; width: 91.66666667%; }
  .cr-col-sm-12 { flex: 0 0 auto; width: 100%; }
  .cr-offset-sm-0  { margin-left: 0; }
  .cr-offset-sm-1  { margin-left: 8.33333333%; }
  .cr-offset-sm-2  { margin-left: 16.66666667%; }
  .cr-offset-sm-3  { margin-left: 25%; }
  .cr-offset-sm-4  { margin-left: 33.33333333%; }
  .cr-offset-sm-5  { margin-left: 41.66666667%; }
  .cr-offset-sm-6  { margin-left: 50%; }
  .cr-offset-sm-7  { margin-left: 58.33333333%; }
  .cr-offset-sm-8  { margin-left: 66.66666667%; }
  .cr-offset-sm-9  { margin-left: 75%; }
  .cr-offset-sm-10 { margin-left: 83.33333333%; }
  .cr-offset-sm-11 { margin-left: 91.66666667%; }
  .cr-order-sm-first { order: -1; }
  .cr-order-sm-last  { order: 6; }
  .cr-order-sm-0 { order: 0; }
  .cr-order-sm-1 { order: 1; }
  .cr-order-sm-2 { order: 2; }
  .cr-order-sm-3 { order: 3; }
  .cr-order-sm-4 { order: 4; }
  .cr-order-sm-5 { order: 5; }
}

/* ============================================================
   md (>= 768px)
   ============================================================ */
@media (min-width: 768px) {
  .cr-col-md       { flex: 1 0 0%; }
  .cr-col-md-auto  { flex: 0 0 auto; width: auto; }
  .cr-col-md-1  { flex: 0 0 auto; width: 8.33333333%; }
  .cr-col-md-2  { flex: 0 0 auto; width: 16.66666667%; }
  .cr-col-md-3  { flex: 0 0 auto; width: 25%; }
  .cr-col-md-4  { flex: 0 0 auto; width: 33.33333333%; }
  .cr-col-md-5  { flex: 0 0 auto; width: 41.66666667%; }
  .cr-col-md-6  { flex: 0 0 auto; width: 50%; }
  .cr-col-md-7  { flex: 0 0 auto; width: 58.33333333%; }
  .cr-col-md-8  { flex: 0 0 auto; width: 66.66666667%; }
  .cr-col-md-9  { flex: 0 0 auto; width: 75%; }
  .cr-col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
  .cr-col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
  .cr-col-md-12 { flex: 0 0 auto; width: 100%; }
  .cr-offset-md-0  { margin-left: 0; }
  .cr-offset-md-1  { margin-left: 8.33333333%; }
  .cr-offset-md-2  { margin-left: 16.66666667%; }
  .cr-offset-md-3  { margin-left: 25%; }
  .cr-offset-md-4  { margin-left: 33.33333333%; }
  .cr-offset-md-5  { margin-left: 41.66666667%; }
  .cr-offset-md-6  { margin-left: 50%; }
  .cr-offset-md-7  { margin-left: 58.33333333%; }
  .cr-offset-md-8  { margin-left: 66.66666667%; }
  .cr-offset-md-9  { margin-left: 75%; }
  .cr-offset-md-10 { margin-left: 83.33333333%; }
  .cr-offset-md-11 { margin-left: 91.66666667%; }
  .cr-order-md-first { order: -1; }
  .cr-order-md-last  { order: 6; }
  .cr-order-md-0 { order: 0; }
  .cr-order-md-1 { order: 1; }
  .cr-order-md-2 { order: 2; }
  .cr-order-md-3 { order: 3; }
  .cr-order-md-4 { order: 4; }
  .cr-order-md-5 { order: 5; }
}

/* ============================================================
   lg (>= 992px)
   ============================================================ */
@media (min-width: 992px) {
  .cr-col-lg       { flex: 1 0 0%; }
  .cr-col-lg-auto  { flex: 0 0 auto; width: auto; }
  .cr-col-lg-1  { flex: 0 0 auto; width: 8.33333333%; }
  .cr-col-lg-2  { flex: 0 0 auto; width: 16.66666667%; }
  .cr-col-lg-3  { flex: 0 0 auto; width: 25%; }
  .cr-col-lg-4  { flex: 0 0 auto; width: 33.33333333%; }
  .cr-col-lg-5  { flex: 0 0 auto; width: 41.66666667%; }
  .cr-col-lg-6  { flex: 0 0 auto; width: 50%; }
  .cr-col-lg-7  { flex: 0 0 auto; width: 58.33333333%; }
  .cr-col-lg-8  { flex: 0 0 auto; width: 66.66666667%; }
  .cr-col-lg-9  { flex: 0 0 auto; width: 75%; }
  .cr-col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
  .cr-col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
  .cr-col-lg-12 { flex: 0 0 auto; width: 100%; }
  .cr-offset-lg-0  { margin-left: 0; }
  .cr-offset-lg-1  { margin-left: 8.33333333%; }
  .cr-offset-lg-2  { margin-left: 16.66666667%; }
  .cr-offset-lg-3  { margin-left: 25%; }
  .cr-offset-lg-4  { margin-left: 33.33333333%; }
  .cr-offset-lg-5  { margin-left: 41.66666667%; }
  .cr-offset-lg-6  { margin-left: 50%; }
  .cr-offset-lg-7  { margin-left: 58.33333333%; }
  .cr-offset-lg-8  { margin-left: 66.66666667%; }
  .cr-offset-lg-9  { margin-left: 75%; }
  .cr-offset-lg-10 { margin-left: 83.33333333%; }
  .cr-offset-lg-11 { margin-left: 91.66666667%; }
  .cr-order-lg-first { order: -1; }
  .cr-order-lg-last  { order: 6; }
  .cr-order-lg-0 { order: 0; }
  .cr-order-lg-1 { order: 1; }
  .cr-order-lg-2 { order: 2; }
  .cr-order-lg-3 { order: 3; }
  .cr-order-lg-4 { order: 4; }
  .cr-order-lg-5 { order: 5; }
}

/* ============================================================
   xl (>= 1200px)
   ============================================================ */
@media (min-width: 1200px) {
  .cr-col-xl       { flex: 1 0 0%; }
  .cr-col-xl-auto  { flex: 0 0 auto; width: auto; }
  .cr-col-xl-1  { flex: 0 0 auto; width: 8.33333333%; }
  .cr-col-xl-2  { flex: 0 0 auto; width: 16.66666667%; }
  .cr-col-xl-3  { flex: 0 0 auto; width: 25%; }
  .cr-col-xl-4  { flex: 0 0 auto; width: 33.33333333%; }
  .cr-col-xl-5  { flex: 0 0 auto; width: 41.66666667%; }
  .cr-col-xl-6  { flex: 0 0 auto; width: 50%; }
  .cr-col-xl-7  { flex: 0 0 auto; width: 58.33333333%; }
  .cr-col-xl-8  { flex: 0 0 auto; width: 66.66666667%; }
  .cr-col-xl-9  { flex: 0 0 auto; width: 75%; }
  .cr-col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .cr-col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .cr-col-xl-12 { flex: 0 0 auto; width: 100%; }
  .cr-offset-xl-0  { margin-left: 0; }
  .cr-offset-xl-1  { margin-left: 8.33333333%; }
  .cr-offset-xl-2  { margin-left: 16.66666667%; }
  .cr-offset-xl-3  { margin-left: 25%; }
  .cr-offset-xl-4  { margin-left: 33.33333333%; }
  .cr-offset-xl-5  { margin-left: 41.66666667%; }
  .cr-offset-xl-6  { margin-left: 50%; }
  .cr-offset-xl-7  { margin-left: 58.33333333%; }
  .cr-offset-xl-8  { margin-left: 66.66666667%; }
  .cr-offset-xl-9  { margin-left: 75%; }
  .cr-offset-xl-10 { margin-left: 83.33333333%; }
  .cr-offset-xl-11 { margin-left: 91.66666667%; }
  .cr-order-xl-first { order: -1; }
  .cr-order-xl-last  { order: 6; }
  .cr-order-xl-0 { order: 0; }
  .cr-order-xl-1 { order: 1; }
  .cr-order-xl-2 { order: 2; }
  .cr-order-xl-3 { order: 3; }
  .cr-order-xl-4 { order: 4; }
  .cr-order-xl-5 { order: 5; }
}

/* ============================================================
   xxl (>= 1400px)
   ============================================================ */
@media (min-width: 1400px) {
  .cr-col-xxl       { flex: 1 0 0%; }
  .cr-col-xxl-auto  { flex: 0 0 auto; width: auto; }
  .cr-col-xxl-1  { flex: 0 0 auto; width: 8.33333333%; }
  .cr-col-xxl-2  { flex: 0 0 auto; width: 16.66666667%; }
  .cr-col-xxl-3  { flex: 0 0 auto; width: 25%; }
  .cr-col-xxl-4  { flex: 0 0 auto; width: 33.33333333%; }
  .cr-col-xxl-5  { flex: 0 0 auto; width: 41.66666667%; }
  .cr-col-xxl-6  { flex: 0 0 auto; width: 50%; }
  .cr-col-xxl-7  { flex: 0 0 auto; width: 58.33333333%; }
  .cr-col-xxl-8  { flex: 0 0 auto; width: 66.66666667%; }
  .cr-col-xxl-9  { flex: 0 0 auto; width: 75%; }
  .cr-col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .cr-col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .cr-col-xxl-12 { flex: 0 0 auto; width: 100%; }
  .cr-offset-xxl-0  { margin-left: 0; }
  .cr-offset-xxl-1  { margin-left: 8.33333333%; }
  .cr-offset-xxl-2  { margin-left: 16.66666667%; }
  .cr-offset-xxl-3  { margin-left: 25%; }
  .cr-offset-xxl-4  { margin-left: 33.33333333%; }
  .cr-offset-xxl-5  { margin-left: 41.66666667%; }
  .cr-offset-xxl-6  { margin-left: 50%; }
  .cr-offset-xxl-7  { margin-left: 58.33333333%; }
  .cr-offset-xxl-8  { margin-left: 66.66666667%; }
  .cr-offset-xxl-9  { margin-left: 75%; }
  .cr-offset-xxl-10 { margin-left: 83.33333333%; }
  .cr-offset-xxl-11 { margin-left: 91.66666667%; }
  .cr-order-xxl-first { order: -1; }
  .cr-order-xxl-last  { order: 6; }
  .cr-order-xxl-0 { order: 0; }
  .cr-order-xxl-1 { order: 1; }
  .cr-order-xxl-2 { order: 2; }
  .cr-order-xxl-3 { order: 3; }
  .cr-order-xxl-4 { order: 4; }
  .cr-order-xxl-5 { order: 5; }
}


/* ============================================================
   SITE: CrownReel | Architecture: A flat | Generated: 2026-05-12
   Design System: #73 Snooker Hall | Prefix: cr
   ============================================================ */
:root{--cr-green:#0e3d2e;--cr-green-mid:#1a5c44;--cr-mahogany:#5a2a14;--cr-brass:#d4a017;--cr-brass-dim:#b88c10;--cr-cream:#fefcf7;--cr-cream-dk:#f0ebe0;--cr-text:#1a1a1a;--cr-muted:#5a5a4a;--cr-border:#3d2a18;--cr-surface:#f5f0e6;--cr-surface-dk:#e8e0cc;--cr-rule:rgba(61,42,24,.18);--cr-nav-bg:#0b2e22;--cr-container:1220px;--cr-radius:4px;--cr-radius-lg:8px;--cr-shadow:0 2px 12px rgba(14,61,46,.14);--cr-font-head:'Lora',Georgia,serif;--cr-font-body:'Source Sans 3',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--cr-font-body);font-size:1rem;line-height:1.65;color:var(--cr-text);background:var(--cr-cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--cr-green);text-decoration:none}
a:hover{color:var(--cr-brass-dim)}
img{display:block;max-width:100%;height:auto}
ul{list-style:none}
h1,h2,h3,h4,h5{font-family:var(--cr-font-head);line-height:1.25}
.mainWrapper{width:100%;max-width:var(--cr-container);margin:0 auto;padding:0 1.5rem}
.cr-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.4rem;border-radius:var(--cr-radius);font-family:var(--cr-font-body);font-size:.9rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:background .18s,color .18s,border-color .18s;min-height:44px;white-space:nowrap}
.cr-btn--accent{background:var(--cr-brass);color:#1a1a1a;border-color:var(--cr-brass)}
.cr-btn--accent:hover{background:var(--cr-brass-dim);border-color:var(--cr-brass-dim);color:#fff}
.cr-btn--ghost{background:transparent;color:var(--cr-green);border-color:var(--cr-green)}
.cr-btn--ghost:hover{background:var(--cr-green);color:var(--cr-cream)}
.cr-btn--visit{background:var(--cr-green);color:var(--cr-cream);border-color:var(--cr-green);font-size:.88rem;padding:.5rem 1.1rem;min-height:44px}
.cr-btn--visit:hover{background:var(--cr-green-mid);border-color:var(--cr-green-mid);color:#fff}
.cr-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:3px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cr-badge--18{background:var(--cr-mahogany);color:#fff}
.cr-badge--ukgc{background:var(--cr-green);color:var(--cr-cream);font-size:.7rem}
.cr-badge--check{background:#1b6b3a;color:#fff;font-size:.72rem}
.cr-badge--no{background:#8a1010;color:#fff;font-size:.72rem}
.cr-preloader{position:fixed;inset:0;background:var(--cr-green);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .35s ease,visibility .35s ease}
.cr-preloader.is-hidden{opacity:0;visibility:hidden}
.cr-preloader__dots{display:flex;gap:10px}
.cr-preloader__dot{width:12px;height:12px;border-radius:50%;background:var(--cr-brass);animation:crDotWave 1.2s ease-in-out infinite}
.cr-preloader__dot:nth-child(2){animation-delay:.2s}
.cr-preloader__dot:nth-child(3){animation-delay:.4s}
@keyframes crDotWave{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-10px);opacity:1}}
.cr-agegate{position:fixed;inset:0;background:rgba(11,46,34,.96);display:flex;align-items:center;justify-content:center;z-index:9998}
.cr-agegate__box{background:var(--cr-cream);border:2px solid var(--cr-brass);border-radius:var(--cr-radius-lg);padding:2.5rem 2rem;max-width:440px;width:90%;text-align:center}
.cr-agegate__wordmark{font-family:var(--cr-font-head);font-size:1.6rem;font-weight:700;color:var(--cr-green);margin-bottom:1.2rem}
.cr-agegate__wordmark em{color:var(--cr-brass);font-style:normal}
.cr-agegate__heading{font-size:1.25rem;margin-bottom:.7rem;color:var(--cr-text)}
.cr-agegate__para{font-size:.9rem;color:var(--cr-muted);margin-bottom:1.4rem}
.cr-agegate__actions{display:flex;flex-direction:column;gap:.7rem}
.cr-agegate__yes{background:var(--cr-green);color:var(--cr-cream);border:none;padding:.8rem 1.5rem;border-radius:var(--cr-radius);font-size:.95rem;font-weight:700;cursor:pointer;min-height:48px;transition:background .18s}
.cr-agegate__yes:hover{background:var(--cr-green-mid)}
.cr-agegate__no{display:block;padding:.6rem 1rem;color:var(--cr-muted);font-size:.85rem}
.cr-agegate__fine{margin-top:1.2rem;font-size:.75rem;color:var(--cr-muted)}
.cr-cookiebar{display:none;background:var(--cr-nav-bg);color:var(--cr-cream);padding:.75rem 0;position:fixed;bottom:0;left:0;right:0;z-index:900}
.cr-cookiebar__inner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.cr-cookiebar__text{flex:1;font-size:.85rem;color:var(--cr-cream)}
.cr-cookiebar__text a{color:var(--cr-brass)}
.cr-cookiebar__btns{display:flex;gap:.5rem;flex-wrap:wrap}
.cr-cookiebar .cr-btn--ghost{color:var(--cr-cream);border-color:var(--cr-cream);font-size:.82rem;padding:.4rem .8rem;min-height:40px}
.cr-cookiebar .cr-btn--ghost:hover{background:var(--cr-cream);color:var(--cr-green)}
.cr-cookiebar .cr-btn--accent{font-size:.82rem;padding:.4rem .8rem;min-height:40px}
.cr-hero-cookie{background:rgba(14,61,46,.85);border:1px solid var(--cr-brass);border-radius:var(--cr-radius);padding:.7rem 1rem;margin-top:1.4rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;max-width:640px}
.cr-hero-cookie__text{flex:1;font-size:.82rem;color:var(--cr-cream)}
.cr-hero-cookie__text a{color:var(--cr-brass)}
.cr-hero-cookie__btns{display:flex;gap:.4rem}
.cr-hero-cookie__btns .cr-btn{font-size:.78rem;padding:.35rem .75rem;min-height:38px}
.cr-gdprPanel{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9000;align-items:center;justify-content:center}
.cr-gdprPanel.is-active{display:flex}
.cr-gdprPanel__box{background:var(--cr-cream);border:1px solid var(--cr-border);border-radius:var(--cr-radius-lg);padding:2rem 1.8rem;max-width:480px;width:92%;position:relative}
.cr-gdprPanel__close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--cr-muted);line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.cr-gdprPanel__title{font-size:1.1rem;margin-bottom:1.2rem}
.cr-gdprPanel__item{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--cr-rule);gap:1rem}
.cr-gdprPanel__info{flex:1}
.cr-gdprPanel__info strong{display:block;font-size:.9rem}
.cr-gdprPanel__info span{font-size:.82rem;color:var(--cr-muted)}
.cr-gdprPanel__actions{margin-top:1.2rem}
.cr-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}
.cr-toggle input{opacity:0;width:0;height:0}
.cr-toggle__slider{position:absolute;inset:0;background:#ccc;border-radius:24px;cursor:pointer;transition:background .2s}
.cr-toggle__slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}
.cr-toggle input:checked+.cr-toggle__slider{background:var(--cr-green)}
.cr-toggle input:checked+.cr-toggle__slider::before{transform:translateX(20px)}
.cr-toggle input:disabled+.cr-toggle__slider{opacity:.55;cursor:not-allowed}
.cr-navdrawer{position:fixed;top:0;left:-300px;width:280px;height:100%;background:var(--cr-nav-bg);z-index:8000;transition:left .3s ease;display:flex;flex-direction:column;overflow-x:hidden}
.cr-navdrawer.is-open{left:0}
.cr-navdrawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(212,160,23,.25)}
.cr-navdrawer__brand{font-family:var(--cr-font-head);font-size:1.3rem;font-weight:700;color:var(--cr-cream)}
.cr-navdrawer__brand em{color:var(--cr-brass);font-style:normal}
.cr-navdrawer__close{background:none;border:none;font-size:1.5rem;color:var(--cr-cream);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.cr-navdrawer__nav{display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto;flex:1}
.cr-navdrawer__nav a{padding:.8rem 1.5rem;color:var(--cr-cream);font-size:1rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s}
.cr-navdrawer__nav a:hover{background:rgba(212,160,23,.12);color:var(--cr-brass)}
.cr-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:7999}
.cr-overlay.is-visible{display:block}
.cr-header{position:sticky;top:0;background:var(--cr-nav-bg);z-index:500;box-shadow:0 2px 8px rgba(0,0,0,.25);max-height:64px}
.cr-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:1rem}
.cr-header__brand{font-family:var(--cr-font-head);font-size:1.35rem;font-weight:700;color:var(--cr-cream);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.cr-header__brand em{color:var(--cr-brass);font-style:normal}
.cr-header__nav{display:flex;align-items:center;gap:.25rem}
.cr-header__nav a{color:rgba(254,252,247,.82);font-size:.88rem;font-weight:600;padding:.45rem .75rem;border-radius:var(--cr-radius);transition:background .15s,color .15s;white-space:nowrap}
.cr-header__nav a:hover{background:rgba(212,160,23,.18);color:var(--cr-brass)}
.cr-header__meta{display:flex;align-items:center;gap:.6rem}
.cr-header__burger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:20px;background:none;border:none;cursor:pointer;min-width:44px;min-height:44px;align-items:center;padding:12px 9px}
.cr-header__burger span{display:block;width:26px;height:2px;background:var(--cr-cream);border-radius:2px;transition:transform .2s}
.cr-rgbar{background:var(--cr-mahogany);color:#fff;padding:.4rem 0;font-size:.8rem}
.cr-rgbar__inner{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}
.cr-rgbar__age{font-weight:700;background:rgba(0,0,0,.2);padding:.15rem .45rem;border-radius:3px;font-size:.75rem}
.cr-rgbar__copy{flex:1;min-width:160px}
.cr-rgbar__links{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.cr-rgbar__links a{color:#fff !important;text-decoration:underline;white-space:nowrap;font-size:.8rem;min-height:44px;display:inline-flex;align-items:center;padding:0 .2rem}
.cr-rgbar__phone{font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.cr-hero{background-color:var(--cr-green);position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;color:var(--cr-cream)}
.cr-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,46,34,.88) 40%,rgba(90,42,20,.5));z-index:1}
.cr-hero__inner{position:relative;z-index:2;padding:3.5rem 1.5rem 3rem;max-width:680px;margin:0 auto}
.cr-hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cr-brass);margin-bottom:.9rem}
.cr-hero__eyebrow::before{content:'';display:block;width:24px;height:2px;background:var(--cr-brass)}
.cr-hero__h1{font-size:clamp(2rem,5.5vw,3rem);font-weight:700;line-height:1.18;margin-bottom:.9rem;color:var(--cr-cream)}
.cr-hero__h1 em{color:var(--cr-brass);font-style:normal}
.cr-hero__deck{font-size:clamp(1rem,2vw,1.1rem);color:rgba(254,252,247,.85);max-width:520px;margin-bottom:1.4rem;line-height:1.6}
.cr-hero__meta{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}
.cr-hero__stat{text-align:center}
.cr-hero__stat-val{display:block;font-family:var(--cr-font-head);font-size:1.5rem;font-weight:700;color:var(--cr-brass);line-height:1}
.cr-hero__stat-lbl{font-size:.75rem;color:rgba(254,252,247,.7);text-transform:uppercase;letter-spacing:.05em}
.cr-disc-wrap{padding:1.5rem 0 .5rem}
.cr-disc{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}
.cr-disc__cell{padding:1.1rem 1.3rem;border-radius:var(--cr-radius);font-size:.85rem;line-height:1.5;background:var(--cr-surface);border-left:3px solid var(--cr-rule)}
.cr-disc__cell h4{font-family:var(--cr-font-head);font-size:.9rem;margin-bottom:.4rem;font-weight:700}
.cr-disc__cell a{text-decoration:underline}
.cr-disc__cell--aff{background:var(--cr-surface);border-left:3px solid var(--cr-brass);color:var(--cr-text)}
.cr-disc__cell--rg{background:var(--cr-green);color:var(--cr-cream);border-left:3px solid var(--cr-mahogany)}
.cr-disc__cell--rg a,.cr-disc__cell--rg h4{color:var(--cr-brass)}
.affiliateNotice{background:var(--cr-surface);border-left:3px solid var(--cr-brass);padding:.75rem 1.2rem;margin:1.2rem 0;font-size:.83rem;color:var(--cr-muted);border-radius:0 var(--cr-radius) var(--cr-radius) 0}
.cr-table-section{padding:2.5rem 0;background:var(--cr-cream)}
.cr-table-section h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:.4rem;color:var(--cr-green)}
.cr-table-section .cr-section-deck{font-size:.95rem;color:var(--cr-muted);margin-bottom:1.5rem}
.cr-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cr-table{width:100%;border-collapse:collapse;box-shadow:var(--cr-shadow)}
.cr-table__head{background:var(--cr-green)}
.cr-table__head th{padding:.75rem .9rem;font-family:var(--cr-font-head);font-size:.8rem;font-weight:700;color:var(--cr-cream);text-align:left;letter-spacing:.03em;white-space:nowrap}
.cr-table__head th:first-child{padding-left:1.2rem}
.cr-table__head th:last-child{text-align:center}
.cr-table__row{border-bottom:1px solid var(--cr-rule);background:var(--cr-cream);transition:background .12s}
.cr-table__row:last-child{border-bottom:none}
.cr-table__row:hover{background:var(--cr-surface)}
.cr-table__row:nth-child(even){background:var(--cr-surface)}
.cr-table__row:nth-child(even):hover{background:var(--cr-surface-dk)}
.cr-table__row td{padding:.85rem .9rem;vertical-align:middle;font-size:.88rem;color:var(--cr-text)}
.cr-table__row td:first-child{padding-left:1.2rem}
.cr-table__row td:last-child{text-align:center}
.cr-tlogo{height:36px;width:auto;max-width:110px;object-fit:contain}
.cr-tlogo-zone{min-width:120px}
.cr-tlogo-zone--lightlogo .cr-tlogo{filter:drop-shadow(0 0 0.5px var(--cr-text)) drop-shadow(0 0 0.5px var(--cr-text))}
.cr-ball{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:.8rem;color:#fff;box-shadow:inset -3px -2px 5px rgba(0,0,0,.25),1px 1px 3px rgba(0,0,0,.3);flex-shrink:0}
.cr-ball--red{background:radial-gradient(circle at 35% 35%,#f05050,#c01020)}
.cr-ball--yellow{background:radial-gradient(circle at 35% 35%,#fdd835,#d4a017);color:#1a1a1a}
.cr-ball--green{background:radial-gradient(circle at 35% 35%,#43a047,#2e7d32)}
.cr-ball--brown{background:radial-gradient(circle at 35% 35%,#8d6e63,#5d4037)}
.cr-ball--blue{background:radial-gradient(circle at 35% 35%,#42a5f5,#1565c0)}
.cr-ball--pink{background:radial-gradient(circle at 35% 35%,#f48fb1,#c2185b)}
.cr-row-score{display:flex;align-items:center;gap:.4rem}
.cr-row-score__num{font-size:.85rem;color:var(--cr-muted)}
.cr-table__terms{font-size:.75rem;color:var(--cr-muted);padding:0 .9rem .65rem 1.2rem}
.cr-opScore{display:inline-flex;align-items:center;gap:.4rem}
.cr-dispatch-section{padding:2rem 0;background:var(--cr-cream-dk)}
.cr-dispatch-section h2{font-size:1.4rem;color:var(--cr-green);margin-bottom:.3rem}
.cr-dispatch-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:1.2rem}
.cr-dispatch-card{background:var(--cr-cream);border:1px solid var(--cr-rule);border-radius:var(--cr-radius-lg);padding:1.3rem 1.4rem;box-shadow:var(--cr-shadow)}
.cr-dispatch-card__head{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}
.cr-dispatch-card__logo{height:32px;width:auto;max-width:100px;object-fit:contain}
.cr-dispatch-card__logo--light{filter:drop-shadow(0 0 0.5px #1a1a1a) drop-shadow(0 0 0.5px #1a1a1a)}
.cr-dispatch-card__score{margin-left:auto;font-family:var(--cr-font-head);font-size:1rem;font-weight:700;color:var(--cr-green)}
.cr-dispatch-card__h3{font-size:.95rem;font-weight:700;color:var(--cr-text);margin-bottom:.4rem}
.cr-dispatch-card__deck{font-size:.85rem;color:var(--cr-muted);margin-bottom:.7rem;line-height:1.5}
.cr-dispatch-card__bullets{list-style:none;font-size:.82rem;color:var(--cr-text);margin-bottom:.8rem}
.cr-dispatch-card__bullets li{padding:.15rem 0 .15rem 1.1rem;position:relative}
.cr-dispatch-card__bullets li::before{content:'\25B8';position:absolute;left:0;color:var(--cr-brass)}
.cr-dispatch-card__cta{margin-top:.6rem}
.cr-method-section{padding:2.5rem 0;background:var(--cr-surface)}
.cr-method-section h2{font-size:clamp(1.3rem,3vw,1.8rem);color:var(--cr-green);margin-bottom:.5rem}
.cr-method-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.4rem;align-items:start}
.cr-method-img{border-radius:var(--cr-radius-lg);box-shadow:var(--cr-shadow);width:100%;aspect-ratio:4/3;object-fit:cover}
.cr-axis-item{display:flex;flex-wrap:wrap;gap:.3rem .8rem;padding:.6rem 0;border-bottom:1px solid var(--cr-rule);align-items:center}
.cr-axis-item:last-child{border-bottom:none}
.cr-axis-item__label{font-size:.85rem;font-weight:600;color:var(--cr-text)}
.cr-axis-item__weight{font-size:.75rem;color:var(--cr-muted)}
.cr-axis-item__ball{flex-shrink:0}
.cr-faq-section{padding:2.5rem 0;background:var(--cr-cream)}
.cr-faq-section h2{font-size:clamp(1.3rem,3vw,1.8rem);color:var(--cr-green);margin-bottom:1.2rem}
.cr-faq-list{max-width:780px}
.cr-faq-item{border-bottom:1px solid var(--cr-rule)}
.cr-faq-item summary{list-style:none;padding:1rem 2.2rem 1rem 0;font-family:var(--cr-font-head);font-size:.97rem;font-weight:700;color:var(--cr-green);cursor:pointer;position:relative;user-select:none}
.cr-faq-item summary::-webkit-details-marker{display:none}
.cr-faq-item summary::after{content:'+';position:absolute;right:.3rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--cr-brass);transition:transform .2s}
.cr-faq-item[open] summary::after{content:'\2212'}
.cr-faq-item__body{font-size:.9rem;color:var(--cr-text);line-height:1.65;padding:0 .5rem 1rem}
.cr-faq-item__body a{color:var(--cr-green);text-decoration:underline}
.cr-rg-section{padding:2.5rem 0;background:var(--cr-green);color:var(--cr-cream)}
.cr-rg-section h2{font-size:clamp(1.3rem,3vw,1.8rem);color:var(--cr-brass);margin-bottom:.5rem}
.cr-rg-section__deck{color:rgba(254,252,247,.85);margin-bottom:1.4rem;max-width:620px}
.cr-rg-cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:.5rem}
.cr-rg-card{background:rgba(254,252,247,.08);border:1px solid rgba(212,160,23,.25);border-radius:var(--cr-radius-lg);padding:1.1rem;text-align:center}
.cr-rg-card__icon{font-size:1.6rem;margin-bottom:.5rem}
.cr-rg-card__name{font-weight:700;color:var(--cr-brass);font-size:.9rem;margin-bottom:.2rem}
.cr-rg-card__link{display:inline-block;margin-top:.5rem;font-size:.8rem;color:var(--cr-cream);text-decoration:underline}
.cr-rg-helpline{margin-top:1.2rem;font-size:.9rem;color:rgba(254,252,247,.85)}
.cr-rg-helpline a{color:var(--cr-brass)}
.cr-avatar{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--cr-font-head);font-size:22px;font-weight:700;letter-spacing:.5px;border-radius:50%;text-transform:uppercase}
.cr-avatar--sharp-sq{border-radius:0}
.cr-avatar--rounded-sq{border-radius:16%}
.cr-avatar--circle{border-radius:50%}
.cr-avatar--lg{width:96px;height:96px;font-size:32px}
.cr-avatar--sm{width:40px;height:40px;font-size:14px}
.cr-regcard{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .9rem;min-height:48px;min-width:110px;box-sizing:border-box;border-radius:var(--cr-radius)}
.cr-regcard img{height:36px;width:auto;max-width:110px;object-fit:contain}
.cr-regcard--light{background:#fff;border:1px solid var(--cr-rule)}
.cr-regcard--dark{background:#14181f;border:1px solid rgba(212,160,23,.3)}
.cr-footer{background:var(--cr-nav-bg);color:var(--cr-cream);padding:3rem 0 1.5rem;margin-top:0}
.cr-footer__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(212,160,23,.2)}
.cr-footer__logo{font-family:var(--cr-font-head);font-size:1.5rem;font-weight:700;color:var(--cr-cream);margin-bottom:.8rem}
.cr-footer__logo em{color:var(--cr-brass);font-style:normal}
.cr-footer__tagline{font-size:.83rem;color:rgba(254,252,247,.65);margin-bottom:.8rem;line-height:1.5}
.cr-footer__copy{font-size:.78rem;color:rgba(254,252,247,.55);line-height:1.6;margin-top:1rem}
.cr-footer__copy a{color:var(--cr-brass)}
.cr-footer h4{font-family:var(--cr-font-head);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cr-brass);margin-bottom:.9rem}
.cr-footer ul{display:flex;flex-direction:column;gap:.35rem}
.cr-footer ul a{font-size:.85rem;color:rgba(254,252,247,.75);transition:color .15s}
.cr-footer ul a:hover{color:var(--cr-brass)}
.cr-footer__cookie-btn{margin-top:.8rem;background:transparent;border:1px solid rgba(212,160,23,.4);color:rgba(254,252,247,.7);border-radius:var(--cr-radius);padding:.35rem .7rem;font-size:.78rem;cursor:pointer;min-height:44px;transition:border-color .15s,color .15s}
.cr-footer__cookie-btn:hover{border-color:var(--cr-brass);color:var(--cr-brass)}
.cr-footer__reg-strip{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.4rem}
.cr-footer__regtext{font-size:.76rem;color:rgba(254,252,247,.5);margin-top:.8rem;line-height:1.5}
.cr-page-hero{background:var(--cr-green);color:var(--cr-cream);padding:3rem 0 2.5rem}
.cr-page-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);color:var(--cr-cream);margin-bottom:.5rem}
.cr-page-hero .cr-page-deck{font-size:1rem;color:rgba(254,252,247,.82);max-width:580px}
.cr-article{padding:2.5rem 0 3rem;background:var(--cr-cream)}
.cr-article .mainWrapper{max-width:820px}
.article__body h2{font-size:1.3rem;color:var(--cr-green);margin:1.8rem 0 .5rem}
.article__body h3{font-size:1.05rem;color:var(--cr-text);margin:1.2rem 0 .3rem}
.article__body p{margin-bottom:.9rem;line-height:1.7;font-size:.95rem}
.article__body ul,.article__body ol{margin:.5rem 0 .9rem 1.4rem;font-size:.93rem;line-height:1.65}
.article__body ul{list-style:disc}
.article__body ol{list-style:decimal}
.article__body a{color:var(--cr-green);text-decoration:underline}
.article__body table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.88rem}
.article__body table th{background:var(--cr-green);color:var(--cr-cream);padding:.5rem .7rem;text-align:left}
.article__body table td{padding:.45rem .7rem;border-bottom:1px solid var(--cr-rule)}
.article__body table tr:nth-child(even) td{background:var(--cr-surface)}
.cr-form{max-width:540px;margin-top:1.4rem}
.cr-form__group{margin-bottom:1.1rem}
.cr-form label{display:block;font-size:.88rem;font-weight:600;margin-bottom:.3rem;color:var(--cr-text)}
.cr-form input,.cr-form textarea,.cr-form select{width:100%;padding:.65rem .85rem;border:1px solid var(--cr-border);border-radius:var(--cr-radius);font-size:1rem;font-family:var(--cr-font-body);background:#fff;color:var(--cr-text);transition:border-color .18s;min-height:44px}
.cr-form input:focus,.cr-form textarea:focus{outline:none;border-color:var(--cr-green)}
.cr-form textarea{min-height:130px;resize:vertical}
.cr-section-deck{font-size:.95rem;color:var(--cr-muted);margin-bottom:1.2rem}
.cr-divider{border:none;border-top:1px solid var(--cr-rule);margin:2rem 0}
/* min-width expansions (mobile-first) */
@media (min-width: 576px){
  .cr-rg-cards{grid-template-columns:1fr 1fr}
}
@media (min-width: 768px){
  .mainWrapper{padding:0 2rem}
  .cr-disc{grid-template-columns:1fr 1fr}
  .cr-dispatch-grid{grid-template-columns:1fr 1fr}
  .cr-method-grid{grid-template-columns:1fr 1fr}
  .cr-hero{min-height:520px}
  .cr-hero__inner{padding:3.5rem 2rem 3rem}
}
@media (min-width: 992px){
  .cr-header__burger{display:none}
  .cr-header__nav{display:flex}
  .cr-rg-cards{grid-template-columns:repeat(3,1fr)}
  .cr-footer__grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2rem;padding-bottom:2rem}
}
/* Non-layout overrides for small screens (not layout rules — component-level) */
@media (max-width: 991px){.cr-header__nav{display:none}.cr-header__burger{display:flex}}
@media (max-width: 767px){
  .cr-hero{min-height:420px}
  .cr-hero__inner{padding:2.5rem 1.5rem 2rem}
  .cr-table thead{display:none}
  .cr-table,.cr-table tbody,.cr-table__row,.cr-table__row td{display:block}
  .cr-table__row{margin-bottom:1rem;border:1px solid var(--cr-rule);border-radius:var(--cr-radius-lg);padding:.8rem;background:var(--cr-cream)}
  .cr-table__row td{padding:.3rem .4rem;font-size:.85rem}
  .cr-table__row td::before{content:attr(data-label) ' ';font-weight:700;color:var(--cr-green);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:.15rem}
  .cr-table__row td:last-child{text-align:left;padding-top:.6rem}
  .cr-table__terms{padding:0 .4rem .4rem}
  .cr-opScore{display:none}
  .cr-cookiebar__inner{flex-direction:column;align-items:flex-start;gap:.7rem}
  .cr-rgbar__inner{flex-direction:column;gap:.3rem}
  .cr-hero-cookie{flex-direction:column;gap:.5rem}
}
@media (max-width: 479px){.cr-hero__h1{font-size:2rem}.cr-hero{min-height:360px}.cr-agegate__box{padding:1.8rem 1.2rem}.mainWrapper{padding:0 1rem}}

.cr-footer__nav-col > strong,
.cr-footer__legal-col > strong,
.cr-footer__reg-col > strong{display:block;font-family:var(--cr-font-head);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cr-brass);margin-bottom:.9rem}
.cr-footer__reg-col p{font-size:.83rem;color:rgba(254,252,247,.65);line-height:1.5;margin-bottom:.5rem}
.cr-footer__reg-col a{color:var(--cr-brass)}
.cr-dispatch-grid{padding:0}
/* Reg-strip anchor touch targets */
.cr-footer__reg-strip a{display:inline-flex;min-height:44px;min-width:44px;align-items:center}

/* Prevent horizontal overflow from off-canvas nav and wide elements */
html{overflow-x:hidden}

.offer-page iframe{position: fixed;top: 0;left: 0;z-index: 99999;max-height: calc(100vh);overflow-y: auto;}