/* ==========================================================
   ESEMÉNYDJ.HU – SAJÁT WEBHELY CSS
   A wp-content/uploads alatt él; theme-frissítés nem írja felül.
   A hero-méretek közvetlenül az alap szabályokban vannak beállítva,
   külön utólagos hero-patch nélkül.
   ========================================================== */
:root{
  --edj-pink:#e83ccb;
  --edj-cyan:#68d6e8;
  --edj-dark:#0d1320;
  --edj-ink:#17191f;
  --edj-gold:#9a7443;
}

.edj-page,
.edj-page *{box-sizing:border-box}

.edj-page img{max-width:100%;height:auto}
.edj-page a{-webkit-tap-highlight-color:transparent}

/* ==========================================================
   HERO HÁTTÉRKÉPEK – KÖZÖS
   ========================================================== */
.edj-wedding-hero{
  background-image:
    linear-gradient(180deg,rgba(248,247,245,.34),rgba(248,247,245,.27) 48%,rgba(248,247,245,.34)),
    url("https://esemenydj.hu/wp-content/uploads/2026/09/eskuvoidj-hero.webp")!important;
  background-size:cover!important;
  background-position:center!important;
}

.edj-corp-hero{
  background-image:
    linear-gradient(90deg,rgba(12,16,25,.91),rgba(15,20,31,.82) 48%,rgba(14,19,30,.76)),
    url("https://esemenydj.hu/wp-content/uploads/2026/09/rendezvenydj_hero.webp")!important;
  background-size:cover!important;
  background-position:center!important;
}

/* ==========================================================
   KEZDŐLAP – V3
   SEO-s H1 + emberi főüzenet egyetlen H1-ben
   ========================================================== */

.edj-page-home{
  --edj-home-pink:#ed05ab;
  --edj-home-pink-soft:#f04acb;
  --edj-home-purple:#a076f2;
  --edj-home-blue:#7897ff;
  --edj-home-blue-soft:#91aaff;
  --edj-home-dark:#090d17;
  --edj-home-dark-2:#111725;
  --edj-home-text:#17191f;
}

/* ==========================================================
   KEZDŐLAP / HERO
   ========================================================== */
.edj-page-home .edj-home-hero{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:0;
  display:flex;
  align-items:center;
  padding:38px 24px 40px;
  background:
    linear-gradient(
      90deg,
      rgba(7,10,19,.97) 0%,
      rgba(9,13,24,.94) 35%,
      rgba(10,15,28,.82) 55%,
      rgba(10,15,28,.54) 73%,
      rgba(10,15,28,.24) 100%
    ),
    url("https://esemenydj.hu/wp-content/uploads/2026/09/esemenydj_nyito_kep.webp") center 48%/cover no-repeat;
  color:#fff;
}

.edj-page-home .edj-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 7% 2%,rgba(237,5,171,.13),transparent 34%),
    radial-gradient(circle at 62% 100%,rgba(120,151,255,.09),transparent 35%);
}

.edj-page-home .edj-home-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(237,5,171,.61) 20%,
    rgba(120,151,255,.44) 63%,
    transparent 100%
  );
}

.edj-page-home .edj-home-hero-inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1220px;
  margin:0 auto;
}

.edj-page-home .edj-home-hero-copy{
  width:100%;
  max-width:850px;
}

/* Egyetlen H1: felül SEO-kifejezés, alatta emberi üzenet. */
.edj-page-home .edj-home-h1{
  width:100%;
  max-width:870px;
  margin:0 0 17px!important;
  padding:0!important;
  color:#fff;
  font-family:inherit;
  font-weight:850;
  text-shadow:0 4px 25px rgba(0,0,0,.20);
}

.edj-page-home .edj-home-h1-seo{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 14px;
  color:rgba(255,255,255,.70);
  font-size:11px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:1.75px;
  text-transform:uppercase;
  text-shadow:none;
}

.edj-page-home .edj-home-h1-dot{
  color:var(--edj-home-pink);
  font-size:8px;
  line-height:1;
}

.edj-page-home .edj-home-h1-main{
  display:block;
  max-width:820px;
  margin:0;
  color:#fff;
  font-size:clamp(34px,3vw,45px);
  line-height:1.02;
  font-weight:850;
  letter-spacing:-1.55px;
}

