/* =====================================================================
   SITE FOOTER — v2 (01.10.2026, referans: Desktop/görsel.png)
   Markup: includes/site-footer.php (.oh-ft). Düzen: marka bloğu | Yetkili
   Servis | Hizmetlerimiz | "Bizi Ziyaret Edin" kartı → kurumsal satırı +
   alan adı → telif + yasal linkler. Referanstaki üst çağrı alanı bilerek yok
   (sabit WhatsApp/arama düğmeleri aynı işi yapıyor).
   Dil: beyaz zemin, grafit (#15181A) başlık, gri (#4B5159) link, kırmızı
   (#C21F12) vurgu — slider, iletişim kartı ve hikâye başlıklarıyla aynı.
   Diğer sayfaların CSS'indeki eski koyu ".site-footer{background:#0b1b2b}"
   kuralları buradaki !important ile ezilir. v1 yedeği: scratchpad footer.YEDEK-01-10-d.css
   ===================================================================== */
.site-footer{
  background:#fff !important;
  color:#4B5159 !important;
  border-top:0 !important;
  margin-top:0 !important;
}
.oh-ft{ font-size:15.5px; line-height:1.55; }
.oh-ft-wrap{ max-width:1320px; padding-top:clamp(10px, 1.4vw, 24px); }
.oh-ft a{ color:#4B5159 !important; text-decoration:none !important; transition:color .15s ease; }
.oh-ft a:hover,
.oh-ft a:focus-visible{ color:#C21F12 !important; }
.oh-ft a:focus-visible,
.oh-ft button:focus-visible{ outline:2px solid #C21F12; outline-offset:2px; border-radius:4px; }

/* Izgara */
.oh-ft-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);
  gap:clamp(24px, 3vw, 52px);
  padding-bottom:clamp(28px, 3vw, 44px);
}

/* Marka bloğu */
.oh-ft-logo{ display:inline-block; margin-bottom:16px; }
.oh-ft-logo img{ display:block; width:auto; height:clamp(46px, 3.4vw, 56px); }
.oh-ft-about{ margin:0 0 22px; max-width:30em; color:#5A6068; font-size:15px; line-height:1.6; }
.oh-ft-contact{ list-style:none; margin:0 0 22px; padding:0; display:grid; gap:12px; }
.oh-ft-contact li{ display:flex; align-items:center; gap:14px; margin:0; }
.oh-ft-ic{
  flex:0 0 40px; width:40px; height:40px; border-radius:50%;
  display:grid; place-items:center;
  background:#FDECEE; color:#C21F12; font-size:16px;
}
.oh-ft .oh-ft-strong{ color:#15181A !important; font-weight:700; font-size:16px; }
.oh-ft .oh-ft-contact li:first-child .oh-ft-strong{ font-size:clamp(17px, 1.15vw, 19px); font-variant-numeric:tabular-nums; }
.oh-ft .oh-ft-strong:hover{ color:#C21F12 !important; }
.oh-ft-social{ display:flex; flex-wrap:wrap; gap:10px; }
.oh-ft .oh-ft-social a{
  width:42px; height:42px; border-radius:50%;
  display:grid; place-items:center;
  background:#F3F4F6; color:#15181A !important; font-size:17px;
  transition:background-color .15s ease, color .15s ease;
}
.oh-ft .oh-ft-social a:hover,
.oh-ft .oh-ft-social a:focus-visible{ background:#C21F12; color:#fff !important; }

/* Link sütunları */
.oh-ft-h{ margin:4px 0 20px; padding:0; font-size:clamp(17px, 1.2vw, 19px); font-weight:700; letter-spacing:-.01em; color:#15181A; }
.oh-ft-col ul{ list-style:none; margin:0; padding:0; display:grid; gap:13px; }
.oh-ft-col li{ margin:0; }
.oh-ft-col a{ font-size:15.5px; display:inline-block; transition:color .15s ease, transform .18s ease; }
.oh-ft-col a:hover{ transform:translateX(3px); }
.oh-ft-col a i{ font-size:.85em; margin-left:4px; }

/* "Bizi Ziyaret Edin" kartı — kompakt (01.10.2026, kullanıcı: "uzun duruyor")
   Adresin solunda 64px harita küçük resmi (tıklanınca harita), altında
   "Şu an açık/kapalı" etiketi; saat tek satır. Kart link sütunlarıyla aynı boyda. */
.oh-ft-card{
  border:1px solid #E7E9EC; border-radius:14px; background:#fff;
  padding:16px 18px 18px;
  box-shadow:0 1px 2px rgba(16,19,22,.04), 0 10px 24px rgba(16,19,22,.05);
}
.oh-ft-card-row{ display:flex; gap:12px; align-items:flex-start; }
.oh-ft-card-row + .oh-ft-card-row{ margin-top:14px; padding-top:14px; border-top:1px solid #EEF0F2; }
.oh-ft .oh-ft-thumb{ flex:0 0 64px; width:64px; height:64px; border-radius:12px; overflow:hidden; display:block; background:#EEF0F2; box-shadow:0 0 0 1px #E7E9EC; }
.oh-ft-thumb img{ display:block; width:100%; height:100%; object-fit:cover; object-position:50% 12%; transform:scale(1.35); transform-origin:50% 25%; transition:transform .4s ease; }
.oh-ft .oh-ft-thumb:hover img{ transform:scale(1.5); }
.oh-ft-card-row .oh-ft-ic{ flex:0 0 34px; width:34px; height:34px; font-size:14px; }
.oh-ft-card-row strong{ display:block; color:#15181A; font-size:15.5px; font-weight:700; line-height:1.35; }
.oh-ft-card-row div > span{ display:block; color:#5A6068; font-size:14px; margin-top:2px; line-height:1.4; }
.oh-ft-card-row .oh-ft-time{ color:#15181A; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
.oh-ft-status{
  display:inline-flex !important; align-items:center; gap:6px; width:auto;
  margin-top:6px !important; padding:2px 9px 2px 7px; border-radius:999px;
  background:#F3F4F6; color:#15181A !important;
  font-size:12px !important; font-weight:700; line-height:1.5;
}
.oh-ft-status::before{ content:""; width:7px; height:7px; border-radius:50%; background:#9AA0A6; }
.oh-ft-status.is-open{ background:#EAF7EF; }
.oh-ft-status.is-open::before{ background:#16A34A; }
.oh-ft-status.is-closed{ background:#FDECEE; }
.oh-ft-status.is-closed::before{ background:#C21F12; }
.oh-ft-status[hidden]{ display:none !important; }
.oh-ft .oh-ft-maplink{
  display:inline-flex; align-items:center; gap:6px;
  margin:12px 0 0 46px; padding-bottom:2px;   /* saat satırındaki yazıyla aynı hiza (34px ikon + 12px boşluk) */
  color:#15181A !important; font-weight:700; font-size:14.5px;
  border-bottom:2px solid #C21F12;
}
.oh-ft .oh-ft-maplink i{ transition:transform .18s ease; }
.oh-ft .oh-ft-maplink:hover{ color:#C21F12 !important; }
.oh-ft .oh-ft-maplink:hover i{ transform:translate(2px,-2px); }

/* Kurumsal satırı + alan adı */
.oh-ft-corp{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px;
  padding:20px 0; border-top:1px solid #ECECEE;
}
.oh-ft-corp-nav{ display:flex; flex-wrap:wrap; gap:8px clamp(20px, 2.6vw, 44px); }
.oh-ft-corp-nav a{ font-size:15.5px; }
.oh-ft .oh-ft-domain{ font-size:15px; color:#6B7178 !important; }

/* Alt şerit: telif + yasal bağlantılar (dikey ayraçlı) */
.oh-ft-bottom{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px;
  padding:20px 0 24px; border-top:1px solid #ECECEE;
  font-size:14px; color:#6B7178;
}
.oh-ft-copy{ margin:0; }
.oh-ft-legal{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 0; }
.oh-ft-legal a,
.oh-ft-cookie{ color:#6B7178 !important; font-size:14px; font-weight:500; padding:0 16px; line-height:1.2; }
.oh-ft-legal > * + *{ border-left:1px solid #DADDE1; }
.oh-ft-legal > :last-child{ padding-right:0; }
.oh-ft-cookie{ margin:0; border-top:0; border-right:0; border-bottom:0; background:none; cursor:pointer; font-family:inherit; transition:color .15s ease; }
.oh-ft-legal a:hover,
.oh-ft-cookie:hover{ color:#C21F12 !important; }

/* Tablet: marka ve kart tam satır, iki link sütunu yan yana */
@media (max-width:1199.98px){
  .oh-ft-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .oh-ft-visit{ grid-column:auto; }
}
@media (max-width:767.98px){
  .oh-ft-grid{ grid-template-columns:1fr 1fr; gap:28px 18px; }
  .oh-ft-brand, .oh-ft-visit{ grid-column:1 / -1; }
  .oh-ft-corp{ justify-content:center; text-align:center; }
  .oh-ft-corp-nav{ justify-content:center; gap:8px 22px; }
  /* Sağ/sol alttaki sabit düğmeler son satırı kapatmasın */
  .oh-ft-bottom{ flex-direction:column; align-items:center; text-align:center; padding-bottom:88px; }
  .oh-ft-legal{ justify-content:center; }
  .oh-ft-legal{ gap:6px 18px; }
  .oh-ft-legal a, .oh-ft-cookie{ padding:2px 0; }
  .oh-ft-legal > * + *{ border-left:0; }   /* satır kayınca başta boş ayraç kalmasın */
}
@media (prefers-reduced-motion:reduce){
  .oh-ft a, .oh-ft-social a, .oh-ft-cookie, .oh-ft-thumb img, .oh-ft .oh-ft-maplink i{ transition:none; }
  .oh-ft-col a:hover{ transform:none; }
  .oh-ft .oh-ft-thumb:hover img{ transform:scale(1.35); }
}

/* =====================================================================
   FOOTER ÜSTÜ KAPANIŞ BANDI (01.10.2026, referans: brcturkey.com)
   Markup: includes/site-footer.php > .oh-footer-serit (tüm sayfalar).
   Slider şeridiyle aynı oran ve kalınlık (bant 75 birim, kutu 1920x260).
   ===================================================================== */
.oh-footer-serit{
  display:block; width:100%; overflow:hidden; pointer-events:none;
  /* Slider bandıyla AYNI ölçek (01.10.2026): 260 birim × (--wh/200), --wh
     masaüstü 4.2vw (36–126px), telefon 54px → bant her yerde üstteki bantla
     aynı kalınlıkta (1920'de ~30px, telefonda ~20px). */
  height:70px;                               /* telefon: 260 × 54/200 */
  margin:clamp(24px, 3vw, 56px) 0 clamp(8px, 1.2vw, 24px);
  background:#fff;
}
.oh-footer-serit svg{ display:block; width:100%; height:100%; }
@media (min-width:768px){
  .oh-footer-serit{ height:clamp(47px, 5.46vw, 164px); } /* 260 × --wh(36–126px, 4.2vw)/200 */
}
.oh-footer-serit path{ fill:#141A42; } /* AFR: lacivert bant */

/* =====================================================================
   FOOTER RENK v4 (01.10.2026, kullanıcı: "arka plan beyaz kalsın, iç yazı
   renklerine odaklan; en alttaki koyu kısım güzel, onu daha da geliştir").
   · Zemin beyaz (v3'teki gri iptal; bandın altındaki path.g de beyaz).
   · Başlıklar grafit + altında 24px kırmızı vurgu; linkler bir ton koyu,
     hover kırmızı; telefon numarası marka kırmızısı.
   · Koyu alan (#15181A): kurumsal satırı + telif/yasal birlikte, üstte 3px
     kırmızı çizgi, kenardan kenara. Kurumsal linkler açık, yasal linkler
     bir ton sönük; ayraçlar yarı saydam beyaz.
   ===================================================================== */
.oh-footer-serit path.g{ fill:#fff; }
.oh-ft{ --ft-ink:#111417; --ft-link:#3A4047; --ft-mute:#5A6068; --ft-red:#C21F12; --ft-dark:#15181A; }
.oh-ft a{ color:var(--ft-link) !important; }
.oh-ft a:hover, .oh-ft a:focus-visible{ color:var(--ft-red) !important; }
.oh-ft-about{ color:var(--ft-mute); }

/* Başlıklar: grafit + kırmızı vurgu */
.oh-ft-h{ color:var(--ft-ink); margin-bottom:22px; }
.oh-ft-h::after{ content:""; display:block; width:24px; height:3px; margin-top:10px; border-radius:2px; background:var(--ft-red); }

/* İletişim: telefon kırmızı, e-posta grafit */
.oh-ft .oh-ft-contact li:first-child .oh-ft-strong{ color:var(--ft-red) !important; }
.oh-ft .oh-ft-contact li:first-child .oh-ft-strong:hover{ color:#B8050F !important; }
.oh-ft .oh-ft-strong{ color:var(--ft-ink) !important; }

/* Kart metinleri */
.oh-ft-card-row strong{ color:var(--ft-ink); }
.oh-ft-card-row div > span{ color:var(--ft-mute); }

/* Koyu alan: kurumsal satırı + alt şerit, kenardan kenara */
.oh-ft-corp,
.oh-ft-bottom{
  background:var(--ft-dark);
  box-shadow:0 0 0 100vmax var(--ft-dark);
  clip-path:inset(0 -100vmax);
  border-top:0;
}
.oh-ft-corp{ margin-top:clamp(8px, 1vw, 16px); padding:22px 0 18px; position:relative; }
.oh-ft-corp::before{ content:""; position:absolute; left:-100vmax; right:-100vmax; top:0; height:3px; background:var(--ft-red); }
.oh-ft .oh-ft-corp-nav a{ color:#E6E8EB !important; font-weight:600; }
.oh-ft .oh-ft-corp-nav a:hover{ color:#fff !important; text-decoration:underline !important; text-decoration-color:var(--ft-red) !important; text-underline-offset:6px; text-decoration-thickness:2px !important; }
.oh-ft .oh-ft-domain{ color:#8E949C !important; letter-spacing:.02em; }
.oh-ft .oh-ft-domain:hover{ color:#fff !important; }
.oh-ft-bottom{ padding:16px 0 22px; color:#8E949C; border-top:1px solid rgba(255,255,255,.08); }
.oh-ft-copy{ color:#8E949C; }
.oh-ft .oh-ft-legal a,
.oh-ft .oh-ft-cookie{ color:#B4B9C0 !important; }
.oh-ft .oh-ft-legal a:hover,
.oh-ft .oh-ft-cookie:hover{ color:#fff !important; }
.oh-ft-legal > * + *{ border-left-color:rgba(255,255,255,.14); }
@media (max-width:767.98px){
  .oh-ft-corp{ padding:20px 0 14px; }
  .oh-ft-corp-nav{ gap:8px 20px; }
  .oh-ft-bottom{ padding-bottom:88px; }   /* sabit WhatsApp/arama düğmeleri yasal satırı kapatmasın */
}

/* Link işaretleri (01.10.2026, kullanıcı referansı: listelerin başında kırmızı
   "›"). Her sütun linkinin önünde küçük kalın kırmızı ok; üzerine gelince ok
   3px sağa kayar, yazı kırmızılaşır. Linkin kendisi artık kaymaz (yalnız ok). */
.oh-ft-col a{ display:inline-flex; align-items:baseline; gap:8px; }
.oh-ft-col a::before{
  content:"›"; flex:0 0 auto;
  color:var(--ft-red, #C21F12); font-weight:800; font-size:1.15em; line-height:1;
  transform:translateY(-.02em); transition:transform .18s ease;
}
.oh-ft-col a:hover{ transform:none; }
.oh-ft-col a:hover::before,
.oh-ft-col a:focus-visible::before{ transform:translate(3px, -.02em); }
@media (prefers-reduced-motion:reduce){ .oh-ft-col a::before{ transition:none; } }

/* Alt kısım tekrar BEYAZ (01.10.2026, kullanıcı: "siyah alanı beyaz yap, kırmızı
   çizgi kalabilir"). Kenardan kenara 3px kırmızı çizgi korunur; kurumsal satırı
   ve telif/yasal satırı beyaz zeminde, aralarında ince gri ayraç. */
.oh-ft-corp,
.oh-ft-bottom{ background:#fff; box-shadow:0 0 0 100vmax #fff; }
.oh-ft .oh-ft-corp-nav a{ color:#15181A !important; font-weight:600; }
.oh-ft .oh-ft-corp-nav a:hover{ color:var(--ft-red, #C21F12) !important; }
.oh-ft .oh-ft-domain{ color:#6B7178 !important; }
.oh-ft .oh-ft-domain:hover{ color:var(--ft-red, #C21F12) !important; }
.oh-ft-bottom{ border-top:1px solid #ECECEE; color:#6B7178; }
.oh-ft-copy{ color:#6B7178; }
.oh-ft .oh-ft-legal a,
.oh-ft .oh-ft-cookie{ color:#5A6068 !important; }
.oh-ft .oh-ft-legal a:hover,
.oh-ft .oh-ft-cookie:hover{ color:var(--ft-red, #C21F12) !important; }
.oh-ft-legal > * + *{ border-left-color:#DADDE1; }

/* Ortalı başlıklar + logo (01.10.2026, kullanıcı: "Yetkili Servis, Hizmetlerimiz,
   Bizi Ziyaret Edin ortalı dursun; logo da ortalı dursun, nizami").
   · Sütun başlıkları ve altlarındaki kırmızı çizgi sütunda ortalı.
   · Link listeleri başlığın altında ortalanmış blok; maddeler blok içinde
     sola hizalı kalır ki "›" işaretleri alt alta dursun.
   · Logo kendi sütununda ortalı. */
.oh-ft-h{ text-align:center; }
.oh-ft-h::after{ margin-left:auto; margin-right:auto; }
.oh-ft-col ul{ width:max-content; max-width:100%; margin-left:auto; margin-right:auto; }
.oh-ft-logo{ display:block; width:max-content; margin-left:auto; margin-right:auto; }
/* Telefonda ortalı listeler iki sütuna sığmıyordu (uzun link adları taşıyordu)
   → link sütunları da tek sütun, her liste kendi satırında ortalı. */
@media (max-width:767.98px){
  .oh-ft-grid{ grid-template-columns:minmax(0,1fr); }
  .oh-ft-col:last-child{ grid-column:auto; }
}
/* Başlık altı kırmızı çizgiler kaldırıldı (01.10.2026, kullanıcı: "yapay zekâ gibi
   duruyor"). Başlıklar ortalı kalır; boşluk çizginin yerini alır. */
.oh-ft-h::after{ content:none; display:none; }
.oh-ft-h{ margin-bottom:18px; }

/* Kapanış bandı her sayfa zeminine uysun (01.10.2026, kullanıcı: "ürünlerde footer
   üstündeki şeritte renk uyumsuzluğu var"). Ürün/kategori sayfalarında body
   #F7F5F3 (bej), bandın kutusu beyazdı → bandın üstünde beyaz şerit. Kutu artık
   şeffaf: bandın ÜSTÜNDE sayfanın kendi zemini, ALTINDA (path.g) footer beyazı. */
.oh-footer-serit{ background:transparent !important; }
.oh-footer-serit path.g{ fill:#fff; }

/* 02.10.2026: kurumsal satırın tam genişlik zemini/çizgisi (box-shadow 100vmax,
   ::before left/right -100vmax) anasayfa dışındaki sayfalarda (html'de
   overflow-x:clip yok) sayfayı yana kaydırılabilir yapıyordu. Footer kendi
   kenarında kırpar; kaydırma kabı oluşturmaz, görünüm değişmez. */
.site-footer.oh-ft,.oh-footer-serit{overflow-x:clip}

/* 02.10.2026: bantla footer arasındaki boşluk margin'di → anasayfa dışında
   (body gri/bej) bandın altında zemin renginde bir şerit kalıyordu. Boşluk
   artık footer'ın beyaz üst kenarı: aynı yükseklik, renk her sayfada beyaz. */
.oh-footer-serit{ margin-bottom:0 !important; }
.oh-footer-serit + .site-footer.oh-ft{ border-top:clamp(8px, 1.2vw, 24px) solid #fff !important; } /* .site-footer{border-top:0 !important} üstüne */

/* 02.10.2026 — TELEFON DÜZENİ (kullanıcı: "footer mobilde düzgün gözükmüyor").
   Sorun: logo ortalı ama açıklama/iletişim/sosyal solda; başlıklar ortalı,
   listeler ortalanmış blok içinde solda → karışık hiza; link sütunları tek
   sütunda alt alta, footer 390px'te ~1530px uzunluktaydı.
   · Marka bloğu tamamen ortalı (logo, açıklama, telefon/e-posta, sosyal).
   · İki link sütunu yeniden yan yana; başlık ve maddeler sola hizalı. Uzun
     adlar taşmak yerine "›" işaretinin hizasında alt satıra iner (eski tek
     sütun kuralının sebebi taşmaydı). Telefonda "↗" ikonu gizli (satır
     kayınca sağ kenara kaçıyordu).
   · "Bizi Ziyaret Edin" başlığı tam genişlik kartın üstünde ortalı.
   Ölçüldü 360/390/430: taşma yok, footer ~1530 → ~1230px. Masaüstü değişmedi. */
@media (max-width:767.98px){
  .oh-ft-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px 12px; }
  .oh-ft-brand, .oh-ft-visit{ grid-column:1 / -1; }
  .oh-ft-col:last-child{ grid-column:auto; }

  .oh-ft-brand{ text-align:center; }
  .oh-ft-about{ margin:0 auto 18px; font-size:14.5px; }
  .oh-ft-contact{ justify-items:center; gap:10px; margin-bottom:18px; }
  .oh-ft-contact li{ gap:10px; }
  .oh-ft-social{ justify-content:center; }

  .oh-ft-h{ text-align:left; margin:0 0 14px; font-size:16.5px; }
  .oh-ft-visit .oh-ft-h{ text-align:center; }
  .oh-ft-col ul{ width:auto; margin:0; gap:10px; }
  .oh-ft-col a{ display:flex; gap:7px; font-size:14px; line-height:1.35; }
  .oh-ft-col a i{ display:none; }
}

/* =====================================================================
   ZİYARET KARTI v3 (02.10.2026, kullanıcı referansı Desktop/a6187a0c-….png;
   büyük harita yerine mevcut küçük harita resmi korundu).
   · Başlık: kırmızı konum ikonu + "Bizi Ziyaret Edin" + gri alt yazı.
     Telefonda ikon üstte, ortalı; masaüstünde ikon başlığın solunda (diğer
     sütun başlıklarıyla aynı hizada kalsın diye).
   · Kart: küçük resim | "Seyhan / Adana" + durum etiketi (yer yoksa alta
     iner), gri adres → ince ayraç → kırmızı kare saat ikonu, günler kalın,
     saat büyük + dikey çizgi + "Pazar kapalı" → tam genişlik kırmızı
     "Yol Tarifi Al".
   Eski .oh-ft-card-row / .oh-ft-maplink kuralları artık kullanılmıyor.
   ===================================================================== */
.oh-ft-vhead{ text-align:center; margin:4px 0 18px; }
.oh-ft-vpin{ display:block; width:fit-content; color:#C21F12; font-size:26px; line-height:1; margin:0 auto 8px; }
@media (max-width:767.98px){ .oh-ft-vhead .oh-ft-h{ font-size:20px; font-weight:800; } }
.oh-ft-vhead .oh-ft-h{ margin:0; }
.oh-ft-vsub{ margin:4px 0 0; color:#6B7178; font-size:14px; line-height:1.4; }
@media (min-width:768px){
  .oh-ft-vhead{ margin-top:4px; }
  .oh-ft-vpin{ display:inline-block; vertical-align:-1px; font-size:.95em; margin:0 6px 0 0; }
  .oh-ft-vhead .oh-ft-h{ display:inline; font-size:clamp(17px, 1.2vw, 19px); }
  .oh-ft-vhead{ font-size:clamp(17px, 1.2vw, 19px); }
  .oh-ft-vsub{ font-size:13.5px; margin-top:6px; }
}

.oh-ft-card.oh-ft-vcard{ padding:16px; border-radius:16px; }
.oh-ft-vtop{ display:flex; gap:12px; align-items:flex-start; }
.oh-ft-vaddr{ min-width:0; flex:1 1 auto; }
.oh-ft-vcity{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 10px; }
.oh-ft-vcity strong{ color:#15181A; font-size:18px; font-weight:800; letter-spacing:-.01em; line-height:1.25; }
.oh-ft-vcity .oh-ft-status{ margin-top:0 !important; padding:4px 11px 4px 9px; font-size:12.5px !important; }
.oh-ft-vstreet{ margin:6px 0 0; color:#5A6068; font-size:14.5px; line-height:1.45; }

.oh-ft-vhours{
  display:flex; gap:14px; align-items:center;
  margin-top:14px; padding-top:14px; border-top:1px solid #EEF0F2;
}
.oh-ft-vclock{
  flex:0 0 46px; width:46px; height:46px; border-radius:12px;
  display:grid; place-items:center;
  background:#FDECEE; color:#C21F12; font-size:21px;
}
.oh-ft-vhours strong{ display:block; color:#15181A; font-size:15.5px; font-weight:800; line-height:1.3; }
.oh-ft-vtime{ display:flex; flex-wrap:wrap; align-items:center; gap:2px 10px; margin:2px 0 0; line-height:1.3; }
.oh-ft-vtime b{ color:#15181A; font-size:18px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.01em; white-space:nowrap; }
.oh-ft-vsep{ width:1px; height:18px; background:#D5D8DC; }
.oh-ft-vtime span{ color:#6B7178; font-size:14.5px; white-space:nowrap; }

.oh-ft .oh-ft-vbtn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  margin-top:16px; height:50px; border-radius:12px;
  background:#C21F12; color:#fff !important;
  font-size:16px; font-weight:700; letter-spacing:.005em;
  box-shadow:0 8px 20px rgba(194,31,18,.25);
  transition:background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.oh-ft .oh-ft-vbtn i{ font-size:17px; transform:rotate(90deg); }
.oh-ft .oh-ft-vbtn:hover,
.oh-ft .oh-ft-vbtn:focus-visible{ background:#C70511; color:#fff !important; transform:translateY(-1px); box-shadow:0 12px 26px rgba(194,31,18,.3); }
.oh-ft .oh-ft-vbtn:active{ transform:translateY(0); }
@media (prefers-reduced-motion:reduce){ .oh-ft .oh-ft-vbtn{ transition:none; } .oh-ft .oh-ft-vbtn:hover{ transform:none; } }

/* ZİYARET KARTI v3 — MASAÜSTÜ YATAY (02.10.2026, kullanıcı seçimi "2 · Yatay
   kart, başlık solda"; dar 4. sütunda kart sıkışıyordu: "Pazar kapalı" alt
   satıra düşüyor, durum etiketi ve adres kayıyordu).
   · Üst satır 3 sütun: marka | Yetkili Servis | Hizmetlerimiz.
   · Altta tam genişlik satır: solda başlık bloğu (konum ikonu başlığın üstünde,
     ikon + başlık + alt yazı ORTALI — kullanıcı isteği), sağda tek satırlık
     kart: fotoğraf + adres | saat | "Yol Tarifi Al".
   Yalnız ≥1200px; tablet ve telefon değişmedi. */
@media (min-width:1200px){
  .oh-ft-grid{ grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr); }
  .oh-ft-visit{
    grid-column:1 / -1;
    display:grid; grid-template-columns:250px minmax(0,1fr); align-items:center; gap:32px;
    padding-top:6px;
  }
  .oh-ft-vhead{ text-align:center; margin:0; }
  .oh-ft-vpin{ display:block; width:fit-content; margin:0 auto 10px; font-size:26px; }
  .oh-ft-vhead .oh-ft-h{ display:block; text-align:center; font-size:22px; font-weight:800; }
  .oh-ft-vsub{ font-size:14.5px; }

  .oh-ft-card.oh-ft-vcard{
    display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 240px;
    align-items:center; gap:0 28px; padding:18px 20px;
  }
  .oh-ft-vcity{ justify-content:flex-start; }
  .oh-ft-vhours{ margin:0; padding:0 0 0 28px; border-top:0; border-left:1px solid #EEF0F2; }
  .oh-ft-vtime{ flex-wrap:nowrap; }
  .oh-ft .oh-ft-vbtn{ margin:0; }
}
/* 1200–1439px: saat satırı sütununa sığmıyordu (1200'de ~70px taşma) →
   başlık sütunu, düğme ve aralıklar daralır, saat yazısı küçülür. */
@media (min-width:1200px) and (max-width:1439.98px){
  .oh-ft-visit{ grid-template-columns:200px minmax(0,1fr); gap:24px; }
  .oh-ft-vhead .oh-ft-h{ font-size:20px; }
  .oh-ft-vsub{ font-size:13px; white-space:nowrap; }
  .oh-ft-card.oh-ft-vcard{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 190px; gap:0 20px; padding:16px 18px; }
  .oh-ft-vhours{ padding-left:20px; gap:12px; }
  .oh-ft-vclock{ flex-basis:42px; width:42px; height:42px; font-size:19px; }
  .oh-ft-vtime{ gap:2px 8px; }
  .oh-ft-vtime b{ font-size:16px; }
  .oh-ft-vtime span{ font-size:13.5px; }
  .oh-ft-vcity strong{ font-size:16.5px; }
  .oh-ft-vstreet{ font-size:13.5px; }
}