/* Ümumi bədən tərzi */
body { 
    margin:0; 
    font-family:'Poppins',sans-serif; 
    background:#0a0a0a; 
    color:#fff; 
    min-height:100vh; 
    display:flex; 
    flex-direction:column; 
}

/* Footer */
footer { 
    text-align:center; 
    color:#888; 
    font-size:0.8em; 
    padding:15px 20px; 
}

/* Başlıqlar */
.page-title {
    text-align: center;             
    color: #4ade80;                 
    font-size: 2em;                 
    margin: 0;  
    text-shadow: 0 0 10px rgba(74,222,128,0.7);
    font-weight: 600;
}

/* Home bölməsi */
.home-section {
    flex: 1; 
    display: flex; 
    justify-content: center; 
    align-items: flex-start; 
    padding: 10px 15px; 
    flex-direction: column;
}

/* Xidmət kartları */
.services-wrapper {
    display: flex;
    flex-wrap: wrap;            /* Kartlar sətirə sığmayanları altına keçsin */
    justify-content: center;
    width: 100%;
    margin-top: 0; 
    gap: 20px;                  /* Kartlar arası məsafə */
}

.card {
    flex: 1 1 300px;            /* Minimum 300px, lazım olanda böyüsün */
    max-width: 400px;           /* Maksimum genişlik */
    box-sizing: border-box;
    margin-top: 0; 
}

/* Navigasiya oxları */
.nav-arrow {
    width:32px;
    height:32px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    cursor:pointer;
    fill:#4ade80;
}

/* Media Queries */
@media (max-width:768px){
    .page-title { 
        font-size: 1.5em; 
        margin:0; 
    } 

    .services-wrapper {
        flex-direction: column;   /* Mobil üçün şaquli düzülüş */
        align-items: center;
    }

    .card {
        max-width: 90%;           /* Mobil kartlar ekran genişliyinə uyğun */
        flex: 1 1 auto;
    }
}

/* =========================================
   📱 MOBİL ZOOM BLOKU – QLOBAL
========================================= */
html, body {
    touch-action: manipulation;
    overscroll-behavior: none;
    -ms-touch-action: manipulation;
}

/* iOS üçün əlavə sərtləşdirmə */
input, textarea, select, button {
    touch-action: manipulation;
}
@media (max-width: 768px){
    input, textarea, select {
        font-size: 16px !important;
    }
}