/**
 * Bounce Kids — tema sitului de prezentare CloudShop
 *
 * GENERAT AUTOMAT din theme/parts/*.css. Nu edita fisierul asta direct:
 * modificarile se pierd la urmatoarea rulare a build-style.sh.
 *
 * Ultima generare: 2026-10-05 19:48
 * Bucati: 8
 */

/* ══════════════════════════════════════════════════════════════
   00-fundatie.css
   ══════════════════════════════════════════════════════════════ */
/* ============================================================================
   BOUNCE KIDS — 00 FUNDATIE
   Fonturi proprii, tokeni derivati, corectiile de nucleu pe tema inchisa.

   Directia: „Energia serii". Fundalul e negru-violet fiindca SALA e neagra cu
   galben (plasa neagra, structura inchisa, tobogan si trambuline galbene): pe
   fond deschis fotografiile lor se sting, pe inchis se aprind.
   Paleta NU e inventata — galbenul si magenta sunt scoase din gradientul
   siglei lor (logo-bounce-mures.svg).

   Ultima modificare: 2026-08-31 14:40
   Modificari:
     2026-08-31 14:40 — Creat, la nasterea magazinului.
   ============================================================================ */

/* --- Fonturi proprii, gazduite in tema (nucleul nu are Archivo/Instrument Serif).
       latin-ext e obligatoriu: fara el „Targu-Mures" pierde s si t cu virgula. --- */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/archivo-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/archivo-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/instrument-serif-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/instrument-serif-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* --- Tokenii temei. Culorile de baza vin din Setari → Identitate (--color-*);
       aici stau doar DERIVATELE, calculate din ele, ca sa nu existe hex dublat. --- */
:root{
  --bk-galben:      var(--color-primary);            /* singura culoare pe care se apasa */
  --bk-galben-ink:  var(--color-on-primary, #1A1200);
  --bk-magenta:     var(--color-accent);             /* EXCLUSIV firul petrecerilor */
  --bk-magenta-btn: #D0117A;                         /* treapta inchisa: albul de pe ea da 5,2:1 */
  --bk-albastru:#3D9BFF; --bk-verde:#26D6A4; --bk-mov:#A96BFF;   /* doar bulina de zona */

  --bk-crem:#FBF6EE; --bk-crem-2:#F2E9DC; --bk-crem-ink:#241E33; --bk-crem-mute:#5C5169;

  --bk-line:   color-mix(in srgb, var(--color-text) 9%, transparent);
  --bk-line-2: color-mix(in srgb, var(--color-text) 17%, transparent);
  --bk-raised: color-mix(in srgb, var(--color-white) 82%, var(--color-text) 6%);
  --bk-edge:   inset 0 1px 0 color-mix(in srgb, var(--color-text) 10%, transparent);

  --bk-r-bounce: 28px 28px 110px 28px;   /* semnatura formala: coltul care „sare" */
  --bk-t: 200ms; --bk-ease: cubic-bezier(.22,1,.36,1);

  --bk-fs-max: clamp(2.5rem, 1.24rem + 5.65vw, 4.75rem);
  --bk-fs-900: clamp(2.125rem, 1.36rem + 3.42vw, 3.5rem);
  --bk-fs-800: clamp(1.75rem, 1.29rem + 2.07vw, 2.625rem);
  --bk-fs-700: clamp(1.5rem, 1.28rem + .98vw, 2rem);
  --bk-gutter: clamp(1rem, 4vw, 2rem);
}
@media (prefers-reduced-motion: reduce){ :root{ --bk-t: 0s } }

/* --- Corectii de nucleu pe tema inchisa (capcane cunoscute, nu preferinte) --- */

/* main.css pune `background-color: var(--color-white)` pe body — pe tema inchisa
   asta e culoarea CARDULUI, deci pagina ia culoarea cardurilor si ele dispar in ea. */
body{ background-color: var(--color-bg) }

/* Bootstrap lasa --bs-body-color pe #212529: text negru pe negru in orice `.card`. */
body.theme-dark{ --bs-body-color: var(--color-text); --bs-body-bg: var(--color-bg) }

body{ font-family: var(--font-family); letter-spacing:.006em }
h1,h2,h3,h4,h5,.h1,.h2,.h3{ font-family: var(--font-family-heading); font-variation-settings:"wdth" 112; letter-spacing:-.02em; text-wrap: balance }

/* Marcajul de focus: inel dublu, ca sa se vada si pe galben, si pe fotografie. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--bk-galben); outline-offset:2px; box-shadow:0 0 0 5px var(--color-bg)
}


/* ══════════════════════════════════════════════════════════════
   10-antet.css
   ══════════════════════════════════════════════════════════════ */
/* ============================================================================
   BOUNCE KIDS — 10 ANTET
   Ultima modificare: 2026-08-31 14:52
   Modificari:
     2026-08-31 14:52 — Creat.
   ============================================================================ */

/* Antetul e o SINGURA suprafata continua, pe toata latimea. Nimic din interior
   (meniul, bara de icoane) nu are voie sa aiba fundal propriu — altfel se vede un
   dreptunghi mai inchis in mijlocul antetului, care nu ajunge pana la margini.
   Opacitatea 92% + blur tin textul lizibil si cand pe sub trece sectiunea galbena. */
.site-navbar{background:color-mix(in srgb,var(--color-bg) 92%,transparent);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--bk-line)}
.site-navbar .navbar-menu,
.site-navbar .navbar-inner,
.site-navbar .navbar-nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
/* Cand pagina e derulata, antetul se aseaza putin mai ferm — fara sa se schimbe forma. */
.site-navbar.scrolled,body.scrolled .site-navbar{
  background:color-mix(in srgb,var(--color-bg) 96%,transparent);
  box-shadow:0 10px 30px -18px rgba(0,0,0,.9)}
.navbar-inner{min-height:74px}
.navbar-logo img{height:var(--logo-height,34px);width:auto}

.navbar-nav .nav-item{font-size:15px;font-weight:500;color:var(--color-text-secondary);
  transition:color var(--bk-t)}

/* Cu 8 elemente in meniu + butonul de telefon, antetul ajungea la 1282px intr-un
   spatiu de 1256 (masurat la 1440px) — meniul se comprima. Latimea vine din
   marginile laterale ale linkurilor (16px × 8 elemente), nu din distanta dintre
   ele (care e 2px). Se strang DOAR pe desktop; pe verticala raman neatinse,
   deci zona de atins de pe telefon nu se schimba. */
@media (min-width:992px){
  .navbar-nav .nav-link{padding-inline:10px}
}
.navbar-nav .nav-item:hover,.navbar-nav .nav-item.active{color:var(--color-text)}

/* Butonul de telefon din antet: numarul se CITESTE, nu se ascunde sub „Suna".
   Pe desktop nimeni nu apasa ca sa sune — dar toata lumea citeste numarul ca
   semn ca locul e real. */
.navbar-menu-call{background:var(--bk-galben);color:var(--bk-galben-ink);border-radius:999px;
  height:46px;padding:0 20px;font-weight:600;font-size:15px;text-decoration:none;
  display:inline-flex;align-items:center;gap:9px;transition:box-shadow var(--bk-t),background var(--bk-t);
  white-space:nowrap}
/* Numarul NU are voie sa se rupa pe doua randuri: butonul are inaltime fixa de
   46px, deci al doilea rand iese din pastila. Se rupea de cand meniul a ajuns
   la 7 elemente cu iconite. */
