:root{
    --paloty:#e27924; --dark:#191919; --muted:#666;
    --bg:#f8f8f8; --card:#fff; --radius:16px;
}

/* sayfa */
.pricing-page{padding:24px 0;background:transparent;}
.pricing-container{max-width:1280px;margin:0 auto;padding:0 16px}

/* hero */
.pricing-hero{text-align:center;margin-bottom:16px}
.pricing-hero h1{font-size:clamp(26px,3.4vw,38px);margin:0 0 6px}
.pricing-hero p{color:var(--muted);margin:0 0 14px}

/* billing switch */
.billing-toggle{display:inline-flex;align-items:center;gap:10px;background:#fff;padding:8px 12px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.bt-label{font-weight:700;color:#333}
.bt-label .save{color:var(--paloty);font-style:normal}
.switch{position:relative;width:54px;height:28px}
.switch input{appearance:none;width:0;height:0}
.switch .slider{position:absolute;inset:0;background:#d9d9d9;border-radius:999px;transition:.18s}
.switch .slider:before{content:"";position:absolute;width:24px;height:24px;left:2px;top:2px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:.18s}
.switch input:checked + .slider{background:var(--paloty)}
.switch input:checked + .slider:before{transform:translateX(26px)}

/* plan kartları */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.plan{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 10px 26px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px;position:relative}
.plan .plan-head{display:flex;align-items:center;justify-content:space-between}
.plan h3{margin:0;color:#333}
.plan .price{color:#111}
.plan .price .currency{margin-right:2px}
.plan .price strong{font-size:28px}
.plan .period{color:#777;margin-left:4px}
.plan-features{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:8px}
.plan-features li{position:relative;padding-left:14px}
.plan-features li:before{content:"•";position:absolute;left:0;color:var(--paloty)}
.btn{border-radius:12px;padding:12px 16px;font-weight:700;border:none;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}
.btn-primary{background:var(--paloty);color:#fff}
.btn-primary:hover{background:#d1660f}
.btn-ghost{background:#fff;border:1.8px solid var(--dark);color:var(--dark)}
.btn-ghost:hover{background:var(--dark);color:#fff}

/* featured */
.plan.featured{border:2px solid var(--paloty);transform:translateY(-2px)}
.plan.featured .badge{position:absolute;top:-10px;left:16px;background:#ffd9bf;color:#8a3c00;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;box-shadow:0 8px 22px rgba(226,121,36,.25)}

/* karşılaştırma */
.compare{margin-top:14px}
.compare h2{font-size:20px;color:#555;margin:0 0 10px}
.table{background:#fff;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.06);overflow:hidden}
.row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;border-bottom:1px solid #eee}
.row:last-child{border-bottom:none}
.row > div{padding:12px}
.row.head{background:#f7f4ef;font-weight:700}
.row > div:not(:first-child){text-align:center}

/* faq */
.faq{margin:22px 0}
.faq h2{font-size:20px;color:#555;margin:0 0 10px}
.faq details{background:#fff;border-radius:12px;padding:12px 14px;margin:8px 0;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:8px 0 0;color:#555}

/* CTA */
.pricing-cta{background:#f7f4ef;border-radius:16px;padding:18px;margin:4px 0 26px;text-align:center}
.pricing-cta h3{margin:0 0 10px}

/* responsive */
@media (max-width:1100px){
    .plans{grid-template-columns:1fr 1fr}
    .row{grid-template-columns:1.2fr .9fr .9fr .9fr}
}
@media (max-width:700px){
    .plans{grid-template-columns:1fr}
    .plan.featured{transform:none}
    .row{grid-template-columns:1fr}
    .row.head{display:none}
    .row > div{border-bottom:1px dashed #eee}
    .row > div:first-child{font-weight:700;background:#fff}
}