/* =================================
   MOBİLE.CSS - ULTRA TEMİZ VERSİYON
   Gereksiz kodlar temizlendi
   ================================= */

/* GENEL OVERFLOW FİX */
* {
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}

.container {
  max-width: 100%;
  overflow-x: hidden;
}

/* =================================
   MOBİL: 768px ve altı
   ================================= */
@media (max-width: 768px) {
  /* TOP BAR GİZLE */
  .top-bar {
    display: none !important;
  }
  
  /* NAVBAR */
  .navbar {
    padding: 0;
  }
  
  .navbar-container {
    padding: 0.8rem 1rem;
    max-width: 100%;
  }
  
  .logo-img {
    height: 45px;
  }
  
  .desktop-menu {
    display: none !important;
  }
  
  .hamburger {
    display: flex !important;
    width: 30px;
    height: 24px;
  }
  
  /* MOBILE MENU */
  .mobile-menu {
    width: 100%;
    right: -100%;
  }
  
  .mobile-menu.active {
    right: 0;
  }
  
  .mobile-menu-header {
    padding: 1.5rem;
  }
  
  .mobile-menu-header h3 {
    font-size: 1.4rem;
  }
  
  .mobile-close-btn {
    width: 40px;
    height: 40px;
    font-size: 1.3rem;
  }
  
  .mobile-menu nav {
    padding: 1.5rem 1rem;
  }
  
  .mobile-menu nav a {
    font-size: 1.05rem;
    padding: 1rem 1.2rem;
    margin-bottom: 0.7rem;
  }
  
  .mobile-contact-buttons {
    display: flex !important;
    padding: 1.5rem 1rem;
  }
  
  .mobile-contact-buttons a {
    padding: 1rem;
  }
  
  /* HERO */
  .hero {
    margin-top: 108px;
    height: 65vh;
    min-height: 450px;
  }
  
  .hero-content {
    bottom: 60px;
    padding: 0 1rem;
  }
  
  .hero-buttons-row {
    gap: 1rem;
    flex-wrap: wrap;
  }
  
  .hero-btn {
    padding: 0.9rem 1.5rem;
    font-size: 0.95rem;
  }
  
  .hero-icon-btn {
    width: 48px;
    height: 48px;
    font-size: 1.3rem;
  }
  
  .slider-arrow {
    width: 40px;
    height: 40px;
    font-size: 1.1rem;
  }
  
  .prev-arrow {
    left: 10px;
  }
  
  .next-arrow {
    right: 10px;
  }
  
  .slider-dots {
    bottom: 15px;
  }
  
  .dot {
    width: 10px;
    height: 10px;
  }
  
  /* SERVICES */
  .services-section {
    padding: 2.5rem 0.8rem;
    overflow-x: hidden;
  }
  
  .section-header {
    margin-bottom: 2rem;
  }
  
  .section-header h2 {
    font-size: 1.7rem;
  }
  
  .section-header p {
    font-size: 0.95rem;
    padding: 0;
  }
  
  .services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
    width: 100%;
    max-width: 100%;
  }
  
  .service-card .wrapper {
    min-height: 220px;
    border-radius: 8px;
  }
  
  /* MOBİLDE HOVER KAPALI */
  .service-card .wrapper:hover {
    transform: none !important;
  }
  
  .service-card .wrapper:hover .data {
    transform: translateY(100%) !important;
  }
  
  .service-card .wrapper:hover .service-title-main {
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  .service-card .data {
    display: none !important;
  }
  
  .service-card .header {
    min-height: 220px;
    padding: 1rem;
  }
  
  .service-card .service-title-main {
    font-size: 1.05rem;
    padding: 0.8rem;
    line-height: 1.3;
  }
  
  /* PARTNERS */
  .partners-section {
    padding: 2.5rem 0.8rem;
  }
  
  .partners-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  padding: 0.5rem;
}

.partner-item {
  padding: 1rem;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
}

