/* Şarkı İsteği Modal CSS */਀
/* Header Buton Stilleri */਀⸀栀攀愀搀攀爀ⴀ爀攀焀甀攀猀琀 笀
    margin-left: 15px;਀紀
਀⸀爀攀焀甀攀猀琀ⴀ戀琀渀 笀
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);਀    戀漀爀搀攀爀㨀 渀漀渀攀㬀
    color: white;਀    昀漀渀琀ⴀ眀攀椀最栀琀㨀 戀漀氀搀㬀
    padding: 12px 20px;਀    昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㐀瀀砀㬀
    border-radius: 25px;਀    琀爀愀渀猀椀琀椀漀渀㨀 愀氀氀 　⸀㌀猀 攀愀猀攀㬀
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀
    align-items: center;਀    最愀瀀㨀 㠀瀀砀㬀
    cursor: pointer;਀紀
਀⸀爀攀焀甀攀猀琀ⴀ戀琀渀㨀栀漀瘀攀爀 笀
    transform: translateY(-2px);਀    戀漀砀ⴀ猀栀愀搀漀眀㨀 　 㠀瀀砀 ㈀㔀瀀砀 爀最戀愀⠀㄀　㈀Ⰰ ㄀㈀㘀Ⰰ ㈀㌀㐀Ⰰ 　⸀㘀⤀㬀
    color: white;਀    琀攀砀琀ⴀ搀攀挀漀爀愀琀椀漀渀㨀 渀漀渀攀㬀
}਀
.request-btn:active {਀    琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀　⤀㬀
}਀
.request-btn i {਀    昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㘀瀀砀㬀
}਀
਀
/* Modal Stilleri */਀⌀猀愀爀欀椀䤀猀琀攀最椀䴀漀搀愀氀 ⸀洀漀搀愀氀ⴀ挀漀渀琀攀渀琀 笀
    border-radius: 20px;਀    戀漀爀搀攀爀㨀 渀漀渀攀㬀
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);਀紀
਀⌀猀愀爀欀椀䤀猀琀攀最椀䴀漀搀愀氀 ⸀洀漀搀愀氀ⴀ栀攀愀搀攀爀 笀
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);਀    挀漀氀漀爀㨀 眀栀椀琀攀㬀
    border-radius: 20px 20px 0 0;਀    戀漀爀搀攀爀㨀 渀漀渀攀㬀
    padding: 20px 30px;਀紀
਀⌀猀愀爀欀椀䤀猀琀攀最椀䴀漀搀愀氀 ⸀洀漀搀愀氀ⴀ琀椀琀氀攀 笀
    font-weight: bold;਀    昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㔀爀攀洀㬀
    display: flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀
    gap: 10px;਀紀
਀⌀猀愀爀欀椀䤀猀琀攀最椀䴀漀搀愀氀 ⸀挀氀漀猀攀 笀
    color: white;਀    漀瀀愀挀椀琀礀㨀 　⸀㠀㬀
    font-size: 1.5rem;਀    琀爀愀渀猀椀琀椀漀渀㨀 漀瀀愀挀椀琀礀 　⸀㌀猀 攀愀猀攀㬀
}਀
#sarkiIstegiModal .close:hover {਀    漀瀀愀挀椀琀礀㨀 ㄀㬀
}਀
#sarkiIstegiModal .modal-body {਀    瀀愀搀搀椀渀最㨀 ㌀　瀀砀㬀
    background: rgba(255, 255, 255, 0.95);਀紀
