/* ============================================================
   animarkt.ro / BEJI® — SINTEZA (S)
   Sistemul de stil al temei `animarkt`. O singură foaie, fără framework.

   Reguli de casă:
   - culorile există DOAR în :root (variabile); în restul foii nu apare niciun hex;
   - nume BEM în română: bloc__element--modificator (card__media, card__stoc--putin);
   - stările sunt clase pe bloc (card--epuizat, body.cu-bara), nu stiluri inline;
   - nimic nu depinde de JavaScript ca să fie vizibil (.apare animează doar sub html.js);
   - tot ce e pe pilon (culoare) vine din .p-beauty / .p-casa / .p-familie / .p-tech,
     care setează --p (treapta „tare”) și se folosește NUMAI pe pictograme, puncte și etichete.

   Cuprins:  0 variabile · 1 bază · 2 utilitare · 3 tipografie · 4 butoane · 5 etichete și piloni
             6 bara de sus · 7 antet · 8 erou și vitrină · 9 secțiuni · 10 piloni · 11 filtre
             12 card de produs · 13 vedeta · 14 condiții și drepturi · 15 subsol
             16 pagina de produs · 17 formulare și notificări · 18 coș și finalizare
             19 responsiv · 20 mișcare redusă
   ============================================================ */

/* ---------- 0. Variabile ---------- */
:root {
  /* Paleta BEJI (din direcția A) */
  --ivoriu:         #F7F2EA;   /* fundalul paginii */
  --ivoriu-2:       #FBF8F3;   /* zone ridicate, câmpuri */
  --alb:            #FFFFFF;   /* carduri, panouri */
  --marmura:        #EDE6DA;   /* plinte, benzi */
  --vena:           #D9CEBB;   /* linii, borduri tari */
  --auriu:          #C9A96E;   /* UN singur auriu: decor, butoane, puncte */
  --auriu-text:     #7F6128;   /* auriul ca TEXT: 5,17:1 pe ivoriu, 5,76:1 pe alb, 4,65:1 pe marmură (AA la text mic) */
  --auriu-text-2:   #9C7A3E;   /* capătul luminos al gradientului de titlu pe deschis: 3,58:1 pe ivoriu (AA la text mare) */
  --auriu-deschis:  #EAD9B0;   /* halouri, fundaluri de pictogramă */
  --auriu-lumina:   #D9BC85;   /* capătul luminos al gradientului */
  --auriu-umbra:    #B08F52;   /* capătul închis al gradientului */
  --grafit:         #1E1C19;   /* text principal, subsol, butoane negre */
  --grafit-2:       #3C3934;   /* text secundar */
  --grafit-3:       #6E685E;   /* text ajutător (cald, nu gri neutru) */
  --cinema:         #15130F;   /* secțiunile cinematice (planșele BEJI) */
  --cinema-2:       #231F19;   /* suprafețe ridicate pe cinema */
  --pe-inchis:      #F3EBDD;   /* text principal pe închis */
  --pe-inchis-2:    #CFC3AB;   /* text secundar pe închis */
  --pe-auriu:       #1A1508;   /* text pe butonul auriu */

  /* Stări de stoc (semantice, din B/C) */
  --verde:          #2A7252;   --verde-fundal:      #E4F1E9;   /* 4,98:1 pe fundalul propriu, 5,20:1 pe ivoriu */
  --portocaliu:     #9C5217;   --portocaliu-fundal: #FBEBDC;   /* 4,96:1 pe fundalul propriu, 4,89:1 pe gri de galerie */
  --rosu:           #A63434;   --rosu-fundal:       #F8E3E3;   /* 5,40:1 pe fundalul propriu */

  /* Pilonii (din C, DOAR treapta „tare”; fără fundaluri pastel) */
  --beauty:  #A8465F;   /* 5,67:1 pe alb */
  --casa:    #8A5A12;   /* 5,91:1 pe alb (vechiul #A56F1C avea 4,29) */
  --familie: #467457;   /* 5,39:1 pe alb */
  --tech:    #3740A3;   /* 8,66:1 pe alb */

  /* Linii și umbre (derivate din auriu/grafit, calde) */
  --linie:        rgba(201, 169, 110, .28);
  --linie-tare:   rgba(201, 169, 110, .55);
  --linie-inchis: rgba(243, 235, 221, .12);
  --umbra-1: 0 1px 2px rgba(60, 45, 20, .06), 0 6px 18px -8px rgba(60, 45, 20, .14);
  --umbra-2: 0 2px 6px rgba(60, 45, 20, .06), 0 22px 40px -18px rgba(60, 45, 20, .30);
  --umbra-aur: 0 10px 24px -10px rgba(176, 143, 82, .60);
  --umbra-cinema: 0 40px 80px -30px rgba(0, 0, 0, .75);
  --halo-focus: 0 0 0 4px rgba(201, 169, 110, .22);

  /* Gradienți */
  --grad-aur: linear-gradient(135deg, var(--auriu-lumina) 0%, var(--auriu) 45%, var(--auriu-umbra) 100%);
  --grad-aur-text: linear-gradient(100deg, var(--auriu-text), var(--auriu-text-2) 55%, var(--auriu-text));             /* accent în titluri pe fundal deschis (≥ 3,2:1) */
  --grad-aur-text-inchis: linear-gradient(100deg, var(--auriu-umbra), var(--auriu-lumina) 55%, var(--auriu-umbra));  /* același accent pe cinema */
  --grad-ivoriu: linear-gradient(180deg, var(--alb) 0%, var(--ivoriu) 100%);
  --grad-piedestal: linear-gradient(180deg, var(--ivoriu-2) 0%, var(--marmura) 100%);
  --grad-sticla: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));

  /* Transparențe și umbre derivate din paletă — singurul loc cu valori literale; restul foii le folosește prin variabile sau color-mix() */
  --sticla:        rgba(255, 255, 255, .92);   /* etichete, inimă, lupă (alb 92 %) */
  --sticla-moale:  rgba(255, 255, 255, .60);   /* eticheta eroului, capul benzii de drepturi (alb 60 %) */
  --sticla-inchis: rgba(21, 19, 15, .78);      /* cipuri și cardul din vitrină (cinema 78 %: textul auriu-deschis trece 4,5:1 chiar și dacă sub cip ar fi ivoriu) — rgba, nu color-mix, ca valoarea calculată să rămână citibilă de verificatoarele de contrast */
  --umbra-cip:       0 14px 30px -14px rgba(0, 0, 0, .8);
  --umbra-pict:      0 10px 20px -12px rgba(0, 0, 0, .6);
  --umbra-plinta:    0 12px 20px -12px rgba(60, 45, 20, .45), inset 0 1px 0 rgba(255, 255, 255, .9);
  --umbra-aur-hover: 0 16px 30px -12px rgba(176, 143, 82, .75);
  --umbra-bara:      0 -10px 30px -16px rgba(60, 45, 20, .3);

  /* Marmura: vene generate de un filtru SVG, randat o dată; se reglează din baseFrequency și tableValues.
     Se aplică prin pseudo-elemente la 25–40 % opacitate (vezi .marmura, .erou, .card__media). */
  --vene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006 0.013' numOctaves='4' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0.66 0 0 0 0 0.55 0 0 0 0 0.36 0 0 0 1 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 0 0 0 0 0 0 0.75 0 0 0 0 0 0 0 0'/%3E%3C/feComponentTransfer%3E%3CfeGaussianBlur stdDeviation='0.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");

  /* Tipografie: Outfit (titluri, prețuri, butoane) + Manrope (corp). În temă: auto-găzduite, subset latin + latin-ext. */
  --f-titlu: "Outfit", "Segoe UI", system-ui, sans-serif;
  --f-corp:  "Manrope", "Segoe UI", system-ui, sans-serif;

  /* Ritm pe bază de 8 px */
  --s-1: 8px; --s-2: 16px; --s-3: 24px; --s-4: 32px; --s-5: 40px;
  --s-6: 56px; --s-7: 72px; --s-8: 96px; --s-9: 128px;
  --jgheab: 24px;
  --container: 1280px;

  /* Raze: ierarhie, nu aceeași rază peste tot */
  --raza-xs: 8px; --raza-s: 12px; --raza: 18px; --raza-l: 28px; --raza-xl: 36px;

  /* Mișcare */
  --usor: cubic-bezier(.2, .7, .2, 1);
  --elastic: cubic-bezier(.34, 1.56, .64, 1);
  --t: 240ms var(--usor);
  --t-lung: 480ms var(--usor);

  /* Înălțimi fixe folosite de elementele lipicioase */
  --h-antet: 84px;
  --h-bara-cumpara: 84px;
  --inaltime-cookie: 0px;      /* bannerul de cookie-uri o setează din JS când e vizibil */
}

/* ---------- 1. Bază ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--h-antet) + 16px); }
body {
  margin: 0;
  font-family: var(--f-corp);
  font-size: 16px;
  line-height: 1.6;
  color: var(--grafit);
  background: var(--ivoriu);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; height: auto; }
svg { display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; border: 0; background: none; padding: 0; }
h1, h2, h3, h4 { font-family: var(--f-titlu); font-weight: 600; line-height: 1.1; margin: 0; letter-spacing: -.015em; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
strong, b { font-weight: 700; }
small { font-size: .8em; }
:focus-visible { outline: 2px solid var(--auriu-text); outline-offset: 3px; border-radius: 4px; }

/* ---------- 2. Utilitare ---------- */
.container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--jgheab); }
.container--ingust { max-width: 880px; }
.ic { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ic--s { width: 16px; height: 16px; }
.ic--l { width: 24px; height: 24px; }
.ic--xl { width: 28px; height: 28px; stroke-width: 1.5; }
.ic--plin { fill: currentColor; stroke: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.doar-mobil { display: none; }
.text-centru { text-align: center; }
.text-ajutator { font-size: 13px; color: var(--grafit-3); }
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
/* marmură pe orice bloc poziționat: <div class="marmura"> → vene la 30 % */
.marmura { position: relative; isolation: isolate; }
.marmura::before { content: ""; position: absolute; inset: 0; background: var(--vene); background-size: 900px; opacity: .30; pointer-events: none; z-index: -1; }
/* apariție la derulare — GARDĂ no-js: fără html.js elementul e vizibil de la început */
html.js .apare { opacity: 0; transform: translateY(14px); transition: opacity 420ms var(--usor), transform 420ms var(--usor); }
html.js .apare.este-vizibil { opacity: 1; transform: none; }
/* întârzieri scurte (al patrulea element dintr-un rând e vizibil la ~0,57 s, nu la 1,3 s) */
.apare[data-int="1"] { transition-delay: 50ms; } .apare[data-int="2"] { transition-delay: 100ms; }
.apare[data-int="3"] { transition-delay: 150ms; } .apare[data-int="4"] { transition-delay: 200ms; }
.apare[data-int="5"] { transition-delay: 250ms; } .apare[data-int="6"] { transition-delay: 300ms; } .apare[data-int="7"] { transition-delay: 350ms; }

/* ---------- 3. Tipografie ---------- */
.supratitlu {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--f-titlu); font-size: 12.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
  color: var(--auriu-text);
}
.supratitlu::before { content: ""; width: 28px; height: 1px; background: var(--auriu); }
.supratitlu--centru { justify-content: center; }
.supratitlu--centru::after { content: ""; width: 28px; height: 1px; background: var(--auriu); }
.titlu-sectiune { font-size: clamp(30px, 3.4vw, 44px); margin-top: 14px; color: var(--grafit); }
.titlu-sectiune em { font-style: normal; background: var(--grad-aur-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.subtitlu { max-width: 58ch; color: var(--grafit-3); font-size: 17px; margin-top: 14px; }
.cap-sectiune { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--s-4); margin-bottom: var(--s-6); }
.cap-sectiune--centru { flex-direction: column; align-items: center; text-align: center; }
.cap-sectiune > * { min-width: 0; }
/* prețul: cifre Outfit, „lei” mic; formatul este ÎNTOTDEAUNA „320,00 lei” (WooCommerce îl dă implicit) */
.pret { font-family: var(--f-titlu); font-weight: 600; font-size: 21px; letter-spacing: -.01em; color: var(--grafit); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pret small { font-size: .62em; font-weight: 500; color: var(--grafit-3); margin-left: .18em; letter-spacing: 0; }
.pret--mare { font-size: 40px; line-height: 1; }
.pret--mare small { font-size: .45em; }
.pret del { font-size: .7em; font-weight: 500; color: var(--grafit-3); margin-right: .4em; }
.pret ins { text-decoration: none; }
.link-sageata { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; font-family: var(--f-titlu); font-weight: 600; font-size: 14.5px; color: var(--grafit); white-space: nowrap; }
.link-sageata .ic { width: 16px; height: 16px; transition: transform var(--t); }
.link-sageata:hover { color: var(--auriu-text); }
.link-sageata:hover .ic { transform: translateX(4px); }
.link-auriu { color: var(--auriu-text); font-weight: 600; border-bottom: 1px solid currentColor; }
.link-auriu:hover { color: var(--grafit); }

/* ---------- 4. Butoane ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 26px; border-radius: 999px; border: 1px solid transparent;
  font-family: var(--f-titlu); font-weight: 600; font-size: 15px; letter-spacing: .01em; line-height: 1.2;
  position: relative; overflow: hidden; isolation: isolate; white-space: nowrap;
  transition: transform var(--t), box-shadow var(--t), background-color var(--t), border-color var(--t), color var(--t);
}
.btn .ic { width: 18px; height: 18px; transition: transform var(--t); }
.btn:hover .ic--sageata { transform: translateX(4px); }
.btn:active { transform: translateY(0) !important; }
.btn:disabled, .btn[aria-disabled="true"] { opacity: .45; pointer-events: none; }
/* principal: auriu cu lucire la hover */
.btn--aur { background: var(--grad-aur); color: var(--pe-auriu); box-shadow: var(--umbra-aur); }
.btn--aur::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg, transparent 35%, color-mix(in srgb, var(--alb) 45%, transparent) 50%, transparent 65%); transform: translateX(-130%); transition: transform 700ms ease; }
.btn--aur:hover { transform: translateY(-2px); box-shadow: var(--umbra-aur-hover); }
.btn--aur:hover::after { transform: translateX(130%); }
/* secundar: grafit */
.btn--grafit { background: var(--grafit); color: var(--pe-inchis); }
.btn--grafit:hover { transform: translateY(-2px); box-shadow: var(--umbra-2); background: var(--cinema); }
/* contur pe deschis / pe închis */
.btn--contur { background: transparent; border-color: var(--vena); color: var(--grafit); }
.btn--contur:hover { border-color: var(--auriu); color: var(--auriu-text); background: var(--alb); transform: translateY(-2px); }
.btn--contur-inchis { background: color-mix(in srgb, var(--alb) 4%, transparent); border-color: var(--linie-tare); color: var(--pe-inchis); backdrop-filter: blur(6px); }
.btn--contur-inchis:hover { border-color: var(--auriu); background: color-mix(in srgb, var(--auriu) 12%, transparent); transform: translateY(-2px); }
.btn--mic { min-height: 44px; padding: 0 18px; font-size: 14px; }
.btn--mare { min-height: 58px; padding: 0 32px; font-size: 16.5px; }
.btn--lat { width: 100%; }
/* buton-pictogramă rotund (antet, card, galerie) */
.btn-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid transparent; color: var(--grafit); background: transparent; transition: background-color var(--t), border-color var(--t), transform var(--t), color var(--t); }
.btn-icon:hover { background: var(--alb); border-color: var(--vena); transform: translateY(-1px); }
.btn-icon--contur { border-color: var(--vena); background: var(--alb); }
.btn-icon .bulina { position: absolute; top: 3px; right: 3px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--grad-aur); color: var(--pe-auriu); font-family: var(--f-titlu); font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; line-height: 1; }

