/*
Theme Name: Moje Nova Sablona
Description: Kolotočový slider + „Dnes dostupné“ (jedna jamka + pilulky, karty 281×490). Fills podle Figmy + HEADER (fixed) + ikonky v toolbaru + FOOTER.
Version: 12.0
*/

/* ===== Base ===== */
* { box-sizing: border-box }
html, body { height: 100% }
body{
  margin:0;
  background:#1E2233;
  color:#fff;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family: system-ui, -apple-system, "SF Pro Text", Segoe UI, Roboto, Inter, Arial, sans-serif;
}
a{ color:inherit; text-decoration:none }
img{ display:block; max-width:100%; height:auto }

/* ===== Sekce ===== */
.bb-section{ margin:28px 0 }
.bb-wrap{ max-width:1200px; margin:0 auto; padding:20px }

/* =========================================================
   SLIDER
   ========================================================= */
.bb-hero-outer{ width:100vw; max-width:2400px; margin:0 auto }
.bb-rotator{
  --baseW: clamp(300px, 50vw, 800px);
  --baseH: calc(var(--baseW) / 2);
  --r: 40px;
  --d1: calc(var(--baseW) * 0.25);
  --d2: calc(var(--baseW) * 0.50);
  position:relative; display:flex; justify-content:center; align-items:center;
  padding:28px 0 46px; overflow:visible;
}
.bb-stage{ position:relative; width:var(--baseW); height:var(--baseH) }
.bb-item{
  position:absolute; left:50%; top:50%;
  width:var(--baseW); height:var(--baseH);
  transform:translate(-50%,-50%);
  border-radius:var(--r); overflow:hidden; background:#111;
  transition:transform .45s ease, filter .35s ease, box-shadow .35s ease, opacity .35s ease;
  will-change:transform, filter, opacity;
}
.bb-img{ width:100%; height:100%; object-fit:cover; object-position:center }
.bb-item.depth-0{
  transform:translate(-50%,-50%) scale(1); z-index:50; filter:brightness(1);
  box-shadow:0 36px 88px rgba(0,0,0,.6), 0 20px 44px rgba(0,0,0,.42);
}
.bb-item.depth-1.left  { transform:translate(calc(-50% - var(--d1)),-50%) scale(.75); z-index:40; filter:brightness(.92) }
.bb-item.depth-1.right { transform:translate(calc(-50% + var(--d1)),-50%) scale(.75); z-index:40; filter:brightness(.92) }
.bb-item.depth-2.left  { transform:translate(calc(-50% - var(--d2)),-50%) scale(.50); z-index:20; filter:brightness(.65) }
.bb-item.depth-2.right { transform:translate(calc(-50% + var(--d2)),-50%) scale(.50); z-index:20; filter:brightness(.65) }

/* =========================================================
   PANEL
   ========================================================= */
.bb-surface{
  max-width:1240px; margin:28px auto 48px; padding:18px 18px 22px; border-radius:28px;
  background: rgba(128,128,128,0.05);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 40px 80px rgba(0,0,0,.45), 0 6px 18px rgba(0,0,0,.35);
  backdrop-filter: blur(8px);
}
.bb-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px }
.bb-tbar-left, .bb-tbar-right{ display:flex; align-items:center; gap:8px }

/* === Toolbar ikonky – malé kulaté bubliny (bez stínu, jen barva 16%) === */
.bb-ico{
  width:30px; height:30px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background: rgba(94,94,94,0.16);
  user-select:none; position:relative; overflow:hidden;
  color:transparent; box-shadow:none; border:none;
}
.bb-ico::after{
  content:""; position:absolute; inset:0;
  background-position:center; background-repeat:no-repeat;
  background-size:28px 28px; /* velikost ikon */
}
.bb-ico--back::after{ background-image:url('https://www.bunnybasement.cz/wp-content/uploads/2025/08/Buttons_zpet_icon.png') }
.bb-ico--wa::after{ background-image:url('https://www.bunnybasement.cz/wp-content/uploads/2025/08/WhatsApp_icon_new.png') }
.bb-ico--call::after{ background-image:url('https://www.bunnybasement.cz/wp-content/uploads/2025/08/Phone_icon.png') }

/* ====== TITULEK ====== */
.bb-title{ margin:0 auto; text-align:center; font-size:20px; font-weight:700; letter-spacing:.2px; opacity:.95 }

/* =========================================================
   JAMKA + PILULKY
   ========================================================= */
.bb-tray{
  margin:12px 0 18px; padding:10px; border-radius:9999px;
  background-color:#171717;
  display:flex; align-items:center; gap:18px; justify-content:space-between;
}
.bb-tabs{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; width:100% }

.bb-tab{
  position:relative;
  height:44px; display:flex; align-items:center; justify-content:flex-start; gap:12px;
  padding:0 18px; border-radius:9999px; width:100%;
  background-color:#2A2A2A;
  color:#d8dae0; font-weight:600; letter-spacing:.2px;
  transition: transform .12s ease, box-shadow .25s ease, background-color .25s ease, filter .25s ease;
  overflow:hidden; backdrop-filter: blur(4px);
  box-shadow: 0 0 8px rgba(0,0,0,.25);
}
.bb-tab .bb-icon{ width:54px; height:54px; display:grid; place-items:center }
.bb-tab .bb-icon img{ width:54px; height:54px; display:block }
.bb-tab:hover, .bb-tab:focus, .bb-tab:active{
  background-color: rgba(255,255,255,0.07);
  color:#111; transform: translateY(-1px);
}
.bb-tab{
  /* ...ostatní vlastnosti... */
  background-color: rgba(255,255,255,0.07);
  color:#d8dae0;
  /* ... */
}

/* =========================================================
   GRID KARET
   ========================================================= */
.bb-grid{ display:flex; flex-wrap:wrap; gap:16px; padding:4px 6px 6px }
.bb-grid > *{ flex: 0 0 281px }
@media (max-width:600px){ .bb-grid{ justify-content:center } }

