:root{
  --bg:#f8f4ee;
  --card:#ffffff;
  --dark:#15120f;
  --dark2:#1c1814;
  --gold:#b9893f;
  --gold2:#d6b06d;
  --line:#eadcc0;
  --text:#2c241c;
  --muted:#7a6e61;
  --radius:20px;
  --shadow:0 16px 48px rgba(0,0,0,.12);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1240px, calc(100% - 32px));margin:0 auto}
.top-hero{position:relative;background:linear-gradient(rgba(13,11,9,.72),rgba(13,11,9,.75)),radial-gradient(circle at top right,rgba(255,205,120,.15),transparent 35%), url('https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;border-radius:0 0 28px 28px;color:#fff;overflow:hidden}
.top-hero .container{padding:30px 0 46px}
.brand{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#f5dfae}
.brand .mark{width:48px;height:48px;border:1px solid var(--gold2);display:grid;place-items:center;border-radius:8px;font-weight:bold}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:end;margin-top:18px}
.hero-copy h1{font-size:62px;line-height:1.03;margin:10px 0 12px;font-weight:400}
.hero-copy p{font-family:Arial,sans-serif;font-size:18px;line-height:1.7;color:#efe8db;max-width:740px;margin:0}
.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-family:Arial,sans-serif}
.hero-points div{padding:11px 16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;font-size:14px}
.hero-note{align-self:start;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);padding:20px;border-radius:18px;color:#fff;font-family:Arial,sans-serif;line-height:1.7}
.hero-note strong{display:block;color:#f2d49a;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.main-card{margin-top:-24px;background:var(--card);border-radius:26px;box-shadow:var(--shadow);border:1px solid var(--line);padding:22px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}
.step{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;display:flex;gap:12px;align-items:flex-start}
.step.active{border-color:var(--gold);background:#fffaf0}
.step .num{width:36px;height:36px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:Arial,sans-serif;font-weight:bold;flex:0 0 auto}
.step h4{margin:3px 0 4px;font-size:18px;font-weight:400}
.step p{margin:0;color:var(--muted);font-family:Arial,sans-serif;font-size:13px;line-height:1.5}
.layout{display:grid;grid-template-columns:1.6fr .85fr;gap:24px}
.section{margin-bottom:24px}
.section h2{margin:0 0 8px;font-size:28px;font-weight:400}
.section .lead{font-family:Arial,sans-serif;color:var(--muted);margin:0 0 16px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.choice-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:0;background:#fff;transition:.2s;overflow:hidden;display:flex}
.choice-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.06)}
.choice-card input{display:none}
.choice-card .tick{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:transparent}
.choice-card input:checked + label{border-color:var(--gold);background:#fffaf2}
.choice-card input:checked + label .tick{background:var(--gold);border-color:var(--gold);color:#fff}
.choice-card label{display:block;cursor:pointer;margin:0;padding:20px;border-radius:18px;border:1px solid transparent;min-height:100%;width:100%}
.choice-card h3{margin:8px 0;font-size:36px;font-weight:400}
.choice-card h4{margin:10px 0 6px;font-size:26px;font-weight:400}
.choice-card p{margin:0;color:var(--muted);font-family:Arial,sans-serif;line-height:1.6}
.choice-card ul{margin:12px 0 0;padding-left:18px;font-family:Arial,sans-serif;color:#5a5045;line-height:1.6}
.package-groups{display:grid;gap:18px}
.package-group{display:none}
.package-group.active{display:block}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pkg-card{position:relative;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
.pkg-card input{display:none}
.pkg-card input:checked + label{background:#fff9ef;border-color:var(--gold);box-shadow:0 10px 25px rgba(185,137,63,.12)}
.pkg-card label{display:block;cursor:pointer;padding:20px;border:1px solid transparent;border-radius:20px;height:100%}
.badge{display:inline-block;background:var(--gold);color:#fff;padding:6px 10px;border-radius:999px;font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.pkg-title{font-size:27px;font-weight:400;margin:4px 0}
.pkg-sub{color:var(--gold);font-size:18px;margin-bottom:8px}
.pkg-short{font-family:Arial,sans-serif;color:var(--muted);line-height:1.6;margin-bottom:12px}
.pkg-features{font-family:Arial,sans-serif;padding-left:18px;color:#564b40;line-height:1.55;margin:0}
.pkg-select{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:Arial,sans-serif;color:var(--gold)}
.pkg-select span:last-child{width:28px;height:28px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;font-weight:bold}
.extras-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.extra-card{position:relative;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.extra-card input{display:none}
.extra-card input:checked + label{background:#fff9ef;border-color:var(--gold)}
.extra-card label{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;padding:14px;cursor:pointer;border:1px solid transparent;border-radius:18px}
.extra-card .thumb{width:92px;height:92px;border-radius:14px;background:linear-gradient(135deg,#f3e4c7,#ede2d0);display:grid;place-items:center;font-family:Arial,sans-serif;color:#866633;font-size:13px;text-align:center;padding:8px}
.extra-info h4{margin:0 0 6px;font-size:24px;font-weight:400}
.extra-info p{margin:0;font-family:Arial,sans-serif;color:var(--muted);line-height:1.55}
.extra-mark{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:transparent}
.extra-card input:checked + label .extra-mark{background:var(--gold);border-color:var(--gold);color:#fff}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-family:Arial,sans-serif;color:#5a4f43;font-size:14px;font-weight:bold}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-family:Arial,sans-serif;font-size:15px;background:#fff}
.field textarea{min-height:120px;resize:vertical}
.sidebox{position:sticky;top:18px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;height:fit-content}
.sidebox-head{background:var(--dark);color:#fff;padding:22px}
.sidebox-head h3{margin:0;font-size:28px;font-weight:400}
.sidebox-body{padding:22px}
.summary-block{padding:14px 0;border-bottom:1px solid var(--line)}
.summary-block:last-child{border-bottom:none}
.summary-title{font-family:Arial,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.3px;color:var(--gold);margin-bottom:8px}
.summary-value{font-size:22px}
.summary-list{margin:0;padding-left:18px;font-family:Arial,sans-serif;color:#574d42;line-height:1.7}
.email-only{margin:16px 0;padding:18px;border-radius:16px;background:#fcf7ee;border:1px solid var(--line);font-family:Arial,sans-serif;line-height:1.65;color:#5b5146}
.email-only strong{display:block;color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:6px}
.notice{padding:16px;border-radius:16px;background:#fffbf4;border:1px dashed var(--gold);font-family:Arial,sans-serif;color:#695538;line-height:1.6;margin-bottom:14px}
.checkbox-row{display:flex;gap:10px;align-items:flex-start;font-family:Arial,sans-serif;color:var(--muted);font-size:14px;line-height:1.6;margin:14px 0}
.checkbox-row input{margin-top:3px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;padding:16px 18px;font-family:Arial,sans-serif;font-weight:bold;letter-spacing:.5px;cursor:pointer;width:100%;font-size:15px}
.footer-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.mini{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;font-family:Arial,sans-serif}
.mini h4{margin:0 0 6px;font-size:16px;color:#5d4d35}
.mini p{margin:0;color:var(--muted);line-height:1.6}
.thankyou{max-width:760px;margin:40px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:42px;box-shadow:var(--shadow);text-align:center}
.thankyou h1{font-size:54px;margin:0 0 12px;font-weight:400}
.thankyou p{font-family:Arial,sans-serif;color:var(--muted);line-height:1.8;font-size:18px}
.table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}
.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.table th{color:#715a33;background:#fffaf0;font-size:13px;text-transform:uppercase;letter-spacing:1px}
.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#f2e4c4;color:#7a5b28;font-size:12px;font-family:Arial,sans-serif;font-weight:bold}
.admin-wrap{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:#faf6ef}
.admin-sidebar{background:linear-gradient(180deg,#14110e,#1c1814);color:#fff;padding:22px;position:sticky;top:0;height:100vh}
.admin-sidebar nav{display:grid;gap:10px;margin-top:24px}
.admin-sidebar a{padding:12px 14px;border-radius:14px;font-family:Arial,sans-serif;color:#ead7ad}
.admin-sidebar a.active,.admin-sidebar a:hover{background:rgba(255,255,255,.07)}
.admin-main{padding:24px}
.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.stat .k{font-family:Arial,sans-serif;color:#8a7248;font-size:13px;text-transform:uppercase;letter-spacing:1.2px}
.stat .v{font-size:42px;margin-top:8px}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.04);margin-bottom:18px}
.panel h2{margin:0 0 14px;font-size:28px;font-weight:400}
.form-admin{display:grid;gap:12px}
.inline2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inline3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.input,textarea,select{border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-family:Arial,sans-serif;font-size:15px}
.smallbtn{display:inline-block;background:var(--gold);color:#fff;padding:11px 16px;border:none;border-radius:12px;font-family:Arial,sans-serif;font-weight:bold;cursor:pointer}
.ghost{background:#fff;border:1px solid var(--line);color:#644d23}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top, #f0e1bf, #f9f4eb 40%, #f9f4eb)}
.login-card{width:min(460px, calc(100% - 24px));background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.login-card h1{margin:0 0 10px;font-size:42px;font-weight:400}
.alert{padding:12px 14px;border-radius:12px;font-family:Arial,sans-serif;margin-bottom:14px}
.alert.error{background:#ffe8e8;color:#8a2f2f;border:1px solid #f0c9c9}
.alert.ok{background:#eaf8ec;color:#2d7a43;border:1px solid #cae7d1}
@media (max-width:1200px){
  .layout{grid-template-columns:1fr}
  .sidebox{position:static}
  .hero-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .cards4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .service-grid,.package-grid,.extras-grid,.form-grid,.footer-mini,.inline2,.inline3{grid-template-columns:1fr}
  .admin-wrap{grid-template-columns:1fr}
  .admin-sidebar{position:static;height:auto}
  .hero-copy h1{font-size:44px}
}


/* --- ÉLES IMRE-FOTO.HU DIZÁJN FINOMHANGOLÁS --- */
body{
  background:
    radial-gradient(circle at 10% 0%, rgba(214,176,109,.18), transparent 26%),
    linear-gradient(180deg,#fbf7ef,#f4ecdf);
}
.top-hero{
  min-height: 390px;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(10,9,8,.92) 0%,rgba(10,9,8,.78) 40%,rgba(10,9,8,.48) 100%),
    url('../img/hero-wedding.jpg') center/cover no-repeat,
    linear-gradient(135deg,#14100d,#2b2117);
}
.brand .mark{
  border-color:#d6b06d;
  color:#d6b06d;
  box-shadow:0 0 0 1px rgba(214,176,109,.18) inset;
}
.hero-copy h1,
.section h2,
.sidebox-head h3,
.pkg-title,
.choice-card h3,
.extra-info h4{
  letter-spacing:-.5px;
}
.main-card{
  border-radius:28px;
  border:1px solid rgba(185,137,63,.28);
}
.choice-card label,
.pkg-card label,
.extra-card label{
  transition:.18s ease;
}
.choice-card input:checked + label,
.pkg-card input:checked + label,
.extra-card input:checked + label{
  border-color:#b9893f;
  box-shadow:0 12px 34px rgba(185,137,63,.16);
}
.pkg-select span:first-child::after{
  content:'';
}
.sidebox-head{
  background:
    linear-gradient(135deg,rgba(185,137,63,.18),transparent),
    #15120f;
}
.email-only{
  background:linear-gradient(135deg,#fff8ec,#f6ead4);
}
.btn,.smallbtn{
  background:linear-gradient(135deg,#9f7130,#d4aa63);
  box-shadow:0 8px 18px rgba(159,113,48,.22);
}
.btn:hover,.smallbtn:hover{
  filter:brightness(1.03);
  transform:translateY(-1px);
}
.footer-mini .mini{
  background:rgba(255,255,255,.86);
}
@media (max-width:900px){
  .top-hero{min-height:auto}
}


.choice-card.selected-shell{border-color:var(--gold);box-shadow:0 10px 25px rgba(185,137,63,.12)}
.extra-card.auto-included{border-color:var(--gold);box-shadow:0 10px 25px rgba(185,137,63,.10)}
.extra-card.auto-included label{background:#fff9ef;border-color:var(--gold)}
.extra-note{display:block;margin-top:6px;font-family:Arial,sans-serif;font-size:12px;line-height:1.45;color:#8a6a35}
.extra-card.auto-included .thumb{background:linear-gradient(135deg,#edd7aa,#f6ead0)}


/* --- Ajándék jelölések és kártya badge-ek --- */
.gift-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  margin:0 0 10px;
  padding:7px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#b9893f,#d6b06d);
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:bold;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.gift-badge.soft{
  background:#fff4df;
  color:#8a642a;
  border:1px solid #ead2a7;
}
.pkg-gift-line{
  margin:12px 0 0;
  padding:10px 12px;
  border-radius:12px;
  background:#fff4df;
  border:1px solid #ead2a7;
  color:#805d26;
  font-family:Arial,sans-serif;
  font-size:13px;
  line-height:1.45;
}
.extra-note.strong{
  margin-top:8px;
  padding:8px 10px;
  border-radius:10px;
  background:#fff4df;
  border:1px solid #ead2a7;
  color:#805d26;
  font-weight:bold;
}
.admin-gift{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:#fff4df;
  color:#805d26;
  border:1px solid #ead2a7;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:bold;
}
.admin-gift.auto{
  background:#edf7ef;
  color:#28733c;
  border-color:#cde7d2;
}
.admin-gift.paid{
  background:#f4f4f4;
  color:#6f655b;
  border-color:#ddd4c8;
}


/* Videós csomagnál tiltott fotós extrák */
.extra-card.disabled-extra {
  opacity: .45;
  filter: grayscale(1);
}

.extra-card.disabled-extra label {
  cursor: not-allowed;
  background: #f2f2f2;
}

.extra-card.disabled-extra .extra-mark {
  display: none;
}

.extra-card.disabled-extra .thumb::after {
  content: 'Nem választható';
  display: block;
  font-size: 10px;
  line-height: 1.2;
  margin-top: 4px;
  color: #8a8277;
}


/* Alsó ügyféloldali ajánlat blokk igazítása */
.footer-mini.single {
  display: block;
}

.footer-mini.single .mini {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}



/* =========================================================
   ÜGYFÉLOLDALI ÚJ DIZÁJN - IMRE FOTÓVIDEÓ
   Elegáns, mobilbarát, könnyen kezelhető ajánlatkérő
========================================================= */

:root{
  --if-bg:#f7f1e8;
  --if-card:#fffaf3;
  --if-card-2:#ffffff;
  --if-dark:#17120d;
  --if-dark-2:#241a12;
  --if-text:#241a12;
  --if-muted:#6f6255;
  --if-line:#ead7b7;
  --if-gold:#b98637;
  --if-gold-2:#d5ad63;
  --if-soft:#fff3df;
  --if-shadow:0 22px 60px rgba(42,29,16,.10);
  --if-radius:24px;
}

html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(circle at 10% 0%, rgba(213,173,99,.22), transparent 34%),
    linear-gradient(180deg,#fbf7f0 0%,#f5ecdf 52%,#f8f3eb 100%) !important;
  color:var(--if-text);
}

.container{
  width:min(1180px, calc(100% - 32px));
  margin-inline:auto;
}

/* HERO */
.top-hero{
  min-height:auto !important;
  padding:28px 0 34px;
  border-radius:0 0 34px 34px;
  background:
    linear-gradient(110deg,rgba(18,13,9,.94),rgba(18,13,9,.80) 48%,rgba(70,48,25,.50)),
    url('../img/hero-wedding.jpg') center/cover no-repeat,
    linear-gradient(135deg,#17120d,#3a2a18) !important;
  box-shadow:0 18px 55px rgba(23,18,13,.18);
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:700;
}

.brand .mark{
  width:54px;
  height:54px;
  border-radius:14px;
  border:1px solid rgba(213,173,99,.95);
  color:#f1d28b;
  display:grid;
  place-items:center;
  font-family:Georgia,serif;
  letter-spacing:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.hero-grid{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:34px;
  align-items:end;
  padding-top:42px;
}

.hero-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(42px,5vw,76px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-1.6px;
}

.hero-copy p{
  max-width:720px;
  color:rgba(255,255,255,.86);
  font-size:clamp(17px,2vw,22px);
  line-height:1.55;
  margin:22px 0 26px;
}

.hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.hero-points div{
  padding:10px 14px;
  border:1px solid rgba(213,173,99,.34);
  background:rgba(255,255,255,.08);
  color:#fff3d9;
  border-radius:999px;
  backdrop-filter:blur(10px);
  font-size:14px;
}

.hero-note{
  background:rgba(255,250,243,.96);
  border:1px solid rgba(213,173,99,.45);
  border-radius:22px;
  padding:22px;
  color:var(--if-text);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}

.hero-note strong{
  display:block;
  margin-bottom:8px;
  font-size:20px;
}

/* MAIN CARD */
.main-card{
  margin-top:28px;
  background:rgba(255,250,243,.94);
  border:1px solid var(--if-line);
  border-radius:32px;
  box-shadow:var(--if-shadow);
  padding:28px;
  backdrop-filter:blur(12px);
}

.steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-bottom:34px;
}

.step{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:14px;
  background:#fff;
  border:1px solid var(--if-line);
  border-radius:18px;
}

.step .num{
  min-width:30px;
  height:30px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--if-gold),var(--if-gold-2));
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:700;
}

.step h4{
  margin:0 0 4px;
  font-size:15px;
}

.step p{
  margin:0;
  color:var(--if-muted);
  font-size:12px;
  line-height:1.35;
}

.layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:26px;
  align-items:start;
}

.section{
  margin-bottom:34px;
}

.section h2{
  font-size:clamp(28px,3vw,42px);
  line-height:1.05;
  margin:0 0 8px;
  font-weight:400;
  letter-spacing:-.7px;
}

.lead{
  color:var(--if-muted);
  font-size:16px;
  line-height:1.55;
  margin:0 0 18px;
}

/* SERVICE CARDS */
.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.choice-card{
  position:relative;
  border:1px solid var(--if-line);
  border-radius:22px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(42,29,16,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.choice-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(42,29,16,.10);
}

.choice-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.choice-card label{
  display:block;
  min-height:100%;
  padding:24px 54px 24px 24px;
  cursor:pointer;
}

.choice-card h3{
  font-size:34px;
  line-height:1.05;
  margin:0 0 12px;
  font-weight:400;
}

.choice-card p{
  color:var(--if-muted);
  margin:0;
  line-height:1.55;
}

.choice-card .tick{
  position:absolute;
  top:18px;
  right:18px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid var(--if-line);
  color:transparent;
  display:grid;
  place-items:center;
  font-weight:700;
}

.choice-card input:checked + label{
  background:linear-gradient(180deg,#fff8ed,#fff);
  box-shadow:inset 0 0 0 2px rgba(185,134,55,.70);
}

.choice-card input:checked + label .tick{
  background:linear-gradient(135deg,var(--if-gold),var(--if-gold-2));
  color:#fff;
  border-color:transparent;
}

/* PACKAGE CARDS */
.package-group{
  display:none;
}

.package-group.active{
  display:block;
}

.package-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.pkg-card{
  position:relative;
  background:#fff;
  border:1px solid var(--if-line);
  border-radius:24px;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow:0 12px 30px rgba(42,29,16,.05);
}

.pkg-card:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 50px rgba(42,29,16,.10);
}

.pkg-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.pkg-card label{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:24px;
  cursor:pointer;
}

.pkg-card input:checked + label{
  background:linear-gradient(180deg,#fff6e8,#fffaf3);
  box-shadow:inset 0 0 0 2px rgba(185,134,55,.78);
}

.badge{
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  background:#f2dfbd;
  color:#7a521c;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:12px;
}

.pkg-title{
  font-size:25px;
  line-height:1.08;
  margin:0 0 6px;
  font-weight:700;
}

.pkg-sub{
  color:var(--if-gold);
  font-weight:700;
  margin-bottom:10px;
}

.pkg-short{
  color:var(--if-muted);
  line-height:1.5;
  margin-bottom:16px;
}

.pkg-features{
  margin:0 0 18px;
  padding-left:20px;
  color:#3f342a;
  line-height:1.5;
}

.pkg-gift-line{
  margin-top:auto;
  padding:12px;
  border-radius:14px;
  background:var(--if-soft);
  border:1px solid #efd1a2;
  color:#7a4e12;
  font-size:13px;
  line-height:1.4;
}

.pkg-select{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--if-line);
  color:var(--if-gold);
  font-weight:700;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.pkg-select span:last-child{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid var(--if-gold);
  display:grid;
  place-items:center;
  color:transparent;
}

.pkg-card input:checked + label .pkg-select span:last-child{
  background:var(--if-gold);
  color:#fff;
}

.pkg-card input:checked + label .pkg-select span:last-child::before{
  content:'✓';
  color:#fff;
}

/* EXTRAS */
.extras-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.extra-card{
  position:relative;
  border:1px solid var(--if-line);
  border-radius:22px;
  background:#fff;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.extra-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(42,29,16,.08);
}

.extra-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.extra-card label{
  cursor:pointer;
  display:grid;
  grid-template-columns:76px 1fr 34px;
  gap:18px;
  align-items:center;
  padding:18px;
}

.extra-card input:checked + label{
  background:linear-gradient(180deg,#fff6e8,#fff);
  box-shadow:inset 0 0 0 2px rgba(185,134,55,.78);
}

.extra-card .thumb{
  width:76px;
  height:76px;
  border-radius:16px;
  background:#f0dfbf;
  color:#7a521c;
  display:grid;
  place-items:center;
  font-size:12px;
  text-align:center;
}

.extra-info h4{
  margin:0 0 6px;
  font-size:24px;
  line-height:1.05;
}

.extra-info p{
  margin:0;
  color:var(--if-muted);
  line-height:1.45;
}

.extra-note{
  display:block;
  margin-top:7px;
  color:#8a5b18;
  font-size:12px;
  line-height:1.35;
}

.extra-note.strong{
  display:inline-block;
  padding:8px 10px;
  border-radius:12px;
  background:var(--if-soft);
  border:1px solid #efd1a2;
  color:#7a4e12;
  font-weight:700;
}

.extra-mark{
  width:32px;
  height:32px;
  border-radius:999px;
  border:1px solid var(--if-line);
  display:grid;
  place-items:center;
  color:transparent;
  font-weight:700;
}

.extra-card input:checked + label .extra-mark{
  background:linear-gradient(135deg,var(--if-gold),var(--if-gold-2));
  color:#fff;
  border-color:transparent;
}

.extra-card.disabled-extra{
  opacity:.45;
  filter:grayscale(1);
}

.extra-card.disabled-extra label{
  cursor:not-allowed;
  background:#f4f2ef;
}

.extra-card.disabled-extra .extra-mark{
  display:none;
}

/* SUMMARY */
.sidebox{
  position:sticky;
  top:18px;
  border:1px solid var(--if-line);
  border-radius:28px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 20px 46px rgba(42,29,16,.10);
}

.sidebox-head{
  background:
    linear-gradient(135deg,rgba(185,134,55,.18),transparent),
    var(--if-dark);
  color:#fff;
  padding:24px;
}

.sidebox-head h3{
  margin:0;
  color:#fff;
  font-size:32px;
  font-weight:400;
}

.sidebox-body{
  padding:24px;
}

.summary-block{
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid var(--if-line);
}

.summary-title{
  color:var(--if-gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:700;
  margin-bottom:8px;
}

.summary-value{
  font-size:24px;
  line-height:1.2;
}

.summary-list{
  margin:0;
  padding-left:20px;
  color:#3f342a;
  line-height:1.55;
}

.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.field.full{
  grid-column:1 / -1;
}

.field label{
  display:block;
  margin-bottom:7px;
  color:#4d4034;
  font-weight:700;
  font-size:13px;
}

.field input,
.field textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--if-line);
  border-radius:16px;
  padding:14px 15px;
  background:#fff;
  color:var(--if-text);
  font-size:15px;
  outline:none;
}

.field textarea{
  min-height:120px;
  resize:vertical;
}

.field input:focus,
.field textarea:focus{
  border-color:var(--if-gold);
  box-shadow:0 0 0 4px rgba(185,134,55,.13);
}

.checkbox-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:18px 0;
  color:var(--if-muted);
  line-height:1.45;
}

.btn{
  width:100%;
  border:0;
  border-radius:16px;
  padding:16px 20px;
  background:linear-gradient(135deg,var(--if-gold),var(--if-gold-2));
  color:#fff;
  font-weight:800;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(185,134,55,.25);
  transition:transform .18s ease, filter .18s ease;
}

.btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
}

/* Alsó ajánlat blokk */
.footer-mini.single{
  display:block;
}

.footer-mini.single .mini{
  max-width:640px;
  margin-inline:auto;
}

/* RESPONSIVE */
@media (max-width:1100px){
  .layout{
    grid-template-columns:1fr;
  }
  .sidebox{
    position:relative;
    top:auto;
  }
  .package-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:820px){
  .container{
    width:min(100% - 22px, 1180px);
  }
  .top-hero{
    padding:22px 0 28px;
    border-radius:0 0 24px 24px;
  }
  .hero-grid{
    grid-template-columns:1fr;
    padding-top:32px;
  }
  .hero-note{
    display:none;
  }
  .main-card{
    padding:18px;
    border-radius:24px;
  }
  .steps{
    display:none;
  }
  .service-grid,
  .package-grid,
  .extras-grid{
    grid-template-columns:1fr;
  }
  .choice-card label{
    padding:22px 54px 22px 20px;
  }
  .choice-card h3{
    font-size:30px;
  }
  .extra-card label{
    grid-template-columns:64px 1fr 30px;
    gap:14px;
    padding:16px;
  }
  .extra-card .thumb{
    width:64px;
    height:64px;
  }
  .extra-info h4{
    font-size:22px;
  }
  .form-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:520px){
  .hero-copy h1{
    font-size:40px;
  }
  .hero-points div{
    font-size:13px;
    padding:8px 10px;
  }
  .section h2{
    font-size:30px;
  }
  .pkg-card label{
    padding:20px;
  }
  .sidebox-head h3{
    font-size:28px;
  }
}



/* =========================================================
   EXTRÁK KÁRTYÁK FINOMHANGOLÁSA
   - kisebb címek
   - szebb Ajándék/Extra jelölő
   - alsó üres doboz eltávolítása
   - alsó ajánlat blokk középre igazítása
========================================================= */

/* Extra kártyák arányosabb elrendezése */
.extras-grid {
  align-items: stretch;
}

.extra-card label {
  grid-template-columns: 74px 1fr 28px !important;
  gap: 16px !important;
  min-height: 124px;
  align-items: center !important;
}

/* Bal oldali Ajándék / Extra jelölő: kisebb, elegánsabb badge */
.extra-card .thumb {
  width: 66px !important;
  height: 66px !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #f1dfbd, #f8ecd4) !important;
  color: #7a521c !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .03em;
  box-shadow: inset 0 0 0 1px rgba(185,134,55,.18);
  text-transform: uppercase;
}

/* Extra címek kisebbek, ne törjenek ekkorát */
.extra-info h4 {
  font-size: 20px !important;
  line-height: 1.08 !important;
  margin: 0 0 7px !important;
  letter-spacing: -0.2px;
}

/* Hosszabb címeknél is szebb tördelés */
.extra-card .extra-info {
  min-width: 0;
}

.extra-info p {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.extra-note {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.extra-note.strong {
  font-size: 11px !important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
  margin-top: 8px !important;
}

.extra-mark {
  width: 28px !important;
  height: 28px !important;
}

/* Alsó üres bal oldali doboz eltüntetése.
   Ha üres mini/keret maradt a footer-mini blokkban, ne foglaljon helyet. */
.footer-mini .mini:empty,
.footer-mini .mini.blank,
.footer-mini .mini:has(> :not(:empty)) + .mini:empty {
  display: none !important;
}

/* Ha csak a Személyre szabott ajánlat blokk marad, legyen egyedül, szépen középen */
.footer-mini,
.footer-mini.single {
  display: flex !important;
  justify-content: center !important;
  gap: 0 !important;
  margin-top: 26px !important;
}

.footer-mini .mini {
  width: min(100%, 560px) !important;
  min-height: auto !important;
}

/* A jobb oldali szöveg arányosan középre igazítva */
.footer-mini .mini:has(strong) {
  text-align: center !important;
  padding: 22px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.footer-mini .mini strong {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
}

.footer-mini .mini p,
.footer-mini .mini div,
.footer-mini .mini {
  line-height: 1.55;
}

/* Régebbi böngészőkhöz: ha két mini van és az első üres, a PHP is kiszedi,
   de a CSS is minimalizálja. */
.footer-mini .mini:first-child:empty {
  display: none !important;
}

/* Mobilon az extrák még kompaktabbak */
@media (max-width: 820px) {
  .extra-card label {
    grid-template-columns: 60px 1fr 28px !important;
    gap: 13px !important;
  }

  .extra-card .thumb {
    width: 58px !important;
    height: 58px !important;
    font-size: 10px !important;
  }

  .extra-info h4 {
    font-size: 18px !important;
  }

  .footer-mini .mini {
    width: 100% !important;
  }
}


/* Ajánlat elfogadás / szerződéskérés jelölések */
.alert.ok{
  background:#edf7ef;
  border:1px solid #cde7d2;
  color:#28733c;
}


/* =========================================================
   ADMIN LÁTOGATOTTSÁGI STATISZTIKA
========================================================= */
.analytics-stats{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}

.analytics-detail-stats{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.stat-number.small{
  font-size:28px !important;
}

.stat-number.tiny{
  font-size:18px !important;
  line-height:1.35;
}

.analytics-table-wrap{
  overflow-x:auto;
}

.analytics-table{
  width:100%;
  min-width:1050px;
  border-collapse:collapse;
  font-family:Arial,sans-serif;
}

.analytics-table th{
  text-align:left;
  padding:14px 12px;
  background:#fff8ec;
  color:#76531f;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-bottom:1px solid #ead7b7;
}

.analytics-table td{
  padding:14px 12px;
  border-bottom:1px solid #eee1cf;
  vertical-align:middle;
}

.analytics-sub{
  margin-top:4px;
  color:#887766;
  font-size:12px;
}

.analytics-badge{
  display:inline-block;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}

.analytics-badge.success{
  background:#eaf7ed;
  color:#28733c;
  border:1px solid #cfe9d5;
}

.analytics-badge.neutral{
  background:#f2f2f2;
  color:#666;
  border:1px solid #ddd;
}

.analytics-detail-btn{
  padding:9px 12px !important;
  white-space:nowrap;
}

.analytics-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.analytics-info-grid > div{
  padding:16px;
  border:1px solid #ead7b7;
  border-radius:14px;
  background:#fffaf3;
}

.analytics-info-grid span{
  display:block;
  margin-bottom:6px;
  color:#8a765e;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.analytics-info-grid strong{
  overflow-wrap:anywhere;
}

.analytics-timeline{
  position:relative;
}

.analytics-timeline-item{
  display:grid;
  grid-template-columns:80px 20px 1fr;
  gap:12px;
  min-height:70px;
}

.analytics-time{
  padding-top:2px;
  color:#8a765e;
  font-family:monospace;
}

.analytics-dot{
  position:relative;
  width:12px;
  height:12px;
  margin-top:4px;
  border-radius:50%;
  background:#b98637;
}

.analytics-dot:after{
  content:"";
  position:absolute;
  top:14px;
  left:5px;
  width:2px;
  height:52px;
  background:#ead7b7;
}

.analytics-timeline-item:last-child .analytics-dot:after{
  display:none;
}

.analytics-event{
  padding-bottom:18px;
}

.analytics-event div{
  margin-top:4px;
  color:#4e4237;
}

.analytics-event small{
  display:block;
  margin-top:3px;
  color:#8a765e;
}

@media(max-width:1200px){
  .analytics-stats,
  .analytics-detail-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  .analytics-stats,
  .analytics-detail-stats,
  .analytics-info-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   REFERENCIAANYAGOK - ADMIN
========================================================= */
.admin-new-reference{
  width:auto !important;
  display:inline-block;
  text-decoration:none;
}

.reference-admin-intro{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 16px;
  margin:18px 0;
  padding:16px 18px;
  border:1px solid #ead7b7;
  border-radius:16px;
  background:#fffaf3;
}

.reference-admin-intro a{
  margin-left:auto;
  color:#9b671d;
  font-weight:700;
}

.reference-section{
  margin-bottom:22px;
}

.reference-section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:18px;
}

.reference-section-head h2{
  margin:0 0 5px;
}

.reference-section-head p{
  margin:0;
  color:#7b6d5d;
}

.reference-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.reference-admin-card{
  overflow:hidden;
  border:1px solid #ead7b7;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(42,29,16,.06);
}

.reference-admin-card.inactive{
  opacity:.48;
  filter:grayscale(.8);
}

.reference-admin-thumb{
  position:relative;
  aspect-ratio:16/10;
  background:#eee4d6;
  overflow:hidden;
}

.reference-admin-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.play-mark{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(0,0,0,.72);
  color:#fff;
}

.reference-admin-content{
  padding:16px;
}

.reference-admin-content h3{
  margin:5px 0 7px;
  font-size:20px;
}

.reference-admin-content p{
  min-height:42px;
  margin:0;
  color:#746555;
  line-height:1.45;
}

.reference-order{
  color:#aa772a;
  font-size:12px;
  font-weight:700;
}

.reference-admin-status{
  display:inline-block;
  margin-top:12px;
  padding:6px 9px;
  border-radius:999px;
  background:#edf7ef;
  color:#26733b;
  font-size:12px;
  font-weight:700;
}

.reference-admin-card.inactive .reference-admin-status{
  background:#eee;
  color:#666;
}

.reference-admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px 12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #eee1cf;
}

.reference-admin-actions a{
  color:#8b5e20;
  font-size:13px;
  font-weight:700;
}

.reference-admin-actions .danger-link{
  color:#bb2727;
}

.reference-empty{
  grid-column:1/-1;
  padding:28px;
  text-align:center;
  border:1px dashed #d9c5a4;
  border-radius:16px;
  color:#806f5b;
}

.reference-type-switch{
  display:flex;
  gap:10px;
  margin-bottom:24px;
}

.reference-type-switch label{
  padding:13px 18px;
  border:1px solid #ead7b7;
  border-radius:12px;
  cursor:pointer;
  font-weight:700;
}

.reference-type-switch label.selected{
  background:#19130e;
  color:#fff;
  border-color:#19130e;
}

.reference-type-switch input{
  margin-right:7px;
}

.reference-form small{
  display:block;
  margin-top:6px;
  color:#887766;
}

.reference-active-field{
  display:flex;
  align-items:center;
}

.reference-active-field label{
  margin-top:28px;
}

.reference-current-image img{
  display:block;
  max-width:360px;
  max-height:240px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid #ead7b7;
}

.reference-form-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:22px;
}

.reference-form-actions .btn{
  width:auto;
}

/* =========================================================
   REFERENCIAANYAGOK - KÜLSŐ OLDAL
========================================================= */
.references-public-page{
  margin:0;
  background:#f7f1e8 !important;
  color:#241a12;
}

.references-container{
  width:min(1180px,calc(100% - 32px));
  margin-inline:auto;
}

.references-hero{
  padding:34px 0 48px;
  background:
    radial-gradient(circle at 78% 20%,rgba(213,173,99,.22),transparent 28%),
    linear-gradient(135deg,#11100e,#2a2016);
  color:#fff;
  text-align:center;
}

.references-brand{
  color:#d5ad63;
  font-family:Georgia,serif;
  font-size:26px;
  margin-bottom:28px;
}

.references-hero h1{
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(44px,7vw,78px);
  font-weight:400;
}

.references-hero p{
  margin:14px 0 28px;
  color:#eee6dc;
  font-size:18px;
}

.references-tabs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}

.references-tabs a{
  padding:11px 18px;
  border:1px solid rgba(213,173,99,.42);
  border-radius:999px;
  color:#fff;
  text-decoration:none;
}

.references-tabs a.active{
  background:#d5ad63;
  color:#21170d;
  border-color:#d5ad63;
  font-weight:700;
}

.references-main{
  padding-top:42px;
  padding-bottom:56px;
}

.reference-public-section{
  margin-bottom:54px;
}

.reference-public-heading{
  text-align:center;
  margin-bottom:24px;
}

.reference-public-heading span{
  color:#a97122;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:700;
}

.reference-public-heading h2{
  margin:7px 0;
  font-family:Georgia,serif;
  font-size:40px;
  font-weight:400;
}

.reference-public-heading p{
  margin:0;
  color:#716354;
}

.reference-public-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.reference-public-grid.photo-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.reference-public-card{
  overflow:hidden;
  border:1px solid #e6d5ba;
  border-radius:18px;
  background:#fff;
  color:#241a12;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(42,29,16,.08);
  transition:transform .2s ease,box-shadow .2s ease;
}

.reference-public-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 46px rgba(42,29,16,.14);
}

.reference-public-media{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#eee4d6;
}

.photo-card .reference-public-media{
  aspect-ratio:4/3;
}

.reference-public-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}

.reference-public-card:hover img{
  transform:scale(1.035);
}

.reference-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:62px;
  height:62px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:50%;
  display:grid;
  place-items:center;
  padding-left:4px;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:22px;
}

.reference-public-card-body{
  padding:16px 17px 18px;
}

.reference-public-card-body h3{
  margin:0 0 6px;
  font-family:Georgia,serif;
  font-size:21px;
}

.reference-public-card-body p{
  margin:0;
  color:#7a6b5b;
}

.reference-public-card-body small{
  display:block;
  margin-top:7px;
  color:#8b7d6d;
  line-height:1.45;
}

.reference-public-empty{
  padding:40px 20px;
  border:1px dashed #d9c5a4;
  border-radius:18px;
  background:#fffaf3;
  text-align:center;
  color:#746555;
}

.references-footer-cta{
  padding:38px 24px;
  text-align:center;
  border:1px solid #e2cda9;
  border-radius:24px;
  background:#fffaf3;
}

.references-footer-cta h2{
  margin:0 0 18px;
  font-family:Georgia,serif;
  font-size:34px;
}

.references-footer-cta a{
  display:inline-block;
  padding:14px 24px;
  border-radius:11px;
  background:linear-gradient(135deg,#a8752d,#d4aa58);
  color:#fff;
  text-decoration:none;
  font-weight:700;
}

.references-footer{
  padding:28px 0;
  background:#17110d;
  color:#eee4d7;
}

.references-footer .references-container{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 18px;
  text-align:center;
}

.references-footer a{
  color:#d5ad63;
}

@media(max-width:1000px){
  .reference-admin-grid,
  .reference-public-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .reference-public-grid.photo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .reference-admin-grid,
  .reference-public-grid,
  .reference-public-grid.photo-grid{
    grid-template-columns:1fr;
  }

  .reference-section-head,
  .reference-form-actions{
    align-items:flex-start;
    flex-direction:column;
  }

  .reference-admin-intro a{
    margin-left:0;
  }

  .reference-type-switch{
    flex-direction:column;
  }
}

/* TÖMEGES FOTÓFELTÖLTÉS */
.bulk-reference-settings{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:14px;margin-bottom:20px}.bulk-dropzone{padding:42px 24px;border:2px dashed #d9bd8e;border-radius:22px;background:#fffaf3;text-align:center;cursor:pointer}.bulk-dropzone.is-dragging{border-color:#b98637;background:#fff4df}.bulk-dropzone-icon{width:68px;height:68px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:#f2dfbd;color:#8a5d1e;font-size:36px}.bulk-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0}.bulk-toolbar-actions{display:flex;gap:10px}.bulk-upload-btn{width:auto!important}.bulk-global-progress{margin:18px 0;padding:16px;border:1px solid #ead7b7;border-radius:14px;background:#fffaf3}.bulk-global-progress-bar{height:10px;overflow:hidden;border-radius:999px;background:#eee2cf}.bulk-global-progress-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,#a8752d,#d4aa58)}.bulk-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bulk-preview-card{overflow:hidden;border:1px solid #ead7b7;border-radius:18px;background:#fff}.bulk-preview-image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden}.bulk-preview-image-wrap img{width:100%;height:100%;object-fit:cover}.bulk-preview-index,.bulk-remove-btn{position:absolute;top:10px;border-radius:999px}.bulk-preview-index{left:10px;background:#000a;color:#fff;padding:7px 10px}.bulk-remove-btn{right:10px;width:32px;height:32px;border:0;background:#fff;color:#a22;font-size:20px}.bulk-preview-content{padding:13px}.bulk-title-input{width:100%;box-sizing:border-box;padding:9px;border:1px solid #ead7b7;border-radius:10px}.bulk-preview-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#887766;font-size:11px}.bulk-item-progress{height:7px;margin-top:10px;border-radius:999px;background:#eee2cf;overflow:hidden}.bulk-item-progress span{display:block;height:100%;background:#b98637}.bulk-item-status{margin-top:7px;font-size:12px}.bulk-result{margin-top:20px;padding:16px;border-radius:14px;background:#edf7ef;color:#28733c}.bulk-result a{float:right;color:inherit;font-weight:bold}@media(max-width:1000px){.bulk-reference-settings{grid-template-columns:1fr 1fr}.bulk-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.bulk-reference-settings,.bulk-preview-grid{grid-template-columns:1fr}.bulk-toolbar{align-items:flex-start;flex-direction:column}}


/* Tömeges feltöltés - közös főcím és automatikus sorrend */
.bulk-title-field{
  grid-column:span 2;
}

.bulk-reference-settings .field small{
  display:block;
  margin-top:6px;
  color:#887766;
  line-height:1.4;
}

@media(max-width:1200px){
  .bulk-title-field{
    grid-column:1/-1;
  }
}

@media(max-width:800px){
  .bulk-title-field{
    grid-column:auto;
  }
}

.quote-review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.quote-review-summary>div,.final-total-panel{padding:18px;border:1px solid #ead7b7;border-radius:14px;background:#fffaf3}.quote-review-summary span{display:block;color:#887766;font-size:12px}.final-quote-table-wrap{overflow:auto}.final-quote-table{width:100%;min-width:1100px;border-collapse:collapse}.final-quote-table th,.final-quote-table td{padding:10px;border-bottom:1px solid #ead7b7}.final-quote-table input,.final-quote-table select{width:100%;padding:9px;box-sizing:border-box}.final-total-panel{display:flex;justify-content:space-between;margin:20px 0;font-size:22px}.final-quote-actions{display:flex;justify-content:flex-end;gap:12px}.final-send-btn{width:auto!important}.danger-small{border:0;padding:8px 10px;background:#fff0f0;color:#b11f1f;border-radius:8px}.extra-rule-disabled{opacity:.45;filter:grayscale(.8)}@media(max-width:700px){.quote-review-summary{grid-template-columns:1fr}.final-quote-actions{flex-direction:column}}


/* Végleges ajánlat zárolás és újraszerkesztés */
.final-edit-warning{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:18px 0;
  padding:18px 20px;
  border-radius:16px;
  font-size:15px;
}

.final-edit-warning.red{
  border:2px solid #d32020;
  background:#fff0f0;
  color:#a10f0f;
}

.final-edit-warning.locked{
  border:1px solid #d9bd8e;
  background:#fff8e8;
  color:#7a5219;
}

.final-unlock-form{
  margin-bottom:18px;
}

.danger-unlock-btn{
  border:0;
  border-radius:10px;
  padding:13px 18px;
  background:#b51f1f;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

.final-quote-form.is-locked{
  opacity:.74;
  position:relative;
}

.final-quote-form.is-locked:before{
  content:"ZÁROLT VÉGLEGES AJÁNLAT";
  display:block;
  margin-bottom:16px;
  padding:10px 12px;
  border-radius:9px;
  background:#1f1a16;
  color:#fff;
  text-align:center;
  letter-spacing:.08em;
  font-size:12px;
  font-weight:700;
}


/* Végleges ajánlat figyelmeztetés és zárolás */
.final-edit-warning{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:18px 0;
  padding:18px 20px;
  border-radius:15px;
  font-size:15px;
  line-height:1.5;
}

.final-edit-warning.red{
  border:2px solid #cc2020;
  background:#fff0f0;
  color:#a11212;
}

.final-edit-warning.locked{
  border:1px solid #d8b779;
  background:#fff7e7;
  color:#76501c;
}

.final-unlock-form{
  margin-bottom:18px;
  border:2px solid #d8b779 !important;
  background:#fffaf0 !important;
}

.danger-unlock-btn{
  border:0;
  border-radius:10px;
  padding:14px 19px;
  background:#b62020;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

.final-quote-form.is-locked{
  opacity:.68;
}

.final-quote-form.is-locked:before{
  content:"ELKÜLDÖTT ÉS ZÁROLT VÉGLEGES AJÁNLAT";
  display:block;
  margin-bottom:16px;
  padding:11px;
  border-radius:9px;
  background:#211a14;
  color:#fff;
  text-align:center;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}


/* Fontos megjegyzés jelölése */
.important-note-option{
  margin:12px 0 20px;
  padding:14px 16px;
  border:1px solid #e4c8c8;
  border-radius:12px;
  background:#fff7f7;
}
.important-note-option label{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#8d1e1e;
  cursor:pointer;
}
.important-note-option input{
  width:18px;
  height:18px;
  accent-color:#c62828;
}


/* Végleges ajánlat – csomagváltás */
.package-switch-panel{
  margin-bottom:20px;
  border:2px solid #d7b475 !important;
  background:linear-gradient(180deg,#fffaf0,#ffffff) !important;
}

.package-switch-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.package-switch-heading h2{
  margin:0 0 7px;
}

.package-switch-heading p{
  margin:0;
  color:#6f6255;
}

.package-switch-current-price{
  display:inline-block;
  padding:9px 13px;
  border-radius:999px;
  background:#1e1711;
  color:#d9b66f;
  font-weight:700;
  white-space:nowrap;
}

.package-switch-form{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:14px 18px;
}

.package-switch-form .field{
  margin:0;
}

.package-switch-form select{
  width:100%;
}

.package-switch-warning{
  grid-column:1/-1;
  padding:13px 15px;
  border-left:4px solid #c4872e;
  border-radius:8px;
  background:#fff2d7;
  color:#6e4815;
  line-height:1.5;
}

.package-switch-btn{
  grid-column:1/-1;
  width:max-content;
  border:0;
  border-radius:10px;
  padding:13px 19px;
  background:linear-gradient(135deg,#9b6825,#d1a456);
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

@media(max-width:800px){
  .package-switch-heading{
    flex-direction:column;
  }

  .package-switch-form{
    grid-template-columns:1fr;
  }

  .package-switch-warning,
  .package-switch-btn{
    grid-column:auto;
  }

  .package-switch-btn{
    width:100%;
  }
}


/* Végleges ajánlat – kiegészítő katalógus */
.extra-catalog-panel{
  margin-top:20px;
  border:2px solid #d7b475 !important;
  background:linear-gradient(180deg,#fffaf0,#fff) !important;
}

.extra-catalog-heading h2{
  margin:0 0 7px;
}

.extra-catalog-heading p{
  margin:0 0 18px;
  color:#6f6255;
}

.extra-catalog-form{
  display:grid;
  grid-template-columns:1.35fr .65fr .7fr 1fr;
  gap:14px 16px;
  align-items:end;
}

.extra-catalog-form .field{
  margin:0;
}

.extra-catalog-form select,
.extra-catalog-form input{
  width:100%;
}

.extra-select-field small{
  display:block;
  min-height:18px;
  margin-top:6px;
  color:#776a5c;
}

.extra-catalog-info{
  grid-column:1/-1;
  padding:13px 15px;
  border-left:4px solid #c4872e;
  border-radius:8px;
  background:#fff2d7;
  color:#6e4815;
  line-height:1.5;
}

.extra-add-button{
  grid-column:1/-1;
  width:max-content;
}

.custom-item-details{
  margin-top:18px;
}

.custom-item-details summary{
  cursor:pointer;
  font-weight:700;
  color:#79551f;
}

.custom-item-form{
  margin-top:18px;
}

.final-quote-table tr[data-status="removed"]{
  opacity:.62;
  background:#f4f4f4;
}

@media(max-width:1100px){
  .extra-catalog-form{
    grid-template-columns:1fr 1fr;
  }

  .extra-catalog-info,
  .extra-add-button{
    grid-column:1/-1;
  }
}

@media(max-width:700px){
  .extra-catalog-form{
    grid-template-columns:1fr;
  }

  .extra-catalog-info,
  .extra-add-button{
    grid-column:auto;
  }

  .extra-add-button{
    width:100%;
  }
}

/* =========================================================
   KÖZVETLEN AJÁNLATKÜLDŐ ÉS PRIVÁT AJÁNLATI OLDAL
========================================================= */
.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.page-head h1{margin-bottom:4px}.btn{display:inline-block;border:0;border-radius:10px;padding:13px 20px;background:linear-gradient(135deg,#9b6825,#d1a456);color:#fff!important;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#29231d}.status-pill{display:inline-block;padding:5px 10px;border-radius:999px;background:#fff2d6;color:#81561f;font-weight:700;font-size:12px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:13px;border-bottom:1px solid #eadcc6;text-align:left}.direct-offer-form .panel{margin-bottom:18px}.offer-package-grid,.offer-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.offer-package-option,.offer-extra-option{display:flex;gap:12px;border:1px solid #ead6b6;border-radius:13px;padding:15px;background:#fff;align-items:flex-start}.offer-package-option>div,.offer-extra-option>div{flex:1}.offer-package-option small,.offer-extra-option small{display:block;color:#786b5e;line-height:1.45;margin:7px 0}.inline-fields{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.inline-fields input[type=number],.inline-fields select{max-width:145px;padding:8px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin:20px 0 40px}
.private-offer-page{margin:0;background:#0e0d0c;color:#f7f2e9;font-family:Arial,sans-serif}.private-offer-hero{background:radial-gradient(circle at 70% 20%,#50351c 0,transparent 35%),linear-gradient(135deg,#080808,#17120e);padding:24px max(20px,calc((100% - 1180px)/2)) 55px;border-bottom:1px solid #8d6429}.private-offer-nav{display:flex;justify-content:space-between;align-items:center}.private-offer-nav .brand{display:flex;align-items:center;gap:12px}.private-offer-nav .mark{border:1px solid #c99336;color:#d9ae5f;padding:10px;font-family:Georgia,serif;font-size:26px}.private-offer-nav span{color:#d6c7b4}.private-offer-welcome{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:55px}.private-offer-welcome small{color:#d4a34c;letter-spacing:3px}.private-offer-welcome h1{font-family:Georgia,serif;font-size:48px;color:#e3b763;margin:12px 0}.private-offer-welcome p{max-width:720px;line-height:1.7;font-size:18px}.private-offer-meta{padding:18px;border:1px solid #6c4b23;border-radius:12px;display:flex;flex-direction:column;gap:7px}.private-offer-main{max-width:1180px;margin:auto;padding:45px 20px 70px}.section-title{display:flex;align-items:center;gap:18px;margin:28px 0}.section-title span{height:1px;background:#745426;flex:1}.section-title h2{font-family:Georgia,serif;color:#dfb15d;text-align:center}.private-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.private-package-card{position:relative;background:#fff;color:#211b15;border-radius:14px;padding:24px;border:2px solid transparent}.private-package-card.recommended{border-color:#c99336;transform:translateY(-8px)}.recommend-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#c99336;color:#fff;padding:7px 18px;border-radius:20px;font-weight:bold}.private-package-card h3{font-family:Georgia,serif;font-size:25px;text-align:center}.private-package-card .subtitle{text-align:center;color:#a16d22;font-weight:bold}.private-package-card p{color:#675b50;line-height:1.55}.private-package-card ul{padding-left:20px;max-height:400px;overflow:auto}.private-package-card li{margin:7px 0;line-height:1.4}.private-package-price{text-align:center;font-size:27px;font-weight:bold;margin:20px}.private-package-card button{width:100%;border:0;background:#161310;color:#fff;border-radius:8px;padding:14px;font-weight:bold;cursor:pointer}.recommended button{background:linear-gradient(135deg,#9b6825,#d4aa58)}.feature-block-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-block-grid article{display:flex;gap:18px;background:#fff;color:#241d17;border-radius:14px;padding:23px}.feature-icon{font-size:40px}.feature-block-grid p{white-space:pre-line;line-height:1.55;color:#62584f}.offer-reference-grid,.offer-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.offer-reference-grid a,.offer-photo-grid a{background:#fff;color:#211b15;text-decoration:none;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.offer-reference-grid img,.offer-photo-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.offer-reference-grid b,.offer-reference-grid span,.offer-photo-grid b{padding:8px 12px}.offer-reference-grid span{color:#a16d22}.reference-subtitle{color:#fff;margin-top:25px}.travel-box,.private-contact{margin-top:30px;border:1px solid #8d6429;border-radius:14px;padding:22px;text-align:center}.travel-box{display:flex;justify-content:space-between}.private-contact{background:#fff;color:#211b15}
@media(max-width:900px){.offer-package-grid,.offer-extra-grid,.private-package-grid{grid-template-columns:1fr}.feature-block-grid,.offer-reference-grid,.offer-photo-grid{grid-template-columns:1fr 1fr}.private-offer-welcome{grid-template-columns:1fr}.private-package-card.recommended{transform:none}}
@media(max-width:600px){.page-head{align-items:flex-start;flex-direction:column}.feature-block-grid,.offer-reference-grid,.offer-photo-grid{grid-template-columns:1fr}.private-offer-nav{align-items:flex-start;gap:15px}.private-offer-nav span{font-size:12px;text-align:right}.private-offer-welcome h1{font-size:37px}.travel-box{flex-direction:column;gap:8px}.admin-table{font-size:12px}.admin-table th:nth-child(3),.admin-table td:nth-child(3){display:none}}


/* Közvetlen ajánlat – részletes ajándék / kiegészítő kártyák */
.panel-heading-row p{margin:6px 0 0;color:#796b5d;line-height:1.5}.extra-client-note{display:inline-block;margin-top:3px;color:#a36e22;font-size:12px;font-weight:700}.offer-extra-option.selected{border-color:#c9943e;box-shadow:0 0 0 2px rgba(201,148,62,.10);background:#fffaf2}.extra-price-input[readonly]{background:#f4eee4;color:#8c8072}.section-lead{text-align:center;color:#cdbfae;max-width:760px;margin:-12px auto 22px;line-height:1.6}.detailed-extra-list{display:grid;gap:16px}.detailed-extra-card{background:#fff;color:#251d16;border:1px solid #e3cfac;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.10)}.extra-summary-row{display:grid;grid-template-columns:110px minmax(0,1fr) 165px 135px;gap:18px;align-items:center;padding:18px}.extra-visual{height:96px;border-radius:12px;background:radial-gradient(circle at 35% 30%,#4f3820,#15110d 70%);display:flex;align-items:center;justify-content:center;color:#e0b55e;font-size:45px;border:1px solid #d4b06d}.extra-selfiebox .extra-visual{background:linear-gradient(135deg,#382513,#111)}.extra-drone .extra-visual{background:linear-gradient(145deg,#b9d7e9,#6c8b72)}.extra-summary-copy h3{font-family:Georgia,serif;font-size:21px;margin:5px 0 7px}.extra-summary-copy p{color:#6c6054;margin:0;line-height:1.5}.extra-label{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:.04em}.gift-label{background:#c78e2f;color:#fff}.discount-label{background:#6f8f42;color:#fff}.extra-price-box{text-align:right}.extra-price-box small{display:block;color:#8b7962;margin-bottom:5px}.extra-price-box b{font-size:18px;color:#9c651e}.extra-toggle{border:1px solid #dfc89d;background:#fffaf2;color:#5c452a;border-radius:9px;padding:11px 12px;font-weight:700;cursor:pointer;white-space:nowrap}.extra-toggle span{display:inline-block;transition:.2s}.extra-toggle.open span{transform:rotate(180deg)}.extra-details{border-top:1px solid #eadcc4;background:#fffaf3;padding:24px 28px 27px}.extra-details .extra-lead{font-size:16px;line-height:1.7;color:#463a2e;margin-top:0}.extra-details h4{font-family:Georgia,serif;font-size:19px;color:#9d6923;margin:20px 0 8px}.extra-details ul,.extra-details ol{margin:8px 0 0;padding-left:23px;color:#51463b}.extra-details li{padding:5px 0;line-height:1.55}.extra-footer-note{margin-top:20px;padding:13px 15px;border-left:4px solid #c99336;background:#fff1d8;border-radius:7px;color:#684817;font-weight:700;line-height:1.5}
@media(max-width:900px){.extra-summary-row{grid-template-columns:90px 1fr 135px}.extra-toggle{grid-column:2/4;width:100%}.extra-visual{height:86px}.extra-price-box{align-self:start}}
@media(max-width:620px){.extra-summary-row{grid-template-columns:72px 1fr;gap:12px;padding:14px}.extra-visual{height:72px;font-size:33px}.extra-price-box{grid-column:2;text-align:left}.extra-toggle{grid-column:1/-1}.extra-details{padding:19px}.extra-summary-copy h3{font-size:18px}}

/* Közvetlen ajánlat – automatikus útiköltség kalkulátor */
.travel-calculator{margin-top:20px;padding:20px;border:1px solid #ead7b7;border-radius:16px;background:linear-gradient(180deg,#fffaf1,#fff)}
.travel-calc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.travel-calc-head h3{margin:0 0 5px;font-family:Georgia,serif}.travel-calc-head p{margin:0;color:#766858;line-height:1.5}.travel-grid{grid-template-columns:1fr 1.4fr .7fr 1fr}.input-suffix{display:flex;align-items:center;border:1px solid #d9c6a6;border-radius:9px;background:#fff;overflow:hidden}.input-suffix input{border:0!important;border-radius:0!important;min-width:0}.input-suffix span{padding:0 11px;color:#806a4b;white-space:nowrap}.travel-actions{display:flex;align-items:center;gap:15px;margin:15px 0}.travel-actions #travelStatus{color:#85632c;font-weight:600}.travel-result{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:15px 0}.travel-result>div{padding:12px;border-radius:11px;background:#fff;border:1px solid #ead7b7}.travel-result span{display:block;font-size:12px;color:#7d6e5e;margin-bottom:5px}.travel-result b{font-size:15px}.travel-result .travel-total{background:#1c1712;color:#fff;border-color:#1c1712}.travel-result .travel-total span{color:#d7bb86}.travel-result .travel-total b{color:#e2ba69}.travel-manual-row{grid-template-columns:1fr 1fr}.travel-box-detailed{display:flex;gap:18px;align-items:flex-start;padding:24px!important;background:linear-gradient(135deg,#fff9ee,#fff)!important}.travel-box-detailed .travel-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#19140f;color:#d9ad57;font-size:27px;flex:0 0 58px}.travel-box-detailed small{display:block;color:#b47c27;font-weight:800;letter-spacing:.08em}.travel-box-detailed h3{margin:4px 0 10px;font-family:Georgia,serif;font-size:24px}.travel-box-detailed p{margin:0;color:#55483b;line-height:1.65}.travel-cost-breakdown{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:15px}.travel-cost-breakdown span{padding:8px 11px;border:1px solid #ead7b7;border-radius:8px;background:#fff}.travel-cost-breakdown .travel-grand-total{background:#19140f;color:#fff;border-color:#19140f}.travel-cost-breakdown .travel-grand-total b{color:#d9ad57}
@media(max-width:1100px){.travel-grid{grid-template-columns:1fr 1fr}.travel-result{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.travel-calc-head{flex-direction:column}.travel-grid,.travel-manual-row{grid-template-columns:1fr}.travel-result{grid-template-columns:1fr 1fr}.travel-actions{align-items:flex-start;flex-direction:column}.travel-box-detailed{flex-direction:column}}


/* ORS PRO UTAZÁSI KALKULÁTOR */
.travel-pro-intro{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:14px 16px;
  margin:0 0 14px;
  border-radius:12px;
  background:linear-gradient(135deg,#18130f,#2e241a);
  color:#fff;
}
.travel-pro-intro strong{display:block;color:#d9ad5f;font-size:17px;margin-bottom:4px}
.travel-pro-intro span{display:block;color:#eee0cb;font-size:13px}
.travel-api-badge{
  flex:0 0 auto;
  padding:8px 11px;
  border:1px solid #b78436;
  border-radius:999px;
  color:#e3bd78;
  font-weight:700;
  font-size:12px;
}
.travel-map{
  height:330px;
  border:1px solid #e2c796;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:16px;
  background:#eee7dd;
}
.offer-travel-pro{
  margin:28px 0;
  padding:24px;
  border:1px solid #dcc18d;
  border-radius:18px;
  background:linear-gradient(180deg,#fffaf1,#fff);
}
.offer-travel-pro h2{margin:4px 0 16px;font-family:Georgia,serif}
.offer-travel-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:16px;
}
.offer-travel-stats > div{
  padding:14px;
  border:1px solid #eadcc1;
  border-radius:12px;
  background:#fff;
}
.offer-travel-stats span{display:block;font-size:12px;color:#7c6b57;margin-bottom:5px}
.offer-travel-stats strong{font-size:17px;color:#2d241b}
.offer-travel-map{
  height:300px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #e0c28b;
  margin:16px 0;
}
.offer-travel-copy{
  margin:14px 0 0;
  line-height:1.7;
  color:#514638;
}
@media(max-width:900px){
  .offer-travel-stats{grid-template-columns:1fr 1fr}
  .travel-map,.offer-travel-map{height:260px}
}
@media(max-width:600px){
  .travel-pro-intro{flex-direction:column;align-items:flex-start}
  .offer-travel-stats{grid-template-columns:1fr}
}

/* AJÁNLATKÜLDŐ 2.0 */
.travel20-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 18px}
.saved-venue-select{width:100%;margin-bottom:8px}
.offer20-travel{margin:28px 0;padding:22px;border:1px solid #dcc18d;border-radius:18px;background:#fffaf2}
.offer20-simple-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid #eadcc1}
.offer20-simple-row span{font-size:16px;color:#5f5347}.offer20-simple-row strong{font-size:28px;color:#9a681f;white-space:nowrap}
.offer20-travel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.offer20-travel-grid.compact{grid-template-columns:repeat(4,1fr)}
.offer20-travel-grid>div{padding:14px;border-radius:12px;background:#fff;border:1px solid #eadcc1}
.offer20-travel-grid span{display:block;color:#796b5b;font-size:12px;margin-bottom:5px}
.offer20-travel-grid strong{display:block;color:#2f271f;font-size:16px}
.offer20-travel-grid .total{background:#241b14;border-color:#241b14}
.offer20-travel-grid .total span,.offer20-travel-grid .total strong{color:#f2d39a}
.offer-design-classic{--offer-accent:#9c7b4c}
.offer-design-premium{--offer-accent:#c59035}
.offer-design-wedding{--offer-accent:#c58c8c}
.offer-design-wedding .private-offer-hero{background:linear-gradient(135deg,#fff5f2,#ead7d2)!important;color:#3d2926!important}
.offer-design-mobile .private-package-grid,.offer-design-mobile .offer20-travel-grid,.offer-design-mobile .offer20-travel-grid.compact{grid-template-columns:1fr!important}
@media(max-width:800px){.travel20-controls,.offer20-travel-grid,.offer20-travel-grid.compact{grid-template-columns:1fr}}


/* =========================================================
   AJÁNLATKÜLDŐ 2.1 – PRÉMIUM ÜGYFÉLOLDAL
========================================================= */
.offer21-summary-wrap{
  max-width:1180px;margin:-34px auto 26px;padding:0 18px;position:relative;z-index:5
}
.offer21-summary{
  display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  background:#d8bd8c;border:1px solid #d8bd8c;border-radius:18px;overflow:hidden;
  box-shadow:0 14px 40px rgba(44,32,20,.12)
}
.offer21-summary-item{background:#fff;padding:16px 14px}
.offer21-summary-item span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8c7b67;margin-bottom:6px}
.offer21-summary-item strong{font-size:15px;color:#2d241b}
.offer21-summary-item.total{background:#211914}
.offer21-summary-item.total span,.offer21-summary-item.total strong{color:#e5c07e}

.offer21-benefits{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px
}
.offer21-benefits>div{
  border:1px solid #eadbc1;background:#fff;border-radius:14px;padding:18px;display:flex;gap:10px;align-items:flex-start
}
.offer21-benefits b{color:#b98632;font-size:18px}
.offer21-benefits span{line-height:1.45}

.offer21-testimonial-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px
}
.offer21-testimonial-grid article{
  background:#fff;border:1px solid #eadcc3;border-radius:16px;padding:22px
}
.offer21-testimonial-grid .stars{color:#c58d30;letter-spacing:3px;margin-bottom:12px}
.offer21-testimonial-grid p{line-height:1.65;color:#51463b}
.offer21-testimonial-grid strong{display:block;margin-top:16px;color:#2c241c}

.offer21-faq-list{max-width:900px;margin:auto}
.offer21-faq details{
  border:1px solid #e7d8bc;border-radius:14px;background:#fff;margin-bottom:10px;overflow:hidden
}
.offer21-faq summary{
  cursor:pointer;padding:16px 18px;font-weight:700;color:#352a20
}
.offer21-faq details p{
  margin:0;padding:0 18px 18px;line-height:1.65;color:#65584b
}

.offer21-final-cta{
  margin:34px 0;padding:34px;border-radius:20px;
  background:linear-gradient(135deg,#17110d,#2d2118);color:#fff;text-align:center
}
.offer21-final-cta small{color:#d6ad66;letter-spacing:.18em}
.offer21-final-cta h2{font-family:Georgia,serif;font-size:30px;margin:10px 0}
.offer21-final-cta p{color:#eadfce;max-width:720px;margin:0 auto 22px}
.offer21-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.gold-btn,.outline-btn{
  display:inline-block;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:700
}
.gold-btn{background:linear-gradient(135deg,#a97125,#d4aa51);color:#fff}
.outline-btn{border:1px solid #d4aa51;color:#efd39b}

.offer21-sticky-cta{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);
  width:min(720px,calc(100% - 30px));display:flex;justify-content:space-between;align-items:center;
  gap:16px;padding:12px 14px 12px 18px;border-radius:999px;
  background:rgba(24,18,14,.95);backdrop-filter:blur(10px);z-index:999;
  box-shadow:0 12px 36px rgba(0,0,0,.24);color:#fff
}
.offer21-sticky-cta span{font-size:14px}
.offer21-sticky-cta a{
  text-decoration:none;color:#fff;font-weight:700;background:linear-gradient(135deg,#a97125,#d4aa51);
  padding:10px 16px;border-radius:999px;white-space:nowrap
}
.offer21-admin-badge{
  display:inline-block;margin-bottom:6px;padding:5px 9px;border-radius:999px;
  background:#fff3d8;color:#8a5a16;font-size:11px;font-weight:700
}

@media(max-width:1000px){
  .offer21-summary{grid-template-columns:repeat(3,1fr)}
  .offer21-benefits{grid-template-columns:repeat(2,1fr)}
  .offer21-testimonial-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .offer21-summary{grid-template-columns:1fr 1fr}
  .offer21-benefits{grid-template-columns:1fr}
  .offer21-sticky-cta span{display:none}
  .offer21-sticky-cta{justify-content:center}
}


/* VÉGLEGES ÚTIKÖLTSÉG MEGJELENÍTÉS */
.admin-final-travel-preview,
.final-travel-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
  margin:20px 0;
  padding:22px 26px;
  border:1px solid #d8a64e;
  border-radius:16px;
  background:linear-gradient(135deg,#fffdfa,#fff9ef);
  box-shadow:0 8px 28px rgba(139,96,31,.07);
}
.admin-final-travel-icon,
.final-travel-icon{
  width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#fff1d5;font-size:27px;
}
.admin-final-travel-copy h3,
.final-travel-copy h2{
  margin:0 0 7px;
  font-family:Georgia,serif;
  font-size:25px;
  color:#a16c1e;
}
.admin-final-travel-copy p,
.final-travel-copy p{
  margin:0;
  line-height:1.55;
  font-size:16px;
  color:#302820;
}
.admin-final-travel-copy p>span,
.final-travel-copy p>span{
  display:block;
  margin-top:3px;
  font-size:14px;
  color:#6d6256;
}
.admin-final-travel-total,
.final-travel-total{
  min-width:190px;
  text-align:center;
  white-space:nowrap;
  font-family:Georgia,serif;
  font-weight:700;
  font-size:31px;
  color:#a66f1d;
}
@media(max-width:760px){
  .admin-final-travel-preview,
  .final-travel-card{grid-template-columns:auto 1fr;padding:18px}
  .admin-final-travel-total,
  .final-travel-total{
    grid-column:1/-1;
    min-width:0;
    text-align:right;
    border-top:1px solid #ead8b7;
    padding-top:10px;
    font-size:27px;
  }
}


/* ==========================================================
   ADMIN PREMIUM REDESIGN – A JÓVÁHAGYOTT MOCKUP STÍLUSA
========================================================== */
body:has(.offer-wizard-form){
    background:#f5f6f7;
    font-family:Arial,Helvetica,sans-serif;
    color:#171717;
}
.admin-wrap{min-height:100vh}
.premium-sidebar{
    width:220px!important;
    background:linear-gradient(180deg,#171d21,#11171b)!important;
    padding:22px 10px!important;
    border-right:none!important;
}
.admin-main{
    margin-left:220px!important;
    padding:22px 30px 46px!important;
    width:calc(100% - 220px)!important;
    max-width:none!important;
}
.admin-logo{
    text-align:center;
    color:#fff;
    padding:2px 8px 24px;
}
.admin-logo-script{
    font-family:Georgia,serif;
    font-style:italic;
    font-size:36px;
    line-height:1;
    color:#d8a23b;
}
.admin-logo-sub{
    margin-top:5px;
    font-size:15px;
    letter-spacing:.04em;
}
.premium-admin-nav{display:flex!important;flex-direction:column;gap:5px}
.premium-admin-nav a{
    display:flex!important;
    align-items:center;
    gap:11px;
    min-height:44px;
    padding:10px 13px!important;
    border-radius:9px!important;
    color:#f1f3f4!important;
    font-family:Arial,sans-serif!important;
    font-size:14px!important;
    border:none!important;
}
.premium-admin-nav a span{
    width:20px;
    text-align:center;
    color:#e9e9e9;
    font-size:18px;
}
.premium-admin-nav a:hover{background:#222b30!important}
.premium-admin-nav a.active{
    background:linear-gradient(135deg,#a56d19,#c8942e)!important;
    color:white!important;
    box-shadow:0 5px 16px rgba(0,0,0,.22);
}
.nav-divider{height:1px;background:#293137;margin:8px 10px}

.offer-editor-head{
    display:flex;justify-content:space-between;align-items:flex-start;gap:24px;
    margin:0 0 20px;
}
.offer-editor-head h1{
    margin:0;font-family:Arial,sans-serif;font-size:31px;line-height:1.2;font-weight:750;color:#171717;
}
.offer-editor-head p{margin:7px 0 0;color:#727272;font-size:15px}
.offer-editor-actions{display:flex;gap:10px;align-items:center}
.top-action{
    border:1px solid #dfbd80;background:#fff;color:#171717;
    border-radius:9px;padding:12px 17px;min-height:46px;
    font:600 14px Arial,sans-serif;cursor:pointer;
}
.top-action.primary{
    border-color:#bb7c14;color:#fff;background:linear-gradient(135deg,#b57914,#d69d29);
}
.offer-wizard-shell{
    border:1px solid #dfe1e3;border-radius:12px;background:#fff;
    box-shadow:0 3px 12px rgba(0,0,0,.035);overflow:hidden;
}
.offer-wizard-nav{
    display:grid;grid-template-columns:repeat(5,1fr);
    border-bottom:1px solid #e5e5e5;background:#fff;
}
.wizard-step{
    position:relative;border:0;background:transparent;padding:18px 10px 17px;
    display:flex;justify-content:center;align-items:center;gap:8px;
    color:#616161;cursor:pointer;font:500 13px Arial,sans-serif;
}
.wizard-step span{font-size:18px}
.wizard-step.active{color:#aa6d0e}
.wizard-step.active:after{
    content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:#ba7811
}
.offer-wizard-content{padding:10px}
.wizard-panel{
    display:none!important;
    margin:0!important;
    border:1px solid #e1e1e1!important;
    border-radius:10px!important;
    box-shadow:none!important;
    background:#fff!important;
    padding:22px!important;
}
.wizard-panel.active{display:block!important}
.wizard-panel h2{
    margin:0 0 18px!important;font:700 24px Arial,sans-serif!important;color:#171717!important
}
.wizard-panel label{font-family:Arial,sans-serif;font-weight:650;color:#222}
.wizard-panel input,.wizard-panel select,.wizard-panel textarea{
    border:1px solid #dadada!important;border-radius:9px!important;background:#fff!important;
    padding:12px 14px!important;font:15px Arial,sans-serif!important;min-height:46px
}
.wizard-panel textarea{min-height:110px}
.intro-details{
    margin-bottom:18px;border:1px solid #e6d7bd;border-radius:9px;background:#fffaf1;padding:10px 14px
}
.intro-details summary{cursor:pointer;color:#8b5b12;font-weight:700;font-family:Arial,sans-serif}

.travel-calculator{
    border:0!important;background:transparent!important;padding:0!important;margin:0!important
}
.travel-calc-head{
    display:flex!important;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px!important
}
.travel-calc-head h3{
    margin:0 0 4px!important;font:700 22px Arial,sans-serif!important;color:#171717!important
}
.travel-calc-head p{display:none}
#copyWeddingLocation{
    background:#201b16!important;color:#fff!important;border:0!important;border-radius:8px!important;
    padding:11px 18px!important
}
.travel-info-banner{
    margin:0 0 20px;padding:14px 16px;border-radius:8px;
    background:#fff7e8;border:1px solid #f2dfba;color:#4f4437;font:14px Arial,sans-serif
}
.travel-grid{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:18px!important
}
.travel-grid>.field:nth-child(4){grid-column:auto}
.travel-actions{
    margin:18px 0!important;display:flex;align-items:center;gap:14px
}
#calculateTravel{
    width:100%;background:linear-gradient(135deg,#b67917,#d9a03a)!important;
    border:0!important;color:#fff!important;border-radius:8px!important;padding:13px!important;font-weight:700!important
}
#travelStatus{font:600 13px Arial,sans-serif;color:#8b5d17}
.travel-result{
    display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:10px!important;margin:17px 0!important
}
.travel-result>div{
    border:1px solid #e6e0d8!important;border-radius:9px!important;background:#fff!important;
    padding:12px 13px!important
}
.travel-result span{font:12px Arial,sans-serif;color:#777}
.travel-result b{display:block;margin-top:6px;font:700 16px Arial,sans-serif;color:#1f1f1f}
.travel-result .travel-total{
    background:#211b16!important;border-color:#211b16!important
}
.travel-result .travel-total span,.travel-result .travel-total b{color:#e6bd75!important}
.travel-manual-row{grid-template-columns:1fr 1fr!important;gap:18px!important}

.customer-travel-preview{
    display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;
    margin-top:20px;padding:24px 30px;border:1px solid #d7a34a;border-radius:12px;
    background:linear-gradient(135deg,#fffdfa,#fff8ec);
}
.customer-travel-icon{
    width:58px;height:58px;display:grid;place-items:center;
    border-radius:50%;background:#fff0d1;font-size:29px
}
.customer-travel-copy h3{
    margin:0 0 8px;font:700 26px Georgia,serif;color:#a56b16
}
.customer-travel-copy p{
    margin:0;font:16px/1.55 Georgia,serif;color:#29231d
}
.customer-travel-copy p>span{
    display:block;color:#595047;font-size:14px
}
.customer-travel-total{
    min-width:190px;text-align:center;white-space:nowrap;
    font:700 32px Georgia,serif;color:#a66e18
}
.preview-caption{margin:8px 0 0;color:#777;font:13px Arial,sans-serif}
.route-text-compat{display:none!important}

.summary-panel{min-height:420px}
.summary-head p{color:#777;font-family:Arial,sans-serif}
.offer-summary-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px
}
.offer-summary-grid>div{
    border:1px solid #e4e4e4;border-radius:10px;padding:18px;background:#fafafa
}
.offer-summary-grid span{display:block;color:#777;font:12px Arial,sans-serif;margin-bottom:7px}
.offer-summary-grid strong{font:700 17px Arial,sans-serif}
.offer-summary-grid .summary-total{background:#211b16;border-color:#211b16}
.offer-summary-grid .summary-total span,.offer-summary-grid .summary-total strong{color:#e8c57f}
.summary-note{
    margin-top:18px;padding:15px;border-radius:9px;background:#fff7e9;color:#65523a;font:14px Arial,sans-serif
}
.wizard-footer{
    display:flex;justify-content:space-between;align-items:center;
    padding:17px 20px;border-top:1px solid #e8e8e8;background:#fff
}
.wizard-back,.wizard-next{
    min-width:130px;border-radius:8px;padding:12px 20px;font:650 15px Arial,sans-serif;cursor:pointer
}
.wizard-back{border:1px solid #dedede;background:#fff;color:#333}
.wizard-next{border:0;background:linear-gradient(135deg,#b47714,#d49a25);color:#fff}
.legacy-form-actions{display:none!important}

.offer-package-grid,.offer-extra-grid{gap:14px!important}
.offer-package-option,.offer-extra-option{
    border:1px solid #e2e2e2!important;border-radius:10px!important;background:#fff!important
}
.offer-package-option.selected,.offer-extra-option.selected{border-color:#d0a14e!important;background:#fffaf1!important}

@media(max-width:1100px){
    .offer-wizard-nav{grid-template-columns:repeat(3,1fr)}
    .travel-grid{grid-template-columns:1fr 1fr!important}
    .travel-result{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:760px){
    .premium-sidebar{display:none!important}
    .admin-main{margin-left:0!important;width:100%!important;padding:14px!important}
    .offer-editor-head{flex-direction:column}
    .offer-editor-actions{width:100%;flex-wrap:wrap}
    .top-action{flex:1}
    .offer-wizard-nav{grid-template-columns:1fr 1fr}
    .wizard-step{justify-content:flex-start;padding-left:14px}
    .travel-grid,.travel-manual-row{grid-template-columns:1fr!important}
    .travel-result{grid-template-columns:1fr 1fr!important}
    .customer-travel-preview{grid-template-columns:auto 1fr}
    .customer-travel-total{grid-column:1/-1;text-align:right;border-top:1px solid #ead6b2;padding-top:12px}
    .offer-summary-grid{grid-template-columns:1fr}
}


/* Rugalmas esküvői időpont */
.wedding-date-flex small{
    display:block;
    margin-top:6px;
    color:#7b7b7b;
    font:12px/1.45 Arial,sans-serif;
}
.wedding-date-flex input::placeholder{
    color:#aaa;
}


/* =========================================================
   MOBIL KONTRASZT JAVÍTÁS – ügyfél privát ajánlati oldal
========================================================= */

.offer21-proof,
.offer21-testimonials,
.offer21-faq,
.offer21-summary-wrap {
    color: #2f271f;
}

.offer21-benefits > div {
    background: #ffffff !important;
    border-color: #e3c998 !important;
    color: #2f271f !important;
}

.offer21-benefits > div span {
    color: #3a3028 !important;
    opacity: 1 !important;
}

.offer21-benefits > div b {
    color: #b87b1d !important;
    opacity: 1 !important;
}

.offer21-testimonial-grid article {
    background: #ffffff !important;
    color: #2f271f !important;
}

.offer21-testimonial-grid article p {
    color: #4b4036 !important;
    opacity: 1 !important;
}

.offer21-testimonial-grid article strong {
    color: #2b241d !important;
}

.offer21-faq details {
    background: #ffffff !important;
    color: #2f271f !important;
}

.offer21-faq summary {
    color: #2f271f !important;
}

.offer21-faq details p {
    color: #54483d !important;
    opacity: 1 !important;
}

.private-offer-main .section-title h2,
.offer21-proof .section-title h2,
.offer21-testimonials .section-title h2,
.offer21-faq .section-title h2 {
    color: #b77917 !important;
    text-shadow: none !important;
}

@media (max-width: 760px) {
    .private-offer-main {
        color: #2f271f !important;
        padding-bottom: 110px !important;
    }

    .offer21-benefits {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .offer21-benefits > div {
        min-height: 82px;
        padding: 17px 18px !important;
        border: 1px solid #dfc18b !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: 0 3px 10px rgba(89, 59, 20, .04);
    }

    .offer21-benefits > div span {
        font-size: 16px !important;
        line-height: 1.45 !important;
        font-weight: 600 !important;
        color: #342a22 !important;
    }

    .offer21-benefits > div b {
        font-size: 22px !important;
        color: #b77917 !important;
    }

    .offer21-testimonial-grid article {
        background: #ffffff !important;
        border: 1px solid #dfc18b !important;
        box-shadow: 0 3px 10px rgba(89, 59, 20, .04);
    }

    .offer21-testimonial-grid article p {
        color: #40352c !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .offer21-testimonial-grid .stars {
        color: #c7861f !important;
    }

    .offer21-faq details {
        background: #ffffff !important;
        border: 1px solid #dfc18b !important;
    }

    .offer21-faq summary {
        color: #2e261f !important;
        font-size: 16px !important;
    }

    .offer21-faq details p {
        color: #4c4036 !important;
        font-size: 15px !important;
    }

    .offer21-sticky-cta {
        bottom: 10px !important;
        width: calc(100% - 24px) !important;
        padding: 9px !important;
        background: rgba(29, 23, 19, .96) !important;
    }

    .offer21-sticky-cta a {
        width: 100%;
        text-align: center;
        padding: 12px 16px !important;
    }
}


/* ==========================================================
   MOBIL ADMIN MENÜ – hamburger + kihúzható oldalsáv
========================================================== */
.mobile-admin-header,
.mobile-admin-overlay,
.mobile-menu-close{
    display:none;
}

@media(max-width:760px){
    body{
        overflow-x:hidden;
    }

    /* A korábbi szabály display:none-ra tette a menüt.
       Mobilon most kihúzható drawer lesz helyette. */
    .premium-sidebar{
        display:block!important;
        position:fixed!important;
        z-index:10020!important;
        top:0!important;
        left:0!important;
        bottom:0!important;
        width:min(86vw,320px)!important;
        height:100dvh!important;
        padding:68px 12px 22px!important;
        overflow-y:auto!important;
        overscroll-behavior:contain;
        transform:translateX(-105%);
        transition:transform .24s ease;
        box-shadow:18px 0 38px rgba(0,0,0,.28);
    }

    body.mobile-menu-open .premium-sidebar{
        transform:translateX(0);
    }

    body.mobile-menu-open{
        overflow:hidden;
    }

    .mobile-admin-header{
        position:sticky;
        top:0;
        z-index:10000;
        display:grid;
        grid-template-columns:44px 1fr 44px;
        align-items:center;
        min-height:58px;
        padding:7px 10px;
        background:linear-gradient(180deg,#171d21,#11171b);
        border-bottom:2px solid #b67b1d;
        box-shadow:0 4px 14px rgba(0,0,0,.15);
    }

    .mobile-menu-toggle{
        width:42px;
        height:42px;
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:5px;
        padding:0 10px;
        border:0;
        border-radius:8px;
        background:transparent;
        cursor:pointer;
    }

    .mobile-menu-toggle span{
        display:block;
        width:22px;
        height:2px;
        border-radius:2px;
        background:#fff;
    }

    .mobile-admin-brand{
        display:flex;
        align-items:baseline;
        justify-content:center;
        gap:8px;
        color:#fff;
        font:700 13px Arial,sans-serif;
    }

    .mobile-brand-script{
        color:#d8a23b;
        font:italic 26px/1 Georgia,serif;
    }

    .mobile-calendar-link{
        width:42px;
        height:42px;
        display:grid;
        place-items:center;
        color:#fff!important;
        text-decoration:none!important;
        border-radius:8px;
        font-size:22px;
    }

    .mobile-calendar-link:hover{
        background:#222b30;
    }

    .mobile-admin-overlay{
        position:fixed;
        inset:0;
        z-index:10010;
        display:block;
        background:rgba(8,12,15,.56);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .22s ease,visibility .22s ease;
    }

    body.mobile-menu-open .mobile-admin-overlay{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .mobile-menu-close{
        position:absolute;
        top:12px;
        right:13px;
        z-index:2;
        display:grid;
        place-items:center;
        width:40px;
        height:40px;
        border:1px solid #354047;
        border-radius:8px;
        background:#20282d;
        color:#fff;
        font:300 27px/1 Arial,sans-serif;
        cursor:pointer;
    }

    .premium-sidebar .admin-logo{
        padding-top:0!important;
        padding-bottom:18px!important;
    }

    .premium-sidebar .admin-logo-script{
        font-size:33px!important;
    }

    .premium-admin-nav{
        gap:4px!important;
    }

    .premium-admin-nav a{
        min-height:45px!important;
        padding:10px 12px!important;
        font-size:14px!important;
    }

    .admin-main{
        margin-left:0!important;
        width:100%!important;
        max-width:none!important;
        padding:14px!important;
    }
}

@media(max-width:390px){
    .premium-sidebar{
        width:92vw!important;
    }
    .mobile-admin-header{
        grid-template-columns:42px 1fr 42px;
        padding-left:7px;
        padding-right:7px;
    }
}


/* ==========================================================
   ADMIN – RENDSZERVERZIÓ A MENÜ ALJÁN
========================================================== */
.premium-sidebar{
    display:flex;
    flex-direction:column;
}

.premium-admin-nav{
    flex:1 0 auto;
}

.admin-version-box{
    flex:0 0 auto;
    margin:18px 10px 4px;
    padding:11px 12px;
    border-top:1px solid rgba(255,255,255,.10);
    color:#9ca6ac;
    font-family:Arial,Helvetica,sans-serif;
}

.admin-version-title{
    color:#6f7a80;
    font-size:8px;
    font-weight:700;
    letter-spacing:1.5px;
}

.admin-version-number{
    margin-top:5px;
    color:#d39a32;
    font-size:13px;
    font-weight:800;
}

.admin-version-label{
    margin-top:3px;
    color:#d4d9dc;
    font-size:10px;
}

.admin-version-date{
    margin-top:3px;
    color:#707c83;
    font-size:9px;
}

@media(max-width:760px){
    .admin-version-box{
        margin-top:16px;
        padding-bottom:18px;
    }
}