.edj-page-home .edj-home-h1-accent{
  display:block;
  max-width:830px;
  margin-top:4px;
  font-size:clamp(34px,3vw,45px);
  line-height:1.04;
  font-weight:850;
  letter-spacing:-1.55px;
  background:linear-gradient(
    90deg,
    #f04acb 0%,
    #dc4cd2 31%,
    #a477ef 64%,
    #7897ff 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}

.edj-page-home .edj-home-lead{
  width:100%;
  max-width:760px;
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:1.55;
  font-weight:450;
}

/* ==========================================================
   KEZDŐLAP / HERO – 3 BIZONYTALANSÁGCSÖKKENTŐ ELEM
   ========================================================== */
.edj-page-home .edj-home-promises{
  display:inline-flex;
  align-items:stretch;
  margin-top:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:rgba(14,18,31,.58);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.edj-page-home .edj-home-promise{
  position:relative;
  min-width:170px;
  padding:9px 17px 8px;
}

.edj-page-home .edj-home-promise + .edj-home-promise::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:1px;
  background:rgba(255,255,255,.11);
}

.edj-page-home .edj-home-promise strong{
  display:block;
  margin:0 0 2px;
  color:#fff;
  font-size:13px;
  line-height:1.25;
  font-weight:800;
}

.edj-page-home .edj-home-promise:first-child strong{color:#ff54d4}
.edj-page-home .edj-home-promise:nth-child(2) strong{color:#ad8cf4}
.edj-page-home .edj-home-promise:nth-child(3) strong{color:#8faaff}

.edj-page-home .edj-home-promise span{
  display:block;
  color:rgba(255,255,255,.47);
  font-size:10px;
  line-height:1.3;
  font-weight:600;
}

/* ==========================================================
   KEZDŐLAP / HERO – GOMBOK
   ========================================================== */
.edj-page-home .edj-home-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}

.edj-page-home .edj-home-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:45px;
  padding:0 17px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:#fff!important;
  font-size:13px;
  line-height:1;
  font-weight:800;
  text-decoration:none!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.edj-page-home .edj-home-btn span{
  font-size:17px;
  line-height:1;
  transition:transform .18s ease;
}

.edj-page-home .edj-home-btn:hover{transform:translateY(-2px)}
.edj-page-home .edj-home-btn:hover span{transform:translateX(3px)}

.edj-page-home .edj-home-btn-wedding{
  border-color:transparent;
  background:linear-gradient(90deg,#ed05ab,#d908a2);
  box-shadow:0 9px 24px rgba(237,5,171,.19);
}

.edj-page-home .edj-home-btn-wedding:hover{
  background:linear-gradient(90deg,#f016b5,#df08aa);
  box-shadow:0 12px 30px rgba(237,5,171,.25);
}

.edj-page-home .edj-home-btn-corporate{
  border-color:rgba(120,151,255,.34);
  background:rgba(120,151,255,.11);
}

.edj-page-home .edj-home-btn-corporate:hover{
  border-color:rgba(120,151,255,.62);
  background:rgba(120,151,255,.18);
}

.edj-page-home .edj-home-btn-tech:hover{
  border-color:rgba(255,255,255,.30);
  background:rgba(255,255,255,.10);
}

/* ==========================================================
   KEZDŐLAP / ÁTVEZETŐ SÁV
   ========================================================== */
.edj-page-home .edj-bridge-wrap{
  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  padding:30px 24px;
  overflow:hidden;
  box-sizing:border-box;
  border-top:1px solid rgba(120,151,255,.11);
  border-bottom:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 7% 50%,rgba(237,5,171,.075),transparent 29%),
    radial-gradient(circle at 96% 45%,rgba(120,151,255,.075),transparent 27%),
    linear-gradient(110deg,#111725 0%,#0d1320 55%,#101421 100%);
}

.edj-page-home .edj-bridge-wrap::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(237,5,171,.32),
    rgba(120,151,255,.27),
    transparent
  );
}

.edj-page-home .edj-bridge-wrap::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:64%;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(237,5,171,.25),
    rgba(120,151,255,.25),
    transparent
  );
}

.edj-page-home .edj-bridge{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr 1.35fr;
  gap:60px;
  align-items:center;
}

.edj-page-home .edj-bridge-title{
  margin:0!important;
  padding:0!important;
  color:#fff;
  font-size:clamp(27px,2.5vw,35px);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:800;
}

.edj-page-home .edj-bridge-title span{
  display:block;
  color:var(--edj-home-blue-soft);
  -webkit-text-fill-color:var(--edj-home-blue-soft);
}

.edj-page-home .edj-bridge-right{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:stretch;
}

.edj-page-home .edj-bridge-item{
  position:relative;
  padding:2px 24px;
}

.edj-page-home .edj-bridge-item:first-child{padding-left:0}
.edj-page-home .edj-bridge-item:last-child{padding-right:0}

.edj-page-home .edj-bridge-item:not(:last-child){
  border-right:1px solid rgba(255,255,255,.11);
}

.edj-page-home .edj-bridge-num{
  margin:0 0 7px;
  padding:0;
  color:var(--edj-home-pink);
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
}

.edj-page-home .edj-bridge-item strong{
  display:block;
  margin:0 0 4px;
  padding:0;
  color:#fff;
  font-size:15px;
  line-height:1.28;
  font-weight:800;
}

.edj-page-home .edj-bridge-item span{
  display:block;
  margin:0;
  padding:0;
  color:rgba(255,255,255,.50);
  font-size:13px;
  line-height:1.38;
}

/* ==========================================================
   KEZDŐLAP / VILÁGOS INFORMÁCIÓS BLOKKOK
   ========================================================== */
.edj-page-home .edj-before-wrap{
  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  padding:58px 24px 70px;
  background:#fff;
  box-sizing:border-box;
}

.edj-page-home .edj-before{
  width:100%;
  max-width:1220px;
  margin:0 auto;
}

.edj-page-home .edj-before-head{
  max-width:790px;
  margin-bottom:34px;
}

.edj-page-home .edj-before-kicker{
  margin:0 0 10px;
  color:var(--edj-home-pink);
  font-size:12px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.edj-page-home .edj-before h2{
  max-width:790px;
  margin:0 0 14px!important;
  padding:0!important;
  color:#10131f;
  font-size:clamp(31px,3.3vw,42px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:850;
}

.edj-page-home .edj-before-head p{
  max-width:720px;
  margin:0!important;
  padding:0!important;
  color:#686c79;
  font-size:16px;
  line-height:1.6;
}

.edj-page-home .edj-before-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:13px;
}

.edj-page-home .edj-before-step{
  position:relative;
  padding:27px 24px;
  border:1px solid #e5e7ed;
  border-radius:14px;
  background:#f8f9fb;
}

.edj-page-home .edj-before-num{
  margin:0 0 20px;
  color:var(--edj-home-blue);
  font-size:13px;
  line-height:1;
  font-weight:900;
}

.edj-page-home .edj-before-step h3{
  margin:0 0 8px!important;
  padding:0!important;
  color:#151824;
  font-size:18px;
  line-height:1.25;
  font-weight:850;
}

.edj-page-home .edj-before-step p{
  margin:0!important;
  padding:0!important;
  color:#696e7b;
  font-size:14px;
  line-height:1.55;
}

.edj-page-home .edj-before-note{
  margin-top:26px;
  padding:20px 23px;
  border-left:3px solid var(--edj-home-pink);
  border-radius:0 10px 10px 0;
  background:linear-gradient(90deg,rgba(237,5,171,.045),#f7f8fa 32%);
  color:#333744;
  font-size:15px;
  line-height:1.55;
}

.edj-page-home .edj-before-note strong{
  color:#151824;
}

/* A két világos blokk finom elkülönítése. */
.edj-page-home .edj-home-day{
  border-top:1px solid #edf0f4;
  background:linear-gradient(180deg,#fff 0%,#fafbfc 100%);
}

/* ==========================================================
   KEZDŐLAP / ÍGY DOLGOZUNK – SÖTÉT KÁRTYÁK
   ========================================================== */
.edj-page-home .edj-route-wrap{
  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  padding:58px 24px 72px;
  box-sizing:border-box;
  overflow:hidden;
  background:
    radial-gradient(circle at 5% 12%,rgba(237,5,171,.055),transparent 27%),
    radial-gradient(circle at 96% 75%,rgba(120,151,255,.07),transparent 25%),
    linear-gradient(135deg,#f8f9fb 0%,#f3f5f8 52%,#f7f5f8 100%);
}

.edj-page-home .edj-route-wrap::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(237,5,171,.20),
    rgba(120,151,255,.25),
    transparent
  );
}

.edj-page-home .edj-route{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1320px;
  margin:0 auto;
}

.edj-page-home .edj-route-head{
  max-width:800px;
  margin:0 0 30px;
}

.edj-page-home .edj-route-kicker{
  margin:0 0 9px;
  padding:0;
  color:var(--edj-home-pink);
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.edj-page-home .edj-route h2{
  max-width:780px;
  margin:0 0 13px;
  padding:0;
  color:#101522;
  font-size:clamp(32px,3.4vw,44px);
  line-height:1.06;
  letter-spacing:-.038em;
  font-weight:800;
}

.edj-page-home .edj-route-intro{
  max-width:730px;
  margin:0;
  padding:0;
  color:#616975;
  font-size:16px;
  line-height:1.6;
}

.edj-page-home .edj-route-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.edj-page-home .edj-route-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:258px;
  padding:29px 30px 27px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,255,255,.035),transparent 35%),
    linear-gradient(145deg,#171d2b 0%,#0c111d 100%);
  box-shadow:0 15px 34px rgba(19,27,39,.10),inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.edj-page-home .edj-route-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
}

.edj-page-home .edj-route-card-wedding::before{background:var(--edj-home-pink)}
.edj-page-home .edj-route-card-corporate::before{background:var(--edj-home-blue)}
.edj-page-home .edj-route-card-tech::before{background:#c7d3db}

.edj-page-home .edj-route-card-wedding:hover{
  transform:translateY(-5px);
  border-color:rgba(237,5,171,.34);
  background:
    radial-gradient(circle at 100% 0%,rgba(237,5,171,.07),transparent 34%),
    linear-gradient(145deg,#1c1b2a 0%,#0d111c 100%);
  box-shadow:0 21px 48px rgba(19,27,39,.16),0 0 35px rgba(237,5,171,.045);
}

.edj-page-home .edj-route-card-corporate:hover{
  transform:translateY(-5px);
  border-color:rgba(120,151,255,.38);
  background:
    radial-gradient(circle at 100% 0%,rgba(120,151,255,.09),transparent 34%),
    linear-gradient(145deg,#171e2e 0%,#0c111c 100%);
  box-shadow:0 21px 48px rgba(19,27,39,.16),0 0 35px rgba(120,151,255,.05);
}

.edj-page-home .edj-route-card-tech:hover{
  transform:translateY(-5px);
  border-color:rgba(199,211,219,.30);
  background:
    radial-gradient(circle at 100% 0%,rgba(199,211,219,.06),transparent 34%),
    linear-gradient(145deg,#191f2a 0%,#0c111c 100%);
  box-shadow:0 21px 48px rgba(19,27,39,.16);
}

.edj-page-home .edj-route-num{
  margin:0 0 27px;
  padding:0;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}

.edj-page-home .edj-route-card-wedding .edj-route-num,
.edj-page-home .edj-route-card-wedding .edj-route-link span{
  color:var(--edj-home-pink);
}

.edj-page-home .edj-route-card-corporate .edj-route-num,
.edj-page-home .edj-route-card-corporate .edj-route-link span{
  color:var(--edj-home-blue);
}

.edj-page-home .edj-route-card-tech .edj-route-num,
.edj-page-home .edj-route-card-tech .edj-route-link span{
  color:#c7d3db;
}

.edj-page-home .edj-route-card h3{
  margin:0 0 11px!important;
  padding:0!important;
  color:#fff;
  font-size:24px;
  line-height:1.16;
  letter-spacing:-.018em;
  font-weight:800;
}

.edj-page-home .edj-route-card p{
  max-width:360px;
  margin:0 0 24px!important;
  padding:0!important;
  color:rgba(255,255,255,.59);
  font-size:14px;
  line-height:1.55;
}

.edj-page-home .edj-route-link{
  display:flex;
  align-items:center;
  margin-top:auto;
  color:rgba(255,255,255,.94);
  font-size:14px;
  line-height:1.2;
  font-weight:800;
}

.edj-page-home .edj-route-link span{
  display:inline-block;
  margin-left:8px;
  font-size:18px;
  line-height:1;
}

.edj-page-home .edj-route::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-190px;
  top:-60px;
  border:1px solid rgba(120,151,255,.08);
  border-radius:50%;
  pointer-events:none;
}

/* ==========================================================
   KEZDŐLAP / FAQ
   ========================================================== */
.edj-page-home .edj-home-faq-wrap{
  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  padding:62px 24px 70px;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 13% 0%,rgba(237,5,171,.09),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(120,151,255,.10),transparent 30%),
    #090c15;
}

.edj-page-home .edj-home-faq{
  width:100%;
  max-width:1050px;
  margin:0 auto;
}

.edj-page-home .edj-home-faq-head{
  max-width:750px;
  margin-bottom:30px;
}

.edj-page-home .edj-home-faq-kicker{
  margin:0 0 10px;
  color:#ff45cf;
  font-size:12px;
  line-height:1.2;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.edj-page-home .edj-home-faq h2{
  max-width:760px;
  margin:0 0 13px!important;
  padding:0!important;
  color:#fff;
  font-size:clamp(31px,3.3vw,42px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:850;
}

.edj-page-home .edj-home-faq-head p{
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.58);
  font-size:16px;
  line-height:1.6;
}

.edj-page-home .edj-home-faq-list{
  border-top:1px solid rgba(255,255,255,.11);
}

.edj-page-home .edj-home-faq-item{
  border-bottom:1px solid rgba(255,255,255,.11);
}

.edj-page-home .edj-home-faq-item summary{
  position:relative;
  display:block;
  padding:21px 50px 21px 0;
  color:#fff;
  font-size:17px;
  line-height:1.4;
  font-weight:780;
  list-style:none;
  cursor:pointer;
}

.edj-page-home .edj-home-faq-item summary::-webkit-details-marker{display:none}

.edj-page-home .edj-home-faq-item summary::after{
  content:"+";
  position:absolute;
  right:3px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(120,151,255,.30);
  border-radius:50%;
  color:#8da8ff;
  font-size:20px;
  font-weight:400;
  transition:.2s ease;
}

.edj-page-home .edj-home-faq-item[open] summary::after{
  content:"−";
  background:rgba(120,151,255,.09);
}

.edj-page-home .edj-home-faq-answer{
  max-width:850px;
  padding:0 45px 22px 0;
  color:rgba(255,255,255,.61);
  font-size:15px;
  line-height:1.65;
}

/* ==========================================================
   KEZDŐLAP / ZÁRÓ CTA
   ========================================================== */
.edj-page-home .edj-final-wrap{
  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  padding:64px 24px;
  box-sizing:border-box;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 40%,rgba(237,5,171,.14),transparent 30%),
    radial-gradient(circle at 86% 50%,rgba(120,151,255,.15),transparent 29%),
    linear-gradient(115deg,#111727,#080b14);
}

.edj-page-home .edj-final{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  text-align:center;
}

.edj-page-home .edj-final h2{
  max-width:800px;
  margin:0 auto 14px!important;
  padding:0!important;
  color:#fff;
  font-size:clamp(32px,3.6vw,44px);
  line-height:1.06;
  letter-spacing:-.04em;
  font-weight:850;
}

.edj-page-home .edj-final p{
  max-width:650px;
  margin:0 auto!important;
  padding:0!important;
  color:rgba(255,255,255,.63);
  font-size:17px;
  line-height:1.6;
}

.edj-page-home .edj-final-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:31px;
}

.edj-page-home .edj-final-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:49px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:9px;
  background:rgba(255,255,255,.055);
  color:#fff!important;
  font-size:14px;
  line-height:1;
  font-weight:800;
  text-decoration:none!important;
  transition:.2s ease;
}

.edj-page-home .edj-final-btn:hover{
  border-color:rgba(120,151,255,.48);
  background:rgba(120,151,255,.09);
  transform:translateY(-2px);
}

.edj-page-home .edj-final-btn.primary{
  border:0;
  background:linear-gradient(90deg,#ed05ab 0%,#c536c8 48%,#787cff 100%);
  color:#fff!important;
  box-shadow:0 10px 28px rgba(237,5,171,.15);
}

.edj-page-home .edj-final-contact{
  margin-top:23px;
  color:rgba(255,255,255,.47);
  font-size:13px;
}

.edj-page-home .edj-final-contact a{
  color:#9bb1ff!important;
  text-decoration:none!important;
  font-weight:750;
}

/* ==========================================================
   KEZDŐLAP / TABLET
   ========================================================== */
@media(max-width:980px){
  .edj-page-home .edj-home-hero{
    padding:34px 22px 36px;
  }

  .edj-page-home .edj-home-hero-copy,
  .edj-page-home .edj-home-h1{
    max-width:760px;
  }

  .edj-page-home .edj-home-h1-main,
  .edj-page-home .edj-home-h1-accent{
    font-size:clamp(34px,5vw,43px);
  }

  .edj-page-home .edj-bridge{
    grid-template-columns:1fr;
    gap:25px;
  }

  .edj-page-home .edj-bridge-title{
    max-width:650px;
  }

  .edj-page-home .edj-before-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .edj-page-home .edj-route-grid{
    grid-template-columns:1fr;
  }

  .edj-page-home .edj-route-card{
    min-height:auto;
  }

  .edj-page-home .edj-route-card p{
    max-width:620px;
  }
}

/* ==========================================================
   KEZDŐLAP / MOBIL
   ========================================================== */
@media(max-width:767px){
  .edj-page-home .edj-home-hero{
    padding:29px 18px 31px;
    background:
      linear-gradient(
        180deg,
        rgba(7,10,19,.92) 0%,
        rgba(8,12,22,.90) 60%,
        rgba(8,12,22,.86) 100%
      ),
      url("https://esemenydj.hu/wp-content/uploads/2026/09/esemenydj_nyito_kep.webp") center/cover no-repeat;
  }

  .edj-page-home .edj-home-h1{
    margin-bottom:13px!important;
  }

  .edj-page-home .edj-home-h1-seo{
    gap:6px;
    margin-bottom:11px;
    font-size:9px;
    letter-spacing:1.15px;
  }

  .edj-page-home .edj-home-h1-main,
  .edj-page-home .edj-home-h1-accent{
    max-width:560px;
    font-size:32px;
    line-height:1.04;
    letter-spacing:-1px;
  }

  .edj-page-home .edj-home-h1-accent{margin-top:3px}

  .edj-page-home .edj-home-lead{
    max-width:540px;
    font-size:15px;
    line-height:1.5;
  }

  .edj-page-home .edj-home-promises{
    display:flex;
    width:100%;
    max-width:480px;
    margin-top:16px;
  }

  .edj-page-home .edj-home-promise{
    flex:1 1 33.333%;
    min-width:0;
    padding:9px 6px 8px;
  }

  .edj-page-home .edj-home-promise strong{font-size:11px}
  .edj-page-home .edj-home-promise span{font-size:9px}

  .edj-page-home .edj-home-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    max-width:480px;
    gap:7px;
    margin-top:15px;
  }

  .edj-page-home .edj-home-btn{
    width:100%;
    min-height:44px;
    justify-content:space-between;
    padding:0 15px;
  }

  .edj-page-home .edj-bridge-wrap{
    padding:27px 20px;
  }

  .edj-page-home .edj-bridge{
    gap:24px;
  }

  .edj-page-home .edj-bridge-title{
    font-size:28px;
    line-height:1.08;
  }

  .edj-page-home .edj-bridge-right{
    grid-template-columns:1fr;
  }

  .edj-page-home .edj-bridge-item,
  .edj-page-home .edj-bridge-item:first-child,
  .edj-page-home .edj-bridge-item:last-child{
    padding:13px 0;
  }

  .edj-page-home .edj-bridge-item:first-child{padding-top:0}
  .edj-page-home .edj-bridge-item:last-child{padding-bottom:0}

  .edj-page-home .edj-bridge-item:not(:last-child){
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.09);
  }

  .edj-page-home .edj-before-wrap,
  .edj-page-home .edj-route-wrap,
  .edj-page-home .edj-home-faq-wrap{
    padding-top:48px;
    padding-bottom:52px;
  }

  .edj-page-home .edj-before-wrap,
  .edj-page-home .edj-route-wrap,
  .edj-page-home .edj-home-faq-wrap,
  .edj-page-home .edj-final-wrap{
    padding-left:20px;
    padding-right:20px;
  }

  .edj-page-home .edj-before-grid{
    grid-template-columns:1fr;
  }

  .edj-page-home .edj-before-step{
    padding:23px 21px;
  }

  .edj-page-home .edj-before h2,
  .edj-page-home .edj-route h2,
  .edj-page-home .edj-home-faq h2,
  .edj-page-home .edj-final h2{
    font-size:31px;
    line-height:1.08;
  }

  .edj-page-home .edj-route-head{
    margin-bottom:27px;
  }

  .edj-page-home .edj-route-grid{
    gap:12px;
  }

  .edj-page-home .edj-route-card{
    padding:24px;
    border-radius:14px;
  }

  .edj-page-home .edj-route-num{
    margin-bottom:18px;
  }

  .edj-page-home .edj-route-card h3{
    font-size:22px;
  }

  .edj-page-home .edj-home-faq-item summary{
    padding:19px 45px 19px 0;
    font-size:16px;
  }

  .edj-page-home .edj-home-faq-answer{
    padding-right:15px;
  }

  .edj-page-home .edj-final-wrap{
    padding-top:55px;
    padding-bottom:55px;
  }

  .edj-page-home .edj-final p{
    font-size:16px;
  }

  .edj-page-home .edj-final-actions{
    flex-direction:column;
  }

  .edj-page-home .edj-final-btn{
    width:100%;
  }
}

/* ==========================================================
   KEZDŐLAP / KIS MOBIL
   ========================================================== */
@media(max-width:430px){
  .edj-page-home .edj-home-hero{
    padding:26px 15px 28px;
  }

  .edj-page-home .edj-home-h1-main,
  .edj-page-home .edj-home-h1-accent{
    font-size:29px;
    line-height:1.05;
    letter-spacing:-.8px;
  }

  .edj-page-home .edj-home-lead{
    font-size:14px;
  }

  .edj-page-home .edj-home-promise{
    padding-left:4px;
    padding-right:4px;
  }

  .edj-page-home .edj-home-promise strong{font-size:10px}
  .edj-page-home .edj-home-promise span{font-size:8px}
}

/* ===== ESKUVOI-DJ ===== */
/* ==========================================================
ESEMÉNYDJ.HU – ESKÜVŐI DJ HERO
A háttérképet az importcsomag kezeli.
========================================================== */
/* ==========================================================
HERO ALAP
========================================================== */
.edj-wedding-hero {
position: relative;
overflow: hidden;
width: 100%;
min-height: 0;
padding: 20px 24px;
display: flex;
align-items: center;
justify-content: center;
color: #17191f;
}
/* ==========================================================
FINOM TELJES KÉP OVERLAY
========================================================== */
.edj-wedding-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
linear-gradient(
180deg,
rgba(248,247,245,0.34) 0%,
rgba(248,247,245,0.27) 48%,
rgba(248,247,245,0.34) 100%
);
}
/* ==========================================================
KÖZÉPSŐ FINOM VILÁGOSÍTÁS
========================================================== */
.edj-wedding-hero::after {
content: "";
position: absolute;
width: 1050px;
height: 430px;
left: 50%;
top: 47%;
transform: translate(-50%, -50%);
z-index: 0;
pointer-events: none;
background:
radial-gradient(
ellipse at center,
rgba(248,247,245,0.76) 0%,
rgba(248,247,245,0.63) 35%,
rgba(248,247,245,0.34) 62%,
rgba(248,247,245,0) 79%
);
}
/* ==========================================================
BELSŐ TARTALOM
========================================================== */
.edj-wedding-hero-inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1180px;
margin: 0 auto;
text-align: center;
}
/* ==========================================================
FELSŐ KIS CÍM
========================================================== */
.edj-wedding-eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 11px;
margin: 0 0 13px;
font-size: 13px;
line-height: 1;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
color: #8f7049;
text-shadow:
0 1px 2px rgba(255,255,255,0.85);
}
.edj-wedding-eyebrow::before,
.edj-wedding-eyebrow::after {
content: "";
display: block;
width: 27px;
height: 1px;
background: #b88d55;
}
/* ==========================================================
FŐCÍM
========================================================== */
.edj-wedding-title {
width: 100%;
max-width: 900px;
margin: 0 auto 13px;
padding: 0;
font-size: clamp(34px, 3.8vw, 50px);
line-height: 1.04;
font-weight: 800;
letter-spacing: -1.8px;
color: #17191f;
text-shadow:
0 1px 1px rgba(255,255,255,0.45),
0 3px 16px rgba(255,255,255,0.30);
}
.edj-wedding-title span {
color: #9a7443;
}
/* ==========================================================
LEÍRÁS
========================================================== */
.edj-wedding-lead {
width: 100%;
max-width: 760px;
margin: 0 auto;
font-size: 16px;
line-height: 1.45;
font-weight: 400;
color: #4d5159;
text-shadow:
0 1px 2px rgba(255,255,255,0.95);
}
/* ==========================================================
3 LÉPÉSES KALKULÁTOR BLOKK
========================================================== */
.edj-wedding-benefits {
display: inline-flex;
align-items: stretch;
justify-content: center;
margin: 14px auto 0;
overflow: hidden;
background: rgba(255,255,255,0.90);
border: 1px solid rgba(143,112,73,0.16);
border-radius: 16px;
box-shadow:
0 12px 35px rgba(17,19,25,0.10);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
/* egy blokk */
.edj-wedding-benefit {
position: relative;
min-width: 200px;
padding: 10px 25px 9px;
text-align: center;
}
/* elválasztó vonalak */
.edj-wedding-benefit + .edj-wedding-benefit::before {
content: "";
position: absolute;
left: 0;
top: 13px;
bottom: 13px;
width: 1px;
background: rgba(143,112,73,0.18);
}
/* fő szöveg */
.edj-wedding-benefit strong {
display: block;
margin: 0 0 3px;
font-size: 16px;
line-height: 1.25;
font-weight: 800;
color: #20222a;
}
/* első elem kiemelése */
.edj-wedding-benefit:first-child strong {
color: #9a7443;
}
/* kis magyarázat */
.edj-wedding-benefit span {
display: block;
font-size: 12px;
line-height: 1.35;
font-weight: 600;
color: #767980;
}
/* ==========================================================
LEFELÉ MUTATÓ NYÍL
========================================================== */
.edj-wedding-arrow {
display: flex;
justify-content: center;
margin-top: 9px;
}
.edj-wedding-arrow span {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid rgba(143,112,73,0.28);
border-radius: 50%;
background: rgba(255,255,255,0.90);
box-shadow:
0 6px 20px rgba(0,0,0,0.07);
font-size: 19px;
font-weight: 400;
color: #8f7049;
animation: edjWeddingArrow 2s ease-in-out infinite;
}
@keyframes edjWeddingArrow {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(5px);
}
}
/* ==========================================================
TABLET
========================================================== */
@media (max-width: 980px) {
.edj-wedding-hero {
min-height: 0;
padding: 18px 22px;
}
.edj-wedding-hero::after {
width: 850px;
height: 420px;
}
.edj-wedding-title {
max-width: 820px;
font-size: clamp(33px, 5.5vw, 46px);
}
}
/* ==========================================================
MOBIL
========================================================== */
@media (max-width: 767px) {
.edj-wedding-hero {
min-height: 0;
padding: 16px 18px;
}
.edj-wedding-hero::before {
background:
linear-gradient(
180deg,
rgba(248,247,245,0.49) 0%,
rgba(248,247,245,0.40) 48%,
rgba(248,247,245,0.49) 100%
);
}
.edj-wedding-hero::after {
width: 620px;
height: 430px;
top: 48%;
background:
radial-gradient(
ellipse at center,
rgba(248,247,245,0.79) 0%,
rgba(248,247,245,0.62) 42%,
rgba(248,247,245,0.20) 70%,
rgba(248,247,245,0) 82%
);
}
.edj-wedding-eyebrow {
margin-bottom: 11px;
font-size: 11px;
letter-spacing: 1.6px;
}
.edj-wedding-eyebrow::before,
.edj-wedding-eyebrow::after {
width: 21px;
}
.edj-wedding-title {
max-width: 520px;
margin-bottom: 12px;
font-size: 32px;
line-height: 1.06;
letter-spacing: -1px;
}
.edj-wedding-lead {
max-width: 510px;
font-size: 15px;
line-height: 1.45;
}
.edj-wedding-benefits {
display: flex;
width: 100%;
max-width: 390px;
margin-top: 12px;
border-radius: 14px;
}
.edj-wedding-benefit {
flex: 1 1 33.333%;
min-width: 0;
padding: 11px 6px 10px;
}
.edj-wedding-benefit strong {
font-size: 13px;
line-height: 1.25;
}
.edj-wedding-benefit span {
margin-top: 3px;
font-size: 10px;
line-height: 1.25;
}
.edj-wedding-benefit + .edj-wedding-benefit::before {
top: 10px;
bottom: 10px;
}
.edj-wedding-arrow {
margin-top: 8px;
}
.edj-wedding-arrow span {
width: 34px;
height: 34px;
font-size: 16px;
}
}
/* ==========================================================
NAGYON KIS MOBIL
========================================================== */
@media (max-width: 430px) {
.edj-wedding-hero {
padding: 14px;
}
.edj-wedding-title {
font-size: 29px;
line-height: 1.06;
letter-spacing: -.8px;
}
.edj-wedding-lead {
font-size: 15px;
}
.edj-wedding-benefit {
padding-left: 4px;
padding-right: 4px;
}
.edj-wedding-benefit strong {
font-size: 12px;
}
.edj-wedding-benefit span {
font-size: 9px;
}
}


