/* Finszter Ügyvédi Iroda – speciális oldalak vizuális frissítés v2 | 2026-09-04 */

/* ===== KUTYACHIP ===== */
body.special-kutyachip{
  --ink:#173f5b;
  --ink-soft:#61717c;
  --cream:#f3f5f5;
  --paper:#ffffff;
  --mint:#e8f0f1;
  --orange:#d7b36a;
  --orange-dark:#af8842;
  --line:#dce3e7;
  --shadow:0 18px 50px rgba(11,43,66,.10);
  background:
    radial-gradient(circle at 8% 0%,rgba(215,179,106,.10),transparent 27rem),
    linear-gradient(180deg,#f7f8f8 0%,#f2f4f5 100%);
  color:#1d2a33;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.special-kutyachip .site-header{
  width:min(1120px,calc(100% - 40px));
  min-height:78px;
  border-bottom:1px solid #dce3e7;
}
body.special-kutyachip .brand{color:#0b2b42;letter-spacing:-.01em}
body.special-kutyachip .brand-mark{background:#173f5b}
body.special-kutyachip .brand-mark::after,
body.special-kutyachip .brand-mark i{background:#f7f2e8}
body.special-kutyachip .header-nav{gap:10px}
body.special-kutyachip .header-link{color:#173f5b;text-decoration:none}
body.special-kutyachip .back-link{
  border-color:#cbd7de;background:#fff;border-radius:11px;padding:9px 12px;
}
body.special-kutyachip .back-link:hover{background:#e9f0f4}
body.special-kutyachip .info-link{padding:9px 8px;text-underline-offset:4px}

body.special-kutyachip .hero{
  width:min(1120px,calc(100% - 40px));
  min-height:600px;
  margin:22px auto 54px;
  padding:clamp(30px,5vw,54px);
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:46px;
  color:#fff;
  background:
    radial-gradient(circle at 84% 18%,rgba(215,179,106,.20),transparent 22rem),
    linear-gradient(135deg,#173f5b 0%,#0b2b42 74%,#092437 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  box-shadow:0 22px 55px rgba(11,43,66,.20);
  overflow:hidden;
}
body.special-kutyachip .office-note{
  margin:0 0 20px;padding:12px 14px;border-radius:14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.85);font-size:13px;
}
body.special-kutyachip .eyebrow{color:#f1d8a4}
body.special-kutyachip h1{color:#fff;font-family:inherit;font-weight:800;letter-spacing:-.045em}
body.special-kutyachip h1 em{color:#f1d8a4;font-style:normal;font-weight:700}
body.special-kutyachip .lead{color:rgba(255,255,255,.80)}
body.special-kutyachip .search-card{
  background:rgba(255,255,255,.98);border-color:rgba(255,255,255,.34);
  box-shadow:0 18px 46px rgba(0,0,0,.16);backdrop-filter:none;
}
body.special-kutyachip .search-card label{color:#0b2b42}
body.special-kutyachip .search-card>p{color:#64727d}
body.special-kutyachip .search-row input{border-color:#c5d0d7;color:#1d2a33}
body.special-kutyachip .search-row input:focus{border-color:#d7b36a;box-shadow:0 0 0 4px rgba(215,179,106,.18)}
body.special-kutyachip .search-row button{background:#173f5b;color:#fff}
body.special-kutyachip .search-row button:hover{background:#0b2b42}
body.special-kutyachip .hero-visual{background:#edf2f1;border-radius:42% 58% 48% 52% / 54% 46% 54% 46%}
body.special-kutyachip .hero-visual::before{border-color:rgba(23,63,91,.22)}
body.special-kutyachip .orbit{border-color:rgba(255,255,255,.24)}
body.special-kutyachip .chip-tag,
body.special-kutyachip .data-tag{color:#173f5b;border-color:#dce3e7;box-shadow:0 10px 28px rgba(11,43,66,.12)}

body.special-kutyachip .result-card{
  border-color:#dce3e7;border-radius:24px;box-shadow:0 16px 44px rgba(11,43,66,.10)
}
body.special-kutyachip .dog-portrait{background:#e9f0f4}
body.special-kutyachip .portrait-kicker{color:#173f5b;background:#fff}
body.special-kutyachip .breed-note,
body.special-kutyachip .result-heading h2,
body.special-kutyachip .info-section h2{font-family:inherit;color:#0b2b42;font-weight:800}
body.special-kutyachip .found-badge{background:#e7f3eb;color:#245b45}
body.special-kutyachip .info-section{width:min(1120px,calc(100% - 40px));border-color:#dce3e7}
body.special-kutyachip .info-grid article{
  border-color:#dce3e7;background:#fff;border-radius:18px;box-shadow:0 6px 20px rgba(11,43,66,.045)
}
body.special-kutyachip .info-grid span{color:#af8842}
body.special-kutyachip footer{width:min(1120px,calc(100% - 40px));border-color:#dce3e7;color:#64727d;padding-bottom:88px}

/* ===== MEGYEI TÉRKÉP ===== */
body.special-map{
  --bg:#f3f5f5;--card:#fff;--text:#1d2a33;--muted:#64727d;--line:#dce3e7;
  --primary:#173f5b;--primary-dark:#0b2b42;--primary-light:#e9f0f4;--neutral:#eef2f3;
  --gold:#d7b36a;--gold-dark:#af8842;
  --shadow:0 18px 50px rgba(11,43,66,.10);
  background:radial-gradient(circle at 8% 0%,rgba(215,179,106,.10),transparent 26rem),linear-gradient(180deg,#f7f8f8 0%,#f2f4f5 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#1d2a33;
}
body.special-map .wrap{max-width:1120px;padding:22px}
body.special-map .public-topbar{margin:2px 0 15px}
body.special-map .public-topbar a{color:#173f5b}
body.special-map .public-badge{
  padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #dce3e7;color:#64727d
}
body.special-map .shell{
  background:#fff;border:1px solid #dce3e7;border-radius:28px;
  box-shadow:0 18px 50px rgba(11,43,66,.10);overflow:hidden
}
body.special-map .hero{
  margin:0;padding:clamp(28px,4.5vw,46px);
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:30px;
  color:#fff;
  background:radial-gradient(circle at 82% 18%,rgba(215,179,106,.21),transparent 19rem),linear-gradient(135deg,#173f5b 0%,#0b2b42 74%,#092437 100%);
}
body.special-map .eyebrow{
  background:rgba(215,179,106,.15);border:1px solid rgba(215,179,106,.30);color:#f1d8a4
}
body.special-map h1{color:#fff;font-size:clamp(30px,4.5vw,46px);letter-spacing:-.04em}
body.special-map .sub{color:rgba(255,255,255,.80)}
body.special-map .contact-hint{color:rgba(255,255,255,.65)}
body.special-map .btn,
body.special-map .mail-btn{background:#d7b36a;color:#102b3d;border:1px solid #d7b36a;border-radius:11px}
body.special-map .btn:hover,
body.special-map .mail-btn:hover{background:#e3c585;border-color:#e3c585}
body.special-map .mail-btn.secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.33)}
body.special-map .mail-btn.secondary:hover{background:#fff;color:#0b2b42;border-color:#fff}
body.special-map .kpis{gap:10px}
body.special-map .kpi{
  background:rgba(255,255,255,.97);border:0;border-radius:16px;padding:17px;
  box-shadow:0 10px 30px rgba(0,0,0,.13)
}
body.special-map .kpi-label{color:#64727d}
body.special-map .kpi-value{color:#0b2b42}
body.special-map .kpi-sub{color:#64727d}
body.special-map .content{padding:24px 26px 18px;grid-template-columns:1fr}
body.special-map .map-card,
body.special-map .side-card{border:1px solid #dce3e7;border-radius:18px;background:#fff}
body.special-map .card-title{color:#0b2b42}
body.special-map .map-card .card-title{font-size:21px;letter-spacing:-.018em}
body.special-map .map-scale{border-top-color:#e4e9ec}
body.special-map .summer{
  margin:8px 26px 20px;padding:22px;border-radius:18px;
  background:linear-gradient(135deg,#0b2b42 0%,#173f5b 72%,#244f69 100%);
  box-shadow:0 14px 34px rgba(11,43,66,.17)
}
body.special-map .summer-card{border-color:rgba(215,179,106,.25);background:rgba(255,255,255,.09)}
body.special-map .ranking-after{padding-top:0}
body.special-map .rank-num{background:#e9f0f4;color:#173f5b}
body.special-map .rank-count{color:#173f5b}
body.special-map .foot{color:#64727d;padding-bottom:88px}
body.special-map .office-location{border-color:#dce3e7;background:#fff}
body.special-map .office-location-pin{color:#af8842}

/* ===== KÖLTÖZZ EL KÉPZELETBEN ===== */
body.special-game{
  --ink:#1d2a33;--muted:#64727d;--paper:#f3f5f5;--card:#fff;
  --accent:#173f5b;--accent-dark:#0b2b42;--soft:#e9f0f4;--border:#dce3e7;
  --warning:#fff7df;--warning-border:#d7b36a;
  --shadow:0 16px 44px rgba(11,43,66,.09);
  background:radial-gradient(circle at 8% 0%,rgba(215,179,106,.10),transparent 28rem),linear-gradient(180deg,#f7f8f8 0%,#f2f4f5 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.special-game .topbar{max-width:1120px;padding:18px 22px 12px}
body.special-game .home-link{color:#0b2b42;font-weight:800}
body.special-game .daily-tip-link{color:#64727d}
body.special-game .daily-tip-link:hover{color:#173f5b}
body.special-game .game-label{
  color:#102b3d;background:#f2dfb7;border:1px solid #d7b36a;padding:7px 11px
}
body.special-game .brand-note{max-width:1120px;color:#64727d}
body.special-game .brand-note strong{color:#173f5b}
body.special-game .brand-note a{color:#173f5b}
body.special-game .hero{
  max-width:1120px;margin:18px auto 28px;padding:clamp(34px,5vw,58px) 24px;
  color:#fff;border-radius:30px;
  background:radial-gradient(circle at 84% 12%,rgba(215,179,106,.22),transparent 22rem),linear-gradient(135deg,#173f5b 0%,#0b2b42 74%,#092437 100%);
  box-shadow:0 22px 55px rgba(11,43,66,.20)
}
body.special-game .hero h1{color:#fff;font-size:clamp(42px,7vw,72px);letter-spacing:-.055em}
body.special-game .hero-subtitle{color:#f1d8a4;font-size:clamp(20px,3vw,31px)}
body.special-game .game-stats span{
  color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)
}
body.special-game .warning-strong{
  color:#4c3b13;background:#fff8e7;border-color:#d7b36a;box-shadow:0 6px 20px rgba(0,0,0,.10)
}
body.special-game .shell{
  max-width:1120px;border-color:#dce3e7;border-radius:22px;box-shadow:0 12px 34px rgba(11,43,66,.075)
}
body.special-game h2{color:#0b2b42;letter-spacing:-.018em}
body.special-game .map-area-input input,
body.special-game .field input,
body.special-game .money-mode-panel input,
body.special-game .cheap-challenge-base{border-color:#cbd6dc}
body.special-game .map-area-input input:focus,
body.special-game .field input:focus{outline-color:rgba(215,179,106,.24);border-color:#af8842;box-shadow:0 0 0 1px #af8842}
body.special-game .money-mode-toggle{
  color:#173f5b;border-color:#cbd6dc;background:#fff;box-shadow:0 4px 14px rgba(11,43,66,.07)
}
body.special-game .money-mode-toggle:hover{border-color:#af8842;background:#fffaf0}
body.special-game .money-mode-panel{border-color:#dce3e7;box-shadow:0 8px 24px rgba(11,43,66,.06)}
body.special-game .world-map{border-color:#d2dce2;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
body.special-game .map-controls{border-color:rgba(11,43,66,.14);border-radius:10px;box-shadow:0 4px 14px rgba(11,43,66,.14)}
body.special-game .map-controls button{color:#173f5b}
body.special-game .map-pin,
body.special-game .available-city-dot,
body.special-game .spider-node{background:#173f5b}
body.special-game .available-city-label{color:#173f5b;border-color:rgba(23,63,91,.16)}
body.special-game .available-city-dot::after{border-color:rgba(23,63,91,.28)}
body.special-game .primary-btn{background:#173f5b}
body.special-game .primary-btn:hover:not(:disabled){background:#0b2b42}
body.special-game .eyebrow{color:#af8842}
body.special-game .price-card{border-color:#dce3e7}
body.special-game .price-card.primary{
  background:linear-gradient(135deg,#173f5b,#0b2b42);border-color:#173f5b
}
body.special-game .model-note{border-left-color:#d7b36a;background:#faf7f0}
body.special-game .sources{box-shadow:none}
body.special-game .sources summary::after,
body.special-game .source-item a{color:#173f5b}
body.special-game .cheap-challenge{
  border-color:#dce3e7;background:#fbfcfc;border-radius:14px
}
body.special-game .cheap-challenge-kicker{color:#af8842}
body.special-game .cheap-challenge-btn{color:#173f5b;border-color:#cbd6dc}
body.special-game .cheap-challenge-btn:hover{background:#e9f0f4}
body.special-game .county-office-logo{background:#173f5b}
body.special-game .county-office-link-primary{color:#173f5b}
body.special-game .housing-trend{border-color:#dce3e7;background:#fbfcfc}
body.special-game .housing-trend>a{color:#173f5b}
body.special-game .mobile-sheet-action{background:#173f5b}

/* Közös mobil finomhangolás */
@media(max-width:900px){
  body.special-kutyachip .hero{grid-template-columns:1fr;min-height:0;padding:36px 30px}
  body.special-kutyachip .hero-visual{width:min(72vw,390px)}
  body.special-map .hero{grid-template-columns:1fr;padding:30px 24px}
  body.special-map .kpis{max-width:520px}
}
@media(max-width:680px){
  body.special-kutyachip .site-header{width:min(100% - 28px,1120px)}
  body.special-kutyachip .hero{width:min(100% - 28px,1120px);margin-top:10px;padding:30px 20px;border-radius:22px;gap:34px}
  body.special-kutyachip h1{font-size:clamp(42px,13vw,58px)}
  body.special-kutyachip .hero-visual{width:min(78vw,330px)}
  body.special-kutyachip .info-section,
  body.special-kutyachip footer{width:min(100% - 28px,1120px)}
  body.special-map .wrap{padding:12px}
  body.special-map .shell{border-radius:20px}
  body.special-map .hero{padding:26px 18px 20px}
  body.special-map .content{padding:18px 14px 16px}
  body.special-map .summer{margin:4px 14px 16px;padding:17px}
  body.special-map .public-badge{font-size:10.5px}
  body.special-game .topbar{padding:14px 14px 10px}
  body.special-game .hero{margin:10px 14px 18px;padding:34px 18px;border-radius:22px}
  body.special-game .hero h1{font-size:clamp(40px,13vw,58px)}
  body.special-game .shell{margin:18px 14px;padding:18px;border-radius:18px}
  body.special-game .money-mode-panel{grid-template-columns:1fr}
  body.special-game .money-legend{grid-column:1}
}