/* =====================================================================
   Baku Pathology Center — bpm.css  (designed from scratch, 2026)
   All classes are "b-" prefixed → no conflict with the old style.css/bootstrap.
   Loaded last, overrides generic element styles.
   ===================================================================== */
:root{
  --b-ground:#FFFFFF;--b-soft:#F4F8FC;--b-soft-2:#EAF1F8;
  --b-ink:#0F2942;--b-ink-soft:#536379;
  --b-brand:#005696;--b-brand-deep:#013A64;--b-brand-darker:#012A4A;
  --b-sky:#00A6CE;--b-sky-soft:#5FC6E0;
  --b-red:#E23A2E;--b-red-deep:#C32A20;
  --b-line:#E3ECF4;--b-line-2:#D6E3EF;
  --b-r:13px;--b-r-lg:20px;--b-pill:999px;
  --b-sh-1:0 2px 10px rgba(2,42,74,.05);--b-sh-2:0 12px 30px rgba(2,42,74,.10);
  --b-sh-3:0 24px 60px rgba(2,42,74,.16);--b-sh-brand:0 12px 26px rgba(0,86,150,.28);
  --b-sh-red:0 12px 26px rgba(226,58,46,.32);
  --b-t:.3s cubic-bezier(.4,0,.2,1);
  --b-fdisp:"Montserrat","Segoe UI",system-ui,-apple-system,sans-serif;
  --b-fbody:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --b-maxw:1200px;
}