.navbar-menu-call-num{white-space:nowrap}
.navbar-menu-call:hover{background:color-mix(in srgb,var(--bk-galben) 88%,#fff);color:var(--bk-galben-ink);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--bk-galben) 14%,transparent)}
.navbar-menu-call-ico,.navbar-menu-call-num{color:inherit}

/* Pastila de stare — „Deschis acum". Verdele e culoare de STARE, nu de brand:
   apare doar cand sistemul spune ceva adevarat in clipa aceea. */
.bk-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;
  color:#7BE8C0;background:color-mix(in srgb,var(--bk-verde) 13%,transparent);
  border:1px solid color-mix(in srgb,var(--bk-verde) 30%,transparent);
  padding:7px 14px;border-radius:999px;white-space:nowrap}
.bk-live i{width:7px;height:7px;border-radius:50%;background:var(--bk-verde);flex:none}
.bk-live--inchis{color:var(--color-text-light);
  background:var(--bk-raised);border-color:var(--bk-line-2)}
.bk-live--inchis i{background:var(--color-text-light)}


@media (max-width:1100px){ .bk-live{display:none} }

/* ── MOBIL: reparatiile gasite la verificarea pe telefon ────────────────────
   Meniul deschis e o coloana flex care depaseste ecranul (1009px de continut in
   810px), asa ca elementele flex se STRIVESC si ce e la coada iese sub linia de
   plutire. Trei consecinte, toate reparate aici. */
@media (max-width:991.98px){

  /* Pe mobil meniul e SERTAR peste pagina, deci acolo fundalul opac e corect. */
  .site-navbar .navbar-menu{background:var(--color-bg)}

  /* (1) Butonul de telefon se turtea la 24px (cerea 46px): ca element flex intr-o
     coloana prea inalta, se comprima. `flex:none` il scoate din comprimare. */
  .navbar-menu-call{flex:none;min-height:46px;height:46px;
    justify-content:center;align-self:stretch;margin:.75rem 0 .25rem}

  /* (2) Telefonul e actiunea care aduce bani, dar era ULTIMUL element — la 375px
     ramanea la y=954 intr-un ecran de 812, deci invizibil fara derulare.
     Il mutam PRIMUL in coloana. */
  .navbar-menu-call{order:-1}

  /* (2b) Randurile de meniu aveau 66px (padding 14px). Cu 7 elemente + telefon +
     mega, „Despre noi" ajungea la y=881 intr-un ecran de 812 — adica sub linia de
     plutire. La 10px padding randul scade la ~58px si toate cele SAPTE incap.
     Ramane peste pragul de 44px pentru degete. */
  /* ⚠️ `mobile-wow.css` scrie `padding: .875rem 1.25rem !important` pe `.nav-link`
     — fara `!important` aici, regula noastra nu are nicio sansa. */
  .navbar-menu .navbar-nav .nav-link{padding-block:10px !important}

  /* (3) Hamburgerul avea 36×36 pe tableta: regula de 44px din nucleu se opreste
     la 767.98px, iar cea de 36px tine pana la 991.98 — intre ele, gaura. */
  .navbar-menu-btn,#navbarToggle{min-width:44px;min-height:44px}

  /* (4) Butonul plutitor de WhatsApp (z-index 9999) statea PESTE meniul deschis
     (z-index 1001) si fura si apasarea. Se ascunde cat e meniul deschis. */
  body.menu-open .whatsapp-float,
  body.menu-open #backToTop{display:none !important}
}


/* ══════════════════════════════════════════════════════════════
   12-mega-blog.css
   ══════════════════════════════════════════════════════════════ */
/* ============================================================================
   BOUNCE KIDS — 12 MEGA MENIU „Noutati" (ultimele 6 articole)
   Marcajul vine din theme/templates/partials/header.php (override de antet).

   ⚠️ `position: absolute`, NICIODATA `fixed`: `.site-navbar` are `backdrop-filter`,
   care creeaza containing-block — un `fixed` s-ar ancora la antet, nu la ecran.
   `.nav-item` are deja `position: relative` din nucleu, deci ancora e corecta.

   ⚠️ Ancorat la DREAPTA: „Noutati" e al saselea din sapte, iar un panou de 700px
   ancorat la stanga ar iesi din ecran.

   Ultima modificare: 2026-08-31 17:20
   Modificari:
     2026-08-31 17:20 — Creat.
   ============================================================================ */

.bk-has-mega{position:relative}

.bk-mega{
  position:absolute; top:calc(100% + .75rem); right:0; left:auto;
  width:min(700px, calc(100vw - 2rem));
  background:var(--color-white); border:1px solid var(--bk-line);
  border-radius:20px; box-shadow:var(--bk-edge), 0 28px 70px -30px rgba(0,0,0,.85);
  padding:18px; z-index:1050;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity var(--bk-t) var(--bk-ease), transform var(--bk-t) var(--bk-ease), visibility var(--bk-t);
}
/* puntea invizibila peste golul dintre link si panou — altfel mouse-ul cade
   in gol si panoul se inchide inainte sa ajungi la el */
.bk-mega::before{content:"";position:absolute;top:-.75rem;left:0;right:0;height:.75rem}

/* `:focus-within` = panoul e accesibil si de la tastatura, nu doar cu mouse-ul */
.bk-has-mega:hover .bk-mega,
.bk-has-mega:focus-within .bk-mega{opacity:1;visibility:visible;transform:translateY(0)}

.bk-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}

.bk-mega-card{display:flex;gap:11px;padding:8px;border-radius:12px;
  text-decoration:none;color:inherit;transition:background var(--bk-t)}
.bk-mega-card:hover{background:var(--bk-raised)}

.bk-mega-thumb{width:88px;height:62px;flex:none;border-radius:8px;overflow:hidden;
  background:var(--bk-raised);display:flex;align-items:center;justify-content:center}
.bk-mega-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bk-mega-thumb i{color:var(--color-text-light);font-size:20px}