.partner-item img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(0%);
}
  
  /* İŞ ORTAKLARI SAYFASI */
  #partnersPageGrid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 0 !important;
  }
  
  #partnersPageGrid .content-card {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    background: var(--white);
  }
  
  .partner-logo-full {
    height: 200px !important;
    padding: 2rem !important;
    background: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .partner-logo-full img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    filter: none !important;
  }
  
  #partnersPageGrid .content-info {
    padding: 2rem 1.5rem !important;
    text-align: center;
  }
  
  #partnersPageGrid .content-info h3 {
    font-size: 1.4rem !important;
    margin-bottom: 1rem !important;
    color: var(--primary);
    font-weight: 700;
  }
  
  #partnersPageGrid .content-info p {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: var(--gray);
  }
  
  /* REFERENCES */
  .references-section {
    padding: 2.5rem 0;
  }
  
  .reference-item {
    width: 220px;
    padding: 1rem;
  }
  
  .reference-logo-container {
    height: 120px;
  }
  
  .reference-item h3 {
    font-size: 1rem;
  }
  
  .reference-item p {
    display: none;
  }
  
  /* ABOUT PREVIEW */
  .about-preview {
    padding: 2.5rem 1rem;
  }
  
  .about-preview-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .about-preview-text h2 {
    font-size: 1.7rem;
  }
  
  .about-preview-text p {
    font-size: 0.95rem;
  }
  
  .about-stats-preview {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  
  .stat-preview {
    padding: 1.2rem;
  }
  
  .stat-preview-number {
    font-size: 2rem;
  }
  
  .about-preview-image {
    height: 280px;
  }
  
  /* CONTACT PREVIEW */
  .contact-preview {
    padding: 2.5rem 1rem;
  }
  
  .contact-preview-content h2 {
    font-size: 1.7rem;
  }
  
  .contact-methods {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  
  .contact-method {
    padding: 1.5rem;
  }
  
  /* PAGES */
  .page-container {
    padding: 130px 1rem 3rem;
  }
  
  .content-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  
  .content-media {
    height: 200px;
  }
  
  .content-info {
    padding: 1.5rem;
  }
  
  .content-info h3 {
    font-size: 1.2rem;
  }
  
  /* CATEGORY FILTERS */
  .category-filters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    padding: 0.8rem;
    margin-bottom: 1.5rem;
  }
  
  .category-btn {
    flex-direction: column;
    padding: 0.6rem 0.4rem;
    font-size: 0.7rem;
    min-width: auto;
  }
  
  .category-btn i {
    font-size: 1rem;
  }
  
  .category-count {
    display: none;
  }
  
  .category-badge {
    padding: 0.4rem 0.7rem;
    font-size: 0.7rem;
  }
  
  /* ABOUT PAGE */
  .about-card {
    padding: 1.8rem 1.2rem;
  }
  
  .about-icon {
    width: 65px;
    height: 65px;
    font-size: 1.8rem;
  }
  
  .about-card h3 {
    font-size: 1.5rem;
  }
  
  .about-stats {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  
  .features-list {
    grid-template-columns: 1fr;
  }
  
  /* CONTACT PAGE */
  .contact-info-section {
    grid-template-columns: 1fr;
  }
  
  .contact-map-section {
    padding: 1.8rem 1.2rem;
  }
  
  .contact-cta {
    padding: 2.5rem 1.5rem;
  }
  
  /* MODAL */
  .modal {
    padding: 1rem;
  }
  
  .modal-content {
    max-width: 95%;
  }
  
  .modal-layout {
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }
  
  .modal-image-container {
    height: 220px;
  }
  
  .modal-info h2 {
    font-size: 1.5rem;
  }
  
  /* ÜCRETSİZ KEŞİF BUTONU */
  .free-survey-btn {
    display: none !important;
  }
  
  /* BAŞVURU FORMU */
  .survey-form-card {
    padding: 2rem 1.5rem;
  }
  
  .form-icon {
    width: 70px;
    height: 70px;
    font-size: 1.8rem;
  }
  
  .survey-form-card h3 {
    font-size: 1.6rem;
  }
  
  .form-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  
  /* KAMPANYALAR */
  .campaign-card.position-left,
  .campaign-card.position-right {
    grid-template-columns: 1fr !important;
  }
  
  .campaign-image.size-small,
  .campaign-image.size-medium,
  .campaign-image.size-large,
  .campaign-image.size-full {
    width: 100% !important;
    height: 250px !important;
  }
  
  .campaign-info {
    padding: 1.5rem;
  }
  
  .campaign-info h3 {
    font-size: 1.4rem;
  }
  
  .campaign-info p {
    font-size: 1rem;
  }
  
  /* ADMIN */
  .admin-header {
    padding: 1.2rem;
  }
  
  .admin-header h2 {
    font-size: 1.3rem;
  }
  
  .admin-content {
    padding: 1.5rem 1rem;
  }
  
  .admin-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    padding: 0.5rem;
  }
  
  .admin-tab {
    flex-direction: column;
    padding: 0.8rem;
    font-size: 0.85rem;
  }
  
  .admin-form {
    padding: 1.5rem 1.2rem;
  }
  
  .admin-form h3 {
    font-size: 1.2rem;
  }
  
  .form-group input,
  .form-group textarea,
  .form-group select {
    font-size: 0.95rem;
  }
  
  .admin-item {
    flex-direction: column;
    padding: 1.3rem;
  }
  
  .admin-item-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
    width: 100%;
  }
  
  /* BAŞVURULAR - ADMIN */
  .applications-filter {
    flex-direction: column;
    gap: 1rem;
  }
  
  .application-details {
    grid-template-columns: 1fr;
  }
  
  .application-actions {
    flex-direction: column;
  }
  
  .application-actions button {
    width: 100%;
  }
  
  /* FOOTER */
  footer {
    padding: 2.5rem 1rem 1.5rem;
  }
  
  .footer-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .footer-logo-section {
    text-align: center;
  }
  
  .footer-logo {
    justify-content: center;
  }
  
  .footer-logo-img {
    width: 60%;
  }
  
  .social-links {
    justify-content: center;
  }
  
  .footer-bottom {
    font-size: 0.85rem;
  }
}