/* ---- base (generic, loads last → wins over legacy) ---- */
body{font-family:var(--b-fbody);color:var(--b-ink);background:var(--b-ground);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.b-scope h1,.b-scope h2,.b-scope h3,.b-scope h4,.b-scope h5{font-family:var(--b-fdisp);line-height:1.14;letter-spacing:-.02em;font-weight:800;color:var(--b-ink);}
.b-scope a{transition:color var(--b-t);}
.b-scope img{max-width:100%;}
.b-scope ::selection{background:var(--b-brand);color:#fff;}
.b-scope :focus-visible{outline:3px solid var(--b-sky);outline-offset:2px;border-radius:6px;}
.b-scope *{box-sizing:border-box;}

.b-wrap{max-width:var(--b-maxw);margin:0 auto;padding:0 24px;}
.b-wrap--narrow{max-width:920px;}
.b-svg{width:1.05em;height:1.05em;vertical-align:-.16em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.b-svg.fill{fill:currentColor;stroke:none;}
.b-ic-xl{width:50px;height:50px;}

/* ---- buttons ---- */
.b-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--b-fbody);font-weight:700;font-size:14px;border-radius:var(--b-pill);padding:12px 24px;border:2px solid transparent;cursor:pointer;transition:var(--b-t);white-space:nowrap;text-decoration:none;line-height:1;}
.b-btn .b-ar{transition:transform var(--b-t);}
.b-btn:hover .b-ar{transform:translateX(4px);}
.b-btn-primary{background:var(--b-brand);color:#fff!important;box-shadow:var(--b-sh-brand);}
.b-btn-primary:hover{background:var(--b-brand-deep);transform:translateY(-2px);}
.b-btn-red{background:var(--b-red);color:#fff!important;box-shadow:var(--b-sh-red);transition:background var(--b-t),box-shadow var(--b-t),transform var(--b-t),color var(--b-t);}
.b-btn-red:hover{background:var(--b-red-deep);transform:translateY(-2px);box-shadow:0 16px 32px rgba(226,58,46,.42);}
.b-btn-ghost{background:transparent;color:var(--b-brand)!important;border-color:var(--b-line-2);}
.b-btn-ghost:hover{border-color:var(--b-brand);background:var(--b-brand);color:#fff!important;transform:translateY(-2px);}
.b-btn-light{background:#fff;color:var(--b-brand-deep)!important;}
.b-btn-light:hover{background:var(--b-sky);color:#fff!important;transform:translateY(-2px);}
.b-btn-outline-light{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.45);}
.b-btn-outline-light:hover{background:#fff;color:var(--b-brand-deep)!important;}

/* ---- section + heads ---- */
.b-sec{padding:62px 0;position:relative;}
.b-sec-soft{background:rgba(255,255,255,.52);}
.b-head{max-width:660px;margin:0 auto 40px;text-align:center;}
.b-head h2{font-size:clamp(25px,3.4vw,36px);margin:12px 0 0;}
.b-head p{margin-top:12px;color:var(--b-ink-soft);font-size:16px;}
.b-eyebrow{font-family:var(--b-fbody);font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--b-brand);display:inline-flex;align-items:center;gap:9px;}
.b-eyebrow::before{content:"";width:24px;height:2px;background:var(--b-sky);display:inline-block;}
.b-eyebrow.center{justify-content:center;}

/* ---- reveal ---- */
.b-rv{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);}
.b-rv.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.b-rv{opacity:1!important;transform:none!important;}}

/* ================= TOP BAR ================= */
.b-topbar{background:var(--b-brand-darker);color:#cfe0ef;font-size:12.5px;}
.b-topbar .b-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;flex-wrap:wrap;}
.b-topbar .b-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.b-topbar .b-meta span{display:inline-flex;align-items:center;gap:7px;}
.b-topbar .b-meta .b-svg{color:var(--b-sky);}
.b-topbar .b-langs{display:flex;gap:3px;}
.b-topbar .b-langs a{padding:3px 8px;border-radius:6px;font-weight:600;color:#cfe0ef;text-decoration:none;transition:var(--b-t);}
.b-topbar .b-langs a.on,.b-topbar .b-langs a:hover{background:rgba(255,255,255,.14);color:#fff;}

/* ================= HEADER ================= */
.b-hd{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:var(--b-t);}
body.b-scrolled .b-hd{box-shadow:var(--b-sh-1);border-bottom-color:var(--b-line);}
.b-hd .b-wrap{display:flex;align-items:center;gap:18px;min-height:76px;}
.b-logo{display:flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none;}
.b-logo img{max-height:52px;width:auto;}
.b-nav{display:flex;align-items:center;gap:2px;margin:0 auto;}
.b-nav a{font-weight:600;font-size:14px;color:var(--b-ink);padding:9px 13px;border-radius:8px;position:relative;text-decoration:none;transition:var(--b-t);}
.b-nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;background:var(--b-sky);transform:scaleX(0);transform-origin:left;transition:transform var(--b-t);}
.b-nav a:hover{color:var(--b-brand);}
.b-nav a:hover::after{transform:scaleX(1);}
.b-hd-cta{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.b-burger{display:none;width:44px;height:42px;border-radius:10px;border:1px solid var(--b-line-2);background:#fff;color:var(--b-brand);cursor:pointer;align-items:center;justify-content:center;}
.b-burger .b-svg{width:21px;height:21px;}

/* mobile drawer */
.b-drawer{position:fixed;inset:0 0 0 auto;width:300px;max-width:84vw;background:#fff;z-index:120;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--b-sh-3);display:flex;flex-direction:column;padding:18px;overflow-y:auto;}
.b-drawer.open{transform:none;}
.b-drawer__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--b-line);}
.b-drawer__top b{font-family:var(--b-fdisp);color:var(--b-brand-deep);}
.b-drawer__close{border:0;background:var(--b-soft);width:38px;height:38px;border-radius:9px;color:var(--b-brand);font-size:20px;cursor:pointer;}
.b-drawer a{padding:13px 6px;border-bottom:1px solid var(--b-line);color:var(--b-ink);font-weight:600;text-decoration:none;}
.b-drawer a:hover{color:var(--b-brand);}
.b-backdrop{position:fixed;inset:0;background:rgba(1,28,48,.5);z-index:110;opacity:0;visibility:hidden;transition:var(--b-t);}
.b-backdrop.open{opacity:1;visibility:visible;}

/* ================= HERO (lab photo + 3D DNA helix) ================= */
.b-hero{position:relative;background:var(--b-brand-darker);color:#fff;overflow:hidden;min-height:600px;display:flex;align-items:center;}
.b-hero__bg{position:absolute;inset:0;z-index:0;background-image:url("/img/GettyImages-514928312.jpg");background-size:cover;background-position:72% center;transform:scale(1.05);}
.b-hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,rgba(1,38,66,.97) 0%,rgba(1,42,74,.9) 30%,rgba(0,75,131,.62) 62%,rgba(0,86,150,.3) 100%),linear-gradient(0deg,rgba(1,28,48,.55),rgba(1,28,48,0) 42%);}
.b-hero__helix{position:absolute;top:0;right:0;width:56%;height:100%;z-index:2;pointer-events:none;opacity:.95;}
.b-hero .b-wrap{position:relative;z-index:3;width:100%;}
.b-hero__inner{max-width:600px;text-align:left;padding:96px 0;}
.b-hero .b-eyebrow{color:var(--b-sky-soft);}
.b-hero .b-eyebrow::before{background:var(--b-sky-soft);}
.b-hero h1{font-family:var(--b-fdisp);font-size:clamp(34px,6vw,62px);font-weight:800;margin:18px 0 0;letter-spacing:-.03em;color:#fff;line-height:1.05;}
.b-hero h1 .b-acc{background:linear-gradient(120deg,#9fe3f4,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.b-hero p{font-size:clamp(15px,2vw,19px);color:#d6e9f6;max-width:500px;margin:18px 0 0;}
.b-hero__cta{display:flex;gap:12px;justify-content:flex-start;margin-top:30px;flex-wrap:wrap;}
.b-hero__badges{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;}
.b-hero__badges span{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#cfe6f6;}
.b-hero__badges .b-svg{width:18px;height:18px;color:var(--b-sky-soft);}
@media(max-width:980px){.b-hero__helix{width:50%;opacity:.72;}.b-hero__inner{max-width:520px;}}
@media(max-width:760px){
  .b-hero{min-height:520px;}
  .b-hero__bg{background-position:center;}
  .b-hero__overlay{background:linear-gradient(180deg,rgba(1,38,66,.8) 0%,rgba(1,42,74,.92) 100%);}
  .b-hero__helix{width:100%;opacity:.32;}
  .b-hero__inner{max-width:none;text-align:center;padding:74px 0;}
  .b-hero .b-eyebrow{justify-content:center;}
  .b-hero p{margin-left:auto;margin-right:auto;}
  .b-hero__cta,.b-hero__badges{justify-content:center;}
}

/* ================= STATS ================= */
.b-stats{position:relative;z-index:6;margin-top:-44px;}
.b-stats__grid{background:#fff;border-radius:var(--b-r-lg);box-shadow:var(--b-sh-2);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;}
.b-stat{padding:24px 20px;text-align:center;border-right:1px solid var(--b-line);}
.b-stat:last-child{border-right:0;}
.b-stat__num{font-family:var(--b-fdisp);font-weight:800;font-size:clamp(26px,3vw,36px);color:var(--b-brand);letter-spacing:-.02em;}
.b-stat__num span{color:var(--b-sky);}
.b-stat__lbl{margin-top:2px;font-size:13px;color:var(--b-ink-soft);font-weight:500;}

/* ================= ABOUT ================= */
.b-about__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;}
.b-about h2{font-size:clamp(24px,3.2vw,38px);margin-top:12px;}
.b-about p{color:var(--b-ink-soft);margin-top:16px;font-size:16px;}
.b-feats{margin-top:22px;display:grid;gap:12px;}
.b-feat{display:flex;gap:13px;align-items:flex-start;}
.b-feat .b-feat__ic{flex-shrink:0;width:42px;height:42px;border-radius:11px;background:var(--b-soft-2);color:var(--b-brand);display:grid;place-items:center;}
.b-feat .b-feat__ic .b-svg{width:20px;height:20px;}
.b-feat b{font-family:var(--b-fdisp);font-size:15px;color:var(--b-ink);}
.b-feat span{display:block;color:var(--b-ink-soft);font-size:13.5px;}
.b-about__visual{position:relative;border-radius:var(--b-r-lg);aspect-ratio:4/3.7;background:var(--b-brand-deep);overflow:hidden;box-shadow:var(--b-sh-3);}
.b-about__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.b-about__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,42,74,.05) 40%,rgba(1,42,74,.78) 100%);}
.b-about__badge{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);border-radius:var(--b-r);padding:14px 16px;color:#fff;display:flex;align-items:center;gap:13px;}
.b-about__badge .q{font-family:var(--b-fdisp);font-weight:800;font-size:26px;}
.b-about__badge small{color:#cfe9f6;font-size:12.5px;line-height:1.4;}

/* ================= DOCTORS ================= */
.b-docs{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:stretch;}
.b-doc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--b-line);border-radius:var(--b-r-lg);overflow:hidden;transition:var(--b-t);color:var(--b-ink);text-decoration:none;}
.b-doc:hover{transform:translateY(-7px);box-shadow:var(--b-sh-2);border-color:transparent;}
.b-doc__ph{aspect-ratio:1/1;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--b-soft-2),#dcebf7);}
.b-doc__ph img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .55s ease;}
.b-doc:hover .b-doc__ph img{transform:scale(1.06);}
.b-doc__tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);color:var(--b-brand);font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 11px;border-radius:var(--b-pill);}
.b-doc__bd{padding:14px 12px 16px;text-align:center;display:flex;flex-direction:column;flex:1;}
.b-doc__bd h4{font-family:var(--b-fdisp);font-size:15px;color:var(--b-ink);}
.b-doc__spec{color:var(--b-ink-soft);font-size:13px;margin-top:2px;}
.b-doc__more{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--b-brand);font-weight:700;font-size:12.5px;text-decoration:none;}
.b-doc__more .b-svg{width:13px;height:13px;transition:transform var(--b-t);}
.b-doc:hover .b-doc__more .b-svg{transform:translateX(4px);}