.bk-mega-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.bk-mega-title{font-family:var(--font-family-heading);font-weight:700;font-size:13.5px;
  line-height:1.28;font-variation-settings:"wdth" 106;color:var(--color-text);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bk-mega-date{font-size:11px;color:var(--color-text-light);font-variant-numeric:tabular-nums}

.bk-mega-all{display:inline-flex;align-items:center;gap:8px;margin-top:14px;
  padding-top:13px;border-top:1px solid var(--bk-line);width:100%;
  font-size:14px;font-weight:600;color:var(--bk-galben);text-decoration:none}
.bk-mega-all:hover{color:var(--bk-galben);gap:12px}
.bk-mega-all i{transition:transform var(--bk-t) var(--bk-ease)}
.bk-mega-all:hover i{transform:translateX(3px)}

/* --- pe telefon: lista simpla, deschisa, fara poze ---------------------------
   Nucleul NU pune niciodata clasa `dropdown-open` (mecanism neterminat), iar
   `main.js` a legat deja inchiderea meniului pe FIECARE `.nav-link` — deci un
   toggle propriu s-ar bate cu ascultatorul nucleului. Solutie fara JS: panoul
   devine parte din meniul mobil, mereu vizibil. */
@media (max-width:991.98px){
  /* ⚠️ `visibility:inherit`, NU `visible`: cu `visible` cardurile ramaneau
     focusabile cu Tab si cu meniul INCHIS (parcurgerea cu tastatura ateriza pe
     legaturi aflate in afara ecranului). Mostenind, dispar odata cu meniul. */
  .bk-mega{position:static;opacity:1;visibility:inherit;transform:none;
    width:100%;background:transparent;border:0;box-shadow:none;
    border-radius:0;padding:.25rem 0 .5rem 1rem}
  .bk-mega::before{display:none}
  .bk-mega-grid{grid-template-columns:1fr;gap:0}
  .bk-mega-thumb,.bk-mega-date{display:none}
  .bk-mega-card{min-height:44px;align-items:center;padding:10px 8px}
  .bk-mega-title{-webkit-line-clamp:2;font-size:14px}
  /* „Vezi toate articolele" avea 33,4px zona de atins — pragul e 44. */
  .bk-mega-all{margin-top:6px;padding-top:10px;min-height:44px;align-items:center}
  /* Pe telefon meniul are 8 elemente + telefonul, deci fiecare rand conteaza:
     doua articole ajung, restul se vad din „Vezi toate articolele".
     Pe desktop raman toate sase. */
  .bk-mega-card:nth-of-type(n+3){display:none}
}


/* ══════════════════════════════════════════════════════════════
   20-acasa.css
   ══════════════════════════════════════════════════════════════ */
/* ============================================================================
   BOUNCE KIDS — 20 PAGINA DE START + componentele comune ale sitului
   Structura vine din theme/templates/pages/home.php (sablon propriu al temei).

   Ultima modificare: 2026-10-05 17:10
   Modificari:
     2026-10-05 18:40 — Sectiunea „Un nou proiect prinde contur" (.bk-nou).
     2026-10-05 17:10 — Grila de 7 zone (4+3), banda „+ încă o zonă de relax", rânduri mici în faptele eroului.
     2026-08-31 14:45 — Creat.
   ============================================================================ */

.bk-wrap{max-width:1200px;margin:0 auto;padding-inline:var(--bk-gutter)}
.bk-sec{padding-block:clamp(3.5rem,7vw,6rem)}
.bk-sec h2{font-size:var(--bk-fs-800);margin:0 0 .5rem}
.bk-say{color:var(--color-text-secondary);max-width:62ch;line-height:1.7;margin:0}

/* eticheta cu liniuta — al doilea gest de sistem, dupa coltul care sare */
.bk-lbl{display:flex;align-items:center;gap:10px;margin:0 0 1rem;
  font:600 12px/1 var(--font-family);text-transform:uppercase;letter-spacing:.14em;
  color:var(--color-text-light)}
.bk-lbl::before{content:"";width:24px;height:3px;border-radius:2px;background:var(--bk-galben);flex:none}
.bk-party .bk-lbl::before{background:var(--bk-magenta)}

/* --- butoane --- */
.bk-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 30px;
  border-radius:999px;font:600 16px/1 var(--font-family);text-decoration:none;border:0;cursor:pointer;
  transition:transform var(--bk-t) var(--bk-ease),background var(--bk-t),box-shadow var(--bk-t),color var(--bk-t),border-color var(--bk-t)}
.bk-btn i{font-size:19px;line-height:1}
.bk-btn--main{background:var(--bk-galben);color:var(--bk-galben-ink)}
.bk-btn--main:hover{background:color-mix(in srgb,var(--bk-galben) 88%,#fff);color:var(--bk-galben-ink);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--bk-galben) 14%,transparent),0 18px 44px -20px var(--bk-galben)}
.bk-btn--ghost{background:transparent;color:var(--color-text);border:1.5px solid var(--bk-line-2)}
.bk-btn--ghost:hover{border-color:var(--bk-galben);color:var(--bk-galben);
  background:color-mix(in srgb,var(--bk-galben) 7%,transparent)}
.bk-btn--party{background:var(--bk-magenta-btn);color:#fff}
.bk-btn--party:hover{background:var(--bk-magenta-btn);color:#fff;
  box-shadow:0 0 0 6px color-mix(in srgb,var(--bk-magenta) 16%,transparent),0 18px 44px -20px var(--bk-magenta)}
.bk-btn--dark{background:var(--bk-crem-ink);color:var(--bk-crem)}
.bk-btn--dark:hover{background:#12101A;color:var(--bk-crem)}
.bk-btn:active{transform:scale(.97)}
.bk-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}

/* --- erou --- */
.bk-hero{padding-top:clamp(2rem,5vw,4rem);padding-bottom:0}
.bk-hero .bk-h1{font-size:var(--bk-fs-max);font-variation-settings:"wdth" 120;font-weight:900;
  line-height:.92;letter-spacing:-.035em;margin:0 0 2rem;max-width:16ch}
.bk-hero .bk-h1 em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;
  color:var(--bk-galben);font-variation-settings:normal;letter-spacing:-.01em}
.bk-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(1.5rem,4vw,4rem);align-items:start;border-top:1px solid var(--bk-line);padding-top:2rem}
.bk-facts{display:grid;gap:0;margin:0}
.bk-fact{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding:14px 0;border-bottom:1px solid var(--bk-line)}
.bk-fact:first-child{border-top:1px solid var(--bk-line)}
.bk-fact dt{font:600 11px/1 var(--font-family);text-transform:uppercase;letter-spacing:.14em;
  color:var(--color-text-light);flex:none}
.bk-fact dd{margin:0;text-align:right;font-family:var(--font-family-heading);font-weight:700;
  font-size:17px;font-variation-settings:"wdth" 108;font-variant-numeric:tabular-nums}
.bk-fact dd small{display:block;font-family:var(--font-family);font-weight:400;font-size:13px;
  color:var(--color-text-light);letter-spacing:0}
.bk-fact dd small + small{margin-top:2px}
.bk-hero-photo{position:relative;margin-top:clamp(2.5rem,5vw,4rem)}
.bk-hero-photo img{width:100%;height:clamp(300px,44vw,580px);object-fit:cover;object-position:50% 42%;
  border-radius:var(--bk-r-bounce)}
.bk-pin{position:absolute;left:clamp(1rem,4vw,3rem);bottom:-22px;display:inline-flex;align-items:center;
  gap:10px;background:#fff;color:var(--bk-crem-ink);padding:14px 22px;border-radius:20px;
  font-size:15px;font-weight:500;box-shadow:0 18px 40px -18px rgba(0,0,0,.75);max-width:calc(100% - 2rem)}
.bk-pin i{color:var(--bk-albastru);font-size:18px}

/* --- banda de cifre --- */
.bk-cifre-sec{background:var(--color-white);border-block:1px solid var(--bk-line);
  padding-block:clamp(2.5rem,4vw,3.5rem)}
.bk-cifre{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.bk-cifra b{display:block;font-family:var(--font-family-heading);font-weight:900;
  font-variation-settings:"wdth" 125;font-size:clamp(2.25rem,4.6vw,3.5rem);line-height:.9;
  letter-spacing:-.04em;color:var(--bk-galben);font-variant-numeric:tabular-nums}
.bk-cifra span{display:block;margin-top:10px;font-size:14px;color:var(--color-text-secondary);max-width:24ch}

/* --- carduri de zona --- */
.bk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}
.bk-card{background:var(--color-white);border:1px solid var(--bk-line);border-radius:20px;
  box-shadow:var(--bk-edge);overflow:hidden;
  transition:transform var(--bk-t) var(--bk-ease),border-color var(--bk-t),box-shadow var(--bk-t)}
.bk-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--bk-galben) 32%,transparent);
  box-shadow:var(--bk-edge),0 24px 60px -30px var(--bk-galben)}
