@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ── Reset ────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
:root {
  --g900:#0d2318; --g800:#1b3a2d; --g700:#244d3c; --g600:#2e6049;
  --g500:#3a7a5c; --g400:#4a9570; --g300:#6db892;
  --gold:#c8a84b; --gold-lt:#d4b866; --gold-dim:rgba(200,168,75,.14);
  --cr100:#faf8f3; --cr200:#f2ede2; --cr300:#e8dfc9;
  --white:#fff; --txt9:#111827; --txt5:#6b7280;
  --ff-serif:'Playfair Display',Georgia,serif;
  --ff-sans:'Inter',system-ui,sans-serif;
  --px:clamp(1.25rem,5vw,3rem); --py:clamp(4rem,8vw,6.5rem); --mw:1100px;
}
html { scroll-behavior:smooth; overflow-x:hidden; }
body { font-family:var(--ff-sans); color:var(--txt9); background:var(--white); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
.container { max-width:var(--mw); margin:0 auto; padding:0 var(--px); }

/* ── NAV ─────────────────────────────────────────────────── */
.nav { position:fixed; top:0; left:0; right:0; z-index:100; padding:.75rem var(--px); display:flex; align-items:center; justify-content:space-between; transition:background .35s,box-shadow .35s; }
.nav.scrolled { background:rgba(8,18,12,.97); backdrop-filter:blur(14px); box-shadow:0 1px 0 rgba(255,255,255,.06); }
.nav-logo-img { height:65px; width:auto; filter:drop-shadow(0 1px 6px rgba(0,0,0,.55)); }
.nav-links { display:flex; gap:1.75rem; list-style:none; }
.nav-links a { color:rgba(255,255,255,.65); font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:color .2s; }
.nav-links a:hover { color:var(--gold); }
.nav-cta { background:var(--gold)!important; color:var(--g900)!important; padding:.42rem 1.15rem; border-radius:3px; font-weight:900!important; font-size:.72rem!important; letter-spacing:.1em!important; transition:background .2s,transform .15s!important; }
.nav-cta:hover { background:var(--gold-lt)!important; transform:translateY(-1px); }
.nav-burger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:.4rem; background:none; border:none; }
.nav-burger span { display:block; width:22px; height:2px; background:#fff; transition:transform .25s,opacity .2s; }
@media(max-width:820px){
  .nav-links { display:none; }
  .nav-burger { display:flex; }

  /* Odprt mobilni meni
     position:absolute (ne fixed!) — fixed bi ga pri backdrop-filter
     na .nav.scrolled omejil na višino nava (CSS spec containing block). */
  .nav-links.nav-open {
    display:flex; flex-direction:column; gap:0;
    position:absolute; top:100%; left:0; right:0;
    max-height:calc(100vh - 68px); overflow-y:auto;
    background:rgba(8,18,12,.97); backdrop-filter:blur(14px);
    border-top:1px solid rgba(255,255,255,.08);
    padding:1rem 0 2rem;
  }
  .nav-links.nav-open li { border-bottom:1px solid rgba(255,255,255,.06); }
  .nav-links.nav-open li:first-child { border-top:none; }
  .nav-links.nav-open a { display:block; padding:.85rem var(--px); font-size:.8rem; }
  /* Switcher v mobilnem meniju */
  .nav-links.nav-open .hwh-lsw-li { padding:.75rem var(--px); }
  .nav-links.nav-open .hwh-lsw { gap:.65rem; }
  .nav-links.nav-open .hwh-lsw-lnk { font-size:.78rem; }

  /* Burger → X animacija */
  .nav-burger-open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
  .nav-burger-open span:nth-child(2) { opacity:0; transform:scaleX(0); }
  .nav-burger-open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }
}

