/* Neo Dental — neodental.am */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@400;500;600;700&display=swap');

:root{
  /* Գույները վերցված են բուն լոգոյից՝ կանաչ #06B17D, մուգ #060E11 */
  --ink:#0e1b1f; --ink-2:#3e5257; --muted:#6c8087;
  --bg:#ffffff; --bg-2:#f2faf6; --line:#dcebe3;
  --brand:#06b17d; --brand-dark:#048f64; --brand-soft:#e2f7ef;
  --ink-deep:#060e11;
  --accent:#f0a500;
  --radius:14px; --wrap:1120px;
  --shadow:0 1px 2px rgba(6,14,17,.06), 0 8px 28px rgba(6,14,17,.07);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Noto Sans Armenian", -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 20px}

/* ---------- header ---------- */
.top{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.94);
  backdrop-filter:saturate(1.6) blur(10px); border-bottom:1px solid var(--line)}
.top .wrap{display:flex; align-items:center; gap:16px; height:70px; min-width:0}
.logo{display:flex; align-items:center; gap:10px; font-weight:700; font-size:20px;
  color:var(--ink); letter-spacing:-.02em; white-space:nowrap; flex:none}
.logo:hover{text-decoration:none}
.logo .mark{width:38px; height:38px; object-fit:contain; display:block}
.logo b{color:var(--brand); font-weight:700}
.logo span{font-weight:600}
.nav{display:flex; gap:16px; margin-inline-start:auto; font-size:15px; min-width:0}
.nav a{color:var(--ink-2); font-weight:500}
.nav a:hover, .nav a[aria-current]{color:var(--brand); text-decoration:none}
.top .cta{display:none}
@media(min-width:1000px){ .top .cta{display:inline-flex} }
@media(max-width:999px){ .nav{display:none} }
.top .cta{padding:11px 18px; font-size:15px}

