/* ============================================================
   TérHarmónia Stúdió — prémium demo réteg (magyar)
   Az alap MegaOne stílusra épül, azt egészíti ki és harmonizálja.
   Képek: interior-designer/images/demo-hu/
   ============================================================ */
@import url("/assets/collection/landings/fonts/4a354c3e0570ecae8afe5d1d.css");

:root{
  --krem: #F7F3EB;
  --homok: #EFE7D6;
  --tinta: #23281D;
  --szoveg: #4A4A42;
  --oliva: #4A6A12;
  --oliva-mely: #3A5310;
  --oliva-vilagos: #EEF2DF;
  --arany: #C2A265;
  --feher: #FFFFFF;
  --arnyek: 0 24px 60px -24px rgba(35,40,29,.28);
  --arnyek-kicsi: 0 14px 34px -16px rgba(35,40,29,.25);
  --sugar: 22px;
}

html{scroll-behavior:smooth;}
body{background:var(--krem);}
::selection{background:var(--oliva);color:#fff;}

/* ---------- tipográfiai kiegészítők ---------- */
.serif-kiemeles{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;}
.szemoldok{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.28em;text-transform:uppercase;color:var(--oliva);
}
.szemoldok::before{content:"";width:34px;height:2px;background:var(--arany);display:inline-block;border-radius:2px;}
.szemoldok.vilagos{color:#fff;}
.szemoldok.vilagos::before{background:var(--arany);}
.szekcio-alcim{font-family:'Roboto',sans-serif;font-size:17px;color:var(--szoveg);line-height:1.7;}
/* A .portfolio-heading színt csak a .portfolio-sec-en belül kap az alap CSS-ben,
   ezért az új szekciók címeihez globálisan is beállítjuk (a #folyamat inline fehérjét nem bántja). */
.portfolio-heading{color:var(--tinta);}

/* ---------- fejléc ---------- */
.logo-szoveg{font-family:'Oswald',sans-serif;font-weight:700;font-size:22px;letter-spacing:.06em;color:var(--tinta);text-transform:uppercase;line-height:1;text-decoration:none;}
.logo-szoveg small{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:15px;letter-spacing:.02em;color:var(--oliva);text-transform:none;}
.nav-cta{font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  background:var(--tinta);color:#fff!important;padding:11px 22px!important;border-radius:50px;margin-left:6px;margin-right:14px;transition:.3s;}
.nav-cta:hover{background:var(--oliva)!important;color:#fff!important;transform:translateY(-1px);}
@media(max-width:1400px){
  .navbar-simple .navbar-nav .nav-link{padding:.4rem 1.1rem!important;font-size:16px;}
}
@media(max-width:1280px){
  header .nav-social{display:none!important;}
}

/* ---------- HERO ---------- */
.banner-image{
  background-image:url("/assets/collection/landings/interior-designer/images/demo-hu/hero-nappali.jpg")!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
  min-height:100svh;height:auto;display:flex;align-items:center;position:relative;
}
.banner-image::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(247,243,235,.96) 0%,rgba(247,243,235,.88) 34%,rgba(247,243,235,.25) 62%,rgba(247,243,235,0) 80%);
}
.banner-image .container{position:relative;z-index:2;}
.hero-kartya{max-width:620px;padding:18px 6px;}
.hero-jelveny{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);
  border:1px solid rgba(74,106,18,.18);border-radius:100px;padding:8px 18px;font-family:'Roboto',sans-serif;
  font-size:13px;font-weight:500;color:var(--tinta);margin-bottom:22px;box-shadow:var(--arnyek-kicsi);}
.hero-jelveny .potty{width:8px;height:8px;border-radius:50%;background:#5FA32E;box-shadow:0 0 0 5px rgba(95,163,46,.18);animation:pulzal 2s infinite;}
@keyframes pulzal{50%{box-shadow:0 0 0 9px rgba(95,163,46,.06);}}
.banner-heading{font-size:clamp(38px,5.2vw,68px)!important;line-height:1.04!important;letter-spacing:-.01em;}
.banner-des{font-size:18px!important;color:var(--szoveg)!important;width:100%!important;max-width:520px;}
.hero-gombok{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 26px;}
.btn-orokolt{font-family:'Oswald',sans-serif!important;}
.btn-sotet{background:var(--tinta)!important;border-color:var(--tinta)!important;color:#fff!important;border-radius:50px!important;padding:15px 36px!important;font-size:15px!important;letter-spacing:.06em;}
.btn-sotet:hover{background:var(--oliva)!important;border-color:var(--oliva)!important;transform:translateY(-2px);box-shadow:var(--arnyek-kicsi);}
.btn-korvonal{background:rgba(255,255,255,.6)!important;border:1.5px solid var(--tinta)!important;color:var(--tinta)!important;border-radius:50px!important;padding:14px 34px!important;font-size:15px!important;letter-spacing:.06em;backdrop-filter:blur(6px);}
.btn-korvonal:hover{background:var(--tinta)!important;color:#fff!important;transform:translateY(-2px);}
.hero-bizalom{display:flex;flex-wrap:wrap;gap:10px 28px;font-family:'Roboto',sans-serif;font-size:14.5px;color:var(--tinta);font-weight:500;}
.hero-bizalom strong{font-size:19px;font-weight:800;display:block;line-height:1.1;}
.hero-bizalom span{color:var(--szoveg);font-weight:400;font-size:13px;}
.hero-gorgeto{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;color:var(--tinta);
  font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px;}
.hero-gorgeto::after{content:"";width:1.5px;height:52px;background:linear-gradient(var(--tinta),transparent);animation:uszik 1.8s ease-in-out infinite;}
@keyframes uszik{50%{transform:translateY(8px);opacity:.4;}}

/* ---------- marquee szalag ---------- */
.marquee-szalag{background:var(--tinta);color:var(--krem);overflow:hidden;white-space:nowrap;padding:20px 0;position:relative;}
.marquee-szalag .sav{font-family:'Oswald',sans-serif;font-size:17px;letter-spacing:.24em;text-transform:uppercase;}
.marquee-szalag .sav i{color:var(--arany);font-style:normal;margin:0 22px;}
.marquee-mozgo{display:inline-block;animation:savmozgas 30s linear infinite;}
@keyframes savmozgas{to{transform:translateX(-50%);}}

/* ---------- szolgáltatás kártyák ---------- */
.szolg-sec{background:var(--krem);}
.about-sec .cover{background:#fff;border-radius:var(--sugar);box-shadow:var(--arnyek-kicsi);height:100%;text-align:left!important;padding:36px 32px!important;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;}
.about-sec .cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--oliva),var(--arany));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.about-sec .cover:hover{transform:translateY(-8px);box-shadow:var(--arnyek);}
.about-sec .cover:hover::after{transform:scaleX(1);}
.about-sec .numbering{font-family:'Cormorant Garamond',serif!important;font-style:italic;font-size:56px!important;color:var(--homok)!important;-webkit-text-stroke:1px var(--oliva);}
.szolg-ikon{width:58px;height:58px;border-radius:18px;background:var(--oliva-vilagos);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.szolg-ikon i{font-size:27px;color:var(--oliva);}
.about-sec .cover .card-title{font-size:21px!important;font-weight:600!important;line-height:1.3;text-wrap:balance;}
.szolg-lista{margin:16px 0 0;padding:0;}
.szolg-lista li{font-family:'Roboto',sans-serif;font-size:14.5px;color:var(--szoveg);padding:7px 0 7px 26px;position:relative;list-style:none;}
.szolg-lista li::before{content:"✓";position:absolute;left:0;color:var(--oliva);font-weight:800;}

/* ---------- rólam ---------- */
.rolam-sec{background:#fff;overflow:hidden;}
.rolam-kepkeret{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--arnyek);}
.rolam-kepkeret img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/5;}
.rolam-jelveny{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:18px;padding:14px 22px;box-shadow:var(--arnyek-kicsi);}
.rolam-jelveny strong{font-family:'Oswald',sans-serif;font-size:26px;color:var(--tinta);display:block;line-height:1;}
.rolam-jelveny span{font-family:'Roboto',sans-serif;font-size:13px;color:var(--szoveg);}
.rolam-pipa{margin:26px 0;padding:0;}
.rolam-pipa li{display:flex;gap:14px;align-items:flex-start;font-family:'Roboto',sans-serif;font-size:16px;color:var(--tinta);margin-bottom:16px;list-style:none;}
.rolam-pipa .jel{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--oliva);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;}
.alairas{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:40px;color:var(--oliva-mely);line-height:1;margin-top:6px;}
.rolam-stat{display:flex;gap:36px;margin-top:28px;flex-wrap:wrap;}
.rolam-stat div strong{font-family:'Oswald',sans-serif;font-size:32px;color:var(--tinta);display:block;}
.rolam-stat div span{font-family:'Roboto',sans-serif;font-size:13.5px;color:var(--szoveg);}

/* ---------- portfólió finomítás ---------- */
.portfolio-sec{background:var(--krem);}
.portfolio-sec .portfolio-heading{letter-spacing:-.01em;}
.portfolio-kartya-felirat{font-family:'Roboto',sans-serif;color:var(--szoveg);font-size:15px;}
.projekt-szam{display:inline-flex;align-items:baseline;gap:10px;}
.portfolio-sec .cbp-item img{border-radius:16px;}

/* ---------- folyamat (új) ---------- */
.folyamat-sec{background:var(--tinta);color:var(--krem);position:relative;overflow:hidden;}
.folyamat-sec::before{content:"";position:absolute;top:-140px;right:-140px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(194,162,101,.25),transparent 65%);}
.folyamat-racs{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:54px;position:relative;z-index:1;}
.folyamat-kartya{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--sugar);padding:36px 28px;position:relative;transition:.35s;}
.folyamat-kartya:hover{background:rgba(255,255,255,.1);transform:translateY(-6px);}
.folyamat-kartya .lepesszam{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:58px;color:var(--arany);line-height:1;}
.folyamat-kartya h4{font-family:'Oswald',sans-serif;font-size:20px;font-weight:600;margin:14px 0 10px;color:#fff;text-transform:uppercase;letter-spacing:.04em;}
.folyamat-kartya p{font-family:'Roboto',sans-serif;font-size:15px;line-height:1.7;color:rgba(247,243,235,.82);margin:0;}
.folyamat-ikon{width:56px;height:56px;border-radius:18px;background:rgba(194,162,101,.16);border:1px solid rgba(194,162,101,.4);
  display:flex;align-items:center;justify-content:center;margin:16px 0 4px;}
.folyamat-ikon i{font-size:27px;color:var(--arany);}
@media(max-width:991px){.folyamat-racs{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.folyamat-racs{grid-template-columns:1fr;}}

/* ---------- idézet sáv (új háttér) ---------- */
.feature-image{background-image:url("/assets/collection/landings/interior-designer/images/demo-hu/hangulat-sarok.jpg")!important;background-size:cover!important;background-position:center!important;position:relative;}
.feature-image::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(247,243,235,.94) 20%,rgba(247,243,235,.55) 55%,rgba(247,243,235,.05) 85%);}
.feature-image .container{position:relative;z-index:1;}
.feature-heading{font-family:'Cormorant Garamond',serif!important;font-style:italic;font-weight:600!important;font-size:clamp(26px,3.4vw,40px)!important;line-height:1.35!important;text-transform:none!important;}
.idezet-kartya{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(74,106,18,.15);border-radius:26px;padding:46px 48px;box-shadow:var(--arnyek-kicsi);}

