html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
:root{
  --bg:#0b0b0b;
  --bg2:#121212;
  --gold:#c9a24d;
  --gold2:#e6c97a;
  --text:#ededed;
  --line:rgba(201,162,77,.22);
}

*{box-sizing:border-box}
html,body{
  background-color:#000;
  position:relative;
  overflow-x:hidden;

  position: relative;
  isolation: isolate;
margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--text);
  font-family: system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,sans-serif;
  line-height:1.65;
}

a{color:#c9a24d;text-decoration:none}
a:hover{opacity:.92}

.container{max-width:1120px;margin:0 auto;padding:0 24px}
.section{padding:96px 0}
.section-sm{padding:64px 0}

.hr{height:1px;background:var(--line);width:100%;margin:28px 0}

h1,h2,h3{
  color:#c9a24d;
  font-weight:300;
  letter-spacing:.06em;
  margin:0 0 12px;
}
h1{font-size: clamp(34px, 4vw, 56px)}
h2{font-size: clamp(22px, 2.2vw, 30px)}
p{margin:0 0 14px}

.muted{color:rgba(237,237,237,.82)}
.gold-soft{color:#f5e7a3}

.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(18,18,18,.86);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:18px}
.brand{display:flex;align-items:center;gap:12px}
.brand .logo{
  width:34px;height:34px;border:1px solid var(--line);border-radius:50%;
  display:grid;place-items:center;color:#c9a24d;font-weight:600;
}
.brand .name{color:#c9a24d;letter-spacing:.12em}

.menu{display:flex;gap:22px;align-items:center}
.menu a{color:#f5e7a3}
.menu a.active{color:#c9a24d;text-decoration:underline;text-underline-offset:6px}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 22px;border:1px solid #c9a24d;border-radius:999px;
  color:#c9a24d;background:transparent;transition:.22s;
}
.btn:hover{background:#c9a24d;color:#000}
.btn-solid{background:#c9a24d;color:#000}
.btn-solid:hover{filter:brightness(1.05)}
.btn-ghost{border-color:var(--line);color:#f5e7a3}
.btn-ghost:hover{background:rgba(201,162,77,.08);color:#c9a24d}

.dropdown{position:relative}
.dropdown > button{
  all:unset;cursor:pointer;color:#f5e7a3;
  padding:8px 10px;border-radius:10px;
}
.dropdown > button:hover{background:rgba(201,162,77,.08)}
.dd{
  position:absolute;right:0;top:44px;min-width:280px;
  background:var(--bg2);border:1px solid var(--line);border-radius:14px;
  padding:10px;display:none;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  z-index: 100;
}
.dropdown:hover .dd{display:block}
.dd a{
  display:block;padding:10px 10px;border-radius:10px;color:#f5e7a3
}
.dd a:hover{background:rgba(201,162,77,.08);color:#c9a24d}

.hero{
  padding:110px 0 86px;
  background:
    radial-gradient(1200px 420px at 20% 10%, rgba(201,162,77,.14), transparent 60%),
    radial-gradient(1100px 520px at 80% 20%, rgba(201,162,77,.10), transparent 55%);
}
.hero-grid{
  display:grid;grid-template-columns: 1.15fr .85fr;gap:34px;align-items:center
}
@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr}
}

.card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{
  grid-column: span 6;
  background:rgba(18,18,18,.72);
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
}
.card:hover{border-color:rgba(201,162,77,.45)}
@media (max-width: 900px){.card{grid-column:span 12}}

.badge{
  display:inline-flex;gap:8px;align-items:center;
  padding:7px 12px;border-radius:999px;
  border:1px solid var(--line);
  color:#f5e7a3;
  background:rgba(201,162,77,.06);
  font-size:13px;
}

.list{
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
.list li{
  padding:10px 0;
  border-bottom:1px solid rgba(201,162,77,.14);
}
.list li:last-child{border-bottom:0}
.dot::before{content:"• ";color:#c9a24d;margin-right:6px}

.kpis{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:18px}
.kpi{
  grid-column:span 4;
  background:rgba(18,18,18,.55);
  border:1px solid rgba(201,162,77,.16);
  border-radius:18px;padding:18px;
}
.kpi h3{font-size:18px;margin:0 0 6px}
@media (max-width: 900px){.kpi{grid-column:span 12}}

.footer{
  border-top:1px solid var(--line);
  padding:28px 0;color:#f5e7a3;
  background:rgba(18,18,18,.55);
}
.small{font-size:13px;color:rgba(230,201,122,.85)}

iframe.booking{
  width:100%;height:720px;border:0;border-radius:18px;
  background:var(--bg2);
  border:1px solid var(--line);
}


.media{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:rgba(18,18,18,.6)}
.media img{width:100%;height:100%;object-fit:cover;display:block}
.media.sm{min-height:220px}
.media.md{min-height:260px}
.media.lg{min-height:340px}

/* IMAGE FIXES */
.media {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(201,162,77,.22);
}

.media img {
  width: 100%;
  height: 100%;
  max-height: 260px;
  object-fit: cover;
  display: block;
}

/* specific contexts */
.hero .media img {
  max-height: 380px;
}

.doctor .media img {
  max-height: 320px;
}

@media (max-width: 900px) {
  .media img {
    max-height: 220px;
  }
  .hero .media img {
    max-height: 260px;
  }
}


/* RESPONSIVE PICTURE */
.media { position: relative; width: 100%; max-width: 100%; overflow: hidden; border-radius: 18px; border: 1px solid rgba(201,162,77,.22);} 
.media picture, .media img { width: 100%; height: 100%; display:block; }
.media img { object-fit: cover; }


/* Long-form legal pages */
.legal h2 { margin-top: 26px; }
.legal p { margin-bottom: 14px; }
.legal ul { margin: 10px 0 18px; padding-left: 0; }


/* ===== LUXURY GOLD TEXT (v2) ===== */
:root{
  --gold-dark:#6b4e16;
  --gold-mid:#c9a24d;
  --gold-light:#f5e7a3;
}

/* utility */
.gold-text{
  background: linear-gradient(90deg,var(--gold-dark) 0%,var(--gold-mid) 22%,var(--gold-light) 50%,var(--gold-mid) 78%,var(--gold-dark) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}

/* auto-apply to headings & key brand text */
h1, h2, h3,
.brand .name{
  background: linear-gradient(90deg,var(--gold-dark) 0%,var(--gold-mid) 25%,var(--gold-light) 50%,var(--gold-mid) 75%,var(--gold-dark) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}

/* keep body copy readable (no gradient) */
p, li { color: #e2e2e2; }

/* links */
a{ color: var(--gold-mid); }
a:hover{ color: var(--gold-light); }

/* If some rule forces color back on headings, this wins */
h1, h2, h3{ text-shadow: 0 0 0 rgba(0,0,0,0); }












/* ===== CSS-ONLY GOLD EDGE LINES (LEFT TOP & RIGHT BOTTOM – 4 LINES, STAGGERED) ===== */
/* Exact: 4 linii, prima 350px, apoi mai scurte */


}


/* ===== FINAL GOLD EDGE LINES – FORCE RENDER ===== */
html::before,
html::after{
  content:"";
  position:fixed;
  z-index:2147483647; /* absolute top */
  pointer-events:none;
  opacity:1;
  background-repeat:no-repeat;
}

/* LEFT TOP – 4 staggered lines */
html::before{
  left:23px;
  top:120px;
  width:120px;
  height:380px;
  background-image:
    linear-gradient(to bottom, transparent 0%, #b8892b 15%, #fff4c7 50%, #b8892b 85%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #b8892b 15%, #f7e9a6 50%, #b8892b 85%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #b8892b 15%, #e7c86a 50%, #b8892b 85%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #b8892b 15%, #c9a24d 50%, #b8892b 85%, transparent 100%);
  background-size:
    3px 350px,
    3px 260px,
    3px 180px,
    3px 110px;
  background-position:
    0 0,
    10px 45px,
    20px 95px,
    30px 145px;
}

/* RIGHT BOTTOM – 4 staggered lines */
html::after{
  right:23px;
  bottom:90px;
  width:120px;
  height:380px;
  background-image:
    linear-gradient(to bottom, transparent 0%, #b8892b 15%, #fff4c7 50%, #b8892b 85%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #b8892b 15%, #f7e9a6 50%, #b8892b 85%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #b8892b 15%, #e7c86a 50%, #b8892b 85%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #b8892b 15%, #c9a24d 50%, #b8892b 85%, transparent 100%);
  background-size:
    3px 350px,
    3px 260px,
    3px 180px,
    3px 110px;
  background-position:
    100% 10px,
    calc(100% - 10px) 55px,
    calc(100% - 20px) 105px,
    calc(100% - 30px) 155px;
}

/* Mobile OFF */
@media (max-width:900px){
  html::before,
  html::after{display:none;}
}




/* ===== FINAL GOLD EDGE LINES – REFINED (MATCH INSTAGRAM) ===== */
/* Only LEFT TOP and RIGHT BOTTOM, subtle, aligned starts */

html::before,
html::after{
  content:"";
  position: fixed;
  z-index: 2147483647;
  pointer-events: none;
  background-repeat: no-repeat;
  opacity: .85; /* more subtle */
}

/* LEFT TOP – all start from SAME TOP */
html::before{
  left: 23px;
  top: 120px;
  width: 120px;
  height: 360px;
  background-image:
    linear-gradient(to bottom, transparent 0%, #c9a24d 20%, #f5e7a3 50%, #c9a24d 80%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #c9a24d 20%, #f5e7a3 50%, #c9a24d 80%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #c9a24d 20%, #f5e7a3 50%, #c9a24d 80%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #c9a24d 20%, #f5e7a3 50%, #c9a24d 80%, transparent 100%);
  background-size:
    2px 350px,
    2px 260px,
    2px 180px,
    2px 110px;
  background-position:
    0 0,
    10px 0,
    20px 0,
    30px 0;
}

/* RIGHT BOTTOM – all start from SAME BOTTOM */
html::after{
  right: 23px;
  bottom: 90px;
  width: 120px;
  height: 360px;
  background-image:
    linear-gradient(to top, transparent 0%, #c9a24d 20%, #f5e7a3 50%, #c9a24d 80%, transparent 100%),
    linear-gradient(to top, transparent 0%, #c9a24d 20%, #f5e7a3 50%, #c9a24d 80%, transparent 100%),
    linear-gradient(to top, transparent 0%, #c9a24d 20%, #f5e7a3 50%, #c9a24d 80%, transparent 100%),
    linear-gradient(to top, transparent 0%, #c9a24d 20%, #f5e7a3 50%, #c9a24d 80%, transparent 100%);
  background-size:
    2px 350px,
    2px 260px,
    2px 180px,
    2px 110px;
  background-position:
    100% 100%,
    calc(100% - 10px) 100%,
    calc(100% - 20px) 100%,
    calc(100% - 30px) 100%;
}

/* Mobile OFF */
@media (max-width: 900px){
  html::before,
  html::after{ display:none; }
}


/* media helpers */
.media-frame{
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background: rgba(255,255,255,.02);
  aspect-ratio: 16/10;
}
.media-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cards-scroll{
  display:flex;
  gap:14px;
  overflow:auto;
  padding-bottom:6px;
  scroll-snap-type:x mandatory;
}
.cards-scroll > .card{
  scroll-snap-align:start;
}


/* ===== HOME WIREFRAME ROWS ===== */
.hero--home{
  position: relative;
  min-height: 440px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom: 1px solid rgba(201,162,77,.25);
}
.hero--home .hero-media{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.85)),
    url('/assets/img/hero-medfiz.jpg');
  background-size: cover;
  background-position: center;
  filter: saturate(.9) contrast(1.05);
}
.hero--home .hero-inner{ position: relative; z-index: 2; padding: 56px 0; }
.hero--home .kicker{ letter-spacing: .18em; text-transform: uppercase; margin-bottom: 10px; }
.hero--home h1{ max-width: 760px; }
.hero--home .hero-copy p{ max-width: 760px; }
.hero--home .hero-cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top: 18px; }

.service-rows{
  border-top: 1px solid rgba(201,162,77,.25);
  border-bottom: 1px solid rgba(201,162,77,.25);
}
.service-row{
  display:grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 18px;
  padding: 22px 0;
  border-top: 1px solid rgba(201,162,77,.15);
}
.service-row:first-child{ border-top: none; }
.service-label{
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.1;
}
.service-text p{ margin: 0 0 10px; }
.service-actions{
  display:flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
  justify-content: center;
}
.btn.btn-small{
  padding: 10px 12px;
  font-size: 14px;
  text-align:center;
  width: 100%;
}
.home-note{
  padding: 26px 0 0;
  text-align:center;
}
.home-note p{ margin: 0 0 10px; }

@media (max-width: 980px){
  .service-row{
    grid-template-columns: 1fr;
  }
  .service-actions{
    flex-direction: row;
    justify-content:flex-start;
  }
  .btn.btn-small{ width: auto; }
}


/* ===== HOME HERO ===== */
.hero-home .hero-inner{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 24px;
  align-items: center;
}
.hero-home .hero-media{
  border-radius: 18px;
  min-height: 320px;
  background:
    radial-gradient(900px 500px at 20% 30%, rgba(201,162,77,.18), transparent 60%),
    radial-gradient(900px 500px at 80% 70%, rgba(245,231,163,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(201,162,77,.22);
}
.hero-home .hero-cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:14px; }
.kicker{ letter-spacing:.12em; font-size:12px; text-transform:uppercase; }

/* ===== SERVICES TABLE (3 COLS) ===== */
.services-table{
  margin-top: 16px;
  border: 1px solid rgba(201,162,77,.22);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.02);
}
.services-row{
  display:grid;
  grid-template-columns: 300px 1fr 260px;
  gap: 0;
  align-items: stretch;
}
.services-row + .services-row{
  border-top: 1px solid rgba(201,162,77,.18);
}
.services-row--head{
  background: rgba(255,255,255,.03);
}
.services-col{
  padding: 18px 18px;
  border-right: 1px solid rgba(201,162,77,.14);
}
.services-row .services-col:last-child{
  border-right: none;
}
.services-col--title h3{
  margin: 0;
}
.services-col--desc p{
  margin: 0;
}
.services-col--actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.btn-sm{ padding: 10px 12px; font-size: 13px; border-radius: 12px; }

/* values */
.values-grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 12px;
}
.value{ padding: 14px; border:1px solid rgba(201,162,77,.18); border-radius: 14px; background: rgba(255,255,255,.02); }
.value-title{ font-weight: 700; margin-bottom: 6px; }

/* responsive */
@media (max-width: 1000px){
  .hero-home .hero-inner{ grid-template-columns: 1fr; }
  .services-row{ grid-template-columns: 1fr; }
  .services-col{ border-right: none; border-bottom: 1px solid rgba(201,162,77,.14); }
  .services-row .services-col:last-child{ border-bottom: none; }
  .services-col--actions{ justify-content:flex-start; }
  .values-grid{ grid-template-columns: 1fr 1fr; }
}


/* Quotes inside services table */
.quote{
  margin: 12px 0 0;
  padding: 12px 14px;
  border-left: 3px solid rgba(201,162,77,.55);
  background: rgba(255,255,255,.02);
  border-radius: 12px;
}
.quote p{
  margin: 0;
  color: #e9e9e9;
}
.quote cite{
  display:block;
  margin-top: 8px;
  font-style: normal;
  color: rgba(201,162,77,.9);
  font-size: 13px;
}


/* ===== BRAND LOGO (SVG) ===== */
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.brand-logo{
  height: 44px;
  width: auto;
  display:block;
}
@media (max-width: 900px){
  .brand-logo{ height: 38px; }
}

/* Force header logo visibility */
.header-inner{
  display:flex;
  align-items:center;
  gap:20px;
}
.brand{display:flex;align-items:center}
.brand-logo{
  height:46px;
  width:auto;
  display:block;
}


/* ===== BRAND LOGO OVERRIDE ===== */
.brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}
.brand-logo{
  height:46px;
  width:auto;
  display:block;
}
.badge{
  color: rgba(245,231,163,.85);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: none;
}
@media (max-width: 900px){
  .brand-logo{ height:40px; }
  .badge{ display:none; }
}


/* ===== BOOKING OVERLAY ===== */
.booking-overlay{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 2147483000;
}
.booking-overlay.is-open{ display:block; }
.booking-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.75);
  backdrop-filter: blur(6px);
}
.booking-modal{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: min(860px, calc(100% - 32px));
  max-height: calc(100% - 32px);
  overflow: auto;
  border-radius: 18px;
  background: rgba(10,10,10,.96);
  border: 1px solid rgba(201,162,77,.25);
  box-shadow: 0 20px 60px rgba(0,0,0,.6);
  padding: 22px;
}
.booking-close{
  position:absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(201,162,77,.25);
  background: rgba(255,255,255,.03);
  color: #f5e7a3;
  font-size: 22px;
  cursor: pointer;
}
.booking-close:hover{ background: rgba(255,255,255,.06); }

.booking-form{
  margin-top: 14px;
}
.form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.form-grid label{
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.form-grid label span{
  font-size: 13px;
  color: rgba(245,231,163,.85);
  letter-spacing: .02em;
}
.form-grid input,
.form-grid select,
.form-grid textarea{
  border-radius: 12px;
  border: 1px solid rgba(201,162,77,.22);
  background: rgba(255,255,255,.02);
  color: #f0f0f0;
  padding: 12px 12px;
  outline: none;
}
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus{
  border-color: rgba(245,231,163,.55);
  box-shadow: 0 0 0 3px rgba(201,162,77,.12);
}
.form-grid .full{ grid-column: 1 / -1; }

.consent{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  margin-top: 12px;
  padding: 12px 12px;
  border: 1px solid rgba(201,162,77,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
}
.consent input{ margin-top: 3px; }

.form-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.form-status{
  margin-top: 12px;
  font-size: 14px;
}
.form-status.ok{ color: #b7f3c6; }
.form-status.err{ color: #ffb3b3; }

@media (max-width: 700px){
  .form-grid{ grid-template-columns: 1fr; }
}


/* ===== BOOKING SELECT FIX ===== */
.booking-form select{
  background-color:#000 !important;
  color:#f5e7a3;
}
.booking-form select option{
  background-color:#000;
  color:#f5e7a3;
}


/* ===== BOOKING SELECT MATCH INPUTS ===== */
.booking-form select{
  background: rgba(255,255,255,.02) !important;
  color: #f0f0f0;
  border: 1px solid rgba(201,162,77,.22);
}
.booking-form select option{
  background: rgba(20,20,20,1);
  color: #f0f0f0;
}
.booking-form select:focus{
  border-color: rgba(245,231,163,.55);
  box-shadow: 0 0 0 3px rgba(201,162,77,.12);
}


/* ===== LUMINOUS MODE OVERRIDES ===== */
/* HIGH-CONTRAST LUXURY – refined (reduced glow) */

:root{
  --bg: #1a1a1a;
  --panel: rgba(255,255,255,.12);
  --panel2: rgba(255,255,255,.16);
  --border: rgba(212,175,55,.45);
  --border2: rgba(255,215,100,.35);
  --text: #ffffff;
  --muted: rgba(255,255,255,.88);

  --gold-dark:#a67c1f;
  --gold-mid:#f0c96a;
  --gold-light:#fff9d6;
}

body{
  background:
    radial-gradient(1200px 700px at 15% 10%, rgba(255,215,120,.15), transparent 60%),
    radial-gradient(1200px 700px at 85% 85%, rgba(255,215,120,.10), transparent 65%),
    var(--bg) !important;
  color: var(--text) !important;
}

.muted{ color: var(--muted) !important; }
p, li{ color: var(--muted); }

.card, .services-table, .value{
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.4);
}

.services-row--head{
  background: var(--panel2) !important;
}

.form-grid input,
.form-grid select,
.form-grid textarea{
  background: var(--panel2) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

.booking-form select option{
  background: #222 !important;
  color: var(--text) !important;
}

.btn{
  background: linear-gradient(90deg, var(--gold-dark), var(--gold-mid), var(--gold-light), var(--gold-mid), var(--gold-dark)) !important;
  color: #000 !important;
  box-shadow: 0 4px 14px rgba(212,175,55,.25);
  border: none !important;
}

.btn:hover{
  filter: brightness(1.06);
}

.btn.btn-outline{
  background: rgba(255,255,255,.06) !important;
  color: var(--gold-light) !important;
  border: 1px solid var(--border2) !important;
}

.gold-text, h1, h2, h3{
  background: linear-gradient(90deg, var(--gold-dark) 0%, var(--gold-mid) 25%, var(--gold-light) 50%, var(--gold-mid) 75%, var(--gold-dark) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none;
}

.header, .nav{
  background: rgba(30,30,30,.9) !important;
  border-bottom: 1px solid var(--border) !important;
  backdrop-filter: blur(10px);
}

html::before, html::after{
  opacity: .85 !important;
}


/* ===== LUXURY MICRO-ANIMATIONS ===== */

/* Metallic gold gradient animation (subtle) */
@keyframes goldShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Apply to existing gold gradient text */
.gold-text, h1, h2, h3{
  background-size: 220% 220% !important;
  animation: goldShift 10s ease-in-out infinite;
}

/* Buttons: subtle luxury hover */
.btn, .btn.btn-outline{
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease;
  will-change: transform, filter, box-shadow;
}
.btn:hover{
  transform: translateY(-1px);
}
.btn:active{
  transform: translateY(0);
}

/* Cards: discreet glow only on hover */
.card, .services-table, .value{
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  will-change: transform, box-shadow;
}
.card:hover, .services-table:hover, .value:hover{
  transform: translateY(-2px);
  border-color: rgba(255,215,120,.55) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,215,120,.12),
    0 0 26px rgba(255,215,120,.10);
}

/* Service rows: gentle highlight on hover */
.services-row{
  transition: background-color .18s ease;
}
.services-row:hover{
  background: rgba(255,255,255,.03);
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce){
  .gold-text, h1, h2, h3{ animation: none !important; }
  .card, .services-table, .value, .btn{ transition: none !important; }
  .card:hover, .services-table:hover, .value:hover{ transform:none !important; box-shadow:none !important; }
}



/* ===== REUMATOLOGIE WIREFRAME LAYOUT ===== */
.service-hero .service-hero-inner{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.service-hero-cta{ display:flex; gap:10px; flex-wrap:wrap; }

.service-row{
  display:grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 18px;
  align-items: stretch;
  margin-top: 18px;
}
.service-row-2{ margin-top: 22px; }

.doctor-card .doctor-top{ margin-bottom: 12px; }
.doctor-card .doctor-quote{
  border-left: 3px solid rgba(212,175,55,.35);
  padding-left: 12px;
  margin-bottom: 14px;
}
.photo-placeholder{
  border-radius: 16px;
  border: 1px solid rgba(212,175,55,.25);
  background:
    radial-gradient(800px 420px at 30% 30%, rgba(255,215,120,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  min-height: 220px;
  margin: 10px 0 14px;
}
.photo-placeholder--tall{ min-height: 260px; }

.mini-title{
  margin: 10px 0 10px;
  letter-spacing: .14em;
  font-size: 12px;
  text-transform: uppercase;
}

.service-list{
  margin: 14px 0 0;
  padding-left: 18px;
  display:flex;
  flex-direction: column;
  gap: 12px;
}
.service-list li{ line-height: 1.35; }

.center{ text-align:center; }

.h3{ font-size: 22px; margin: 0 0 8px; }

@media (max-width: 980px){
  .service-row{ grid-template-columns: 1fr; }
}


/* ===== DOCTOR TOP SECTION MATCH GRID ===== */
.doctor-top-row{ margin-bottom: 24px; }
.doctor-top-row{ grid-template-columns: 1.35fr 1fr; }

.doctor-info-card{ padding: 28px; }
.doctor-name{ font-size: 28px; margin-bottom: 18px; }

.doctor-meta{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.doctor-meta li{
  position:relative;
  padding-left:18px;
  color: rgba(255,255,255,.88);
}
.doctor-meta li::before{
  content:"•";
  position:absolute;
  left:0;
  color:#f0c96a;
}

/* Quote card with decorative gold opening quote */
.doctor-quote-card{ padding: 30px; position: relative; overflow: hidden; }
.doctor-quote{
  font-style: italic;
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 18px 0;
  position: relative;
  z-index: 2;
}
.doctor-quote::before{
  content:"“";
  position:absolute;
  top:-48px;
  left:-14px;
  font-size: 130px;
  line-height: 1;
  font-family: Georgia, serif;
  background: linear-gradient(90deg,#a67c1f,#f0c96a,#fff9d6,#f0c96a,#a67c1f);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  opacity: .35;
  z-index: 1;
}
.quote-author{ font-size: 14px; letter-spacing: .05em; }

@media (max-width: 980px){
  .doctor-top-row{ grid-template-columns: 1fr; }
}


/* ===== Bottom Values Section ===== */

.section-bottom-values{
  padding-top: 50px;
}

.values-grid{
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-bottom: 30px;
}

.value-box{
  border:1px solid rgba(212,175,55,.4);
  padding:14px;
  text-align:center;
  font-size:14px;
  letter-spacing:.05em;
  background: rgba(255,255,255,.04);
}

.bottom-description{
  max-width: 1000px;
  margin: 0 auto 40px auto;
  text-align:center;
  line-height:1.6;
}

.bottom-description p{
  margin-bottom: 14px;
}

.testimonials-slider-placeholder{
  margin-top: 30px;
  text-align:center;
}

.testimonials-title{
  margin-bottom: 18px;
  font-size:20px;
}

.testimonial-box{
  border:1px solid rgba(212,175,55,.35);
  padding:40px;
  border-radius:14px;
  background: rgba(255,255,255,.03);
  font-size:14px;
  opacity:.8;
}

@media (max-width: 1100px){
  .values-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}



/* ===== MEDICINA DE FAMILIE WIREFRAME ===== */
.family-hero-grid{
  display:grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 18px;
  align-items: stretch;
}
.family-hero-photo{
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.25);
  background:
    radial-gradient(800px 420px at 30% 30%, rgba(255,215,120,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  min-height: 230px;
}
.family-hero-copy{ display:flex; flex-direction:column; justify-content:center; }
.family-hero-cta{ margin-top: 14px; display:flex; gap:10px; flex-wrap:wrap; }

.family-doctor-row{
  display:grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 18px;
  margin-top: 18px;
}

.family-grid-2{
  display:grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 18px;
  margin-top: 18px;
}
.family-grid-2--bottom{ margin-top: 22px; }

.family-schedule-card .schedule-cols{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
.schedule-title{ font-size: 18px; margin-bottom: 10px; }
.schedule-list{ display:flex; flex-direction:column; gap: 12px; }
.schedule-item{ display:flex; gap: 10px; align-items:flex-start; }
.schedule-ico{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid rgba(212,175,55,.35);
  background: rgba(255,255,255,.05);
  position: relative;
  flex: 0 0 30px;
}
.schedule-ico::after{
  content:"";
  position:absolute;
  inset: 7px;
  border-radius: 6px;
  background: linear-gradient(90deg,#a67c1f,#f0c96a,#fff9d6,#f0c96a,#a67c1f);
  opacity: .75;
}

.doc-list{
  margin: 14px 0 0;
  padding-left: 18px;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.doc-list li{ line-height: 1.35; }

@media (max-width: 980px){
  .family-hero-grid,
  .family-doctor-row,
  .family-grid-2{ grid-template-columns: 1fr; }
  .family-schedule-card .schedule-cols{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
}


/* ===== PREMIUM: Make schedule column wider so Cabinet/Teren can be 2 columns ===== */
.family-row{
  grid-template-columns: 1fr 1.6fr;
}


/* ===== ABOUT WIREFRAME ===== */
.about-hero-grid{
  display:grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 18px;
  align-items: stretch;
}
.about-hero-photo{
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.25);
  background:
    radial-gradient(900px 520px at 25% 25%, rgba(255,215,120,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  min-height: 260px;
}
.about-hero-copy{ display:flex; flex-direction:column; justify-content:center; }

.about-services-nav{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.about-nav-item{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 14px 12px;
  border: 1px solid rgba(212,175,55,.35);
  background: rgba(255,255,255,.04);
  border-radius: 14px;
  text-decoration:none;
  color: rgba(255,255,255,.92);
  font-weight: 600;
  letter-spacing: .04em;
  min-height: 64px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}
.about-nav-item:hover{
  transform: translateY(-2px);
  border-color: rgba(255,215,120,.55);
  box-shadow: 0 10px 26px rgba(0,0,0,.55), 0 0 26px rgba(255,215,120,.08);
}

.about-values-title{ margin: 8px 0 14px; }

.about-value-row{
  display:grid;
  grid-template-columns: 200px 1fr;
  gap: 18px;
  align-items: stretch;
  margin-top: 14px;
}
.about-mini-photo{
  border-radius: 16px;
  border: 1px solid rgba(212,175,55,.22);
  background:
    radial-gradient(520px 320px at 30% 30%, rgba(255,215,120,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  min-height: 120px;
}
.about-value-card{ padding: 22px; }

.about-quote-bar{
  margin-top: 18px;
  padding: 18px 18px;
  border-top: 1px solid rgba(212,175,55,.22);
  border-bottom: 1px solid rgba(212,175,55,.22);
  text-align:center;
  background: rgba(255,255,255,.03);
  border-radius: 14px;
}

.about-pillars{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  border: 1px solid rgba(212,175,55,.35);
  border-radius: 14px;
  overflow:hidden;
  background: rgba(255,255,255,.02);
}
.pillar{ border-right: 1px solid rgba(212,175,55,.22); }
.pillar:last-child{ border-right: none; }

.pillar-head{
  background: rgba(255,255,255,.10);
  padding: 12px 10px;
  text-align:center;
  font-weight: 700;
  letter-spacing: .04em;
  color: rgba(255,255,255,.92);
}
.pillar-body{
  padding: 14px 12px 16px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,.86);
}

@media (max-width: 1100px){
  .about-services-nav{ grid-template-columns: repeat(2, 1fr); }
  .about-pillars{ grid-template-columns: 1fr; }
  .pillar{ border-right:none; border-bottom: 1px solid rgba(212,175,55,.22); }
  .pillar:last-child{ border-bottom:none; }
}
@media (max-width: 980px){
  .about-hero-grid{ grid-template-columns: 1fr; }
  .about-value-row{ grid-template-columns: 1fr; }
  .about-mini-photo{ min-height: 160px; }
}


/* ===== ABOUT: spacing & alignment fixes ===== */
.about-hero{ padding-bottom: 22px; }
.about-hero .container{ padding-top: 10px; }
.about-values-title{ text-align:left; margin-top: 0; }
.section.about-values-section{ padding-top: 28px; }


/* ===== ABOUT VALUES (fixed layout) ===== */
.about-values-title{
  margin: 14px 0 18px;
  letter-spacing: .14em;
  font-size: 12px;
  text-transform: uppercase;
}

.about-values-list{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.about-value-row{
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 18px;
  align-items: center;
}

.about-value-photo{
  height: 120px;
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.25);
  background:
    radial-gradient(800px 420px at 30% 30%, rgba(255,215,120,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
}

.about-value-card{
  padding: 22px 24px;
}

.about-value-title{
  margin: 0 0 10px;
  font-size: 20px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 980px){
  .about-value-row{
    grid-template-columns: 1fr;
    align-items: start;
  }
  .about-value-photo{
    height: 180px;
  }
}


/* ===== SURGERY WIREFRAME ===== */
.surgery-row{ margin-top: 18px; }
.surgery-row .service-list{ margin-top: 0; }
.surgery-row .service-list li{ margin-bottom: 4px; }
.surgery-row-wideleft{ grid-template-columns: 1.35fr 1fr; }

@media (max-width: 980px){
  .surgery-row-wideleft{ grid-template-columns: 1fr; }
}


/* ===== ESTETICA WIREFRAME ===== */
.estetica-row{ margin-top: 18px; }
.estetica-wideleft{ grid-template-columns: 1.35fr 1fr; }

@media (max-width: 980px){
  .estetica-wideleft{ grid-template-columns: 1fr; }
}


/* =========================================================
   RESPONSIVE SAFE PACK (does not change desktop layout)
   ========================================================= */
img, svg, video, canvas { max-width: 100%; height: auto; }
table { width: 100%; border-collapse: collapse; }
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 900px){
  .section{ padding: 42px 0; }
  .container{ padding-left: 18px; padding-right: 18px; }
  .card{ padding: 18px 18px; }
  .hero-home .hero-media{ min-height: 240px; }
  .photo-placeholder--tall{ min-height: 240px; }
}

@media (max-width: 700px){
  .section{ padding: 36px 0; }
  h1{ font-size: clamp(28px, 6vw, 42px); }
  h2{ font-size: clamp(22px, 4.8vw, 32px); }
  .kicker{ letter-spacing: .14em; }
  .btn{ width: 100%; justify-content: center; }
  .btn.btn-sm, .btn.btn-small{ width: auto; }
  .service-hero-cta{ width: 100%; }
  .service-hero-cta .btn{ width: auto; }
  .values-grid{ grid-template-columns: 1fr; }
  .services-row{ grid-template-columns: 1fr; }
}

@media (max-width: 480px){
  .container{ padding-left: 14px; padding-right: 14px; }
  .card{ padding: 16px 16px; border-radius: 18px; }
  .photo-placeholder--tall{ min-height: 210px; }
  .value-box{ padding: 12px 12px; }
}



/* ===== Mobile dropdown fix: Servicii submenu ===== */
@media (max-width: 980px){
  /* Ensure dropdown is not clipped by header or parent containers */
  .nav, .header, header, .site-header { overflow: visible; }
  
  /* Submenu container */
  .nav .dropdown,
  .nav .submenu,
  .nav .nav-dropdown,
  .nav .menu-dropdown,
  .nav .dropdown-menu,
  .nav li ul{
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 10px !important;
    border-radius: 14px !important;
  }

  /* Make submenu items wrap and stay fully visible */
  .nav .dropdown a,
  .nav .submenu a,
  .nav .nav-dropdown a,
  .nav .menu-dropdown a,
  .nav .dropdown-menu a,
  .nav li ul a{
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.3 !important;
    padding: 12px 14px !important;
    display: block !important;
  }

  /* If submenu is long, allow scrolling inside it */
  .nav .dropdown,
  .nav .submenu,
  .nav .nav-dropdown,
  .nav .menu-dropdown,
  .nav .dropdown-menu,
  .nav li ul{
    max-height: 60vh !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}



/* ===== Responsive header/menu (no layout changes on desktop) ===== */
@media (max-width: 980px){
  .nav-inner{
    flex-wrap: wrap;
    padding: 12px 0;
    gap: 12px;
  }
  .brand{flex: 1 1 220px;}
  .menu{
    flex: 1 1 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px 14px;
  }
  .menu a, .menu button{
    font-size: 14px;
    line-height: 1.2;
  }
  .menu .btn{
    padding: 10px 16px;
    white-space: nowrap;
  }
}

/* Extra small: keep CTA fully visible */
@media (max-width: 520px){
  .menu .btn.btn-solid{
    width: 100%;
    justify-content: center;
  }
}

/* ===== NOTICE 2026 (Medicina de familie) ===== */
.notice-2026{ margin-top: 22px; }
.notice-head{ margin-bottom: 14px; }
.notice-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.notice-card .notice-title{
  font-family: var(--font-display, inherit);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(212,175,55,.95);
  margin-bottom: 8px;
}
.notice-card--accent{
  border-color: rgba(212,175,55,.55);
  box-shadow: 0 10px 35px rgba(212,175,55,.10);
}
.notice-card--soft{
  background: rgba(255,255,255,.04);
}
.notice-details{ margin-top: 14px; }
.notice-summary{
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(212,175,55,.25);
  background: rgba(0,0,0,.18);
}
.notice-summary::-webkit-details-marker{ display:none; }
.notice-chevron{
  width: 12px; height: 12px;
  border-right: 2px solid rgba(212,175,55,.85);
  border-bottom: 2px solid rgba(212,175,55,.85);
  transform: rotate(45deg);
  transition: transform .25s ease;
}
details[open] .notice-chevron{ transform: rotate(-135deg); }
.notice-fulltext{ margin-top: 12px; }
.notice-bullets, .notice-ol{
  margin: 0 0 10px 18px;
}
.notice-bullets li, .notice-ol li{ margin: 6px 0; }

@media (max-width: 980px){
  .notice-grid{ grid-template-columns: 1fr; }
}