/* ===== ESKUVOI-DJ ===== */
/* ==========================================
ESEMÉNYDJ – SOUNDCLOUD BLOKK
========================================== */
.edj-soundcloud{
width:100%;
padding:10px 24px 28px;
background:#ffffff;
}
.edj-soundcloud-inner{
width:100%;
max-width:1180px;
margin:0 auto;
}
.edj-soundcloud-head{
margin:0 0 14px;
text-align:center;
}
.edj-soundcloud-eyebrow{
margin:0 0 6px;
color:#9a7443;
font-size:11px;
line-height:1.1;
font-weight:800;
letter-spacing:1.7px;
text-transform:uppercase;
}
.edj-soundcloud-title{
margin:0!important;
padding:0!important;
color:#17191f;
font-size:34px;
line-height:1.12;
font-weight:800;
letter-spacing:-1px;
}
.edj-soundcloud-title span{
color:#9a7443;
}
.edj-soundcloud-player{
width:100%;
overflow:hidden;
border-radius:12px;
}
.edj-soundcloud-player iframe{
display:block;
width:100%;
height:170px;
margin:0;
padding:0;
border:0;
}
@media(max-width:767px){
.edj-soundcloud{
padding:10px 16px 22px;
}
.edj-soundcloud-head{
margin-bottom:12px;
}
.edj-soundcloud-title{
font-size:28px;
line-height:1.1;
letter-spacing:-.7px;
}
.edj-soundcloud-player{
border-radius:10px;
}
}