/* ---------- árak (új) ---------- */
.arak-sec{background:#fff;}
.ar-racs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px;align-items:stretch;}
.ar-kartya{background:var(--krem);border:1.5px solid #E4DAC4;border-radius:26px;padding:42px 36px;display:flex;flex-direction:column;transition:.35s;position:relative;}
.ar-kartya:hover{transform:translateY(-8px);box-shadow:var(--arnyek);}
.ar-kartya.kiemelt{background:var(--tinta);border-color:var(--tinta);color:var(--krem);box-shadow:var(--arnyek);}
.ar-kartya.kiemelt .ar-leiras,.ar-kartya.kiemelt .ar-lista li{color:rgba(247,243,235,.85);}
.ar-nev{font-family:'Oswald',sans-serif;font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--oliva);}
.ar-kartya.kiemelt .ar-nev{color:var(--arany);}
.ar-ar{font-family:'Oswald',sans-serif;font-size:40px;font-weight:700;color:var(--tinta);margin:14px 0 4px;}
.ar-kartya.kiemelt .ar-ar{color:#fff;}
.ar-ar small{font-size:15px;font-weight:400;color:var(--szoveg);}
.ar-kartya.kiemelt .ar-ar small{color:rgba(247,243,235,.7);}
.ar-leiras{font-family:'Roboto',sans-serif;font-size:15px;color:var(--szoveg);line-height:1.65;}
.ar-lista{margin:22px 0 30px;padding:0;flex:1;}
.ar-lista li{list-style:none;font-family:'Roboto',sans-serif;font-size:14.5px;padding:8px 0 8px 28px;position:relative;color:var(--tinta);}
.ar-lista li::before{content:"✓";position:absolute;left:0;color:var(--oliva);font-weight:800;}
.ar-kartya.kiemelt .ar-lista li::before{color:var(--arany);}
.ar-jelveny{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--arany);color:var(--tinta);
  font-family:'Oswald',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  padding:8px 22px;border-radius:100px;white-space:nowrap;box-shadow:var(--arnyek-kicsi);}
