/* ===========================================================================
   Dental LUX Modrica — stil sajta.

   Ucitava se POSLIJE svih section.css i brend.css i samo ih PREVEZUJE: boje,
   pismo, razmaci, zaobljenja, kadrovi. Raspored (display, grid-template-*,
   position, flex-direction, order, align-*, justify-*, text-align) ostaje u
   section.css i ovdje se ne dira.

   Paleta je iz logotipa ambulante (plavi krug sa zlatnim obrucem):
   azurna #0F6FB8 i zlatna #E6B34E, produbljene dok ne predju AA kontrast.
   Cetiri vrijednosti brenda su u sekcije/tokens.css; ovdje su neutrali,
   tamna platna i vezivanje po sekciji.
   =========================================================================== */

:root {
  --head-h: 72px;

  /* ---------- neutrali ---------- */
  --ink:        #10283F;
  --ink-mu:     #4C6076;
  --ink-lo:     #78899A;

  --paper:      #FFFFFF;
  --paper-alt:  #F1F6FA;
  --tint:       #E2EEF9;

  --line:       rgba(16, 40, 63, 0.12);
  --line-2:     rgba(16, 40, 63, 0.24);

  /* ---------- boje znaka ---------- */
  --blue:       #0F6FB8;   /* azurna iz kruga */
  --blue-dk:    #0B5794;
  --blue-lt:    #6FB4E2;
  --deep:       #0A2F4E;   /* tamno platno: hero, traka, podnozje */
  --deep-2:     #07223A;
  --deep-up:    #14507F;

  --gold:       #E6B34E;   /* zlatna iz obruca */
  --gold-dk:    #8A6110;   /* AA-sigurna zlatna za TEKST na svijetlom */
  --gold-soft:  #FCF2DC;

  --on-dark:    #E8F1F8;
  --on-dark-mu: rgba(232, 241, 248, 0.78);
  --line-dark:  rgba(232, 241, 248, 0.20);

  --wa:         #0E7C6F;
  --wa-dk:      #0B6357;
  --star:       #D9A429;

  --sh-1: 0 1px 2px rgba(16, 40, 63, 0.05);
  --sh-2: 0 4px 14px -8px rgba(16, 40, 63, 0.18);
  --sh-3: 0 14px 34px -16px rgba(16, 40, 63, 0.22);
  --sh-4: 0 26px 56px -24px rgba(16, 40, 63, 0.26);
  --sh-5: 0 44px 90px -34px rgba(16, 40, 63, 0.30);
}

/* ---------- osnova ---------- */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  /* clip, ne hidden: hidden pravi scroll kontejner i lomi ljepljivo zaglavlje */
  overflow-x: clip;
}

[id] { scroll-margin-top: calc(var(--head-h) + 14px); }
img, video { max-width: 100%; }

/* ---------- trake sastavljaca ---------- */

.band { background: var(--paper); }
.band[data-band="3"],
.band[data-band="6"],
.band[data-band="8"] { background: var(--paper-alt); }
.band[data-band="2"],
.band[data-band="5"],
.band[data-band="10"] { background: var(--deep); }

/* Zaglavlje je `position: sticky` unutar SVOJE sekcije, a ta sekcija je visoka
   koliko i traka — pa se zaglavlje otkotrlja poslije prvog ekrana. Ljepljivost
   ide na traku sastavljaca, koja je u <main> i traje kroz cijelu stranicu.
   (Klase sekcije se ne diraju.) */
.band[data-band="1"] {
  position: sticky;
  top: 0;
  z-index: 200;
}

/* ===========================================================================
   PISMO — jedno na cijelom sajtu
   Nunito za naslove (opsta / porodicna praksa), Inter za tekst.
   =========================================================================== */

.sec-housecall-header,
.sec-nordlicht-hero,
.sec-meridian-services,
.sec-klar-referenzen,
.sec-calm-parallax,
.sec-dental-house-about,
.sec-dental-house-results,
.sec-terra-faq,
.sec-klar-cta,
.sec-sonnenschein-footer {
  --ff-display: var(--font-display-rounded);
  --ff-body: var(--font-sans);
}

/* ===========================================================================
   ZAJEDNICKI NEUTRALI PO SEKCIJI
   `brend.css` vezuje samo --c-primary* i --c-accent*; sve ispod su neutrali
   templata, koje TOKENI.md ostavlja meni.
   =========================================================================== */

