:root{
  --red:#5a0f1b;
  --red2:#8b1d30;
  --red3:#4b0b16;
  --gold:#c89a3c;
  --gold2:#f4e2b8;
  --cream:#fff8f3;
  --cream2:#fff1ec;
  --ink:#1e1717;
  --muted:#6c5a5a;
  --line:#ead8c8;
  --soft:#fffafa;
  --shadow:0 18px 50px rgba(93,0,18,.11);
  --shadow2:0 10px 28px rgba(20,0,10,.10);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fff7f7 0,#fffaf7 52%,#fff7f7 100%);color:var(--ink);line-height:1.65}
a{color:inherit}
img{max-width:100%;display:block}

.site-header{background:linear-gradient(135deg,var(--red3),var(--red2));color:#fff;position:relative;z-index:20;box-shadow:0 8px 30px rgba(80,0,12,.18)}
.header-inner{max-width:1240px;margin:auto;padding:24px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.logo-link{justify-self:center;text-decoration:none;background:#fff;border-radius:14px;padding:6px 12px;box-shadow:0 0 0 2px rgba(255,255,255,.28),0 10px 24px rgba(0,0,0,.18)}
.logo-link img{height:82px;width:auto;object-fit:contain}.header-spacer{min-height:1px}.call{justify-self:end;display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--red);padding:13px 28px;border-radius:999px;font-size:20px;font-weight:900;text-decoration:none;letter-spacing:.4px;box-shadow:0 8px 20px rgba(0,0,0,.13)}
.call:hover,.btn:hover{transform:translateY(-2px)}
.nav{background:#ab0e28;position:sticky;top:0;z-index:30;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 8px 18px rgba(80,0,14,.08)}
.nav-inner{max-width:1120px;margin:auto;padding:0 18px}.menuBtn{display:none}.navlinks{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;font-size:18px;font-weight:800;padding:17px 20px;border-radius:0 0 14px 14px;transition:.18s}.nav a:hover,.nav a.active{background:rgba(255,255,255,.14)}

main{overflow:hidden}.container{max-width:1160px;margin:0 auto;padding:0 22px}.section{padding:64px 0}.section.tight{padding:38px 0}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:14px;font-weight:900;color:var(--red);margin:0 0 10px}.lead{font-size:21px;color:#3b3030;font-weight:700;max-width:790px}.muted{color:var(--muted)}
h1,h2,h3{line-height:1.15;margin:0 0 18px}h1{font-size:clamp(40px,6vw,72px);letter-spacing:-1.5px}h2{font-size:clamp(32px,4vw,48px);color:var(--red)}h3{font-size:24px;color:var(--red)}p{font-size:18px;margin:0 0 16px}.center{text-align:center}.max760{max-width:760px;margin-left:auto;margin-right:auto}

.hero{padding:58px 0 46px;background:radial-gradient(circle at 18% 20%,rgba(215,170,85,.16),transparent 30%),linear-gradient(180deg,#fff,#fff7f5)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.15fr);gap:34px;align-items:center}.hero-copy{padding:20px 0}.hero-copy h1{color:#130b0c;margin-bottom:20px}.hero-copy h1 span{display:block;color:var(--red)}.hero-copy .lead{margin-bottom:24px}.hero-points{display:grid;gap:10px;margin:24px 0}.hero-points span{display:flex;gap:10px;align-items:center;font-weight:800;color:#332828}.hero-points span:before{content:'✓';display:grid;place-items:center;width:24px;height:24px;min-width:24px;border-radius:50%;background:#fff0de;color:var(--red);font-weight:900}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:15px 22px;text-decoration:none;font-weight:900;transition:.18s;border:0}.btn.primary{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 10px 24px rgba(139,0,20,.22)}.btn.secondary{background:#fff;color:var(--red);box-shadow:0 10px 22px rgba(70,0,10,.09);border:1px solid #f1d4d7}.btn.gold{background:linear-gradient(135deg,#e8ba56,#f4d98b);color:#4c2400}.hero-media{position:relative}.hero-media .photo{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #f4d9dc}.hero-media .photo img{width:100%;height:560px;object-fit:cover}.info-card{position:absolute;right:22px;bottom:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-radius:22px;padding:22px;box-shadow:0 14px 36px rgba(0,0,0,.16);width:min(330px,calc(100% - 44px));border:1px solid #f5dbdf}.info-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #f0d6da}.info-row:last-child{border-bottom:0}.info-row b{color:var(--red)}.info-row span{font-weight:800}

.strip{background:#fff;border-top:1px solid #f3d9dc;border-bottom:1px solid #f3d9dc}.icon-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px 0}.icon-item{text-align:center;padding:14px}.icon{width:54px;height:54px;margin:0 auto 9px;border-radius:18px;display:grid;place-items:center;background:#fff6e7;color:var(--red);border:1px solid #f1d3ba;font-size:27px}.icon-item b{display:block;color:var(--red);font-size:18px}.icon-item span{display:block;color:#4f4444;font-size:15px;font-weight:700}

.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:38px}.panel-soft{background:linear-gradient(180deg,#fff,#fff7f4)}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.image-card{border-radius:22px;overflow:hidden;box-shadow:var(--shadow2);border:1px solid #f1d5d9}.image-card img{height:430px;width:100%;object-fit:cover}.notice{background:#fff2d9;border-left:6px solid var(--gold);padding:16px 20px;border-radius:14px;font-weight:900;color:#2b2020}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.service-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 32px rgba(70,0,16,.08);text-decoration:none;transition:.18s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(70,0,16,.14)}.service-card img{width:100%;height:210px;object-fit:cover}.service-card .card-body{padding:22px}.service-card h3{margin-bottom:8px}.service-card p{font-size:16px;color:#4f4242;font-weight:700}.arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;margin-top:8px}

.services-list{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.services-list li{background:#fffafa;border:1px solid var(--line);border-radius:18px;padding:18px 20px 18px 54px;font-size:19px;font-weight:900;position:relative;min-height:78px}.services-list li:before{content:'✓';position:absolute;left:20px;top:18px;color:var(--red);font-size:22px;font-weight:900}.services-list span{display:block;color:#5f5353;font-size:16px;font-weight:800;margin-top:3px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:linear-gradient(180deg,#fff6f0,#fff);border:1px solid #f0d0d4;border-radius:20px;padding:24px;text-align:center}.stat strong{display:block;font-size:34px;color:var(--red);line-height:1}.stat span{font-weight:900;color:#4d4040}

.price-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}.price-group{margin-top:24px}.price-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.price-card,.price-list,.info-box{background:#fffafa;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 20px rgba(80,0,15,.045)}.price-card h3{margin-bottom:10px}.price-card p,.price-list p{font-size:17px;font-weight:800}.price-list p{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #f0d6da;padding:10px 0;margin:0}.price-list p:last-child{border-bottom:0}.price-list b{color:#3a2d2d}.quote-box{position:sticky;top:92px;background:linear-gradient(180deg,#fff6ef,#fff);border:1px solid #f0d0d4;border-radius:24px;padding:26px;box-shadow:var(--shadow)}.quote-box ul{padding-left:20px;font-weight:800;color:#4b3b3b}.quote-box li{margin:9px 0}

.important-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.important-card{background:#fffafa;border:1px solid var(--line);border-radius:20px;padding:22px}.important-card h3{font-size:22px}.important-card p{font-weight:800;color:#3d3131}.important-card.warning{background:#fff2d9;border-color:#efce8c}

.refs .lead{margin-left:auto;margin-right:auto}.gallery-section{margin-top:34px}.gallery-title{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid #f0d6da;padding-bottom:12px;margin-bottom:18px}.gallery-title h2{font-size:34px;margin:0}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.gallery img{width:100%;height:220px;object-fit:cover;border-radius:18px;box-shadow:0 7px 18px rgba(0,0,0,.14);cursor:pointer;transition:.16s;border:1px solid #fff}.gallery img:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.2)}.lightbox{display:none;position:fixed;inset:0;background:rgba(15,0,5,.88);z-index:9999;align-items:center;justify-content:center;padding:20px}.lightbox.active{display:flex}.lightbox img{max-width:92vw;max-height:88vh;border-radius:16px;box-shadow:0 20px 80px rgba(0,0,0,.45)}.arr,.close{position:absolute;border:0;cursor:pointer}.arr{top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:34px}.prev{left:22px}.next{right:22px}.close{top:18px;right:24px;background:#fff;color:var(--red);border-radius:50%;width:46px;height:46px;font-size:32px;line-height:1}

.cta{background:linear-gradient(135deg,#651322,#8a1d30);color:#fff;border-radius:26px;padding:29px 34px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;box-shadow:0 14px 34px rgba(93,0,18,.15)}.cta h2{color:#fff;margin-bottom:6px;font-size:clamp(28px,3.1vw,40px);font-weight:800;letter-spacing:-.4px}.cta p{color:rgba(255,255,255,.92);font-weight:650;font-size:17px;margin:0}.cta .btn.gold{padding:12px 20px;min-height:48px;border-radius:13px;background:linear-gradient(135deg,#d7a64a,#efd07c);box-shadow:0 8px 18px rgba(30,0,8,.16);color:#472300}.footer{background:var(--red);color:#fff;text-align:center;padding:24px 18px}.footer-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.footer p{margin:0;font-weight:900}.facebookIcon img{width:42px;height:auto;transition:.16s}.facebookIcon:hover img{transform:scale(1.08)}

@media(max-width:980px){.header-inner{grid-template-columns:1fr;gap:14px;text-align:center}.logo-link,.call{justify-self:center}.hero-grid,.split,.price-layout{grid-template-columns:1fr}.hero-media .photo img{height:430px}.service-grid{grid-template-columns:repeat(2,1fr)}.stats,.icon-strip{grid-template-columns:repeat(2,1fr)}.quote-box{position:static}.cta{grid-template-columns:1fr;text-align:center}.cta .btn{justify-self:center}}
@media(max-width:700px){.header-inner{padding:18px}.logo-link img{height:62px}.call{font-size:17px;padding:11px 20px}.nav-inner{padding:10px}.menuBtn{display:block;margin:auto;background:#fff;color:var(--red);border:0;border-radius:12px;padding:11px 18px;font-weight:900;font-size:16px}.navlinks{display:none;flex-direction:column;padding:12px 0 4px}.navlinks.open{display:flex}.nav a{width:100%;text-align:center;border-radius:12px;padding:12px 10px}.hero{padding:34px 0}.hero-copy{text-align:center}.hero-actions{justify-content:center}.hero-media .photo img{height:330px}.info-card{position:static;margin-top:14px;width:auto}.info-row{grid-template-columns:1fr}.section{padding:42px 0}.panel{padding:26px 18px;border-radius:20px}.service-grid,.services-list,.price-cards,.important-grid{grid-template-columns:1fr}.icon-strip{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.image-card img{height:300px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery img{height:160px}.arr{width:44px;height:44px}.prev{left:8px}.next{right:8px}.cta{padding:24px 20px;border-radius:22px;gap:14px}.cta h2{font-size:26px;margin-bottom:6px}.cta p{font-size:16px}.cta .btn.gold{padding:11px 18px;min-height:46px}p{font-size:17px}.lead{font-size:18px}}


/* === KIRÁLY KONYHA EGYSÉGESÍTÉS – 2026.05.13 === */
.topbar{
  position:relative;
  min-height:165px;
  background:linear-gradient(135deg,#8b0014,#b0122b);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 70px;
  box-sizing:border-box;
  color:#fff;
  z-index:20;
  box-shadow:0 8px 30px rgba(80,0,12,.18);
}
.topbar .brand{display:block;z-index:2;text-decoration:none;justify-self:auto}
.topbar .brand img{
  height:130px;
  width:auto;
  display:block;
  padding:6px;
  background:#a00018;
  border-radius:10px;
}
.topbar .brand-main{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  z-index:1;
  text-decoration:none;
}
.topbar .brand-main img{
  height:112px;
  width:auto;
  display:block;
  background:#fff;
  border-radius:14px;
  padding:8px;
  box-shadow:0 10px 24px rgba(0,0,0,.20);
}
.topbar .call{margin-left:auto;z-index:2;justify-self:auto}
.page-kicker,
.panel .page-kicker,
.price-main .page-kicker,
.info-panel .page-kicker{
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.92rem;
  font-weight:900;
  color:var(--red);
  margin:0 0 18px;
}
.page-title,
.services-hero h1.page-title,
.price-main h1.page-title,
.info-panel h1.page-title,
.refs h1.page-title,
.contact-hero h1.page-title{
  font-size:clamp(2.1rem,3.35vw,3.45rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
  font-weight:850 !important;
  color:#1e1717 !important;
  margin:0 0 22px !important;
  max-width:920px;
}
.page-lead,
.panel .page-lead,
.info-panel .page-lead,
.refs .page-lead,
.contact-hero .page-lead{
  font-size:1.08rem !important;
  line-height:1.65 !important;
  font-weight:650 !important;
  color:#2b2022 !important;
  max-width:820px;
  margin:0 0 30px !important;
}
.info-box,
.notice.info-box,
.intro-note.info-box{
  background:#fff3d8 !important;
  border-left:5px solid var(--gold) !important;
  border-radius:18px !important;
  padding:18px 24px !important;
  font-size:1.05rem !important;
  line-height:1.6 !important;
  font-weight:700 !important;
  color:#211719 !important;
  box-shadow:0 12px 28px rgba(139,0,20,.05) !important;
}
.intro-note.info-box{display:block !important;margin-bottom:34px !important}
.intro-note.info-box .intro-icon{display:none !important}
.navlinks a[href="referenciak.html"]{white-space:nowrap}
@media(max-width:980px){
  .topbar{padding:18px 28px;min-height:140px}
  .topbar .brand img{height:105px}
  .topbar .brand-main img{height:86px}
}
@media(max-width:700px){
  .topbar{padding:18px;min-height:auto}
  .topbar .brand-main{display:none}
  .topbar .brand img{height:105px}
  .topbar .call{font-size:17px;padding:11px 20px}
  .page-title,
  .services-hero h1.page-title,
  .price-main h1.page-title,
  .info-panel h1.page-title,
  .refs h1.page-title,
  .contact-hero h1.page-title{font-size:clamp(2rem,9vw,3rem) !important;line-height:1.12 !important}
  .info-box,.notice.info-box,.intro-note.info-box{font-size:1rem !important;padding:16px 18px !important}
}


/* Mobil logó szabály: indexen marad az 1-es logó, aloldalakon mobilon csak a 2-es logó látszik. */
@media(max-width:700px){
  body.sub-page .topbar .brand{display:none !important;}
  body.sub-page .topbar .brand-main{display:block !important;position:static !important;transform:none !important;margin:0 auto !important;}
  body.sub-page .topbar .brand-main img{height:72px !important;max-width:280px !important;}
}


/* === WARM LUXURY SZÍNFINOMHANGOLÁS – névjegykártyához igazítva === */
.site-header,
.topbar{
  background:linear-gradient(135deg,#e8dfd5 0%,#e4d7ca 100%) !important;
  color:#5a0f1b !important;
  box-shadow:0 8px 28px rgba(90,15,27,.10) !important;
}
.topbar .brand img,
.topbar .brand-main img,
.logo-link{
  background:#fff !important;
  border:1px solid rgba(200,154,60,.42) !important;
}
.call,
.topbar .call{
  background:linear-gradient(135deg,#6b0f1f,#8b1d30) !important;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(90,15,27,.18) !important;
}
.nav{
  background:#d5c2ae !important;
  border-top:1px solid rgba(200,154,60,.30) !important;
  border-bottom:1px solid rgba(90,15,27,.10) !important;
  box-shadow:0 8px 18px rgba(90,15,27,.08) !important;
}
.nav a{
  color:#5a0f1b !important;
}
.nav a:hover,
.nav a.active{
  background:rgba(255,255,255,.46) !important;
  color:#8b1d30 !important;
}
.menuBtn{
  background:#fff !important;
  color:#5a0f1b !important;
  border:1px solid rgba(200,154,60,.35) !important;
}
.footer{
  background:#d5c2ae !important;
  color:#5a0f1b !important;
  border-top:1px solid rgba(200,154,60,.38) !important;
}
.footer p,
.footer a{
  color:#5a0f1b !important;
}

/* === 2026-05-23: HEADER + LOGÓRENDSZER ALAP FINOMHANGOLÁS === */
.topbar{
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  padding:16px clamp(22px,5vw,74px);
}
.topbar .brand-group{display:flex;align-items:center;justify-content:flex-start;gap:18px;min-width:0;flex:1 1 auto;}
.topbar .brand,.topbar .brand-main{position:static;transform:none;display:block;margin:0;padding:0;background:transparent;border:0;box-shadow:none;line-height:0;z-index:auto;}
.topbar .brand img,.topbar .brand-main img{display:block;width:auto;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;}
.topbar .brand img{height:82px;}
.topbar .brand-main img{height:66px;max-width:min(42vw,430px);}
.topbar .call{flex:0 0 auto;margin-left:auto;white-space:nowrap;}
@media(max-width:980px){.topbar{min-height:104px;padding:15px 28px}.topbar .brand-group{gap:14px}.topbar .brand img{height:70px}.topbar .brand-main img{height:58px;max-width:min(46vw,360px)}}
@media(max-width:700px){.topbar{display:grid;grid-template-columns:1fr;justify-items:center;gap:10px;min-height:auto;padding:14px 16px}.topbar .brand-group{display:flex;justify-content:center;gap:10px;width:100%;flex:0 1 auto}.topbar .brand-main{display:block;position:static;transform:none;margin:0}.topbar .brand img{height:56px;max-width:70px}.topbar .brand-main img{height:46px;max-width:min(72vw,260px)}.topbar .call{margin:0;font-size:16px;padding:10px 22px}}


/* === 2026-05-23: HEADER + DÍSZÍTŐ ELEMEK FINOMHANGOLÁSA === */
.topbar{
  padding-right:clamp(58px,6.8vw,110px) !important;
}
.topbar .brand img{
  height:92px !important;
}
.topbar .brand-main img{
  height:74px !important;
  max-width:min(45vw,482px) !important;
}
.topbar .call,
.call{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  background:linear-gradient(135deg,#781426 0%,#9b1c32 100%) !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(90,15,27,.16) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  letter-spacing:.01em !important;
}
.topbar .call::before,
.call::before{
  content:"☎" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:1.05em !important;
  height:1.05em !important;
  font-size:.92em !important;
  color:#f4d47b !important;
  line-height:1 !important;
}
.hero-divider img,
.service-crown img,
.gallery-divider img,
.contact-divider img{
  width:43px !important;
  height:43px !important;
}
.hero-divider,
.service-crown{
  gap:18px !important;
}
.services-hero h1.page-title::after,
.price-main h1.page-title::after,
.info-panel h1.page-title::after,
.refs h1.page-title::after,
.contact-hero h1.page-title::after{
  height:43px !important;
  background-size:100% 2px,43px 43px !important;
  background-image:linear-gradient(90deg,
    transparent 0 4%,
    var(--kk-gold,#d7aa55) 4% calc(50% - 40px),
    transparent calc(50% - 40px) calc(50% + 40px),
    var(--kk-gold,#d7aa55) calc(50% + 40px) 96%,
    transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
}
@media(max-width:980px){
  .topbar{
    padding-right:40px !important;
  }
  .topbar .brand img{
    height:76px !important;
  }
  .topbar .brand-main img{
    height:63px !important;
    max-width:min(48vw,405px) !important;
  }
}
@media(max-width:700px){
  .topbar{
    padding:14px 16px !important;
  }
  .topbar .brand img{
    height:58px !important;
    max-width:72px !important;
  }
  .topbar .brand-main img{
    height:48px !important;
    max-width:min(72vw,270px) !important;
  }
  .topbar .call,
  .call{
    gap:8px !important;
  }
  .hero-divider img,
  .service-crown img,
  .gallery-divider img,
  .contact-divider img{
    width:36px !important;
    height:36px !important;
  }
  .hero-divider,
  .service-crown{
    gap:16px !important;
  }
  .services-hero h1.page-title::after,
  .price-main h1.page-title::after,
  .info-panel h1.page-title::after,
  .refs h1.page-title::after,
  .contact-hero h1.page-title::after{
    height:38px !important;
    background-size:100% 2px,36px 36px !important;
    background-image:linear-gradient(90deg,
      transparent 0 4%,
      var(--kk-gold,#d7aa55) 4% calc(50% - 34px),
      transparent calc(50% - 34px) calc(50% + 34px),
      var(--kk-gold,#d7aa55) calc(50% + 34px) 96%,
      transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
  }
}


/* === 2026-05-23: PRÉMIUM FINOMHANGOLÁS 2 – LOGÓ, CTA, MENÜSÁV, HERO === */
@media (min-width:981px){
  .topbar{
    padding-right:clamp(105px,9vw,155px) !important;
    background:linear-gradient(135deg,#eee6dd 0%,#e8dbce 100%) !important;
  }
  .topbar .brand img{
    height:110px !important;
  }
  .topbar .brand-main img{
    height:89px !important;
    max-width:min(48vw,560px) !important;
  }
}
.nav{
  background:#cdb79f !important;
  border-top:1px solid rgba(200,154,60,.34) !important;
  border-bottom:1px solid rgba(90,15,27,.14) !important;
}
.topbar .call,
.call{
  background:linear-gradient(135deg,#8a1830 0%,#a8243c 100%) !important;
  box-shadow:0 4px 10px rgba(90,15,27,.12) !important;
  padding-top:11px !important;
  padding-bottom:11px !important;
}
.hero-divider img,
.service-crown img,
.gallery-divider img,
.contact-divider img{
  width:32px !important;
  height:32px !important;
}
.hero-divider,
.service-crown,
.gallery-divider,
.contact-divider{
  gap:15px !important;
}
.services-hero h1.page-title::after,
.price-main h1.page-title::after,
.info-panel h1.page-title::after,
.refs h1.page-title::after,
.contact-hero h1.page-title::after{
  height:34px !important;
  background-size:100% 2px,32px 32px !important;
  background-image:linear-gradient(90deg,
    transparent 0 4%,
    var(--kk-gold,#d7aa55) 4% calc(50% - 34px),
    transparent calc(50% - 34px) calc(50% + 34px),
    var(--kk-gold,#d7aa55) calc(50% + 34px) 96%,
    transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
}
.heroText{
  line-height:1.07 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.08) !important;
}
.heroTopLine,
.heroTopLine.second{
  font-size:35px !important;
}
.heroBuild{
  font-size:31px !important;
  margin-top:16px !important;
}
.heroBottomLine{
  font-size:28px !important;
}
.heroBottomLine.last{
  font-size:26px !important;
}
@media(max-width:980px){
  .topbar .brand img{
    height:82px !important;
  }
  .topbar .brand-main img{
    height:68px !important;
    max-width:min(50vw,430px) !important;
  }
  .hero-divider img,
  .service-crown img,
  .gallery-divider img,
  .contact-divider img{
    width:30px !important;
    height:30px !important;
  }
  .services-hero h1.page-title::after,
  .price-main h1.page-title::after,
  .info-panel h1.page-title::after,
  .refs h1.page-title::after,
  .contact-hero h1.page-title::after{
    height:32px !important;
    background-size:100% 2px,30px 30px !important;
    background-image:linear-gradient(90deg,
      transparent 0 4%,
      var(--kk-gold,#d7aa55) 4% calc(50% - 32px),
      transparent calc(50% - 32px) calc(50% + 32px),
      var(--kk-gold,#d7aa55) calc(50% + 32px) 96%,
      transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
  }
}
@media(max-width:700px){
  .topbar{
    padding:13px 14px !important;
  }
  .topbar .brand img{
    height:58px !important;
    max-width:70px !important;
  }
  .topbar .brand-main img{
    height:48px !important;
    max-width:min(72vw,268px) !important;
  }
  .topbar .call,
  .call{
    padding:10px 20px !important;
    font-size:16px !important;
  }
  .hero-divider img,
  .service-crown img,
  .gallery-divider img,
  .contact-divider img{
    width:28px !important;
    height:28px !important;
  }
  .hero-divider,
  .service-crown,
  .gallery-divider,
  .contact-divider{
    gap:13px !important;
  }
  .services-hero h1.page-title::after,
  .price-main h1.page-title::after,
  .info-panel h1.page-title::after,
  .refs h1.page-title::after,
  .contact-hero h1.page-title::after{
    height:30px !important;
    background-size:100% 2px,28px 28px !important;
    background-image:linear-gradient(90deg,
      transparent 0 4%,
      var(--kk-gold,#d7aa55) 4% calc(50% - 30px),
      transparent calc(50% - 30px) calc(50% + 30px),
      var(--kk-gold,#d7aa55) calc(50% + 30px) 96%,
      transparent 96% 100%),url("../img/marketing/crown-gold.png") !important;
  }
  .heroTopLine,
  .heroTopLine.second{
    font-size:32px !important;
  }
  .heroBuild{
    font-size:28px !important;
  }
  .heroBottomLine{
    font-size:25px !important;
  }
  .heroBottomLine.last{
    font-size:24px !important;
  }
}


/* === 2026-06-02: NÉVJEGYKÁRTYA SZÍNÖSSZEHANGOLÁS – CSAK HEADER / MENÜ / FOOTER === */
:root{
  --kk-card-cream:#f8efe2;
  --kk-menu-beige:#cdb79f;
  --kk-menu-beige-light:#d8c5ad;
}
.site-header,
.topbar{
  background:linear-gradient(135deg,#fbf3e8 0%,var(--kk-card-cream) 52%,#f1e3d2 100%) !important;
  color:#5a0f1b !important;
}
.nav{
  background:linear-gradient(180deg,#d8c5ad 0%,var(--kk-menu-beige) 100%) !important;
  border-top:1px solid rgba(200,154,60,.34) !important;
  border-bottom:1px solid rgba(90,15,27,.14) !important;
}
.nav a{
  color:#5a0f1b !important;
}
.nav a:hover,
.nav a.active{
  background:rgba(255,255,255,.46) !important;
  color:#8b1d30 !important;
}
.footer{
  background:linear-gradient(180deg,#d8c5ad 0%,var(--kk-menu-beige) 100%) !important;
  color:#5a0f1b !important;
  border-top:1px solid rgba(200,154,60,.38) !important;
}
.footer p,
.footer a,
.footerBrand p{
  color:#5a0f1b !important;
}
.facebookIcon img{
  filter:grayscale(1) sepia(1) saturate(2.4) hue-rotate(318deg) brightness(.72) contrast(1.18);
}