.ar-megjegyzes{text-align:center;font-family:'Roboto',sans-serif;font-size:14px;color:var(--szoveg);margin-top:26px;}
@media(max-width:991px){.ar-racs{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto;}}

/* ---------- vélemények ---------- */
.testimonial-img{background-image:url("/assets/collection/landings/interior-designer/images/demo-hu/velemeny-bg.jpg")!important;background-size:cover!important;background-position:center!important;position:relative;height:auto!important;min-height:100svh;display:flex;align-items:center;}
.testimonial-img::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(32,36,28,.88),rgba(32,36,28,.55) 70%,rgba(32,36,28,.25));}
.testimonial-img .container{position:relative;z-index:1;}
.velemeny-kartya{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);border-radius:24px;padding:40px 36px;}
.csillagok{color:var(--arany);letter-spacing:4px;font-size:17px;margin-bottom:16px;}
.testimonial-sec .testimonial-box .testimonial-text{font-size:17.5px!important;line-height:1.75!important;font-family:'Cormorant Garamond',serif!important;font-style:italic;font-size:21px!important;}
.monogram-kep{width:100px;height:100px;border-radius:50%;background:var(--arany);color:var(--tinta);font-family:'Oswald',sans-serif;
  font-size:38px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin:10px 0 20px;}