.bk-card figure{margin:0;overflow:hidden;aspect-ratio:4/3}
.bk-card img{width:100%;height:100%;object-fit:cover;transition:transform 340ms var(--bk-ease)}
.bk-card:hover img{transform:scale(1.04)}
.bk-card .bk-body{padding:22px 24px 26px}
.bk-card h3{font-size:20px;font-variation-settings:"wdth" 110;margin:0 0 8px;
  display:flex;align-items:center;gap:10px}
.bk-card h3::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--bk-zona,var(--bk-galben));flex:none}
.bk-card p{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin:0}
.bk-card .bk-age{display:inline-block;margin-top:14px;font-size:12px;font-weight:600;
  color:var(--color-text-light);background:var(--bk-raised);border-radius:999px;padding:6px 13px}

/* sapte zone: 4 pe primul rand, 3 pe al doilea — fara un card ramas singur */
.bk-grid7{grid-template-columns:repeat(12,1fr)}
.bk-grid7 > *{grid-column:span 3}
.bk-grid7 > :nth-child(n+5){grid-column:span 4}
.bk-grid7 .bk-card .bk-body{padding:20px 20px 24px}
.bk-grid7 .bk-card h3{font-size:19px}
/* in paginile de continut coloana are ~650px: 2 pe rand, al saptelea centrat */
.page-content .bk-grid7{grid-template-columns:repeat(2,1fr)}
.page-content .bk-grid7 > *,.page-content .bk-grid7 > :nth-child(n+5){grid-column:auto}
.page-content .bk-grid7 > :nth-child(7){grid-column:1 / -1;justify-self:center;width:calc(50% - .625rem)}

/* „+ încă o zonă de relax" — card lat, sub grila de zone */
.bk-relax{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;
  margin-top:1.25rem;background:var(--color-white);border:1px dashed var(--bk-line-2);
  border-radius:20px;overflow:hidden;box-shadow:var(--bk-edge)}
.bk-relax figure{margin:0;position:relative;overflow:hidden;align-self:stretch;min-height:240px}
.bk-relax img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bk-relax-body{padding:clamp(1.5rem,3vw,2.5rem)}
.bk-relax-plus{display:inline-flex;align-items:center;gap:8px;margin:0 0 .75rem;
  font:600 12px/1 var(--font-family);text-transform:uppercase;letter-spacing:.14em;color:var(--bk-galben)}
.bk-relax-plus i{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:var(--bk-galben);color:var(--bk-galben-ink);font-size:15px}
.bk-relax h3{font-size:22px;font-variation-settings:"wdth" 110;margin:0 0 8px}
.bk-relax-body > p:last-child{font-size:15px;color:var(--color-text-secondary);line-height:1.65;margin:0;max-width:52ch}

/* --- petrecerea (firul magenta) --- */
.bk-party{background:radial-gradient(120% 90% at 88% 12%,
  color-mix(in srgb,var(--bk-magenta) 16%,transparent),transparent 62%), var(--color-bg)}
.bk-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:center}
.bk-party h2{max-width:14ch}
.bk-ticks{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:2px}
.bk-ticks li{display:flex;gap:14px;align-items:flex-start;padding:13px 0;
  border-bottom:1px solid var(--bk-line);font-size:16px;color:var(--color-text-secondary)}
.bk-ticks li:first-child{border-top:1px solid var(--bk-line)}
.bk-ticks i{color:var(--bk-magenta);font-size:20px;flex:none;margin-top:2px}
.bk-party figure{margin:0}
.bk-party figure img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--bk-r-bounce)}
.bk-note{margin-top:1.25rem;font-size:14px;color:var(--color-text-light);max-width:54ch;line-height:1.65}

/* --- siguranta --- */
.bk-rows{list-style:none;margin:1.5rem 0 0;padding:0}
.bk-rows li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--bk-line)}
.bk-rows li:first-child{border-top:1px solid var(--bk-line)}
.bk-rows i{color:var(--bk-albastru);font-size:22px;flex:none;margin-top:3px}
.bk-rows b{display:block;font-family:var(--font-family-heading);font-weight:700;font-size:17px;
  font-variation-settings:"wdth" 108;margin-bottom:3px}
.bk-rows span{font-size:15px;color:var(--color-text-secondary);line-height:1.6}
.bk-safe figure{margin:0}
.bk-safe figure img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:28px}

/* --- banda foto: singurul „curcubeu", si e real --- */
.bk-banda{padding:0}
.bk-banda img{width:100%;height:clamp(180px,26vw,320px);object-fit:cover;object-position:50% 45%;display:block}

/* --- mozaic galerie --- */
.bk-mozaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(0,150px);
  gap:.75rem;margin-top:2.5rem}
.bk-mozaic a{display:block;overflow:hidden;border-radius:12px}
.bk-mozaic img{width:100%;height:100%;object-fit:cover;transition:transform 340ms var(--bk-ease)}
.bk-mozaic a:hover img{transform:scale(1.05)}
.bk-m-big{grid-column:span 2;grid-row:span 2}
.bk-m-big img{border-radius:var(--bk-r-bounce)}
.bk-m-tall{grid-row:span 2}

/* --- testimoniale --- */
.bk-quotes-sec{background:var(--color-white);border-block:1px solid var(--bk-line)}
.bk-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2.5rem}
.bk-quote{padding:0 clamp(1rem,2.4vw,2rem);border-left:1px solid var(--bk-line)}
.bk-quote:first-child{border-left:0;padding-left:0}
.bk-quote blockquote{margin:0;font-family:'Instrument Serif',Georgia,serif;font-style:italic;
  font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.34;color:var(--color-text);letter-spacing:-.01em}
.bk-quote cite{display:block;margin-top:18px;font-style:normal;font-size:14px;color:var(--color-text-light)}
.bk-quote cite b{display:block;color:var(--color-text);font-weight:600;font-size:15px}
.bk-stars{display:flex;gap:3px;margin-bottom:16px;color:var(--bk-galben);font-size:15px}

/* --- program + locatie --- */
.bk-hours{list-style:none;margin:1.5rem 0 0;padding:0;font-variant-numeric:tabular-nums}
.bk-hours li{display:flex;justify-content:space-between;padding:11px 14px;border-radius:8px;
  font-size:15px;color:var(--color-text-secondary)}
.bk-hours li.bk-azi{background:var(--bk-raised);color:var(--color-text);font-weight:600}
.bk-addr{display:grid;gap:1rem;margin-top:1.5rem}
.bk-addr div{display:flex;gap:14px;align-items:flex-start;font-size:16px}
.bk-addr i{color:var(--bk-galben);font-size:20px;flex:none;margin-top:3px}
.bk-addr a{color:var(--color-text);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,var(--bk-galben) 45%,transparent)}
.bk-addr a:hover{color:var(--bk-galben)}
.bk-map{border-radius:28px;overflow:hidden;border:1px solid var(--bk-line);min-height:340px;height:100%}
.bk-map iframe{width:100%;height:100%;min-height:340px;border:0;display:block;filter:saturate(.85)}

