/* Puhu Puan — tema renkleriyle uyumlu, tema yoksa da okunur varsayılanlar */
.puhu-puan-urun, .puhu-puan-panel, .puhu-puan-kart, .puhu-puan-kurallar {
	--pp-navy: var(--phs-navy, #2B3C8D);
	--pp-tint: var(--phs-turq-tint, #E3F5F8);
	--pp-ink: var(--phs-ink, #1C2340);
	--pp-muted: var(--phs-muted, #5B6478);
	--pp-yellow: var(--phs-yellow, #FFD15C);
}
.puhu-puan-urun { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 10px 14px; border-radius: 12px; background: #FFF4DA; color: var(--pp-ink); font-size: 14px; line-height: 1.45; }
.puhu-puan-urun__ikon { flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: var(--pp-yellow); color: var(--pp-navy); display: flex; align-items: center; justify-content: center; }
.puhu-puan-urun a { font-weight: 700; margin-left: 4px; }

.puhu-puan-panel { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0 0 20px; padding: 16px 18px; border-radius: 16px; background: #FFF4DA; color: var(--pp-ink); }
.puhu-puan-panel__ikon { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; background: var(--pp-yellow); color: var(--pp-navy); display: flex; align-items: center; justify-content: center; }
.puhu-puan-panel__body { flex: 1 1 260px; min-width: 0; }
.puhu-puan-panel p { margin: 0; }
.puhu-puan-panel__title { font-weight: 800; font-size: 16px; color: var(--pp-navy); }
.puhu-puan-panel__text { font-size: 14px; margin-top: 2px !important; }
.puhu-puan-panel__earn { font-size: 13px; color: var(--pp-muted); margin-top: 4px !important; }
.puhu-puan-panel a { font-weight: 700; }
.puhu-puan-panel__btn { min-height: 44px; padding: 0 20px; border: 0; border-radius: 12px; background: var(--pp-navy); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.puhu-puan-panel__btn.is-secili { background: #fff; color: var(--pp-navy); box-shadow: inset 0 0 0 1px var(--pp-navy); }
.puhu-puan-panel__btn[disabled] { opacity: .6; cursor: progress; }

.puhu-puan-hesap h3 { font-size: 18px; margin: 28px 0 12px; }
.puhu-puan-kart { display: flex; align-items: center; gap: 18px; padding: 22px 24px; border-radius: 18px; background: var(--pp-navy); color: #fff; }
.puhu-puan-kart__ikon { width: 56px; height: 56px; border-radius: 50%; background: var(--pp-yellow); color: var(--pp-navy); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.puhu-puan-kart p { margin: 0; }
.puhu-puan-kart__label { font-size: 13px; opacity: .85; }
.puhu-puan-kart__num { font-size: 36px; font-weight: 800; line-height: 1.1; }
.puhu-puan-kart__tl { font-size: 14px; opacity: .9; }
.puhu-puan-kurallar { margin-top: 16px; padding: 4px 20px 14px; border-radius: 16px; background: var(--pp-tint); }
.puhu-puan-kurallar h3 { margin-top: 14px; font-size: 16px; }
.puhu-puan-kurallar ul { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.6; }
.puhu-puan-tablo__num { text-align: right; white-space: nowrap; font-weight: 700; }
.puhu-puan-tablo .is-arti { color: #12663a; }
.puhu-puan-tablo .is-eksi { color: #B3261E; }
.puhu-puan-tablo__not { display: block; font-size: 13px; color: var(--phs-muted, #5B6478); }
.puhu-puan-ozet { padding: 12px 16px; border-radius: 12px; background: #FFF4DA; }