/* Quantum Doors — site-wide CSS, loaded once via qd-native.php.
   Consolidated from: this plugin file + the Header template's Custom CSS
   field + the model-test page's own CSS. Single source of truth now —
   don't add page/template-specific overlay CSS elsewhere.
   Fonts load via Google Fonts link in qd-native.php (no @font-face here). */

:root{
  --ink:#0b0b0c; --ink-soft:#1c1c1e; --paper:#fff; --smoke:#f6f6f5; --line:#e6e5e3; --grey:#6e6e73;
  --red:#d71920; --red-deep:#b31118; --gold:#b99039;
  --font-display:'Cormorant',Georgia,serif; --font-body:'Montserrat',system-ui,sans-serif;
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:40px; --s-5:64px; --s-6:96px; --s-7:144px;
  --shadow-1:0 1px 3px rgba(11,11,12,.06),0 4px 14px rgba(11,11,12,.05);
  --shadow-2:0 6px 24px rgba(11,11,12,.10),0 18px 60px rgba(11,11,12,.08);
  --ease-out:cubic-bezier(.22,.61,.36,1); --t-fast:180ms; --t-med:320ms; --t-slow:560ms;
  --radius:2px;
}

#main,#wrapper,.fusion-content,.post-content{padding-top:0!important;padding-bottom:0!important}

/* ---------- base typography on any .qdx-wrapped section ---------- */
.qdx,.qdx p,.qdx li,.qdx a{font-family:var(--font-body)}
.qdx p{line-height:1.65}
.qdx a{color:var(--red);text-decoration:none;transition:color var(--t-fast)}
.qdx a:hover{color:var(--ink);text-decoration:underline}
.qdx .fusion-title-heading{font-family:var(--font-display)!important;font-weight:600!important;line-height:1.12!important;text-transform:none!important}
.qdx h1.fusion-title-heading{font-size:clamp(2.6rem,6vw,4.6rem)!important}
.qdx h2.fusion-title-heading{font-size:clamp(2rem,4vw,3.1rem)!important}
.qdx h3.fusion-title-heading{font-size:clamp(1.3rem,2.2vw,1.7rem)!important}
.qdx .fusion-button{border-radius:var(--radius)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-family:var(--font-body)!important;font-size:.85rem!important;font-weight:600!important;padding:14px 34px!important}


/* Text lung, tip proză — secțiunea "Despre model". Nivel propriu, mai mare
   decât textul descriptiv scurt (1rem), pentru lizibilitate la citire extinsă.
   Adus explicit sub control — înainte moștenea din setarea globală Avada. */
.qdx-about p{font-size:1.125rem;line-height:1.65;font-weight:300;color:var(--grey)}


/* ---------- eyebrow label (class "qdx-eyebrow" on a Fusion Text) ---------- */
.qdx-eyebrow p{display:inline-flex;align-items:center;gap:12px;font-size:.72rem;font-weight:600!important;letter-spacing:.22em;text-transform:uppercase;color:var(--red)!important;margin-bottom:16px}
.qdx-eyebrow p::before{content:"";width:34px;height:1px;background:var(--red)}
.qdx-eyebrow--center{text-align:center}
.qdx-eyebrow--center p::after{content:"";width:34px;height:1px;background:var(--red)}