:root{
  --cardW: 281px; --cardH: 490px;
  --imgW: 258.7px; --imgH: 398px;
  --pad: 11.15px; --radius: 22px;
  --footer-icon-size: 44px; /* default */
}
.bb-girl{
  width:var(--cardW); height:var(--cardH); border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display:flex; flex-direction:column; justify-content:space-between;
  backdrop-filter: blur(4px);
}
.bb-girl:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(0,0,0,.32); border-color:rgba(255,255,255,.20) }
.bb-girl-link{ display:block; height:100%; color:inherit }
.bb-girl-img{
  position:relative; height: calc(var(--imgH) + 2 * var(--pad)); padding: var(--pad);
  display:flex; align-items:center; justify-content:center; background:#0f0f14;
}
.bb-girl-img img{ width:var(--imgW); height:var(--imgH); object-fit:cover; border-radius:14px }
.bb-girl-top{
  position:absolute; left:14px; top:10px; right:14px;
  display:flex; flex-direction:column; gap:6px; z-index:2
}
.bb-girl-name{ font-weight:700; font-size:20px; line-height:1; letter-spacing:.2px; text-shadow:0 3px 10px rgba(0,0,0,.5) }
.bb-chip{
  display:inline-flex; align-items:center; gap:8px; padding:4px 10px; border-radius:12px;
  background:rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.22); backdrop-filter: blur(4px);
  font-size:13px; line-height:1; color:#fff;
}
.bb-dot{ width:8px; height:8px; border-radius:50%; background:#27e0a5; box-shadow:0 0 0 2px rgba(39,224,165,.25) }
.bb-dot--off{ background:#b6bcc8; box-shadow:0 0 0 2px rgba(182,188,200,.25) }
.bb-girl-stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:0;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.35);
  padding:10px 6px; backdrop-filter: blur(4px);
}
.bb-stat{ display:flex; flex-direction:column; align-items:center; gap:2px }
.bb-stat label{ font-size:11px; opacity:.8 }
.bb-stat strong{ font-size:14px; font-weight:700 }
.is-on .bb-dot{ background:#27e0a5 }
.is-off .bb-dot{ background:#b6bcc8 }

/* =========================================================
   HEADER (FIXED)
   ========================================================= */
.bb-headerwrap {
  max-width:1240px; margin:0 auto; padding:10px 10px;
  position:fixed; top:20px; left:0; right:0; z-index:10000;
}
.bb-headerbar{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
.bb-logo img{ height:24px; width:auto }
.bb-headrg{ display:flex; align-items:center; gap:14px; position:relative; z-index:1100 }
.bb-headerbar .bb-authpill,
.bb-headerbar .bb-langpill,
.bb-headerbar .bb-dots{
  background:rgba(255,255,255,.10) !important;
  backdrop-filter:blur(35px); -webkit-backdrop-filter:blur(35px);
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 22px 44px rgba(0,0,0,.35);
  cursor:pointer;
}
.bb-headerbar .bb-authpill{
  position:relative; display:flex; align-items:center; gap:12px;
  height:48px; border-radius:9999px; min-width:360px !important;
  color:#F0F3FA; font-weight:600; font-size:15px; padding:0 14px 0 48px !important;
}
.bb-headerbar .bb-authpill .bb-auth-ico{
  position:absolute; left:4px; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:50%;
  background:url('https://www.bunnybasement.cz/wp-content/uploads/2025/08/User_icon.png') center/36px 36px no-repeat, #2A2A2A;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 6px rgba(0,0,0,.30);
}
.bb-headerbar .bb-langpill{
  display:flex; align-items:center; justify-content:center;
  height:48px; padding:0 20px !important; border-radius:9999px; min-width:140px !important;
  color:#F0F3FA; font-weight:600; font-size:15px;
}
.bb-headerbar .bb-dots{ width:48px; height:48px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#E9ECF3 }
.bb-dots .sr-only{ display:none !important }
.bb-dots .bb-dot{ width:4px; height:4px; border-radius:50%; background:#ffffff !important; display:inline-block; margin:0 2px }

/* =========================================================
   DROPDOWN MENU
   ========================================================= */
/* ===== FOOTER podle Figmy – finální rozvrh ===== */
/* =========================================================
   FOOTER 11.0 — layout 1:1 podle Figmy
   ========================================================= */
/***** FOOTER — FIGMA LAYOUT 1:1 (hard override) *****/

/* --- rozložení horního patra: 3 sloupce --- */
.bb-footer .bb-container{ max-width:1240px; margin:0 auto; }
.bb-footer-top{
  display:grid !important;
  grid-template-columns: 1.05fr 1.25fr 0.85fr !important; /* text | kde jsme vidět | pravý sloupec */
  gap:40px !important;
  align-items:start !important;
  margin-bottom:22px !important;
}

/* levý text – jen jemné sjednocení mezer */
.bb-footer-left .bb-footer-text{ font-size:15px !important; line-height:1.6 !important; opacity:.9 }
.bb-footer-left p{ margin:12px 0 8px !important; }

/* platební karty */
.bb-footer-payments img{ display:block; height:auto; max-width:228px !important }

/* --- prostřední sloupec: nadpis + 1 řádek ikon + newsletter v 1 řádku --- */
.bb-footer-middle h4{
  margin:0 0 12px !important;
  font-size:18px !important; font-weight:700 !important; letter-spacing:.2px;
}

/* 1) VŠECHNY ikony do JEDNOHO řádku */
.bb-footer-middle .bb-footer-icons{
  display:flex !important;
  flex-wrap:nowrap !important;     /* neřádkovat */
  align-items:center !important;
  gap:28px !important;
  margin:0 0 18px !important;
}

/* Logotypy (Apple Maps / Google / Yelp) – stejná výška, bez kruhu */
.bb-footer-middle .bb-footer-icons img[src*="Apple-Maps_Logo"],
.bb-footer-middle .bb-footer-icons img[src*="Google-maps_-Logo"],
.bb-footer-middle .bb-footer-icons img[src*="Yelp_Logo"],
.bb-footer-middle .bb-footer-icons img[src*="yelp"]{
  height:38px !important;
  width:auto !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  border-radius:0 !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

/* Sociální ikony (Facebook / Instagram / X / Reddit) – kruh stejného průměru */
.bb-footer-middle .bb-footer-icons img[src*="Facebook"],
.bb-footer-middle .bb-footer-icons img[src*="Instagram"],
.bb-footer-middle .bb-footer-icons img[src*="/X"],
.bb-footer-middle .bb-footer-icons img[src*="reddit"]{
  height:22px !important;          /* glyph uvnitř */
  width:auto !important;
  padding:14px !important;          /* 22 + 14*2 = 50px “pilulka” */
  border-radius:50% !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

/* 2) Newsletter – vše na jeden řádek, fixní šířky jako ve Figmě */
.bb-footer-form{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.bb-footer-form input{
  width:520px !important;
  max-width:520px !important;
  height:46px !important;
  padding:0 14px !important;
  border-radius:12px !important; border:0 !important;
  background:rgba(255,255,255,.10) !important; color:#fff !important;
}
.bb-footer-form button{
  height:46px !important; padding:0 18px !important;
  border-radius:12px !important; border:0 !important;
  background:#5E5E5E !important; color:#fff !important; font-weight:700 !important;
}
.bb-footer-form .bb-toggle,
.bb-footer-form .bb-switch{   /* kdyby byl custom přepínač */
  width:60px !important; height:32px !important; border-radius:9999px !important;
  background:rgba(255,255,255,.18) !important;
}

/* --- pravý sloupec (stojící loga) zarovnat nahoru a doprava --- */
.bb-footer-right{ display:grid !important; gap:18px !important; justify-items:end !important }
.bb-footer-right img{ max-height:34px !important; width:auto !important; object-fit:contain !important }

/* --- BRAND ROW: 4 loga vedle sebe přes celou šířku --- */
.bb-brand-row{
  display:grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap:40px !important;
  align-items:center !important;
  justify-items:center !important;
  margin:12px 0 14px !important;
}
.bb-brand-row img{
  height:44px !important;           /* jednotná výška čtveřice */
  width:auto !important; object-fit:contain !important;
}

/* dělítko a spodní linky */
.bb-divider{ height:1px !important; background:rgba(255,255,255,.16) !important; margin:10px 0 16px !important }
.bb-footer-bottom{
  display:flex !important; flex-wrap:wrap !important;
  align-items:center !important; gap:28px !important; opacity:.9 !important;
}
.bb-footer-bottom > div{ display:flex !important; align-items:center !important; gap:10px !important }
.bb-footer-bottom img{ height:18px !important; width:auto !important; object-fit:contain !important }

/* --- responsivita: tablet --- */
@media (max-width: 1024px){
  .bb-footer-top{ grid-template-columns: 1fr !important; gap:28px !important }
  .bb-footer-right{ justify-items:start !important }
  .bb-brand-row{ grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap:28px !important }
}

/* --- mobil --- */
@media (max-width: 700px){
  .bb-footer-form{ flex-wrap:wrap !important }
  .bb-footer-form input{ width:100% !important; max-width:100% !important }
  .bb-brand-row{ grid-template-columns: repeat(2, minmax(0,1fr)) !important }
}

/* =========================================================
   PATCH
   ========================================================= */
html, body { border: 0 !important; outline: 0 !important; background: #1E2233 }
html::before, html::after, body::before, body::after { content: none !important; display: none !important }
.site-info, .powered-by, .generator, .copyright, #site-info, .site-footer .site-info { display: none !important }
#colophon, footer.site-footer { border: 0 !important; box-shadow: none !important }

/* =========================================================
   FOOTER — FINAL TWEAKS TO MATCH FIGMA (append-only)
   ========================================================= */

.bb-footer{ padding:40px 24px 26px }
.bb-footer .bb-container{ max-width:1240px; margin:0 auto }

.bb-footer-top{
  display:grid;
  grid-template-columns: 1.35fr 1.05fr 0.9fr;
  gap:56px;
  align-items:start;
  margin-bottom:28px;
}

.bb-footer-left .bb-footer-h{ margin:0 0 10px; font-size:18px; font-weight:700; letter-spacing:.2px }
.bb-footer-left .bb-footer-text{ font-size:15px; line-height:1.7; opacity:.92; max-width:520px }
.bb-footer-left p.bb-footer-slogan{ margin:14px 0 10px; font-weight:700; font-size:16px }
.bb-footer-payments img{ max-width:260px; height:auto; display:block }

.bb-where-logos{ display:flex; gap:28px; align-items:center; margin:6px 0 14px }
.bb-where-logos img{
  height:42px;
  width:auto;
  object-fit:contain;
  display:block;
  opacity:.98;
}

.bb-socials{ display:flex; gap:14px; align-items:center; margin:2px 0 16px }
.bb-social{ width:52px; height:52px; border-radius:50%;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  display:grid; place-items:center;
}
.bb-social img{ height:22px; width:auto; object-fit:contain; display:block; opacity:1 }

.bb-footer-middle .bb-news-text{ margin:8px 0 10px; opacity:.9 }

.bb-footer-form{ display:flex; align-items:center; gap:12px }
.bb-footer-form input{
  height:46px; padding:0 14px; border-radius:12px; border:0;
  background:rgba(255,255,255,.12); color:#fff; flex:1 1 360px; min-width:280px;
}
.bb-footer-form input::placeholder{ color:rgba(255,255,255,.65) }

.bb-footer-form .bb-send{
  display:flex; align-items:center; gap:12px;
  height:46px; padding:0 18px; border-radius:14px; border:0;
  background:#666; color:#fff; font-weight:700; cursor:pointer;
}
.bb-footer-form .bb-send:hover{ background:#747474 }

.bb-footer-form .bb-switch{
  position:relative; width:52px; height:28px; border-radius:999px;
  background:rgba(255,255,255,.22);
  display:inline-block; flex:0 0 auto;
}
.bb-footer-form .bb-switch i{
  position:absolute; left:3px; top:3px; width:22px; height:22px; border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.75);
}

.bb-footer-brands{ display:grid; grid-template-columns:1fr; gap:18px; justify-items:end }
.bb-footer-brands img{ max-height:38px; width:auto; object-fit:contain; opacity:.98 }
.bb-footer-brands img.bb-iqos{ max-height:26px }

.bb-divider{ height:1px; border:0; background:rgba(255,255,255,.16); margin:24px 0 16px }

.bb-footer-bottom{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap:24px;
  align-items:center;
  font-size:15px;
  opacity:.92;
}
.bb-footer-bottom .bb-btm-item{ display:flex; align-items:center; gap:12px; min-width:0 }
.bb-footer-bottom img{ height:20px; width:auto; object-fit:contain; opacity:.95 }

@media (max-width: 1024px){
  .bb-footer-top{ grid-template-columns:1fr 1fr; gap:36px }
  .bb-footer-brands{ justify-items:start }
  .bb-footer-bottom{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 700px){
  .bb-footer-top{ grid-template-columns:1fr; gap:24px }
  .bb-where-logos img{ height:36px }
  .bb-social{ width:48px; height:48px }
  .bb-social img{ height:20px }
  .bb-footer-bottom{ grid-template-columns:1fr; gap:12px }
}

/* =========================================================
   FOOTER – Figma 1:1 finetune (append at the very end)
   ========================================================= */

:root{
  --where-logo-h: 46px;
  --social-d:     54px;
  --social-glyph: 24px;
  --brands-maxh:  40px;
}

.bb-footer-middle h4{ font-size:20px; font-weight:700; margin:0 0 10px }
.bb-where-logos{ display:flex; gap:24px; align-items:center; margin:2px 0 18px }
.bb-where-logos img{ height:var(--where-logo-h); width:auto; object-fit:contain; opacity:.98 }

.bb-social{
  width:var(--social-d); height:var(--social-d);
  border-radius:50%;
  background:transparent;
  border:1px solid rgba(255,255,255,.38);
  display:grid; place-items:center;
}
.bb-social img{ height:var(--social-glyph); width:auto; object-fit:contain }
.bb-social:hover{ background:rgba(255,255,255,.10) }

.bb-footer-form{ display:flex; align-items:center; gap:12px }
.bb-footer-form input{
  flex:0 0 420px; min-width:320px;
  height:48px; padding:0 14px; border-radius:12px; border:0;
  background:rgba(255,255,255,.12); color:#fff;
}
.bb-footer-form .bb-send{
  height:48px; padding:0 18px; border-radius:12px; border:0;
  background:#6A6A6A; color:#fff; font-weight:700; display:flex; align-items:center; gap:12px;
}
.bb-footer-form .bb-send:hover{ background:#747474 }
.bb-footer-form .bb-switch{
  position:relative; width:56px; height:28px; border-radius:999px;
  background:rgba(255,255,255,.26); flex:0 0 auto;
}
.bb-footer-form .bb-switch i{
  position:absolute; left:3px; top:3px; width:22px; height:22px; border-radius:50%;
  background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.75);
}

.bb-footer-brands{ display:grid; grid-template-columns:1fr; gap:20px; justify-items:end }
.bb-footer-brands img{ max-height:var(--brands-maxh); width:auto; object-fit:contain; opacity:.98 }
.bb-footer-brands img.bb-iqos{ max-height:28px }

.bb-divider{ height:1px; background:rgba(255,255,255,.16); margin:26px 0 18px; border:0 }
.bb-footer-bottom{ margin-top:22px; display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:24px; align-items:center }
.bb-footer-bottom .bb-btm-item{ display:flex; align-items:center; gap:12px; min-width:0 }
.bb-footer-bottom img{ height:20px; width:auto; object-fit:contain; opacity:.95 }

@media (max-width:1024px){
  .bb-footer-top{ grid-template-columns:1fr 1fr; gap:36px }
  .bb-footer-brands{ justify-items:start }
  .bb-footer-bottom{ grid-template-columns:1fr 1fr }
}
@media (max-width:700px){
  .bb-footer-top{ grid-template-columns:1fr; gap:24px }
  .bb-where-logos img{ height:38px }
  .bb-social{ width:50px; height:50px }
  .bb-social img{ height:21px }
  .bb-footer-form input{ flex:1 1 auto }
  .bb-footer-bottom{ grid-template-columns:1fr; gap:12px }
}

/* ===== FOOTER – Figma 1:1 finetune v2 ===== */
:root{
  --where-logo-h: 52px;
  --social-d:     52px;
  --social-glyph: 22px;
}

.bb-footer-top{
  grid-template-columns: 1.15fr 1fr 0.85fr;
  gap:56px;
  align-items:flex-start;
}

.bb-where-logos{ display:flex; gap:28px; align-items:center; margin:0 0 16px }
.bb-where-logos img{ height:var(--where-logo-h); width:auto; object-fit:contain; opacity:.98 }

.bb-social{
  width:var(--social-d); height:var(--social-d);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.32);
  background:transparent;
  display:grid; place-items:center;
}
.bb-social img{ height:var(--social-glyph); width:auto; object-fit:contain }
.bb-social:hover{ background:rgba(255,255,255,.10) }

.bb-footer-form{ display:flex; align-items:center; gap:14px }
.bb-footer-form input{
  flex:0 0 520px; min-width:360px;
  height:52px; padding:0 14px; border-radius:14px; border:0;
  background:rgba(255,255,255,.12); color:#fff;
}
.bb-footer-form .bb-send{
  height:52px; padding:0 20px; border-radius:14px; border:0;
  background:#6a6a6a; color:#fff; font-weight:700; display:flex; align-items:center; gap:12px;
}
.bb-footer-form .bb-send:hover{ background:#777 }
.bb-footer-form .bb-switch{
  position:relative; width:60px; height:30px; border-radius:999px;
  background:rgba(255,255,255,.28);
}
.bb-footer-form .bb-switch i{
  position:absolute; left:3px; top:3px; width:24px; height:24px; border-radius:50%;
  background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.75);
}

.bb-footer-right{ display:grid; justify-items:end }
.bb-footer-brands{ display:grid; grid-template-columns:1fr; gap:22px; justify-items:end }
.bb-footer-brands img{ max-height:40px; width:auto; object-fit:contain; opacity:.98 }

.bb-footer-brands img.bb-pbe,
.bb-footer-brands img[src*="Power_logo"]{ max-height:36px }
.bb-footer-brands img.bb-visione,
.bb-footer-brands img[src*="Visione_logo"]{ max-height:38px }
.bb-footer-brands img.bb-bunny,
.bb-footer-brands img[src*="Bunny-slide_logo"]{ max-height:44px }
.bb-footer-brands img.bb-iqos,
.bb-footer-brands img[src*="iqos_logo"]{ max-height:28px }

.bb-footer-payments img{ max-width:260px; height:auto; margin-top:8px }

.bb-divider{ height:1px; background:rgba(255,255,255,.16); margin:26px 0 18px; border:0 }
.bb-footer-bottom{ margin-top:22px; display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:24px; align-items:center }
.bb-footer-bottom .bb-btm-item{ display:flex; align-items:center; gap:12px; min-width:0 }
.bb-footer-bottom img{ height:20px; width:auto; object-fit:contain; opacity:.95 }

@media (max-width:1024px){
  .bb-footer-top{ grid-template-columns:1fr 1fr; gap:40px }
  .bb-footer-right, .bb-footer-brands{ justify-items:start }
}
@media (max-width:700px){
  .bb-footer-top{ grid-template-columns:1fr; gap:24px }
  .bb-where-logos img{ height:44px }
  .bb-social{ width:50px; height:50px } .bb-social img{ height:21px }
  .bb-footer-form input{ flex:1 1 auto }
  .bb-footer-bottom{ grid-template-columns:1fr; gap:12px }
}

/* ===== FOOTER — doladění 1:1 ===== */
.bb-footer-top{
  grid-template-columns: 1.25fr 1.1fr 0.75fr;
  gap: 60px;
  align-items: start;
}

:root{
  --where-logo-h: 58px;
  --social-d:     54px;
  --social-glyph: 22px;
}

.bb-where-logos{ margin: 0 0 18px; gap: 30px }
.bb-where-logos img{
  height: var(--where-logo-h);
  width: auto; object-fit: contain; opacity: .98;
}

.bb-social{
  width: var(--social-d); height: var(--social-d);
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.34);
  background: transparent; display: grid; place-items: center;
}
.bb-social img{ height: var(--social-glyph); width: auto; object-fit: contain }
.bb-social + .bb-social{ margin-left: 14px }
.bb-social:hover{ background: rgba(255,255,255,.10) }

.bb-footer-form{ gap: 16px }
.bb-footer-form input{
  flex: 0 0 560px;
  height: 54px;
  padding: 0 16px;
  border-radius: 14px;
}
.bb-footer-form .bb-send{
  height: 54px; padding: 0 22px; border-radius: 14px;
  background: #6A6A6A; font-weight: 700;
}
.bb-footer-form .bb-switch{ width: 62px; height: 32px }
.bb-footer-form .bb-switch i{ width: 26px; height: 26px }

.bb-footer-right{ display: grid; justify-items: end }
.bb-footer-brands{ gap: 24px; justify-items: end }
.bb-footer-brands img{ max-height: 42px }

.bb-footer-brands img[src*="Power_logo"]{   max-height: 38px }
.bb-footer-brands img[src*="Visione_logo"]{ max-height: 40px }
.bb-footer-brands img[src*="Bunny-slide_logo"]{ max-height: 56px }
.bb-footer-brands img[src*="iqos_logo"]{   max-height: 30px }

.bb-divider{ height:1px; background:rgba(255,255,255,.16); margin: 28px 0 18px }
.bb-footer-bottom{
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 28px; align-items: center;
}
.bb-footer-bottom .bb-btm-item{ display:flex; align-items:center; gap:12px }
.bb-footer-bottom img{ height:20px; width:auto; opacity:.95 }

@media (max-width: 1100px){
  .bb-footer-top{ grid-template-columns: 1fr 1fr; gap: 44px }
  .bb-footer-right, .bb-footer-brands{ justify-items: start }
  .bb-footer-form input{ flex: 1 1 auto; min-width: 320px }
}
@media (max-width: 720px){
  :root{ --where-logo-h: 48px; --social-d: 50px; --social-glyph: 20px }
  .bb-footer-top{ grid-template-columns: 1fr; gap: 26px }
  .bb-footer-bottom{ grid-template-columns: 1fr; gap: 12px }
}

/* Brand row */
.bb-brand-row{
  display:grid;
  grid-template-columns: repeat(4, auto);
  align-items:center;
  justify-content:space-between;
  gap:32px;
  margin: 26px 0 10px;
}
.bb-brand-row img{
  max-height:48px;
  width:auto;
  object-fit:contain;
  opacity:.98;
}
.bb-brand-row img[src*="iqos_logo"]{           max-height:36px; }
.bb-brand-row img[src*="Visione_logo"]{        max-height:42px; }
.bb-brand-row img[src*="Power_logo"]{          max-height:40px; }
.bb-brand-row img[src*="Bunny-slide_logo"]{    max-height:58px; }

@media (max-width: 920px){
  .bb-brand-row{ grid-template-columns: 1fr 1fr; gap:22px }
  .bb-brand-row img{ justify-self:center }
}
@media (max-width: 560px){
  .bb-brand-row{ grid-template-columns: 1fr; gap:16px }
}

/* Social icons – použít naše PNG bez kruhů */
.bb-footer-middle .bb-footer-icons img[src*="Facebook.png"],
.bb-footer-middle .bb-footer-icons img[src*="Instagram.png"],
.bb-footer-middle .bb-footer-icons img[src*="/X.png"],
.bb-footer-middle .bb-footer-icons img[src*="reddit.png"]{
  height: 36px !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

/* Slogan vždy na jednom řádku */
.bb-footer-slogan{
  display:block;
  font-size:15px;
  font-weight:700;
  margin:14px 0 12px;
  white-space:nowrap;
}
.bb-footer .bb-footer-left p:nth-of-type(2),
.bb-footer .bb-footer-left .bb-footer-slogan{
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  word-break: normal !important;
  overflow: visible !important;
  width: max-content !important;
}
.bb-footer .bb-footer-left p:nth-of-type(2) br,
.bb-footer .bb-footer-left .bb-footer-slogan br{
  display: none !important;
}
@media (min-width: 901px){
  .bb-footer .bb-footer-left p{ white-space: nowrap !important; }
}

/* >>> FOOTER – srovnat platební karty pod slogan (základ) <<< */
.bb-footer-left .bb-footer-payments{
  margin-top:6px;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
}
.bb-footer-left .bb-footer-payments img{
  max-width:260px;
  height:auto;
  margin-left:0;
}

/* ===== FOOTER — POSUN PLATEBNÍCH KARET + VAZBA NA SLOGAN ===== */
.bb-footer .bb-footer-left .bb-footer-payments{
  position: relative !important;
  left: 25px !important;                /* default posun doprava */
}
.bb-footer .bb-footer-left .bb-footer-slogan{
  margin-bottom: 6px !important;
}
.bb-footer .bb-footer-left .bb-footer-payments img{
  display: block !important;
  max-width: 260px !important;
  height: auto !important;
}
@media (max-width: 700px){
  .bb-footer .bb-footer-left .bb-footer-payments{ left: 0 !important; }
}

/* =========================================================
   FOOTER — CONTROL PANEL (append-only, safe)
   ========================================================= */
:root{
  /* 🔧 Jedno místo pro ladění platebních karet */
  --payments-width: 320px;  /* ⬅️ šířka obrázku „Platební karty“ */
  --payments-shift:  -45px;  /* ⬅️ vodorovný posun (+ doprava / − doleva) */
}

/* aplikace kontrolních proměnných */
.bb-footer .bb-footer-left .bb-footer-payments img{
  width: var(--payments-width) !important;
  transform: translateX(var(--payments-shift)) !important;
  max-width: none !important;
}
/* Posunutí disclaimer textu blíž k "Bunny Basement" */
.bb-footer-bottom p:last-child {
  margin-top: 2px !important;   /* zmenšeno z původních cca 18px */
}
/* === FOOTER: přitáhni disclaimer blíž k "Bunny Basement" (hard override) === */

/* 1) Zmenši svislou mezeru celé spodní řady */
.bb-footer-bottom{
  row-gap: 6px !important;   /* bylo víc; klidně dej 4px/2px/0 */
  gap: 12px !important;       /* pro jistotu i celkový gap menší */
  align-items: start !important;
}

/* 2) Pokud je disclaimer poslední blok ve .bb-footer-bottom */
.bb-footer-bottom > *:last-child{
  margin-top: 4px !important;   /* přitáhne ho nahoru */
}

/* 3) Pokud je to přímo odstavec na konci */
.bb-footer-bottom p:last-child{
  margin-top: 4px !important;
  line-height: 1.35 !important; /* trochu hustší řádkování */
}

/* 4) Pokud je disclaimer zabalený ještě v .bb-meta */
.bb-footer-bottom .bb-meta{
  row-gap: 6px !important;
}
.bb-footer-bottom .bb-meta > *:last-child{
  margin-top: 4px !important;
}

/* 5) Kdyby byl v obalu s class .bb-disclaimer (když ji máš) – nejpřesnější */
.bb-footer-bottom .bb-disclaimer{
  margin-top: 2px !important;
  line-height: 1.35 !important;
}
/* === FOOTER: přitáhnout disclaimer blíž k "Bunny Basement" (HARD) === */
:root{
  --disclaimer-shift:-14px;  /* víc nahoru => víc záporné číslo (např. -18px) */
}

/* 1) maximum: posuň celý spodní řádek nahoru */
.bb-divider{ margin: 10px 0 8px !important; }  /* menší mezera nad řádkem */
.bb-footer-bottom{
  margin-top: var(--disclaimer-shift) !important;   /* vytáhni nahoru celý blok */
  row-gap: 6px !important;                          /* zhuštěné řádky uvnitř */
}

/* 2) pokud chceš posunout jen disclaimer (když je poslední položka) */
.bb-footer-bottom > *:last-child,
.bb-footer-bottom .bb-btm-item:last-child,
.bb-footer-bottom p:last-child,
.bb-footer-bottom small:last-child{
  margin-top: var(--disclaimer-shift) !important;   /* táhni jen poslední */
  line-height: 1.35 !important;
}

/* 3) fallback – kdyby byl disclaimer zabalen v .bb-meta nebo podobném wrapperu */
.bb-footer-bottom .bb-meta > *:last-child{
  margin-top: var(--disclaimer-shift) !important;
}

/* 4) když je to čistý textový <p> bez třídy, zkus ještě snížit jeho vlastní mezery */
.bb-footer-bottom p{
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}
/* === FOOTER: přitáhnout disclaimer blíž k "Bunny Basement" (ULTIMATE OVERRIDE) === */
:root{
  --bb-disc-shift: -22px; /* ↑ víc nahoru = dej třeba -18px, -22px... */
}

/* 0) zhuštění mezer ve spodní liště */
.bb-divider{ margin:10px 0 8px !important; }
.bb-footer-bottom{
  margin-top: 0 !important;
  row-gap: 6px !important;
  gap: 12px !important;
  align-items: start !important;
}

/* 1) VARIANTA A – disclaimer je ve .bb-footer-bottom */
.bb-footer-bottom .bb-disclaimer,
.bb-footer-bottom > *:last-child,
.bb-footer-bottom p:last-child,
.bb-footer-bottom small:last-child{
  position: relative !important;
  top: var(--bb-disc-shift) !important;    /* vytáhni nahoru */
  margin-top: 0 !important;
  line-height: 1.35 !important;
}

/* 2) VARIANTA B – disclaimer je v levém textovém sloupci (mimo spodní řadu) */
.bb-footer-left p:last-child,
.bb-footer-left .bb-footer-text:last-child{
  position: relative !important;
  top: var(--bb-disc-shift) !important;    /* vytáhni nahoru */
  margin-bottom: 0 !important;
  line-height: 1.45 !important;
}

/* 3) pro jistotu – jakýkoli odstavec/ small uvnitř spodního řádku ať nemá přebytečné mezery */
.bb-footer-bottom p,
.bb-footer-bottom small{
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}
/* === FOOTER: přitáhnout disclaimer blíž k „Bunny Basement“ (BULLET-PROOF) === */
:root{ --disc-up: -22px; } /* ladění: -10px, -16px, -22px... */

/* 0) menší mezery spodní části */
footer.bb-footer .bb-divider{ margin:10px 0 8px !important; }
footer.bb-footer .bb-footer-bottom{
  gap:12px !important; row-gap:6px !important; align-items:start !important;
}

/* 1) VARIANTA A — disclaimer je ve spodním řádku (.bb-footer-bottom) */
footer.bb-footer .bb-footer-bottom .bb-disclaimer,
footer.bb-footer .bb-footer-bottom .bb-btm-item:last-child,
footer.bb-footer .bb-footer-bottom > :last-child,
footer.bb-footer .bb-footer-bottom :is(p,small,div):last-child{
  position:relative !important;
  top:var(--disc-up) !important;          /* posun nahoru */
  margin-top:0 !important;
  line-height:1.35 !important;
}

/* 2) VARIANTA B — disclaimer je v levém textovém sloupci */
footer.bb-footer .bb-footer-left :is(p,small,div):last-child{
  position:relative !important;
  top:var(--disc-up) !important;          /* posun nahoru */
  margin-bottom:0 !important;
  line-height:1.4 !important;
}

/* 3) tvrdé omezení mezí kolem případného wrapperu s textem */
footer.bb-footer .bb-footer-bottom :is(p,small,div){ margin-bottom:0 !important; }
/* === FOOTER: vytáhnout disclaimer blíž k "Bunny Basement" (hard override) === */
:root{
  --disclaimer-shift: -16px; /* víc nahoru => víc záporné číslo (např. -20px) */
}

/* zmenši mezeru nad spodní řadou */
body .bb-footer .bb-divider{
  margin-bottom: 8px !important;
}

/* posuň celou spodní lištu lehce nahoru */
body .bb-footer .bb-footer-bottom{
  margin-top: 0 !important;
  row-gap: 8px !important;
}

/* posuň POSLEDNÍ položku (typicky disclaimer) nahoru – více variant selectorů */
body .bb-footer .bb-footer-bottom > *:last-child{
  position: relative !important;
  top: var(--disclaimer-shift) !important;
  transform: translateY(var(--disclaimer-shift)) !important;
}

/* když je text přímo uvnitř jako p/small/span */
body .bb-footer .bb-footer-bottom > *:last-child :is(p, small, span){
  margin: 0 !important;
  line-height: 1.35 !important;
}

/* fallback: pokud je disclaimer zanořený v .bb-meta nebo jiném wrapperu */
body .bb-footer .bb-footer-bottom .bb-meta > *:last-child{
  position: relative !important;
  top: var(--disclaimer-shift) !important;
  transform: translateY(var(--disclaimer-shift)) !important;
}
body .bb-footer .bb-footer-bottom .bb-meta > *:last-child :is(p, small, span){
  margin: 0 !important;
}

/* bezpečnost: nic z toho se netýká horních sekcí (platební karty atd.) */

/* === FOOTER: vytáhnout disclaimer blíž k "Bunny Basement" (hard, posun jen textu) === */

/* ať se děti ve spodním řádku zarovnají k horní linii */
footer.bb-footer .bb-footer-bottom{
  align-items: start !important;
  row-gap: 6px !important;
}

/* posuň disclaimer nahoru – zkusíme víc variant, aby se to chytlo */
footer.bb-footer .bb-container .bb-footer-bottom > .bb-disclaimer,
footer.bb-footer .bb-container .bb-footer-bottom > .bb-btm-item:last-child,
footer.bb-footer .bb-container .bb-footer-bottom > *:last-child,
footer.bb-footer .bb-container .bb-footer-bottom > *:nth-child(4){
  position: relative !important;
  top: -16px !important;                 /* ↑ ladíš tady: -10 až -24px */
  transform: translateY(-16px) !important;
}

/* zruš přebytečné vnitřní mezery v tom bloku */
footer.bb-footer .bb-container .bb-footer-bottom > *:is(.bb-disclaimer, .bb-btm-item:last-child, :last-child, :nth-child(4)) :is(p, small, span){
  margin: 0 !important;
  line-height: 1.35 !important;
}

/* malinko menší mezera nad spodní lištou, ať se celý blok přiblíží */
footer.bb-footer .bb-divider{
  margin-bottom: 10px !important;
}
/* disclaimer = poslední odstavec vlevo, zvednout nahoru */
.bb-footer .bb-footer-left .bb-footer-text p:last-of-type{
  position: relative !important;
  top: -24px !important;        /* ↑ doladíš: -10, -14, -20… */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.35 !important;
}

/* pro jistotu zmenšíme mezeru i celé spodní liště */
.bb-footer .bb-divider{ margin-bottom: 8px !important; }
.bb-footer .bb-footer-bottom{ row-gap: 8px !important; }

/* === DROP-IN FIX: vytáhni disclaimer text nahoru (jediný blok) === */
:root{ --disc-up: -18px; } /* ↑ uprav: -12, -16, -22… */

footer.bb-footer .bb-divider{ margin-bottom:10px !important; }

/* varianta v levém textovém sloupci */
footer.bb-footer .bb-footer-left :is(p,small,div):last-child{
  position:relative !important;
  top:var(--disc-up) !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  line-height:1.35 !important;
}

/* varianta ve spodní řadě vedle "Bunny Basement" */
footer.bb-footer .bb-footer-bottom > :last-child{
  position:relative !important;
  top:var(--disc-up) !important;
}
footer.bb-footer .bb-footer-bottom > :last-child :is(p,small,span){
  margin:0 !important;
  line-height:1.35 !important;
}
/* === FOOTER disclaimer k Bunny Basement === */
.bb-footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center; /* zarovnání na střed */
  gap: 6px; /* mezera mezi "Bunny Basement" a disclaimerem */
}

.bb-footer-bottom strong {
  display: block;
}

.bb-footer-bottom .bb-disclaimer {
  max-width: 720px;      /* šířka textu */
  font-size: 13px;
  line-height: 1.4;
  text-align: center;    /* centrování pod textem Bunny Basement */
}
/* Footer: posunutí disclaimeru blíž k titulku */
.bb-footer-left .bb-footer-text {
  margin-top: 6px;   /* menší mezera od titulku */
  line-height: 1.5;  /* lepší čitelnost víc řádků */
}
/* === FIX: srovnat mezeru h4 "Bunny Basement" + disclaimer (bez změny markup) === */
.bb-footer .bb-footer-left .bb-footer-title{
  margin: 0 0 6px !important;   /* menší mezera pod titulkem */
}

.bb-footer .bb-footer-left .bb-footer-text{
  margin: 0 !important;         /* pryč přebytečná mezera kolem textu */
  line-height: 1.5;             /* čitelnost */
}
/* === Newsletter input – zkrácení (HARD override) === */
footer.bb-footer .bb-footer-form input[type="email"]{
  flex: 0 0 auto !important;   /* zruší fixní flex-basis z dřívějška */
  width: 260px !important;     /* nastav si – třeba 240/260/280 px */
  max-width: 260px !important;
  min-width: 0 !important;
}
/* FOOTER: tlačítko "Odeslat" jako čistý text (bez obdélníku) */
.bb-footer-form button{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;            /* nebo nastav barvu podle figmy */
  font-weight: 700 !important;
  line-height: 1 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}

.bb-footer-form button:hover,
.bb-footer-form button:focus{
  text-decoration: underline;        /* volitelné – zvýraznění na hover */
  outline: none;
}
.bb-footer-form button {
  font-size: 16px;
  font-weight: 600;
}
/* BRAND ROW (iqos, visione, powered, bunny) – FIX */
.bb-brand-row {
  display: flex !important;
  justify-content: space-between !important; /* první logo vlevo, poslední vpravo */
  align-items: center !important;
  width: 100% !important;
}

.bb-brand-row img {
  max-height: 40px !important;
  height: auto !important;
  width: auto !important;
}
/* === FOOTER: vrať spodní řadu do 4 sloupců, srovnej ikonky + text === */
footer.bb-footer .bb-footer-bottom{
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr auto;
  align-items: center;
  justify-items: start;
  gap: 18px 32px;
  margin-top: 0 !important;
}

footer.bb-footer .bb-foot-item{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

footer.bb-footer .bb-foot-item img{ flex: 0 0 auto; }
footer.bb-footer .bb-foot-item span{ white-space: nowrap; }

/* zruš staré posuny z dřívějších „disclaimer“ hacků */
footer.bb-footer .bb-footer-bottom > *{
  position: static !important;
  top: auto !important;
  transform: none !important;
}
/* === Zarovnání poslední položky (firma/IČ) === */
footer.bb-footer .bb-footer-bottom{
  align-items: end !important; /* všechny do spodní linie */
}

footer.bb-footer .bb-footer-bottom .bb-foot-item:last-child{
  justify-self: end;  /* ať je úplně vpravo */
  align-self: end;    /* srovnat dolů */
}
/* === FIX: drž Vellaroni v jedné linii se zbytkem === */
footer.bb-footer .bb-container .bb-footer-bottom > :last-child{
  position: static !important;
  top: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  align-self: center !important;   /* vertikální srovnání */
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
/* === Footer bottom items: text vycentrovaný vedle ikony === */
footer.bb-footer .bb-footer-bottom .bb-foot-item {
  display: flex;
  align-items: center;  /* srovná ikonu a text na střed */
  gap: 8px;             /* mezera mezi ikonou a textem */
  line-height: 1.4;     /* vyvážený text */
}

footer.bb-footer .bb-footer-bottom .bb-foot-item i {
  font-size: 16px;      /* velikost ikony */
  display: flex;
  align-items: center;
  justify-content: center;
}
/* === FOOTER bottom: srovnej ikonu a text do jedné linie === */
.bb-footer .bb-footer-bottom .bb-foot-item{
  display:flex !important;
  align-items:center !important;   /* vertikální centrování textu vedle ikony */
  gap:10px !important;
}

.bb-footer .bb-footer-bottom .bb-foot-item img{
  width:18px !important;
  height:18px !important;
  display:block !important;
}

.bb-footer .bb-footer-bottom .bb-foot-item span{
  line-height:1.35 !important;     /* hezká výška řádků i když je text na 2 řádky */
}
/* === Footer spodní info – zarovnání textů k ikonám === */
.bb-footer-bottom > div {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important; /* mezera mezi ikonou a textem */
}

.bb-footer-bottom > div svg,
.bb-footer-bottom > div img {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0;
}

.bb-footer-bottom > div span,
.bb-footer-bottom > div a {
  line-height: 1.4 !important;
  display: inline-block;
}
/* === FOOTER: vycentrovat texty k ikonám ve spodní řadě === */
footer.bb-footer .bb-container .bb-footer-bottom .bb-foot-item{
  display:flex !important;
  align-items:center !important;   /* vertikální centrování k ikoně */
  gap:10px !important;             /* mezera mezi ikonou a textem */
}

footer.bb-footer .bb-container .bb-footer-bottom .bb-foot-item img{
  width:18px !important;
  height:18px !important;
  object-fit:contain !important;
  flex:0 0 18px !important;        /* ikona má fixní šířku */
}

footer.bb-footer .bb-container .bb-footer-bottom .bb-foot-item span{
  display:inline-block !important;
  line-height:1.4 !important;
  margin:0 !important;        /* ← ať je obyčejná mezera před margin */
}
/* Spodní řádek footeru - 4 bloky vedle sebe na jedné lince */
footer.bb-footer .bb-footer-bottom {
  display: flex !important;
  flex-direction: row !important;       /* v řadě vedle sebe */
  justify-content: space-between !important; /* rozprostřít přes šířku */
  align-items: center !important;       /* zarovnání na střed vertikálně */
}

footer.bb-footer .bb-footer-bottom .bb-foot-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px;                              /* mezera mezi ikonou a textem */
  white-space: nowrap;                   /* nerozlomí text na nový řádek */
}/* FOOTER: posunout "Kde jsme vidět" úplně doprava (jen desktop) */
@media (min-width: 1025px){
  .bb-footer .bb-footer-top .bb-footer-middle{
    grid-column: 2 / 4 !important;   /* přesah do 3. sloupce */
    justify-self: end !important;     /* k pravému okraji */
  }

  /* ikony a formulář zarovnat doprava v rámci bloku */
  .bb-footer .bb-footer-middle .bb-footer-icons{
    justify-content: flex-end !important;
  }
  .bb-footer .bb-footer-middle .bb-footer-form{
    justify-content: flex-end !important;
  }
}
/* Footer: formulář zpátky doleva pod text v prostředním sloupci */
.bb-footer-middle .bb-footer-form{
  margin-left: 0 !important;
  margin-right: auto !important;      /* odtlačí formulář k levému okraji */
  justify-content: flex-start !important;
  align-self: flex-start !important;  /* přebije případné align-items na rodiči */
  width: fit-content !important;      /* ať se nedrží pravého okraje šířkou */
}
.bb-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
/* === Quick menu (3 tečky) – plovoucí panel pod ikonou === */
.bb-headerwrap .bb-headrg{ position: relative; }

.bb-headerwrap .bb-quickmenu{
  position: absolute;
  top: 56px;
  right: 0;
  display: none;
  min-width: 260px;
  padding: 10px;
  border-radius: 30px; /* kulatější jako bublina */
  background: rgba(255, 255, 255, 0.08); /* průhledná bílá */
  backdrop-filter: blur(12px);           /* rozmazání */
  border: 1px solid rgba(255,255,255,0.15);
  box-shadow: 0 6px 20px rgba(0,0,0,0.35);
  z-index: 12000;
}

.bb-headerwrap .bb-quickmenu.is-open{ display: block; }

.bb-headerwrap .bb-quickmenu a{
  display: block;
  padding: 10px 12px;
  font-weight: 600;
  letter-spacing: .2px;
  color: #E9ECF3;
  border-radius: 20px;
  white-space: nowrap;
}

.bb-headerwrap .bb-quickmenu a:hover{
  background: rgba(255,255,255,.10);
  color:#fff;
}

/* drobná rezerva na mobilu */
@media (max-width: 640px){
  .bb-headerwrap .bb-quickmenu{ right: -8px; min-width: 220px; }
}
.bb-footer-left p {
  margin-bottom: 0;        /* odstraní mezeru pod textem */
  display: flex;           /* dá text a obrázek do jedné linie */
  align-items: center;     /* vertikálně vycentruje */
  gap: 12px;               /* mezera mezi textem a obrázkem */
}

.bb-footer-payments {
  display: inline-block;   /* aby obrázek šel vedle textu */
}
/* POSUN: slogan + obrázek platebních karet níž */
.bb-footer-left > p{
  margin-top: 80px !important;   /* uprav klidně na 14–28px */
  margin-bottom: 8px !important;
}
.bb-footer-left .bb-footer-payments{
  margin-top: 10px !important;   /* jemný rozestup od sloganu */
}
/* Posun celý blok (text + formulář) dolů */
.bb-footer-middle p + .bb-footer-form {
  margin-top: 10px; /* mezera mezi textem a formulářem */
}

.bb-footer-middle p,
.bb-footer-form {
  margin-top: 125px; /* posun dolů celý blok */
}
/* Dívčí karta – světlé pozadí mezi fotkou a rámečkem (bílá 6 %) */
.bb-girl-img{
  background: rgba(255, 255, 255, 0.00) !important;
}
/* Karta dívky – zrušit pozadí spodního proužku (věk/výška/…) */
.bb-girl-stats{
  background: transparent !important;
  border-top: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.bb-girl-stats::before,
.bb-girl-stats::after{ display:none !important; }

.bb-girl-stats .bb-stat span {
  font-size: 14px;   /* zmenší čísla */
  font-weight: 600;  /* necháme je zvýrazněné, ale menší */
}

.bb-girl-stats .bb-stat label {
  font-size: 16px;   /* texty "Věk, Výška, Váha, Prsa" mohou zůstat trochu větší */
  font-weight: 400;  /* normální regular */
}
.bb-girl-stats .bb-stat span {
  font-size: 14px;      /* menší čísla */
  font-weight: 300;     /* light */
}

.bb-girl-stats .bb-stat label {
  font-size: 16px;      /* popisky o něco větší */
  font-weight: 600;     /* ať jsou naopak výraznější */
}
.bb-girl-name {
  margin-top: 8px;   /* posune dolů */
  margin-left: 6px;  /* posune doprava */
}
/* Pilulka "Dnes + čas" */
.bb-chip {
  padding: 5px 6px;      /* nižší + méně místa kolem textu */
  max-width: 150px;       /* donutí pilulku být kratší */
  font-size: 12px;       /* menší písmo → vejde se text */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 9999px;
  background: rgba(0,0,0,0.30);
}
.bb-intro {
  text-align: center;
  margin: 40px auto; /* mezera nad i pod */
  max-width: 900px;
}

.bb-intro h2 {
  font-size: 18px;
  font-weight: 400;
  color: #aaa;
  margin-bottom: 10px;
}

.bb-intro h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}

.bb-intro p {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
}
.bb-intro{
  text-align: center;
  margin-top: 120px; /* posune to dolů od headeru */
  padding: 0 16px;
}
/* === SF Pro Rounded – lokální fonty ze složky /Fonts === */
@font-face{
  font-family: 'SF Pro Rounded';
  src: url('Fonts/SF-Compact-Rounded-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'SF Pro Rounded';
  src: url('Fonts/SF-Compact-Rounded-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'SF Pro Rounded';
  src: url('Fonts/SF-Compact-Rounded-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'SF Pro Rounded';
  src: url('Fonts/SF-Compact-Rounded-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Aplikace na náš úvodní pruh pod headerem */
.bb-intro,
.bb-intro *{
  font-family: 'SF Pro Rounded', system-ui, -apple-system, "SF Pro Text", Segoe UI, Roboto, Inter, Arial, sans-serif;
}

/* Titulek a podtitulek podle Figmy */
.bb-intro .bb-intro-title{ font-weight: 700; }   /* Bold */
.bb-intro .bb-intro-subtitle{ font-weight: 300; }/* Light (klidně změň na 400/500) */

/* Hero text – když by se vypsal dvakrát, zobraz jen první výskyt */
.bb-hero-copy { display: none !important; }
.bb-hero-copy:first-of-type { display: block !important; }

/* HERO pod headerem – layout + odsun */
.bb-hero-copy{
  max-width:1240px;
  margin: 110px auto 32px;
  padding: 0 20px;
}

/* Titulky – zaokrouhlený font, menší mezery mezi řádky */
.bb-hero-title{
  font-family: "SF Compact Rounded", "SF Pro Rounded", system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  font-weight: 700;
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: .4px;
  margin: 0 0 4px;
}
.bb-hero-sub{
  font-family: "SF Compact Rounded", "SF Pro Rounded", system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.15;
  margin: 0 0 10px;
}
.bb-hero-desc{
  max-width: 880px;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  opacity: .95;
}

/* 🔒 DEDUPE: kdyby se .bb-hero-copy někde vypsala podruhé, skryj další výskyty */
.bb-hero-copy + .bb-hero-copy,
.bb-hero-copy ~ .bb-hero-copy{
  display: none !important;
}
/* === RYCHLÝ POSUN HERO BLOKU PŘES H1 (bez zásahu do PHP) === */
:root{ --hero-offset: 70px; }          /* ↑ uprav: 70–140px podle oka */

h1.bb-hero-title{
  padding-top: var(--hero-offset) !important; /* vytvoří místo nad celým blokem */
  margin-top: 0 !important;                   /* zruší případné kolapsy marginu */
}
/* Fallback: posuň prvek hned za fixní header, ale ne posléze slider */
:root{ --hero-offset: 100px; }

.bb-headerwrap + *{ 
  margin-top: var(--hero-offset) !important; 
}

/* ať se slider neposouvá dvakrát, kdyby byl hned po headeru */
.bb-hero-outer{ 
  margin-top: 0 !important; 
}
/* Posun jen nadpisu BUNNY BASEMENT */
.bb-hero-title {
  display: inline-block;   /* ať reaguje jen text */
  margin-top: 30px;        /* ↑ hodnotu doladíš podle oka */
}
/* Posuň JEN hlavní nadpis (BUNNY BASEMENT) dolů – chyť více možných struktur */
.bb-hero-title,
.bb-hero-copy .bb-hero-title,
.bb-hero-copy h1,
.bb-hero-copy [class*="hero"] h1,
.bb-hero-copy .bb-wrap > h1:first-child,
section[aria-label="Úvodní text"] h1,
section[aria-label="Úvodní text"] .bb-hero-title {
  transform: translateY(16px) !important;   /* uprav třeba na 16–36px */
  display: inline-block !important;         /* ať se transform aplikuje spolehlivě */
  margin-bottom: 6px !important;            /* menší mezera pod ním */
  position: relative !important;            /* pro jistotu přebij kolize */
}

/* (volitelné ladění – zapni na chvilku, ať vidíš, co se chytá) */
/*
.bb-hero-title,
.bb-hero-copy h1,
section[aria-label="Úvodní text"] h1 { outline: 2px solid red !important; }
*/

/* === RYCHLÝ POSUN HERO BLOKU PŘES H1 (bez zásahu do PHP) === */
:root{ --hero-offset: 110px; }          /* ↑ uprav: 70–140px podle oka */

h1.bb-hero-title{
  padding-top: var(--hero-offset) !important; /* vytvoří místo nad celým blokem */
  margin-top: 0 !important;                   /* zruší případné kolapsy marginu */
}
h1 {
  transform: translateY(25px) !important;
}
/* --- HERO intro: zruš globální posun všech H1 v rámci .bb-intro --- */
.bb-intro h1{ transform:none !important; }

/* Posuň JEN "BUNNY BASEMENT" (je to H2 uvnitř .bb-intro) */
.bb-intro h2{
  display:inline-block;
  transform: translateY(16px);   /* ↑ uprav 0–40px podle oka */
  margin-bottom: 6px;
}

/* Přitáhni "SMYSLNÉ MASÁŽE" blíž k BUNNY BASEMENT */
.bb-intro h1{
  margin-top: 4px;               /* menší mezera nahoru */
  margin-bottom: 10px;           /* ať neleze do odstavce */
}

/* Trochu místa nad odstavcem, ať to nedýchá na H1 */
.bb-intro p{ margin-top: 10px; }

/* Pokud se intro zobrazuje 2× (wp_body_open + JS), schovej to první u vrchu stránky */
body > .bb-intro:first-child{ display:none; }

/* =========================================================
   NOVINKY – HERO layout podle Figmy
   ========================================================= */
.bb-novinky .bb-novinky-detail{ padding: 0 8px 8px }

.bb-novinky-hero{
  position: relative;
  height: 520px;                   /* můžeš doladit 480–560px */
  border-radius: 24px;
  overflow: hidden;
  background: #121622;             /* jemné tmavé pozadí */
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 30px 60px rgba(0,0,0,.35);
}

/* Textový blok vlevo – vertikálně na střed */
.bb-novinky-copy{
  position: absolute;
  left: 36px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 520px;
  padding-right: 24px;
  z-index: 2;
}

/* Jméno s přechodem (2% = 100% krytí → 100% = 0%) */
.bb-nv-name{
  margin: 0 0 10px;
  font-weight: 700;
  font-size: clamp(34px, 5vw, 64px);
  letter-spacing: .2px;
  line-height: 1;
  background: linear-gradient(90deg, rgba(255,255,255,1) 2%, rgba(255,255,255,0) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: .98;
}

/* 18 / 165 / 55 / 3 – tučněji jako na screenu */
.bb-nv-stats{
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 12px;
  opacity: .95;
}

/* Volitelný popisek pod čísly */
.bb-nv-desc{
  font-size: 15px;
  line-height: 1.55;
  opacity: .92;
  max-width: 520px;
}

/* FOTO: uprostřed, od spodu – vždy dole „na nule“ */
.bb-novinky-photo{ position: relative; width: 100%; height: 100%; }
.bb-novinky-photo img{
  position: absolute;
  left: 50%;
  bottom: 0;                       /* klíčové – začíná na spodním okraji */
  transform: translateX(-50%);
  height: 102%;                    /* lehce přes, ať „dosedne“ */
  width: auto;
  max-width: none;                 /* neomezuj šířku, řešíme výškou */
  object-fit: contain;
  object-position: center bottom;  /* bezpečnostní nastavení */
  filter: saturate(1) contrast(1.02) brightness(.98);
  z-index: 1;
}

/* Responsivita */
@media (max-width: 1100px){
  .bb-novinky-hero{ height: 480px; }
  .bb-novinky-copy{ left: 28px; max-width: 480px; }
}
@media (max-width: 900px){
  .bb-novinky-hero{ height: 460px; }
  .bb-novinky-copy{ left: 22px; right: 22px; max-width: 80%; }
}
@media (max-width: 720px){
  .bb-novinky-hero{ height: 420px; }
  .bb-novinky-copy{
    top: auto; bottom: 18px; transform: none;   /* na mobilu dolů, ať nepřekrývá obličej */
    max-width: 86%;
  }
  .bb-nv-name{ font-size: clamp(28px, 8vw, 42px); }
}
/* ==== NOVINKY: foto vždy uprostřed a přilepené ke spodní hraně (robust FIX) ==== */

/* obě možné obálky sekce (novější .bb-novinky i starší .bb-newsbox) */
.bb-novinky .bb-novinky-hero,
.bb-newsbox .bb-news-hero{
  position: relative !important;
  height: 520px !important;          /* dolaď klidně 480–560 */
  border-radius: 24px !important;
  overflow: hidden !important;
}

/* IMG ve všech variantách markupu (nový i starý výstup shortcodu) */
.bb-novinky .bb-novinky-hero .bb-novinky-photo img,
.bb-novinky .bb-novinky-hero > img,
.bb-newsbox .bb-news-hero > img,
#bb-news-panels .bb-news-hero > img,
.bb-news-hero img{
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;               /* klíčové */
  transform: translateX(-50%) !important;
  height: 102% !important;            /* lehce přes, aby sedla na dno */
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  display: block !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

/* text drž nad fotkou */
.bb-novinky .bb-novinky-copy,
.bb-newsbox .bb-novinky-copy{ z-index: 2 !important; }

/* pro kontrolu, že selektor pálí (dočasně odkomentuj) */
/*
.bb-news-hero > img, .bb-novinky-photo img { outline: 2px solid magenta !important; }
*/

@media (max-width: 1100px){
  .bb-novinky .bb-novinky-hero, .bb-newsbox .bb-news-hero{ height: 480px !important; }
}
@media (max-width: 900px){
  .bb-novinky .bb-novinky-hero, .bb-newsbox .bb-news-hero{ height: 460px !important; }
}
@media (max-width: 720px){
  .bb-novinky .bb-novinky-hero, .bb-newsbox .bb-news-hero{ height: 420px !important; }
}
/* NOVINKY — donuť foto být uprostřed a u spodní hrany, i když je ve <figure> */
.bb-novinky .bb-novinky-hero{ position:relative; overflow:hidden; }
.bb-novinky .bb-novinky-hero figure,
.bb-novinky .bb-novinky-hero .wp-block-image{
  margin:0 !important; padding:0 !important; position:static !important;
}

/* chyť JAKÉKOLI <img> uvnitř hero (krom drobných ikon) */
.bb-novinky .bb-novinky-hero img{
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  height:102% !important;
  width:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  z-index:1 !important;
  float:none !important;                 /* zruš alignleft/alignright */
  margin:0 !important;
}

/* text necháme nahoře */
.bb-novinky .bb-novinky-copy{ position:absolute; left:36px; top:50%; transform:translateY(-50%); z-index:2 }
@media (max-width:720px){
  .bb-novinky .bb-novinky-copy{ top:auto; bottom:18px; transform:none }
}
.bb-novinky .bb-novinky-hero {
  position: relative;
  display: flex;
  justify-content: center;   /* horizontálně na střed */
  align-items: flex-end;     /* vertikálně ke spodní hraně */
  overflow: hidden;
}

.bb-novinky-photo img {
  position: absolute;
  left: 50%;
  bottom: -20px;   /* ← posun od spodního kraje */
  transform: translateX(-50%);
  height: 102%;
  width: auto;
  max-width: none;
  object-fit: contain;
  object-position: center bottom;
  filter: saturate(1) contrast(1.02) brightness(.98);
  z-index: 1;
}
/* NOVINKY: posunout fotku níž */
.bb-novinky .bb-novinky-hero .bb-novinky-photo img,
.bb-novinky .bb-novinky-hero > img,
.bb-newsbox .bb-news-hero > img,
#bb-news-panels .bb-news-hero > img,
.bb-news-hero img{
  bottom: -45px !important;  /* uprav na -20 / -40 podle oka */
}
/* ===== FAQ – Figma look ===== */
.bb-faq{ max-width:1240px; margin:60px auto 80px; padding:0 16px; }
.bb-faq-title{
  text-align:center; font-weight:800; font-size:28px; letter-spacing:.2px; margin:0 0 18px;
}

/* Tabs jako textové položky, aktivní tučnější */
.bb-faq-tabs{
  display:flex; gap:36px; justify-content:center; align-items:flex-end;
  padding:10px 0 14px; position:relative; margin:0 0 8px;
}
.bb-faq-tabs::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:1px; background:rgba(255,255,255,.18);
}
.bb-faq-tab{
  background:none; border:0; cursor:pointer;
  color:#dfe3ee; opacity:.8; font-weight:600; font-size:18px; letter-spacing:.2px;
  padding:0; line-height:1; border-radius:0;
}
.bb-faq-tab.is-active{ opacity:1; color:#fff; font-weight:800; }

/* Panel */
.bb-faq-panel{ display:none; padding:0; background:transparent; border:none border-radius:0; }
.bb-faq-panel.is-active{ display:block; }

/* 2 sloupce s otázkami */
.bb-faq-accordion{
  display:grid; grid-template-columns:1fr 1fr; gap:0 48px; padding:6px 0 0;
}
@media (max-width:900px){ .bb-faq-accordion{ grid-template-columns:1fr; } }

/* Řádky otázek – linka jako ve Figmě */
.bb-faq-item{
  background:transparent; border:0; border-radius:0; overflow:hidden;
}
.bb-faq-q{
  width:100%; background:transparent; color:#fff; font-weight:700; font-size:18px;
  padding:18px 42px 18px 0; text-align:left; display:flex; align-items:center; justify-content:space-between;
  border:0; border-bottom:1px solid rgba(255,255,255,.18);
}
.bb-faq-item:first-child .bb-faq-q{ border-top:1px solid rgba(255,255,255,.18); }

/* Šipka vpravo */
.bb-faq-q .bb-faq-arrow{
  width:10px; height:10px; flex:0 0 10px;
  border-right:2px solid rgba(255,255,255,.85);
  border-bottom:2px solid rgba(255,255,255,.85);
  transform:rotate(45deg); transition:transform .2s ease, opacity .2s ease;
  margin-left:16px; opacity:.9;
}
.bb-faq-item.is-open .bb-faq-q .bb-faq-arrow{ transform:rotate(225deg); }

/* Odpověď – hladké rozbalení */
.bb-faq-a{ max-height:0; overflow:hidden; transition:max-height .25s ease; }
.bb-faq-a-inner{ padding:10px 0 18px; color:#dfe3ee; opacity:.95; border-bottom:1px solid rgba(255,255,255,.18); }

/* ===== FAQ – čistý styl podle Figma (bez boxu/pilulek) ===== */
.bb-faq{ max-width:1240px; margin:56px auto 60px; padding:0 16px; }

/* Titulek nahoře */
.bb-faq-title{
  text-align:center; font-size:28px; font-weight:800; letter-spacing:.2px;
  margin:0 0 18px; color:#fff;
}

/* ZÁLOŽKY: jen text, bez pilulek */
.bb-faq-tabs{
  display:flex; flex-wrap:wrap; gap:36px; justify-content:center;
  padding-bottom:12px; margin:0 0 12px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.bb-faq-tab{
  background:transparent !important; border:0 !important;
  height:auto; padding:0; color:#cfd3dc; font-weight:600; letter-spacing:.2px;
  line-height:1.2; cursor:pointer;
}
.bb-faq-tab:focus{ outline:none; }
.bb-faq-tab.is-active{ color:#ffffff; font-weight:800; }   /* jen tučnější text */

/* PANELY: žádná karta/pozadí */
.bb-faq-panel{
  display:none; background:transparent !important; border:0 !important;
  border-radius:0; padding:0 !important; box-shadow:none !important;
}
.bb-faq-panel.is-active{ display:block; }

/* GRID se seznamem otázek – 2 sloupce */
.bb-faq-accordion{
  display:grid; grid-template-columns:1fr 1fr; gap:0 60px; padding:8px 0;
}
@media (max-width:900px){ .bb-faq-accordion{ grid-template-columns:1fr; gap:0; } }

/* POLOŽKA: jen spodní linka */
.bb-faq-item{
  background:transparent !important; border:0 !important; border-radius:0 !important;
  padding:0; margin:0;
  border-bottom:1px solid rgba(255,255,255,.18);
}

/* OTÁZKA: text vlevo, šipka úplně vpravo */
.bb-faq-q{
  width:100%; background:transparent; color:#e9ecf3; font-weight:600;
  padding:18px 6px; display:flex; align-items:center; justify-content:space-between;
  text-align:left; border:0; cursor:pointer;
}
.bb-faq-q:focus{ outline:none; }

/* šipka (chevron) */
.bb-faq-arrow{
  width:12px; height:12px;
  border-right:2px solid rgba(255,255,255,.75);
  border-bottom:2px solid rgba(255,255,255,.75);
  transform:rotate(45deg); transition:transform .2s ease, opacity .2s ease;
  opacity:.9;
}
.bb-faq-item.is-open .bb-faq-arrow{ transform:rotate(225deg); }

/* ODPOVĚĎ: hladké rozbalení + decentní typografie */
.bb-faq-a{ max-height:0; overflow:hidden; transition:max-height .25s ease; }
.bb-faq-a-inner{
  padding:0 6px 18px; color:#cfd3dc; font-size:15px; line-height:1.6;
}

/* drobné zhuštění mezer u poslední položky ve sloupci na mobilech */
.bb-faq-accordion > .bb-faq-item:last-child{ border-bottom-color:rgba(255,255,255,.12); }

/* ====== PROFIL MASÉRKY – uvnitř stejného panelu .bb-surface ====== */
.bb-profile-wrap{ max-width:1240px; margin:84px auto 48px; padding:0 16px; }
.bb-surface-body{ padding: 12px 8px 14px; }

/* Dvou-sloupcový layout profilu (stejně široké jako na mockupu) */
.bb-profile-cols{ display:grid; grid-template-columns: 1.35fr .65fr; gap:18px; }
.bb-profile-left{ display:grid; grid-template-columns: 360px 1fr; gap:18px; }
@media(max-width:1024px){
  .bb-profile-cols{ grid-template-columns:1fr; }
  .bb-profile-left{ grid-template-columns:1fr; }
}

/* Cover */
.bb-cover{ position:relative; border-radius:22px; overflow:hidden; }
.bb-cover__title{
  position:absolute; left:18px; top:14px; font-weight:800; font-size:46px;
  text-shadow:0 3px 24px rgba(0,0,0,.45);
}

/* Vnitřní „boxy“ – stejná estetika jako karty v .bb-surface */
.bb-box{
  border-radius:22px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 26px rgba(0,0,0,.28);
}
.bb-box + .bb-box{ margin-top:0; } /* protože máme gapy v gridu */
.bb-box__title{
  padding:10px 12px 0;
  font-weight:700; letter-spacing:.2px; opacity:.95;
}
.bb-box__subtitle{
  margin:4px 0 8px; opacity:.8; font-weight:600;
}
.bb-box__content{ padding:12px; }

/* Chips a „pill“ tlačítka – sjednocené s tvou estetikou */
.bb-flow{ display:flex; gap:8px; flex-wrap:wrap; }

.bb-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px; border-radius:12px;
  background: rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(4px);
  font-size:13px; line-height:1; color:#fff;
}

.bb-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px; border-radius:9999px;
  background: rgba(207,207,207,0.80);
  color:#111; font-weight:700; letter-spacing:.2px;
  box-shadow:0 0 8px rgba(0,0,0,.25);
  transition: transform .12s ease, box-shadow .25s ease;
}
.bb-pill:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.30); }

/* Mřížky uvnitř sekcí */
.bb-grid-5{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
.bb-grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media(max-width:720px){ .bb-grid-2{ grid-template-columns:1fr; } }

.bb-thumb{ width:100%; height:100%; object-fit:cover; border-radius:14px; }
.bb-thumb--empty{ height:120px; border-radius:14px; background:#0f0f14; }

/* Privátní galerie */
.bb-private-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.bb-private-grid img{ width:100%; height:120px; object-fit:cover; border-radius:12px; }
.bb-private-blur{ filter: blur(12px); }

/* „Chat“ bubliny – použít pilulkový vzhled */
.bb-chat .row{ display:flex; margin:.25rem 0; }
.bb-chat .row .bubble{ max-width:78%; }
.bb-chat .row.m{ justify-content:flex-start; }
.bb-chat .row.z{ justify-content:flex-end; }

/* Titulky vpravo („Kdy jsem…“, „Novinky“, „Privátní obsah“) – sjednocení */
.bb-section-title, .bb-box__title{ font-weight:700; letter-spacing:.2px; opacity:.95; }

/* Drobná typografie textu „Poznej mě blíž“ */
.bb-content-text{ color:#dfe3ee; opacity:.95; }

/* --- SINGLE MASÉRKY: v panelu zobraz jen pilulky, schovej hero/intro text --- */
body.single-maserky .bb-surface .bb-intro,
body.single-maserky .bb-surface .bb-hero-copy,
body.single-maserky .bb-toolbar .bb-intro,
body.single-maserky .bb-toolbar .bb-hero-copy,
body.single-maserky .bb-toolbar h1,
body.single-maserky .bb-toolbar h2,
body.single-maserky .bb-toolbar p {
  display: none !important;
}

/* === SINGLE MASÉRKY: v panelu ponech jen pilulky (.bb-tray) === */
body.single-maserky .bb-panel__head > *:not(.bb-tray){
  display: none !important;   /* skryje logo, přihlašování, hero, texty… */
}
body.single-maserky .bb-panel__head{
  padding: 0 !important;      /* zarovná okraje hlavičky panelu */
}

/* pro jistotu – kdyby se pilulky renderovaly ještě jinde v hlavičce */
body.single-maserky .bb-panel__head .bb-headerwrap,
body.single-maserky .bb-panel__head .bb-hero-copy,
body.single-maserky .bb-panel__head .bb-intro,
body.single-maserky .bb-panel__head .bb-headerbar{
  display: none !important;
}
/* === FIX 1: tečka "Dnes" vždy dokonalý kruh (ne ovál) === */
.bb-dot,
.bb-dot--pulse{
  display:inline-block !important;
  width:12px !important;
  aspect-ratio:1 / 1 !important;   /* drží 1:1, ať nic neprotahuje */
  height:auto !important;
  border-radius:50% !important;
}
.bb-dot--pulse{
  background:transparent !important;
  border:2px solid #35D06E !important;
  box-sizing:content-box !important;      /* ať border nepřepíše rozměr */
  position:relative;
}
.bb-dot--pulse::after{
  content:"";
  position:absolute;
  inset:-6px;                     /* pulzující prstenec dokola */
  border:2px solid #35D06E;
  border-radius:50% !important;
  opacity:.75;
  animation:bbPulse 1.6s ease-out infinite;
}
/* (ponecháváme tvoje @keyframes bbPulse) */

/* === FIX 2: baterka ve "Dnes odpočívám" větší, ne 14px === */
.bb-chip .bb-battery{
  height:20px !important;         /* klidně 18–22 podle oka */
  width:auto !important;
  vertical-align:middle;
}
/* přebij jakékoliv obecné ".bb-chip svg{height:14px}" */
.bb-chip svg.bb-battery{ height:20px !important; }

/* === Baterka ve stavovém chipu – přepiš výchozí 14px === */
.bb-chip img.bb-battery,
.bb-chip svg.bb-battery {
  height:22px !important;   /* klidně doladíš 20–24px podle oka */
  width:auto !important;
  vertical-align:middle;
}
/* Přepiš tiny výšku SVG v pilulce jen pro baterku */
.bb-chip .bb-battery{
  height: 26px !important;
  width: auto;
  vertical-align: middle;
  margin-right: 6px;
}
.page-template-template-girls .bb-girl-top .bb-chip svg.bb-battery{
  height:16px !important; /* 14 → 16 → 18 podle oka */
}
/* === FIX: sjednocení pilulek + ikonek (Úvod i Masérky) === */
:root{
  --chip-h: 24px;
  --chip-pad-x: 10px;
  --chip-gap: 8px;
  --chip-fs: 13px;
  --chip-icon: 12px; /* velikost kolečka/baterky */
}

.bb-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:var(--chip-gap) !important;
  height:var(--chip-h) !important;
  padding:0 var(--chip-pad-x) !important;
  border-radius:9999px !important;
  background:rgba(0,0,0,.55) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  font-size:var(--chip-fs) !important;
  line-height:1 !important;
  white-space:nowrap !important;
  max-width:none !important;   /* zruší staré 150px, kvůli kterým utíkal text */
}

/* zelené kolečko – stejná velikost všude */
.bb-chip .bb-dot,
.bb-chip .bb-dot--pulse{
  width:var(--chip-icon) !important;
  height:var(--chip-icon) !important;
  border-radius:50% !important;
}

/* pulz – stejný efekt jako na „Úvod“ */
.bb-chip .bb-dot--pulse{
  background:transparent !important;
  border:2px solid #35D06E !important;
  position:relative !important;
  box-sizing:content-box !important;
}
.bb-chip .bb-dot--pulse::after{
  content:""; position:absolute; inset:-6px;
  border:2px solid #35D06E; border-radius:50%;
  animation:bbPulse 1.6s ease-out infinite;
}

/* baterka – stejná výška jako kolečko, šířka podle poměru stran */
.bb-chip svg.bb-battery,
.bb-chip img.bb-battery{
  height:var(--chip-icon) !important;
  width:auto !important;
  flex:0 0 auto !important;
  display:inline-block !important;
  vertical-align:middle !important;
}

/* pro jistotu srovnej text uvnitř pilulky */
.bb-chip > span{ line-height:1 !important; }

/* === FIX (karty dívek): sjednotit pilulky + ikonky (Úvod i Masérky) === */
.bb-girl-top .bb-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:4px 10px !important;     /* neširší pilulka */
  font-size:12.5px !important;
  border-radius:9999px !important;
  background: rgba(0,0,0,.55) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  line-height:1 !important;
  white-space:nowrap !important;
  max-width:none !important;        /* zruší staré 150px */
}

/* zelené kolečko – menší průměr (stejné na obou stránkách) */
.bb-girl-top .bb-chip .bb-dot,
.bb-girl-top .bb-chip .bb-dot--pulse{
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
}

/* pulz – jemnější halo, ať nepůsobí „obří“ */
.bb-girl-top .bb-chip .bb-dot--pulse{
  background:transparent !important;
  border:2px solid #35D06E !important;
  position:relative !important;
}
.bb-girl-top .bb-chip .bb-dot--pulse::after{
  content:""; position:absolute; inset:-4px;     /* menší halo než -6px */
  border:2px solid #35D06E; border-radius:50%;
  animation:bbPulse 1.6s ease-out infinite;
}

/* baterka – stejná výška jako kolečko */
.bb-girl-top .bb-chip svg.bb-battery,
.bb-girl-top .bb-chip img.bb-battery{
  height:10px !important;
  width:auto !important;
  flex:0 0 auto !important;
  display:inline-block !important;
  vertical-align:middle !important;
}

/* jistota: text drží uvnitř pilulky */
.bb-girl-top .bb-chip > span{ line-height:1 !important; }

/* === FIX jen pro šablonu Masérky: pilulka se nesmí roztahovat přes celou šířku === */
.page-template-template-girls .bb-girl-top{
  align-items: flex-start !important; /* místo default stretch */
}

/* pilulka = šířka podle obsahu, text drží uvnitř */
.page-template-template-girls .bb-girl-top .bb-chip{
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  line-height: 1 !important;
}

/* sjednocení velikosti pulzující tečky na Masérky (stejně jako Úvod) */
.page-template-template-girls .bb-girl-top .bb-dot--pulse{
  width: 12px !important;
  height: 12px !important;
  border: 2px solid #35D06E !important;
  border-radius: 50% !important;
  position: relative !important;
  box-sizing: border-box !important;
}
.page-template-template-girls .bb-girl-top .bb-dot--pulse::after{
  content:""; position:absolute; inset:-6px;
  border:2px solid #35D06E; border-radius:50%;
  animation: bbPulse 1.6s ease-out infinite;
}
/* === FIX: Úvod → Dnes dostupné — pilulka se nesmí roztahovat === */
.page-template-template-home .bb-girl-top{
  align-items: flex-start !important; /* místo default stretch */
}

/* jistota: pilulka má šířku podle obsahu a sama se zarovná vlevo */
.page-template-template-home .bb-girl-top .bb-chip{
  width: auto !important;
  max-width: max-content !important;
  align-self: flex-start !important;
  display: inline-flex !important;
  line-height: 1 !important;
}
/* === BOTTOM FADE pod veškerým obsahem, začíná přesně na konci stránky === */

/* 0) Tělo se musí natahovat s obsahem */
html, body{
  height:auto !important;
  min-height:100% !important;
}

/* FINAL: jemnější spodní přechod */
body{
  --bb-fade-h: 1600px;                 /* zvětši pro ještě jemnější fade */
  background-color: #1E2233;          /* základní barva zůstává */
  background-image: linear-gradient(
    to top,
    rgba(0,0,0,.92) 0%,
    rgba(0,0,0,.88) 12%,
    rgba(0,0,0,.78) 26%,
    rgba(0,0,0,.62) 44%,
    rgba(0,0,0,.42) 64%,
    rgba(0,0,0,.24) 82%,
    rgba(0,0,0,.10) 92%,
    rgba(0,0,0,0) 100%
  );
  background-size: 100% var(--bb-fade-h);
  background-repeat: no-repeat;
  background-position: bottom;
}
/* ===== Footer spacing controls (top gap + extra bottom space) ===== */
:root{
  --footer-gap-top: 0px;      /* mezera NAD patičkou; zmenši (třeba -12px) = posune footer výš */
  --footer-extra-bottom: 24px; /* extra padding UVNITŘ dole; zvětši = víc místa ve spodku footeru */
}

.bb-footer{
  margin-top: var(--footer-gap-top) !important;
  padding-bottom: calc(250px + var(--footer-extra-bottom)) !important;
}

/* pro jistotu lehce stáhneme dělítko, ať se to hezky čte */
.bb-footer .bb-divider{
  margin-bottom: 10px !important;
}
/* HEADER: 3 tečky bez podkroužků/haló */
.bb-headerbar .bb-dots { 
  display: inline-flex; 
  align-items: center; 
  gap: 6px; 
}

.bb-headerbar .bb-dots .bb-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #fff !important;
  opacity: .9;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  position: static !important;
}

/* Zrušit jakékoliv pseudo-elementy (kruhy/halo) */
.bb-headerbar .bb-dots .bb-dot::before,
.bb-headerbar .bb-dots .bb-dot::after {
  content: none !important;
}
/* HEADER: tečky – menší rozestupy */
.bb-headerbar .bb-dots{
  gap: 3px !important;   /* případně dej 2px, když chceš ještě blíž */
  padding: 0 !important;
  margin: 0 !important;
}
.bb-headerbar .bb-dots .bb-dot{
  margin: 0 !important;  /* jistota proti zděděným marginům */
}

/* === PROMO BOXY – pevné rozměry podle zadání === */
.bb-promos {               /* obal sekce s boxy */
  max-width: 1240px;
  margin: 20px auto 28px;
  padding: 0 20px;
  display: grid;
  gap: 16px;
}

.bb-promo {                /* karta – společné */
  height: 285px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 26px rgba(0,0,0,.28);
  display: grid;
  align-items: center;
  overflow: hidden;
}

/* šířky karet */
.bb-promo--large { width: 896px; margin: 0 auto; }
.bb-promo--small { width: 595px; margin: 0 auto; }

/* rozvržení obsah | obrázek (vpravo) */
.bb-promo__inner {
  display: grid;
  grid-template-columns: 1fr 285px;  /* text | obrázek */
  gap: 20px;
  align-items: center;
  height: 100%;
  padding: 22px 26px;
}

/* varianta s obrázkem vlevo (side="left") */
.bb-promo--img-left .bb-promo__inner {
  grid-template-columns: 285px 1fr;  /* obrázek | text */
}

/* obrázek = přesný čtverec 285×285 */
.bb-promo__img {
  width: 285px;
  height: 285px;
  border-radius: 18px;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* typografie (převzaté z tvých fontů – jen jemný základ) */
.bb-promo__title   { font-size: 44px; font-weight: 800; line-height: 1; margin: 0 0 6px; }
.bb-promo__subtitle{ font-size: 28px; font-weight: 300; line-height: 1.1; margin: 0 0 4px; }
.bb-promo__desc    { font-size: 16px; opacity: .95; margin: 8px 0 0; max-width: 520px; }
.bb-promo__cta {
  display: inline-flex; align-items: center; justify-content: center;
  height: 44px; padding: 0 16px; border-radius: 9999px;
  background: rgba(255,255,255,.85); color: #111; font-weight: 700;
  margin-top: 12px;
}
/* Globální override radiusu boxů */
:root { --bb-box-radius: 40px; } /* změň 24px podle potřeby */
.bb-surface,
.bb-promo2,
.bb-promo-fallback,
.bb-novinky-hero,
.bb-novinky-panel,
.bb-faq-panel,
.bb-promo2__inner,
.bb-container > .bb-surface,
.bb-promoWrap > .bb-promo2 {
  border-radius: var(--bb-box-radius) !important;
  overflow: hidden; /* aby obsah ořezával rohy */
}
/* FORCE: .bb-novinky-hero má mít radius 24px (přepis injektovaného CSS) */
.bb-novinky .bb-novinky-hero,
.bb-novinky .bb-novinky-panel {
  border-radius: 24px !important;
  overflow: hidden !important; /* oříznutí obsahu podle rohů */
}

/* Pokud chceš používat proměnnou (snadná budoucí úprava): */
:root { --bb-box-radius: 40px; }
.bb-novinky .bb-novinky-hero,
.bb-novinky .bb-novinky-panel {
  border-radius: var(--bb-box-radius) !important;
}

/* ========== Oprava: skryt jenom "stroke" vnitřního photo-boxu v Novinky ========== */
/* Cíl: nezbavit se celého elementu, pouze zrušit jeho hranici / stín */

/* 1) základní container s fotkou — odstraní border/box-shadow, ponechá pozadí/padding/layout */
.bb-novinky .bb-novinky-photo,
.bb-novinky .bb-novinky-panel .bb-novinky-photo {
  border: 0 !important;         /* odstraní klasický border */
  box-shadow: none !important;  /* odstraní stín */
  outline: none !important;     /* odstraní outline pokud je */
  
}

/* 2) pokud je "stroke" z pseudo-elementů ::before / ::after -> nebudeme je mazat, jen jim uděláme transparentní hranici
   (to zachová případné layoutové efekty, které pseudo-element mohl mít) */
.bb-novinky .bb-novinky-photo::before,
.bb-novinky .bb-novinky-photo::after,
.bb-novinky .bb-novinky-hero::before,
.bb-novinky .bb-novinky-hero::after {
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
  opacity: 1 !important; /* necháme viditelnost, ale bez barvy - tím nic „nezmizí“ z layoutu */
}

/* 3) pokud se nějaký "prsten" generuje výše v DOM, jistěme, že samostatný wrapper nebude přepisovat vizuál */
.bb-novinky .bb-novinky-hero {
  border: none !important;       /* pokud má hero celkový border, odstraníme ho (pokud to nechceš, přepiš) */
  /* pokud chceš zachovat hraniční rámeček u hero, smaž nebo uprav tuhle řádku */
}

/* force SOUTĚŽ heading to 84px */
.bb-soutez-title {
  font-size: 46px !important;
  line-height: 1 !important;
}

/* === TABS (pilulky) – přesná barva podle zadání === */
.bb-tray .bb-tabs .bb-tab{
  background: rgba(255,255,255,0.07) !important;  /* neaktivní */
  color:#d8dae0 !important;
}

.bb-tray .bb-tabs .bb-tab.is-active,
.bb-tray .bb-tabs .bb-tab:hover,
.bb-tray .bb-tabs .bb-tab:focus,
.bb-tray .bb-tabs .bb-tab:active{
  background: rgba(207,207,207,0.80) !important;  /* aktivní + hover */
  color:#111 !important;
}

/* ==== PILULKY: výchozí (neaktivní) = #FFFFFF @ 7% ; active/hover = #CFCFCF @ 80% ==== */
/* Vložte na konec style.css */

.bb-tray .bb-tabs .bb-tab,
.bb-tray .bb-tabs a.bb-tab,
.bb-tray .bb-tabs button.bb-tab,
.bb-pill,
.bb-pill.is-active {
  /* výchozí/neaktivní stav */
  background: rgba(255,255,255,0.07) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .12s ease, color .12s ease, transform .12s ease !important;
}

/* hover / focus / aktivní */
.bb-tray .bb-tabs .bb-tab:hover,
.bb-tray .bb-tabs .bb-tab:focus,
.bb-tray .bb-tabs .bb-tab:active,
.bb-tray .bb-tabs .bb-tab.is-active,
.bb-pill:hover,
.bb-pill:focus,
.bb-pill:active,
.bb-pill.is-active {
  background: rgba(207,207,207,0.80) !important; /* #CFCFCF @ 80% */
  color: #111111 !important;
  transform: translateY(-1px) !important;      /* zachová efekt "zdvihnutí" */
  box-shadow: 0 6px 16px rgba(0,0,0,.30) !important;
}

/* zrušit jakékoliv pseudo-elementy, které mohou přidávat halo/stín u pilulek */
.bb-tray .bb-tabs .bb-tab::before,
.bb-tray .bb-tabs .bb-tab::after,
.bb-pill::before,
.bb-pill::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* pokud je v pilulce ikonka absolutně pozicovaná, držíme ji na místě */
.bb-tray .bb-tabs .bb-tab .bb-icon,
.bb-pill .bb-icon {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}