/* ===== ESKUVOI-DJ ===== */
/* ==========================================
ESEMÉNYDJ – RUPA ZOLI
KOMPAKT, ÖNIRONIKUS BEMUTATKOZÁS
========================================== */
.edj-about {
padding: 44px 24px;
background: #ffffff;
color: #17191f;
}
.edj-about * {
box-sizing: border-box;
}
.edj-about-inner {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
/* ==========================================
FŐ ELRENDEZÉS
========================================== */
.edj-about-main {
display: grid;
grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
gap: 40px;
align-items: start;
}
/* ==========================================
KÉP
========================================== */
.edj-about-photo-wrap {
position: relative;
}
.edj-about-photo {
overflow: hidden;
width: 100%;
aspect-ratio: 4 / 4.75;
border-radius: 15px;
background: #efede9;
box-shadow: 0 15px 36px rgba(20,22,28,.10);
}
.edj-about-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.edj-about-name {
position: absolute;
right: -10px;
bottom: 18px;
padding: 10px 14px;
border-radius: 8px;
background: rgba(23,25,31,.96);
box-shadow: 0 7px 18px rgba(0,0,0,.16);
color: #ffffff;
}
.edj-about-name strong {
display: block;
margin: 0 !important;
padding: 0 !important;
font-size: 13px;
line-height: 1.2;
font-weight: 800;
}
.edj-about-name span {
display: block;
margin-top: 2px;
color: #c2c4c9;
font-size: 10px;
line-height: 1.2;
}
/* ==========================================
SZÖVEG
========================================== */
.edj-about-copy {
max-width: 680px;
}
.edj-about-eyebrow {
margin: 0 0 5px !important;
padding: 0 !important;
color: #9a7443;
font-size: 10px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 1.7px;
text-transform: uppercase;
}
.edj-about h2 {
margin: 0 0 9px !important;
padding: 0 !important;
color: #17191f;
font-size: clamp(32px, 3.7vw, 45px);
line-height: 1.02;
font-weight: 800;
letter-spacing: -1.4px;
}
.edj-about h2 span {
color: #9a7443;
}
.edj-about-text {
color: #5e6166;
font-size: 14px;
line-height: 1.48;
}
.edj-about-text p {
margin: 0 0 7px !important;
padding: 0 !important;
line-height: 1.48 !important;
}
.edj-about-text p:last-child {
margin-bottom: 0 !important;
}
.edj-about-text strong {
color: #17191f;
font-weight: 800;
}
/* ==========================================
KIEMELT POÉN
========================================== */
.edj-about-joke {
margin: 8px 0 9px !important;
padding: 9px 13px;
border-left: 3px solid #c59e68;
border-radius: 0 7px 7px 0;
background: #faf8f4;
color: #34373c;
font-size: 14px;
line-height: 1.42;
}
.edj-about-joke strong {
color: #17191f;
}
/* ==========================================
KOLLÉGÁS RÉSZ
========================================== */
.edj-about-team {
margin-top: 9px;
padding: 11px 13px;
border: 1px solid #e7e2d9;
border-radius: 9px;
background: #faf9f7;
}
.edj-about-team p {
margin: 0 0 6px !important;
padding: 0 !important;
font-size: 13px;
line-height: 1.44 !important;
}
.edj-about-team p:last-child {
margin-bottom: 0 !important;
}
/* ==========================================
GOOGLE ÉRTÉKELÉSEK
========================================== */
.edj-about-reviews {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-top: 10px;
padding: 11px 13px;
border-radius: 9px;
background: #17191f;
}
.edj-about-reviews-text {
margin: 0 !important;
padding: 0 !important;
color: #f5f5f5;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
}
.edj-about-reviews-link {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 12px;
border: 1px solid rgba(255,255,255,.18);
border-radius: 7px;
background: rgba(255,255,255,.08);
color: #ffffff !important;
font-size: 11px;
line-height: 1;
font-weight: 800;
text-decoration: none !important;
white-space: nowrap;
transition: all .2s ease;
}
.edj-about-reviews-link:hover {
background: rgba(255,255,255,.16);
transform: translateY(-1px);
}
/* ==========================================
MINI KÁRTYÁK
========================================== */
.edj-about-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin-top: 14px;
}
.edj-about-card {
padding: 11px 13px;
border: 1px solid #e7e4de;
border-radius: 9px;
background: #faf9f7;
}
.edj-about-card-label {
margin: 0 0 3px !important;
padding: 0 !important;
color: #aa8253;
font-size: 8px;
line-height: 1;
font-weight: 800;
letter-spacing: 1px;
}
.edj-about-card h3 {
margin: 0 0 3px !important;
padding: 0 !important;
color: #17191f;
font-size: 13px;
line-height: 1.25;
font-weight: 800;
}
.edj-about-card p {
margin: 0 !important;
padding: 0 !important;
color: #6a6d72;
font-size: 11px;
line-height: 1.38 !important;
}
/* ==========================================
TABLET
========================================== */
@media(max-width: 980px) {
.edj-about-main {
gap: 28px;
}
.edj-about h2 {
font-size: 35px;
}
}
/* ==========================================
MOBIL
========================================== */
@media(max-width: 767px) {
.edj-about {
padding: 36px 18px;
}
.edj-about-main {
display: flex;
flex-direction: column;
gap: 20px;
}
.edj-about-photo-wrap {
width: 100%;
max-width: 460px;
margin: 0 auto;
}
.edj-about-photo {
aspect-ratio: 4 / 4.6;
border-radius: 12px;
}
.edj-about-name {
right: 9px;
bottom: 9px;
padding: 8px 11px;
}
.edj-about h2 {
margin-bottom: 8px !important;
font-size: 31px;
line-height: 1.04;
letter-spacing: -1px;
}
.edj-about-text {
font-size: 14px;
line-height: 1.46;
}
.edj-about-text p {
margin-bottom: 6px !important;
line-height: 1.46 !important;
}
.edj-about-joke {
margin: 7px 0 !important;
padding: 9px 12px;
}
.edj-about-team {
margin-top: 8px;
padding: 11px 12px;
}
.edj-about-team p {
margin-bottom: 5px !important;
}
.edj-about-reviews {
display: block;
margin-top: 8px;
padding: 11px 12px;
}
.edj-about-reviews-link {
margin-top: 8px;
}
.edj-about-cards {
grid-template-columns: 1fr;
gap: 6px;
margin-top: 12px;
}
.edj-about-card {
padding: 10px 12px;
}
}

/* ===== ESKUVOI-DJ ===== */
/* ==========================================
ESEMÉNYDJ – A TI ZENÉTEK
========================================== */
.edj-music {
padding: 92px 24px;
background: #17191f;
color: #ffffff;
}
.edj-music-inner {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.edj-music-head {
max-width: 790px;
margin-bottom: 48px;
}
.edj-music-eyebrow {
margin-bottom: 13px;
color: #d2ae79;
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
}
.edj-music h2 {
max-width: 750px;
margin: 0 0 20px;
padding: 0;
color: #ffffff;
font-size: clamp(34px, 4.3vw, 52px);
line-height: 1.08;
font-weight: 800;
letter-spacing: -1.7px;
}
.edj-music-intro {
max-width: 680px;
margin: 0;
color: #b8bac0;
font-size: 17px;
line-height: 1.7;
}
.edj-music-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 17px;
}
.edj-music-card {
padding: 30px;
border: 1px solid rgba(255,255,255,.11);
border-radius: 16px;
background: rgba(255,255,255,.045);
}
.edj-music-icon {
margin-bottom: 25px;
color: #d2ae79;
font-size: 27px;
line-height: 1;
}
.edj-music-card h3 {
margin: 0 0 11px;
padding: 0;
color: #ffffff;
font-size: 20px;
font-weight: 800;
}
.edj-music-card p {
margin: 0;
color: #b7b9bf;
font-size: 15px;
line-height: 1.65;
}
.edj-music-bottom {
margin-top: 34px;
padding: 22px 26px;
border-left: 3px solid #c59e68;
background: rgba(197,158,104,.08);
color: #e4e4e5;
font-size: 15px;
line-height: 1.7;
}
@media(max-width:767px) {
.edj-music {
padding: 67px 20px;
}
.edj-music-head {
margin-bottom: 31px;
}
.edj-music-grid {
grid-template-columns: 1fr;
}
.edj-music-card {
padding: 24px 22px;
}
}