/* ---------- header nav (class "qdx-nav" on the Fusion Menu) ---------- */
.qdx-nav{display:flex;align-items:center;gap:34px}
.qdx-nav a{color:rgba(255,255,255,.85);font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;position:relative;padding:6px 0;transition:color var(--t-fast) var(--ease-out)}
.qdx-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--red);transition:right var(--t-med) var(--ease-out)}
.qdx-nav a:hover{color:#fff}
.qdx-nav a:hover::after{right:0}
.qdx-nav__cta{border:1px solid rgba(255,255,255,.35);padding:11px 22px!important;border-radius:var(--radius);transition:border-color var(--t-fast),background var(--t-fast)!important}
.qdx-nav__cta:hover{background:var(--red);border-color:var(--red)}
.qdx-nav__cta::after{display:none}
.qdx-nav{margin-left:40px}


@media(max-width:1024px){
	.fusion-tb-header .awb-menu .awb-menu__main-li_regular.current-menu-item > .awb-menu__main-a_regular,
	.fusion-tb-header .awb-menu .awb-menu__main-li_regular.current_page_item > .awb-menu__main-a_regular{
		color:var(--red)!important;
	}
}

/* header layout template — dark sticky bar */
.fusion-tb-header{color:#fff}
.fusion-tb-header .fusion-fullwidth{background-color:rgba(11,11,12,.92)!important;background-image:none!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.07)}
.fusion-tb-header .awb-menu__main-a_regular{color:rgba(255,255,255,.85)!important;font-family:var(--font-body)!important;font-size:.82rem!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase!important;position:relative}
.fusion-tb-header .awb-menu__main-a_regular::after{content:"";position:absolute;left:0;right:100%;bottom:8px;height:1px;background:var(--red);transition:right .32s var(--ease-out)}
.fusion-tb-header .awb-menu__main-a_regular:hover::after,
.fusion-tb-header .awb-menu__main-li_regular.current-menu-item>.awb-menu__main-a_regular::after{right:0}
.fusion-tb-header .awb-menu__main-a_regular:hover,
.fusion-tb-header .awb-menu__main-li_regular.current-menu-item>.awb-menu__main-a_regular{color:#fff!important}
.fusion-tb-header .awb-menu__main-a_button{background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:var(--radius)!important;color:#fff!important;font-family:var(--font-body)!important;font-size:.82rem!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase!important;transition:background .18s,border-color .18s}
.fusion-tb-header .awb-menu__main-a_button:hover{background:var(--red)!important;border-color:var(--red)!important}
.fusion-tb-header .awb-menu__m-collapse-icon{color:#fff!important}
.fusion-tb-header .awb-menu__main-background-active,
.fusion-tb-header .awb-menu__main-background-default{display:none!important}
.fusion-tb-header .awb-menu{--awb-active-color:#fff}


/*--- footer ---*/
.qdx-footer{background:#0a0a0b;color:rgba(255,255,255,.6);padding:64px 0 24px;font-size:.85rem}
.qdx-footer__grid{display:grid;gap:40px;margin-bottom:40px}
@media(min-width:900px){.qd-footer__grid{grid-template-columns:2fr 1fr 1fr}}
.qd-footer img { height: auto; width: 250px; }
.qdx-footer p{line-height:1.65}
.qdx-footer h4{color:#fff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}
.qdx-footer a{color:inherit;text-decoration:none;transition:color .18s}
.qdx-footer a:hover{color:#fff}
.qdx-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.qdx-footer__legal{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:.75rem;color:rgba(255,255,255,.35)}
.qdx-footer h2,
.qdx-footer h3,
.qdx-footer h4{color:#fff!important;font-family:var(--font-display)!important;font-size:.9375rem!important;font-weight:600!important;letter-spacing:.18em!important;text-transform:uppercase!important;margin:0 0 22px!important}

/* ===== Pagini legale (qdx-legal) — adaugă la finalul qd-native.css =====
   Titlurile din blocurile de text HTML (h2/h3) primesc aceeași tratare
   tipografică ca titlurile generate de Fusion Title: font display Cormorant,
   weight 600, fără text-transform. Dimensiunile urmează aceleași trepte ca
   restul site-ului (h2 = treapta a doua, h3 = treapta a treia). */

.qdx-legal h2{
	font-family:var(--font-display)!important;
	font-size:clamp(2rem,4vw,3.1rem)!important;
	font-weight:600!important;
	line-height:1.12!important;
	text-transform:none!important;
	color:var(--ink)!important;
	margin:56px 0 20px!important;
}

.qdx-legal h2:first-child{margin-top:0!important}

.qdx-legal h3{
	font-family:var(--font-display)!important;
	font-size:clamp(1.3rem,2.2vw,1.7rem)!important;
	font-weight:600!important;
	line-height:1.2!important;
	text-transform:none!important;
	color:var(--ink)!important;
	margin:32px 0 12px!important;
}

/* Liste și tabele în corpul paginilor legale */
.qdx-legal ul,
.qdx-legal ol{margin:0 0 20px;padding-left:22px}
.qdx-legal li{margin-bottom:8px;line-height:1.65}

.qdx-legal table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.875rem}
.qdx-legal th{text-align:left;font-weight:600;color:var(--ink);border-bottom:2px solid var(--line);padding:12px 10px}
.qdx-legal td{border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top;color:var(--grey);line-height:1.55}

@media(max-width:600px){
	.qdx-legal table{display:block;overflow-x:auto}
	.qdx-legal h2{margin-top:40px!important}
}

/* ===== Meniu legal din footer (qdx-footer-legal) — adaugă la finalul qd-native.css =====
   Se pune ca "CSS Class" pe elementul Menu din footer.
   Listă verticală, un link pe rând, ca în coloana de navigare —
   text alb, hover roșu de brand. */

.qdx-footer-legal{width:100%}

.qdx-footer-legal .awb-menu__main-ul{
	display:flex!important;
	flex-direction:column!important;
	align-items:flex-start!important;
	gap:10px!important;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}

.qdx-footer-legal .awb-menu__li{
	margin:0!important;
	padding:0!important;
	border:0!important;
	width:100%;
	text-align:left!important;
	justify-content:flex-start!important;
}

.qdx-footer-legal .awb-menu__main-a,
.fusion-tb-footer .qdx-footer-legal .awb-menu__main-a,
.fusion-tb-footer .qdx-footer-legal .awb-menu__main-a_regular{
	font-family:var(--font-body)!important;
	font-size:.9375rem!important;
	font-weight:400!important;
	letter-spacing:0!important;
	text-transform:none!important;
	color:#fff!important;
	padding:0!important;
	height:auto!important;
	line-height:1.5!important;
	background:transparent!important;
	border:0!important;
	transition:color .18s ease!important;
	text-align:left!important;
	justify-content:flex-start!important;
	width:100%;
}


/* ===== Meniu legal din footer (qdx-footer-legal) — adaugă la finalul qd-native.css =====
   Se pune ca "CSS Class" pe elementul Menu din footer.
   Listă verticală, un link pe rând, ca în coloana de navigare —
   text alb, hover roșu de brand. */

.qdx-footer-legal{width:100%}

.qdx-footer-legal .awb-menu__main-ul{
	display:flex!important;
	flex-direction:column!important;
	align-items:flex-start!important;
	gap:10px!important;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}

.qdx-footer-legal .awb-menu__li{
	margin:0!important;
	padding:0!important;
	border:0!important;
	width:100%;
	text-align:left!important;
	justify-content:flex-start!important;
}

.qdx-footer-legal .awb-menu__main-a,
.fusion-tb-footer .qdx-footer-legal .awb-menu__main-a,
.fusion-tb-footer .qdx-footer-legal .awb-menu__main-a_regular{
	font-family:var(--font-body)!important;
	font-size:.9375rem!important;
	font-weight:400!important;
	letter-spacing:0!important;
	text-transform:none!important;
	color:#fff!important;
	padding:0!important;
	height:auto!important;
	line-height:1.5!important;
	background:transparent!important;
	border:0!important;
	transition:color .18s ease!important;
	text-align:left!important;
	justify-content:flex-start!important;
	width:100%;
}

/* Pagina curentă — Avada o colorează cu "active link color" din Global Options,
   care e o setare separată de hover. O readucem la alb. */
.qdx-footer-legal .awb-menu__li.current-menu-item > .awb-menu__main-a,
.qdx-footer-legal .awb-menu__li.current_page_item > .awb-menu__main-a,
.qdx-footer-legal .awb-menu__main-a.awb-menu__main-a_active,
.qdx-footer-legal .awb-menu__main-a[aria-current="page"],
.fusion-tb-footer .qdx-footer-legal .awb-menu__li.current-menu-item > .awb-menu__main-a,
.fusion-tb-footer .qdx-footer-legal .awb-menu__li.current_page_item > .awb-menu__main-a,
.fusion-tb-footer .qdx-footer-legal .awb-menu__main-a[aria-current="page"]{
	color:#fff!important;
}

.qdx-footer-legal .awb-menu__li.current-menu-item > .awb-menu__main-a:hover,
.qdx-footer-legal .awb-menu__li.current_page_item > .awb-menu__main-a:hover,
.qdx-footer-legal .awb-menu__main-a[aria-current="page"]:hover{
	color:var(--red)!important;
}

/* Hover roșu — selectoare multiple ca să depășească culoarea globală de link din Avada */
.qdx-footer-legal .awb-menu__main-a:hover,
.qdx-footer-legal .awb-menu__main-a:focus-visible,
.qdx-footer-legal .awb-menu__li:hover .awb-menu__main-a,
.fusion-tb-footer .qdx-footer-legal .awb-menu__main-a:hover,
.fusion-tb-footer .qdx-footer-legal .awb-menu__main-a_regular:hover,
.fusion-tb-footer .qdx-footer-legal .awb-menu__li:hover .awb-menu__main-a{
	color:var(--red)!important;
}

/* Avada pune textul într-un span interior, cu propria culoare */
.qdx-footer-legal .awb-menu__main-a span,
.qdx-footer-legal .menu-text,
.qdx-footer-legal .awb-menu__main-a:hover span,
.qdx-footer-legal .awb-menu__li:hover .menu-text{color:inherit!important}

/* Fără linia de accent moștenită din meniul de header */
.qdx-footer-legal .awb-menu__main-a::after,
.qdx-footer-legal .awb-menu__main-a::before{display:none!important}


/* ---------- breadcrumbs in hero (class "qdx-crumbs") ---------- */
.qdx-crumbs p{font-size:.72rem;letter-spacing:.06em;color:rgba(255,255,255,.55);margin-bottom:20px}
.qdx-crumbs a{color:rgba(255,255,255,.55);text-decoration:none;transition:color .18s}
.qdx-crumbs a:hover{color:#fff}
.qdx-crumbs span{color:rgba(255,255,255,.8)}

/* ---------- hero (class "qdx-hero" on the Fusion Container) ----------
   Photo lives in ::after (var(--hero-img), set inline per page — see
   the featured-image PHP snippet); the original background_image column
   ("qdx-hero-media") is hidden, kept only so Avada still renders one. */
/*.qdx-hero{position:relative;overflow:hidden;background:radial-gradient(1200px 700px at 78% 38%,#26262a 0%,#151517 12%,#000 100%)!important} */
.qdx-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(to right, #26262a 0%, #151517 25%, #000 50%, #000 100%)!important;
}
.qdx-hero-media{display:none!important}
.qdx-hero::after{content:"";position:absolute;top:0;bottom:0;right:calc(max(24px,(100vw - 1216.8px)/2));width:42%;background-image:var(--hero-img);background-size:contain;background-position:right center;background-repeat:no-repeat;z-index:1}
.qdx-hero>.fusion-builder-row{position:relative;z-index:2}
.qdx-hero .fusion-title-heading{color:#fff!important}
.qdx-hero h1 em{font-style:italic;color:transparent;background:linear-gradient(100deg,#fff 20%,var(--gold) 55%,#fff 90%);-webkit-background-clip:text;background-clip:text}

@media(max-width:767px){
	.qdx-hero{
		padding-top:56px!important;
		padding-bottom:64px!important;
	}
}

@media(max-width:1024px){
	.qdx-hero::after{
		position:relative;top:auto;right:auto;bottom:auto;
		order:2;flex:0 0 100%;width:100%;
		height:min(58vh,420px);
		margin-top:32px;
		background-size:contain;
		background-position:center center;
	}
}
/* ============================================================
   HERO — bloc complet (variantă deschisă + imagine + telefon)
   Înlocuiește integral blocurile anterioare de hero din qd-native.css.

   IMPORTANT, înainte de a lipi: șterge din qd-native.css blocul vechi
   care conține, într-un @media(max-width:1024px):
       .qdx-hero::after{...height:280px;...background-size:cover}
   Dacă rămâne, vine după acesta în fișier și îl anulează.
   ============================================================ */


/* ===== 1. Variantă deschisă a hero-ului (ex. Showroom) ===== */

.qdx-hero.qdx-hero-light{background:linear-gradient(to right, #f4f4f2 0%, #ece9e2 50%, #ece9e2 100%)!important}

.qdx-hero.qdx-hero-light .qdx-eyebrow p{color:var(--red)!important}
.qdx-hero.qdx-hero-light .qdx-sub p{color:var(--ink)!important}
.qdx-hero.qdx-hero-light .qdx-price p{color:var(--grey)!important}
.qdx-hero.qdx-hero-light .qdx-price strong{color:var(--ink)!important}

/* Font-size identic cu titlul mare de pe paginile de model (Q10 etc.) */
.qdx-hero.qdx-hero-light .fusion-title-heading{
	color:var(--ink)!important;
	font-size:clamp(2.6rem,6vw,4.6rem)!important;
}

.qdx-hero.qdx-hero-light .fusion-breadcrumbs,
.qdx-hero.qdx-hero-light .fusion-breadcrumbs a{color:var(--grey)!important}
.qdx-hero.qdx-hero-light .fusion-breadcrumbs .breadcrumb_last{color:var(--ink)!important}


/* ===== 2. Buton secundar pe hero deschis =====
   Textul stă într-un <span class="fusion-button-text"> cu propria culoare,
   deci culoarea pusă doar pe <a> nu ar fi prins. */

.qdx-hero.qdx-hero-light .qdx-btn-secondary{
	background:var(--ink)!important;
	border-color:var(--ink)!important;
}
.qdx-hero.qdx-hero-light .qdx-btn-secondary .fusion-button-text,
.qdx-hero.qdx-hero-light .qdx-btn-secondary i{
	color:#fff!important;
}
.qdx-hero.qdx-hero-light .qdx-btn-secondary:hover{
	background:transparent!important;
	border-color:var(--ink)!important;
}
.qdx-hero.qdx-hero-light .qdx-btn-secondary:hover .fusion-button-text,
.qdx-hero.qdx-hero-light .qdx-btn-secondary:hover i{
	color:var(--ink)!important;
}


/* ===== 3. Imaginea din hero =====
   Imaginile hero sunt portret (ex. 667x1000 = raport 0.67).
   „contain" le păstrează întregi; „cover" le decupa sus și jos. */

/* 3a. Comun, toate ecranele */
.qdx-hero.qdx-hero-light .qdx-hero-media,
.qdx-hero.qdx-hero-light::after{
	background-size:contain!important;
	background-repeat:no-repeat!important;
}

/* 3b. Desktop — centrare verticală, cu fundalul vizibil deasupra/dedesubt.
   Are sens doar cât timp elementul e poziționat absolut. */
@media(min-width:1025px){
	.qdx-hero.qdx-hero-light .qdx-hero-media,
	.qdx-hero.qdx-hero-light::after{
		top:50%!important;
		bottom:auto!important;
		transform:translateY(-50%);
		height:min(500px,80%)!important;
	}
}

/* 3c. Tabletă și mobil — imaginea trece sub text, pe toată lățimea.
   Aici elementul devine relativ, deci orice top/transform moștenit
   l-ar scoate din cadru: le anulăm explicit. */
@media(max-width:1024px){
	.qdx-hero::after{
		position:relative;
		top:auto;right:auto;bottom:auto;
		order:2;
		flex:0 0 100%;
		width:100%;
		height:min(58vh,420px);
		margin-top:32px;
		transform:none!important;
		background-size:contain;
		background-position:center center;
	}
	.qdx-hero.qdx-hero-light::after{
		top:auto!important;
		bottom:auto!important;
		height:min(58vh,420px)!important;
		transform:none!important;
	}
}


/* ===== 4. Linia de telefon din hero ===== */

.qdx-hero-tel p{font-size:.875rem!important}

.qdx-hero-tel a,
.qdx-hero-tel a:hover,
.qdx-hero-tel a:focus,
.qdx-hero-tel a:active{
	text-decoration:none!important;
}

.qdx-hero-tel a{
	color:#fff!important;
	border-bottom:1px solid rgba(255,255,255,.3);
	transition:color .18s ease,border-color .18s ease;
}
.qdx-hero-tel a:hover,
.qdx-hero-tel a:focus-visible{
	color:var(--red)!important;
	border-bottom-color:var(--red);
}
.qdx-hero-tel strong{font-weight:600}

/* Varianta pe hero deschis (ex. pagina Showroom) */
.qdx-hero.qdx-hero-light .qdx-hero-tel a{
	color:var(--ink)!important;
	border-bottom-color:var(--line);
}
.qdx-hero.qdx-hero-light .qdx-hero-tel a:hover,
.qdx-hero.qdx-hero-light .qdx-hero-tel a:focus-visible{
	color:var(--red)!important;
	border-bottom-color:var(--red);
}


/* ===== 5. Spațiere hero pe mobil =====
   Fără asta, padding-ul de 140px de pe desktop se aplică identic
   pe telefon și lasă ~29% din ecran gol. */
@media(max-width:767px){
	.qdx-hero{
		padding-top:56px!important;
		padding-bottom:64px!important;
	}
}

@media(max-width:1024px){
	.qdx-hero{flex-wrap:wrap!important}
}

/* Text de corp în hero (subtitlu) — aliniat la nivelul standard "descriere", 1rem/16px.
   Era 1.06rem (16.96px), fără motiv să difere de restul textelor descriptive de pe pagină. */
.qdx-sub p{font-size:1rem;font-weight:300;color:rgba(255,255,255,.72);max-width:54ch}
/* Linia de preț — nivel "meta secundar", .875rem/14px. Era .9rem (14.4px). */
.qdx-price p{font-size:.875rem;color:rgba(255,255,255,.55)}
.qdx-price strong{color:#fff;font-weight:600}

/* CTAs */
.qdx-btn-primary.fusion-button{background:var(--red)!important;border:none!important;color:#fff!important;text-decoration:none}
.qdx-btn-primary.fusion-button:hover{background:var(--red-deep)!important;text-decoration:none}
.qdx-btn-secondary.fusion-button{background:transparent!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;text-decoration:none}
.qdx-btn-secondary.fusion-button:hover{border-color:#fff!important;background:rgba(255,255,255,.08)!important;text-decoration:none}
/* Sections */
.qdx-section-sub{
  max-width: 64ch;
  margin-inline: auto;
}
/* Text descriptiv de secțiune (CarbonCore, Colecția Quantum etc.) — aliniat
   la același nivel "descriere", 1rem/16px. Era 1.02rem (16.32px). */
.qdx-section-sub p{
  font-size: 1rem;
  font-weight: 300;
  color: #55565a;
  text-align: center;
}


/* ---------- counter boxes ----------*/

.qdx-counter .counter-box-container {
  display: flex;
  flex-direction: column-reverse;
}

.qdx-counter .counter-box-content {
  margin-bottom: 4px; /* era margin-top implicit, inversează spațierea */
}


/* ---------- specs section (class "qdx-specs" on the section container) ---------- */
.qdx-specs .fusion-checklist{margin-top:24px;display:block;gap:0;height:auto;min-height:0}
.qdx-specs .fusion-li-item{display:flex;align-items:center;margin:0 0 20px 0;min-height:0;height:auto;font-size:.88rem;color:var(--grey)}
.qdx-specs .fusion-li-item-content,
.qdx-specs .fusion-li-item-content p{margin:0!important;line-height:1.5}
.qdx-specs .fusion-checklist strong{display:block;font-size:.95rem;font-weight:600;color:var(--ink)}
.qdx-specs .fusion-imageframe img{border-radius:var(--radius)}

/* fișa tehnică (table) — aliniat la nivelul "meta secundar" .875rem (14px),
   la fel ca qdx-price și qdx-cert-caption. Era .9rem (14.4px), un aproape-duplicat. */
.qdx-spec-table table{width:100%;border-collapse:collapse;font-size:.875rem}
.qdx-spec-table th,.qdx-spec-table td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.qdx-spec-table th{width:32%;font-weight:400;color:var(--ink);white-space:nowrap}
.qdx-spec-table td{color:var(--grey);font-weight:300}
@media(max-width:640px){.qdx-spec-table th{white-space:normal;width:40%}}


/* ---------- specificații pe categorii (grid 4 carduri, fusion_content_boxes) ---------- */
.qdx-spec-cards.fusion-content-boxes{align-items:stretch}

.qdx-spec-cards .content-box-wrapper{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:28px 24px;
  position:relative;
  overflow:hidden;
  height:100%;
  transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out),border-color var(--t-med);
}
.qdx-spec-cards .content-box-wrapper::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:var(--red);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform var(--t-med) var(--ease-out);
}
.qdx-spec-cards .content-box-wrapper:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-2);
  border-color:transparent;
}
.qdx-spec-cards .content-box-wrapper:hover::before{transform:scaleX(1)}

.qdx-spec-cards .content-box-heading{
  font-family:var(--font-body)!important;
  font-size:1rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-transform:none!important;
  color:var(--ink)!important;
  margin:0 0 16px!important;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}

.qdx-spec-cards .content-container ul{
  list-style:none;
  margin:0;
  padding:0;
}
.qdx-spec-cards .content-container li{
  position:relative;
  padding-left:20px;
  margin-bottom:12px;
  font-size:.9rem;
  line-height:1.5;
  color:var(--grey);
}
.qdx-spec-cards .content-container li:last-child{margin-bottom:0}
.qdx-spec-cards .content-container li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:8px;
  height:1px;
  background:var(--red);
}

.qdx-spec-cards.fusion-content-boxes{
  display:flex!important;
  flex-wrap:wrap;
  align-items:stretch;
}
.qdx-spec-cards .content-box-column{
  display:flex;
}
.qdx-spec-cards .content-box-wrapper{
  width:100%;
}

.qdx-spec-cards .content-container p{
  font-size:.9rem;
  line-height:1.5;
  color:var(--grey);
  margin:0;
  padding-top:16px;
}

@media(max-width:1024px){
  .qdx-spec-cards .content-box-wrapper{padding:24px 20px}
}
@media(max-width:640px){
  .qdx-spec-cards .content-box-column{margin-bottom:20px}
}
/* ---------- carduri WeatherSeal (icon + titlu + cifre), varianta simplă, fără card ---------- */
.qdx-weatherseal-cards.fusion-content-boxes{
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center;
}
.qdx-weatherseal-cards .content-box-wrapper{
  width:100%;
  text-align:center;
  padding:0 24px;
}
.qdx-weatherseal-cards .heading{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.qdx-weatherseal-cards .fusion-content-box-icon,
.qdx-weatherseal-cards .icon{
  margin:0 auto 20px;
}
.qdx-weatherseal-cards .content-box-heading{
  font-family:var(--font-body)!important;
  font-size:1rem!important;
  font-weight:700!important;
  color:var(--ink)!important;
  margin:0 0 8px!important;
}
.qdx-weatherseal-cards .content-container{
  font-size:.85rem;
  color:var(--grey);
  line-height:1.5;
  text-align:center;
}
/* ---------- about section (class "qdx-about") ---------- */
.qdx-about p{font-weight:300;color:var(--grey)}

/* ---------- color swatches + zoom modal (class "qdx-colors-grid") ---------- */
.qdx-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}
.qdx-colors-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-align:center;cursor:zoom-in;transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}
.qdx-colors-grid figure:hover{transform:translateY(-4px);box-shadow:var(--shadow-1)}
.qdx-colors-grid img{display:block;width:100%;height:110px;object-fit:cover}
.qdx-colors-grid figcaption{padding:10px 8px 12px;line-height:1.35}
.qdx-colors-grid figcaption b{display:block;font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--ink)}
.qdx-colors-grid figcaption span{font-size:.72rem;color:var(--grey)}
.qdx-colors-note p{text-align:center;font-size:.85rem;color:var(--grey);font-weight:300;margin-top:24px}
.qdx-color-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(11,11,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s .22s}
.qdx-color-modal.is-open{opacity:1;visibility:visible;transition-delay:0s}
.qdx-color-modal figure{position:relative;margin:0;background:#fff;border-radius:var(--radius);overflow:hidden;width:min(400px,50vw);max-width:90vw;box-shadow:0 24px 80px rgba(0,0,0,.5);transform:scale(.96);transition:transform .22s ease}
.qdx-color-modal.is-open figure{transform:scale(1)}
.qdx-color-modal img{display:block;width:100%;height:auto}
.qdx-color-modal figcaption{padding:14px 12px 16px;text-align:center;line-height:1.4}
.qdx-color-modal figcaption b{display:block;font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--ink)}
.qdx-color-modal figcaption span{font-size:.8rem;color:var(--grey)}
.qdx-color-modal__x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(11,11,12,.55);color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:background .18s}
.qdx-color-modal__x:hover{background:var(--red)}

/* ---------- model/spec cards (class "qdx-card" on a Fusion Column) ---------- */
.qdx-models .fusion-builder-row{align-items:stretch}
.qdx-card .fusion-column-wrapper{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out),border-color var(--t-med)}
.qdx-card:hover .fusion-column-wrapper{transform:translateY(-8px);box-shadow:var(--shadow-2);border-color:transparent}
.qdx-card .fusion-column-wrapper::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform var(--t-med) var(--ease-out)}
.qdx-card:hover .fusion-column-wrapper::after{transform:scaleX(1)}
.qdx-card .fusion-title{flex:none}
.qdx-card .fusion-imageframe{display:flex;align-items:flex-end;justify-content:center;height:250px;overflow:hidden}
.qdx-card .fusion-imageframe img{max-height:240px;width:auto;transition:transform var(--t-slow) var(--ease-out)}
.qdx-card:hover .fusion-imageframe img{transform:scale(1.045)}
.qdx-card .qdx-card__links{margin-top:auto}
.qdx-card .qdx-card__links p{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0}
.qdx-card .qdx-card__links a{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:color .18s}
.qdx-card .qdx-link-detalii{color:var(--ink-soft)}
.qdx-card .qdx-link-detalii:hover{color:var(--red)}
.qdx-card .qdx-link-config{color:var(--red)}
.qdx-card .qdx-link-config:hover{color:var(--ink-soft)}
.qdx-card .qdx-card__links a:only-child { margin-inline: auto }
.qdx-card .awb-imageframe-caption-title{
  --awb-caption-title-font-family: var(--font-body);
  --awb-caption-title-font-weight: 600;
  --awb-caption-title-size: .95rem;
  --awb-caption-title-line-height: 1.35;
  --awb-caption-title-letter-spacing: normal;
  --awb-caption-title-transform: none;
  --awb-caption-title-color: var(--ink);
}

.qdx-card .fusion-imageframe {
  height: 300px !important;
}

.qdx-card .fusion-imageframe img {
  max-height: 290px !important;
}

/* ---------- imaginea + tot cardul devin clickabile spre "Detalii", fără JS/shortcode ---------- */
.qdx-card .fusion-column-wrapper{
  position:relative;
}
.qdx-card .qdx-link-detalii::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}
.qdx-card .qdx-link-config{
  position:relative;
  z-index:2;
}
.qdx-card .fusion-imageframe{
  cursor:pointer;
}

.qdx-variant-title .fusion-title-heading{
  font-family: var(--font-body) !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

/* ---------- caption-uri de tip "instalare" (galeria de montaj) ---------- */
.qdx-install-caption h5{
  font-family: var(--font-body);
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--ink);
  margin: 0 0 8px;
}

.qdx-install-caption .qdx-caption-title{
  font-family: var(--font-body);
  font-size: 1.05rem;     /* față de .95rem la variante */
  font-weight: 700;       /* față de 600 */
  line-height: 1.4;
  color: var(--ink);
  margin: 0 0 8px;
}

.qdx-install-caption p{font-size:.8125rem;color:var(--grey);line-height:1.5}
.qdx-install-caption strong{color:var(--ink)}

/* ---------- caption dedicat cardurilor de model (Q10-Q80) ----------
   Aceleași setări ca .qdx-install-caption, dar separat: cardurile de model
   nu mai trebuie să împrumute o clasă gândită pentru galeria de montaj —
   acum au propriul punct de control, chiar dacă valorile pornesc identice.
   Schimbă clasa "qdx-install-caption" în "qdx-card-caption" pe caption-urile
   celor 8 carduri din Fusion Builder ca să prindă regulile de mai jos. */
.qdx-card-caption h5{
  font-family: var(--font-body);
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--ink);
  margin: 0 0 8px;
}

.qdx-card-caption .qdx-caption-title{
  font-family: var(--font-body);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--ink);
  margin: 0 0 8px;
}

.qdx-card-caption p{font-size:.8125rem;color:var(--grey);line-height:1.5}
.qdx-card-caption strong{color:var(--ink)}

/* Pe mobil, .8125rem (13px) e cel mai mic text din pagină — pe ecran îngust,
   lângă card compact, poate simți înghesuit. Îl urcăm un pas, doar sub 480px. */
@media(max-width:480px){
  .qdx-install-caption p,
  .qdx-card-caption p{font-size:.8438rem;line-height:1.55}
}

/* ---------- caption pentru rândul de certificări (German Award / IFT Rosenheim / CarbonCore / RC2) ----------
   Înainte nu avea nicio clasă proprie — dimensiunea (14px) venea direct din
   atributul font_size setat pe shortcode-ul Avada, în afara acestui fișier.
   Acum e mutat la nivelul "meta secundar", .875rem/14px, la fel ca qdx-price,
   și controlat de aici încolo. Adaugă clasa "qdx-cert-caption" pe elementul
   Fusion Text al fiecărei certificări, în Fusion Builder. */
.qdx-cert-caption{font-family:var(--font-body)}
.qdx-cert-caption strong{
  display:block;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ink);
  margin-bottom:4px;
}
.qdx-cert-caption p{font-size:.875rem;font-weight:400;color:var(--grey);line-height:1.5}
@media(max-width:480px){
  .qdx-cert-caption p{font-size:.9rem}
}

.qdx-install-card{
  background: #fff;
  padding: 16px 16px 20px;
  border-radius: 2px;
}
/* CAROUSEL */ 
.fusion-image-carousel .awb-swiper-button{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  box-shadow: 0 2px 12px rgba(11,11,12,.18);
  color: var(--ink);
  top: 50%;
  transform: translateY(-50%);
  transition: background .18s, color .18s;
}
.fusion-image-carousel .awb-swiper-button:hover{
  background: var(--red);
  color: #fff;
}

.fusion-image-carousel .awb-swiper-button i{ font-size: 15px }

/* Steps */
.qdx-steps {
	  font-family: var(--font-body);

  transition: color var(--t-med, 0.25s) var(--ease-out, ease);
}

.fusion-column-wrapper:hover .qdx-steps {
  color: var(--red);
}


/* ----------- 2 columns list -----------*/
/* ---------- checklist 2 coloane (pagina /tehnologie/) ---------- */
/* ---------- checklist 2 coloane (pagina /tehnologie/) ----------
   columns (nu grid) — umple coloana 1 complet, apoi coloana 2,
   nu alternează rând cu rând. break-inside:avoid previne ruperea
   unui item la mijloc, între cele două coloane. */
.qdx-2columns-list{
  column-count:2;
  column-gap:40px;
}
.qdx-2columns-list .fusion-li-item{
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
}
@media(max-width:767px){
  .qdx-2columns-list{
    column-count:1;
  }
}

/* ---------- final CTA (class "qdx-cta") ---------- */
.qdx-cta{position:relative;overflow:hidden;background:linear-gradient(160deg,#141416 0%,var(--ink) 60%),var(--ink)!important}
.qdx-cta::before{content:"";position:absolute;left:50%;top:-40%;width:900px;height:900px;transform:translateX(-50%);background:radial-gradient(circle,rgba(215,25,32,.16),transparent 60%);pointer-events:none}
.qdx-cta .fusion-title-heading{color:#fff!important}
.qdx-cta .qdx-sub p{color:rgba(255,255,255,.66);max-width:none}

/* ---------- FAQ accordion (class "qdx-faq") ---------- */
.qdx-faq .panel-title a{font-weight:600!important;font-size:1rem!important;font-family:var(--font-body)!important}
.qdx-faq .toggle-content{font-size:.93rem;color:var(--grey)}
.qdx-faq .fusion-panel{
  border-bottom:1px solid var(--line)!important;
  padding-top:20px!important;
  padding-bottom:20px!important;
}
.qdx-faq .fusion-toggle-heading{font-weight:600!important}

/* ---------- white trust-bar variant (class "qdx-trust--light") ---------- */
.qdx-trust--light{background:var(--paper)!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* ---------- scroll-reveal (class "qdx-reveal"; toggled by qd-native.js) ---------- */
.qdx-reveal{opacity:0;transform:translateY(28px);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}
.qdx-reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.qdx-reveal{opacity:1;transform:none}}

/* ===== Recenzii Google (qdx-reviews) — adaugă la finalul qd-native.css ===== */

.qdx-reviews-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.qdx-reviews-score{font-family:var(--font-body);font-size:1.75rem;font-weight:700;color:var(--ink)}
.qdx-reviews-total{font-size:.875rem;color:var(--grey)}
.qdx-review-stars{display:inline-flex;gap:2px;vertical-align:middle}

.qdx-reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}

.qdx-review-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.qdx-review-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.qdx-review-avatar{border-radius:50%;width:40px;height:40px;object-fit:cover;flex-shrink:0}
.qdx-review-author{display:block;font-size:.9375rem;font-weight:600;color:var(--ink);margin-bottom:2px}
.qdx-review-text{font-size:.875rem;line-height:1.6;color:var(--grey);margin:0}

.qdx-review-card--cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;text-decoration:none;border-style:dashed;transition:border-color .2s ease,background .2s ease}
.qdx-review-card--cta:hover{border-color:var(--red);background:var(--paper)}
.qdx-review-cta-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--red)}
.qdx-review-card--cta:hover .qdx-review-cta-icon{background:var(--red);color:#fff}
.qdx-review-cta-text{font-size:.9375rem;font-weight:600;color:var(--ink)}

@media(max-width:480px){
	.qdx-reviews-grid{grid-template-columns:1fr}
	.qdx-reviews-score{font-size:1.5rem}
}

/* ===== Parteneri naționali (qdx-partners) — adaugă la finalul qd-native.css ===== */

.qdx-partners-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.qdx-partners-filter{font-family:var(--font-body);font-size:.8125rem;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--grey);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.qdx-partners-filter:hover{border-color:var(--red);color:var(--ink)}
.qdx-partners-filter.is-active{background:var(--ink);border-color:var(--ink);color:#fff}

.qdx-partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}

.qdx-partner-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.qdx-partner-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.qdx-partner-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--line);color:var(--red);font-size:.75rem;font-weight:700}
.qdx-partner-head>div{flex:1;min-width:0}
.qdx-partner-nume{display:block;font-size:.9375rem;font-weight:600;color:var(--ink)}
.qdx-partner-oras{display:block;font-size:.8125rem;color:var(--grey)}
.qdx-partner-adresa{font-size:.8125rem;color:var(--grey);line-height:1.5;margin:0 0 14px}

.qdx-partner-maps{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--grey);transition:background .2s ease,color .2s ease}
.qdx-partner-maps:hover{background:var(--line);color:var(--ink)}