/* ---------- 5. Etichete și piloni ---------- */
/* culoarea pilonului ca variabilă locală; DOAR pe pictograme, puncte, etichete */
.p-beauty  { --p: var(--beauty); }
.p-casa    { --p: var(--casa); }
.p-familie { --p: var(--familie); }
.p-tech    { --p: var(--tech); }
.punct { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--p, var(--auriu)); flex: none; }
.eticheta {
  display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 10px; border-radius: 999px;
  font-family: var(--f-titlu); font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; line-height: 1; white-space: nowrap;
  background: var(--sticla); color: var(--grafit-2); border: 1px solid var(--linie);
}
.eticheta::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: none; }
.eticheta--stoc { color: var(--verde); }
.eticheta--putin { color: var(--portocaliu); }
.eticheta--putin::before { animation: puls 1.6s ease-in-out infinite; }
.eticheta--epuizat { color: var(--grafit-3); }
.eticheta--pilon { color: var(--p, var(--auriu-text)); }
.eticheta--aur { background: var(--auriu-deschis); color: var(--auriu-text); border-color: transparent; }
.eticheta--plina { background: var(--grafit); color: var(--pe-inchis); border-color: transparent; }
@keyframes puls { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: .55; } }
/* eticheta de pilon + model de pe card: „TECH · HY300PRO” pe UN rând */
/* fără nowrap/ellipsis: pe telefoane înguste sau la modele lungi eticheta se înfășoară, nu se taie tăcut */
.categ { font-family: var(--f-titlu); font-size: 11.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--grafit-3); line-height: 1.5; }
.categ b { color: var(--p, var(--auriu-text)); font-weight: 700; }

/* ---------- 6. Bara de sus ---------- */
.bara-sus { background: var(--grafit); color: var(--pe-inchis-2); font-size: 13px; letter-spacing: .01em; }
.bara-sus .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 38px; }
.bara-sus__lista { display: flex; gap: 26px; }
.bara-sus__lista li { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.bara-sus .ic { width: 15px; height: 15px; color: var(--auriu); }
.bara-sus strong { color: var(--pe-inchis); font-weight: 600; }
.bara-sus__dreapta { display: flex; gap: 20px; white-space: nowrap; }
.bara-sus a { display: inline-flex; align-items: center; min-height: 30px; }
.bara-sus a:hover { color: var(--auriu-deschis); }

/* ---------- 7. Antet ---------- */
.antet {
  position: sticky; top: 0; z-index: 50;
  background: color-mix(in srgb, var(--ivoriu) 86%, transparent); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--linie);
}
.admin-bar .antet { top: 32px; } /* sub bara de admin WordPress */
.antet .container { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--s-4); height: var(--h-antet); }
.sigla { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--grafit); }
.sigla__semn { width: 42px; height: 42px; transition: transform 500ms var(--elastic); }
.sigla:hover .sigla__semn { transform: rotate(-8deg) scale(1.06); }
.sigla__text { display: flex; flex-direction: column; line-height: 1; }
.sigla__beji { font-family: var(--f-titlu); font-weight: 700; font-size: 24px; letter-spacing: .18em; }
.sigla__domeniu { font-size: 10.5px; letter-spacing: .3em; text-transform: lowercase; color: var(--grafit-3); margin-top: 5px; }
.nav { display: flex; justify-content: center; }
.nav__lista { display: flex; gap: 2px; }
.nav__lista a { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; border-radius: 999px; font-family: var(--f-titlu); font-weight: 500; font-size: 15px; color: var(--grafit-2); transition: background-color var(--t), color var(--t); }
.nav__lista a .punct { transition: transform var(--t), box-shadow var(--t); }
.nav__lista a:hover, .nav__lista a.este-activ { background: var(--alb); color: var(--grafit); }
.nav__lista a:hover .punct { transform: scale(1.3); box-shadow: 0 0 0 4px color-mix(in srgb, var(--p, var(--auriu)) 22%, transparent); }
.nav__lista a.nav__toate { color: var(--auriu-text); font-weight: 600; }
.antet__actiuni { display: flex; align-items: center; gap: 6px; }
.cautare { display: flex; align-items: center; gap: 8px; height: 44px; width: 230px; padding: 0 14px 0 16px; border-radius: 999px; border: 1px solid var(--vena); background: var(--alb); color: var(--grafit-3); margin-right: 6px; transition: border-color var(--t), box-shadow var(--t), width var(--t-lung); }
.cautare:focus-within { border-color: var(--auriu); box-shadow: var(--halo-focus); width: 270px; }
.cautare input { border: 0; outline: 0; background: transparent; font-size: 14px; color: var(--grafit); width: 100%; min-width: 0; }
.cautare input::placeholder { color: var(--grafit-3); }
.antet__meniu-btn { display: none; }
/* meniul mobil (panou glisant); se deschide cu body.meniu-deschis */
.meniu-mobil { position: fixed; inset: 0; z-index: 70; display: none; }
body.meniu-deschis .meniu-mobil { display: block; }
.meniu-mobil__val { position: absolute; inset: 0; background: color-mix(in srgb, var(--grafit) 50%, transparent); }
.meniu-mobil__panou { position: absolute; top: 0; right: 0; bottom: 0; width: min(360px, 88%); background: var(--ivoriu); padding: 20px 20px 32px; overflow-y: auto; box-shadow: var(--umbra-2); display: flex; flex-direction: column; gap: 8px; animation: glisare 320ms var(--usor); }
@keyframes glisare { from { transform: translateX(30px); opacity: 0; } to { transform: none; opacity: 1; } }
.meniu-mobil__cap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.meniu-mobil a { display: flex; align-items: center; gap: 12px; padding: 14px 12px; border-radius: var(--raza-s); font-family: var(--f-titlu); font-size: 17px; font-weight: 500; }
.meniu-mobil a:hover { background: var(--alb); }
.meniu-mobil__sep { height: 1px; background: var(--linie); margin: 12px 0; }
.meniu-mobil .cautare { display: flex; width: 100%; margin: 0 0 8px; }

/* ---------- 8. Erou și vitrină ---------- */
.erou { position: relative; overflow: hidden; padding: var(--s-7) 0 var(--s-8); isolation: isolate; }
.erou::before { content: ""; position: absolute; inset: 0; background: var(--vene); background-size: 900px; opacity: .32; pointer-events: none; z-index: -1; }
.erou::after { content: ""; position: absolute; inset: 0; background: radial-gradient(55% 60% at 80% 25%, color-mix(in srgb, var(--alb) 85%, transparent), transparent 70%); pointer-events: none; z-index: -1; }
.erou__grila { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: var(--s-6); align-items: center; }
.erou__eticheta { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 10px; border-radius: 999px; border: 1px solid var(--linie-tare); background: var(--sticla-moale); font-family: var(--f-titlu); font-size: 13px; font-weight: 600; color: var(--auriu-text); letter-spacing: .02em; }
.erou__eticheta .punct { background: var(--auriu); box-shadow: 0 0 0 4px color-mix(in srgb, var(--auriu) 20%, transparent); animation: puls-punct 2.4s ease-in-out infinite; }
@keyframes puls-punct { 0%,100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--auriu) 20%, transparent); } 50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--auriu) 6%, transparent); } }
.erou h1 { font-size: clamp(40px, 5vw, 68px); font-weight: 600; letter-spacing: -.025em; line-height: 1.02; margin-top: 22px; }
.erou h1 em { font-style: normal; background: var(--grad-aur-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.erou__text { font-size: 18px; color: var(--grafit-2); max-width: 52ch; margin-top: 22px; }
.erou__butoane { display: flex; gap: 14px; margin-top: 32px; flex-wrap: wrap; }
/* cele trei dovezi: concrete, verificabile (stoc, livrare, plată) */
.dovezi { display: flex; gap: 10px 28px; margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--linie-tare); flex-wrap: wrap; }
.dovezi li { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: var(--grafit-2); }
.dovezi .ic { width: 18px; height: 18px; color: var(--auriu-text); }
.dovezi strong { color: var(--grafit); font-weight: 700; }
/* vitrina: planșa cinematică BEJI în ramă, cu cipuri de sticlă (din B) și cardul produsului-vedetă */
.vitrina { position: relative; width: 100%; }
.vitrina__rama { position: relative; aspect-ratio: 1 / 1; border-radius: var(--raza-xl); overflow: hidden; background: var(--cinema); border: 1px solid var(--linie-tare); box-shadow: var(--umbra-cinema), var(--umbra-aur); animation: plutire 7s ease-in-out infinite; }
.vitrina__rama img { position: absolute; width: 176%; max-width: none; height: auto; right: -2%; top: -6%; }
.vitrina__rama::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, color-mix(in srgb, var(--cinema) 78%, transparent) 100%), linear-gradient(90deg, color-mix(in srgb, var(--cinema) 50%, transparent) 0%, transparent 35%); pointer-events: none; }
.vitrina__colt { position: absolute; width: 22px; height: 22px; border: 1.5px solid var(--auriu); pointer-events: none; }
.vitrina__colt--ss { top: -10px; left: -10px; border-right: 0; border-bottom: 0; border-top-left-radius: 8px; }
.vitrina__colt--jd { bottom: -10px; right: -10px; border-left: 0; border-top: 0; border-bottom-right-radius: 8px; }
.cip { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--auriu-deschis) 35%, transparent); background: var(--sticla-inchis); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: var(--umbra-cip); color: var(--pe-inchis); font-size: 12.5px; font-weight: 600; line-height: 1.25; }
.cip .ic { width: 18px; height: 18px; color: var(--auriu-deschis); }
.cip strong { font-family: var(--f-titlu); font-size: 15px; color: var(--auriu-deschis); display: block; }
.cip--1 { top: 22px; right: -18px; animation: plutire 6s ease-in-out infinite .6s; }
.cip--2 { top: 42%; left: -22px; animation: plutire 8s ease-in-out infinite 1.2s; }
.vitrina__produs { position: absolute; left: 22px; right: 22px; bottom: 22px; z-index: 2; display: flex; align-items: center; gap: 14px; padding: 12px 16px 12px 12px; border-radius: 18px; border: 1px solid color-mix(in srgb, var(--auriu-deschis) 30%, transparent); background: var(--sticla-inchis); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: var(--pe-inchis); transition: border-color var(--t), transform var(--t); }
.vitrina__produs:hover { border-color: var(--auriu); transform: translateY(-2px); }
.vitrina__mini { width: 56px; height: 56px; border-radius: 12px; overflow: hidden; background: var(--alb); flex: none; }
.vitrina__mini img { width: 100%; height: 100%; object-fit: cover; }
.vitrina__nume { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--pe-inchis-2); display: block; }
.vitrina__titlu { font-family: var(--f-titlu); font-weight: 600; font-size: 15px; margin-top: 3px; display: block; }
.vitrina__produs .pret { margin-left: auto; color: var(--auriu-deschis); font-size: 20px; }
.vitrina__produs .pret small { color: var(--pe-inchis-2); }
.vitrina__produs .ic { color: var(--auriu-deschis); }
@keyframes plutire { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* ---------- 9. Secțiuni ---------- */
.sectiune { padding: var(--s-8) 0; }
.sectiune--strans { padding-top: 0; }
.sectiune--alb { background: var(--grad-ivoriu); border-top: 1px solid var(--linie); border-bottom: 1px solid var(--linie); }
.sectiune--inchis { background: var(--cinema); color: var(--pe-inchis); }
.sectiune--inchis .supratitlu { color: var(--auriu); }
.sectiune--inchis .titlu-sectiune { color: var(--pe-inchis); }
.sectiune--inchis .subtitlu { color: var(--pe-inchis-2); }

/* ---------- 10. Piloni ---------- */
.piloni { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-3); }
.pilon { position: relative; display: flex; flex-direction: column; gap: 16px; padding: 28px 26px 26px; min-height: 250px; background: var(--alb); border: 1px solid var(--linie); border-radius: var(--raza); box-shadow: var(--umbra-1); overflow: hidden; isolation: isolate; transition: transform var(--t), box-shadow var(--t), border-color var(--t); }
.pilon::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: var(--grad-aur); transform: scaleX(0); transform-origin: left; transition: transform var(--t-lung); }
/* haloul din colț e AURIU (nu în culoarea pilonului): culorile pilonilor rămân doar pe pictogramă, contor și etichete */
.pilon::after { content: ""; position: absolute; right: -90px; bottom: -110px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--auriu) 14%, transparent), transparent 62%); z-index: -1; transition: transform 700ms var(--usor); }
.pilon:hover { transform: translateY(-6px); box-shadow: var(--umbra-2); border-color: var(--linie-tare); }
.pilon:hover::before { transform: scaleX(1); }
.pilon:hover::after { transform: scale(1.35); }
.pilon__pict { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; background: var(--grad-piedestal); border: 1px solid var(--linie); color: var(--p); transition: transform 500ms var(--elastic); }
.pilon__pict .ic { width: 26px; height: 26px; }
.pilon:hover .pilon__pict { transform: rotate(-8deg) scale(1.08); }
.pilon__numar { position: absolute; top: 24px; right: 24px; font-family: var(--f-titlu); font-size: 12.5px; font-weight: 600; letter-spacing: .14em; color: var(--p); }
.pilon h3 { font-size: 24px; }
.pilon p { color: var(--grafit-3); font-size: 15px; flex: 1; }
.pilon__leg { display: inline-flex; align-items: center; gap: 8px; font-family: var(--f-titlu); font-weight: 600; font-size: 14px; color: var(--grafit); }
.pilon__leg .ic { width: 16px; height: 16px; transition: transform var(--t); }
.pilon:hover .pilon__leg .ic { transform: translateX(4px); }