.sec-housecall-header,
.sec-meridian-services,
.sec-klar-referenzen,
.sec-dental-house-about,
.sec-dental-house-results,
.sec-terra-faq,
.sec-klar-cta {
  --c-bg: var(--paper);
  --c-bg-alt: var(--paper-alt);
  --c-white: var(--paper);
  --c-surface: var(--tint);
  --c-ink: var(--ink);
  --c-text: var(--ink);
  --c-text-muted: var(--ink-mu);
  --c-on-dark: var(--on-dark);
  --c-on-dark-mu: var(--on-dark-mu);
  --c-line: var(--line);
  --c-line-strong: var(--line-2);
  --c-line-dark: var(--line-dark);
  --c-whatsapp: var(--wa);
  --c-whatsapp-dk: var(--wa-dk);
  --c-star: var(--star);
}

/* mint / coral iz templata KLAR-a — na ovom sajtu zlatna */
.sec-klar-referenzen,
.sec-klar-cta {
  --c-mint: var(--gold);
  --c-mint-soft: var(--gold-soft);
}

/* ===========================================================================
   1 — ZAGLAVLJE
   =========================================================================== */

.sec-housecall-header { --header-h: 72px; }
@media (max-width: 900px) { .sec-housecall-header { --header-h: 62px; } }

.sec-housecall-header .site-head {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 0 rgba(16, 40, 63, 0);
  transition: box-shadow 260ms var(--ease), border-color 260ms var(--ease);
}
.sec-housecall-header .site-head.is-stuck {
  border-bottom-color: var(--line);
  box-shadow: var(--sh-2);
}

.sec-housecall-header .brand__mark {
  width: 42px; height: 42px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: var(--sh-1);
}
.sec-housecall-header .brand__mark img { width: 100%; height: 100%; object-fit: cover; }
.sec-housecall-header .brand__tx strong {
  font-size: 1.32rem;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--deep);
}
.sec-housecall-header .brand__tx small {
  font-size: 0.66rem;
  letter-spacing: 0.09em;
  color: var(--ink-mu);
}

.sec-housecall-header .site-nav a { font-weight: 600; color: var(--ink-mu); }
.sec-housecall-header .site-nav a:hover,
.sec-housecall-header .site-nav a.is-current { color: var(--deep); border-bottom-color: var(--gold); }

.sec-housecall-header .head-cta { font-weight: 700; letter-spacing: 0.01em; }
.sec-housecall-header .u-btn--solid { --btn-bg: var(--blue); }
.sec-housecall-header .u-btn--solid:hover { --btn-bg: var(--blue-dk); }

.sec-housecall-header .burger { border-color: var(--line-2); color: var(--deep); }

.sec-housecall-header .menu { background: var(--paper); border-top-color: var(--line); }
.sec-housecall-header .menu a { color: var(--deep); font-weight: 700; }
.sec-housecall-header .menu li:last-child a { color: var(--blue); }

/* ljepljiva traka na telefonu: vidljiva odmah, ne tek poslije 400 px skrola —
   na njoj je jedini WhatsApp koji telefon ima prije nego skrola */
.sec-housecall-header .mobile-bar { transform: none; }
.sec-housecall-header .mobile-bar__i { font-weight: 700; box-shadow: var(--sh-3); }
.sec-housecall-header .mobile-bar__i--call { background: var(--blue); }
.sec-housecall-header .mobile-bar__i--wa { background: var(--wa); }

/* ===========================================================================
   2 — HERO
   =========================================================================== */

.sec-nordlicht-hero {
  --c-canvas: var(--deep);
  --c-canvas-lt: var(--deep-up);
  --c-canvas-dp: var(--deep-2);
  --c-panel: var(--paper);
  --c-panel-alt: var(--paper-alt);
  --c-white: var(--paper);
  --c-surface: var(--tint);
  --c-text: var(--ink);
  --c-text-muted: var(--ink-mu);
  --c-on-canvas: var(--on-dark);
  --c-on-canvas-mu: var(--on-dark-mu);
  --c-line: var(--line);
  --c-line-strong: var(--line-2);
  --c-line-canvas: var(--line-dark);
  --c-whatsapp: var(--wa);
  --c-whatsapp-dk: var(--wa-dk);
  --c-star: var(--gold);
  --header-h: 0px;   /* zaglavlje je U TOKU stranice, hero mu ne cuva mjesto */
}

