/**
 * Mobile Optimization CSS - COMPREHENSIVE FIX
 * Complete mobile-first responsive design optimizations
 */

/* ============================================
   VIEWPORT & BASE OPTIMIZATIONS
   ============================================ */

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

* {
  -webkit-tap-highlight-color: transparent;
}

/* ============================================
   TOUCH OPTIMIZATIONS
   ============================================ */

a, button, input[type="button"], input[type="submit"], 
input[type="checkbox"], input[type="radio"], select, 
label, .clickable, [role="button"] {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  touch-action: manipulation;
}

button:active, a:active, .btn:active {
  transform: scale(0.98);
  transition: transform 0.1s ease;
  opacity: 0.8;
}

/* ============================================
   DESKTOP - Hide mobile menu toggle on computers
   ============================================ */

@media (min-width: 993px) {
  .mobile-menu-toggle {
    display: none !important;
  }
}

/* Menü açıkken mobile-topbar her zaman üstte kalsın; modal (para çekme) en üstte */
@media (max-width: 991px) {
  .mobile-topbar {
    z-index: 10002 !important;
  }
  .modal,
  .withdraw-modal {
    z-index: 10050 !important;
  }
}

/* ============================================
   MOBILE FIRST - 768px and below
   ============================================ */

@media (max-width: 768px) {
  /* Sepete eklendi toast — mobilde güvenli alan */
  .add-to-cart-toast {
    top: max(16px, env(safe-area-inset-top)) !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
    max-width: calc(100vw - 24px) !important;
  }

  /* Container optimizations */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* HEADER COMPLETE REDESIGN */
  .main-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: var(--bg-dark, #1a1a1a) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  }

  .header-top {
    display: none !important;
  }

  .header-main {
    padding: 8px 0 !important;
    background: transparent !important;
  }

  .header-main::before,
  .header-main::after {
    display: none !important;
  }

  .header-content {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .logo {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 120px) !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
    text-decoration: none !important;
  }

  /* Logo image - should be first and not wrap */
  .logo > .logo-image,
  .logo > img,
  .logo .logo-image {
    max-height: 35px !important;
    width: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
    order: 0 !important;
    align-self: center !important;
  }

  /* Logo text wrapper - should be next to image, on same line */
  .logo-text-wrapper {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: center !important;
  }

  .logo-text-main {
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .logo-text-subtitle {
    font-size: 8px !important;
    line-height: 1.2 !important;
    display: none !important;
  }

  /* ETBIS badge container - should wrap to new line, full width */
  .logo > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    order: 3 !important;
    flex: 1 1 100% !important;
    margin-left: 0 !important;
    margin-top: 4px !important;
  }

  /* Badge container içindeki ilk satır (ETBİS ve Güvenli) */
  .logo > div:last-child > div:first-child {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
  }

  /* ETBIS badge styling for mobile */
  .logo .etbis-badge-header {
    font-size: 9px !important;
    padding: 4px 8px !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    width: fit-content !important;
    flex-shrink: 0 !important;
  }

  .logo .etbis-badge-header i {
    font-size: 10px !important;
    margin-right: 3px !important;
  }

  /* Güvenli badge styling for mobile */
  .logo span[style*="Güvenli"] {
    font-size: 8px !important;
    padding: 3px 6px !important;
    white-space: nowrap !important;
    width: fit-content !important;
    flex-shrink: 0 !important;
  }

  .logo span[style*="Güvenli"] i {
    font-size: 9px !important;
    margin-right: 2px !important;
  }

  /* Onaylı Platform text styling for mobile */
  .logo > div:last-child > div[style*="Onaylı Platform"],
  .logo > div:last-child > div:last-child {
    font-size: 9px !important;
    white-space: nowrap !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  .logo > div:last-child > div[style*="Onaylı Platform"] i,
  .logo > div:last-child > div:last-child i {
    font-size: 10px !important;
    margin-right: 3px !important;
  }

  .logo-icon-wrapper {
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0 !important;
  }

  .logo-icon-inner {
    width: 32px !important;
    height: 32px !important;
    font-size: 16px !important;
  }

  .header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 1 !important;
    justify-content: flex-end !important;
  }

  .header-search {
    order: 999 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 8px !important;
    display: none !important;
  }

  .header-categories {
    display: none !important;
  }

  .notification-button,
  .cart-button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    font-size: 16px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mobile-menu-toggle {
    display: flex !important;
  }

  .notification-badge,
  .cart-count {
    min-width: 16px !important;
    height: 16px !important;
    font-size: 9px !important;
    padding: 0 3px !important;
    top: -4px !important;
    right: -4px !important;
  }

  .header-balance {
    display: none !important;
  }

  .profile-btn-animated {
    padding: 4px 8px !important;
    min-width: auto !important;
  }

  .profile-username {
    display: none !important;
  }

  .profile-arrow {
    display: none !important;
  }

  .dropdown-animated {
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    max-height: calc(100vh - 60px) !important;
    overflow-y: auto !important;
  }

  /* HERO SECTION COMPLETE FIX */
  .compact-hero {
    padding: 12px 0 !important;
    margin: 0 !important;
  }

  .hero-content-compact {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .hero-slider-compact {
    order: 1 !important;
    width: 100% !important;
    height: 160px !important;
    margin-bottom: 12px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .hero-text-compact {
    order: 2 !important;
    width: 100% !important;
  }

  .hero-header-mobile,
  .hero-text-compact > div:first-child {
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .hero-logo-mobile,
  .hero-text-compact > div:first-child img {
    height: 50px !important;
    width: auto !important;
    flex-shrink: 0 !important;
  }
  
  .hero-title-wrapper-mobile {
    flex: 1 !important;
    min-width: 0 !important;
  }

  .hero-title-compact {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
    font-weight: 700 !important;
  }

  .hero-subtitle-mobile,
  .hero-text-compact > div:first-child > div p {
    font-size: 11px !important;
    margin: 0 !important;
    opacity: 0.8 !important;
  }

  .hero-description-compact {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
    padding: 0 2px !important;
  }

  .hero-actions-compact {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .btn-hero-compact {
    width: 100% !important;
    padding: 10px 14px !important;
    font-size: 12px !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    border-radius: 8px !important;
  }

  .btn-hero-compact i {
    font-size: 12px !important;
  }

  /* SECTIONS */
  .compact-section {
    padding: 20px 0 !important;
  }
  
  /* Homepage Specific Optimizations */
  .testimonials-section-compact > .container > div[style*="grid"],
  .trust-section-compact > .container > div[style*="grid"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 4px !important;
  }
  
  .testimonials-section-compact > .container > div[style*="grid"] > div {
    padding: 20px 16px !important;
    border-radius: 14px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div {
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div > div:first-child {
    width: 64px !important;
    height: 64px !important;
    margin-bottom: 18px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div > div:first-child i {
    font-size: 32px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div h3 {
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  
  .cta-content-compact {
    padding: 0 8px !important;
  }
  
  .cta-title-compact {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 18px !important;
  }
  
  .cta-description-compact {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 28px !important;
  }
  
  .cta-actions-compact {
    flex-direction: column !important;
    gap: 12px !important;
  }
  
  .btn-cta-compact {
    width: 100% !important;
    padding: 16px 28px !important;
    font-size: 15px !important;
    min-height: 50px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
  }

  .section-header-compact {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
    padding: 0 4px !important;
  }

  .section-header-compact > div:first-child {
    width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
  }
  
  .section-header-compact > div:first-child > div:first-child {
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    border-radius: 12px !important;
  }
  
  .section-header-compact > div:first-child > div:first-child i {
    font-size: 20px !important;
  }
  
  .section-header-compact > div:first-child > div:last-child {
    flex: 1 !important;
    min-width: 0 !important;
  }
  
  .section-header-compact > div:first-child > div:last-child p {
    font-size: 11px !important;
    margin-top: 4px !important;
  }

  .section-title-compact {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    font-weight: 700 !important;
  }

  .btn-view-all-compact {
    width: 100% !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
    text-align: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    min-height: 44px !important;
  }

  /* PRODUCT GRID */
  .product-grid-compact {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 0 4px !important;
  }
  
  /* Product cards in homepage */
  .product-card,
  .product-item,
  [class*="product-card"] {
    margin-bottom: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  }
  
  .product-card:active,
  .product-item:active,
  [class*="product-card"]:active {
    transform: scale(0.98) !important;
  }

  /* Mobilde product-image: gerçek yükseklik (aspect-ratio) + overlay arkada, img önde */
  .product-card .product-image {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    padding-top: 72% !important;
    height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    background: var(--dark-bg, #1a1d24) !important;
  }

  @supports (aspect-ratio: 1) {
    .product-card .product-image {
      padding-top: 0 !important;
      height: auto !important;
      aspect-ratio: 100/72 !important;
      min-height: 120px !important;
    }
  }

  .product-card .product-image::after {
    display: none !important;
  }

  .product-card .product-image .product-overlay {
    z-index: 1 !important;
    background: rgba(0, 0, 0, 0.4) !important;
  }

  .product-card .product-image img {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 2 !important;
    opacity: 1 !important;
  }

  /* ========== Anasayfa ilan kartları — minimal, modern ========== */
  .product-grid-compact {
    gap: 8px !important;
    padding: 0 6px !important;
  }

  .product-grid-compact .product-card {
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: rgba(24, 28, 38, 0.95) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  }

  .product-grid-compact .product-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
  }

  .product-grid-compact .product-card:active {
    transform: scale(0.98) !important;
  }

  .product-grid-compact .product-image::after {
    display: none !important;
  }

  .product-grid-compact .product-image {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    width: 100% !important;
    padding-top: 72% !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: var(--dark-bg, #1a1d24) !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
  }

  @supports (aspect-ratio: 1) {
    .product-grid-compact .product-image {
      padding-top: 0 !important;
      height: auto !important;
      min-height: 100px !important;
      aspect-ratio: 100/72 !important;
    }
  }

  .product-grid-compact .product-image .product-overlay {
    z-index: 1 !important;
  }

  .product-grid-compact .product-image img {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 2 !important;
    opacity: 1 !important;
  }

  .product-grid-compact .product-info {
    padding: 10px 10px 12px !important;
    gap: 6px !important;
  }

  .product-grid-compact .product-info-top {
    gap: 6px !important;
  }

  .product-grid-compact .product-category {
    font-size: 9px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
  }

  .product-grid-compact .product-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .product-grid-compact .product-meta {
    gap: 6px !important;
  }

  .product-grid-compact .product-seller,
  .product-grid-compact .product-meta > div[style*="flex-direction: column"] {
    margin: 0 !important;
  }

  .product-grid-compact .product-seller div[style*="display: flex"],
  .product-grid-compact .product-meta div[style*="align-items: center"] {
    gap: 6px !important;
  }

  .product-grid-compact .product-seller span[style*="font-weight: 700"] {
    font-size: 11px !important;
  }

  .product-grid-compact .product-seller span[style*="Satıcı"] {
    font-size: 10px !important;
  }

  .product-grid-compact .product-seller img,
  .product-grid-compact .product-seller div[style*="width: 40px"] {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }

  .product-grid-compact .product-stock-info {
    font-size: 9px !important;
    padding: 4px 6px !important;
  }

  .product-grid-compact .product-stats {
    gap: 4px !important;
    padding: 4px 0 !important;
  }

  .product-grid-compact .stat-item {
    font-size: 9px !important;
    gap: 2px !important;
  }

  .product-grid-compact .stat-item i {
    font-size: 9px !important;
  }

  .product-grid-compact .product-footer {
    padding-top: 6px !important;
    gap: 6px !important;
  }

  .product-grid-compact .product-price-row {
    gap: 2px !important;
  }

  .product-grid-compact .product-price {
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  .product-grid-compact .btn-add-cart {
    padding: 6px 10px !important;
    font-size: 10px !important;
  }

  .product-grid-compact .product-badge {
    top: 6px !important;
    right: 6px !important;
    padding: 3px 6px !important;
    font-size: 9px !important;
    border-radius: 6px !important;
  }

  .product-grid-compact .quick-action {
    width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
  }

  /* Anasayfa / compact bölümlerde görsel alanı mutlaka görünsün */
  .compact-section .product-grid-compact .product-image::after,
  .featured-section-compact .product-image::after,
  .random-section-compact .product-image::after {
    display: none !important;
  }

  .compact-section .product-grid-compact .product-image,
  .featured-section-compact .product-image,
  .random-section-compact .product-image {
    display: block !important;
    visibility: visible !important;
    min-height: 100px !important;
    padding-top: 0 !important;
    aspect-ratio: 100/72 !important;
    overflow: hidden !important;
    position: relative !important;
    background: var(--dark-bg, #1a1d24) !important;
  }

  .compact-section .product-grid-compact .product-image img,
  .featured-section-compact .product-image img,
  .random-section-compact .product-image img {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 2 !important;
    opacity: 1 !important;
  }

  .product-grid-compact .product-overlay {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .product-grid-compact .product-card:active .product-overlay,
  .product-grid-compact .product-card:hover .product-overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .product-grid-compact .product-info-badges {
    display: none !important;
  }

  .product-grid-compact .product-reviews {
    margin-top: 6px !important;
    padding: 8px 10px !important;
    font-size: 11px !important;
  }

  /* ========== Ürün detay sayfası — product-image-card %100 mobil uyumlu ========== */
  .product-main-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    margin-bottom: 32px !important;
    padding: 0 2px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .product-image-section {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .product-image-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 16px !important;
    border-radius: 16px !important;
    border-width: 2px !important;
    border-color: rgba(30, 64, 175, 0.35) !important;
    overflow: hidden !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  }

  .product-image-card:hover {
    transform: none !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
  }

  .product-image-card::before {
    height: 3px !important;
  }

  .product-image-card::after {
    display: none !important;
  }

  .product-main-image {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    max-height: 320px !important;
    margin: 0 auto 14px auto !important;
    border-radius: 12px !important;
    border-width: 2px !important;
    box-sizing: border-box !important;
  }

  .product-main-image.default-logo-image,
  .product-main-image[src*="favicon"] {
    max-height: 240px !important;
    padding: 40px 24px !important;
  }

  .product-main-image:hover {
    transform: scale(1.02) !important;
  }

  .product-thumbnails {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
    min-width: 0 !important;
  }

  .product-thumbnail-item {
    min-width: 0 !important;
    border-radius: 8px !important;
    border-width: 2px !important;
  }

  .thumbnail-image {
    height: 56px !important;
    object-fit: cover !important;
  }

  .thumbnail-badge {
    font-size: 8px !important;
    padding: 2px 5px !important;
  }

  /* ========== panel/kimlik-onay — %100 mobil uyumlu ========== */
  .identity-verification-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px 10px 24px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .identity-verification-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .identity-verification-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .identity-form-center {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .identity-info-sidebar {
    order: 2 !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .identity-verification-header {
    padding: 20px 16px !important;
    margin-bottom: 24px !important;
    border-radius: 16px !important;
  }

  .identity-verification-header-icon {
    width: 72px !important;
    height: 72px !important;
    font-size: 32px !important;
    margin-bottom: 16px !important;
    border-radius: 18px !important;
  }

  .identity-verification-header h1 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  .identity-verification-header p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .identity-form-center > div[style*="display: flex"][style*="align-items: center"] {
    flex-wrap: wrap !important;
    padding: 14px 16px !important;
    margin-bottom: 20px !important;
    border-radius: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .identity-form-center > div[style*="display: flex"] > div:last-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    font-size: 14px !important;
    word-break: break-word !important;
  }

  .identity-status-card {
    padding: 24px 18px !important;
    margin-bottom: 24px !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .identity-status-header {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
    padding-bottom: 20px !important;
  }

  .identity-status-icon-wrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .identity-status-badge,
  .identity-status-badge.identity-status-badge-pending,
  .identity-status-badge.identity-status-badge-approved,
  .identity-status-badge.identity-status-badge-rejected {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  .identity-status-icon {
    width: 64px !important;
    height: 64px !important;
    font-size: 28px !important;
    border-radius: 16px !important;
  }

  .identity-status-content h2 {
    font-size: 20px !important;
  }

  .identity-status-title-wrapper {
    justify-content: center !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .identity-status-details {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 20px !important;
  }

  .identity-status-detail-item {
    flex-direction: row !important;
    align-items: center !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
  }

  .identity-status-detail-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 16px !important;
  }

  .identity-form-card {
    padding: 20px 16px !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .identity-premium-box,
  .identity-form-card .identity-premium-box {
    margin-bottom: 20px !important;
    padding: 16px !important;
    border-radius: 14px !important;
    flex-wrap: wrap !important;
  }

  .identity-premium-box-header {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .identity-premium-features {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .identity-form-steps {
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 20px 16px !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .identity-step {
    max-width: none !important;
    flex: 1 1 auto !important;
  }

  .identity-step-number {
    width: 44px !important;
    height: 44px !important;
    font-size: 18px !important;
  }

  .identity-step-label {
    font-size: 12px !important;
  }

  .identity-step-line {
    margin: 0 4px !important;
  }

  .identity-form-step-content {
    padding: 20px 16px !important;
  }

  .identity-form-section {
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }

  .identity-form-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .identity-form-input,
  .identity-form-select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    min-height: 48px !important;
  }

  .identity-birthdate-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: space-between !important;
  }

  .identity-birthdate-field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .identity-birthdate-field-year {
    min-width: 80px !important;
  }

  .identity-step-btn,
  .identity-form-actions .identity-step-btn,
  .identity-form-actions .identity-step-btn-back {
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }

  .identity-form-actions {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .identity-photo-upload-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
  }

  .identity-photo-upload-card {
    padding: 18px 16px !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .identity-photo-upload-area {
    padding: 24px 16px !important;
    min-height: 120px !important;
  }

  .identity-photo-placeholder {
    padding: 20px !important;
    font-size: 14px !important;
  }

  .identity-photo-info-box {
    flex-direction: column !important;
    text-align: center !important;
    padding: 16px !important;
  }

  .identity-info-card {
    padding: 18px 16px !important;
    margin-bottom: 16px !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .identity-info-card-header {
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
  }

  .identity-info-card-icon {
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
  }

  .identity-info-card-title {
    font-size: 16px !important;
  }

  .identity-info-item {
    padding: 10px 12px !important;
  }

  .identity-info-item-text {
    font-size: 12px !important;
  }

  /* ========== withdraw-form (Para Çekme modal) — %100 mobil uyumlu ========== */
  .withdraw-modal .modal-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 8px !important;
    max-height: 95vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .withdraw-form {
    padding: 20px 16px 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .withdraw-balance-card {
    padding: 18px 16px !important;
    margin-bottom: 24px !important;
    border-radius: 14px !important;
  }

  .withdraw-balance-label {
    font-size: 12px !important;
  }

  .withdraw-balance-value {
    font-size: 26px !important;
    word-break: break-all !important;
  }

  .withdraw-form-group {
    margin-bottom: 20px !important;
  }

  .withdraw-form-label {
    font-size: 14px !important;
    margin-bottom: 10px !important;
  }

  .withdraw-amount-input-wrapper {
    margin-bottom: 12px !important;
  }

  .withdraw-amount-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 52px 16px 16px !important;
    font-size: 20px !important;
    min-height: 52px !important;
    border-radius: 12px !important;
  }

  .withdraw-amount-currency {
    right: 16px !important;
    font-size: 16px !important;
  }

  .withdraw-quick-amounts {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  .withdraw-quick-btn {
    padding: 10px 14px !important;
    font-size: 13px !important;
    min-height: 44px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .withdraw-quick-btn-max {
    flex: 1 1 100% !important;
  }

  .withdraw-input,
  .withdraw-select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
  }

  .withdraw-input-iban {
    font-size: 14px !important;
    letter-spacing: 1px !important;
  }

  .withdraw-select-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .withdraw-select {
    padding-right: 44px !important;
  }

  .withdraw-select-arrow {
    right: 16px !important;
  }

  .withdraw-custom-bank .withdraw-input {
    width: 100% !important;
  }

  .withdraw-form-hint {
    font-size: 12px !important;
    flex-wrap: wrap !important;
  }

  .withdraw-info-box {
    padding: 18px 16px !important;
    margin: 24px 0 !important;
    border-radius: 14px !important;
  }

  .withdraw-info-header {
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .withdraw-info-icon {
    width: 42px !important;
    height: 42px !important;
    font-size: 18px !important;
  }

  .withdraw-info-title {
    font-size: 15px !important;
  }

  .withdraw-info-list li {
    font-size: 13px !important;
    flex-wrap: wrap !important;
    word-break: break-word !important;
  }

  .withdraw-info-list li[style*="background"] {
    padding: 10px !important;
    font-size: 12px !important;
  }

  .withdraw-form-actions {
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 24px !important;
  }

  .withdraw-submit-btn,
  .withdraw-cancel-btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    flex: none !important;
  }

  .withdraw-modal-header {
    padding: 20px 16px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }

  .withdraw-modal-header-content {
    width: 100% !important;
  }

  .withdraw-modal-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .withdraw-modal-icon-wrapper {
    width: 52px !important;
    height: 52px !important;
    font-size: 22px !important;
  }

  .withdraw-modal-title {
    font-size: 20px !important;
  }

  .withdraw-modal-subtitle {
    font-size: 13px !important;
  }

  /* ========== balance-alert-rejected — mobilde aynı vurgulu görünüm ========== */
  .balance-alert.balance-alert-rejected {
    padding: 18px 16px !important;
    margin-bottom: 22px !important;
    border-left-width: 5px !important;
    border-radius: 14px !important;
    box-shadow:
        0 0 0 1px rgba(239, 68, 68, 0.35) !important,
        0 6px 24px rgba(220, 38, 38, 0.4) !important,
        0 3px 12px rgba(0, 0, 0, 0.3) !important,
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  .balance-alert.balance-alert-rejected .balance-alert-icon {
    width: 46px !important;
    height: 46px !important;
    font-size: 1.25rem !important;
    border-radius: 12px !important;
  }

  .balance-alert.balance-alert-rejected .balance-alert-title {
    font-size: 1.05rem !important;
  }

  .balance-alert-rejected-reason {
    padding: 12px 14px !important;
    margin-top: 12px !important;
    border-left-width: 5px !important;
    border-radius: 10px !important;
  }

  /* ========== Sepet (sepet.php) — %100 mobil uyumlu ========== */
  .cart-container {
    padding: 16px 12px 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .cart-hero {
    padding: 24px 18px !important;
    margin-bottom: 24px !important;
    border-radius: 18px !important;
  }

  .cart-hero::before {
    display: none !important;
  }

  .cart-hero h1 {
    font-size: 22px !important;
    flex-direction: row !important;
    gap: 12px !important;
    margin-bottom: 8px !important;
  }

  .cart-hero h1 i {
    width: 48px !important;
    height: 48px !important;
    font-size: 20px !important;
    border-radius: 14px !important;
  }

  .cart-hero-subtitle {
    font-size: 14px !important;
  }

  .cart-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    min-width: 0 !important;
  }

  .cart-items {
    gap: 14px !important;
    min-width: 0 !important;
  }

  .cart-item {
    padding: 16px !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .cart-item:hover {
    transform: none !important;
  }

  .cart-item-content {
    flex-direction: column !important;
    gap: 14px !important;
    min-width: 0 !important;
  }

  .cart-item-image {
    width: 100% !important;
    height: auto !important;
    max-height: 200px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  .cart-item-info {
    min-width: 0 !important;
    width: 100% !important;
  }

  .cart-item-category {
    padding: 6px 12px !important;
    font-size: 11px !important;
  }

  .cart-item-title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
  }

  .cart-item-title a {
    word-break: break-word !important;
  }

  .cart-item-meta {
    padding: 8px 0 !important;
    gap: 8px !important;
  }

  .cart-item-meta-item {
    font-size: 12px !important;
  }

  .cart-item-footer {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
  }

  .cart-item-price-section {
    min-width: 0 !important;
    width: 100% !important;
    align-items: flex-start !important;
  }

  .cart-item-price {
    font-size: 24px !important;
    word-break: break-all !important;
  }

  .quantity-selector-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 12px !important;
  }

  .qty-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .qty-input {
    width: 56px !important;
    font-size: 16px !important;
  }

  .cart-item-remove {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
  }

  .cart-item-remove i {
    flex-shrink: 0 !important;
    font-size: 1em !important;
  }

  .cart-item-remove span {
    display: inline-block !important;
  }

  .cart-summary {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .cart-summary-card {
    padding: 20px 18px !important;
    border-radius: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .cart-summary-title {
    font-size: 18px !important;
    margin-bottom: 16px !important;
  }

  .cart-summary-details,
  .cart-summary-total {
    min-width: 0 !important;
  }

  .cart-summary-row {
    font-size: 13px !important;
    padding: 8px 0 !important;
  }

  .cart-summary-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }

  .cart-checkout-btn,
  .cart-continue-btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    justify-content: center !important;
  }

  .cart-empty {
    padding: 40px 20px !important;
    border-radius: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .cart-empty-icon {
    width: 72px !important;
    height: 72px !important;
    font-size: 36px !important;
    margin-bottom: 16px !important;
  }

  .cart-empty-title {
    font-size: 20px !important;
  }

  .cart-empty-text {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .cart-empty-btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    justify-content: center !important;
  }

  /* ========== Ürün görünümleri — %100 mobil uyumlu ========== */
  .product-grid,
  .products-grid,
  .category-products-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: max(10px, env(safe-area-inset-left)) !important;
    padding-right: max(10px, env(safe-area-inset-right)) !important;
    box-sizing: border-box !important;
  }

  .product-grid .product-card,
  .products-grid .product-card,
  .category-products-grid .product-card,
  .product-grid-compact .product-card {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .product-grid .product-card a,
  .products-grid .product-card a,
  .category-products-grid .product-card a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .product-grid .product-title,
  .products-grid .product-title,
  .category-products-grid .product-title {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  .product-grid .product-image,
  .products-grid .product-image,
  .category-products-grid .product-image {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .product-grid .product-info,
  .products-grid .product-info,
  .category-products-grid .product-info {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .product-grid .btn-add-cart,
  .products-grid .btn-add-cart,
  .category-products-grid .btn-add-cart {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 10px 12px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .product-grid .quick-action,
  .products-grid .quick-action,
  .category-products-grid .quick-action {
    min-width: 44px !important;
    min-height: 44px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Ürün listesi sayfası (urunler, hesaplar, kategori vb.) container */
  .container .product-grid,
  .container .products-grid,
  .container .category-products-grid,
  main .product-grid,
  main .products-grid,
  main .category-products-grid {
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
  }

  /* Yatay taşmayı engelle */
  body:has(.product-grid),
  body:has(.products-grid),
  body:has(.category-products-grid) {
    overflow-x: hidden !important;
  }

  /* ========== category-filters-bar — %100 mobil uyumlu ========== */
  .category-filters-bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 14px max(14px, env(safe-area-inset-left)) 14px max(14px, env(safe-area-inset-right)) !important;
    margin-bottom: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
  }
  .category-filters-bar .filters-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .category-filters-bar .product-count-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    align-self: flex-start !important;
  }
  .category-filters-bar .product-count-badge i {
    font-size: 14px !important;
  }
  .category-filters-bar .product-count-number {
    font-size: 15px !important;
  }
  .category-filters-bar .product-count-text {
    font-size: 12px !important;
  }
  .category-filters-bar .category-search-form {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .category-filters-bar .search-input-wrapper {
    width: 100% !important;
    min-width: 0 !important;
  }
  .category-filters-bar .search-icon {
    left: 14px !important;
    font-size: 14px !important;
  }
  .category-filters-bar .category-search-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px 44px 12px 40px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }
  .category-filters-bar .search-clear-btn {
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
  .category-filters-bar .filters-right {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .category-filters-bar .sort-form {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .category-filters-bar .sort-label {
    flex-shrink: 0 !important;
    font-size: 13px !important;
    gap: 6px !important;
  }
  .category-filters-bar .sort-label i {
    font-size: 13px !important;
  }
  .category-filters-bar .sort-select-wrapper {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .category-filters-bar .sort-select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px 36px 12px 14px !important;
    font-size: 14px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  /* Kategori sayfası wrapper — filters bar ile uyumlu */
  .category-page-wrapper {
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .product-card * {
    box-sizing: border-box !important;
  }

  /* Liste görünümü (urunler) — mobilde tek sütun, taşma yok */
  .products-grid.list-view {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .products-grid.list-view .product-card {
    flex-direction: column !important;
    max-width: 100% !important;
  }

  .products-grid.list-view .product-card .product-image {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 180px !important;
  }

  .products-grid.list-view .product-card .product-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 12px !important;
  }

  /* Ürünler sayfası: aktif filtreler ve sayfalama mobil */
  .active-filters {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    max-width: 100% !important;
  }

  .filter-badge {
    max-width: 100% !important;
    word-break: break-word !important;
  }

  .filter-remove {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 8px !important;
  }

  .products-pagination {
    padding: 12px 10px !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .pagination-btn,
  .pagination-number {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 10px 14px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .products-empty {
    padding: 40px 16px !important;
    margin: 0 10px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .btn-empty-action {
    min-height: 44px !important;
    padding: 12px 20px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Ürün detay sayfası (product.php) — taşma ve güvenli alan */
  .product-page-container {
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .product-main-grid {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .product-image-section,
  .product-info-section {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .related-products-section .product-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .section-title-main {
    font-size: 20px !important;
    padding: 0 4px !important;
    word-break: break-word !important;
  }

  /* Satıcı bilgisi + mesaj ipucu — tam mobil uyumlu (taşma önleme) */
  .product-info-card {
    overflow-x: hidden !important;
    overflow-y: visible !important; /* Rozet tooltip kesilmesin */
    min-width: 0 !important;
  }

  .seller-info-elegant {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important; /* Rozet tooltip kesilmesin */
    padding: 0 !important;
    margin-bottom: 24px !important;
  }

  .seller-info-header {
    padding: 12px 14px !important;
  }

  .seller-info-content {
    display: flex !important;
    gap: 14px !important;
    padding: 14px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .seller-details {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important; /* Rozet tooltip kesilmesin */
  }

  .seller-name-main {
    font-size: 16px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .seller-badges {
    gap: 6px !important;
    max-width: 100% !important;
  }

  .seller-badge-item img {
    width: 44px !important;
    height: 44px !important;
  }

  /* Rozet tooltip: mobilde rozetin sağında, düzgün görünsün */
  .seller-badge-item:hover,
  .seller-badge-item:focus,
  .seller-badge-item:active,
  .product-info-card .seller-badge-item:hover,
  .product-info-card .seller-badge-item:focus,
  .product-info-card .seller-badge-item:active {
    position: relative !important;
    z-index: 2147483647 !important;
  }
  /* Mobilde açıklama rozetin sağ tarafında — kompakt boyut */
  .seller-badge-item::before,
  .product-info-card .seller-badge-item::before {
    position: absolute !important;
    left: calc(100% + 8px) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) translateX(6px) scale(0.95) !important;
    width: max-content !important;
    max-width: min(200px, calc(100vw - 100px)) !important;
    min-width: 90px !important;
    max-height: 40vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
    z-index: 2147483647 !important;
    border-radius: 10px !important;
  }
  .seller-badge-item:hover::before,
  .seller-badge-item:focus::before,
  .seller-badge-item:active::before,
  .product-info-card .seller-badge-item:hover::before,
  .product-info-card .seller-badge-item:focus::before,
  .product-info-card .seller-badge-item:active::before {
    transform: translateY(-50%) translateX(0) scale(1) !important;
  }
  /* Mobilde ok gizle — açıklama sağda, sade kalsın */
  .seller-badge-item::after,
  .product-info-card .seller-badge-item::after {
    display: none !important;
  }

  .seller-message-action {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    box-sizing: border-box !important;
  }

  /* Mobilde blok akışı — metin düzgün satır kırar, bozuk görünmez */
  .seller-message-hint {
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    display: block !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    color: var(--text-gray) !important;
  }

  .seller-message-hint i {
    display: inline-block !important;
    vertical-align: top !important;
    margin-right: 6px !important;
    margin-top: 2px !important;
    font-size: 14px !important;
    color: var(--primary-blue) !important;
  }

  .seller-message-hint strong {
    word-break: break-word !important;
    color: var(--text-light) !important;
    font-weight: 600 !important;
  }

  .btn-seller-message-once,
  .btn-seller-message-link {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    display: inline-flex !important;
    justify-content: center !important;
  }

  .btn-seller-message-once span,
  .btn-seller-message-link span {
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
  }

  /* ========== Giriş / Kayıt sayfaları — %100 mobil uyumlu ========== */
  .main-content:has(.auth-page-container) {
    min-height: 100vh !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    overflow-x: hidden !important;
  }

  .auth-page-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 16px auto 24px !important;
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
    box-sizing: border-box !important;
  }

  .auth-card {
    padding: 24px 20px !important;
    border-radius: 20px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .auth-card > div[style*="text-align: center"] {
    margin-bottom: 24px !important;
    max-width: 100% !important;
  }

  .auth-card > div[style*="text-align: center"] > div[style*="display: flex"] {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  .auth-card > div[style*="text-align: center"] img {
    max-width: 100% !important;
  }

  .auth-card > div[style*="text-align: center"] h1 {
    font-size: 22px !important;
    margin-bottom: 8px !important;
  }

  .auth-card > div[style*="text-align: center"] p {
    font-size: 13px !important;
    max-width: 100% !important;
    padding: 0 4px !important;
  }

  /* Özellikler grid (Güvenli / Hızlı / Onaylı) — mobilde 3 sütun kompakt */
  .auth-card > div[style*="text-align: center"] > div[style*="display: grid"] {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .auth-card > div[style*="text-align: center"] > div[style*="display: grid"] > div {
    padding: 6px 4px !important;
  }

  .auth-card > div[style*="text-align: center"] > div[style*="display: grid"] > div > div[style*="width: 48px"] {
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 6px !important;
  }

  .auth-card > div[style*="text-align: center"] > div[style*="display: grid"] > div > div[style*="font-size: 11px"] {
    font-size: 10px !important;
  }

  .auth-card > div[style*="text-align: center"] > div[style*="display: grid"] > div > div[style*="font-size: 9px"] {
    font-size: 8px !important;
  }

  /* Hata / başarı mesajları */
  .auth-card > div[style*="background: rgba(239, 68, 68"],
  .auth-card > div[style*="background: rgba(16, 185, 129"] {
    padding: 12px 14px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .auth-card form {
    max-width: 100% !important;
  }

  .auth-card form label {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .auth-card form label span {
    word-break: break-word !important;
  }

  .auth-card form input[type="text"],
  .auth-card form input[type="email"],
  .auth-card form input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    padding: 12px 44px 12px 14px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .auth-card form button[type="submit"] {
    width: 100% !important;
    min-height: 50px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Şifre alanı wrapper — fa-eye butonunun hizası için */
  .auth-card form div[style*="position: relative"] {
    position: relative !important;
    display: block !important;
  }

  .auth-card form button[type="button"][onclick*="togglePassword"],
  .auth-card form button[type="button"][onclick*="togglePasswordVisibility"] {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  .auth-card form button[type="button"][onclick*="togglePassword"] i,
  .auth-card form button[type="button"][onclick*="togglePasswordVisibility"] i {
    font-size: 18px !important;
    pointer-events: none !important;
  }

  .auth-card form input#loginPassword,
  .auth-card form input[id*="password"] {
    padding-right: 52px !important;
  }

  /* Beni hatırla / şifre satırı */
  .auth-card form > div[style*="display: flex"][style*="space-between"] {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  /* Kayıt ol / Giriş yap linki altındaki 3'lü kutu */
  .auth-card > div[style*="border-top"][style*="1px solid"] {
    padding-top: 20px !important;
    margin-top: 24px !important;
  }

  .auth-card > div[style*="border-top"] > div[style*="display: flex"][style*="gap: 16px"] {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 10px 8px !important;
  }

  .auth-card > div[style*="border-top"] > div[style*="display: flex"] > div {
    font-size: 10px !important;
  }

  .auth-card > div[style*="border-top"] > div[style*="display: flex"] > div[style*="width: 1px"] {
    display: none !important;
  }

  .auth-card a[href*="/kayit"],
  .auth-card a[href*="/giris"] {
    word-break: break-word !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* CATEGORY GRID */
  .elegant-category-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    max-width: 100% !important;
    padding: 0 4px !important;
  }

  .elegant-category-item {
    padding: 14px 12px !important;
    font-size: 12px !important;
    min-height: 70px !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  }
  
  .elegant-category-item:active {
    transform: scale(0.96) !important;
  }

  .category-logo-wrapper {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
  }

  .category-logo-image,
  .category-logo-icon {
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
    border-radius: 10px !important;
  }
  
  .category-name-text {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.3 !important;
  }

  /* FEATURES */
  .features-grid-compact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .feature-item-compact {
    padding: 15px !important;
    border-radius: 8px !important;
  }

  .feature-icon-compact {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }

  .feature-item-compact h3 {
    font-size: 14px !important;
    margin-bottom: 6px !important;
  }

  .feature-item-compact p {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  /* SLIDER */
  .slider-wrapper-compact {
    height: 100% !important;
  }

  .slider-item-compact {
    height: 100% !important;
  }

  .slider-item-compact img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  .slider-controls-compact {
    bottom: 8px !important;
    gap: 6px !important;
  }

  .slider-dot-compact {
    width: 6px !important;
    height: 6px !important;
  }

  .slider-dot-compact.active {
    width: 16px !important;
  }

  /* FORMS */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="search"],
  input[type="url"],
  select,
  textarea {
    font-size: 16px !important;
    padding: 10px 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* BUTTONS */
  .btn, button, input[type="submit"], input[type="button"],
  a.btn, [class*="btn"]:not(.btn-hero-compact) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    min-height: 44px !important;
  }

  /* TABLES */
  table, .table, .admin-table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  table thead, .table thead {
    display: none !important;
  }

  table tbody tr, .table tbody tr {
    display: block !important;
    width: 100% !important;
    margin-bottom: 12px !important;
    padding: 12px !important;
    border-radius: 8px !important;
  }

  table tbody tr td, .table tbody tr td {
    display: flex !important;
    justify-content: space-between !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  table tbody tr td:last-child {
    border-bottom: none !important;
  }

  /* MODALS */
  .modal, .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .modal-content {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .modal-header {
    padding: 15px !important;
    flex-shrink: 0 !important;
  }

  .modal-body {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 15px !important;
  }

  .modal-footer {
    padding: 15px !important;
    flex-shrink: 0 !important;
  }

  /* FOOTER */
  .main-footer {
    padding: 25px 0 15px !important;
  }

  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .footer-bottom-content {
    flex-direction: column !important;
    gap: 12px !important;
    text-align: center !important;
    font-size: 12px !important;
  }

  /* FLOATING ELEMENTS */
  .floating-message-bubble {
    width: 45px !important;
    height: 45px !important;
    bottom: 15px !important;
    left: 15px !important;
    font-size: 18px !important;
  }

  .floating-message-bubble i {
    font-size: 18px !important;
  }

  /* Override old mobile menu styles */
  .mobile-menu {
    width: 320px !important;
    max-width: 85vw !important;
  }

  .mobile-menu-header {
    padding: 20px !important;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.2) 0%, rgba(59, 130, 246, 0.15) 100%) !important;
    border-bottom: 1px solid rgba(30, 64, 175, 0.3) !important;
  }

  .mobile-nav {
    padding: 20px 0 !important;
  }

  .mobile-nav a {
    padding: 14px 16px !important;
    margin-bottom: 6px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  /* TYPOGRAPHY */
  h1 { font-size: 22px !important; line-height: 1.3 !important; }
  h2 { font-size: 20px !important; line-height: 1.3 !important; }
  h3 { font-size: 18px !important; line-height: 1.4 !important; }
  h4 { font-size: 16px !important; line-height: 1.4 !important; }
  h5 { font-size: 14px !important; line-height: 1.5 !important; }
  h6 { font-size: 13px !important; line-height: 1.5 !important; }

  p, body {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  /* GRID FORCE SINGLE COLUMN (category-grid mobilde 2 sütun kalsın) */
  [class*="grid"]:not(.product-grid-compact):not(.elegant-category-grid):not(.features-grid-compact):not(.category-grid) {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* FLEX FORCE COLUMN */
  [class*="flex-row"],
  [style*="flex-direction: row"] {
    flex-direction: column !important;
  }

  /* IMAGES */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* CARDS */
  .card, .panel {
    margin-bottom: 12px !important;
    padding: 12px !important;
    border-radius: 8px !important;
  }

  /* SPACING */
  section, .section {
    padding: 20px 0 !important;
  }
}

/* ============================================
   SMALL MOBILE - 480px and below
   ============================================ */

@media (max-width: 480px) {
  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .header-main {
    padding: 6px 0 !important;
  }

  .logo img {
    max-height: 30px !important;
  }

  .notification-button,
  .cart-button,
  .mobile-menu-toggle {
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
  }

  .compact-hero {
    padding: 10px 0 !important;
  }

  .hero-slider-compact {
    height: 140px !important;
  }

  .hero-header-mobile {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  
  .hero-logo-mobile {
    height: 44px !important;
  }
  
  .hero-title-compact {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
  
  .hero-subtitle-mobile {
    font-size: 10px !important;
  }

  .hero-description-compact {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .btn-hero-compact {
    padding: 12px 16px !important;
    font-size: 13px !important;
    min-height: 44px !important;
  }
  
  .section-header-compact > div:first-child > div:first-child {
    width: 40px !important;
    height: 40px !important;
  }
  
  .section-header-compact > div:first-child > div:first-child i {
    font-size: 18px !important;
  }
  
  .section-title-compact {
    font-size: 18px !important;
  }
  
  .section-header-compact > div:first-child > div:last-child p {
    font-size: 10px !important;
  }
  
  .btn-view-all-compact {
    padding: 10px 18px !important;
    font-size: 12px !important;
  }

  .product-grid-compact {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 2px !important;
  }

  .elegant-category-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 0 2px !important;
  }
  
  .elegant-category-item {
    min-height: 80px !important;
    padding: 16px 12px !important;
  }
  
  .category-logo-wrapper {
    width: 44px !important;
    height: 44px !important;
  }
  
  .category-logo-image,
  .category-logo-icon {
    width: 44px !important;
    height: 44px !important;
    font-size: 20px !important;
  }
  
  .category-name-text {
    font-size: 13px !important;
  }

  .section-title-compact {
    font-size: 16px !important;
  }

  .compact-section {
    padding: 12px 0 !important;
  }
  
  /* Homepage Specific Sections */
  .testimonials-section-compact,
  .trust-section-compact,
  .cta-section-compact {
    padding: 30px 0 !important;
  }
  
  .testimonials-section-compact > .container > div[style*="grid"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 4px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 0 4px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div {
    padding: 24px 20px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div > div:first-child {
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 16px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div > div:first-child i {
    font-size: 28px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div h3 {
    font-size: 18px !important;
    margin-bottom: 10px !important;
  }
  
  .trust-section-compact > .container > div[style*="grid"] > div p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  
  .cta-content-compact {
    padding: 0 8px !important;
  }
  
  .cta-title-compact {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 16px !important;
  }
  
  .cta-description-compact {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 24px !important;
  }
  
  .cta-actions-compact {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .btn-cta-compact {
    width: 100% !important;
    padding: 14px 24px !important;
    font-size: 14px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
  }
  
  .features-grid-compact {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  
  .feature-item-compact {
    padding: 18px 16px !important;
  }
  
  .feature-icon-compact {
    width: 48px !important;
    height: 48px !important;
    font-size: 24px !important;
    margin-bottom: 14px !important;
  }
  
  .feature-item-compact h3 {
    font-size: 15px !important;
    margin-bottom: 8px !important;
  }
  
  .feature-item-compact p {
    font-size: 12px !important;
  }
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }

  .show-mobile {
    display: block !important;
  }

  .mobile-full-width {
    width: 100% !important;
    max-width: 100% !important;
  }

  .mobile-stack {
    flex-direction: column !important;
  }
}

.show-mobile {
  display: none !important;
}

@media (max-width: 768px) {
  .show-mobile {
    display: block !important;
  }
}

/* ============================================
   İLAN EKLE SAYFASI — %100 MOBİL UYUMLU
   ============================================ */

@media (max-width: 768px) {
  body:has(.ilan-ekle-container) {
    overflow-x: hidden !important;
  }

  .ilan-ekle-container {
    margin: 16px auto 24px !important;
    padding: 0 max(14px, env(safe-area-inset-left)) 0 max(14px, env(safe-area-inset-right)) !important;
    padding-bottom: max(24px, env(safe-area-inset-bottom)) !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Güvenlik başlık alanı */
  .ilan-ekle-container > div[style*="border-radius: 24px"][style*="padding: 50px"] {
    padding: 28px 20px !important;
    margin-bottom: 24px !important;
    border-radius: 18px !important;
  }

  .ilan-ekle-container > div[style*="border-radius: 24px"] > div > div[style*="text-align: center"] > div[style*="inline-flex"] {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  .ilan-ekle-container > div[style*="border-radius: 24px"] > div > div[style*="text-align: center"] > div[style*="inline-flex"] > div[style*="60px"] {
    width: 48px !important;
    height: 48px !important;
  }

  .ilan-ekle-container > div[style*="border-radius: 24px"] h1 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  .ilan-ekle-container > div[style*="border-radius: 24px"] p {
    font-size: 14px !important;
    max-width: 100% !important;
  }

  .ilan-ekle-container > div[style*="border-radius: 24px"] > div > div[style*="flex-wrap: wrap"][style*="gap: 25px"] {
    gap: 12px !important;
    padding-top: 16px !important;
  }

  .ilan-ekle-container > div[style*="border-radius: 24px"] > div > div[style*="flex-wrap: wrap"] > div {
    font-size: 12px !important;
  }

  /* Başarı kutusu (yeşil gradient + İlan Başarıyla) */
  .ilan-ekle-container > div[style*="rgba(16, 185, 129"][style*="var(--success)"] {
    padding: 20px 16px !important;
    margin-bottom: 20px !important;
  }

  .ilan-ekle-container > div[style*="rgba(16, 185, 129"][style*="var(--success)"] > div[style*="display: flex"] {
    flex-direction: column !important;
    gap: 14px !important;
  }

  .ilan-ekle-container > div[style*="rgba(16, 185, 129"][style*="var(--success)"] a {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Hata kutusu */
  .ilan-ekle-container > div[style*="rgba(239, 68, 68"][style*="var(--error)"] {
    padding: 14px 16px !important;
    margin-bottom: 20px !important;
    word-break: break-word !important;
  }

  /* Form bölümleri */
  .ilan-ekle-container .modern-form-section {
    padding: 24px 18px !important;
    margin-bottom: 20px !important;
    border-radius: 18px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .ilan-ekle-container .section-title {
    font-size: 20px !important;
    margin-bottom: 20px !important;
    padding-bottom: 14px !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
    word-break: break-word !important;
  }

  .ilan-ekle-container .section-title span {
    word-break: break-word !important;
  }

  .ilan-ekle-container .section-icon {
    width: 44px !important;
    height: 44px !important;
  }

  .ilan-ekle-container .section-icon i {
    font-size: 20px !important;
  }

  .ilan-ekle-container .form-field-group {
    margin-bottom: 24px !important;
  }

  .ilan-ekle-container .modern-label {
    font-size: 14px !important;
    margin-bottom: 10px !important;
    flex-wrap: wrap !important;
  }

  .ilan-ekle-container .modern-label > div[style*="36px"] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }

  /* ========== modern-input — %100 mobil uyumlu ========== */
  .modern-input,
  .ilan-ekle-container .modern-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 14px !important;
    line-height: 1.4 !important;
  }

  /* number input okları mobilde taşmasın */
  .modern-input[type="number"]::-webkit-outer-spin-button,
  .modern-input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }
  .modern-input[type="number"] {
    -moz-appearance: textfield !important;
  }

  /* ========== price-input (ilan-ekle: ₺ alanı) — %100 mobil ========== */
  .ilan-ekle-container .input-wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .ilan-ekle-container .price-input,
  .ilan-ekle-container .modern-input.price-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 14px 14px 14px 56px !important;
    padding-right: 14px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    min-height: 52px !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 14px !important;
  }

  /* Fiyat alanı — "Türk Lirası" sağ etiket mobilde gizle (taşma önlenir) */
  .ilan-ekle-container .input-wrapper > div[style*="right: 20px"][style*="top: 50%"] {
    display: none !important;
  }

  /* ₺ rozeti — mobilde kompakt, input ile çakışmasın */
  .ilan-ekle-container .input-wrapper > div[style*="left: 20px"][style*="48px"],
  .ilan-ekle-container .input-wrapper > div[style*="left: 20px"][style*="₺"] {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-radius: 10px !important;
  }

  .ilan-ekle-container .input-wrapper > div[style*="₺"] span[style*="font-size: 18px"] {
    font-size: 16px !important;
  }

  .ilan-ekle-container .input-wrapper > div[style*="₺"] span[style*="font-size: 8px"] {
    font-size: 7px !important;
  }

  /* ========== price-input (urunler filtre: min/max) — %100 mobil ========== */
  .price-inputs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .price-inputs .price-input {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 12px 14px !important;
    font-size: 16px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 12px !important;
  }

  .price-inputs .price-input[type="number"]::-webkit-outer-spin-button,
  .price-inputs .price-input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }

  .price-separator {
    flex-shrink: 0 !important;
    align-self: center !important;
  }

  /* ========== image-preview-card — %100 mobil uyumlu ========== */
  .ilan-ekle-container .images-preview-container,
  .images-preview-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin-top: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    min-height: 80px !important;
    box-sizing: border-box !important;
  }

  .ilan-ekle-container .images-preview-container.list-view,
  .images-preview-container.list-view {
    grid-template-columns: 1fr !important;
  }

  .ilan-ekle-container .images-preview-container.masonry-view,
  .images-preview-container.masonry-view {
    column-count: 2 !important;
    column-gap: 12px !important;
    display: block !important;
  }

  .ilan-ekle-container .images-preview-container.masonry-view .image-preview-card,
  .images-preview-container.masonry-view .image-preview-card {
    margin-bottom: 12px !important;
    break-inside: avoid !important;
  }

  .ilan-ekle-container .image-preview-card,
  .image-preview-card {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    aspect-ratio: 1 !important;
  }

  .ilan-ekle-container .image-preview-card img,
  .image-preview-card img {
    width: 100% !important;
    height: 100% !important;
    min-height: 120px !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
  }

  .ilan-ekle-container .image-preview-card > span:first-of-type,
  .image-preview-card > span:first-of-type {
    top: 8px !important;
    left: 8px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    border-radius: 8px !important;
    max-width: calc(100% - 52px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ilan-ekle-container .image-preview-card button[title="Kaldır"],
  .ilan-ekle-container .image-preview-card button[type="button"]:last-of-type,
  .image-preview-card button[title="Kaldır"],
  .image-preview-card button[type="button"]:last-of-type {
    top: 8px !important;
    right: 8px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .ilan-ekle-container .image-preview-card div[style*="bottom: 0"][style*="left: 0"][style*="right: 0"],
  .image-preview-card div[style*="bottom: 0"][style*="left: 0"][style*="right: 0"] {
    padding: 8px 10px !important;
    font-size: 10px !important;
    transform: none !important;
  }

  .ilan-ekle-container .image-preview-card div[style*="bottom: 0"] div,
  .image-preview-card div[style*="bottom: 0"] div {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ilan-ekle-container .category-dropdown-trigger {
    min-height: 48px !important;
    padding: 12px 16px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .ilan-ekle-container .category-dropdown-menu {
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box !important;
  }

  .ilan-ekle-container .category-option {
    min-width: 0 !important;
    padding: 12px 14px !important;
  }

  .ilan-ekle-container .selected-category-text {
    word-break: break-word !important;
  }

  .ilan-ekle-container #descriptionEditor {
    min-height: 220px !important;
    max-width: 100% !important;
  }

  /* Karakter sayacı — mobilde alta al, taşma yok */
  .ilan-ekle-container .form-field-group div[style*="position: absolute"][style*="bottom: 20px"][style*="right: 20px"] {
    position: static !important;
    margin-top: 10px !important;
    display: inline-block !important;
  }

  .ilan-ekle-container .modern-btn-submit {
    width: 100% !important;
    min-height: 52px !important;
    padding: 16px !important;
    font-size: 16px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Görsel yükleme alanı */
  .ilan-ekle-container .advanced-image-upload-system .upload-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .ilan-ekle-container .upload-actions {
    flex-wrap: wrap !important;
  }

  .ilan-ekle-container .upload-actions label,
  .ilan-ekle-container .upload-actions button {
    min-height: 44px !important;
    flex: 1 1 auto !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Ürün detay — product-image-card 480px */
  .product-image-card {
    padding: 12px !important;
    border-radius: 12px !important;
  }

  .product-main-image {
    max-height: 280px !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
  }

  .product-main-image.default-logo-image,
  .product-main-image[src*="favicon"] {
    max-height: 200px !important;
    padding: 32px 20px !important;
  }

  .product-thumbnails {
    gap: 6px !important;
    margin-bottom: 12px !important;
  }

  .thumbnail-image {
    height: 48px !important;
  }

  /* panel/kimlik-onay — 480px */
  .identity-verification-page {
    padding: 10px 8px 20px !important;
  }

  .identity-verification-header {
    padding: 16px 12px !important;
    margin-bottom: 20px !important;
  }

  .identity-verification-header-icon {
    width: 60px !important;
    height: 60px !important;
    font-size: 26px !important;
  }

  .identity-verification-header h1 {
    font-size: 19px !important;
  }

  .identity-verification-header p {
    font-size: 13px !important;
  }

  .identity-status-card {
    padding: 18px 14px !important;
  }

  .identity-status-icon {
    width: 56px !important;
    height: 56px !important;
    font-size: 24px !important;
  }

  .identity-status-content h2 {
    font-size: 18px !important;
  }

  .identity-form-card {
    padding: 16px 12px !important;
  }

  .identity-form-steps {
    padding: 16px 12px !important;
  }

  .identity-form-section {
    padding: 16px 12px !important;
  }

  .identity-form-input,
  .identity-form-select {
    padding: 12px 14px !important;
    font-size: 16px !important;
  }

  .identity-step-btn,
  .identity-form-actions .identity-step-btn {
    padding: 12px 16px !important;
    font-size: 14px !important;
  }

  .identity-photo-upload-card {
    padding: 14px 12px !important;
  }

  .identity-info-card {
    padding: 14px 12px !important;
  }

  .balance-alert.balance-alert-rejected {
    padding: 16px 14px !important;
    margin-bottom: 20px !important;
  }

  .balance-alert.balance-alert-rejected .balance-alert-icon {
    width: 44px !important;
    height: 44px !important;
    font-size: 1.15rem !important;
  }

  .balance-alert.balance-alert-rejected .balance-alert-title {
    font-size: 1rem !important;
  }

  .balance-alert-rejected-reason {
    padding: 11px 12px !important;
  }

  /* Sepet — 480px ince ayarlar */
  .cart-container {
    padding: 12px 10px 20px !important;
  }

  .cart-hero {
    padding: 20px 14px !important;
    margin-bottom: 20px !important;
  }

  .cart-hero h1 {
    font-size: 20px !important;
  }

  .cart-hero h1 i {
    width: 44px !important;
    height: 44px !important;
    font-size: 18px !important;
  }

  .cart-item {
    padding: 14px !important;
  }

  .cart-item-image {
    max-height: 180px !important;
  }

  .cart-item-title {
    font-size: 15px !important;
  }

  .cart-item-price {
    font-size: 22px !important;
  }

  .cart-item-remove {
    width: 100% !important;
    min-height: 44px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  .cart-summary-card {
    padding: 18px 14px !important;
  }

  .cart-summary-title {
    font-size: 17px !important;
  }

  .cart-checkout-btn,
  .cart-continue-btn {
    min-height: 44px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
  }

  .cart-empty {
    padding: 32px 16px !important;
  }

  .cart-empty-title {
    font-size: 18px !important;
  }

  .cart-empty-btn {
    min-height: 44px !important;
    padding: 12px 16px !important;
  }
}

@media (max-width: 480px) {
  .ilan-ekle-container {
    padding: 0 max(10px, env(safe-area-inset-left)) 0 max(10px, env(safe-area-inset-right)) !important;
    padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
  }

  .ilan-ekle-container .modern-form-section {
    padding: 20px 14px !important;
  }

  .ilan-ekle-container .section-title {
    font-size: 18px !important;
  }

  .ilan-ekle-container .modern-input {
    padding: 12px 14px !important;
    min-height: 48px !important;
  }

  .ilan-ekle-container .price-input,
  .ilan-ekle-container .modern-input.price-input {
    padding: 12px 12px 12px 50px !important;
    font-size: 17px !important;
    min-height: 50px !important;
  }

  .ilan-ekle-container .input-wrapper > div[style*="left: 20px"][style*="48px"],
  .ilan-ekle-container .input-wrapper > div[style*="left: 20px"][style*="₺"] {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    left: 8px !important;
  }

  .ilan-ekle-container .modern-btn-submit {
    min-height: 48px !important;
  }

  /* Fiyat/ürün filtreleri — çok küçük ekranda tam genişlik */
  .price-inputs .price-input {
    min-height: 44px !important;
    padding: 10px 12px !important;
  }

  /* image-preview-card — çok küçük ekran */
  .ilan-ekle-container .images-preview-container,
  .images-preview-container {
    gap: 10px !important;
  }

  .ilan-ekle-container .image-preview-card > span,
  .image-preview-card > span {
    padding: 5px 8px !important;
    font-size: 10px !important;
  }

  .ilan-ekle-container .image-preview-card button[title="Kaldır"],
  .image-preview-card button[title="Kaldır"] {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    top: 6px !important;
    right: 6px !important;
  }
}

/* ========== imageLightbox (ilan-ekle görsel lightbox) — %100 mobil ========== */
@media (max-width: 768px) {
  #imageLightbox {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    z-index: 2147483647 !important;
    -webkit-overflow-scrolling: touch !important;
    overflow: auto !important;
  }

  #imageLightbox.show {
    display: flex !important;
  }

  #imageLightbox #closeLightbox {
    position: absolute !important;
    top: max(12px, env(safe-area-inset-top)) !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    z-index: 100002 !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  #imageLightbox #prevImage {
    position: absolute !important;
    left: max(8px, env(safe-area-inset-left)) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    z-index: 100002 !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  #imageLightbox #nextImage {
    position: absolute !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    z-index: 100002 !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  #imageLightbox #lightboxImage {
    max-width: calc(100% - 24px) !important;
    max-height: calc(100dvh - 140px) !important;
    max-height: calc(100vh - 140px) !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    flex-shrink: 0 !important;
  }

  #imageLightbox #lightboxInfo {
    position: absolute !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
    max-width: calc(100% - 24px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 480px) {
  #imageLightbox {
    padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
  }

  #imageLightbox #closeLightbox {
    top: max(10px, env(safe-area-inset-top)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    font-size: 18px !important;
  }

  #imageLightbox #prevImage {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 16px !important;
    left: max(6px, env(safe-area-inset-left)) !important;
  }

  #imageLightbox #nextImage {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 16px !important;
    right: max(6px, env(safe-area-inset-right)) !important;
  }

  #imageLightbox #lightboxImage {
    max-width: calc(100% - 20px) !important;
    max-height: calc(100dvh - 120px) !important;
    max-height: calc(100vh - 120px) !important;
  }

  #imageLightbox #lightboxInfo {
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
  }
}

/* ============================================
   MESSAGES PAGE — %100 MOBİL UYUMLU
   ============================================ */

@media (max-width: 768px) {
  /* Container — safe area, taşma yok */
  .messages-page-container {
    margin: 0 auto !important;
    padding: 0 max(12px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Panel header (Mesajlarım) */
  .panel-premium-header.messages-page-header {
    margin-bottom: 12px !important;
  }

  /* Uyarı kutusu */
  .messages-header-warning {
    padding: 12px 14px !important;
    margin-bottom: 12px !important;
    word-break: break-word !important;
    flex-wrap: wrap !important;
  }

  /* Grid — tek sütun, yükseklik panel alanına göre */
  .messages-grid {
    grid-template-columns: 1fr !important;
    height: calc(100vh - 72px - 180px) !important;
    height: calc(100dvh - 72px - 180px) !important;
    min-height: 320px !important;
    max-height: none !important;
    gap: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Konuşmalar kartı — %100 mobil uyumlu */
  .conversations-card {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 280px !important;
    min-height: 180px !important;
    border-radius: 14px !important;
    order: 2 !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }

  .conversations-card::before {
    flex-shrink: 0 !important;
  }

  .conversations-card-header {
    padding: 12px 14px !important;
    flex-shrink: 0 !important;
    min-width: 0 !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  .conversations-card-title {
    font-size: 15px !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .conversations-card-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 14px !important;
  }

  .live-indicator {
    flex-shrink: 0 !important;
  }

  .live-text {
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  .conversations-list {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 6px 8px 8px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .conversations-list::-webkit-scrollbar {
    width: 4px !important;
  }

  /* Konuşma öğesi — dokunma 44px, taşma yok */
  .conversation-item {
    display: flex !important;
    align-items: center !important;
    padding: 12px 10px !important;
    margin: 4px 0 !important;
    gap: 12px !important;
    min-height: 44px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .conversation-avatar,
  .conversation-avatar-placeholder {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    font-size: 17px !important;
    flex-shrink: 0 !important;
  }

  .conversation-info {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .conversation-name {
    font-size: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }

  .conversation-preview {
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }

  .conversation-time {
    font-size: 10px !important;
    flex-shrink: 0 !important;
  }

  .unread-badge {
    min-width: 20px !important;
    height: 20px !important;
    font-size: 10px !important;
    top: 10px !important;
    right: 10px !important;
    flex-shrink: 0 !important;
  }

  .conversations-list .loading-state {
    padding: 24px 16px !important;
    min-height: 80px !important;
    font-size: 13px !important;
  }

  /* Sohbet alanı */
  .chat-area {
    order: 1 !important;
    border-radius: 14px !important;
    flex: 1 1 0% !important;
    min-height: 280px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .chat-interface {
    min-height: 0 !important;
  }

  .chat-header {
    padding: 12px 14px !important;
    flex-shrink: 0 !important;
  }

  .chat-user-avatar,
  .chat-user-avatar-placeholder {
    width: 42px !important;
    height: 42px !important;
    font-size: 16px !important;
  }

  .chat-user-info {
    min-width: 0 !important;
  }

  .chat-user-name {
    font-size: 15px !important;
    word-break: break-word !important;
  }

  .chat-user-status {
    font-size: 11px !important;
  }

  /* Mesajlar listesi */
  .messages-area {
    padding: 14px 12px !important;
    gap: 10px !important;
    -webkit-overflow-scrolling: touch !important;
    min-height: 0 !important;
  }

  .message-bubble {
    max-width: 88% !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    word-break: break-word !important;
  }

  .message-text {
    font-size: 14px !important;
    line-height: 1.55 !important;
    word-break: break-word !important;
  }

  .message-time {
    font-size: 10px !important;
  }

  /* Mesaj girişi — safe area alt */
  .message-input-area {
    padding: 12px 14px max(12px, env(safe-area-inset-bottom)) 14px !important;
    flex-shrink: 0 !important;
  }

  .message-input-wrapper {
    gap: 10px !important;
  }

  .message-textarea {
    min-height: 48px !important;
    max-height: 120px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .send-button {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 18px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Empty / Loading */
  .empty-chat-state {
    padding: 32px 20px !important;
  }

  .empty-chat-icon {
    font-size: 44px !important;
  }

  .empty-chat-text {
    font-size: 14px !important;
    word-break: break-word !important;
  }

  .loading-state {
    padding: 32px 20px !important;
  }

  .loading-spinner {
    width: 36px !important;
    height: 36px !important;
  }

  /* Eski header card (varsa) */
  .messages-header-card {
    padding: 14px !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
  }

  .messages-header-text h1 {
    font-size: 20px !important;
  }

  .messages-header-text p {
    font-size: 13px !important;
  }
}

@media (max-width: 480px) {
  .messages-page-container {
    padding: 0 max(10px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
  }

  .messages-grid {
    height: calc(100dvh - 72px - 160px) !important;
    min-height: 280px !important;
    gap: 10px !important;
  }

  .conversations-card {
    max-height: 260px !important;
    min-height: 160px !important;
  }

  .conversations-card-header {
    padding: 10px 12px !important;
  }

  .conversations-list {
    padding: 4px 6px 6px !important;
  }

  .conversation-item {
    padding: 10px 8px !important;
    min-height: 44px !important;
    margin: 3px 0 !important;
  }

  .conversation-avatar,
  .conversation-avatar-placeholder {
    width: 40px !important;
    height: 40px !important;
  }

  .conversation-name {
    font-size: 13px !important;
  }

  .conversation-preview {
    font-size: 11px !important;
  }

  .chat-area {
    min-height: 240px !important;
  }

  .message-bubble {
    max-width: 92% !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
  }

  .message-input-area {
    padding: 10px 12px max(10px, env(safe-area-inset-bottom)) 12px !important;
  }

  .message-textarea {
    padding: 10px 14px !important;
    font-size: 16px !important;
  }

  .send-button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    font-size: 16px !important;
  }
}

/* ============================================
   NOTIFICATIONS PAGE MOBILE OPTIMIZATIONS
   ============================================ */

@media (max-width: 1024px) {
  .notifications-container {
    padding: 16px 12px 16px !important;
    min-height: auto !important;
    padding-bottom: 16px !important;
    margin-bottom: 0 !important;
  }

  .notifications-layout {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    height: auto !important;
    min-height: auto !important;
    margin-bottom: 0 !important;
  }
  
  .notifications-sidebar {
    margin-bottom: 0 !important;
  }
  
  .notification-detail {
    margin-bottom: 0 !important;
  }

  .notifications-sidebar {
    max-height: 400px !important;
    border-radius: 16px !important;
    padding: 16px !important;
    order: 1 !important;
  }

  .sidebar-header {
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
  }

  .sidebar-title {
    font-size: 20px !important;
    gap: 10px !important;
  }

  .sidebar-title i {
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
    border-radius: 10px !important;
  }

  .sidebar-subtitle {
    font-size: 12px !important;
  }

  .notifications-list-sidebar {
    gap: 10px !important;
  }

  .notification-item-sidebar {
    padding: 12px !important;
    border-radius: 12px !important;
  }

  .notification-item-content {
    gap: 10px !important;
  }

  .notification-item-icon {
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
    border-radius: 10px !important;
  }

  .notification-item-title {
    font-size: 14px !important;
    margin-bottom: 4px !important;
  }

  .notification-item-preview {
    font-size: 12px !important;
    margin-bottom: 6px !important;
  }

  .notification-item-time {
    font-size: 10px !important;
  }

  .view-all-notifications {
    margin-top: 16px !important;
    padding-top: 16px !important;
  }

  .view-all-btn {
    padding: 14px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
  }

  .notification-detail {
    min-height: 400px !important;
    border-radius: 16px !important;
    padding: 20px !important;
    order: 2 !important;
  }

  .notification-detail-header {
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
  }

  .notification-detail-icon-wrapper {
    width: 64px !important;
    height: 64px !important;
    font-size: 28px !important;
    border-radius: 16px !important;
    margin-bottom: 16px !important;
  }

  .notification-detail-title {
    font-size: 22px !important;
    margin-bottom: 10px !important;
  }

  .notification-detail-meta {
    gap: 12px !important;
    font-size: 12px !important;
    flex-wrap: wrap !important;
  }

  .notification-detail-content {
    font-size: 15px !important;
    line-height: 1.7 !important;
    padding: 16px !important;
    border-radius: 12px !important;
    min-height: 150px !important;
  }

  .notification-detail-empty {
    padding: 40px 20px !important;
  }

  .notification-detail-empty-icon {
    width: 80px !important;
    height: 80px !important;
    font-size: 40px !important;
    margin-bottom: 16px !important;
  }

  .notification-detail-empty-title {
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }

  .notification-detail-empty-text {
    font-size: 14px !important;
  }
}

@media (max-width: 768px) {
  .notifications-container {
    padding: 12px 8px 12px !important;
    padding-bottom: 12px !important;
    margin-bottom: 0 !important;
  }
  
  .notifications-layout {
    margin-bottom: 0 !important;
  }

  .notifications-layout {
    gap: 12px !important;
  }

  .notifications-sidebar {
    max-height: 350px !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .sidebar-header {
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
  }

  .sidebar-title {
    font-size: 18px !important;
    gap: 8px !important;
  }

  .sidebar-title i {
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
  }

  .sidebar-subtitle {
    font-size: 11px !important;
  }

  .notifications-list-sidebar {
    gap: 8px !important;
  }

  .notification-item-sidebar {
    padding: 10px !important;
    border-radius: 10px !important;
  }

  .notification-item-content {
    gap: 8px !important;
  }

  .notification-item-icon {
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
  }

  .notification-item-title {
    font-size: 13px !important;
    margin-bottom: 4px !important;
    -webkit-line-clamp: 2 !important;
  }

  .notification-item-preview {
    font-size: 11px !important;
    margin-bottom: 6px !important;
    -webkit-line-clamp: 2 !important;
  }

  .notification-item-time {
    font-size: 10px !important;
  }

  .view-all-notifications {
    margin-top: 12px !important;
    padding-top: 12px !important;
  }

  .view-all-btn {
    padding: 12px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    min-height: 44px !important;
  }

  .notification-detail {
    min-height: 350px !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }

  .notification-detail-header {
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
  }

  .notification-detail-icon-wrapper {
    width: 56px !important;
    height: 56px !important;
    font-size: 24px !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
  }

  .notification-detail-title {
    font-size: 20px !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
  }

  .notification-detail-meta {
    gap: 10px !important;
    font-size: 11px !important;
  }

  .notification-detail-content {
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 14px !important;
    border-radius: 10px !important;
    min-height: 120px !important;
  }

  .notification-detail-empty {
    padding: 30px 16px !important;
  }

  .notification-detail-empty-icon {
    width: 64px !important;
    height: 64px !important;
    font-size: 32px !important;
    margin-bottom: 12px !important;
  }

  .notification-detail-empty-title {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }

  .notification-detail-empty-text {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 480px) {
  .notifications-container {
    padding: 10px 6px 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
  }
  
  .notifications-layout {
    margin-bottom: 0 !important;
  }

  .notifications-layout {
    gap: 10px !important;
  }

  .notifications-sidebar {
    max-height: 300px !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }

  .sidebar-header {
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
  }

  .sidebar-title {
    font-size: 16px !important;
    gap: 6px !important;
  }

  .sidebar-title i {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
  }

  .sidebar-subtitle {
    font-size: 10px !important;
  }

  .notifications-list-sidebar {
    gap: 6px !important;
  }

  .notification-item-sidebar {
    padding: 8px !important;
    border-radius: 8px !important;
  }

  .notification-item-content {
    gap: 6px !important;
  }

  .notification-item-icon {
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
  }

  .notification-item-title {
    font-size: 12px !important;
    margin-bottom: 3px !important;
    -webkit-line-clamp: 2 !important;
  }

  .notification-item-preview {
    font-size: 10px !important;
    margin-bottom: 4px !important;
    -webkit-line-clamp: 2 !important;
  }

  .notification-item-time {
    font-size: 9px !important;
  }

  .view-all-notifications {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  .view-all-btn {
    padding: 10px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    min-height: 40px !important;
  }

  .notification-detail {
    min-height: 300px !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }

  .notification-detail-header {
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
  }

  .notification-detail-icon-wrapper {
    width: 48px !important;
    height: 48px !important;
    font-size: 20px !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
  }

  .notification-detail-title {
    font-size: 18px !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
  }

  .notification-detail-meta {
    gap: 8px !important;
    font-size: 10px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .notification-detail-content {
    font-size: 13px !important;
    line-height: 1.6 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    min-height: 100px !important;
  }

  .notification-detail-empty {
    padding: 24px 12px !important;
  }

  .notification-detail-empty-icon {
    width: 56px !important;
    height: 56px !important;
    font-size: 28px !important;
    margin-bottom: 10px !important;
  }

  .notification-detail-empty-title {
    font-size: 16px !important;
    margin-bottom: 6px !important;
  }

  .notification-detail-empty-text {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

/* ============================================
   PANEL PAGE MOBILE OPTIMIZATIONS
   ============================================ */

@media (max-width: 1024px) {
  .panel-ultra-container,
  .panel-premium-container,
  .panel-container-modern,
  .user-main-content,
  .panel-container {
    margin-left: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  
  .panel-ultra-container::before,
  .panel-premium-container::before,
  .panel-container-modern::before,
  .user-main-content::before,
  .panel-container::before {
    left: 0 !important;
  }

  .panel-ultra-content,
  .user-main-content,
  .panel-premium-content,
  .panel-container-modern,
  .panel-container {
    padding: 0 12px !important;
    padding-top: max(64px, calc(48px + env(safe-area-inset-top))) !important;
    padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .panel-premium-header {
    padding: 20px 16px !important;
    margin-bottom: 20px !important;
    border-radius: 16px !important;
  }

  .panel-premium-header-title {
    font-size: 24px !important;
    margin-bottom: 8px !important;
  }

  .panel-premium-header-subtitle {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .panel-premium-stats {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  .panel-premium-stat-card {
    padding: 14px !important;
    border-radius: 12px !important;
    min-height: 100px !important;
    display: block !important;
    transition: transform 0.2s ease !important;
  }
  
  .panel-premium-stat-card:active {
    transform: scale(0.98) !important;
  }

  .panel-premium-stat-header {
    position: relative !important;
    height: 100% !important;
    padding-right: 50px !important;
  }

  .panel-premium-stat-icon {
    position: absolute !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
    top: 12px !important;
    right: 12px !important;
    border-radius: 10px !important;
  }

  .panel-premium-stat-content {
    padding-top: 0 !important;
  }

  .panel-premium-stat-value {
    font-size: 20px !important;
    margin-bottom: 4px !important;
    font-weight: 700 !important;
  }

  .panel-premium-stat-label {
    font-size: 11px !important;
    opacity: 0.9 !important;
  }

  .panel-premium-card {
    margin-bottom: 16px !important;
    border-radius: 16px !important;
    padding: 16px !important;
  }

  .panel-premium-card-header {
    margin-bottom: 16px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .panel-premium-card-title {
    font-size: 18px !important;
  }

  /* Quick Actions Grid */
  .panel-premium-card > div[style*="grid-template-columns"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  /* Content Grid */
  div[style*="grid-template-columns: repeat(auto-fit, minmax(400px, 1fr))"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .panel-premium-table {
    font-size: 13px !important;
  }

  .panel-premium-table td {
    padding: 10px 8px !important;
  }

  .panel-premium-table td img {
    width: 40px !important;
    height: 40px !important;
  }

  .panel-premium-btn {
    padding: 10px 14px !important;
    font-size: 13px !important;
    min-height: 44px !important;
    border-radius: 10px !important;
  }

  .panel-premium-empty {
    padding: 30px 20px !important;
  }

  .panel-premium-empty-icon {
    width: 64px !important;
    height: 64px !important;
    font-size: 32px !important;
    margin-bottom: 16px !important;
  }

  .panel-premium-empty-title {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }

  .panel-premium-empty-text {
    font-size: 13px !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 768px) {
  /* Panel ana wrapper — %100 mobil uyumlu, taşma yok */
  .panel-ultra-container,
  .panel-premium-container,
  .panel-container-modern,
  .user-main-content,
  .panel-container {
    margin-left: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    background: var(--bg-primary) !important;
  }
  
  .panel-ultra-container::before,
  .panel-premium-container::before,
  .panel-container-modern::before,
  .user-main-content::before,
  .panel-container::before {
    display: none !important;
  }

  /* İçerik alanı — menü butonu altı + safe area */
  .panel-ultra-content,
  .user-main-content,
  .panel-premium-content,
  .panel-container-modern,
  .panel-container {
    padding: 0 !important;
    padding-top: max(72px, calc(48px + 12px + env(safe-area-inset-top))) !important;
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
    padding-bottom: max(24px, env(safe-area-inset-bottom)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    background: var(--bg-primary) !important;
  }

  /* Bildirimler sayfası — sidebar dahil olduğu için menü butonu altında içerik */
  .notifications-page {
    padding-top: max(72px, calc(48px + 12px + env(safe-area-inset-top))) !important;
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
    padding-bottom: max(24px, env(safe-area-inset-bottom)) !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Modern Mobile Panel Header */
  .panel-premium-header {
    padding: 16px 12px !important;
    margin: 0 !important;
    margin-bottom: 12px !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.95) 100%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .panel-premium-header::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.6) 50%, transparent 100%) !important;
    animation: headerGlow 3s ease-in-out infinite !important;
  }

  @keyframes headerGlow {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
  }

  .panel-premium-header-title {
    font-size: 20px !important;
    margin-bottom: 6px !important;
    gap: 10px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
  }
  
  .panel-premium-header-title i {
    font-size: 20px !important;
    color: var(--primary-blue-light) !important;
  }

  .panel-premium-header-subtitle {
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    margin: 0 !important;
  }

  /* Modern Mobile Stats Grid */
  .panel-premium-stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
  }

  .panel-premium-stat-card {
    padding: 16px !important;
    border-radius: 14px !important;
    min-height: auto !important;
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
  }

  .panel-premium-stat-card:active {
    transform: scale(0.98) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
  }

  .panel-premium-stat-header {
    position: relative !important;
    height: 100% !important;
    padding-right: 50px !important;
  }

  .panel-premium-stat-icon {
    position: absolute !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
    top: 12px !important;
    right: 12px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  }

  .panel-premium-stat-value {
    font-size: 20px !important;
    margin-bottom: 4px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  .panel-premium-stat-label {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
  }

  /* Modern Mobile Cards */
  .panel-premium-card {
    margin: 0 0 16px 0 !important;
    border-radius: 16px !important;
    padding: 16px !important;
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  }

  .panel-premium-card-header {
    margin-bottom: 14px !important;
    gap: 10px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  .panel-premium-card-title {
    font-size: 16px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .panel-premium-card-title i {
    color: var(--primary-blue-light) !important;
    font-size: 18px !important;
  }

  /* Quick Actions Grid */
  .panel-premium-card > div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Content Grid */
  div[style*="grid-template-columns: repeat(auto-fit, minmax(400px, 1fr))"] {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .panel-premium-table {
    font-size: 12px !important;
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .panel-premium-table tbody {
    display: block !important;
  }

  .panel-premium-table tr {
    display: grid !important;
    grid-template-columns: 60px 1fr auto 40px !important;
    gap: 8px !important;
    padding: 10px !important;
    margin-bottom: 8px !important;
    border-radius: 10px !important;
    background: var(--bg-secondary) !important;
  }

  .panel-premium-table td {
    padding: 4px !important;
    border: none !important;
  }

  .panel-premium-table td img {
    width: 50px !important;
    height: 50px !important;
  }

  .panel-premium-table td:last-child {
    text-align: center !important;
  }

  .panel-premium-btn {
    padding: 12px 16px !important;
    font-size: 13px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
    width: 100% !important;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.2) 0%, rgba(59, 130, 246, 0.15) 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 8px rgba(30, 64, 175, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .panel-premium-btn:active {
    transform: scale(0.98) !important;
    box-shadow: 0 1px 4px rgba(30, 64, 175, 0.3) !important;
  }

  .panel-premium-btn.primary {
    background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.5) !important;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.4) !important;
  }

  .panel-premium-empty {
    padding: 24px 16px !important;
  }

  .panel-premium-empty-icon {
    width: 56px !important;
    height: 56px !important;
    font-size: 28px !important;
    margin-bottom: 12px !important;
  }

  .panel-premium-empty-title {
    font-size: 16px !important;
    margin-bottom: 6px !important;
  }

  .panel-premium-empty-text {
    font-size: 12px !important;
    margin-bottom: 14px !important;
  }

  .panel-premium-badge {
    font-size: 10px !important;
    padding: 4px 8px !important;
  }

  .panel-premium-action {
    min-width: 44px !important;
    min-height: 44px !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Filter Tabs - Mobile Bottom Navigation */
  .panel-premium-filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .panel-premium-filters::-webkit-scrollbar {
    display: none !important;
  }

  .panel-premium-filter {
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    min-width: auto !important;
    flex-shrink: 0 !important;
    background: rgba(30, 41, 59, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .panel-premium-filter i {
    font-size: 14px !important;
  }

  .panel-premium-filter.active {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(37, 99, 235, 0.25) 100%) !important;
    border-color: rgba(59, 130, 246, 0.5) !important;
    color: #60a5fa !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
  }

  .panel-premium-filter:active {
    transform: scale(0.98) !important;
  }

  /* Action Button Container */
  div[style*="display: flex"][style*="justify-content: space-between"] {
    margin: 0 12px 16px 12px !important;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  div[style*="display: flex"][style*="justify-content: space-between"] > div:empty {
    display: none !important;
  }

  div[style*="display: flex"][style*="justify-content: space-between"] .panel-premium-btn {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Stat Icon Positioning Fix */
  .panel-premium-stat-card {
    position: relative !important;
  }

  .panel-premium-stat-header {
    padding-right: 50px !important;
  }

  .panel-premium-stat-icon {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
  }
}

@media (max-width: 480px) {
  .panel-ultra-container,
  .panel-premium-container,
  .panel-container-modern,
  .user-main-content,
  .panel-container {
    margin-left: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  
  .panel-ultra-container::before,
  .panel-premium-container::before,
  .panel-container-modern::before,
  .user-main-content::before,
  .panel-container::before {
    left: 0 !important;
  }

  .panel-ultra-content,
  .user-main-content,
  .panel-premium-content,
  .panel-container-modern,
  .panel-container {
    padding: 0 6px !important;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .panel-premium-header {
    padding: 14px 10px !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
  }

  .panel-premium-header-title {
    font-size: 18px !important;
    margin-bottom: 4px !important;
  }

  .panel-premium-header-subtitle {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  .panel-premium-stats {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  .panel-premium-stat-card {
    padding: 12px !important;
    border-radius: 10px !important;
    position: relative !important;
  }

  .panel-premium-stat-header {
    padding-right: 45px !important;
  }

  .panel-premium-stat-icon {
    position: absolute !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
    top: 12px !important;
    right: 12px !important;
  }

  .panel-premium-stat-value {
    font-size: 18px !important;
    margin-bottom: 3px !important;
  }

  .panel-premium-stat-label {
    font-size: 10px !important;
  }

  /* Filter Tabs - Small Mobile */
  .panel-premium-filters {
    gap: 4px !important;
    margin: 0 6px 12px 6px !important;
  }

  .panel-premium-filter {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }

  .panel-premium-filter i {
    font-size: 12px !important;
  }

  /* Action Button Container - Small Mobile */
  div[style*="display: flex"][style*="justify-content: space-between"] {
    margin: 0 6px 12px 6px !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  div[style*="display: flex"][style*="justify-content: space-between"] > div:empty {
    display: none !important;
  }

  div[style*="display: flex"][style*="justify-content: space-between"] .panel-premium-btn {
    width: 100% !important;
    margin: 0 !important;
  }

  .panel-premium-card {
    margin-bottom: 10px !important;
    border-radius: 12px !important;
    padding: 12px !important;
  }

  .panel-premium-card-header {
    margin-bottom: 10px !important;
    gap: 8px !important;
  }

  .panel-premium-card-title {
    font-size: 15px !important;
  }

  .panel-premium-card > div[style*="grid-template-columns"] {
    gap: 6px !important;
  }

  div[style*="grid-template-columns: repeat(auto-fit, minmax(400px, 1fr))"] {
    gap: 10px !important;
  }

  .panel-premium-table {
    font-size: 11px !important;
  }

  .panel-premium-table tr {
    grid-template-columns: 50px 1fr auto 35px !important;
    gap: 6px !important;
    padding: 8px !important;
    margin-bottom: 6px !important;
  }

  .panel-premium-table td img {
    width: 40px !important;
    height: 40px !important;
  }

  .panel-premium-btn {
    padding: 8px 10px !important;
    font-size: 11px !important;
    min-height: 40px !important;
    border-radius: 6px !important;
  }

  .panel-premium-empty {
    padding: 20px 12px !important;
  }

  .panel-premium-empty-icon {
    width: 48px !important;
    height: 48px !important;
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }

  .panel-premium-empty-title {
    font-size: 15px !important;
    margin-bottom: 4px !important;
  }

  .panel-premium-empty-text {
    font-size: 11px !important;
    margin-bottom: 12px !important;
  }

  .panel-premium-badge {
    font-size: 9px !important;
    padding: 3px 6px !important;
  }

  .panel-premium-action {
    width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
  }
}

/* ============================================
   ORDERS PAGE (SIPARISLERIM) MOBILE FIXES
   ============================================ */

@media (max-width: 768px) {
  /* Orders List - Grid Layout Fix - Target all variations */
  div[style*="display: grid"][style*="grid-template-columns: auto 1fr auto"],
  div[style*="grid-template-columns: auto 1fr auto"][style*="gap: 20px"],
  .panel-premium-card div[style*="grid-template-columns: auto 1fr auto"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    align-items: stretch !important;
  }

  /* Order Item Container */
  .panel-premium-card > div[style*="border-bottom: 1px solid var(--border-dark)"],
  .panel-premium-card > div[style*="padding: 25px"] {
    padding: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  /* Disable hover effects on mobile */
  div[onmouseover*="style.background"] {
    background: transparent !important;
  }

  /* Order Icon & Info Section */
  div[style*="display: flex"][style*="gap: 15px"][style*="align-items: start"] {
    flex-direction: row !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  /* Order Icon Box - More specific selectors */
  div[style*="width: 80px"][style*="height: 80px"][style*="background: rgba(255, 184, 0, 0.1)"],
  .panel-premium-card div[style*="width: 80px"][style*="height: 80px"] {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    flex-shrink: 0 !important;
  }

  div[style*="width: 80px"][style*="height: 80px"][style*="background: rgba(255, 184, 0, 0.1)"] i,
  .panel-premium-card div[style*="width: 80px"] i[class*="fa-shopping-bag"] {
    font-size: 24px !important;
  }

  /* Order Info Text */
  h3[style*="font-size: 16px"][style*="font-weight: 600"] {
    font-size: 14px !important;
    margin-bottom: 6px !important;
    line-height: 1.3 !important;
  }

  /* Order Meta Info (Date, Item Count) */
  div[style*="display: flex"][style*="gap: 15px"][style*="flex-wrap: wrap"] {
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  span[style*="color: var(--text-gray)"][style*="font-size: 13px"] {
    font-size: 11px !important;
  }

  /* Order Status Badges */
  div[style*="display: flex"][style*="gap: 10px"][style*="align-items: center"] {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  span[style*="padding: 4px 10px"][style*="background: rgba(16, 185, 129, 0.1)"],
  span[style*="padding: 4px 10px"][style*="background: rgba(59, 130, 246, 0.1)"] {
    padding: 4px 8px !important;
    font-size: 10px !important;
    border-radius: 4px !important;
  }

  /* Order Details Section */
  div[style*="display: flex"][style*="flex-direction: column"][style*="gap: 10px"] {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  div[style*="display: flex"][style*="justify-content: space-between"][style*="padding: 10px 15px"][style*="background: var(--dark-bg)"] {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }

  /* Order Total Price */
  span[style*="font-size: 18px"][style*="font-weight: 700"] {
    font-size: 16px !important;
  }

  /* Order Action Button */
  div[style*="display: flex"][style*="flex-direction: column"][style*="gap: 10px"][style*="min-width: 200px"],
  .panel-premium-card div[style*="min-width: 200px"] {
    min-width: 100% !important;
    width: 100% !important;
  }

  /* Order Detail Button - Multiple selectors for better coverage */
  a[href*="siparislerim"][style*="padding: 10px"][style*="background: var(--gradient-fire)"],
  a[href*="?id="][style*="background: var(--gradient-fire)"],
  .panel-premium-card a[style*="background: var(--gradient-fire)"] {
    width: 100% !important;
    padding: 12px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 44px !important;
    text-decoration: none !important;
  }

  /* ========== Siparişlerim sayfası — %100 mobil uyumlu ========== */
  .panel-premium-header-content {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .panel-premium-header-content .panel-premium-btn,
  .panel-premium-header-content .panel-premium-btn-secondary {
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .orders-list-container {
    max-width: 100% !important;
    width: 100% !important;
    gap: 14px !important;
    margin-bottom: max(20px, env(safe-area-inset-bottom)) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .order-card-modern {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .order-card-modern:active {
    transform: none !important;
  }

  .order-card-header {
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 16px 14px !important;
  }

  .order-card-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    font-size: 22px !important;
  }

  .order-card-main-info {
    flex: 1 1 0% !important;
    min-width: 0 !important;
  }

  .order-card-title {
    font-size: 16px !important;
    margin-bottom: 8px !important;
    word-break: break-word !important;
  }

  .order-card-meta {
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  .order-meta-item {
    font-size: 12px !important;
  }

  .order-card-status {
    width: 100% !important;
    order: 3 !important;
  }

  .order-status-badge {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }

  .order-card-body {
    padding: 14px !important;
  }

  .order-card-details {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
  }

  .order-detail-item {
    padding: 12px 14px !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .order-detail-label {
    font-size: 11px !important;
    flex-shrink: 0 !important;
  }

  .order-detail-value {
    font-size: 14px !important;
    text-align: right !important;
    word-break: break-word !important;
  }

  .order-detail-value.total-amount {
    font-size: 18px !important;
  }

  .order-card-actions {
    flex-direction: column !important;
    gap: 0 !important;
  }

  .order-view-btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Order Detail View - Grid Layout */
  .order-detail-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    max-width: 100% !important;
  }

  .order-item-card {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .order-item {
    padding: 16px 14px !important;
  }

  .order-product-image-wrapper {
    flex-shrink: 0 !important;
  }

  .order-product-image {
    width: 72px !important;
    height: 72px !important;
    max-width: 100% !important;
    object-fit: cover !important;
  }

  .order-product-details {
    font-size: 14px !important;
    word-break: break-word !important;
  }

  .order-price-info {
    min-width: 0 !important;
  }

  /* Order Summary Card */
  .order-summary-card {
    position: relative !important;
    top: 0 !important;
    padding: 20px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Order Item Content in Detail View */
  .order-item-content {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* Order Product Info */
  .order-product-info {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: flex-start !important;
  }

  .order-product-image {
    width: 80px !important;
    height: 80px !important;
  }

  .order-product-details {
    font-size: 15px !important;
  }

  .order-product-meta {
    flex-direction: column !important;
    gap: 6px !important;
  }

  /* Order Price Info */
  .order-price-info {
    width: 100% !important;
  }

  .order-price-item {
    padding: 10px 14px !important;
    font-size: 13px !important;
  }

  .order-price-total {
    font-size: 16px !important;
  }

  /* Order Status Section */
  .order-status-section {
    width: 100% !important;
    min-width: 100% !important;
  }

  .order-status-card {
    padding: 14px !important;
  }

  .order-confirm-btn {
    padding: 14px !important;
    font-size: 13px !important;
    min-height: 48px !important;
  }

  /* Order Code Card */
  .order-product-code-card {
    padding: 16px !important;
    margin-top: 16px !important;
  }

  .order-code-display,
  .order-info-display {
    font-size: 13px !important;
    padding: 10px !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
  }

  /* Order Summary Title */
  .order-summary-title {
    font-size: 18px !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
  }

  .order-summary-total-value {
    font-size: 24px !important;
  }
}

@media (max-width: 480px) {
  /* Siparişlerim — çok küçük ekran */
  .order-card-header {
    padding: 14px 12px !important;
  }

  .order-card-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    font-size: 20px !important;
  }

  .order-card-title {
    font-size: 15px !important;
  }

  .order-card-body {
    padding: 12px !important;
  }

  .order-detail-value.total-amount {
    font-size: 16px !important;
  }

  .order-view-btn {
    min-height: 44px !important;
    padding: 12px !important;
    font-size: 13px !important;
  }

  .order-item {
    padding: 14px 12px !important;
  }

  .order-product-image {
    width: 64px !important;
    height: 64px !important;
  }

  .order-product-details {
    font-size: 13px !important;
  }

  /* Extra small mobile adjustments */
  .panel-premium-card > div[style*="border-bottom: 1px solid var(--border-dark)"] {
    padding: 12px !important;
  }

  div[style*="width: 80px"][style*="height: 80px"][style*="background: rgba(255, 184, 0, 0.1)"] {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }

  div[style*="width: 80px"][style*="height: 80px"][style*="background: rgba(255, 184, 0, 0.1)"] i {
    font-size: 20px !important;
  }

  h3[style*="font-size: 16px"][style*="font-weight: 600"] {
    font-size: 13px !important;
  }

  span[style*="color: var(--text-gray)"][style*="font-size: 13px"] {
    font-size: 10px !important;
  }

  div[style*="display: flex"][style*="justify-content: space-between"][style*="padding: 10px 15px"][style*="background: var(--dark-bg)"] {
    padding: 8px 10px !important;
    font-size: 11px !important;
  }

  span[style*="font-size: 18px"][style*="font-weight: 700"] {
    font-size: 14px !important;
  }

  a[href*="siparislerim"][style*="padding: 10px"][style*="background: var(--gradient-fire)"] {
    padding: 10px !important;
    font-size: 11px !important;
  }

  .order-summary-card {
    padding: 16px !important;
  }

  .order-item {
    padding: 16px !important;
  }

  .order-product-image {
    width: 70px !important;
    height: 70px !important;
  }

  .order-product-details {
    font-size: 14px !important;
  }

  .order-summary-total-value {
    font-size: 20px !important;
  }
}

/* ============================================
   PRODUCT DETAIL PAGE MOBILE OPTIMIZATIONS
   ============================================ */

@media (max-width: 768px) {
  /* Product Detail Container */
  .product-detail-container,
  .product-page-wrapper,
  [class*="product-detail"] {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Product Image Gallery */
  .product-image-gallery,
  .product-images-container {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .product-main-image {
    width: 100% !important;
    height: auto !important;
    max-height: 400px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
  }

  .product-thumbnails {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 12px 0 !important;
    scroll-snap-type: x mandatory !important;
  }

  .product-thumbnail {
    flex: 0 0 80px !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    scroll-snap-align: start !important;
  }

  /* Product Info Section */
  .product-info-section,
  .product-details {
    padding: 16px 12px !important;
  }

  .product-title {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
  }

  .product-price {
    font-size: 28px !important;
    margin-bottom: 16px !important;
  }

  .product-description {
    font-size: 14px !important;
    line-height: 1.7 !important;
    padding: 16px !important;
    border-radius: 12px !important;
  }

  /* Product Actions */
  .product-actions,
  .product-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    position: sticky !important;
    bottom: 0 !important;
    background: var(--bg-primary) !important;
    padding: 16px 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.3) !important;
    z-index: 100 !important;
  }

  .btn-add-to-cart,
  .btn-buy-now,
  .product-action-btn {
    width: 100% !important;
    padding: 16px !important;
    font-size: 16px !important;
    min-height: 52px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
  }

  /* Product Meta Info */
  .product-meta-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px !important;
    background: var(--bg-secondary) !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
  }

  .product-meta-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .product-meta-item:last-child {
    border-bottom: none !important;
  }

  /* Seller Info */
  .seller-info-card {
    padding: 16px !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
  }

  /* Related Products */
  .related-products,
  .similar-products {
    padding: 20px 12px !important;
  }

  .related-products-title {
    font-size: 20px !important;
    margin-bottom: 16px !important;
  }

  .related-products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* ============================================
   CART PAGE MOBILE OPTIMIZATIONS
   ============================================ */

@media (max-width: 768px) {
  /* Cart Container */
  .cart-container,
  .cart-page-wrapper {
    padding: 12px !important;
  }

  /* Cart Items */
  .cart-item,
  .cart-product-item {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
  }

  .cart-item-image {
    width: 100% !important;
    max-width: 200px !important;
    height: auto !important;
    aspect-ratio: 1 !important;
    border-radius: 10px !important;
  }

  .cart-item-info {
    width: 100% !important;
  }

  .cart-item-title {
    font-size: 16px !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
  }

  .cart-item-price {
    font-size: 18px !important;
    margin-bottom: 12px !important;
  }

  /* Quantity Selector */
  .cart-quantity-selector,
  .quantity-controls {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    justify-content: space-between !important;
  }

  .quantity-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
  }

  .quantity-input {
    width: 60px !important;
    text-align: center !important;
    padding: 8px !important;
    font-size: 16px !important;
  }

  .cart-item-remove {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  .cart-item-remove i,
  .cart-item-remove span {
    display: inline-block !important;
  }

  /* Cart Summary */
  .cart-summary,
  .cart-totals {
    position: sticky !important;
    bottom: 0 !important;
    padding: 16px !important;
    background: var(--bg-primary) !important;
    border-top: 2px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.3) !important;
    z-index: 100 !important;
    margin-top: 20px !important;
  }

  .cart-summary-row {
    display: flex !important;
    justify-content: space-between !important;
    padding: 12px 0 !important;
    font-size: 14px !important;
  }

  .cart-total {
    font-size: 24px !important;
    font-weight: 700 !important;
    padding: 16px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .cart-checkout-btn {
    width: 100% !important;
    padding: 18px !important;
    font-size: 16px !important;
    min-height: 54px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    margin-top: 16px !important;
  }

  /* Empty Cart */
  .empty-cart {
    padding: 40px 20px !important;
    text-align: center !important;
  }

  .empty-cart-icon {
    font-size: 64px !important;
    margin-bottom: 20px !important;
  }

  .empty-cart-title {
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }

  .empty-cart-text {
    font-size: 14px !important;
    margin-bottom: 24px !important;
  }
}

/* ============================================
   SEARCH PAGE MOBILE OPTIMIZATIONS
   ============================================ */

@media (max-width: 768px) {
  /* Search Container */
  .search-container,
  .search-page-wrapper {
    padding: 12px !important;
  }

  /* Search Bar */
  .search-bar-container,
  .search-form {
    margin-bottom: 16px !important;
  }

  .search-input-wrapper {
    display: flex !important;
    gap: 8px !important;
  }

  .search-input {
    flex: 1 !important;
    padding: 14px 18px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
    min-height: 48px !important;
  }

  .search-submit-btn {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
    padding: 0 !important;
  }

  /* Search Filters */
  .search-filters {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px !important;
    background: var(--bg-secondary) !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
  }

  .filter-group {
    width: 100% !important;
  }

  .filter-label {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }

  .filter-select,
  .filter-input {
    width: 100% !important;
    padding: 12px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    min-height: 44px !important;
  }

  /* Search Results */
  .search-results-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .search-results-count {
    font-size: 14px !important;
  }

  .search-sort-options {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
  }

  .sort-option {
    flex-shrink: 0 !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    border-radius: 10px !important;
  }
}

/* ============================================
   ENHANCED TOUCH FEEDBACK & GESTURES
   ============================================ */

@media (max-width: 768px) {
  /* Enhanced Touch Targets */
  .product-card,
  .category-card,
  .btn,
  button,
  a.clickable {
    position: relative !important;
    -webkit-tap-highlight-color: rgba(59, 130, 246, 0.2) !important;
    touch-action: manipulation !important;
  }

  /* Active State Animation */
  .product-card:active {
    transform: scale(0.97) !important;
    transition: transform 0.1s ease !important;
  }

  .category-card:active {
    transform: scale(0.96) !important;
    transition: transform 0.1s ease !important;
  }

  /* Image Touch Optimization */
  img {
    touch-action: manipulation !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
  }

  /* Swipeable Cards */
  .swipeable-card {
    position: relative !important;
    overflow: hidden !important;
  }

  /* Long Press Feedback */
  .long-pressable {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }
}

/* ============================================
   IMAGE LAZY LOADING OPTIMIZATION
   ============================================ */

@media (max-width: 768px) {
  img[loading="lazy"],
  img[data-src] {
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
  }

  img[loading="lazy"].loaded,
  img[data-src].loaded {
    opacity: 1 !important;
  }

  /* Placeholder for lazy images */
  img[loading="lazy"]::before,
  img[data-src]::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.05) 0%,
      rgba(255, 255, 255, 0.1) 50%,
      rgba(255, 255, 255, 0.05) 100%
    ) !important;
    background-size: 200% 100% !important;
    animation: shimmer 1.5s infinite !important;
  }

  @keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
  }
}

/* ============================================
   PERFORMANCE OPTIMIZATIONS
   ============================================ */

@media (max-width: 768px) {
  /* Reduce animations on low-end devices */
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
  }

  /* GPU Acceleration - .mobile-menu hariç (translateX(-100%) override edilmesin) */
  .product-card,
  .category-card,
  .header-main {
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform !important;
  }

  /* Optimize scrolling */
  .container,
  .content-wrapper,
  main {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }
}

/* ============================================
   ACCESSIBILITY IMPROVEMENTS
   ============================================ */

@media (max-width: 768px) {
  /* Larger touch targets */
  button,
  a,
  input[type="button"],
  input[type="submit"],
  .btn,
  .clickable {
    min-height: 44px !important;
    min-width: 44px !important;
  }

  /* Better focus indicators */
  button:focus,
  a:focus,
  input:focus,
  select:focus,
  textarea:focus {
    outline: 2px solid var(--primary-blue) !important;
    outline-offset: 2px !important;
  }

  /* Better text contrast */
  body {
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  /* Skip to content link */
  .skip-to-content {
    position: absolute !important;
    top: -40px !important;
    left: 0 !important;
    background: var(--primary-blue) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    z-index: 10000 !important;
  }

  .skip-to-content:focus {
    top: 0 !important;
  }
}