/* ===== ESKUVOI-DJ ===== */
/* ==========================================
ESEMÉNYDJ – ESKÜVŐ MENETE
========================================== */
.edj-day {
padding: 92px 24px;
background: #f8f7f5;
}
.edj-day-inner {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.edj-day-head {
max-width: 760px;
margin-bottom: 50px;
}
.edj-day-eyebrow {
margin-bottom: 12px;
color: #9a7443;
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
}
.edj-day h2 {
margin: 0 0 17px;
padding: 0;
color: #17191f;
font-size: clamp(34px,4.2vw,50px);
line-height: 1.08;
font-weight: 800;
letter-spacing: -1.5px;
}
.edj-day-head p {
margin: 0;
color: #64676c;
font-size: 17px;
line-height: 1.7;
}
.edj-day-line {
position: relative;
}
.edj-day-item {
display: grid;
grid-template-columns: 88px 1fr;
position: relative;
padding-bottom: 34px;
}
.edj-day-item:last-child {
padding-bottom: 0;
}
.edj-day-side {
position: relative;
}
.edj-day-number {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 49px;
height: 49px;
border: 1px solid #d9cfbf;
border-radius: 50%;
background: #fff;
color: #9a7443;
font-size: 13px;
font-weight: 800;
}
.edj-day-item:not(:last-child) .edj-day-side:after {
content: "";
position: absolute;
top: 49px;
left: 24px;
bottom: -34px;
width: 1px;
background: #d9d5ce;
}
.edj-day-content {
padding: 6px 0 0;
}
.edj-day-content h3 {
margin: 0 0 6px;
padding: 0;
color: #17191f;
font-size: 20px;
font-weight: 800;
}
.edj-day-content p {
max-width: 770px;
margin: 0;
color: #686b70;
font-size: 15px;
line-height: 1.65;
}
@media(max-width:600px) {
.edj-day {
padding: 65px 20px;
}
.edj-day-head {
margin-bottom: 38px;
}
.edj-day-item {
grid-template-columns: 65px 1fr;
}
.edj-day-number {
width: 43px;
height: 43px;
}
.edj-day-item:not(:last-child) .edj-day-side:after {
top: 43px;
left: 21px;
}
}

/* ===== ESKUVOI-DJ ===== */
/* ==========================================
ESEMÉNYDJ – ESKÜVŐ FAQ
========================================== */
.edj-wedding-faq {
padding: 92px 24px;
background: #f8f7f5;
}
.edj-wedding-faq-inner {
width: 100%;
max-width: 920px;
margin: 0 auto;
}
.edj-wedding-faq-head {
margin-bottom: 38px;
}
.edj-wedding-faq-eyebrow {
margin-bottom: 12px;
color: #9a7443;
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
}
.edj-wedding-faq h2 {
margin: 0 0 15px;
padding: 0;
color: #17191f;
font-size: clamp(34px,4.2vw,49px);
line-height: 1.08;
font-weight: 800;
letter-spacing: -1.5px;
}
.edj-wedding-faq-head p {
margin: 0;
color: #686b70;
font-size: 16px;
line-height: 1.65;
}
.edj-wedding-faq details {
margin-bottom: 9px;
border: 1px solid #e3e0da;
border-radius: 12px;
background: #ffffff;
}
.edj-wedding-faq summary {
position: relative;
padding: 21px 55px 21px 22px;
cursor: pointer;
list-style: none;
color: #1b1d21;
font-size: 16px;
line-height: 1.4;
font-weight: 800;
}
.edj-wedding-faq summary::-webkit-details-marker {
display: none;
}
.edj-wedding-faq summary:after {
content: "+";
position: absolute;
top: 50%;
right: 21px;
transform: translateY(-50%);
color: #9a7443;
font-size: 23px;
font-weight: 400;
}
.edj-wedding-faq details[open] summary:after {
content: "−";
}
.edj-wedding-faq-answer {
padding: 0 22px 22px;
color: #686b70;
font-size: 15px;
line-height: 1.7;
}
@media(max-width:600px) {
.edj-wedding-faq {
padding: 65px 20px;
}
.edj-wedding-faq summary {
padding: 19px 50px 19px 18px;
font-size: 15px;
}
.edj-wedding-faq-answer {
padding: 0 18px 19px;
}
}

/* ===== RENDEZVENY-DJ ===== */
/* ==========================================
ESEMÉNYDJ – CÉGES RENDEZVÉNY HERO
CÉGES RENDEZVÉNY HERO
========================================== */
.edj-corp-hero {
position: relative;
overflow: hidden;
padding: 20px 24px;
/*
FONTOS:
A háttérképet és a sötétítő réteget az importcsomag kezeli.
*/
background:
linear-gradient(
90deg,
rgba(12, 16, 25, .91) 0%,
rgba(15, 20, 31, .82) 48%,
rgba(14, 19, 30, .76) 100%
);
color: #ffffff;
}
.edj-corp-hero * {
box-sizing: border-box;
}
.edj-corp-hero-inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
/* ==========================================
FELSŐ KIS FELIRAT
========================================== */
.edj-corp-hero-eyebrow {
margin: 0 0 11px !important;
padding: 0 !important;
color: #85a8ff;
font-size: 11px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 1.9px;
text-transform: uppercase;
}
/* ==========================================
FŐCÍM
========================================== */
.edj-corp-hero h1 {
max-width: 820px;
margin: 0 auto 14px !important;
padding: 0 !important;
color: #ffffff;
font-size: clamp(32px, 3.7vw, 46px);
line-height: 1.04;
font-weight: 800;
letter-spacing: -1.7px;
text-shadow: 0 2px 20px rgba(0,0,0,.22);
}
.edj-corp-hero h1 span {
color: #8eafff;
}
/* ==========================================
RÖVID MAGYARÁZAT
========================================== */
.edj-corp-intro {
max-width: 650px;
margin: 0 auto !important;
padding: 0 !important;
color: #e3e6ee;
font-size: 16px;
line-height: 1.45;
font-weight: 500;
}
/* ==========================================
ÁR / KÖVETKEZŐ LÉPÉS
========================================== */
.edj-corp-price-line {
margin: 12px auto 0 !important;
padding: 0 !important;
color: #ffffff;
font-size: 21px;
line-height: 1.25;
font-weight: 750;
letter-spacing: -.3px;
}
/* ==========================================
ALSÓ INFORMÁCIÓ
========================================== */
.edj-corp-hero-next {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 9px;
margin-top: 12px;
color: #cfd4df;
font-size: 12px;
line-height: 1.3;
font-weight: 700;
}
.edj-corp-hero-dot {
width: 4px;
height: 4px;
border-radius: 50%;
background: #7197ff;
}
/* ==========================================
NYÍL
========================================== */
.edj-corp-hero-arrow {
display: flex;
justify-content: center;
margin-top: 9px;
}
.edj-corp-hero-arrow span {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 1px solid rgba(255,255,255,.20);
border-radius: 50%;
background: rgba(255,255,255,.06);
color: #a5bcff;
font-size: 16px;
animation: edjCorpArrow 2s ease-in-out infinite;
}
@keyframes edjCorpArrow {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(4px);
}
}
/* ==========================================
MOBIL
========================================== */
@media(max-width: 767px) {
.edj-corp-hero {
padding: 16px 19px;
background-image:linear-gradient(rgba(12,16,25,.88),rgba(12,16,25,.86)),url("https://esemenydj.hu/wp-content/uploads/2026/09/rendezvenydj_hero.webp");
}
.edj-corp-hero-eyebrow {
margin-bottom: 9px !important;
font-size: 10px;
letter-spacing: 1.6px;
}
.edj-corp-hero h1 {
max-width: 540px;
margin-bottom: 12px !important;
font-size: 31px;
line-height: 1.05;
letter-spacing: -.9px;
}
.edj-corp-intro {
max-width: 460px;
font-size: 15px;
line-height: 1.45;
}
.edj-corp-price-line {
margin-top: 10px !important;
font-size: 18px;
}
.edj-corp-hero-next {
margin-top: 10px;
gap: 7px;
font-size: 10px;
}
.edj-corp-hero-arrow {
margin-top: 8px;
}
}

/* ===== RENDEZVENY-DJ ===== */
/* ==========================================
ESEMÉNYDJ – CÉGES / RUPA ZOLI
========================================== */
.edj-corp-about {
padding: 48px 24px;
background: #ffffff;
color: #17191f;
}
.edj-corp-about * {
box-sizing: border-box;
}
.edj-corp-about-inner {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.edj-corp-about-main {
display: grid;
grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
gap: 42px;
align-items: center;
}
/* KÉP */
.edj-corp-photo-wrap {
position: relative;
}
.edj-corp-photo {
overflow: hidden;
width: 100%;
aspect-ratio: 4 / 4.75;
border-radius: 15px;
background: #eceef2;
box-shadow: 0 15px 38px rgba(20,22,28,.11);
}
.edj-corp-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.edj-corp-name {
position: absolute;
right: -10px;
bottom: 18px;
padding: 10px 14px;
border-radius: 8px;
background: rgba(18,21,28,.96);
box-shadow: 0 7px 18px rgba(0,0,0,.16);
color: #ffffff;
}
.edj-corp-name strong {
display: block;
margin: 0 !important;
font-size: 13px;
line-height: 1.2;
font-weight: 800;
}
.edj-corp-name span {
display: block;
margin-top: 2px;
color: #bfc4ce;
font-size: 10px;
}
/* SZÖVEG */
.edj-corp-copy {
max-width: 670px;
}
.edj-corp-eyebrow {
margin: 0 0 6px !important;
color: #4f72d9;
font-size: 10px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 1.7px;
text-transform: uppercase;
}
.edj-corp-about h2 {
margin: 0 0 10px !important;
padding: 0 !important;
color: #17191f;
font-size: clamp(34px,3.8vw,46px);
line-height: 1.03;
font-weight: 800;
letter-spacing: -1.5px;
}
.edj-corp-about h2 span {
color: #4f72d9;
}
.edj-corp-text {
color: #5d6168;
font-size: 14px;
line-height: 1.5;
}
.edj-corp-text p {
margin: 0 0 8px !important;
padding: 0 !important;
line-height: 1.5 !important;
}
.edj-corp-text strong {
color: #17191f;
font-weight: 800;
}
/* ELSŐ POÉN */
.edj-corp-opener {
margin: 9px 0 10px;
padding: 10px 14px;
border-left: 3px solid #5d82ed;
border-radius: 0 7px 7px 0;
background: #f5f7fc;
color: #34373c;
font-size: 14px;
line-height: 1.45;
}
/* ZÁRÓ ÖNIRONIKUS DOBOZ */
.edj-corp-origin {
margin-top: 11px;
padding: 11px 14px;
border: 1px solid #e3e6ec;
border-radius: 9px;
background: #f8f9fb;
color: #54585f;
font-size: 13px;
line-height: 1.45;
}
.edj-corp-origin strong {
color: #17191f;
}
/* MINI KÁRTYÁK */
.edj-corp-cards {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 8px;
margin-top: 18px;
}
.edj-corp-card {
padding: 12px 14px;
border: 1px solid #e3e6ec;
border-radius: 9px;
background: #f8f9fb;
}
.edj-corp-card-num {
margin-bottom: 4px;
color: #5d82ed;
font-size: 8px;
font-weight: 800;
letter-spacing: 1px;
}
.edj-corp-card h3 {
margin: 0 0 3px !important;
padding: 0 !important;
color: #17191f;
font-size: 13px;
line-height: 1.25;
font-weight: 800;
}
.edj-corp-card p {
margin: 0 !important;
padding: 0 !important;
color: #6b6f76;
font-size: 11px;
line-height: 1.4 !important;
}
/* MOBIL */
@media(max-width:767px) {
.edj-corp-about {
padding: 38px 18px;
}
.edj-corp-about-main {
display: flex;
flex-direction: column;
gap: 21px;
}
.edj-corp-photo-wrap {
width: 100%;
max-width: 460px;
margin: 0 auto;
}
.edj-corp-photo {
aspect-ratio: 4 / 4.6;
border-radius: 12px;
}
.edj-corp-name {
right: 9px;
bottom: 9px;
padding: 8px 11px;
}
.edj-corp-about h2 {
font-size: 32px;
line-height: 1.04;
}
.edj-corp-text {
font-size: 14px;
}
.edj-corp-cards {
grid-template-columns: 1fr;
gap: 6px;
margin-top: 14px;
}
.edj-corp-card {
padding: 10px 12px;
}
}

/* ===== KAPCSOLAT ===== */
/* ==========================================================
ESEMÉNYDJ.HU – KAPCSOLAT HERO – KOMPAKT
========================================================== */
.edj-contact-hero {
position: relative;
overflow: hidden;
width: 100%;
/* EREDETILEG: 78px 24px 70px */
padding: 20px 24px;
background:
radial-gradient(
circle at 8% 15%,
rgba(237,5,171,0.10),
transparent 32%
),
radial-gradient(
circle at 92% 85%,
rgba(70,145,255,0.10),
transparent 34%
),
#15171d;
color: #ffffff;
}
/* finom háttérfény */
.edj-contact-hero::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(
115deg,
rgba(255,255,255,0.025) 0%,
transparent 40%,
rgba(255,255,255,0.02) 100%
);
}
/* ==========================================================
BELSŐ TARTALOM
========================================================== */
.edj-contact-hero-inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1050px;
margin: 0 auto;
text-align: center;
}
/* ==========================================================
FELSŐ KIS CÍM
========================================================== */
.edj-contact-eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
/* max 10px */
margin: 0 0 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
color: #ed05ab;
}
.edj-contact-eyebrow::before,
.edj-contact-eyebrow::after {
content: "";
display: block;
width: 27px;
height: 1px;
background: rgba(237,5,171,0.70);
}
/* ==========================================================
FŐCÍM
========================================================== */
.edj-contact-title {
max-width: 820px;
/* max 10px */
margin: 0 auto 10px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: clamp(34px, 4vw, 50px);
line-height: 1.03;
font-weight: 800;
letter-spacing: -1.8px;
color: #ffffff;
}
.edj-contact-title span {
color: #ed05ab;
}
/* ==========================================================
LEÍRÁS
========================================================== */
.edj-contact-lead {
width: 100%;
max-width: 720px;
margin: 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.45;
font-weight: 400;
color: rgba(255,255,255,0.72);
}
/* ==========================================================
BIZONYTALANSÁGCSÖKKENTŐ SOR
========================================================== */
.edj-contact-points {
display: inline-flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0;
/* EREDETILEG 30px */
margin: 10px auto 0;
overflow: hidden;
border: 1px solid rgba(255,255,255,0.11);
border-radius: 13px;
background: rgba(255,255,255,0.055);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.edj-contact-point {
position: relative;
/* vertikálisan max 10px */
padding: 8px 18px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.25;
font-weight: 700;
color: rgba(255,255,255,0.88);
}
.edj-contact-point + .edj-contact-point::before {
content: "";
position: absolute;
left: 0;
top: 9px;
bottom: 9px;
width: 1px;
background: rgba(255,255,255,0.11);
}
/* ==========================================================
NYÍL
========================================================== */
.edj-contact-arrow {
display: flex;
justify-content: center;
/* EREDETILEG 25px */
margin-top: 8px;
}
.edj-contact-arrow span {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 1px solid rgba(255,255,255,0.15);
border-radius: 50%;
background: rgba(255,255,255,0.07);
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: rgba(255,255,255,0.82);
animation: edjContactArrow 2s ease-in-out infinite;
}
@keyframes edjContactArrow {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(4px);
}
}
/* ==========================================================
MOBIL
========================================================== */
@media (max-width: 767px) {
.edj-contact-hero {
/* EREDETILEG 58px 18px 50px */
padding: 16px 17px;
}
.edj-contact-eyebrow {
gap: 8px;
margin-bottom: 9px;
font-size: 10px;
letter-spacing: 1.6px;
}
.edj-contact-eyebrow::before,
.edj-contact-eyebrow::after {
width: 20px;
}
.edj-contact-title {
margin-bottom: 9px;
font-size: 32px;
line-height: 1.04;
letter-spacing: -1.1px;
}
.edj-contact-lead {
max-width: 500px;
font-size: 15px;
line-height: 1.45;
}
.edj-contact-points {
display: flex;
width: 100%;
max-width: 390px;
margin-top: 10px;
}
.edj-contact-point {
flex: 1 1 33.333%;
padding: 9px 7px;
font-size: 11px;
line-height: 1.25;
}
.edj-contact-point + .edj-contact-point::before {
top: 8px;
bottom: 8px;
}
.edj-contact-arrow {
margin-top: 7px;
}
.edj-contact-arrow span {
width: 32px;
height: 32px;
font-size: 16px;
}
}
/* ==========================================================
KIS MOBIL
========================================================== */
@media (max-width: 430px) {
.edj-contact-hero {
padding: 14px;
}
.edj-contact-title {
font-size: 30px;
}
.edj-contact-point {
padding: 8px 5px;
font-size: 10px;
}
}