/* ================= NEWS ================= */
.b-news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
.b-nws{display:flex;flex-direction:column;background:#fff;border:1px solid var(--b-line);border-radius:var(--b-r-lg);overflow:hidden;text-decoration:none;transition:var(--b-t);}
.b-nws:hover{transform:translateY(-7px);box-shadow:var(--b-sh-2);border-color:transparent;}
.b-nws__img{aspect-ratio:16/10;position:relative;background:linear-gradient(135deg,#0a6aa8,#013A64);overflow:hidden;}
.b-nws__img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.b-nws:hover .b-nws__img img{transform:scale(1.07);}
.b-nws__dt{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.95);color:var(--b-brand-deep);font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:var(--b-pill);display:inline-flex;gap:6px;align-items:center;}
.b-nws__dt .b-svg{width:12px;height:12px;color:var(--b-sky);}
.b-nws__bd{padding:18px;display:flex;flex-direction:column;flex:1;}
.b-nws__bd h4{font-family:var(--b-fdisp);font-size:16px;color:var(--b-ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:var(--b-t);}
.b-nws:hover .b-nws__bd h4{color:var(--b-brand);}
.b-nws__more{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:6px;color:var(--b-brand);font-weight:700;font-size:12.5px;}
.b-nws__more .b-svg{width:13px;height:13px;}

.b-center{text-align:center;margin-top:38px;}

/* ================= GALLERY ================= */
.b-gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:14px;}
.b-gal__it{position:relative;border-radius:var(--b-r);overflow:hidden;background:linear-gradient(150deg,var(--b-soft-2),#cfe1f1);cursor:pointer;}
.b-gal__it img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.b-gal__it:hover img{transform:scale(1.08);}
.b-gal__it::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,86,150,.5),rgba(0,86,150,.1));opacity:0;transition:var(--b-t);}
.b-gal__it:hover::after{opacity:1;}
.b-gal__it.big{grid-column:span 2;grid-row:span 2;}

/* ================= PARTNERS ================= */
.b-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.b-marquee__track{display:flex;gap:18px;width:max-content;animation:b-scroll 80s linear infinite;}
.b-marquee:hover .b-marquee__track{animation-play-state:paused;}
@keyframes b-scroll{to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.b-marquee__track{animation:none;}}
.b-plogo{flex-shrink:0;width:158px;height:90px;background:#fff;border:1px solid var(--b-line);border-radius:var(--b-r);display:grid;place-items:center;padding:14px;transition:var(--b-t);}
.b-plogo img{max-height:62px;max-width:100%;width:auto;object-fit:contain;filter:none;opacity:1;transition:var(--b-t);}
.b-plogo:hover{box-shadow:var(--b-sh-2);transform:translateY(-4px);border-color:var(--b-line-2);}
.b-plogo:hover img{transform:scale(1.04);}

/* ================= CTA / SOCIAL ================= */
.b-cta{background:linear-gradient(135deg,var(--b-brand-deep),var(--b-brand));color:#fff;border-radius:var(--b-r-lg);padding:46px;text-align:center;position:relative;overflow:hidden;}
.b-cta::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(0,166,206,.4),transparent 70%);top:-110px;right:-70px;}
.b-cta h2{font-size:clamp(24px,3.4vw,34px);color:#fff;position:relative;}
.b-cta p{color:#d6e9f6;margin:12px auto 24px;max-width:500px;position:relative;}
.b-socials{display:flex;gap:11px;justify-content:center;position:relative;}
.b-socials a{width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;transition:var(--b-t);text-decoration:none;}
.b-socials a .b-svg{width:19px;height:19px;}
.b-socials a:hover{transform:translateY(-5px);}
.b-socials a.fb:hover{background:#1877f2;}.b-socials a.ig:hover{background:#d6249f;}
.b-socials a.in:hover{background:#0a66c2;}.b-socials a.yt:hover{background:#ff0000;}.b-socials a.em:hover{background:var(--b-sky);}

/* ================= FOOTER ================= */
.b-footer{background:var(--b-brand-darker);color:#b9cfe2;padding:56px 0 0;}
.b-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:38px;}
.b-footer h5{font-family:var(--b-fdisp);color:#fff;font-size:14.5px;letter-spacing:.03em;margin-bottom:16px;font-weight:700;}
.b-footer__logo{margin-bottom:14px;}
.b-footer__logo img{max-height:54px;width:auto;}
.b-footer p{font-size:13.5px;color:#9fbbd4;}
.b-footer ul{list-style:none;display:grid;gap:10px;margin:0;padding:0;}
.b-footer ul a{font-size:14px;color:#b9cfe2;transition:var(--b-t);display:inline-flex;align-items:center;gap:8px;text-decoration:none;}
.b-footer ul a:hover{color:#fff;transform:translateX(3px);}
.b-footer ul a .b-svg{color:var(--b-sky);width:12px;height:12px;}
.b-footer__contact li{display:flex;gap:11px;align-items:flex-start;font-size:14px;margin-bottom:12px;color:#b9cfe2;}
.b-footer__contact li .b-svg{color:var(--b-sky);margin-top:3px;width:15px;height:15px;}
.b-footer__bar{margin-top:44px;border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:12.5px;color:#8aa8c4;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* ================= INNER PAGES ================= */
.b-pagehead{background:linear-gradient(120deg,var(--b-brand-deep),var(--b-brand));color:#fff;padding:34px 0;}
.b-pagehead h1{font-family:var(--b-fdisp);color:#fff;font-size:clamp(22px,3.2vw,32px);margin:0 0 6px;}
.b-crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#cfe4f4;flex-wrap:wrap;}
.b-crumb a{color:#cfe4f4;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.b-crumb a:hover{color:#fff;}
.b-crumb .b-svg{width:12px;height:12px;opacity:.8;}
.b-pagebody{background:rgba(255,255,255,.52);padding:52px 0;}
.b-card{background:#fff;border:1px solid var(--b-line);border-radius:var(--b-r-lg);box-shadow:var(--b-sh-1);padding:38px clamp(20px,4vw,46px);}
.b-card h1,.b-card h2,.b-card h3,.b-card h4{font-family:var(--b-fdisp);color:var(--b-brand-deep);}
.b-card h2{margin-bottom:10px;}
.b-card p{color:var(--b-ink-soft);margin:0 0 14px;font-size:16px;line-height:1.8;}
.b-card a{color:var(--b-brand);font-weight:600;}
.b-card img{border-radius:var(--b-r);margin:8px 0;height:auto;}
.b-card ul,.b-card ol{margin:0 0 16px 20px;color:var(--b-ink-soft);}
.b-card table{width:100%;border-collapse:collapse;margin:14px 0;}
.b-card table.table-bordered,.b-card table{border:1px solid var(--b-line);border-radius:var(--b-r);overflow:hidden;}
.b-card table td,.b-card table th{border:1px solid var(--b-line);padding:10px 12px;}
.b-card table thead th,.b-card table tr:first-child td{background:var(--b-brand);color:#fff;}
.b-card table.table-striped tbody tr:nth-child(odd),.b-card table tr:nth-child(even){background:var(--b-soft);}

/* gallery page grid */
.b-photogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.b-photogrid img{width:100%;height:180px;object-fit:cover;border-radius:var(--b-r);cursor:zoom-in;box-shadow:var(--b-sh-1);margin:0;transition:var(--b-t);}
.b-photogrid img:hover{transform:translateY(-4px);box-shadow:var(--b-sh-2);}

/* category listing grid (news / doctors / useful info)
   NOTE: DLE wraps {content} in <div id="dle-content"> → we make it display:contents
   so the inner cards become direct grid items. */
.b-listgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
.b-listgrid > #dle-content{display:contents;}
.b-listgrid > #dle-content > span:empty{display:none;}
/* ===== UNIFIED PAGER (DLE listing .basenavi + gallery JS .b-pager) ===== */
.b-listgrid .basenavi,.b-listgrid br{grid-column:1/-1;}
/* single row, no wrap; if it overflows, scroll horizontally (no wrapping) */
.basenavi,.b-pager{margin-top:32px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;max-width:100%;}
.basenavi .bnnavi{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;}
.basenavi .navigation{display:flex;flex-wrap:nowrap;gap:6px;}
.basenavi .nextprev{display:flex;gap:6px;}
.basenavi a,.basenavi .navigation span,.basenavi .navigation b,.basenavi .nextprev > span,.b-pager button{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;padding:0 13px;border-radius:11px;background:#fff;border:1px solid var(--b-line);color:var(--b-brand);font-family:var(--b-fdisp);font-weight:700;font-size:14px;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:var(--b-t);}
.basenavi a:hover,.b-pager button:hover:not([disabled]){background:var(--b-brand);color:#fff;border-color:var(--b-brand);transform:translateY(-2px);box-shadow:var(--b-sh-brand);}
.basenavi .navigation span,.basenavi .navigation b,.b-pager button.on{background:var(--b-brand);color:#fff;border-color:var(--b-brand);}
.b-pager button[disabled],.basenavi .nextprev > span{opacity:.4;cursor:default;pointer-events:none;}
.b-pager button.nav{padding:0;}
/* prev/next: show arrows only, hide the word labels */
.b-pglbl{display:none;}
.b-pager__dots{display:inline-flex;align-items:flex-end;justify-content:center;min-width:22px;height:42px;padding-bottom:7px;color:var(--b-ink-soft);font-weight:700;}
.b-pager .b-pager__info{border:0;background:transparent;color:var(--b-ink-soft);font-weight:500;cursor:default;}

/* gallery page (static=gallery) */
.b-galpage{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start;}
.b-galpage p{display:contents;}
.b-galpage br{display:none;}
.b-galpage .crop{margin:0;border-radius:var(--b-r);overflow:hidden;box-shadow:var(--b-sh-1);background:var(--b-soft-2);transition:var(--b-t);}
.b-galpage .crop:hover{box-shadow:var(--b-sh-2);transform:translateY(-3px);}
.b-galpage .crop a{display:block;line-height:0;height:100%;cursor:zoom-in;}
.b-galpage img{width:100%!important;height:200px!important;object-fit:cover!important;float:none!important;margin:0!important;display:block;cursor:zoom-in;}
.b-galpage > img{border-radius:var(--b-r);box-shadow:var(--b-sh-1);transition:var(--b-t);}
.b-galpage > img:hover{transform:translateY(-3px);box-shadow:var(--b-sh-2);}
.b-galpage .b-hidden{display:none!important;}
@media(max-width:920px){.b-galpage{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.b-galpage{grid-template-columns:repeat(2,1fr);}.b-galpage img{height:150px!important;}}

/* korporativ-emekdasliq static page (DB content) */
.b-card .partners-intro{text-align:center;max-width:740px;margin:0 auto 30px;color:var(--b-ink-soft);font-size:16px;line-height:1.8;}
.partners-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.partner-card{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--b-line);border-radius:var(--b-r);height:120px;padding:16px;transition:var(--b-t);}
.partner-card img{max-height:76px;max-width:100%;width:auto;object-fit:contain;filter:none;opacity:1;transition:var(--b-t);}
.partner-card:hover{transform:translateY(-5px);box-shadow:var(--b-sh-2);border-color:var(--b-line-2);}
.partner-card:hover img{transform:scale(1.04);}
@media(max-width:920px){.partners-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:640px){.partners-grid{grid-template-columns:repeat(3,1fr);gap:12px;}.partner-card{height:96px;padding:12px;}}
@media(max-width:420px){.partners-grid{grid-template-columns:repeat(2,1fr);}}
.partners-intro{text-wrap:balance;}

/* ===== PROSE (admin-uploaded content — future-proof) ===== */
.b-prose{color:var(--b-ink-soft);font-size:16px;line-height:1.85;word-wrap:break-word;overflow-wrap:break-word;}
.b-prose > *:first-child{margin-top:0;}
.b-prose h1,.b-prose h2,.b-prose h3,.b-prose h4,.b-prose h5{font-family:var(--b-fdisp);color:var(--b-brand-deep);margin:24px 0 10px;line-height:1.25;}
.b-prose h2{font-size:clamp(20px,2.6vw,26px);}
.b-prose h3{font-size:clamp(18px,2.2vw,21px);}
.b-prose p{margin:0 0 15px;}
.b-prose img{max-width:100%;height:auto;border-radius:var(--b-r);margin:12px 0;box-shadow:var(--b-sh-1);}
.b-prose a{color:var(--b-brand);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.b-prose ul,.b-prose ol{margin:0 0 16px 22px;}
.b-prose li{margin-bottom:7px;}
.b-prose blockquote{border-left:4px solid var(--b-sky);background:var(--b-soft);padding:12px 18px;border-radius:0 var(--b-r) var(--b-r) 0;margin:16px 0;color:var(--b-ink);}
.b-prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px;}
.b-prose table td,.b-prose table th{border:1px solid var(--b-line);padding:10px 12px;text-align:left;}
.b-prose table th,.b-prose table tr:first-child td{background:var(--b-brand);color:#fff;font-weight:700;}
.b-prose table tr:nth-child(even) td{background:var(--b-soft);}
.b-prose .b-tablewrap,.b-prose figure{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.b-prose iframe,.b-prose video{max-width:100%;border-radius:var(--b-r);margin:12px 0;}

/* ===== DOCTOR DETAIL (fullstory.tpl — two columns: photo panel + bio) ===== */
.b-docprofile{display:grid;grid-template-columns:310px 1fr;gap:32px;align-items:start;}
.b-docprofile--nomedia{grid-template-columns:1fr;}
.b-docprofile--nomedia .b-docprofile__media{display:none;}
.b-docprofile__media{position:sticky;top:96px;}
.b-docprofile__photo{position:relative;border-radius:var(--b-r-lg);overflow:hidden;background:linear-gradient(160deg,var(--b-soft-2),#dcebf7);box-shadow:var(--b-sh-2);aspect-ratio:3/3.5;border:1px solid var(--b-line);}
.b-docprofile__photo img{width:100%;height:100%;object-fit:cover;object-position:top center;cursor:zoom-in;display:block;transition:transform .5s ease;}
.b-docprofile__photo:hover img{transform:scale(1.04);}
.b-docprofile__tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);color:var(--b-brand);font-size:11.5px;font-weight:700;padding:5px 13px;border-radius:var(--b-pill);z-index:2;}
.b-docprofile__info{margin:0;}
.b-docprofile__spec{display:inline-flex;align-items:center;gap:8px;color:var(--b-brand);font-weight:700;font-size:13.5px;background:var(--b-soft-2);padding:7px 16px;border-radius:var(--b-pill);margin-bottom:20px;}
.b-docprofile__spec .b-svg{width:15px;height:15px;}
.b-prose--doc img{border-radius:var(--b-r);}

/* ===== NEWS DETAIL (fullstory-news.tpl) ===== */
.b-artmeta{display:flex;flex-wrap:wrap;gap:16px;color:var(--b-ink-soft);font-size:13.5px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--b-line);}
.b-artmeta span{display:inline-flex;align-items:center;gap:7px;}
.b-artmeta .b-svg{width:15px;height:15px;color:var(--b-sky);}
.b-backlink{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:var(--b-brand);font-weight:700;font-size:14px;text-decoration:none;}
.b-backlink .b-svg{width:16px;height:16px;transform:rotate(180deg);transition:transform var(--b-t);}
.b-backlink:hover .b-svg{transform:rotate(180deg) translateX(4px);}

/* ===== CONTACT (feedback.tpl) ===== */
.b-contact{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--b-line);border-radius:var(--b-r-lg);overflow:hidden;box-shadow:var(--b-sh-1);}
.b-contact__form{border-right:1px solid var(--b-line);min-height:560px;}
.b-contact__form iframe{width:100%;height:100%;min-height:560px;border:0;display:block;}
.b-contact__info{padding:32px;display:flex;flex-direction:column;gap:18px;}
.b-contact__row{display:flex;gap:14px;align-items:flex-start;}
.b-contact__row .b-ci{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--b-soft-2);color:var(--b-brand);display:grid;place-items:center;}
.b-contact__row .b-ci .b-svg{width:20px;height:20px;}
.b-contact__row b{font-family:var(--b-fdisp);font-size:14px;color:var(--b-ink);display:block;margin-bottom:3px;}
.b-contact__row p{margin:0;color:var(--b-ink-soft);font-size:14.5px;line-height:1.55;}
.b-contact__map{margin-top:24px;border-radius:var(--b-r-lg);overflow:hidden;box-shadow:var(--b-sh-1);border:1px solid var(--b-line);}
.b-contact__map #map,.b-contact__map .map-style{width:100%;height:380px;}

@media(max-width:860px){
  .b-docprofile{grid-template-columns:1fr;gap:20px;}
  .b-docprofile__media{position:static;max-width:300px;margin:0 auto;}
  .b-docprofile__photo{aspect-ratio:3/3.1;}
  .b-contact{grid-template-columns:1fr;}
  .b-contact__form{border-right:0;border-bottom:1px solid var(--b-line);}
}

/* listing responsive */
@media(max-width:920px){.b-listgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.b-listgrid{grid-template-columns:1fr;}}

/* lightbox */
.b-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(1,28,48,.92);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--b-t);padding:28px;}
.b-lightbox.open{opacity:1;visibility:visible;}
.b-lightbox img{max-width:92vw;max-height:88vh;border-radius:var(--b-r);box-shadow:var(--b-sh-3);transform:scale(.95);transition:var(--b-t);}
.b-lightbox.open img{transform:scale(1);}
.b-lightbox__x{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;border:0;font-size:22px;cursor:pointer;transition:var(--b-t);z-index:3;}
.b-lightbox__x:hover{background:#fff;color:var(--b-brand);}
.b-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:24px;cursor:pointer;display:grid;place-items:center;transition:var(--b-t);z-index:3;}
.b-lightbox__nav:hover{background:#fff;color:var(--b-brand);}
.b-lightbox__nav.prev{left:20px;}.b-lightbox__nav.next{right:20px;}
.b-lightbox__count{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff;font-size:13px;opacity:.85;}
@media(max-width:600px){.b-lightbox{padding:14px;}.b-lightbox__nav{width:42px;height:42px;font-size:19px;}.b-lightbox__nav.prev{left:8px;}.b-lightbox__nav.next{right:8px;}}

/* ===== DOCTOR floated photo (desktop side-by-side, mobile stacked) ===== */
.b-prose--doc .b-floatphoto{float:left;width:clamp(180px,32%,270px);margin:4px 28px 14px 0;border-radius:var(--b-r-lg);box-shadow:var(--b-sh-2);object-fit:cover;cursor:zoom-in;}
@media(max-width:600px){.b-prose--doc .b-floatphoto{float:none;display:block;width:100%;max-width:300px;margin:0 auto 18px;}}

/* ===== NEWS image slider ===== */
.b-slider{position:relative;margin:0 0 22px;border-radius:var(--b-r-lg);overflow:hidden;background:#0b1f33;box-shadow:var(--b-sh-2);}
.b-slider__track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);}
.b-slider__slide{min-width:100%;}
.b-slider__slide img{width:100%;height:clamp(260px,52vw,560px);object-fit:contain;background:#0b1f33;display:block;cursor:zoom-in;margin:0!important;float:none!important;border-radius:0!important;}
.b-slider__btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--b-brand-deep);font-size:20px;cursor:pointer;display:grid;place-items:center;transition:var(--b-t);z-index:2;}
.b-slider__btn:hover{background:#fff;transform:translateY(-50%) scale(1.08);}
.b-slider__btn.prev{left:14px;}.b-slider__btn.next{right:14px;}
.b-slider__count{position:absolute;top:12px;right:14px;background:rgba(1,28,48,.6);color:#fff;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:var(--b-pill);z-index:2;}
.b-slider__dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:2;}
.b-slider__dots b{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:var(--b-t);}
.b-slider__dots b.on{background:#fff;width:22px;border-radius:5px;}

/* ===== responsive video (youtube) ===== */
.b-video{position:relative;width:100%;aspect-ratio:16/9;margin:0 0 22px;border-radius:var(--b-r-lg);overflow:hidden;box-shadow:var(--b-sh-2);background:#000;}
.b-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.b-prose--news img{cursor:zoom-in;}
/* single-image news: clean responsive figure (no float) */
.b-newsfig{margin:0 0 22px;}
.b-newsfig img{display:block;width:100%;height:auto;border-radius:var(--b-r-lg);box-shadow:var(--b-sh-2);margin:0;cursor:zoom-in;}
/* reset old floated crops inside prose (so it doesn't break even if JS misses them) */
.b-prose--news .crop,.b-prose--news .crop img,.b-prose--doc .crop,.b-prose--doc .crop img{float:none!important;}

/* back to top (sits ABOVE the WhatsApp button) */
.b-top{position:fixed;right:21px;bottom:88px;z-index:1500;width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--b-brand-deep),var(--b-brand));color:#fff;cursor:pointer;box-shadow:var(--b-sh-brand);opacity:0;transform:translateY(18px);pointer-events:none;transition:var(--b-t);display:grid;place-items:center;}
.b-top.show{opacity:1;transform:none;pointer-events:auto;}
.b-top:hover{background:var(--b-sky);transform:translateY(-3px);}
.b-top .b-svg{width:20px;height:20px;}

/* ===== WHATSAPP FLOATING BUTTON (always visible, round, bottom-right) ===== */
.b-wa{position:fixed;right:20px;bottom:20px;z-index:1600;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.5);text-decoration:none;transition:var(--b-t);}
.b-wa:hover{background:#1fbe5b;transform:translateY(-3px) scale(1.05);box-shadow:0 16px 34px rgba(37,211,102,.6);}
.b-wa__ic{width:32px;height:32px;fill:#fff;stroke:none;position:relative;z-index:2;}
.b-wa__ring{position:absolute;inset:0;border-radius:50%;background:#25D366;z-index:1;animation:b-wa-pulse 2.6s ease-out infinite;}
@keyframes b-wa-pulse{0%{transform:scale(1);opacity:.5;}70%{transform:scale(1.95);opacity:0;}100%{transform:scale(1.95);opacity:0;}}
@media(prefers-reduced-motion:reduce){.b-wa__ring{display:none;}}
@media(max-width:640px){
  .b-wa{width:52px;height:52px;right:16px;bottom:16px;}
  .b-wa__ic{width:28px;height:28px;}
  .b-top{right:17px;bottom:80px;}
}

/* ===== hide leftover highslide remnants (defensive) ===== */
.highslide-container,.highslide-overlay,.highslide-dimming,.highslide-loading,.highslide-controls,.highslide-caption{display:none!important;}

/* ================= RESPONSIVE ================= */
@media(max-width:1080px){.b-nav a{padding:9px 9px;font-size:13px;}}
@media(max-width:1200px){.b-docs{grid-template-columns:repeat(4,1fr);}}
@media(max-width:920px){
  .b-nav{display:none;}.b-burger{display:flex;}
  .b-hd .b-wrap{justify-content:space-between;gap:10px;}
  .b-logo{margin-right:auto;}
  .b-hd-cta .b-btn{padding:10px 16px;font-size:13px;}
  .b-about__grid{grid-template-columns:1fr;gap:30px;}
  .b-docs{grid-template-columns:repeat(3,1fr);}
  .b-news{grid-template-columns:repeat(2,1fr);}
  .b-stats__grid{grid-template-columns:repeat(2,1fr);}
  .b-stat:nth-child(2){border-right:0;}.b-stat{border-bottom:1px solid var(--b-line);}
  .b-gal,.b-photogrid{grid-template-columns:repeat(3,1fr);}
  .b-footer__grid{grid-template-columns:1fr 1fr;gap:28px;}
  .b-topbar .b-meta span.addr{display:none;}
}
@media(max-width:640px){
  .b-sec{padding:46px 0;}
  .b-hd .b-wrap{min-height:64px;gap:8px;}
  .b-logo img{max-height:42px;}
  .b-hd-cta{gap:7px;}
  .b-hd-cta .b-btn{padding:9px 13px;font-size:12px;gap:6px;}
  .b-hd-cta .b-btn .b-svg{width:16px;height:16px;}
  .b-burger{width:40px;height:40px;}
  .b-docs{grid-template-columns:repeat(2,1fr);gap:14px;}
  .b-news{grid-template-columns:1fr;}
  .b-gal,.b-photogrid{grid-template-columns:repeat(2,1fr);}
  .b-gal__it.big{grid-column:span 2;grid-row:span 1;}
  .b-stats__grid{grid-template-columns:1fr;}.b-stat{border-right:0;}
  .b-footer__grid{grid-template-columns:1fr;}
  .b-cta{padding:32px 20px;}
  .b-hero__inner{padding:60px 0;}
  .b-photogrid img{height:140px;}
}

/* ===== PAGINATION mobile (single row, compact; prev/next arrows only) ===== */
@media(max-width:560px){
  .basenavi a,.basenavi .navigation span,.basenavi .navigation b,.basenavi .nextprev > span,.b-pager button{min-width:38px;height:38px;padding:0 9px;font-size:13px;}
  .basenavi,.b-pager{gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;}
  .b-pager__dots{height:38px;min-width:18px;padding-bottom:6px;}
}

/* ===== very small phones (<=425px): keep header on one row, no overflow ===== */
@media(max-width:425px){
  .b-hd .b-wrap{gap:6px;}
  .b-logo img{max-height:36px;}
  .b-hd-cta{gap:6px;}
  .b-hd-cta .b-btn .b-svg{display:none;}       /* drop icon so the "Analiz Cavabları" text fits without overflow */
  .b-hd-cta .b-btn{padding:8px 12px;font-size:11px;gap:0;letter-spacing:-.1px;}
  .b-hd-cta .b-btn .t{display:inline;}         /* keep the label visible */
  .b-burger{width:38px;height:38px;}
}
@media(max-width:340px){
  .b-hd-cta .b-btn{padding:7px 9px;font-size:10px;}
  .b-logo img{max-height:32px;}
}

/* ============================================================
   PAGE BACKGROUND — BLUE GRADIENT CANVAS (round 6, 2026-06-23)
   Light brand-blue base (#DCE9F6) + soft mesh lights (cyan/brand),
   directionless → looks equally good on long/short pages.
   Transparent .b-sec sections reveal this canvas; .b-sec-soft/.b-pagebody
   get a glassy white veil (rgba .52) for a soft light band. Text
   readability (WCAG: ink ~8-13:1, muted ~4.3-5:1) and white-card
   contrast were adversarially checked. Kept subtle ("not too dark").
   TO ROLL BACK: set body.b-scope to background:var(--b-ground),
   restore .b-sec-soft & .b-pagebody background to var(--b-soft).
   ============================================================ */
body.b-scope{
  background-color:#DCE9F6;
  background-image:
    radial-gradient(1100px 620px at 50% -8%,rgba(255,255,255,.75),rgba(255,255,255,0) 60%),
    radial-gradient(880px 560px at 4% 1%,rgba(0,166,206,.12),transparent 60%),
    radial-gradient(900px 600px at 100% 6%,rgba(0,86,150,.10),transparent 58%),
    radial-gradient(1200px 940px at 50% 120%,rgba(1,58,100,.14),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 26%,rgba(0,86,150,.04) 100%);
  background-repeat:no-repeat;
  background-attachment:scroll;
}
.b-sec-soft,.b-pagebody{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M22 14.5v15 M14.5 22h15' stroke='%23005696' stroke-opacity='0.05' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size:44px 44px;
  background-position:center;
}