/* Paket bölümü + panel sayfaları */
.hero-pill{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.1rem;padding:.45rem .9rem;border-radius:999px;background:rgba(253,187,31,.12);border:1px solid rgba(253,187,31,.55);color:#FFD873;font:600 .85rem/1 Manrope,system-ui,sans-serif;text-decoration:none;animation:pillPulse 2.4s ease-in-out infinite}
.hero-pill:hover{background:rgba(253,187,31,.22)}
@keyframes pillPulse{0%,100%{box-shadow:0 0 0 0 rgba(253,187,31,.45)}50%{box-shadow:0 0 0 9px rgba(253,187,31,0)}}
.nav .nav-hot{color:#FDBB1F;font-weight:700}
.packages{background:radial-gradient(1200px 500px at 50% 0,rgba(253,187,31,.08),transparent 60%),#010C1E;color:#fff}
.packages .section-sub{color:rgba(255,255,255,.78)}
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.2rem;align-items:stretch}
.pkg{position:relative;display:flex;flex-direction:column;padding:1.8rem 1.5rem;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14)}
.pkg h3{margin:0 0 .3rem;font:700 1.25rem Sora,system-ui,sans-serif}
.pkg .pkg-for{margin:0 0 1rem;color:rgba(255,255,255,.7);font-size:.95rem}
.pkg .pkg-price{margin:0 0 1rem;font:700 2.1rem Sora,system-ui,sans-serif;color:#FDBB1F}
.pkg .pkg-price small{font:500 .9rem Manrope,system-ui,sans-serif;color:rgba(255,255,255,.65)}
.pkg ul{margin:0 0 1.5rem;padding:0;list-style:none;flex:1}
.pkg li{position:relative;padding:.35rem 0 .35rem 1.5rem;font-size:.95rem;color:rgba(255,255,255,.9)}
.pkg li:before{content:"✓";position:absolute;left:0;color:#FDBB1F;font-weight:700}
.pkg-featured{border:2px solid #FDBB1F;background:rgba(253,187,31,.07);transform:translateY(-6px)}
.pkg-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:.3rem .9rem;border-radius:999px;background:#FDBB1F;color:#010C1E;font:700 .75rem Manrope,system-ui,sans-serif;letter-spacing:.04em;white-space:nowrap}
.btn-outline-light{display:inline-flex;justify-content:center;align-items:center;padding:.85rem 1.2rem;border-radius:12px;border:1.5px solid rgba(255,255,255,.5);color:#fff;font-weight:700;text-decoration:none}
.btn-outline-light:hover{border-color:#FDBB1F;color:#FDBB1F}
.pkg .btn{width:100%;text-align:center;justify-content:center}
.pkg-trust{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;justify-content:center;margin:2rem 0 0;padding:0;list-style:none;color:rgba(255,255,255,.85);font-size:.95rem}
.pkg-trust li:before{content:"•";color:#FDBB1F;margin-right:.5rem}
.pkg-note{margin:1rem 0 0;text-align:center;color:rgba(255,255,255,.6);font-size:.85rem}
@media(max-width:1000px){.pkg-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.pkg-featured{transform:none;margin-top:.6rem}}

/* Panel sayfaları */
.panel-wrap{max-width:760px;margin:0 auto;padding:2.5rem 16px 4rem}
.panel-wrap h1{font:700 clamp(1.6rem,4vw,2.2rem) Sora,system-ui,sans-serif;margin:0 0 .5rem}
.panel-wrap .lead{color:#44505f;margin:0 0 1.5rem}
.panel-card{background:#fff;border:1px solid #e3e7ee;border-radius:16px;padding:1.5rem;box-shadow:0 8px 28px rgba(1,12,30,.06)}
.pf label{display:block;margin:0 0 1rem;font-weight:600;font-size:.95rem}
.pf input[type=text],.pf input[type=tel],.pf input[type=email],.pf input[type=url],.pf select{display:block;width:100%;margin-top:.35rem;padding:.8rem .9rem;border:1px solid #c9d0db;border-radius:10px;font:inherit;font-weight:400;background:#fff}
.pf input:focus,.pf select:focus{outline:2px solid #FDBB1F;border-color:#FDBB1F}
.pf .row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.pf fieldset{border:0;margin:0 0 1.2rem;padding:0}
.pf legend{font-weight:700;margin-bottom:.5rem}
.pf .opt{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem .9rem;margin:0 0 .5rem;border:1.5px solid #c9d0db;border-radius:12px;cursor:pointer;font-weight:600}
.pf .opt input{margin-top:.3rem}
.pf .opt small{display:block;font-weight:400;color:#5b6676}
.pf .opt:has(input:checked){border-color:#FDBB1F;background:#fff8e6}
.pf .chk{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.9rem;line-height:1.45}
.pf .chk input{margin-top:.25rem}
.pf .chk a{color:#0a4fb3}
.pf h2{font:700 1.05rem Sora,system-ui,sans-serif;margin:1.6rem 0 .8rem}
.pf .hp{position:absolute;left:-9999px}
.pf .btn{width:100%;justify-content:center;border:0;cursor:pointer;font-size:1rem}
.pf .err{color:#b3261e;font-weight:600;margin:.8rem 0 0;display:none}
.pay-note{padding:1.1rem 1.2rem;border-radius:14px;background:#fff8e6;border:1.5px solid #FDBB1F;margin:1.2rem 0}
.pay-note strong{display:block;margin-bottom:.3rem}
.done-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.legal-nav{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:0 0 1.5rem;font-size:.9rem}
.legal-nav a{color:#0a4fb3}
.legal-nav a[aria-current=page]{font-weight:700;color:#010C1E;text-decoration:none}
.legal h1{font-size:1.8rem}
.legal h2{font:700 1.1rem Sora,system-ui,sans-serif;margin:1.6rem 0 .5rem}
.legal p,.legal li{line-height:1.65;color:#27323f}
.legal .meta{color:#6b7686;font-size:.85rem}
@media(max-width:600px){.pf .row{grid-template-columns:1fr}}

/* v2: textarea + web paketi kartı */
.pf textarea{display:block;width:100%;margin-top:.35rem;padding:.8rem .9rem;border:1px solid #c9d0db;border-radius:10px;font:inherit;font-weight:400;background:#fff;resize:vertical}
.pf textarea:focus{outline:2px solid #FDBB1F;border-color:#FDBB1F}
.pf .chk{margin:0 0 .5rem}
.pkg-wide{display:grid;grid-template-columns:1.2fr 1fr auto;gap:1.5rem;align-items:center;margin-top:1.25rem;padding:1.8rem 1.6rem;border-radius:18px;background:linear-gradient(120deg,rgba(253,187,31,.14),rgba(255,255,255,.04));border:1px solid rgba(253,187,31,.45)}
.pkg-wide h3{margin:0 0 .3rem;font:700 1.35rem Sora,system-ui,sans-serif}
.pkg-wide .pkg-for{margin:0 0 .6rem;color:rgba(255,255,255,.75)}
.pkg-wide .pkg-tag{display:inline-block;margin-bottom:.6rem;padding:.25rem .7rem;border-radius:999px;background:#FDBB1F;color:#010C1E;font:700 .72rem Manrope,system-ui,sans-serif;letter-spacing:.04em}
.pkg-wide ul{margin:0;padding:0;list-style:none;columns:1}
.pkg-wide li{position:relative;padding:.3rem 0 .3rem 1.5rem;font-size:.93rem;color:rgba(255,255,255,.9)}
.pkg-wide li:before{content:"\2713";position:absolute;left:0;color:#FDBB1F;font-weight:700}
.pkg-wide .pkg-cta{text-align:center}
.pkg-wide .pkg-price{margin:0 0 .8rem;font:700 1.6rem Sora,system-ui,sans-serif;color:#FDBB1F}
.pkg-wide .pkg-price small{display:block;font:500 .85rem Manrope,system-ui,sans-serif;color:rgba(255,255,255,.65)}
@media(max-width:1000px){.pkg-wide{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.pkg-wide .pkg-cta{text-align:left}.pkg-wide .btn{width:100%;justify-content:center}}

/* v3: panel sayfaları açık zemin */
html.panel-page,html.panel-page body{background:#f4f6fa!important;color:#010C1E!important}
html.panel-page .panel-wrap h1,html.panel-page .panel-wrap .lead{color:#010C1E}
html.panel-page .panel-wrap .lead{color:#44505f}
html.panel-page .site-footer{background:#010C1E}

/* v4: müşteri paneli ve yönetim */
.prog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.prog{height:10px;border-radius:999px;background:#e8ecf2;overflow:hidden}
.prog i{display:block;height:100%;background:linear-gradient(90deg,#FDBB1F,#FFD873);border-radius:999px;transition:width .4s}
.steps-list{list-style:none;margin:1.2rem 0 0;padding:0}
.steps-list li{display:flex;gap:.8rem;align-items:flex-start;padding:.55rem 0;border-bottom:1px solid #eef1f5}
.steps-list li:last-child{border-bottom:0}
.steps-list .dot{flex:0 0 14px;height:14px;margin-top:.25rem;border-radius:50%;border:2px solid #c9d0db;background:#fff}
.steps-list li.ok .dot{background:#1b7a3a;border-color:#1b7a3a}
.steps-list li.go .dot{background:#FDBB1F;border-color:#FDBB1F}
.steps-list b{display:block;font-weight:700}
.steps-list small{color:#6b7686}
.muted{color:#5b6676;margin:0 0 1rem}
.note{margin:0 0 .7rem;padding:.6rem .8rem;background:#f4f6fa;border-radius:10px}
.note small{display:block;color:#6b7686;margin-bottom:.2rem}
.panel-card summary{cursor:pointer}
.pill{display:inline-block;margin-left:.4rem;padding:.1rem .55rem;border-radius:999px;background:#fff8e6;border:1px solid #FDBB1F;font-size:.8rem;font-weight:700}
.adm-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}
.adm-grid h3{font:700 .95rem Sora,system-ui,sans-serif;margin:1rem 0 .4rem}
.adm-t{width:100%;border-collapse:collapse;font-size:.88rem}
.adm-t td{padding:.35rem 0;border-bottom:1px solid #eef1f5;vertical-align:top}
.adm-t select{padding:.3rem;border-radius:8px;border:1px solid #c9d0db}
.adm-l{list-style:none;padding:0;margin:0;font-size:.85rem}
.adm-l li{padding:.35rem 0;border-bottom:1px solid #eef1f5}
.adm-l small{display:block;color:#6b7686}
.adm-kv{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;font-size:.85rem;margin:0}
.adm-kv dt{color:#6b7686}.adm-kv dd{margin:0;white-space:pre-wrap;word-break:break-word}
@media(max-width:800px){.adm-grid{grid-template-columns:1fr}}

/* v5: panel sayfalarında sabit üst menü ve başlık ölçüleri */
html.panel-page .site-header{background:#010C1E;box-shadow:0 2px 12px rgba(1,12,30,.25)}
html.panel-page main.panel-wrap{padding-top:calc(79px + 2rem)}
html.panel-page .panel-wrap h2{font:700 1.15rem/1.3 Sora,system-ui,sans-serif;margin:1.4rem 0 .6rem}
html.panel-page .panel-wrap h3{font-size:1rem}
html.panel-page .site-footer{padding:1.5rem 0}
html.panel-page .site-footer a{color:#FFD873}

/* v6: panel sayfalarında üst menü düğmesi mobilde de görünür */
html.panel-page .header-cta{display:inline-flex!important;margin-left:auto}
html.panel-page .burger{display:none!important}
@media(max-width:600px){html.panel-page .brand-text{display:none}html.panel-page main.panel-wrap{padding-left:16px;padding-right:16px}}

html.panel-page .header-cta[hidden]{display:none!important}
.pf input[type=password]{display:block;width:100%;margin-top:.35rem;padding:.8rem .9rem;border:1px solid #c9d0db;border-radius:10px;font:inherit;font-weight:400;background:#fff}
.pf input[type=password]:focus{outline:2px solid #FDBB1F;border-color:#FDBB1F}