/* ---------- 11. Filtre pe piloni (deasupra grilei) ---------- */
/* în temă: linkuri către categoriile WooCommerce; în machetă: butoane cu data-filtru */
.filtre { display: flex; gap: 8px; flex-wrap: wrap; }
.filtre__buton { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--vena); background: var(--alb); font-family: var(--f-titlu); font-weight: 500; font-size: 14px; color: var(--grafit-2); white-space: nowrap; transition: border-color var(--t), color var(--t), background-color var(--t), transform var(--t); }
.filtre__buton .nr { font-size: 12px; color: var(--grafit-3); }
.filtre__buton:hover { border-color: var(--auriu); color: var(--grafit); transform: translateY(-1px); }
.filtre__buton.este-activ { background: var(--grafit); border-color: var(--grafit); color: var(--pe-inchis); }
.filtre__buton.este-activ .nr { color: var(--pe-inchis-2); }

/* ---------- 12. Cardul de produs ---------- */
/* Woo: li.product > .card ; content-product.php redă exact acest marcaj */
.grila-produse { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-3); }
.card { position: relative; display: flex; flex-direction: column; background: var(--alb); border-radius: var(--raza); border: 1px solid var(--linie); box-shadow: var(--umbra-1); overflow: hidden; transition: transform var(--t), box-shadow var(--t), border-color var(--t); }
.card:hover { transform: translateY(-8px); box-shadow: var(--umbra-2); border-color: var(--linie-tare); }
.card__media { position: relative; aspect-ratio: 1 / 1; background: var(--grad-piedestal); overflow: hidden; isolation: isolate; }
.card__media::before { content: ""; position: absolute; inset: 0; background: var(--vene); background-size: 600px; opacity: .4; z-index: -1; }
.card__media img { position: absolute; inset: 6% 8% 13%; width: 84%; height: 81%; object-fit: contain; mix-blend-mode: multiply; transition: transform 600ms var(--usor); }
.card:hover .card__media img { transform: translateY(-6px) scale(1.04); }
/* plinta eliptică de marmură (din A) — fotografiile eterogene stau pe același fundal */
.card__plinta { position: absolute; left: 10%; right: 10%; bottom: 7%; height: 9%; border-radius: 999px; background: linear-gradient(180deg, var(--marmura), var(--vena)); box-shadow: var(--umbra-plinta); z-index: -1; }
.card__plinta::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--vene); background-size: 300px; opacity: .7; }
/* modificator pentru fotografiile care NU sunt pe alb pur (HY300PRO): planșa e DECUPATĂ prin CSS la banda 32–95 % din înălțime
   (proiectorul și ecranele, fără rândurile de cipuri „720P / 4K / Android 11” coapte în imagine), fără multiply, fără plintă.
   În temă: aceeași regulă pe <img> din content-product.php când meta „fotografie_plansa” = da. */
.card__media--plansa img { position: absolute; inset: auto; top: -52%; left: 0; width: 100%; height: 160%; object-fit: cover; object-position: 50% 50%; mix-blend-mode: normal; }
.card:hover .card__media--plansa img { transform: scale(1.04); }
.card__media--plansa .card__plinta { display: none; }
/* pe planșă eticheta de stoc stă jos-stânga (pe soclul alb), nu peste ecranele din fundal (specificitate peste .card__media .eticheta) */
.card__media.card__media--plansa .eticheta { top: auto; bottom: 14px; }
.card__media .eticheta { position: absolute; top: 14px; left: 14px; z-index: 2; max-width: calc(100% - 28px); }
.card__favorit { position: absolute; top: 12px; right: 12px; z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--linie); background: var(--sticla); display: grid; place-items: center; color: var(--grafit-2); opacity: 0; transform: translateY(-6px); transition: opacity var(--t), transform var(--t), color var(--t); }
.card:hover .card__favorit { opacity: 1; transform: none; }
.card__favorit:hover { color: var(--rosu); }
.card__favorit .ic { width: 17px; height: 17px; }
.card__corp { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
/* titlul: ÎNTREG, 2–3 rânduri libere, cu înălțime minimă ca rândul de preț să stea aliniat în grilă */
.card__titlu { font-family: var(--f-corp); font-size: 15.5px; font-weight: 600; line-height: 1.4; color: var(--grafit); letter-spacing: 0; }
/* legătura e bloc de minimum 44 px (ținta tactilă); ::after întinde ținta pe tot cardul */
.card__titlu a { display: block; min-height: 44px; }
.card__titlu a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.card__jos { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 8px; gap: 8px; }
/* butonul cardului e PICTOGRAMĂ DE COȘ (nu „+”); în Woo: a.add_to_cart_button.card__cos */
.card__cos { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--linie-tare); background: var(--alb); color: var(--grafit); flex: none; transition: background var(--t), color var(--t), transform 400ms var(--elastic), box-shadow var(--t), border-color var(--t); }
.card__cos .ic { width: 18px; height: 18px; }
.card:hover .card__cos { background: var(--grad-aur); color: var(--pe-auriu); border-color: transparent; box-shadow: var(--umbra-aur); }
.card__cos:hover { transform: scale(1.1) rotate(-6deg); }
.card__cos.este-adaugat { background: var(--verde); color: var(--alb); border-color: transparent; }
.card--epuizat .card__media img { filter: grayscale(.5); opacity: .7; }
.card--epuizat .card__cos { pointer-events: none; opacity: .4; }
.card--epuizat .pret { color: var(--grafit-3); }

/* ---------- 13. Vedeta (secțiunea cinematică) ---------- */
.vedeta { position: relative; background: var(--cinema); color: var(--pe-inchis); overflow: hidden; }
.vedeta__fundal { position: absolute; inset: 0; }
/* planșa e înaltă cât 200 % din fundal și urcată cu 58 %: în ramă rămâne exact banda celor patru scene (29–79 % din imagine),
   deci textul copt din planșă nu intră niciodată în secțiune, la nicio lățime */
.vedeta__fundal { overflow: hidden; }
.vedeta__fundal img { position: absolute; top: -58%; left: 0; width: 100%; height: 200%; object-fit: cover; object-position: 30% 50%; opacity: .95; }
.vedeta__fundal::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, var(--cinema) 0%, color-mix(in srgb, var(--cinema) 85%, transparent) 16%, transparent 40%), linear-gradient(90deg, var(--cinema) 0%, var(--cinema) 40%, color-mix(in srgb, var(--cinema) 60%, transparent) 56%, color-mix(in srgb, var(--cinema) 10%, transparent) 78%, color-mix(in srgb, var(--cinema) 5%, transparent) 100%); }
.vedeta__grila { position: relative; z-index: 1; min-height: 620px; display: grid; grid-template-columns: minmax(0, 600px) minmax(0, 1fr); align-items: center; padding-top: var(--s-8); padding-bottom: var(--s-8); }
.vedeta .supratitlu { color: var(--auriu); }
.vedeta h2 { font-size: clamp(34px, 4vw, 54px); margin-top: 14px; color: var(--alb); }
.vedeta h2 em { font-style: normal; background: var(--grad-aur-text-inchis); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vedeta__text { margin-top: 18px; color: var(--pe-inchis-2); font-size: 17px; max-width: 48ch; }
/* cipurile de sticlă cu argumente reale */
.cipuri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.cip-static { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--auriu-deschis) 30%, transparent); background: var(--grad-sticla); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background var(--t), transform var(--t), border-color var(--t); }
.cip-static:hover { background: color-mix(in srgb, var(--auriu) 14%, transparent); border-color: var(--auriu); transform: translateY(-3px); }
.cip-static .ic { width: 20px; height: 20px; color: var(--auriu-deschis); }
.cip-static b { display: block; font-family: var(--f-titlu); font-size: 17px; font-weight: 600; color: var(--auriu-deschis); line-height: 1.1; }
.cip-static span { font-size: 11.5px; color: var(--pe-inchis-2); letter-spacing: .04em; text-transform: uppercase; }
.vedeta__cta { display: flex; gap: 14px 22px; align-items: center; margin-top: 30px; flex-wrap: wrap; }
.vedeta__cta .pret { color: var(--alb); font-size: 32px; }
.vedeta__cta .pret small { color: var(--pe-inchis-2); }
.vedeta__stoc { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 13.5px; font-weight: 600; color: var(--auriu-deschis); }
.vedeta__stoc::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--auriu-deschis); box-shadow: 0 0 0 4px color-mix(in srgb, var(--auriu-deschis) 20%, transparent); animation: puls 1.8s infinite; }

/* ---------- 14. „Fără surprize după comandă” + „Drepturile tale” (informare neutră) ---------- */
.conditii { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); }
.conditie { padding: 28px; border-radius: var(--raza); background: var(--alb); border: 1px solid var(--linie); box-shadow: var(--umbra-1); transition: transform var(--t), box-shadow var(--t), border-color var(--t); }
.conditie:hover { transform: translateY(-4px); box-shadow: var(--umbra-2); border-color: var(--linie-tare); }
.conditie__pict { width: 50px; height: 50px; border-radius: 14px; display: grid; place-items: center; background: var(--grafit); color: var(--auriu-deschis); margin-bottom: 18px; box-shadow: var(--umbra-pict); }
.conditie__pict .ic { width: 24px; height: 24px; }
.conditie h3 { font-size: 19px; }
.conditie p { color: var(--grafit-3); font-size: 14.5px; margin-top: 8px; }
.conditie ul { margin-top: 14px; display: grid; gap: 8px; }
.conditie li { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; padding: 10px 12px; border-radius: var(--raza-xs); background: var(--ivoriu-2); border: 1px solid var(--linie); color: var(--grafit-2); }
.conditie li b { font-family: var(--f-titlu); font-weight: 600; color: var(--grafit); text-align: right; }
.conditie__nota { margin-top: 14px; font-size: 12.5px; color: var(--grafit-3); }
/* drepturile tale: o bandă de informare, NU un bloc de avantaje */
.drepturi { position: relative; margin-top: var(--s-5); border: 1px solid var(--linie); border-radius: var(--raza-l); background: var(--alb); overflow: hidden; isolation: isolate; display: grid; grid-template-columns: 1.1fr 1fr 1fr 1fr; }
.drepturi::before { content: ""; position: absolute; inset: 0; background: var(--vene); background-size: 800px; opacity: .26; pointer-events: none; z-index: -1; }
.drepturi__cap { padding: 30px 28px; border-right: 1px solid var(--linie); background: var(--sticla-moale); }
.drepturi__cap h3 { font-size: 22px; margin-top: 10px; }
.drepturi__cap p { color: var(--grafit-3); font-size: 14px; margin-top: 10px; }
.drept { padding: 30px 26px; border-right: 1px solid var(--linie); display: flex; flex-direction: column; gap: 10px; }
.drept:last-child { border-right: 0; }
.drept .ic { width: 24px; height: 24px; color: var(--auriu-text); }
.drept h4 { font-size: 16px; font-weight: 600; }
.drept p { font-size: 14px; color: var(--grafit-3); }
.drept a { font-weight: 600; color: var(--grafit); border-bottom: 1px solid var(--auriu); align-self: flex-start; }
.drept a:hover { color: var(--auriu-text); }