/* ---------- buttons ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 22px; border-radius:11px; font-weight:600; font-size:16px;
  border:1px solid transparent; cursor:pointer; transition:.15s; white-space:nowrap}
.btn:hover{text-decoration:none; transform:translateY(-1px)}
.btn-primary{background:var(--brand); color:#fff}
.btn-primary:hover{background:var(--brand-dark); color:#fff}
.btn-ghost{background:#fff; color:var(--brand); border-color:var(--line)}
.btn-ghost:hover{border-color:var(--brand); color:var(--brand-dark)}
.btn-viber{background:#7360f2; color:#fff}
.btn-viber:hover{background:#5f4ad6; color:#fff}
.btn-wa{background:#25d366; color:#0a3b1c}
.btn-taxi{background:#fce000; color:#21201f}
.btn-taxi:hover{background:#f5d800; color:#21201f}
.btn-wa:hover{background:#1fbb59; color:#0a3b1c}

/* ---------- hero ---------- */
.hero{background:linear-gradient(180deg, var(--brand-soft), #fff 78%); padding:64px 0 56px}
.hero h1{font-size:clamp(30px, 5vw, 46px); line-height:1.18; margin:0 0 16px; letter-spacing:-.02em}
.hero p.lead{font-size:19px; color:var(--ink-2); margin:0 0 28px; max-width:56ch}
.hero-actions{display:flex; flex-wrap:wrap; gap:12px}
.hero-grid{display:grid; gap:40px; align-items:center}
@media(min-width:920px){ .hero-grid{grid-template-columns:1.15fr .85fr} }
.hero-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:26px; box-shadow:var(--shadow)}
.hero-card h3{margin:0 0 14px; font-size:17px}
.hero-card ul{margin:0; padding-inline-start:20px; color:var(--ink-2); font-size:15.5px}
.hero-card li{margin-bottom:8px}

/* ---------- sections ---------- */
section{padding:60px 0}
section.tint{background:var(--bg-2); border-block:1px solid var(--line)}
h2{font-size:clamp(24px, 3.4vw, 33px); margin:0 0 12px; letter-spacing:-.02em}
.sec-sub{color:var(--muted); margin:0 0 34px; font-size:17px; max-width:62ch}

.grid{display:grid; gap:20px}
.g2{grid-template-columns:1fr}
.g3{grid-template-columns:1fr}
@media(min-width:700px){ .g2{grid-template-columns:1fr 1fr} .g3{grid-template-columns:1fr 1fr} }
@media(min-width:980px){ .g3{grid-template-columns:repeat(3,1fr)} }

.card{background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:26px; box-shadow:var(--shadow)}
.card h3{margin:0 0 8px; font-size:19px}
.card p{margin:0; color:var(--ink-2); font-size:16px}
.card .ico{width:44px; height:44px; border-radius:11px; background:var(--brand-soft);
  color:var(--brand); display:grid; place-items:center; font-size:21px; margin-bottom:14px}

/* ---------- price table ---------- */
.price-wrap{overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); background:#fff}
table{width:100%; border-collapse:collapse; min-width:480px}
th,td{text-align:start; padding:15px 20px; border-bottom:1px solid var(--line)}
th{background:var(--bg-2); font-size:14px; text-transform:uppercase;
  letter-spacing:.05em; color:var(--muted); font-weight:600}
tbody tr:last-child td{border-bottom:0}
td.price{text-align:end; font-weight:600; white-space:nowrap}
caption{caption-side:top; text-align:start; padding:0 0 12px; color:var(--muted); font-size:15px}
/* Հեռախոսի վրա գինը պետք է երևա՝ առանց հորիզոնական սահեցման */
@media(max-width:560px){
  table{min-width:0}
  th,td{padding:13px 14px; font-size:15.5px}
  td.price{padding-inline-start:6px}
  th{font-size:12.5px}
}

/* ---------- doctors ---------- */
.doc{display:flex; gap:18px; align-items:flex-start}
.doc .avatar{width:64px; height:64px; border-radius:50%; background:var(--brand-soft);
  color:var(--brand); display:grid; place-items:center; font-weight:700; font-size:21px; flex:none}
.doc h3{margin:0 0 3px; font-size:18px}
.doc .role{color:var(--brand); font-size:14.5px; font-weight:600; margin:0 0 8px}
.doc p{margin:0; color:var(--ink-2); font-size:15.5px}

/* ---------- misc ---------- */
.badge{display:inline-flex; align-items:center; gap:7px; background:var(--brand-soft);
  color:var(--brand-dark); padding:6px 13px; border-radius:99px;
  font-size:14px; font-weight:600; margin-bottom:18px}
.note{background:#fffaf0; border:1px solid #f5deb0; border-radius:11px;
  padding:16px 18px; color:#6b4e12; font-size:15.5px; margin:22px 0}
.todo{background:#fff4f4; border:1px dashed #e8a0a0; border-radius:9px;
  padding:3px 9px; color:#a33; font-size:14px; font-weight:600; display:inline-block}

.faq details{border:1px solid var(--line); border-radius:11px; background:#fff;
  padding:16px 20px; margin-bottom:11px}
.faq summary{cursor:pointer; font-weight:600; font-size:16.5px; list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; float:inline-end; color:var(--brand); font-size:22px; line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:12px 0 0; color:var(--ink-2); font-size:16px}

/* ---------- contact ---------- */
.contact-grid{display:grid; gap:26px}
@media(min-width:820px){ .contact-grid{grid-template-columns:1fr 1fr} }
.info-row{display:flex; gap:13px; padding:14px 0; border-bottom:1px solid var(--line)}
.info-row:last-child{border-bottom:0}
.info-row .k{color:var(--muted); font-size:15px; min-width:104px; flex:none}
.info-row .v{font-weight:500}
.map{border:0; width:100%; height:320px; border-radius:var(--radius)}

/* ---------- footer ---------- */
footer{background:var(--ink-deep); color:#c3d6cf; padding:48px 0 34px; font-size:15px}
footer a{color:#6fd9ae}
footer h4{color:#fff; font-size:16px; margin:0 0 12px}
.foot-grid{display:grid; gap:30px; margin-bottom:32px}
@media(min-width:760px){ .foot-grid{grid-template-columns:1.4fr 1fr 1fr} }
.foot-bottom{border-top:1px solid #22383a; padding-top:20px; color:#8ba49b; font-size:14px}

/* ---------- mobile sticky bar ---------- */
.sticky{position:fixed; inset-inline:0; bottom:0; z-index:60; display:flex;
  background:#fff; border-top:1px solid var(--line); padding:9px 10px; gap:8px;
  box-shadow:0 -4px 20px rgba(6,14,17,.09)}
.sticky .btn{flex:1; padding:12px 3px; font-size:13.5px; white-space:nowrap; gap:4px}
@media(min-width:1000px){ .sticky{display:none} }
@media(max-width:999px){ body{padding-bottom:74px} }

/* ---------- footer-ի լոգո ---------- */
.foot-logo{width:150px; height:auto; margin-bottom:16px}

/* ---------- լեզվի փոխարկիչ ---------- */
.lang{display:flex; align-items:center; gap:2px; margin-inline-start:14px;
  border:1px solid var(--line); border-radius:9px; padding:2px; flex:none}
.lang a{font-size:13.5px; font-weight:600; color:var(--muted);
  padding:5px 9px; border-radius:7px; line-height:1}
.lang a:hover{color:var(--brand); text-decoration:none}
.lang a[aria-current]{background:var(--brand); color:#fff}
@media(max-width:999px){ .lang{margin-inline-start:auto} }

/* ---------- լիցենզիա ---------- */
.license{max-width:720px}
.license img{width:100%; height:auto; border:1px solid var(--line);
  border-radius:var(--radius); box-shadow:var(--shadow)}
.license a{display:block}
.license-verify{margin:16px 0 0; color:var(--muted); font-size:15.5px}