/* ╔══════════════════════════════════════════════════════════════╗
   ║  REHAMED WEBSITE — ҮНДСЭН ЗАГВАР (style.css)                  ║
   ║                                                                ║
   ║  ФАЙЛЫН БҮТЭЦ:                                                 ║
   ║   1. :root хувьсагчид — өнгө, сүүдэр, радиус (энд солиход      ║
   ║      бүх сайтын өнгө өөрчлөгдөнө)                              ║
   ║   2. Nav, dropdown, page hero, картууд, footer гэх мэт         ║
   ║      компонент бүрийн үндсэн загвар                            ║
   ║   3. "2026 MODERN DESIGN LAYER" — шинэ дизайны давхарга        ║
   ║      (glassmorphism, градиент, bento cards)                    ║
   ║   4. "RESPONSIVE" хэсэг — таблет/утасны тохиргоо               ║
   ║      (файлын төгсгөлд, 4 media query)                          ║
   ║                                                                ║
   ║  ӨНГӨ СОЛИХ: :root доторх --red, --blue, --orange утгыг        ║
   ║  солиход л хангалттай.                                         ║
   ╚══════════════════════════════════════════════════════════════╝ */



:root{
  --red:#e63329;--blue:#2b3990;--orange:#f7941d;
  --navy:#1a2260;--navy-dark:#0f1540;
  --bg:#f4f6fb;--bg2:#eef1f9;
  --text:#1a2260;--text2:#4a5490;--text3:#5b64a0;--border:#dde3f4;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}

.nav{background:#fff;border-bottom:1px solid var(--border);padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;height:66px;position:sticky;top:0;z-index:500}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}
.nav-logo img{height:46px;width:auto;object-fit:contain}
.nav-menu{display:flex;align-items:center;gap:2px;list-style:none}
.nav-menu>li{position:relative}
.nav-menu>li>a{display:flex;align-items:center;gap:4px;padding:9px 13px;font-size:13.5px;color:var(--text2);text-decoration:none;font-weight:400;border-radius:7px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
.nav-menu>li>a:hover,.nav-menu>li.open>a{background:var(--bg2);color:var(--blue)}
.nav-menu>li>a.active{color:var(--red);font-weight:500;background:var(--bg2)}
.arr{font-size:10px;color:var(--text3);transition:transform .18s;display:inline-block}
.nav-menu>li.open>a .arr{transform:rotate(180deg)}
.dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:6px;min-width:220px;z-index:600;box-shadow:0 8px 32px rgba(26,34,96,.10)}
.nav-menu>li.open .dropdown{display:block}
.dropdown li{list-style:none}
.dropdown li a{display:flex;align-items:center;gap:10px;padding:9px 13px;font-size:13px;color:var(--text2);text-decoration:none;border-radius:8px;transition:background .12s}
.dropdown li a:hover{background:var(--bg2);color:var(--blue)}
.dropdown li a i{font-size:16px;color:var(--text3)}
.dd-div{height:1px;background:var(--border);margin:5px 8px}

.page{display:none}.page.active{display:block}

.hero{background:var(--navy);padding:5rem 2.5rem 6.5rem;text-align:center;position:relative;overflow:hidden}
.hero-orb{position:absolute;border-radius:50%}
.hero-orb1{top:-70px;right:-90px;width:320px;height:320px;background:rgba(230,51,41,.10)}
.hero-orb2{bottom:-40px;left:-70px;width:220px;height:220px;background:rgba(43,57,144,.14)}
.hero-orb3{top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:rgba(247,148,29,.04)}
.hero-badge{display:inline-block;background:rgba(247,148,29,.18);color:#f7c87d;border:1px solid rgba(247,148,29,.35);font-size:12px;font-weight:500;padding:5px 15px;border-radius:20px;margin-bottom:1.2rem;position:relative;z-index:1}
.hero h1{font-family:'Playfair Display',serif;font-size:46px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.hero h1 em{color:#f4a46a;font-style:normal}
.hero-sub{font-size:15px;color:#a0aad4;line-height:1.75;max-width:440px;margin:0 auto 2.2rem;font-weight:300;position:relative;z-index:1}
.hero-btn{background:var(--red);color:#fff;border:none;padding:13px 28px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:'Inter',sans-serif;position:relative;z-index:1}

.stats{background:#fff;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stat{padding:1.4rem 1rem;border-right:1px solid var(--border)}
.stat:last-child{border-right:none}
.stat-n{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:var(--red);line-height:1}
.stat-l{font-size:11.5px;color:var(--text3);margin-top:5px;font-weight:400;line-height:1.4}

.sec{padding:4rem 2.5rem}
.sec-alt{background:var(--bg2);padding:4rem 2.5rem}
.sec-white{background:#fff;padding:4rem 2.5rem}
.sec-label{font-size:11px;font-weight:600;color:var(--red);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:5px}
.sec-title{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.2}
.sec-desc{font-size:13.5px;color:var(--text2);max-width:500px;line-height:1.75;margin-bottom:2.2rem;font-weight:300}

@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.branch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:760px;margin:0 auto}
.branch-card{border-radius:16px;overflow:hidden;border:1.5px solid var(--border);background:#fff;transition:border-color .25s,transform .22s,box-shadow .22s;cursor:pointer}
/* ЗАСВАР: хуучин .visible системийн үхмэл дүрмүүд устгагдсан */
.branch-card:hover{border-color:var(--blue);transform:translateY(-5px)}
.branch-img-wrap{position:relative;height:220px;overflow:hidden}
.branch-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.branch-card:hover .branch-img-wrap img{transform:scale(1.06)}
.branch-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,21,64,.85) 0%,rgba(15,21,64,.18) 55%,transparent 100%)}
.branch-badge{position:absolute;top:13px;left:13px;z-index:3;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;color:#fff}
.branch-img-label{position:absolute;bottom:14px;left:14px;z-index:3;color:#fff}
.branch-img-label-name{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;line-height:1.2}
.branch-img-label-sub{font-size:12px;opacity:.8;font-weight:300;margin-top:2px}
.branch-body{padding:1.3rem}
.branch-addr{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:var(--text2);margin-bottom:11px;font-weight:300;line-height:1.5}
.branch-addr i{font-size:14px;color:var(--text3);margin-top:1px;flex-shrink:0}
.branch-tags{display:flex;flex-wrap:wrap;gap:5px}
.tag{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:400}
.tag-r{background:#fdecea;color:#a82020}.tag-b{background:#eaecfa;color:#2b3990}.tag-o{background:#fef3e6;color:#a06010}
.branch-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:500;text-decoration:none;padding:7px 14px;border-radius:7px;border:1px solid var(--border);color:var(--text2);transition:all .18s}
.branch-link:hover{background:var(--blue);color:#fff;border-color:var(--blue)}

.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:13px}
.svc-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .18s;position:relative}
.svc-card:hover{border-color:var(--blue);transform:translateY(-3px)}
.svc-img{height:110px;overflow:hidden;position:relative}
.svc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.svc-card:hover .svc-img img{transform:scale(1.07)}
.svc-img-overlay{position:absolute;inset:0;background:rgba(26,34,96,.22)}
.svc-body{padding:.9rem .9rem 1rem}
.svc-name{font-size:13px;font-weight:500;color:var(--navy);margin-bottom:3px;line-height:1.3}
.svc-desc{font-size:11px;color:var(--text3);line-height:1.5;font-weight:300}

.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:2rem}
.rev-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.2rem;transition:border-color .2s}
.rev-card:hover{border-color:var(--blue)}
.stars{color:var(--orange);font-size:13px;margin-bottom:8px}
.rev-text{font-size:12.5px;color:var(--text2);line-height:1.65;margin-bottom:11px;font-weight:300;font-style:italic}
.rev-author{display:flex;align-items:center;gap:8px}
.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}

.page-hero{background:var(--navy);padding:3.5rem 2.5rem;position:relative;overflow:hidden}
.page-hero-orb{position:absolute;border-radius:50%;top:-60px;right:-80px;width:260px;height:260px;background:rgba(230,51,41,.10)}
.page-hero h2{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:#fff;margin-bottom:8px;position:relative;z-index:1}
.page-hero p{font-size:14px;color:#a0aad4;font-weight:300;position:relative;z-index:1;max-width:500px;line-height:1.7}
.breadcrumb{font-size:12px;color:#a4aed8;margin-bottom:1rem;position:relative;z-index:1;cursor:pointer}
.breadcrumb span{color:#f4a46a}

.branch-detail-hero{position:relative;height:320px;overflow:hidden;display:flex;align-items:flex-end;border-radius:16px;margin-bottom:2rem}
.branch-detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.branch-detail-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,21,64,.88) 0%,rgba(15,21,64,.28) 55%,transparent 100%)}
.branch-detail-content{position:relative;z-index:2;padding:2rem;color:#fff}
.branch-detail-content h3{font-family:'Playfair Display',serif;font-size:32px;font-weight:700;margin-bottom:6px}
.branch-detail-content p{font-size:13.5px;opacity:.8;font-weight:300}
.branch-detail-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}
.branch-info-section{margin-bottom:2rem}
.branch-info-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:var(--navy);margin-bottom:1rem;padding-bottom:8px;border-bottom:2px solid var(--border)}
.branch-svc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.branch-svc-item{display:flex;align-items:center;gap:9px;padding:10px 13px;background:var(--bg2);border-radius:9px;font-size:13px;color:var(--text2)}
.branch-svc-item i{font-size:16px;color:var(--blue);flex-shrink:0}
.branch-info-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.5rem;position:sticky;top:80px}
.info-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--bg2);font-size:13px}
.info-row:last-child{border-bottom:none}
.info-row i{font-size:17px;color:var(--red);flex-shrink:0;margin-top:1px}
.info-row-label{font-size:11px;color:var(--text3);display:block;margin-bottom:2px}
.info-row-val{color:var(--navy);font-weight:500}

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1rem}
.gallery-item{height:130px;border-radius:10px;overflow:hidden}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.gallery-item:hover img{transform:scale(1.07)}

.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.staff-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;text-align:center;transition:border-color .2s,transform .18s}
.staff-card:hover{border-color:var(--blue);transform:translateY(-4px)}
.staff-photo{height:210px;overflow:hidden;position:relative}
.staff-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .4s}
.staff-photo-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg2);color:var(--text3);font-size:52px}
.staff-card:hover .staff-photo img{transform:scale(1.05)}
.staff-body{padding:1rem 1rem 1.2rem}
.staff-name{font-family:'Playfair Display',serif;font-size:15px;font-weight:600;color:var(--navy);margin-bottom:3px}
.staff-role{font-size:12px;color:var(--red);font-weight:500;margin-bottom:6px}
.staff-degree{font-size:11.5px;color:var(--text3);font-weight:300;line-height:1.5;margin-bottom:10px}
.staff-badge{display:inline-block;font-size:11px;padding:3px 10px;border-radius:20px;background:var(--bg2);color:var(--text2)}