/* ---------- 15. Subsol ---------- */
.subsol { position: relative; background: var(--grafit); color: var(--pe-inchis-2); padding: var(--s-8) 0 var(--s-4); font-size: 14.5px; }
.subsol::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--auriu), transparent); }
.subsol__sus { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.15fr; gap: var(--s-6); }
.subsol h4 { font-size: 12.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--auriu); margin-bottom: 18px; }
.subsol li { margin-bottom: 4px; }
.subsol li a { display: inline-flex; align-items: flex-start; gap: 8px; padding: 3px 0; transition: color var(--t); }
.subsol li a .punct { margin-top: 8px; }
.subsol li a:hover { color: var(--alb); }
.subsol .sigla { color: var(--alb); }
.subsol .sigla__domeniu { color: var(--pe-inchis-2); }
.subsol__despre { margin-top: 18px; max-width: 42ch; }
.subsol__contact { margin-top: 20px; display: grid; gap: 8px; }
.subsol__contact li { display: flex; gap: 10px; align-items: flex-start; margin: 0; }
.subsol__contact .ic { width: 18px; height: 18px; color: var(--auriu); margin-top: 3px; }
.subsol__contact a { color: var(--pe-inchis); }
.subsol__conformitate { margin-top: var(--s-6); padding-top: var(--s-4); border-top: 1px solid var(--linie-inchis); display: flex; justify-content: space-between; align-items: center; gap: var(--s-4); flex-wrap: wrap; }
.sigilii { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.sigiliu { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 8px 14px; border-radius: var(--raza-s); border: 1px solid var(--linie-tare); background: color-mix(in srgb, var(--alb) 3%, transparent); font-size: 13px; line-height: 1.25; color: var(--pe-inchis); transition: background var(--t), border-color var(--t); }
.sigiliu:hover { background: color-mix(in srgb, var(--auriu) 12%, transparent); border-color: var(--auriu); }
.sigiliu .ic { width: 18px; height: 18px; color: var(--auriu); }
.sigiliu b { display: block; font-family: var(--f-titlu); font-weight: 600; letter-spacing: .04em; }
.sigiliu small { font-size: 11.5px; color: var(--pe-inchis-2); }
.sigiliu--sal { padding: 6px 10px; background: var(--alb); }
.sigiliu--sal img { height: 34px; width: auto; }
.plati { display: flex; gap: 8px; flex-wrap: wrap; }
.plati span { padding: 7px 11px; border-radius: var(--raza-xs); border: 1px solid var(--linie-tare); font-family: var(--f-titlu); font-size: 12px; font-weight: 600; letter-spacing: .06em; color: var(--pe-inchis); }
.subsol__jos { margin-top: var(--s-4); padding-top: var(--s-3); border-top: 1px solid var(--linie-inchis); display: flex; justify-content: space-between; gap: 12px 24px; font-size: 13px; color: var(--pe-inchis-2); flex-wrap: wrap; }
.subsol__jos b { color: var(--pe-inchis); font-weight: 600; }
.subsol__jos a:hover { color: var(--alb); }

/* ---------- 16. Pagina de produs ---------- */
/* firimituri: woocommerce_breadcrumb cu wrap .firimituri */
.firimituri { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 20px 0 0; font-size: 13.5px; color: var(--grafit-3); }
.firimituri a { display: inline-flex; align-items: center; min-height: 30px; }
.firimituri a:hover { color: var(--auriu-text); }
.firimituri .ic { width: 14px; height: 14px; color: var(--vena); }
.firimituri .este-curent { color: var(--grafit); font-weight: 600; }
/* single-product.php: .produs = grilă galerie | info */
.produs { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--s-7); padding: var(--s-4) 0 var(--s-8); align-items: start; }
.galerie { position: sticky; top: calc(var(--h-antet) + 20px); display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; }
.galerie__miniaturi { display: flex; flex-direction: column; gap: 10px; }
.galerie__miniaturi button { aspect-ratio: 1; border-radius: var(--raza-s); border: 1px solid var(--linie); background: var(--alb); overflow: hidden; padding: 6px; transition: border-color var(--t), transform var(--t), box-shadow var(--t); }
.galerie__miniaturi img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.galerie__miniaturi button:hover { transform: translateX(3px); border-color: var(--auriu); }
.galerie__miniaturi button.este-activ { border-color: var(--auriu-text); box-shadow: var(--halo-focus); }
.galerie__principal { position: relative; aspect-ratio: 1; border-radius: var(--raza-l); background: var(--grad-piedestal); border: 1px solid var(--linie); overflow: hidden; box-shadow: var(--umbra-1); isolation: isolate; }
.galerie__principal::before { content: ""; position: absolute; inset: 0; background: var(--vene); background-size: 800px; opacity: .4; z-index: -1; }
.galerie__principal img { position: absolute; inset: 5%; width: 90%; height: 90%; object-fit: contain; mix-blend-mode: multiply; transition: opacity 200ms, transform 600ms var(--usor); }
.galerie__principal--plansa img { position: static; inset: auto; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: normal; }
.galerie__principal .eticheta { position: absolute; top: 16px; left: 16px; z-index: 2; }
.galerie__lupa { position: absolute; right: 16px; bottom: 16px; z-index: 2; width: 44px; height: 44px; border-radius: 50%; background: var(--sticla); border: 1px solid var(--linie); display: grid; place-items: center; color: var(--grafit-2); }
.galerie__lupa .ic { width: 18px; height: 18px; }
.info h1 { font-size: clamp(30px, 3.2vw, 42px); font-weight: 600; letter-spacing: -.02em; margin-top: 12px; }
.info__rezumat { font-size: 17px; color: var(--grafit-2); margin-top: 14px; }
.info__meta { display: flex; gap: 6px 18px; flex-wrap: wrap; margin-top: 14px; font-size: 13px; color: var(--grafit-3); }
.info__meta b { color: var(--grafit-2); font-weight: 600; }
/* cutia de cumpărare: preț + notă neutră + stoc + cantitate + buton; în Woo: form.cart */
.cumparare { margin-top: 24px; padding: 24px; border-radius: var(--raza); background: var(--alb); border: 1px solid var(--linie); box-shadow: var(--umbra-1); }
.cumparare__pret { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.cumparare__nota { font-size: 12.5px; color: var(--grafit-3); padding-bottom: 4px; }  /* „Preț în lei; livrarea se calculează la finalizare” */
.cumparare__stoc { display: flex; align-items: center; gap: 12px; margin-top: 14px; font-size: 14px; color: var(--grafit-2); }
.cumparare__stoc .eticheta { height: 24px; }
.bara-stoc { flex: 1; max-width: 160px; height: 6px; border-radius: 3px; background: var(--marmura); overflow: hidden; }
.bara-stoc i { display: block; height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--portocaliu), var(--auriu)); }
/* nivelul barei de stoc vine dintr-o clasă (în temă: din stock_quantity), nu dintr-un stil inline */
.bara-stoc--putin i { width: 20%; } .bara-stoc--mediu i { width: 55%; } .bara-stoc--plin i { width: 100%; }
.cumpara { display: flex; gap: 12px; margin-top: 18px; }
.cantitate { display: inline-flex; align-items: center; height: 54px; border-radius: 999px; border: 1px solid var(--vena); background: var(--alb); overflow: hidden; }
.cantitate button { width: 46px; height: 100%; color: var(--grafit-2); display: grid; place-items: center; transition: background var(--t); }
.cantitate button:hover { background: var(--ivoriu); }
.cantitate input { width: 44px; height: 100%; text-align: center; border: 0; outline: 0; background: none; font-family: var(--f-titlu); font-weight: 600; -moz-appearance: textfield; }
.cantitate input::-webkit-outer-spin-button, .cantitate input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.cumpara .btn { flex: 1; min-height: 54px; font-size: 16px; }
.cumpara .btn-icon { width: 54px; height: 54px; }
.plati-rapide { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; align-items: center; font-size: 12.5px; color: var(--grafit-3); }
.plati-rapide span { display: inline-flex; align-items: center; gap: 5px; padding: 7px 11px; border-radius: var(--raza-xs); background: var(--ivoriu-2); border: 1px solid var(--linie); font-family: var(--f-titlu); font-size: 12px; font-weight: 600; letter-spacing: .04em; color: var(--grafit-2); }
.plati-rapide span .ic { width: 14px; height: 14px; }
/* „Caracteristici principale”: 6 celule etichetă + valoare, generate din atributele Woo */
.caracteristici { margin-top: 28px; }
.caracteristici h3 { font-size: 18px; margin-bottom: 12px; }
.spec-grila { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.spec-grila li { border-radius: var(--raza-s); padding: 14px 16px; background: var(--alb); border: 1px solid var(--linie); }
.spec-grila span { display: block; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--grafit-3); font-weight: 600; }
.spec-grila b { display: block; font-family: var(--f-titlu); font-size: 17px; font-weight: 600; color: var(--grafit); margin-top: 4px; }
/* acordeoane native <details> (livrare / retragere / garanție) — merg și fără JS; primul [open] */
.acordeoane { margin-top: 24px; border: 1px solid var(--linie); border-radius: var(--raza); background: var(--alb); overflow: hidden; }
.acordeon { border-bottom: 1px solid var(--linie); }
.acordeon:last-child { border-bottom: 0; }
.acordeon summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 18px 20px; font-family: var(--f-titlu); font-weight: 600; font-size: 15.5px; color: var(--grafit); transition: background var(--t); }
.acordeon summary::-webkit-details-marker { display: none; }
.acordeon summary:hover { background: var(--ivoriu-2); }
.acordeon summary .ic { color: var(--auriu-text); }
.acordeon summary .acordeon__chev { margin-left: auto; color: var(--grafit-3); transition: transform var(--t); }
.acordeon[open] summary .acordeon__chev { transform: rotate(180deg); }
.acordeon__continut { padding: 0 20px 20px 52px; color: var(--grafit-2); font-size: 14.5px; }
.acordeon__continut p + p { margin-top: 8px; }
.acordeon__continut a { color: var(--grafit); text-decoration: underline; text-underline-offset: 3px; }
.acordeon__continut ul { display: grid; gap: 6px; margin-top: 8px; }
.acordeon__continut li { display: flex; justify-content: space-between; gap: 12px; }
.acordeon__continut li b { font-family: var(--f-titlu); font-weight: 600; }
/* descrierea lungă: proză + planșe + tabel de specificații */
.descriere { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: var(--s-7); align-items: start; }
.proza h2 { font-size: 30px; margin-bottom: 14px; }
.proza h3 { font-size: 22px; margin: 28px 0 10px; }
.proza h3:first-child { margin-top: 0; }
.proza p { color: var(--grafit-2); margin-bottom: 12px; }
.proza ul { margin: 10px 0 14px; display: grid; gap: 8px; }
.proza li { display: flex; gap: 10px; align-items: flex-start; color: var(--grafit-2); }
.proza li::before { content: ""; flex: none; width: 18px; height: 18px; margin-top: 3px; border-radius: 50%; background: var(--auriu-deschis); }
.planse { display: grid; gap: 16px; margin: 20px 0 28px; }
.planse figure { margin: 0; border-radius: var(--raza); overflow: hidden; box-shadow: var(--umbra-2); border: 1px solid var(--linie-tare); background: var(--cinema); }
.planse figcaption { padding: 10px 16px; font-size: 13px; color: var(--grafit-3); background: var(--alb); }
.tabel-specs { width: 100%; border-collapse: collapse; font-size: 14.5px; margin-top: 8px; }
.tabel-specs th, .tabel-specs td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--linie); vertical-align: top; }
.tabel-specs th { width: 42%; font-family: var(--f-titlu); font-weight: 600; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--grafit-3); }
.lateral { position: sticky; top: calc(var(--h-antet) + 20px); display: grid; gap: 16px; }
.panou { padding: 24px; border-radius: var(--raza); background: var(--alb); border: 1px solid var(--linie); box-shadow: var(--umbra-1); }
.panou h3 { font-size: 17px; display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.panou h3 .ic { color: var(--auriu-text); }
.panou p, .panou li { font-size: 14px; color: var(--grafit-2); }
.panou li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px dashed var(--linie-tare); }
.panou li:last-child { border-bottom: 0; }
.panou li b { font-family: var(--f-titlu); font-weight: 600; white-space: nowrap; }
.panou__nota { margin-top: 12px; }
.panou--inchis { background: var(--grafit); color: var(--pe-inchis); border-color: transparent; }
.panou--inchis h3 { color: var(--alb); }
.panou--inchis li, .panou--inchis p { color: var(--pe-inchis-2); border-color: var(--linie-inchis); }
.panou--inchis .ic { color: var(--auriu); }
.pachet { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.pachet li { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border-radius: 999px; background: var(--alb); border: 1px solid var(--linie); font-size: 14px; color: var(--grafit-2); }
.pachet li .ic { width: 16px; height: 16px; color: var(--auriu-text); }
/* bara fixă „Adaugă în coș” pe mobil — apare DOAR sub 900 px și doar cu body.cu-bara (single-product).
   Butonul ei folosește atributul form="formular-cumparare" ca să trimită formularul real, nu dublează cererea.
   Coexistă cu bannerul de cookie-uri: bannerul setează --inaltime-cookie pe :root și bara urcă deasupra lui. */
.bara-cumpara { display: none; }

/* ---------- 17. Formulare și notificări ---------- */
.formular { display: grid; gap: 16px; }
.formular__rand { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.camp { display: grid; gap: 6px; }
.camp label { font-family: var(--f-titlu); font-weight: 500; font-size: 14px; color: var(--grafit-2); }
.camp label .obligatoriu { color: var(--rosu); }
.camp input, .camp select, .camp textarea, .camp .intrare { width: 100%; min-height: 50px; padding: 12px 16px; border-radius: var(--raza-s); border: 1px solid var(--vena); background: var(--alb); color: var(--grafit); font-size: 15px; outline: 0; transition: border-color var(--t), box-shadow var(--t); }
.camp textarea { min-height: 120px; resize: vertical; }
.camp input:focus, .camp select:focus, .camp textarea:focus { border-color: var(--auriu); box-shadow: var(--halo-focus); }
.camp input::placeholder, .camp textarea::placeholder { color: var(--grafit-3); }
.camp--eroare input, .camp--eroare select, .camp--eroare textarea { border-color: var(--rosu); }
.camp__ajutor { font-size: 12.5px; color: var(--grafit-3); }
.camp__eroare { font-size: 12.5px; color: var(--rosu); }
.bifa { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; color: var(--grafit-2); cursor: pointer; }
.bifa input { appearance: none; -webkit-appearance: none; flex: none; width: 20px; height: 20px; margin-top: 2px; border-radius: 6px; border: 1px solid var(--vena); background: var(--alb); display: grid; place-items: center; transition: background var(--t), border-color var(--t); }
.bifa input::before { content: ""; width: 10px; height: 6px; border-left: 2px solid var(--pe-auriu); border-bottom: 2px solid var(--pe-auriu); transform: rotate(-45deg) scale(0); transition: transform var(--t); margin-top: -2px; }
.bifa input:checked { background: var(--grad-aur); border-color: transparent; }
.bifa input:checked::before { transform: rotate(-45deg) scale(1); }
.bifa--rotund input, .bifa--rotund input::before { border-radius: 50%; }
.bifa--rotund input::before { border: 0; width: 8px; height: 8px; background: var(--pe-auriu); margin: 0; transform: scale(0); }
.bifa--rotund input:checked::before { transform: scale(1); }
/* notificări: Woo .woocommerce-message/-info/-error primesc aceste clase prin filtru */
.nota { display: flex; align-items: flex-start; gap: 12px; padding: 14px 18px; border-radius: var(--raza-s); border: 1px solid var(--linie); background: var(--alb); font-size: 14.5px; color: var(--grafit-2); }
.nota .ic { flex: none; margin-top: 2px; color: var(--auriu-text); }
.nota--succes { background: var(--verde-fundal); border-color: transparent; color: var(--verde); }
.nota--succes .ic { color: var(--verde); }
.nota--avert { background: var(--portocaliu-fundal); border-color: transparent; color: var(--portocaliu); }
.nota--avert .ic { color: var(--portocaliu); }
.nota--eroare { background: var(--rosu-fundal); border-color: transparent; color: var(--rosu); }
.nota--eroare .ic { color: var(--rosu); }
.nota .btn { margin-left: auto; }

/* ---------- 18. Coș și finalizare ---------- */
/* cart.php: .cos = grilă listă | totaluri ; fiecare rând .cos-rand ; totalurile .cos-totaluri (lipicios pe desktop) */
.titlu-pagina { font-size: clamp(30px, 3.4vw, 44px); margin-top: 10px; }
.cos { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: var(--s-6); align-items: start; padding: var(--s-4) 0 var(--s-8); }
.cos-lista { display: grid; gap: 12px; }
.cos-rand { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto auto auto; gap: 18px; align-items: center; padding: 16px; border-radius: var(--raza); background: var(--alb); border: 1px solid var(--linie); transition: border-color var(--t), box-shadow var(--t); }
.cos-rand:hover { border-color: var(--linie-tare); box-shadow: var(--umbra-1); }
.cos-rand__media { width: 96px; aspect-ratio: 1; border-radius: var(--raza-s); background: var(--grad-piedestal); border: 1px solid var(--linie); overflow: hidden; display: grid; place-items: center; }
.cos-rand__media img { width: 84%; height: 84%; object-fit: contain; mix-blend-mode: multiply; }
.cos-rand__titlu { font-family: var(--f-corp); font-weight: 600; font-size: 15.5px; line-height: 1.4; }
.cos-rand__titlu a { display: inline-block; padding: 3px 0; }
.cos-rand__titlu a:hover { color: var(--auriu-text); }
.cos-rand__meta { font-size: 12.5px; color: var(--grafit-3); margin-top: 4px; }
.cos-rand .cantitate { height: 46px; }
.cos-rand .cantitate button { width: 44px; }
.cos-rand .cantitate input { width: 40px; }
.cos-rand__sterge { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: var(--grafit-3); transition: background var(--t), color var(--t); }
.cos-rand__sterge:hover { background: var(--rosu-fundal); color: var(--rosu); }
.cos-rand__sterge .ic { width: 18px; height: 18px; }
.cos-cupon { display: flex; gap: 10px; margin-top: 16px; }
.cos-cupon input { flex: 1; min-height: 50px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--vena); background: var(--alb); outline: 0; }
.cos-cupon input:focus { border-color: var(--auriu); box-shadow: var(--halo-focus); }
.cos-totaluri { position: sticky; top: calc(var(--h-antet) + 20px); padding: 26px; border-radius: var(--raza); background: var(--alb); border: 1px solid var(--linie); box-shadow: var(--umbra-1); }
.cos-totaluri h2 { font-size: 20px; margin-bottom: 16px; }
.cos-totaluri__rand { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--linie-tare); font-size: 14.5px; color: var(--grafit-2); }
.cos-totaluri__rand b { font-family: var(--f-titlu); font-weight: 600; color: var(--grafit); }
.cos-totaluri__rand--total { border-bottom: 0; padding-top: 16px; font-size: 16px; color: var(--grafit); align-items: flex-end; }
.cos-totaluri__rand--total .pret { font-size: 28px; }
.cos-totaluri__nota { font-size: 12.5px; color: var(--grafit-3); margin-top: 8px; }
.cos-totaluri .btn { margin-top: 18px; }
.cos-totaluri .plati-rapide { justify-content: center; }
.cos-gol { text-align: center; padding: var(--s-8) 0; }
.cos-gol .ic { width: 56px; height: 56px; stroke-width: 1.25; color: var(--auriu); margin: 0 auto 16px; }
.cos-gol h2 { font-size: 28px; }
.cos-gol p { color: var(--grafit-3); margin: 10px 0 24px; }
/* pașii finalizării */
.pasi { display: flex; justify-content: center; gap: 0; margin: var(--s-4) 0; }
.pasi li { display: flex; align-items: center; gap: 10px; padding: 0 20px; font-family: var(--f-titlu); font-weight: 500; font-size: 14px; color: var(--grafit-3); }
.pasi li + li::before { content: ""; width: 28px; height: 1px; background: var(--vena); margin-right: 20px; }
.pasi li i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 12px; font-weight: 700; border: 1px solid var(--vena); }
.pasi li.este-activ { color: var(--grafit); }
.pasi li.este-activ i { background: var(--grad-aur); color: var(--pe-auriu); border-color: transparent; }
.pasi li.este-gata i { background: var(--verde); color: var(--alb); border-color: transparent; }
.finalizare { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: var(--s-6); align-items: start; padding-bottom: var(--s-8); }
.bloc-formular { padding: 28px; border-radius: var(--raza); background: var(--alb); border: 1px solid var(--linie); box-shadow: var(--umbra-1); margin-bottom: 20px; }
.bloc-formular h2 { font-size: 20px; margin-bottom: 18px; display: flex; align-items: center; gap: 10px; }
.bloc-formular h2 .ic { color: var(--auriu-text); }
/* metodele de livrare/plată ca opțiuni alese */
.optiuni { display: grid; gap: 10px; }
.optiune { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--raza-s); border: 1px solid var(--linie); background: var(--ivoriu-2); cursor: pointer; transition: border-color var(--t), background var(--t); }
.optiune:hover { border-color: var(--auriu); }
.optiune.este-aleasa { border-color: var(--auriu-text); background: var(--alb); box-shadow: var(--halo-focus); }
.optiune__text { flex: 1; font-size: 14.5px; color: var(--grafit-2); }
.optiune__text b { display: block; color: var(--grafit); font-weight: 600; }
.optiune .pret { font-size: 16px; }
.optiune__pict { width: 40px; height: 40px; border-radius: var(--raza-xs); display: grid; place-items: center; background: var(--alb); border: 1px solid var(--linie); color: var(--auriu-text); flex: none; }