.qdx-partner-contacte{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line)}
.qdx-partner-contacte li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8125rem;padding:4px 0}
.qdx-partner-contact-nume{color:var(--ink);font-weight:500}
.qdx-partner-tel{font-weight:600;color:var(--red);text-decoration:none;white-space:nowrap}
.qdx-partner-tel:hover{text-decoration:underline}

.qdx-partner-email{display:block;margin-top:8px;font-size:.8125rem;color:var(--grey);text-decoration:none;word-break:break-all}
.qdx-partner-email:hover{color:var(--red)}

@media(max-width:480px){
	.qdx-partners-grid{grid-template-columns:1fr}
}


.qdx-catalog-link{
	display:inline-flex;
	align-self:flex-start;
	align-items:center;
	gap:9px;
	margin-top:20px;
	padding:12px 18px;
	border:1px solid rgba(255,255,255,.22);
	border-radius:var(--radius);
	font-family:var(--font-body);
	line-height:1!important;
	color:#fff!important;
	text-decoration:none!important;
	transition:border-color .2s ease,background .2s ease,color .2s ease;
}

.qdx-catalog-link svg{
	display:block;
	flex-shrink:0;
}

.qdx-catalog-label{
	font-size:.8125rem;
	font-weight:600;
	letter-spacing:.02em;
	line-height:1;
}

