/* ── ROZET MOBİL ── */
@media (max-width: 768px) {
  .uk-rozet-sol { top: 8px !important; left: 8px !important; gap: 3px !important; }
  .uk-rozet-sag  { top: 8px !important; right: 8px !important; }
  .rozet { 
    font-size: .63rem !important; 
    padding: 3px 7px !important;
    letter-spacing: 0 !important;
  }
}


/* ============================================================
   KAPSAMLI MOBİL DÜZELTMELERİ — mesnevigumus.com
   Tüm icon, görsel, layout sorunları
   ============================================================ */

/* ── GENEL ── */
@media (max-width: 768px) {
  /* Tüm SVG ikonlar mobilde minimum dokunulabilir alan */
  button svg, a svg { pointer-events: none; }

  /* Taşan içerik engeli */
  .bolum, section { overflow-x: hidden; }
}

/* ══════════════════════════════════════════════════════════════
   ÜRÜN KARTI
══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Aksiyonlar hover yerine her zaman görünsün */
  .uk-aksiyonlar {
    opacity: 1 !important;
    transform: translateX(0) !important;
    flex-direction: row !important;
    bottom: 8px !important;
    right: 8px !important;
    gap: 5px !important;
  }
  .uk-aksiyon {
    padding: 6px 8px !important;
    border-radius: 8px !important;
  }
  .uk-ak-etiket { display: none !important; }
  .uk-ak-ikon {
    width: 20px !important;
    height: 20px !important;
  }
  .uk-ak-ikon svg { width: 14px !important; height: 14px !important; }

  /* Kart hover transform yok */
  .urun-kart:hover { transform: none !important; }

  /* Rozetler daha küçük */
  .rozet { font-size: .68rem !important; padding: 3px 8px !important; }

  /* Sepete ekle butonu */
  .btn-sepete { font-size: .8rem !important; padding: 8px 10px !important; }
  .btn-sepete svg { width: 12px !important; height: 12px !important; }

  /* Ürün adı */
  .uk-ad a { font-size: .87rem !important; }
  .uk-fiyat { font-size: .92rem !important; }
  .uk-bilgi { padding: 10px 12px !important; }
}



/* ══════════════════════════════════════════════════════════════
   KAMPANYA BANNER (İSME ÖZEL TASARIMLAR)
══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .kampanya-banner { padding: 3rem 0 !important; }
  .kb-ic { 
    grid-template-columns: 1fr !important; 
    gap: 2rem !important; 
  }
  /* Sol metin */
  .kb-sol .on-yazi { color: #c9a84c !important; }
  .kb-sol h2 { font-size: 1.6rem !important; color: #fff !important; }
  .kb-sol p { font-size: .88rem !important; color: rgba(255,255,255,.75) !important; }
  .kb-butonlar { 
    flex-direction: column !important; 
    gap: 10px !important;
  }
  .kb-butonlar .btn { 
    width: 100% !important; 
    justify-content: center !important; 
    text-align: center !important;
  }
  .kb-butonlar .btn svg { 
    width: 16px !important; 
    height: 16px !important; 
    flex-shrink: 0 !important;
  }
  /* Süreç kartı */
  .kb-surec { 
    padding: 20px 18px !important;
    backdrop-filter: blur(6px) !important;
  }
  .kb-surec-baslik { 
    color: #c9a84c !important; 
    font-size: .7rem !important;
    margin-bottom: 14px !important;
  }
  /* Adım noları */
  .kb-adim-no {
    width: 32px !important; height: 32px !important;
    font-size: .85rem !important; flex-shrink: 0 !important;
    color: #fff !important;
  }
  .kb-adim-ic strong { 
    color: #fff !important; 
    font-size: .87rem !important;
  }
  .kb-adim-ic span { 
    color: rgba(255,255,255,.62) !important; 
    font-size: .77rem !important;
  }
  .kb-adim-cizgi { 
    margin-left: 15px !important; 
    height: 16px !important;
    background: rgba(201,168,76,.2) !important;
  }
  /* Alt ikonlar */
  .kb-surec-alt { 
    display: flex !important;
    font-size: .72rem !important; 
    color: rgba(255,255,255,.45) !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
  }
  .kb-surec-alt svg { 
    color: rgba(201,168,76,.7) !important;
    display: inline !important;
    width: 13px !important; height: 13px !important;
  }
  /* Dekoratif halkalar mobilde gizle */
  .kb-deko { display: none !important; }
}

@media (max-width: 480px) {
  .kb-sol h2 { font-size: 1.4rem !important; }
}

/* ══════════════════════════════════════════════════════════════
   KATEGORİLER
══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .kat-kart { flex: 0 0 72% !important; min-width: 200px !important; }
  .kat-gorsel-wrap img { height: 160px !important; }
  .kat-icerik { padding: 12px 14px !important; }
  .kat-icerik h3 { font-size: .95rem !important; }
  .kat-icerik span { font-size: .78rem !important; }
}

/* ══════════════════════════════════════════════════════════════
   YENİ GELENLER SLIDER
══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .urun-slider .urun-kart { 
    flex: 0 0 72% !important; 
    min-width: 190px !important;
  }
  /* Ok butonları mobilde görünsün ama küçük */
  .yeni-slider-wrap .sl-btn {
    display: flex !important;
    width: 34px !important; height: 34px !important;
  }
  .yeni-slider-wrap .sl-btn svg {
    width: 14px !important; height: 14px !important;
  }
  .yeni-slider-wrap .sl-prev { left: -8px !important; }
  .yeni-slider-wrap .sl-next { right: -8px !important; }
}