/* --- indemn final --- */
.bk-final{background:var(--bk-galben);color:var(--bk-galben-ink);text-align:center}
.bk-final h2{max-width:18ch;margin:0 auto 1.5rem;font-variation-settings:"wdth" 118;color:var(--bk-galben-ink)}
.bk-final p{color:color-mix(in srgb,var(--bk-galben-ink) 78%,transparent);max-width:52ch;margin:0 auto 2rem}
.bk-final .bk-btn{background:var(--bk-crem-ink);color:var(--bk-crem)}

/* --- „Un nou proiect prinde contur" — anuntul cabanei, deasupra placutei de cofinantare --- */
.bk-nou{text-align:center;background:radial-gradient(90% 120% at 50% 0%,
  color-mix(in srgb,var(--bk-verde) 14%,transparent),transparent 65%), var(--color-bg)}
.bk-nou .bk-lbl{justify-content:center}
.bk-nou .bk-lbl::before{background:var(--bk-verde)}
.bk-nou h2{max-width:20ch;margin:0 auto 1.25rem}
.bk-nou-lead{font-family:'Instrument Serif',Georgia,serif;font-style:italic;
  font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.3;color:var(--color-text);max-width:34ch;margin:0 auto 1rem}
.bk-nou-text{color:var(--color-text-secondary);font-size:16px;line-height:1.7;max-width:56ch;margin:0 auto}
.bk-nou-semn{margin:1.75rem 0 0;font:600 13px/1 var(--font-family);text-transform:uppercase;
  letter-spacing:.14em;color:var(--bk-galben)}

/* --- adaptare --- */
@media (max-width:960px){
  .bk-hero-grid,.bk-split{grid-template-columns:1fr}
  .bk-grid3{grid-template-columns:repeat(2,1fr)}
  .bk-grid7 > *,.bk-grid7 > :nth-child(n+5){grid-column:auto}
  .bk-grid7 > :nth-child(7){grid-column:1 / -1;justify-self:center;width:calc(50% - .625rem)}
  .bk-relax{grid-template-columns:1fr}
  .bk-relax figure{min-height:0;aspect-ratio:16/9}
  .bk-cifre{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}
  .bk-quotes{grid-template-columns:1fr;gap:2rem}
  .bk-quote{border-left:0;padding-left:0;padding-top:1.5rem;border-top:1px solid var(--bk-line)}
  .bk-quote:first-child{border-top:0;padding-top:0}
}
@media (max-width:640px){
  /* Interlinia de 0.92 e potrivita la 5rem, dar la 41px randurile ajung sa se
     atinga (masurat: -1,03px intre „Copiii sar." si „Parintii" la 360px). */
  .bk-hero .bk-h1{line-height:1.02}
  .bk-grid3,.bk-cifre{grid-template-columns:1fr}
  .bk-grid7 > :nth-child(7),.page-content .bk-grid7 > :nth-child(7){width:auto}
  .page-content .bk-grid7{grid-template-columns:1fr}
  .bk-mozaic{grid-template-columns:repeat(2,1fr)}
  .bk-m-big{grid-column:span 2}
}


/* ══════════════════════════════════════════════════════════════
   30-pagini.css
   ══════════════════════════════════════════════════════════════ */
/* ============================================================================
   BOUNCE KIDS — 30 PAGINI STATICE
   Continutul paginilor sta in BAZA (pages.content), nu in sabloane; aici e doar
   forma. Clasele `bk-*` sunt scrise in HTML-ul din admin, deci clientul le poate
   pastra cand editeaza textul.

   Ultima modificare: 2026-08-31 14:50
   Modificari:
     2026-08-31 14:50 — Creat.
   ============================================================================ */

/* antetul paginilor statice */
.page-hero,.page-header{background:var(--color-white);border-bottom:1px solid var(--bk-line)}
.page-hero h1,.page-header h1{font-size:var(--bk-fs-900);font-variation-settings:"wdth" 118;
  letter-spacing:-.03em}

/* ── Firul Ariadnei (breadcrumb) — apare pe TOATE paginile, nu doar pe blog ──
   Doua lucruri reparate:
   (1) separatorul implicit al lui Bootstrap e un „/" gri subtire, care pe fundal
       aproape negru practic nu se vede. Devine chevron „›" in galbenul marcii.
       `--bs-breadcrumb-divider` e variabila oficiala Bootstrap pentru continut,
       dar CULOAREA ei nu se poate schimba de acolo — de aceea si regula pe `::before`.
   (2) ultimul pas (pagina curenta) mostenea `--bs-breadcrumb-item-active-color`
       (gri inchis) ⇒ 1,22:1 pe fundalul nostru, adica invizibil. */