.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.news-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .18s;cursor:pointer}
.news-card:hover{border-color:var(--blue);transform:translateY(-3px)}
.news-img{height:170px;overflow:hidden;position:relative}
.news-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.news-card:hover .news-img img{transform:scale(1.05)}
.news-img-overlay{position:absolute;inset:0;background:rgba(26,34,96,.15)}
.news-body{padding:1.2rem}
.news-cat{font-size:11px;font-weight:600;color:var(--red);letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px}
.news-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:600;color:var(--navy);margin-bottom:7px;line-height:1.35}
.news-excerpt{font-size:12.5px;color:var(--text2);line-height:1.6;margin-bottom:10px;font-weight:300}
.news-meta{display:flex;align-items:center;gap:12px;font-size:11.5px;color:var(--text3)}
.news-meta i{font-size:13px}

.footer{background:var(--navy-dark);padding:2.8rem 2.5rem 1.5rem}
.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:2.5rem;margin-bottom:2rem;padding-bottom:1.8rem;border-bottom:1px solid rgba(255,255,255,.07)}
.footer-brand{font-family:'Playfair Display',serif;font-size:18px;color:#fff;margin-bottom:7px}
.footer-brand span{color:#f4a46a}
.footer-about{font-size:12px;line-height:1.75;color:#9aa4d4;margin-bottom:1rem;font-weight:300}
.social-row{display:flex;gap:8px}
.soc-btn{width:34px;height:34px;border-radius:7px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6a7ab4;text-decoration:none;font-size:16px;transition:all .18s}
.soc-btn:hover{background:rgba(230,51,41,.22);border-color:rgba(230,51,41,.4);color:#f4a46a}
.footer-col-title{font-size:11px;font-weight:600;color:#fff;letter-spacing:.8px;text-transform:uppercase;margin-bottom:.9rem}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:6px}
.footer-links a{font-size:12.5px;color:#9aa4d4;text-decoration:none;font-weight:300;transition:color .15s;cursor:pointer}
.footer-links a:hover{color:#8a9ad4}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.footer-copy{font-size:11.5px;color:#8a92c0}

.back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text2);cursor:pointer;padding:7px 14px;border-radius:7px;border:1px solid var(--border);background:#fff;transition:all .15s;margin-bottom:1.5rem;font-family:'Inter',sans-serif}
.back-btn:hover{background:var(--bg2);color:var(--blue)}

.contact-link{display:block;text-decoration:none;cursor:pointer;border-radius:10px;padding:6px;margin:-6px;transition:background .18s,transform .18s}
.contact-link:hover{background:var(--bg2);transform:translateY(-2px)}

[data-theme="dark"]{
  --red:#f05a52;--blue:#5b6fd4;--orange:#f7a94d;
  --navy:#e8eaf6;--navy-dark:#121830;
  --bg:#0f1220;--bg2:#171c30;
  --text:#e8eaf6;--text2:#9aa0cc;--text3:#8188b8;--border:#2a3060;
}
[data-theme="dark"] .nav{background:#131828;border-color:#2a3060}
[data-theme="dark"] .stats{background:#131828;border-color:#2a3060}
[data-theme="dark"] .stat{border-color:#2a3060}
[data-theme="dark"] .sec-white,[data-theme="dark"] .branch-body,[data-theme="dark"] .branch-card,
[data-theme="dark"] .svc-card,[data-theme="dark"] .rev-card,[data-theme="dark"] .branch-info-card,
[data-theme="dark"] .staff-card,[data-theme="dark"] .news-card{background:#1a2040;border-color:#2a3060}
[data-theme="dark"] .dropdown{background:#1a2040;border-color:#2a3060}
[data-theme="dark"] .dropdown li a:hover{background:#252d50}
[data-theme="dark"] .back-btn{background:#1a2040;border-color:#2a3060;color:#9aa0cc}
[data-theme="dark"] .back-btn:hover{background:#252d50}
[data-theme="dark"] .footer{background:#080d1a}
[data-theme="dark"] .footer-top{border-color:rgba(255,255,255,.05)}
[data-theme="dark"] .branch-svc-item{background:#252d50}
[data-theme="dark"] .staff-badge{background:#252d50}
[data-theme="dark"] .branch-info-card .info-row{border-color:#252d50}
[data-theme="dark"] .map-frame{filter:invert(90%) hue-rotate(180deg)}

.theme-toggle{width:38px;height:38px;border-radius:8px;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);font-size:17px;transition:all .18s;flex-shrink:0}
.theme-toggle:hover{background:var(--bg2);color:var(--blue)}

.map-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-top:1.2rem}
.map-frame{width:100%;height:240px;border:none;display:block}

.about-slideshow{position:relative;height:480px;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(15,21,64,.88) 0%,rgba(15,21,64,.45) 55%,transparent 100%)}
.slide-content{position:absolute;inset:0;display:flex;align-items:center;padding:0 3.5rem;z-index:2}
.slide-text{max-width:500px;color:#fff}
.slide-text .badge{display:inline-block;background:rgba(247,148,29,.22);color:#f7c87d;border:1px solid rgba(247,148,29,.38);font-size:11.5px;font-weight:500;padding:4px 13px;border-radius:20px;margin-bottom:1rem;letter-spacing:.4px}
.slide-text h2{font-family:'Playfair Display',serif;font-size:38px;font-weight:700;line-height:1.2;margin-bottom:.9rem}
.slide-text p{font-size:14.5px;line-height:1.78;opacity:.88;font-weight:300;max-width:420px}
.slide-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.slide-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer;transition:all .25s}
.slide-dot.active{background:#fff;width:22px;border-radius:4px}
.slide-arrows{position:absolute;bottom:14px;right:2rem;display:flex;gap:8px;z-index:3}
.slide-arr{width:34px;height:34px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .18s}
.slide-arr:hover{background:rgba(255,255,255,.25)}

.mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:2.5rem}
.mvv-card{border-radius:14px;padding:2rem 1.6rem;border:1px solid var(--border);position:relative;overflow:hidden;transition:transform .2s,border-color .2s}
.mvv-card:hover{transform:translateY(-4px);border-color:var(--blue)}
.mvv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.mvv-r::before{background:var(--red)}
.mvv-b::before{background:var(--blue)}
.mvv-o::before{background:var(--orange)}
.mvv-icon{width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:1.1rem}
.mvv-title{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--navy);margin-bottom:.7rem}
.mvv-text{font-size:13px;color:var(--text2);line-height:1.75;font-weight:300}
.mvv-list{list-style:none;margin-top:.7rem;display:flex;flex-direction:column;gap:6px}
.mvv-list li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--text2);font-weight:300;line-height:1.5}
.mvv-list li i{font-size:14px;margin-top:1px;flex-shrink:0}

.timeline{position:relative;margin-top:2rem;padding-left:2rem}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--red),var(--blue),var(--orange))}
.tl-item{position:relative;margin-bottom:1.8rem;padding-left:1.5rem;transition:transform .3s var(--ease-out)}
.tl-item:hover{transform:translateX(4px)}
.tl-dot{position:absolute;left:-2.4rem;top:4px;width:16px;height:16px;border-radius:50%;border:2px solid #fff;flex-shrink:0;transition:transform .25s var(--ease-out),box-shadow .25s ease}
.tl-item:hover .tl-dot{transform:scale(1.3);box-shadow:0 0 0 6px rgba(232,64,47,.14)}
.tl-item.revealed .tl-dot{animation:dotPop .5s cubic-bezier(.22,1,.36,1) .15s both}
.tl-year{font-size:11.5px;font-weight:600;color:var(--red);letter-spacing:.5px;margin-bottom:3px;opacity:0;transform:translateX(-14px);transition:opacity .5s ease .15s,transform .5s var(--ease-out) .15s}
.tl-item.revealed .tl-year{opacity:1;transform:translateX(0)}
.tl-title{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:3px;opacity:0;transform:translateX(-14px);transition:opacity .5s ease .28s,transform .5s var(--ease-out) .28s,color .2s ease}
.tl-item.revealed .tl-title{opacity:1;transform:translateX(0)}
.tl-item:hover .tl-title{color:var(--red)}
.tl-desc{font-size:12.5px;color:var(--text2);font-weight:300;line-height:1.55}

.svc-detail-hero{position:relative;height:300px;overflow:hidden;border-radius:16px;margin-bottom:2rem}
.svc-detail-hero img{width:100%;height:100%;object-fit:cover;display:block}
.svc-detail-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,21,64,.9) 0%,rgba(15,21,64,.3) 55%,transparent 100%)}
.svc-detail-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;z-index:2}
.svc-detail-content h3{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;margin-bottom:6px}
.svc-detail-content p{font-size:13.5px;opacity:.85;font-weight:300;max-width:600px}
.svc-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}
.svc-info-block{background:var(--bg2);border-radius:12px;padding:1.4rem;margin-bottom:1.2rem}
.svc-info-block-title{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:.9rem;display:flex;align-items:center;gap:7px}
.svc-info-block-title i{font-size:16px;color:var(--blue)}
.svc-warn{background:#fff8ed;border:1px solid #f7c87d;border-radius:10px;padding:1rem 1.2rem;margin-bottom:1.2rem}
.svc-warn-title{font-size:12.5px;font-weight:600;color:#a06010;display:flex;align-items:center;gap:6px;margin-bottom:.5rem}
.svc-warn-title i{font-size:15px}
.svc-warn-text{font-size:12px;color:#7a5010;line-height:1.6;font-weight:300}
[data-theme="dark"] .svc-warn{background:#2a1f00;border-color:#a06010}
[data-theme="dark"] .svc-warn-title{color:#f7c87d}
[data-theme="dark"] .svc-warn-text{color:#b8922a}
.svc-step-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.svc-step{display:flex;gap:12px;align-items:flex-start}
.svc-step-num{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.svc-step-text{font-size:13px;color:var(--text2);line-height:1.55;font-weight:300}
.svc-step-text strong{color:var(--navy);font-weight:500}

.cabinet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.cabinet-box{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .2s}
.cabinet-box:hover{border-color:var(--blue)}
.cabinet-box-head{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--navy)}
.cabinet-box-head>i:first-child{font-size:19px;color:var(--blue);flex-shrink:0}
.cabinet-box-arr{margin-left:auto;font-size:13px;color:var(--text3);transition:transform .2s;flex-shrink:0}
.cabinet-box.open .cabinet-box-arr{transform:rotate(180deg)}
.cabinet-box-desc{max-height:0;overflow:hidden;transition:max-height .25s ease,margin-top .25s ease;font-size:12.5px;color:var(--text2);line-height:1.6;font-weight:300}
.cabinet-box.open .cabinet-box-desc{max-height:160px;margin-top:10px}
[data-theme="dark"] .cabinet-box{background:#1a2040;border-color:#2a3060}
.svc-sidebar-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.3rem;margin-bottom:1rem}
[data-theme="dark"] .svc-sidebar-card{background:#1a2040;border-color:#2a3060}
.svc-sidebar-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:600;color:var(--navy);margin-bottom:.9rem}
.svc-related{display:flex;flex-direction:column;gap:8px}
.svc-related-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;border:1px solid var(--border);transition:all .15s}
.svc-related-item:hover{background:var(--bg2);border-color:var(--blue)}
.svc-related-img{width:44px;height:44px;border-radius:7px;overflow:hidden;flex-shrink:0}
.svc-related-img img{width:100%;height:100%;object-fit:cover}
.svc-related-name{font-size:12.5px;color:var(--navy);font-weight:500;line-height:1.3}
.svc-related-desc{font-size:11px;color:var(--text3);font-weight:300}

.news-detail-hero{position:relative;height:340px;overflow:hidden;border-radius:16px;margin-bottom:2rem}
.news-detail-hero img{width:100%;height:100%;object-fit:cover;display:block}
.news-detail-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,21,64,.9) 0%,rgba(15,21,64,.25) 60%,transparent 100%)}
.news-detail-meta{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;z-index:2}
.news-detail-cat{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}
.news-detail-meta h2{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;line-height:1.25;margin-bottom:10px;max-width:700px}
.news-detail-info{display:flex;gap:18px;font-size:12.5px;opacity:.85}
.news-detail-info span{display:flex;align-items:center;gap:5px}
.news-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}
.news-article{font-size:14px;color:var(--text2);line-height:1.85;font-weight:300}
.news-article p{margin-bottom:1.2rem}
.news-article h3{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:var(--navy);margin:1.8rem 0 .8rem}
.news-article .lead{font-size:15.5px;color:var(--navy);font-weight:400;line-height:1.75;padding-left:1rem;border-left:3px solid var(--red);margin-bottom:1.5rem}
.news-article ul{margin:0 0 1.2rem 1.2rem;display:flex;flex-direction:column;gap:7px}
.news-article ul li{font-size:13.5px;line-height:1.6}
.news-side-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.3rem;margin-bottom:1rem}
[data-theme="dark"] .news-side-card{background:#1a2040;border-color:#2a3060}
.news-side-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:600;color:var(--navy);margin-bottom:1rem}
.news-recent{display:flex;flex-direction:column;gap:10px}
.news-recent-item{display:flex;gap:10px;cursor:pointer;padding:8px;border-radius:9px;transition:background .15s}
.news-recent-item:hover{background:var(--bg2)}
.news-recent-img{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}
.news-recent-img img{width:100%;height:100%;object-fit:cover}
.news-recent-title{font-size:12.5px;color:var(--navy);font-weight:500;line-height:1.4;margin-bottom:3px}
.news-recent-date{font-size:11px;color:var(--text3)}
.news-share{display:flex;gap:8px;margin-top:.5rem}
.news-share a{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:15px;text-decoration:none;transition:all .15s}
.news-share a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}

.branch-treat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:1rem}
.branch-treat-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;transition:border-color .2s,transform .18s}
.branch-treat-card:hover{border-color:var(--blue);transform:translateY(-3px)}
[data-theme="dark"] .branch-treat-card{background:#1a2040;border-color:#2a3060}
.branch-treat-img{height:110px;overflow:hidden;position:relative}
.branch-treat-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.branch-treat-card:hover .branch-treat-img img{transform:scale(1.07)}
.branch-treat-overlay{position:absolute;inset:0;background:rgba(26,34,96,.2)}
.branch-treat-body{padding:.9rem 1rem 1rem}
.branch-treat-name{font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:4px;line-height:1.3}
.branch-treat-desc{font-size:11.5px;color:var(--text3);line-height:1.5;font-weight:300;margin-bottom:8px}
.branch-treat-link{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--red);font-weight:500}
.branch-treat-link i{font-size:13px}

.page.active {
  animation: pageIn 0.38s cubic-bezier(0.22,1,0.36,1) both;
}
@keyframes pageIn {
  from { opacity:0; transform:translateY(14px); }
  to   { opacity:1; transform:translateY(0); }
}

.hero-badge {
  animation: badgePulse 3s ease-in-out infinite;
}
@keyframes badgePulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(247,148,29,.35); }
  50%      { box-shadow: 0 0 0 8px rgba(247,148,29,0); }
}

.hero h1 em {
  background: linear-gradient(90deg, #f4a46a 0%, #ffe0c0 50%, #f4a46a 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmerText 3s linear infinite;
}
@keyframes shimmerText {
  from { background-position: 0% center; }
  to   { background-position: 200% center; }
}

/* ЗАСВАР: хуучин countUp animation устгагдсан — тоолуур scroll дээр countPop-оор ажиллана */

@keyframes fadeUp {
  from { opacity:0; transform:translateY(32px); }
  to   { opacity:1; transform:translateY(0); }
}
/* ЗАСВАР: давхар animation устгагдсан — картууд reveal-ready/revealed transition-оор л хөдөлнө */

.svc-grid .svc-card {
  animation: fadeUp .5s cubic-bezier(.22,1,.36,1) both;
}
.svc-grid .svc-card:nth-child(1){animation-delay:.05s}
.svc-grid .svc-card:nth-child(2){animation-delay:.1s}
.svc-grid .svc-card:nth-child(3){animation-delay:.15s}
.svc-grid .svc-card:nth-child(4){animation-delay:.2s}
.svc-grid .svc-card:nth-child(5){animation-delay:.25s}
.svc-grid .svc-card:nth-child(6){animation-delay:.3s}
.svc-grid .svc-card:nth-child(7){animation-delay:.35s}
.svc-grid .svc-card:nth-child(8){animation-delay:.4s}

.rev-grid .rev-card {
  animation: fadeUp .55s cubic-bezier(.22,1,.36,1) both;
}
.rev-grid .rev-card:nth-child(1){animation-delay:.1s}
.rev-grid .rev-card:nth-child(2){animation-delay:.22s}
.rev-grid .rev-card:nth-child(3){animation-delay:.34s}

.staff-grid .staff-card {
  animation: fadeUp .5s cubic-bezier(.22,1,.36,1) both;
}
.staff-grid .staff-card:nth-child(1){animation-delay:.05s}
.staff-grid .staff-card:nth-child(2){animation-delay:.13s}
.staff-grid .staff-card:nth-child(3){animation-delay:.21s}
.staff-grid .staff-card:nth-child(4){animation-delay:.29s}

.news-grid .news-card {
  animation: fadeUp .5s cubic-bezier(.22,1,.36,1) both;
}
.news-grid .news-card:nth-child(1){animation-delay:.04s}
.news-grid .news-card:nth-child(2){animation-delay:.1s}
.news-grid .news-card:nth-child(3){animation-delay:.16s}
.news-grid .news-card:nth-child(4){animation-delay:.22s}
.news-grid .news-card:nth-child(5){animation-delay:.28s}
.news-grid .news-card:nth-child(6){animation-delay:.34s}

.mvv-grid .mvv-card {
  animation: fadeUp .55s cubic-bezier(.22,1,.36,1) both;
}
.mvv-grid .mvv-card:nth-child(1){animation-delay:.05s}
.mvv-grid .mvv-card:nth-child(2){animation-delay:.18s}
.mvv-grid .mvv-card:nth-child(3){animation-delay:.31s}

.branch-card:hover,
.svc-card:hover,
.rev-card:hover,
.news-card:hover,
.staff-card:hover,
.mvv-card:hover,
.branch-treat-card:hover,
.svc-related-item:hover {
  transition: transform .22s cubic-bezier(.22,1,.36,1),
              border-color .18s ease,
              box-shadow .22s ease;
  box-shadow: 0 8px 28px rgba(43,57,144,.13);
}

.hero-btn, .back-btn, .branch-link {
  transition: transform .15s ease, opacity .15s ease, background .18s ease;
}
.hero-btn:active   { transform: scale(0.96); }
.back-btn:active   { transform: scale(0.97); }
.branch-link:active{ transform: scale(0.97); }

.nav-menu > li > a::after {
  content: '';
  display: block;
  height: 2px;
  background: var(--red);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .22s cubic-bezier(.22,1,.36,1);
  border-radius: 2px;
  margin-top: 2px;
}
.nav-menu > li > a:hover::after,
.nav-menu > li > a.active::after {
  transform: scaleX(1);
}

.soc-btn {
  transition: background .18s, border-color .18s, color .18s, transform .25s cubic-bezier(.22,1,.36,1);
}
.soc-btn:hover { transform: rotate(8deg) scale(1.12); }

.theme-toggle {
  transition: transform .35s cubic-bezier(.22,1,.36,1), background .18s, color .18s;
}
.theme-toggle:hover { transform: rotate(20deg) scale(1.1); }

.branch-img-wrap img,
.svc-img img,
.news-img img,
.staff-photo img,
.branch-treat-img img,
.branch-detail-hero img {
  transition: transform .45s cubic-bezier(.22,1,.36,1);
}
.branch-card:hover .branch-img-wrap img { transform: scale(1.07); }
.svc-card:hover .svc-img img            { transform: scale(1.08); }
.news-card:hover .news-img img          { transform: scale(1.06); }
.staff-card:hover .staff-photo img      { transform: scale(1.06); }
.branch-treat-card:hover .branch-treat-img img { transform: scale(1.08); }

.slide-dot {
  transition: width .28s cubic-bezier(.22,1,.36,1),
              background .28s ease,
              border-radius .28s ease;
}

@keyframes dotPop {
  from { transform: scale(0); opacity:0; }
  to   { transform: scale(1); opacity:1; }
}

.dropdown {
  transform-origin: top left;
  animation: dropOpen .2s cubic-bezier(.22,1,.36,1) both;
}
@keyframes dropOpen {
  from { opacity:0; transform: scaleY(.85) translateY(-6px); }
  to   { opacity:1; transform: scaleY(1)   translateY(0); }
}

.page-hero h2 {
  animation: slideInLeft .5s cubic-bezier(.22,1,.36,1) both;
}
.page-hero p {
  animation: slideInLeft .5s cubic-bezier(.22,1,.36,1) .1s both;
}
.breadcrumb {
  animation: slideInLeft .4s cubic-bezier(.22,1,.36,1) both;
}
@keyframes slideInLeft {
  from { opacity:0; transform: translateX(-20px); }
  to   { opacity:1; transform: translateX(0); }
}

.footer-links a {
  transition: color .18s ease, padding-left .18s ease;
}
.footer-links a:hover { padding-left: 5px; }

.info-row {
  transition: background .18s ease, padding-left .18s ease;
  border-radius: 7px;
}
.info-row:hover { background: var(--bg2); padding-left: 6px; }

.svc-step {
  transition: transform .18s ease;
}
.svc-step:hover { transform: translateX(4px); }

.branch-svc-item {
  transition: background .18s ease, transform .18s ease;
}
.branch-svc-item:hover { background: var(--border); transform: translateX(3px); }

/* ЗАСВАР: sec-label/title/desc-ийн авто animation устгагдсан —
   scroll дээр .sec-reveal.revealed transition ажиллана */

* { scroll-behavior: smooth; }

.news-page-layout { display: flex; flex-direction: column; gap: 3rem; }

.news-filter-bar {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin-bottom: 2.2rem;
}
.news-filter-btn {
  padding: 7px 18px; border-radius: 30px; border: 1.5px solid var(--border);
  background: transparent; font-size: 13px; color: var(--text2);
  cursor: pointer; font-family: 'Inter', sans-serif; font-weight: 400;
  transition: all .18s ease;
}
.news-filter-btn:hover { border-color: var(--blue); color: var(--blue); }
.news-filter-btn.active {
  background: var(--navy); color: #fff; border-color: var(--navy);
}
[data-theme=dark] .news-filter-btn.active { background: var(--blue); border-color: var(--blue); }

.news-featured {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
  border-radius: 16px; overflow: hidden;
  border: 1px solid var(--border);
  cursor: pointer; background: #fff;
  transition: box-shadow .25s ease, transform .22s ease;
}
[data-theme=dark] .news-featured { background: #1a2040; border-color: #2a3060; }
.news-featured:hover { box-shadow: 0 12px 40px rgba(43,57,144,.14); transform: translateY(-3px); }
.news-featured-img {
  position: relative; height: 360px; overflow: hidden;
}
.news-featured-img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}
.news-featured:hover .news-featured-img img { transform: scale(1.05); }
.news-featured-img-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(26,34,96,.35) 0%, transparent 70%);
}
.news-featured-body {
  padding: 2.2rem 2rem; display: flex; flex-direction: column; justify-content: center; gap: 1rem;
}
.news-featured-cat {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 600; color: var(--red);
  letter-spacing: 1px; text-transform: uppercase;
}
.news-featured-cat::before {
  content: ''; display: block; width: 20px; height: 2px; background: var(--red); border-radius: 1px;
}
.news-featured-title {
  font-family: 'Playfair Display', serif;
  font-size: 24px; font-weight: 700; color: var(--navy);
  line-height: 1.3;
}
.news-featured-excerpt {
  font-size: 13.5px; color: var(--text2); line-height: 1.75; font-weight: 300;
}
.news-featured-meta {
  display: flex; align-items: center; gap: 16px;
  font-size: 12px; color: var(--text3); margin-top: .5rem;
}
.news-featured-meta span { display: flex; align-items: center; gap: 5px; }
.news-featured-meta i { font-size: 14px; }
.news-read-more {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 500; color: var(--blue);
  transition: gap .18s ease;
}
.news-featured:hover .news-read-more { gap: 10px; }