/* =================================
   KÜÇÜK MOBİL: 480px ve altı
   ================================= */
@media (max-width: 480px) {
  .hero {
    height: 60vh;
    min-height: 400px;
  }
  
  .hero-content {
    bottom: 50px;
  }
  
  .hero-btn {
    padding: 0.8rem 1.3rem;
    font-size: 0.9rem;
  }
  
  .hero-icon-btn {
    width: 45px;
    height: 45px;
    font-size: 1.2rem;
  }
  
  .section-header h2 {
    font-size: 1.5rem;
  }
  
  .services-grid {
    gap: 0.6rem;
  }
  
  .service-card .wrapper,
  .service-card .header {
    min-height: 200px;
  }
  
  .service-card .service-title-main {
    font-size: 0.95rem;
    padding: 0.7rem;
  }
  
  .partners-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
  }
  
  .partner-item {
    padding: 0.8rem 0.5rem;
  }
  
  .reference-item {
    width: 180px;
  }
  
  .about-stats-preview {
    grid-template-columns: 1fr;
  }
  
  .category-filters {
    gap: 0.4rem;
  }
  
  .category-btn {
    padding: 0.5rem 0.3rem;
    font-size: 0.65rem;
  }
  
  .category-btn i {
    font-size: 0.9rem;
  }
  
  /* BAŞVURU FORMU */
  .survey-form-card {
    padding: 1.5rem 1rem;
  }
  
  .form-icon {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  
  .survey-form-card h3 {
    font-size: 1.4rem;
  }
  
  /* KAMPANYALAR */
  .campaign-image.size-small,
  .campaign-image.size-medium,
  .campaign-image.size-large,
  .campaign-image.size-full {
    height: 200px !important;
  }
}

/* =================================
   ÇOK KÜÇÜK MOBİL: 360px ve altı
   ================================= */
@media (max-width: 360px) {
  .logo-img {
    height: 40px;
  }
   /* EN KÜÇÜK YETKİ BADGE */
  .mobile-authorization-badge {
    padding: 1rem 0.6rem;
  }
  
  .mobile-auth-container {
    padding: 0.8rem 0.6rem;
    gap: 0.6rem;
  }
  
  .mobile-auth-logo {
    padding: 0.3rem 0.5rem;
  }
  
  .mobile-auth-logo img {
    max-width: 85px;
  }
  
  .mobile-auth-label {
    font-size: 0.6rem;
  }
  
  .mobile-auth-number {
    font-size: 0.9rem;
    letter-spacing: 1px;
  }
  
  .mobile-auth-icon {
    width: 40px;
    height: 40px;
  }
  
  .mobile-auth-icon i {
    font-size: 1.1rem;
  }
  .hamburger {
    width: 26px;
    height: 20px;
  }
  
  .hero-btn {
    padding: 0.7rem 1.2rem;
    font-size: 0.85rem;
  }
  
  .section-header h2 {
    font-size: 1.3rem;
  }
  
  .services-grid {
    gap: 0.5rem;
  }
  
  .service-card .wrapper,
  .service-card .header {
    min-height: 180px;
  }
  
  .service-card .service-title-main {
    font-size: 0.85rem;
    padding: 0.6rem;
  }
  
  .partners-grid {
    gap: 0.2rem;
  }
  
  .partner-item {
    padding: 0.6rem 0.4rem;
  }
  
  .category-btn {
    padding: 0.45rem 0.25rem;
    font-size: 0.6rem;
  }
  
  .category-btn i {
    font-size: 0.85rem;
  }

   /* DAHA DA KÜÇÜK BUTON */
  .mobile-survey-btn {
    padding: 0.45rem 0.7rem;
    font-size: 0.65rem;
    gap: 4px;
  }
  
  .mobile-survey-btn i {
    font-size: 0.8rem;
  }
  
  .logo-img {
    height: 38px;
  }
  
  .navbar-container {
    gap: 0.4rem;
  }
}