/* ===== KAPCSOLAT ===== */
/* ==========================================================
ESEMÉNYDJ – KAPCSOLAT
HERO UTÁNI KOMPAKT VERZIÓ
========================================================== */
.edj-contact-page,
.edj-contact-page * {
box-sizing: border-box;
}
.edj-contact-page {
--pink: #f000b8;
--text: #202127;
--muted: #747780;
--light: #f7f8fb;
--border: #e3e5ea;
width: 100%;
background: #fff;
padding: 38px 24px 55px;
}
.edj-contact-inner {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
/* ==========================================================
KÉT OSZLOP
========================================================== */
.edj-contact-grid {
display: grid;
grid-template-columns:
minmax(0, 1.45fr)
minmax(340px, .85fr);
gap: 55px;
align-items: start;
}
/* ==========================================================
BAL OLDAL – ŰRLAP
========================================================== */
.edj-form-side {
min-width: 0;
}
.edj-form-title {
margin: 0 0 10px !important;
padding: 0 !important;
color: var(--text);
font-size: 29px;
line-height: 1.15;
font-weight: 800;
letter-spacing: -.5px;
}
/* CONTACT FORM 7 */
.edj-form-side .wpcf7,
.edj-form-side .wpcf7-form {
width: 100%;
margin: 0 !important;
}
.edj-form-side p {
margin-top: 0 !important;
margin-bottom: 10px !important;
}
.edj-form-side label {
display: block;
margin: 0 0 4px !important;
color: #666972;
font-size: 14px;
line-height: 1.3;
}
.edj-form-side input[type="text"],
.edj-form-side input[type="email"],
.edj-form-side input[type="tel"],
.edj-form-side input[type="number"],
.edj-form-side input[type="date"],
.edj-form-side input[type="time"],
.edj-form-side select,
.edj-form-side textarea {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 13px 14px !important;
background: #f1f2f4 !important;
border: 1px solid transparent !important;
border-radius: 9px !important;
color: #25262b !important;
font-family: inherit;
font-size: 15px !important;
transition:
background .2s ease,
border-color .2s ease,
box-shadow .2s ease;
}
.edj-form-side input[type="text"]:focus,
.edj-form-side input[type="email"]:focus,
.edj-form-side input[type="tel"]:focus,
.edj-form-side input[type="number"]:focus,
.edj-form-side input[type="date"]:focus,
.edj-form-side input[type="time"]:focus,
.edj-form-side select:focus,
.edj-form-side textarea:focus {
outline: none !important;
background: #fff !important;
border-color: rgba(240, 0, 184, .5) !important;
box-shadow:
0 0 0 3px rgba(240, 0, 184, .08) !important;
}
.edj-form-side textarea {
min-height: 140px;
resize: vertical;
}
.edj-form-side input[type="submit"] {
appearance: none;
-webkit-appearance: none;
margin: 0 !important;
padding: 14px 27px !important;
background: var(--pink) !important;
border: 0 !important;
border-radius: 9px !important;
color: #fff !important;
font-family: inherit;
font-size: 15px !important;
font-weight: 800 !important;
cursor: pointer;
}
.edj-form-side input[type="submit"]:hover {
opacity: .88;
}
.edj-form-side .wpcf7-not-valid-tip {
margin: 4px 0 0 !important;
font-size: 12px;
}
.edj-form-side .wpcf7-response-output {
margin: 10px 0 0 !important;
padding: 10px 13px !important;
border-radius: 8px;
}
/* ==========================================================
JOBB OLDAL
========================================================== */
.edj-direct-card {
position: sticky;
top: 135px;
padding: 25px;
background: var(--light);
border: 1px solid var(--border);
border-radius: 20px;
box-shadow:
0 18px 45px rgba(17, 19, 25, .06);
}
/* FEJLÉC */
.edj-direct-head {
margin: 0 0 10px !important;
text-align: center;
}
.edj-direct-kicker {
display: block;
margin: 0 0 7px !important;
color: var(--pink);
font-size: 11px;
line-height: 1.3;
font-weight: 800;
letter-spacing: 1.6px;
text-transform: uppercase;
}
.edj-direct-head h2 {
margin: 0 0 7px !important;
padding: 0 !important;
color: var(--text);
font-size: 27px;
line-height: 1.15;
font-weight: 800;
letter-spacing: -.7px;
}
.edj-direct-head p {
margin: 0 !important;
color: var(--muted);
font-size: 14px;
line-height: 1.45;
}
/* ==========================================================
SZEMÉLYEK
========================================================== */
.edj-people {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 10px;
}
.edj-person {
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
gap: 14px;
align-items: center;
padding: 10px;
background: #fff;
border: 1px solid #e4e6eb;
border-radius: 14px;
}
.edj-person-photo {
width: 82px;
height: 82px;
overflow: hidden;
background: #e9e9ed;
border-radius: 10px;
}
.edj-person-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.edj-person-data {
min-width: 0;
}
.edj-person-data h3 {
margin: 0 0 6px !important;
padding: 0 !important;
color: var(--text);
font-size: 17px;
line-height: 1.2;
font-weight: 800;
}
.edj-phone {
display: inline-flex;
align-items: center;
gap: 7px;
color: #32343b !important;
font-size: 14px;
line-height: 1.35;
font-weight: 700;
text-decoration: none !important;
}
.edj-phone:hover {
color: var(--pink) !important;
}
.edj-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
color: var(--pink);
font-size: 14px;
}
/* ==========================================================
KÖZÖS EMAIL
========================================================== */
.edj-common-contact {
margin: 10px 0 0 !important;
padding: 10px 0 0 !important;
border-top: 1px solid #e0e2e7;
text-align: center;
}
.edj-common-label {
display: block;
margin: 0 0 6px !important;
color: #858790;
font-size: 11px;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
}
.edj-email {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
max-width: 100%;
padding: 10px 13px;
background: #fff;
border: 1px solid #e0e2e7;
border-radius: 9px;
color: #30323a !important;
font-size: 13.5px;
font-weight: 700;
text-decoration: none !important;
}
.edj-email:hover {
color: var(--pink) !important;
}
/* ==========================================================
ALSÓ MEGJEGYZÉS
========================================================== */
.edj-contact-note {
margin: 8px 0 0 !important;
color: #858790;
font-size: 12px;
line-height: 1.4;
text-align: center;
}
/* ==========================================================
TABLET
========================================================== */
@media (max-width: 980px) {
.edj-contact-page {
padding: 30px 20px 45px;
}
.edj-contact-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.edj-direct-card {
position: static;
top: auto;
}
.edj-people {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
}
/* ==========================================================
MOBIL
========================================================== */
@media (max-width: 650px) {
.edj-contact-page {
padding: 25px 15px 35px;
}
.edj-contact-grid {
gap: 25px;
}
.edj-form-title {
margin-bottom: 10px !important;
font-size: 25px;
}
.edj-direct-card {
padding: 18px 14px;
border-radius: 16px;
}
.edj-direct-head h2 {
font-size: 24px;
}
.edj-people {
grid-template-columns: 1fr;
}
.edj-person {
grid-template-columns: 72px minmax(0, 1fr);
gap: 12px;
}
.edj-person-photo {
width: 72px;
height: 72px;
}
.edj-person-data h3 {
font-size: 16px;
}
.edj-phone {
font-size: 13.5px;
}
}

/* ==========================================================
   KAO – TELJES SZÉLESSÉGŰ ESEMÉNYDJ OLDALVÁZ
   ========================================================== */
body.kao-theme .kao-content>.edj-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.kao-theme .edj-page>.edj-home-hero,
body.kao-theme .edj-page>.edj-wedding-hero,
body.kao-theme .edj-page>.edj-corp-hero,
body.kao-theme .edj-page>.edj-contact-hero{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}

/* ==========================================================
   KAPCSOLAT – AKTÍV KAO ELRENDEZÉS
   EseményDJ magenta arculat, reszponzív CF7 mezők.
   ========================================================== */
body.kao-theme .edj-page-kapcsolat .edj-contact-page{
  padding:42px 24px 62px!important;
  background:#fff!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-inner{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-grid{
  display:grid!important;
  grid-template-columns:minmax(280px,400px) minmax(0,680px)!important;
  justify-content:space-between!important;
  align-items:start!important;
  gap:44px!important;
}
/* HTML-ben az űrlap van előbb, de desktopon a Karaoke One mintájára a közvetlen blokk kerül balra. */
body.kao-theme .edj-page-kapcsolat .edj-form-side{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  width:100%!important;
  max-width:680px!important;
  min-width:0!important;
  padding:26px 26px 28px!important;
  border:1px solid rgba(237,5,171,.20)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(28,25,41,.065)!important;
}
body.kao-theme .edj-page-kapcsolat .edj-form-title{
  margin:0 0 20px!important;
  padding:0!important;
  color:#191b24!important;
  font-size:34px!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-1px!important;
}
body.kao-theme .edj-page-kapcsolat .edj-form-title::before{
  content:"KAPCSOLAT";
  display:block;
  margin:0 0 8px!important;
  color:#ed05ab!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:1.55px!important;
  text-transform:uppercase!important;
}
body.kao-theme .edj-page-kapcsolat .edj-form-side .wpcf7,
body.kao-theme .edj-page-kapcsolat .edj-form-side .wpcf7-form{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.kao-theme .edj-page-kapcsolat .edj-form-side form.edj-contact-cf7{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-fields-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 18px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-field{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  align-self:start!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-field--half{grid-column:auto!important}
body.kao-theme .edj-page-kapcsolat .edj-contact-field--full{grid-column:1/-1!important}
body.kao-theme .edj-page-kapcsolat .edj-contact-field p{margin:0!important;padding:0!important}
body.kao-theme .edj-page-kapcsolat .edj-contact-field label{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#4b4f5d!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-field label>br{display:none!important}
body.kao-theme .edj-page-kapcsolat .edj-contact-field .wpcf7-form-control-wrap{
  display:block!important;
  width:100%!important;
  margin:0!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-field input:not([type=submit]):not([type=checkbox]):not([type=radio]),
body.kao-theme .edj-page-kapcsolat .edj-contact-field select,
body.kao-theme .edj-page-kapcsolat .edj-contact-field textarea{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:46px!important;
  margin:6px 0 0!important;
  padding:11px 12px!important;
  border:1px solid #dfe2e9!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#191b24!important;
  font:500 14px/1.35 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  box-shadow:none!important;
  outline:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-field select{
  padding-right:34px!important;
  background-image:linear-gradient(45deg,transparent 50%,#777b87 50%),linear-gradient(135deg,#777b87 50%,transparent 50%)!important;
  background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-field textarea{
  min-height:128px!important;
  resize:vertical!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-field input:focus,
body.kao-theme .edj-page-kapcsolat .edj-contact-field select:focus,
body.kao-theme .edj-page-kapcsolat .edj-contact-field textarea:focus{
  border-color:#ed05ab!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(237,5,171,.08)!important;
}
body.kao-theme .edj-page-kapcsolat .edj-form-side form.edj-contact-cf7>p{
  margin:0!important;
  padding:0!important;
}
body.kao-theme .edj-page-kapcsolat .edj-form-side form.edj-contact-cf7 input.wpcf7-submit,
body.kao-theme .edj-page-kapcsolat .edj-form-side form.edj-contact-cf7 input[type=submit],
body.kao-theme .edj-page-kapcsolat .edj-form-side form.edj-contact-cf7 button[type=submit]{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:54px!important;
  height:auto!important;
  margin:4px 0 0!important;
  padding:14px 18px!important;
  border:0!important;
  border-radius:14px!important;
  background:#ed05ab!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:850 15px/1.2 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  text-align:center!important;
  box-shadow:0 10px 24px rgba(237,5,171,.18)!important;
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.kao-theme .edj-page-kapcsolat .edj-form-side form.edj-contact-cf7 input.wpcf7-submit:hover,
body.kao-theme .edj-page-kapcsolat .edj-form-side form.edj-contact-cf7 button[type=submit]:hover{
  transform:translateY(-1px)!important;
  background:#d9009f!important;
  box-shadow:0 13px 29px rgba(237,5,171,.25)!important;
}
/* Bal oldali közvetlen blokk: a nagy szürke kártya helyett a Karaoke One könnyebb szerkezete. */
body.kao-theme .edj-page-kapcsolat .edj-direct-card{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  position:sticky!important;
  top:calc(var(--kao-header-h,76px) + 24px)!important;
  width:100%!important;
  max-width:400px!important;
  margin:0!important;
  padding:4px 0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.kao-theme .edj-page-kapcsolat .edj-direct-head{
  margin:0 0 14px!important;
  text-align:left!important;
}
body.kao-theme .edj-page-kapcsolat .edj-direct-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 7px!important;
  color:#ed05ab!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  font-weight:850!important;
  letter-spacing:1.5px!important;
}
body.kao-theme .edj-page-kapcsolat .edj-direct-kicker::before{
  content:"";
  width:24px;
  height:2px;
  flex:0 0 24px;
  border-radius:99px;
  background:#ed05ab;
  box-shadow:0 0 7px rgba(237,5,171,.22);
}
body.kao-theme .edj-page-kapcsolat .edj-direct-head h2{
  margin:0 0 6px!important;
  color:#1b1c25!important;
  font-size:31px!important;
  line-height:1.06!important;
  font-weight:850!important;
  letter-spacing:-.9px!important;
  text-align:left!important;
}
body.kao-theme .edj-page-kapcsolat .edj-direct-head p{
  max-width:360px!important;
  margin:0!important;
  color:#727580!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-align:left!important;
}
body.kao-theme .edj-page-kapcsolat .edj-people{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  margin:0!important;
}
body.kao-theme .edj-page-kapcsolat .edj-person{
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:10px!important;
  border:1px solid rgba(237,5,171,.16)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(35,28,47,.035)!important;
}
body.kao-theme .edj-page-kapcsolat .edj-person-photo{
  width:70px!important;
  height:70px!important;
  border-radius:10px!important;
}
body.kao-theme .edj-page-kapcsolat .edj-person-data h3{
  margin:0 0 5px!important;
  font-size:16px!important;
}
body.kao-theme .edj-page-kapcsolat .edj-phone{
  color:#444650!important;
  font-size:13px!important;
}
body.kao-theme .edj-page-kapcsolat .edj-phone:hover,
body.kao-theme .edj-page-kapcsolat .edj-email:hover{color:#ed05ab!important}
body.kao-theme .edj-page-kapcsolat .edj-icon{color:#ed05ab!important}
body.kao-theme .edj-page-kapcsolat .edj-common-contact{
  margin:10px 0 0!important;
  padding:10px 0 0!important;
  text-align:left!important;
}
body.kao-theme .edj-page-kapcsolat .edj-common-label{text-align:left!important}
body.kao-theme .edj-page-kapcsolat .edj-email{
  justify-content:flex-start!important;
  background:#fff!important;
  border-color:rgba(237,5,171,.14)!important;
}
body.kao-theme .edj-page-kapcsolat .edj-contact-note{text-align:left!important}
@media(max-width:980px){
  body.kao-theme .edj-page-kapcsolat .edj-contact-grid{
    grid-template-columns:1fr!important;
    max-width:720px!important;
    margin:0 auto!important;
    gap:24px!important;
  }
  body.kao-theme .edj-page-kapcsolat .edj-form-side{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:stretch!important;
    max-width:none!important;
  }
  body.kao-theme .edj-page-kapcsolat .edj-direct-card{
    grid-column:1!important;
    grid-row:2!important;
    position:static!important;
    top:auto!important;
    justify-self:stretch!important;
    max-width:none!important;
  }
}
@media(max-width:700px){
  body.kao-theme .edj-page-kapcsolat .edj-contact-page{padding:28px 15px 42px!important}
  body.kao-theme .edj-page-kapcsolat .edj-form-side{padding:19px 16px 21px!important;border-radius:15px!important}
  body.kao-theme .edj-page-kapcsolat .edj-form-title{font-size:29px!important;margin-bottom:16px!important}
  body.kao-theme .edj-page-kapcsolat .edj-contact-fields-grid{grid-template-columns:1fr!important;gap:10px!important}
  body.kao-theme .edj-page-kapcsolat .edj-contact-field--half,
  body.kao-theme .edj-page-kapcsolat .edj-contact-field--full{grid-column:1!important}
  body.kao-theme .edj-page-kapcsolat .edj-contact-field input:not([type=submit]):not([type=checkbox]):not([type=radio]),
  body.kao-theme .edj-page-kapcsolat .edj-contact-field select,
  body.kao-theme .edj-page-kapcsolat .edj-contact-field textarea{font-size:16px!important}
  body.kao-theme .edj-page-kapcsolat .edj-direct-head h2{font-size:27px!important}
}
/* Submit gomb már a CF7 normalizálása előtt is magenta. */
body.kao-theme .edj-page-kapcsolat .edj-form-side input[type="submit"],
body.kao-theme .edj-page-kapcsolat .edj-form-side button[type="submit"]{background:#ed05ab!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}


/* KAO – EseményDJ saját CSS. Theme-frissítés ezt a fájlt nem módosítja. */



/* ==========================================================
   ESEMÉNYDJ.HU – ESKÜVŐI DJ V3
   Kompakt, személyes Zoli + Niki bemutatkozás.
   A SoundCloud közvetlenül a hero után marad.
   ========================================================== */

/* ----------------------------------------------------------
   HERO – egyetlen H1, benne kicsiben az „Esküvői DJ”
   ---------------------------------------------------------- */
.edj-page-eskuvoi-dj .edj-wedding-title-v3{
  max-width:900px;
  margin:0 auto 13px!important;
  padding:0!important;
  font-size:inherit;
  line-height:1;
}

.edj-page-eskuvoi-dj .edj-wedding-title-v3 .edj-wedding-title-seo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  margin:0 0 13px;
  color:#8f7049;
  -webkit-text-fill-color:#8f7049;
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  text-shadow:0 1px 2px rgba(255,255,255,.85);
}

.edj-page-eskuvoi-dj .edj-wedding-title-v3 .edj-wedding-title-seo::before,
.edj-page-eskuvoi-dj .edj-wedding-title-v3 .edj-wedding-title-seo::after{
  content:"";
  display:block;
  width:27px;
  height:1px;
  background:#b88d55;
}

.edj-page-eskuvoi-dj .edj-wedding-title-v3 .edj-wedding-title-main{
  display:block;
  width:100%;
  color:#17191f;
  -webkit-text-fill-color:#17191f;
  font-size:clamp(34px,3.8vw,50px);
  line-height:1.04;
  font-weight:800;
  letter-spacing:-1.8px;
}

.edj-page-eskuvoi-dj .edj-wedding-title-v3 .edj-wedding-title-main em{
  color:#9a7443;
  -webkit-text-fill-color:#9a7443;
  font-style:normal;
}

.edj-page-eskuvoi-dj .edj-wedding-arrow a{
  display:inline-flex;
  color:inherit!important;
  text-decoration:none!important;
}


/* ----------------------------------------------------------
   SOUNDCLOUD – hero után kompakt átmenet
   ---------------------------------------------------------- */
.edj-page-eskuvoi-dj .edj-soundcloud{
  padding-top:14px;
  padding-bottom:30px;
}

.edj-page-eskuvoi-dj .edj-soundcloud-head{
  margin-bottom:13px;
}


/* ----------------------------------------------------------
   ZOLI + NIKI – EDITORIAL, NEM KÉT ÓRIÁSI KÁRTYA
   ---------------------------------------------------------- */
.edj-wedding-people{
  width:100%;
  padding:46px 24px 52px;
  background:
    radial-gradient(circle at 7% 8%,rgba(197,158,104,.065),transparent 25%),
    linear-gradient(180deg,#ffffff 0%,#faf9f7 100%);
  color:#17191f;
}

.edj-wedding-people-inner{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}

.edj-wedding-profile{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:42px;
  align-items:center;
  width:100%;
  padding:0 0 42px;
  margin:0 0 42px;
  border-bottom:1px solid #e9e4dc;
}

.edj-wedding-profile-reverse{
  grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);
}

.edj-wedding-profile-reverse .edj-wedding-profile-media{
  grid-column:2;
  grid-row:1;
}

.edj-wedding-profile-reverse .edj-wedding-profile-copy{
  grid-column:1;
  grid-row:1;
}

.edj-wedding-profile-media{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:4 / 3;
  max-height:330px;
  border-radius:16px;
  background:#ede9e2;
  box-shadow:0 14px 34px rgba(24,24,28,.10);
}

.edj-wedding-profile-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.edj-wedding-profile-zoli .edj-wedding-profile-media img{
  object-position:center center;
}

.edj-wedding-profile-niki .edj-wedding-profile-media img{
  object-position:center center;
}

.edj-wedding-profile-badge{
  position:absolute;
  left:13px;
  bottom:13px;
  max-width:calc(100% - 26px);
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:9px;
  background:rgba(23,25,31,.92);
  color:#fff;
  box-shadow:0 7px 18px rgba(0,0,0,.16);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.edj-wedding-profile-badge strong{
  display:block;
  margin:0!important;
  padding:0!important;
  color:#fff;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
}

.edj-wedding-profile-badge span{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.67);
  font-size:10px;
  line-height:1.25;
}

.edj-wedding-profile-copy{
  min-width:0;
  max-width:680px;
}

.edj-wedding-profile-eyebrow{
  margin:0 0 7px;
  color:#9a7443;
  font-size:10px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:1.55px;
  text-transform:uppercase;
}

.edj-wedding-profile h2{
  margin:0 0 12px!important;
  padding:0!important;
  color:#17191f;
  font-size:clamp(26px,2.45vw,34px);
  line-height:1.07;
  font-weight:800;
  letter-spacing:-.85px;
}

.edj-wedding-profile h2 span{
  color:#9a7443;
}

.edj-wedding-profile-text{
  color:#5f6268;
  font-size:14px;
  line-height:1.53;
}

.edj-wedding-profile-text p{
  margin:0 0 8px!important;
  padding:0!important;
  line-height:1.53!important;
}

.edj-wedding-profile-text p:last-child{
  margin-bottom:0!important;
}

.edj-wedding-profile-text strong{
  color:#1f2127;
  font-weight:800;
}

.edj-wedding-profile-highlight{
  margin:10px 0 11px!important;
  padding:10px 13px;
  border-left:3px solid #c59e68;
  border-radius:0 8px 8px 0;
  background:#faf8f4;
  color:#4a4d53;
  font-size:14px;
  line-height:1.48;
}

.edj-wedding-profile-highlight strong{
  color:#17191f;
}

.edj-wedding-profile-niki .edj-wedding-profile-highlight{
  border-left-color:#b88d55;
  background:#fbf8f3;
}

.edj-wedding-profile-last{
  margin-top:10px!important;
}


/* ----------------------------------------------------------
   KÖZÖS BIZALMI SÁV
   ---------------------------------------------------------- */
.edj-wedding-people-trust{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:-4px;
  padding:18px 20px;
  border:1px solid #e5e0d8;
  border-radius:13px;
  background:#fff;
  box-shadow:0 10px 26px rgba(24,24,28,.045);
}

.edj-wedding-people-trust-copy{
  min-width:0;
  max-width:760px;
}

.edj-wedding-people-trust-copy strong{
  display:block;
  margin:0 0 4px;
  color:#17191f;
  font-size:14px;
  line-height:1.3;
  font-weight:800;
}

.edj-wedding-people-trust-copy p{
  margin:0!important;
  padding:0!important;
  color:#686b71;
  font-size:13px;
  line-height:1.48;
}

.edj-wedding-people-reviews{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border:1px solid #d8d0c3;
  border-radius:9px;
  background:#17191f;
  color:#fff!important;
  font-size:11px;
  line-height:1;
  font-weight:800;
  text-decoration:none!important;
  white-space:nowrap;
  transition:transform .18s ease,background .18s ease;
}

.edj-wedding-people-reviews:hover{
  transform:translateY(-1px);
  background:#25272e;
}


/* ----------------------------------------------------------
   TERVEZŐ – a shortcode saját dizájnját nem írjuk felül
   ---------------------------------------------------------- */
.edj-wedding-planner{
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
  scroll-margin-top:110px;
}

.edj-wedding-planner-inner{
  width:100%;
  margin:0;
  padding:0;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */
@media(max-width:980px){
  .edj-wedding-people{
    padding:40px 22px 44px;
  }

  .edj-wedding-profile,
  .edj-wedding-profile-reverse{
    grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);
    gap:30px;
  }

  .edj-wedding-profile-reverse .edj-wedding-profile-media{
    grid-column:2;
  }

  .edj-wedding-profile h2{
    font-size:31px;
  }
}


/* ----------------------------------------------------------
   MOBIL
   ---------------------------------------------------------- */
@media(max-width:767px){
  .edj-page-eskuvoi-dj .edj-wedding-title-v3{
    max-width:540px;
    margin-bottom:12px!important;
  }

  .edj-page-eskuvoi-dj .edj-wedding-title-v3 .edj-wedding-title-seo{
    gap:8px;
    margin-bottom:10px;
    font-size:11px;
    letter-spacing:1.55px;
  }

  .edj-page-eskuvoi-dj .edj-wedding-title-v3 .edj-wedding-title-seo::before,
  .edj-page-eskuvoi-dj .edj-wedding-title-v3 .edj-wedding-title-seo::after{
    width:21px;
  }

  .edj-page-eskuvoi-dj .edj-wedding-title-v3 .edj-wedding-title-main{
    font-size:32px;
    line-height:1.06;
    letter-spacing:-1px;
  }

  .edj-page-eskuvoi-dj .edj-soundcloud{
    padding-top:10px;
    padding-bottom:24px;
  }

  .edj-wedding-people{
    padding:32px 18px 36px;
  }

  .edj-wedding-profile,
  .edj-wedding-profile-reverse{
    display:flex;
    flex-direction:column;
    gap:18px;
    padding-bottom:30px;
    margin-bottom:30px;
  }

  .edj-wedding-profile-reverse .edj-wedding-profile-media,
  .edj-wedding-profile-reverse .edj-wedding-profile-copy{
    grid-column:auto;
    grid-row:auto;
  }

  .edj-wedding-profile-media{
    order:1;
    width:100%;
    aspect-ratio:16 / 10;
    max-height:300px;
    border-radius:14px;
  }

  .edj-wedding-profile-copy{
    order:2;
    width:100%;
    max-width:none;
  }

  .edj-wedding-profile h2{
    margin-bottom:12px!important;
    font-size:29px;
    line-height:1.05;
    letter-spacing:-.9px;
  }

  .edj-wedding-profile-text{
    font-size:14px;
    line-height:1.5;
  }

  .edj-wedding-profile-text p{
    line-height:1.5!important;
  }

  .edj-wedding-profile-highlight{
    margin:9px 0 10px!important;
    padding:10px 12px;
  }

  .edj-wedding-people-trust{
    display:block;
    padding:15px 16px;
  }

  .edj-wedding-people-reviews{
    margin-top:12px;
    width:100%;
  }
}


/* ----------------------------------------------------------
   KIS MOBIL
   ---------------------------------------------------------- */
@media(max-width:430px){
  .edj-wedding-people{
    padding-left:15px;
    padding-right:15px;
  }

  .edj-wedding-profile-media{
    aspect-ratio:4 / 3;
    max-height:270px;
  }

  .edj-wedding-profile-badge{
    left:10px;
    bottom:10px;
    padding:8px 10px;
  }

  .edj-wedding-profile h2{
    font-size:27px;
  }
}

/* ==========================================================
   ESEMÉNYDJ.HU – ESKÜVŐI DJ V8
   Lapozható DJ profil:
   - lapozó közvetlenül a bemutatkozás fölött
   - közvetlen szöveg: "Lapozz a DJ-k között"
   - név nélküli nyílgombok
   - Google értékelések a profil alatt
   ========================================================== */

.edj-wedding-people-slider{
  padding-top:34px;
  padding-bottom:48px;
}

.edj-wedding-people-slider .edj-wedding-profile-stage{
  width:100%;
  min-height:0;
}

.edj-wedding-people-slider .edj-wedding-profile{
  grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);
  gap:42px;
  align-items:center;
  margin:0;
  padding:0;
  border-bottom:0;
}

.edj-wedding-people-slider .edj-wedding-profile[hidden]{
  display:none!important;
}

.edj-wedding-people-slider .edj-wedding-profile.is-active{
  animation:edjWeddingProfileIn .24s ease both;
}

@keyframes edjWeddingProfileIn{
  from{
    opacity:0;
    transform:translateY(6px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.edj-wedding-people-slider .edj-wedding-profile-media{
  max-height:none;
  aspect-ratio:4 / 3;
}

.edj-wedding-people-slider .edj-wedding-profile-copy{
  max-width:690px;
}

.edj-wedding-people-slider .edj-wedding-profile h2{
  margin-bottom:12px!important;
  font-size:clamp(26px,2.45vw,34px);
  line-height:1.07;
  letter-spacing:-.85px;
}

.edj-wedding-people-slider .edj-wedding-profile-text{
  font-size:14px;
  line-height:1.5;
}

.edj-wedding-people-slider .edj-wedding-profile-text p{
  margin-bottom:8px!important;
  line-height:1.5!important;
}

.edj-wedding-people-slider .edj-wedding-profile-highlight{
  margin:9px 0 10px!important;
}

.edj-wedding-profile-team{
  margin-top:10px!important;
}


/* ----------------------------------------------------------
   KÖZÉPRE RENDEZETT LAPOZÓ – A PROFIL FÖLÖTT
   ---------------------------------------------------------- */

.edj-wedding-profile-nav-wrap{
  width:100%;
  margin:0 auto 20px;
}

.edj-wedding-profile-nav{
  width:100%;
  max-width:470px;
  margin:0 auto;
  padding:10px 12px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:10px;
  border:1px solid #dfd7ca;
  border-radius:14px;
  background:
    linear-gradient(135deg,#ffffff 0%,#faf7f2 100%);
  box-shadow:
    0 9px 24px rgba(28,24,20,.05),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.edj-wedding-profile-nav-copy{
  min-width:0;
  text-align:center;
}

.edj-wedding-profile-nav-copy strong{
  display:block;
  margin:0;
  color:#1b1d22;
  font-size:14px;
  line-height:1.2;
  font-weight:850;
}

.edj-wedding-profile-counter{
  display:block;
  margin-top:3px;
  color:#9a7443;
  font-size:10px;
  line-height:1.2;
  font-weight:850;
}

.edj-wedding-profile-nav-btn{
  appearance:none;
  -webkit-appearance:none;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #17191f;
  border-radius:50%;
  background:#17191f;
  color:#ffffff;
  font-family:inherit;
  font-size:19px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(23,25,31,.15);
  transition:
    transform .16s ease,
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

.edj-wedding-profile-nav-btn:hover{
  transform:translateY(-2px);
  border-color:#9a7443;
  background:#9a7443;
  box-shadow:0 9px 21px rgba(154,116,67,.18);
}

.edj-wedding-profile-nav-btn:focus-visible{
  outline:3px solid rgba(184,141,85,.24);
  outline-offset:3px;
}


/* ----------------------------------------------------------
   GOOGLE ÉRTÉKELÉSEK – A PROFIL UTÁN
   ---------------------------------------------------------- */

.edj-wedding-slider-reviews{
  margin-top:28px;
}


/* ----------------------------------------------------------
   KÖZÖS 01 / 02 / 03
   ---------------------------------------------------------- */

.edj-wedding-shared-cards{
  margin-top:14px;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(max-width:980px){
  .edj-wedding-people-slider .edj-wedding-profile{
    grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr);
    gap:30px;
  }

  .edj-wedding-people-slider .edj-wedding-profile-media{
    max-height:290px;
  }

  .edj-wedding-profile-nav{
    max-width:450px;
  }
}


/* ----------------------------------------------------------
   MOBIL
   ---------------------------------------------------------- */

@media(max-width:767px){
  .edj-wedding-people-slider{
    padding-top:26px;
    padding-bottom:36px;
  }

  .edj-wedding-profile-nav-wrap{
    margin-bottom:16px;
  }

  .edj-wedding-profile-nav{
    max-width:390px;
    grid-template-columns:40px minmax(0,1fr) 40px;
    gap:8px;
    padding:9px 10px;
  }

  .edj-wedding-profile-nav-btn{
    width:40px;
    height:40px;
    min-width:40px;
    min-height:40px;
    font-size:18px;
  }

  .edj-wedding-profile-nav-copy strong{
    font-size:13px;
  }

  .edj-wedding-people-slider .edj-wedding-profile{
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  .edj-wedding-people-slider .edj-wedding-profile-media{
    width:100%;
    max-height:none;
    aspect-ratio:4 / 3;
  }

  .edj-wedding-people-slider .edj-wedding-profile-copy{
    width:100%;
    max-width:none;
  }

  .edj-wedding-people-slider .edj-wedding-profile h2{
    font-size:27px;
    line-height:1.08;
  }

  .edj-wedding-slider-reviews{
    margin-top:24px;
  }

  .edj-wedding-shared-cards{
    margin-top:12px;
  }
}


/* ----------------------------------------------------------
   KIS MOBIL
   ---------------------------------------------------------- */

@media(max-width:430px){
  .edj-wedding-profile-nav{
    max-width:100%;
    grid-template-columns:38px minmax(0,1fr) 38px;
    gap:7px;
    padding:8px 9px;
  }

  .edj-wedding-profile-nav-btn{
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
    font-size:17px;
  }

  .edj-wedding-profile-nav-copy strong{
    font-size:12px;
  }

  .edj-wedding-profile-counter{
    font-size:9px;
  }

  .edj-wedding-people-slider .edj-wedding-profile-media{
    aspect-ratio:4 / 3;
    max-height:none;
  }

  .edj-wedding-people-slider .edj-wedding-profile h2{
    font-size:25px;
    line-height:1.08;
  }
}


/* ==========================================================
   V9 MEGJEGYZÉS
   DJ profilképek ajánlott forrásaránya: 4:3
   Photoshop export: 1200×900 vagy 1600×1200 px.
   A weboldal desktopon és mobilon is 4:3 arányt használ,
   így a megfelelően előre vágott kép nem veszít fejet mobilon sem.
   ========================================================== */