/* Paketler sayfası (4 Kas 2026) — tasarım: gorseller-3kas/Paketler/P360 Health Clinic Growth Packages.png
   Ölçüler 1672 px tasarım pikseli (--u). Kart sınıfları ana sayfadaki .a-paket-kart / .a-fiyat / .a-paket-ozet
   üzerine kurulu; görünüm bu sayfanın tasarımına göre ezilir. */

.p-sayfa{--p-mavi:#2f7fe0;--p-mor:#7b4fe0;--p-tur:var(--a-turuncu);background:#fff;overflow:hidden}
.p-sayfa h1,.p-sayfa h2,.p-sayfa h3{color:var(--a-lacivert);font-weight:800;letter-spacing:-.045em;margin:0}
.p-sayfa h1{font-size:clamp(36px,9vw,48px);line-height:1.1;letter-spacing:-.035em}
.p-sayfa h1 em{display:block;font-style:normal;color:var(--a-turuncu)}
.p-sayfa h2{font-size:clamp(30px,7.5vw,40px);line-height:1.1}
.p-lead{font-size:17px;line-height:1.6;color:var(--a-gri);margin:14px 0 0}
.p-ic{position:relative;z-index:1}

/* Renk takımları */
.p-growth{--r:var(--p-mavi);--z:#d6e6fe;--t1:#e9f1fe;--t2:#f5f9ff}
.p-pro{--r:var(--p-mor);--z:#e4d8fd;--t1:#efe9fd;--t2:#f8f5ff}
.p-exec{--r:#f25a24;--z:#fedccb;--t1:#fdeee4;--t2:#fff8f3}
.p-ikon{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:16px;background:var(--z);color:var(--r);box-shadow:0 8px 20px #1423440d}
.p-ikon svg{width:34px;height:34px;stroke-width:2.3}

/* Lacivert düğme */
.p-btn-lac{background:linear-gradient(180deg,#14205c,#0a1446);color:#fff;box-shadow:0 12px 26px #0a144633}
.p-btn-lac:hover{color:#fff;box-shadow:0 16px 32px #0a144647}

/* ── Açılış ─────────────────────────────── */
.p-hero{position:relative;background:#fafcfe;padding:30px 0 36px}
.p-hero-gorsel{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.p-hero .p-lead{max-width:560px}
.p-kartlar{display:grid;grid-template-columns:1fr;gap:22px;margin-top:28px}
.p-sayfa .a-paket-kart{border:1px solid #ffffffcc;border-radius:20px;box-shadow:0 20px 50px #1423440f;background:linear-gradient(180deg,var(--t1),var(--t2))}
.p-kart{padding:24px 22px 0;overflow:hidden}
.p-kart-bas{display:flex;align-items:center;gap:16px}
.p-ad{font:800 26px/1.1 Manrope,sans-serif!important;letter-spacing:-.03em!important}
.p-alt{font-size:14.5px;line-height:1.35;color:#46536b;margin:4px 0 0}
.p-sayfa .a-fiyat{font-size:36px;letter-spacing:-.045em;margin:22px 0 10px;color:var(--a-lacivert)}
.p-sayfa .a-fiyat small{font:400 15px/1 'DM Sans',sans-serif;color:#7a869b;margin-left:4px}
.p-sayfa .a-paket-ozet{font-size:16px;line-height:1.6;color:#46536b;margin:0 0 20px}
.p-kart .a-btn{width:100%;padding:18px;border-radius:12px}
.p-kart-gorsel{display:block;width:calc(100% + 44px);max-width:none;margin:22px -22px 0;height:220px;object-fit:cover;object-position:center 40%}
.p-pro .p-kart-gorsel{object-position:center 30%}
.p-exec .p-kart-gorsel{object-position:center 35%}

/* ── Karşılaştırma ─────────────────────── */
.p-kars{padding:46px 0 30px;background:#fff}
.p-kars-baslik{margin-bottom:22px}
.p-tablo-kap{overflow-x:auto;border-radius:18px;background:#fff;box-shadow:0 18px 50px #1423440d;border:1px solid #eef1f6}
.p-tablo{width:100%;border-collapse:collapse;font-size:12.5px;color:#3b4862}
.p-tablo thead th{text-align:center;vertical-align:top;padding:14px 2px 12px;width:20%;background:linear-gradient(180deg,var(--t1),var(--t2));font-weight:400}
.p-tablo thead th .p-ikon{width:40px;height:40px;border-radius:11px;margin:0 auto 8px}
.p-tablo thead th .p-ikon svg{width:20px;height:20px}
.p-tablo thead b{display:block;font:800 14px/1.2 Manrope,sans-serif;color:var(--a-lacivert);letter-spacing:-.02em}
.p-tf{display:block;font-weight:600;color:var(--a-lacivert);margin-top:3px;font-size:10.5px}
.p-tablo thead small{display:block;color:#7a869b;font-size:10.5px}
.p-tablo td,.p-tablo tbody th{border-top:1px solid #eef1f6;padding:11px 4px;text-align:center}
.p-tablo tbody th{text-align:left;font-weight:500;color:#33405a;padding-left:10px;display:flex;align-items:center;gap:7px;width:40%;font-size:11.5px;line-height:1.35}
.p-tablo tbody th svg{width:16px;height:16px;flex:none;color:#5d6b82;stroke-width:1.7}
.p-tablo td{color:#2a3754;font-size:11.5px}
.p-var{display:inline-block;width:22px;height:22px;border-radius:50%;background:#2fbf80 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 12.5 3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/70% no-repeat;vertical-align:middle;box-shadow:0 4px 10px #2fbf8040}
.p-yok{color:#9aa5b8}
.p-dipnot{font-size:12.5px;color:#7a869b;margin:14px 0 0}

/* ── Paket detayları ──────────────────── */
.p-detay{background:#f9fbfd;padding:46px 0 40px}
.p-detay-ust{display:grid;gap:20px}
.p-bilgi{display:flex;align-items:center;gap:14px;margin:0;padding:16px 20px;border-radius:16px;background:#f0f5fd;color:#3b4862;font-size:15px;line-height:1.55}
.p-bilgi svg{flex:none;width:30px;height:30px;padding:5px;border-radius:50%;background:var(--a-mavi);color:#fff;stroke-width:2.4}
.p-dkart{padding:0;overflow:hidden}
.p-dkart .p-kart-bas{padding:22px 22px 18px}
.p-dkart-ic{flex:1;display:flex;flex-direction:column;margin:0 3px 3px;padding:22px 22px 24px;background:#ffffffc7;border-radius:16px}
.p-sayfa .p-dkart ul{flex:1;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;border:0}
.p-sayfa .p-dkart li{position:relative;padding-left:36px;margin:0;font-size:15.5px;line-height:1.35;color:#33405a}
.p-sayfa .p-dkart li:before{top:0;width:21px;height:21px;-webkit-mask:none;mask:none;border-radius:50%;background:#e3eefe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7fe0' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 12.5 3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/72% no-repeat}
.p-dkart .a-fiyat{text-align:center;margin:26px 0 14px}
.p-dkart .a-btn{width:100%;padding:17px 12px;border-radius:10px}

/* ── Kim için ─────────────────────────── */
.p-kim{background:#fafcfd;padding:44px 0 46px}
.p-kim h2{font-size:clamp(26px,6.5vw,34px)}
.p-kim .p-kartlar{margin-top:24px}
.p-kkart{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #1423440f;border:1px solid #eef1f6}
.p-kkart img{display:block;width:100%;height:200px;object-fit:cover;object-position:center 22%}
.p-kkart>div{padding:20px 24px 26px}
.p-kkart h3{font-size:22px;letter-spacing:-.03em}
.p-kkart p{font-size:15.5px;line-height:1.6;color:var(--a-gri);margin:8px 0 0}

/* ── Kapanış ──────────────────────────── */
.p-sayfa .s-koyu h2{color:#fff}
.p-cta-kutu{position:relative;z-index:1;list-style:none;margin:0 24px 36px;padding:18px 22px;background:#fff;border-radius:16px;box-shadow:0 16px 40px #0004;display:grid;gap:14px}
.p-cta-kutu li{display:flex;align-items:center;gap:14px;font:500 15px/1.3 'DM Sans',sans-serif;color:var(--a-lacivert)}
.p-cta-kutu span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#e8f0fd;color:var(--a-mavi)}
.p-cta-kutu svg{width:18px;height:18px}

@media (max-width:991.98px){
  .p-cta{display:flex;flex-direction:column}
  .p-cta .s-gorsel{object-position:55% center}
}

/* ── Masaüstü: tasarım pikseli ─────────── */
@media (min-width:992px){
  .p-sayfa .a-kap{--k:92}
  .p-sayfa h1{font-size:calc(66 * var(--u));line-height:1.1}
  .p-sayfa h2{font-size:calc(58 * var(--u));line-height:1.08}
  .p-lead{font-size:max(15px,calc(22 * var(--u)));line-height:1.6;margin-top:calc(10 * var(--u))}
  .p-ikon{width:calc(78 * var(--u));height:calc(78 * var(--u));border-radius:calc(18 * var(--u))}
  .p-ikon svg{width:calc(42 * var(--u));height:calc(42 * var(--u))}

  /* Açılış: tasarımda 100–1209 px (üst menü hariç) */
  .p-hero{padding:calc(56 * var(--u)) 0 calc(32 * var(--u))}
  .p-hero-gorsel{top:calc(-100 * var(--u));opacity:1;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
  .p-hero .p-lead{max-width:calc(720 * var(--u))}
  .p-kartlar{grid-template-columns:repeat(3,1fr);gap:calc(36 * var(--u));margin-top:calc(32 * var(--u))}
  .p-sayfa .a-paket-kart{border-radius:calc(20 * var(--u))}
  .p-kart{padding:calc(27 * var(--u)) calc(34 * var(--u)) 0}
  .p-kart-bas{gap:calc(20 * var(--u))}
  .p-ad{font-size:calc(31 * var(--u))!important}
  .p-alt{font-size:max(12px,calc(17.5 * var(--u)));margin-top:calc(8 * var(--u))}
  .p-sayfa .a-fiyat{font-size:calc(48 * var(--u));margin:calc(30 * var(--u)) 0 calc(14 * var(--u))}
  .p-sayfa .a-fiyat small{font-size:max(12px,calc(19 * var(--u)))}
  .p-sayfa .a-paket-ozet{font-size:max(13px,calc(20 * var(--u)));line-height:1.65;margin-bottom:calc(24 * var(--u));max-width:calc(345 * var(--u))}
  .p-kart .a-btn{padding:calc(26 * var(--u)) calc(20 * var(--u));font-size:max(14px,calc(19 * var(--u)));border-radius:calc(12 * var(--u))}
  .p-kart-gorsel{width:calc(100% + 68 * var(--u));margin:calc(26 * var(--u)) calc(-34 * var(--u)) 0;height:calc(323 * var(--u))}

  /* Karşılaştırma: 1209–2220 px */
  .p-kars{padding:calc(30 * var(--u)) 0 calc(30 * var(--u))}
  .p-kars-izgara{display:grid}
  .p-kars-baslik{grid-area:1/1;align-self:start;z-index:2;margin:calc(42 * var(--u)) 0 0;max-width:calc(560 * var(--u))}
  .p-tablo-kap{grid-area:1/1;overflow:visible;border:0;box-shadow:none;background:transparent;border-radius:0}
  .p-tablo{font-size:max(12px,calc(19 * var(--u)));table-layout:fixed}
  .p-tablo .p-bos{width:calc(583 * var(--u))}
  .p-tablo thead th{padding:calc(26 * var(--u)) 0 calc(24 * var(--u));border-radius:calc(18 * var(--u)) calc(18 * var(--u)) 0 0}
  .p-tablo thead th.p-growth{border-radius:calc(18 * var(--u)) 0 0 0}
  .p-tablo thead th.p-pro{border-radius:0}
  .p-tablo thead th.p-exec{border-radius:0 calc(18 * var(--u)) 0 0}
  .p-tablo thead th .p-ikon{width:calc(78 * var(--u));height:calc(78 * var(--u));border-radius:calc(18 * var(--u));margin-bottom:calc(20 * var(--u))}
  .p-tablo thead th .p-ikon svg{width:calc(42 * var(--u));height:calc(42 * var(--u))}
  .p-tablo thead b{font-size:calc(25 * var(--u))}
  .p-tf{font-size:max(12px,calc(21 * var(--u)));margin-top:calc(8 * var(--u))}
  .p-tablo thead small{font-size:max(11px,calc(14.5 * var(--u)));margin-top:calc(2 * var(--u))}
  .p-tablo tbody{box-shadow:0 0 0 1px #eef1f6,0 18px 50px #1423440d;border-radius:calc(14 * var(--u))}
  .p-tablo tbody tr{background:#fff}
  .p-tablo td,.p-tablo tbody th{height:calc(57 * var(--u));padding:0 calc(10 * var(--u));font-size:max(12px,calc(19 * var(--u)))}
  .p-tablo thead th{width:auto}
  .p-tf{white-space:nowrap}
  .p-tablo td+td{border-left:1px solid #f1f3f7}
  .p-tablo tbody th{display:table-cell;padding-left:calc(40 * var(--u));font-size:max(12px,calc(19 * var(--u)))}
  .p-tablo tbody th svg{width:calc(24 * var(--u));height:calc(24 * var(--u));margin-right:calc(20 * var(--u));vertical-align:-.25em;display:inline-block}
  .p-var{width:calc(30 * var(--u));height:calc(30 * var(--u))}
  .p-dipnot{font-size:max(11px,calc(15 * var(--u)));margin-top:calc(16 * var(--u))}

  /* Detaylar: 2220–3290 px */
  .p-detay{padding:calc(60 * var(--u)) 0 calc(44 * var(--u))}
  .p-detay-ust{grid-template-columns:1fr calc(625 * var(--u));align-items:start;gap:calc(40 * var(--u))}
  .p-detay h2{font-size:calc(60 * var(--u))}
  .p-detay .p-lead{max-width:calc(425 * var(--u));font-size:max(14px,calc(22 * var(--u)));line-height:1.45;margin-top:calc(12 * var(--u))}
  .p-bilgi{margin-top:calc(14 * var(--u));padding:calc(20 * var(--u)) calc(34 * var(--u)) calc(20 * var(--u)) calc(34 * var(--u));gap:calc(28 * var(--u));border-radius:calc(18 * var(--u));font-size:max(12px,calc(18 * var(--u)))}
  .p-bilgi svg{width:calc(34 * var(--u));height:calc(34 * var(--u));padding:calc(6 * var(--u))}
  .p-detay .p-kartlar{margin-top:calc(42 * var(--u))}
  .p-dkart .p-kart-bas{padding:calc(24 * var(--u)) calc(28 * var(--u)) calc(20 * var(--u))}
  .p-dkart-ic{margin:0 calc(3 * var(--u)) calc(3 * var(--u));padding:calc(32 * var(--u)) calc(28 * var(--u)) calc(22 * var(--u)) calc(28 * var(--u));border-radius:calc(16 * var(--u))}
  .p-sayfa .p-dkart ul{height:calc(430 * var(--u));flex:none;justify-content:space-between;gap:0}
  .p-sayfa .p-dkart li{font-size:max(12px,calc(18.5 * var(--u)));padding-left:calc(52 * var(--u));line-height:1.25}
  .p-sayfa .p-dkart li:before{left:calc(10 * var(--u));top:calc(-1 * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u))}
  .p-dkart .a-fiyat{font-size:calc(40 * var(--u));margin:calc(26 * var(--u)) 0 calc(20 * var(--u))}
  .p-dkart .a-btn{padding:calc(20 * var(--u)) calc(12 * var(--u));font-size:max(13px,calc(18 * var(--u)));border-radius:calc(10 * var(--u))}

  /* Kim için: 3290–3873 px */
  .p-kim{padding:calc(30 * var(--u)) 0 calc(46 * var(--u))}
  .p-kim h2{font-size:calc(40 * var(--u))}
  .p-kim .a-kicker{margin-bottom:calc(18 * var(--u))}
  .p-kim .p-kartlar{margin-top:calc(26 * var(--u))}
  .p-kkart{border-radius:calc(16 * var(--u))}
  .p-kkart img{height:calc(213 * var(--u))}
  .p-kkart>div{padding:calc(24 * var(--u)) calc(34 * var(--u)) calc(30 * var(--u))}
  .p-kkart h3{font-size:calc(27 * var(--u))}
  .p-kkart p{font-size:max(13px,calc(19.5 * var(--u)));line-height:1.6;margin-top:calc(10 * var(--u));max-width:calc(380 * var(--u))}

  /* Kapanış: görsel 2398×656, kutu görseldeki yerinde (x 76,5 %, y 21,3 %) */
  .p-cta h2{font-size:calc(46 * var(--u));line-height:1.2;letter-spacing:-.035em}
  .p-cta .s-lead{font-size:max(14px,calc(22 * var(--u)));line-height:1.6;margin-top:calc(18 * var(--u))}
  .p-cta .s-butonlar{margin-top:calc(28 * var(--u))}
  .p-cta .s-butonlar .a-btn{padding:calc(27 * var(--u)) calc(52 * var(--u));font-size:max(14px,calc(20 * var(--u)))}
  .p-cta>.s-gorsel{height:auto;min-height:0;align-self:start}
  .p-cta-kutu{position:absolute;left:76.2%;top:calc(94 * var(--u));width:19.9%;height:calc(190 * var(--u));margin:0;padding:0 calc(22 * var(--u));align-content:center;gap:calc(14 * var(--u));border-radius:calc(20 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #0003}
  .p-cta-kutu li{gap:calc(16 * var(--u));font-size:max(11px,calc(16.5 * var(--u)))}
  .p-cta-kutu span{width:calc(40 * var(--u));height:calc(40 * var(--u))}
  .p-cta-kutu svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}
}