.news-main-grid {
  display: grid; grid-template-columns: 1fr 340px; gap: 2rem; align-items: start;
}
.news-list { display: flex; flex-direction: column; gap: 1.2rem; }

.news-hcard {
  display: grid; grid-template-columns: 160px 1fr; gap: 0;
  border-radius: 12px; overflow: hidden; border: 1px solid var(--border);
  background: #fff; cursor: pointer;
  transition: box-shadow .2s, transform .2s;
}
[data-theme=dark] .news-hcard { background: #1a2040; border-color: #2a3060; }
.news-hcard:hover { box-shadow: 0 6px 24px rgba(43,57,144,.11); transform: translateY(-2px); }
.news-hcard-img { position: relative; height: 130px; overflow: hidden; }
.news-hcard-img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.news-hcard:hover .news-hcard-img img { transform: scale(1.07); }
.news-hcard-overlay { position: absolute; inset: 0; background: rgba(26,34,96,.15); }
.news-hcard-body {
  padding: .9rem 1.1rem; display: flex; flex-direction: column; justify-content: space-between;
}
.news-hcard-cat {
  font-size: 10.5px; font-weight: 600; color: var(--red);
  letter-spacing: .8px; text-transform: uppercase; margin-bottom: 5px;
}
.news-hcard-title {
  font-family: 'Playfair Display', serif; font-size: 14px; font-weight: 600;
  color: var(--navy); line-height: 1.35; margin-bottom: 6px;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.news-hcard-meta {
  display: flex; gap: 12px; font-size: 11px; color: var(--text3);
}
.news-hcard-meta span { display: flex; align-items: center; gap: 4px; }
.news-hcard-meta i { font-size: 12px; }

.news-sidebar { display: flex; flex-direction: column; gap: 1.4rem; }
.news-sidebar-widget {
  background: #fff; border: 1px solid var(--border); border-radius: 14px; overflow: hidden;
}
[data-theme=dark] .news-sidebar-widget { background: #1a2040; border-color: #2a3060; }
.news-sidebar-title {
  font-size: 12px; font-weight: 600; color: #fff; letter-spacing: .8px;
  text-transform: uppercase; padding: .85rem 1.2rem;
  background: var(--navy);
}
[data-theme=dark] .news-sidebar-title { background: var(--blue); }
.news-sidebar-list { display: flex; flex-direction: column; }
.news-sidebar-item {
  display: flex; gap: 10px; align-items: flex-start;
  padding: .9rem 1.1rem; border-bottom: 1px solid var(--border);
  cursor: pointer; transition: background .15s;
}
[data-theme=dark] .news-sidebar-item { border-color: #252d50; }
.news-sidebar-item:last-child { border-bottom: none; }
.news-sidebar-item:hover { background: var(--bg2); }
.news-sidebar-rank {
  font-size: 18px; font-weight: 700; color: var(--border);
  font-family: 'Playfair Display', serif; min-width: 28px; line-height: 1;
  margin-top: 2px; flex-shrink: 0;
  transition: color .18s;
}
.news-sidebar-item:hover .news-sidebar-rank { color: var(--red); }
.news-sidebar-item-title {
  font-size: 12.5px; font-weight: 500; color: var(--navy);
  line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.news-sidebar-item-date { font-size: 11px; color: var(--text3); margin-top: 4px; }

/* Facebook Page Plugin sidebar widget — the plugin renders its own bordered
   iframe, so no extra padding/border is added here; just center it and let
   data-adapt-container-width resize it to the card's actual width. */
.news-sidebar-fb-wrap {
  display: flex; justify-content: center; align-items: center;
  min-height: 200px; padding: 2px; background: #fff;
}
[data-theme=dark] .news-sidebar-fb-wrap { background: #1a2040; }
.news-sidebar-fb-wrap .fb-page, .news-sidebar-fb-wrap span, .news-sidebar-fb-wrap iframe {
  width: 100% !important;
}

.news-cat-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 1.1rem; }
.news-cat-chip {
  padding: 5px 13px; border-radius: 20px; font-size: 12px;
  cursor: pointer; border: 1px solid var(--border); color: var(--text2);
  background: transparent; font-family: 'Inter', sans-serif;
  transition: all .18s;
}
.news-cat-chip:hover, .news-cat-chip.active {
  background: var(--red); color: #fff; border-color: var(--red);
}

.home-slider { position:relative; height:560px; overflow:hidden; }
.home-slide { position:absolute; inset:0; opacity:0; transition:opacity 1.1s ease; }
.home-slide.active { opacity:1; z-index:1; }
.home-slide-img { position:absolute; inset:0; }
.home-slide-img img { width:100%; height:100%; object-fit:cover; display:block;
  transform:scale(1.06); transition:transform 7s ease; }
.home-slide.active .home-slide-img img { transform:scale(1); }
.home-slide-overlay { position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(15,21,64,.82) 0%,rgba(15,21,64,.45) 55%,rgba(15,21,64,.2) 100%); }
.home-slide-content { position:absolute; inset:0; display:flex; align-items:center;
  padding:0 6rem 0 5rem; z-index:2; }
.home-slide-text { max-width:580px; color:#fff; }
.home-slide-badge { display:inline-block; background:rgba(247,148,29,.22); color:#f7c87d;
  border:1px solid rgba(247,148,29,.38); font-size:12px; font-weight:500; padding:5px 15px;
  border-radius:20px; margin-bottom:1.2rem; letter-spacing:.4px;
  animation:badgePulse 3s ease-in-out infinite; }
.home-slide-text h1 { font-family:'Playfair Display',serif; font-size:48px; font-weight:700;
  color:#fff; line-height:1.15; margin-bottom:.9rem; }
.home-slide-text h1 em { color:#f4a46a; font-style:normal;
  background:linear-gradient(90deg,#f4a46a 0%,#ffe0c0 50%,#f4a46a 100%);
  background-size:200% auto; -webkit-background-clip:text;
  -webkit-text-fill-color:transparent; background-clip:text;
  animation:shimmerText 3s linear infinite; }
.home-slide-sub { font-size:15px; color:rgba(255,255,255,.85); line-height:1.75;
  max-width:460px; margin:0 0 2rem; font-weight:300; }
.home-slide-btns { display:flex; gap:12px; flex-wrap:wrap; }
.home-slide-btn-p { background:var(--red); color:#fff; border:none;
  padding:13px 28px; border-radius:8px; font-size:14px; font-weight:500;
  cursor:pointer; font-family:'Inter',sans-serif; transition:opacity .15s,transform .15s; }
.home-slide-btn-p:hover { opacity:.88; }
.home-slide-btn-p:active { transform:scale(0.96); }
.home-slide-btn-o { background:transparent; color:#fff;
  border:1.5px solid rgba(255,255,255,.45);
  padding:12px 24px; border-radius:8px; font-size:14px; font-weight:400;
  cursor:pointer; font-family:'Inter',sans-serif; transition:background .18s; }
.home-slide-btn-o:hover { background:rgba(255,255,255,.12); }

.home-slider-dots { position:absolute; bottom:22px; left:50%;
  transform:translateX(-50%); display:flex; gap:8px; z-index:10; }
.home-slider-dot { width:8px; height:8px; border-radius:50%;
  background:rgba(255,255,255,.4); cursor:pointer;
  transition:all .28s cubic-bezier(.22,1,.36,1); border:none; padding:0; }
.home-slider-dot.active { background:#fff; width:24px; border-radius:4px; }
.home-slider-arrows { position:absolute; bottom:16px; right:2rem;
  display:flex; gap:8px; z-index:10; }
.home-slider-arr { width:36px; height:36px; border-radius:8px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25);
  color:#fff; cursor:pointer; display:flex; align-items:center;
  justify-content:center; font-size:15px; transition:background .18s; }
.home-slider-arr:hover { background:rgba(255,255,255,.25); }

.home-slider-counter { position:absolute; top:22px; right:2rem;
  color:rgba(255,255,255,.6); font-size:13px; z-index:10;
  font-family:'Playfair Display',serif; }
.home-slider-counter span { color:#fff; font-weight:600; }

.home-slider-progress { position:absolute; bottom:0; left:0; height:3px;
  background:var(--red); width:0%; z-index:10;
  transition:width 5s linear; }

#hamburger span {
  transition: transform .28s cubic-bezier(.22,1,.36,1),
              opacity .22s ease,
              background .18s ease !important;
}

.branch-card.reveal-ready {
  opacity: 0;
  transform: translateY(60px) scale(0.96);
  transition: opacity .7s cubic-bezier(.22,1,.36,1),
              transform .7s cubic-bezier(.22,1,.36,1);
}
.branch-card.reveal-ready.revealed {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.branch-card.reveal-ready:nth-child(1).revealed { transition-delay: 0s; }
.branch-card.reveal-ready:nth-child(2).revealed { transition-delay: .15s; }
.branch-card.reveal-ready:nth-child(3).revealed { transition-delay: .30s; }

.branch-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
    rgba(230,51,41,0) 0%,
    rgba(43,57,144,.08) 50%,
    rgba(230,51,41,0) 100%);
  opacity: 0;
  transform: translateX(-100%);
  transition: transform .55s ease, opacity .3s ease;
  pointer-events: none;
  z-index: 4;
}
.branch-card:hover::after {
  opacity: 1;
  transform: translateX(100%);
}

.branch-img-wrap {
  overflow: hidden;
  position: relative;
}
.branch-img-wrap img {
  will-change: transform;
  transform: scale(1.12) translateY(0px);
  transition: transform .45s cubic-bezier(.22,1,.36,1) !important;
}
.branch-card:hover .branch-img-wrap img {
  transform: scale(1.0) translateY(-6px) !important;
}

.branch-badge {
  transform: translateX(-14px);
  opacity: 0;
  transition: transform .4s cubic-bezier(.22,1,.36,1) .25s,
              opacity .4s ease .25s;
}
.branch-card.revealed .branch-badge {
  transform: translateX(0);
  opacity: 1;
}

.branch-img-label {
  transform: translateY(10px);
  opacity: 0;
  transition: transform .45s cubic-bezier(.22,1,.36,1) .35s,
              opacity .4s ease .35s;
}
.branch-card.revealed .branch-img-label {
  transform: translateY(0);
  opacity: 1;
}

.branch-body {
  transform: translateY(12px);
  opacity: 0;
  transition: transform .5s cubic-bezier(.22,1,.36,1) .42s,
              opacity .45s ease .42s;
}
.branch-card.revealed .branch-body {
  transform: translateY(0);
  opacity: 1;
}

.branch-scroll-hint {
  text-align:center; margin-top:2.5rem;
  animation: bounceY 2s ease-in-out infinite;
}
@keyframes bounceY {
  0%,100% { transform:translateY(0); }
  50%      { transform:translateY(8px); }
}

.sec-reveal {
  opacity:0;
  transform:translateY(28px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1);
}
.sec-reveal.revealed {
  opacity:1;
  transform:translateY(0);
}

.stat.counted .stat-n {
  animation: countPop .5s cubic-bezier(.22,1,.36,1) both;
}
@keyframes countPop {
  from { transform:scale(.7) translateY(10px); opacity:0; }
  to   { transform:scale(1)  translateY(0);    opacity:1; }
}

.parallax-img { will-change: transform; }

/* ═══════════════════════════════════════════════════
   RESPONSIVE — ONE CLEAN SYSTEM (replaces all old blocks)
═══════════════════════════════════════════════════ */

/* ── Base: hamburger hidden, desktop nav flex ── */
#hamburger { display:none; }
#navMenu   { display:flex; }
.nav { display:flex; align-items:center; justify-content:space-between; }
.nav > div:last-child { display:flex; align-items:center; gap:4px; }

/* ═══════════ TABLET ≤1024px ═══════════ */
@media (max-width:1024px){
  .nav { padding:0 1.2rem; }
  .nav-menu > li > a { padding:7px 8px; font-size:12.5px; }
  .branch-detail-grid,
  .svc-detail-grid,
  .news-detail-grid { grid-template-columns:1fr; }
  .branch-info-card { position:static; }
  .footer-top { grid-template-columns:1fr 1fr; gap:1.5rem; }
  .hero h1,
  .home-slide-text h1 { font-size:36px; }
  .about-slideshow { height:340px; }
  .slide-text h2 { font-size:28px; }
  .mvv-grid { grid-template-columns:1fr; gap:14px; }
  .home-slide-content { padding:0 3rem; }
}



/* ╔══════════════════════════════════════════════════════════╗
   ║  2026 MODERN DESIGN LAYER — Rehamed refresh               ║
   ║  Fluid type · Glassmorphism · Bento cards · Micro-motion  ║
   ╚══════════════════════════════════════════════════════════╝ */

/* ── Design tokens refresh ── */
:root{
  --red:#e8402f; --blue:#3347b0; --orange:#f79b2e;
  --navy:#141b4d; --navy-dark:#0b1030;
  --bg:#f7f8fd; --bg2:#eef1fa;
  --text:#141b4d; --text2:#4a5490; --text3:#8890bb; --border:#e2e7f5;
  --radius-lg:24px; --radius-md:16px; --radius-sm:12px;
  --shadow-sm:0 2px 8px rgba(20,27,77,.06);
  --shadow-md:0 8px 30px rgba(20,27,77,.10);
  --shadow-lg:0 20px 60px rgba(20,27,77,.16);
  --grad-brand:linear-gradient(120deg,#e8402f 0%,#f79b2e 100%);
  --grad-cool:linear-gradient(120deg,#3347b0 0%,#5b6fd4 100%);
  --ease-out:cubic-bezier(.22,1,.36,1);
}
[data-theme=dark]{
  --red:#e8574a; --blue:#6c7fd6; --orange:#e89a4a;
  --navy:#d9dcf2; --navy-dark:#070b22;
  --bg:#0b0f24; --bg2:#131a38;
  --text:#d9dcf2; --text2:#a6adde; --text3:#5d669c; --border:#232c58;
  --shadow-sm:0 2px 8px rgba(0,0,0,.35);
  --shadow-md:0 8px 30px rgba(0,0,0,.45);
  --shadow-lg:0 20px 60px rgba(0,0,0,.55);
}
/* HTML дотор шууд бичигдсэн style="background:#fff" элементүүд (about/contact/
   insurance-ийн картууд, салбарын утас/газрын зургийн товч) dark mode-д
   автоматаар шилждэггүй тул энд албадан хар болгоно. Footer доторх лого chip-ийг
   (логонд цагаан дэвсгэр шаардлагатай тул) хөндөхгүй орхив. */
[data-theme=dark] [style*="background:#fff"]{ background:#1a2040 !important; }
[data-theme=dark] footer [style*="background:#fff"]{ background:#fff !important; }

/* ── Fluid typography ── */
body{ font-family:'Inter',system-ui,sans-serif; letter-spacing:-.011em; }
h1,h2,h3,.sec-title,.hero h1,.home-slide-text h1,.page-hero h2,
.branch-img-label-name,.news-featured-title,.news-title,
.mvv-title,.svc-sidebar-title,.news-side-title,.branch-info-title,
.staff-name,.footer-brand{
  font-family:'Space Grotesk','Playfair Display',serif !important;
  letter-spacing:-.02em;
}
.sec-title{ font-size:clamp(24px,3.4vw,34px); font-weight:700; }
.home-slide-text h1{ font-size:clamp(28px,5vw,54px); line-height:1.08; }
.page-hero h2{ font-size:clamp(26px,4vw,40px); }
.sec-desc{ font-size:clamp(13px,1.4vw,15px); }

/* ── Gradient mesh page backdrop ── */
body::before{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(600px 400px at 8% -5%, rgba(232,64,47,.06), transparent 60%),
    radial-gradient(700px 500px at 105% 15%, rgba(51,71,176,.07), transparent 65%),
    radial-gradient(500px 400px at 50% 110%, rgba(247,155,46,.05), transparent 60%);
}
[data-theme=dark] body::before{
  background:
    radial-gradient(600px 400px at 8% -5%, rgba(255,107,91,.09), transparent 60%),
    radial-gradient(700px 500px at 105% 15%, rgba(115,133,232,.10), transparent 65%),
    radial-gradient(500px 400px at 50% 110%, rgba(255,180,94,.06), transparent 60%);
}

/* ── Glassmorphism sticky nav ──
   ЗАСВАР: backdrop-filter-ийг nav өөрөө биш ::before дээр тавьсан.
   Учир нь backdrop-filter бүхий элемент нь доторх position:fixed
   элементүүдийн containing block болж, mobile menu-г 57px болтол
   шахдаг байсан (CSS containing block дүрэм). ::before нь хүүхэд
   элемент тул fixed menu viewport-оо чөлөөтэй ашиглана. */
.nav{
  background:transparent !important;
  border-bottom:1px solid rgba(226,231,245,.7);
  height:var(--nav-h,64px);
}
.nav::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(18px) saturate(1.6);
  -webkit-backdrop-filter:blur(18px) saturate(1.6);
}
[data-theme=dark] .nav{
  border-bottom:1px solid rgba(35,44,88,.7);
}
[data-theme=dark] .nav::before{
  background:rgba(11,15,36,.72);
}
.nav-menu>li>a{ font-weight:500; border-radius:10px; }
.nav-menu>li>a.active{
  background:var(--grad-brand); color:#fff !important;
  box-shadow:0 4px 14px rgba(232,64,47,.28);
}
.nav-menu>li>a.active::after{ display:none; }
.dropdown{
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-lg);
  border:1px solid var(--border);
  backdrop-filter:blur(20px);
  background:rgba(255,255,255,.92);
}
[data-theme=dark] .dropdown{ background:rgba(19,26,56,.95); }

/* ── Buttons: pill + gradient ── */
.hero-btn,.home-slide-btn-p{
  background:var(--grad-brand); border:none; border-radius:100px;
  padding:14px 30px; font-weight:600;
  box-shadow:0 8px 24px rgba(232,64,47,.32);
  transition:transform .25s var(--ease-out), box-shadow .25s;
}
.hero-btn:hover,.home-slide-btn-p:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 12px 32px rgba(232,64,47,.42); opacity:1;
}
.home-slide-btn-o{
  border-radius:100px; border:1.5px solid rgba(255,255,255,.5);
  backdrop-filter:blur(8px); background:rgba(255,255,255,.08);
  font-weight:500;
}
.back-btn{ border-radius:100px; }
.news-filter-btn{ font-weight:500; }
.news-filter-btn.active{
  background:var(--grad-cool); border-color:transparent;
  box-shadow:0 4px 14px rgba(51,71,176,.3);
}

/* ── Cards: bento style ── */
.branch-card,.svc-card,.rev-card,.staff-card,.news-card,.mvv-card,
.news-featured,.news-hcard,.news-sidebar-widget,.news-side-card,
.branch-info-card,.svc-sidebar-card,.branch-treat-card{
  border-radius:var(--radius-lg) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease-out), box-shadow .35s, border-color .25s;
}
.branch-card:hover,.svc-card:hover,.news-card:hover,.staff-card:hover,
.news-featured:hover,.news-hcard:hover,.mvv-card:hover,.branch-treat-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg);
  border-color:transparent !important;
}
.branch-img-wrap,.svc-img,.news-img,.staff-photo,.news-featured-img,
.news-hcard-img,.branch-treat-img{ border-radius:0; }

/* Card inner glow accent on hover */
.svc-card,.news-card,.branch-treat-card{ position:relative; overflow:hidden; }
.svc-card::before,.news-card::before{
  content:''; position:absolute; inset:0; border-radius:inherit; padding:1.5px;
  background:var(--grad-brand); opacity:0;
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  transition:opacity .3s; pointer-events:none; z-index:5;
}
.svc-card:hover::before,.news-card:hover::before{ opacity:1; }

/* ── Section rhythm ── */
.sec,.sec-alt,.sec-white{ padding-top:clamp(3rem,7vw,5.5rem); padding-bottom:clamp(3rem,7vw,5.5rem); }
.sec-label{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(232,64,47,.08); color:var(--red);
  padding:6px 16px; border-radius:100px;
  font-size:11.5px; letter-spacing:1.2px; margin-bottom:14px;
}
.sec-label::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--red); }

/* ── Stats: floating glass strip ── */
.stats{
  border-radius:var(--radius-lg); margin:-42px clamp(1rem,4vw,3rem) 0;
  position:relative; z-index:5;
  box-shadow:var(--shadow-md);
  border:1px solid var(--border);
  overflow:hidden;
}
.stat-n{ font-family:'Space Grotesk',sans-serif !important; font-size:clamp(24px,3vw,34px); }

/* ── Home slider polish ── */
.home-slider{ height:clamp(480px,68vh,640px); }
.home-slide-overlay{
  background:linear-gradient(115deg, rgba(11,16,48,.86) 0%, rgba(11,16,48,.5) 48%, rgba(11,16,48,.12) 100%);
}
.home-slide-badge{
  border-radius:100px; backdrop-filter:blur(10px);
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22);
  color:#ffd9a8;
}
/* ЗАСВАР: stats карт слайдерын доод 42px-ийг дардаг тул progress bar-ыг
   дээд тал руу, dots/arrows-ыг давхцлын бүсээс дээш шилжүүлсэн */
.home-slider-progress{ top:0; bottom:auto; height:4px; border-radius:0 4px 4px 0; background:var(--grad-brand); }
.home-slider-dots{ bottom:60px; }
.home-slider-arrows{ bottom:54px; }
.home-slider-dot.active{ background:var(--grad-brand); width:28px; }
.home-slider-arr{ border-radius:14px; backdrop-filter:blur(10px); }

/* ── Page hero: gradient + noise feel ── */
.page-hero{
  background:linear-gradient(120deg, var(--navy-dark) 0%, #1a2260 55%, #2a3474 100%);
  border-radius:0 0 var(--radius-lg) var(--radius-lg);
}

/* ── Footer refresh ── */
.footer{
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  margin-top:clamp(2rem,5vw,4rem);
  background:linear-gradient(160deg, #0b1030 0%, #141b4d 100%);
}
.soc-btn{ border-radius:12px; }
.soc-btn:hover{ transform:translateY(-3px) rotate(0); background:var(--grad-brand); color:#fff; border-color:transparent; }

/* ── Scroll reveal smoothing ── */
.branch-card.reveal-ready{ transform:translateY(48px) scale(.97); }
.sec-reveal{ transform:translateY(24px); }

/* ── Scrollbar ── */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:var(--border); border-radius:100px; border:2px solid var(--bg); }
::-webkit-scrollbar-thumb:hover{ background:var(--text3); }

/* ── Selection ── */
::selection{ background:rgba(232,64,47,.2); }

/* ── Focus states (accessibility) ── */
a:focus-visible,button:focus-visible{
  outline:2px solid var(--blue); outline-offset:3px; border-radius:8px;
}
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--blue); outline-offset:1px;
}

/* ── Reduced motion respect ── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}



/* ╔══════════════════════════════════════════════════════════╗
   ║  2026 GLASS & DEPTH LAYER v2 — гүнзгийрүүлсэн шилэн эффект  ║
   ║  Өнгөний схем (улаан/цэнхэр/нэвтэрхий) болон фонт хосолол   ║
   ║  (Playfair Display + Inter) хэвээр хадгалагдана — зөвхөн    ║
   ║  гүн, давхарга, тунгалагийн feel нэмэгдсэн болно.           ║
   ╚══════════════════════════════════════════════════════════╝ */

:root{
  /* Шилэн давхаргын нэмэлт токенууд (текстийн уншигдах чанарыг
     хадгалахын тулд alpha ~.78-.9 хооронд байлгасан) */
  --glass-bg:rgba(255,255,255,.72);
  --glass-bg-strong:rgba(255,255,255,.86);
  --glass-border:rgba(255,255,255,.55);
  --glass-highlight:inset 0 1px 0 rgba(255,255,255,.7), inset 0 0 0 1px rgba(255,255,255,.18);
  --shadow-glass:0 1px 1px rgba(20,27,77,.03), 0 4px 12px rgba(20,27,77,.05), 0 18px 44px rgba(20,27,77,.09), inset 0 1px 0 rgba(255,255,255,.7);
  --shadow-glass-hover:0 2px 4px rgba(20,27,77,.05), 0 14px 30px rgba(232,64,47,.10), 0 30px 68px rgba(20,27,77,.17), inset 0 1px 0 rgba(255,255,255,.75);
}
[data-theme=dark]{
  --glass-bg:rgba(19,26,56,.6);
  --glass-bg-strong:rgba(19,26,56,.8);
  --glass-border:rgba(255,255,255,.08);
  --glass-highlight:inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 0 1px rgba(255,255,255,.05);
  --shadow-glass:0 1px 1px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.25), 0 20px 50px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
  --shadow-glass-hover:0 2px 4px rgba(0,0,0,.25), 0 14px 30px rgba(255,107,91,.12), 0 34px 76px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07);
}

