/**
  * 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 */
  /* Mobilde tüm reklamlar gizli — telefon ve tablet */
  @media (max-width: 991px) {
    .mobile-topbar {
      z-index: 10002 !important;
    }
    .modal,
    .withdraw-modal {
      z-index: 10050 !important;
    }
    /* Reklam alanları mobilde tamamen kapalı */
    .ad-unit,
    .ad-slot,
    .home-main-banner-ad,
    .home-ad-1400x200,
    .ad-strip-mobile-wrap,
    .ad-zone-mobile-only,
    .home-top-ad-slider,
    .accounts-ad-mid,
    .accounts-ad-bottom,
    .product-ad-top,
    .product-ad-bottom,
    .ad-sidebar--hero-flank,
    .hero-page-ad-row aside.ad-sidebar {
      display: none !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;
    }
  }