/* ===========================================================
   GoPos — Kampanya Reklam İniş Sayfası (page-kampanya.php)
   Facebook / sosyal reklam hedefi · tek teklife odaklı
   =========================================================== */

.gp-lp .section-head--center { text-align:center; max-width:680px; margin-inline:auto; margin-bottom:clamp(2rem,4vw,3rem); }

/* Buton varyantları (yalnız bu sayfada yüklenir) */
.gp-btn--wa { background:#25D366; color:#fff; }
.gp-btn--wa:hover { background:#1FB855; color:#fff; transform:translateY(-3px); }
.gp-btn--light { background:#fff; color:var(--gp-primary); box-shadow:var(--shadow-lg); }
.gp-btn--light:hover { transform:translateY(-3px); color:var(--gp-primary-dark); }
.gp-btn--outline-light { background:transparent; color:#fff; border:2px solid rgba(255,255,255,.55); }
.gp-btn--outline-light:hover { background:rgba(255,255,255,.12); border-color:#fff; color:#fff; }

/* ── Hero ───────────────────────────────────────────────── */
.gp-lp-hero { position:relative; overflow:hidden; padding-block:clamp(2.5rem,6vw,4.5rem);
  background:radial-gradient(ellipse 90% 80% at 15% 0%, var(--gp-primary-tint) 0%, transparent 55%), var(--gp-bg); }
.gp-lp-hero__bg { position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 90% 20%, rgba(255,89,49,.10), transparent 45%); }
.gp-lp-hero__grid { position:relative; display:grid; grid-template-columns:1.35fr .9fr; gap:clamp(1.5rem,4vw,3rem); align-items:center; }

.gp-lp-hero__tag { display:inline-block; font-size:var(--text-xs); font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:var(--gp-primary); background:var(--gp-primary-soft); border-radius:var(--radius-full); padding:.4rem 1rem; margin-bottom:var(--space-4); }
.gp-lp-hero__title { font-size:clamp(2.1rem,6vw,3.6rem); line-height:1.05; margin-bottom:var(--space-4); }
.gp-lp-hero__desc { font-size:clamp(var(--text-base),2vw,var(--text-lg)); color:var(--gp-text); line-height:1.65; max-width:520px; margin-bottom:var(--space-5); }

/* Fiyat kutusu */
.gp-lp-price { display:inline-flex; flex-direction:column; align-items:flex-start; gap:.15rem;
  background:var(--grad-primary); color:#fff; border-radius:var(--radius-xl); padding:clamp(1rem,3vw,1.4rem) clamp(1.4rem,4vw,2rem);
  box-shadow:var(--shadow-primary); margin-bottom:var(--space-5); }
.gp-lp-price__old { font-size:var(--text-lg); font-weight:600; text-decoration:line-through; opacity:.8; }
.gp-lp-price__now { font-size:clamp(2.4rem,7vw,3.4rem); font-weight:900; line-height:1; letter-spacing:-.02em; }
.gp-lp-price__note { font-size:var(--text-sm); font-weight:700; margin-top:.35rem; }

/* Yazar kasa seçici (canlı fiyat) */
.gp-lp-config { margin-bottom:var(--space-5); padding:clamp(1rem,3vw,1.3rem); background:var(--gp-bg-soft);
  border:1px solid var(--gp-line); border-radius:var(--radius-lg); }
.gp-lp-config__label { display:block; font-size:var(--text-sm); font-weight:800; color:var(--gp-ink); margin-bottom:.7rem; }
.gp-lp-config__opts { display:flex; flex-wrap:wrap; gap:.5rem; }
.gp-lp-opt { position:relative; }
.gp-lp-opt input { position:absolute; inset:0; opacity:0; cursor:pointer; margin:0; }
.gp-lp-opt span { display:inline-flex; align-items:center; gap:.4rem; padding:.55rem .9rem; border:2px solid var(--gp-line-2);
  border-radius:var(--radius-full); background:#fff; font-size:var(--text-sm); font-weight:600; color:var(--gp-ink); transition:all var(--transition); }
.gp-lp-opt span b { color:var(--gp-primary); font-weight:800; }
.gp-lp-opt span:hover { border-color:var(--gp-primary); }
.gp-lp-opt input:checked + span { border-color:var(--gp-primary); background:var(--gp-primary-tint); box-shadow:var(--shadow-sm); }
.gp-lp-opt input:focus-visible + span { outline:3px solid var(--gp-primary-soft); outline-offset:2px; }
.gp-lp-config__picked { margin:.7rem 0 0; font-size:var(--text-sm); color:var(--gp-text); }
.gp-lp-config__picked b { color:var(--gp-ink); font-weight:800; }
.gp-lp-config__perk { margin:.4rem 0 0; font-size:var(--text-sm); font-weight:700; color:var(--gp-gold); }

.gp-lp-hero__cta { display:flex; flex-wrap:wrap; gap:var(--space-3); margin-bottom:var(--space-4); }
.gp-lp-hero__trust { font-size:var(--text-sm); font-weight:700; color:var(--gp-ink); }
.gp-lp-hero__deadline { display:inline-block; font-size:var(--text-sm); font-weight:700; color:#fff; background:var(--gp-ink);
  border-radius:var(--radius-full); padding:.5rem 1.1rem; margin-bottom:var(--space-5); }
.gp-lp-hero__deadline b { color:var(--gp-gold-soft); }

/* Editör içerik (prose) */
.gp-lp-content { font-size:var(--text-base); color:var(--gp-text); line-height:1.75; }
.gp-lp-content h2, .gp-lp-content h3 { color:var(--gp-ink); margin:1.6em 0 .5em; }
.gp-lp-content p { margin-bottom:1em; }
.gp-lp-content ul, .gp-lp-content ol { margin:0 0 1em 1.25em; }
.gp-lp-content li { margin-bottom:.4em; }
.gp-lp-content img { border-radius:var(--radius-lg); }
.gp-lp-content a { color:var(--gp-primary); font-weight:600; text-decoration:underline; }

/* Sağ: pakete dahil */
.gp-lp-hero__right { background:#fff; border:1px solid var(--gp-line); border-radius:var(--radius-2xl);
  padding:clamp(1.5rem,3vw,2rem); box-shadow:var(--shadow-lg); }
.gp-lp-pack__label { display:inline-block; font-size:var(--text-sm); font-weight:800; color:var(--gp-primary);
  background:var(--gp-primary-tint); border-radius:var(--radius-full); padding:.4rem .9rem; margin-bottom:var(--space-4); }
.gp-lp-pack { display:flex; flex-direction:column; gap:.75rem; }
.gp-lp-pack li { display:flex; align-items:center; gap:.85rem; padding:.7rem .85rem; background:var(--gp-bg-soft);
  border:1px solid var(--gp-line); border-radius:var(--radius-md); font-weight:700; color:var(--gp-ink); }
.gp-lp-pack__ico { flex-shrink:0; width:40px; height:40px; display:flex; align-items:center; justify-content:center;
  background:#fff; border-radius:var(--radius-sm); color:var(--gp-primary); box-shadow:var(--shadow-sm); }
.gp-lp-pack__ico .gp-ico { width:22px; height:22px; }
.gp-lp-pack__txt { font-size:var(--text-sm); line-height:1.3; }

/* Hero'da kampanya görseli */
.gp-lp-hero__right--img { background:transparent; border:0; box-shadow:none; padding:0; text-align:center; }
.gp-lp-hero__img { display:block; width:100%; max-width:520px; margin-inline:auto; height:auto; border-radius:var(--radius-2xl);
  box-shadow:var(--shadow-xl); }

/* Pakete dahil — cihaz ikonlu grid (görsel hero'dayken) */
.gp-lp-featgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:clamp(.75rem,2vw,1.1rem); }
.gp-lp-feat { display:flex; align-items:center; gap:.85rem; background:#fff; border:1px solid var(--gp-line);
  border-radius:var(--radius-lg); padding:.9rem 1.1rem; box-shadow:var(--shadow-sm);
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition); }
.gp-lp-feat:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--gp-primary-soft); }
.gp-lp-feat__ico { flex-shrink:0; width:46px; height:46px; display:flex; align-items:center; justify-content:center;
  background:var(--gp-primary-tint); border-radius:var(--radius-md); color:var(--gp-primary); }
.gp-lp-feat__ico .gp-ico { width:24px; height:24px; }
.gp-lp-feat__txt { font-size:var(--text-sm); font-weight:700; color:var(--gp-ink); line-height:1.3; }

/* ── Teknik özellikler barı ─────────────────────────────── */
.gp-lp-specs { background:var(--gp-ink); padding-block:clamp(1.25rem,3vw,1.75rem); }
.gp-lp-specs__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(.75rem,2vw,1.25rem); }
.gp-lp-spec { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.15rem; color:#fff; }
.gp-lp-spec__ico { font-size:1.5rem; margin-bottom:.15rem; }
.gp-lp-spec__main { font-size:var(--text-base); font-weight:800; }
.gp-lp-spec__sub { font-size:var(--text-xs); color:rgba(255,255,255,.7); }

/* ── Pakete dahil detay ─────────────────────────────────── */
.gp-lp-inc { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1rem,2.5vw,1.5rem); }
.gp-lp-inc__card { background:#fff; border:1px solid var(--gp-line); border-radius:var(--radius-xl);
  padding:clamp(1.35rem,3vw,1.75rem); transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition); }