/* ── Карт: тунгалаг "frosted glass" фон, дотор гэрэлтдэг захтай ── */
.branch-card,.svc-card,.rev-card,.staff-card,.news-card,.mvv-card,
.news-featured,.news-hcard,.news-sidebar-widget,.news-side-card,
.branch-info-card,.svc-sidebar-card,.branch-treat-card{
  background:var(--glass-bg-strong) !important;
  backdrop-filter:blur(22px) saturate(1.4);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);
  box-shadow:var(--shadow-glass);
  border-color:var(--glass-border) !important;
}
.branch-card:hover,.svc-card:hover,.news-card:hover,.staff-card:hover,
.news-featured:hover,.news-hcard:hover,.mvv-card:hover,.branch-treat-card:hover{
  box-shadow:var(--shadow-glass-hover);
}

/* ── Badge/pill/tag-уудад мөн шилэн саарал ── */
.branch-badge,.staff-badge,.tag-r,.tag-b,.tag-o,.news-hcard-cat,
.news-featured-cat,.news-detail-cat{
  backdrop-filter:blur(10px) saturate(1.5);
  -webkit-backdrop-filter:blur(10px) saturate(1.5);
}
.sec-label{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:var(--glass-highlight);
}

/* ── Мэдээний шүүлтүүрийн товч/chip ── */
.news-filter-btn,.news-cat-chip{
  background:var(--glass-bg) !important;
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid var(--glass-border) !important;
  box-shadow:var(--shadow-sm);
  transition:transform .25s var(--ease-out), box-shadow .25s, background .25s;
}
.news-filter-btn:hover,.news-cat-chip:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); }
.news-filter-btn.active,.news-cat-chip.active{ background:var(--grad-cool) !important; }