/* ---------- 19. Responsiv ---------- */
@media (max-width: 1180px) {
  .nav__lista a { padding: 0 10px; }
  .cautare { width: 170px; }
  .piloni, .grila-produse { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .drepturi { grid-template-columns: 1fr 1fr; }
  .drepturi__cap { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--linie); }
  .drept:nth-child(odd) { border-right: 0; }
  .drept { border-bottom: 1px solid var(--linie); }
  .descriere { grid-template-columns: 1fr; }
  .lateral { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cos { grid-template-columns: 1fr; }
  .cos-totaluri { position: static; }
  .finalizare { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  :root { --jgheab: 16px; --s-8: 64px; --s-7: 48px; --s-6: 40px; --h-antet: 66px; }
  .doar-mobil { display: initial; }
  .doar-desktop { display: none !important; }
  .admin-bar .antet { top: 46px; }
  .bara-sus .container { justify-content: center; min-height: 34px; font-size: 12.5px; }
  .bara-sus__lista { gap: 16px; }
  .bara-sus__lista li:nth-child(n+2), .bara-sus__dreapta, .bara-sus .lung { display: none; }
  .antet .container { grid-template-columns: auto 1fr auto; gap: 10px; }
  .nav, .antet .cautare { display: none; }
  .antet__meniu-btn { display: inline-flex; }
  .antet__actiuni { justify-self: end; }
  .sigla__semn { width: 36px; height: 36px; }
  .sigla__beji { font-size: 21px; }
  .sigla__domeniu { display: none; }
  .btn-icon { width: 44px; height: 44px; }
  .antet__actiuni { gap: 2px; }
  /* linkurile „de listă” (subsol, firimituri, drepturi, săgeți) primesc înălțime de atingere de 44 px */
  .subsol li { margin-bottom: 0; }
  .subsol li a { padding: 11px 0; }
  .cos-rand__titlu a { padding: 4px 0; }
  .subsol__contact a { display: inline-block; padding: 11px 0; margin: -11px 0; }
  .firimituri a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; margin: 0 -4px; }
  .drept a, .panou .link-auriu { display: inline-block; padding: 12px 0; border-bottom-width: 0; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--auriu); }
  .link-sageata { min-height: 44px; }
  /* erou pe telefon: oferta, butonul și dovezile în primul ecran; vitrina vine după */
  .erou { padding: var(--s-4) 0 var(--s-6); }
  .erou__grila { grid-template-columns: 1fr; gap: var(--s-5); }
  .erou h1 { font-size: clamp(34px, 9.4vw, 44px); margin-top: 16px; }
  .erou__text { font-size: 16px; margin-top: 14px; }
  .erou__butoane { margin-top: 22px; gap: 10px; }
  .erou__butoane .btn { flex: 1 1 100%; }
  .dovezi { flex-direction: column; gap: 10px; margin-top: 22px; padding-top: 18px; }
  .vitrina { width: 100%; max-width: 560px; justify-self: center; }
  .vitrina__rama { border-radius: 24px; }
  .vitrina__rama img { width: 190%; right: -4%; top: -8%; }
  .vitrina__colt { display: none; }
  .cip { padding: 8px 11px; font-size: 12px; }
  .cip--1 { right: 10px; top: 14px; }
  .cip--2 { left: 10px; top: 38%; }
  .vitrina__produs { left: 12px; right: 12px; bottom: 12px; padding: 10px 12px 10px 10px; gap: 10px; }
  .vitrina__titlu { font-size: 13.5px; }
  .vitrina__produs .pret { font-size: 17px; }
  .cap-sectiune { flex-direction: column; align-items: flex-start; gap: 18px; margin-bottom: var(--s-4); }
  .cap-sectiune--centru { align-items: center; }
  .piloni { grid-template-columns: 1fr 1fr; gap: 12px; }
  .pilon { min-height: 0; padding: 20px 18px 18px; gap: 12px; }
  .pilon__pict { width: 46px; height: 46px; border-radius: 14px; }
  .pilon__pict .ic { width: 22px; height: 22px; }
  .pilon__numar { top: 18px; right: 18px; font-size: 11.5px; }
  .pilon h3 { font-size: 20px; }
  .pilon p { font-size: 13.5px; }
  /* filtrele derulează orizontal, cu margine negativă intenționată */
  .filtre { align-self: stretch; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; margin-inline: calc(var(--jgheab) * -1); padding-inline: var(--jgheab); scrollbar-width: none; }
  .filtre::-webkit-scrollbar { display: none; }
  .filtre__buton { flex: none; }
  .grila-produse { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .card__corp { padding: 14px 14px 16px; gap: 6px; }
  .card__titlu { font-size: 14px; }
  .card .pret { font-size: 18px; }
  .card__cos { width: 44px; height: 44px; background: var(--grad-aur); color: var(--pe-auriu); border-color: transparent; }
  /* inima rămâne vizibilă permanent pe telefon (nu există hover), la 44 px */
  .card__favorit { opacity: 1; transform: none; top: 8px; right: 8px; }
  .card__media .eticheta { top: 10px; left: 10px; height: 24px; font-size: 10.5px; padding: 0 8px; }
  .card__media.card__media--plansa .eticheta { top: auto; bottom: 10px; }
  .vedeta__grila { grid-template-columns: 1fr; min-height: 0; padding-top: 340px; padding-bottom: var(--s-6); }
  /* pe telefon fundalul e o fereastră de 420 px în care intră aceeași bandă a scenelor */
  .vedeta__fundal { inset: auto; top: 0; left: 0; right: 0; height: 420px; }
  .vedeta__fundal img { object-position: 50% 50%; }
  .vedeta__fundal::after { background: linear-gradient(180deg, color-mix(in srgb, var(--cinema) 10%, transparent) 0%, color-mix(in srgb, var(--cinema) 20%, transparent) 200px, color-mix(in srgb, var(--cinema) 97%, transparent) 400px, var(--cinema) 100%); }
  .cipuri { gap: 8px; }
  .cip-static { padding: 10px; gap: 8px; }
  .cip-static b { font-size: 15px; }
  .cip-static span { font-size: 10.5px; }
  .vedeta__cta .btn { flex: 1 1 100%; }
  .conditii { grid-template-columns: 1fr; gap: 12px; }
  .drepturi { grid-template-columns: 1fr; border-radius: var(--raza); }
  .drept { border-right: 0; padding: 22px 20px; }
  .drept:last-child { border-bottom: 0; }
  .subsol { padding-top: var(--s-6); }
  .subsol__sus { grid-template-columns: 1fr 1fr; gap: var(--s-4) var(--s-3); }
  .subsol__brand { grid-column: 1 / -1; }
  .subsol__conformitate { flex-direction: column; align-items: flex-start; }
  .produs { grid-template-columns: 1fr; gap: var(--s-5); padding-bottom: var(--s-6); }
  .galerie { position: static; grid-template-columns: 1fr; }
  .galerie__miniaturi { flex-direction: row; order: 2; overflow-x: auto; padding-bottom: 4px; }
  .galerie__miniaturi button { flex: none; width: 64px; }
  .cumparare { padding: 18px; }
  .cumpara { flex-wrap: wrap; }
  .cumpara .btn { flex: 1 1 100%; order: 3; }
  .spec-grila { grid-template-columns: 1fr 1fr; }
  .acordeon__continut { padding-left: 20px; }
  .lateral { grid-template-columns: 1fr; }
  .tabel-specs th { width: 46%; }
  .formular__rand { grid-template-columns: 1fr; }
  .cos-rand { grid-template-columns: 72px minmax(0, 1fr) auto; gap: 12px; }
  .cos-rand__media { width: 72px; }
  .cos-rand .cantitate { grid-column: 2; }
  .cos-rand .pret { grid-column: 3; grid-row: 1; }
  .cos-rand__sterge { grid-column: 3; grid-row: 2; justify-self: end; }
  .pasi li { padding: 0 8px; font-size: 13px; }
  .pasi li + li::before { width: 14px; margin-right: 8px; }
  /* bara fixă de cumpărare: doar pe single-product (body.cu-bara) */
  body.cu-bara { padding-bottom: calc(var(--h-bara-cumpara) + var(--inaltime-cookie)); }
  body.cu-bara .bara-cumpara { display: flex; position: fixed; left: 0; right: 0; bottom: var(--inaltime-cookie); z-index: 45; align-items: center; gap: 14px; min-height: var(--h-bara-cumpara); padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: color-mix(in srgb, var(--ivoriu) 94%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--linie-tare); box-shadow: var(--umbra-bara); }
  .bara-cumpara .pret { font-size: 20px; }
  .bara-cumpara__nota { display: block; font-size: 11.5px; color: var(--grafit-3); font-weight: 500; font-family: var(--f-corp); }
  .bara-cumpara .btn { flex: 1; min-height: 48px; }
}
@media (max-width: 420px) {
  .sigla__beji { font-size: 20px; }
  .sigla__semn { width: 32px; height: 32px; }
  .erou h1 { font-size: 34px; }
  .card__titlu { font-size: 13.5px; }
  .card .pret { font-size: 17px; }
  .cipuri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- 20. Mișcare redusă ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition-duration: 1ms !important; }
  html.js .apare { opacity: 1; transform: none; }
}