/* ── HERO ─────────────────────────────────────────────────── */
.hero { min-height:100svh; min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; background:var(--g900); }
.hero-bg {
  position:absolute; inset:0;
  background:linear-gradient(135deg,#071510 0%,#0d2318 40%,#162e22 70%,#091c11 100%);
}
.hero-content { position:relative; z-index:2; width:100%; }
.hero-inner { max-width:var(--mw); margin:0 auto; padding:8rem var(--px) 5rem; display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.hero-label { display:inline-block; margin-bottom:1.5rem; font-size:.65rem; font-weight:900; letter-spacing:.28em; text-transform:uppercase; color:var(--gold); }
.hero-title { font-family:var(--ff-serif); color:#fff; font-size:clamp(3.4rem,9vw,6.8rem); font-weight:700; line-height:.9; margin-bottom:1.6rem; }
.hero-title em { display:block; font-style:italic; font-size:.38em; color:var(--gold-lt); letter-spacing:.1em; line-height:1.4; margin-bottom:.35rem; }
.hero-rule { width:48px; height:3px; background:var(--gold); margin-bottom:1.6rem; }
.hero-desc { font-size:1rem; color:rgba(255,255,255,.6); max-width:430px; line-height:1.82; margin-bottom:2.2rem; }
.hero-actions { display:flex; gap:.85rem; flex-wrap:wrap; margin-bottom:2.5rem; }
.btn { display:inline-flex; align-items:center; gap:.5rem; padding:.82rem 1.75rem; font-weight:800; font-size:.8rem; letter-spacing:.07em; text-transform:uppercase; cursor:pointer; border:none; transition:all .2s; border-radius:3px; }
.btn-gold { background:var(--gold); color:var(--g900); }
.btn-gold:hover { background:var(--gold-lt); transform:translateY(-2px); box-shadow:0 6px 24px rgba(200,168,75,.38); }
.btn-ghost { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.28); }
.btn-ghost:hover { border-color:rgba(255,255,255,.65); background:rgba(255,255,255,.06); transform:translateY(-2px); }
.hero-stats { display:flex; gap:2rem; flex-wrap:wrap; padding-top:1.75rem; border-top:1px solid rgba(255,255,255,.1); }
.stat-num { font-family:var(--ff-serif); font-size:1.8rem; font-weight:700; color:var(--gold); line-height:1; }
.stat-lbl { font-size:.6rem; color:rgba(255,255,255,.32); margin-top:.25rem; text-transform:uppercase; letter-spacing:.1em; }
.hero-illus { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5rem; }
.hero-logo-big { height:150px; width:auto; filter:drop-shadow(0 2px 16px rgba(0,0,0,.6)); display:block; }
.hero-illus-img { width:230%; max-width:520px; height:auto; border-radius:6px; box-shadow:0 24px 80px rgba(0,0,0,.65); border:1px solid rgba(255,255,255,.08); }
@media(max-width:820px){
  .hero-inner { grid-template-columns:1fr; text-align:center; }
  .hero-label { display:block; text-align:center; }
  .hero-rule,.hero-desc,.hero-actions,.hero-stats { margin-left:auto; margin-right:auto; }
  .hero-stats { justify-content:center; }
  .hero-logo-big { height:75px; }
  .hero-illus { margin-top:2rem; }
  .hero-illus-img { max-width:340px; }
}

/* ── TRAIL STRIP ──────────────────────────────────────────── */
.trail { background:var(--g700); border-top:2px solid rgba(200,168,75,.28); border-bottom:2px solid rgba(200,168,75,.28); }
.trail-inner { max-width:var(--mw); margin:0 auto; padding:1rem var(--px); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem; }
.trail-item { display:flex; align-items:center; gap:.5rem; padding:.4rem 1rem; }
.trail-ico { font-size:.95rem; }
.trail-txt { font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.72); }

/* ── SECTION COMMON ───────────────────────────────────────── */
.sec-eyebrow { font-size:.63rem; font-weight:900; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); opacity:.85; display:block; margin-bottom:.6rem; }
.sec-title { font-family:var(--ff-serif); font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:700; line-height:1.15; }
.sec-title-light { color:#fff; }
.sec-rule { width:40px; height:2.5px; background:var(--gold); margin-top:.9rem; }
.sec-header { margin-bottom:3rem; }

/* ── ABOUT ────────────────────────────────────────────────── */
.about { background:var(--cr100); padding:var(--py) var(--px); }
.about-inner { max-width:var(--mw); margin:0 auto; display:grid; grid-template-columns:1fr 1.3fr; gap:5rem; align-items:start; }
.about-pull { font-family:var(--ff-serif); font-size:clamp(1.4rem,2.3vw,1.9rem); color:var(--g800); line-height:1.32; font-style:italic; border-left:3px solid var(--gold); padding-left:1.5rem; margin-top:.5rem; }
.about-body { font-size:.97rem; color:var(--txt5); line-height:1.85; }
.about-body p + p { margin-top:1rem; }
.chips { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.6rem; }
.chip { display:inline-flex; align-items:center; gap:.4rem; background:var(--white); border:1.5px solid var(--cr300); padding:.38rem .95rem; border-radius:3px; font-size:.72rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--g700); }
@media(max-width:820px){ .about-inner{grid-template-columns:1fr; gap:2.5rem;} }