.gp-lp-inc__card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:var(--gp-primary-soft); }
.gp-lp-inc__ico { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px;
  background:var(--gp-primary-tint); border-radius:var(--radius-lg); color:var(--gp-primary); margin-bottom:var(--space-3); }
.gp-lp-inc__ico .gp-ico { width:26px; height:26px; }
.gp-lp-inc__title { font-size:var(--text-lg); margin-bottom:.35rem; }
.gp-lp-inc__desc { font-size:var(--text-sm); color:var(--gp-text); line-height:1.6; }

/* ── Final CTA ──────────────────────────────────────────── */
.gp-lp-final { background:linear-gradient(135deg,var(--gp-primary) 0%,var(--gp-primary-dark) 100%); color:#fff;
  padding-block:clamp(3rem,6vw,4.5rem); position:relative; overflow:hidden; }
.gp-lp-final::before { content:''; position:absolute; width:360px; height:360px; border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%); top:-160px; left:-100px; pointer-events:none; }
.gp-lp-final__inner { position:relative; text-align:center; max-width:640px; margin-inline:auto; }
.gp-lp-final__robot { width:clamp(90px,18vw,120px); margin:0 auto var(--space-4); filter:drop-shadow(0 14px 24px rgba(0,0,0,.25)); }
.gp-lp-final__title { color:#fff; font-size:clamp(1.7rem,4.5vw,2.6rem); margin-bottom:var(--space-3); }
.gp-lp-final__desc { color:rgba(255,255,255,.9); font-size:var(--text-lg); line-height:1.6; margin-bottom:var(--space-6); }
.gp-lp-final__cta { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-3); }

/* ── Duyarlı ────────────────────────────────────────────── */
@media (max-width:860px){
  .gp-lp-hero__grid { grid-template-columns:1fr; }
  .gp-lp-inc { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .gp-lp-specs__grid { grid-template-columns:repeat(2,1fr); }
  .gp-lp-inc { grid-template-columns:1fr; }
  .gp-lp-price { width:100%; align-items:center; text-align:center; }
  .gp-lp-hero__cta .gp-btn, .gp-lp-final__cta .gp-btn { flex:1 1 100%; justify-content:center; }
}