/* ══════════════════════════════════════════════════════════════
   NEDEN BİZ
══════════════════════════════════════════════════════════════ */
@media (max-width: 992px) {
  .nb-ic { grid-template-columns: 1fr !important; gap: 0 !important; }
  .nb-gorsel { display: none !important; }
  .nb-metin { padding: 0 !important; }
}
@media (max-width: 640px) {
  .nb-metin h2 { font-size: 1.5rem !important; }
  .nb-metin > p { font-size: .88rem !important; margin-bottom: 1.2rem !important; }
  .nb-ozellikler { gap: .9rem !important; }
  .nb-ozellik { gap: 12px !important; }
  .nb-o-ikon { 
    width: 32px !important; height: 32px !important; 
    flex-shrink: 0 !important;
    font-size: .82rem !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .nb-ozellik strong { font-size: .9rem !important; }
  .nb-ozellik p { font-size: .82rem !important; }
  /* Rozet ve büyük görseli gizle */
  .nb-rozet { display: none !important; }
}

/* ══════════════════════════════════════════════════════════════
   YORUMLAR
══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .yorum-kart { 
    padding: 18px !important;
    flex: 0 0 88% !important;
  }
  .yorum-kart blockquote { font-size: .88rem !important; }
  .yk-yazar strong { font-size: .85rem !important; }
  .yk-yazar span { font-size: .75rem !important; }
  .yk-avatar { width: 36px !important; height: 36px !important; border-radius: 50% !important; }
  /* Slider ok butonları */
  .yorum-slider-wrap .sl-btn {
    width: 32px !important; height: 32px !important;
  }
  .yorum-slider-wrap .sl-prev { left: -6px !important; }
  .yorum-slider-wrap .sl-next { right: -6px !important; }
}