.breadcrumb{
  /* ⚠️ NU folosi escape unicode aici (`ƒA`): pus intr-o proprietate proprie,
     CSS-ul l-a interpretat gresit si a randat litera „A". Chevronul e DESENAT si
     mascat, exact ca sageata din subsol — asa ia culoarea din `background-color`,
     e curat la orice marime si nu depinde de font. */
  --bs-breadcrumb-divider:'';
  --bs-breadcrumb-item-active-color:var(--color-text-secondary);
  --bs-breadcrumb-item-padding-x:.55rem;
  --bk-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E")}
.breadcrumb-item + .breadcrumb-item::before{
  content:"";display:inline-block;width:.62em;height:.62em;
  background-color:var(--bk-galben);
  -webkit-mask:var(--bk-chevron) center / contain no-repeat;
          mask:var(--bk-chevron) center / contain no-repeat;
  transform:translateY(.02em)}
.breadcrumb-item a{color:var(--bk-galben);text-decoration:none}
.breadcrumb-item a:hover{text-decoration:underline}
.breadcrumb-item.active{color:var(--color-text-secondary)}

/* corpul de text al paginii — latime de citire, nu toata pagina */
.page-content,.static-page-content{color:var(--color-text-secondary);line-height:1.75;font-size:17px}
.page-content h2,.static-page-content h2{font-size:var(--bk-fs-700);color:var(--color-text);
  margin:2.5rem 0 .75rem;font-variation-settings:"wdth" 112}
.page-content h3,.static-page-content h3{font-size:1.25rem;color:var(--color-text);margin:2rem 0 .5rem}
.page-content p,.static-page-content p{max-width:68ch}
.page-content ul,.static-page-content ul{max-width:68ch}
/* ⚠️ `:not(.bk-btn)` e OBLIGATORIU: fara el, regula asta (0,1,1) bate
   `.bk-btn--main{color:...}` (0,1,0) si vine mai tarziu in fisier ⇒ butoanele
   din continutul paginilor ieseau GALBEN PE GALBEN, cu textul invizibil
   (masurat: contrast 1.00 pe /ce-poti-face, /galerie si /despre-noi). */
.page-content a:not(.bk-btn),.static-page-content a:not(.bk-btn){color:var(--bk-galben)}

/* --- TARIFE: singura pauza de lumina din tot situl --- */
/* NU folosim trucul de latime plina cu 50vw: `vw` include latimea barei de
   derulare, deci sectiunea iesea cu ~5px in afara ecranului si aparea scroll
   orizontal pe TOATA pagina. Pe pagina de start sectiunea e oricum la sange
   (e copil direct al <main>); in interiorul unei pagini devine panou crem. */
.bk-tarife{background:var(--bk-crem);color:var(--bk-crem-ink);
  padding-inline:var(--bk-gutter);padding-block:clamp(3rem,6vw,5rem)}
.page-content .bk-tarife,.static-page-content .bk-tarife{border-radius:28px;margin-block:2rem}
.bk-tarife-in{max-width:1100px;margin:0 auto}
.bk-tarife h2,.bk-tarife h3{color:var(--bk-crem-ink)}
.bk-tarife p{color:var(--bk-crem-mute)}
.bk-tarife .bk-lbl{color:var(--bk-crem-mute)}
.bk-tarife .bk-lbl::before{background:var(--bk-crem-ink)}
.bk-preturi{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1.25rem;
  margin-top:2.5rem;align-items:stretch}
.bk-pret{background:#fff;border:2px solid var(--bk-crem-ink);border-radius:20px;padding:30px 32px;
  display:flex;flex-direction:column}
.bk-pret .bk-tag{font:600 11px/1 var(--font-family);text-transform:uppercase;letter-spacing:.14em;
  color:var(--bk-crem-mute)}
.bk-pret .bk-suma{display:flex;align-items:baseline;gap:10px;margin:16px 0 4px}
.bk-pret .bk-suma b{font-family:var(--font-family-heading);font-weight:900;font-variation-settings:"wdth" 118;
  font-size:clamp(3rem,6vw,4.5rem);line-height:.85;letter-spacing:-.04em;color:var(--bk-crem-ink);
  font-variant-numeric:tabular-nums}
.bk-pret .bk-suma span{font-size:17px;font-weight:500;color:var(--bk-crem-mute)}
.bk-pret .bk-sub{font-size:15px;color:var(--bk-crem-mute);border-top:1px solid var(--bk-crem-2);
  margin-top:18px;padding-top:16px;line-height:1.65}
.bk-pret .bk-sub b{color:var(--bk-crem-ink)}
.bk-pret .bk-btn{margin-top:auto;align-self:flex-start}

/* tabelul de totaluri — raspunsul la „cat platesc de fapt" */
.bk-totaluri{background:#fff;border:1px solid var(--bk-crem-2);border-radius:20px;padding:26px 28px}
.bk-totaluri h3{font-size:17px;font-variation-settings:"wdth" 108;margin:0 0 4px}
.bk-totaluri .bk-hint{font-size:14px;color:var(--bk-crem-mute);margin:0 0 16px}
.bk-totaluri table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.bk-totaluri th{text-align:left;font:600 11px/1 var(--font-family);text-transform:uppercase;
  letter-spacing:.12em;color:var(--bk-crem-mute);padding-bottom:10px;border-bottom:1px solid var(--bk-crem-2)}
.bk-totaluri th:last-child,.bk-totaluri td:last-child{text-align:right}
.bk-totaluri td{padding:11px 0;border-bottom:1px solid var(--bk-crem-2);font-size:15px;
  color:var(--bk-crem-ink);font-weight:500}
.bk-totaluri tr:last-child td{border-bottom:0}
.bk-totaluri td b{font-family:var(--font-family-heading);font-weight:800;font-size:17px;
  font-variation-settings:"wdth" 110}
.bk-fara-surprize{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:1.5rem;padding-top:1.25rem;
  border-top:1px solid var(--bk-crem-2);font-size:14px;color:var(--bk-crem-mute);list-style:none;padding-left:0}
.bk-fara-surprize li{display:flex;gap:8px;align-items:baseline}
.bk-fara-surprize li::before{content:"";width:5px;height:5px;border-radius:50%;
  background:var(--bk-crem-ink);flex:none;transform:translateY(-2px)}

/* --- galerie ca pagina --- */
.bk-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
  gap:.85rem;margin-top:2rem}
.bk-galerie a{display:block;overflow:hidden;border-radius:14px;aspect-ratio:4/3}
.bk-galerie img{width:100%;height:100%;object-fit:cover;transition:transform 340ms var(--bk-ease)}
.bk-galerie a:hover img{transform:scale(1.05)}

/* --- pagina de proiect finantat --- */
.bk-proiect-fise{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:1rem;margin:2rem 0}
.bk-fisa{background:var(--color-white);border:1px solid var(--bk-line);border-radius:16px;
  padding:20px 22px;box-shadow:var(--bk-edge)}
.bk-fisa dt{font:600 11px/1 var(--font-family);text-transform:uppercase;letter-spacing:.14em;
  color:var(--color-text-light);margin-bottom:8px}
.bk-fisa dd{margin:0;font-family:var(--font-family-heading);font-weight:700;font-size:18px;
  font-variation-settings:"wdth" 108;line-height:1.3;font-variant-numeric:tabular-nums}
.bk-doc{border-left:3px solid var(--bk-galben);background:var(--color-white);
  border-radius:0 14px 14px 0;padding:22px 26px;margin:2rem 0}
.bk-doc h3{margin-top:0}
.bk-linkuri{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:10px}
.bk-linkuri a{display:inline-flex;align-items:center;gap:10px;color:var(--bk-galben);
  text-decoration:none;font-weight:500;word-break:break-word}
.bk-linkuri a:hover{text-decoration:underline}

/* placuta oficiala cu cele 3 sigle — banda ALBA, la sange, sub subsol.
   Siglele au fundal alb opac; orice incercare de a le „integra" pe inchis ar
   arata ca o eroare. Pe banda alba se citesc ca o placuta de institutie. */
.bk-eu{background:#fff;color:#3A3340;padding:34px var(--bk-gutter);text-align:center}
.bk-eu .bk-k{font:600 11px/1.5 var(--font-family);text-transform:uppercase;letter-spacing:.14em;
  color:#6B6273;margin-bottom:22px}
.bk-eu-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(1.5rem,4vw,3.5rem)}
.bk-eu-logos img{height:52px;width:auto}
.bk-eu-logos img.bk-sq{height:62px}
.bk-eu p{max-width:90ch;margin:24px auto 0;font-size:13px;line-height:1.6;color:#6B6273}
.bk-eu a{color:#0B4E8F;font-weight:600}

@media (max-width:860px){
  .bk-preturi{grid-template-columns:1fr}
  .bk-eu-logos img{height:40px}
  .bk-eu-logos img.bk-sq{height:50px}
}

/* Linkurile din pagina de proiect (documente + anunturile din presa) aveau 29,8px
   inaltime — sub pragul de 44px pentru degete. */
@media (max-width:991.98px){
  .bk-linkuri a{min-height:44px}
}


/* ══════════════════════════════════════════════════════════════
   35-galerie.css
   ══════════════════════════════════════════════════════════════ */
/* ============================================================================
   BOUNCE KIDS — 35 VIZUALIZATOR DE GALERIE (lightbox propriu)

   De ce unul propriu: nucleul are `.product-lightbox`, dar e legat de pagina de
   produs, arata o SINGURA imagine (fara navigare) si e oprit sub 768px. Aici
   trebuie sa se poata trece de la o poza la alta, inclusiv pe telefon.

   Marcajul e creat din JS (finalul lui theme/templates/partials/header.php).

   Ultima modificare: 2026-08-31 20:10
   Modificari:
     2026-08-31 20:10 — Creat.
   ============================================================================ */

.bk-lb{position:fixed;inset:0;z-index:12000;display:none;
  align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--color-bg) 94%,transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  opacity:0;transition:opacity var(--bk-t) var(--bk-ease)}
.bk-lb.is-open{display:flex}
.bk-lb.is-visible{opacity:1}

/* poza: se incadreaza intreaga, fara sa fie taiata */
.bk-lb-fig{margin:0;position:relative;max-width:min(1200px,92vw);max-height:84vh;
  display:flex;flex-direction:column;align-items:center;gap:.75rem}
.bk-lb-img{max-width:min(1200px,92vw);max-height:78vh;width:auto;height:auto;
  object-fit:contain;border-radius:var(--bk-r-bounce);display:block;
  box-shadow:0 40px 100px -40px rgba(0,0,0,.9)}
.bk-lb-cap{font-size:14px;color:var(--color-text-secondary);text-align:center;
  max-width:60ch;line-height:1.5;margin:0}

/* butoane: cerc, minimum 48px, deci merg si cu degetul */
.bk-lb-btn{position:absolute;top:50%;transform:translateY(-50%);
  width:52px;height:52px;border-radius:50%;border:1px solid var(--bk-line-2);
  background:color-mix(in srgb,var(--color-white) 92%,transparent);
  color:var(--color-text);display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:22px;line-height:1;
  transition:background var(--bk-t),border-color var(--bk-t),transform var(--bk-t)}
.bk-lb-btn:hover{background:var(--bk-galben);color:var(--bk-galben-ink);
  border-color:var(--bk-galben)}
.bk-lb-prev{left:max(1rem,2vw)}
.bk-lb-next{right:max(1rem,2vw)}
.bk-lb-close{position:absolute;top:max(1rem,2vh);right:max(1rem,2vw);
  width:48px;height:48px;border-radius:50%;border:1px solid var(--bk-line-2);
  background:color-mix(in srgb,var(--color-white) 92%,transparent);
  color:var(--color-text);display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:24px;line-height:1;transition:background var(--bk-t),color var(--bk-t)}
.bk-lb-close:hover{background:var(--bk-galben);color:var(--bk-galben-ink)}

/* contorul: „3 / 21" */
.bk-lb-count{position:absolute;top:max(1rem,2vh);left:max(1rem,2vw);
  font:600 13px/1 var(--font-family);letter-spacing:.06em;
  color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-white) 88%,transparent);
  border:1px solid var(--bk-line);border-radius:999px;padding:11px 16px;
  font-variant-numeric:tabular-nums}

.bk-lb :focus-visible{outline:3px solid var(--bk-galben);outline-offset:3px}

/* cursorul spune ca poza se deschide, nu ca pleaca in alta pagina */
.bk-galerie a,.bk-mozaic a{cursor:zoom-in}

@media (max-width:767.98px){
  .bk-lb-btn{width:46px;height:46px;font-size:20px}
  .bk-lb-prev{left:.5rem}
  .bk-lb-next{right:.5rem}
  .bk-lb-img{max-height:70vh;border-radius:20px}
  .bk-lb-count{padding:9px 13px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .bk-lb{transition:none}
}


/* ══════════════════════════════════════════════════════════════
   40-blog.css
   ══════════════════════════════════════════════════════════════ */
/* ============================================================================
   BOUNCE KIDS — 40 BLOG (listare + articol)
   Ultima modificare: 2026-10-05 20:10
   Modificari:
     2026-10-05 20:10 — Blocuri de articol: introducere, galerie 2 coloane (poză/video), citat, casetă de final.
     2026-08-31 14:54 — Creat.
   ============================================================================ */

/* --- listare --- */
.blog-card,.post-card,.article-card{background:var(--color-white);border:1px solid var(--bk-line);
  border-radius:20px;box-shadow:var(--bk-edge);overflow:hidden;
  transition:transform var(--bk-t) var(--bk-ease),border-color var(--bk-t),box-shadow var(--bk-t)}
.blog-card:hover,.post-card:hover,.article-card:hover{transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--bk-galben) 32%,transparent);
  box-shadow:var(--bk-edge),0 24px 60px -30px var(--bk-galben)}