/* ── Theme toggle + буцах товч: шилэн pill ── */
.theme-toggle,.back-btn{
  background:var(--glass-bg) !important;
  backdrop-filter:blur(14px) saturate(1.4);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
  border:1px solid var(--glass-border) !important;
  box-shadow:var(--shadow-sm), var(--glass-highlight);
  transition:transform .25s var(--ease-out), box-shadow .25s, background .25s, color .2s;
}
.theme-toggle:hover{ transform:translateY(-2px) rotate(-8deg); box-shadow:var(--shadow-md); }
.back-btn:hover{ transform:translateX(-3px); box-shadow:var(--shadow-md); color:var(--red); }

/* ── Статистикийн мөр: бүрэн frosted, хөвөгч ── */
.stats{
  background:var(--glass-bg-strong) !important;
  backdrop-filter:blur(26px) saturate(1.5);
  -webkit-backdrop-filter:blur(26px) saturate(1.5);
  box-shadow:var(--shadow-glass);
  border:1px solid var(--glass-border);
}
.stat{ position:relative; }
.stat:not(:last-child)::after{
  content:''; position:absolute; right:0; top:20%; bottom:20%; width:1px;
  background:linear-gradient(180deg, transparent, var(--border), transparent);
}

/* ── Dropdown цэс: одоо байгаа шилэн эффектийг гүнзгийрүүлэв ── */
.dropdown{
  background:var(--glass-bg-strong) !important;
  box-shadow:var(--shadow-glass);
}