/* ══════════════════════════════════════════════════════════════
   İNSTAGRAM
══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .ig-baslik-wrap { flex-direction: column !important; align-items: center !important; gap: 12px !important; }
  .ig-profil-kart { flex-direction: column !important; text-align: center !important; }
  .ig-profil-foto { width: 48px !important; height: 48px !important; }
  .ig-kullanici { font-size: .85rem !important; }
  .ig-takipci { font-size: .75rem !important; }
  .ig-takip-btn { font-size: .8rem !important; padding: 7px 14px !important; }
  .ig-grid { grid-template-columns: repeat(3,1fr) !important; gap: 4px !important; }
  .ig-son-zaman { display: none !important; }
}
@media (max-width: 400px) {
  .ig-grid { grid-template-columns: repeat(2,1fr) !important; }
}

/* ══════════════════════════════════════════════════════════════
   SSS
══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .mg-sss-grid { grid-template-columns: 1fr !important; gap: 1.5rem !important; }
  .mg-sss-iki-sutun { grid-template-columns: 1fr !important; }
  .mg-sss-soru { font-size: .88rem !important; padding: 14px 16px !important; }
  .mg-sss-ok { width: 16px !important; height: 16px !important; flex-shrink: 0 !important; }
  .mg-sss-cevap p { font-size: .84rem !important; }
  .mg-sss-yan { grid-template-columns: 1fr !important; }
  .mg-sss-kart { padding: 20px 16px !important; }
  .mg-sss-kart-ikon { font-size: 1.8rem !important; }
  .mg-sss-kart h3 { font-size: 1rem !important; }
  .mg-sss-kart p { font-size: .83rem !important; }
}

/* ══════════════════════════════════════════════════════════════
   HEADER & NAVİGASYON
══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* WhatsApp butonu mobilde ikon sadece */
  .mg-wa-etiket { display: none !important; }
  .mg-wa-ikon { 
    width: 46px !important; height: 46px !important;
  }
  .mg-wa-ikon svg { width: 22px !important; height: 22px !important; }
  
  /* Bize Yazın metni */
  .mg-wa-btn .mg-wa-etiket { display: none !important; }
}

/* ══════════════════════════════════════════════════════════════
   ÜRÜN SAYFASI
══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .urun-guven-blok { margin-top: 1rem !important; }
  .ugb-satir { padding: 10px 13px !important; gap: 10px !important; }
  .ugb-satir svg { width: 16px !important; height: 16px !important; flex-shrink: 0 !important; }
  .ugb-satir strong { font-size: .82rem !important; }
  .ugb-satir span { font-size: .73rem !important; }

  /* Paylaşım butonları */
  .urun-paylasim { gap: 6px !important; }
  .up-btn { padding: 6px 10px !important; font-size: .76rem !important; }
  .up-btn svg { width: 13px !important; height: 13px !important; }

  /* Kargo/iade accordion */
  .urun-acc summary { 
    padding: 12px 14px !important; 
    font-size: .87rem !important;
  }
  .urun-acc summary::after { font-size: .9rem !important; }
  .urun-acc-ic p { font-size: .83rem !important; }

  /* Özel sipariş wrap */
  .mg-ozel-siparis-wrap { padding: 16px !important; }
  .mg-os-rozet { font-size: .68rem !important; }
  .mg-os-aciklama { font-size: .83rem !important; }
  .mg-os-bilgi { font-size: .79rem !important; }
  .mg-os-bilgi svg { width: 13px !important; height: 13px !important; }
  .mg-os-btn { font-size: .88rem !important; padding: 12px 16px !important; }
  .mg-os-btn svg { width: 18px !important; height: 18px !important; }

  /* Benzer ürünler */
  .urun-ilgili-grid { grid-template-columns: repeat(2,1fr) !important; gap: 12px !important; }
  .urun-ilgili-bolum { padding: 2rem 0 2.5rem !important; }
  .urun-ilgili-bolum h2 { font-size: 1.3rem !important; }
}

