/* ==========================================================================
   Certum Pro — WHMCS teması
   Tasarım sistemi: sertifika/mühür estetiği, Certum azure + altın mühür.
   Aydınlık (kağıt) varsayılan; karanlık (mürekkep) otomatik + zorlanabilir.
   ========================================================================== */

:root{
  --cp-bg:#FBFAF6;
  --cp-surface:#FFFFFF;
  --cp-surface-2:#F3F1E9;
  --cp-ink:#0C2233;
  --cp-ink-soft:#4C5C6B;
  --cp-ink-faint:#8494A1;
  --cp-line:#E5E0D4;
  --cp-line-strong:#D3CCBB;
  --cp-brand:#0A9AD9;
  --cp-brand-strong:#0B6FA0;
  --cp-brand-tint:#E2F3FB;
  --cp-seal:#B0842C;
  --cp-seal-tint:#F5ECD6;
  --cp-verified:#2E8B62;
  --cp-verified-tint:#E4F1EA;
  --cp-shadow:0 1px 2px rgba(12,34,51,.04),0 8px 24px rgba(12,34,51,.06);
  --cp-shadow-lg:0 2px 6px rgba(12,34,51,.06),0 24px 60px rgba(12,34,51,.12);
  --cp-radius:14px;
  --cp-radius-sm:9px;
  --cp-maxw:1180px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --cp-bg:#081722;
    --cp-surface:#0D2231;
    --cp-surface-2:#122A3B;
    --cp-ink:#EAF1F5;
    --cp-ink-soft:#93A7B5;
    --cp-ink-faint:#5E7686;
    --cp-line:#1D3849;
    --cp-line-strong:#284759;
    --cp-brand:#3DB4EC;
    --cp-brand-strong:#7CCBF2;
    --cp-brand-tint:#0C3346;
    --cp-seal:#E0B354;
    --cp-seal-tint:#2A2413;
    --cp-verified:#49C089;
    --cp-verified-tint:#0E2A20;
    --cp-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
    --cp-shadow-lg:0 2px 8px rgba(0,0,0,.4),0 30px 70px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"]{
  --cp-bg:#081722;
  --cp-surface:#0D2231;
  --cp-surface-2:#122A3B;
  --cp-ink:#EAF1F5;
  --cp-ink-soft:#93A7B5;
  --cp-ink-faint:#5E7686;
  --cp-line:#1D3849;
  --cp-line-strong:#284759;
  --cp-brand:#3DB4EC;
  --cp-brand-strong:#7CCBF2;
  --cp-brand-tint:#0C3346;
  --cp-seal:#E0B354;
  --cp-seal-tint:#2A2413;
  --cp-verified:#49C089;
  --cp-verified-tint:#0E2A20;
  --cp-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
  --cp-shadow-lg:0 2px 8px rgba(0,0,0,.4),0 30px 70px rgba(0,0,0,.5);
}

/* ---------- base ---------- */
.cp-body{
  background:var(--cp-bg);
  color:var(--cp-ink);
  font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  margin:0;
  overflow-x:hidden;
}
.cp-body *{box-sizing:border-box}
.cp-wrap{max-width:var(--cp-maxw);margin:0 auto;padding:0 24px}
.cp-body a{color:inherit;text-decoration:none}
.cp-body h1,.cp-body h2,.cp-body h3{font-family:"Spectral",Georgia,serif;font-weight:700;line-height:1.1;text-wrap:balance;letter-spacing:-.01em;margin:0}
.cp-mono{font-family:"IBM Plex Mono",ui-monospace,monospace}
.cp-eyebrow{
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--cp-seal);
  display:inline-flex;align-items:center;gap:.55em;
}
.cp-eyebrow::before{content:"";width:22px;height:1px;background:var(--cp-seal);opacity:.7}

/* ---------- buttons ---------- */
.cp-btn{
  display:inline-flex;align-items:center;gap:.5em;
  font-family:"IBM Plex Sans";font-weight:600;font-size:.95rem;
  padding:.72em 1.35em;border-radius:var(--cp-radius-sm);border:1px solid transparent;
  cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
  white-space:nowrap;
}
.cp-btn-primary{background:var(--cp-brand);color:#fff;box-shadow:0 6px 18px -6px var(--cp-brand)}
.cp-btn-primary:hover{background:var(--cp-brand-strong);transform:translateY(-1px)}
.cp-btn-ghost{background:transparent;color:var(--cp-ink);border-color:var(--cp-line-strong)}
.cp-btn-ghost:hover{border-color:var(--cp-brand);color:var(--cp-brand)}
.cp-btn-seal{background:var(--cp-seal);color:#241a05}
.cp-btn-seal:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* ---------- top strip ---------- */
.cp-strip{background:var(--cp-brand-strong);color:#eaf6fd;font-size:.82rem;text-align:center;padding:.5em 1em}
.cp-strip strong{color:var(--cp-seal)}
:root[data-theme="dark"] .cp-strip{background:#06121b}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cp-strip{background:#06121b}}

/* ---------- nav ---------- */
.cp-nav{
  position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--cp-bg) 88%,transparent);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--cp-line);
}
.cp-nav-inner{display:flex;align-items:center;gap:2rem;height:66px}
.cp-logo{display:flex;align-items:center;gap:.6rem}
.cp-logo img{height:34px;width:auto;display:block}
:root[data-theme="dark"] .cp-logo img{filter:brightness(0) invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cp-logo img{filter:brightness(0) invert(1)}}
.cp-nav-links{display:flex;gap:1.5rem;margin-left:.5rem}
.cp-nav-links a{font-size:.92rem;color:var(--cp-ink-soft);font-weight:500;padding:.3em 0;position:relative}
.cp-nav-links a:hover{color:var(--cp-ink)}
.cp-nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--cp-seal);transition:width .2s}
.cp-nav-links a:hover::after{width:100%}
.cp-nav-right{margin-left:auto;display:flex;align-items:center;gap:1rem}
.cp-icon-btn{background:none;border:none;color:var(--cp-ink-soft);cursor:pointer;display:grid;place-items:center;width:38px;height:38px;border-radius:8px}
.cp-icon-btn:hover{background:var(--cp-surface-2);color:var(--cp-ink)}

/* ---------- hero ---------- */
.cp-hero{position:relative;padding:76px 0 64px;overflow:hidden}
.cp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.cp-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin:1.1rem 0 0}
.cp-hero h1 em{font-style:italic;color:var(--cp-brand);font-weight:600}
.cp-hero .cp-lead{font-size:1.14rem;color:var(--cp-ink-soft);max-width:34ch;margin:1.3rem 0 2rem}
.cp-hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.2rem}
.cp-checkline{display:flex;gap:1.4rem;flex-wrap:wrap;font-size:.86rem;color:var(--cp-ink-soft)}
.cp-checkline span{display:inline-flex;align-items:center;gap:.4em}
.cp-checkline svg{color:var(--cp-verified);flex:none}

/* hero visual */
.cp-stage{position:relative}
.cp-browser{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:12px;box-shadow:var(--cp-shadow-lg);overflow:hidden}
.cp-browser-bar{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;border-bottom:1px solid var(--cp-line);background:var(--cp-surface-2)}
.cp-dots{display:flex;gap:.4rem}
.cp-dots i{width:11px;height:11px;border-radius:50%;background:var(--cp-line-strong);display:block}
.cp-addr{flex:1;display:flex;align-items:center;gap:.5em;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:7px;padding:.4em .7em;font-family:"IBM Plex Mono";font-size:.82rem;color:var(--cp-ink-soft)}
.cp-addr .cp-lock{color:var(--cp-verified);display:inline-flex}
.cp-addr .cp-host{color:var(--cp-ink)}
.cp-browser-body{padding:1.3rem 1.2rem 1.4rem}
.cp-cert-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.cp-cert-title .t{font-family:"Spectral";font-weight:700;font-size:1.05rem}
.cp-badge-verified{display:inline-flex;align-items:center;gap:.4em;font-size:.72rem;font-weight:600;color:var(--cp-verified);background:var(--cp-verified-tint);padding:.35em .7em;border-radius:100px}
.cp-cert-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px dashed var(--cp-line);font-size:.84rem}
.cp-cert-row .k{color:var(--cp-ink-faint);font-family:"IBM Plex Mono";font-size:.76rem}
.cp-cert-row .v{color:var(--cp-ink);text-align:right;font-weight:500}
.cp-fingerprint{margin-top:1rem;background:var(--cp-brand-tint);border-radius:8px;padding:.7rem .8rem;font-family:"IBM Plex Mono";font-size:.72rem;color:var(--cp-brand);word-break:break-all;line-height:1.7}
.cp-fingerprint b{color:var(--cp-seal);font-weight:600;display:block;font-size:.64rem;letter-spacing:.12em;margin-bottom:.3em;text-transform:uppercase}
.cp-seal-float{position:absolute;right:-14px;bottom:-18px;width:96px;height:96px;filter:drop-shadow(0 10px 24px rgba(176,132,44,.35))}
@media (prefers-reduced-motion:no-preference){
  .cp-seal-float{animation:cp-seal-in .8s .5s both cubic-bezier(.2,.9,.3,1.3)}
  .cp-addr .cp-lock{animation:cp-lock-pulse 3s ease-in-out 1s infinite}
}
@keyframes cp-seal-in{from{transform:scale(.4) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(-8deg);opacity:1}}
@keyframes cp-lock-pulse{0%,88%,100%{transform:scale(1)}92%{transform:scale(1.18)}}

/* ---------- trust bar ---------- */
.cp-trustbar{border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line);background:var(--cp-surface)}
.cp-trustbar .cp-wrap{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
.cp-trustbar .lbl{font-family:"IBM Plex Mono";font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cp-ink-faint)}
.cp-trust-logos{display:flex;gap:2rem;flex-wrap:wrap;align-items:center;margin-left:auto}
.cp-trust-logos span{font-family:"Spectral";font-weight:700;font-size:1.05rem;color:var(--cp-ink-faint);opacity:.8}

/* ---------- sections ---------- */
.cp-blk{padding:82px 0}
.cp-sec-head{max-width:56ch;margin-bottom:44px}
.cp-sec-head h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin:.7rem 0 .6rem}
.cp-sec-head p{color:var(--cp-ink-soft);font-size:1.05rem}