/* ── STEPS ────────────────────────────────────────────────── */
.steps { background:var(--g800); padding:var(--py) var(--px); }
.steps-inner { max-width:var(--mw); margin:0 auto; }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.step { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:4px; overflow:hidden; transition:background .25s,transform .25s; }
.step:hover { background:rgba(255,255,255,.075); transform:translateY(-3px); }
.step-visual { height:170px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.07); display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.03); }
.step-visual img { width:100%; height:170px; object-fit:cover; display:block; transition:transform .4s; }
.step:hover .step-visual img { transform:scale(1.04); }
.step-body { padding:1.5rem 1.75rem 2rem; }
.step-n { font-family:var(--ff-serif); font-size:2.8rem; font-weight:700; color:rgba(200,168,75,.18); line-height:1; margin-bottom:.5rem; }
.step-rule { width:28px; height:2px; background:var(--gold); opacity:.5; margin-bottom:.9rem; }
.step-body h3 { font-family:var(--ff-serif); font-size:1.15rem; color:#fff; margin-bottom:.55rem; }
.step-body p { font-size:.85rem; color:rgba(255,255,255,.5); line-height:1.75; }
@media(max-width:820px){ .steps-grid{grid-template-columns:1fr;} }

/* ── TICKETS ──────────────────────────────────────────────── */
.tickets { background:var(--white); padding:var(--py) var(--px); }
.tickets-grid { max-width:840px; display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; margin-top:0; }
.tc { border-radius:6px; overflow:hidden; box-shadow:0 6px 28px rgba(0,0,0,.13); transition:transform .25s,box-shadow .25s; position:relative; display:flex; flex-direction:column; }
.tc:hover { transform:translateY(-5px); box-shadow:0 14px 44px rgba(0,0,0,.2); }
.tc-2h  { background:linear-gradient(160deg,var(--g600) 0%,var(--g800) 100%); }
.tc-24h { background:linear-gradient(160deg,var(--g900) 0%,var(--g700) 100%); }
.tc-pop { outline:2px solid var(--gold); outline-offset:-2px; }
.tc-badge { position:absolute; top:1rem; right:1rem; background:var(--gold); color:var(--g900); font-size:.62rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; padding:.24rem .75rem; border-radius:2px; }
.tc-img { width:100%; aspect-ratio:16/9; overflow:hidden; position:relative; }
.tc-img img { width:100%; height:100%; object-fit:cover; transition:transform .45s; }
.tc:hover .tc-img img { transform:scale(1.05); }
.tc-img::after { content:''; position:absolute; bottom:0; left:0; right:0; height:60%; background:linear-gradient(to bottom,transparent,rgba(13,35,24,.88)); }
.tc-head { padding:1.5rem 1.75rem 1.25rem; text-align:center; border-bottom:1px solid rgba(255,255,255,.07); }
.tc-circle { width:78px; height:78px; border-radius:4px; background:rgba(255,255,255,.05); border:1px solid rgba(200,168,75,.28); display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0 auto 1rem; }
.tc-hrs { font-family:var(--ff-serif); font-size:2.1rem; font-weight:700; color:var(--gold); line-height:1; }
.tc-unit { font-size:.58rem; color:rgba(255,255,255,.38); letter-spacing:.08em; text-transform:uppercase; }
.tc-name { font-family:var(--ff-serif); font-size:1.2rem; color:#fff; margin-bottom:.28rem; }
.tc-tag { font-size:.76rem; color:rgba(255,255,255,.38); }
.tc-body { padding:1.5rem 1.75rem; display:flex; flex-direction:column; flex:1; }
.tc-desc { font-size:.82rem; color:rgba(255,255,255,.58); line-height:1.7; margin-bottom:1.1rem; padding-bottom:1.1rem; border-bottom:1px solid rgba(255,255,255,.07); }
.tc-feat { list-style:none; margin-bottom:1.5rem; flex:1; }
.tc-feat li { display:flex; align-items:center; gap:.6rem; padding:.33rem 0; font-size:.84rem; color:rgba(255,255,255,.7); border-bottom:1px solid rgba(255,255,255,.05); }
.tc-feat li:last-child { border-bottom:none; }
.ck { width:16px; height:16px; flex-shrink:0; background:rgba(74,149,112,.28); border-radius:2px; display:flex; align-items:center; justify-content:center; font-size:.58rem; color:var(--g300); }
.tc-btn { display:block; width:100%; padding:.88rem; background:var(--gold); color:var(--g900); border:none; border-radius:3px; font-size:.78rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:background .2s,transform .15s; text-align:center; }
.tc-btn:hover { background:var(--gold-lt); transform:scale(1.02); }
@media(max-width:600px){ .tickets-grid{grid-template-columns:1fr; max-width:380px;} }

/* ── HELP STRIP ───────────────────────────────────────────── */
.help-strip { background:var(--g700); border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); }
.help-inner { max-width:var(--mw); margin:0 auto; padding:1.5rem var(--px); display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; }
.help-txt { font-size:.9rem; color:rgba(255,255,255,.65); }
.help-txt strong { color:#fff; font-weight:700; display:block; margin-bottom:.18rem; }
.help-wa { display:inline-flex; align-items:center; gap:.6rem; background:var(--gold); color:var(--g900); padding:.55rem 1.2rem; border-radius:3px; font-size:.78rem; font-weight:800; letter-spacing:.05em; white-space:nowrap; transition:background .2s,transform .15s; }
.help-wa:hover { background:var(--gold-lt); transform:translateY(-1px); }
@media(max-width:600px){ .help-inner{flex-direction:column; align-items:flex-start;} }

/* ── STORITVE ─────────────────────────────────────────────── */
.amenities { background:var(--cr100); padding:var(--py) var(--px); }
.am-grid { max-width:var(--mw); margin:2.5rem auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--cr300); border:1px solid var(--cr300); border-radius:4px; overflow:hidden; }
.am-card { background:var(--white); padding:2rem 1.4rem; text-align:center; transition:background .2s; }
.am-card:hover { background:var(--cr200); }
.am-ico { font-size:1.8rem; margin-bottom:.9rem; }
.am-name { font-weight:900; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--g800); margin-bottom:.3rem; }
.am-desc { font-size:.77rem; color:var(--txt5); line-height:1.5; }
@media(max-width:900px){ .am-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .am-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:359px){ .am-grid{grid-template-columns:1fr;} }

