/* ==========================================================================
   csapatepites.css — a Csapatépítés oldal egyedi (speciális) stílusai.
   A base.css + subpage.css mellé töltődik be. Csak az itt egyedi szelektorok
   szerepelnek (intro / delivery / venues / vrow / kit / cta-box + reszponzív);
   a megosztott chrome, .phero, .sec, .icard, .contact, .btn a közös fájlokban van.
   ========================================================================== */

/* ---------- Gomb-variáns ---------- */
.btn-sm{font-size:.92rem;padding:.65em 1.2em}

/* ---------- Intro ---------- */
.intro{background:var(--paper-2)}
.intro .lead{max-width:74ch;margin-inline:auto;text-align:center;font-size:1.18rem;line-height:1.7;color:#3c322b}
.intro .lead b{background:var(--flame);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.6rem}
.intro .stat{background:#fff;border:1px solid var(--line);padding:1.6rem 1.4rem;text-align:center;position:relative;overflow:hidden}
.intro .stat::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--flame-h)}
.intro .stat .n{font-family:'Saira Condensed',sans-serif;font-weight:900;font-style:italic;font-size:3rem;line-height:.85;background:var(--flame);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro .stat .l{font-family:'Saira Condensed',sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.08em;font-size:.86rem;color:#5a4f45;margin-top:.5rem}

/* ---------- Élményfutár szalag ---------- */
.delivery{margin-top:2.6rem;background:var(--ink);color:#fff;padding:clamp(1.6rem,3vw,2.2rem) clamp(1.6rem,3vw,2.4rem);display:flex;align-items:center;gap:1.4rem;clip-path:polygon(0 0,100% 0,100% 100%,18px 100%);position:relative;overflow:hidden}
.delivery::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 100% 50%,rgba(255,122,24,.22),transparent 60%)}
.delivery .truck{position:relative;z-index:2;flex:0 0 auto;width:54px;height:54px;display:grid;place-items:center;background:var(--flame-h);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.delivery .truck svg{width:30px;height:30px;stroke:#1a0e00;fill:none;stroke-width:2}
.delivery p{position:relative;z-index:2;font-size:1.08rem;line-height:1.5;color:#f1e7da}
.delivery p b{color:var(--o-yellow);font-family:'Saira Condensed',sans-serif;font-style:italic;font-weight:800}

/* ---------- Helyszínek ---------- */
.venues{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.venues::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 90% 5%,rgba(255,122,24,.16),transparent 55%)}
.venues .sec-head .eyebrow{color:var(--o-yellow)}
.venues .sec-head p{color:#bdb0a2}
.vz{display:grid;gap:1.6rem}
.vrow{display:grid;grid-template-columns:1fr 1fr;background:var(--ink-2);border:1px solid rgba(255,255,255,.1);overflow:hidden}
.vrow .vmedia{position:relative;min-height:320px;overflow:hidden}
.vrow .vmedia .photo{position:absolute;inset:0;transition:transform .6s}
.vrow:hover .vmedia .photo{transform:scale(1.06)}
.vrow .vmedia .citytag{position:absolute;left:0;bottom:0;z-index:3;background:var(--flame-h);color:#1a0e00;font-family:'Saira Condensed',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem;padding:.4em 1.4em .4em .9em;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.vrow .vbody{padding:clamp(1.6rem,3vw,2.6rem);display:flex;flex-direction:column;justify-content:center}
.vrow .vbody .loc{display:inline-flex;align-items:center;gap:.4em;font-family:'Saira Condensed',sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--o-yellow);margin-bottom:.5rem}
.vrow .vbody .loc svg{width:14px;height:14px;stroke:var(--o-orange);fill:none;stroke-width:2}
.vrow .vbody h3{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-bottom:.6rem}
.vrow .vbody h3 .fl{color:transparent;background:var(--flame);-webkit-background-clip:text;background-clip:text}
.vrow .vbody p{color:#cdbfb2;line-height:1.6;font-size:.96rem;margin-bottom:1rem}
.vrow .vbody .progs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 1.2rem}
.vrow .vbody .progs span{font-family:'Saira Condensed',sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;padding:.25em .7em;border:1.5px solid rgba(255,255,255,.18);color:#e9ddcf}
.vrow .vbody .venuename{display:inline-flex;align-items:center;gap:.5em;font-size:.86rem;color:#e0d5c7;margin-bottom:1rem}
.vrow .vbody .venuename b{font-family:'Saira Condensed',sans-serif;font-weight:800;font-style:italic;color:var(--o-yellow)}
.vrow .vbody .row-cta{margin-top:auto}
.vrow.rev .vmedia{order:2}

/* ---------- Kitelepülés ---------- */
.kit{background:var(--paper-2)}
.kit .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.kit .copy .eyebrow{color:var(--o-red);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
.kit .copy .eyebrow::before{content:"";width:28px;height:3px;background:var(--flame-h)}
.kit .copy h2{font-size:clamp(2.1rem,4.4vw,3.2rem);margin-bottom:1rem}
.kit .copy p{color:#3c322b;line-height:1.7;font-size:1.05rem;margin-bottom:1rem;max-width:54ch}
.kit .feats{display:grid;gap:.7rem;margin:1.4rem 0 1.8rem}
.kit .feat{display:flex;align-items:center;gap:.8rem;font-weight:600;color:#2a221c}
.kit .feat .tick{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;background:var(--flame-h);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.kit .feat .tick svg{width:14px;height:14px;stroke:#1a0e00;fill:none;stroke-width:3}
.kit .poster{position:relative}
.kit .poster img{width:100%;border:3px solid #fff;box-shadow:0 26px 50px rgba(16,12,10,.28)}

/* ---------- CTA (dobozos variáns) ---------- */
.cta{background:var(--ink)}
.cta .box{background:var(--ink-2);color:#fff;position:relative;overflow:hidden;padding:clamp(2.5rem,5vw,4rem);text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,24px 100%);border:1px solid rgba(255,255,255,.08)}
.cta .box::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 100% 50%,rgba(226,36,20,.28),transparent 60%),radial-gradient(60% 80% at 0% 0%,rgba(255,122,24,.22),transparent 55%)}
.cta .box>*{position:relative;z-index:2}
.cta .eyebrow{color:var(--o-yellow);margin-bottom:.6rem;display:block}
.cta h2{font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:1rem}
.cta p{color:#d9ccbe;font-size:1.1rem;max-width:54ch;margin:0 auto 1.8rem;line-height:1.5}

/* ---------- Reszponzív ---------- */
@media(max-width:980px){
  .intro .stats{grid-template-columns:1fr}
  .vrow{grid-template-columns:1fr}
  .vrow .vmedia{min-height:240px}
  .vrow.rev .vmedia{order:0}
  .kit .grid{grid-template-columns:1fr}
  .kit .poster{max-width:460px;margin-inline:auto}
}
@media(max-width:560px){
  .delivery{flex-direction:column;text-align:center}
}