.qdx-catalog-badge{
	font-size:.6875rem;
	font-weight:600;
	letter-spacing:.08em;
	line-height:1;
	padding:4px 6px;
	border-radius:2px;
	background:rgba(255,255,255,.12);
	color:rgba(255,255,255,.75);
	transition:background .2s ease,color .2s ease;
}

.qdx-catalog-link:hover,
.qdx-catalog-link:focus-visible{
	background:var(--red);
	border-color:var(--red);
	color:#fff!important;
}


.qdx-catalog-link:hover .qdx-catalog-badge{
	background:rgba(255,255,255,.2);
	color:#fff;
}

@media(max-width:767px){
	.qdx-catalog-link{width:100%;justify-content:center;margin-top:16px}
}

/* ===== Secțiunea catalog (qdx-catalog) — fundal deschis =====
   qdx-btn-secondary e stilizat pentru fundal închis (text și contur albe).
   Pe #f6f6f5 devine invizibil, la fel ca pe hero-ul deschis de la Showroom.
   Textul stă într-un <span class="fusion-button-text"> cu propria culoare,
   deci colorarea doar pe <a> nu ar avea efect. */

.qdx-catalog .qdx-btn-secondary{
	background:var(--ink)!important;
	border-color:var(--ink)!important;
}
.qdx-catalog .qdx-btn-secondary .fusion-button-text,
.qdx-catalog .qdx-btn-secondary i{
	color:#fff!important;
}