/* ---------- inspiráció / blog ---------- */
.inspiracio-sec{background:var(--krem);}
.inspiracio-racs{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;margin-top:50px;}
.inspiracio-nagykartya{border-radius:26px;overflow:hidden;position:relative;min-height:520px;display:flex;align-items:flex-end;box-shadow:var(--arnyek-kicsi);}
.inspiracio-nagykartya img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease;}
.inspiracio-nagykartya:hover img{transform:scale(1.05);}
.inspiracio-szoveg{position:relative;z-index:1;background:linear-gradient(transparent,rgba(20,24,16,.85));padding:120px 36px 34px;width:100%;color:#fff;}
.inspiracio-szoveg h3{font-family:'Oswald',sans-serif;font-size:27px;font-weight:600;line-height:1.3;margin:10px 0;}
.inspiracio-cimke{display:inline-block;background:var(--arany);color:var(--tinta);font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:7px 16px;border-radius:100px;}
.inspiracio-oldal{display:flex;flex-direction:column;gap:26px;}
.inspiracio-kiskartya{background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:200px 1fr;box-shadow:var(--arnyek-kicsi);transition:.3s;flex:1;}
.inspiracio-kiskartya:hover{transform:translateY(-5px);box-shadow:var(--arnyek);}
.inspiracio-kiskartya img{width:100%;height:100%;object-fit:cover;min-height:190px;}
.inspiracio-kiskartya .sz{padding:26px 28px;display:flex;flex-direction:column;justify-content:center;}
.inspiracio-kiskartya h4{font-family:'Oswald',sans-serif;font-size:19px;color:var(--tinta);line-height:1.4;margin:8px 0;}
.inspiracio-kiskartya p{font-family:'Roboto',sans-serif;font-size:14px;color:var(--szoveg);margin:0 0 12px!important;}
.tovabb-link{font-family:'Oswald',sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--oliva);text-decoration:none;}
.tovabb-link:hover{color:var(--oliva-mely);}
@media(max-width:991px){.inspiracio-racs{grid-template-columns:1fr;}.inspiracio-kiskartya{grid-template-columns:1fr;}.inspiracio-kiskartya img{min-height:220px;max-height:260px;}}