/* ---------- 21. produs.html — componente care lipseau (adăugate de designerul paginii de produs) ----------
   Doar adăugiri; nimic de mai sus nu s-a modificat. Fără hex: culorile vin din variabilele din :root. */
:root { --h-subnav: 58px; }
/* ancorele țin cont și de subnavigarea lipicioasă */
html:has(.subnav) { scroll-padding-top: calc(var(--h-antet) + var(--h-subnav) + 12px); }
/* capul fișei: eticheta pilonului + modelul, pe un rând */
.info__cap { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.info__model { font-family: var(--f-titlu); font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--grafit-3); }
/* galeria cu planșe (toate imaginile HY300PRO sunt planșe): rama și miniaturile pe cinema, fără multiply */
.galerie__principal--plansa { background: var(--cinema); border-color: var(--linie-tare); }
.galerie__miniaturi--plansa button { padding: 0; background: var(--cinema); }
.galerie__miniaturi--plansa img { object-fit: cover; mix-blend-mode: normal; }
/* subnavigarea cu ancore: lipicioasă sub antet, cu prețul și un al doilea buton de coș pe desktop */
.subnav { position: sticky; top: var(--h-antet); z-index: 40; background: color-mix(in srgb, var(--ivoriu) 92%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--linie); border-bottom: 1px solid var(--linie); }
.admin-bar .subnav { top: calc(var(--h-antet) + 32px); }
.subnav__lista { display: flex; align-items: center; gap: 4px; height: var(--h-subnav); overflow-x: auto; scrollbar-width: none; }
.subnav__lista::-webkit-scrollbar { display: none; }
.subnav__lista a { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border-radius: 999px; font-family: var(--f-titlu); font-weight: 500; font-size: 14px; color: var(--grafit-2); white-space: nowrap; transition: background-color var(--t), color var(--t), box-shadow var(--t); }
.subnav__lista a .ic { width: 16px; height: 16px; color: var(--auriu-text); }
.subnav__lista a:hover, .subnav__lista a.este-activ { background: var(--alb); color: var(--grafit); box-shadow: inset 0 0 0 1px var(--linie-tare); }
.subnav__dreapta { margin-left: auto; display: flex; align-items: center; gap: 14px; padding-left: 16px; }
.subnav__dreapta .pret { font-size: 18px; }
/* lista de avertizări în acordeon: bulină aurie, nu cheie–valoare */
.acordeon__continut--lista li { justify-content: flex-start; align-items: flex-start; gap: 10px; }
.acordeon__continut--lista li::before { content: ""; flex: none; width: 6px; height: 6px; margin-top: 9px; border-radius: 50%; background: var(--auriu); }
/* în proză: supratitlul deasupra titlului, acordeoanele cu aer */
.proza .supratitlu { margin-bottom: 12px; }
.proza .acordeoane { margin-top: 32px; }
.proza .tabel-specs { margin-bottom: 8px; }
/* galeria cu planșă: eticheta de stoc jos-stânga, ca să nu acopere pictogramele planșei */
.galerie__principal--plansa .eticheta { top: auto; bottom: 16px; }
/* „Conținutul pachetului” în proză rămâne pastile pe un rând, fără bulina listei */
.proza .pachet { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 0; }
.proza .pachet li::before { display: none; }
/* coloana laterală lipicioasă stă sub antet + subnavigare */
html:has(.subnav) .lateral { top: calc(var(--h-antet) + var(--h-subnav) + 20px); }
/* bara fixă de cumpărare: prețul și nota pe două rânduri */
.bara-cumpara__info { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
@media (max-width: 900px) {
  /* firimiturile pe un singur rând (derulabil) în loc de două */
  .firimituri { flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; scrollbar-width: none; gap: 6px; font-size: 13px; }
  .firimituri::-webkit-scrollbar { display: none; }
  .galerie__principal--plansa .eticheta { bottom: 12px; }
  .admin-bar .subnav { top: calc(var(--h-antet) + 46px); }
  .subnav__dreapta { display: none; }
  .galerie__miniaturi--plansa button { width: 64px; }
  .cumpara .btn-icon { order: 2; }
  .cumparare__pret { align-items: flex-start; flex-direction: column; gap: 6px; }
}

/* ---------- 21. Pagina de coș (cos.html / cos-gol.html) ----------
   Se adaugă peste secțiunea 18 (care rămâne baza pentru cart.php): rândul complet cu
   6 coloane (imagine · produs · preț unitar · cantitate · subtotal · ștergere), antetul
   paginii cu pașii, opțiunile de livrare în sumar, bara lipicioasă pe mobil și starea goală.
   Niciun hex: doar variabilele din :root. --------------------------------------------- */
[hidden] { display: none !important; }

/* antetul paginii: firimituri + titlu + pași, pe o bandă de marmură (identitatea A) */
.cap-cos { position: relative; isolation: isolate; padding: 4px 0 28px; border-bottom: 1px solid var(--linie); }
.cap-cos::before { content: ""; position: absolute; inset: 0; background: var(--vene); background-size: 900px; opacity: .28; pointer-events: none; z-index: -1; }
.cap-cos::after { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 80% at 85% 30%, var(--alb), transparent 70%); pointer-events: none; z-index: -2; }
.cap-cos__rand { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-top: 10px; }
.cap-cos__nr { font-size: 15px; color: var(--grafit-3); margin-top: 8px; }
.cap-cos__nr b { color: var(--grafit); font-weight: 600; }
.cap-cos .pasi { margin: 0; }
.pasi li.este-activ i { box-shadow: 0 0 0 4px var(--auriu-deschis); }

/* lista: cap de tabel pe desktop + rândul complet */
.cos-cap { display: grid; grid-template-columns: 96px minmax(0, 1fr) 110px 140px 120px 40px; gap: 18px; padding: 0 16px 10px; font-family: var(--f-titlu); font-size: 11.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--grafit-3); }
.cos-cap span:first-child { grid-column: 1 / 3; }
.cos-cap .la-centru { text-align: center; }
.cos-cap .la-dreapta { text-align: right; }
.cos-rand--complet { grid-template-columns: 96px minmax(0, 1fr) 110px 140px 120px 40px; transition: border-color var(--t), box-shadow var(--t), opacity var(--t-lung), transform var(--t-lung); }
.cos-rand--complet.se-sterge { opacity: 0; transform: translateX(18px) scale(.98); }
.cos-rand__media { position: relative; isolation: isolate; }
.cos-rand__media::before { content: ""; position: absolute; inset: 0; background: var(--vene); background-size: 400px; opacity: .4; z-index: -1; }
/* aceeași decupare a planșei ca pe card (banda fără cipuri) */
.cos-rand__media--plansa img { position: absolute; top: -52%; left: 0; width: 100%; height: 160%; object-fit: cover; mix-blend-mode: normal; }
.cos-rand__info { min-width: 0; }
.cos-rand__info .categ { display: block; margin-bottom: 4px; }
.cos-rand__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cos-rand__meta .eticheta { height: 22px; font-size: 10.5px; padding: 0 8px; }
.cos-rand__unitar { text-align: left; }
.cos-rand__unitar .pret { font-size: 17px; font-weight: 500; color: var(--grafit-2); }
.cos-rand__unitar small.buc { display: block; font-size: 11.5px; color: var(--grafit-3); }
.cos-rand__cantitate { justify-self: center; }
.cos-rand__subtotal { text-align: right; }
.cos-rand__subtotal .pret { font-size: 19px; }
.cantitate button:disabled { opacity: .35; cursor: not-allowed; }
.cantitate button:disabled:hover { background: transparent; }
/* sub listă: continuă cumpărăturile + cuponul, pe un rând */
.cos-actiuni { display: flex; justify-content: space-between; align-items: center; gap: 16px 24px; margin-top: 18px; flex-wrap: wrap; }
.cos-cupon { margin-top: 0; flex: 0 1 420px; }
.cos-cupon label { position: relative; flex: 1; display: flex; align-items: center; }
.cos-cupon label .ic { position: absolute; left: 16px; color: var(--grafit-3); pointer-events: none; }
.cos-cupon input { padding-left: 44px; width: 100%; }
.cos-mesaj { margin-top: 14px; }
.cos-mesaj .link-auriu { margin-left: 6px; }