.qdx-catalog .qdx-btn-secondary:hover{
	background:transparent!important;
	border-color:var(--ink)!important;
}
.qdx-catalog .qdx-btn-secondary:hover .fusion-button-text,
.qdx-catalog .qdx-btn-secondary:hover i{
	color:var(--ink)!important;
}

/* ===== Titlul paginii de configurator =====
   Avada injectează stil inline pe H1 (--fontSize:56) și aplică tipografia
   globală a temei (Cal Sans) prin var(--h1_typography-*). Fără !important,
   orice regulă din fișier pierde. Dimensiunea e deliberat modestă:
   configuratorul are propria ierarhie vizuală, pașii sunt la 22px. */

.qd-conf-intro{
	max-width:760px;
	margin:56px auto 28px;
	padding:0 20px;
	text-align:center;
}

.qd-conf-intro h1{
	font-family:var(--font-display)!important;
	font-size:clamp(1.5rem,2.4vw,1.875rem)!important;
	font-weight:600!important;
	line-height:1.25!important;
	color:var(--ink)!important;
	letter-spacing:0!important;
	text-transform:none!important;
	margin:0 0 10px!important;
}

.qd-conf-intro p{
	font-size:.9375rem!important;
	line-height:1.6!important;
	color:var(--grey)!important;
	margin:0!important;
}