/* ---------- GYIK (új) ---------- */
.gyik-sec{background:#fff;}
.gyik-lista{max-width:820px;margin:48px auto 0;display:flex;flex-direction:column;gap:14px;}
.gyik-lista details{background:var(--krem);border:1.5px solid #E7DEC9;border-radius:18px;overflow:hidden;transition:.3s;}
.gyik-lista details[open]{border-color:var(--oliva);box-shadow:var(--arnyek-kicsi);}
.gyik-lista summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:22px 26px;font-family:'Oswald',sans-serif;font-size:17px;font-weight:500;color:var(--tinta);}
.gyik-lista summary::-webkit-details-marker{display:none;}
.gyik-lista summary .plusz{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--oliva);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;transition:.3s;}
.gyik-lista details[open] .plusz{transform:rotate(45deg);background:var(--tinta);}
.gyik-lista details p{padding:0 26px 24px;font-family:'Roboto',sans-serif;font-size:15.5px;line-height:1.75;color:var(--szoveg);margin:0!important;}

/* ---------- CTA panel (új) ---------- */
.cta-panel{background:linear-gradient(120deg,var(--oliva-mely),var(--oliva) 60%,#6E8A2A);border-radius:30px;padding:clamp(40px,6vw,72px);
  position:relative;overflow:hidden;color:#fff;box-shadow:var(--arnyek);}
.cta-panel::before{content:"❝";position:absolute;right:30px;top:-30px;font-family:'Cormorant Garamond',serif;font-size:220px;opacity:.14;line-height:1;}
.cta-panel h2{font-family:'Oswald',sans-serif;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.15;margin:14px 0 16px;max-width:640px;}
.cta-panel p{font-family:'Roboto',sans-serif;font-size:17px;color:rgba(255,255,255,.88);max-width:560px;line-height:1.7;}
.btn-vilagos{background:#fff!important;border-color:#fff!important;color:var(--tinta)!important;border-radius:50px!important;padding:15px 40px!important;font-size:15px!important;letter-spacing:.06em;font-family:'Oswald',sans-serif!important;}
.btn-vilagos:hover{background:var(--tinta)!important;border-color:var(--tinta)!important;color:#fff!important;transform:translateY(-2px);}

/* ---------- kapcsolat ---------- */
.contact-sec{background:var(--krem)!important;}
.contact-sec .contact-form .form-control{background:#fff!important;border:1.5px solid #E2D8C2!important;border-radius:14px!important;padding:14px 20px!important;height:auto!important;}
.contact-sec .contact-form .form-control:focus{border-color:var(--oliva)!important;box-shadow:0 0 0 4px rgba(74,106,18,.12)!important;}
.kapcsolat-kartya{background:#fff;border-radius:24px;padding:38px 34px;box-shadow:var(--arnyek-kicsi);}
.kapcsolat-sor{display:flex;gap:16px;align-items:center;padding:13px 0;border-bottom:1px dashed #E2D8C2;font-family:'Roboto',sans-serif;font-size:15.5px;color:var(--tinta);}
.kapcsolat-sor:last-child{border:none;}
.kapcsolat-sor i{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:var(--oliva-vilagos);color:var(--oliva);display:flex;align-items:center;justify-content:center;font-size:21px;}
.nyitva-jelveny{display:inline-block;background:var(--oliva-vilagos);color:var(--oliva-mely);font-family:'Roboto',sans-serif;font-size:13.5px;font-weight:600;padding:8px 18px;border-radius:100px;margin-top:16px;}

/* ---------- mobil finomítások ---------- */
@media(max-width:991px){
  .banner-image::before{background:linear-gradient(180deg,rgba(247,243,235,.94),rgba(247,243,235,.75) 60%,rgba(247,243,235,.35));}
  .banner-image{min-height:auto;padding:130px 0 90px;}
  .hero-kartya{max-width:100%;}
  .testimonial-area{padding-left:0!important;}
  .idezet-kartya{padding:34px 28px;}
}
@media(max-width:575px){
  .hero-gombok .btn{width:100%;text-align:center;}
  .nav-cta{display:none;}
}