/* ===== Karınca Puan — Ön Yüz ===== */

/* Ürün sayfası ipucu */
.kpuan-product-hint{
    display:inline-block;margin:10px 0;padding:9px 14px;background:#f5f3ff;border:1px solid #ddd6fe;
    border-radius:8px;color:#6d28d9;font-size:14px;line-height:1.4
}
.kpuan-product-hint .kpuan-mult{color:#c79a2e;font-weight:600}

/* Sepet/ödeme puan kutusu */
.kpuan-redeem-box{
    border:1px dashed #9036fe;border-radius:10px;padding:14px 16px;margin:0 0 18px;background:#faf8ff
}
.kpuan-redeem-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.kpuan-redeem-title{font-weight:700;color:#5b21b6;font-size:15px}
.kpuan-redeem-bal{font-size:13px;color:#4a5568}
.kpuan-redeem-form{display:flex;gap:8px}
.kpuan-redeem-input{flex:1;padding:9px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;max-width:180px}
.kpuan-apply-btn{white-space:nowrap}
.kpuan-redeem-hint{margin-top:8px;font-size:12px;color:#718096}
.kpuan-redeem-active{display:flex;align-items:center;gap:10px;color:#6d28d9;font-size:14px}
.kpuan-remove-btn{background:none;border:none;color:#c53030;cursor:pointer;text-decoration:underline;font-size:13px;padding:0}
.kpuan-redeem-msg{margin-top:8px;font-size:13px}
.kpuan-redeem-msg.err{color:#c53030}
.kpuan-redeem-msg.ok{color:#6d28d9}

/* Hesabım paneli */
.kpuan-account{max-width:820px}
.kpuan-hero{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
    border-radius:14px;padding:26px 28px;color:#fff;margin-bottom:16px
}
.kpuan-hero-num{font-size:40px;font-weight:800;line-height:1}
.kpuan-hero-lbl{font-size:14px;opacity:.9;margin-top:6px}
.kpuan-hero-tier{
    display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(255,255,255,.14);
    border:2px solid;border-radius:12px;padding:12px 18px;min-width:110px
}
.kpuan-tier-emoji{font-size:28px}
.kpuan-tier-name{font-size:13px;font-weight:600}

.kpuan-progress-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;margin-bottom:16px}
.kpuan-progress-box.kpuan-max{text-align:center;color:#6d28d9;font-weight:600;background:#f5f3ff;border-color:#c4b5fd}
.kpuan-progress-top{display:flex;justify-content:space-between;font-size:14px;color:#4a5568;margin-bottom:8px}
.kpuan-progress-bar{height:10px;background:#edf2f7;border-radius:6px;overflow:hidden}
.kpuan-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#5b21b6,#9036fe);border-radius:6px;transition:width .5s}

.kpuan-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.kpuan-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}
.kpuan-info-card h4{margin:0 0 10px;font-size:14px;color:#5b21b6}
.kpuan-info-card ul{margin:0;padding-left:18px}
.kpuan-info-card li{font-size:13px;color:#4a5568;margin-bottom:6px}

.kpuan-expiry{background:#fffaf0;border:1px solid #fbd38d;border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:#7b341e}
.kpuan-expiry-item{display:inline-block;background:#fff;border:1px solid #fbd38d;border-radius:20px;padding:3px 10px;margin:4px 4px 0 0;font-size:12px}

.kpuan-h3{margin:8px 0 12px;color:#5b21b6;font-size:17px}
.kpuan-empty{color:#a0aec0;font-size:14px;padding:16px 0}
.kpuan-table{width:100%;border-collapse:collapse}
.kpuan-table th{text-align:left;font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;border-bottom:2px solid #e2e8f0}
.kpuan-table td{padding:10px;border-bottom:1px solid #edf2f7;font-size:14px;color:#2d3748}

/* Hesabım — ayrıcalıklar linki */
.kpuan-benefits-link{
    display:block;text-align:center;margin:0 0 16px;padding:12px 16px;border-radius:10px;
    background:#f5f3ff;border:1px solid #ddd6fe;color:#5b21b6 !important;font-weight:600;
    text-decoration:none;transition:background .2s
}
.kpuan-benefits-link:hover{background:#ede9fe}

/* ===== Kademe Ayrıcalıkları Sayfası ([karinca_kademe]) ===== */
.kpuan-benefits{max-width:1000px;margin:0 auto}
.kpuan-benefits-intro{text-align:center;margin-bottom:26px}
.kpuan-benefits-eyebrow{display:inline-block;font-size:11px;letter-spacing:2px;font-weight:700;color:#9036fe;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:20px;padding:4px 14px;margin-bottom:12px}
.kpuan-benefits-intro h2{margin:0 0 12px;color:#5b21b6;font-size:32px}
.kpuan-benefits-intro p{color:#4a5568;font-size:16px;line-height:1.75;max-width:720px;margin:0 auto}

/* Nasıl çalışır adımları */
.kpuan-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}
.kpuan-step{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}
.kpuan-step-num{flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#5b21b6,#9036fe);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
.kpuan-step strong{display:block;color:#2d3748;font-size:15px;margin-bottom:3px}
.kpuan-step span{color:#718096;font-size:13px;line-height:1.5}

.kpuan-benefits-h3{text-align:center;color:#5b21b6;font-size:22px;margin:0 0 18px}
.kpuan-benefit-desc{font-size:13px;color:#718096;line-height:1.55;margin:0 0 14px;min-height:52px}
.kpuan-tier-note{text-align:center;font-size:13px;color:#718096;margin:16px 0 30px;line-height:1.6}

/* SSS */
.kpuan-faq{margin:26px 0 16px;display:grid;gap:10px}
.kpuan-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px}
.kpuan-faq-item strong{display:block;color:#5b21b6;font-size:15px;margin-bottom:4px}
.kpuan-faq-item span{color:#4a5568;font-size:14px;line-height:1.6}

.kpuan-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}
.kpuan-benefit-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.kpuan-benefit-card.is-current{border-color:#9036fe;box-shadow:0 6px 22px rgba(144,54,254,.18)}
.kpuan-benefit-card.kpuan-tier-gold{background:linear-gradient(180deg,#fffdf5,#fff)}
.kpuan-cur-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#9036fe;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;white-space:nowrap}
.kpuan-benefit-head{text-align:center;padding-bottom:16px;margin-bottom:16px;border-bottom:3px solid}
.kpuan-benefit-emoji{display:block;font-size:38px;line-height:1}
.kpuan-benefit-name{display:block;font-size:20px;font-weight:800;color:#2d3748;margin-top:6px}
.kpuan-benefit-th{display:block;font-size:13px;color:#718096;margin-top:4px}
.kpuan-benefit-list{list-style:none;margin:0;padding:0}
.kpuan-benefit-list li{font-size:14px;color:#4a5568;padding:7px 0;border-bottom:1px solid #f4f2f8;line-height:1.5}
.kpuan-benefit-list li:last-child{border-bottom:none}
.kpuan-benefit-list li.kpuan-perk-hi{font-weight:700;color:#5b21b6}

.kpuan-benefits-how{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:14px;padding:22px;margin-bottom:24px}
.kpuan-how-col h4{margin:0 0 10px;color:#5b21b6;font-size:16px}
.kpuan-how-col ul{margin:0;padding-left:18px}
.kpuan-how-col li{font-size:14px;color:#4a5568;margin-bottom:7px;line-height:1.5}

.kpuan-benefits-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.kpuan-cta-btn{display:inline-block;padding:14px 34px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;background:linear-gradient(135deg,#5b21b6,#9036fe);color:#fff !important}
.kpuan-cta-btn.kpuan-cta-ghost{background:#fff;color:#5b21b6 !important;border:2px solid #9036fe}
.kpuan-benefits-foot{text-align:center;font-size:12px;color:#a0aec0;margin:0}

/* ===== Ana sayfa tanıtım şeridi (footer üstü) ===== */
.kpuan-home-strip{background:linear-gradient(135deg,#5b21b6,#9036fe);padding:46px 20px;color:#fff}
.kpuan-home-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.kpuan-home-left{flex:1;min-width:280px}
.kpuan-home-badge{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600;margin-bottom:14px}
.kpuan-home-left h2{margin:0 0 8px;font-size:29px;color:#fff;line-height:1.2}
.kpuan-home-left p{margin:0 0 16px;font-size:15px;color:rgba(255,255,255,.9);line-height:1.65;max-width:580px}
.kpuan-home-tiers{display:flex;gap:8px;flex-wrap:wrap}
.kpuan-home-tiers span{background:rgba(255,255,255,.14);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}
.kpuan-home-right{flex:none;text-align:center}
.kpuan-home-btn{display:inline-block;background:#fff;color:#5b21b6 !important;font-weight:800;font-size:16px;padding:16px 36px;border-radius:12px;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .15s}
.kpuan-home-btn:hover{transform:translateY(-2px)}
.kpuan-home-mine{margin-top:12px;font-size:13px;color:rgba(255,255,255,.92)}

@media(max-width:600px){
    .kpuan-info-grid{grid-template-columns:1fr}
    .kpuan-hero-num{font-size:32px}
    .kpuan-benefits-grid{grid-template-columns:1fr}
    .kpuan-benefits-how{grid-template-columns:1fr}
    .kpuan-steps{grid-template-columns:1fr}
    .kpuan-home-strip{padding:34px 16px}
    .kpuan-home-left h2{font-size:23px}
    .kpuan-home-right{width:100%}
    .kpuan-home-btn{display:block}
}