/* === Warmth — editorial.css (sistem pagini interne: page-header, poveste, stats, valori, echipa). Inclus de paginile interne (ex. despre). === */
/* ============ PAGINI INTERNE — sistem editorial (fără dependență de imagini) ============ */
/* Header: prev/next sus + manifest asimetric cu marcaj-an mare */
.page-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);overflow:hidden}
.page-header .inner{padding-top:1.3rem;padding-bottom:var(--space-lg)}
.seq-nav{display:flex;justify-content:space-between;gap:1rem;margin-bottom:var(--space-md)}
.seq-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-text-muted);font-family:var(--font-heading);font-size:1.05rem;transition:color var(--t)}
.seq-link:hover{color:var(--color-accent)}
.seq-link svg{width:18px;height:18px;flex:0 0 auto;opacity:.7}
/* Breadcrumbs (CMS-driven: data-content-list="breadcrumb"). In seq-nav = centrat la mijloc; standalone (.crumbs-top, ex. articole) = aliniat stanga. */
.crumbs{display:flex;align-items:center;min-width:0}
.crumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0;font-size:.8rem;letter-spacing:.03em}
.crumbs li{display:flex;align-items:center;gap:.4rem;color:var(--color-text-muted)}
.crumbs li+li::before{content:"\203A";opacity:.55}
.crumbs a{color:var(--color-text-muted);text-decoration:none;transition:color var(--t)}
.crumbs a:hover{color:var(--color-accent)}
.crumbs [aria-current="page"]{color:var(--color-text);font-weight:500}
.seq-nav .crumbs{flex:1 1 auto;justify-content:center} /* in seq-nav: ocupa mijlocul, centrat */
.seq-nav .crumbs ol{justify-content:center}
.crumbs-top{margin-bottom:var(--space-md)} /* standalone (articol): spatiu sub, sus in pagina */
.page-seq{padding-top:1.6rem} /* wrapper seq-nav pe pagini fără antet propriu (ex. /contact) */
@media (max-width:560px){
.seq-nav{flex-wrap:wrap;row-gap:.5rem} /* mobil ingust: breadcrumb pe randul lui */
.seq-nav .crumbs{order:-1;flex-basis:100%} /* breadcrumb SUS, prev/next dedesubt */
}
.ph-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}
.ph-copy .eyebrow{margin-bottom:1rem}
.ph-title{font-family:var(--font-heading);font-weight:var(--fw-display,500);line-height:1.02;font-size:clamp(2.6rem,6vw,4.6rem);letter-spacing:-.015em;margin:0}
.ph-title em{font-style:italic;color:var(--color-accent)}
.ph-lead{color:var(--color-text-muted);font-size:1.12rem;line-height:1.6;max-width:46ch;margin-top:1.5rem}
.ph-cta{margin-top:1.6rem} /* CRO: rand de actiune in header categorie (Programeaza-te + Vezi serviciile) */
.ph-figure{position:relative;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);background:linear-gradient(160deg,var(--tint-2),var(--tint-icon))}
.ph-figure picture{position:absolute;inset:0}
.ph-figure .real-img{width:100%;height:100%;object-fit:cover;display:block}
/* Starea „Niciuna": antetul intern pe o coloană, centrat */
.ph-grid:has(.ph-figure[data-visual="none"]){grid-template-columns:1fr;text-align:center}
.ph-grid:has(.ph-figure[data-visual="none"]) .ph-copy{max-width:780px;margin-inline:auto}
.ph-grid:has(.ph-figure[data-visual="none"]) .ph-lead{margin-inline:auto}
/* Antet de secțiune cu număr mare în filigran */
.story-head{position:relative;margin-bottom:var(--space-md)}
.story-title{font-family:var(--font-heading);font-weight:var(--fw-display,500);line-height:1.04;font-size:clamp(2rem,4.4vw,3.4rem);letter-spacing:-.01em;margin:.6rem 0 0}
.story-title em{font-style:italic;color:var(--color-accent)}
.story-head .eyebrow{margin-top:.2rem}
/* Poveste: text pe coloane asimetrice + pull-quote */
.story-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}
.story-head{grid-column:1;grid-row:1}
.story-body{grid-column:2;grid-row:1;color:var(--color-text);line-height:1.75}
.story-body p+p{margin-top:1rem}
.pull-quote{grid-column:1 / -1;margin:var(--space-md) 0 0;padding:var(--space-sm) 0 0;border-top:1px solid var(--color-border)}
.pull-quote p{font-family:var(--font-heading);font-style:italic;font-weight:var(--fw-display,500);font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.25;color:var(--color-primary);max-width:24ch}
.pull-quote cite{display:block;margin-top:1rem;font-style:normal;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}
/* Bandă stats: numere mari pe fundal închis (contrast puternic) */
.stats-band{background:var(--dark-bg);color:var(--on-dark)}
.stats-band .inner{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,4vw,3rem)}
.stats-band .stat{display:flex;flex-direction:column;gap:.5rem;position:relative;padding-left:1.4rem}
.stats-band .stat::before{content:"";position:absolute;left:0;top:.4rem;bottom:.4rem;width:2px;background:var(--color-accent);opacity:.6}
.stats-band .stat-num{font-family:var(--font-heading);font-weight:500;font-size:clamp(2.6rem,5vw,3.8rem);line-height:1;color:var(--on-dark);display:flex;align-items:baseline;gap:.2rem;text-transform:none;letter-spacing:normal}
.stats-band .stat-num span{font-size:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.stats-band .stat-suf{font-size:.4em;color:var(--color-accent);font-style:italic}
.stats-band .stat-lbl{font-size:.9rem;line-height:1.4;color:var(--on-dark-muted);max-width:22ch;letter-spacing:normal;text-transform:none}
/* Valori: carduri numerotate, fără iconițe */
.values .inner{padding-top:var(--space-lg)}
/* Coloane DUPA numarul de itemi, nu fix 3: pe content-page blocul `values` vine cu 2 (pizzeria) sau 4 (dental, CF #1578) —
cu repeat(3) 4 itemi dadeau un rand orfan + o linie verticala ratacita la marginea grilei, 2 lasau o coloana goala. */
.val-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;margin-top:var(--space-md);border-top:1px solid var(--color-border)}
.val{padding:var(--space-md) clamp(1rem,2.5vw,2rem) var(--space-md) 0;border-right:1px solid var(--color-border);position:relative}
.val:last-child{border-right:none}
.val-num{font-family:var(--font-heading);font-size:.9rem;color:var(--color-accent);letter-spacing:.1em;display:block;margin-bottom:1rem}
.val h3{font-family:var(--font-heading);font-weight:500;font-size:1.5rem;line-height:1.15;margin-bottom:.6rem}
.val p{color:var(--color-text-muted);line-height:1.65;font-size:.97rem}
/* Echipă teaser asimetric */
.team-cta-sec{background:var(--color-surface)}
.team-cta-sec .inner{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.team-cta{display:grid;grid-template-columns:minmax(0,1.6fr) auto;gap:var(--space-md);align-items:end}
.team-cta-copy p{color:var(--color-text-muted);line-height:1.65;margin-top:1rem;max-width:48ch}
.team-cta .btn{flex:0 0 auto;white-space:nowrap}
/* Contact points */
.contact-points{margin-top:1.6rem;display:flex;flex-direction:column;gap:.6rem}
.cp-group{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.contact-points li{font-family:var(--font-heading);font-size:1.15rem}
.contact-points a{color:var(--color-text);transition:color var(--t)}
.contact-points a:hover{color:var(--color-accent)}
.cp-tag{display:block;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.2;margin-bottom:.04rem}
.form-note{font-size:.82rem;color:var(--color-text-muted);margin-top:.8rem;text-align:center}
.form-submit{display:block;margin:0 auto}
.opt{color:var(--color-text-muted);font-weight:400;font-size:.85em}
.req{color:#c0392b;font-weight:700;font-size:.95em;margin-inline-start:.08em}
/* ============ Responsive — pagini interne (≤1024px) ============ */
@media (max-width:1024px){
/* pagini interne editoriale */
.ph-grid{grid-template-columns:1fr;gap:var(--space-sm)}
.ph-figure{aspect-ratio:3/2;max-height:380px}
.story-inner{grid-template-columns:1fr;gap:var(--space-sm)}
.story-head,.story-body,.pull-quote{grid-column:1;grid-row:auto}
.story-head{margin-bottom:1rem}
.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}
.val-grid{grid-template-columns:1fr;border-top:none}
.val{border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0}
.val:last-child{border-bottom:none}
.team-cta{grid-template-columns:1fr;gap:var(--space-sm);align-items:start}
}
/* ---- echipă / specialist ---- */
.member-photo{position:relative;overflow:hidden}
.member-photo picture{position:absolute;inset:0}
.member-photo img{width:100%;height:100%;object-fit:cover;display:block}
.member-photo .m-init{display:none;font-family:var(--font-heading);font-size:4.4rem;color:var(--color-primary);opacity:.32;line-height:1}
.member-photo.noimg .m-init{display:block}
.member .btn{margin-top:.9rem}
.quote-sec .quote-inner{padding-top:0;max-width:820px}
.creds-sec{background:var(--color-surface)}
.creds{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;margin-top:var(--space-md)}
.cred{border-left:2px solid var(--tint-icon);padding-left:1.1rem}
.cred h3{font-size:.98rem;font-weight:var(--fw-display,500);margin-bottom:.25rem}
.cred p{font-size:.86rem;color:var(--color-text-muted);line-height:1.6}
.author-arch{margin-top:var(--space-md);text-align:center}
/* ---- catalog servicii ---- */
.cat-nav-sec{padding-top:0}
.cat-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.cat-nav .chip{text-decoration:none}
.cat-block{scroll-margin-top:140px}
.cat-block:nth-child(odd){background:var(--color-surface)}
.cat-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.3rem;margin-top:var(--space-md)}
.price-note-sec{padding-top:0}
.price-note{text-align:center;font-size:.9rem;color:var(--color-text-muted);max-width:640px;margin-inline:auto}
/* ---- tabel prețuri ---- */
.pt-block{padding-block:var(--space-sm)}
.pt-inner{max-width:760px}
.pt-cat{font-family:var(--font-heading);font-size:1.6rem;font-weight:var(--fw-display,500);margin-bottom:1rem}
.pt-rows{display:flex;flex-direction:column;gap:.65rem}
.pt-row{display:flex;align-items:baseline;gap:.6rem}
.pt-name{font-size:.95rem}
.pt-dots{flex:1;border-bottom:1px dotted var(--color-border);transform:translateY(-4px)}
.pt-price{font-size:.95rem;white-space:nowrap}
.pt-price b{font-family:var(--font-heading);font-size:1.15rem;font-weight:var(--fw-display,500)}
.pt-price .from{font-size:.62rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}
/* ---- galerie ---- */
.gal-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:var(--space-md)}
.gal-filter .chip{text-decoration:none}
.gal-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem}
.gal-item{flex:0 1 calc((100% - 2.2rem)/3);min-width:230px;max-width:360px}
@media (max-width:820px){.gal-item{flex-basis:calc((100% - 1.1rem)/2)}}
@media (max-width:520px){.gal-item{flex-basis:100%}}
.gal-item{margin:0;display:flex;flex-direction:column;gap:.45rem;border-radius:var(--radius-lg);border:1px solid transparent;padding:.4rem .4rem .15rem}
.gal-item.gal-hide{display:none}
.gal-btn{border:none;padding:0;background:linear-gradient(150deg,var(--tint-2),var(--tint-icon));border-radius:var(--radius-lg);overflow:hidden;cursor:zoom-in;aspect-ratio:1;display:block;width:100%}
.gal-btn img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t)}
/* zoom pe imagine DOAR la abundenta — vezi blocul consolidat #5/B8 mai jos */
.gal-item.noimg .gal-btn{cursor:zoom-in}
.gal-item.noimg .gal-btn img{display:none}
.gal-item figcaption{font-size:.78rem;color:var(--color-text-muted);padding:.3rem .55rem .45rem;text-align:center}
.lb{position:fixed;inset:0;z-index:300;background:rgba(20,12,8,.92);display:flex;align-items:center;justify-content:center;padding:4vmin}
.lb[hidden]{display:none}
.lb img{max-width:92vw;max-height:88vh;border-radius:var(--radius)}
.lb-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:1.3rem;cursor:pointer}
.lb-cap{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:.85rem;opacity:.85;text-align:center;max-width:80vw}
/* ---- blog listă / paginare ---- */
.blog-cats{margin-bottom:var(--space-md)}
.blog-grid{margin-top:0}
.post-cat{color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;font-size:.64rem}
.pagination{display:flex;gap:.45rem;justify-content:center;margin-top:var(--space-md)}
.pagination .chip{text-decoration:none}
.pg-cur{border-color:var(--color-primary);background:var(--tint);color:var(--color-accent);font-weight:600}
/* ---- articol + sidebar ---- */
.art-header .ph-grid{align-items:center}
.art-meta{font-size:.86rem;color:var(--color-text-muted);margin-top:.9rem}
.art-meta a{color:var(--color-accent)}
.art-cat{color:inherit;text-decoration:none}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(1.6rem,4vw,3.4rem);align-items:start}
.art-body{max-width:680px}
.art-hero{margin:0 0 1.6rem;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(150deg,var(--tint-2),var(--tint-icon))}
.art-hero img{width:100%;height:auto;display:block}
.art-intro{font-size:1.08rem;line-height:1.75;color:var(--color-text)}
.art-body h2{font-size:1.45rem;margin:1.9rem 0 .7rem;font-weight:var(--fw-display,500)}
.art-body p{font-size:.97rem;line-height:1.8;color:var(--color-text-muted);margin-bottom:1rem}
.art-body blockquote{border-left:3px solid var(--color-primary);margin:1.6rem 0;padding:.4rem 0 .4rem 1.2rem}
.art-body blockquote p{font-family:var(--font-heading);font-style:italic;font-size:1.18rem;color:var(--color-text);margin:0}
.art-body a{color:var(--color-accent)}
.art-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:1.2rem}
.sb-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.1rem 1.2rem}
.sb-title{font-family:var(--font-body);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.7rem;font-weight:600}
.sb-form{display:flex;gap:.45rem}
/* Căutare scoped standalone pe paginile de LISTĂ ale secțiunii (rădăcină blog/resurse + categorii + arhive) — refolosește .sb-form */
.sec-search{max-width:420px;margin:0 auto 1.6rem} /* centrat, ca chips-urile de categorii */
.blog-cats + .sec-search{margin-top:-.2rem} /* sub chips-uri, compact */
/* 404: butoanele mai aerisite față de text (cerință Razvan; singurul page-header cu .actions) */
.page-header .actions{margin-top:1.5rem}
/* ============ Pagina de REZULTATE căutare /cauta (motorul JS = CMS; layout/stil = template).
Contract markup (ce emite JS-ul CMS) documentat în _MESAJ_CHAT_CMS.md §15. ============ */
.search-results{max-width:760px;margin-inline:auto;padding-block:var(--space-md)}
.search-results > h1.h{margin-bottom:1.1rem}
.search-results .cs-form{display:flex;gap:.5rem;max-width:480px;margin:0 0 1.15rem}
.search-results .cs-form input{flex:1;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius);padding:.62rem .85rem;font-family:var(--font-body);font-size:.95rem;background:var(--color-surface);color:var(--color-text)}
.search-results .cs-form .btn{flex:0 0 auto}
.cs-meta{font-size:.95rem;color:var(--color-text-muted);margin:0 0 1.3rem}
.cs-meta b{color:var(--color-text);font-weight:600}
.cs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.cs-r{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .15s,box-shadow .15s}
.cs-r:hover{border-color:var(--color-primary);box-shadow:0 4px 16px -8px color-mix(in srgb,var(--color-text) 22%,transparent)}
.cs-r-link{display:block;padding:1rem 1.15rem;text-decoration:none;color:inherit}
.cs-r-head{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.3rem}
.cs-type{font-size:.63rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.16rem .5rem;border-radius:20px;white-space:nowrap}
.cs-type--post{background:#EAF0E2;color:#4D6B2F}
.cs-type--service{background:#F6E7DE;color:#A8531F}
.cs-type--resource{background:#E5EBF2;color:#3F5B7A}
.cs-type--page{background:#EFEAE2;color:#6F5C48}
.cs-cat{font-size:.74rem;color:var(--color-text-muted)}
.cs-cat::before{content:"·";margin-right:.5rem;color:var(--color-border)}
.cs-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:var(--fw-display,500);line-height:1.2;color:var(--color-text);display:block;margin-bottom:.25rem;transition:color .15s}
.cs-r:hover .cs-title{color:var(--color-accent)}
.cs-ex{display:block;font-size:.9rem;line-height:1.55;color:var(--color-text-muted);margin:0}
.cs-ex mark{background:color-mix(in srgb,var(--color-secondary) 55%,transparent);color:var(--color-text);border-radius:2px;padding:0 1px}
/* stare goală (0 rezultate) */
.cs-empty{text-align:center;padding:2.6rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.cs-empty svg{width:44px;height:44px;color:var(--color-secondary);margin-bottom:.5rem}
.cs-empty-title{font-family:var(--font-heading);font-size:1.45rem;color:var(--color-text);margin:0 0 .3rem}
.cs-empty-hint{font-size:.9rem;color:var(--color-text-muted)}
/* dark mode (paletă întunecată): tinte-le fixe de badge devin translucide pe fundal închis */
html[data-theme="dark"] .cs-type--post{background:rgba(120,160,80,.20);color:#A9C98A}
html[data-theme="dark"] .cs-type--service{background:rgba(199,126,92,.20);color:#E0A684}
html[data-theme="dark"] .cs-type--resource{background:rgba(90,130,180,.22);color:#9BB8DD}
html[data-theme="dark"] .cs-type--page{background:rgba(255,255,255,.08);color:#B8AB98}
.sb-form input{flex:1;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius);padding:.55rem .7rem;font-family:var(--font-body);font-size:.88rem;background:var(--color-bg)}
.sb-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.sb-list a{font-size:.88rem;color:var(--color-text);text-decoration:none;line-height:1.45}
.sb-list a:hover{color:var(--color-accent)}
/* Box „Categorii Blog" (CMS: data-content-list="blog.categories") = tag-cloud cu pastile care curg pe randuri */
.sb-cats{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}
.sb-cats a{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text);text-decoration:none;background:var(--tint);border:1px solid transparent;border-radius:var(--radius-pill);padding:.3rem .7rem;line-height:1.3;transition:color var(--t),border-color var(--t)}
.sb-cats a:hover{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent)}
.sb-cat-count{color:var(--color-text-muted);font-variant-numeric:tabular-nums}
.sb-cat-count::before{content:"("}
.sb-cat-count::after{content:")"}
/* ============ Pagini Servicii (categorie + serviciu individual) — CSS nou minim, restul reutilizat ============ */
.svc-hero-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin:1.6rem 0 0}
.svc-hero-facts{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}
.svc-hero-facts .price{font-size:2rem}
.svc-hero-facts .price small{display:inline;margin-top:0;font-size:.7rem}
.svc-hero-facts .svc-dur{font-size:.92rem}
/* CRO: linie de incredere sub CTA in hero serviciu (consultatie · garantie · anulare) */
.svc-trust{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1.4rem;list-style:none;margin:1.1rem 0 0;padding:1rem 0 0;border-top:1px solid var(--color-border)}
.svc-trust li{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--color-text-muted)}
.svc-trust svg{width:16px;height:16px;flex:0 0 auto;color:var(--color-accent)}
.svc-options{margin-top:1.6rem}
.svc-block-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:500;margin-bottom:.5rem}
.svc-options ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.svc-options li{color:var(--color-text-muted);font-size:.95rem}
.svc-options li b{color:var(--color-text);font-weight:500}
.svc-guarantee{margin-top:1.4rem}
.sb-cta-block .sb-cta-text{color:var(--color-text-muted);font-size:.9rem;line-height:1.5;margin:.2rem 0 .9rem}
.sb-cta-block .btn{width:100%;justify-content:center}
.svc-spec-list a{font-weight:500}
.svc-cat-intro{max-width:760px;margin:0 auto;color:var(--color-text-muted);font-size:1.05rem;line-height:1.7;text-align:center}
.svc-cat-intro p{margin:0 0 1rem}
.svc-cat-intro p:last-child{margin-bottom:0}
/* --- Sectiunea 2 serviciu: mai placuta estetic --- */
.svc-body .pa-body > p:first-child{font-size:1.1rem;color:var(--color-text);line-height:1.65}
.pa-side .svc-spec-block .sb-title,.pa-side .sb-cta-block .sb-title{text-align:left}
.pa-side .sb-block.sb-cta-block{background:var(--tint);border-color:transparent}
/* CRO: bloc programare cu un sub-box per specialist (mini-poza focal + hover ca pe /despre; buton contur care se umple la hover PE BUTON) */
.svc-book-list{display:flex;flex-direction:column}
.svc-book-spec{display:flex;flex-direction:column;gap:.75rem}
.svc-book-spec + .svc-book-spec{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--color-border)}
.svc-bs-person{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--color-text)}
.svc-book-spec .tt-photo{width:56px;height:56px;flex:0 0 auto}
.svc-book-spec .tt-init{font-size:1.5rem}
.svc-bs-meta{display:flex;flex-direction:column;gap:.05rem;min-width:0}
.svc-bs-name{font-weight:500;line-height:1.2}
.svc-bs-role{font-size:.8rem;color:var(--color-text-muted);line-height:1.25}
.btn-book-spec{width:100%;justify-content:center;background:transparent;color:var(--color-text);border-color:var(--color-border);transition:background var(--t),border-color var(--t),color var(--t)}
.btn-book-spec:hover{background:var(--cta-bg);border-color:var(--cta-bg);color:var(--on-primary)}
.svc-bs-person:hover .svc-bs-name{color:var(--color-accent);font-weight:600}
html[data-animation="usoara"] .svc-bs-person:hover .tt-photo,html[data-animation="abundenta"] .svc-bs-person:hover .tt-photo{box-shadow:0 12px 26px -10px color-mix(in srgb,var(--color-text) 32%,transparent)}
html[data-animation="abundenta"] .svc-bs-person:hover .tt-photo img{transform:scale(1.08)}
.sb-cats,.sb-social{justify-content:flex-start;margin-bottom:0}
.sb-cats .chip,.sb-social .chip{font-size:.72rem;padding:.26rem .65rem}
.sb-btn{margin-top:.9rem;width:100%;justify-content:center}
.art-foot-sec{padding-top:0}
.share{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-md)}
.share-lbl{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}
.share .chip{text-decoration:none}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:860px;margin-inline:auto}
.pn-link{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.2rem;background:var(--color-surface);transition:border-color var(--t)}
.pn-link:hover{border-color:var(--color-primary)}
.pn-next{text-align:right}
.pn-dir{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}
.pn-title{font-family:var(--font-heading);font-size:1.02rem;color:var(--color-text);font-weight:var(--fw-display,500)}
/* ---- contact: info grid + program ---- */
.cinfo-sec{padding-top:0}
.cinfo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}
.cinfo{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.15rem 1.25rem}
.cinfo-lbl{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.4rem}
.cinfo-val{font-family:var(--font-heading);font-size:1.18rem;color:var(--color-text);text-decoration:none;font-weight:var(--fw-display,500)}
.cinfo-note{font-size:.82rem;color:var(--color-text-muted);margin-top:.45rem;line-height:1.55}
.hours{list-style:none;display:flex;flex-direction:column;gap:.4rem}
.hours li{display:flex;justify-content:space-between;font-size:.88rem;border-bottom:1px dashed var(--color-border);padding-bottom:.35rem}
.hours li:last-child{border-bottom:none}
/* ---- legal ---- */
.legal-sec .inner{max-width:780px}
.legal-body{max-width:none}
/* ---- responsive pagini noi ---- */
@media (max-width:900px){
.art-grid{grid-template-columns:1fr}
.art-side{position:static}
.pn{grid-template-columns:1fr}
.pn-next{text-align:left}
}
/* ---- ajustări (feedback) ---- */
.cat-nav-sec{padding:1.8rem 0 2.2rem}
.cat-nav{gap:.7rem;align-items:center}
.cat-nav .chip{padding:.5rem 1.15rem;font-size:.84rem}
.item-img{position:relative}
.item-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.item-img .ii-ic{width:38px;height:38px;color:var(--color-primary);opacity:.5}
.contact-hours{max-width:300px;margin-top:1.2rem}
.pt-cat{font-size:1.8rem}
.pt-name{font-size:1.08rem}
.pt-price{font-size:1.05rem}
.pt-price b{font-size:1.4rem}
.pt-rows{gap:.8rem}
.legal-h1{font-size:clamp(1.8rem,3.5vw,2.4rem);margin:0 0 1rem;font-weight:var(--fw-display,500)}
.legal-sec{padding-top:var(--space-md)}
.art-foot{margin-top:2.4rem;border-top:1px solid var(--color-border);padding-top:1.6rem}
.art-foot .share{justify-content:flex-start;margin-bottom:1.2rem}
.art-foot .pn{max-width:none;margin-inline:0}
.art-foot .pn-link{padding:.75rem .95rem}
.art-foot .pn-title{font-size:.92rem}
.art-foot .pn-dir{font-size:.6rem}
.sb-title{text-align:center}
/* imagini în carduri (după restrângerea .real-img global) */
.member-photo img{position:absolute;inset:0}
.post-img{position:relative}
.post-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* share cu icoane (sub articol) — stilul efectiv (glife pline + casetă) e la „item 15" mai jos */
/* ============================================================
RUNDA 3 — formular unificat, notă, hartă clickabilă
============================================================ */
/* --- formular compactat: rânduri cu 2 câmpuri pe desktop --- */
.contact-main{min-width:0}
/* Formularul coborât ca primul câmp (NUME/TELEFON) să fie la nivelul titlului secțiunii, nu al eyebrow-ului */
@media (min-width:861px){
.contact:not(.contact--header) .contact-main{padding-top:2.6rem}
}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:620px){.cf-row{grid-template-columns:1fr;gap:0}}
.contact-form .field{margin-bottom:1rem}
.contact-form .cf-row .field{margin-bottom:1rem}
/* distanțe egale pe mobil (toate field-urile au exact același margin) */
@media (max-width:620px){
.contact-form .field{margin-bottom:1rem}
.cf-row>.field:last-child{margin-bottom:1rem}
}
.ms-opt-sub{color:var(--color-text-muted);font-size:.82em;margin-left:.2em}
/* add-on-uri în multiselect (ex. „Păr lung" sub Tuns, „Pensat + vopsit" sub Pensat sprâncene):
sub-opțiuni indentate, cu un conector ↳, ca să fie clar că aparțin serviciului de deasupra */
.ms-opt-addon{margin-left:1.5rem;font-size:.83rem;color:var(--color-text-muted);position:relative}
.ms-opt-addon::before{content:"↳";position:absolute;left:-1.05rem;top:50%;transform:translateY(-55%);color:var(--color-text-muted);opacity:.5;font-size:.9rem;pointer-events:none}
/* nota repartizare specialiști */
.bk-note{font-size:.82rem;color:var(--color-text);background:var(--tint);border-left:3px solid var(--color-primary);border-radius:6px;padding:.65rem .8rem;margin:0 0 1rem;line-height:1.55}
.bk-note b{font-weight:600;color:var(--color-accent)}
/* --- NOTĂ WebID.ro: estetică curată, deasupra formularului, lățimea lui --- */
/* Notă WebID (demo-only): pe culorile paletei DAR clar „meta" prin bordura PUNCTATA + badge — nu apare pe site final.
Stil UNIC, refolosit peste tot; se restilizeaza o singura data de aici. */
.webid-demo-note{position:relative;background:var(--tint);border:1.5px dashed color-mix(in srgb,var(--color-accent) 50%,var(--color-border));border-radius:var(--radius-lg);padding:1.1rem 1.25rem;margin-bottom:1.4rem}
.webid-demo-note .wdn-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);padding:.26rem .65rem;border-radius:var(--radius-pill);margin-bottom:.6rem;font-weight:600;font-family:var(--font-body)}
.webid-demo-note .wdn-tag svg{width:13px;height:13px;flex:0 0 auto}
.webid-demo-note p{font-size:.86rem;line-height:1.6;color:var(--color-text-muted);margin:0 0 .7rem;max-width:66ch;font-family:var(--font-body)}
.webid-demo-note p:last-of-type{margin-bottom:.8rem}
.webid-demo-note strong{color:var(--color-text);font-weight:600}
.webid-demo-note .wdn-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.84rem;color:var(--color-accent);text-decoration:none;font-weight:600;font-family:var(--font-body)}
.webid-demo-note .wdn-link::after{content:"→"}
.webid-demo-note .wdn-link:hover{text-decoration:underline}
/* --- contact-points cu mini-icoane --- */
.contact-points li{position:relative;padding-left:1.5rem}
.contact-points li::before{content:"";position:absolute;left:0;top:.2em;width:15px;height:15px;background-size:contain;background-repeat:no-repeat;opacity:.6}
.cp-phone::before{background-image:url('data:image/svg+xml;utf8,')}
.cp-mail::before{background-image:url('data:image/svg+xml;utf8,')}
.cp-addr::before{background-image:url('data:image/svg+xml;utf8,')}
/* --- HARTĂ clickabilă: titlu CENTRAT, hartă FULL-WIDTH, navigare DOAR pe mobil --- */
.map-sec{background:var(--color-surface);padding-bottom:0}
.map-h-btn{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;background:none;border:none;cursor:pointer;padding:0 0 1.4rem;text-align:center;color:inherit}
.map-h-btn .map-h{margin:0}
.map-chev{display:inline-flex;color:var(--color-accent);transition:transform .3s ease}
.map-chev svg{width:24px;height:24px}
.map-sec.is-open .map-chev{transform:rotate(180deg)}
/* harta pe toată lățimea ecranului (iese din .inner) */
.map-body{width:100%}
.map-body iframe{width:100%;height:420px;border:0;display:block}
/* navigarea Waze/Maps: ASCUNSĂ pe desktop, vizibilă + centrată pe mobil */
.map-nav-wrap{display:none}
@media (max-width:760px){
.map-nav-wrap{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.1rem 1rem}
.map-nav{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
}
/* ============ Variante de contact ============ */
/* --home: nota WebID se mută în coloana stângă, sub datele de contact (dreapta rămâne doar formular) */
/* originalul din coloana dreaptă, mutat de JS în stânga pe home → ascuns */
.webid-demo-note.is-moved-away{display:none !important}
/* clona în contact-copy: vizibilă doar pe home (JS o pune doar acolo) */
.contact-copy>.webid-demo-note{margin-top:1.6rem;margin-bottom:0}
@media (min-width:861px){
.contact--home .contact-grid{grid-template-columns:1fr 1.05fr}
}
/* --header: formularul devine "hero"-ul paginii contact; h1 + text + contact + program în stânga, formular în dreapta */
.contact--header{padding-top:var(--space-lg)}
.contact--header .contact-title-h1{font-family:var(--font-heading);font-size:clamp(2rem,4.5vw,3rem);line-height:1.06;font-weight:var(--fw-display,500);margin:.4rem 0 1rem}
/* ============================================================
RUNDA 3 — blogpost redesign + centrări
============================================================ */
/* --- blogpost: titlu+imagine sus, corp pe fundal alb --- */
.post-article{padding:var(--space-lg) 0}
.post-article:has(.crumbs-top){padding-top:1.3rem} /* cu breadcrumb sus: aceeasi distanta fata de meniu ca pe celelalte pagini */
.pa-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-bottom:2.5rem}
.pa-hero-copy{min-width:0}
.pa-cat{display:inline-block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-weight:600;text-decoration:none;margin-bottom:.7rem;border-bottom:1px solid transparent;transition:border-color var(--t)}
.pa-cat:hover{border-color:currentColor}
.pa-title{font-family:var(--font-heading);font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.08;font-weight:var(--fw-display,500);margin:0 0 1rem}
.pa-title em{font-style:italic;color:var(--color-accent)}
.pa-meta{font-size:.88rem;color:var(--color-text-muted)}
.pa-meta a{color:var(--color-accent);text-decoration:none}
.pa-hero-img{margin:0;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1200/675;background:linear-gradient(150deg,var(--tint-2),var(--tint-icon))}
.pa-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.pa-hero-img.noimg img{display:none}
@media (max-width:760px){.pa-hero{grid-template-columns:1fr;gap:1.4rem}.pa-hero-img{order:-1}}
.pa-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(1.6rem,4vw,3rem);align-items:start}
@media (max-width:900px){.pa-grid{grid-template-columns:1fr}}
/* corpul = star-ul paginii, pe fundal surface (alb/întunecat după paletă) cu umbră subtilă */
.pa-body-wrap{background:var(--color-surface);border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,3rem);box-shadow:0 4px 30px -10px rgba(60,30,15,.12);border:1px solid var(--color-border)}
.pa-body{max-width:68ch}
.pa-body>p:first-child,.pa-body .art-intro{font-size:1.1rem;line-height:1.75;color:var(--color-text)}
.pa-body p{font-size:1rem;line-height:1.8;color:var(--color-text);margin-bottom:1.1rem}
.pa-body h2{font-family:var(--font-heading);font-size:1.5rem;margin:2rem 0 .8rem;font-weight:var(--fw-display,500)}
.pa-body blockquote{border-left:3px solid var(--color-primary);margin:1.8rem 0;padding:.5rem 0 .5rem 1.3rem}
.pa-body blockquote p{font-family:var(--font-heading);font-style:italic;font-size:1.22rem;color:var(--color-text);margin:0}
.pa-body a{color:var(--color-accent)}
/* Tabele in corpul articolului (Blogging Plus genereaza tabele comparative) — responsive, in tonul temei */
.pa-body table{width:100%;margin:1.8rem 0;border-collapse:collapse;font-size:.92rem;line-height:1.55;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}
@media(max-width:760px){.pa-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}} /* mobil: tabelul derulează orizontal, nu rupe layout-ul */
.pa-body table caption{caption-side:top;text-align:left;font-family:var(--font-heading);font-size:1.05rem;color:var(--color-text);padding:.6rem .85rem .2rem}
.pa-body th,.pa-body td{padding:.6rem .85rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);min-width:7ch}
.pa-body thead th{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);background:var(--tint);border-bottom:2px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}
.pa-body tbody tr:nth-child(even){background:color-mix(in srgb,var(--color-secondary) 9%,var(--color-surface))}
.pa-body tbody tr:last-child td{border-bottom:0}
.pa-body tbody th{font-weight:600;color:var(--color-text)}
.pa-body tfoot td{font-size:.8rem;color:var(--color-text-muted);background:var(--tint)}
/* Embed-uri bogate in corp editorial (EMBED_BLOCKS.md): video/map = iframe 16:9 responsiv; gallery = grila compacta */
.webid-embed{margin:1.8rem 0}
.webid-embed--video .webid-embed__frame,.webid-embed--map .webid-embed__frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:linear-gradient(150deg,var(--tint-2),var(--tint-icon))}
.webid-embed__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.webid-embed--gallery .gal-grid--embed{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;justify-content:initial}
.webid-embed--gallery .gal-item{padding:0}
/* utilitar a11y (label-uri ascunse vizual, ex. newsletter) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* CRO: caseta „Despre autor" la finalul articolului (E-A-T + cross-sell) */
.author-box{display:flex;gap:1.1rem;align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.3rem 1.4rem;margin:2.4rem 0 0}
.ab-photo{flex:0 0 auto;width:74px;height:74px;border-radius:50%;overflow:hidden;background:var(--tint-icon);display:flex;align-items:center;justify-content:center;position:relative}
.ab-photo img{width:100%;height:100%;object-fit:cover}
.ab-photo.noimg img{display:none}
.ab-init{position:absolute;font-family:var(--font-heading);font-size:1.7rem;color:var(--color-accent);display:none}
.ab-photo.noimg .ab-init{display:block}
.ab-eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-weight:500}
.ab-name{font-family:var(--font-heading);font-size:1.3rem;font-weight:var(--fw-display,500);margin:.15rem 0 0;line-height:1.1}
.ab-name a{color:var(--color-text);text-decoration:none}
.ab-name a:hover{color:var(--color-accent)}
.ab-role{font-size:.82rem;color:var(--color-text-muted);margin:.1rem 0 .5rem}
.ab-bio{font-size:.92rem;color:var(--color-text-muted);line-height:1.6;margin:0 0 .9rem}
/* CRO: newsletter (captare email) — blog + articole */
.newsletter{background:color-mix(in srgb,var(--color-secondary) 14%,var(--color-bg))}
.nl-inner{max-width:760px;margin:0 auto;text-align:center}
.nl-copy .lead{margin-inline:auto}
.nl-form{max-width:480px;margin:1.6rem auto 0}
.nl-row{display:flex;gap:.6rem;flex-wrap:wrap}
.nl-row input[type=email]{flex:1;min-width:200px;border:1px solid var(--color-border);border-radius:var(--radius);padding:.7rem .9rem;font-family:var(--font-body);font-size:.95rem;background:var(--color-surface);color:var(--color-text)}
.nl-err{color:#c0392b;font-size:.85rem;margin:.6rem 0 0}
.nl-note{font-size:.78rem;color:var(--color-text-muted);margin:.7rem 0 0}
.nl-note a{color:var(--link)}
.newsletter .webid-demo-note{max-width:560px;margin:1.4rem auto 0;text-align:left}
/* CRO: CTA mijloc pe Despre (canalizează încrederea spre acțiune) */
.about-cta{text-align:center}
/* --- share reproiectat: centrat, fără cercuri, hover umple cu culoarea brandului --- */
.pa-foot{margin-top:2.5rem;padding-top:1.8rem;border-top:1px solid var(--color-border)}
.share{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-bottom:2rem}
.share-lbl{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}
.share-icons{display:flex;gap:.6rem;align-items:center}
.share-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;transition:color .2s ease,transform .2s ease,filter .2s ease;text-decoration:none}
.share-ic svg{width:22px;height:22px}
/* culori brand + hover gradat (casetă/umbră/bounce) → consolidate în „item 15" mai jos */
/* prev/next în coloana articolului, mai compacte */
.pa-foot .pn{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:600px){.pa-foot .pn{grid-template-columns:1fr}}
.pa-foot .pn-link{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:.85rem 1rem;background:var(--color-surface);transition:border-color var(--t)}
.pa-foot .pn-link:hover{border-color:var(--color-primary)}
.pa-foot .pn-next{text-align:right}
.pa-foot .pn-dir{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}
.pa-foot .pn-title{font-family:var(--font-heading);font-size:.92rem;color:var(--color-text);font-weight:var(--fw-display,500)}
/* --- sidebar blogpost --- */
.pa-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:1.2rem}
@media (max-width:900px){.pa-side{position:static}}
.pa-side .sb-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.1rem 1.2rem}
.pa-side .sb-title{font-family:var(--font-body);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.8rem;font-weight:600;text-align:center}
/* social sidebar: glife pline brand, centrate (culori + hover gradat → „item 15") */
.sb-social{display:flex;gap:.7rem;justify-content:center}
.sb-soc{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:none;transition:color .2s ease}
.sb-soc svg{width:22px;height:22px}
/* formular în sidebar: compact */
.sb-form-block .sb-contact .contact-form{margin:0}
.sb-form-block .cf-row{grid-template-columns:1fr;gap:0}
.sb-form-block .webid-demo-note{margin-bottom:1rem;padding:.9rem}
.sb-form-block .webid-demo-note p{font-size:.78rem}
/* --- centrare carduri când sunt <3 pe rând (specialiști + categorii blog + servicii) --- */
.posts.few,.team.few,.cat-items.few{justify-content:center}
.author-posts .posts{display:flex;flex-wrap:wrap;gap:1.3rem;justify-content:center}
.author-posts .posts .post{flex:0 1 340px}
/* servicii: centrate pe rând */
.cat-items{display:flex;flex-wrap:wrap;gap:1.3rem;justify-content:center}
.cat-items .item{flex:0 1 290px}
/* Categorii blog (arhive /blog/[categorie]): centrare când <3 carduri pe rând.
Flex cu wrap + justify-center; cardurile păstrează lățime ~340px ca în grid. */
.blog-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.3rem}
.blog-grid .post{flex:0 1 calc((100% - 2.6rem)/3);min-width:280px;max-width:380px}
@media (max-width:900px){.blog-grid .post{flex-basis:calc((100% - 1.3rem)/2)}}
@media (max-width:600px){.blog-grid .post{flex-basis:100%}}
/* Postarea featured din header blog: layout orizontal pe desktop, imagine controlată */
.blog-featured{margin-top:1.5rem}
.blog-featured-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-weight:600;margin-bottom:.7rem}
.post-featured{display:grid;grid-template-columns:1fr 1.3fr;gap:0;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}
.post-featured .post-img{aspect-ratio:auto;height:100%;min-height:280px}
.post-featured .post-body{padding:1.6rem 1.8rem;display:flex;flex-direction:column;justify-content:center}
.post-featured .post-body h2{font-family:var(--font-heading);font-size:clamp(1.4rem,2.5vw,2rem);margin:.4rem 0 .6rem;line-height:1.12}
.post-featured .post-ex{font-size:1rem;color:var(--color-text-muted)}
@media (max-width:760px){.post-featured{grid-template-columns:1fr}.post-featured .post-img{aspect-ratio:16/9;min-height:0}}
.blog-head-grid{display:block}
/* P7: citat echipă centrat (quote-sec), independent de pull-quote din poveste */
.quote-sec .quote-inner{text-align:center}
.quote-sec .pull-quote{grid-column:auto;margin:0 auto;padding:0;border-top:none;max-width:none}
.quote-sec .pull-quote p{max-width:30ch;margin:0 auto;color:var(--color-primary)}
.quote-sec .pull-quote cite{text-align:center}
/* ============ item 15: iconițe sociale (Distribuie + sidebar „Urmărește-ne pe:") ============ */
/* Glife PLINE în culoarea brandului, FĂRĂ casetă. Hover gradat DIRECT pe iconiță (nu pe vreun box):
statica = efect simplu (mărire ușoară); usoara = + umbră pe iconiță (drop-shadow urmează forma glifei);
abundenta = + ridicare în sus. Fără fundal / bordură / box-shadow pe casetă. */
.share-ic,.sb-soc{transition:color .2s ease}
.share-ic svg,.sb-soc svg{transition:transform .18s ease,filter .2s ease;transform-origin:center;overflow:visible}
.share-fb,.sb-soc-fb{color:#1877f2}
.share-x,.sb-soc-x{color:#0f0f0f}
.share-li,.sb-soc-li{color:#0a66c2} /* LinkedIn — albastru distinct de Facebook */
.share-wa{color:#25d366}
.sb-soc-ig{color:#d6249f}
.share-copy{color:#3f3f46}
/* Dark Mode — iconițe negre invizibile pe fundal întunecat (X distribuire + X „Urmărește-ne" + copy-link).
X: inversez alb↔negru (currentColor). Copy-link: invesez fill-urile ȘI pun border alb pe pătratul negru
(CSS suprascrie atributele fill/stroke din SVG → nu trebuie editate paginile). FB/LI/WA/IG rămân brand. */
html[data-theme="dark"] .share-x,html[data-theme="dark"] .sb-soc-x{color:#F2F2F2}
html[data-theme="dark"] .share-copy svg rect:first-of-type{fill:#0F0F0F;stroke:#F2F2F2} /* pătratul negru + border alb */
html[data-theme="dark"] .share-copy svg rect:last-of-type{fill:#F2F2F2} /* pătratul din față → alb */
/* STATICA (bază, toate nivelurile): efect simplu fără box — iconița se mărește ușor */
.share-ic:hover svg,.sb-soc:hover svg{transform:scale(1.18)}
/* USOARA: + umbră pe iconiță (drop-shadow urmează forma glifei — cerc pt FB, X pt X, etc.) */
html[data-animation="usoara"] .share-ic:hover svg,html[data-animation="usoara"] .sb-soc:hover svg{transform:scale(1.14);filter:drop-shadow(0 3px 4px rgba(0,0,0,.32))}
/* ABUNDENTA: + ridicare în sus (ca toate elementele la nivelul abundent) */
html[data-animation="abundenta"] .share-ic:hover svg,html[data-animation="abundenta"] .sb-soc:hover svg{transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 6px 7px rgba(0,0,0,.3))}
/* copy: pătratele alb (spate/jos) + negru (față/sus) sunt definite direct în SVG (vezi markup) */
/* B2: tooltip CUSTOM instant pe iconițele social (înlocuiește title= nativ care apărea cu ~1s întârziere;
acoperă și „Copiază linkul" care nu avea tooltip). aria-label rămâne pentru accesibilitate. */
.share-ic,.sb-soc{position:relative}
.share-ic[data-tooltip]::after,.sb-soc[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--color-text);color:var(--color-bg);font-family:var(--font-body);font-size:.72rem;font-weight:600;line-height:1;white-space:nowrap;padding:.4rem .6rem;border-radius:7px;box-shadow:0 6px 18px -5px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:30}
.share-ic[data-tooltip]::before,.sb-soc[data-tooltip]::before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%) translateY(4px);border:5px solid transparent;border-top-color:var(--color-text);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:30}
.share-ic[data-tooltip]:hover::after,.sb-soc[data-tooltip]:hover::after,.share-ic[data-tooltip]:hover::before,.sb-soc[data-tooltip]:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}
@media (hover:none){.share-ic[data-tooltip]::after,.sb-soc[data-tooltip]::after,.share-ic[data-tooltip]::before,.sb-soc[data-tooltip]::before{display:none}}
/* ============ item 11: citatul fondatoarei (echipă + pagini specialiști) ============ */
/* nuanță ușor diferită față de secțiune (ca recenzii vs hero) + spațiere echilibrată */
.quote-sec{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}
.quote-sec .inner{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.quote-sec .quote-inner{padding-top:0}
/* ============ item 6/27/29: secțiunea Programare (consistență + aliniere + încredere) ============ */
/* item 6B: pe desktop formularul începe în dreptul PRIMULUI rând al titlului (nu mai sus decât eyebrow/titlu) */
@media (min-width:901px){.contact-main{padding-top:2.7rem}}
/* item 27: e clar că doar 2 câmpuri sunt necesare */
.form-req-hint{font-size:.82rem;color:var(--color-text-muted);background:var(--tint);border-radius:var(--radius);padding:.55rem .8rem;margin:0 0 1.1rem;line-height:1.4}
.form-req-hint strong{color:var(--color-text);font-weight:600}
/* item 29: linie de încredere lângă program (anulare gratuită 24h) */
.contact-trust{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--color-text-muted);margin-top:1.2rem}
.contact-trust svg{width:18px;height:18px;flex:none;color:var(--color-accent)}
/* item 6A: nota WebID în coloana stângă, aliniată la stânga, spațiu deasupra */
.contact-copy .webid-demo-note{margin-top:1.4rem;margin-bottom:0;text-align:left}
/* ===== item 22: cat-nav sticky + scroll-spy + durata carduri (Servicii) ===== */
.cat-nav-sec{position:sticky;top:76px;z-index:80;background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--color-border) 45%,transparent)}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.cat-nav-sec{background:var(--color-bg)}}
.cat-nav .chip[aria-current="true"]{border-color:var(--color-primary);background:var(--tint);color:var(--color-accent);font-weight:500}
.price-wrap{display:flex;flex-direction:column;gap:.25rem}
.svc-dur{display:inline-flex;align-items:center;gap:.34rem;font-size:.78rem;color:var(--color-text-muted);line-height:1}
.svc-dur svg{width:13px;height:13px;flex:none;opacity:.85}
@media (prefers-reduced-motion:reduce){.cat-nav-sec{backdrop-filter:none}}
/* B4 (#8): pastile categorii pe UN rând, scrollabile orizontal când nu încap (orice nr. de categorii;
swipe pe mobil). Centrate când încap (justify safe center → fallback flex-start pe motoare vechi),
rămân sticky. Aplicat pe /servicii (.cat-nav) și pe filtrele galerie/blog (.gal-filter — blog folosește
aceeași clasă). Opțional din CMS (Task 4): variantă „dropdown" pentru foarte multe categorii. */
.cat-nav,.gal-filter{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;justify-content:safe center;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.cat-nav::-webkit-scrollbar,.gal-filter::-webkit-scrollbar{height:0;display:none}
.cat-nav .chip,.gal-filter .chip{flex:0 0 auto;white-space:nowrap}
/* ===== B7: „de la" doar la prețuri VARIABILE (data-price-type=fixed → fără „de la") + garanție/re-touch ===== */
/* CMS: câmpul item.price_variable controlează data-price-type (variable/fixed); aici doar randăm */
.price[data-price-type="fixed"] .from{display:none}
/* Garanție / re-touch — toggle CMS business.guarantee_enabled (implicit vizibil în demo) */
.reassure-row{text-align:center;margin-top:1.6rem}
.reassure-note{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.3rem;padding:.5rem .95rem;border-radius:999px;background:var(--tint);color:var(--color-accent);font-size:.85rem;line-height:1.35;border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent)}
.reassure-row .reassure-note{margin-top:0}
.reassure-note svg{width:17px;height:17px;flex:0 0 auto;stroke:currentColor}
/* B7: variabile CMS NOI (DOAR structură + toggle; default = comportament nemodificat).
1) item.price_type="fixed" → ascunde „de la" (prețul e unic, nu variază). Default „variable" = „de la" vizibil.
2) item.guarantee (+ item.guarantee_visible) → linie de garanție/re-touch, opțională per serviciu (argument de conversie). */
.price[data-price-type="fixed"] .from{display:none}
.item-guarantee{display:flex;align-items:flex-start;gap:.4rem;font-size:.8rem;color:var(--color-accent);margin:.5rem 0 0;line-height:1.35}
.item-guarantee svg{width:14px;height:14px;flex:none;margin-top:.12rem;opacity:.9}
/* ===== item 25: CTA individual echipa + pagini specialist ===== */
.member-actions{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-top:auto;padding-top:.9rem}
.member-actions .btn{margin-top:0;width:100%;max-width:230px;justify-content:center}
.ph-actions{margin-top:1.4rem}
.ph-actions .btn{justify-content:center}
/* ===== item 26: CTA contextual final articol (CMS-agnostic) ===== */
.art-cta{margin:2rem 0 .4rem}
.art-cta-in{background:var(--tint);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-radius:var(--radius-lg);padding:1.15rem 1.4rem;text-align:center}
.art-cta-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;line-height:1.25;margin:0 0 .45rem}
.art-cta-text{color:var(--color-text-muted);font-size:.95rem;line-height:1.45;margin:0 auto .85rem;max-width:48ch}
.art-cta .btn{justify-content:center}
.sb-contact{scroll-margin-top:100px}
/* ===== item 24: CTA band (Despre, înainte de Programare) ===== */
.cta-band{background:linear-gradient(135deg,var(--tint),var(--tint-2));text-align:center}
.cta-band-in{max-width:680px}
.cta-band-title{margin:0 0 .6rem}
.cta-band-text{color:var(--color-text-muted);font-size:1.02rem;line-height:1.55;margin:0 auto 1.5rem;max-width:52ch}
.cta-band .btn{justify-content:center}
/* ===== item 23: coloană durată pe Prețuri ===== */
.pt-dur{font-size:.78rem;color:var(--color-text-muted);white-space:nowrap}
@media (min-width:760px){.pt-dur{font-size:.86rem}}
/* ===== item 1: set iconițe servicii (sprite) + fallback monogramă ===== */
.ii-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ii-init{display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:2.6rem;color:var(--color-primary);opacity:.45;line-height:1}
.item-img.ii-mono .ii-ic{display:none}
.item-img.ii-mono .ii-init{display:flex;align-items:center;justify-content:center}
/* ===== item 13: antet arhivă blog (fără featured -> o coloană, centrat) ===== */
.blog-head--archive{text-align:center}
.blog-head--archive .blog-head-copy{max-width:720px;margin-inline:auto}
/* featured-ul NU se îngustează pe arhivă — rămâne full-width, IDENTIC ca pe /blog (text la stânga) */
.blog-head--archive .blog-featured{text-align:left;margin-top:2rem}
.blog-archive-cats .chip{text-decoration:none}
.blog-archive-cats .chip[aria-current="page"]{border-color:var(--color-primary);background:var(--tint);color:var(--color-accent);font-weight:500}
/* #3 ancora formular: aterizează sub header (desktop + mobil) */
#formular{scroll-margin-top:96px}
/* A4 eroare validare sub Nume/Telefon */
.form-err{color:#c0392b;font-size:.82rem;margin:.15rem 0 .25rem;font-weight:500}
/* #5 checkbox WhatsApp */
.field-wa{margin-top:-.1rem}
.wa-check{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--color-text-muted);cursor:pointer;text-transform:none;letter-spacing:0}
.wa-check input{width:auto;margin:0;accent-color:#25D366}
/* B4: titlu contact demotat la h3 (pe /blog) păstrează dimensiunea vizuală de h2 */
h3.h#contact-title{font-size:clamp(1.9rem,4vw,var(--text-2xl));margin:.6rem 0 1rem}
/* B3: rânduri opționale de preț pe /preturi (toggle CMS option_prices) */
.pt-opt-row{display:flex;align-items:baseline;gap:.6rem;padding:.1rem 0 .1rem 1.4rem;font-size:.82rem;color:var(--color-text-muted)}
.pt-opt-row .pt-dots{flex:1;align-self:center;border-bottom:1px dotted var(--color-border);opacity:.55}
.pt-opt-name::before{content:"+ "}
.pt-opt-price{white-space:nowrap}
/* #11 featured dinamic (clona în slot) + #10 paginare */
.feat-slot{margin-top:.6rem}
.feat-slot .post-featured{display:flex;flex-direction:row-reverse;align-items:stretch;width:100%;max-width:none;overflow:hidden}
.feat-slot .post-featured .post-img{aspect-ratio:16/10;flex:0 0 52%}
.feat-slot .post-featured .post-body{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem;flex:1}
.feat-slot .post-featured h2{font-size:clamp(1.3rem,2.4vw,1.8rem)}
@media(max-width:760px){.feat-slot .post-featured{flex-direction:column}}
.pager{display:flex;justify-content:center;gap:.4rem;margin-top:var(--space-md);flex-wrap:wrap}
.pager-btn{min-width:40px;height:40px;padding:0 .6rem;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.9rem;cursor:pointer;color:var(--color-text)}
.pager-btn.is-current{background:var(--color-primary);color:var(--on-primary);border-color:var(--color-primary)}
/* #9: carusel articole specialist */
.author-posts .car-clip{overflow:hidden}
/* /echipa + /galerie — cardul = poza FLUSH (sus/stânga/dreapta), zona text DEDESUBT.
Hover IDENTIC cu .srv-card de pe homepage (sistemul global din theme.css): statica=nuanță, usoara=+umbră,
abundenta=+bounce. IN PLUS, DOAR la abundenta, poza face zoom-in (usoara NU mai face zoom).
Cutiile NU au bordură pronunțată: poza acoperă marginile sus/stânga/dreapta, iar nuanța semi-transparentă
(--hover-tint, ca pe homepage) se vede practic doar SUB poză. */
/* poza ocupă toată lățimea cardului, lipită de margini (gata cu marginile albe în jur); textul are padding propriu */
.member{padding:0 0 1.2rem;border:1px solid transparent;overflow:hidden}
.member>:not(.member-photo){padding-left:1.05rem;padding-right:1.05rem}
.member-photo{margin:0 0 .95rem;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;box-shadow:none}
.gal-item{padding:0 0 .15rem;border:1px solid transparent;overflow:hidden}
.gal-btn{border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}
.gal-item figcaption{padding:.55rem .6rem .15rem}
/* ZOOM pe ![]()
din interior — cutia (aspect-ratio:1 + overflow:hidden) e FIXĂ → zero layout shift.
DOAR la abundenta (în plus față de bounce-ul cardului). Static/usoara: fără mișcare pe poză. */
.member-photo img,.gal-btn img{transition:transform var(--t)}
html[data-animation="abundenta"] .member:hover .member-photo img,
html[data-animation="abundenta"] .gal-item:hover .gal-btn img{transform:scale(1.05)}
/* #6/#7: adresa din secțiunea Programare = buton (scroll la hartă pe desktop, dialog pe mobil) */
.cp-addr-btn{background:none;border:0;padding:.15em 0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left;display:inline-block;border-bottom:1px dashed var(--color-border);transition:color var(--t),border-color var(--t);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.cp-addr-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}
/* ============ RUNDA 3 ============ */
/* A1/B1: pe hover (toate nivelurile, incl. static) — contur accent + nuanță de fundal distinctă, ca pe casetele de servicii de pe homepage */
.member:hover,.gal-item:hover{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface))}
/* #1: excepții de program (sărbători / concediu / pauze) — sub orar; populat din CMS, afișat cu ~1 lună înainte */
.hours-exceptions{margin:.85rem 0 0;padding:.8rem .95rem;border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent);border-left:3px solid var(--color-primary);border-radius:10px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}
.hours-exceptions .hx-title{font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:var(--color-primary);margin:0 0 .5rem}
.hours-exceptions .hx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.hours-exceptions .hx-list li{display:flex;justify-content:space-between;gap:1rem;font-size:.86rem;line-height:1.4}
.hours-exceptions .hx-date{font-weight:600;color:var(--color-text);white-space:nowrap}
.hours-exceptions .hx-label{color:var(--color-text-muted);text-align:right}
/* B2: lightbox galerie — overlay full-screen cu navigare prev/next */
.glx{position:fixed;inset:0;z-index:1000;background:rgba(250,244,236,.85);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.glx.open{opacity:1;visibility:visible}
.glx-stage{position:relative;display:inline-block;line-height:0}
.glx img{display:block;max-width:90vw;max-height:86vh;border-radius:10px;box-shadow:0 24px 70px -12px rgba(60,30,15,.45);user-select:none}
.glx-ph{display:flex;width:min(86vw,540px);max-width:90vw;aspect-ratio:1;max-height:86vh;border-radius:10px;background:linear-gradient(150deg,var(--tint-2),var(--tint-icon));align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 24px 70px -12px rgba(60,30,15,.45)}
.glx-ph svg{width:34%;height:34%;opacity:.5}
.glx-btn{position:absolute;z-index:2;background:rgba(34,20,14,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.35);color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}
.glx-btn:hover{background:rgba(34,20,14,.74)}
.glx-prev{left:10px;top:50%;transform:translateY(-50%)}
.glx-next{right:10px;top:50%;transform:translateY(-50%)}
.glx-prev:hover{transform:translateY(-50%) scale(1.08)}
.glx-next:hover{transform:translateY(-50%) scale(1.08)}
.glx-prev svg,.glx-next svg{width:28px;height:28px;display:block}
.glx-close{top:10px;right:10px;width:38px;height:38px;font-size:1.1rem}
.glx-cap{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;background:linear-gradient(transparent,rgba(28,16,10,.62));color:#fff;font-size:.85rem;line-height:1.3;text-align:center;border-radius:0 0 10px 10px;pointer-events:none}
@media (max-width:560px){.glx-btn{width:38px;height:38px}.glx-close{width:34px;height:34px}.glx-prev svg,.glx-next svg{width:25px;height:25px}}
/* #2: nota WebID — stil unificat palette-driven definit mai sus (.webid-demo-note); fara culori hardcodate */
/* H: notă explicativă „de la" pe /preturi */
.price-note-from{font-size:.86rem;color:var(--color-text-muted);margin-top:.5rem}
.price-note-from .pnf-badge{display:inline-block;font-style:italic;color:var(--color-primary);font-weight:600}
/* Formular: Email + WhatsApp pe același rând (WhatsApp aliniat cu inputul) */
.cf-row-email{align-items:end}
.cf-row-email .field-wa{margin-top:0;padding-bottom:.55rem}
@media (max-width:620px){.cf-row-email{align-items:stretch}.cf-row-email .field-wa{padding-bottom:0}}
/* ============ RESURSE (documente non-blog) ============ */
.res-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
/* Teaser Resurse pe home (BUS #774/#778). ⚠ NU refolosim `auto-fill` de mai sus: la UN singur document el rezervă
coloanele goale ⇒ cardul rămâne pe ~280px lipit în stânga, cu rândul pustiu — exact „grila ruptă" semnalată de
Conținut și probată de CMS pe `webid-ro` (`itemi = 1`). `auto-fit` colapsează coloanele neumplute, iar plafonul
de 380px opreşte cardul unic să se întindă cât ecranul. 1 card → centrat · 2 → două · 3 → trei. */
.res-home-items{grid-template-columns:repeat(auto-fit,minmax(280px,380px));justify-content:center}
.res-card-link{display:flex;flex-direction:column;gap:.55rem;padding:1.4rem;height:100%;text-decoration:none;color:var(--color-text)}
.res-card-date{font-size:.74rem;letter-spacing:.04em;color:var(--color-text-muted)}
.res-card .item-title{font-size:1.28rem;margin:0;line-height:1.22}
.res-card .item-desc{font-size:.92rem;color:var(--color-text-muted);margin:0;flex:1}
.res-card-cta{font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--color-accent);margin-top:.2rem}
.res-card-link:hover .res-card-cta{color:var(--color-primary)}
.res-hero-img.noimg{display:none} /* document fără imagine în antet: ascunde figura goală */
/* Casete cu SAU fără imagine (BUS #110 §4a). Imaginea iese la marginile cardului (bleed peste padding-ul link-ului);
fără imagine NU rămâne spațiu gol și nu apare placeholder gri — doar un glif de document, discret, palette-driven. */
.res-card-img{aspect-ratio:16/9;margin:-1.4rem -1.4rem .35rem;background:linear-gradient(150deg,var(--tint-2),var(--tint-icon));overflow:hidden}
.res-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.res-card--noimg .res-card-img{display:none} /* imagine care nu se încarcă (onerror) → cade pe varianta text */
.res-card-ico{display:none;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;color:var(--color-accent);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}
.res-card--noimg .res-card-ico{display:inline-flex}
/* Rând MIXT (unele casete cu imagine, altele fără): înălțime naturală per casetă — altfel imaginea celorlalte
întinde caseta text și lasă un gol de ~200px sub excerpt. Rând uniform (toate la fel) → nimic schimbat. */
.res-items:has(.res-card--noimg):has(.res-card:not(.res-card--noimg)){align-items:flex-start}
.res-card-ico svg{width:19px;height:19px}
/* /resurse — o secțiune pe categorie, fiecare cu rând de casete în buclă (același carusel ca blogul de pe homepage) */
.res-cat-rows{display:flex;flex-direction:column;gap:2.6rem}
.res-sec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin-bottom:1.1rem}
.res-sec-title{font-size:1.5rem;margin:0}
.res-sec-title a{text-decoration:none;color:var(--color-text)}
.res-sec-title a:hover{color:var(--color-primary)}
.res-sec-desc{flex:1 1 100%;order:3;margin:0;font-size:.94rem;color:var(--color-text-muted)}
.res-sec-all{margin-left:auto;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:var(--color-accent);text-decoration:none}
.res-sec-all:hover{color:var(--color-primary)}
.res-items.car-track{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:1.3rem;transition:transform .6s cubic-bezier(.22,.61,.36,1);grid-template-columns:none}
.car-track .res-card{flex:0 0 calc((100% - 2.6rem)/3);min-width:0;max-width:none}
@media (max-width:1024px) and (min-width:761px){.car-track .res-card{flex-basis:calc((100% - 1.3rem)/2)}}
@media (max-width:760px){.car-track .res-card{flex-basis:100%}}
.res-eyebrow{margin-bottom:.4rem}
.sb-cats li.is-active>a{color:var(--color-primary);font-weight:600}
.res-form-sec[hidden]{display:none} /* formular programare opțional, ascuns by default */
/* Ornamente Resurse — vizibile DOAR la densitate „bogată" (diferență Limitate↔Bogate) */
html[data-density="rich"] .res-article .inner{position:relative}
html[data-density="rich"] .res-article .inner::before{content:"";position:absolute;left:-130px;top:30px;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:-1;background:repeating-radial-gradient(circle,transparent 0 26px,color-mix(in srgb,var(--color-primary) 13%,transparent) 26px 27.5px);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%)}
html[data-density="rich"] .res-cat-header .ph-title::after{content:"";display:block;width:54px;height:3px;margin-top:1rem;border-radius:3px;background:var(--color-primary);opacity:.5}
/* ============ Home asamblor: trust-bar mini + gallery teaser + QR desktop-only (SECTION_ORDER_SPEC) ============ */
.trust-mini{background:var(--tint);border-block:1px solid var(--color-border)}
.tm-inner{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;padding:.7rem 1rem;font-size:.92rem;color:var(--color-text-muted);text-align:center}
.tm-stars{color:#e0a53f;letter-spacing:1px;font-size:.95em}
.tm-text b{color:var(--color-text);font-weight:700}
.tm-count{font-weight:600;color:var(--color-text)}
.gallery-teaser .gal-teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.4rem}
.gallery-teaser .gal-item{margin:0}
@media(max-width:700px){.gallery-teaser .gal-teaser-grid{grid-template-columns:repeat(2,1fr)}}
/* QR meniu = DOAR desktop (override HARD Razvan: QR inutil pe mobil) */
@media(max-width:768px){.cnt-qr{display:none}}