/*
Theme Name: MSB Beograd
Theme URI: https://msbeograd.com
Author: Pavle
Description: Custom lagana tema za Medicinski Sistem Beograd (MSB) — gradjena bez page buildera, sa fokusom na brzinu i AI/GEO-friendly strukturu sadrzaja. Prva faza: homepage (front-page.php).
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: msb
*/

  :root{
    --blue: #98B3D1;
    --blue-tint: #EAF0F7;
    --navy: #04214B;
    --ink: #10182A;
    --muted: #46536B;
    --paper: #F6F7F9;
    --footer-bg: #2C3E50;
    --vital: #2F7A6B;
    --vital-dark: #23594E;
    --sand: #EFEAE2;
    --white: #FFFFFF;
    --line: rgba(4,33,75,0.12);
    --red: #D5040B;
    --red-dark: #A80309;
    --silver: #9A9A9A;
  }
  *{box-sizing:border-box; margin:0; padding:0;}

  /* Pristupacnost: div-ovi sa onclick pretvoreni su u prava <button>
     dugmad (radi tastature/citaca ekrana). Ovde poništavamo
     podrazumevani izgled pregledaca - konkretne klase ispod
     (.slide-arrow, .filter-chip, itd) i dalje nose svoju pravu
     stilizaciju, jer dolaze KASNIJE u fajlu i tako pobedjuju u kaskadi. */
  .macc-head, .filter-chip, .price-choice-card, .slide-arrow,
  .slide-dot, .burger, .mdrawer-close{
    font-family:'Open Sans', sans-serif;
    background-color:transparent;
    margin:0;
    text-align:inherit;
    -webkit-appearance:none;
    appearance:none;
    border:none;
  }
  .macc-head{ display:block; width:100%; }
  html{ width:100%; }
  svg{ max-width:100%; }
  body{
    font-family: 'Open Sans', sans-serif;
    background: var(--paper);
    color: var(--ink);
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    width:100%;
  }
  .mono{ font-family:'Open Sans', sans-serif; letter-spacing:0.03em; }
  .display{ font-family:'Open Sans', sans-serif; font-weight:700; letter-spacing:-0.01em; }
  a{ color: inherit; text-decoration:none; }
  .wrap{ max-width: 1180px; margin:0 auto; padding:0 32px; }

  /* Top bar */
  .topbar{ background: var(--navy); color: rgba(255,255,255,0.75); font-size:12.5px; }
  .topbar .wrap{ display:flex; justify-content:space-between; align-items:center; height:38px; }
  .topbar .wrap span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .topbar .mono{ color: rgba(255,255,255,0.9); flex-shrink:0; margin-left:10px; }
  @media (max-width:900px){
    .topbar{ display:none; }
  }

  /* Nav */
  nav{ background: var(--white); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; }
  nav .wrap{ display:flex; align-items:center; justify-content:space-between; height:78px; }
  .logo{ display:flex; align-items:center; gap:10px; font-weight:700; font-size:19px; color:var(--navy); }
  .logo-img{ height:42px; width:auto; display:block; }
  .cta-btn-mobile{ display:none; }
  .mobile-nav-actions{ display:contents; }
  .footer-logo{ height:32px; background:rgba(255,255,255,0.92); padding:6px 10px; border-radius:6px; }
  .logo .mark{ width:34px; height:34px; border-radius:8px; background: linear-gradient(135deg, var(--blue), var(--navy)); }
  .navlinks{ display:flex; gap:20px; font-size:12.5px; font-weight:600; color:#000000; }
  .navlinks > div{ position:relative; }
  .navlinks a{ opacity:1; color:#000000; padding:6px 0; border-bottom:2px solid transparent; transition:.15s; display:inline-flex; align-items:center; gap:5px; text-transform:uppercase; letter-spacing:0.03em; }
  .navlinks a:hover{ opacity:1; border-color: var(--blue); }
  .navlinks .caret{ font-size:10px; opacity:0.5; }
  .cta-btn{ background:none; color:var(--navy); padding:0; font-weight:800; font-size:17px; display:inline-flex; align-items:center; gap:8px; letter-spacing:0.01em; }
  .cta-btn .ico{ color:var(--vital); font-size:16px; }

  .lang-switch{ position:relative; margin-right:10px; }
  .lang-switch-trigger{ border:1px solid var(--line); color:var(--navy); padding:9px 14px; border-radius:7px; font-weight:600; font-size:13px; white-space:nowrap; display:inline-flex; align-items:center; gap:4px; }
  .lang-switch-trigger:hover{ border-color:var(--vital); }
  .lang-switch-trigger .caret{ font-size:10px; opacity:0.6; }
  .lang-switch-menu{
    position:absolute; top:100%; right:0; margin-top:0; background:white;
    border:1px solid var(--line); border-radius:10px; box-shadow:0 16px 36px -14px rgba(4,33,75,0.25);
    padding:16px 8px 8px; min-width:150px; display:none; z-index:30;
  }
  .lang-switch:hover .lang-switch-menu{ display:block; }
  .lang-switch-menu a{ display:block; padding:9px 12px; border-radius:7px; font-size:13.5px; font-weight:500; color:var(--navy); }
  .lang-switch-menu a:hover{ background:var(--blue-tint); }

  .translate-btn-mobile-row{ display:flex; gap:8px; margin-bottom:12px; }
  .translate-btn-mobile{ flex:1; text-align:center; border:1px solid var(--line); color:var(--navy); padding:11px 6px; border-radius:9px; font-weight:600; font-size:12.5px; }

  .lang-switch-mobile{ display:none; position:relative; }
  .lang-switch-mobile-trigger{ width:36px; height:36px; border-radius:50%; border:1px solid var(--line); background:none; font-size:16px; cursor:pointer; }
  .lang-switch-mobile-menu{
    display:none; position:absolute; top:100%; left:0; margin-top:8px; background:white;
    border:1px solid var(--line); border-radius:10px; box-shadow:0 16px 36px -14px rgba(4,33,75,0.25);
    padding:8px; min-width:140px; z-index:30;
  }
  .lang-switch-mobile-menu.open{ display:block; }
  .lang-switch-mobile-menu a{ display:block; padding:9px 12px; border-radius:7px; font-size:13.5px; font-weight:500; color:var(--navy); }
  .lang-switch-mobile-menu a:hover{ background:var(--blue-tint); }
  .cta-btn .ico{ font-size:14px; }

  /* Mega dropdown */
  .mega{
    position:absolute; top:100%; left:50%; transform:translateX(-50%);
    background:white; border:1px solid var(--line); border-radius:14px;
    box-shadow: 0 24px 60px -20px rgba(30,52,80,0.28);
    padding:34px 22px 22px; min-width:520px; display:none; z-index:30; margin-top:0;
  }
  .navlinks > div:hover .mega{ display:block; }
  .mega-wide{ min-width:760px; }
  .mega-wide .mega-grid{ grid-template-columns:repeat(3,1fr); max-height:420px; overflow-y:auto; }
  .mega-wide .mega-item{ font-size:12.5px; padding:9px 10px; }
  .mega-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:4px; }
  .mega-item{ display:flex; align-items:center; justify-content:space-between; padding:11px 12px; border-radius:8px; font-size:13.5px; font-weight:500; color:var(--navy); opacity:0.85; }
  .mega-item:hover{ background:var(--blue-tint); opacity:1; border:none; }
  .mega-item .n{ font-family:'Open Sans'; font-size:10.5px; opacity:0.5; }
  .mega-foot{ margin-top:14px; padding-top:14px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; }
  .mega-foot a{ font-size:12.5px; font-weight:600; color:var(--vital); border:none; padding:0; }
  .mega-foot span{ font-size:11.5px; opacity:0.5; }

  /* Mobile nav */
  .burger{ display:none; flex-direction:column; gap:5px; width:24px; cursor:pointer; background:none; border:none; padding:4px; }
  .burger span{ height:2px; background:var(--navy); border-radius:2px; transition:.2s; }

  .mobile-drawer{
    display:none; position:fixed; inset:0; background:white; z-index:100;
    overflow-y:auto; padding: 20px 24px 40px;
  }
  .mobile-drawer.open{ display:block; }
  .mdrawer-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
  .mdrawer-close{ background:none; border:none; font-size:22px; color:var(--navy); cursor:pointer; }
  .macc{ border-bottom:1px solid var(--line); }
  .macc-head{ display:flex; justify-content:space-between; align-items:center; padding:16px 2px; font-weight:600; font-size:15.5px; color:var(--navy); cursor:pointer; }
  .macc-head .caret{ transition:.2s; font-size:12px; opacity:0.5; }
  .macc.open .macc-head .caret{ transform:rotate(180deg); }
  .macc-body{ display:none; padding: 0 2px 16px; }
  .macc.open .macc-body{ display:block; }
  .macc-body a{ display:flex; justify-content:space-between; padding:9px 0; font-size:14px; color:var(--ink); opacity:0.75; border-bottom:none; }
  .macc-body .n{ font-family:'Open Sans'; font-size:10.5px; opacity:0.5; }
  .mflat a{ display:block; padding:16px 2px; font-weight:600; font-size:15.5px; color:var(--navy); border-bottom:1px solid var(--line); }
  .mdrawer-cta{ margin-top:22px; display:block; text-align:center; background:var(--vital); color:white; padding:14px; border-radius:9px; font-weight:600; }

  /* Slider */
  .slider{ padding:28px 0 0; background:var(--paper); }
  .slider .wrap{ position:relative; overflow:hidden; border-radius:18px; }
  .slide{
    display:none; position:relative; height:340px; align-items:center;
    background: linear-gradient(120deg, var(--navy) 0%, #2b4d72 100%);
  }
  .slide.active{ display:flex; }
  .slide-ph{ position:absolute; inset:0; opacity:0.14; background:
    repeating-linear-gradient(45deg, white 0 2px, transparent 2px 22px); }
  .slide-overlay{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(4,33,75,0.82) 0%, rgba(4,33,75,0.55) 45%, rgba(4,33,75,0.15) 100%); }
  .slide.has-bg{ background-image: var(--slide-bg-desktop); background-size:cover; background-position:center; }
  @media (max-width:600px){
    .slide.has-bg{ background-image: var(--slide-bg-mobile, var(--slide-bg-desktop)); }
  }
  .slide-inner{ position:relative; z-index:1; color:white; padding:0 48px; }
  .slide-tag{ font-family:'Open Sans'; font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--blue); margin-bottom:12px; display:block; }
  .slide h2{ font-size:34px; max-width:520px; line-height:1.15; }
  .slide p{ font-size:14.5px; opacity:0.75; margin-top:12px; max-width:440px; }
  .slide-btn{ display:inline-block; margin-top:22px; background:var(--red); color:white; padding:12px 24px; border-radius:9px; font-weight:600; font-size:14px; }
  .slide-nav{ position:absolute; bottom:20px; left:0; right:0; z-index:2; display:flex; justify-content:center; gap:4px; }
  .slide-dot{ width:24px; height:24px; border-radius:50%; background:none; border:none; padding:0; cursor:pointer; position:relative; }
  .slide-dot::before{ content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.35); transition:.15s; }
  .slide-dot.active::before{ background:white; width:22px; height:8px; border-radius:4px; }
  .slide-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,0.14); color:white; display:flex; align-items:center; justify-content:center; font-size:15px; cursor:pointer; border:1px solid rgba(255,255,255,0.22); }
  .slide-arrow:hover{ background:rgba(255,255,255,0.24); }
  .slide-arrow.prev{ left:16px; } .slide-arrow.next{ right:16px; }
  @media (max-width:900px){
    .slide{ height:300px; } .slide h2{ font-size:24px; } .slide-arrow{ display:none; }
    .slide-inner{ padding:0 28px; }
    .slider .wrap{ border-radius:14px; }
  }
  @media (max-width:600px){
    .slider{ padding:16px 0 0; }
    .slider .wrap{ border-radius:0; }
  }

  /* Hero */
  .hero{ padding: 76px 0 90px; position:relative; overflow:hidden; }
  .hero::before{
    content:''; position:absolute; top:-180px; right:-160px; width:560px; height:560px;
    background: radial-gradient(circle, var(--blue-tint) 0%, transparent 70%);
  }
  .hero .wrap{ position:relative; }
  .eyebrow{ display:inline-flex; align-items:center; gap:8px; background:var(--blue-tint); color:var(--navy); padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:600; margin-bottom:26px; }
  .eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--vital); }
  .hero h1{ font-size:52px; line-height:1.08; color:var(--navy); max-width:680px; letter-spacing:-0.01em; }
  .hero p.lead{ margin-top:22px; font-size:17px; max-width:520px; color:var(--muted); }

  /* Ask box - signature element */
  .ask-box{ margin-top:42px; background:var(--white); border:1px solid var(--line); border-radius:16px; padding:8px; max-width:640px; box-shadow: 0 20px 50px -20px rgba(30,52,80,0.25); }
  .ask-box-inner{ display:flex; align-items:center; gap:10px; padding:10px 8px 10px 18px; }
  .ask-icon{ color:var(--vital); font-size:18px; }
  .ask-input{ flex:1; font-size:15.5px; color:var(--ink); border:none; outline:none; background:none; font-family:'Open Sans'; padding:0; }
  .ask-input::placeholder{ color:var(--muted); opacity:0.8; }
  .ask-submit{ background:var(--navy); color:white; padding:12px 20px; border-radius:11px; font-size:14px; font-weight:600; white-space:nowrap; border:none; cursor:pointer; font-family:'Open Sans'; }
  .ask-chip{ cursor:pointer; }
  .ask-examples{ display:flex; gap:8px; margin-top:14px; flex-wrap:wrap; }
  .ask-chip{ font-size:12.5px; padding:6px 12px; border-radius:20px; border:1px solid var(--line); color:var(--navy); opacity:0.7; }

  .hero-meta{ margin-top:36px; display:flex; gap:36px; }
  .hero-meta div{ }
  .hero-meta .num{ font-family:'Open Sans'; font-size:22px; font-weight:600; color:var(--navy); }
  .hero-meta .lbl{ font-size:12px; opacity:0.6; margin-top:2px; }

  @media (max-width:900px){
    .hero .wrap{ display:flex; flex-direction:column; }
    .eyebrow{ display:none; }
    .ask-examples{ display:none; }
    .hero h1{ order:1; }
    .hero p.lead{ order:2; }
    .hero-meta{ order:3; margin-top:26px; gap:26px; }
    .ask-box{ order:4; margin-top:22px; max-width:100%; }
    .ask-box-inner{ flex-wrap:wrap; }
    .ask-submit{ flex:1 1 100%; text-align:center; margin-top:6px; }
  }

  /* Promo banner */
  .promo{ padding: 0 0 8px; }
  .promo-inner{
    position:relative; overflow:hidden;
    background: linear-gradient(120deg, var(--red-dark) 0%, var(--red) 55%, #7d7d7d 100%);
    border-radius: 18px; padding: 34px 40px; display:flex; align-items:center; justify-content:space-between; gap:24px;
    color:white;
  }
  .promo-inner::after{
    content:''; position:absolute; right:-60px; top:-60px; width:220px; height:220px; border-radius:50%;
    background: rgba(255,255,255,0.08);
  }
  .promo-left{ display:flex; align-items:center; gap:20px; position:relative; z-index:1; }
  .promo-cross{ width:44px; height:44px; flex-shrink:0; position:relative; }
  .promo-cross::before, .promo-cross::after{ content:''; position:absolute; background:white; border-radius:3px; }
  .promo-cross::before{ width:100%; height:32%; top:34%; left:0; }
  .promo-cross::after{ height:100%; width:32%; left:34%; top:0; }
  .promo-tag{ font-family:'Open Sans'; font-size:11.5px; text-transform:uppercase; letter-spacing:0.08em; opacity:0.85; margin-bottom:6px; display:block; }
  .promo-title{ font-size:22px; font-weight:600; }
  .promo-sub{ font-size:13.5px; opacity:0.85; margin-top:4px; }
  .promo-btn{ position:relative; z-index:1; background:white; color:var(--red-dark); padding:13px 26px; border-radius:9px; font-weight:700; font-size:14px; white-space:nowrap; }
  @media (max-width:900px){
    .promo-inner{ flex-direction:column; align-items:flex-start; }
    .promo-cross{ display:none; }
    .promo-btn{ width:100%; text-align:center; margin-top:14px; }
  }

  /* Section label */
  .section{ padding: 64px 0; }
  .section-head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:34px; }
  .section-tag{ font-family:'Open Sans'; font-size:12px; color:var(--vital); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:10px; display:block; }
  .section-head h2{ font-size:30px; color:var(--navy); }
  .see-all{ font-size:13.5px; font-weight:600; color:var(--vital); border-bottom:1px solid var(--vital); padding-bottom:2px; }

  /* Department grid */
  .dept-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
  .dept-grid .dept-card{ min-width:0; overflow:hidden; }
  .dept-card{ background:var(--white); border:1px solid var(--line); border-radius:14px; padding:22px 20px; transition:.15s; display:block; }
  .dept-card:hover{ border-color:var(--blue); transform:translateY(-2px); }
  .dept-icon{ width:42px; height:42px; flex-shrink:0; border-radius:10px; background:var(--blue-tint); display:flex; align-items:center; justify-content:center; color:var(--navy); margin-bottom:14px; overflow:hidden; }
  .dept-icon svg{ width:22px; height:22px; max-width:100%; max-height:100%; }
  .dept-icon svg{ width:22px; height:22px; }
  .dept-card .count{ font-family:'Open Sans'; font-size:11px; color:var(--vital); }
  .dept-card h3{ font-size:16px; margin-top:10px; color:var(--navy); font-weight:600; }
  .dept-card p{ font-size:13px; color:var(--muted); margin-top:6px; }

  /* Answer-first procedure card */
  .proc-section{ background:#98B3D1; color:var(--navy); }
  .proc-section .section-tag{ color:var(--navy); }
  .proc-section h2{ color:var(--navy); }
  .proc-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:16px; }
  .proc-card{ background:var(--white); border:1px solid rgba(4,33,75,0.08); border-radius:14px; padding:24px 22px; transition:.15s; box-shadow: 0 10px 30px -12px rgba(4,33,75,0.18); }
  .proc-card:hover{ transform:translateY(-2px); box-shadow: 0 16px 36px -14px rgba(4,33,75,0.26); }
  .proc-icon{ width:38px; height:38px; flex-shrink:0; border-radius:10px; background:rgba(4,33,75,0.07); display:flex; align-items:center; justify-content:center; color:var(--navy); font-size:17px; margin-bottom:16px; overflow:hidden; }
  .proc-icon svg{ width:20px; height:20px; max-width:100%; max-height:100%; }
  .proc-card h3{ font-size:16.5px; margin-bottom:10px; color:var(--ink); }
  .proc-answer{ font-size:13.5px; line-height:1.55; color:var(--muted); }
  .proc-tag{ display:inline-block; font-family:'Open Sans'; font-size:10.5px; background:rgba(4,33,75,0.07); color:var(--navy); padding:4px 9px; border-radius:6px; margin-bottom:12px; }
  .proc-more{ display:inline-block; margin-top:14px; font-size:12.5px; font-weight:600; color:var(--navy); }

  /* Doctors */
  .doc-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
  .doc-card{ text-align:left; position:relative; }
  .doc-photo{ width:100%; aspect-ratio:3/3.6; border-radius:16px; background:linear-gradient(150deg, var(--blue-tint), var(--sand)); background-size:cover; background-position:center; margin-bottom:16px; display:flex; align-items:center; justify-content:center; color:var(--navy); font-size:13px; position:relative; overflow:hidden; }
  .doc-photo.no-photo{ opacity:0.35; }
  .doc-badge{ position:absolute; top:12px; left:12px; background:var(--red); color:white; font-size:10.5px; font-weight:700; letter-spacing:0.03em; padding:5px 10px; border-radius:20px; text-transform:uppercase; opacity:1; }
  .doc-card h4{ font-size:16.5px; color:var(--navy); font-weight:700; }
  .doc-card .role{ font-size:13px; color:var(--muted); margin-top:3px; }
  .doc-card .exclusive-note{ font-size:11.5px; color:var(--red-dark); font-weight:600; margin-top:7px; display:flex; align-items:center; gap:5px; }
  .doc-card .exclusive-note::before{ content:'●'; font-size:6px; }
  .doc-stat-strip{ display:flex; gap:36px; margin-bottom:30px; padding:18px 22px; background:var(--white); border:1px solid var(--line); border-radius:12px; }
  .doc-stat-strip div{ }
  .doc-stat-strip .num{ font-family:'Open Sans'; font-size:20px; font-weight:600; color:var(--navy); }
  .doc-stat-strip .lbl{ font-size:11.5px; opacity:0.6; margin-top:1px; }

  /* Trust strip */
  .trust{ padding: 40px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .trust .wrap{ display:flex; align-items:center; justify-content:space-between; }
  .trust-label{ font-family:'Open Sans'; font-size:11.5px; opacity:0.5; text-transform:uppercase; letter-spacing:0.06em; }
  .trust-logos{ display:flex; gap:28px; align-items:center; }
  .trust-logos span{ font-size:13px; font-weight:600; opacity:0.4; color:var(--navy); }

  footer{ background:var(--footer-bg); color:#FFFFFF; padding:64px 0 0; margin-top:0; border-top:none; }
  footer .wrap{ font-size:13px; }
  .foot-grid{ display:grid; grid-template-columns: 0.6fr 1fr 1fr 1fr 1fr; gap:32px; padding-bottom:40px; }
  .foot-about{ display:flex; flex-direction:column; justify-content:flex-end; }
  .foot-social{ display:flex; gap:10px; margin-top:2px; }
  .foot-social a{ width:38px; height:38px; border-radius:9px; background:rgba(255,255,255,0.08); color:white; display:flex; align-items:center; justify-content:center; transition:.15s; }
  .foot-social a:hover{ background:var(--red); }
  .foot-social a svg{ width:18px; height:18px; }
  .foot-col h5{ color:white; font-size:12px; text-transform:uppercase; letter-spacing:0.06em; font-weight:700; margin-bottom:16px; }
  .foot-col a{ display:block; font-size:13px; color:#FFFFFF; padding:6px 0; text-transform:uppercase; letter-spacing:0.03em; }
  .foot-col a:hover{ color:var(--blue); }
  .foot-contact-item{ font-size:13px; color:#FFFFFF; padding:6px 0; display:block; text-transform:none; letter-spacing:normal; }
  .foot-map-link:hover{ color:var(--blue); text-decoration:underline; }
  .foot-phone{ font-family:'Open Sans'; color:#B3C7E0; font-size:14px; display:block; margin:6px 0; font-weight:600; }
  .foot-hours-box{ background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); border-radius:10px; padding:16px 18px; margin-bottom:12px; }
  .foot-hours-box .hb-row{ display:flex; justify-content:space-between; font-size:12.5px; padding:4px 0; color:rgba(255,255,255,0.85); }
  .foot-hours-box .hb-row.hb-closed{ color:rgba(255,255,255,0.72); font-style:italic; }
  .foot-hours-box .hb-title{ font-size:11px; text-transform:uppercase; letter-spacing:0.05em; color:#B3C7E0; font-weight:700; margin:12px 0 6px; padding-top:8px; border-top:1px solid rgba(255,255,255,0.1); }
  .foot-hours-box .hb-title:first-child{ margin-top:0; padding-top:0; border-top:none; }
  .hb-call-btn{ display:block; text-align:center; background:var(--vital); color:white; padding:11px; border-radius:9px; font-weight:700; font-size:13px; text-transform:none; letter-spacing:normal; }
  .hb-call-btn:hover{ color:white; opacity:0.9; }
  .foot-insurance{ padding:30px 0; border-top:1px solid rgba(255,255,255,0.12); display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:nowrap; }
  .foot-insurance a{ display:flex; align-items:center; justify-content:center; opacity:0.8; transition:.15s; flex:1 1 0; max-width:110px; min-width:0; }
  .foot-insurance a:hover{ opacity:1; }
  .foot-insurance img{ width:100%; height:auto; max-height:110px; object-fit:contain; filter:brightness(0) invert(1); opacity:0.85; }
  @media (max-width:900px){
    .foot-insurance{ gap:6px; }
    .foot-insurance a{ max-width:60px; }
  }
  @media (max-width:560px){
    .foot-insurance{ gap:4px; overflow-x:auto; justify-content:flex-start; }
    .foot-insurance a{ max-width:44px; flex:0 0 auto; }
  }
  .foot-bottom{ border-top:1px solid rgba(255,255,255,0.12); padding:18px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
  .foot-copy{ font-size:12px; color:#FFFFFF; }
  @media (max-width:900px){
    .foot-grid{ grid-template-columns:1fr; gap:30px; }
    .foot-about{ justify-content:flex-start; }
  }

  @media (max-width: 900px){
    .hero h1{ font-size:36px; }
    .dept-grid{ grid-template-columns:repeat(2,1fr); }
    .doc-row{ grid-template-columns:repeat(2,1fr); }
    .proc-grid{ grid-template-columns:1fr; }
    .navlinks{ display:none; }
    .burger{ display:flex; }
    .cta-btn{ display:none; }
    .lang-switch{ display:none; }
    .lang-switch-mobile{ display:block; }
    .mobile-nav-actions{ display:flex; align-items:center; gap:10px; }
    .cta-btn-mobile{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:var(--vital); color:white; font-size:17px; margin-right:0; }
    .doc-info h1{ font-size:22px !important; }
    .logo-img{ height:36px; }
  }

/* Doctor profile page */
  .breadcrumb{ font-size:12.5px; color:var(--muted); padding:18px 0; }
  .breadcrumb a{ color:var(--muted); }
  .breadcrumb a:hover{ color:var(--navy); }
  .breadcrumb .sep{ margin:0 6px; opacity:0.5; }
  .breadcrumb .current{ color:var(--navy); font-weight:600; }

  .doc-hero{ padding: 44px 0 56px; }
  .doc-hero-grid{ display:grid; grid-template-columns: 300px 1fr; gap:48px; align-items:start; }
  .doc-photo-lg{ width:100%; aspect-ratio:1/1; border-radius:18px; background:linear-gradient(150deg, var(--blue-tint), var(--sand)); background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center; color:var(--navy); font-size:14px; position:relative; overflow:hidden; }
  .doc-photo-lg.no-photo{ opacity:0.35; }
  .doc-photo-lg .badge{ position:absolute; top:14px; left:14px; background:var(--red); color:white; font-size:11px; font-weight:700; letter-spacing:0.03em; padding:6px 12px; border-radius:20px; text-transform:uppercase; }

  .doc-info{ padding-top:14px; }
  .doc-info h1{ font-size:34px; color:var(--navy); line-height:1.15; margin-bottom:10px; }
  .doc-info .spec{ font-size:16px; color:var(--vital-dark); font-weight:600; margin-bottom:18px; }
  .doc-info .exclusive-line{ font-size:13.5px; color:var(--red-dark); font-weight:600; margin-bottom:18px; display:flex; align-items:center; gap:6px; }
  .doc-info .exclusive-line::before{ content:'●'; font-size:7px; }
  .doc-info .short-bio{ font-size:15px; color:var(--muted); line-height:1.65; max-width:600px; margin-bottom:26px; }

  .doc-featured-procs{ margin-bottom:28px; max-width:640px; }
  .doc-featured-procs .fp-label{ font-size:11px; text-transform:uppercase; letter-spacing:0.05em; color:var(--muted); margin-bottom:10px; }
  .fp-placeholder{ background:var(--blue-tint); border:1px dashed var(--blue); border-radius:12px; padding:16px 18px; font-size:13px; color:var(--navy); opacity:0.75; }
  .fp-proc-list{ display:flex; flex-wrap:wrap; gap:8px; }
  .fp-proc-chip{ font-size:12.5px; font-weight:600; color:var(--vital-dark); background:rgba(47,122,107,0.1); padding:8px 14px; border-radius:20px; transition:.15s; }
  .fp-proc-chip:hover{ background:var(--vital); color:white; }

  .doc-cta-row{ display:flex; gap:12px; flex-wrap:wrap; }
  .btn-primary{ background:var(--vital); color:white; padding:13px 24px; border-radius:9px; font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:8px; }
  .btn-secondary{ background:var(--white); border:1px solid var(--line); color:var(--navy); padding:13px 24px; border-radius:9px; font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:8px; }

  /* Two column body: bio + sidebar */
  .doc-body{ padding: 20px 0 70px; }
  .doc-body-grid{ display:grid; grid-template-columns: 1fr 300px; gap:44px; align-items:start; }
  .doc-content h2{ font-size:22px; color:var(--navy); margin:36px 0 14px; }
  .doc-content h2:first-child{ margin-top:0; }
  .doc-content h3{ font-size:16px; color:var(--navy); margin:22px 0 8px; }
  .doc-content p{ font-size:14.5px !important; color:var(--muted) !important; line-height:1.75 !important; margin-bottom:10px; font-family:'Open Sans', sans-serif !important; }
  .doc-content ul{ margin:8px 0 14px 20px; }
  .doc-content li{ font-size:14.5px !important; color:var(--muted) !important; line-height:1.7 !important; margin-bottom:4px; font-family:'Open Sans', sans-serif !important; }
  .doc-content span,
  .doc-content div,
  .doc-content strong,
  .doc-content b{
    font-size: inherit !important;
    color: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
  }
  .doc-content strong,
  .doc-content b{ font-weight:700; color:var(--ink) !important; }

  .doc-sidebar{ position:sticky; top:100px; }
  .sb-card{ background:var(--white); border:1px solid var(--line); border-radius:14px; padding:22px; margin-bottom:16px; }
  .sb-card h4{ font-size:13px; text-transform:uppercase; letter-spacing:0.05em; color:var(--navy); margin-bottom:14px; }
  .sb-dept-link{ display:flex; justify-content:space-between; align-items:center; padding:10px 0; font-size:13.5px; color:var(--muted); border-bottom:1px solid var(--line); }
  .sb-dept-link:last-child{ border-bottom:none; }
  .sb-lang{ display:inline-block; background:var(--blue-tint); color:var(--navy); font-size:12px; font-weight:600; padding:5px 12px; border-radius:20px; margin:0 6px 6px 0; }
  .sb-locations div{ font-size:13px; color:var(--muted); padding:6px 0; }
  .sb-locations .loc-name{ color:var(--navy); font-weight:600; }

  @media (max-width:900px){
    .doc-hero-grid{ grid-template-columns:1fr; }
    .doc-photo-lg{ max-width:260px; }
    .doc-body-grid{ grid-template-columns:1fr; }
    .doc-sidebar{ position:static; }
  }


/* Doctors archive page */
  .archive-hero{ padding: 40px 0 30px; }
  .archive-hero h1{ font-size:32px; color:var(--navy); margin-bottom:10px; }
  .archive-hero p{ font-size:15px; color:var(--muted); max-width:560px; }

  .archive-search{ margin-top:26px; max-width:480px; background:var(--white); border:1px solid var(--line); border-radius:12px; padding:8px; display:flex; align-items:center; gap:10px; box-shadow: 0 12px 30px -16px rgba(4,33,75,0.15); }
  .archive-search input{ border:none; outline:none; flex:1; font-size:14px; padding:8px 6px 8px 10px; font-family:'Open Sans'; color:var(--ink); }
  .archive-search .search-icon{ color:var(--vital); padding-left:8px; }

  .filter-bar{ display:flex; gap:8px; flex-wrap:wrap; padding: 22px 0 34px; border-bottom:1px solid var(--line); margin-bottom:34px; }
  .filter-chip{ font-size:13px; font-weight:600; padding:8px 16px; border-radius:20px; border:1px solid var(--line); color:var(--muted); cursor:pointer; transition:.15s; }
  .filter-chip.active{ background:var(--navy); color:white; border-color:var(--navy); }
  .filter-chip:hover:not(.active){ border-color:var(--blue); color:var(--navy); }

  .archive-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; padding-bottom:60px; }
  .adoc-card{ text-align:left; }
  .adoc-photo{ width:100%; aspect-ratio:1/1; border-radius:14px; background:linear-gradient(150deg, var(--blue-tint), var(--sand)); background-size:cover; background-position:center; margin-bottom:12px; display:flex; align-items:center; justify-content:center; color:var(--navy); font-size:12px; }
  .adoc-photo.no-photo{ opacity:0.35; }
  .adoc-card h4{ font-size:15px; color:var(--navy); font-weight:700; }
  .adoc-card .role{ font-size:12.5px; color:var(--muted); margin-top:3px; line-height:1.4; }
  .adoc-card .dept-tag{ display:inline-block; margin-top:8px; font-size:11px; font-weight:600; color:var(--vital-dark); background:rgba(47,122,107,0.1); padding:4px 10px; border-radius:6px; }

  .archive-loadmore{ text-align:center; padding-bottom:60px; }
  .btn-loadmore{ display:inline-block; background:var(--white); border:1px solid var(--line); color:var(--navy); padding:13px 30px; border-radius:9px; font-weight:700; font-size:14px; }

  @media (max-width:900px){
    .archive-grid{ grid-template-columns:repeat(2,1fr); }
    .filter-bar{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:14px; }
    .filter-chip{ white-space:nowrap; }
  }


/* Department/specialty hub page */
  .hub-hero{ padding: 44px 0 24px; position:relative; overflow:hidden; }
  .hub-hero::before{
    content:''; position:absolute; top:-160px; right:-140px; width:480px; height:480px;
    background: radial-gradient(circle, var(--blue-tint) 0%, transparent 70%);
  }
  .hub-hero .wrap{ position:relative; }
  .hub-icon-badge{ width:56px; height:56px; border-radius:14px; background:var(--blue-tint); display:flex; align-items:center; justify-content:center; color:var(--navy); margin-bottom:18px; }
  .hub-icon-badge svg{ width:28px; height:28px; }
  .hub-hero .section-tag{ font-family:'Open Sans'; font-size:12px; color:var(--vital-dark); text-transform:uppercase; letter-spacing:0.06em; font-weight:700; margin-bottom:10px; display:block; }
  .hub-hero h1{ font-size:32px; color:var(--navy); margin-bottom:14px; max-width:720px; }
  .hub-hero .intro{ font-size:15.5px; color:var(--muted); line-height:1.7; max-width:680px; }
  .hub-hero .intro strong{ color:var(--navy); }

  .hub-body{ padding: 30px 0 70px; }
  .hub-grid-layout{ display:grid; grid-template-columns: 1fr 300px; gap:44px; align-items:start; }

  .proc-list-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:18px; }
  .proc-list-head h2{ font-size:19px; color:var(--navy); }
  .proc-count{ font-size:12.5px; color:var(--muted); }

  .proc-hub-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
  .proc-hub-card{ background:var(--white); border:1px solid var(--line); border-radius:12px; padding:18px 20px; transition:.15s; }
  .proc-hub-card:hover{ border-color:var(--blue); transform:translateY(-1px); }
  .proc-hub-card h3{ font-size:14.5px; color:var(--navy); font-weight:700; margin-bottom:6px; }
  .proc-hub-card p{ font-size:12.5px; color:var(--muted); line-height:1.5; }
  .proc-hub-card .arrow{ font-size:12px; color:var(--vital-dark); font-weight:700; margin-top:8px; display:inline-block; }

  .hub-sidebar{ position:sticky; top:100px; }
  .sb-card{ background:var(--white); border:1px solid var(--line); border-radius:14px; padding:22px; margin-bottom:16px; }
  .sb-card h4{ font-size:13px; text-transform:uppercase; letter-spacing:0.05em; color:var(--navy); margin-bottom:16px; }
  .sb-doc{ display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); }
  .sb-doc:last-child{ border-bottom:none; }
  .sb-doc-photo{ width:44px; height:44px; border-radius:10px; background:linear-gradient(150deg, var(--blue-tint), var(--sand)); flex-shrink:0; }
  .sb-doc-info h5{ font-size:13px; color:var(--navy); font-weight:700; }
  .sb-doc-info p{ font-size:11.5px; color:var(--muted); margin-top:2px; }
  .sb-other-dept{ display:flex; justify-content:space-between; padding:9px 0; font-size:13px; color:var(--muted); border-bottom:1px solid var(--line); }
  .sb-other-dept:last-child{ border-bottom:none; }
  .sb-cta-card{ background:var(--navy); border-radius:14px; padding:22px; text-align:center; }
  .sb-cta-card p{ color:white; font-size:13.5px; margin-bottom:14px; opacity:0.85; }
  .sb-cta-btn{ display:block; background:var(--vital); color:white; padding:12px; border-radius:9px; font-weight:700; font-size:13.5px; }

  @media (max-width:900px){
    .hub-grid-layout{ grid-template-columns:1fr; }
    .proc-hub-grid{ grid-template-columns:1fr; }
    .hub-sidebar{ position:static; }
  }


/* Single procedure page */
  .proc-hero{ padding: 40px 0 20px; }
  .proc-hero .section-tag{ font-family:'Open Sans'; font-size:12px; color:var(--vital-dark); text-transform:uppercase; letter-spacing:0.06em; font-weight:700; margin-bottom:10px; display:block; }
  .proc-hero h1{ font-size:32px; color:var(--navy); margin-bottom:0; max-width:720px; }

  .proc-body{ padding: 26px 0 70px; }
  .proc-grid-layout{ display:grid; grid-template-columns: 1fr 300px; gap:44px; align-items:start; }

  .proc-image{ width:100%; aspect-ratio:16/7; border-radius:16px; background:linear-gradient(150deg, var(--blue-tint), var(--sand)); background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center; color:var(--navy); font-size:13px; margin-bottom:30px; }
  .proc-image.no-photo{ opacity:0.35; }

  .proc-content h2{ font-size:20px; color:var(--navy); margin:32px 0 12px; }
  .proc-content h2:first-child{ margin-top:0; }
  .proc-content h3{ font-size:16px; color:var(--navy); margin:22px 0 8px; }
  .proc-content p{ font-size:14.5px !important; color:var(--muted) !important; line-height:1.75 !important; margin-bottom:12px; font-family:'Open Sans', sans-serif !important; }
  .proc-content ul{ margin:6px 0 16px 20px; }
  .proc-content li{ font-size:14.5px !important; color:var(--muted) !important; line-height:1.7 !important; margin-bottom:5px; font-family:'Open Sans', sans-serif !important; }
  /* Originalni sadrzaj je mesovito pisan (nekad <p>, nekad <li>, nekad
     <span>) za isti tip teksta - ovo obezbedjuje da SVE unutar teksta
     procedure izgleda isto, bez obzira kojim je tagom omotano, i
     ponistava eventualne zaostale inline stilove (boja, font-size)
     iz starog sajta koji bi inace probijali kroz nas dizajn. */
  .proc-content span,
  .proc-content div,
  .proc-content strong,
  .proc-content b{
    font-size: inherit !important;
    color: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
  }
  .proc-content strong,
  .proc-content b{ font-weight:700; color:var(--ink) !important; }
  .proc-content .proc-hub-card .arrow{
    color: var(--vital-dark) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
  .proc-content .proc-hub-card p{
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }
  .proc-note{ background:var(--blue-tint); border-left:3px solid var(--blue); border-radius:8px; padding:14px 18px; font-size:13px; color:var(--navy); margin:20px 0; }

  .proc-specialists{ margin-top:36px; }
  .proc-specialists h2{ margin-top:0; }
  .ps-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  .ps-card{ text-align:left; }
  .ps-photo{ width:100%; aspect-ratio:1/1; border-radius:12px; background:linear-gradient(150deg, var(--blue-tint), var(--sand)); margin-bottom:10px; }
  .ps-card h4{ font-size:13.5px; color:var(--navy); font-weight:700; }
  .ps-card p{ font-size:12px; color:var(--muted); margin-top:2px; }

  .proc-sidebar{ position:sticky; top:100px; }
  .sb-card{ background:var(--white); border:1px solid var(--line); border-radius:14px; padding:22px; margin-bottom:16px; }
  .sb-card h4{ font-size:13px; text-transform:uppercase; letter-spacing:0.05em; color:var(--navy); margin-bottom:14px; }
  .sb-price-row{ display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px dashed var(--line); gap:10px; }
  .sb-price-row:last-of-type{ border-bottom:none; }
  .sb-price-row .lbl{ font-size:12.5px; color:var(--muted); flex:1; }
  .sb-price-value{ font-size:13.5px; font-weight:700; color:var(--vital-dark); white-space:nowrap; }
  .sb-price-link{ font-size:12.5px; font-weight:700; color:var(--vital-dark); display:inline-block; margin-top:10px; }
  .sb-related a{ display:block; font-size:13px; color:var(--muted); padding:8px 0; border-bottom:1px solid var(--line); }
  .sb-related a:last-child{ border-bottom:none; }
  .sb-related a:hover{ color:var(--navy); }
  .sb-cta-card{ background:var(--navy); border-radius:14px; padding:22px; text-align:center; }
  .sb-cta-card p{ color:white; font-size:13.5px; margin-bottom:14px; opacity:0.85; }
  .sb-cta-btn{ display:block; background:var(--vital); color:white; padding:12px; border-radius:9px; font-weight:700; font-size:13.5px; }

  @media (max-width:900px){
    .proc-grid-layout{ grid-template-columns:1fr; }
    .ps-grid{ grid-template-columns:repeat(2,1fr); }
    .proc-sidebar{ position:static; }
  }


/* Cenovnik page */
.price-choice{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:30px; margin-bottom:70px; }
.price-choice-card{ background:var(--white); border:1px solid var(--line); border-radius:16px; padding:20px 24px; text-align:center; cursor:pointer; transition:.15s; }
.price-choice-card:hover{ border-color:var(--vital); transform:translateY(-3px); box-shadow:0 16px 36px -18px rgba(4,33,75,0.25); }
.price-choice-card .pc-icon{ font-size:24px; margin-bottom:8px; }
.price-choice-card .pc-title{ font-size:18px; color:var(--navy); font-weight:800; letter-spacing:0.02em; margin-bottom:4px; }
.price-choice-card p{ font-size:13px; color:var(--muted); margin-bottom:8px; }
.price-choice-card .pc-count{ display:inline-block; font-size:11.5px; font-weight:700; color:var(--vital-dark); background:var(--blue-tint); padding:5px 12px; border-radius:20px; }

.price-list-wrap{ padding-bottom:60px; }
.price-back-link{ display:inline-block; font-size:13px; font-weight:600; color:var(--vital-dark); margin-top:26px; }
.price-back-link:hover{ text-decoration:underline; }
.price-current-loc{ font-size:22px; color:var(--navy); margin:10px 0 4px; }

.price-cat-block{ margin-bottom:34px; }
.price-cat-title{ font-size:16px; color:var(--navy); font-weight:700; padding-bottom:10px; border-bottom:2px solid var(--blue-tint); margin-bottom:6px; }
.price-rows{ }
.price-row{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:11px 4px; border-bottom:1px dashed var(--line); }
.price-row:hover{ background:var(--blue-tint); }
.price-row-name{ font-size:14px; color:var(--ink); flex:1; }
.price-row-amount{ font-size:14px; font-weight:700; color:var(--vital-dark); white-space:nowrap; font-family:'Open Sans'; }

@media (max-width:900px){
  .price-choice{ grid-template-columns:1fr; }
  .price-row{ flex-direction:column; gap:2px; }
}

/* Novosti (blog) listing */
.news-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:34px 0 30px; }
.news-card{ display:block; background:var(--white); border:1px solid var(--line); border-radius:14px; overflow:hidden; transition:.15s; }
.news-card:hover{ border-color:var(--blue); transform:translateY(-3px); box-shadow:0 16px 32px -18px rgba(4,33,75,0.22); }
.news-card-img{ width:100%; aspect-ratio:16/10; background-color:var(--blue-tint); background-image:linear-gradient(150deg, var(--blue-tint), var(--sand)); background-size:cover; background-position:center; }
.news-card-body{ padding:18px 20px 22px; }
.news-card-tag{ display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--vital-dark); background:rgba(47,122,107,0.1); padding:4px 10px; border-radius:6px; margin-bottom:10px; }
.news-card h3{ font-size:16px; color:var(--navy); line-height:1.35; margin-bottom:10px; }
.news-card-date{ font-size:12px; color:var(--muted); }

.news-pagination{ display:flex; justify-content:center; gap:6px; padding:20px 0 60px; }
.news-pagination .page-numbers{ display:flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 10px; border-radius:8px; border:1px solid var(--line); color:var(--navy); font-size:13px; font-weight:600; }
.news-pagination .page-numbers.current{ background:var(--navy); color:white; border-color:var(--navy); }
.news-pagination .page-numbers:hover:not(.current){ border-color:var(--blue); }

/* Single novosti post */
.news-single-meta{ margin-top:8px; }
.news-single-meta span{ font-size:13px; color:var(--muted); }

@media (max-width:900px){
  .news-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:600px){
  .news-grid{ grid-template-columns:1fr; }
}

/* ============================================================
   MOBILNA TIPOGRAFIJA - jedinstvena pravila za sve H1/H2/H3/p
   na malim ekranima, bez obzira na to na kojoj su stranici.
   Koristi !important jer postoji desetak specificnijih pravila
   (npr. .hero h1, .doc-info h1, .hub-hero h1...) koja bi inace
   imala prioritet nad ovim opstim pravilom.
   ============================================================ */
@media (max-width:900px){
  h1{ font-size:28px !important; line-height:1.22 !important; }
  h2{ font-size:22px !important; line-height:1.28 !important; }
  h3{ font-size:16px !important; line-height:1.35 !important; }
  p{ font-size:14px !important; line-height:1.55 !important; }
}

/* Sistematski paketi (BASIC/SUPER/TOTAL) */
.pkg-section h2{ font-size:22px; color:var(--navy); margin-bottom:10px; }
.pkg-intro{ font-size:14.5px; color:var(--muted); max-width:720px; line-height:1.65; margin-bottom:26px; }
.pkg-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.pkg-card{ background:var(--white); border:1px solid var(--line); border-radius:16px; padding:24px 22px; display:flex; flex-direction:column; }
.pkg-name{ font-size:15px; font-weight:800; letter-spacing:0.04em; color:var(--vital-dark); text-transform:uppercase; margin-bottom:16px; padding-bottom:14px; border-bottom:2px solid var(--blue-tint); }
.pkg-list{ list-style:none; margin-bottom:20px; flex:1; }
.pkg-list li{ display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--ink); line-height:1.5; padding:6px 0; }
.pkg-check{ color:var(--vital); font-weight:700; flex-shrink:0; margin-top:1px; }

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

/* Kontakt stranica */
.kontakt-grid{ display:grid; grid-template-columns:1.4fr 1fr; gap:32px; margin-top:34px; align-items:start; }
.kontakt-addr{ font-size:13px; color:var(--muted); margin-bottom:10px; }
.kontakt-info-col .sb-card{ margin-bottom:16px; }
.kontakt-info-col .sb-card h4{ font-size:14px; color:var(--navy); font-weight:700; margin-bottom:6px; text-transform:none; letter-spacing:normal; }

/* Contact Form 7 - stilizovanje da lici na ostatak sajta */
.wpcf7-form p{ margin-bottom:16px; }
.wpcf7-form label{ display:block; font-size:13px; font-weight:600; color:var(--navy); margin-bottom:6px; }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea{
  width:100%; border:1px solid var(--line); border-radius:9px; padding:12px 14px;
  font-family:'Open Sans'; font-size:14px; color:var(--ink); background:var(--paper);
}
.wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus{
  outline:none; border-color:var(--vital);
}
.wpcf7-form textarea{ min-height:120px; resize:vertical; }
.wpcf7-form input[type="submit"]{
  background:var(--vital); color:white; border:none; padding:13px 28px;
  border-radius:9px; font-weight:700; font-size:14px; cursor:pointer; font-family:'Open Sans';
}
.wpcf7-form input[type="submit"]:hover{ background:var(--vital-dark); }
.wpcf7-spinner{ margin-left:10px; }
.wpcf7-not-valid-tip{ color:var(--red); font-size:12.5px; margin-top:4px; }
.wpcf7-response-output{ border-radius:9px; padding:12px 16px; font-size:13.5px; margin-top:16px; }

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