/*
   A márkaoldalak blokkjai — az eredeti oldal képi rendjét követve.
*/

/* ---------- Oldalfejléc sáv ---------- */
.atlanti-page-hero{
  position:relative;display:flex;align-items:center;
  min-height:260px;background:var(--blue-deep) center/cover no-repeat;
  border-radius:var(--radius-lg);overflow:hidden;
}
.atlanti-page-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--blue-deep) 10%,rgba(0,43,84,.35) 100%);
  opacity:.55;
}
.atlanti-page-hero-inner{position:relative;z-index:2;padding:clamp(28px,4vw,56px)}
.atlanti-page-hero h1,
.atlanti-page-hero h2{color:#fff;font-size:clamp(26px,3.2vw,40px);margin:0}

/* ---------- Márkabevezető ---------- */
.atlanti-intro{
  --logo-col:180px;
  --doboz-col:320px;
  display:grid;
  grid-template-columns:var(--logo-col) minmax(0,1fr) var(--doboz-col);
  gap:clamp(24px,3vw,44px);
  align-items:start;
}
.atlanti-intro.no-logo{grid-template-columns:minmax(0,1fr) var(--doboz-col)}
.atlanti-intro.no-box{grid-template-columns:var(--logo-col) minmax(0,1fr)}
.atlanti-intro.no-logo.no-box{grid-template-columns:minmax(0,1fr)}

.atlanti-intro-logo{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:18px;display:flex;align-items:center;justify-content:center;
}
.atlanti-intro-logo img{max-width:100%;height:auto}

.atlanti-intro-title{font-size:clamp(20px,2.2vw,26px);margin:0 0 16px}
.atlanti-intro-body{font-size:15.5px;color:var(--cnt-soft)}
.atlanti-intro-body > *:last-child{margin-bottom:0}

.atlanti-subblock{margin-top:26px}
.atlanti-subblock h3{
  font-size:16.5px;font-weight:800;color:var(--cnt);margin:0 0 10px;
  padding-bottom:9px;border-bottom:2px solid var(--tan);display:inline-block;
}

/* Kézikönyv doboz a bevezető mellett */
.atlanti-book-box{
  background:var(--blue);color:#fff;border-radius:var(--radius-lg);
  padding:26px 24px;box-shadow:var(--shadow-lg);
}
.atlanti-book-box .bb-eyebrow{
  font-family:var(--font-head);font-weight:800;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:#cfe2f5;margin-bottom:12px;
}
.atlanti-book-box h3{color:#fff;font-size:19px;margin:0 0 12px}
.atlanti-book-box p{font-size:14px;color:#dbe8f6;margin:0 0 20px}
.atlanti-book-box .btn{width:100%}

/* ---------- Keretezett kártyasor ---------- */
.atlanti-card-frame{
  border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:clamp(18px,2.2vw,30px);background:#fff;
}
.rcard.has-tagbar{padding-top:0}
.rtagbar{
  background:var(--bg-soft);border-bottom:1px solid var(--line);
  font-family:var(--font-head);font-weight:800;font-size:12.5px;
  letter-spacing:.04em;color:var(--cnt-soft);
  padding:11px 16px;text-align:center;
}
.atlanti-grid-note{
  text-align:center;font-style:italic;font-size:14px;
  color:var(--cnt-mute);margin:22px 0 0;
}

/* ---------- Nyíl elválasztó ---------- */
.atlanti-divider{
  display:flex;align-items:center;justify-content:center;
  color:var(--cnt-mute);position:relative;
}
.atlanti-divider::before{
  content:"";position:absolute;left:0;right:0;top:50%;
  height:1px;background:var(--line);
}
.atlanti-divider .icon{
  position:relative;width:34px;height:34px;background:#fff;
  padding:6px;border-radius:50%;color:var(--blue);
}

/* ---------- Folyamat lépései ---------- */
.atlanti-process{
  background:#eef1fa;border-radius:var(--radius-lg);
  padding:clamp(40px,5vw,72px) clamp(24px,4vw,56px);
}
.atlanti-process .atlanti-head{margin-left:auto;margin-right:auto;text-align:center;max-width:760px}
.atlanti-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.5vw,48px)}
.atlanti-step .szam{
  font-family:var(--font-head);font-style:italic;font-weight:900;
  font-size:34px;line-height:1;color:var(--blue);margin-bottom:12px;
}
.atlanti-step:nth-child(3n+1) .szam{color:var(--blue)}
.atlanti-step:nth-child(3n+2) .szam{color:var(--tan-dark)}
.atlanti-step:nth-child(3n) .szam{color:var(--cyan)}
.atlanti-step h4{font-size:16.5px;margin:0 0 8px}
.atlanti-step p{font-size:14px;color:var(--cnt-soft);margin:0}

/* ---------- Kézikönyv sáv ---------- */
.atlanti-handbook{
  --borito-col:220px;
  --urlap-col:380px;
  display:grid;
  grid-template-columns:var(--borito-col) minmax(0,1fr) var(--urlap-col);
  gap:clamp(24px,3.5vw,52px);
  align-items:center;
  background:var(--blue-deep);color:#fff;
  border-radius:var(--radius-lg);
  padding:clamp(32px,4vw,56px);
}
.atlanti-handbook .hb-cover img{border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.atlanti-handbook h2{color:#fff;font-size:clamp(20px,2.3vw,27px);margin:0 0 20px;text-transform:uppercase}
.atlanti-handbook ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.atlanti-handbook li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:#dbe8f6}
.atlanti-handbook li .icon{width:18px;height:18px;color:var(--cyan);flex:none;margin-top:2px}
.atlanti-handbook .hb-close{margin:20px 0 0;font-weight:700;color:#fff;font-size:14.5px}
.atlanti-handbook .hb-form{background:transparent}
.atlanti-handbook .ff-el-input--label label{color:#dbe8f6 !important}
.atlanti-handbook .ff-btn-submit{
  width:100%;background:var(--cyan);border:none;color:#fff;
  font-family:var(--font-head);font-weight:800;text-transform:uppercase;
  padding:14px 24px;border-radius:var(--radius);
}

/* ---------- Fotós ajánlatkérő ---------- */
.atlanti-quote.has-photo{padding:0;overflow:hidden;border-radius:var(--radius-lg)}
.atlanti-quote .quote-photo{position:relative;min-height:100%;background:center/cover no-repeat}
.atlanti-quote .quote-photo::after{content:"";position:absolute;inset:0;background:rgba(0,43,84,.55)}
.atlanti-quote .quote-photo-inner{
  position:relative;z-index:2;padding:clamp(28px,4vw,56px);
  display:flex;flex-direction:column;justify-content:center;height:100%;
}
.atlanti-quote .quote-photo h2{color:#fff}
.atlanti-quote .quote-photo .sub{
  font-family:var(--font-head);font-weight:800;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:#bcd4ec;margin-top:10px;
}

@media (max-width:1000px){
  .atlanti-intro,
  .atlanti-intro.no-logo,
  .atlanti-intro.no-box{grid-template-columns:1fr}
  .atlanti-intro-logo{max-width:220px}
  .atlanti-handbook{grid-template-columns:1fr}
  .atlanti-handbook .hb-cover{max-width:220px}
  .atlanti-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:620px){
  .atlanti-steps{grid-template-columns:1fr}
  .atlanti-page-hero{min-height:180px}
}