/* Odsjek o jadranskoj regiji (templates/_regija.html).
   Koriste ga stranica firme i stranica teme; obje definiraju iste varijable
   boja (--teal, --ink-2, --sea), pa se stil oslanja na njih. */

  .region {
    background: linear-gradient(180deg, var(--sea), #f7fbfd);
    margin-top: 26px;
    padding: 56px clamp(20px, 5vw, 64px) 60px;
    text-align: center;
  }
  .region .r-eyebrow {
    font-size:12px; font-weight:800; letter-spacing:0.24em; text-transform:uppercase;
    color: var(--teal); margin-bottom: 12px;
  }
  .region h2 { font-size: clamp(26px, 3.4vw, 38px); font-weight:800; margin-bottom: 18px; }
  .region p { font-size:15px; line-height:1.85; color:var(--ink-2); max-width:680px; margin:0 auto 14px; }
  .r-high { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:22px 0 8px; }
  .r-chip {
    background:#fff; border:1.5px solid rgba(42,169,189,0.35); color:var(--teal-d);
    border-radius:24px; padding:8px 18px; font-size:13px; font-weight:600;
    box-shadow:0 3px 10px rgba(8,40,72,0.06);
  }
  .r-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:640px; margin:32px auto 0; }
  .r-stat { background:#fff; border-radius:14px; padding:22px 12px; box-shadow:0 6px 18px rgba(8,40,72,0.08); }
  .r-stat .num { font-size:28px; font-weight:800; color:var(--teal); }
  .r-stat .lbl { font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink-2); margin-top:4px; font-weight:700; }

  @media (max-width: 720px) {
    .r-stats { gap: 10px; }
    .r-stat .num { font-size: 22px; }
  }