਀⼀⨀ 䘀漀爀洀 䌀漀渀琀愀椀渀攀爀 匀琀椀氀氀攀爀椀 ⨀⼀
.form-container {਀    洀愀砀ⴀ眀椀搀琀栀㨀 ㄀　　─㬀
    margin: 0 auto;਀    瀀愀搀搀椀渀最㨀 　㬀
    background: transparent;਀    戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 　㬀
    box-shadow: none;਀    戀愀挀欀搀爀漀瀀ⴀ昀椀氀琀攀爀㨀 渀漀渀攀㬀
}਀
.title-section {਀    琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀
    margin-bottom: 30px;਀紀
਀⸀琀椀琀氀攀ⴀ猀攀挀琀椀漀渀 栀㌀ 笀
    background: linear-gradient(135deg, #667eea, #764ba2);਀    ⴀ眀攀戀欀椀琀ⴀ戀愀挀欀最爀漀甀渀搀ⴀ挀氀椀瀀㨀 琀攀砀琀㬀
    -webkit-text-fill-color: transparent;਀    戀愀挀欀最爀漀甀渀搀ⴀ挀氀椀瀀㨀 琀攀砀琀㬀
    font-size: 2rem;਀    昀漀渀琀ⴀ眀攀椀最栀琀㨀 戀漀氀搀㬀
    margin-bottom: 10px;਀紀
਀⸀琀椀琀氀攀ⴀ猀攀挀琀椀漀渀 瀀 笀
    color: #666;਀    昀漀渀琀ⴀ猀椀稀攀㨀 ㄀爀攀洀㬀
}਀
/* Form Grup Stilleri */਀⸀昀漀爀洀ⴀ最爀漀甀瀀 笀
    margin-bottom: 25px;਀    瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀
}਀
.input-group {਀    瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀
}਀
.input-group-prepend .input-group-text {਀    戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀㘀㘀㜀攀攀愀Ⰰ ⌀㜀㘀㐀戀愀㈀⤀㬀
    color: white;਀    戀漀爀搀攀爀㨀 渀漀渀攀㬀
    font-size: 18px;਀    眀椀搀琀栀㨀 㔀　瀀砀㬀
    justify-content: center;਀    戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㄀　瀀砀 　 　 ㄀　瀀砀㬀
}਀
.form-control {਀    瀀愀搀搀椀渀最㨀 ㄀㔀瀀砀 ㈀　瀀砀㬀
    font-size: 16px;਀    戀漀爀搀攀爀㨀 ㈀瀀砀 猀漀氀椀搀 ⌀攀㤀攀挀攀昀㬀
    border-radius: 0 10px 10px 0;਀    琀爀愀渀猀椀琀椀漀渀㨀 愀氀氀 　⸀㌀猀 攀愀猀攀㬀
}਀
.form-control:focus {਀    戀漀爀搀攀爀ⴀ挀漀氀漀爀㨀 ⌀㘀㘀㜀攀攀愀㬀
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);਀紀
਀琀攀砀琀愀爀攀愀⸀昀漀爀洀ⴀ挀漀渀琀爀漀氀 笀
    min-height: 120px;਀    爀攀猀椀稀攀㨀 瘀攀爀琀椀挀愀氀㬀
    border-radius: 0 10px 10px 0;਀紀
਀⼀⨀ 䰀愀戀攀氀 匀琀椀氀氀攀爀椀 ⨀⼀
label {਀    昀漀渀琀ⴀ眀攀椀最栀琀㨀 㘀　　㬀
    margin-bottom: 10px;਀    挀漀氀漀爀㨀 ⌀㌀㌀㌀㬀
    display: flex;਀    愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀
    gap: 8px;਀紀
਀⼀⨀ 䈀甀琀漀渀 匀琀椀氀氀攀爀椀 ⨀⼀
.btn-melodio {਀    戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀㘀㘀㜀攀攀愀 　─Ⰰ ⌀㜀㘀㐀戀愀㈀ ㄀　　─⤀㬀
    border: none;਀    挀漀氀漀爀㨀 眀栀椀琀攀㬀
    font-weight: bold;਀    瀀愀搀搀椀渀最㨀 ㄀㔀瀀砀 ㌀　瀀砀㬀
    font-size: 18px;਀    戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㈀㔀瀀砀㬀
    transition: all 0.3s ease;਀    戀漀砀ⴀ猀栀愀搀漀眀㨀 　 㔀瀀砀 ㄀㔀瀀砀 爀最戀愀⠀㄀　㈀Ⰰ ㄀㈀㘀Ⰰ ㈀㌀㐀Ⰰ 　⸀㐀⤀㬀
}਀
.btn-melodio:hover {਀    琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀ⴀ㈀瀀砀⤀㬀
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);਀    挀漀氀漀爀㨀 眀栀椀琀攀㬀
}਀
.btn-melodio:active {਀    琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀　⤀㬀
}਀
/* Pulse Animasyonu */਀⸀瀀甀氀猀攀 笀
    animation: pulse 2s infinite;਀紀
਀䀀欀攀礀昀爀愀洀攀猀 瀀甀氀猀攀 笀
    0% { transform: scale(1); }਀    㔀　─ 笀 琀爀愀渀猀昀漀爀洀㨀 猀挀愀氀攀⠀㄀⸀　㔀⤀㬀 紀
    100% { transform: scale(1); }਀紀