/* ── Холбогдох үйлчилгээ / сүүлийн мэдээний мөр: hover дээр шилэн туяа ── */
.svc-related-item,.news-recent-item{
  border-radius:var(--radius-sm);
  transition:background .2s, transform .2s var(--ease-out);
}
.svc-related-item:hover,.news-recent-item:hover{
  background:var(--glass-bg);
  transform:translateX(3px);
}

/* ── Hero/footer гадаргуу дээр маш нарийн grain текстур ──
   SVG feTurbulence-аар үүсгэсэн noise: "printed", гүн мэдрэмж нэмнэ,
   гэхдээ маш бага opacity + overlay blend тул текстийн уншигдах
   чанарт нөлөөлөхгүй. z-index:0 тул урд талын текст (z-index:1) дор үлдэнэ. */
.page-hero,.footer{ position:relative; overflow:hidden; }
.page-hero::after,.footer::after{
  content:'';
  position:absolute; inset:0; pointer-events:none; z-index:0;
  opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ── Hero orb: бага зэрэг blur-тэй болгож гүний мэдрэмж нэмэв ── */
.page-hero-orb{ filter:blur(2px); }


/* ╔══════════════════════════════════════════════════════════╗
   ║  ЦАГ ЗАХИАЛГЫН ХУУДАС (booking.html) — маягт, слот grid     ║
   ╚══════════════════════════════════════════════════════════╝ */

.booking-grid{ display:grid; grid-template-columns:1fr 300px; gap:2rem; align-items:start; }
.booking-form-card{ padding:1.8rem; }

.booking-notice{
  display:flex; gap:12px; align-items:flex-start;
  background:rgba(247,155,46,.1); border:1px solid rgba(247,155,46,.3);
  border-radius:var(--radius-md); padding:1.2rem; margin-bottom:1.2rem;
}
.booking-notice i{ font-size:22px; color:var(--orange); flex-shrink:0; margin-top:2px; }
.booking-notice-title{ font-weight:600; color:var(--navy); font-size:14px; margin-bottom:4px; }
.booking-notice-text{ font-size:12.5px; color:var(--text2); line-height:1.6; font-weight:300; }
.booking-notice-text a{ color:var(--blue); }

.booking-step-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.booking-field{ margin-bottom:1.1rem; }
.booking-field label{
  display:block; font-size:12.5px; font-weight:600; color:var(--navy);
  margin-bottom:6px;
}
.booking-input{
  width:100%; padding:11px 13px; border-radius:10px; border:1px solid var(--border);
  background:var(--bg2); color:var(--text); font-family:'Inter',sans-serif;
  font-size:13.5px; transition:border-color .2s, box-shadow .2s;
}
.booking-input:focus{
  outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(51,71,176,.12);
}
textarea.booking-input{ resize:vertical; min-height:56px; font-family:'Inter',sans-serif; }
.booking-hint{ font-size:11.5px; color:var(--red); margin-top:6px; min-height:14px; }

.booking-slot-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:8px;
  min-height:48px;
}
.booking-slot-placeholder{
  grid-column:1/-1; text-align:center; padding:1.4rem 1rem; color:var(--text3);
  font-size:12.5px; font-weight:300;
}
.booking-slot{
  padding:10px 6px; border-radius:9px; border:1px solid var(--border);
  background:var(--bg2); color:var(--text2); font-size:12.5px; font-weight:500;
  cursor:pointer; transition:transform .15s var(--ease-out), box-shadow .15s, background .15s, color .15s, border-color .15s;
  font-family:'Inter',sans-serif;
}
.booking-slot-free:hover{ transform:translateY(-2px); border-color:var(--blue); color:var(--blue); box-shadow:var(--shadow-sm); }
.booking-slot-selected{
  background:var(--grad-brand); border-color:transparent; color:#fff;
  box-shadow:0 6px 18px rgba(232,64,47,.3);
}
.booking-slot-taken{
  background:transparent; border-style:dashed; color:var(--text3);
  cursor:not-allowed; text-decoration:line-through; opacity:.6;
}
.booking-slot-legend{ display:flex; gap:16px; margin-top:10px; flex-wrap:wrap; }
.booking-slot-legend span{ display:flex; align-items:center; gap:6px; font-size:11px; color:var(--text3); }
.booking-dot{ width:9px; height:9px; border-radius:3px; display:inline-block; }
.booking-dot-free{ background:var(--bg2); border:1px solid var(--border); }
.booking-dot-taken{ background:transparent; border:1px dashed var(--text3); }
.booking-dot-selected{ background:var(--grad-brand); }