/* ── LOCATION ─────────────────────────────────────────────── */
.location { background:var(--g900); padding:var(--py) var(--px); }
.loc-inner { max-width:var(--mw); margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
.loc-title { font-family:var(--ff-serif); font-size:clamp(1.8rem,3vw,2.6rem); color:#fff; line-height:1.18; margin:.5rem 0 1.1rem; }
.loc-desc { color:rgba(255,255,255,.52); font-size:.95rem; line-height:1.85; margin-bottom:2rem; }
.loc-facts { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.loc-fact { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:4px; padding:.9rem 1.1rem; }
.loc-val { font-family:var(--ff-serif); font-size:1.4rem; color:var(--gold); font-weight:700; }
.loc-lbl { font-size:.65rem; color:rgba(255,255,255,.32); margin-top:.2rem; text-transform:uppercase; letter-spacing:.1em; }
.loc-map { border-radius:4px; overflow:hidden; border:1px solid rgba(255,255,255,.08); box-shadow:0 12px 48px rgba(0,0,0,.45); }
.loc-map img { width:100%; display:block; aspect-ratio:4/3; object-fit:cover; }
.loc-map-ph { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.75rem; aspect-ratio:4/3; background:var(--g700); color:rgba(255,255,255,.25); font-size:.875rem; }
@media(max-width:780px){ .loc-inner{grid-template-columns:1fr; gap:2.5rem;} }

/* ── FOOTER ───────────────────────────────────────────────── */
.footer { background:#070e09; border-top:1px solid rgba(255,255,255,.06); padding:3rem var(--px) 2rem; }
.footer-inner { max-width:var(--mw); margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr; gap:3rem; padding-bottom:2.5rem; border-bottom:1px solid rgba(255,255,255,.06); }
.ft-brand { font-family:var(--ff-serif); font-size:1.1rem; color:#fff; margin-bottom:.6rem; }
.ft-desc { font-size:.82rem; color:rgba(255,255,255,.32); line-height:1.7; max-width:240px; }
.ft-col-title { font-size:.6rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin-bottom:1rem; opacity:.75; }
.ft-links { list-style:none; display:flex; flex-direction:column; gap:.55rem; }
.ft-links a { font-size:.82rem; color:rgba(255,255,255,.35); transition:color .2s; }
.ft-links a:hover { color:rgba(255,255,255,.8); }
.ft-wa-btn { display:inline-flex; align-items:center; gap:.6rem; margin-top:.4rem; background:var(--gold); color:var(--g900)!important; padding:.5rem 1rem; border-radius:3px; font-size:.78rem; font-weight:800; letter-spacing:.05em; transition:background .2s,transform .15s; }
.ft-wa-btn:hover { background:var(--gold-lt)!important; color:var(--g900)!important; transform:translateY(-1px); }
.ft-wa-btn svg { flex-shrink:0; }
.footer-btm { max-width:var(--mw); margin:1.75rem auto 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.ft-copy { font-size:.73rem; color:rgba(255,255,255,.2); }
.ft-legal { display:flex; gap:1.5rem; }
.ft-legal a { font-size:.73rem; color:rgba(255,255,255,.2); transition:color .2s; }
.ft-legal a:hover { color:rgba(255,255,255,.55); }
@media(max-width:780px){ .footer-inner{grid-template-columns:1fr; gap:2rem;} .footer-btm{flex-direction:column; text-align:center;} }

/* ── Scroll fade ──────────────────────────────────────────── */
.fade-up { opacity:0; transform:translateY(18px); transition:opacity .55s ease,transform .55s ease; }
.fade-up.vis { opacity:1; transform:translateY(0); }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s}

/* ── Language switcher ────────────────────────────────────── */
.hwh-lsw-li { display:flex; align-items:center; }
.hwh-lsw { display:flex; align-items:center; gap:.4rem; }
.hwh-lsw-lnk { color:rgba(255,255,255,.4); font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:color .2s; }
.hwh-lsw-lnk:hover { color:var(--gold); }
.hwh-lsw-act { color:var(--gold) !important; }
.hwh-lsw-sep { color:rgba(255,255,255,.16); font-size:.55rem; }
/* fallback: nav ni najden */
#hwh-lsw-pill { position:fixed; top:1rem; right:calc(var(--px,1.5rem) + 48px); z-index:200; display:flex; align-items:center; background:rgba(13,35,24,.82); backdrop-filter:blur(8px); padding:.35rem .75rem; border-radius:3px; border:1px solid rgba(255,255,255,.1); }

/* ── WP resets ────────────────────────────────────────────── */
.wp-block-html, .wp-block-post-content, .entry-content { margin:0; padding:0; }
.wp-site-blocks { padding:0 !important; }

/* ══════════════════════════════════════════════════════════
   MALI TELEFONI  (≤ 480 px)
   ══════════════════════════════════════════════════════════ */
@media(max-width:480px){

  /* Osnova — manjši horizontalni rob */
  :root { --px: max(.9rem, 4vw); }

  /* ── Nav ─────────────────────── */
  .nav-logo-img { height:38px; }

  /* ── Hero ────────────────────── */
  /* Ključna popravka: clamp min zmanjšan z 3.4rem → 1.9rem,
     da HIRSCHWALD ne sili strani v širino na 360px zaslonu */
  .hero-title {
    font-size: clamp(1.9rem, 9.5vw, 2.8rem);
    line-height: .95;
  }
  .hero-inner {
    padding: 5rem var(--px) 3rem;
    gap: 1.5rem;
  }
  .hero-label  { font-size: .57rem; letter-spacing: .18em; }
  .hero-desc   { font-size: .88rem; }
  .hero-rule   { margin-bottom: 1.1rem; }
  .hero-stats  { gap: 1rem; }
  .stat-num    { font-size: 1.45rem; }
  .stat-lbl    { font-size: .56rem; }
  /* Ilustracija pod besedilom — zmanjšaj, ne skrij */
  .hero-logo-big   { height: 60px; }
  .hero-illus-img  { max-width: 100%; border-radius: 4px; }
  .hero-illus      { margin-top: 1.25rem; gap: 1rem; }

  /* ── Gumbi ───────────────────── */
  .btn { padding: .72rem 1.2rem; font-size: .72rem; letter-spacing: .06em; }
  .hero-actions { gap: .6rem; }

  /* ── Skupne sekcije ──────────── */
  .sec-title { font-size: clamp(1.45rem, 5.5vw, 1.8rem); }

  /* ── Trail ───────────────────── */
  .trail-item { padding: .3rem .6rem; }
  .trail-txt  { font-size: .62rem; letter-spacing: .07em; }

  /* ── Tickets ─────────────────── */
  .tickets-grid { max-width: 100%; }
  .tc-head  { padding: 1.25rem 1.25rem 1rem; }
  .tc-body  { padding: 1.25rem; }
  .tc-hrs   { font-size: 1.75rem; }

  /* ── Lokacija: facts grid 1 col na najmanjših ── */
  .loc-facts { grid-template-columns: 1fr 1fr; }

  /* ── Footer ──────────────────── */
  .footer { padding: 2.5rem var(--px) 1.5rem; }
  .ft-desc { max-width: 100%; }
}