/* ==========================================================================
   blaturidebucatarie.ro — CSS global (layout B1): identitatea temei MyMedi de azi (bej #A2805C + negru, Inter Tight),
   header v9 / v3, mega-meniul „Produse”, căutarea, meniul de pe telefon, bara de jos, subsolul #333, bannerul de cookie,
   „Înapoi sus” + clase comune pentru pagini.

   Clase comune (le pot folosi toate paginile):
     .bb-cont                       container 1240 px (+ 20 px margini; 15 px pe telefon)
     .bb-btn [--alb --negru --contur --bloc --mic]   butoanele temei (pastilă bej #A2805C, text alb)
     .bb-form / .bb-camp            câmpuri ca în temă (fundal #F0F2F5, fără chenar, pastilă; textarea radius 25 px)
     .bb-text                       conținut bogat (paragrafe, liste, tabele, linkuri)
     .bb-firimituri                 breadcrumb (partials/breadcrumb)
     .bb-i (+ --mic --mare)          iconiță SVG din sprite: <svg class="bb-i"><use href="#bb-i-cauta"/></svg>
     .bb-ascuns-vizual              text doar pentru cititoare de ecran
     .bb-fundal-lista               fundalul #F7F8FA al listelor de produse (catalog / categorii)
   Variabile: --bb-accent #A2805C, --bb-accent-2 #AC8C6E, --bb-gri #F0F2F5, --bb-fundal-lista #F7F8FA, --bb-rosu #C70000,
   --bb-verde #12A05C, --bb-pret-vechi #4D4D4D, --bb-antet-h (înălțimea header-ului transparent de pe prima pagină),
   --bb-jos (bara de jos de pe telefon: distanța pentru elementele fixe din dreapta-jos).
   ========================================================================== */

:root {
    --bb-accent: #a2805c;
    --bb-accent-2: #ac8c6e;
    --bb-negru: #000;
    --bb-text: #000;
    --bb-text-2: #4b5563;
    --bb-gri: #f0f2f5;
    --bb-fundal-lista: #f7f8fa;
    --bb-linie: #e5e5e5;
    --bb-rosu: #c70000;
    --bb-verde: #12a05c;
    --bb-pret-vechi: #4d4d4d;
    --bb-subsol: #333333;
    --bb-font: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --bb-cont: 1240px;
    --bb-antet-h: 100px;
    --bb-jos: 0px;
}