/* ---------- product cards ---------- */
.cp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cp-card{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:26px 24px 28px;display:flex;flex-direction:column;position:relative;transition:transform .18s ease,box-shadow .22s ease,border-color .2s;box-shadow:var(--cp-shadow)}
.cp-card:hover{transform:translateY(-4px);box-shadow:var(--cp-shadow-lg);border-color:var(--cp-line-strong)}
.cp-card.featured{border-color:var(--cp-seal);box-shadow:0 0 0 1px var(--cp-seal),var(--cp-shadow-lg)}
.cp-card .tier{font-family:"IBM Plex Mono";font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cp-ink-faint)}
.cp-card .flag{position:absolute;top:18px;right:18px;font-size:.66rem;font-weight:600;color:#241a05;background:var(--cp-seal);padding:.3em .7em;border-radius:100px}
.cp-card h3{font-size:1.4rem;margin:.5rem 0 .2rem}
.cp-card .val{font-size:.86rem;color:var(--cp-ink-soft);min-height:2.6em;margin-bottom:1rem}
.cp-price{display:flex;align-items:baseline;gap:.35rem;margin-bottom:.2rem}
.cp-price .amt{font-family:"Spectral";font-size:2.1rem;font-weight:700}
.cp-price .per{font-size:.8rem;color:var(--cp-ink-faint)}
.cp-price .soru{font-family:"Spectral";font-size:1.6rem;font-weight:700;color:var(--cp-ink-faint)}
.cp-feat{list-style:none;margin:1.2rem 0 1.5rem;padding:0;display:flex;flex-direction:column;gap:.6rem}
.cp-feat li{display:flex;gap:.6em;font-size:.88rem;color:var(--cp-ink-soft);align-items:flex-start}
.cp-feat svg{color:var(--cp-verified);flex:none;margin-top:.15em}
.cp-card .cp-btn{margin-top:auto;justify-content:center}

/* ---------- features ---------- */
.cp-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cp-fbox{padding:26px 22px;border:1px solid var(--cp-line);border-radius:var(--cp-radius);background:var(--cp-surface)}
.cp-fbox .ic{width:44px;height:44px;border-radius:10px;background:var(--cp-brand-tint);color:var(--cp-brand);display:grid;place-items:center;margin-bottom:1rem}
.cp-fbox h3{font-size:1.12rem;margin-bottom:.4rem;font-family:"IBM Plex Sans";font-weight:700;letter-spacing:0}
.cp-fbox p{font-size:.87rem;color:var(--cp-ink-soft)}

/* ---------- chain of trust ---------- */
.cp-chain{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cp-chain-node{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;border:1px solid var(--cp-line);border-radius:10px;background:var(--cp-bg)}
.cp-chain-node .cn-ic{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex:none;font-family:"IBM Plex Mono";font-size:.7rem;font-weight:600}
.cp-chain-node .cn-t{font-weight:600;font-size:.9rem}
.cp-chain-node .cn-s{font-size:.75rem;color:var(--cp-ink-faint);font-family:"IBM Plex Mono"}
.cp-chain-link{height:22px;width:2px;background:var(--cp-line-strong);margin:0 0 0 32px}
.cp-n-root .cn-ic{background:var(--cp-seal-tint);color:var(--cp-seal)}
.cp-n-inter .cn-ic{background:var(--cp-brand-tint);color:var(--cp-brand)}
.cp-n-leaf .cn-ic{background:var(--cp-verified-tint);color:var(--cp-verified)}

/* ---------- comparison ---------- */
.cp-tablewrap{overflow-x:auto;border:1px solid var(--cp-line);border-radius:var(--cp-radius);background:var(--cp-surface)}
.cp-tablewrap table{border-collapse:collapse;width:100%;min-width:640px;font-size:.9rem}
.cp-tablewrap th,.cp-tablewrap td{padding:.95em 1.1em;text-align:left;border-bottom:1px solid var(--cp-line)}
.cp-tablewrap thead th{font-family:"IBM Plex Mono";font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cp-ink-faint);font-weight:500;background:var(--cp-surface-2)}
.cp-tablewrap tbody td:first-child{font-weight:500;color:var(--cp-ink)}
.cp-tablewrap .yes{color:var(--cp-verified)}
.cp-tablewrap .no{color:var(--cp-ink-faint)}
.cp-tablewrap tbody tr:last-child td{border-bottom:none}
.cp-col-hi{background:var(--cp-seal-tint)}

/* ---------- cta band ---------- */
.cp-ctaband{background:var(--cp-brand-strong);border-radius:var(--cp-radius);padding:56px 48px;text-align:center;position:relative;overflow:hidden}
.cp-ctaband h2{color:#fff;font-size:clamp(1.8rem,3.2vw,2.6rem);margin-bottom:.6rem}
.cp-ctaband p{color:#dcf1fc;max-width:48ch;margin:0 auto 1.8rem}
.cp-ctaband .hexbg{position:absolute;inset:0;font-family:"IBM Plex Mono";font-size:.7rem;color:#fff;opacity:.05;line-height:1.9;word-break:break-all;padding:1rem;user-select:none;pointer-events:none}

/* ---------- note ---------- */
.cp-wnote{display:flex;align-items:center;gap:.55em;justify-content:center;margin-top:26px;font-size:.82rem;color:var(--cp-ink-faint)}
.cp-wnote svg{color:var(--cp-seal);flex:none}

/* ---------- stats band ---------- */
.cp-statband{border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line);background:var(--cp-surface-2)}
.cp-statband .cp-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:38px;padding-bottom:38px}
.cp-stat{text-align:center}
.cp-stat .n{font-family:"Spectral";font-weight:700;font-size:2.1rem;color:var(--cp-brand);line-height:1}
.cp-stat .l{font-size:.82rem;color:var(--cp-ink-soft);margin-top:.4rem}

/* ---------- catalog (per-product) cards ---------- */
.cp-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cp-pcard{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:22px 20px;display:flex;flex-direction:column;position:relative;box-shadow:var(--cp-shadow);transition:transform .18s ease,box-shadow .22s ease,border-color .2s}
.cp-pcard:hover{transform:translateY(-4px);box-shadow:var(--cp-shadow-lg);border-color:var(--cp-line-strong)}
.cp-pcard.featured{border-color:var(--cp-seal);box-shadow:0 0 0 1px var(--cp-seal),var(--cp-shadow-lg)}
.cp-pcard-flag{position:absolute;top:0;right:18px;transform:translateY(-50%);font-size:.64rem;font-weight:600;color:#241a05;background:var(--cp-seal);padding:.3em .7em;border-radius:100px}
.cp-pcard-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}
.cp-pcard-ca{display:inline-flex;align-items:center;gap:.4em;font-family:"IBM Plex Mono";font-size:.72rem;font-weight:500;color:var(--cp-brand)}
.cp-tierbadge{font-size:.64rem;font-weight:700;letter-spacing:.06em;padding:.32em .6em;border-radius:6px;font-family:"IBM Plex Mono"}
.cp-tier-dv{background:var(--cp-verified-tint);color:var(--cp-verified)}
.cp-tier-ov,.cp-tier-wc{background:var(--cp-brand-tint);color:var(--cp-brand)}
.cp-tier-ev,.cp-tier-cs{background:var(--cp-seal-tint);color:var(--cp-seal)}
.cp-pcard h3{font-size:1.18rem;margin:0 0 .2rem;font-family:"Spectral"}
.cp-pcard-sub{font-size:.8rem;color:var(--cp-ink-faint);margin-bottom:1rem}
.cp-pspecs{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-direction:column}
.cp-pspec{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.82rem;padding:.5rem 0;border-top:1px dashed var(--cp-line)}
.cp-pspec .k{display:inline-flex;align-items:center;gap:.45em;color:var(--cp-ink-faint)}
.cp-pspec .k svg{color:var(--cp-verified);flex:none}
.cp-pspec .v{color:var(--cp-ink);font-weight:500;text-align:right}
.cp-pcard-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem}
.cp-pcard-price .lbl{font-size:.68rem;color:var(--cp-ink-faint);display:block}
.cp-pcard-price .amt{font-family:"Spectral";font-weight:700;font-size:1.55rem;line-height:1}
.cp-pcard-foot .cp-btn{padding:.6em 1.05em;font-size:.86rem}

/* ---------- footer contact ---------- */
.cp-foot-contact{font-size:.86rem;color:var(--cp-ink-soft);line-height:1.7;margin-top:1rem}
.cp-foot-contact a{color:var(--cp-ink-soft)}
.cp-foot-contact a:hover{color:var(--cp-brand)}
.cp-foot-contact strong{color:var(--cp-ink);font-weight:600}

/* ---------- footer ---------- */
.cp-footer{border-top:1px solid var(--cp-line);background:var(--cp-surface);padding:56px 0 34px}
.cp-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}
.cp-foot-col h4{font-size:.78rem;font-family:"IBM Plex Mono";letter-spacing:.12em;text-transform:uppercase;color:var(--cp-ink-faint);margin-bottom:1rem;font-weight:500}
.cp-foot-col a{display:block;font-size:.9rem;color:var(--cp-ink-soft);padding:.28em 0}
.cp-foot-col a:hover{color:var(--cp-brand)}
.cp-foot-col p{font-size:.88rem;color:var(--cp-ink-soft);max-width:32ch}
.cp-foot-col img{height:32px;margin-bottom:1rem}
:root[data-theme="dark"] .cp-foot-col img{filter:brightness(0) invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cp-foot-col img{filter:brightness(0) invert(1)}}
.cp-foot-bottom{border-top:1px solid var(--cp-line);padding-top:24px;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:var(--cp-ink-faint)}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .cp-hero-grid{grid-template-columns:1fr;gap:40px}
  .cp-cards{grid-template-columns:1fr}
  .cp-feature-grid{grid-template-columns:1fr 1fr}
  .cp-chain{grid-template-columns:1fr;gap:28px}
  .cp-foot-grid{grid-template-columns:1fr 1fr}
  .cp-nav-links{display:none}
  .cp-stage{max-width:460px}
}
@media (max-width:560px){
  .cp-feature-grid{grid-template-columns:1fr}
  .cp-foot-grid{grid-template-columns:1fr}
  .cp-trust-logos{margin-left:0}
  .cp-ctaband{padding:40px 24px}
}