@media(max-width:767px){
	.qd-conf-intro{margin-top:32px;margin-bottom:20px}
	.qd-conf-intro h1{font-size:1.375rem!important}
	.qd-conf-intro p{font-size:.875rem!important}
}

/* ===== Modal imagine (qd-modal) =====
   Aceleași reguli ca în configurator.css, cu variabilele traduse din
   --qd-* în tokenii din qd-native.css. Prefixul qd-modal e păstrat
   intenționat, ca aspectul să fie identic pe ambele pagini. */

.qd-modal{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.5);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:9999;
	padding:20px;
}

.qd-modal__close{
	position:absolute;
	top:14px;
	right:16px;
	border:none;
	background:none;
	font-size:24px;
	cursor:pointer;
	color:var(--grey);
	line-height:1;
}

.qd-modal--img .qd-lightbox{
	position:relative;
	max-width:92vw;
	max-height:92vh;
}

.qd-modal--img img{
	display:block;
	max-width:92vw;
	max-height:86vh;
	object-fit:contain;
	background:#fff;
	border-radius:8px;
}

.qd-modal--img .qd-modal__close{
	top:-14px;
	right:-8px;
	background:#fff;
	width:34px;
	height:34px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 2px 8px rgba(0,0,0,.2);
}

/* Navigare între imaginile galeriei — nu există în configurator,
   unde modalul arată o singură imagine. */