/* sumarul: opțiunile de livrare în panou, totalul, rândul de plată */
.cos-totaluri::before { content: ""; position: absolute; left: 26px; right: 26px; top: 0; height: 3px; border-radius: 0 0 3px 3px; background: var(--grad-aur); }
.cos-totaluri { overflow: hidden; }
.cos-totaluri h2 { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.cos-totaluri h2 small { font-family: var(--f-corp); font-size: 13px; font-weight: 500; color: var(--grafit-3); }
.cos-totaluri__rand--livrare { display: block; }
.cos-totaluri__rand--livrare > span { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.cos-totaluri__rand--livrare .text-ajutator { margin-top: 2px; }
.cos-totaluri .optiuni { margin: 12px 0 4px; gap: 8px; }
.optiune--compacta { padding: 10px 12px; gap: 10px; }
.optiune--compacta .optiune__text { font-size: 13.5px; }
.optiune--compacta .optiune__text b { font-size: 14px; }
.optiune--compacta .optiune__pict { width: 36px; height: 36px; }
.optiune--compacta .pret { font-size: 15px; }
.cos-totaluri__rand--total .pret { font-size: 30px; }
.cos-totaluri__rand--total span { display: flex; flex-direction: column; gap: 2px; }
.cos-totaluri__rand--total small { font-size: 12.5px; color: var(--grafit-3); font-weight: 400; }
.cos-totaluri__plata { margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--linie-tare); font-size: 13px; color: var(--grafit-3); }
.cos-totaluri__plata .plati-rapide { margin-top: 8px; justify-content: flex-start; }
.cos-totaluri__sigur { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; font-size: 12.5px; color: var(--grafit-3); }
.cos-totaluri__sigur .ic { width: 16px; height: 16px; color: var(--auriu-text); margin-top: 2px; }

/* drepturile tale, varianta scurtă (două drepturi) */
@media (min-width: 1181px) { .drepturi--scurt { grid-template-columns: 1.15fr 1fr 1fr; } }

/* starea goală (cart-empty.php) */
.cos-gol { position: relative; isolation: isolate; margin: var(--s-4) 0 var(--s-6); padding: var(--s-7) var(--s-4); border-radius: var(--raza-l); background: var(--alb); border: 1px solid var(--linie); overflow: hidden; }
.cos-gol::before { content: ""; position: absolute; inset: 0; background: var(--vene); background-size: 800px; opacity: .16; pointer-events: none; z-index: -1; }
.cos-gol__pict { width: 92px; height: 92px; margin: 0 auto 20px; border-radius: 50%; display: grid; place-items: center; background: var(--grad-piedestal); border: 1px solid var(--linie-tare); box-shadow: var(--umbra-1); }
.cos-gol__pict .ic { width: 40px; height: 40px; margin: 0; stroke-width: 1.4; color: var(--auriu-text); }
.cos-gol p { max-width: 46ch; margin-inline: auto; }
.cos-gol__actiuni { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.cos-gol .btn .ic { width: 18px; height: 18px; margin: 0; stroke-width: 1.75; color: inherit; }
/* „Continuă cumpărăturile”: săgeata întoarsă, fără stil inline */
.link-sageata--inapoi .ic { transform: scaleX(-1); }
.link-sageata--inapoi:hover .ic { transform: scaleX(-1) translateX(4px); }
.cos-gol .filtre { justify-content: center; margin-top: 22px; }

/* responsiv */
@media (max-width: 1180px) {
  .cos-cap { grid-template-columns: 96px minmax(0, 1fr) 100px 130px 110px 40px; }
  .cos-rand--complet { grid-template-columns: 96px minmax(0, 1fr) 100px 130px 110px 40px; }
}
@media (max-width: 900px) {
  .cap-cos { padding-bottom: 20px; }
  .cap-cos__rand { align-items: flex-start; gap: 14px; }
  .cap-cos .pasi { width: 100%; justify-content: flex-start; margin-top: 4px; }
  .cos { padding-top: var(--s-3); gap: var(--s-4); padding-bottom: var(--s-5); }
  .cos-cap { display: none; }
  /* rândul pe telefon: imagine | informații + ștergere / preț unitar / cantitate + subtotal */
  .cos-rand--complet { grid-template-columns: 72px minmax(0, 1fr) auto; grid-template-rows: auto auto auto; gap: 8px 12px; padding: 12px; align-items: start; }
  .cos-rand--complet .cos-rand__media { grid-column: 1; grid-row: 1 / 4; width: 72px; }
  .cos-rand--complet .cos-rand__info { grid-column: 2; grid-row: 1; padding-right: 4px; }
  .cos-rand--complet .cos-rand__sterge { grid-column: 3; grid-row: 1; justify-self: end; width: 44px; height: 44px; margin: -8px -8px 0 0; }
  .cos-rand--complet .cos-rand__unitar { grid-column: 2 / 4; grid-row: 2; }
  .cos-rand--complet .cos-rand__unitar .pret { font-size: 14.5px; }
  .cos-rand--complet .cos-rand__unitar small.buc { display: inline; margin-left: 6px; }
  .cos-rand--complet .cos-rand__cantitate { grid-column: 2; grid-row: 3; justify-self: start; }
  .cos-rand--complet .cantitate { height: 46px; grid-column: auto; }
  .cos-rand--complet .cantitate button { width: 44px; }
  .cos-rand--complet .cantitate input { width: 44px; }
  .cos-rand--complet .cos-rand__subtotal { grid-column: 3; grid-row: 3; align-self: center; }
  .cos-rand--complet .cos-rand__subtotal .pret { font-size: 17px; }
  .cos-rand__titlu { font-size: 14.5px; }
  .cos-actiuni { flex-direction: column; align-items: stretch; gap: 14px; }
  .cos-cupon { flex: none; }
  .cos-totaluri { padding: 20px 18px 22px; }
  .cos-totaluri::before { left: 18px; right: 18px; }
  .cos-gol { padding: var(--s-6) var(--s-3); border-radius: var(--raza); }
  /* în cardul gol pilonii se înfășoară centrat, nu derulează cu margini negative */
  .cos-gol .filtre { flex-wrap: wrap; overflow: visible; margin-inline: 0; padding-inline: 0; justify-content: center; }
  /* bara lipicioasă a coșului (body.cu-bara): totalul + „Finalizează comanda”; se ascunde când sumarul e pe ecran */
  .bara-cumpara--cos { transition: transform var(--t-lung); }
  .bara-cumpara--cos.este-ascunsa { transform: translateY(120%); }
  .bara-cumpara__total { display: flex; flex-direction: column; line-height: 1.1; }
  .bara-cumpara__total .pret { font-size: 19px; }
}


/* ============================================================
   22. WordPress și WooCommerce (fundația temei animarkt, 27.10.2026)
   Doar adăugiri peste sistemul machetei S; fără hex — culorile vin din variabilele din :root.
   ============================================================ */

/* accesibilitate: textul doar pentru cititoare de ecran (WordPress) și legătura „Sari la conținut” */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.sr-only--focus:focus { position: fixed; left: 16px; top: 16px; width: auto; height: auto; padding: 10px 16px; clip: auto; overflow: visible; z-index: 100; background: var(--grafit); color: var(--pe-inchis); border-radius: var(--raza-xs); }

/* bara de admin WordPress: antetul lipicios și subnavigarea coboară (desktop 32 px, mobil 46 px — deja în secțiunile 3 și 21) */
.admin-bar .meniu-mobil__panou { top: 32px; }
@media (max-width: 782px) { .admin-bar .meniu-mobil__panou { top: 46px; } }

/* prețurile WooCommerce: `wc_price` în .pret — simbolul „lei” mic, ca <small> din machetă */
.pret .woocommerce-Price-amount { font: inherit; color: inherit; }
.pret .woocommerce-Price-currencySymbol { font-size: .62em; font-weight: 500; color: var(--grafit-3); margin-left: .18em; letter-spacing: 0; }
.vitrina__produs .pret .woocommerce-Price-currencySymbol, .vedeta__cta .pret .woocommerce-Price-currencySymbol { color: var(--pe-inchis-2); }
.pret del { color: var(--grafit-3); font-weight: 500; font-size: .8em; margin-right: .4em; }
.pret ins { text-decoration: none; }

/* antetul: căutarea e un <form> (nu <label>) */
form.cautare { margin: 0; }
.cautare .ic { flex: none; }
.nav__lista li.este-activ a, .nav__lista a[aria-current="page"] { color: var(--grafit); }

/* butonul-coș al cardului în lucru / adăugat; inima activă */
.card__cos.loading { opacity: .6; pointer-events: none; }
.card .added_to_cart, .vedeta .added_to_cart { display: none; }
.card__favorit.este-favorit, .btn-icon.este-favorit { color: var(--rosu); }
.card__favorit.este-favorit .ic, .btn-icon.este-favorit .ic { fill: currentColor; }
.card[hidden] { display: none; }

/* notificările WooCommerce (.nota din machetă): spațiu și poziție */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-notices-wrapper .nota, main > .nota, .sectiune--catalog .nota, .produs ~ .nota { margin: 0 0 var(--s-4); }
.container > .nota, .container > .woocommerce-notices-wrapper .nota { margin-top: var(--s-3); }
.nota a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.nota .button, .nota .wc-forward { margin-left: auto; white-space: nowrap; font-weight: 600; }

/* paginile obișnuite (legale, despre, contact, declarații): cap pe bandă de marmură + proza */
.pagina { padding: var(--s-6) 0 var(--s-8); }
.pagina__continut { max-width: 820px; }
.pagina__continut > *:first-child { margin-top: 0; }
.proza p, .proza li { font-size: 16px; line-height: 1.7; }
.proza h2 { margin-top: var(--s-6); margin-bottom: var(--s-3); }
.proza h3 { margin-top: var(--s-5); }
.proza p + p { margin-top: var(--s-3); }
.proza a:not(.btn) { color: var(--auriu-text); text-decoration: underline; text-underline-offset: 3px; }
.proza img { max-width: 100%; height: auto; border-radius: var(--raza-m); }
.proza table { width: 100%; border-collapse: collapse; margin: var(--s-4) 0; font-size: 15px; }
.proza table th, .proza table td { padding: 10px 12px; border-bottom: 1px solid var(--linie); text-align: left; vertical-align: top; }
.proza blockquote { margin: var(--s-4) 0; padding: var(--s-3) var(--s-4); border-left: 3px solid var(--auriu); background: var(--ivoriu-2); border-radius: 0 var(--raza-s) var(--raza-s) 0; }
.proza .wp-block-file, .proza .wp-block-cover { margin: var(--s-4) 0; }
.proza .wp-block-file a:not(.wp-block-file__button) { font-weight: 600; }
.proza .wp-block-file__button { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; margin-left: 10px; border-radius: 999px; background: var(--grad-aur); color: var(--pe-auriu); text-decoration: none; font-family: var(--f-titlu); font-weight: 600; }
.proza .wp-block-cover { position: relative; min-height: 280px; display: grid; place-items: center; overflow: hidden; border-radius: var(--raza-m); }
.proza .wp-block-cover img.wp-block-cover__image-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.proza .wp-block-cover .wp-block-cover__inner-container { position: relative; padding: var(--s-5); color: var(--pe-inchis); }
.proza .wp-block-cover .wp-block-cover__inner-container * { color: inherit; }
.proza section { margin: 0; max-width: none !important; }
.proza ol { padding-left: 22px; }
.proza ol li { display: list-item; }
.proza ol li::before { display: none; }

/* formulare WordPress/WooCommerce/CF7 în sistemul machetei (.camp din secțiunea 20) */
.form-row, .wpcf7 .camp, .wpcf7-form p { display: grid; gap: 6px; margin: 0; }
.form-row label, .wpcf7-form label { font-family: var(--f-titlu); font-weight: 500; font-size: 14px; color: var(--grafit-2); }
.form-row .obligatoriu, .wpcf7-form .obligatoriu { color: var(--rosu); }
.form-row .optional { font-weight: 400; font-size: 12.5px; color: var(--grafit-3); margin-left: 4px; }
.form-row .intrare, .form-row input.input-text, .form-row select, .form-row textarea, .wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .wpcf7-form select, .wpcf7-form textarea, .woocommerce-form input.input-text, .woocommerce-form input[type="email"], .woocommerce-form input[type="password"], .woocommerce-form input[type="text"], .lost_reset_password input.input-text {
	width: 100%; min-height: 50px; padding: 12px 16px; border-radius: var(--raza-s); border: 1px solid var(--vena); background: var(--alb); font: inherit; font-size: 15px; color: var(--grafit); transition: border-color var(--t), box-shadow var(--t);
}
.form-row textarea, .wpcf7-form textarea { min-height: 120px; resize: vertical; }
.form-row .intrare:focus, .form-row select:focus, .form-row textarea:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus, .woocommerce-form input:focus { outline: 0; border-color: var(--auriu); box-shadow: var(--halo-focus); }
.form-row.woocommerce-invalid .intrare, .form-row.woocommerce-invalid select { border-color: var(--rosu); }
.form-row.woocommerce-validated .intrare { border-color: var(--verde); }
.form-row .camp__ajutor, .form-row .description { font-size: 12.5px; color: var(--grafit-3); }
.form-row .woocommerce-input-wrapper { display: block; }
.form-row-first, .form-row-last { display: grid; }
@media (min-width: 701px) {
	.formular .woocommerce-billing-fields__field-wrapper, .formular .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
	.form-row-wide, .form-row.notes, .woocommerce-EditAccountForm fieldset, .woocommerce-EditAccountForm p.form-row:not(.form-row-first):not(.form-row-last) { grid-column: 1 / -1; }
}
.form-row.notes, .woocommerce-additional-fields h3 { grid-column: 1 / -1; }
.woocommerce-additional-fields h3, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 { font-size: 18px; margin: var(--s-4) 0 var(--s-2); }
.woocommerce-billing-fields > h3:first-child { display: none; } /* titlul „Detalii de facturare” îl dă blocul .bloc-formular */
.woocommerce-form__label-for-checkbox, .woocommerce-shipping-fields .checkbox { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; color: var(--grafit-2); cursor: pointer; }
.woocommerce-form__label-for-checkbox input, .woocommerce-shipping-fields .checkbox input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--auriu-text); }
.button, button.button, input[type="submit"].button, .wpcf7-form input[type="submit"], .woocommerce-Button, .woocommerce-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--grad-aur); color: var(--pe-auriu); font-family: var(--f-titlu); font-weight: 600; font-size: 15px; cursor: pointer; text-decoration: none; }
.button:hover, .wpcf7-form input[type="submit"]:hover, .woocommerce-Button:hover { filter: brightness(1.04); }
select { appearance: none; -webkit-appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--grafit-3) 50%), linear-gradient(135deg, var(--grafit-3) 50%, transparent 50%); background-position: calc(100% - 20px) 55%, calc(100% - 14px) 55%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; padding-right: 40px; }

