/* ==========================================================================
   MECA BORU — mobile.css  (main.css ve blocks.css'ten SONRA yüklenir)
   Telefon ve tablet için düzen, dokunma alanları ve hız iyileştirmeleri.
   Geri almak için: main.php'deki mobile.css satırını silmek yeterli.
   ========================================================================== */

html { -webkit-text-size-adjust:100% }
a, button { -webkit-tap-highlight-color:rgba(184,97,42,.15) }

/* Footer logosu koyu zeminde okunsun (tüm ekranlar) */
.footer-brand .logo img { background:#fff; padding:10px 14px; border-radius:6px; height:64px; width:auto }

/* Yukarı çık butonu koyu bölümlerde de görünsün */
.back-to-top { border:1px solid rgba(255,255,255,.28) }

/* Mobil alt iletişim çubuğu (masaüstünde gizli) */
.m-actionbar { display:none }

/* Dokunmatik ekranlarda hover zıplamaları olmasın */
@media (hover:none) {
  .cat-card:hover, .brand-card:hover, .product-card:hover, .doc-card:hover, .bcc:hover,
  .price-lists-band .doc-card:hover, .major-list-card:hover { transform:none }
  .product-card:hover .product-card-thumb img, .cat-card:hover .cat-card-icon,
  .cat-card:hover .cat-card-icon.has-image img, .brand-card:hover .brand-card-logo img { transform:none }
}

/* ---------- TABLET + TELEFON ---------- */
@media (max-width:1100px) {
  /* Nav gizliyken hamburger sağa yaslansın */
  .header-inner { display:flex; justify-content:space-between }
  /* Menü kapatma ikonu (☰ → ✕) */
  body.mobile-nav-open .mobile-nav-toggle svg { display:none }
  body.mobile-nav-open .mobile-nav-toggle::before { content:"\2715"; font-size:20px; line-height:1; color:var(--text) }
  body.mobile-nav-open .nav { justify-content:flex-start; padding:96px 20px 120px }
  body.mobile-nav-open .nav .nav-item { padding:15px 12px; font-size:17px !important; flex:none }
}

@media (max-width:768px) {
  /* Alt iletişim çubuğu: Ara · WhatsApp · Teklif Al */
  .m-actionbar { display:grid; grid-template-columns:1fr 1fr 1.25fr; position:fixed; left:0; right:0; bottom:0; z-index:95;
    background:var(--bg-inverse); border-top:1px solid rgba(255,255,255,.08); padding-bottom:env(safe-area-inset-bottom);
    box-shadow:0 -8px 24px rgba(15,22,32,.18) }
  .m-act { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; height:58px;
    color:#E9E4D8; font:700 11.5px/1 'Manrope',sans-serif; letter-spacing:.03em }
  .m-act + .m-act { border-left:1px solid rgba(255,255,255,.08) }
  .m-act svg { width:20px; height:20px }
  .m-act-wa svg { color:#25D366 }
  .m-act-cta { background:var(--copper); color:#fff; font-size:12.5px }
  .m-act:active { opacity:.8 }
  body { padding-bottom:calc(58px + env(safe-area-inset-bottom)) }

  /* WhatsApp balonu alt çubuğa taşındı; yukarı çık butonu çubuğun üstünde */
  .whatsapp-fab { display:none }
  .fab-stack { bottom:calc(72px + env(safe-area-inset-bottom)); right:14px }
  .back-to-top { width:44px; height:44px }

  /* iOS'ta odaklanınca sayfa büyümesin: form alanları en az 16px */
  .input, .search-input, .search-form-large input, select, textarea { font-size:16px !important }
}

/* ---------- TELEFON ---------- */
@media (max-width:640px) {
  .container { padding:0 16px }

  /* Üst bar: tek satır — telefon + dil */
  .topbar-inner { flex-direction:row; align-items:center; justify-content:space-between; padding:4px 16px; gap:8px }
  .topbar-left { gap:12px; flex-wrap:nowrap }
  .topbar-left > :not(:first-child) { display:none }
  .topbar-item { min-height:34px; font-size:13px }
  .topbar-right { width:auto; gap:6px; flex-wrap:nowrap }
  .social-row, .topbar-right .cta-quote { display:none }
  .lang-switch a { display:inline-flex; align-items:center; min-height:30px; padding:4px 10px; font-size:12px }

  /* Header: daha ince, logo dengeli */
  .header-inner { padding:8px 16px; gap:12px }
  .header .logo img { height:48px; width:auto }
  .mobile-nav-toggle { width:44px; height:44px }

  /* Menü açıkken arama kutusu üstte */
  body.mobile-nav-open .search-wrap { display:block; position:fixed; top:18px; left:16px; right:76px; z-index:1000 }
  body.mobile-nav-open .search-input { width:100%; height:44px; background:#fff; border-color:var(--border-strong) }
  body.mobile-nav-open .mobile-nav-toggle { top:18px; right:16px; width:44px; height:44px }

  /* Breadcrumb tek satır, yana kaydırılabilir */
  .breadcrumb { padding:9px 0 }
  .breadcrumb ol { flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; scrollbar-width:none }
  .breadcrumb ol::-webkit-scrollbar { display:none }
  .breadcrumb a { display:inline-block; padding:4px 0 }

  /* HERO slider */
  .hero { height:min(112vw,460px); min-height:0 }
  .hero-ticker { top:14px; left:16px; font-size:9.5px; gap:10px }
  .slide-content { padding:0 16px 84px; justify-content:flex-end }
  .slide-tag { margin-bottom:12px; font-size:10.5px }
  .slide-tag::before { width:28px }
  .slide-title { font-size:clamp(40px,12vw,52px); margin-bottom:12px }
  .slide-sub { font-size:14px; line-height:1.5; margin-bottom:18px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
  .slide-cta-row { gap:8px }
  .slide-cta-row .btn-primary, .slide-cta-row .btn-ghost { padding:13px 18px; font-size:12px; gap:8px; min-height:44px }
  .slider-controls { left:16px; right:16px; bottom:16px }
  .slider-left-controls { gap:14px }
  .slider-counter { font-size:26px }
  .slider-counter .total { font-size:14px }
  .slider-progress { width:64px }
  .slider-arrow { width:42px; height:42px }
  /* Yalnız görselli banner'lar: görselin tamamı + arkada bulanık dolgu */
  .slide.slide-image-only .slide-bg { background-size:cover }
  .slide.slide-image-only .slide-bg::before,
  .slide.slide-image-only .slide-bg::after { content:""; position:absolute; inset:0; background:inherit; background-repeat:no-repeat; background-position:center }
  .slide.slide-image-only .slide-bg::before { inset:-24px; background-size:cover; filter:blur(18px) brightness(.55) }
  .slide.slide-image-only .slide-bg::after { background-size:contain; bottom:56px }

  /* Bölüm boşlukları */
  .categories, .brands-grid-section, .documents-band, .cta-band, .about-teaser { padding:56px 0 }
  .section-head { margin-bottom:28px; gap:14px }
  .section-title { font-size:clamp(40px,12vw,52px) }
  .section-head-right { font-size:15px }
  .section-tag, .brand-card-count, .brand-card-action, .cat-card-count { font-size:11.5px }

  /* Kategoriler: 2 sütun, kompakt kart, büyük görsel */
  .cat-grid { grid-template-columns:1fr 1fr; gap:10px }
  .cat-card { padding:14px 14px 12px; min-height:0 }
  .cat-card-icon { width:72px; height:72px; margin-bottom:0 }
  .cat-card-icon svg { width:30px; height:30px }
  .cat-card-num { top:12px; right:12px; font-size:10px }
  .cat-card-name { font-size:20px; line-height:1; margin-top:12px; overflow-wrap:anywhere }
  .cat-card-desc { font-size:12.5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
  .cat-card-meta { margin-top:auto; padding-top:10px; border-top:0 }
  .categories .cat-card-meta { display:none }  /* ana sayfada yalnız ok işareti vardı */
  .cat-card-arrow { width:24px; height:24px }

  /* Marka kartları: 2 sütun */
  .brands-grid { grid-template-columns:1fr 1fr; gap:10px }
  .brand-card, .brand-card.has-logo { padding:14px 12px 12px; min-height:0 }
  .brand-card-logo { height:62px; margin-bottom:10px; padding:2px }
  .brand-card-tag { font-size:10.5px; letter-spacing:.12em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100% }
  .brand-card-name, .brand-card.has-logo .brand-card-name { font-size:20px; margin-top:6px }
  .brand-card:not(.has-logo) .brand-card-name { margin-top:22px }
  .brand-card-cat { margin-bottom:12px; font-size:12.5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
  .brand-card-bottom { margin-top:auto; padding-top:10px; flex-direction:column; align-items:flex-start; gap:6px }

  /* Hakkımızda özeti */
  .about-grid { gap:28px }
  .about-text-side p { font-size:15px; margin:12px 0 }
  .about-visual { aspect-ratio:auto; padding:36px 0; max-width:none }
  .about-visual::before { inset:0 }
  .about-stamp { font-size:56px; padding:18px 26px }

  /* Doküman kartları: ikon solda, kompakt */
  .docs-head { margin-bottom:24px; gap:12px }
  .docs-head h2 { font-size:clamp(40px,12vw,52px) }
  .docs-grid { gap:10px }
  .doc-card { display:grid; grid-template-columns:44px 1fr; column-gap:14px; row-gap:6px; padding:16px; align-items:start }
  .doc-card > * { grid-column:2 }
  .doc-card > .doc-icon { grid-column:1; grid-row:1 / span 6; width:44px; height:44px }
  .doc-icon svg { width:22px; height:22px }
  .doc-title { font-size:22px; line-height:1 }
  .doc-desc { font-size:13px; line-height:1.5 }
  .doc-action { padding-top:10px; margin-top:4px }
  .doc-size { font-size:11.5px }

  /* CTA bandı */
  .cta-band h2 { font-size:clamp(36px,11vw,46px) }
  .cta-band p { font-size:15px; margin-bottom:24px }
  .btn-primary-large { padding:16px 26px }

  /* Sayfa başlıkları */
  .page-hero { padding:32px 0 28px }
  .page-title { font-size:clamp(42px,13vw,56px); margin-top:10px }
  .page-sub { font-size:15px; margin-top:10px }
  .page-meta { margin-top:14px; gap:10px }
  .page-meta .meta-link { display:inline-block; padding:6px 0 }
  .page-content { padding:36px 0 56px }
  .prose { font-size:15.5px }
  .prose h2 { font-size:32px; margin:32px 0 12px }

  /* Ürün listesi: 2 sütun */
  .product-listing { padding:28px 0 56px }
  .product-grid { grid-template-columns:1fr 1fr; gap:10px }
  .product-card-info { padding:10px 12px; gap:4px }
  .product-card-name { font-size:13.5px }
  .product-card-code, .product-card-brand, .product-card-cat { font-size:11px }
  .product-card-spec { font-size:12px; margin-top:2px }
  .product-card-badge { top:6px; left:6px; padding:3px 7px; font-size:9.5px }
  .product-card-actions { flex-direction:column; gap:6px; padding:0 10px 10px; margin-top:auto }
  .product-card-actions a { display:flex; align-items:center; justify-content:center; min-height:40px; font-size:12px }
  .pagination { flex-wrap:wrap }
  .pagination a { width:44px; height:44px }

  /* Ürün detay */
  .product-detail { padding:20px 0 48px }
  .product-detail-grid { gap:24px }
  .product-title { font-size:clamp(28px,8.5vw,38px); line-height:1.02 }
  .product-spec-table { padding:16px }
  .product-spec-table th { width:42% }
  .product-cta-row a { min-height:48px }
  .related-products { padding:40px 0 }

  /* Marka detay */
  .brand-hero-logo { padding:12px 16px; max-width:220px; margin-bottom:16px }
  .brand-hero-logo img { max-height:64px }
  .brand-categories { padding:24px 0 }
  .brand-cat-pills { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; scrollbar-width:none }
  .brand-cat-pills::-webkit-scrollbar { display:none }
  .brand-cat-pill { flex:none; padding:10px 14px; min-height:44px }
  .brand-catalogs { padding:40px 0 }
  .docs-grid-wide { grid-template-columns:1fr }

  /* İletişim / teklif */
  .contact { padding:32px 0 56px }
  .contact-info-item { padding:14px; gap:12px }
  .contact-info-icon { width:40px; height:40px }
  .contact-info-content h5 { font-size:18px }
  .contact-form-wrap { padding:20px 16px }
  .contact-form-wrap h3 { font-size:28px }
  .quote-page { padding:28px 0 56px }
  .search-form-large { flex-direction:column }
  .search-form-large button { min-height:48px }

  /* Kataloglar kartı alt satırı */
  .bcc-body { padding:12px 12px 12px }
  .bcc-foot { flex-direction:column; align-items:flex-start; gap:6px; padding-top:10px }
  .bcc-meta { font-size:11px }
  .bcc-open { white-space:nowrap; padding:4px 0 }
  .bcc-badge { top:10px; right:10px }

  /* Fiyat listeleri / finans */
  .hero-split { gap:20px }
  .hero-split-left { flex:none }  /* sütun düzeninde 380px boşluk bırakıyordu */
  .price-bulk-band { padding:24px 0 4px }
  .price-bulk-banner { padding:18px 16px }
  .price-lists-band { padding:32px 0 56px }
  .price-section-head { flex-wrap:wrap; gap:8px }
  .major-list-card { padding:18px }
  .finance-card { padding:18px 16px }
  .finance-table th { white-space:normal; width:40%; padding-right:10px }
  .finance-mailorder { padding:20px 16px }

  /* Footer */
  .footer { padding-top:44px }
  .footer-grid { grid-template-columns:1fr 1fr; gap:28px 16px; padding-bottom:28px }
  .footer-brand, .footer-grid > .footer-col:last-child { grid-column:1 / -1 }
  .footer-brand { gap:16px }
  .footer-brand .logo img { height:60px; padding:8px 12px }
  .footer-col h5 { font-size:19px; margin-bottom:10px; padding-bottom:10px }
  .footer-col ul { gap:0 }
  .footer-col a { display:block; padding:7px 0; font-size:14px }
  .footer-bottom { padding:18px 0 22px; gap:10px; align-items:flex-start }
  .footer-bottom-links { flex-wrap:wrap; gap:4px 16px }
  .footer-bottom-links a { display:inline-block; padding:6px 0 }

  /* Görsel düzenleyici blokları */
  .mb-pad-m { padding:40px 0 }
  .mb-pad-l { padding:56px 0 }
}

/* Çok dar telefonlar (≤360px) */
@media (max-width:360px) {
  .cat-card-name, .brand-card-name, .brand-card.has-logo .brand-card-name { font-size:18px }
  .topbar-item { font-size:12px }
  .slide-title { font-size:38px }
}