.blog-card img,.post-card img,.article-card img{transition:transform 340ms var(--bk-ease)}
.blog-card:hover img,.post-card:hover img,.article-card:hover img{transform:scale(1.04)}
.blog-card h2,.blog-card h3,.post-card h2,.post-card h3{font-size:19px;line-height:1.28;
  font-variation-settings:"wdth" 108}
.blog-card .card-meta,.post-card .post-meta,.blog-meta{font:600 11px/1 var(--font-family);
  text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-light)}
.blog-card p,.post-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.6}

/* --- articol --- */
.blog-article,.post-content,.article-content{font-size:17px;line-height:1.8;
  color:var(--color-text-secondary)}
.blog-article p,.post-content p,.article-content p{max-width:68ch;margin-bottom:1.2em}
.blog-article h1,.post-content h1,.article-content h1{font-size:var(--bk-fs-900);
  font-variation-settings:"wdth" 118;letter-spacing:-.03em;color:var(--color-text)}
.blog-article h2,.post-content h2,.article-content h2{font-size:var(--bk-fs-700);
  color:var(--color-text);margin:2.5rem 0 .75rem;font-variation-settings:"wdth" 112}
.blog-article h3,.post-content h3,.article-content h3{font-size:1.3rem;color:var(--color-text);
  margin:2rem 0 .5rem}
.blog-article strong,.post-content strong,.article-content strong{color:var(--color-text);font-weight:600}
.blog-article a,.post-content a,.article-content a{color:var(--bk-galben)}
.blog-article img,.post-content img,.article-content img{border-radius:20px;margin:1.75rem 0;
  width:100%;height:auto}
.blog-article figure,.post-content figure,.article-content figure{margin:1.75rem 0}
.blog-article ul,.post-content ul,.article-content ul{max-width:68ch;padding-left:1.2em}
.blog-article li,.post-content li,.article-content li{margin-bottom:.55em}

/* imaginea reprezentativa a articolului poarta semnatura formei */
.blog-hero img,.post-hero img,.article-hero img{border-radius:var(--bk-r-bounce)}

/* ── Reparatii gasite la verificarea pe mobil ─────────────────────────────── */

/* (2) Legenda pozei arata exact ca un paragraf obisnuit — se citea ca o fraza
   ratacita in mijlocul textului. */
.blog-content figcaption,.post-content figcaption,.article-content figcaption{
  font-size:13.5px;color:var(--color-text-light);text-align:center;
  margin-top:.6rem;font-style:italic;line-height:1.5}

/* ── Blocuri pentru articolele scrise de noi (prima folosire: mentenanța din 30 sep 2026) ── */
.blog-content .bk-art-lead{font-size:1.2rem;line-height:1.65;color:var(--color-text);max-width:62ch}
.blog-content .bk-art-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0 .5rem}
.blog-content .bk-art-duo figure{margin:0}
.blog-content .bk-art-duo img,.blog-content .bk-art-duo video{display:block;width:100%;aspect-ratio:3/4;
  height:auto;object-fit:cover;margin:0;border-radius:20px;background:var(--bk-raised)}
.blog-content .bk-art-duo + figcaption,.blog-content .bk-art-cap{font-size:13.5px;color:var(--color-text-light);
  text-align:center;font-style:italic;line-height:1.5;margin:.25rem auto 2rem;max-width:60ch}
.blog-content .bk-art-tag{display:inline-flex;align-items:center;gap:6px;margin-top:.6rem;
  font:600 11px/1 var(--font-family);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-light)}