/* firimiturile WooCommerce (nav.firimituri) pe banda de sus a paginii */
.cap-cos .firimituri + .cap-cos__rand { margin-top: var(--s-2); }
.cap-cos .firimituri:only-child { padding: 0; }
.cap-cos + .sectiune--catalog { padding-top: var(--s-6); }

/* arhiva de produse: titlul este h1 cu clasele titlu-sectiune */
.sectiune--catalog .cap-sectiune { margin-bottom: var(--s-5); }
.filtre a.filtre__buton { text-decoration: none; }
.woocommerce-pagination { display: flex; justify-content: center; margin-top: var(--s-6); }
.woocommerce-pagination ul, .paginare .nav-links { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
.woocommerce-pagination li a, .woocommerce-pagination li span, .paginare .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--vena); background: var(--alb); font-family: var(--f-titlu); font-weight: 600; color: var(--grafit-2); }
.woocommerce-pagination li span.current, .paginare .page-numbers.current { background: var(--grafit); border-color: var(--grafit); color: var(--pe-inchis); }

/* pagina de produs: caracteristicile scurte (texte, nu cheie–valoare), stocul WooCommerce, mesajele */
.spec-grila--texte li { display: flex; align-items: flex-start; gap: 10px; }
.spec-grila--texte .ic { flex: none; width: 18px; height: 18px; margin-top: 3px; color: var(--auriu-text); }
.spec-grila--texte b { margin-top: 0; font-size: 14.5px; line-height: 1.35; }
.cumparare .stock { display: none; } /* stocul l-am redat semantic în .cumparare__stoc */
.cumparare .stock.out-of-stock { display: block; color: var(--rosu); font-weight: 600; }
.cumpara .btn-icon.este-favorit { color: var(--rosu); }
.galerie__miniaturi img { width: 100%; height: 100%; object-fit: contain; }
.galerie__principal img { transition: opacity 180ms var(--usor); }
#galerie-imagine { opacity: 1; }
.proza > h2:first-of-type { margin-top: 0; }
.proza .wp-caption, .proza figure { margin: var(--s-4) 0; }
.proza figure img { width: 100%; }
.proza figcaption { font-size: 13px; color: var(--grafit-3); margin-top: 8px; }
.notificare-ue { display: grid; gap: 10px; margin: var(--s-3) 0 0; padding: 14px 16px; border-radius: var(--raza-s); border: 1px solid var(--linie); background: var(--ivoriu-2); font-size: 14px; color: var(--grafit-2); }
.notificare-ue a { color: var(--auriu-text); text-decoration: underline; text-underline-offset: 3px; }
.notificare-ue-img img, .notificare-ue--mic img { display: block; width: 96px; height: auto; border: 1px solid var(--linie); border-radius: var(--raza-xs); background: var(--alb); }
.notificare-ue--mic { display: flex; align-items: flex-start; gap: 14px; }
.notificare-ue--mic img { width: 72px; flex: none; }
.notificare-ue > p { margin: 0; }
.garantie-notificare { margin: var(--s-4) 0; }
.garantie-notificare img { max-width: 420px; width: 100%; height: auto; border: 1px solid var(--linie); border-radius: var(--raza-s); background: var(--alb); }
.gl-dialog { width: min(760px, 96vw); max-height: 94vh; padding: 0; border: 0; border-radius: var(--raza-m); overflow: auto; background: var(--alb); color: var(--grafit); }
.gl-dialog::backdrop { background: color-mix(in srgb, var(--cinema) 60%, transparent); }
.gl-dialog-bara { position: sticky; top: 0; display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--alb); border-bottom: 1px solid var(--linie); }
.gl-dialog-bara strong { flex: 1; font-family: var(--f-titlu); }
.gl-dialog-inchide { width: 40px; height: 40px; border: 0; border-radius: 999px; background: var(--ivoriu); font-size: 22px; line-height: 1; cursor: pointer; color: var(--grafit); }
.gl-dialog img { display: block; width: 100%; height: auto; }
.gl-dialog-ue { margin: 0; padding: 12px 16px 16px; font-size: 13px; text-align: center; color: var(--grafit-3); }

/* retragerea online (mu-plugin animarkt-retragere): formularul în sistemul machetei */
.retragere { max-width: 760px; }
.retragere h2 { font-size: 22px; margin: var(--s-5) 0 var(--s-2); }
.retragere-card { margin: var(--s-4) 0 var(--s-5); padding: var(--s-4) var(--s-5); border: 1px solid var(--linie); border-radius: var(--raza-m); background: var(--alb); }
.retragere .campuri { display: grid; gap: 14px; }
.retragere .camp label { font-family: var(--f-titlu); font-weight: 500; font-size: 14px; color: var(--grafit-2); }
.retragere .ajutor { font-size: 12.5px; color: var(--grafit-3); }
.retragere-declaratie { margin: var(--s-3) 0; padding: 14px 18px; border-left: 3px solid var(--auriu); background: var(--ivoriu-2); border-radius: 0 var(--raza-s) var(--raza-s) 0; font-size: 14.5px; }
.retragere .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border: 0; border-radius: 999px; background: var(--grad-aur); color: var(--pe-auriu); font-family: var(--f-titlu); font-weight: 600; cursor: pointer; }
.retragere .sr { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.retragere-mesaj { margin: 0 0 var(--s-3); padding: 14px 18px; border-radius: var(--raza-s); background: var(--ivoriu-2); }
.retragere-mesaj.eroare { background: var(--rosu-fundal); color: var(--rosu); }
.retragere-dovada { margin: var(--s-2) 0 var(--s-5); padding: var(--s-4) var(--s-5); border: 1px solid var(--linie); border-radius: var(--raza-m); background: var(--verde-fundal); color: var(--grafit); }
.retragere-dovada dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: var(--s-3) 0; }
.retragere-dovada dt { font-weight: 600; }
.retragere-dovada dd { margin: 0; word-break: break-word; }
.retragere-mic { font-size: 13px; color: var(--grafit-3); }
@media (max-width: 600px) { .retragere-card, .retragere-dovada { padding: var(--s-3); } .retragere .btn { width: 100%; } .retragere-dovada dl { grid-template-columns: 1fr; } }

/* vitrina blocată (licența Hostwin, template-parts/blocat.php) */
.blocat { min-height: 100vh; display: grid; place-items: center; padding: var(--s-6) var(--jgheab); text-align: center; background: var(--ivoriu); }
.blocat .sigla { justify-content: center; margin-bottom: var(--s-4); }
.blocat h1 { font-size: 28px; }
.blocat p { color: var(--grafit-3); margin-top: var(--s-2); }

/* articole (index/single): listă simplă */
.articol-lista { margin-bottom: var(--s-3); }
.articol-lista h2 { font-size: 20px; }
.articol-lista h2 a { color: var(--grafit); }

/* corecturi după capturile reparațiilor (27.10): jgheabul paginilor obișnuite, listele importate cu <h3> în <li>, pașii pe 390 */
.pagina { padding-top: var(--s-6); padding-bottom: var(--s-8); padding-left: var(--jgheab); padding-right: var(--jgheab); }
.proza li h2, .proza li h3, .proza li h4 { font: inherit; color: inherit; margin: 0; letter-spacing: 0; }
.proza ul, .proza ol { padding-left: 0; }
.proza ol { padding-left: 22px; }
.pasi { list-style: none; padding: 0; }
@media (max-width: 420px) {
  .pasi { flex-wrap: wrap; row-gap: 6px; }
  .pasi li { padding: 0 6px; gap: 6px; font-size: 12.5px; }
  .pasi li + li::before { width: 10px; margin-right: 6px; }
}
/* listele cu marcaje inline (<strong>, <a>) în <li>: ca flex, fiecare fragment devenea element și rândul nu se mai rupea */
.proza li { display: block; position: relative; padding-left: 28px; }
.proza li::before { position: absolute; left: 0; top: 4px; margin-top: 0; }
.proza ol li { display: list-item; padding-left: 0; }

/* ============================================================
   Reparații runda 2 (27.10.2026): notificări, pași, galerie, cookie-uri, CF7, proza importată
   ============================================================ */
/* notificările WooCommerce: pictograma din sprite are mărime și când kses i-ar lua clasa; legătura „Vezi coșul” e buton auriu */
.nota svg { width: 20px; height: 20px; flex: none; }
.nota .button, .nota .wc-forward, .nota a.button { color: var(--pe-auriu); text-decoration: none; }
.nota .button:hover, .nota .wc-forward:hover { color: var(--pe-auriu); }
/* pașii comenzii: pasul gata e legătură — cifra și textul rămân pe același rând */
.pasi li a { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.pasi li a:hover { color: var(--grafit); }
/* galeria: coloana de miniaturi nu depășește înălțimea imaginii principale (produse cu 8–9 fotografii) */
@media (min-width: 901px) {
  .galerie__miniaturi { height: 0; min-height: 100%; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--vena) transparent; padding-right: 2px; }
  .galerie__miniaturi button { flex: none; }
}
/* specificațiile: caracteristicile fără cheie, ca listă cu bulină deasupra tabelului */
.specs-lista { margin: 10px 0 16px; display: grid; gap: 8px; }
/* proza importată: secțiunea-înveliș cu stil inline nu mai aduce padding; două h3 consecutive (liste nerecunoscute) stau strâns */
.proza > section[style] { padding: 0 !important; }
.proza h3 + h3 { margin-top: 8px; }
/* bara fixă pe telefon: butonul are loc pentru text */
@media (max-width: 900px) { .bara-cumpara .btn { padding: 0 18px; letter-spacing: .01em; } }
/* Contact Form 7: fontul corpului (nu Outfit), spații egale etichetă–câmp, grila pe două coloane din formular */
.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .wpcf7-form textarea, .wpcf7-form select { font-family: var(--f-corp); }
.wpcf7-form label { display: grid; gap: 6px; }
.wpcf7-form .animarkt-formular { display: grid; gap: 16px; }
.wpcf7-form .animarkt-formular__rand { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.wpcf7-form .wpcf7-form-control-wrap { display: block; }
.wpcf7-form br { display: none; }
.wpcf7-form textarea { min-height: 160px; }
.wpcf7-form .animarkt-formular__gdpr { font-size: 13px; color: var(--grafit-3); }
.wpcf7-form .wpcf7-not-valid-tip { font-size: 12.5px; color: var(--rosu); }
.wpcf7-form .wpcf7-response-output { margin: 0; padding: 14px 18px; border-radius: var(--raza-s); border: 1px solid var(--linie); background: var(--alb); font-size: 14.5px; }
@media (max-width: 600px) { .wpcf7-form .animarkt-formular__rand { grid-template-columns: 1fr; } }
/* modulul asiimov-cookie-consent, în sistemul vizual al temei: variabilele lui, suprascrise pe elementele proprii
   (JS-ul lui pune --acc-accent pe :root, așa că definițiile de aici, mai apropiate, înving) */
.acc-banner, .acc-modal, .acc-reopen, .acc-overlay {
  --acc-accent: var(--auriu-text); --acc-accent-contrast: var(--pe-auriu);
  --acc-bg: var(--alb); --acc-surface-2: var(--ivoriu-2); --acc-text: var(--grafit); --acc-muted: var(--grafit-3);
  --acc-border: var(--linie-tare); --acc-btn-secondary-bg: var(--ivoriu); --acc-btn-secondary-bg-hover: var(--ivoriu-2);
  --acc-switch-off: var(--vena); --acc-radius: 16px; --acc-font: var(--f-corp);
  --acc-shadow: 0 18px 50px -14px rgba(26, 21, 8, .28), 0 4px 14px -6px rgba(26, 21, 8, .14);
}
.acc-banner .acc-btn, .acc-modal .acc-btn { font-family: var(--f-titlu) !important; font-weight: 600 !important; border-radius: 999px !important; }
.acc-banner .acc-btn--primary, .acc-modal .acc-btn--primary { background: var(--grad-aur) !important; color: var(--pe-auriu) !important; border-color: transparent !important; }
.acc-banner .acc-btn--secondary, .acc-modal .acc-btn--secondary { background: transparent !important; color: var(--grafit) !important; border-color: var(--vena) !important; }
.acc-banner .acc-btn--secondary:hover, .acc-modal .acc-btn--secondary:hover { background: var(--ivoriu) !important; border-color: var(--auriu) !important; }
.acc-banner .acc-btn--flat, .acc-modal .acc-btn--flat { color: var(--auriu-text) !important; }
.acc-banner__title, .acc-modal__title { font-family: var(--f-titlu) !important; font-weight: 600 !important; color: var(--grafit) !important; }
/* pilula „Setări cookie-uri”: pe desktop în colțul din dreapta (în jgheabul paginii, nu peste carduri/„Continuă cumpărăturile”);
   pe telefon rămâne în stânga, dar urcă deasupra barei fixe de cumpărare/coș și a bannerului */
body .acc-reopen { left: auto; right: 16px; }
@media (max-width: 900px) {
  body .acc-reopen { left: 12px; right: auto; }
  body.cu-bara .acc-reopen { bottom: calc(var(--h-bara-cumpara) + var(--inaltime-cookie) + 12px); }
}