/* ══════════════════════════════════════════════════════════════
   BÜLTEN
══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .bulten-ic { 
    flex-direction: column !important; 
    text-align: center !important;
    gap: 1.5rem !important;
  }
  .bulten-metin .on-yazi { color: rgba(255,255,255,.7) !important; }
  .bulten-metin h3 { font-size: 1.3rem !important; color: #fff !important; }
  .bulten-metin p { color: rgba(255,255,255,.65) !important; }
  .bulten-form { width: 100% !important; max-width: 100% !important; }
}
@media (max-width: 480px) {
  .bulten-input-grup { flex-direction: column !important; gap: 8px !important; }
  .bulten-input-grup input { border-radius: 8px !important; }
  .bulten-input-grup .btn { 
    width: 100% !important; 
    border-radius: 8px !important; 
    justify-content: center !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .ft-ust { padding: 2.5rem 0 1.5rem !important; }
  .ft-grid { grid-template-columns: 1fr 1fr !important; gap: 1.5rem !important; }
  .ft-brand { grid-column: 1/-1 !important; }
  .ft-baslik { color: rgba(255,255,255,.88) !important; font-size: .78rem !important; }
  .ft-liste li a { color: rgba(255,255,255,.5) !important; font-size: .82rem !important; }
  .ft-iletisim li { color: rgba(255,255,255,.5) !important; font-size: .82rem !important; }
  .ft-iletisim li svg { 
    width: 13px !important; height: 13px !important; 
    flex-shrink: 0 !important;
    color: rgba(255,255,255,.35) !important;
  }
  .ft-sosyal { gap: 8px !important; }
  .ft-sosyal-btn { width: 34px !important; height: 34px !important; }
  .ft-sosyal-btn svg { width: 14px !important; height: 14px !important; }
  .ft-odeme-ic { flex-wrap: wrap !important; gap: .8rem !important; justify-content: center !important; }
  .ft-alt-ic { flex-direction: column !important; gap: 6px !important; text-align: center !important; }
  .ft-alt-ic p { font-size: .72rem !important; color: rgba(255,255,255,.3) !important; }
}
@media (max-width: 480px) {
  .ft-grid { grid-template-columns: 1fr !important; }
  .ft-aciklama { font-size: .82rem !important; max-width: 100% !important; }
  .ft-logo .logo-img { height: 34px !important; }
}

/* ══════════════════════════════════════════════════════════════
   MOBİL ALT NAVİGASYON
══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .mg-mn-item svg { 
    width: 20px !important; height: 20px !important;
  }
  .mg-mn-item span { font-size: .62rem !important; }
  .mg-mn-rozet { 
    font-size: .55rem !important; 
    min-width: 14px !important; height: 14px !important;
  }
}
@media (max-width: 360px) {
  .mg-mn-item svg { width: 18px !important; height: 18px !important; }
  .mg-mn-item span { font-size: .58rem !important; }
}

/* ══════════════════════════════════════════════════════════════
   QUICK VIEW MODAL
══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .mg-qv-modal { padding: 8px !important; }
  .mg-qv-icerik { 
    grid-template-columns: 1fr !important; 
    max-height: 95vh !important;
    border-radius: 12px !important;
  }
  .mg-qv-gorsel-wrap { 
    border-radius: 12px 12px 0 0 !important;
    padding: 14px !important;
  }
  .mg-qv-gorsel-wrap img { border-radius: 8px !important; }
  .mg-qv-kucukler { display: none !important; }
  .mg-qv-bilgi { padding: 14px 16px !important; gap: 8px !important; }
  .mg-qv-ad { font-size: 1.05rem !important; }
  .mg-qv-kisaca { display: none !important; }
  .mg-qv-butonlar { flex-direction: column !important; gap: 8px !important; }
  .mg-qv-btn { width: 100% !important; text-align: center !important; justify-content: center !important; font-size: .85rem !important; }
  .mg-qv-kapat { 
    top: 10px !important; right: 10px !important;
    width: 32px !important; height: 32px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   SEPETTEKİ KARGO ÇUBUĞU
══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .mg-kargo-bar { padding: 12px 14px !important; border-radius: 8px !important; }
  .mkb-mesaj { font-size: .82rem !important; gap: 5px !important; }
  .mkb-mesaj svg { width: 13px !important; height: 13px !important; }
}

/* ══════════════════════════════════════════════════════════════
   GENEL BUTON DÜZELTMELERİ
══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .btn { min-height: 44px !important; } /* Minimum dokunma hedefi */
  .btn svg { flex-shrink: 0 !important; }
  .btn-lg { font-size: .9rem !important; padding: 12px 22px !important; }
}