/* =================================
   YATAY GÖRÜNÜM FİX
   ================================= */
@media (max-width: 768px) and (orientation: landscape) {
  .hero {
    height: 100vh;
  }
  
  .mobile-menu nav {
    padding: 0.8rem 1rem;
  }
  
  .mobile-menu nav a {
    padding: 0.7rem 1rem;
    margin-bottom: 0.5rem;
  }
  
  .mobile-contact-buttons {
    padding: 1rem;
  }
}

/* =================================
   BAŞKENTGAZ YETKİ - MOBİL
   ================================= */
@media (max-width: 1024px) {
  .baskent-badge {
    padding: 0.3rem 0.8rem;
    gap: 8px;
  }
  
  .baskent-logo {
    width: 32px;
    height: 32px;
  }
  
  .yetki-label {
    font-size: 0.6rem;
  }
  
  .yetki-no {
    font-size: 0.85rem;
  }
}

@media (max-width: 768px) {
  .top-bar-container {
    flex-direction: column;
    gap: 0.8rem;
  }
  
  .top-bar-left {
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
  }
  
  .top-bar-right {
    width: 100%;
    justify-content: space-between;
  }
   /* MOBİL KEŞİF BUTONUNU GÖSTER */
  .mobile-survey-btn {
    display: flex !important;
  }
  
  /* NAVBAR İÇERİĞİNİ YENİDEN DÜZENLE */
  .navbar-container {
    padding: 0.8rem 1rem;
    max-width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.8rem;
    align-items: center;
  }
   /* MOBİL YETKİ BADGE'İ GÖSTER */
  .mobile-authorization-badge {
    display: block !important;
  }
  
  /* HERO ALTINDA BOŞLUK KALMASIN */
  .hero {
    margin-top: 108px;
    height: 65vh;
    min-height: 450px;
    margin-bottom: 0;
  }
  
  /* HİZMETLER ÜSTTE BOŞLUK KALMASIN */
  .services-section {
    padding: 2.5rem 0.8rem;
    overflow-x: hidden;
  }
  .logo {
    grid-column: 1;
    order: 1;
  }
  
  .mobile-survey-btn {
    grid-column: 2;
    order: 2;
    justify-self: center;
  }
  
  .hamburger {
    grid-column: 3;
    order: 3;
  }
  
  /* DESKTOP MENU GİZLE */
  .desktop-menu {
    display: none !important;
  }
  
  .free-survey-btn {
    display: none !important;
  }

  .baskent-badge {
    padding: 0.3rem 0.7rem;
    margin-right: 0.5rem;
  }
  
  .baskent-logo {
    width: 28px;
    height: 28px;
  }
  
  .yetki-label {
    font-size: 0.55rem;
  }
  
  .yetki-no {
    font-size: 0.8rem;
    letter-spacing: 1px;
  }
}

@media (max-width: 480px) {
  .baskent-badge {
    gap: 6px;
  }
  
  .baskent-logo {
    width: 26px;
    height: 26px;
  }
   /* DAHA KÜÇÜK YETKİ BADGE */
  .mobile-authorization-badge {
    padding: 1.2rem 0.8rem;
  }
  
  .mobile-auth-container {
    padding: 1rem 0.8rem;
    gap: 0.8rem;
  }
  
  .mobile-auth-logo {
    padding: 0.4rem 0.6rem;
  }
  
  .mobile-auth-logo img {
    max-width: 100px;
  }
  
  .mobile-auth-label {
    font-size: 0.65rem;
  }
  
  .mobile-auth-number {
    font-size: 1rem;
    letter-spacing: 1.2px;
  }
  
  .mobile-auth-icon {
    width: 45px;
    height: 45px;
  }
  
  .mobile-auth-icon i {
    font-size: 1.3rem;
  }
  .yetki-label {
    font-size: 0.5rem;
  }
  
  .yetki-no {
    font-size: 0.75rem;
  }
 .mobile-survey-btn {
    padding: 0.5rem 0.8rem;
    font-size: 0.7rem;
    gap: 5px;
  }
  
  .mobile-survey-btn i {
    font-size: 0.85rem;
  }
  
  .navbar-container {
    gap: 0.5rem;
  }

}