/* ---------- bază (ca tema: 16px / 28px / negru) ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 100px; }
body {
    margin: 0;
    font-family: var(--bb-font);
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: var(--bb-text);
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    overflow-x: clip;
}
img, svg, video { max-width: 100%; }
img { height: auto; border: 0; vertical-align: middle; }
a { color: var(--bb-text); text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--bb-accent); }
h1, h2, h3, h4, h5, h6 { font-family: inherit; color: #000; font-weight: 600; line-height: 1.25; margin: 0 0 .6em; }
p { margin: 0 0 1em; }
small { font-size: 80%; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--bb-accent); outline-offset: 2px; }
[hidden] { display: none !important; }
::selection { background: rgba(162, 128, 92, .22); }

.bb-continut { display: block; min-height: 40vh; outline: none; }
.bb-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.bb-i { width: 18px; height: 18px; flex: 0 0 auto; display: inline-block; vertical-align: middle; }
.bb-i--mic { width: 12px; height: 12px; }
.bb-i--mare { width: 24px; height: 24px; }
.bb-ascuns-vizual { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.bb-sari { position: absolute; left: 12px; top: -60px; z-index: 100000; background: #000; color: #fff; padding: 10px 16px; border-radius: 10px; font-weight: 600; }
.bb-sari:focus { top: 12px; color: #fff; }
html.bb-fara-derulare { overflow: hidden; }

/* ---------- container ---------- */
.bb-cont { width: 100%; max-width: calc(var(--bb-cont) + 40px); margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
.bb-fundal-lista { background: var(--bb-fundal-lista); }

/* ---------- breadcrumb (tema: 14px negru, separator „›”) ---------- */
.bb-firimituri { font-size: 14px; line-height: 28px; color: #000; padding: 20px 0; }
.bb-firimituri__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; }
.bb-firimituri__lista li { display: inline-flex; align-items: center; }
.bb-firimituri__lista li + li::before {
    content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 12px 0 10px;
    border-right: 2px solid #000; border-top: 2px solid #000; transform: rotate(45deg);
}
.bb-firimituri a { color: #000; }
.bb-firimituri a:hover { color: var(--bb-accent); }

/* ---------- conținut bogat ---------- */
.bb-text { font-size: 16px; line-height: 28px; }
.bb-text > :last-child { margin-bottom: 0; }
.bb-text h1 { font-size: 34px; line-height: 1.2; }
.bb-text h2 { font-size: 28px; line-height: 1.25; margin: 1.2em 0 .5em; }
.bb-text h3 { font-size: 22px; line-height: 1.3; margin: 1.2em 0 .5em; }
.bb-text h4 { font-size: 18px; margin: 1.1em 0 .5em; }
.bb-text :where(a:not([class])) { color: var(--bb-accent); text-decoration: underline; text-underline-offset: 2px; }
.bb-text :where(a:not([class])):hover { color: #000; }
.bb-text ul, .bb-text ol { margin: 0 0 1em; padding-left: 1.3em; }
.bb-text li { margin: 0 0 .35em; }
.bb-text img { border-radius: 10px; }
.bb-text table { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; font-size: 15px; }
.bb-text th, .bb-text td { padding: 10px 14px; text-align: left; vertical-align: top; }
.bb-text thead th { background: var(--bb-gri); font-weight: 600; }
.bb-tabel-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ---------- butoane (tema: pastilă bej, text alb) ---------- */
.bb-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 25px; border-radius: 60px; border: 1px solid var(--bb-accent);
    background: var(--bb-accent); color: #fff; font-size: 16px; line-height: 24px; font-weight: 500;
    text-decoration: none; cursor: pointer; white-space: nowrap;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.bb-btn:hover, .bb-btn:focus-visible { background: #000; border-color: #000; color: #fff; }
.bb-btn--alb { background: #fff; border-color: #fff; color: #000; font-size: 14px; }
.bb-btn--alb:hover { background: #000; border-color: #000; color: #fff; }
.bb-btn--negru { background: #000; border-color: #000; color: #fff; }
.bb-btn--negru:hover { background: var(--bb-accent); border-color: var(--bb-accent); }
.bb-btn--contur { background: transparent; color: var(--bb-accent); }
.bb-btn--contur:hover { background: var(--bb-accent); border-color: var(--bb-accent); color: #fff; }
.bb-btn--mic { font-size: 14px; line-height: 20px; padding: 6px 18px; }
.bb-btn--bloc { display: flex; width: 100%; }
.bb-btn[disabled], .bb-btn:disabled { opacity: .55; cursor: not-allowed; }

/* ---------- formulare (tema: #F0F2F5, fără chenar, pastilă) ---------- */
.bb-camp,
.bb-form input[type="text"], .bb-form input[type="email"], .bb-form input[type="tel"], .bb-form input[type="number"],
.bb-form input[type="search"], .bb-form input[type="url"], .bb-form input[type="password"], .bb-form select, .bb-form textarea {
    width: 100%; min-height: 46px; padding: 10px 25px; border: 1px solid transparent; border-radius: 60px;
    background: var(--bb-gri); color: #000; font-size: 16px; line-height: 24px; outline: none;
    transition: border-color .15s ease, background-color .15s ease;
}
.bb-form textarea, textarea.bb-camp { border-radius: 25px; min-height: 140px; resize: vertical; padding-top: 14px; }
.bb-form select, select.bb-camp {
    appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 48px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 18px center; background-size: 16px;
}
.bb-camp:focus, .bb-form input:focus, .bb-form select:focus, .bb-form textarea:focus { border-color: var(--bb-accent); background-color: #fff; }
.bb-camp::placeholder, .bb-form ::placeholder { color: #000; opacity: .75; }
.bb-form label { display: block; font-size: 15px; font-weight: 500; margin: 0 0 6px; }

/* ==========================================================================
   HEADER
   ========================================================================== */
.bb-antet { position: relative; z-index: 900; font-size: 16px; line-height: 28px; }
.bb-antet--acasa { position: absolute; top: 0; left: 0; right: 0; color: #fff; }
.bb-antet--v3 { background: #fff; border-bottom: 1px solid var(--bb-linie); }
.bb-ic-btn {
    display: inline-grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 0; background: none;
    color: inherit; position: relative; flex: 0 0 auto;
}
.bb-i--antet { width: 46px; height: 46px; }

/* bara neagră de sus (header-v3) */
.bb-bara-sus { background: #000; color: #fff; font-size: 14px; line-height: 20px; }
.bb-bara-sus__in { display: flex; justify-content: flex-end; align-items: stretch; min-height: 33px; }
.bb-bara-sus__el { display: inline-flex; align-items: center; padding: 0 25px; color: #fff; position: relative; }
.bb-bara-sus__el + .bb-bara-sus__el::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #333; }
.bb-bara-sus__el:last-child { padding-right: 0; }
.bb-bara-sus__el strong { font-weight: 700; margin-left: 4px; }
.bb-bara-sus a.bb-bara-sus__el:hover { color: var(--bb-accent); }
.bb-bara-sus__fb .bb-i { width: 13px; height: 13px; }

/* rândul principal */
.bb-antet__bara { position: relative; }
.bb-antet__rand { display: flex; align-items: center; min-height: 100px; }
.bb-antet--v3 .bb-antet__rand { min-height: 100px; }
.bb-sigla { display: inline-flex; flex: 0 0 auto; position: relative; line-height: 0; }
.bb-sigla img { width: 299px; height: auto; }
.bb-antet--acasa .bb-sigla__neagra { position: absolute; left: 0; top: 0; opacity: 0; }

/* meniul principal */
.bb-meniu__lista { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
.bb-meniu__el { position: static; }
.bb-meniu__link {
    display: inline-flex; align-items: center; gap: 9px; padding: 10px 0 10px 25px; border: 0; background: none;
    font-size: 17px; line-height: 24px; font-weight: 500; color: inherit; white-space: nowrap;
}
.bb-meniu__el--contact .bb-meniu__link { font-size: 15px; font-weight: 400; }
.bb-antet--acasa .bb-meniu__el + .bb-meniu__el .bb-meniu__link { padding-left: 29px; }
.bb-meniu__produse:hover .bb-i--meniu { color: var(--bb-accent); }
.bb-meniu__link:hover { color: var(--bb-accent); }
.bb-meniu__el[data-deschis] > .bb-meniu__link .bb-i--meniu { color: var(--bb-accent); }
.bb-i--meniu { width: 17px; height: 17px; }
.bb-antet--acasa .bb-meniu { margin-left: 73px; }
.bb-antet--acasa .bb-meniu__link { color: #fff; }
.bb-antet--acasa .bb-meniu__link:hover { color: var(--bb-accent); }
/* „☰ Produse”: la hover se colorează doar iconița (ca azi), textul rămâne */
.bb-antet .bb-meniu .bb-meniu__produse:hover { color: #000; }
.bb-antet--acasa .bb-meniu .bb-meniu__produse:hover { color: #fff; }
.bb-antet--acasa.bb-lipit .bb-meniu .bb-meniu__produse:hover { color: #000; }
.bb-antet--v3 .bb-meniu { margin-left: auto; }
.bb-antet--v3 .bb-meniu__link { color: #000; padding-left: 30px; }
.bb-antet--v3 .bb-meniu__el--contact .bb-meniu__link { font-size: 17px; font-weight: 500; }
.bb-antet--v3 .bb-meniu__link:hover { color: var(--bb-accent); }
.bb-meniu [aria-current="page"] { color: var(--bb-accent); }

/* mega-meniul „Produse” (3 coloane, alb, pe toată lățimea) */
.bb-mega {
    position: absolute; left: 0; right: 0; top: calc(100% - 18px); background: #fff; color: #000;
    padding: 52px 0 50px; box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    visibility: hidden; opacity: 0; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
    z-index: 950;
}
.bb-meniu__el[data-deschis] > .bb-mega { visibility: visible; opacity: 1; transform: none; transition: opacity .2s ease, transform .2s ease, visibility 0s; }
.bb-mega__in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 30px; }
.bb-mega__titlu { font-size: 18px; line-height: 32px; font-weight: 600; color: var(--bb-accent); margin: 0 0 22px; }
.bb-mega ul { list-style: none; margin: 0 0 10px; padding: 0; }
.bb-mega li { padding: 0 0 10px; line-height: 24px; }
.bb-mega a { display: inline-block; font-size: 16px; line-height: 24px; color: #000; padding: 0 5px 0 0; }
.bb-mega a b { font-weight: 600; }
.bb-mega a:hover, .bb-mega a[aria-current="page"] { color: var(--bb-accent); }

/* telefonul de pe prima pagină */
.bb-antet__tel { margin: 0 0 0 auto; padding: 0 10px 0 0; font-size: 16px; line-height: 28px; white-space: nowrap; color: #fff; }
.bb-antet__tel strong { font-weight: 500; }
.bb-antet__tel a { color: inherit; }
.bb-antet__tel a:hover { color: var(--bb-accent); }
.bb-i--tel { width: 13px; height: 13px; margin: -3px 0 0; }
.bb-antet__lupa { color: #fff; }
.bb-antet--v3 .bb-antet__lupa--lipit { display: none; color: #000; }

/* căutarea din header-v3 (pastilă #F0F2F5, lupă plină) */
.bb-cautare { position: relative; }
.bb-cautare__camp {
    width: 100%; height: 46px; padding: 10px 60px 10px 25px; border: 0; border-radius: 60px; background: var(--bb-gri);
    color: #000; font-size: 18px; line-height: 26px; outline: none; -webkit-appearance: none; appearance: none;
}
.bb-cautare__camp::placeholder { color: #000; opacity: 1; }
.bb-cautare__camp::-webkit-search-cancel-button { -webkit-appearance: none; }
.bb-cautare__camp:focus { outline: none; }
.bb-cautare__buton {
    position: absolute; right: 6px; top: 0; width: 46px; height: 46px; border: 0; background: none;
    display: grid; place-items: center; color: #000;
}
.bb-cautare__buton .bb-i { width: 17px; height: 17px; }
.bb-cautare--antet { flex: 0 0 360px; width: 360px; margin-left: 30px; }

/* sugestiile (ca „mymedi_ajax_search”: miniatură, titlu cu termenul colorat, descriere scurtă, preț nou / vechi) */
.bb-cautare__rez {
    position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 960; background: #fff; border-radius: 20px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .14); padding: 18px 20px; min-width: 360px; max-height: 70vh; overflow: auto;
}
.bb-cautare__lista { display: grid; grid-template-columns: 1fr; gap: 18px; }
.bb-cautare__el { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 0 20px; align-items: start; color: #000; text-align: left; }
.bb-cautare__el:hover .bb-cautare__titlu, .bb-cautare__el.is-activ .bb-cautare__titlu { text-decoration: underline; text-underline-offset: 2px; }
.bb-cautare__el img, .bb-cautare__fara-poza { width: 90px; height: 45px; object-fit: contain; background: var(--bb-gri); display: block; }
.bb-cautare--antet .bb-cautare__rez { left: auto; right: 0; width: 540px; }
.bb-cautare--antet .bb-cautare__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bb-cautare__titlu { display: block; font-size: 16px; line-height: 22px; color: #000; }
.bb-cautare__titlu mark { background: none; color: var(--bb-accent); }
.bb-cautare__desc { display: block; font-size: 14px; line-height: 20px; color: #6b6b6b; margin: 8px 0 0; }
.bb-cautare__pret { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin-top: 8px; font-size: 18px; line-height: 24px; color: var(--bb-accent); }
.bb-cautare__pret del { font-size: 14px; color: var(--bb-pret-vechi); }
.bb-cautare__pret--simplu { color: #000; }
.bb-cautare__mesaj { margin: 0; font-size: 15px; color: #444; }
.bb-cautare__toate { display: block; text-align: center; margin: 18px 0 0; font-size: 18px; color: #000; text-decoration: underline; text-underline-offset: 4px; }
.bb-cautare__toate:hover, .bb-cautare__toate.is-activ { color: var(--bb-accent); }

/* panoul „Căutare” (de sus, alb, pe toată lățimea) */
.bb-cautare-panou { position: fixed; inset: 0; z-index: 99990; }
.bb-cautare-panou__fundal { position: absolute; inset: 0; background: rgba(0, 0, 0, .3); }
.bb-cautare-panou__cutie {
    position: relative; background: #fff; padding: 42px 20px 48px; max-height: 100vh; max-height: 100dvh; overflow: auto;
    animation: bb-coboara .25s ease;
}
@keyframes bb-coboara { from { transform: translateY(-30px); opacity: 0; } to { transform: none; opacity: 1; } }
.bb-cautare-panou__titlu { text-align: center; font-size: 24px; line-height: 40px; font-weight: 600; margin: 0 0 24px; }
.bb-cautare-panou__x { position: absolute; right: 34px; top: 35px; color: #000; }
.bb-cautare-panou__x .bb-i { width: 17px; height: 17px; }
.bb-cautare--panou { max-width: 800px; margin: 0 auto; }
.bb-cautare--panou .bb-cautare__camp { font-size: 16px; }
.bb-cautare--panou .bb-cautare__rez {
    position: static; box-shadow: none; padding: 50px 0 0; border-radius: 0; max-height: none; overflow: visible; min-width: 0;
}
.bb-cautare--panou .bb-cautare__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 0; }

/* contul + coșul */
.bb-antet__unelte { display: flex; align-items: center; margin-left: 0; }
.bb-antet--v3 .bb-antet__unelte { margin-left: 59px; }
.bb-antet__cont, .bb-antet__cos { color: var(--bb-accent); }
.bb-antet__cont:hover, .bb-antet__cos:hover { color: #000; }
.bb-antet--acasa .bb-antet__cont:hover, .bb-antet--acasa .bb-antet__cos:hover { color: #fff; }
.bb-cos-numar {
    position: absolute; top: 0; right: -1px; min-width: 22px; height: 22px; padding: 0 4px; border-radius: 22px;
    background: #000; color: #fff; font-size: 11px; line-height: 22px; font-weight: 400; text-align: center;
}
.bb-cos-mini { position: relative; display: flex; }
.bb-cos-mini__panou {
    position: absolute; right: 0; top: calc(100% + 10px); width: 420px; background: #fff; color: #000; z-index: 970;
    padding: 60px 30px 51px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    visibility: hidden; opacity: 0; transition: opacity .2s ease, visibility 0s linear .2s;
}
.bb-cos-mini__panou::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.bb-cos-mini:hover .bb-cos-mini__panou, .bb-cos-mini:focus-within .bb-cos-mini__panou { visibility: visible; opacity: 1; transition: opacity .2s ease, visibility 0s; }
.bb-cos-mini__cos { width: 112px; height: 100px; color: #e5e5e5; display: block; margin: 0 auto 28px; }
.bb-cos-mini__gol p { margin: 0; font-size: 16px; }
.bb-cos-mini__titlu { font-size: 18px; font-weight: 600; margin: -30px 0 18px; }

/* header lipicios (alb, sigla neagră, umbră) */
.bb-antet.bb-lipit .bb-antet__bara {
    position: fixed; left: 0; right: 0; top: 0; background: #fff; color: #000; box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    animation: bb-coboara .3s ease;
}
.bb-antet.bb-lipit .bb-antet__rand { min-height: 80px; }
.bb-antet--acasa.bb-lipit .bb-sigla__alba { opacity: 0; }
.bb-antet--acasa.bb-lipit .bb-sigla__neagra { opacity: 1; }
.bb-antet--acasa.bb-lipit .bb-meniu__link, .bb-antet--acasa.bb-lipit .bb-antet__tel, .bb-antet--acasa.bb-lipit .bb-antet__lupa { color: #000; }
.bb-antet--acasa.bb-lipit .bb-meniu__link:hover, .bb-antet--acasa.bb-lipit .bb-antet__tel a:hover { color: var(--bb-accent); }
.bb-antet--acasa.bb-lipit .bb-antet__cont:hover, .bb-antet--acasa.bb-lipit .bb-antet__cos:hover { color: #000; }
.bb-antet.bb-lipit .bb-sigla img { width: 250px; filter: brightness(0) saturate(100%); }   /* ca azi: sigla complet neagră în bara lipicioasă */
.bb-antet.bb-lipit .bb-mega a { color: #333; }
.bb-antet.bb-lipit .bb-mega a:hover { color: var(--bb-accent); }
.bb-antet--acasa.bb-lipit .bb-meniu { margin-left: 82px; }
.bb-antet.bb-lipit .bb-mega { top: 100%; }

/* ==========================================================================
   MENIUL DE PE TELEFON + BARA DE JOS
   ========================================================================== */
.bb-mm { position: fixed; left: 0; right: 0; top: 0; bottom: var(--bb-jos); z-index: 99980; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.bb-mm__cutie { padding: 30px 35px 40px; }
.bb-mm__lista { list-style: none; margin: 0; padding: 0; }
.bb-mm__lista li { margin: 0; }
.bb-mm__lista a { display: block; padding: 6px 0; font-size: 18px; line-height: 28px; color: #000; }
.bb-mm__lista a b { font-weight: 600; }
.bb-mm__lista a:hover, .bb-mm__lista a[aria-current="page"] { color: var(--bb-accent); }
.bb-mm__titlu { text-transform: uppercase; color: var(--bb-accent); font-size: 18px; line-height: 28px; padding: 6px 0; font-weight: 400; }
.bb-mm__contact { margin: 22px 0 0; padding: 22px 0 0; border-top: 1px solid #ebebeb; font-size: 15px; line-height: 24px; }
.bb-mm__contact b { font-weight: 600; }

.bb-bara-jos { display: none; }
.bb-sus {
    position: fixed; right: 10px; bottom: calc(10px + var(--bb-jos)); z-index: 996; width: 40px; height: 40px; border: 0; border-radius: 100%;
    background: rgba(0, 0, 0, .1); color: #fff; display: grid; place-items: center; transition: background-color .2s ease;
}
.bb-sus:hover { background: #000; }
.bb-sus .bb-i { width: 18px; height: 18px; }

.bb-toast {
    position: fixed; left: 16px; bottom: calc(16px + var(--bb-jos)); z-index: 99995; max-width: min(420px, calc(100vw - 32px));
    background: #111; color: #fff; padding: 12px 18px; border-radius: 12px; font-size: 14px; line-height: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}

/* ==========================================================================
   SUBSOL (#333333)
   ========================================================================== */
.bb-subsol { background: var(--bb-subsol); color: #ededed; padding: 60px 0 0; font-size: 16px; line-height: 28px; }
.bb-subsol a { color: #ededed; }
.bb-subsol a:hover { color: var(--bb-accent); }
/* grila WPBakery de azi: 7/12 (despre 4/12 + consultanță 8/12) și 5/12 (3 coloane), cu jgheaburi de 15 px */
.bb-subsol__grila { display: flex; margin: 0 -15px; padding-bottom: 25px; }
.bb-subsol__stanga { flex: 0 0 58.3333%; max-width: 58.3333%; display: flex; }
.bb-subsol__despre { flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 15px; }
.bb-subsol__consultanta-col { flex: 0 0 66.6667%; max-width: 66.6667%; padding: 0 15px; }
.bb-subsol__sigla { display: inline-block; line-height: 0; margin: 0 0 30px; }
.bb-subsol__sigla img { width: 215px; height: auto; }
.bb-subsol__adresa { margin: 0 0 5px; }
.bb-subsol__harta { margin: 0 0 15px; }
.bb-subsol__harta a { text-decoration: underline; text-underline-offset: 2px; }
.bb-subsol__harta small { font-size: 14px; }
.bb-subsol__fb { display: inline-flex; align-items: center; height: 28px; margin: 15px 0 0 3px; }
.bb-subsol__fb .bb-i { width: 10px; height: 14px; }
.bb-subsol__consultanta { border-left: 1px solid #4b4b4b; padding-left: 40px; }
.bb-subsol__titlu { font-size: 18px; line-height: 24px; font-weight: 400; color: #fff; margin: 0 0 20px; }
.bb-subsol__tel { display: flex; align-items: flex-start; gap: 15px; margin: 0 0 5px; font-size: 22px; line-height: 36px; font-weight: 600; color: #fff; }
.bb-subsol__tel img { width: 32px; height: 32px; margin-top: 6px; flex: 0 0 auto; }
.bb-subsol__tel a { color: #fff; }
.bb-subsol__tel a:hover { color: var(--bb-accent); }
.bb-subsol__program { margin: 0 0 18px; padding-left: 40px; line-height: 28px; }
.bb-subsol__program small { font-size: 14px; }
.bb-subsol__linie { max-width: 86%; height: 1px; border: 0; background: #4b4b4b; margin: 0 0 18px; }
.bb-subsol__email { margin: 0; }
.bb-subsol__email a { display: inline-flex; align-items: center; gap: 14px; }
.bb-subsol__email strong { font-weight: 600; }
.bb-subsol__email img { margin-top: 2px; }
.bb-subsol__dreapta { flex: 0 0 41.6667%; max-width: 41.6667%; display: flex; }
.bb-subsol__col { flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 15px; }
.bb-subsol__col ul { list-style: none; margin: 0; padding: 0; }
.bb-subsol__col li { padding: 6px 0; font-size: 12px; line-height: 20px; }
.bb-subsol__col a { color: #ededed; }
.bb-subsol__legatura { padding: 0; border: 0; background: none; color: #ededed; font-size: 12px; line-height: 20px; text-align: left; }
.bb-subsol__legatura:hover { color: var(--bb-accent); }
.bb-subsol__jos { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 4px solid #4b4b4b; padding: 38px 0 22px; margin-top: 40px; }
.bb-subsol__copy { margin: 0; font-size: 12px; line-height: 30px; color: #fff; font-weight: 300; }
.bb-subsol__copy a { color: #fff; text-decoration: underline; }
.bb-subsol__anpc { display: flex; gap: 20px; align-items: center; }
.bb-subsol__anpc img { width: 153px; height: 38px; display: block; }

/* ==========================================================================
   BANNER COOKIE — AIROD Simple Consent (CSS-ul pluginului, accent #a2805c)
   ========================================================================== */
:root { --airod-accent: #a2805c; }
#airod-consent-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .38); z-index: 99999998; display: none; align-items: center; justify-content: center; padding: 22px; font-family: var(--bb-font); }
#airod-consent-overlay.airod-visible { display: flex; }
#airod-consent-modal:focus { outline: none; }
#airod-consent-modal { background: #fff; width: min(520px, 100%); border-radius: 14px; border: 0; box-shadow: 0 18px 50px rgba(15, 23, 42, .22); overflow: hidden; color: #111827; max-height: 86vh; position: relative; }
.airod-consent-inner { padding: 22px 24px 20px; max-height: 86vh; overflow-y: auto; }
.airod-consent-title { font-size: 17px; font-weight: 800; line-height: 1.25; margin: 0 0 8px; color: var(--airod-accent); letter-spacing: -.01em; }
.airod-consent-text { margin: 0 0 12px; font-size: 13px; line-height: 1.48; color: #374151; }
.airod-consent-learnmore { color: var(--airod-accent); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; font-size: 12px; font-weight: 600; display: inline-block; margin: -10px 0 2px; padding: 10px 0; border: 0; background: none; font-family: var(--bb-font); }
.airod-consent-btn-row, .airod-settings-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 5px; align-items: stretch; }
.airod-btn { appearance: none; cursor: pointer; min-height: 42px; padding: 0 14px; border-radius: 8px; font-size: 11.5px; line-height: 1.18; font-weight: 750; transition: background .18s ease, border-color .18s ease, transform .18s ease; min-width: 0; width: 100%; font-family: var(--bb-font); }
.airod-btn:hover { transform: translateY(-1px); }
.airod-btn:focus-visible, .airod-tab-btn:focus-visible, .airod-consent-learnmore:focus-visible { outline: 2px solid var(--airod-accent); outline-offset: 2px; }
.airod-btn-primary { background: var(--airod-accent); color: #fff; border: 1px solid var(--airod-accent); }
.airod-btn-secondary, .airod-btn-ghost { background: #fff; color: #111827; border: 1px solid #d1d5db; }
#airod-consent-settings-view { display: none; }
.airod-tabs { display: flex; border-bottom: 1px solid #eef0f2; margin: 14px -24px 14px; padding: 0 24px; gap: 18px; }
.airod-tab-btn { background: none; border: 0; padding: 8px 0; cursor: pointer; font-size: 12px; position: relative; color: #6b7280; font-weight: 700; font-family: var(--bb-font); }
.airod-tab-btn.active { color: #111827; }
.airod-tab-btn.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--airod-accent); }
.airod-category { border: 1px solid #eef0f2; border-radius: 10px; padding: 11px 12px; margin-bottom: 8px; background: #fff; }
.airod-cat-header { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.airod-cat-title { font-weight: 800; font-size: 12.5px; line-height: 1.4; }
.airod-cat-tag { display: inline-block; font-size: 10px; line-height: 16px; background: #f3f4f6; padding: 2px 7px; border-radius: 999px; margin-left: 5px; color: #6b7280; }
.airod-cat-desc { font-size: 11.5px; margin: 5px 0 0; color: #4b5563; line-height: 1.4; }
.airod-cat-list { margin: 6px 0 0; padding-left: 16px; font-size: 11.5px; line-height: 1.5; color: #4b5563; }
.airod-switch { position: relative; display: inline-block; width: 38px; height: 21px; flex: 0 0 38px; }
.airod-switch input { opacity: 0; width: 0; height: 0; position: absolute; }
.airod-slider { position: absolute; cursor: pointer; inset: 0; background: #cbd5e1; transition: .2s; border-radius: 21px; }
.airod-slider::before { position: absolute; content: ""; height: 17px; width: 17px; left: 2px; top: 2px; background: #fff; transition: .2s; border-radius: 50%; }
.airod-switch input:checked + .airod-slider { background: var(--airod-accent); }
.airod-switch input:checked + .airod-slider::before { transform: translateX(17px); }
.airod-switch input:focus-visible + .airod-slider { outline: 2px solid var(--airod-accent); outline-offset: 2px; }
.airod-switch.disabled { opacity: .65; cursor: not-allowed; }
.airod-small-note { font-size: 10px; line-height: 1.4; color: #6b7280; margin: 7px 0 0; }
.airod-declaration-box { font-size: 12px; line-height: 1.5; color: #374151; }
.airod-declaration-box p { margin: 0 0 .8em; }
.airod-declaration-box ul { margin: 0 0 .8em; padding-left: 18px; }
.airod-declaration-box a { color: var(--airod-accent); text-decoration: underline; }
.airod-decl-titlu { font-size: 16px; font-weight: 800; color: var(--airod-accent); }
.airod-decl-sub { font-size: 13px; font-weight: 800; color: #111827; margin-top: 1em !important; margin-bottom: .3em !important; }
.airod-save-settings { grid-column: 1 / -1; }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1279px) {
    .bb-antet--acasa .bb-meniu { margin-left: 30px; }
    .bb-antet--v3 .bb-antet__unelte { margin-left: 24px; }
    .bb-cautare--antet { flex-basis: 300px; width: 300px; }
}
@media (max-width: 1199px) {
    .bb-antet__tel { display: none; }
    .bb-antet--acasa .bb-antet__lupa { margin-left: auto; }
    .bb-sigla img { width: 250px; }
    .bb-cautare--antet { flex-basis: 260px; width: 260px; margin-left: 20px; }
    .bb-subsol__grila { flex-direction: column; gap: 40px; }
    .bb-subsol__stanga, .bb-subsol__dreapta { max-width: none; flex: 0 0 auto; }
}
@media (max-width: 991px) {
    :root { --bb-antet-h: 67px; --bb-jos: calc(54px + env(safe-area-inset-bottom)); }
    /* locul barei de jos: sub subsol (fundal #333, ca azi); paginile fără subsol îl primesc pe <body> */
    body { padding-bottom: var(--bb-jos); }
    body:has(> .bb-subsol) { padding-bottom: 0; }
    .bb-subsol { padding-bottom: var(--bb-jos); }
    html { scroll-padding-top: 70px; }
    .bb-cont { padding-left: 15px; padding-right: 15px; }

    /* header: prima pagină = sigla + lupă; restul = sigla + cont + coș, apoi „☰ Produse · Contact” + căutarea */
    .bb-bara-sus, .bb-antet__tel, .bb-mega { display: none !important; }
    .bb-sigla img { width: 250px; }
    .bb-antet__rand { min-height: 0; flex-wrap: wrap; }
    .bb-antet--acasa .bb-antet__rand { min-height: 67px; padding-top: 10px; padding-bottom: 10px; flex-wrap: nowrap; }
    .bb-antet--acasa .bb-meniu, .bb-antet--acasa .bb-antet__unelte { display: none; }
    .bb-antet--acasa .bb-antet__lupa { margin-left: auto; margin-right: 0; }
    .bb-antet--v3 { border-bottom: 0; }
    .bb-antet--v3 .bb-antet__rand { padding-top: 12px; padding-bottom: 15px; row-gap: 1px; }
    .bb-antet--v3 .bb-sigla { order: 1; }
    .bb-antet--v3 .bb-antet__unelte { order: 2; margin-left: auto; margin-right: -2px; }
    .bb-antet--v3 .bb-antet__rand::after { content: ""; order: 3; flex: 0 0 100%; height: 0; }   /* rândul 2 pe orice lățime */
    .bb-antet--v3 .bb-meniu { order: 4; margin-left: 0; flex: 0 0 auto; }
    .bb-antet--v3 .bb-cautare--antet { order: 5; flex: 1 1 0; width: auto; min-width: 0; margin-left: 11px; }
    .bb-antet--v3 .bb-antet__lupa--lipit { order: 2; }
    .bb-antet--v3 .bb-meniu__link { padding: 6px 0; gap: 11px; font-size: 16px; }
    .bb-antet--v3 .bb-meniu__el + .bb-meniu__el .bb-meniu__link { padding-left: 12px; }
    .bb-antet--v3 .bb-meniu__el--contact .bb-meniu__link { font-size: 16px; font-weight: 500; }
    .bb-antet--v3 .bb-i--meniu { width: 15px; height: 15px; }
    .bb-cautare__camp { height: 42px; font-size: 16px; padding: 8px 46px 8px 15px; }
    .bb-cautare__buton { right: 2px; height: 42px; }
    .bb-cautare--panou .bb-cautare__camp { height: 44px; }
    .bb-cautare--panou .bb-cautare__buton { height: 44px; }
    .bb-cautare__rez { min-width: 0; }
    .bb-antet--v3 .bb-cautare--antet .bb-cautare__rez { position: absolute; left: auto; right: 0; width: calc(100vw - 30px); max-height: 60vh; }
    .bb-cautare-panou__cutie { padding: 42px 20px 46px; }
    .bb-cautare-panou__x { right: 7px; top: 35px; }
    .bb-cautare--panou .bb-cautare__lista { grid-template-columns: 1fr; gap: 30px; }
    .bb-cautare--panou .bb-cautare__rez { padding-top: 40px; }
    .bb-cos-mini__panou { display: none; }

    /* lipicios pe telefon: bara albă cu sigla și lupa */
    .bb-antet.bb-lipit .bb-antet__rand { min-height: 57px; padding-top: 5px; padding-bottom: 5px; flex-wrap: nowrap; }
    .bb-antet.bb-lipit .bb-sigla img { width: 250px; filter: brightness(0) saturate(100%); }   /* ca azi: sigla complet neagră în bara lipicioasă */
.bb-antet.bb-lipit .bb-mega a { color: #333; }
.bb-antet.bb-lipit .bb-mega a:hover { color: var(--bb-accent); }
    .bb-antet--v3.bb-lipit .bb-meniu, .bb-antet--v3.bb-lipit .bb-cautare--antet, .bb-antet--v3.bb-lipit .bb-antet__unelte { display: none; }
    .bb-antet--v3.bb-lipit .bb-antet__rand::after { display: none; }
    .bb-antet--v3.bb-lipit .bb-antet__lupa--lipit { display: inline-grid; margin-left: auto; margin-right: 0; }
    .bb-antet--acasa.bb-lipit .bb-antet__lupa { color: #000; }

    /* bara fixă de jos (☰ · acasă · cont · coș), ca azi */
    .bb-bara-jos {
        display: grid; grid-template-columns: repeat(4, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 99985;
        height: var(--bb-jos); padding: 0 10px env(safe-area-inset-bottom) 0; background: #fff; border-top: 1px solid #ebebeb;
    }
    .bb-bara-jos__el { display: grid; place-items: center; position: relative; border: 0; background: none; color: var(--bb-accent); padding: 0; }
    .bb-bara-jos__el > .bb-i { width: 24px; height: 24px; }
    .bb-bara-jos__el > .bb-i--antet { width: 40px; height: 40px; }
    .bb-bara-jos__x { display: none; }
    .bb-bara-jos__el[aria-expanded="true"] .bb-bara-jos__meniu { display: none; }
    .bb-bara-jos__el[aria-expanded="true"] .bb-bara-jos__x { display: inline-block; }
    .bb-bara-jos__cos .bb-cos-numar { top: 6px; left: calc(50% + 2px); right: auto; min-width: 18px; height: 18px; line-height: 18px; font-size: 10px; padding: 0 3px; }
    .bb-sus { bottom: calc(10px + var(--bb-jos)); }

    /* subsol pe telefon (o coloană; Informatii + Utile alăturate; Parteneri cu lista pe 2 coloane) */
    .bb-subsol { padding-top: 25px; }
    .bb-subsol__grila { gap: 36px; }
    .bb-subsol__stanga { flex-direction: column; gap: 40px; }
    .bb-subsol__despre, .bb-subsol__consultanta-col { flex: 0 0 auto; max-width: none; }
    .bb-subsol__sigla { margin-bottom: 20px; }
    .bb-subsol__sigla img { width: 330px; }
    .bb-subsol__br { display: none; }
    .bb-subsol__adresa span + span::before { content: " "; }
    .bb-subsol__consultanta { border-left: 0; padding-left: 0; }
    .bb-subsol__titlu { margin-bottom: 10px; }
    .bb-subsol__linie { max-width: none; }
    .bb-subsol__dreapta { flex-wrap: wrap; row-gap: 30px; }
    .bb-subsol__col { flex: 0 0 50%; max-width: 50%; }
    .bb-subsol__col--parteneri { flex: 0 0 100%; max-width: 100%; }
    .bb-subsol__col--parteneri ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
    .bb-subsol__jos { flex-direction: column; justify-content: center; text-align: center; margin-top: 36px; }
}
@media (max-width: 480px) {
    .bb-sigla img { width: 250px; max-width: calc(100vw - 130px); }
    .bb-antet--acasa .bb-sigla img { max-width: calc(100vw - 90px); }
    .bb-subsol__sigla img { max-width: 100%; }
    .airod-consent-btn-row, .airod-settings-footer { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
    #airod-consent-overlay { align-items: flex-end; justify-content: center; padding: 0; background: transparent; pointer-events: none; }
    #airod-consent-modal { width: 100%; max-width: none; border-radius: 14px 14px 0 0; box-shadow: 0 -10px 30px rgba(15, 23, 42, .18); max-height: calc(100svh - 12px); pointer-events: auto; }
    .airod-consent-inner { padding: 14px 14px calc(14px + env(safe-area-inset-bottom)); max-height: calc(100svh - 12px); }
    .airod-consent-title { font-size: 14px; line-height: 1.24; margin: 0 0 5px; }
    .airod-consent-text { font-size: 11.5px; line-height: 1.38; margin: 0 0 7px; }
    .airod-consent-learnmore { font-size: 10.8px; margin: -10px 0 -1px; }
    .airod-consent-btn-row, .airod-settings-footer { grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 5px; }
    .airod-btn { min-height: 37px; padding: 0 8px; border-radius: 7px; font-size: 10.5px; }
    .airod-cat-tag { font-size: 9.5px; padding: 2px 6px; }
    .airod-cat-list { margin-top: 5px; }
    .airod-tabs { margin: 11px -14px 10px; padding: 0 14px; overflow-x: auto; gap: 16px; }
    .airod-tab-btn { font-size: 11.5px; padding: 8px 0; white-space: nowrap; }
    .airod-category { padding: 10px; margin-bottom: 7px; border-radius: 9px; }
    .airod-cat-title { font-size: 12px; }
    .airod-cat-desc, .airod-cat-list { font-size: 11px; line-height: 1.35; }
    .airod-declaration-box { font-size: 11.5px; line-height: 1.42; }
    .airod-small-note { font-size: 9.8px; margin-top: 6px; }
}
@media (max-width: 360px) {
    .airod-consent-btn-row, .airod-settings-footer { grid-template-columns: 1fr; }
    .airod-save-settings { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media print {
    .bb-antet, .bb-subsol, .bb-bara-jos, .bb-sus, #airod-consent-overlay, .bb-mm, .bb-cautare-panou { display: none !important; }
}