.booking-error{
  background:rgba(232,64,47,.08); border:1px solid rgba(232,64,47,.25);
  color:var(--red); font-size:12.5px; font-weight:500; padding:10px 14px;
  border-radius:9px; margin-bottom:1rem;
}

.booking-success{ text-align:center; padding:1.5rem 0.5rem; }
.booking-success-icon{ font-size:52px; color:#2eab6a; margin-bottom:.8rem; }
.booking-success-title{
  font-family:'Space Grotesk','Playfair Display',serif; font-size:22px; font-weight:700;
  color:var(--navy); margin-bottom:.6rem;
}
.booking-success-detail{
  font-size:13.5px; color:var(--text2); line-height:1.8; font-weight:400;
  background:var(--bg2); border-radius:var(--radius-md); padding:1rem 1.2rem;
  margin:0 auto 1rem; max-width:340px;
}
.booking-success-note{ font-size:12px; color:var(--text3); font-weight:300; margin-bottom:1.2rem; line-height:1.6; }
.booking-success-note a{ color:var(--blue); }

[data-theme=dark] .booking-input{ background:#151c3e; border-color:#2a3060; color:var(--text); }
[data-theme=dark] .booking-slot{ background:#151c3e; border-color:#2a3060; }
[data-theme=dark] .booking-success-detail{ background:#151c3e; }


/* ╔══════════════════════════════════════════════════════════╗
   ║  АДМИН ПАНЕЛ (admin.html) — хяналтын самбар, хүснэгт        ║
   ╚══════════════════════════════════════════════════════════╝ */

.admin-toolbar{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:1.2rem; max-width:960px; margin-left:auto; margin-right:auto;
}
.admin-whoami{
  display:flex; align-items:center; gap:6px; font-size:13px; font-weight:500;
  color:var(--navy);
}
.admin-controls{
  display:grid; grid-template-columns:1fr 1fr auto; gap:14px; align-items:end;
  max-width:960px; margin:0 auto 1.4rem;
  background:var(--glass-bg-strong,#fff); border:1px solid var(--border);
  border-radius:var(--radius-md); padding:1.2rem;
  backdrop-filter:blur(20px) saturate(1.3); -webkit-backdrop-filter:blur(20px) saturate(1.3);
  box-shadow:var(--shadow-sm);
}
.admin-date-nav{ display:flex; gap:6px; }
.admin-date-nav .back-btn{ margin-bottom:0; padding:11px 13px; }

.admin-stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
  max-width:960px; margin:0 auto 1.6rem;
}
.admin-stat{
  text-align:center; padding:1rem 0.6rem; border-radius:var(--radius-md);
  background:var(--glass-bg-strong,#fff); border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
}
.admin-stat-n{ font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:700; }
.admin-stat-l{ font-size:11.5px; color:var(--text3); margin-top:2px; }

.admin-section-title{
  display:flex; align-items:center; gap:8px; font-family:'Space Grotesk','Playfair Display',serif;
  font-size:16px; font-weight:700; color:var(--navy);
  max-width:960px; margin:0 auto 0.8rem;
}
.admin-section-title i{ color:var(--red); font-size:18px; }

.admin-table-wrap{
  max-width:960px; margin:0 auto 2rem; background:#fff; border:1px solid var(--border);
  border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-sm);
}
.admin-table{ width:100%; border-collapse:collapse; font-size:12.5px; }
.admin-table th{
  text-align:left; padding:11px 14px; background:var(--bg2); color:var(--text2);
  font-weight:600; font-size:11px; letter-spacing:.4px; text-transform:uppercase;
}
.admin-table td{ padding:11px 14px; border-top:1px solid var(--border); color:var(--text); vertical-align:top; }
.admin-table tr:hover td{ background:var(--bg2); }
.admin-td-time{ font-weight:700; color:var(--red); white-space:nowrap; }
.admin-td-note{ color:var(--text2); font-weight:300; max-width:220px; }
.admin-table a{ color:var(--blue); text-decoration:none; }
.admin-cancel-btn{
  display:inline-flex; align-items:center; gap:4px; font-size:11.5px; font-weight:500;
  color:var(--red); background:rgba(232,64,47,.08); border:1px solid rgba(232,64,47,.25);
  border-radius:8px; padding:6px 10px; cursor:pointer; transition:background .15s;
  font-family:'Inter',sans-serif; white-space:nowrap;
}
.admin-cancel-btn:hover{ background:rgba(232,64,47,.18); }

#adminFreeGrid{ max-width:960px; margin:0 auto 2rem; }
.admin-slot-blocked{
  background:transparent; border-style:dashed; color:var(--text3);
}
.admin-slot-action{
  display:block; font-size:9.5px; opacity:.75; margin-top:2px; font-weight:400;
}

[data-theme=dark] .admin-table-wrap,[data-theme=dark] .admin-controls,[data-theme=dark] .admin-stat{ background:#151c3e; border-color:#2a3060; }
[data-theme=dark] .admin-table th{ background:#0f1530; }
[data-theme=dark] .admin-table tr:hover td{ background:#0f1530; }

/* ── Nav "Цаг захиалах" CTA товч ── */
.nav-cta{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--grad-brand); color:#fff !important; text-decoration:none;
  font-size:12.5px; font-weight:600; padding:9px 16px; border-radius:100px;
  cursor:pointer; white-space:nowrap; box-shadow:0 4px 14px rgba(232,64,47,.28);
  transition:transform .2s var(--ease-out), box-shadow .2s;
}
.nav-cta:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(232,64,47,.38); }
.nav-cta i{ font-size:15px; }
.nav-cta-mobile{ display:none; }

/* ── Footer-ийн жижиг "Админ" холбоос (эрхтэй хүнд л зориулагдсан,
   тиймээс зориудаар анзаарагдахгүй, бүдэг байрлуулсан) ── */
.footer-admin-link{
  font-size:11px; color:#5a6690; text-decoration:none; opacity:.6;
  transition:opacity .2s, color .2s;
}
.footer-admin-link:hover{ opacity:1; color:#fff; }


/* ╔══════════════════════════════════════════════════════════╗
   ║  RESPONSIVE — ONE CLEAN CONSOLIDATED SYSTEM                ║
   ╚══════════════════════════════════════════════════════════╝ */

/* Consistent nav height everywhere via CSS variable */
:root{ --nav-h:64px; }
.nav{ height:var(--nav-h); }

/* ── Base state (desktop-first safe defaults) ── */
#hamburger{ display:none; }
#navMenu{ display:flex; }

/* ═══════════ TABLET ≤1024px ═══════════ */
@media (max-width:1024px){
  .nav{ padding:0 1.2rem; }
  .nav-menu>li>a{ padding:8px 10px; font-size:13px; }
  .branch-detail-grid,.svc-detail-grid,.news-detail-grid,.booking-grid{ grid-template-columns:1fr; }
  .branch-info-card{ position:static; }
  .footer-top{ grid-template-columns:1fr 1fr; gap:1.5rem; }
  .about-slideshow{ height:340px; }
  .slide-text h2{ font-size:28px; }
  .mvv-grid{ grid-template-columns:1fr; gap:14px; }
  .home-slide-content{ padding:0 3rem; }
}

/* ═══════════ MOBILE ≤768px ═══════════ */
@media (max-width:768px){
  :root{ --nav-h:58px; }

  /* ── Nav bar ── */
  .nav{ padding:0 1rem; }
  .nav-logo img{ height:32px; }
  .theme-toggle{ width:32px; height:32px; font-size:14px; flex-shrink:0; }

  /* Явгалж буй мобайл дэлгэцэн дээр CTA товчийг toolbar-аас нуугаад,
     оронд нь мобайл цэсний жагсаалтад тодоор харуулна (толгойн мөр
     хэт нягт болохоос сэргийлэх зорилготой) */
  .nav-cta{ display:none; }
  .nav-cta-mobile{ display:block !important; }
  .nav-cta-mobile>a{ background:var(--grad-brand); color:#fff !important; }
  .nav-cta-mobile>a::after{ display:none; }

  /* ── Hamburger button ── */
  #hamburger{
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    gap:5px; width:38px; height:38px; cursor:pointer;
    background:transparent; border:none; border-radius:10px;
    flex-shrink:0; z-index:10001; position:relative;
    transition:background .2s;
  }
  #hamburger:hover{ background:var(--bg2); }
  #hamburger span{
    display:block; width:20px; height:2px; border-radius:2px;
    background:var(--text2);
    transition:transform .3s var(--ease-out), opacity .2s ease, background .2s;
  }
  #hamburger.open span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
  #hamburger.open span:nth-child(2){ opacity:0; transform:scaleX(0); }
  #hamburger.open span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }

  /* ── Mobile nav panel: always in DOM, animated via opacity/transform ── */
  #navMenu{
    display:flex !important; /* always flex — visibility handled below */
    flex-direction:column;
    position:fixed;
    top:var(--nav-h); left:0; right:0; bottom:0;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(24px) saturate(1.4);
    -webkit-backdrop-filter:blur(24px) saturate(1.4);
    padding:1rem 1.1rem 2.5rem;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    gap:3px;
    border-top:1px solid var(--border);
    z-index:9998;
    /* hidden by default */
    opacity:0;
    visibility:hidden;
    transform:translateY(-12px);
    pointer-events:none;
    transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility 0s linear .3s;
  }
  [data-theme=dark] #navMenu{ background:rgba(11,15,36,.98); }

  #navMenu.open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
    transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility 0s linear 0s;
  }

  #navMenu>li{
    width:100%;
    opacity:0;
    transform:translateX(-16px);
    transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);
  }
  #navMenu.open>li{ opacity:1; transform:translateX(0); }
  #navMenu.open>li:nth-child(1){ transition-delay:.06s }
  #navMenu.open>li:nth-child(2){ transition-delay:.10s }
  #navMenu.open>li:nth-child(3){ transition-delay:.14s }
  #navMenu.open>li:nth-child(4){ transition-delay:.18s }
  #navMenu.open>li:nth-child(5){ transition-delay:.22s }
  #navMenu.open>li:nth-child(6){ transition-delay:.26s }
  #navMenu.open>li:nth-child(7){ transition-delay:.30s }

  #navMenu>li>a{
    font-size:15.5px; font-weight:500; padding:14px 15px;
    border-radius:12px; width:100%; display:flex;
  }
  #navMenu>li>a::after{ display:none; }
  #navMenu>li>a.active{ background:var(--grad-brand); color:#fff; }

  /* Утасны цэсэн доторх dropdown (accordion) —
     ЗАСВАР: grid-template-rows:0fr нь олон хүүхэд элементтэй ul дээр
     эвдэрдэг тул max-height аргаар сольсон */
  #navMenu .dropdown{
    position:static !important;
    box-shadow:none !important;
    border:none !important;
    border-radius:12px !important;
    background:var(--bg2) !important;
    display:block;
    max-height:0;
    margin:0 0 0 12px !important;
    padding:0 4px !important;
    overflow:hidden;
    opacity:0;
    animation:none !important; /* ЗАСВАР: desktop-ийн dropOpen animation fill
                                  opacity-г 1 болгож гоожуулдгийг таслав */
    transform:none !important;
    transition:max-height .38s var(--ease-out), opacity .28s ease,
               margin .3s ease, padding .3s ease;
  }
  #navMenu>li.open .dropdown{
    max-height:520px; /* бүх цэс багтахуйц дээд хэмжээ */
    opacity:1;
    margin:2px 0 6px 12px !important;
    padding:4px !important;
  }
  [data-theme=dark] #navMenu .dropdown{ background:#151c3e !important; }
  #navMenu .dropdown li a{ font-size:14px !important; padding:11px 14px !important; }
  #navMenu>li .arr{ transition:transform .3s var(--ease-out); }
  #navMenu>li.open .arr{ transform:rotate(180deg); }

  /* Prevent body scroll while menu open */
  body.menu-open{ overflow:hidden; }

  /* ── Hero / slider ── */
  .hero{ padding:2.8rem 1rem 4rem; }
  .hero h1{ font-size:26px; line-height:1.2; }
  .hero-sub{ font-size:13px; }
  .hero-badge{ font-size:11px; }
  .home-slider{ height:clamp(400px,62vh,520px); }
  .home-slide-content{ padding:0 1.2rem; }
  .home-slide-text h1{ font-size:24px; }
  .home-slide-sub{ font-size:13px; max-width:100%; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .home-slide-badge{ font-size:11px; }
  .home-slider-counter{ font-size:11px; top:18px; right:1rem; }
  .home-slider-arrows{ right:1rem; bottom:46px; } /* stats давхцлаас дээш */
  .home-slider-dots{ bottom:50px; }
  .home-slider-arr{ width:32px; height:32px; font-size:13px; }
  .home-slide-btns{ gap:8px; }
  .home-slide-btn-p,.home-slide-btn-o{ padding:11px 20px; font-size:13px; }

  /* ── Stats ── */
  .stats{ grid-template-columns:1fr 1fr; margin:-30px 1rem 0; }
  .stat:nth-child(2){ border-right:none; }
  .stat:nth-child(3){ border-top:1px solid var(--border); }
  .stat:nth-child(4){ border-top:1px solid var(--border); border-right:none; }
  .stat-n{ font-size:22px; }

  /* ── Sections ── */
  .sec,.sec-alt,.sec-white{ padding:2.2rem 1rem; }
  .sec-title{ font-size:21px; }

  /* ── Grids ── */
  .branch-grid{ grid-template-columns:1fr; gap:14px; }
  .branch-img-wrap{ height:200px; }
  .svc-grid{ grid-template-columns:1fr 1fr; gap:9px; }
  .svc-img{ height:80px; }
  .svc-name{ font-size:12px; }
  .svc-desc{ font-size:10.5px; }
  .rev-grid{ grid-template-columns:1fr; gap:10px; }
  .staff-grid{ grid-template-columns:1fr 1fr; gap:10px; }
  .staff-photo{ height:150px; }
  .staff-name{ font-size:13px; }
  .staff-role{ font-size:11px; }
  .staff-degree{ font-size:10.5px; }

  /* ── News (MCS style) ── */
  .news-featured{ grid-template-columns:1fr; }
  .news-featured-img{ height:200px; }
  .news-featured-body{ padding:1.2rem; }
  .news-featured-title{ font-size:18px; }
  .news-featured-excerpt{ font-size:12.5px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .news-main-grid{ grid-template-columns:1fr; }
  .news-hcard{ grid-template-columns:110px 1fr; }
  .news-hcard-img{ height:100px; }
  .news-hcard-title{ font-size:12.5px; -webkit-line-clamp:2; }
  .news-sidebar{ flex-direction:column; }
  .news-filter-bar{ gap:6px; }
  .news-filter-btn{ padding:6px 12px; font-size:12px; }

  /* ── Detail pages ── */
  .branch-detail-grid{ grid-template-columns:1fr; gap:1rem; }
  .branch-detail-hero{ height:200px; border-radius:16px; }
  .branch-detail-content h3{ font-size:20px; }
  .branch-detail-content p{ font-size:12px; }
  .branch-svc-list{ grid-template-columns:1fr; gap:7px; }
  .branch-treat-grid{ grid-template-columns:1fr 1fr; gap:9px; }
  .branch-treat-img{ height:85px; }
  .branch-treat-name{ font-size:12.5px; }
  .branch-info-card{ position:static; }
  .map-frame{ height:180px; }
  .svc-detail-grid{ grid-template-columns:1fr; gap:1rem; }
  .svc-detail-hero{ height:180px; border-radius:16px; }
  .svc-detail-content h3{ font-size:20px; }
  .news-detail-grid{ grid-template-columns:1fr; gap:1rem; }
  .news-detail-hero{ height:200px; border-radius:16px; }
  .news-detail-meta h2{ font-size:18px; }
  .booking-grid{ grid-template-columns:1fr; gap:1rem; }
  .booking-step-row{ grid-template-columns:1fr; gap:0; }
  .booking-slot-grid{ grid-template-columns:repeat(3,1fr); }

  /* ── Admin panel ── */
  .admin-controls{ grid-template-columns:1fr; }
  .admin-date-nav{ justify-content:stretch; }
  .admin-date-nav .back-btn{ flex:1; justify-content:center; }
  .admin-stats{ grid-template-columns:1fr 1fr; }
  .admin-table-wrap{ overflow-x:auto; }
  .admin-table{ min-width:560px; }

  /* ── About ── */
  .about-slideshow{ height:260px; }
  .slide-content{ padding:0 1.2rem; }
  .slide-text h2{ font-size:20px; }
  .slide-text p{ font-size:12px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .slide-text .badge{ font-size:10px; padding:3px 10px; }
  .slide-arrows{ bottom:8px; right:1rem; }
  .slide-arr{ width:28px; height:28px; font-size:12px; }
  .mvv-grid{ grid-template-columns:1fr; gap:10px; }
  .timeline{ padding-left:1.4rem; }
  .tl-title{ font-size:13px; }
  .tl-desc{ font-size:11.5px; }

  /* ── Page hero ── */
  .page-hero{ padding:1.8rem 1rem; }
  .page-hero h2{ font-size:24px; }
  .page-hero p{ font-size:13px; }

  /* ── Footer ── */
  .footer{ padding:1.8rem 1rem 1rem; border-radius:var(--radius-md) var(--radius-md) 0 0; }
  .footer-top{ grid-template-columns:1fr; gap:1.2rem; }
  .footer-bottom{ flex-direction:column; gap:4px; text-align:center; }

  /* ── Contact / insurance ── */
  .contact-grid-3{ grid-template-columns:1fr !important; gap:12px !important; }
  .insurance-2col{ grid-template-columns:1fr !important; gap:1rem !important; }

  /* ── Misc ── */
  .back-btn{ margin-bottom:.9rem; font-size:12px; }
  .info-row-val{ font-size:12px; }
}

/* ═══════════ SMALL MOBILE ≤420px ═══════════ */
@media (max-width:420px){
  .hero h1{ font-size:22px; }
  .home-slider{ height:360px; }
  .home-slide-text h1{ font-size:20px; }
  .svc-grid{ grid-template-columns:1fr; }
  .staff-grid{ grid-template-columns:1fr; }
  .branch-treat-grid{ grid-template-columns:1fr; }
  .news-hcard{ grid-template-columns:95px 1fr; }
  .news-hcard-img{ height:90px; }
  .stat-n{ font-size:20px; }
  .sec-title{ font-size:19px; }
  .about-slideshow{ height:220px; }
  .slide-text h2{ font-size:17px; }
  .booking-slot-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ═══════════ DESKTOP ≥769px — force nav visible, hamburger hidden ═══════════ */
@media (min-width:769px){
  #navMenu{
    display:flex !important; position:static !important; opacity:1 !important;
    visibility:visible !important; transform:none !important; pointer-events:auto !important;
    background:transparent !important; backdrop-filter:none !important; padding:0 !important;
    overflow:visible !important; border:none !important;
  }
  #navMenu>li{ opacity:1 !important; transform:none !important; width:auto !important; }
  #navMenu .dropdown{ display:none; max-height:none; overflow:visible; opacity:1; margin:0 !important; padding:6px !important; }
  #navMenu>li.open .dropdown{ display:block; }
  #hamburger{ display:none !important; }
}