/*
 * app.css (Tailwind, önceden DERLENMİŞ) içinde bulunmayan ama yeni arayüzlerde (çarkıfelek modalı, Hediye Çeki Yükle sayfası,
 * ödeme sayfası kredi kutusu) kullanılan sınıflar. Sunucuda Tailwind derleyicisi (Node) olmadığı için elle yazıldı.
 * Yeni bir sınıf eklerken app.css'te olup olmadığını kontrol edin; yoksa buraya ekleyin.
 */
.bg-\[\#229ED9\]{background-color:#229ED9}
.focus\:border-sale\/60:focus{border-color:rgba(255,86,48,.6)}
.max-w-\[980px\]{max-width:980px}
.max-w-\[340px\]{max-width:340px}
.max-h-\[94vh\]{max-height:94vh}
.rounded-\[24px\]{border-radius:24px}
.bg-ink\/70{background-color:rgba(15,15,15,.7)}
.border-white\/10{border-color:hsla(0,0%,100%,.1)}
.text-white\/65{color:hsla(0,0%,100%,.65)}
.bottom-4{bottom:1rem}
.drop-shadow{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}
.hover\:scale-105:hover{transform:scale(1.05)}
.tabular-nums{font-variant-numeric:tabular-nums}
.text-\[19px\]{font-size:19px;line-height:1.3}
.text-\[44px\]{font-size:44px;line-height:1.1}
.shadow-\[0_0_0_8px_\#0F0F0F\,0_10px_30px_rgba\(0\,0\,0\,\.3\)\]{box-shadow:0 0 0 8px #0F0F0F,0 10px 30px rgba(0,0,0,.3)}
.accent-\[\#ff5630\]{accent-color:#ff5630}
.align-middle{vertical-align:middle}