.blog-content .bk-art-tag i{color:var(--bk-magenta);font-size:14px}
.blog-content blockquote.bk-art-citat{margin:2.25rem 0;padding:1.5rem 1.75rem;border-left:4px solid var(--bk-galben);
  background:color-mix(in srgb,var(--bk-galben) 7%,transparent);border-radius:0 18px 18px 0;
  font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(1.3rem,2.4vw,1.65rem);
  line-height:1.35;color:var(--color-text)}
.blog-content .bk-art-final{margin:2.5rem 0 1rem;padding:clamp(1.5rem,3vw,2.25rem);border-radius:24px;
  background:var(--bk-galben);color:var(--bk-galben-ink)}
.blog-content .bk-art-final p{color:var(--bk-galben-ink);margin:0 0 1rem;max-width:none}
.blog-content .bk-art-final p.bk-art-final-t{font-family:var(--font-family-heading);font-weight:800;
  font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.25}
.blog-content .bk-art-final .bk-btn{background:var(--bk-crem-ink);color:var(--bk-crem);text-decoration:none;margin:0 .5rem .5rem 0}
.blog-content .bk-art-final .bk-btn--ghost{background:transparent;color:var(--bk-galben-ink);
  border:1.5px solid color-mix(in srgb,var(--bk-galben-ink) 45%,transparent)}

@media (max-width:991.98px){
  /* imaginile din galeria articolului trebuie sa ramana 3/4, nu `height:auto` din mobile-wow */
  body .blog-content .bk-art-duo img{aspect-ratio:3/4;height:auto}
  /* (3) Pozele cardurilor de blog explodau la 455px inaltime: `mobile-wow.css`
     pune `img{height:auto}` cu specificitate (0,2,1), care bate
     `.blog-card-image{height:180px}` din `blog.css` (0,1,0). Ritmul listei se
     rupea complet. Recastigam cu specificitate mai mare, nu cu `!important`. */
  body .blog-card .blog-card-image,
  body .blog-card .blog-card-image img,
  body .post-card .blog-card-image img{height:190px;object-fit:cover}

  /* (4) Poza reprezentativa in format portret ocupa 56% din ecran (457px). */
  body .blog-article-featured-image img,
  body .blog-hero img{max-height:300px;object-fit:cover}
}
@media (max-width:540px){
  .blog-content .bk-art-duo{gap:.6rem}
  .blog-content .bk-art-duo img,.blog-content .bk-art-duo video{border-radius:14px}
}


/* ══════════════════════════════════════════════════════════════
   90-subsol.css
   ══════════════════════════════════════════════════════════════ */
/* ============================================================================
   BOUNCE KIDS — 90 SUBSOL
   `--footer-fg` lipseste la nucleele mai vechi de 27 iulie 2026; il definim aici
   cu aceleasi valori, ca rezultatul sa fie identic si dupa un rollout de nucleu.

   Ultima modificare: 2026-10-05 18:40
   Modificari:
     2026-10-05 18:40 — Ascunsa banda „Plata securizata” (sit de prezentare, nu incaseaza online).
     2026-08-31 14:56 — Creat.
   ============================================================================ */

.site-footer,footer.site-footer{
  --footer-fg:       var(--color-text);
  --footer-fg-muted: var(--color-text-secondary);
  --footer-fg-soft:  var(--color-text-light);
  background:#0B0910;border-top:1px solid var(--bk-line);color:var(--footer-fg)
}
.footer-brand img{height:44px;width:auto;margin-bottom:14px}
.footer-description{color:var(--footer-fg-soft);font-size:15px;line-height:1.65;max-width:36ch}
.site-footer h4,.site-footer h5,.footer-title{font-size:13px;font-family:var(--font-family);
  font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--footer-fg-soft);
  margin-bottom:16px}
.footer-links a,.footer-contact a,.site-footer a{color:var(--footer-fg-muted);text-decoration:none}
.footer-links a:hover,.footer-contact a:hover,.site-footer a:hover{color:var(--bk-galben)}
.footer-links li{margin-bottom:11px;font-size:15px}
.footer-contact li{margin-bottom:11px;font-size:15px;color:var(--footer-fg-muted)}
.footer-bottom{border-top:1px solid var(--bk-line);color:var(--footer-fg-soft);font-size:13px}
.footer-copyright,.footer-credit{color:var(--footer-fg-soft)}
.footer-company-label{color:var(--footer-fg-soft);font-size:12px;letter-spacing:.08em}
.footer-company-body{color:var(--footer-fg-muted);font-size:14px}
.footer-social a{color:var(--footer-fg-muted);transition:color var(--bk-t)}
.footer-social a:hover{color:var(--bk-galben)}
.footer-anpc img{max-height:38px;width:auto}

/* Pe telefon, linkurile de subsol aveau 17px inaltime, cu pas de 35px intre ele —
   sub pragul de 44px pentru degete. Se maresc DOAR pe mobil, ca sa nu se lateasca
   subsolul pe desktop. */
@media (max-width:991.98px){
  .footer-links li,.footer-contact li{margin-bottom:0}
  /* ⚠️ nucleul are `footer .row ul a{display:inline}` — cere specificitate mai mare */
  body .site-footer .footer-links a,
  body .site-footer .footer-contact a{display:flex;align-items:center;min-height:44px}
  .footer-contact li{min-height:44px;display:flex;align-items:center;gap:10px}
}

/* ── Sageata care apare la hover pe linkurile din subsol ────────────────────
   Mecanismul e cel de pe startup-delivery.ro: un SVG MASCAT in `::before`, cu
   latime 0 in repaus si 1em la hover. Fiind masca, culoarea vine din
   `background-color` — deci se ia din galbenul marcii, nu se scrie separat.
   Latimea (nu `padding`) e cea care impinge textul, ca sa nu sara randul. */
.site-footer{
  --bk-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h13'/%3E%3Cpath d='M12.5 6.5 18.5 12l-6 5.5'/%3E%3C/svg%3E");
}
.site-footer .footer-links li a,
.site-footer .footer-contact a{display:inline-flex;align-items:center}

.site-footer .footer-links li a::before,
.site-footer .footer-contact a::before{
  content:"";flex:0 0 auto;width:0;height:1em;margin-right:0;opacity:0;
  transform:translateX(-4px);background-color:var(--bk-galben);
  -webkit-mask:var(--bk-arrow) center / contain no-repeat;
          mask:var(--bk-arrow) center / contain no-repeat;
  transition:width .24s cubic-bezier(.22,.68,.36,1),
             margin-right .24s cubic-bezier(.22,.68,.36,1),
             opacity .18s ease,
             transform .24s cubic-bezier(.22,.68,.36,1)}

.site-footer .footer-links li a:hover::before,
.site-footer .footer-links li a:focus-visible::before,
.site-footer .footer-contact a:hover::before,
.site-footer .footer-contact a:focus-visible::before{
  width:1em;margin-right:.34em;opacity:1;transform:none}

.site-footer .footer-links li a:hover,
.site-footer .footer-contact a:hover{color:var(--bk-galben)}

@media (prefers-reduced-motion:reduce){
  .site-footer .footer-links li a::before,
  .site-footer .footer-contact a::before{transition:none}
}

/* Sit de prezentare: nu se plateste nimic pe site, deci fara iconitele de plata (cerere client). */
.site-footer .footer-payment{display:none}