਀⼀⨀ 䬀甀爀愀氀氀愀爀 䈀氀ﰀ洀ﰀ ⨀⼀
.rules-section {਀    戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀昀㠀昀㤀昀愀Ⰰ ⌀攀㤀攀挀攀昀⤀㬀
    padding: 25px;਀    戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㄀㔀瀀砀㬀
    margin-top: 30px;਀    戀漀爀搀攀爀ⴀ氀攀昀琀㨀 㔀瀀砀 猀漀氀椀搀 ⌀㈀㠀愀㜀㐀㔀㬀
}਀
.rules-section h5 {਀    挀漀氀漀爀㨀 ⌀㌀㌀㌀㬀
    margin-bottom: 15px;਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀
    align-items: center;਀    最愀瀀㨀 ㄀　瀀砀㬀
}਀
.rules-list {਀    氀椀猀琀ⴀ猀琀礀氀攀㨀 渀漀渀攀㬀
    padding: 0;਀紀
਀⸀爀甀氀攀猀ⴀ氀椀猀琀 氀椀 笀
    padding: 8px 0;਀    搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀
    align-items: center;਀    最愀瀀㨀 ㄀　瀀砀㬀
    color: #555;਀紀
਀⼀⨀ 䄀氀攀爀琀 匀琀椀氀氀攀爀椀 ⨀⼀
.alert-success {਀    戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀搀㐀攀搀搀愀Ⰰ ⌀挀㌀攀㘀挀戀⤀㬀
    color: #155724;਀    瀀愀搀搀椀渀最㨀 ㈀　瀀砀㬀
    border-radius: 15px;਀    洀愀爀最椀渀㨀 ㈀　瀀砀 愀甀琀漀㬀
    text-align: center;਀    戀漀爀搀攀爀㨀 ㈀瀀砀 猀漀氀椀搀 ⌀㈀㠀愀㜀㐀㔀㬀
    animation: slideIn 0.5s ease;਀紀
਀⸀愀氀攀爀琀ⴀ搀愀渀最攀爀 笀
    background: linear-gradient(135deg, #f8d7da, #f5c6cb);਀    挀漀氀漀爀㨀 ⌀㜀㈀㄀挀㈀㐀㬀
    padding: 20px;਀    戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㄀㔀瀀砀㬀
    margin: 20px auto;਀    琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀
    border: 2px solid #dc3545;਀    愀渀椀洀愀琀椀漀渀㨀 猀氀椀搀攀䤀渀 　⸀㔀猀 攀愀猀攀㬀
}਀
.alert-info {਀    戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀搀㄀攀挀昀㄀Ⰰ ⌀戀攀攀㔀攀戀⤀㬀
    color: #0c5460;਀    瀀愀搀搀椀渀最㨀 ㈀　瀀砀㬀
    border-radius: 15px;਀    洀愀爀最椀渀㨀 ㈀　瀀砀 愀甀琀漀㬀
    text-align: center;਀    戀漀爀搀攀爀㨀 ㈀瀀砀 猀漀氀椀搀 ⌀㄀㜀愀㈀戀㠀㬀
    animation: slideIn 0.5s ease;਀紀
਀䀀欀攀礀昀爀愀洀攀猀 猀氀椀搀攀䤀渀 笀
    from {਀        漀瀀愀挀椀琀礀㨀 　㬀
        transform: translateY(-20px);਀    紀
    to {਀        漀瀀愀挀椀琀礀㨀 ㄀㬀
        transform: translateY(0);਀    紀
}਀
/* Responsive Tasarım */਀䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㜀㘀㠀瀀砀⤀ 笀
    .header-request {਀        洀愀爀最椀渀ⴀ氀攀昀琀㨀 ㄀　瀀砀㬀
    }਀    
    .request-btn {਀        瀀愀搀搀椀渀最㨀 ㄀　瀀砀 ㄀㔀瀀砀㬀
        font-size: 12px;਀    紀
    ਀    ⸀爀攀焀甀攀猀琀ⴀ戀琀渀 猀瀀愀渀 笀
        display: none;਀    紀
    ਀    ⌀猀愀爀欀椀䤀猀琀攀最椀䴀漀搀愀氀 ⸀洀漀搀愀氀ⴀ搀椀愀氀漀最 笀
        margin: 10px;਀    紀
    ਀    ⌀猀愀爀欀椀䤀猀琀攀最椀䴀漀搀愀氀 ⸀洀漀搀愀氀ⴀ戀漀搀礀 笀
        padding: 20px;਀    紀
    ਀    ⸀琀椀琀氀攀ⴀ猀攀挀琀椀漀渀 栀㌀ 笀
        font-size: 1.5rem;਀    紀
    ਀    ⸀戀琀渀ⴀ洀攀氀漀搀椀漀 笀
        padding: 12px 20px;਀        昀漀渀琀ⴀ猀椀稀攀㨀 ㄀㘀瀀砀㬀
    }਀紀
਀⼀⨀ 䤀渀瀀甀琀 䄀渀椀洀愀猀礀漀渀氀愀爀㄀ ⨀⼀
.form-control:focus + .input-group-prepend .input-group-text {਀    戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀㔀愀㘀昀搀㠀Ⰰ ⌀㘀愀㐀㄀㤀　⤀㬀
}਀
/* Loading Spinner */਀⸀氀漀愀搀椀渀最ⴀ猀瀀椀渀渀攀爀 笀
    display: inline-block;਀    眀椀搀琀栀㨀 ㈀　瀀砀㬀
    height: 20px;਀    戀漀爀搀攀爀㨀 ㌀瀀砀 猀漀氀椀搀 爀最戀愀⠀㈀㔀㔀Ⰰ㈀㔀㔀Ⰰ㈀㔀㔀Ⰰ⸀㌀⤀㬀
    border-radius: 50%;਀    戀漀爀搀攀爀ⴀ琀漀瀀ⴀ挀漀氀漀爀㨀 ⌀昀昀昀㬀
    animation: spin 1s ease-in-out infinite;਀紀
਀䀀欀攀礀昀爀愀洀攀猀 猀瀀椀渀 笀
    to { transform: rotate(360deg); }਀紀