/* Abonelik sistemi sayfasına özel stiller */

.band{background:#2A1653;color:#fff}
.band .wrap{padding-block:3.2rem 3.4rem;display:grid;grid-template-columns:1fr 340px;gap:2rem 3.5rem;align-items:center}
.band .ust{margin:0 0 .7rem;font:700 .9rem var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--yellow)}
.band h1{font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:800;max-width:22ch}
.band p.giris{margin:1rem 0 0;font-size:1.15rem;max-width:56ch;opacity:.9}

.fiyat-kutu{background:#fff;color:var(--ink);border-radius:18px;padding:1.7rem;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.fiyat-kutu .etiket{font-weight:700;color:var(--muted);font-size:.95rem}
.fiyat-kutu .tutar{font:800 2.8rem/1.05 var(--display);margin-top:.4rem}
.fiyat-kutu .kdv{color:var(--muted);font-weight:600;font-size:.9rem}
.fiyat-kutu ul{list-style:none;margin:1.1rem 0 1.3rem;padding:1.1rem 0 0;border-top:1px solid var(--line);display:grid;gap:.45rem}
.fiyat-kutu li{padding-left:1.6rem;position:relative}
.fiyat-kutu li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}
.fiyat-kutu .btn{width:100%;background:var(--yellow);color:#1B1B1B}
.fiyat-kutu .btn:hover{background:var(--yellow-hi)}
@media (max-width:860px){.band .wrap{grid-template-columns:1fr}.fiyat-kutu{max-width:420px}}

.iki{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3.5rem}
.iki h2{font-size:clamp(1.5rem,2.6vw,1.9rem)}
.iki p{margin:.7rem 0 0;color:var(--muted);font-size:1.1rem;max-width:52ch}
.iki strong{color:var(--ink)}
@media (max-width:760px){.iki{grid-template-columns:1fr}}

.adimlar{list-style:none;counter-reset:adim;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.adimlar li{counter-increment:adim;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.4rem}
.adimlar li::before{content:counter(adim);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font:800 1rem var(--display);margin-bottom:.9rem}
.adimlar h3{font-size:1.15rem;font-weight:700}
.adimlar p{margin:.4rem 0 0;color:var(--muted)}
.adimlar a{overflow-wrap:anywhere}
@media (max-width:860px){.adimlar{grid-template-columns:1fr}}

.son{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}