/* ═══════════════════════════════════════════════════════════════
   DGS — Intreaba medicul (mobile + desktop)
   Design system 2026 — va inlocui eventual style_consultaMediculOnline.css
   Folosit pe: consulta_medicul_online*, dgs_utilizator_intrebar*
   ═══════════════════════════════════════════════════════════════ */

/* Manrope load — design system DGS necesita Manrope pentru fidelitate vizuala
   (weight 800 pentru titluri arata diferit fata de system fonts).
   Local fonts sunt fallback pana se incarca Manrope. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* ─── Tokens ─── */
:root {
	--dgs-primary:       #D8232A;
	--dgs-primary-dark:  #B01821;
	--dgs-primary-soft:  #FFEBEC;
	--dgs-blue:          #1A5FB4;
	--dgs-blue-soft:     #E8F0FC;
	--dgs-nav:           #2A6FB9;
	--dgs-text:          #1B1F26;
	--dgs-text-2:        #5B6471;
	--dgs-text-3:        #8B95A1;
	--dgs-bg:            #F4F6F9;
	--dgs-card:          #FFFFFF;
	--dgs-border:        #E5E9F0;
	--dgs-border-strong: #CBD2DC;
	--dgs-green:         #0F8A4A;
	--dgs-green-soft:    #E6F5EC;
	--dgs-amber:         #B47100;
	--dgs-amber-soft:    #FFF4DB;
	--dgs-bubble-patient:#FFF4EE;
	--dgs-bubble-doctor: #EAF3FC;
	--dgs-shadow-cta:    0 4px 14px rgba(216, 35, 42, 0.25);
	--dgs-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ═══════════════════════════════════════════════════════════════
   RESET — scoped sub .dgs-page ca sa neutralizeze stylurile site-ului
   (style.css, style_consultaMediculOnline.css, fontawesome etc.)
   ═══════════════════════════════════════════════════════════════ */
.dgs-page,
.dgs-page * { box-sizing: border-box; }
.dgs-page,
.dgs-page *::before,
.dgs-page *::after { box-sizing: border-box; }

/* Force font-family pe TOATE elementele — bate site CSS `* { font-family: ... }` */
.dgs-page, .dgs-page * { font-family: var(--dgs-font); }
/* Exceptie: icons Font Awesome — păstrează fontul Font Awesome (altfel glyph-urile nu se randează) */
.dgs-page .fa, .dgs-page .fas, .dgs-page .far, .dgs-page .fab, .dgs-page .fal, .dgs-page .fad,
.dgs-page [class*="fa-"]::before, .dgs-page .fa::before, .dgs-page .fas::before, .dgs-page .far::before, .dgs-page .fab::before { font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important; }
.dgs-page .fab, .dgs-page .fab::before { font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important; }
.dgs-page .far, .dgs-page .far::before { font-weight: 400; }
.dgs-page .fas, .dgs-page .fas::before { font-weight: 900; }

.dgs-page { color: var(--dgs-text); background: var(--dgs-bg); padding: 0; margin: 0; line-height: 1.4; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Reset elemente moștenite — toate sub .dgs-page */
.dgs-page h1, .dgs-page h2, .dgs-page h3, .dgs-page h4, .dgs-page h5, .dgs-page h6 { margin: 0; padding: 0; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; }
.dgs-page p { margin: 0; padding: 0; font-size: inherit; line-height: inherit; color: inherit; }
.dgs-page span, .dgs-page font { font-size: inherit; line-height: inherit; padding: 0; color: inherit; }
.dgs-page div { font-size: inherit; line-height: inherit; color: inherit; }
.dgs-page ul, .dgs-page ol { margin: 0; padding: 0; list-style: none; }
.dgs-page li { margin: 0; padding: 0; list-style: none; }
.dgs-page section { margin: 0; padding: 0; }
.dgs-page a { color: var(--dgs-text); text-decoration: none; background: transparent; }
.dgs-page a:hover, .dgs-page a:focus { text-decoration: none; }
.dgs-page button { font-family: var(--dgs-font); font-size: inherit; line-height: inherit; cursor: pointer; background: none; border: none; padding: 0; margin: 0; color: inherit; height: auto; box-shadow: none; -webkit-appearance: none; }
.dgs-page input, .dgs-page select, .dgs-page textarea { font-family: var(--dgs-font); font-size: inherit; line-height: inherit; color: inherit; background: #fff; height: auto; box-shadow: none; -webkit-appearance: none; appearance: none; border-radius: 0; }
.dgs-page input[type="text"], .dgs-page input[type="number"], .dgs-page input[type="email"], .dgs-page input[type="tel"] { background: #fff; height: auto; box-shadow: none; }
.dgs-page input[type="radio"], .dgs-page input[type="checkbox"] { width: auto; margin: 0; vertical-align: middle; height: auto; -webkit-appearance: auto; appearance: auto; }
.dgs-page form { margin: 0; padding: 0; }
.dgs-page label { margin: 0; padding: 0; font-weight: inherit; }
.dgs-page img, .dgs-page svg { display: block; max-width: 100%; vertical-align: middle; }
.dgs-page i { font-style: normal; }
.dgs-page strong, .dgs-page b { font-weight: 700; }
.dgs-page small { font-size: inherit; }

/* ─── Cards ─── */
.dgs-page .dgs-card { background: var(--dgs-card); border: 1px solid var(--dgs-border); border-radius: 10px; padding: 14px; }

/* ─── Pills / badges — exact JSX ─── */
.dgs-page .dgs-pill { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.dgs-page .dgs-pill--trust { background: var(--dgs-green-soft); color: var(--dgs-green); padding: 6px 11px 6px 8px; font-size: 12px; font-weight: 800; letter-spacing: 0.1px; gap: 8px; margin-bottom: 14px; }
.dgs-page .dgs-pill--trust .dgs-pill__icon { width: 18px; height: 18px; border-radius: 999px; background: var(--dgs-green); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; flex-shrink: 0; }
.dgs-page .dgs-pill--time { background: var(--dgs-bg); color: var(--dgs-text-2); }
.dgs-page .dgs-pill--rating { background: var(--dgs-bg); color: var(--dgs-text-2); }
.dgs-page .dgs-pill--neutral { background: var(--dgs-bg); color: var(--dgs-text-2); }
.dgs-page .dgs-pill__icon { color: var(--dgs-text-2); font-size: 11px; }
.dgs-page .dgs-star { color: #FFB400; }
.dgs-page .dgs-thumbs { color: var(--dgs-blue); font-size: 11px; }

/* ─── Buttons — exact JSX. Scoped pe .dgs-page DAR si pe sticky-bottom (care e mutat in afara .dgs-page pe unele ecrane) ─── */
.dgs-page .dgs-btn, .dgs-sticky-bottom .dgs-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 14px 18px; border-radius: 12px; font-size: 16px; font-weight: 700; font-family: var(--dgs-font); border: none; text-decoration: none; cursor: pointer; }
.dgs-page .dgs-btn--primary, .dgs-sticky-bottom .dgs-btn--primary { background: var(--dgs-primary); color: #fff; box-shadow: var(--dgs-shadow-cta); }
.dgs-page .dgs-btn--primary:hover, .dgs-sticky-bottom .dgs-btn--primary:hover { background: var(--dgs-primary-dark); color: #fff; }
.dgs-page .dgs-btn--ghost { padding: 12px 18px; background: transparent; border: 1px solid var(--dgs-border); color: var(--dgs-text); font-size: 15px; font-weight: 600; }
.dgs-page .dgs-btn--small { padding: 8px 14px; font-size: 13px; }
.dgs-page .dgs-btn--inline { width: auto; padding: 10px 22px; font-size: 14px; }

/* Sticky bottom price + cta — duplicate selectors pentru cazul cand sticky e in afara .dgs-page */
.dgs-sticky-bottom { font-family: var(--dgs-font); }
.dgs-sticky-bottom .dgs-sticky-bottom__price { flex-shrink: 0; }
.dgs-sticky-bottom .dgs-sticky-bottom__price-lbl { font-size: 11px; font-weight: 600; color: var(--dgs-text-2); }
.dgs-sticky-bottom .dgs-sticky-bottom__price-num { font-size: 17px; font-weight: 800; color: var(--dgs-text); }
.dgs-sticky-bottom .dgs-sticky-bottom__cta { flex: 1; }

/* ─── Hero (A1) — compact, fara CTA-uri (intrare prin search/specialitate) ─── */
.dgs-page .dgs-hero { background: #fff; padding: 14px 16px 14px; }
.dgs-page .dgs-hero__h1 { margin: 0; font-size: 22px; font-weight: 800; line-height: 1.18; letter-spacing: -0.4px; color: var(--dgs-text); }
.dgs-page .dgs-hero__h1 .accent { color: var(--dgs-primary); }
.dgs-page .dgs-hero__sub { margin: 8px 0 0; font-size: 14px; line-height: 1.45; color: var(--dgs-text-2); }
.dgs-page .dgs-hero__sub strong { color: var(--dgs-text); font-weight: 700; }

/* ─── Search box A1 + dropdown autocomplete ─── */
.dgs-page .dgs-search { background: #fff; padding: 12px 16px 14px; border-bottom: 1px solid var(--dgs-border); position: relative; }
.dgs-page .dgs-search__wrap { display: flex; align-items: center; gap: 10px; padding: 11px 14px; background: var(--dgs-bg); border-radius: 11px; border: 1px solid var(--dgs-border); }
.dgs-page .dgs-search__icon { color: var(--dgs-text-3); font-size: 14px; flex-shrink: 0; }
.dgs-page .dgs-search__input { flex: 1; border: none; outline: none; background: transparent; font-size: 15px; color: var(--dgs-text); padding: 0; height: auto; box-shadow: none; }
.dgs-page .dgs-search__input::placeholder { color: var(--dgs-text-3); }
.dgs-page .dgs-search__clear { color: var(--dgs-text-3); font-size: 13px; cursor: pointer; display: none; padding: 4px; }
.dgs-page .dgs-search--has-value .dgs-search__clear { display: inline-flex; }

.dgs-page .dgs-search__dropdown { position: absolute; left: 16px; right: 16px; top: calc(100% + 6px); background: #fff; border: 2px solid var(--dgs-primary); border-radius: 12px; box-shadow: 0 16px 40px rgba(216, 35, 42, 0.18), 0 2px 6px rgba(20,30,50,0.10); z-index: 50; max-height: 70vh; overflow-y: auto; display: none; }
.dgs-page .dgs-search--open .dgs-search__dropdown { display: block; }
.dgs-page .dgs-search__group { padding: 6px 0; border-bottom: 1px solid var(--dgs-border); }
.dgs-page .dgs-search__group:last-child { border-bottom: none; }
.dgs-page .dgs-search__group-title { font-size: 11px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; color: var(--dgs-text-3); padding: 8px 14px 4px; }
.dgs-page .dgs-search__item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; cursor: pointer; color: var(--dgs-text); border-bottom: 1px solid var(--dgs-border); }
.dgs-page .dgs-search__group:last-child .dgs-search__item:last-child { border-bottom: none; }
.dgs-page .dgs-search__item:hover, .dgs-page .dgs-search__item:focus { background: var(--dgs-bg); }
.dgs-page .dgs-search__item-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.dgs-page .dgs-search__loading { padding: 16px 14px; text-align: center; font-size: 13px; color: var(--dgs-text-2); }
.dgs-page .dgs-search__avail { color: var(--dgs-green); font-weight: 700; }
.dgs-page .dgs-d-sidebar__search-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.dgs-page .dgs-search__item-ico { width: 28px; height: 28px; border-radius: 8px; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 12px; }
.dgs-page .dgs-search__item-ico--symptom { background: var(--dgs-blue-soft); color: var(--dgs-blue); }
.dgs-page .dgs-search__item-info { flex: 1; min-width: 0; }
.dgs-page .dgs-search__item-name { font-size: 14px; font-weight: 700; color: var(--dgs-text); }
.dgs-page .dgs-search__item-meta { font-size: 12px; color: var(--dgs-text-2); margin-top: 1px; }
.dgs-page .dgs-search__empty { padding: 20px 14px; text-align: center; font-size: 13px; color: var(--dgs-text-2); }

/* Trust strip — exact JSX */
.dgs-page .dgs-trust-strip { background: #fff; padding: 14px 16px; border-top: 1px solid var(--dgs-border); border-bottom: 1px solid var(--dgs-border); display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; text-align: center; }
.dgs-page .dgs-trust-strip__num { font-size: 17px; font-weight: 800; color: var(--dgs-text); }
.dgs-page .dgs-trust-strip__lbl { font-size: 11px; font-weight: 500; color: var(--dgs-text-2); margin-top: 2px; }

/* How-it-works expandable (valorile exacte din screens-a.jsx) */
.dgs-page .dgs-how { padding: 14px 16px 0; }
.dgs-page .dgs-how__head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; cursor: pointer; text-align: left; font-family: inherit; }
.dgs-page .dgs-how__head[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.dgs-page .dgs-how__head-left { display: flex; align-items: center; gap: 10px; }
.dgs-page .dgs-how__icon { width: 28px; height: 28px; border-radius: 8px; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; flex-shrink: 0; }
.dgs-page .dgs-how__head-text { font-size: 15px; font-weight: 700; color: var(--dgs-text); }
.dgs-page .dgs-how__chev { transition: transform 0.2s; color: var(--dgs-text-2); font-size: 12px; }
.dgs-page .dgs-how__head[aria-expanded="true"] .dgs-how__chev { transform: rotate(180deg); }
.dgs-page .dgs-how__body { background: #fff; border: 1px solid var(--dgs-border); border-top: none; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 4px 14px 12px; }
.dgs-page .dgs-how__step { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--dgs-border); }
.dgs-page .dgs-how__step:last-child { border-bottom: none; }
.dgs-page .dgs-how__step-num { width: 22px; height: 22px; border-radius: 999px; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; flex-shrink: 0; margin-top: 1px; }
.dgs-page .dgs-how__step-info { flex: 1; min-width: 0; }
.dgs-page .dgs-how__step-title { font-size: 14px; font-weight: 700; color: var(--dgs-text); }
.dgs-page .dgs-how__step-desc { font-size: 12px; color: var(--dgs-text-2); margin-top: 1px; line-height: 1.4; }
.dgs-page .dgs-how__note { display: flex; gap: 10px; align-items: flex-start; margin-top: 10px; padding: 10px 12px; background: var(--dgs-bg); border-radius: 8px; font-size: 12px; color: var(--dgs-text-2); line-height: 1.45; }
.dgs-page .dgs-how__note-icon { color: var(--dgs-green); font-size: 12px; margin-top: 2px; flex-shrink: 0; }
.dgs-page .dgs-how__note strong { color: var(--dgs-text); font-weight: 700; }

/* ─── Section ─── */
.dgs-page .dgs-section { padding: 16px 16px 0; }
.dgs-page .dgs-section__title { font-size: 17px; font-weight: 800; letter-spacing: -0.2px; margin: 0 0 12px; padding: 0 4px; }
.dgs-page .dgs-section__intro { background: #fff; padding: 18px 16px 14px; border-bottom: 1px solid var(--dgs-border); }
.dgs-page .dgs-section__intro-title { font-size: 20px; font-weight: 800; letter-spacing: -0.3px; margin: 0 0 6px; }
.dgs-page .dgs-section__intro-sub { font-size: 13px; color: var(--dgs-text-2); margin: 0; }
.dgs-page .dgs-section__intro-sub--muted { color: var(--dgs-text-3); }

/* ─── Specialități list — layout cu medici listati (max 2) ─── */
.dgs-page .dgs-spec-list { display: flex; flex-direction: column; gap: 10px; }
.dgs-page .dgs-spec-card { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; transition: all 0.15s; }
.dgs-page .dgs-spec-card:hover { background: var(--dgs-bg); }
.dgs-page .dgs-spec-card__head { display: flex; align-items: center; gap: 10px; }
.dgs-page .dgs-spec-card__name { flex: 1; font-size: 15px; font-weight: 700; color: var(--dgs-text); letter-spacing: -0.1px; }
.dgs-page .dgs-spec-card__more { font-size: 12px; color: #fff; font-weight: 800; white-space: nowrap; background: var(--dgs-primary); padding: 4px 10px; border-radius: 999px; box-shadow: 0 2px 6px rgba(216, 35, 42, 0.2); letter-spacing: 0.1px; }
.dgs-page .dgs-spec-card__chev { color: var(--dgs-text-3); flex-shrink: 0; font-size: 14px; }
.dgs-page .dgs-spec-card__doctors { display: flex; flex-direction: column; gap: 6px; }
.dgs-page .dgs-spec-card__doctor { display: flex; align-items: center; gap: 10px; }
.dgs-page .dgs-spec-card__doctor img,
.dgs-page .dgs-spec-card__doctor .dgs-avatar-placeholder { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; flex-shrink: 0; font-size: 14px; }
.dgs-page .dgs-spec-card__doctor-name { font-size: 14px; font-weight: 600; color: var(--dgs-text); }
.dgs-page .dgs-spec-card__count { font-size: 13px; color: var(--dgs-text-2); }
.dgs-page .dgs-spec-card__count--muted { color: var(--dgs-text-3); font-style: italic; }

.dgs-page .dgs-avatar-placeholder { background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; }

/* ─── Filter chip (A2) — toggle disponibilitate ─── */
.dgs-page .dgs-filter-row { padding: 12px 16px 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dgs-page .dgs-filter-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--dgs-text-2); font-family: inherit; cursor: pointer; transition: all 0.15s; }
.dgs-page .dgs-filter-chip:hover { border-color: var(--dgs-border-strong); }
.dgs-page .dgs-filter-chip__dot { font-size: 8px; color: #22c55e; }
.dgs-page .dgs-filter-chip__count { color: var(--dgs-text-3); font-weight: 600; }
.dgs-page .dgs-filter-chip[aria-pressed="true"] { background: var(--dgs-green-soft); color: var(--dgs-green); border-color: rgba(15,138,74,0.25); }
.dgs-page .dgs-filter-chip[aria-pressed="true"] .dgs-filter-chip__count { color: rgba(15,138,74,0.7); }
.dgs-page .dgs-filter-chip[aria-pressed="true"] .dgs-filter-chip__dot { color: var(--dgs-green); }

.dgs-page .dgs-empty--filter { padding: 24px 24px 30px; text-align: center; }
.dgs-page .dgs-empty--filter .dgs-empty__icon { font-size: 32px; color: var(--dgs-text-3); margin-bottom: 10px; }
.dgs-page .dgs-empty--filter .dgs-empty__title { font-size: 15px; font-weight: 700; color: var(--dgs-text); margin-bottom: 6px; }
.dgs-page .dgs-empty--filter .dgs-empty__text { font-size: 13px; color: var(--dgs-text-2); line-height: 1.5; }

/* ─── Doctor card (lista A2) — exact JSX ─── */
.dgs-page .dgs-doctor-list { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 24px; }
.dgs-page .dgs-doctor-card { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 12px; display: flex; gap: 12px; align-items: flex-start; color: inherit; transition: all 0.15s; }
.dgs-page .dgs-doctor-card:hover { background: var(--dgs-bg); }
.dgs-page .dgs-doctor-card__avatar-wrap { position: relative; flex-shrink: 0; }
.dgs-page .dgs-doctor-card__avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.dgs-page .dgs-doctor-card__online { position: absolute; bottom: 0; right: 0; width: 13px; height: 13px; border-radius: 999px; background: #22c55e; border: 2px solid #fff; }
.dgs-page .dgs-doctor-card__offline { position: absolute; bottom: 0; right: 0; width: 13px; height: 13px; border-radius: 999px; background: var(--dgs-text-3); border: 2px solid #fff; opacity: 0.7; }
.dgs-page .dgs-doctor-card__info { flex: 1; min-width: 0; }
.dgs-page .dgs-doctor-card__name { font-size: 15px; font-weight: 700; color: var(--dgs-text); letter-spacing: -0.2px; }
.dgs-page .dgs-doctor-card__spec { font-size: 13px; color: var(--dgs-text-2); margin-top: 1px; }
.dgs-page .dgs-doctor-card__hospital { font-size: 12px; color: var(--dgs-text-3); margin-top: 1px; }
.dgs-page .dgs-doctor-card__location { font-size: 12px; color: var(--dgs-text-3); margin-top: 3px; display: flex; align-items: center; gap: 5px; }
.dgs-page .dgs-doctor-card__location i { font-size: 10px; color: var(--dgs-text-3); }
.dgs-page .dgs-doctor-card__pills { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.dgs-page .dgs-doctor-card__chev { color: var(--dgs-text-3); align-self: center; flex-shrink: 0; }

/* ─── Doctor profile (A3) — exact JSX ─── */
.dgs-page .dgs-profile { background: #fff; padding: 20px 20px 18px; text-align: center; border-bottom: 1px solid var(--dgs-border); }
.dgs-page .dgs-profile__avatar-wrap { display: inline-block; position: relative; }
.dgs-page .dgs-profile__avatar { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; }
.dgs-page .dgs-profile__avatar-online { position: absolute; bottom: 4px; right: 4px; width: 16px; height: 16px; border-radius: 999px; background: var(--dgs-green); border: 3px solid #fff; }
.dgs-page .dgs-profile__name { font-size: 19px; font-weight: 800; letter-spacing: -0.3px; margin-top: 10px; }
.dgs-page .dgs-profile__spec { font-size: 14px; color: var(--dgs-text-2); margin-top: 2px; }
.dgs-page .dgs-profile__hospital { font-size: 13px; color: var(--dgs-text-3); margin-top: 1px; }
.dgs-page .dgs-profile__stats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--dgs-border); }
.dgs-page .dgs-profile__stat-num { font-size: 15px; font-weight: 800; color: var(--dgs-text); }
.dgs-page .dgs-profile__stat-lbl { font-size: 11px; color: var(--dgs-text-2); font-weight: 500; margin-top: 1px; }

/* ─── Price ribbon (A3) — info inline discreta, nu card mare ─── */
.dgs-page .dgs-price-ribbon { display: flex; align-items: center; gap: 10px; margin: 12px 16px 0; padding: 10px 12px; background: var(--dgs-bg); border-radius: 8px; }
.dgs-page .dgs-price-ribbon__icon { color: var(--dgs-text-2); font-size: 13px; flex-shrink: 0; }
.dgs-page .dgs-price-ribbon__text { font-size: 13px; color: var(--dgs-text-2); line-height: 1.4; }
.dgs-page .dgs-price-ribbon__text strong { color: var(--dgs-text); font-weight: 700; }

.dgs-page .dgs-price-card { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 14px; margin: 14px 16px 0; }
.dgs-page .dgs-price-card__label { font-size: 12px; font-weight: 700; letter-spacing: 0.4px; color: var(--dgs-text-2); text-transform: uppercase; display: flex; align-items: center; gap: 6px; }
.dgs-page .dgs-price-card__label i { color: var(--dgs-green); font-size: 13px; }
.dgs-page .dgs-price-card__amount { display: flex; align-items: baseline; gap: 8px; margin-top: 6px; font-size: 22px; font-weight: 800; letter-spacing: -0.4px; color: var(--dgs-text); }
.dgs-page .dgs-price-card__amount small { font-size: 13px; color: var(--dgs-text-2); font-weight: 500; letter-spacing: 0; }
.dgs-page .dgs-price-card__hint { font-size: 13px; color: var(--dgs-text-2); margin-top: 4px; line-height: 1.4; }

/* ─── Despre medic — card cu expand/collapse ─── */
.dgs-page .dgs-prose { padding: 14px 16px; }
.dgs-page .dgs-prose--card { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; margin: 14px 16px 0; padding: 14px; }
.dgs-page .dgs-prose__title { font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.dgs-page .dgs-prose__body { position: relative; overflow: hidden; transition: max-height 0.25s ease; }
.dgs-page .dgs-prose__body[data-collapsed="true"] { max-height: 100px; }
.dgs-page .dgs-prose__body[data-collapsed="true"]::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 90%); pointer-events: none; }
.dgs-page .dgs-prose__body[data-collapsed="false"] { max-height: 2000px; }
.dgs-page .dgs-prose__text { font-size: 14px; color: var(--dgs-text-2); line-height: 1.5; margin-top: 6px; }
.dgs-page .dgs-prose__text:first-child { margin-top: 0; }
.dgs-page .dgs-prose__toggle { display: inline-flex; align-items: center; gap: 6px; padding: 8px 0 0; background: none; border: none; color: var(--dgs-blue); font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; }
.dgs-page .dgs-prose__toggle-chev { font-size: 10px; transition: transform 0.2s; }
.dgs-page .dgs-prose__toggle--open .dgs-prose__toggle-chev { transform: rotate(180deg); }

/* ─── Sticky bottom CTA — extra bottom padding pentru iOS safe area ─── */
.dgs-page .dgs-sticky-bottom,
.dgs-sticky-bottom { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid var(--dgs-border); padding: 12px 16px 28px; z-index: 100; display: flex; align-items: center; gap: 12px; }

/* FAB — buton sticky dreapta-jos pe pagina de listare intrebari */
.dgs-fab,
.dgs-fab:link,
.dgs-fab:visited,
.dgs-fab:hover,
.dgs-fab:active { color: #fff !important; text-decoration: none !important; }
.dgs-fab { position: fixed !important; bottom: 18px !important; right: 14px !important; z-index: 200; display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 14px !important; background: var(--dgs-primary) !important; border-radius: 999px !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important; box-shadow: 0 4px 14px rgba(216,35,42,0.3); transition: background 0.15s, box-shadow 0.15s, transform 0.15s; font-family: var(--dgs-font) !important; white-space: nowrap !important; }
.dgs-fab:hover { background: var(--dgs-primary-dark) !important; box-shadow: 0 6px 18px rgba(216,35,42,0.38); }
.dgs-fab:active { transform: translateY(1px); }
.dgs-fab i { font-size: 12px !important; color: #fff !important; line-height: 1 !important; }
.dgs-fab__lbl { white-space: nowrap; color: #fff !important; font-size: 13px !important; line-height: 1 !important; }
.dgs-page .dgs-sticky-bottom__price { flex-shrink: 0; }
.dgs-page .dgs-sticky-bottom__price-lbl { font-size: 11px; font-weight: 600; color: var(--dgs-text-2); }
.dgs-page .dgs-sticky-bottom__price-num { font-size: 17px; font-weight: 800; }
.dgs-page .dgs-sticky-bottom__cta { flex: 1; }
.dgs-page .dgs-spacer-bottom { height: 100px; }

/* ─── Stepper ─── */
.dgs-page .dgs-stepper { display: flex; align-items: center; gap: 8px; padding: 14px 16px 10px; background: #fff; border-bottom: 1px solid var(--dgs-border); }
.dgs-page .dgs-stepper__step { display: flex; align-items: center; gap: 6px; }
.dgs-page .dgs-stepper__num { width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }
.dgs-page .dgs-stepper__num--active { background: var(--dgs-primary); color: #fff; }
.dgs-page .dgs-stepper__num--done { background: var(--dgs-green); color: #fff; }
.dgs-page .dgs-stepper__num--done i { font-size: 10px; }
.dgs-page .dgs-stepper__num--idle { background: var(--dgs-bg); color: var(--dgs-text-3); border: 1px solid var(--dgs-border); }
.dgs-page .dgs-stepper__lbl { font-size: 13px; font-weight: 700; }
.dgs-page .dgs-stepper__lbl--active { color: var(--dgs-text); }
.dgs-page .dgs-stepper__lbl--done { color: var(--dgs-text-2); }
.dgs-page .dgs-stepper__lbl--idle { color: var(--dgs-text-3); }
.dgs-page .dgs-stepper__line { flex: 1; height: 2px; background: var(--dgs-border); }
.dgs-page .dgs-stepper__line--done { background: var(--dgs-green); }

/* ─── Compose ─── */
.dgs-page .dgs-doctor-recap { display: flex; align-items: center; gap: 10px; padding: 10px; margin: 12px 16px 0; background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; }
.dgs-page .dgs-doctor-recap__avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.dgs-page .dgs-doctor-recap__info { flex: 1; min-width: 0; }
.dgs-page .dgs-doctor-recap__name { font-size: 14px; font-weight: 700; }
.dgs-page .dgs-doctor-recap__meta { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; }
.dgs-page .dgs-doctor-recap__price { font-size: 14px; font-weight: 800; color: var(--dgs-primary); }

.dgs-page .dgs-field { padding: 16px 16px 0; }
.dgs-page .dgs-field__label { font-size: 12px; font-weight: 700; letter-spacing: 0.2px; color: var(--dgs-text-2); text-transform: uppercase; margin-bottom: 6px; }
.dgs-page .dgs-textarea-wrap { position: relative; }
.dgs-page .dgs-textarea { width: 100%; height: 196px; padding: 14px; border: 1px solid var(--dgs-border); border-radius: 10px; font-size: 14px; font-family: inherit; resize: none; outline: none; box-sizing: border-box; color: var(--dgs-text); background: #fff; display: block; }
.dgs-page .dgs-textarea:focus { border-color: var(--dgs-primary); }
.dgs-page .dgs-textarea::placeholder { color: var(--dgs-text-3); }
.dgs-page .dgs-textarea-counter { text-align: right; font-size: 11px; color: var(--dgs-text-3); font-weight: 600; margin-top: 4px; padding: 0 2px; }
.dgs-page .dgs-textarea-counter--warn { color: var(--dgs-primary); }
.dgs-page .dgs-textarea--short { height: 120px; }
.dgs-page .dgs-textarea--mini { height: 80px; }

.dgs-page .dgs-upload { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 14px 16px; border: 1.5px dashed var(--dgs-border-strong); border-radius: 10px; background: transparent; margin-top: 12px; color: var(--dgs-text); cursor: pointer; }
.dgs-page .dgs-upload__icon { color: var(--dgs-primary); font-size: 22px; font-weight: 900; }
.dgs-page .dgs-upload__text { text-align: left; }
.dgs-page .dgs-upload__title { font-size: 14px; font-weight: 700; }
.dgs-page .dgs-upload__hint { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; }

.dgs-page .dgs-file-list { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; padding: 0 16px; }
.dgs-page .dgs-file-item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: var(--dgs-bg); border-radius: 8px; font-size: 13px; }
.dgs-page .dgs-file-item__name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dgs-page .dgs-file-item__name small { color: var(--dgs-text-3); }

.dgs-page .dgs-tip { display: flex; gap: 10px; margin: 14px 16px 0; padding: 12px; background: var(--dgs-blue-soft); border-radius: 12px; }
.dgs-page .dgs-tip__icon { width: 22px; height: 22px; border-radius: 50%; background: var(--dgs-blue); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; flex-shrink: 0; }
.dgs-page .dgs-tip__text { font-size: 13px; color: var(--dgs-text); line-height: 1.45; }
.dgs-page .dgs-tip__text strong { font-weight: 700; }

.dgs-page .dgs-input, .dgs-page .dgs-select { width: 100%; padding: 11px 14px; border: 1px solid var(--dgs-border); border-radius: 10px; font-size: 14px; font-family: inherit; background: #fff; color: var(--dgs-text); outline: none; box-sizing: border-box; }
.dgs-page .dgs-input:focus, .dgs-page .dgs-select:focus { border-color: var(--dgs-primary); }
.dgs-page .dgs-input--mt { margin-top: 14px; }
.dgs-page .dgs-input-group { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.dgs-page .dgs-input-group--3 { grid-template-columns: 1fr 1fr 1fr; }

.dgs-page .dgs-sex-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.dgs-page .dgs-sex-row__opt { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 14px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; font-size: 13px; cursor: pointer; line-height: 1; }
.dgs-page .dgs-sex-row__opt input[type="radio"] { width: 16px; height: 16px; margin: 0; accent-color: var(--dgs-primary); flex-shrink: 0; vertical-align: middle; }

.dgs-page .dgs-checkbox-row { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 13px; color: var(--dgs-text-2); }

/* Consent (T&C + GDPR) — checkbox aliniat top, text wrapping */
.dgs-page .dgs-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 10px; font-size: 13px; color: var(--dgs-text-2); line-height: 1.45; cursor: pointer; }
.dgs-page .dgs-consent input[type="checkbox"] { margin-top: 2px; flex-shrink: 0; }
.dgs-page .dgs-consent a { color: var(--dgs-blue); text-decoration: underline; font-weight: 600; }
.dgs-page .dgs-consent a:hover { color: var(--dgs-blue); text-decoration: none; }

.dgs-page .dgs-redirect-notice { display: flex; gap: 10px; margin: 14px 16px 0; padding: 12px; background: var(--dgs-amber-soft); border-radius: 12px; font-size: 13px; line-height: 1.45; color: var(--dgs-text); }
.dgs-page .dgs-redirect-notice__icon { color: var(--dgs-amber); flex-shrink: 0; font-size: 16px; }
.dgs-page .dgs-payment-microcopy { text-align: center; font-size: 11px; color: var(--dgs-text-3); padding: 8px 16px 0; }
.dgs-page .dgs-payment-microcopy i { vertical-align: middle; margin-right: 4px; }

/* Error box */
.dgs-page .dgs-error { background: var(--dgs-primary-soft); border: 1px solid var(--dgs-primary); color: var(--dgs-primary); padding: 14px; border-radius: 12px; margin: 14px 16px 0; font-size: 13px; line-height: 1.5; }

/* Login required block */
.dgs-page .dgs-login-block { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 18px; margin: 16px; text-align: center; }
.dgs-page .dgs-login-block__title { font-weight: 700; margin-bottom: 10px; font-size: 14px; }

/* Unavailable doctor block */
.dgs-page .dgs-unavailable { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 18px; margin: 16px; text-align: center; }
.dgs-page .dgs-unavailable__icon { color: var(--dgs-amber); margin-bottom: 8px; font-size: 28px; }
.dgs-page .dgs-unavailable__title { font-weight: 700; margin-bottom: 4px; }
.dgs-page .dgs-unavailable__text { font-size: 13px; color: var(--dgs-text-2); }

/* ─── A6 success ─── */
.dgs-page .dgs-success { background: #fff; padding: 24px 20px 18px; text-align: center; border-bottom: 1px solid var(--dgs-border); }
.dgs-page .dgs-success__check { width: 64px; height: 64px; border-radius: 50%; background: var(--dgs-green-soft); color: var(--dgs-green); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; font-size: 28px; }
.dgs-page .dgs-success__check--warning { background: var(--dgs-amber-soft); color: var(--dgs-amber); }
.dgs-page .dgs-success__check--error { background: var(--dgs-primary-soft); color: var(--dgs-primary); }
.dgs-page .dgs-success__title { font-size: 20px; font-weight: 800; }
.dgs-page .dgs-success__sub { font-size: 14px; color: var(--dgs-text-2); margin-top: 6px; line-height: 1.45; max-width: 320px; margin-left: auto; margin-right: auto; }
.dgs-page .dgs-success__sub strong { color: var(--dgs-text); font-weight: 700; }

/* ─── Recap intrebare pe pagina de confirmare (A6) ─── */
.dgs-page .dgs-recap-question { margin: 14px 16px 0; padding: 14px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; }
.dgs-page .dgs-recap-question__label { font-size: 11px; font-weight: 800; letter-spacing: 0.4px; color: var(--dgs-text-2); text-transform: uppercase; margin-bottom: 8px; }
.dgs-page .dgs-recap-question__text { font-size: 14px; color: var(--dgs-text); line-height: 1.5; }

.dgs-page .dgs-app-banner { margin: 14px 16px 0; padding: 14px; border-radius: 10px; background: linear-gradient(135deg, var(--dgs-primary), var(--dgs-primary-dark)); color: #fff; display: flex; gap: 12px; align-items: center; }
.dgs-page .dgs-app-banner__icon { width: 52px; height: 52px; border-radius: 12px; background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.25); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-size: 22px; }
.dgs-page .dgs-app-banner__body { flex: 1; }
.dgs-page .dgs-app-banner__title { font-size: 14px; font-weight: 800; }
.dgs-page .dgs-app-banner__sub { font-size: 12px; opacity: 0.92; line-height: 1.4; margin-top: 2px; }
.dgs-page .dgs-app-banner__stores { display: flex; gap: 6px; margin-top: 8px; }
.dgs-page .dgs-app-banner__store { padding: 5px 9px; border-radius: 7px; background: rgba(0,0,0,0.35); border: 1px solid rgba(255,255,255,0.15); font-size: 11px; font-weight: 700; color: #fff; }

.dgs-page .dgs-next-steps { margin: 16px 16px 0; }
.dgs-page .dgs-next-steps__label { font-size: 12px; font-weight: 700; letter-spacing: 0.3px; color: var(--dgs-text-2); text-transform: uppercase; margin-bottom: 8px; padding: 0 4px; }
.dgs-page .dgs-next-steps__list { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; }
.dgs-page .dgs-next-steps__item { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--dgs-border); }
.dgs-page .dgs-next-steps__item:last-child { border-bottom: none; }
.dgs-page .dgs-next-steps__icon { font-size: 18px; flex-shrink: 0; color: var(--dgs-primary); }
.dgs-page .dgs-next-steps__title { font-size: 14px; font-weight: 700; }
.dgs-page .dgs-next-steps__time { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; }

.dgs-page .dgs-receipt { text-align: center; padding: 14px; font-size: 13px; color: var(--dgs-text-2); }
.dgs-page .dgs-receipt strong { color: var(--dgs-text); }

/* ─── Chat A7 ─── */
.dgs-page .dgs-chat-doctor-strip { background: #fff; padding: 12px 16px; border-bottom: 1px solid var(--dgs-border); display: flex; align-items: center; gap: 10px; }
.dgs-page .dgs-chat-doctor-strip__avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.dgs-page .dgs-chat-doctor-strip__info { flex: 1; }
.dgs-page .dgs-chat-doctor-strip__name { font-size: 15px; font-weight: 800; }
.dgs-page .dgs-chat-doctor-strip__status { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; display: flex; align-items: center; gap: 4px; }

.dgs-page .dgs-chat-messages { display: flex; flex-direction: column; gap: 12px; padding: 14px 16px 14px; }
.dgs-page .dgs-bubble { max-width: 92%; border-radius: 12px; padding: 12px; font-size: 14px; line-height: 1.5; }
.dgs-page .dgs-bubble--patient { background: var(--dgs-bubble-patient); border: 1px solid rgba(216,35,42,0.12); border-right: 3px solid var(--dgs-primary); align-self: flex-end; }
.dgs-page .dgs-bubble--doctor { background: var(--dgs-bubble-doctor); border: 1px solid rgba(26,95,180,0.12); border-left: 3px solid var(--dgs-blue); align-self: flex-start; }
.dgs-page .dgs-bubble__badge { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 0.4px; color: var(--dgs-primary); text-transform: uppercase; margin-bottom: 6px; }
/* Footer-zone — container pentru files + footer line (separat de body cu border-top) */
.dgs-page .dgs-bubble__footer-zone { margin-top: 10px; padding-top: 8px; border-top: 1px solid rgba(0,0,0,0.08); display: flex; flex-direction: column; gap: 8px; }
.dgs-page .dgs-bubble__footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.dgs-page .dgs-bubble__author { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--dgs-text-2); font-weight: 700; }
.dgs-page .dgs-bubble__time { font-size: 11px; color: var(--dgs-text-3); font-weight: 600; }
.dgs-page .dgs-bubble__author-avatar { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; }
.dgs-page .dgs-bubble__info { padding-top: 10px; margin-top: 10px; border-top: 1px dashed rgba(0,0,0,0.1); }
.dgs-page .dgs-bubble__info-label { font-size: 10px; font-weight: 800; letter-spacing: 0.3px; color: var(--dgs-text-2); text-transform: uppercase; margin-bottom: 6px; }
.dgs-page .dgs-bubble__info-list { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--dgs-text); }
.dgs-page .dgs-bubble__info-list strong { font-weight: 700; }
.dgs-page .dgs-bubble__pay-tag { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border: 1px solid rgba(0,0,0,0.1); border-radius: 7px; background: rgba(255,255,255,0.7); font-size: 11px; font-weight: 700; color: var(--dgs-text); }
.dgs-page .dgs-bubble__pay-link { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border: 1px solid rgba(26,95,180,0.25); border-radius: 7px; background: rgba(255,255,255,0.8); font-size: 11px; font-weight: 700; color: var(--dgs-blue); text-decoration: none; }
.dgs-page .dgs-bubble__pay-link:hover { background: var(--dgs-blue-soft); color: var(--dgs-blue); }
.dgs-page .dgs-bubble__pay-link i { font-size: 10px; }
.dgs-page .dgs-bubble__files { display: flex; gap: 6px; flex-wrap: wrap; }
.dgs-page .dgs-bubble__file-chip { display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px; border-radius: 8px; background: rgba(255,255,255,0.8); border: 1px solid rgba(0,0,0,0.08); font-size: 12px; color: var(--dgs-primary); font-weight: 600; text-decoration: none; }
.dgs-page .dgs-bubble__file-chip:hover { background: #fff; color: var(--dgs-primary-dark); }

.dgs-page .dgs-supp-question { margin: 14px 16px; padding: 14px; background: var(--dgs-blue-soft); border-radius: 12px; border: 1px solid rgba(26,95,180,0.15); }
.dgs-page .dgs-supp-question__title { font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.dgs-page .dgs-supp-question__hint { font-size: 13px; color: var(--dgs-text-2); line-height: 1.4; margin-bottom: 10px; }

/* ─── Continuă discuția (supp question) — button-revealed expand ─── */
.dgs-page .dgs-supp { margin: 14px 16px 0; padding: 16px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; }
.dgs-page .dgs-supp__head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.dgs-page .dgs-supp__ico { width: 32px; height: 32px; border-radius: 8px; background: var(--dgs-blue-soft); color: var(--dgs-blue); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.dgs-page .dgs-supp__title { font-size: 15px; font-weight: 800; color: var(--dgs-text); letter-spacing: -0.2px; }
.dgs-page .dgs-supp__hint { font-size: 13px; color: var(--dgs-text-2); line-height: 1.5; margin-bottom: 14px; }
.dgs-page .dgs-supp__hint strong { color: var(--dgs-text); font-weight: 700; }
.dgs-page .dgs-supp__meta { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; color: var(--dgs-text-3); margin-top: 8px; font-weight: 600; }
.dgs-page .dgs-supp__meta i { color: var(--dgs-text-3); font-size: 11px; }
.dgs-page .dgs-supp__open-btn { width: 100%; }
.dgs-page .dgs-supp__submit { width: 100%; margin-top: 14px; }

/* Form expanded — reutilizez stilurile dgs-upload, dgs-textarea, dgs-file-list */
.dgs-page .dgs-supp__form { display: flex; flex-direction: column; }

.dgs-page .dgs-feedback-box { margin: 14px 16px; padding: 14px; background: var(--dgs-amber-soft); border-radius: 12px; border: 1px solid rgba(180,113,0,0.15); }
.dgs-page .dgs-feedback-box__title { font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.dgs-page .dgs-feedback-box__options { display: flex; gap: 8px; margin-bottom: 10px; }
.dgs-page .dgs-feedback-box__opt { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; font-size: 13px; cursor: pointer; }

.dgs-page .dgs-spacer-chat { height: 80px; }

/* ─── Chat A7 — indicator de asteptare raspuns medic ─── */
.dgs-page .dgs-chat-waiting { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; font-size: 13px; color: var(--dgs-text-2); font-style: italic; }
.dgs-page .dgs-chat-waiting i { color: var(--dgs-blue); }

/* ─── Box "Programare la medic" (ClickMed) — apare dupa raspuns final daca medicul are profil ClickMed ─── */
.dgs-page .dgs-clickmed { display: flex; align-items: center; gap: 14px; padding: 14px; margin: 14px 16px 0; background: var(--dgs-blue-soft); border: 1px solid rgba(26,95,180,0.25); border-radius: 10px; text-decoration: none; color: inherit; transition: background 0.15s; }
.dgs-page .dgs-clickmed:hover { background: #DDE9FF; }
.dgs-page .dgs-clickmed__avatar-wrap { position: relative; flex-shrink: 0; width: 44px; height: 44px; }
.dgs-page .dgs-clickmed__avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; display: block; }
.dgs-page .dgs-clickmed__avatar.dgs-avatar-placeholder { display: inline-flex; align-items: center; justify-content: center; }
.dgs-page .dgs-clickmed__body { flex: 1; min-width: 0; }
.dgs-page .dgs-clickmed__title { font-size: 15px; font-weight: 800; color: var(--dgs-text); letter-spacing: -0.2px; }
.dgs-page .dgs-clickmed__sub { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; line-height: 1.35; }
.dgs-page .dgs-clickmed__chev { color: var(--dgs-text-3); font-size: 14px; flex-shrink: 0; }

/* ─── Plan de urmărire (recomandări AI) — read-only pe web ─── */
.dgs-page .dgs-recom { margin-top: 32px; }
.dgs-page .dgs-recom__head { padding: 16px; background: #fff; border-top: 1px solid var(--dgs-border); border-bottom: 1px solid var(--dgs-border); }
.dgs-page .dgs-recom__title { font-size: 15px; font-weight: 800; color: var(--dgs-text); letter-spacing: -0.2px; }
.dgs-page .dgs-recom__sub { font-size: 13px; color: var(--dgs-text-2); margin-top: 4px; line-height: 1.4; }
.dgs-page .dgs-recom__list { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 0; }

/* Card recomandare — alb cu border standard. Urgenta semnalizata DOAR prin badge (fara border-left ca sa nu se confunde cu bubble-urile din chat). */
.dgs-page .dgs-recom-card { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 12px 14px; }

.dgs-page .dgs-recom-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.dgs-page .dgs-recom-card__title { font-size: 14px; font-weight: 800; color: var(--dgs-text); letter-spacing: -0.1px; flex: 1; min-width: 0; }
.dgs-page .dgs-recom-card__badge { font-size: 10px; font-weight: 800; letter-spacing: 0.3px; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; white-space: nowrap; flex-shrink: 0; }
.dgs-page .dgs-recom-card__badge--urgent { background: var(--dgs-primary-soft); color: var(--dgs-primary); }
.dgs-page .dgs-recom-card__badge--normal { background: var(--dgs-amber-soft); color: var(--dgs-amber); }
.dgs-page .dgs-recom-card__badge--preventiv { background: var(--dgs-green-soft); color: var(--dgs-green); }

.dgs-page .dgs-recom-card__type { font-size: 12px; color: var(--dgs-text-3); font-weight: 600; margin-bottom: 6px; }
.dgs-page .dgs-recom-card__text { font-size: 13px; color: var(--dgs-text); line-height: 1.5; margin-top: 6px; }

.dgs-page .dgs-recom-card__meta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--dgs-border); }
.dgs-page .dgs-recom-card__meta-item { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--dgs-text-2); font-weight: 600; }
.dgs-page .dgs-recom-card__meta-item i { font-size: 11px; color: var(--dgs-text-3); }
.dgs-page .dgs-recom-card__meta-item--done { color: var(--dgs-green); }
.dgs-page .dgs-recom-card__meta-item--done i { color: var(--dgs-green); }
.dgs-page .dgs-recom-card__meta-item--progress { color: var(--dgs-blue); }
.dgs-page .dgs-recom-card__meta-item--progress i { color: var(--dgs-blue); }

/* ─── Header card medic (A7 sus) ─── */
.dgs-page .dgs-q-doctor-card { display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin: 12px 16px 0; background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; }
.dgs-page .dgs-q-doctor-card__avatar-wrap { flex-shrink: 0; }
.dgs-page .dgs-q-doctor-card__avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.dgs-page .dgs-q-doctor-card__info { flex: 1; min-width: 0; }
.dgs-page .dgs-q-doctor-card__name { font-size: 15px; font-weight: 800; color: var(--dgs-text); letter-spacing: -0.2px; }
.dgs-page .dgs-q-doctor-card__grad { font-size: 13px; color: var(--dgs-text-2); margin-top: 2px; }

/* ─── Status indicator A7 — full-width system bar cu background semantic ─── */
.dgs-page .dgs-q-status { display: flex; flex-direction: column; gap: 10px; padding: 12px 16px; margin: 10px 0 0; background: var(--dgs-bg); border-top: 1px solid var(--dgs-border); border-bottom: 1px solid var(--dgs-border); font-size: 13px; color: var(--dgs-text); font-weight: 600; line-height: 1.45; }
.dgs-page .dgs-q-status__row { display: flex; align-items: flex-start; gap: 8px; }
.dgs-page .dgs-q-status__form { margin: 0; }
.dgs-page .dgs-q-status__btn { width: 100%; }

/* Variante semantice — background palid din aceeasi paleta ca dot-ul */
.dgs-page .dgs-q-status--pay { background: var(--dgs-primary-soft); border-color: rgba(216,35,42,0.2); color: #8b1a1f; }
.dgs-page .dgs-q-status--wait { background: var(--dgs-blue-soft); border-color: rgba(26,95,180,0.2); color: #103766; }
.dgs-page .dgs-q-status--ok { background: var(--dgs-green-soft); border-color: rgba(15,138,74,0.22); color: var(--dgs-green); }
.dgs-page .dgs-q-status--clarif { background: var(--dgs-amber-soft); border-color: rgba(180,113,0,0.22); color: #8a5500; }
.dgs-page .dgs-q-status--sent { background: #d9f5f0; border-color: rgba(20,184,166,0.25); color: #0f766e; }
.dgs-page .dgs-q-status--closed { background: var(--dgs-bg); border-color: var(--dgs-border); color: var(--dgs-text-2); }
.dgs-page .dgs-q-status__text { line-height: 1.45; }
.dgs-page .dgs-q-status__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--dgs-text-3); flex-shrink: 0; margin-top: 6px; }
.dgs-page .dgs-q-status__dot--ok { background: var(--dgs-green); }
.dgs-page .dgs-q-status__dot--wait { background: var(--dgs-blue); }
.dgs-page .dgs-q-status__dot--clarif { background: #f59e0b; }
.dgs-page .dgs-q-status__dot--sent { background: #14b8a6; }
.dgs-page .dgs-q-status__dot--closed { background: var(--dgs-text-3); }
.dgs-page .dgs-q-status__dot--pay { background: var(--dgs-primary); }

/* Feedback inline — apare dupa raspunsul medic, in interiorul fluxului chat */
.dgs-page .dgs-feedback-box--inline { margin: 0 0 4px; background: #fff; border: 1px solid var(--dgs-border); }

/* ─── Feedback inline 2-step (click Da/Nu -> expand textarea) ─── */
.dgs-page .dgs-fb { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 12px 14px; margin: 8px 0 0; }

/* Modifier: feedback NEINCAS — light blue (call to action, atragem atentia) */
.dgs-page .dgs-fb--pending { background: var(--dgs-blue-soft); border-color: rgba(26,95,180,0.22); }

/* Modifier: feedback dat — accent subtle pe culoarea sentimentului (post-action, neutru) */
.dgs-page .dgs-fb--positive { border-left: 2px solid var(--dgs-green); }
.dgs-page .dgs-fb--negative { border-left: 2px solid var(--dgs-primary); }

/* Step 1: prompt cu butoane Da/Nu */
.dgs-page .dgs-fb__prompt { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.dgs-page .dgs-fb__q { flex: 1; min-width: 140px; font-size: 13px; color: var(--dgs-text); font-weight: 600; }
.dgs-page .dgs-fb__btns { display: flex; gap: 8px; }
.dgs-page .dgs-fb__btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 8px; font-size: 13px; color: var(--dgs-text); font-weight: 700; cursor: pointer; font-family: inherit; }
.dgs-page .dgs-fb__btn:hover { background: var(--dgs-bg); }
.dgs-page .dgs-fb__btn i { font-size: 13px; color: var(--dgs-text-2); }

/* Step 2: form cu textarea (expand dupa click) */
.dgs-page .dgs-fb__form { display: flex; flex-direction: column; gap: 10px; }
.dgs-page .dgs-fb__head { display: flex; align-items: center; justify-content: space-between; }
.dgs-page .dgs-fb__title { font-size: 14px; font-weight: 700; color: var(--dgs-text); }
.dgs-page .dgs-fb__icon { font-size: 16px; color: var(--dgs-text-2); }
.dgs-page .dgs-fb--positive .dgs-fb__icon { color: var(--dgs-green); }
.dgs-page .dgs-fb--negative .dgs-fb__icon { color: var(--dgs-primary); }
.dgs-page .dgs-fb__textarea { width: 100%; min-height: 70px; padding: 10px 12px; border: 1px solid var(--dgs-border); border-radius: 8px; font-size: 13px; font-family: inherit; background: #fff; outline: none; resize: vertical; box-sizing: border-box; }
.dgs-page .dgs-fb__textarea:focus { border-color: var(--dgs-primary); }
.dgs-page .dgs-fb__form .dgs-btn { width: 100%; }

/* Step 3: result (feedback dat) */
.dgs-page .dgs-fb__text { font-size: 13px; color: var(--dgs-text); line-height: 1.45; padding-top: 8px; margin-top: 8px; border-top: 1px solid var(--dgs-border); }
.dgs-page .dgs-fb__time { font-size: 11px; color: var(--dgs-text-3); text-align: right; margin-top: 6px; font-weight: 600; }

/* ─── Mesaje conversatie — chat-style: patient dreapta, medic stanga ─── */
.dgs-page .dgs-chat-messages { display: flex; flex-direction: column; gap: 14px; padding: 14px 16px; }

/* Bubble baza */
.dgs-page .dgs-msg { max-width: 88%; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid var(--dgs-border); }
.dgs-page .dgs-msg__badge { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 0.3px; text-transform: uppercase; margin-bottom: 6px; }
.dgs-page .dgs-msg__text { font-size: 14px; color: var(--dgs-text); line-height: 1.5; white-space: pre-wrap; }
.dgs-page .dgs-msg__files { margin-top: 8px; display: flex; gap: 6px; flex-wrap: wrap; }
.dgs-page .dgs-msg__file-chip { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; background: #fff; border: 1px solid var(--dgs-border); color: var(--dgs-text-2); text-decoration: none; overflow: hidden; }
.dgs-page .dgs-msg__file-chip:hover { background: var(--dgs-bg); color: var(--dgs-text); }
.dgs-page .dgs-msg__file-chip i { font-size: 12px; }
.dgs-page .dgs-msg__file-chip--img { width: 60px; height: 60px; padding: 0; }
.dgs-page .dgs-msg__file-chip--img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dgs-page .dgs-msg__foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 8px; padding-top: 6px; border-top: 1px solid rgba(0,0,0,0.06); }
.dgs-page .dgs-msg__time { font-size: 11px; color: var(--dgs-text-3); font-weight: 600; white-space: nowrap; }
.dgs-page .dgs-msg__link { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 6px; background: #fff; color: var(--dgs-text-2); border: 1px solid var(--dgs-border); font-size: 11px; font-weight: 700; text-decoration: none; }
.dgs-page .dgs-msg__link:hover { background: var(--dgs-bg); color: var(--dgs-text); }
.dgs-page .dgs-msg__link i { font-size: 9px; }

/* TOATE bubble-urile = alb. Diferentierea = aliniere + culoare DOAR cand transmite info reala. */
.dgs-page .dgs-msg--patient { align-self: flex-end; }
.dgs-page .dgs-msg--doctor { align-self: flex-start; }

/* Patient — variante: label neutru (zona neutra, nu mai accentuam ce-am scris noi).
   Aliniarea la dreapta + faptul ca textul incepe cu "Întrebarea mea" e suficient. */
.dgs-page .dgs-msg--patient .dgs-msg__badge { color: var(--dgs-text-2); }

/* Doctor clarificare — border-left amber + label amber (cerere de input de la medic) */
.dgs-page .dgs-msg--doc-clarification { border-left: 3px solid #f59e0b; }
.dgs-page .dgs-msg--doc-clarification .dgs-msg__badge { color: #b45309; }

/* Răspunsul final al medicului — accentul cheie al paginii.
   Border-left verde 3px + label verde (acolo e valoarea pentru care a platit pacientul) */
.dgs-page .dgs-msg--doc-answer { border-left: 3px solid var(--dgs-green); }
.dgs-page .dgs-msg--doc-answer .dgs-msg__badge { color: var(--dgs-green); }

/* ─── Feedback confirm (după trimitere) ─── */
.dgs-page .dgs-feedback-box__sub { font-size: 13px; color: var(--dgs-text-2); margin-bottom: 12px; line-height: 1.4; }
.dgs-page .dgs-feedback-confirm { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 10px; }
.dgs-page .dgs-feedback-confirm i { font-size: 24px; flex-shrink: 0; }
.dgs-page .dgs-feedback-confirm__title { font-size: 14px; font-weight: 800; }
.dgs-page .dgs-feedback-confirm__text { font-size: 13px; margin-top: 2px; }
.dgs-page .dgs-feedback-confirm--up { background: var(--dgs-green-soft); border: 1px solid rgba(15,138,74,0.2); color: var(--dgs-green); }
.dgs-page .dgs-feedback-confirm--down { background: var(--dgs-primary-soft); border: 1px solid rgba(216,35,42,0.15); color: var(--dgs-primary); }

/* ─── Form card generic (clarif + suplimentara) — wrapper alb ─── */
.dgs-page .dgs-form-card { margin: 12px 16px 0; padding: 14px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; }
.dgs-page .dgs-form-card .dgs-field { padding: 14px 0 0; }
.dgs-page .dgs-form-card .dgs-redirect-notice { margin: 0; }
.dgs-page .dgs-upload-msg { margin-top: 6px; padding: 0 4px; font-size: 12px; color: var(--dgs-text-2); min-height: 16px; }

/* Buton remove pe file-item (extensie ptr file list cu delete ajax) */
.dgs-page .dgs-file-item__remove { background: none; border: none; padding: 4px; color: var(--dgs-text-3); cursor: pointer; font-size: 11px; flex-shrink: 0; }
.dgs-page .dgs-file-item__remove:hover { color: var(--dgs-primary); }

/* ─── Banner confirmare plata (A7) — vizibil doar cand vine din Netopia ─── */
.dgs-page .dgs-payment-banner { display: flex; align-items: flex-start; gap: 12px; margin: 12px 16px 0; padding: 14px; background: var(--dgs-green-soft); border: 1px solid rgba(15,138,74,0.2); border-radius: 10px; position: relative; }
.dgs-page .dgs-payment-banner__icon { width: 36px; height: 36px; border-radius: 50%; background: var(--dgs-green); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.dgs-page .dgs-payment-banner__body { flex: 1; min-width: 0; }
.dgs-page .dgs-payment-banner__title { font-size: 14px; font-weight: 800; color: var(--dgs-green); margin-bottom: 4px; }
.dgs-page .dgs-payment-banner__text { font-size: 13px; color: var(--dgs-text); line-height: 1.45; }
.dgs-page .dgs-payment-banner__text strong { font-weight: 700; }
.dgs-page .dgs-payment-banner__order { display: block; font-size: 11px; color: var(--dgs-text-2); margin-top: 4px; }
.dgs-page .dgs-payment-banner__close { background: none; border: none; padding: 4px; color: var(--dgs-text-3); cursor: pointer; font-size: 12px; flex-shrink: 0; line-height: 1; }
.dgs-page .dgs-payment-banner__close:hover { color: var(--dgs-text); }

/* ─── User questions list ─── */
.dgs-page .dgs-questions-list { padding: 16px 16px; display: flex; flex-direction: column; gap: 10px; }
.dgs-page .dgs-question-item { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 14px; display: flex; gap: 12px; color: inherit; }
.dgs-page .dgs-question-item__avatar { width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0; object-fit: cover; }
.dgs-page .dgs-question-item__body { flex: 1; min-width: 0; }
.dgs-page .dgs-question-item__top { display: flex; justify-content: space-between; gap: 8px; }
.dgs-page .dgs-question-item__name { font-size: 14px; font-weight: 700; }
.dgs-page .dgs-question-item__date { font-size: 11px; color: var(--dgs-text-3); }
.dgs-page .dgs-question-item__spec { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; }
.dgs-page .dgs-question-item__preview { font-size: 13px; color: var(--dgs-text-2); margin-top: 6px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dgs-page .dgs-question-item__foot { display: flex; justify-content: flex-end; margin-top: 10px; }
.dgs-page .dgs-question-item__status { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.2px; }
.dgs-page .dgs-question-item__status--waiting { background: var(--dgs-primary-soft); color: var(--dgs-primary); }
.dgs-page .dgs-question-item__status--new { background: var(--dgs-blue-soft); color: var(--dgs-blue); }
.dgs-page .dgs-question-item__status--clarif { background: var(--dgs-amber-soft); color: var(--dgs-amber); }
.dgs-page .dgs-question-item__status--sent { background: #d9f5f0; color: #0f766e; }
.dgs-page .dgs-question-item__status--answered { background: var(--dgs-green-soft); color: var(--dgs-green); }
.dgs-page .dgs-question-item__status--closed { background: var(--dgs-bg); color: var(--dgs-text-2); }

/* ─── Empty state ─── */
.dgs-page .dgs-empty { padding: 48px 24px; text-align: center; }
.dgs-page .dgs-empty__icon { font-size: 48px; color: var(--dgs-text-3); margin-bottom: 12px; }
.dgs-page .dgs-empty__title { font-size: 16px; font-weight: 800; }
.dgs-page .dgs-empty__text { font-size: 14px; color: var(--dgs-text-2); margin-top: 6px; line-height: 1.5; }
.dgs-page .dgs-empty__cta { display: inline-flex; width: auto; padding: 10px 24px; margin-top: 16px; }

/* ─── Breadcrumb ─── */
/* Back button (mobile) — compact pill cu icon + text. Override site CSS `nav { height: 0 !important }` din style_gen.css */
.dgs-page nav.dgs-breadcrumb { background: transparent !important; display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; width: auto !important; text-align: left !important; padding: 10px 12px 6px !important; }
.dgs-page .dgs-breadcrumb a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; font-size: 13px; font-weight: 600; color: var(--dgs-blue); background: #fff; border: 1px solid var(--dgs-border); border-radius: 999px; }
.dgs-page .dgs-breadcrumb a:active { opacity: 0.6; background: var(--dgs-bg); }
.dgs-page .dgs-breadcrumb i { font-size: 11px; }

/* ═══════════════════════════════════════════════════════════════
   DESKTOP layout — min-width 768px
   Container 1100, page bg, 2-col / 3-col layouts
   ═══════════════════════════════════════════════════════════════ */
.dgs-page .dgs-page--desktop { background: #EEF1F4; min-height: 100vh; }

@media (min-width: 768px) {
	/* Desktop hero D1 */
	/* ─── D1 Layout 2-col: sidebar + main ─── */
	.dgs-page .dgs-d-layout { display: grid; grid-template-columns: 360px 1fr; gap: 24px; max-width: 1280px; margin: 0 auto; padding: 0; align-items: start; }

	/* Sidebar stânga — fără background, fără border: doar container vertical → cardurile se delimiteaza clar pe fundalul paginii */
	.dgs-page .dgs-d-sidebar { background: transparent; padding: 0; display: flex; flex-direction: column; gap: 14px; }
	.dgs-page .dgs-d-sidebar__search { position: relative; }
	.dgs-page .dgs-d-sidebar__search .dgs-search__wrap { display: flex; align-items: center; gap: 10px; padding: 11px 14px; background: #fff; border-radius: 10px; border: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-sidebar__search .dgs-search__icon { color: var(--dgs-text-3); font-size: 13px; }
	.dgs-page .dgs-d-sidebar__search .dgs-search__input { flex: 1; border: none; outline: none; background: transparent; font-size: 14px; color: var(--dgs-text); }
	.dgs-page .dgs-d-sidebar__search-dropdown { display: none; position: absolute; left: 0; right: 0; top: calc(100% + 8px); background: #fff; border: 2px solid var(--dgs-primary); border-radius: 12px; box-shadow: 0 16px 40px rgba(216, 35, 42, 0.18), 0 2px 6px rgba(20,30,50,0.10); z-index: 50; max-height: 60vh; overflow-y: auto; }
	.dgs-page .dgs-d-sidebar__search-group { padding: 6px 0; border-bottom: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-sidebar__search-group:last-child { border-bottom: none; }
	.dgs-page .dgs-d-sidebar__search-group-title { font-size: 11px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; color: var(--dgs-text-3); padding: 8px 14px 4px; }
	.dgs-page .dgs-d-sidebar__search-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; cursor: pointer; color: var(--dgs-text); text-decoration: none; border-bottom: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-sidebar__search-group:last-child .dgs-d-sidebar__search-item:last-child { border-bottom: none; }
	.dgs-page .dgs-d-sidebar__search-item:hover { background: var(--dgs-bg); }
	.dgs-page .dgs-d-sidebar__search-item i { width: 24px; height: 24px; border-radius: 6px; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; }
	.dgs-page .dgs-d-sidebar__search-name { font-size: 13px; font-weight: 700; color: var(--dgs-text); }
	.dgs-page .dgs-d-sidebar__search-meta { font-size: 12px; color: var(--dgs-text-2); margin-top: 1px; }
	.dgs-page .dgs-d-sidebar__search-empty { padding: 16px 14px; text-align: center; font-size: 13px; color: var(--dgs-text-2); }

	.dgs-page .dgs-d-sidebar__head { padding: 4px 4px 0; }
	.dgs-page .dgs-d-sidebar__title { font-size: 14px; font-weight: 800; color: var(--dgs-text); letter-spacing: -0.2px; margin: 0; text-transform: uppercase; letter-spacing: 0.4px; color: var(--dgs-text-2); font-size: 12px; }

	/* Spec-cards in sidebar (port din mobile, optimizate pt col 328px) */
	.dgs-page .dgs-d-spec-list { display: flex; flex-direction: column; gap: 8px; }
	.dgs-page .dgs-d-spec-card { display: block; background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 10px 12px; text-decoration: none; color: var(--dgs-text); transition: border-color 0.12s, background 0.12s; }
	.dgs-page .dgs-d-spec-card:hover { border-color: var(--dgs-primary); background: #FFFAFA; color: var(--dgs-text); }
	.dgs-page .dgs-d-spec-card__head { display: flex; align-items: center; gap: 8px; }
	.dgs-page .dgs-d-spec-card__name { flex: 1; font-size: 14px; font-weight: 700; color: var(--dgs-text); letter-spacing: -0.1px; }
	.dgs-page .dgs-d-spec-card__more { font-size: 12px; font-weight: 800; color: #fff; background: var(--dgs-primary); padding: 4px 10px; border-radius: 999px; letter-spacing: 0.1px; box-shadow: 0 2px 6px rgba(216, 35, 42, 0.2); }
	.dgs-page .dgs-d-spec-card__chev { font-size: 11px; color: var(--dgs-text-3); }
	.dgs-page .dgs-d-spec-card__doctors { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--dgs-border); }
	.dgs-page .dgs-d-spec-card__doctor { display: flex; align-items: center; gap: 8px; }
	.dgs-page .dgs-d-spec-card__doctor img,
	.dgs-page .dgs-d-spec-card__doctor .dgs-avatar-placeholder { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: var(--dgs-bg); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: var(--dgs-text-2); }
	.dgs-page .dgs-d-spec-card__doctor-name { font-size: 12px; color: var(--dgs-text-2); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.dgs-page .dgs-d-spec-card__empty { margin-top: 6px; font-size: 12px; color: var(--dgs-text-3); font-style: italic; }

	/* Main column dreapta */
	.dgs-page .dgs-d-main { display: flex; flex-direction: column; gap: 16px; }

	/* HERO — full-width in main col */
	.dgs-page .dgs-d-hero { background: linear-gradient(180deg, #FAFBFC 0%, #fff 100%); border: 1px solid var(--dgs-border); border-radius: 12px; padding: 48px 40px; }
	.dgs-page .dgs-d-hero__inner { max-width: 720px; }
	.dgs-page .dgs-d-hero__h1 { font-size: 38px; line-height: 1.1; letter-spacing: -0.8px; font-weight: 800; margin: 0 0 14px; color: var(--dgs-text); }
	.dgs-page .dgs-d-hero__h1 .accent { color: var(--dgs-primary); display: block; }
	.dgs-page .dgs-d-hero__sub { font-size: 16px; color: var(--dgs-text-2); line-height: 1.55; margin: 0 0 24px; }
	.dgs-page .dgs-d-hero__sub strong { color: var(--dgs-text); font-weight: 700; }
	.dgs-page .dgs-d-hero__stats { display: flex; align-items: center; gap: 24px; padding-top: 24px; border-top: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-hero__stat-spacer { flex: 1; }
	.dgs-page .dgs-d-hero__cta { width: auto; padding: 12px 22px; font-size: 15px; }
	/* Stats full-width: 3 stats centered evenly, no CTA, no spacer */
	.dgs-page .dgs-d-hero__stats--full { justify-content: space-around; gap: 16px; }
	.dgs-page .dgs-d-hero__stats--full .dgs-d-hero__stat { flex: 1; text-align: center; }
	.dgs-page .dgs-d-hero__stat-num { font-size: 20px; font-weight: 800; color: var(--dgs-text); letter-spacing: -0.4px; }
	.dgs-page .dgs-d-hero__stat-lbl { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; }
	.dgs-page .dgs-d-hero__stat-divider { width: 1px; height: 32px; background: var(--dgs-border); }

	/* Specialty grid D1 */
	/* ─── D1 Hero left col ─── */
	.dgs-page .dgs-d-hero__left { max-width: 580px; }
	.dgs-page .dgs-d-hero__right { display: flex; align-items: center; justify-content: center; }

	/* Pitch card dreapta — trust + stats (înlocuiește __featured) */
	.dgs-page .dgs-d-pitch { width: 100%; max-width: 440px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 14px; padding: 24px; box-shadow: 0 8px 24px rgba(20,30,50,0.06); }
	.dgs-page .dgs-d-pitch__head { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; color: var(--dgs-green); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; }
	.dgs-page .dgs-d-pitch__head i { font-size: 14px; }
	.dgs-page .dgs-d-pitch__stats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--dgs-border); text-align: center; }
	.dgs-page .dgs-d-pitch__stat-num { font-size: 22px; font-weight: 800; color: var(--dgs-text); letter-spacing: -0.4px; }
	.dgs-page .dgs-d-pitch__stat-lbl { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; }
	.dgs-page .dgs-d-pitch__list { margin: 16px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
	.dgs-page .dgs-d-pitch__list li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--dgs-text); }
	.dgs-page .dgs-d-pitch__list li i { color: var(--dgs-green); font-size: 12px; width: 18px; height: 18px; border-radius: 50%; background: var(--dgs-green-soft); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }

	/* ─── Section heads — devin card-uri în layout 2-col ─── */
	.dgs-page .dgs-d-section { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; padding: 32px; }
	.dgs-page .dgs-d-section--alt { background: #FAFBFC; }
	.dgs-page .dgs-d-section__head { margin-bottom: 22px; }
	.dgs-page .dgs-d-section__title { font-size: 22px; font-weight: 800; letter-spacing: -0.4px; margin: 0 0 6px; color: var(--dgs-text); }
	.dgs-page .dgs-d-section__sub { font-size: 14px; color: var(--dgs-text-2); margin: 0; max-width: 640px; line-height: 1.5; }

	/* Spec-grid 3-col legacy (dead — D1 foloseste sidebar; pastrez doar daca alt template inca foloseste) */
	.dgs-page .dgs-d-spec-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }

	/* How it works 3-col */
	.dgs-page .dgs-d-how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
	.dgs-page .dgs-d-how-tile { background: var(--dgs-bg); border-radius: 10px; padding: 20px 22px; }
	.dgs-page .dgs-d-how-tile__head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; }
	.dgs-page .dgs-d-how-tile__num { width: 24px; height: 24px; border-radius: 50%; background: var(--dgs-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 12px; flex-shrink: 0; margin-top: 1px; }
	.dgs-page .dgs-d-how-tile__title { font-size: 15px; font-weight: 800; letter-spacing: -0.1px; line-height: 1.3; min-height: calc(15px * 1.3 * 2); display: flex; align-items: flex-start; }
	.dgs-page .dgs-d-how-tile__desc { font-size: 14px; color: var(--dgs-text-2); line-height: 1.5; }

	/* FAQ accordion compact */
	.dgs-page .dgs-d-faq { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; overflow: hidden; }
	.dgs-page .dgs-d-faq__item { border-bottom: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-faq__item:last-child { border-bottom: none; }
	.dgs-page .dgs-d-faq__item[open] { background: #FAFBFC; }
	.dgs-page .dgs-d-faq__q { padding: 18px 22px; font-size: 15px; font-weight: 700; color: var(--dgs-text); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
	.dgs-page .dgs-d-faq__q::-webkit-details-marker { display: none; }
	.dgs-page .dgs-d-faq__q::after { content: "+"; font-size: 22px; font-weight: 400; color: var(--dgs-text-3); line-height: 1; transition: transform 0.2s; }
	.dgs-page .dgs-d-faq__item[open] .dgs-d-faq__q::after { content: "−"; }
	.dgs-page .dgs-d-faq__a { padding: 0 22px 18px; font-size: 14px; color: var(--dgs-text-2); line-height: 1.6; }

	/* Trust strip — card in main col layout */
	.dgs-page .dgs-d-trust-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 24px 32px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; }
	.dgs-page .dgs-d-trust-strip__item { display: flex; align-items: center; gap: 12px; font-size: 13px; color: var(--dgs-text-2); line-height: 1.45; }
	.dgs-page .dgs-d-trust-strip__icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--dgs-green-soft); display: inline-flex; align-items: center; justify-content: center; }
	.dgs-page .dgs-d-trust-strip__icon i { color: var(--dgs-green); font-size: 16px; line-height: 1; }
	.dgs-page .dgs-d-trust-strip__item strong { display: block; color: var(--dgs-text); font-weight: 700; font-size: 13px; margin-bottom: 1px; }

	/* Legacy — păstrat pentru alte ecrane care îl folosesc */
	.dgs-page .dgs-d-safety { background: var(--dgs-green-soft); border: 1px solid rgba(15,138,74,0.15); border-radius: 10px; padding: 22px; display: flex; align-items: center; gap: 16px; }
	.dgs-page .dgs-d-safety__icon { color: var(--dgs-green); font-size: 38px; flex-shrink: 0; }
	.dgs-page .dgs-d-safety__title { font-size: 16px; font-weight: 800; color: var(--dgs-green); }
	.dgs-page .dgs-d-safety__text { font-size: 14px; color: var(--dgs-text-2); line-height: 1.5; margin-top: 4px; }

	/* D2 list */
	.dgs-page .dgs-d-section-head { padding: 18px 24px 18px; background: #fff; border-bottom: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-section-head__title { font-size: 26px; font-weight: 800; letter-spacing: -0.4px; margin: 0 0 6px; }
	.dgs-page .dgs-d-section-head__sub { font-size: 14px; color: var(--dgs-text-2); margin: 0; }
	.dgs-page .dgs-d-doctor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 18px 24px 32px; background: #fff; }
	.dgs-page .dgs-d-doctor-grid .dgs-doctor-card { padding: 18px; }
	.dgs-page .dgs-d-doctor-grid .dgs-doctor-card__avatar { width: 64px; height: 64px; }
	.dgs-page .dgs-d-doctor-grid .dgs-doctor-card__name { font-size: 16px; }
	.dgs-page .dgs-d-doctor-grid .dgs-doctor-card__chev { width: 20px; height: 20px; font-size: 16px; }

	/* D3 page profile 3-col */
	.dgs-page .dgs-d-profile { display: grid; grid-template-columns: auto 1fr 280px; gap: 24px; padding: 18px 24px 32px; background: #fff; }
	.dgs-page .dgs-d-profile__avatar-col { text-align: center; }
	.dgs-page .dgs-d-profile__avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; }
	.dgs-page .dgs-d-profile__avatar-placeholder { width: 120px; height: 120px; border-radius: 50%; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 32px; }
	.dgs-page .dgs-d-profile__status { margin-top: 8px; font-size: 12px; font-weight: 700; }
	.dgs-page .dgs-d-profile__status--online { color: var(--dgs-green); }
	.dgs-page .dgs-d-profile__status--offline { color: var(--dgs-text-3); }
	.dgs-page .dgs-d-profile__name { font-size: 24px; font-weight: 800; letter-spacing: -0.3px; margin: 0 0 4px; }
	.dgs-page .dgs-d-profile__spec { font-size: 15px; color: var(--dgs-text-2); }
	.dgs-page .dgs-d-profile__sub { font-size: 13px; color: var(--dgs-text-3); margin-top: 2px; }
	.dgs-page .dgs-d-profile__stats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-profile__stat-num { font-size: 18px; font-weight: 800; }
	.dgs-page .dgs-d-profile__stat-lbl { font-size: 11px; color: var(--dgs-text-2); }
	.dgs-page .dgs-d-profile__about { margin-top: 18px; }
	.dgs-page .dgs-d-profile__about-title { font-size: 14px; font-weight: 700; margin-bottom: 6px; }
	.dgs-page .dgs-d-profile__about-text { font-size: 14px; color: var(--dgs-text-2); line-height: 1.5; }
	.dgs-page .dgs-d-price-col { background: var(--dgs-primary-soft); border-radius: 10px; padding: 18px; height: fit-content; }
	.dgs-page .dgs-d-price-col__label { font-size: 11px; font-weight: 700; letter-spacing: 0.3px; color: var(--dgs-primary); text-transform: uppercase; }
	.dgs-page .dgs-d-price-col__amount { font-size: 34px; font-weight: 800; letter-spacing: -0.8px; margin: 8px 0 4px; }
	.dgs-page .dgs-d-price-col__sub { font-size: 13px; color: var(--dgs-text-2); }
	.dgs-page .dgs-d-price-col__hint { font-size: 12px; color: var(--dgs-text-2); margin-top: 8px; line-height: 1.4; }
	.dgs-page .dgs-d-price-col__cta { margin-top: 16px; }
	.dgs-page .dgs-d-price-col__warn { margin-top: 16px; padding: 10px; background: var(--dgs-amber-soft); border-radius: 8px; font-size: 13px; color: var(--dgs-text); }

	.dgs-page .dgs-d-testimoniale { padding: 0 24px 32px; background: #fff; }
	.dgs-page .dgs-d-testimoniale__title { font-size: 18px; font-weight: 800; margin: 0 0 14px; }
	.dgs-page .dgs-d-testimoniale__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
	.dgs-page .dgs-d-testimoniale__item-head { display: flex; justify-content: space-between; margin-bottom: 6px; }
	.dgs-page .dgs-d-testimoniale__item-name { font-size: 13px; font-weight: 700; }
	.dgs-page .dgs-d-testimoniale__item-date { font-size: 11px; color: var(--dgs-text-3); }
	.dgs-page .dgs-d-testimoniale__item-text { font-size: 14px; color: var(--dgs-text-2); line-height: 1.5; }

	/* D4/D5 centered */
	.dgs-page .dgs-d-center { max-width: 760px; margin: 0 auto; padding: 24px 20px 60px; }
	.dgs-page .dgs-d-center .dgs-stepper { border-bottom: none; border: 1px solid var(--dgs-border); border-radius: 12px; }
	.dgs-page .dgs-d-center__back { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--dgs-blue); margin-bottom: 18px; }
	.dgs-page .dgs-d-center__form-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-center__back-text { font-size: 13px; color: var(--dgs-text-2); }
	.dgs-page .dgs-d-center__cta { width: auto; padding: 14px 28px; }

	/* D6 success centered */
	.dgs-page .dgs-d-confirm-wrap { max-width: 560px; margin: 0 auto; padding: 48px 20px 60px; }
	.dgs-page .dgs-d-confirm-card { text-align: center; background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 32px 24px; }
	.dgs-page .dgs-d-confirm-card__title { font-size: 24px; font-weight: 800; letter-spacing: -0.4px; margin: 0 0 8px; }
	.dgs-page .dgs-d-confirm-card__sub { font-size: 14px; color: var(--dgs-text-2); margin: 0; line-height: 1.5; }
	.dgs-page .dgs-d-confirm-card__txid { font-size: 12px; color: var(--dgs-text-3); margin-top: 14px; }
	.dgs-page .dgs-d-confirm-next { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; margin-top: 18px; padding: 20px; }
	.dgs-page .dgs-d-confirm-next__label { font-size: 12px; font-weight: 700; letter-spacing: 0.3px; color: var(--dgs-text-2); text-transform: uppercase; margin-bottom: 12px; }
	.dgs-page .dgs-d-confirm-next__list { display: flex; flex-direction: column; gap: 14px; }
	.dgs-page .dgs-d-confirm-next__item { display: flex; gap: 12px; }
	.dgs-page .dgs-d-confirm-next__icon { font-size: 18px; color: var(--dgs-primary); }
	.dgs-page .dgs-d-confirm-next__title { font-weight: 700; font-size: 14px; }
	.dgs-page .dgs-d-confirm-next__time { font-size: 12px; color: var(--dgs-text-2); }
	.dgs-page .dgs-d-confirm-actions { text-align: center; margin-top: 24px; }

	/* D7 chat 2-col */
	.dgs-page .dgs-d-chat { display: grid; grid-template-columns: 260px 1fr; gap: 18px; padding: 16px 24px 32px; }
	.dgs-page .dgs-d-chat__sidebar { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; padding: 18px; height: fit-content; }
	.dgs-page .dgs-d-chat__sidebar-avatar { text-align: center; margin-bottom: 14px; }
	.dgs-page .dgs-d-chat__sidebar-avatar img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; }
	.dgs-page .dgs-d-chat__sidebar-avatar-placeholder { width: 80px; height: 80px; border-radius: 50%; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 24px; }
	.dgs-page .dgs-d-chat__sidebar-name { font-size: 15px; font-weight: 800; text-align: center; }
	.dgs-page .dgs-d-chat__sidebar-spec { font-size: 13px; color: var(--dgs-text-2); text-align: center; margin-top: 2px; }
	.dgs-page .dgs-d-chat__sidebar-section { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-chat__sidebar-label { font-size: 11px; font-weight: 700; letter-spacing: 0.3px; color: var(--dgs-text-2); text-transform: uppercase; margin-bottom: 8px; }
	.dgs-page .dgs-d-chat__main { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; padding: 24px; }
	.dgs-page .dgs-d-chat__main-title { font-size: 18px; font-weight: 800; margin: 0 0 6px; }
	.dgs-page .dgs-d-chat__main-meta { font-size: 12px; color: var(--dgs-text-2); margin-bottom: 18px; }
	.dgs-page .dgs-d-chat__main .dgs-chat-messages { padding: 0; }

	/* D_list */
	.dgs-page .dgs-d-listpage { padding: 24px; }
	.dgs-page .dgs-d-listpage__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
	.dgs-page .dgs-d-listpage__title { font-size: 24px; font-weight: 800; letter-spacing: -0.4px; margin: 0; }
	.dgs-page .dgs-d-listpage__list { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; overflow: hidden; }
	.dgs-page .dgs-d-listpage__item { display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-bottom: 1px solid var(--dgs-border); color: inherit; }
	.dgs-page .dgs-d-listpage__item--highlight { border-left: 4px solid var(--dgs-primary); }
	.dgs-page .dgs-d-listpage__item:last-child { border-bottom: none; }
	.dgs-page .dgs-d-listpage__item-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
	.dgs-page .dgs-d-listpage__item-avatar-placeholder { width: 48px; height: 48px; border-radius: 50%; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
	.dgs-page .dgs-d-listpage__item-body { flex: 1; min-width: 0; }
	.dgs-page .dgs-d-listpage__item-top { display: flex; justify-content: space-between; gap: 8px; }
	.dgs-page .dgs-d-listpage__item-name { font-size: 15px; font-weight: 700; }
	.dgs-page .dgs-d-listpage__item-date { font-size: 12px; color: var(--dgs-text-3); }
	.dgs-page .dgs-d-listpage__item-spec { font-size: 13px; color: var(--dgs-text-2); margin-top: 2px; }
	.dgs-page .dgs-d-listpage__item-preview { font-size: 13px; color: var(--dgs-text-2); margin-top: 6px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.dgs-page .dgs-d-listpage__item-status { flex-shrink: 0; text-align: right; min-width: 130px; }
	.dgs-page .dgs-d-listpage__item-chev { align-self: center; color: var(--dgs-text-3); flex-shrink: 0; font-size: 16px; }

	/* Breadcrumb desktop — aliniat in container, vizibil */
	.dgs-page .dgs-d-breadcrumb { max-width: 1280px; margin: 0 auto 16px; padding: 16px 10px 12px; font-size: 14px; color: var(--dgs-text-2); display: flex; align-items: center; flex-wrap: wrap; gap: 2px; }
	.dgs-page .dgs-d-breadcrumb a { color: var(--dgs-blue); font-weight: 600; }
	.dgs-page .dgs-d-breadcrumb a:hover { color: var(--dgs-primary); text-decoration: underline; }
	.dgs-page .dgs-d-breadcrumb__sep { margin: 0 6px; color: var(--dgs-text-3); font-weight: 400; }
	.dgs-page .dgs-d-breadcrumb i { margin-right: 4px; font-size: 11px; }

	/* Sticky bottom inline on desktop */
	.dgs-page .dgs-sticky-bottom { position: static; box-shadow: none; }
	.dgs-page .dgs-spacer-bottom { display: none; }

	/* ─── D2 — Sidebar listă medici ─── */
	.dgs-page .dgs-d-sidebar--doctors { gap: 12px; }
	.dgs-page .dgs-d-sidebar--doctors .dgs-d-sidebar__head { padding: 4px 4px 0; }
	.dgs-page .dgs-d-sidebar--doctors .dgs-d-sidebar__title { font-size: 13px; color: var(--dgs-text-2); text-transform: uppercase; letter-spacing: 0.4px; font-weight: 800; margin: 0; }

	.dgs-page .dgs-d-doctor-list { display: flex; flex-direction: column; gap: 8px; }
	.dgs-page .dgs-d-doctor-card { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 12px 14px; text-decoration: none; color: var(--dgs-text); transition: border-color 0.12s, background 0.12s; }
	.dgs-page .dgs-d-doctor-card:hover { border-color: var(--dgs-primary); background: #FFFAFA; color: var(--dgs-text); }
	.dgs-page .dgs-d-doctor-card__avatar-wrap { position: relative; flex-shrink: 0; }
	.dgs-page .dgs-d-doctor-card__avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: var(--dgs-bg); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; color: var(--dgs-text-2); }
	.dgs-page .dgs-d-doctor-card__online { position: absolute; bottom: 0; right: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--dgs-green); border: 2px solid #fff; }
	.dgs-page .dgs-d-doctor-card__offline { position: absolute; bottom: 0; right: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--dgs-text-3); border: 2px solid #fff; }
	.dgs-page .dgs-d-doctor-card__info { flex: 1; min-width: 0; }
	.dgs-page .dgs-d-doctor-card__name { font-size: 14px; font-weight: 700; color: var(--dgs-text); letter-spacing: -0.1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.dgs-page .dgs-d-doctor-card__grad { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.dgs-page .dgs-d-doctor-card__pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
	.dgs-page .dgs-d-doctor-card__chev { font-size: 11px; color: var(--dgs-text-3); flex-shrink: 0; }

	/* ─── D2 — Hero compact + eyebrow ─── */
	.dgs-page .dgs-d-hero--compact { padding: 32px 36px; }
	.dgs-page .dgs-d-hero--compact .dgs-d-hero__h1 { font-size: 30px; margin-bottom: 10px; }
	.dgs-page .dgs-d-hero--compact .dgs-d-hero__sub { font-size: 15px; margin-bottom: 20px; }
	.dgs-page .dgs-d-hero__eyebrow { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; color: var(--dgs-primary); background: var(--dgs-primary-soft); padding: 4px 10px; border-radius: 999px; margin-bottom: 14px; }

	/* ─── D2 — Examples grid ─── */
	.dgs-page .dgs-d-examples-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
	.dgs-page .dgs-d-example { display: flex; align-items: flex-start; gap: 12px; background: var(--dgs-bg); border-radius: 10px; padding: 16px 18px; }
	.dgs-page .dgs-d-example__icon { color: var(--dgs-primary); font-size: 16px; margin-top: 2px; flex-shrink: 0; }
	.dgs-page .dgs-d-example__text { font-size: 14px; color: var(--dgs-text); line-height: 1.5; font-weight: 500; }

	/* How-tile cu icon in loc de numar (D2) */
	.dgs-page .dgs-d-how-tile__num i { font-size: 12px; line-height: 1; }

	/* Sidebar — medic curent highlighted (D3) */
	.dgs-page .dgs-d-doctor-card--active { border-color: var(--dgs-primary); background: var(--dgs-primary-soft); cursor: default; pointer-events: none; }
	.dgs-page .dgs-d-doctor-card--active:hover { background: var(--dgs-primary-soft); border-color: var(--dgs-primary); }
	.dgs-page .dgs-d-doctor-card--active .dgs-d-doctor-card__name { color: var(--dgs-primary); }

	/* ─── D3 — Profil card (avatar | info cu CTA inline in stats row) ─── */
	.dgs-page .dgs-d-profile-card { display: grid; grid-template-columns: auto 1fr; gap: 28px; background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; padding: 24px 28px; align-items: start; }
	.dgs-page .dgs-d-profile-card__cta { padding: 11px 20px; font-size: 14px; white-space: nowrap; }
	.dgs-page .dgs-d-profile__stat-spacer { flex: 1; }
	.dgs-page .dgs-d-profile__cta-wrap { display: flex; align-items: center; }
	.dgs-page .dgs-d-profile-card__unavailable { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--dgs-amber-soft); border-radius: 8px; }
	.dgs-page .dgs-d-profile-card__unavailable i { color: var(--dgs-amber); font-size: 16px; flex-shrink: 0; }
	.dgs-page .dgs-d-profile-card__unavailable-title { font-size: 13px; font-weight: 700; color: var(--dgs-text); }
	.dgs-page .dgs-d-profile-card__unavailable-text { font-size: 12px; color: var(--dgs-text-2); margin-top: 1px; }

	/* Price ribbon — subtil, ca pe mobile */
	.dgs-page .dgs-d-price-ribbon { display: flex; align-items: center; gap: 12px; background: var(--dgs-bg); border-radius: 10px; padding: 12px 18px; }
	.dgs-page .dgs-d-price-ribbon__icon { color: var(--dgs-text-3); font-size: 15px; }
	.dgs-page .dgs-d-price-ribbon__text { font-size: 13px; color: var(--dgs-text-2); }
	.dgs-page .dgs-d-price-ribbon__text strong { color: var(--dgs-text); font-weight: 700; }

	/* ─── D4 — Compunere intrebare ─── */
	.dgs-page .dgs-d-layout--form { grid-template-columns: 340px 1fr; }
	.dgs-page .dgs-d-layout--list { grid-template-columns: 280px 1fr; }
	.dgs-page .dgs-d-layout--chat { grid-template-columns: 280px 1fr; max-width: 1120px; }
	html { scroll-behavior: smooth; }

	/* ─── Sidebar chat — doctor mini + anchor nav ─── */
	.dgs-page .dgs-d-sidebar--chat { position: sticky; top: 16px; align-self: start; display: flex; flex-direction: column; gap: 16px; }
	.dgs-page .dgs-d-chat-doctor { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; }
	.dgs-page .dgs-d-chat-doctor__row { display: flex; align-items: center; gap: 12px; }
	.dgs-page .dgs-d-chat-doctor__avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: var(--dgs-primary-soft); color: var(--dgs-primary); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; }
	.dgs-page .dgs-d-chat-doctor__info { min-width: 0; flex: 1; }
	.dgs-page .dgs-d-chat-doctor__name { font-size: 14px; font-weight: 700; letter-spacing: -0.1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.dgs-page .dgs-d-chat-doctor__spec { font-size: 12px; color: var(--dgs-text-2); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.dgs-page .dgs-d-chat-doctor__cm { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 12px; background: var(--dgs-blue-soft); color: var(--dgs-blue); border-radius: 8px; font-size: 13px; font-weight: 700; text-decoration: none; transition: background 0.12s; }
	.dgs-page .dgs-d-chat-doctor__cm:hover { background: var(--dgs-blue); color: #fff; }
	.dgs-page .dgs-d-chat-doctor__cm i { font-size: 13px; }

	.dgs-page .dgs-d-chat-nav { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; padding: 8px; display: flex; flex-direction: column; gap: 2px; }
	.dgs-page .dgs-d-chat-nav .dgs-d-sidebar__title { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; color: var(--dgs-text-2); padding: 8px 12px 4px; margin: 0; }
	.dgs-page .dgs-d-chat-nav__item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; color: var(--dgs-text); font-size: 14px; font-weight: 600; text-decoration: none; transition: background 0.12s; }
	.dgs-page .dgs-d-chat-nav__item:hover { background: var(--dgs-bg); color: var(--dgs-text); }
	.dgs-page .dgs-d-chat-nav__item i { width: 16px; color: var(--dgs-text-3); font-size: 13px; flex-shrink: 0; }
	.dgs-page .dgs-d-chat-nav__item--accent { background: var(--dgs-primary-soft); color: var(--dgs-primary); }
	.dgs-page .dgs-d-chat-nav__item--accent:hover { background: var(--dgs-primary-soft); color: var(--dgs-primary); }
	.dgs-page .dgs-d-chat-nav__item--accent i { color: var(--dgs-primary); }

	/* Scroll-margin pe sectiuni ca sa nu fie ascunse de header sticky cand sari prin anchor */
	.dgs-page [id^="dgs-section-"] { scroll-margin-top: 24px; }

	/* ─── Sidebar lista intrebari ─── */
	.dgs-page .dgs-d-sidebar--list { position: sticky; top: 16px; align-self: start; display: flex; flex-direction: column; gap: 16px; }
	.dgs-page .dgs-d-list-cta { width: 100%; padding: 14px 18px; font-size: 15px; }
	.dgs-page .dgs-d-list-filter { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; padding: 8px; display: flex; flex-direction: column; gap: 2px; }
	.dgs-page .dgs-d-list-filter .dgs-d-sidebar__title { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; color: var(--dgs-text-2); padding: 8px 10px 4px; margin: 0; }
	.dgs-page .dgs-d-list-filter__chip { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-radius: 8px; background: transparent; border: none; color: var(--dgs-text); font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.12s; text-align: left; }
	.dgs-page .dgs-d-list-filter__chip:hover { background: var(--dgs-bg); }
	.dgs-page .dgs-d-list-filter__chip[aria-pressed="true"] { background: var(--dgs-primary-soft); color: var(--dgs-primary); }
	.dgs-page .dgs-d-list-filter__chip[aria-pressed="true"] .dgs-d-list-filter__count { background: var(--dgs-primary); color: #fff; }
	.dgs-page .dgs-d-list-filter__lbl { flex: 1; }
	.dgs-page .dgs-d-list-filter__count { font-size: 12px; font-weight: 700; background: var(--dgs-bg); color: var(--dgs-text-2); padding: 2px 8px; border-radius: 999px; min-width: 24px; text-align: center; }

	/* Header listpage in main column */
	.dgs-page .dgs-d-listpage__head { padding: 0 0 18px; background: transparent; border-bottom: none; display: block; }
	.dgs-page .dgs-d-listpage__title { font-size: 26px; font-weight: 800; letter-spacing: -0.4px; margin: 0; }
	.dgs-page .dgs-d-listpage__list { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; overflow: hidden; }
	/* Sumar rows pentru D4 (reused in .dgs-d-chat-nav card) */
	.dgs-page .dgs-d-summary-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; padding: 6px 12px; color: var(--dgs-text); }
	.dgs-page .dgs-d-summary-row strong { font-weight: 700; }
	.dgs-page .dgs-d-summary-row--info { color: var(--dgs-text-2); font-size: 13px; }
	.dgs-page .dgs-d-summary-row--info i { color: var(--dgs-text-3); margin-right: 4px; font-size: 12px; }
	.dgs-page .dgs-d-summary-row--total { margin-top: 6px; padding-top: 10px; border-top: 1px dashed var(--dgs-border); font-size: 14px; font-weight: 700; }
	.dgs-page .dgs-d-summary-row--total strong { font-size: 18px; font-weight: 800; letter-spacing: -0.3px; color: var(--dgs-primary); }

	/* Variant pentru chat-nav item non-clickable (tips, info) */
	.dgs-page .dgs-d-chat-nav__item--static { cursor: default; color: var(--dgs-text-2); font-weight: 500; }
	.dgs-page .dgs-d-chat-nav__item--static:hover { background: transparent; color: var(--dgs-text-2); }
	.dgs-page .dgs-d-chat-nav__item--static i { color: var(--dgs-green); }

	/* Form card */
	.dgs-page .dgs-d-form-card { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; padding: 28px 32px; }
	.dgs-page .dgs-d-form-section + .dgs-d-form-section { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-form-section__title { font-size: 17px; font-weight: 800; letter-spacing: -0.2px; margin: 0 0 4px; }
	.dgs-page .dgs-d-form-section__sub { font-size: 13px; color: var(--dgs-text-2); margin: 0 0 14px; }
	.dgs-page .dgs-d-form-row3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-top: 18px; }
	/* Spacing intre rows in form card (desktop) — overrideaza padding:16px de pe .dgs-field */
	.dgs-page .dgs-d-form-card .dgs-field { padding: 0; }
	.dgs-page .dgs-d-form-card .dgs-field + .dgs-field { margin-top: 18px; }
	.dgs-page .dgs-d-form-card .dgs-sex-row { margin-top: 0; }

	/* Form footer (submit) */
	.dgs-page .dgs-d-form-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-form-footer__left { font-size: 12px; color: var(--dgs-text-2); display: flex; align-items: center; gap: 6px; }
	.dgs-page .dgs-d-form-footer__left i { color: var(--dgs-green); }
	.dgs-page .dgs-d-form-footer__right { display: flex; align-items: center; gap: 18px; }
	.dgs-page .dgs-d-form-footer__total { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; min-width: 110px; }
	.dgs-page .dgs-d-form-footer__total span { font-size: 11px; color: var(--dgs-text-2); text-transform: uppercase; letter-spacing: 0.3px; }
	.dgs-page .dgs-d-form-footer__total strong { font-size: 22px; font-weight: 800; letter-spacing: -0.4px; color: var(--dgs-text); }
	.dgs-page .dgs-d-form-footer__cta { padding: 13px 24px; font-size: 15px; }

	/* ─── D7 Chat — centered max-width 920px ─── */
	/* ─── Chat main col styling (heir al fostului .dgs-d-chat-wrap) ─── */
	.dgs-page .dgs-d-layout--chat .dgs-d-main { display: flex; flex-direction: column; gap: 16px; }
	.dgs-page .dgs-d-layout--chat .dgs-q-doctor-card { padding: 18px 22px; }
	.dgs-page .dgs-d-layout--chat .dgs-chat-messages { padding: 0; background: transparent; gap: 14px; }
	.dgs-page .dgs-d-layout--chat .dgs-msg { max-width: 75%; }
	.dgs-page .dgs-d-layout--chat .dgs-supp,
	.dgs-page .dgs-d-layout--chat .dgs-form-card,
	.dgs-page .dgs-d-layout--chat .dgs-clickmed,
	.dgs-page .dgs-d-layout--chat .dgs-recom,
	.dgs-page .dgs-d-layout--chat .dgs-q-status { padding: 18px 22px; }

	/* ─── D6 Return payment ─── */
	.dgs-page .dgs-d-confirm-wrap { max-width: 720px; margin: 0 auto; padding: 0; display: flex; flex-direction: column; gap: 16px; }
	.dgs-page .dgs-d-confirm-card { padding: 32px 28px; }
	.dgs-page .dgs-d-confirm-card--warn { border-color: rgba(180,113,0,0.25); background: var(--dgs-amber-soft); }
	.dgs-page .dgs-d-confirm-card--error { border-color: rgba(216,35,42,0.25); background: var(--dgs-primary-soft); }

	.dgs-page .dgs-d-recap-question { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 20px 22px; }
	.dgs-page .dgs-d-recap-question__label { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; color: var(--dgs-text-2); margin-bottom: 8px; }
	.dgs-page .dgs-d-recap-question__text { font-size: 14px; color: var(--dgs-text); line-height: 1.55; }

	.dgs-page .dgs-d-app-banner { display: flex; align-items: center; gap: 16px; background: linear-gradient(135deg, #1A5FB4 0%, #2A6FB9 100%); color: #fff; border-radius: 12px; padding: 18px 22px; }
	.dgs-page .dgs-d-app-banner__icon { width: 44px; height: 44px; background: rgba(255,255,255,0.15); border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
	.dgs-page .dgs-d-app-banner__body { flex: 1; }
	.dgs-page .dgs-d-app-banner__title { font-size: 15px; font-weight: 800; }
	.dgs-page .dgs-d-app-banner__sub { font-size: 13px; opacity: 0.85; margin-top: 2px; }
	.dgs-page .dgs-d-app-banner__stores { display: flex; gap: 8px; flex-shrink: 0; }
	.dgs-page .dgs-d-app-banner__store { background: rgba(255,255,255,0.95); color: var(--dgs-text); padding: 8px 14px; border-radius: 8px; font-size: 12px; font-weight: 700; text-decoration: none; }
	.dgs-page .dgs-d-app-banner__store:hover { background: #fff; }

	/* ─── Listpage filter chips — pe desktop pun spacing-ul corect ─── */
	.dgs-page .dgs-d-listpage .dgs-filter-row { margin: 0 0 16px; }
	.dgs-page .dgs-d-listpage__sub { font-size: 14px; color: var(--dgs-text-2); margin: 4px 0 0; }
	.dgs-page .dgs-d-profile-card__avatar-col { text-align: center; }
	.dgs-page .dgs-d-profile-card__avatar-col .dgs-d-profile__avatar,
	.dgs-page .dgs-d-profile-card__avatar-col .dgs-d-profile__avatar-placeholder { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; display: inline-flex; align-items: center; justify-content: center; background: var(--dgs-primary-soft); color: var(--dgs-primary); font-weight: 800; font-size: 30px; }
	.dgs-page .dgs-d-profile-card__avatar-col .dgs-d-profile__status { margin-top: 10px; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; }
	.dgs-page .dgs-d-profile-card__avatar-col .dgs-d-profile__status--online { color: var(--dgs-green); }
	.dgs-page .dgs-d-profile-card__avatar-col .dgs-d-profile__status--online i { font-size: 8px; }
	.dgs-page .dgs-d-profile-card__avatar-col .dgs-d-profile__status--offline { color: var(--dgs-text-3); }

	.dgs-page .dgs-d-profile-card__info-col .dgs-d-profile__name { font-size: 24px; font-weight: 800; letter-spacing: -0.3px; margin: 0 0 4px; }
	.dgs-page .dgs-d-profile-card__info-col .dgs-d-profile__spec { font-size: 15px; color: var(--dgs-primary); font-weight: 700; }
	.dgs-page .dgs-d-profile-card__info-col .dgs-d-profile__meta { font-size: 13px; color: var(--dgs-text-2); margin-top: 6px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
	.dgs-page .dgs-d-profile-card__info-col .dgs-d-profile__meta-sep { color: var(--dgs-text-3); }
	.dgs-page .dgs-d-profile-card__info-col .dgs-d-profile__stats { display: flex; align-items: center; gap: 40px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--dgs-border); }
	.dgs-page .dgs-d-profile-card__info-col .dgs-d-profile__stat-num { font-size: 20px; font-weight: 800; letter-spacing: -0.3px; }
	.dgs-page .dgs-d-profile-card__info-col .dgs-d-profile__stat-lbl { font-size: 12px; color: var(--dgs-text-2); margin-top: 2px; }

	/* Despre medic card */
	.dgs-page .dgs-d-about-card { background: #fff; border: 1px solid var(--dgs-border); border-radius: 12px; padding: 24px 28px; }
	.dgs-page .dgs-d-about-card__text { font-size: 14px; color: var(--dgs-text-2); line-height: 1.6; }
	.dgs-page .dgs-d-about-card__text + .dgs-d-about-card__text { margin-top: 12px; }

	/* Testimoniale (override mai compact) */
	.dgs-page .dgs-d-section .dgs-d-testimoniale__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0; background: transparent; }
	.dgs-page .dgs-d-testimoniale__item { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 16px 18px; }

	/* Feedback item ca pe mobile (thumbs) — pe desktop ca tile in grid */
	.dgs-page .dgs-feedback-item--card { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 16px 18px; margin-bottom: 0; }
}

/* ─── Feedback item (testimonial) ─── */
.dgs-page .dgs-feedback-item { margin-bottom: 10px; }
.dgs-page .dgs-feedback-item__head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 6px; }
.dgs-page .dgs-feedback-item__name { font-size: 13px; font-weight: 700; color: var(--dgs-text); }
.dgs-page .dgs-feedback-item__date { font-size: 11px; color: var(--dgs-text-3); }
.dgs-page .dgs-feedback-item__text { font-size: 13px; color: var(--dgs-text-2); line-height: 1.45; }

/* ─── Compose form labels & helpers (de pe A4) ─── */
.dgs-page .dgs-form-section { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--dgs-border); }

/* ─── Feedback testimonial — exact A3 JSX ─── */
.dgs-page .dgs-feedback-wrap { padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.dgs-page .dgs-feedback-item { background: #fff; border: 1px solid var(--dgs-border); border-radius: 10px; padding: 12px; position: relative; }
.dgs-page .dgs-feedback-item__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.dgs-page .dgs-feedback-stars { display: inline-flex; gap: 2px; color: #FFB400; font-size: 12px; }
.dgs-page .dgs-feedback-item__author { font-size: 12px; color: var(--dgs-text-2); font-weight: 600; }
.dgs-page .dgs-feedback-item__text { font-size: 13px; color: var(--dgs-text); line-height: 1.5; margin-top: 2px; }
.dgs-page .dgs-feedback-item__thumb { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; font-size: 12px; }
.dgs-page .dgs-feedback-item__thumb--up { background: var(--dgs-green-soft); color: var(--dgs-green); }
.dgs-page .dgs-feedback-item__thumb--down { background: var(--dgs-primary-soft); color: var(--dgs-primary); }