/* ---------- catalog / stats responsive ---------- */
@media (max-width:900px){.cp-catalog{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.cp-statband .cp-wrap{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cp-catalog{grid-template-columns:1fr}}

/* ---------- CMS sayfa & özel blok ---------- */
.cp-cms{max-width:820px}
.cp-cms-title{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:1.2rem}
.cp-cms-content{font-size:1.02rem;color:var(--cp-ink-soft);line-height:1.8}
.cp-cms-content h2{font-family:"Spectral";color:var(--cp-ink);font-size:1.5rem;margin:1.8rem 0 .7rem}
.cp-cms-content h3{font-family:"Spectral";color:var(--cp-ink);font-size:1.2rem;margin:1.4rem 0 .5rem}
.cp-cms-content p{margin-bottom:1rem}
.cp-cms-content a{color:var(--cp-brand)}
.cp-cms-content ul,.cp-cms-content ol{margin:0 0 1rem 1.3rem}
.cp-cms-content img{max-width:100%;border-radius:var(--cp-radius)}
.cp-custom-block{color:var(--cp-ink-soft)}

/* ==========================================================================
   SİPARİŞ FORMU (standard_cart order form'unu 1+4 hibrit'e dönüştürür)
   cart.php sayfaları certumpro header/footer ile render edildiğinden bu
   stiller standard_cart işaretlemesini yeniden tasarlar (dosya kopyalamadan).
   ========================================================================== */

/* iki kolon: içerik + sabit sidebar */

/* ürün ızgarası → katalog kartları (2 sütun) */

/* sepet / özet kutuları (viewcart & checkout) */
.cart-summary,.order-summary,#order-summary{background:var(--cp-surface)!important;border:1px solid var(--cp-line)!important;border-radius:var(--cp-radius)!important;box-shadow:var(--cp-shadow)}
.cart-total,.summary-container .total{font-family:"Spectral",serif;font-weight:700;color:var(--cp-ink)}


/* ---------- Müşteri paneli (dashboard) ---------- */
.cp-dash-head{margin:8px 0 26px}
.cp-dash-head h1{font-family:"Spectral",serif;font-size:1.9rem;color:var(--cp-ink)}
.cp-dash-head p{color:var(--cp-ink-soft)}
.cp-dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}
.cp-dash-card{display:flex;flex-direction:column;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:22px;box-shadow:var(--cp-shadow);transition:transform .18s ease,box-shadow .22s ease,border-color .2s;color:inherit}
.cp-dash-card:hover{transform:translateY(-4px);box-shadow:var(--cp-shadow-lg);border-color:var(--cp-line-strong);color:inherit;text-decoration:none}
.cp-dash-card .ic{width:46px;height:46px;border-radius:11px;background:var(--cp-brand-tint);color:var(--cp-brand);display:grid;place-items:center;margin-bottom:1rem}
.cp-dash-card .big{font-family:"Spectral",serif;font-weight:700;font-size:2.2rem;color:var(--cp-ink);line-height:1}
.cp-dash-card h3{font-family:"IBM Plex Sans",sans-serif;font-weight:700;font-size:1.05rem;margin:.5rem 0 .2rem;color:var(--cp-ink)}
.cp-dash-card p{font-size:.84rem;color:var(--cp-ink-soft)}
.cp-dash-card .go{margin-top:auto;padding-top:1rem;font-size:.85rem;font-weight:600;color:var(--cp-brand);display:inline-flex;align-items:center;gap:.4em}
.cp-dash-card.alert .big{color:var(--cp-seal)}
.cp-dash-card.alert .ic{background:var(--cp-seal-tint);color:var(--cp-seal)}
.cp-quick{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:6px}
@media(max-width:820px){.cp-dash-grid{grid-template-columns:1fr}}

/* ---------- Cloud landing SSS (accordion) ---------- */
.cp-faq{display:flex;flex-direction:column;gap:10px}
.cp-faq-item{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:10px;overflow:hidden}
.cp-faq-item summary{cursor:pointer;padding:16px 18px;font-weight:600;color:var(--cp-ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.cp-faq-item summary::-webkit-details-marker{display:none}
.cp-faq-item summary::after{content:"+";font-family:"IBM Plex Mono";color:var(--cp-brand);font-size:1.2rem;flex:none}
.cp-faq-item[open] summary::after{content:"–"}
.cp-faq-item summary:hover{color:var(--cp-brand)}
.cp-faq-item > div{padding:0 18px 16px;color:var(--cp-ink-soft);font-size:.9rem;line-height:1.7}

/* ==========================================================================
   MODERN RECOLOR — mavi başlık/fiyat + yeşil aksiyon + lacivert üst bar
   (En sonda; önceki kuralları ezer.)
   ========================================================================== */
:root{--cp-action:#16A34A;--cp-action-strong:#15803D;--cp-navy:#0B1B2B}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--cp-action:#22C55E;--cp-action-strong:#16A34A;--cp-navy:#050f18}}
:root[data-theme="dark"]{--cp-action:#22C55E;--cp-action-strong:#16A34A;--cp-navy:#050f18}

/* Üst şerit → lacivert */
.cp-strip{background:var(--cp-navy)!important;color:#dbe7f2!important}
.cp-strip strong{color:#fff!important}

/* Aksiyon butonları → yeşil (Hemen Al / Sepete Ekle / birincil CTA) */
.cp-btn-primary,.cp-btn-seal{background:var(--cp-action)!important;color:#fff!important;border-color:var(--cp-action)!important;box-shadow:0 6px 18px -7px var(--cp-action)}
.cp-btn-primary:hover,.cp-btn-seal:hover{background:var(--cp-action-strong)!important;border-color:var(--cp-action-strong)!important;filter:none;transform:translateY(-1px)}

/* Eyebrow / etiketler → marka mavisi (altın yerine) */
.cp-eyebrow{color:var(--cp-brand)!important}
.cp-eyebrow::before{background:var(--cp-brand)!important}

/* Fiyatlar → mavi */
.cp-pcard-price .amt,.cp-price .amt{color:var(--cp-brand)!important}

/* "Öne çıkan" rozeti → yeşil; öne çıkan kart kenarı → mavi */
.cp-pcard-flag,.cp-card .flag{background:var(--cp-action)!important;color:#fff!important}
.cp-pcard.featured,.cp-card.featured{border-color:var(--cp-brand)!important;box-shadow:0 0 0 1px var(--cp-brand),var(--cp-shadow-lg)!important}

/* Doğrulama tikleri zaten yeşil; tier rozetlerini biraz daha modern tut */
.cp-tier-ev,.cp-tier-cs{background:var(--cp-brand-tint)!important;color:var(--cp-brand)!important}

/* CTA bandı → lacivert (mavi yerine daha modern kontrast) */
.cp-ctaband{background:var(--cp-navy)!important}

/* Order form "Hemen Al" ve onay butonları → yeşil */

/* ==========================================================================
   MODERN HEADER (3 satır: üst bar + logo/arama + ikonlu menü)
   ========================================================================== */
.cp-topbar{background:var(--cp-navy);color:#c8d6e2;font-size:12.5px}
.cp-topbar a{color:#c8d6e2;text-decoration:none}.cp-topbar a:hover{color:#fff}
.cp-topbar-in{display:flex;align-items:center;justify-content:space-between;height:38px;gap:16px}
.cp-tb-left{display:flex;align-items:center;gap:7px}
.cp-tb-live{color:#22c55e;font-size:9px}
.cp-tb-right{display:flex;align-items:center;gap:15px}
.cp-tb-right a{display:inline-flex;align-items:center;gap:5px}
.cp-tb-sep{width:1px;height:14px;background:rgba(255,255,255,.2)}
.cp-tb-theme{background:none;border:none;color:#c8d6e2;cursor:pointer;display:inline-flex;padding:2px}
.cp-tb-theme:hover{color:#fff}
@media(max-width:820px){.cp-tb-left{display:none}}

.cp-head2{background:var(--cp-bg);border-bottom:1px solid var(--cp-line)}
.cp-head2-in{display:flex;align-items:center;gap:24px;height:74px}
.cp-head2 .cp-logo img{height:38px;width:auto;display:block}
:root[data-theme="dark"] .cp-head2 .cp-logo img{filter:brightness(0) invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cp-head2 .cp-logo img{filter:brightness(0) invert(1)}}
.cp-search{flex:1;max-width:560px;display:flex;align-items:center;gap:9px;background:var(--cp-surface);border:1px solid var(--cp-line-strong);border-radius:10px;padding:0 12px;height:44px;color:var(--cp-ink-faint)}
.cp-search:focus-within{border-color:var(--cp-brand);box-shadow:0 0 0 3px var(--cp-brand-tint)}
.cp-search input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--cp-ink);font-family:inherit}
.cp-search-kbd{font-family:"IBM Plex Mono";font-size:11px;color:var(--cp-ink-faint);border:1px solid var(--cp-line);border-radius:5px;padding:2px 6px}
.cp-head2-right{display:flex;align-items:center;gap:12px;margin-left:auto}

.cp-mainnav{background:var(--cp-surface);border-bottom:1px solid var(--cp-line);position:sticky;top:0;z-index:50}
.cp-mainnav-in{display:flex;align-items:center;gap:2px;height:52px;flex-wrap:wrap}
.cp-mainnav-in a{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--cp-ink-soft);text-decoration:none}
.cp-mainnav-in a:hover{background:var(--cp-surface-2);color:var(--cp-brand)}
.cp-navbadge{background:var(--cp-action);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:100px;letter-spacing:.03em}
@media(max-width:820px){
  .cp-head2-in{gap:12px;height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
  .cp-search{order:3;max-width:none;width:100%}
  .cp-mainnav-in{overflow-x:auto;flex-wrap:nowrap;height:auto}
}

/* Hero öne çıkan ürün kartı + slider noktaları */
.cp-hero-pcard{max-width:400px;margin-left:auto}
.cp-hero-dots{display:flex;gap:8px;margin-top:26px}
.cp-hero-dots i{width:9px;height:9px;border-radius:100px;background:var(--cp-line-strong);display:block}
.cp-hero-dots i.on{width:26px;background:var(--cp-brand)}

/* ==========================================================================
   Referans mavi tonu (royal blue) — marka rengini eşitle
   ========================================================================== */
:root{--cp-brand:#2563EB;--cp-brand-strong:#1D4ED8;--cp-brand-tint:#EAF0FE}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--cp-brand:#5B8DEF;--cp-brand-strong:#93B4F5;--cp-brand-tint:#12233f}}
:root[data-theme="dark"]{--cp-brand:#5B8DEF;--cp-brand-strong:#93B4F5;--cp-brand-tint:#12233f}

/* ==========================================================================
   TÜM İÇ SAYFALAR — WHMCS six/bootstrap bileşenlerini temaya uyarla
   (giriş, kayıt, müşteri paneli, sepet, fatura, ticket, konfigürasyon…)
   cp- bileşenlerimize dokunmaz; sadece bootstrap sınıflarını hedefler.
   ========================================================================== */
.cp-body .btn{border-radius:8px;font-weight:600}
.cp-body .btn-primary,.cp-body .btn-success{background:var(--cp-action);border-color:var(--cp-action);color:#fff}
.cp-body .btn-primary:hover,.cp-body .btn-success:hover,.cp-body .btn-primary:focus,.cp-body .btn-success:focus{background:var(--cp-action-strong);border-color:var(--cp-action-strong);color:#fff}
.cp-body .btn-default{border-color:var(--cp-line-strong);color:var(--cp-ink);background:var(--cp-surface)}
.cp-body .btn-default:hover{border-color:var(--cp-brand);color:var(--cp-brand)}
.cp-body .btn-info,.cp-body .btn-secondary{background:var(--cp-brand);border-color:var(--cp-brand);color:#fff}
.cp-body .panel,.cp-body .well,.cp-body .card{border-radius:12px;border-color:var(--cp-line);box-shadow:var(--cp-shadow);background:var(--cp-surface)}
.cp-body .panel-default>.panel-heading,.cp-body .card-header{background:var(--cp-surface-2);border-color:var(--cp-line);border-radius:12px 12px 0 0}
.cp-body .panel-title,.cp-body .card-title{font-family:"Spectral",serif;font-weight:700;color:var(--cp-ink)}
.cp-body .form-control,.cp-body .form-select{border-radius:8px;border-color:var(--cp-line-strong);box-shadow:none;color:var(--cp-ink);background:var(--cp-surface)}
.cp-body .form-control:focus,.cp-body input:focus,.cp-body select:focus,.cp-body textarea:focus{border-color:var(--cp-brand);box-shadow:0 0 0 3px var(--cp-brand-tint);outline:none}
.cp-body .table>thead>tr>th,.cp-body .table thead th{border-bottom:2px solid var(--cp-line);color:var(--cp-ink-soft);font-family:"IBM Plex Mono";font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.cp-body .table>tbody>tr>td,.cp-body .table>tbody>tr>th,.cp-body .table td,.cp-body .table th{border-color:var(--cp-line)}
.cp-body .table-hover>tbody>tr:hover{background:var(--cp-surface-2)}
.cp-body .breadcrumb{background:var(--cp-surface-2);border-radius:8px}
.cp-body .breadcrumb a,.cp-body .panel a:not(.btn),.cp-body .table a:not(.btn),.cp-body .alert a,.cp-body .list-group a:not(.btn){color:var(--cp-brand)}
.cp-body .alert{border-radius:10px;border:1px solid var(--cp-line)}
.cp-body .alert-success{background:var(--cp-verified-tint);color:var(--cp-verified)}
.cp-body .nav-tabs{border-bottom-color:var(--cp-line)}
.cp-body .nav-tabs>li.active>a,.cp-body .nav-tabs>li.active>a:hover,.cp-body .nav-tabs>li.active>a:focus{color:var(--cp-brand);border-color:var(--cp-line);border-bottom-color:transparent}
.cp-body .nav-tabs>li>a:hover{border-color:transparent;color:var(--cp-brand)}
.cp-body .list-group-item.active{background:var(--cp-brand);border-color:var(--cp-brand)}
.cp-body .label-primary,.cp-body .badge{background:var(--cp-brand)}
.cp-body .label-success{background:var(--cp-action)}
.cp-body .text-primary,.cp-body a.text-primary{color:var(--cp-brand)!important}
.cp-body .progress-bar{background:var(--cp-brand)}
.cp-body .pagination>.active>a,.cp-body .pagination>.active>span{background:var(--cp-brand);border-color:var(--cp-brand)}
.cp-body .pagination>li>a{color:var(--cp-brand)}

/* Mega menü açılır (dropdown) */
.cp-mnitem{position:relative}
.cp-mnitem>a{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--cp-ink-soft);text-decoration:none}
.cp-mnitem>a:hover{background:var(--cp-surface-2);color:var(--cp-brand)}
.cp-caret{opacity:.6;transition:transform .15s}
.cp-mnitem:hover .cp-caret{transform:rotate(180deg)}
.cp-dropdown{position:absolute;top:100%;left:0;min-width:230px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:10px;box-shadow:var(--cp-shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:60}
.cp-mnitem:hover .cp-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.cp-dropdown a{display:block;padding:9px 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--cp-ink-soft);text-decoration:none}
.cp-dropdown a:hover{background:var(--cp-brand-tint);color:var(--cp-brand)}
@media(max-width:820px){.cp-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0 0 0 14px;min-width:0}.cp-mnitem{width:100%}}

/* ==========================================================================
   ORDER FORM LAYOUT DÜZELTME
   Önceki grid kuralları checkout (İnceleme ve Ödeme) sayfasını eziyordu.
   Bootstrap'in kendi düzenine bırak; sadece kozmetik (kart/renk) kalsın.
   ========================================================================== */
/* checkout özet kutusu daralmasın */

/* Üst bar para birimi seçici */
.cp-tb-cur{position:relative;display:inline-block}
.cp-tb-curbtn{background:none;border:none;color:inherit;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:4px;padding:0}
.cp-tb-curbtn:hover{color:#fff}
.cp-cur-menu{position:absolute;top:100%;right:0;min-width:120px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:8px;box-shadow:var(--cp-shadow-lg);padding:6px;opacity:0;visibility:hidden;transform:translateY(5px);transition:.15s;z-index:70}
.cp-tb-cur:hover .cp-cur-menu{opacity:1;visibility:visible;transform:translateY(0)}
.cp-cur-menu a{display:block;padding:7px 11px;border-radius:6px;font-size:13px;color:var(--cp-ink-soft);text-decoration:none}
.cp-cur-menu a:hover{background:var(--cp-brand-tint);color:var(--cp-brand)}
.cp-cur-menu a.on{color:var(--cp-brand);font-weight:700}

/* ==========================================================================
   MOBİL UYUMLULUK — hamburger menü + responsive header
   ========================================================================== */
.cp-burger{display:none;background:none;border:none;color:var(--cp-ink);cursor:pointer;padding:4px;margin-right:4px}
@media(max-width:900px){
  .cp-burger{display:inline-flex;align-items:center}
  .cp-head2-in{gap:10px;height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
  .cp-head2 .cp-logo{margin-right:auto}
  .cp-search{order:3;flex-basis:100%;max-width:none}
  .cp-head2-right{gap:8px}
  .cp-head2-right .cp-btn{padding:.55em .9em;font-size:.85rem}
  /* mega menü: hamburger ile aç/kapa, dikey */
  .cp-mainnav{display:none;position:static;border-top:1px solid var(--cp-line)}
  body.cp-nav-open .cp-mainnav{display:block}
  .cp-mainnav-in{flex-direction:column;align-items:stretch;height:auto;gap:0;padding:8px 0}
  .cp-mnitem{width:100%}
  .cp-mnitem>a{width:100%;justify-content:space-between;padding:12px 14px;border-radius:0;font-size:15px}
  .cp-mnitem>a:hover{background:var(--cp-surface-2)}
  .cp-caret{opacity:.5}
  .cp-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;padding:0 0 6px 22px;min-width:0}
  .cp-dropdown a{padding:9px 12px}
  /* üst bar sıkışmasın */
  .cp-topbar-in{height:auto;flex-wrap:wrap;gap:6px 14px;padding:7px 0;font-size:11.5px}
  .cp-tb-left{width:100%;font-size:11px}
}
@media(max-width:600px){
  .cp-tb-right a span,.cp-tb-right a{font-size:11px}
  .cp-hero{padding:40px 0 30px}
  .cp-hero h1{font-size:2rem}
  .cp-blk{padding:48px 0}
  .cp-wrap{padding:0 16px}
  .cp-hero-card-wrap,.cp-hero-pcard{max-width:none}
}
/* yatay taşmayı kesin engelle */
html,body{max-width:100%;overflow-x:hidden}

/* ==========================================================================
   PROFESYONEL POLISH KATMANI (v2) — layout'a dokunmaz, sadece incelik
   Tipografi, boşluk ritmi, gölge/kart tutarlılığı, odak durumları
   ========================================================================== */
.cp-body{ -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;letter-spacing:-.005em }
.cp-body ::selection{background:color-mix(in srgb,var(--cp-brand) 22%,transparent)}
.cp-body h1,.cp-body h2,.cp-body h3{letter-spacing:-.02em;text-wrap:balance}
.cp-body h1{line-height:1.08}
.cp-lead,.cp-sec-head p{line-height:1.65}

/* Bölüm ritmi — daha ferah, tutarlı */
.cp-blk{padding:88px 0}
.cp-sec-head{margin-bottom:48px}
.cp-sec-head h2{letter-spacing:-.025em}
@media(max-width:700px){.cp-blk{padding:52px 0}.cp-sec-head{margin-bottom:32px}}

/* Butonlar — premium his */
.cp-btn{border-radius:10px;font-weight:600;letter-spacing:.005em;transition:transform .14s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,background .18s ease,border-color .18s ease}
.cp-btn:active{transform:translateY(0) scale(.985)}
.cp-btn-primary{box-shadow:0 6px 16px -6px color-mix(in srgb,var(--cp-brand) 65%,transparent)}
.cp-btn-seal{box-shadow:0 6px 16px -6px color-mix(in srgb,var(--cp-action,#16A34A) 60%,transparent)}
.cp-body a:focus-visible,.cp-btn:focus-visible,.cp-body button:focus-visible,.cp-body input:focus-visible{outline:2px solid var(--cp-brand);outline-offset:2px;border-radius:8px}

/* Kartlar — yumuşak, katmanlı gölge + tutarlı kenar & hover */
.cp-pcard,.cp-card,.cp-fbox,.cp-tablewrap,.cp-chain{border-radius:16px}
.cp-pcard,.cp-card{box-shadow:0 1px 2px rgba(12,34,51,.04),0 10px 30px -12px rgba(12,34,51,.10)}
.cp-pcard:hover,.cp-card:hover{box-shadow:0 4px 10px rgba(12,34,51,.06),0 24px 50px -18px rgba(12,34,51,.22);border-color:color-mix(in srgb,var(--cp-brand) 35%,var(--cp-line))}
.cp-fbox{transition:transform .16s ease,box-shadow .2s ease,border-color .2s}
.cp-fbox:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(12,34,51,.25);border-color:color-mix(in srgb,var(--cp-brand) 30%,var(--cp-line))}
.cp-fbox .ic{transition:transform .18s ease}
.cp-fbox:hover .ic{transform:scale(1.08) rotate(-3deg)}

/* Eyebrow & rozetler — daha rafine */
.cp-eyebrow{font-weight:600;letter-spacing:.16em}
.cp-tierbadge{letter-spacing:.08em}

/* Header — ince, premium */
.cp-head2{box-shadow:0 1px 0 var(--cp-line)}
.cp-mainnav{box-shadow:0 4px 20px -18px rgba(12,34,51,.4)}
.cp-mainnav-in a,.cp-mnitem>a{transition:background .15s ease,color .15s ease}

/* Hero — nefes alan boşluk */
.cp-hero{padding:84px 0 68px}
@media(max-width:700px){.cp-hero{padding:44px 0 32px}.cp-hero h1{font-size:2.15rem}}

/* İstatistik & trust — hizalı, rafine */
.cp-stat .n{letter-spacing:-.02em}
.cp-trust-logos span{letter-spacing:.01em;transition:opacity .2s,color .2s}
.cp-trust-logos span:hover{opacity:1;color:var(--cp-ink-soft)}

/* Formlar (WHMCS iç sayfalar) — tutarlı yükseklik & odak */
.cp-body .form-control{min-height:44px;transition:border-color .15s ease,box-shadow .15s ease}

/* Footer — hafif ayrım */
.cp-footer{box-shadow:inset 0 1px 0 var(--cp-line)}
.cp-foot-col a{transition:color .15s ease,padding-left .15s ease}
.cp-foot-col a:hover{padding-left:3px}

/* Görsel akıcılık */
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
img{max-width:100%;height:auto}

/* ==========================================================================
   PREMIUM ÜRÜN KARTI (son katman — profesyonel)
   ========================================================================== */
.cp-pcard{position:relative;overflow:visible;display:flex;flex-direction:column;padding:28px 22px 22px;border:1px solid var(--cp-line);border-radius:18px;background:var(--cp-surface);box-shadow:0 1px 2px rgba(12,34,51,.04),0 12px 34px -16px rgba(12,34,51,.14)}
.cp-pcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0;background:transparent}
.cp-pcard:hover{transform:translateY(-5px);box-shadow:0 6px 14px rgba(12,34,51,.07),0 30px 60px -22px rgba(12,34,51,.28);border-color:color-mix(in srgb,var(--cp-brand) 40%,var(--cp-line))}
.cp-pcard.featured{border-color:color-mix(in srgb,var(--cp-brand) 55%,var(--cp-line));box-shadow:0 8px 20px -8px color-mix(in srgb,var(--cp-brand) 22%,transparent),0 20px 46px -20px rgba(12,34,51,.22)}
.cp-pcard.featured::before{background:linear-gradient(90deg,var(--cp-brand),var(--cp-action,#16A34A))}

.cp-pcard-flag{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--cp-action,#16A34A);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.4em .95em;border-radius:0 0 9px 9px;z-index:3;box-shadow:0 4px 12px -3px color-mix(in srgb,var(--cp-action,#16A34A) 65%,transparent)}

.cp-pcard-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:14px}
.cp-pcard-ca{display:inline-flex;align-items:center;gap:.4em;font-family:"IBM Plex Mono";font-size:.66rem;font-weight:600;letter-spacing:.05em;color:var(--cp-brand);background:var(--cp-brand-tint);padding:.4em .75em;border-radius:100px}
.cp-pcard-ca svg{width:12px;height:12px}
.cp-tierbadge{font-size:.62rem;font-weight:700;letter-spacing:.09em;padding:.42em .72em;border-radius:8px}

.cp-pcard h3{font-family:"Spectral",Georgia,serif;font-size:1.32rem;line-height:1.15;letter-spacing:-.015em;margin:.15rem 0 .3rem;color:var(--cp-ink)}
.cp-pcard-sub{font-size:.85rem;color:var(--cp-ink-faint);line-height:1.55;margin-bottom:1rem}

.cp-pspecs{list-style:none;margin:.2rem 0 1.4rem;padding:.6rem 0 0;border-top:1px solid var(--cp-line);display:flex;flex-direction:column}
.cp-pspec{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.82rem;padding:.6rem 0;border-bottom:1px solid color-mix(in srgb,var(--cp-line) 55%,transparent)}
.cp-pspec:last-child{border-bottom:none}
.cp-pspec .k{display:inline-flex;align-items:center;gap:.55em;color:var(--cp-ink-soft)}
.cp-pspec .k svg{width:11px;height:11px;padding:3.5px;border-radius:50%;background:var(--cp-verified-tint);color:var(--cp-verified);box-sizing:content-box;flex:none}
.cp-pspec .v{color:var(--cp-ink);font-weight:600;text-align:right}

.cp-pcard-foot{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:14px}
.cp-pcard-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;line-height:1}
.cp-pcard-price .lbl{width:100%;font-family:"IBM Plex Mono";font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cp-ink-faint);margin-bottom:2px}
.cp-pcard-price .amt{font-family:"Spectral",Georgia,serif;font-weight:700;font-size:2rem;line-height:1;color:var(--cp-brand);letter-spacing:-.02em}
.cp-pcard-price .per{font-size:.74rem;color:var(--cp-ink-faint)}
.cp-pcard-foot .cp-btn{width:100%;justify-content:center;padding:.85em 1em;font-size:.92rem;border-radius:11px}

/* ==========================================================================
   MODERN HEADER + MOBİL DRAWER (son katman)
   ========================================================================== */
.cp-drawer-head{display:none}
.cp-nav-overlay{display:none}

/* Masaüstü rafine */
@media(min-width:901px){
  .cp-mainnav{backdrop-filter:blur(8px);background:color-mix(in srgb,var(--cp-surface) 90%,transparent)}
  .cp-mnitem>a{position:relative}
  .cp-mnitem>a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;background:var(--cp-brand);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
  .cp-mnitem:hover>a::after{transform:scaleX(1)}
  .cp-head2-in{gap:28px}
  .cp-search{transition:box-shadow .18s ease,border-color .18s ease}
}

/* Mobil: slide-in drawer */
@media(max-width:900px){
  .cp-nav-overlay{display:block;position:fixed;inset:0;background:rgba(8,20,32,.55);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;z-index:150}
  body.cp-nav-open .cp-nav-overlay{opacity:1;visibility:visible}
  body.cp-nav-open{overflow:hidden}
  .cp-mainnav{display:block!important;position:fixed;top:0;left:0;height:100dvh;height:100%;width:84%;max-width:330px;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:200;background:var(--cp-surface);box-shadow:0 0 40px rgba(0,0,0,.3);overflow-y:auto;border:0}
  body.cp-nav-open .cp-mainnav{transform:translateX(0)}
  .cp-mainnav-in{display:block;padding:0;height:auto}
  .cp-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--cp-line);font-family:"Spectral",serif;font-weight:700;font-size:1.05rem;color:var(--cp-ink);position:sticky;top:0;background:var(--cp-surface);z-index:2}
  .cp-drawer-close{background:none;border:none;color:var(--cp-ink-soft);cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:8px}
  .cp-drawer-close:hover{background:var(--cp-surface-2);color:var(--cp-ink)}
  .cp-mnitem{width:100%;border-bottom:1px solid color-mix(in srgb,var(--cp-line) 60%,transparent)}
  .cp-mnitem>a{width:100%;justify-content:space-between;padding:14px 18px;border-radius:0;font-size:15px;font-weight:600}
  .cp-mnitem>a::after{display:none}
  .cp-caret{opacity:.5}
  .cp-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;padding:2px 0 10px;min-width:0;background:var(--cp-surface-2)}
  .cp-dropdown a{padding:11px 18px 11px 34px;font-size:14px}
  .cp-burger{display:inline-flex;align-items:center;color:var(--cp-ink)}
}

/* ===================== MÜŞTERİ PANELİ (modern dashboard) ===================== */
.cp-dash{display:flex;flex-direction:column;gap:22px}

/* Karşılama */
.cp-dash-hero{position:relative;overflow:hidden;border-radius:20px;padding:34px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:linear-gradient(120deg,var(--cp-navy,#0B1B2B) 0%,#0d2f47 55%,var(--cp-brand) 140%);
  box-shadow:var(--cp-shadow-lg)}
.cp-dash-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.cp-dash-hero::before{content:"";position:absolute;left:-40px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(61,180,236,.22),transparent 70%);pointer-events:none}
.cp-dash-hero-txt{position:relative;z-index:1}
.cp-dash-eyebrow{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#8fd4f2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:.3em .8em;border-radius:999px;margin-bottom:.7rem}
.cp-dash-hero h1{font-family:"Spectral",serif;font-weight:700;font-size:2rem;line-height:1.15;color:#fff;margin:0 0 .4rem}
.cp-dash-hero p{color:rgba(233,241,245,.82);font-size:.98rem;max-width:52ch;margin:0}
.cp-dash-hero-cta{position:relative;z-index:1;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:.5em}

/* İstatistik kartları */
.cp-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cp-dash-stat{position:relative;display:flex;flex-direction:column;gap:.25rem;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:16px;padding:20px 20px 18px;box-shadow:var(--cp-shadow);color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s ease,box-shadow .22s ease,border-color .2s}
.cp-dash-stat:hover{transform:translateY(-4px);box-shadow:var(--cp-shadow-lg);border-color:var(--cp-brand);color:inherit;text-decoration:none}
.cp-dash-stat .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:.5rem}
.cp-dash-stat .ic-b{background:var(--cp-brand-tint);color:var(--cp-brand)}
.cp-dash-stat .ic-s{background:var(--cp-seal-tint);color:var(--cp-seal)}
.cp-dash-stat .ic-g{background:rgba(22,163,74,.12);color:#16A34A}
.cp-dash-stat .num{font-family:"Spectral",serif;font-weight:700;font-size:2.1rem;line-height:1;color:var(--cp-ink);font-variant-numeric:tabular-nums}
.cp-dash-stat .lbl{font-size:.86rem;color:var(--cp-ink-soft);font-weight:500}
.cp-dash-stat .go{margin-top:.7rem;font-size:.8rem;font-weight:600;color:var(--cp-brand);opacity:.8;transition:opacity .2s,transform .2s}
.cp-dash-stat:hover .go{opacity:1;transform:translateX(3px)}
.cp-dash-stat.alert{border-color:color-mix(in srgb,var(--cp-seal) 45%,var(--cp-line))}
.cp-dash-stat.alert .num{color:var(--cp-seal)}

/* İki kolon */
.cp-dash-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
.cp-dash-panel{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:16px;padding:24px;box-shadow:var(--cp-shadow)}
.cp-dash-panel h3{font-family:"Spectral",serif;font-weight:700;font-size:1.15rem;color:var(--cp-ink);margin:0 0 1rem;padding-bottom:.7rem;border-bottom:1px solid var(--cp-line)}

.cp-dash-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cp-dash-actions a{display:flex;align-items:center;gap:.7em;padding:.8em .9em;border:1px solid var(--cp-line);border-radius:11px;color:var(--cp-ink);font-weight:500;font-size:.9rem;text-decoration:none;background:var(--cp-bg);transition:border-color .18s,background .18s,transform .15s}
.cp-dash-actions a:hover{border-color:var(--cp-brand);background:var(--cp-brand-tint);transform:translateY(-2px);text-decoration:none}
.cp-dash-actions .qi{font-size:1.1rem;line-height:1}

.cp-dash-acc .row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6em 0;border-bottom:1px dashed var(--cp-line)}
.cp-dash-acc .row:last-child{border-bottom:none}
.cp-dash-acc .row span{color:var(--cp-ink-soft);font-size:.85rem}
.cp-dash-acc .row b{color:var(--cp-ink);font-size:.9rem;font-weight:600;text-align:right;word-break:break-word}
.cp-dash-logout{display:block;text-align:center;margin-top:.7rem;font-size:.84rem;color:var(--cp-ink-soft);text-decoration:none}
.cp-dash-logout:hover{color:var(--cp-seal)}

@media(max-width:980px){.cp-dash-stats{grid-template-columns:repeat(2,1fr)}.cp-dash-cols{grid-template-columns:1fr}}
@media(max-width:640px){
  .cp-dash-hero{flex-direction:column;align-items:flex-start;padding:26px 22px}
  .cp-dash-hero h1{font-size:1.6rem}
  .cp-dash-hero-cta{width:100%;justify-content:center}
  .cp-dash-actions{grid-template-columns:1fr}
}

/* ===================== MÜŞTERİ PANELİ · GÜVENLİK KONSOLU (bento) ===================== */
.cp-con{position:relative;--cw:#EAF1F5;--cs:#93A7B5;--cl:rgba(255,255,255,.09);--caz:#3DB4EC;--cgo:#E0B354;--cgn:#34D399;
  background:
    radial-gradient(900px 380px at 12% -10%,rgba(61,180,236,.16),transparent 60%),
    radial-gradient(700px 360px at 105% 8%,rgba(224,179,84,.12),transparent 55%),
    linear-gradient(160deg,#0A1826 0%,#0B1E2E 50%,#091320 100%);
  border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:20px;overflow:hidden;
  box-shadow:0 30px 80px rgba(4,12,20,.45),inset 0 1px 0 rgba(255,255,255,.05)}
.cp-con::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:42px 42px;mask:radial-gradient(120% 90% at 50% 0%,#000,transparent 78%)}
.cp-con-scan{position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(61,180,236,.55),transparent);animation:cpScan 6s linear infinite}
@keyframes cpScan{0%{transform:translateY(0);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateY(520px);opacity:0}}

.cp-con-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;grid-auto-flow:row dense}
.cp-tile{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  border:1px solid var(--cl);border-radius:16px;padding:20px;color:var(--cw);text-decoration:none;
  backdrop-filter:blur(4px);transition:border-color .2s,transform .18s,box-shadow .22s}
a.cp-tile:hover{transform:translateY(-3px);border-color:rgba(61,180,236,.5);box-shadow:0 16px 40px rgba(0,0,0,.35);color:var(--cw);text-decoration:none}
.cp-con-tag{display:block;font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.24em;color:var(--cs);margin-bottom:.9rem}

/* Hero */
.cp-con-hero{grid-column:span 4;display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:linear-gradient(120deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}
.cp-con-eyebrow{display:inline-flex;align-items:center;gap:.55em;font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.2em;color:#8fd4f2;
  background:rgba(61,180,236,.1);border:1px solid rgba(61,180,236,.24);padding:.32em .8em;border-radius:999px}
.cp-pulse{width:7px;height:7px;border-radius:50%;background:var(--cgn);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:cpP 1.8s infinite}
@keyframes cpP{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.cp-con-hero h1{font-family:"Spectral",serif;font-weight:700;font-size:2.1rem;line-height:1.1;color:#fff;margin:.7rem 0 .5rem;letter-spacing:-.01em}
.cp-con-status{color:var(--cw);font-size:.95rem;margin:0 0 .35rem}
.cp-con-status .cp-ok{color:var(--cgn)}
.cp-con-meta{font-family:"IBM Plex Mono",monospace;font-size:.72rem;color:var(--cs);margin:0}
.cp-con-shield{flex-shrink:0;width:112px}
.cp-con-shield svg{width:112px;height:auto;filter:drop-shadow(0 6px 20px rgba(61,180,236,.25))}

/* İmza: sertifika halkası */
.cp-con-cert{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.cp-ring{position:relative;width:196px;max-width:60vw;margin:.4rem auto .2rem}
.cp-ring svg{width:100%;height:auto;display:block}
.cp-ring-arc{stroke-dasharray:327;stroke-dashoffset:327;animation:cpRing 1.4s cubic-bezier(.2,.7,.2,1) .2s forwards}
@keyframes cpRing{to{stroke-dashoffset:72}}
.cp-ring-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cp-ring-mid b{font-family:"Spectral",serif;font-weight:700;font-size:3.2rem;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cp-ring-mid span{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cgo);margin-top:.3rem}
.cp-con-certfoot{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--cl);font-size:.9rem}
.cp-con-certfoot .cp-go{color:var(--caz);font-weight:600;font-size:.82rem}
.cp-con-cert:hover .cp-go{text-decoration:underline}

/* Metrikler */
.cp-con-metric{grid-column:span 1;display:flex;flex-direction:column;justify-content:center;gap:.15rem;min-height:118px;border-left:3px solid var(--ac,var(--caz))}
.cp-m-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--ac);background:color-mix(in srgb,var(--ac) 16%,transparent);margin-bottom:.5rem}
.cp-m-num{font-family:"Spectral",serif;font-weight:700;font-size:2rem;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cp-m-lbl{font-size:.82rem;color:var(--cs)}
.cp-con-metric.hot{background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 16%,transparent),rgba(255,255,255,.01));border-color:var(--ac)}
.cp-con-metric.hot .cp-m-num{color:var(--ac)}

/* Hesap / parmak izi */
.cp-con-acc{grid-column:span 1;display:flex;flex-direction:column}
.cp-acc-name{font-family:"Spectral",serif;font-weight:600;font-size:1.1rem;color:#fff}
.cp-acc-mail{font-size:.8rem;color:var(--cs);word-break:break-all;margin-top:.1rem}
.cp-acc-fp{font-family:"IBM Plex Mono",monospace;font-size:.66rem;color:var(--cgo);opacity:.7;margin:.8rem 0;word-break:break-all;letter-spacing:.04em}
.cp-acc-links{display:flex;gap:.4rem;margin-top:auto;flex-wrap:wrap}
.cp-acc-links a{flex:1;text-align:center;font-size:.76rem;padding:.5em .4em;border:1px solid var(--cl);border-radius:9px;color:var(--cw);text-decoration:none;transition:border-color .18s,background .18s}
.cp-acc-links a:hover{border-color:var(--caz);background:rgba(61,180,236,.1)}
.cp-acc-links a.out:hover{border-color:var(--cgo);background:rgba(224,179,84,.1);color:var(--cgo)}

/* Hızlı işlemler */
.cp-con-actions{grid-column:span 4}
.cp-con-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.cp-con-chips a{display:flex;align-items:center;gap:.55em;padding:.85em 1em;border:1px solid var(--cl);border-radius:12px;background:rgba(255,255,255,.02);color:var(--cw);font-size:.86rem;font-weight:500;text-decoration:none;transition:border-color .18s,background .18s,transform .15s}
.cp-con-chips a span{font-size:1.1rem;line-height:1}
.cp-con-chips a:hover{border-color:var(--caz);background:rgba(61,180,236,.1);transform:translateY(-2px)}
.cp-con-chips a.feat{border-color:rgba(224,179,84,.45);background:linear-gradient(120deg,rgba(224,179,84,.14),rgba(255,255,255,.02))}
.cp-con-chips a.feat:hover{border-color:var(--cgo)}

@media(max-width:900px){
  .cp-con-grid{grid-template-columns:repeat(2,1fr)}
  .cp-con-hero{grid-column:span 2;flex-direction:column;align-items:flex-start}
  .cp-con-shield{align-self:flex-end;margin-top:-40px}
  .cp-con-cert{grid-column:span 2;grid-row:auto}
  .cp-con-acc{grid-column:span 2}
  .cp-con-actions{grid-column:span 2}
  .cp-con-chips{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .cp-con{padding:14px}
  .cp-con-hero h1{font-size:1.65rem}
  .cp-con-metric{grid-column:span 1}
  .cp-con-chips{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .cp-con-scan{display:none}.cp-ring-arc{animation:none;stroke-dashoffset:72}.cp-pulse{animation:none}
}

/* CMS sayfa düzenleri (layout) */
.cp-page-narrow .cp-wrap{max-width:820px}
.cp-page-wide .cp-wrap{max-width:1440px}

/* ===================== PROFESYONEL CİLA v3 — tipografi + breadcrumb + a11y ===================== */
/* Breadcrumb */
.cp-crumbs{border-bottom:1px solid var(--cp-line);background:var(--cp-surface)}
.cp-crumbs .cp-wrap{display:flex;align-items:center;gap:.5rem;padding-top:12px;padding-bottom:12px;font-size:.82rem;flex-wrap:wrap}
.cp-crumbs a{color:var(--cp-ink-soft);text-decoration:none;transition:color .15s}
.cp-crumbs a:hover{color:var(--cp-brand)}
.cp-crumbs .sep{color:var(--cp-ink-soft);opacity:.6}
.cp-crumbs .cur{color:var(--cp-ink);font-weight:600}

/* Tipografi ölçeği & okunabilirlik */
.cp-body h1,.cp-body h2,.cp-body h3{text-wrap:balance}
.cp-body h1{letter-spacing:-.02em}
.cp-body h2{letter-spacing:-.015em}
.cp-hero h1{font-size:clamp(2rem,4.2vw,3.05rem);line-height:1.08}
.cp-sec-head h2{font-size:clamp(1.45rem,2.8vw,2.05rem)}
.cp-lead,.cp-sec-head p{max-width:62ch}
.cp-cms-content p,.cp-cms-content li{max-width:72ch}
.cp-cms-content{line-height:1.75}

/* Odak görünürlüğü (erişilebilirlik + kalite) */
.cp-body a:focus-visible,.cp-body button:focus-visible,.cp-body input:focus-visible,.cp-body select:focus-visible,.cp-body textarea:focus-visible,.cp-btn:focus-visible{
  outline:2px solid var(--cp-brand);outline-offset:2px;border-radius:6px}

/* Hero — ince arka plan derinliği */
.cp-hero{position:relative;overflow:hidden}
.cp-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(680px 320px at 12% -5%,color-mix(in srgb,var(--cp-brand) 10%,transparent),transparent 70%),
    radial-gradient(520px 300px at 100% 10%,color-mix(in srgb,var(--cp-seal) 8%,transparent),transparent 65%)}
.cp-hero .cp-hero-grid{position:relative;z-index:1}

/* Buton mikro-etkileşim */
.cp-btn{transition:transform .12s ease,box-shadow .2s ease,background .2s,border-color .2s,color .2s}
.cp-btn:active{transform:translateY(1px)}
.cp-btn-primary:hover,.cp-btn-seal:hover{box-shadow:0 8px 22px -8px currentColor}

/* Seçim rengi + yumuşak kaydırma */
.cp-body ::selection{background:color-mix(in srgb,var(--cp-brand) 25%,transparent)}
html{scroll-behavior:smooth}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .cp-body *,.cp-body *::before,.cp-body *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* =====================================================================
   CERTUM PRO — PREMIUM EDİTORYAL REDESIGN (onaylı mockup uygulaması)
   Palet: parşömen + mürekkep lacivert + azure + pirinç mühür
   Fontlar: Fraunces (başlık) + Inter (gövde) + IBM Plex Mono (teknik)
   ===================================================================== */
:root{
  --cp-bg:#F3F1E9; --cp-surface:#FBFAF5; --cp-surface-2:#EDE9DD;
  --cp-ink:#122232; --cp-ink-soft:#55636F; --cp-ink-faint:#8A94A0;
  --cp-line:#E3DDCE; --cp-line-strong:#D6CFBD;
  --cp-shadow:0 1px 2px rgba(18,34,50,.05),0 10px 30px rgba(18,34,50,.07);
  --cp-shadow-lg:0 2px 8px rgba(18,34,50,.08),0 28px 64px rgba(18,34,50,.14);
  --cp-radius:16px;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --cp-bg:#0B1620; --cp-surface:#10222F; --cp-surface-2:#0E1E29;
  --cp-ink:#EAF1F5; --cp-ink-soft:#9DB0BD; --cp-ink-faint:#6D818F;
  --cp-line:#1E3341; --cp-line-strong:#274454;
  --cp-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 34px rgba(0,0,0,.4);
  --cp-shadow-lg:0 2px 8px rgba(0,0,0,.4),0 30px 70px rgba(0,0,0,.55);
}}
:root[data-theme="dark"]{
  --cp-bg:#0B1620; --cp-surface:#10222F; --cp-surface-2:#0E1E29;
  --cp-ink:#EAF1F5; --cp-ink-soft:#9DB0BD; --cp-ink-faint:#6D818F;
  --cp-line:#1E3341; --cp-line-strong:#274454;
  --cp-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 34px rgba(0,0,0,.4);
  --cp-shadow-lg:0 2px 8px rgba(0,0,0,.4),0 30px 70px rgba(0,0,0,.55);
}

/* Gövde zemini */
.cp-body{background:var(--cp-bg);color:var(--cp-ink)}

/* Hero — guilloche güvenlik dokusu */
.cp-hero{position:relative;overflow:hidden;background:var(--cp-bg)}
.cp-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background:
   repeating-radial-gradient(circle at 84% 26%, transparent 0 13px, color-mix(in srgb,var(--cp-brand) 8%,transparent) 13px 14px),
   repeating-radial-gradient(circle at 84% 26%, transparent 0 25px, color-mix(in srgb,var(--cp-seal) 7%,transparent) 25px 26px);
  -webkit-mask:radial-gradient(130% 120% at 82% 15%,#000,transparent 62%);
          mask:radial-gradient(130% 120% at 82% 15%,#000,transparent 62%)}
.cp-hero .cp-hero-grid{position:relative;z-index:1}
.cp-hero h1{font-family:"Fraunces","Spectral",serif;font-size:clamp(2.4rem,4.6vw,3.5rem);line-height:1.05}
.cp-hero h1 em{font-style:normal;color:var(--cp-brand)}

/* Butonlar */
.cp-btn{border-radius:11px;font-weight:600;transition:transform .12s ease,box-shadow .2s ease,background .2s,border-color .2s,color .2s}
.cp-btn:active{transform:translateY(1px)}
.cp-btn-primary,.cp-body .btn-primary{background:var(--cp-brand);border-color:var(--cp-brand);color:#fff}
.cp-btn-primary:hover,.cp-body .btn-primary:hover{background:var(--cp-brand);box-shadow:0 10px 24px -8px var(--cp-brand);color:#fff}
.cp-btn-seal{background:linear-gradient(135deg,var(--cp-seal),color-mix(in srgb,var(--cp-seal) 55%,#fff));border:0;color:#2a1e07}
.cp-btn-seal:hover{box-shadow:0 10px 24px -8px var(--cp-seal);color:#2a1e07}
.cp-btn-ghost{background:transparent;border:1px solid var(--cp-line-strong);color:var(--cp-ink)}
.cp-btn-ghost:hover{border-color:var(--cp-brand);color:var(--cp-brand)}

/* Ürün kartı — SERTİFİKA ÇERÇEVESİ (imza öğe) */
.cp-pcard{position:relative;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:16px;box-shadow:var(--cp-shadow)}
.cp-pcard::after{content:"";position:absolute;inset:9px;border:1px solid color-mix(in srgb,var(--cp-seal) 28%,transparent);border-radius:10px;pointer-events:none;transition:border-color .2s}
.cp-pcard:hover{transform:translateY(-5px);box-shadow:var(--cp-shadow-lg);border-color:var(--cp-line-strong)}
.cp-pcard.featured{border-color:var(--cp-seal);box-shadow:0 0 0 1px var(--cp-seal),var(--cp-shadow-lg)}
.cp-pcard.featured::after{border-color:color-mix(in srgb,var(--cp-seal) 55%,transparent);border-style:double;border-width:2px}
.cp-pcard h3{font-family:"Fraunces","Spectral",serif}
.cp-pcard-price .amt{font-family:"Fraunces","Spectral",serif;font-weight:700}
.cp-pcard-flag{background:linear-gradient(135deg,var(--cp-seal),color-mix(in srgb,var(--cp-seal) 55%,#fff));color:#2a1e07;font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}
.cp-hero-pcard::after{inset:9px}

/* Bölüm başlıkları */
.cp-sec-head h2{font-family:"Fraunces","Spectral",serif;font-size:clamp(1.6rem,3vw,2.3rem)}
.cp-eyebrow{font-family:"IBM Plex Mono",monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--cp-brand)}

/* Güven şeridi — Fraunces markalar */
.cp-trustbar{background:var(--cp-surface);border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line)}
.cp-trustbar .cp-trust-logos span{font-family:"Fraunces","Spectral",serif;font-weight:600;color:var(--cp-ink-soft);opacity:.85}
.cp-trustbar .lbl{font-family:"IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--cp-ink-faint)}

/* Header/topbar */
.cp-topbar{background:var(--cp-navy)}
.cp-head2{background:var(--cp-bg);border-bottom:1px solid var(--cp-line)}
.cp-logo strong{font-family:"Fraunces","Spectral",serif}

/* Footer */
.cp-footer{background:var(--cp-navy);color:#9fb6c4}
.cp-footer h4{color:#eaf3f8}
.cp-foot-col strong{font-family:"Fraunces","Spectral",serif}

/* CTA bandı */
.cp-ctaband{background:linear-gradient(135deg,var(--cp-navy),#123049);border-radius:20px}
.cp-ctaband h2{font-family:"Fraunces","Spectral",serif;color:#fff}

/* Breadcrumb (redesign paleti) */
.cp-crumbs{background:var(--cp-surface);border-bottom:1px solid var(--cp-line)}

/* WHMCS sepet / order-form / panel giydirme */
.cp-body .panel{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:14px;box-shadow:var(--cp-shadow);overflow:hidden}
.cp-body .panel-heading{background:transparent;border-bottom:1px solid var(--cp-line);color:var(--cp-ink);font-family:"Fraunces","Spectral",serif}
.cp-body .panel-title{font-family:"Fraunces","Spectral",serif}
.cp-body .summary-container,.cp-body .order-summary,.cp-body #productConfigurableOptions,.cp-body .clientarea-panel{background:var(--cp-surface);border:1px solid var(--cp-line-strong);border-radius:14px}
.cp-body .total-due,.cp-body .cartbox .total,.cp-body .order-summary .total{font-family:"Fraunces","Spectral",serif;font-weight:700}
.cp-body .form-control{border-radius:10px;border:1px solid var(--cp-line-strong);background:var(--cp-bg);color:var(--cp-ink)}
.cp-body .form-control:focus{border-color:var(--cp-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-brand) 18%,transparent)}

/* ===================== SEPET / ÖDEME — redesign ===================== */
/* Adım göstergesi */
.cp-steps{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:26px auto 30px;max-width:960px;padding:0 16px}
.cp-steps .step{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--cp-ink-faint)}
.cp-steps .step .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:"IBM Plex Mono",monospace;font-size:.85rem;border:1.5px solid var(--cp-line-strong);background:var(--cp-surface)}
.cp-steps .step.on{color:var(--cp-ink);font-weight:600}
.cp-steps .step.on .n{background:var(--cp-brand);border-color:var(--cp-brand);color:#fff}
.cp-steps .step.done .n{background:var(--cp-seal);border-color:var(--cp-seal);color:#2a1e07}
.cp-steps .step-sep{width:40px;height:1.5px;background:var(--cp-line-strong)}

/* Sipariş özeti — sertifika çerçevesi */
.cp-body .order-summary{background:var(--cp-surface);border:1px solid var(--cp-line-strong);border-radius:16px;box-shadow:var(--cp-shadow-lg);position:relative;padding:0;overflow:hidden}
.cp-body .order-summary::before{content:none}
.cp-body .order-summary>h2,.cp-body .order-summary .font-size-30{border-bottom:2px solid var(--cp-seal);margin:0 16px;padding:16px 0 12px!important}
.cp-body .order-summary > *{position:relative;z-index:1}
.cp-body .order-summary h2{font-family:"Fraunces","Spectral",serif;font-size:1.2rem;padding:14px 16px 4px;margin:0}
.cp-body .summary-container{padding:8px 18px 16px}
.cp-body .summary-container .clearfix{padding:.4rem 0;font-size:.9rem;color:var(--cp-ink-soft)}
.cp-body .summary-container .total,.cp-body .order-summary .total,.cp-body .total-due{font-family:"Fraunces","Spectral",serif;font-weight:700;color:var(--cp-ink)}
.cp-body .order-summary .btn,.cp-body .order-summary .btn-primary{border-radius:11px;font-weight:600}

/* Sepet kalemleri — kart */
.cp-body .view-cart-items-header{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cp-ink-faint);border-bottom:1px solid var(--cp-line);padding:0 4px 8px}
.cp-body .view-cart-items .item{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:12px;padding:16px 18px;margin-bottom:12px;box-shadow:var(--cp-shadow);transition:border-color .2s,box-shadow .2s}
.cp-body .view-cart-items .item:hover{border-color:var(--cp-line-strong);box-shadow:var(--cp-shadow-lg)}
.cp-body .item-title{font-family:"Fraunces","Spectral",serif;font-weight:600;font-size:1.05rem;color:var(--cp-ink)}

/* Ödeme başlıkları */
.cp-body .checkout h1,.cp-body .checkout h2,.cp-body .checkout h3{font-family:"Fraunces","Spectral",serif}

/* ===================== BUILDER — tasarım ayarları + modüller ===================== */
/* Arka plan */
.cp-bg-surface{background:var(--cp-surface)}
.cp-bg-tint{background:var(--cp-surface-2)}
.cp-bg-navy{background:var(--cp-navy);color:#dCE7EE}
.cp-bg-gradient{background:linear-gradient(135deg,var(--cp-navy),#123049);color:#dCE7EE}
.cp-bg-navy h1,.cp-bg-navy h2,.cp-bg-navy h3,.cp-bg-gradient h1,.cp-bg-gradient h2,.cp-bg-gradient h3{color:#fff}
.cp-bg-navy p,.cp-bg-gradient p,.cp-bg-navy .cp-cms-content,.cp-bg-gradient .cp-cms-content{color:#a9c2d1}
.cp-bg-navy .cp-eyebrow,.cp-bg-gradient .cp-eyebrow{color:var(--cp-seal)}
/* Boşluk */
.cp-pad-sm{padding-top:40px;padding-bottom:40px}
.cp-pad-lg{padding-top:110px;padding-bottom:110px}
.cp-pad-none{padding-top:0;padding-bottom:0}
/* Hizalama & genişlik */
.cp-mod-center{text-align:center}
.cp-mod-center .cp-sec-head{margin-left:auto;margin-right:auto}
.cp-mod-center .cp-hero-cta{justify-content:center}
.cp-w-narrow{max-width:820px}
.cp-w-wide{max-width:1440px}

/* Hero modülü */
.cp-mod-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.cp-mod-hero-grid h1{font-family:"Fraunces","Spectral",serif;font-size:clamp(2.2rem,4.4vw,3.3rem);line-height:1.06;margin:.5rem 0 .5rem}
.cp-mod-hero-media img{width:100%;height:auto;border-radius:16px;box-shadow:var(--cp-shadow-lg)}
/* Görsel + Metin */
.cp-imgtext{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.cp-imgtext--flip .cp-imgtext-media{order:2}
.cp-imgtext-media img{width:100%;height:auto;border-radius:14px;box-shadow:var(--cp-shadow)}
.cp-imgtext-body h2{font-family:"Fraunces","Spectral",serif;font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:.6rem}
/* Kolonlar */
.cp-cols{display:grid;gap:20px}
.cp-cols-2{grid-template-columns:repeat(2,1fr)}
.cp-cols-3{grid-template-columns:repeat(3,1fr)}
.cp-cols-4{grid-template-columns:repeat(4,1fr)}
.cp-col-item{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:14px;padding:22px;box-shadow:var(--cp-shadow)}
.cp-col-item h3{font-family:"Fraunces","Spectral",serif;font-size:1.15rem;margin-bottom:.4rem}
.cp-col-item p{color:var(--cp-ink-soft);font-size:.92rem}
/* Adımlar */
.cp-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.cp-step{display:flex;gap:14px;align-items:flex-start}
.cp-step-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:"IBM Plex Mono",monospace;font-weight:600;background:var(--cp-brand);color:#fff}
.cp-step h3{font-family:"Fraunces","Spectral",serif;font-size:1.1rem;margin-bottom:.25rem}
.cp-step p{color:var(--cp-ink-soft);font-size:.9rem}
/* Fiyat tablosu */
.cp-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.cp-price-card{position:relative;background:var(--cp-surface);border:1px solid var(--cp-line-strong);border-radius:16px;padding:26px 24px;text-align:center;box-shadow:var(--cp-shadow)}
.cp-price-card::after{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--cp-seal) 28%,transparent);border-radius:10px;pointer-events:none}
.cp-price-card h3{font-family:"Fraunces","Spectral",serif;font-size:1.25rem}
.cp-price-amt{font-family:"Fraunces","Spectral",serif;font-weight:700;font-size:2.1rem;color:var(--cp-ink);margin:.4rem 0 1rem}
.cp-price-card ul{list-style:none;padding:0;margin:0 0 1.2rem;text-align:left;display:grid;gap:.5rem}
.cp-price-card li{font-size:.88rem;color:var(--cp-ink-soft);padding-left:1.3em;position:relative}
.cp-price-card li::before{content:"✓";position:absolute;left:0;color:var(--cp-brand);font-weight:700}
/* Referanslar */
.cp-quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.cp-quote{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:14px;padding:24px;box-shadow:var(--cp-shadow);margin:0}
.cp-quote blockquote{font-family:"Fraunces","Spectral",serif;font-style:italic;font-size:1.05rem;margin:0 0 .8rem;color:var(--cp-ink)}
.cp-quote figcaption{font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--cp-ink-faint)}
/* Logo şeridi */
.cp-logostrip{display:flex;gap:28px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:10px}
.cp-logostrip span{font-family:"Fraunces","Spectral",serif;font-weight:600;font-size:1.1rem;color:var(--cp-ink-soft);opacity:.85}
/* Galeri */
.cp-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.cp-gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;border-radius:12px;border:1px solid var(--cp-line)}
/* Video */
.cp-video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;box-shadow:var(--cp-shadow-lg);max-width:900px;margin:0 auto}
.cp-video iframe{position:absolute;inset:0;width:100%;height:100%}
/* Boşluk */
.cp-spacer{height:60px}.cp-spacer-sm{height:32px}.cp-spacer-lg{height:110px}

@media(max-width:860px){
  .cp-mod-hero-grid,.cp-imgtext,.cp-cols-2,.cp-cols-3,.cp-cols-4{grid-template-columns:1fr}
  .cp-imgtext--flip .cp-imgtext-media{order:0}
}

.cp-mn-ico{font-size:1em;line-height:1;margin-right:2px}

/* Global başlık ölçeği (Görünüm → Başlık Boyutu) */
.cp-hero h1,.cp-mod-hero-grid h1{font-size:calc(var(--cp-head-scale,1) * clamp(2.2rem,4.4vw,3.3rem))}
.cp-sec-head h2{font-size:calc(var(--cp-head-scale,1) * clamp(1.5rem,2.9vw,2.15rem))}
.cp-cms-title{font-size:calc(var(--cp-head-scale,1) * 1.9rem)}

/* İletişim + Harita modülü */
.cp-contact{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:stretch}
.cp-contact-info{display:flex;flex-direction:column;gap:12px;font-size:.98rem;color:var(--cp-ink-soft)}
.cp-ci-co{font-family:"Fraunces","Spectral",serif;font-weight:700;font-size:1.2rem;color:var(--cp-ink)}
.cp-ci-row span{display:inline-block;width:1.4em}
.cp-ci-row a{color:var(--cp-ink)}.cp-ci-row a:hover{color:var(--cp-brand)}
.cp-contact-map{border-radius:14px;overflow:hidden;border:1px solid var(--cp-line);min-height:280px}
.cp-contact-map iframe{width:100%;height:100%;min-height:280px;border:0;display:block}
@media(max-width:820px){.cp-contact{grid-template-columns:1fr}}

/* Footer sosyal ikonlar */
.cp-foot-social{display:flex;gap:10px;margin-top:14px}
.cp-foot-social a{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#9fb6c4;border:1px solid #1c3446;transition:color .18s,border-color .18s,background .18s}
.cp-foot-social a:hover{color:#fff;border-color:var(--cp-brand);background:var(--cp-brand)}
/* Scroll-reveal (yalnız JS onayıyla; içerik asla kalıcı gizlenmez) */
.cp-anim.cp-anim-ready .cp-blk,.cp-anim.cp-anim-ready .cp-statband,.cp-anim.cp-anim-ready .cp-trustbar{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.cp-anim.cp-anim-ready .cp-blk.cp-in,.cp-anim.cp-anim-ready .cp-statband.cp-in,.cp-anim.cp-anim-ready .cp-trustbar.cp-in{opacity:1;transform:none}

/* Duyuru / kampanya çubuğu */
.cp-promo{color:#2a1e07;font-size:.9rem;font-weight:500}
.cp-promo-in{display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 42px 9px 16px;position:relative;flex-wrap:wrap}
.cp-promo-cta{font-weight:700;text-decoration:underline;color:inherit;white-space:nowrap}
.cp-promo-x{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:inherit;font-size:15px;cursor:pointer;opacity:.7;line-height:1}
.cp-promo-x:hover{opacity:1}
/* Büyük buton (modül) */
.cp-btnlg .cp-btn{padding:1em 1.9em;font-size:1.05rem}

/* Geri sayım sayacı */
.cp-countdown{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.cp-cd-unit{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:12px;padding:14px 20px;min-width:80px;text-align:center;box-shadow:var(--cp-shadow)}
.cp-cd-unit b{display:block;font-family:"Fraunces","Spectral",serif;font-weight:700;font-size:2rem;line-height:1;color:var(--cp-ink);font-variant-numeric:tabular-nums}
.cp-cd-unit span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cp-ink-soft)}

/* Modül emoji ikonu (özellik/kolon) */
.cp-fbox-emoji{font-size:1.8rem;line-height:1;margin-bottom:.55rem}

/* ===== DÜZELTME: buton renkleri (eski !important kuralını ez) ===== */
.cp-btn-primary,.cp-body .btn-primary,.cp-body .cp-btn-primary{background:var(--cp-brand)!important;border-color:var(--cp-brand)!important;color:#fff!important}
.cp-btn-primary:hover,.cp-body .btn-primary:hover,.cp-body .cp-btn-primary:hover{filter:brightness(1.06)!important}
.cp-btn-seal{background:linear-gradient(135deg,var(--cp-seal),color-mix(in srgb,var(--cp-seal) 55%,#fff))!important;border-color:var(--cp-seal)!important;color:#2a1e07!important}
.cp-btn-seal:hover{filter:brightness(1.04)!important}
/* Görselsiz hero → tek kolon, ortalı, ferah */
.cp-mod-hero.cp-noimg .cp-mod-hero-grid{grid-template-columns:1fr;text-align:center;max-width:860px;margin:0 auto}
.cp-mod-hero.cp-noimg .cp-hero-cta{justify-content:center}
.cp-mod-hero.cp-noimg .cp-lead{margin-left:auto;margin-right:auto}

/* ===== PALET KESİNLEŞTİRME (redesign — azure + gold; eski royal-blue/action'ı ez) ===== */
:root{--cp-brand:#0E8FCF;--cp-brand-strong:#0A6D9F;--cp-seal:#A9803A;--cp-action:#0E8FCF;--cp-action-strong:#0A6D9F}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--cp-brand:#39B0EC;--cp-brand-strong:#2B93C8;--cp-seal:#D7A94E;--cp-action:#39B0EC;--cp-action-strong:#2B93C8}}
:root[data-theme="dark"]{--cp-brand:#39B0EC;--cp-brand-strong:#2B93C8;--cp-seal:#D7A94E;--cp-action:#39B0EC;--cp-action-strong:#2B93C8}

/* ===== MOBİL HEADER — certum.com.tr (Lagom) tarzı: tek satır sabit kompakt bar ===== */
@media(max-width:900px){
  .cp-topbar{display:none}                       /* mobilde ayrı üst şerit yok (Lagom gibi) */
  .cp-head2{position:sticky;top:0;z-index:60;background:var(--cp-surface);border-bottom:1px solid var(--cp-line);box-shadow:0 2px 10px rgba(12,27,46,.06)}
  .cp-head2-in{flex-wrap:nowrap!important;height:62px!important;padding-top:0!important;padding-bottom:0!important;gap:10px}
  .cp-burger{order:0;display:inline-flex!important;margin:0}
  .cp-logo{order:1;margin-right:auto}
  .cp-head2 .cp-logo img{height:30px}
  .cp-search{display:none!important}             /* aramayı gizle (kompakt) */
  .cp-head2-right{order:2;gap:6px;margin-left:0}
  .cp-head2-right .cp-btn-primary{display:none}  /* "Kayıt Ol"u gizle, sade tut */
  .cp-head2-right .cp-btn-ghost{padding:.5em .85em;font-size:.85rem}
  .cp-icon-btn{width:38px;height:38px;display:inline-grid;place-items:center}
}

/* Mobil drawer ekstra (para birimi + tema + iletişim) — sadece mobil drawer'da */
.cp-drawer-extra{display:none}
@media(max-width:900px){
  .cp-mainnav .cp-drawer-extra{display:block;margin-top:16px;padding-top:16px;border-top:1px solid var(--cp-line)}
  .cp-drawer-block{margin-bottom:14px}
  .cp-drawer-lbl{display:block;font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cp-ink-faint);margin-bottom:8px}
  .cp-drawer-curs{display:flex;gap:8px;flex-wrap:wrap}
  .cp-drawer-curs a{padding:.42em .85em;border:1px solid var(--cp-line-strong);border-radius:8px;font-size:.85rem;color:var(--cp-ink);text-decoration:none}
  .cp-drawer-curs a.on{background:var(--cp-brand);border-color:var(--cp-brand);color:#fff}
  .cp-drawer-theme{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--cp-line-strong);border-radius:9px;padding:.55em .95em;font-size:.85rem;color:var(--cp-ink);cursor:pointer;font-family:inherit;margin-bottom:16px}
  .cp-drawer-theme:hover{border-color:var(--cp-brand);color:var(--cp-brand)}
  .cp-drawer-contact{display:flex;flex-direction:column;gap:9px}
  .cp-drawer-contact a{color:var(--cp-ink-soft);font-size:.9rem;text-decoration:none}
  .cp-drawer-contact a:hover{color:var(--cp-brand)}
}

/* ===================== MÜŞTERİ PANELİ — profesyonel (WHMCS yapısı korunur) ===================== */
/* Panel başlığı ferahlığı */
.cp-body.clientarea-body #main-content,.cp-body[class*="clientarea"] #main-content{padding-top:34px}
/* İstatistik kutuları (dashboard tiles) */
.cp-body .tiles .tile{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:16px;box-shadow:var(--cp-shadow);transition:transform .18s ease,box-shadow .22s ease,border-color .2s;overflow:hidden;margin-bottom:16px}
.cp-body .tiles .tile:hover{transform:translateY(-4px);box-shadow:var(--cp-shadow-lg);border-color:var(--cp-brand)}
.cp-body .tiles .tile a{display:block;padding:22px 20px;color:var(--cp-ink);text-decoration:none}
.cp-body .tiles .tile .icon{font-size:26px;color:var(--cp-brand);margin-bottom:10px}
.cp-body .tiles .tile .stat{font-family:"Fraunces","Spectral",serif;font-weight:700;font-size:2rem;line-height:1;color:var(--cp-ink)}
.cp-body .tiles .tile .title{color:var(--cp-ink-soft);font-size:.9rem;margin-top:4px}
.cp-body .tiles .tile .highlight{height:3px;margin-top:14px;border-radius:2px;opacity:.9}
/* Bilgi bankası arama */
.cp-body .home-kb-search{position:relative;margin:6px 0 26px}
.cp-body .home-kb-search input{border-radius:12px;border:1px solid var(--cp-line-strong);height:54px;padding-left:44px;background:var(--cp-surface);font-size:15px}
.cp-body .home-kb-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--cp-ink-faint)}
/* Home panels */
.cp-body .client-home-panels .panel,.cp-body .clientarea-panel,.cp-body .panel.panel-default{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:16px;box-shadow:var(--cp-shadow);overflow:hidden}
.cp-body .panel-heading{background:var(--cp-surface-2);border-bottom:1px solid var(--cp-line);padding:14px 18px}
.cp-body .panel-title{font-family:"Fraunces","Spectral",serif;font-weight:700;font-size:1.05rem;color:var(--cp-ink)}
.cp-body .panel-body{color:var(--cp-ink)}
.cp-body .list-group{border-radius:0}
.cp-body .list-group-item{background:var(--cp-surface);border-color:var(--cp-line);color:var(--cp-ink);transition:background .15s}
.cp-body .list-group-item:hover{background:var(--cp-surface-2)}
.cp-body .list-group-item.active{background:var(--cp-brand);border-color:var(--cp-brand);color:#fff}
.cp-body .panel-accent-blue>.panel-heading,.cp-body .panel-accent-success>.panel-heading{border-top:3px solid var(--cp-brand)}

/* Ürün detay / client-area — GÜVENLİ (tabloya dokunma; DataTables üst üste binmesin) */
.cp-body .domain-title,.cp-body .product-details-header{font-family:"Fraunces","Spectral",serif}
.cp-body .well{background:var(--cp-surface-2);border:1px solid var(--cp-line);border-radius:12px}
.cp-body .btn-default{border-radius:9px;border:1px solid var(--cp-line-strong);background:var(--cp-surface);color:var(--cp-ink)}
.cp-body .btn-default:hover{border-color:var(--cp-brand);color:var(--cp-brand)}
.cp-body .btn-info{background:var(--cp-brand)!important;border-color:var(--cp-brand)!important;color:#fff!important;border-radius:9px}
.cp-body .btn-info:hover{filter:brightness(1.06)!important}
.cp-body .label,.cp-body .badge{border-radius:6px}
.cp-body .label-success,.cp-body .status-active{background:#e6f4ea;color:#15803d}
.cp-body .label-danger{background:#fde8e8;color:#c0392b}
.cp-body .label-default{background:var(--cp-surface-2);color:var(--cp-ink-soft)}
.cp-body .sidebar .list-group-item.active,.cp-body #secondary-sidebar .list-group-item.active{background:var(--cp-brand);border-color:var(--cp-brand);color:#fff}

/* Ürün detay — sekmeler (tabs) profesyonel + içerik kartı */
.cp-body .nav-tabs{border-bottom:1px solid var(--cp-line);margin-bottom:0;display:flex;flex-wrap:wrap;gap:2px}
.cp-body .nav-tabs>li{float:none;margin-bottom:-1px}
.cp-body .nav-tabs>li>a{color:var(--cp-ink-soft);background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;font-weight:600;padding:12px 16px;margin:0}
.cp-body .nav-tabs>li>a:hover{background:transparent;color:var(--cp-ink);border-color:transparent;border-bottom:2px solid var(--cp-line-strong)}
.cp-body .nav-tabs>li.active>a,.cp-body .nav-tabs>li.active>a:hover,.cp-body .nav-tabs>li.active>a:focus{color:var(--cp-brand);background:transparent;border:0;border-bottom:2px solid var(--cp-brand)}
.cp-body .tab-content{background:var(--cp-surface);border:1px solid var(--cp-line);border-top:0;border-radius:0 0 14px 14px;padding:22px}
.cp-body .tab-content>.tab-pane{color:var(--cp-ink)}
/* Ürün üst bilgi kartı */
.cp-body .product-details,.cp-body .panel-sidebar{border-radius:14px}

/* ===================== BİLGİ BANKASI (knowledgebase) — premium ===================== */
.cp-body .kb-search{max-width:720px;margin:6px auto 34px}
.cp-body .kb-search .form-control{height:54px;border-radius:12px 0 0 12px;border:1px solid var(--cp-line-strong);font-size:15px;background:var(--cp-surface)}
.cp-body .kb-search .btn{border-radius:0 12px 12px 0;height:54px;padding:0 22px}
.cp-body .kbcategories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 16px}
.cp-body .kbcategories .col-sm-4{width:auto;max-width:none;float:none;padding:18px 20px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:14px;box-shadow:var(--cp-shadow);transition:transform .18s ease,box-shadow .22s ease,border-color .2s;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.cp-body .kbcategories .col-sm-4:hover{transform:translateY(-3px);box-shadow:var(--cp-shadow-lg);border-color:var(--cp-brand)}
.cp-body .kbcategories .col-sm-4>a{display:flex;align-items:center;gap:12px;color:var(--cp-ink);font-family:"Fraunces","Spectral",serif;font-weight:600;font-size:1.05rem;text-decoration:none;line-height:1.25}
.cp-body .kbcategories .col-sm-4>a:hover{color:var(--cp-brand);text-decoration:none}
.cp-body .kbcategories .col-sm-4>a i{color:var(--cp-brand);font-size:20px;flex:none}
.cp-body .kbcategories .col-sm-4 .admin-inline-edit{font-family:"Inter",sans-serif;font-size:.72rem;font-weight:600;color:var(--cp-ink-faint);opacity:.7}
.cp-body .kbcategories .col-sm-4 .admin-inline-edit:hover{color:var(--cp-brand);opacity:1}
.cp-body .kbcategories .col-sm-4 .admin-inline-edit i{font-size:.72rem;color:inherit}
.cp-body .kbcategories .col-sm-4>p{display:block;margin:0;color:var(--cp-ink-soft);font-size:.85rem;line-height:1.5}
.cp-body .kbcategories .col-sm-4>p:empty{display:none}
.cp-body .kbarticles{max-width:820px;margin:18px auto 0;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:14px;padding:6px 6px;box-shadow:var(--cp-shadow)}
.cp-body .kbarticles>a{display:flex;align-items:center;gap:10px;padding:14px 16px 4px;color:var(--cp-ink);font-weight:600;text-decoration:none}
.cp-body .kbarticles>a:hover{color:var(--cp-brand)}
.cp-body .kbarticles>a .glyphicon{color:var(--cp-brand)}
.cp-body .kbarticles>p{padding:0 16px 14px 42px;margin:0;color:var(--cp-ink-soft);font-size:.9rem;border-bottom:1px dashed var(--cp-line)}
.cp-body .kbarticles>p:last-of-type{border-bottom:0}
@media(max-width:900px){.cp-body .kbcategories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cp-body .kbcategories{grid-template-columns:1fr}}

/* ===================== BİLGİ BANKASI — makale detay ===================== */
.cp-body .kb-article-title{font-family:"Fraunces","Spectral",serif;font-weight:700;font-size:clamp(1.8rem,3.4vw,2.5rem);line-height:1.12;margin-bottom:.5rem}
.cp-body .kb-article-details{color:var(--cp-ink-faint);font-size:.82rem;font-family:"IBM Plex Mono",monospace;margin-bottom:26px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--cp-line);padding-bottom:16px}
.cp-body .kb-article-details .fa-tag,.cp-body .kb-article-details .fa-star{color:var(--cp-brand)}
.cp-body .kb-article-content{max-width:820px;font-size:1.02rem;line-height:1.8;color:var(--cp-ink)}
.cp-body .kb-article-content h2,.cp-body .kb-article-content h3,.cp-body .kb-article-content h4{font-family:"Fraunces","Spectral",serif;margin:1.5em 0 .5em;color:var(--cp-ink)}
.cp-body .kb-article-content p{margin:0 0 1.1em;max-width:72ch}
.cp-body .kb-article-content ul,.cp-body .kb-article-content ol{max-width:72ch;line-height:1.8;margin:0 0 1.1em}
.cp-body .kb-article-content a{color:var(--cp-brand);text-decoration:underline}
.cp-body .kb-article-content img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--cp-line)}
.cp-body .kb-article-content blockquote{border-left:3px solid var(--cp-brand);padding-left:16px;color:var(--cp-ink-soft);margin:1.2em 0}
.cp-body .kb-rate-article{max-width:820px;margin:30px 0;padding:16px 20px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;box-shadow:var(--cp-shadow)}
.cp-body .kb-rate-article .btn-lg{border-radius:10px;border:1px solid var(--cp-line-strong);background:var(--cp-surface);color:var(--cp-ink-soft);padding:8px 16px}
.cp-body .kb-rate-article .btn-lg:hover{border-color:var(--cp-brand);color:var(--cp-brand)}
.cp-body .fa-thumbs-up{color:var(--cp-good,#15803d)}
.cp-body .btn-print{color:var(--cp-ink-soft)}
.cp-body .kb-also-read{max-width:820px;margin-top:26px}
.cp-body .kb-also-read h2,.cp-body .kb-also-read h3,.cp-body .kb-also-read h4{font-family:"Fraunces","Spectral",serif;font-size:1.25rem;margin-bottom:10px}

/* ===================== MAĞAZA ÜRÜN KARTLARI (standard_cart .product) — premium ===================== */
/* standard_cart kendi id'li CSS'ini ezmek için yüksek özgüllük + !important */
.cp-body .product,.cp-body #order-standard_cart .product{position:relative!important;background:var(--cp-surface)!important;border:1px solid var(--cp-line)!important;border-radius:16px!important;box-shadow:var(--cp-shadow)!important;padding:0!important;height:calc(100% - 22px)!important;display:flex!important;flex-direction:column!important;margin-bottom:22px!important;transition:transform .18s ease,box-shadow .22s ease,border-color .2s!important;overflow:hidden!important}
.cp-body .product:hover{transform:translateY(-5px);box-shadow:var(--cp-shadow-lg)!important;border-color:var(--cp-brand)!important}
.cp-body .product>header{background:var(--cp-surface-2)!important;border-bottom:1px solid var(--cp-line)!important;padding:18px 22px!important;margin:0!important;font-family:"Fraunces","Spectral",serif!important;font-weight:700!important;font-size:1.15rem!important;color:var(--cp-ink)!important}
.cp-body .product>header span{font-family:inherit!important;font-size:inherit!important;color:inherit!important}
.cp-body .product-desc{padding:18px 22px!important;flex:1 0 auto!important;color:var(--cp-ink-soft);font-size:.9rem;line-height:1.55}
.cp-body .product-desc p{margin:0}
.cp-body .product-desc ul.cp-plist{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:.55rem}
.cp-body .product-desc ul.cp-plist li{display:flex;gap:.5em;align-items:flex-start;font-size:.88rem;color:var(--cp-ink-soft)}
.cp-body .product-desc ul.cp-plist li svg{color:var(--cp-good,#15803d);flex:none;margin-top:3px}
.cp-body .product>footer{padding:16px 22px!important;border-top:1px solid var(--cp-line)!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:transparent!important}
.cp-body .product-pricing{text-align:left;line-height:1.15;margin:0!important}
.cp-body .product-pricing .price{font-family:"Fraunces","Spectral",serif!important;font-weight:700!important;font-size:1.7rem!important;color:var(--cp-ink)!important}
.cp-body .btn-order-now{background:var(--cp-brand)!important;border-color:var(--cp-brand)!important;color:#fff!important;border-radius:10px!important;padding:.62em 1.2em!important;font-weight:600!important;white-space:nowrap;margin:0!important}
.cp-body .btn-order-now:hover{filter:brightness(1.06)}
/* mağaza başlığı */
.cp-body .cart-body>h1,.cp-body #order-standard_cart h1{font-family:"Fraunces","Spectral",serif}

/* Ürün kartı — 2. görsel referansı: güven/teslim/tier rozetleri + yeşil CTA */
.cp-pc-badges{display:flex;gap:8px;padding:16px 22px 0;flex-wrap:wrap}
.cp-pc-trust{color:#fff;font-size:.64rem;font-weight:700;padding:.34em .8em;border-radius:999px;letter-spacing:.02em}
.cp-pc-trust.hi{background:var(--cp-navy)}
.cp-pc-trust.lo{background:#0e7f90}
.cp-pc-teslim{background:#e6f4ea;color:#15803d;font-size:.64rem;font-weight:700;padding:.34em .8em;border-radius:999px}
.cp-body .product>header .cp-pc-tier{font-family:"IBM Plex Mono",monospace;font-size:.58rem;font-weight:700;padding:.2em .5em;border-radius:5px;margin-left:8px;vertical-align:middle;letter-spacing:.05em}
.cp-tier-dv{background:#dbeafe;color:#1e5fa8}
.cp-tier-ov{background:#fef3c7;color:#8a5a00}
.cp-tier-ev{background:#e6f4ea;color:#15803d}
.cp-body .product{align-items:stretch!important}
.cp-body .product>header,.cp-body .product>.product-desc,.cp-body .product>footer{width:100%!important;box-sizing:border-box!important}
.cp-body .product>footer{flex-direction:column!important;align-items:stretch!important;gap:12px!important}
.cp-body .product-pricing .price{color:var(--cp-brand)!important}
.cp-body .product>footer .btn-order-now{background:#16A34A!important;border-color:#16A34A!important;display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;font-size:.98rem!important;padding:.85em 1.2em!important;float:none!important}
.cp-body .btn-order-now:hover{background:#15803d!important;filter:none}

/* ===================== SİPARİŞ AKIŞI (order steps) — komple premium ===================== */
.cp-body .header-lined{border-bottom:1px solid var(--cp-line)!important;padding-bottom:14px;margin-bottom:24px}
.cp-body .header-lined h1,.cp-body .header-lined h2{font-family:"Fraunces","Spectral",serif!important;color:var(--cp-ink)!important;margin:0}
.cp-body .cart-body .headline{font-family:"Fraunces","Spectral",serif}
/* Form / süre seçimi */
.cp-body select.form-control,.cp-body .custom-select{height:48px;border-radius:10px;border:1px solid var(--cp-line-strong);background:var(--cp-surface);padding:0 40px 0 14px;font-size:14px;color:var(--cp-ink)}
.cp-body .field-container>label,.cp-body .form-group>label{font-weight:600;color:var(--cp-ink-soft);font-size:.85rem;margin-bottom:6px}
/* Eklenti kartları */
.cp-body .cart-addon,.cp-body .product-addon,.cp-body .addon-container{background:var(--cp-surface)!important;border:1px solid var(--cp-line)!important;border-radius:14px!important;box-shadow:var(--cp-shadow)!important;overflow:hidden;margin-bottom:14px}
.cp-body .cta{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px!important;border-top:1px solid var(--cp-line)}
.cp-body .cta .breakdown-price,.cp-body .cta .price{font-family:"Fraunces","Spectral",serif;font-weight:700;color:var(--cp-ink)}
.cp-body .setup-fee small{color:var(--cp-ink-faint)}
.cp-body .btn-add{background:var(--cp-brand)!important;border-color:var(--cp-brand)!important;color:#fff!important;border-radius:9px!important;padding:.55em 1.05em!important;display:inline-flex!important;align-items:center;gap:.45em;font-weight:600}
.cp-body .btn-add:hover{filter:brightness(1.06)}
/* Sipariş özeti başlık + fiyat */
.cp-body .order-summary h2,.cp-body .order-summary .font-size-30{font-family:"Fraunces","Spectral",serif!important;font-size:1.2rem!important;color:var(--cp-ink)!important;padding:14px 16px 4px}
.cp-body .summary-container .product-name{font-weight:600;color:var(--cp-ink)}
.cp-body #producttotal .breakdown-price,.cp-body .amt,.cp-body .total-due{font-family:"Fraunces","Spectral",serif;color:var(--cp-ink)}
/* Devam Et / büyük butonlar */
.cp-body .btn-primary.btn-lg{background:var(--cp-brand)!important;border-color:var(--cp-brand)!important;color:#fff!important;border-radius:11px!important;padding:.85em 1.8em!important;font-weight:600;font-size:1rem!important}
.cp-body .btn-primary.btn-lg:hover{filter:brightness(1.06)}
/* Yardım kutusu */
.cp-body .alert-warning.info-text-sm{background:var(--cp-surface-2)!important;border:1px solid var(--cp-line)!important;color:var(--cp-ink-soft)!important;border-radius:12px}
.cp-body .alert-warning .alert-link,.cp-body .info-text-sm a{color:var(--cp-brand)}
/* Sol kategori sidebar (order) */
.cp-body .cart-sidebar .panel,.cp-body .cart-sidebar .card-sidebar{border-radius:14px!important;overflow:hidden}

.cp-body select.form-control,.cp-body .custom-select{border-radius:10px!important}

/* ===================== MÜŞTERİ PANELİ — iki kolon (içerik + sol sidebar) ===================== */
.cp-ca-layout{display:flex;gap:26px;align-items:flex-start}
.cp-ca-main{flex:1;min-width:0}
.cp-ca-side{width:280px;flex:none;order:-1}
.cp-ca-side .panel{margin-bottom:16px}
.cp-ca-side .panel-sidebar .panel-title,.cp-ca-side .panel-title{font-family:"Fraunces","Spectral",serif}
@media(max-width:900px){.cp-ca-layout{flex-direction:column}.cp-ca-side{width:100%;order:0}}

/* ===================== MÜŞTERİ NAVİGASYONU (giriş sonrası — ince hesap/işlem çubuğu) ===================== */
.cp-clientnav{background:var(--cp-bg);border-bottom:1px solid var(--cp-line)}
.cp-clientnav-in{display:flex;align-items:stretch;justify-content:space-between;gap:8px;min-height:44px;flex-wrap:wrap}
.cp-cnav{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:2px;flex-wrap:wrap}
.cp-cnav-right{margin-left:auto}
.cp-cnav>li{position:relative;display:flex}
.cp-cnav>li>a{display:inline-flex;align-items:center;gap:.3em;padding:0 14px;color:var(--cp-ink-soft);text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.005em;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.cp-cnav>li>a:hover,.cp-cnav>li.open>a{color:var(--cp-brand);border-bottom-color:var(--cp-brand)}
/* açılır ok etikete bitişik + minik */
.cp-cnav>li>a .caret{margin-left:1px;border-top-color:currentColor;border-width:4px 4px 0;opacity:.55;transition:transform .15s}
.cp-cnav>li.open>a .caret,.cp-cnav>li.dropdown:hover>a .caret{opacity:.9;transform:translateY(1px)}
/* sağdaki hesap alanı: altın vurgulu, kişisel */
.cp-cnav-right{border-left:1px solid var(--cp-line);padding-left:4px}
.cp-cnav-right>li>a{color:var(--cp-ink);font-weight:700}
.cp-cnav-right>li>a i.fa-user,.cp-cnav-right>li>a i.fa-user-circle{color:var(--cp-seal)}
/* açılır menü kartı */
.cp-cnav .dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:12px;box-shadow:var(--cp-shadow-lg);padding:7px;margin:0;list-style:none;display:none;z-index:120}
.cp-cnav-right .dropdown-menu{left:auto;right:0}
.cp-cnav>li.open>.dropdown-menu{display:block}
.cp-cnav .dropdown-menu>li>a{display:flex;align-items:center;gap:.55em;padding:9px 12px;color:var(--cp-ink);text-decoration:none;border-radius:8px;font-size:.88rem;font-weight:500}
.cp-cnav .dropdown-menu>li>a i{width:16px;text-align:center;color:var(--cp-ink-soft)}
.cp-cnav .dropdown-menu>li>a:hover{background:var(--cp-surface-2);color:var(--cp-brand)}
.cp-cnav .dropdown-menu>li>a:hover i{color:var(--cp-brand)}
.cp-cnav .dropdown-menu .divider{height:1px;background:var(--cp-line);margin:6px 4px;padding:0}
/* çıkış vurgusu */
.cp-cnav .dropdown-menu>li[menuItemName="Logout"]>a,.cp-cnav .dropdown-menu>li#Menu-Account-Logout>a{color:#B4442E}
.cp-cnav .dropdown-menu>li[menuItemName="Logout"]>a:hover{background:rgba(180,68,46,.08);color:#B4442E}
@media(min-width:900px){ .cp-cnav>li.dropdown:hover>.dropdown-menu{display:block} }
@media(max-width:900px){
  .cp-clientnav-in{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cp-cnav{flex-wrap:nowrap}
  .cp-cnav-right{border-left:none}
  .cp-cnav>li>a{padding:11px 11px;font-size:.83rem}
}

/* ===================== MÜŞTERİ DASHBOARD (clientarea.php) — premium ===================== */
.cp-dash-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,var(--cp-navy),#12293b);color:#fff;border-radius:16px;padding:26px 30px;margin-bottom:22px;position:relative;overflow:hidden}
.cp-dash-head::after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(169,128,58,.35),transparent 70%);pointer-events:none}
.cp-dash-hi{position:relative;z-index:1}
.cp-dash-eyebrow{display:inline-flex;align-items:center;gap:.4em;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cp-seal)}
.cp-dash-hi h1{font-family:'Fraunces',serif;font-size:1.9rem;margin:.25em 0 .15em;color:#fff;line-height:1.1}
.cp-dash-hi p{margin:0;color:#cddae4;font-size:.95rem;max-width:52ch}
.cp-dash-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.cp-dash-actions .btn{display:inline-flex;align-items:center;gap:.5em;border-radius:10px;padding:11px 16px;font-weight:700;font-size:.9rem;border:1px solid transparent;text-decoration:none;transition:.15s}
.cp-da-primary{background:var(--cp-brand);color:#fff!important}
.cp-da-primary:hover{background:#0b7cb4}
.cp-da-warn{background:var(--cp-seal);color:#fff!important}
.cp-da-warn:hover{filter:brightness(.94)}
.cp-da-ghost{background:rgba(255,255,255,.1);color:#fff!important;border-color:rgba(255,255,255,.25)}
.cp-da-ghost:hover{background:rgba(255,255,255,.18)}
/* stat tiles */
.cp-body .tiles .tile{padding-left:8px;padding-right:8px;margin-bottom:16px}
.cp-body .tiles .tile>a{display:block;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:14px;padding:20px 20px 18px;text-decoration:none;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s;height:100%}
.cp-body .tiles .tile>a:hover{transform:translateY(-3px);box-shadow:var(--cp-shadow-lg);border-color:var(--cp-brand)}
.cp-body .tiles .tile .icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(14,143,207,.1);color:var(--cp-brand);margin-bottom:12px}
.cp-body .tiles .tile .icon i{font-size:1.2rem;margin:0}
.cp-body .tiles .tile .stat{font-family:'Fraunces',serif;font-size:2.1rem;font-weight:600;line-height:1;color:var(--cp-ink)}
.cp-body .tiles .tile .title{font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--cp-ink-soft);margin-top:5px}
.cp-body .tiles .tile .highlight{position:absolute;left:0;right:0;bottom:0;top:auto;height:4px;width:auto}
.bg-color-blue{background:var(--cp-brand)!important}
.bg-color-green{background:#2E9E6B!important}
.bg-color-red{background:#B4442E!important}
.bg-color-gold{background:var(--cp-seal)!important}
.cp-body .tiles .tile:has(.bg-color-green) .icon{background:rgba(46,158,107,.1);color:#2E9E6B}
.cp-body .tiles .tile:has(.bg-color-red) .icon{background:rgba(180,68,46,.1);color:#B4442E}
.cp-body .tiles .tile:has(.bg-color-gold) .icon{background:rgba(169,128,58,.12);color:var(--cp-seal)}
/* KB arama */
.cp-body .home-kb-search{position:relative;margin:6px 0 24px}
.cp-body .home-kb-search input{width:100%;border:1px solid var(--cp-line);border-radius:12px;background:var(--cp-surface);padding:15px 18px 15px 46px;font-size:1rem;color:var(--cp-ink);height:auto}
.cp-body .home-kb-search input:focus{outline:none;border-color:var(--cp-brand);box-shadow:0 0 0 3px rgba(14,143,207,.15)}
.cp-body .home-kb-search .fa-search{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--cp-seal)}
/* home paneller -> temiz kart */
.cp-body .client-home-panels .panel{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:14px;box-shadow:var(--cp-shadow);overflow:hidden;margin-bottom:22px}
.cp-body .client-home-panels .panel-heading{background:transparent;border-bottom:1px solid var(--cp-line);padding:15px 18px}
.cp-body .client-home-panels .panel-title{font-family:'Fraunces',serif;font-size:1.08rem;font-weight:600;color:var(--cp-ink);margin:0;display:flex;align-items:center;gap:.35em}
.cp-body .client-home-panels .panel-title>i{color:var(--cp-seal)}
.cp-body .client-home-panels .list-group{margin:0}
.cp-body .client-home-panels .list-group-item{border:none;border-bottom:1px solid var(--cp-line);padding:12px 18px;background:transparent;color:var(--cp-ink);font-size:.92rem}
.cp-body .client-home-panels .list-group-item:last-child{border-bottom:none}
.cp-body .client-home-panels .list-group-item:hover{background:var(--cp-surface-2);color:var(--cp-brand)}
.cp-body .client-home-panels .list-group-item i{color:var(--cp-ink-soft);margin-right:.3em}
.cp-body .client-home-panels .panel-body{padding:16px 18px;color:var(--cp-ink)}
.cp-body .client-home-panels .panel-footer{background:transparent;border-top:1px solid var(--cp-line);padding:12px 18px}
.cp-body .client-home-panels .badge{background:var(--cp-brand)}
/* services -> görünür Yönet butonu */
.cp-btn-manage{display:inline-flex;align-items:center;gap:.4em;background:var(--cp-brand);color:#fff!important;border:none;border-radius:8px;padding:7px 14px;font-weight:700;font-size:.83rem;white-space:nowrap;text-decoration:none;transition:.15s}
.cp-btn-manage:hover{background:#0b7cb4;color:#fff!important;transform:translateX(2px)}
.cp-btn-manage i{font-size:.72em}
.cp-col-manage{white-space:nowrap;vertical-align:middle!important}
@media(max-width:600px){ .cp-dash-head{padding:22px}.cp-dash-hi h1{font-size:1.55rem} }

/* ===================== FOOTER KONTRAST DÜZELTME (koyu lacivert zeminde okunur metin) ===================== */
.cp-footer,.cp-footer p,.cp-foot-col p,.cp-foot-col a,.cp-foot-contact,.cp-foot-contact a{color:#a9c0ce}
.cp-foot-col a:hover,.cp-foot-contact a:hover{color:#fff}
.cp-foot-contact strong,.cp-foot-col strong{color:#eef5f9}
.cp-foot-col h4{color:#c79b57}
.cp-footer,.cp-foot-grid,.cp-foot-bottom{border-color:#1c3446!important}
.cp-foot-bottom,.cp-foot-bottom .cp-mono{color:#7f97a6}
.cp-footer{box-shadow:none}

/* ===================== DESTEK TALEBİ (submitticket) + GENEL FORM ===================== */
.cp-ticket-head{margin-bottom:24px}
.cp-ticket-head h1{font-family:'Fraunces',serif;font-size:1.7rem;color:var(--cp-ink);display:flex;align-items:center;gap:.4em;margin:0 0 .3em;line-height:1.15}
.cp-ticket-head h1 i{color:var(--cp-seal)}
.cp-ticket-head p{color:var(--cp-ink-soft);margin:0;max-width:70ch;font-size:.95rem}
.cp-dept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px}
.cp-dept-card{display:flex;align-items:center;gap:14px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:14px;padding:18px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:var(--cp-shadow)}
.cp-dept-card:hover{border-color:var(--cp-brand);transform:translateY(-2px);box-shadow:var(--cp-shadow-lg)}
.cp-dept-ico{flex:none;width:46px;height:46px;border-radius:12px;background:rgba(14,143,207,.1);color:var(--cp-brand);display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.cp-dept-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cp-dept-body strong{color:var(--cp-ink);font-size:1.02rem;font-weight:700}
.cp-dept-desc{color:var(--cp-ink-soft);font-size:.85rem;line-height:1.5}
.cp-dept-arrow{flex:none;color:var(--cp-seal);opacity:.5;transition:.15s}
.cp-dept-card:hover .cp-dept-arrow{opacity:1;transform:translateX(3px)}
.cp-ticket-form-card{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:16px;padding:26px 28px;box-shadow:var(--cp-shadow)}
.cp-ticket-actions{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
/* genel form kontrolleri (site geneli tutarlı) */
.cp-body .form-control{border:1px solid var(--cp-line);border-radius:10px;background:var(--cp-surface);color:var(--cp-ink);padding:10px 13px;font-size:.95rem;box-shadow:none;height:auto;max-width:100%}
.cp-body .form-control:focus{border-color:var(--cp-brand);box-shadow:0 0 0 3px rgba(14,143,207,.15);outline:none}
.cp-body select.form-control{height:42px}
.cp-body textarea.form-control{min-height:150px}
.cp-body label{font-weight:600;color:var(--cp-ink);font-size:.88rem;margin-bottom:6px}
.cp-body .btn-primary{background:var(--cp-brand);border-color:var(--cp-brand);color:#fff}
.cp-body .btn-primary:hover,.cp-body .btn-primary:focus{background:#0b7cb4;border-color:#0b7cb4;color:#fff}
.cp-body .btn-default{background:var(--cp-surface-2,#eee);border:1px solid var(--cp-line);color:var(--cp-ink)}
.cp-body .btn-default:hover{border-color:var(--cp-brand);color:var(--cp-brand)}
@media(max-width:600px){ .cp-ticket-form-card{padding:20px 16px}.cp-ticket-head h1{font-size:1.4rem} }

/* ===================== EV CLOUD TEKNİK ÖZELLİKLER (cloudsign) ===================== */
.cp-spec2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cp-spec2{display:flex;flex-direction:column;gap:4px;background:var(--cp-surface);border:1px solid var(--cp-line);border-left:3px solid var(--cp-seal);border-radius:12px;padding:14px 18px;box-shadow:var(--cp-shadow)}
.cp-spec2 .k{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cp-ink-faint);font-weight:600}
.cp-spec2 .v{color:var(--cp-ink);font-size:.95rem;font-weight:500;line-height:1.45}
@media(max-width:700px){.cp-spec2-grid{grid-template-columns:1fr}}

/* ===================== SEPET (cart view) — mobil hizalama düzeltmesi ===================== */
/* Ürün satırı col-xs sınıfı taşımıyor → mobilde başlık(2 sütun) ile ürün(tek sütun) hizasız kalıyordu.
   Ürün satırını başlıkla aynı 7/5 hizasına flex ile getiriyoruz. */
@media(max-width:767px){
  .cp-body .view-cart-items .item > .row{display:flex;flex-wrap:wrap;align-items:flex-start;margin-left:-15px;margin-right:-15px}
  .cp-body .view-cart-items .item .col-sm-7{flex:0 0 58.333%;max-width:58.333%;width:58.333%}
  .cp-body .view-cart-items .item .col-sm-4.item-price{flex:0 0 41.666%;max-width:41.666%;width:41.666%;text-align:right}
  .cp-body .view-cart-items .item .item-price .cycle{display:block;font-size:.8rem;color:var(--cp-ink-soft)}
  .cp-body .view-cart-items .item .item-title{font-weight:600}
  .cp-body .view-cart-items .item .item-group{display:block;font-size:.82rem;color:var(--cp-ink-soft);margin-top:2px}
}