.sec-nordlicht-hero .hero {
  background:
    radial-gradient(120% 80% at 50% -10%, #14517F 0%, rgba(20, 81, 127, 0) 62%),
    var(--deep);
  padding-top: clamp(40px, 6vw, 92px);
}
.sec-nordlicht-hero .hero__glow {
  background: radial-gradient(closest-side, rgba(111, 180, 226, 0.30), transparent 72%);
}

.sec-nordlicht-hero .u-kicker {
  background: rgba(232, 241, 248, 0.10);
  border: 1px solid var(--line-dark);
  border-radius: 999px;
  padding: 7px 16px;
  color: var(--gold);
  font-weight: 700;
}

.sec-nordlicht-hero .hero h1 {
  font-weight: 800;
  letter-spacing: -0.02em;
  max-width: 16ch;
}
.sec-nordlicht-hero .hero__lead { max-width: 46ch; }

.sec-nordlicht-hero .u-btn--accent {
  --btn-bg: var(--gold);
  --btn-fg: #16283A;
  font-weight: 800;
  box-shadow: 0 12px 26px -14px rgba(230, 179, 78, 0.9);
}
.sec-nordlicht-hero .u-btn--accent:hover { --btn-bg: #F0C36B; }
.sec-nordlicht-hero .u-btn--ghost {
  --btn-bg: rgba(232, 241, 248, 0.10);
  --btn-bd: rgba(232, 241, 248, 0.42);
  font-weight: 700;
}

.sec-nordlicht-hero .hero__rating { background: rgba(232, 241, 248, 0.07); }
.sec-nordlicht-hero .hero__stars { color: var(--gold); }

.sec-nordlicht-hero .hero__frame {
  border-radius: 26px;
  box-shadow: 0 40px 80px -40px rgba(4, 18, 32, 0.85);
  background: var(--deep-2);
}
.sec-nordlicht-hero .hero__frame img { object-position: center 42%; }

.sec-nordlicht-hero .hero__stat {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  box-shadow: var(--sh-3);
}
.sec-nordlicht-hero .hero__stat strong { color: var(--blue-dk); font-weight: 800; }
.sec-nordlicht-hero .hero__stat small { color: var(--ink-mu); }

.sec-nordlicht-hero .hero__trust strong { font-weight: 800; }
.sec-nordlicht-hero .hero__trust li { border-right-color: var(--line-dark); }

/* ===========================================================================
   3 — USLUGE
   =========================================================================== */

.sec-meridian-services .u-label { color: var(--gold-dk); font-weight: 800; }
.sec-meridian-services .u-head h2 { font-weight: 800; letter-spacing: -0.02em; color: var(--deep); }
.sec-meridian-services .u-section--alt { background: var(--paper-alt); }

.sec-meridian-services .svc {
  border-radius: 22px;
  border-color: var(--line);
  background: var(--paper);
  box-shadow: var(--sh-1);
}
.sec-meridian-services .svc:hover { box-shadow: var(--sh-3); }
.sec-meridian-services .svc__ic {
  border-radius: 16px;
  background: var(--gold-soft);
  color: var(--gold-dk);
}
.sec-meridian-services .svc:nth-child(3n + 2) .svc__ic { background: var(--tint); color: var(--blue-dk); }
.sec-meridian-services .svc h3 { color: var(--deep); font-weight: 800; }

/* spisak usluga umjesto trake sa trajanjem i cijenom — trajanja i cjenovnik
   ne postoje u podacima, pa ta dva elementa nisu ni prenesena */
.sec-meridian-services .svc__list {
  margin-top: 4px;
  padding: 0;
  list-style: none;
  font-size: var(--fs-sm);
}
.sec-meridian-services .svc__list li {
  padding: 9px 0 9px 26px;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-weight: 600;
  background-image: linear-gradient(var(--blue), var(--blue));
  background-size: 8px 8px;
  background-position: 2px 1.05em;
  background-repeat: no-repeat;
}
.sec-meridian-services .svc__list li:first-child { border-top: 0; }

.sec-meridian-services .svc__ask {
  margin-top: auto;
  padding-top: 18px;
  color: var(--blue-dk);
  font-weight: 800;
}
.sec-meridian-services .svc__ask:hover { color: var(--blue); }

/* ===========================================================================
   4 — OCJENA NA GOOGLE-U
   Recenzija u bazi nema (`recenzije: []`), pa su kartice sa recenzijama
   uklonjene — izmisljena recenzija je netacna tvrdnja. Ostaju ocjena, broj
   recenzija i link na profil.
   =========================================================================== */

.sec-klar-referenzen .u-label { color: var(--gold-dk); font-weight: 800; }
.sec-klar-referenzen .u-head h2 { font-weight: 800; letter-spacing: -0.02em; color: var(--deep); }
.sec-klar-referenzen .u-hl { --hl: var(--gold); }
.sec-klar-referenzen .revs { padding-block: clamp(52px, 6vw, 84px); }
.sec-klar-referenzen .revs__bar {
  max-width: 720px;
  margin-inline: auto;
  border-radius: 22px;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: var(--sh-3);
}
.sec-klar-referenzen .revs__score strong { color: var(--deep); font-weight: 800; }
.sec-klar-referenzen .revs__stars { color: var(--gold); }
.sec-klar-referenzen .revs__bar-link { color: var(--blue-dk); font-weight: 700; }

/* ===========================================================================
   5 — TRAKA SA BROJKAMA (parallax)
   U slotu pozadine je logotip ambulante. Da se ne bi rastegao preko cijele
   trake, stoji kao vodeni zig: `contain` + niska prozirnost.
   =========================================================================== */

.sec-calm-parallax {
  --c-bg: var(--paper-alt);        /* boja trake ISPOD — donja zaobljena ivica */
  --c-bg-alt: var(--paper);        /* boja trake IZNAD — gornja zaobljena ivica */
  --c-surface: var(--tint);
  --c-surface-soft: var(--paper-alt);
  --c-white: var(--paper);
  --c-text: var(--ink);
  --c-text-muted: var(--ink-mu);
  --c-text-invert: var(--paper);
  --c-border: var(--line);
  --c-border-strong: var(--line-2);
  --c-primary-dk: var(--deep);
  --c-whatsapp: var(--wa);
  --c-whatsapp-dk: var(--wa-dk);
  --c-star: var(--gold);
}

.sec-calm-parallax .plx {
  background:
    radial-gradient(90% 120% at 50% 0%, #14517F 0%, rgba(20, 81, 127, 0) 58%),
    var(--deep);
  padding-block: clamp(78px, 10vw, 140px);
}
.sec-calm-parallax .plx__bg :is(img, video) {
  object-fit: contain;
  object-position: center;
  opacity: 0.16;
}
.sec-calm-parallax .plx__veil {
  background:
    radial-gradient(70% 90% at 50% 45%, rgba(10, 47, 78, 0.55), rgba(10, 47, 78, 0.86)),
    linear-gradient(180deg, rgba(7, 34, 58, 0.60), rgba(7, 34, 58, 0.88));
}
.sec-calm-parallax .plx__eyebrow { color: var(--gold); border-color: rgba(230, 179, 78, 0.45); }
.sec-calm-parallax .plx__title { font-weight: 800; letter-spacing: -0.02em; }
.sec-calm-parallax .plx__stats {
  background: rgba(232, 241, 248, 0.07);
  border-color: rgba(232, 241, 248, 0.16);
  border-radius: 26px;
}
.sec-calm-parallax .plx__num { font-weight: 800; color: var(--gold); }
.sec-calm-parallax .u-btn--white { --btn-bg: var(--paper); --btn-fg: var(--deep); font-weight: 800; }
.sec-calm-parallax .u-btn--white:hover { --btn-bg: var(--tint); }

/* ===========================================================================
   6 — O AMBULANTI
   =========================================================================== */

.sec-dental-house-about { --c-bg: var(--paper-alt); }
.sec-dental-house-about .u-label { color: var(--gold-dk); font-weight: 800; }
.sec-dental-house-about h2 { font-weight: 800; letter-spacing: -0.02em; color: var(--deep); }
.sec-dental-house-about .about__media { border-radius: 26px; box-shadow: var(--sh-4); }
/* fotografija je uspravna (1080x1440) — okvir dobija njen omjer, da niko i
   nista ne bude presjeceno ivicom */
.sec-dental-house-about .about__media img { aspect-ratio: 3 / 4; object-fit: cover; object-position: center; }
.sec-dental-house-about .about__points svg { background: var(--tint); color: var(--blue-dk); }
.sec-dental-house-about .about__points strong { color: var(--deep); }
.sec-dental-house-about .about__note {
  border-left: 3px solid var(--gold);
  padding-left: 16px;
  color: var(--ink-mu);
}

/* ===========================================================================
   7 — PRIJE I POSLIJE
   =========================================================================== */

.sec-dental-house-results .u-label { color: var(--gold-dk); font-weight: 800; }
.sec-dental-house-results h2 { font-weight: 800; letter-spacing: -0.02em; color: var(--deep); }
.sec-dental-house-results .ba__case :is(img, video) {
  border-radius: 16px;
  background: var(--tint);
  box-shadow: var(--sh-2);
  object-position: center 55%;
}
.sec-dental-house-results .ba__tag { background: rgba(255, 255, 255, 0.94); color: var(--deep); font-weight: 700; }
.sec-dental-house-results .ba__tag--a { background: var(--blue-dk); color: #fff; }
.sec-dental-house-results .ba__meta strong { color: var(--deep); font-weight: 800; }

/* ===========================================================================
   8 — PITANJA
   =========================================================================== */

.sec-terra-faq { --c-bg: var(--paper-alt); --c-ink: var(--deep); }
.sec-terra-faq .u-label { color: var(--gold-dk); font-weight: 800; }
.sec-terra-faq h2 { font-weight: 800; letter-spacing: -0.02em; color: var(--deep); }
.sec-terra-faq .qa { border-radius: 18px; }
.sec-terra-faq .qa__peek { color: var(--ink-mu); }
.sec-terra-faq .qa__t { color: var(--deep); }
.sec-terra-faq .qa__panel p { color: var(--ink-mu); }

/* ===========================================================================
   9 — KONTAKT
   =========================================================================== */

.sec-klar-cta .u-label { color: var(--gold-dk); font-weight: 800; }
.sec-klar-cta .cta__card {
  background:
    radial-gradient(120% 130% at 8% 0%, #14517F 0%, var(--deep) 52%, var(--deep-2) 100%);
  border-radius: 32px;
  box-shadow: var(--sh-5);
}
.sec-klar-cta .cta__card h2 { color: var(--paper); font-weight: 800; letter-spacing: -0.02em; }
.sec-klar-cta .cta__card .cta__copy p { color: var(--on-dark-mu); }
.sec-klar-cta .cta__label { color: var(--gold); }
/* naglasena rijec u templatu je puna pilula sa TAMNIM tekstom — na tamnoj
   kartici to je mrlja, pa ostaje samo zlatna boja slova */
.sec-klar-cta .cta__card .u-hl { background: none; color: var(--gold); rotate: 0deg; padding: 0; }
.sec-klar-cta .cta__st { color: var(--deep); font-weight: 800; box-shadow: var(--sh-3); }
.sec-klar-cta .cta__st--a { --st-bg: var(--paper); }
.sec-klar-cta .cta__st--b { --st-bg: var(--gold); }
.sec-klar-cta .crow { border-radius: 18px; }
.sec-klar-cta .crow--wa { background: var(--wa); color: #FFFFFF; }
.sec-klar-cta .crow--wa:hover { background: var(--wa-dk); }
.sec-klar-cta .crow--wa .crow__tx small { color: rgba(255, 255, 255, 0.82); }
.sec-klar-cta .crow--wa .crow__ic { background: rgba(255, 255, 255, 0.18); color: #FFFFFF; }
.sec-klar-cta .crow--wa:hover .crow__ic { background: rgba(255, 255, 255, 0.28); color: #FFFFFF; }
.sec-klar-cta .crow--tel { color: var(--deep); }
.sec-klar-cta .crow--tel .crow__ic { background: var(--tint); color: var(--blue-dk); }
.sec-klar-cta .crow--tel:hover .crow__ic { background: var(--blue); color: #FFFFFF; }
.sec-klar-cta .crow--tel { background: rgba(255, 255, 255, 0.96); }
.sec-klar-cta .crow--tel:hover { background: #fff; }

/* ===========================================================================
   10 — PODNOZJE
   Jednostavno: ko smo, gdje smo i kako da nas dobiju. Telefon i WhatsApp nosi
   sekcija iznad, pa se ovdje ne ponavljaju — ostaje dodatni broj, mejl,
   adresa na Google mapama i radno vrijeme.
   =========================================================================== */

.sec-sonnenschein-footer {
  --c-bg: var(--deep);
  --c-bg-alt: var(--deep-2);
  --c-white: var(--paper);
  --c-primary-dk: var(--deep);
  --c-coral: var(--gold);
  --c-coral-dk: var(--gold-dk);
  --c-coral-soft: var(--gold-soft);
  --c-sun: var(--gold);
  --c-sun-soft: var(--gold-soft);
  --c-mint: var(--blue-lt);
  --c-mint-soft: var(--tint);
  --c-text: var(--ink);
  --c-text-muted: var(--ink-mu);
  --c-text-invert: var(--paper);
  --c-line: var(--line);
  --c-line-strong: var(--line-2);
  --c-star: var(--gold);
  --r-xs: 8px; --r-sm: 12px; --r-md: 16px; --r-lg: 22px; --r-xl: 28px; --r-2xl: 34px;
}

.sec-sonnenschein-footer .ftr {
  background: linear-gradient(180deg, var(--deep) 0%, var(--deep-2) 100%);
}
.sec-sonnenschein-footer .ftr__mark {
  width: 52px; height: 52px;
  border-radius: 50%;
  overflow: hidden;
}
.sec-sonnenschein-footer .ftr__mark img { width: 100%; height: 100%; object-fit: cover; }
.sec-sonnenschein-footer .ftr__logo strong { font-weight: 800; letter-spacing: -0.015em; }
.sec-sonnenschein-footer .ftr__col h3 { color: var(--gold); letter-spacing: 0.12em; }
.sec-sonnenschein-footer .ftr__social a:hover { background: var(--gold); color: var(--deep); }

.sec-sonnenschein-footer .ftr__map { padding: 4px 0; }
.sec-sonnenschein-footer .ftr__map span { color: var(--gold); }
.sec-sonnenschein-footer .ftr__tel-label {
  display: block;
  margin-top: 14px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(232, 241, 248, 0.6);
}
.sec-sonnenschein-footer .ftr__tel { margin-top: 2px; font-weight: 800; }
.sec-sonnenschein-footer .ftr__tel:hover { color: var(--gold); }
.sec-sonnenschein-footer .ftr__top:hover { background: var(--gold); color: var(--deep); }

/* ===========================================================================
   TELEFON — odluke donesene na 375 px
   =========================================================================== */

@media (max-width: 640px) {
  /* hero: iznad pregiba ostaju naslov i prvo dugme */
  .sec-nordlicht-hero .hero { padding-top: 26px; padding-bottom: 30px; }
  /* natpis iznad naslova mora stati u JEDAN red na 375 px */
  .sec-nordlicht-hero .u-kicker { font-size: 0.63rem; letter-spacing: 0.07em; padding: 6px 13px; }
  .sec-nordlicht-hero .hero h1 { font-size: 2.15rem; }
  .sec-nordlicht-hero .hero__lead { font-size: 1rem; }
  .sec-nordlicht-hero .hero__copy > * + * { margin-top: 16px; }
  .sec-nordlicht-hero .hero__cta { gap: 10px; }
  .sec-nordlicht-hero .u-btn--lg { min-height: 52px; padding: 14px 22px; font-size: 1.02rem; }
  /* drugo dugme je lakse: obrubljeno, uze, bez pune tezine */
  .sec-nordlicht-hero .hero__cta .u-btn--ghost { min-height: 46px; font-size: 0.95rem; font-weight: 600; }
  .sec-nordlicht-hero .hero__rating { padding: 8px 16px; font-size: 0.85rem; }
  .sec-nordlicht-hero .hero__band { margin-top: 26px; }
  .sec-nordlicht-hero .hero__frame { border-radius: 18px; }
  /* traka sa podacima: jedan stubac, bez preloma u 2+1 */
  .sec-nordlicht-hero .hero__trust { gap: 14px; margin-top: 26px; }
  .sec-nordlicht-hero .hero__trust li { padding-block: 2px; }

  .sec-housecall-header .brand__mark { width: 36px; height: 36px; }
  .sec-housecall-header .brand__tx strong { font-size: 1.16rem; }

  .sec-meridian-services .svc { padding: 20px; }
  .sec-klar-referenzen .revs__bar { border-radius: 18px; }
  .sec-klar-cta .cta__card { border-radius: 24px; }
  .sec-dental-house-about .about__media { border-radius: 18px; }
  .sec-dental-house-about .about__media img { aspect-ratio: 4 / 3; }

  /* mjesta za ljepljivu traku na dnu */
  .sec-sonnenschein-footer .ftr { padding-bottom: 92px; }
}

@media (max-width: 380px) {
  .sec-nordlicht-hero .hero h1 { font-size: 1.95rem; }
  .sec-housecall-header .brand__tx small { font-size: 0.6rem; }
}