.qd-modal__nav{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	border:none;
	border-radius:50%;
	background:rgba(255,255,255,.92);
	color:var(--ink);
	font-size:22px;
	line-height:1;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.qd-modal__nav--prev{left:-18px}
.qd-modal__nav--next{right:-18px}
.qd-modal__nav:hover{color:var(--red)}

/* Cursor de lupă pe imaginile din galerie */
.qdx-gallery .fusion-gallery-image a,
.qdx-gallery .fusion-gallery-image img{cursor:zoom-in}

@media(max-width:600px){
	.qd-modal{padding:12px}
	.qd-modal--img .qd-modal__close{top:-10px;right:-4px}
	.qd-modal__nav{width:34px;height:34px;font-size:19px}
	.qd-modal__nav--prev{left:-6px}
	.qd-modal__nav--next{right:-6px}
}

/* Buton lupă pe miniaturile din galerie.
   Copiat din configurator.css, cu variabilele traduse în tokenii qd-native. */

.qdx-gallery .fusion-gallery-image{position:relative}

.qdx-gallery .qd-zoom{
	position:absolute;
	top:8px;
	right:8px;
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(255,255,255,.9);
	border:1px solid var(--line);
	border-radius:6px;
	color:var(--ink);
	pointer-events:none;      /* click-ul e tratat de containerul galeriei */
	z-index:2;
	transition:background .18s ease,color .18s ease;
}

.qdx-gallery .fusion-gallery-image:hover .qd-zoom{
	background:#fff;
	color:var(--red);
}

.qdx-gallery .qd-zoom svg{width:17px;height:17px}

/* ============================================================
   ARTICOLE (single post) — tipografie + elemente de conținut
   ============================================================
   Articolele nu trec printr-un Layout de conținut Avada: corpul e șablonul
   implicit single-post, iar titlurile sunt <h1>/<h2> simple din editor —
   fără clasa .fusion-title-heading și fără vreun strămoș .qdx. De aceea
   regulile design system-ului, scopate pe .qdx, nu le ating deloc, iar
   tipografia globală a temei (Cal Sans) câștigă.

   Aici scopăm pe .single-post. Lățimea rămâne cea a temei, identică cu
   paginile — fără nicio limită suplimentară de coloană.

   !important e necesar peste tot: Avada aplică tipografia prin variabile
   (--h1_typography-*) și adaugă stil inline prin
   .fusion-responsive-typography-calculated.

   Adaugă la finalul qd-native.css.
   ============================================================ */


/* ===== 1. Titluri ===== */

.single-post .entry-title,
.single-post .fusion-post-title{
	font-family:var(--font-display)!important;
	font-size:clamp(2rem,4vw,2.75rem)!important;
	font-weight:600!important;
	line-height:1.15!important;
	letter-spacing:0!important;
	text-transform:none!important;
	color:var(--ink)!important;
}

.single-post .post-content h2{
	font-family:var(--font-display)!important;
	font-size:clamp(1.5rem,2.6vw,1.9rem)!important;
	font-weight:600!important;
	line-height:1.25!important;
	text-transform:none!important;
	color:var(--ink)!important;
	margin:48px 0 16px!important;
}

.single-post .post-content h3{
	font-family:var(--font-display)!important;
	font-size:clamp(1.25rem,2vw,1.5rem)!important;
	font-weight:600!important;
	line-height:1.3!important;
	text-transform:none!important;
	color:var(--ink)!important;
	margin:32px 0 12px!important;
}

.single-post .post-content h4{
	font-family:var(--font-body)!important;
	font-size:1rem!important;
	font-weight:600!important;
	line-height:1.4!important;
	text-transform:none!important;
	color:var(--ink)!important;
	margin:24px 0 10px!important;
}


/* ===== 2. Corpul de text ===== */

.single-post .post-content p,
.single-post .post-content li{
	font-family:var(--font-body)!important;
	font-size:1.0625rem!important;
	line-height:1.75!important;
	color:var(--grey)!important;
}

.single-post .post-content p{margin:0 0 20px!important}

.single-post .post-content strong{color:var(--ink)}


/* ===== 3. Liste =====
   Marcator roșu în locul bulinei implicite — aceeași soluție vizuală
   ca la .qdx-spec-cards de pe pagini. */

.single-post .post-content ul{
	list-style:none!important;
	padding-left:0!important;
	margin:0 0 24px!important;
}

.single-post .post-content ul li{
	position:relative;
	padding-left:22px!important;
	margin-bottom:12px!important;
}

.single-post .post-content ul li::before{
		content:"✓ ";
	width:auto;
	height:auto;
	background:none;
	color:var(--red);
	font-weight:700;
	font-size:.9em;
	top:0;
}

.single-post .post-content ol{
	padding-left:24px!important;
	margin:0 0 24px!important;
}
.single-post .post-content ol li{margin-bottom:12px!important}
.single-post .post-content ol li::marker{
	color:var(--red);
	font-weight:600;
}

/* Liste imbricate: marcator mai discret, ca să se citească ierarhia */
.single-post .post-content ul ul{margin:12px 0 0!important}
.single-post .post-content ul ul li::before{background:var(--line);width:7px}


/* ===== 4. Linkuri =====
   Tema aplică propria culoare globală de link; o suprascriem. */

.single-post .post-content a{
	color:var(--red)!important;
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:1px;
	transition:color .18s ease;
}
.single-post .post-content a:hover,
.single-post .post-content a:focus-visible{
	color:var(--ink)!important;
}


/* ===== 5. Citat ===== */

.single-post .post-content blockquote{
	margin:32px 0!important;
	padding:4px 0 4px 24px!important;
	border-left:2px solid var(--red);
	background:none!important;
	font-family:var(--font-display);
	font-size:1.25rem!important;
	line-height:1.5!important;
	font-style:normal;
	color:var(--ink)!important;
}
.single-post .post-content blockquote p{
	font-family:inherit!important;
	font-size:inherit!important;
	line-height:inherit!important;
	color:inherit!important;
	margin:0 0 8px!important;
}
.single-post .post-content blockquote cite{
	display:block;
	font-family:var(--font-body);
	font-size:.875rem;
	font-style:normal;
	color:var(--grey);
	margin-top:12px;
}


/* ===== 6. Tabel ===== */

.single-post .post-content table{
	width:100%;
	border-collapse:collapse;
	margin:28px 0;
	font-size:.9375rem;
}
.single-post .post-content th{
	text-align:left;
	font-weight:600;
	color:var(--ink);
	border-bottom:2px solid var(--line);
	padding:12px 10px;
}
.single-post .post-content td{
	border-bottom:1px solid var(--line);
	padding:12px 10px;
	vertical-align:top;
	color:var(--grey);
	line-height:1.55;
}


/* ===== 7. Imagini în corp ===== */

.single-post .post-content img{
	max-width:100%;
	height:auto;
	border-radius:var(--radius);
	display:block;
	margin:28px auto;
}
.single-post .post-content figure{margin:28px 0}
.single-post .post-content figcaption{
	font-size:.8125rem;
	color:var(--grey);
	text-align:center;
	margin-top:10px;
	line-height:1.5;
}


/* ===== 8. Separator ===== */

.single-post .post-content hr{
	border:none;
	border-top:1px solid var(--line);
	margin:40px 0;
}


/* ===== 9. Cod ===== */

.single-post .post-content code{
	font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
	font-size:.875em;
	background:var(--paper);
	border:1px solid var(--line);
	border-radius:3px;
	padding:2px 6px;
}
.single-post .post-content pre{
	background:var(--paper);
	border:1px solid var(--line);
	border-radius:var(--radius);
	padding:18px;
	overflow-x:auto;
	margin:24px 0;
}
.single-post .post-content pre code{
	background:none;
	border:none;
	padding:0;
	font-size:.875rem;
	line-height:1.6;
}


/* ===== 10. Mobil ===== */

@media(max-width:767px){
	.single-post .post-content h2{margin-top:36px!important}
	.single-post .post-content p,
	.single-post .post-content li{font-size:1rem!important;line-height:1.7!important}
	.single-post .post-content table{display:block;overflow-x:auto}
	.single-post .post-content blockquote{
		padding-left:18px!important;
		font-size:1.125rem!important;
	}
}