/* VİBSTAR — düzeltmeler: resmî sosyal medya logoları, yüzen düğmeler, üst bar, modül arka planları */

/* ---------- Sosyal medya düğmeleri (resmî logo + marka rengi) ---------- */
.vib-socials{display:flex !important;flex-wrap:wrap;align-items:center;gap:10px !important}
.vib-socials .soc{width:40px !important;height:40px !important;min-width:40px;border-radius:50% !important;display:inline-grid !important;place-items:center;margin:0 !important;padding:0 !important;border:0 !important;background:var(--soc,#333) !important;color:#fff !important;box-shadow:0 4px 12px rgba(0,0,0,.14);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;line-height:1}
.vib-socials .soc svg{width:18px;height:18px;display:block}
.vib-socials .soc:hover,.vib-socials .soc:focus-visible{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.22);filter:brightness(1.07);color:#fff !important}
.soc-facebook{--soc:#1877F2}
.soc-x{--soc:#000}
.soc-instagram,.vib-socials .soc.soc-instagram,.drawer-socials .soc.soc-instagram{--soc:#E4405F;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%) !important}
.soc-linkedin{--soc:#0A66C2}
.soc-youtube{--soc:#FF0000}
.soc-tiktok{--soc:#010101}
.soc-whatsapp{--soc:#25D366}
.soc-telegram{--soc:#26A5E4}
.soc-youtube svg{width:20px !important}
/* Koyu üst bar: siyah logolar görünür kalsın */
.topbar .soc-x,.topbar .soc-tiktok{box-shadow:inset 0 0 0 1px #555}
.topbar .vib-socials .soc{width:34px !important;height:34px !important;min-width:34px}
.topbar .vib-socials .soc svg{width:15px;height:15px}
/* Footer */
.tp-footer-widget-social.vib-socials{margin-top:22px}
/* Ekip kartları */
.vib-socials-sm{justify-content:center}
.vib-socials-sm .soc{width:32px !important;height:32px !important;min-width:32px}
.vib-socials-sm .soc svg{width:14px;height:14px}
/* Bilgi paneli (ⓘ) — kopyalanan ikonlar */
.drawer-socials{display:flex;flex-wrap:wrap;gap:10px}
.drawer-socials .soc{width:40px !important;height:40px !important;border-radius:50%;display:inline-grid !important;place-items:center;border:0 !important;background:var(--soc,#333) !important;color:#fff !important}
.drawer-socials .soc svg{width:18px;height:18px}

/* ---------- Yüzen iletişim düğmeleri ---------- */
.vib-floating a{display:grid !important;place-items:center;color:#fff !important;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.vib-floating a svg{width:48%;height:48%;display:block}
.vib-floating .fl-phone{background:var(--vib-accent) !important}
.vib-floating .fl-whatsapp{background:#25D366 !important}
.vib-floating .fl-telegram{background:#26A5E4 !important}
.vib-floating .fl-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%) !important}
.vib-floating a:hover{transform:scale(1.08)}

/* ---------- Üst bar iletişim bilgileri ---------- */
.topbar{justify-content:space-between !important}
.topbar .vib-top-left{display:flex !important;align-items:center;gap:22px !important;min-width:0;overflow:hidden;white-space:nowrap}
.vib-top-left a,.vib-top-left span{color:#fff;margin:0 !important;display:inline-flex;align-items:center;gap:8px;font-size:14px}
.vib-top-left a:hover{color:#1d1c22}
.vib-top-left svg{width:13px;height:13px;flex:0 0 13px;color:var(--vib-accent)}
.vib-top-left .vib-top-text{opacity:.8}
@media (max-width:1199px){.vib-top-left .vib-top-phone2,.vib-top-left .vib-top-text{display:none}}
@media (max-width:991px){.topbar{justify-content:center !important}.vib-top-left{gap:16px}.vib-top-left a{font-size:13px}}
@media (max-width:480px){.vib-top-left a[href^="mailto"]{display:none}}

/* ---------- Footer sütun başlıkları ---------- */
.vib-footer-col-title{font-size:17px;font-weight:600;margin:0 0 12px;color:#111}

/* ---------- Panelden verilen modül arka planları ---------- */
.vib-bg-custom{background-repeat:no-repeat}
.vib-bg-dark,.vib-bg-dark p,.vib-bg-dark .tp-section-title,.vib-bg-dark .tp-section-subtitle,.vib-bg-dark h3,.vib-bg-dark h4,.vib-bg-dark .ing-fact-item-subtitle,.vib-bg-dark .ing-fact-brand-title,.vib-bg-dark .tp-footer-widget-title,.vib-bg-dark .vib-footer-col-title,.vib-bg-dark .tp-footer-widget-info label,.vib-bg-dark .tp-footer-widget-info a,.vib-bg-dark .tp-footer-widget-menu a,.vib-bg-dark .tp-footer-copyright p{color:#fff !important}
.vib-bg-dark .product-card-modern h3,.vib-bg-dark .blog-card-modern h4,.vib-bg-dark .blog-card-modern p,.vib-bg-dark .tp-project-list-content h4,.vib-bg-dark .tp-project-list-content p,.vib-bg-dark .tp-team-v3-body h3,.vib-bg-dark .tp-team-v3-body p,.vib-bg-dark .tp-musteri-gorusleri-card p,.vib-bg-dark .tp-musteri-gorusleri-card h5,.vib-bg-dark .tp-ref-content h4{color:#111 !important}
.cb-about-ptb.vib-bg-custom,.cb-about-ptb.vib-bg-dark,.products-module-ptb.vib-bg-custom,.products-module-ptb.vib-bg-dark{border-radius:0}

/* ---------- İçerik tipografisi (detay ve metin sayfaları) ---------- */
.detail-grid article ul,.text-page ul{padding-left:20px;margin:0 0 18px}
.detail-grid article li,.text-page li{margin-bottom:6px;line-height:1.7}
.detail-grid article h3,.text-page h3{font-size:22px;margin:26px 0 12px}
.vib-slogan{display:block;margin:12px 0 4px;font-size:1.22em;line-height:1.45;font-style:italic;color:var(--vib-accent);font-weight:600}

/* ---------- İletişim sayfası gömülü harita ---------- */
.vib-map{position:relative;width:100%;margin:22px 0 18px;border-radius:20px;overflow:hidden;background:#f2f2f2;box-shadow:0 10px 30px rgba(0,0,0,.08);aspect-ratio:4/3;min-height:280px}
.vib-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media (max-width:767px){.vib-map{aspect-ratio:1/1;min-height:260px}}

/* ---------- Mobil menü (sağdan açılan panel) ---------- */
.vib-nav-overlay,.vib-nav-head,.vib-sub-toggle{display:none}
@media (max-width:1199px){
  .nav-tools #menu-toggle{display:grid !important;place-items:center;width:44px;height:44px;margin:-6px -8px -6px 0;border-radius:50%;font-size:22px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .nav-tools #menu-toggle:active{background:#f2f2f2}
  .navigation nav#nav,.navigation nav#nav.open{display:flex !important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;position:fixed !important;top:0 !important;right:0;left:auto !important;bottom:0;width:min(86vw,380px);height:100vh;height:100dvh;max-height:none !important;margin:0;padding:0 0 30px !important;background:#fff;border-radius:22px 0 0 22px;box-shadow:-18px 0 40px rgba(0,0,0,.18);overflow-y:auto;overscroll-behavior:contain;z-index:1002;transform:translateX(105%);visibility:hidden;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s}
  .navigation nav#nav.open{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s}
  .vib-nav-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 16px 22px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:2}
  .vib-nav-head img{max-width:140px;max-height:46px;object-fit:contain}
  .vib-nav-close{position:relative;width:42px;height:42px;border:0;border-radius:50%;background:#f3f3f3;cursor:pointer;flex:0 0 42px}
  .vib-nav-close span{position:absolute;left:12px;right:12px;top:50%;height:2px;background:#111;border-radius:2px}
  .vib-nav-close span:first-child{transform:rotate(45deg)}.vib-nav-close span:last-child{transform:rotate(-45deg)}
  .vib-nav-close:hover{background:var(--vib-accent)}.vib-nav-close:hover span{background:#fff}
  .vib-nav-overlay{display:block;position:fixed;inset:0;background:rgba(10,10,12,.5);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s;z-index:1001}
  html.vib-nav-open .vib-nav-overlay{opacity:1;visibility:visible;transition:opacity .3s}
  html.vib-nav-open,html.vib-nav-open body{overflow:hidden}
  html.vib-nav-open .site-header{z-index:1000}
  #nav .navitem{display:flex;flex-wrap:wrap;align-items:center;padding:0 !important;margin:0 14px;border-bottom:1px solid #f0f0f0;position:static}
  #nav .navitem>a{flex:1;padding:15px 8px;font-size:17px;font-weight:600;color:#171717}
  #nav .navitem>a:hover,#nav .navitem.sub-open>a{color:var(--vib-accent)}
  .vib-sub-toggle{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f5f5f5;color:#111;cursor:pointer;transition:transform .25s,background .2s}
  .navitem.sub-open>.vib-sub-toggle{transform:rotate(180deg);background:var(--vib-accent);color:#fff}
  /* Alt menüler yalnız düğmeyle açılır (dokunmatikte takılı kalan hover engellenir) */
  #nav .navitem>.dropdown,#nav .navitem:hover>.dropdown,#nav .navitem:focus-within>.dropdown,#nav .navitem.menu-open>.dropdown{display:none !important}
  #nav .navitem.sub-open>.dropdown{display:block !important;position:static !important;flex-basis:100%;width:100% !important;min-width:0;box-shadow:none;background:#fafafa;border-radius:12px;padding:6px 8px !important;margin:0 0 12px;left:auto;top:auto}
  #nav .navitem.sub-open>.dropdown.corporate{display:grid !important;grid-template-columns:1fr}
  #nav .dropdown a{padding:10px 10px;font-size:15px;display:flex;justify-content:space-between;align-items:center;border-radius:8px}
  #nav .dropdown::before{display:none}
  #nav .dropdown.corporate a{border:0 !important;background:transparent;box-shadow:none;margin:0;min-height:0}
  #nav .dropdown a:hover{background:#fff}
  #nav .media-menu .media-intro{display:none}
  #nav .media-menu .media-cards{display:grid;grid-template-columns:1fr;gap:6px}
  #nav .media-menu .media-cards a{flex-direction:row;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
  #nav .media-menu .media-cards img{grid-row:1/3;width:64px;height:48px !important;border-radius:8px}
  #nav .media-menu .media-cards h4{font-size:15px;margin:0}
  #nav .media-menu .media-cards a>span{padding:3px 10px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.navigation nav#nav,.vib-nav-overlay{transition:none !important}}

/* ---------- Video galeri: dikey videolar taşmasın ---------- */
.catalog video{max-height:560px;background:#000;object-fit:contain;border-radius:14px}
.detail-grid article img{max-width:100%;height:auto;border-radius:14px}

/* ---------- Dil seçici ---------- */
.vib-lang{position:relative;display:flex;align-items:center}
.vib-lang-btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 12px;border:1px solid #e3e3e3;border-radius:999px;background:#fff;color:#111;font-weight:600;font-size:14px;cursor:pointer;line-height:1}
.vib-lang-btn:hover,.vib-lang.open .vib-lang-btn{border-color:var(--vib-accent);color:var(--vib-accent)}
.vib-lang-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:190px;margin:0;padding:6px;list-style:none;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:60}
.vib-lang.open .vib-lang-menu{opacity:1;visibility:visible;transform:none}
.vib-lang-menu a,.vib-lang-mobile a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:#171717;font-size:15px;text-decoration:none}
.vib-lang-menu a b,.vib-lang-mobile a b{display:inline-grid;place-items:center;min-width:30px;height:22px;border-radius:6px;background:#f2f2f2;font-size:11px;letter-spacing:.04em}
.vib-lang-menu a:hover,.vib-lang-mobile a:hover{background:#f7f7f7;color:var(--vib-accent)}
.vib-lang-menu a.is-active,.vib-lang-mobile a.is-active{color:var(--vib-accent);font-weight:600}
.vib-lang-menu a.is-active b,.vib-lang-mobile a.is-active b{background:var(--vib-accent);color:#fff}
.vib-lang-mobile{display:none}
@media (max-width:1199px){
  .vib-lang-mobile{display:block;margin:18px 14px 0;padding-top:14px;border-top:1px solid #eee}
  .vib-lang-mobile-title{display:block;font-size:13px;font-weight:600;color:#777;margin:0 8px 8px;text-transform:uppercase;letter-spacing:.06em}
  .vib-lang-mobile ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
}
@media (max-width:767px){.nav-tools .vib-lang{display:none}}

/* Açılır pencereler (galeri, teklif formu, arama) ekranın ortasında açılır */
dialog#modal[open]{margin:auto;inset:0;position:fixed;max-height:calc(100vh - 40px);overflow:auto}

/* ---------- 01.10.2026 ---------- */
/* Üst bar: RAL 2009 turuncu */
.topbar{background:#DD6239 !important}
.vib-top-left svg{color:#fff !important}
.vib-top-left a:hover{color:#1d1c22 !important}
.vib-top-left .vib-top-text{opacity:1}
.topbar .soc-x,.topbar .soc-tiktok{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}

/* Slider: karartma ve yazı gölgesi kaldırıldı (05.10.2026) */
.hero-slide{background-image:var(--hero-image) !important}
.hero-slide::after,.hero-slide::before,.hero-slide:has(.hero-video)::after{content:none !important;display:none !important}
.hero-copy h1,.hero-copy h2,.hero-copy p,.hero-copy a{text-shadow:none !important}

/* Videolar: büyütme düğmesi yok, galeride hepsi aynı boyutta */
video::-webkit-media-controls-fullscreen-button,video::-webkit-media-controls-picture-in-picture-button{display:none !important}
.catalog video{width:100%;height:auto;aspect-ratio:16/9;max-height:none;background:#000;object-fit:contain;border-radius:14px;display:block}
.catalog article{min-width:0}
.catalog article h2{margin-top:14px}
.pg:has(.pg-slide.is-active.pg-video) .pg-zoom{display:none !important}

/* Haber kartları: üzerine gelince kart beyaz kalır (mavi zemin altta görünmez, yazılar silikleşmez) */
.blog-card-modern-link:hover .blog-card-modern{background:#fff !important;transform:translateY(-6px);box-shadow:0 20px 44px rgba(6,16,50,.28)}
.blog-card-modern .blog-card-modern-title{color:#111 !important}
.blog-card-modern .blog-card-modern-description,.blog-card-modern .blog-card-modern-meta{color:#666 !important}
.blog-card-modern-link:hover .blog-card-modern-title{color:var(--tp-theme-1) !important}
.blog-card-modern-thumb img:hover,.blog-card-modern-link:hover .blog-card-modern-thumb img{transform:scale(1.05) !important}

/* Pembe düğmeler (üst menü "Bilgi Talep Et", slider ve sayfa düğmeleri) → site zemini mavisi */
.nav-tools .info-button,.solid-button{background:var(--vib-site-bg,#2f5db3) !important;border-color:var(--vib-site-bg,#2f5db3) !important;color:#fff !important}
.nav-tools .info-button:hover,.solid-button:hover{background:#1f4590 !important;border-color:#1f4590 !important;color:#fff !important}
.nav-tools .info-button svg,.solid-button svg{color:#fff}
/* Foto galeri: başlık yok */
.gallery span{display:none}

/* ---------- Kalan pembe vurgular → site zemini mavisi ---------- */
:root{--vib-accent:var(--vib-site-bg,#2f5db3);--vib-accent-dark:#1f4590;--tp-theme-1:var(--vib-accent)}
.action-button,.blog-card-modern-btn.action-button{background:var(--vib-accent) !important;border-color:var(--vib-accent) !important;color:#fff !important}
.action-button:hover,.blog-card-modern-link:hover .blog-card-modern-btn.action-button{background:var(--vib-accent-dark) !important;border-color:var(--vib-accent-dark) !important;color:#fff !important}
button:focus-visible,a:focus-visible{outline-color:var(--vib-accent)}
.dropdown a:hover{color:var(--vib-accent)}
.nav-tools sup,.newsletter button,.floating a:nth-child(3),.media-cards a>span{background:var(--vib-accent) !important}
.outline-button:hover{border-color:var(--vib-accent);color:var(--vib-accent)}
.carousel-controls button:hover,.socials a:hover,.socials button:hover,.tp-footer-widget-social button:hover{background:var(--vib-accent);border-color:var(--vib-accent);color:#fff}
.media-intro small{color:var(--vib-accent)}
.hero-dots button.active,.tp-svc-dots button.active,.fidelity-dots button.active{background:var(--vib-accent)}
.cookie-notice{background:rgba(47,93,179,.9)}
.nav-tools .info-button{background-image:none !important}
/* Ürün galerisi */
.pg-arrow:hover,.pg-zoom:hover,.pg-lb .pg-arrow:hover,.pg-lb-close:hover{background:var(--vib-accent) !important}
.pg-thumb.is-active{border-color:var(--vib-accent) !important}
.pg-play svg{background:rgba(47,93,179,.92) !important}
/* Mavi zemin üzerindeki noktalar/oklar mavide kaybolmasın: beyaz */
body.vib-sitebg .tp-cat-overlay-dot .swiper-pagination-bullet-active,
body.vib-sitebg .swiper-pagination-bullet-active,
body.vib-sitebg .tp-svc-dots button.active,body.vib-sitebg .fidelity-dots button.active{background:#fff !important}
body.vib-sitebg .tp-cat-overlay-nav:hover,body.vib-sitebg .tp-cat-strip-nav:hover{background:#fff !important;color:var(--vib-accent) !important;border-color:#fff !important}

/* Foto Galeri ve Video Galeri: arka plan krem zemin görseli (05.10.2026), öğelerin etrafında beyaz yok */
.inner-section>.container:has(>.gallery),.inner-section>.container:has(>.catalog video),
body.vib-sitebg .inner-section>.container:has(>.gallery),body.vib-sitebg .inner-section>.container:has(>.catalog video){background:#cdbfae url('vibstar-krem-zemin.jpg') center/cover no-repeat !important}
.inner-section>.container:has(>.catalog video),.inner-section>.container:has(>.catalog video) :is(h2,h3,p,li){color:#1d1c22 !important}
.inner-section>.container>.gallery button{background:transparent !important;border:0 !important;padding:0 !important;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(60,45,30,.28)}
.inner-section>.container>.gallery img{padding:0 !important;object-fit:cover;display:block;border-radius:16px}

/* ---------- 05.10.2026: Dil seçici — tüm diller yan yana görünür ---------- */
.vib-lang-inline{display:inline-flex;align-items:center;gap:2px;height:42px;padding:0 6px 0 10px;border:1px solid #e3e3e3;border-radius:999px;background:#fff}
.vib-lang-inline>svg{color:#555;margin-inline-end:4px;flex:0 0 auto}
.vib-lang-inline a{display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 5px;border-radius:999px;color:#171717;font-size:13px;font-weight:600;letter-spacing:.03em;text-decoration:none;line-height:1}
.vib-lang-inline a:hover{color:var(--vib-accent);background:#f3f5fa}
.vib-lang-inline a.is-active{background:var(--vib-accent);color:#fff}
.vib-lang-strip{display:none}
@media (max-width:1399px){.vib-lang-inline{padding:0 4px 0 8px}.vib-lang-inline>svg{display:none}.vib-lang-inline a{min-width:27px;font-size:12px;padding:0 4px}}
@media (max-width:767px){
  .nav-tools .vib-lang-inline{display:none}
  .site-header .navigation{flex-wrap:wrap;height:auto !important;min-height:0 !important;row-gap:0;padding-top:12px !important;padding-bottom:10px !important}
  .vib-lang-strip{display:flex;order:99;flex:0 0 100%;justify-content:center;flex-wrap:nowrap;gap:6px;margin-top:10px;padding:10px 0 0;border-top:1px solid #eee}
  .vib-lang-strip a{display:inline-grid;place-items:center;min-width:36px;height:28px;padding:0 6px;border-radius:999px;border:1px solid #e3e3e3;color:#171717;font-size:13px;font-weight:600;text-decoration:none}
  .vib-lang-strip a.is-active{background:var(--vib-accent);border-color:var(--vib-accent);color:#fff}
}

/* ---------- 05.10.2026: İç sayfa banner'ındaki (başlık alanı) alttan karartma kaldırıldı ---------- */
.tp-breadcrumb-ptb::before,.tp-breadcrumb-ptb::after{content:none !important;display:none !important;background:none !important}
.tp-breadcrumb-ptb .tp-breadcrumb-title,.tp-breadcrumb-ptb .tp-breadcrumb-desc,.tp-breadcrumb-ptb .tp-breadcrumb-list{text-shadow:none !important}

/* ---------- 06.10.2026: Slider geniş ekranda / yakınlaştırmada kesilmez — görsel oranında boyutlanır ---------- */
@media (min-width:992px){
  .hero{height:auto !important;aspect-ratio:var(--hero-ar,1907 / 825);min-height:460px}
  .hero-slide{background-size:cover !important;background-position:center center !important}
}

/* ---------- 08.10.2026: Hızlı iletişim düğmeleri (Telefon / WhatsApp teklif / Konum) ---------- */
.vib-qa{position:fixed;top:auto !important;height:auto !important;right:24px;bottom:92px;z-index:40;display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.vib-qa-btn{display:flex;align-items:center;gap:12px;min-width:206px;padding:7px 22px 7px 7px;border-radius:999px;color:#fff !important;text-decoration:none !important;box-shadow:0 10px 26px rgba(10,25,60,.28);border:2px solid rgba(255,255,255,.55);transition:transform .2s,box-shadow .2s;line-height:1.1}
.vib-qa-btn:hover{transform:translateX(-4px);box-shadow:0 14px 32px rgba(10,25,60,.36)}
.vib-qa-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.vib-qa-ic{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45)}
.vib-qa-ic svg{width:22px;height:22px;display:block}
.vib-qa-tx{display:flex;flex-direction:column}
.vib-qa-tx small{font-size:12px;font-weight:600;opacity:.92;letter-spacing:.02em}
.vib-qa-tx b{font-size:19px;font-weight:700}
.qa-phone{background:linear-gradient(135deg,#3f73d6,#1f4590)}
.qa-whatsapp{background:linear-gradient(135deg,#2fd06f,#128c4a)}
.qa-map{background:linear-gradient(135deg,#f07a45,#c9471d)}
[dir=rtl] .vib-qa{right:auto;left:24px;align-items:flex-start}
[dir=rtl] .vib-qa-btn{padding:7px 7px 7px 22px}
[dir=rtl] .vib-qa-btn:hover{transform:translateX(4px)}
@media (max-width:1199px){.vib-qa-btn{min-width:0;padding-inline-end:16px}.vib-qa-tx b{font-size:16px}.vib-qa-ic{width:40px;height:40px;flex-basis:40px}}
/* Telefon: ekranın altında sabit 3'lü çubuk */
@media (max-width:767px){
  .vib-qa,[dir=rtl] .vib-qa{top:auto !important;height:auto !important;max-height:96px;left:0;right:0;bottom:0;flex-direction:row;gap:0;align-items:stretch;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);box-shadow:0 -6px 20px rgba(10,25,60,.18);backdrop-filter:blur(6px)}
  .vib-qa-btn,[dir=rtl] .vib-qa-btn{height:auto;flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:4px;margin:0 4px;padding:8px 4px;border-radius:14px;border:0;box-shadow:none;text-align:center}
  .vib-qa-btn:hover,[dir=rtl] .vib-qa-btn:hover{transform:none}
  .vib-qa-ic{width:30px;height:30px;flex-basis:30px;background:transparent;border:0}
  .vib-qa-ic svg{width:21px;height:21px}
  .vib-qa-tx small{display:none}
  .vib-qa-tx b{font-size:14px}
  body:has(.vib-qa){padding-bottom:86px}
  body:has(.vib-qa) #back-top{bottom:96px !important}
  body:has(.vib-qa) .vib-floating{bottom:96px !important}
}

/* İletişim: tam genişlik harita + yol tarifi kartı */
.vib-map-wide{position:relative;margin-top:40px}
.vib-map-wide .vib-map{margin:0;aspect-ratio:auto;height:460px;border-radius:24px}
.vib-map-card{position:absolute;left:24px;bottom:24px;display:flex;gap:14px;align-items:flex-start;max-width:440px;padding:18px 20px;background:#fff;border-radius:18px;box-shadow:0 12px 30px rgba(10,25,60,.22);color:#1d1c22}
.vib-map-card b{font-size:18px}
.vib-map-card p{margin:4px 0 12px;font-size:14px;line-height:1.5;color:#45444d}
.vib-map-pin{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f07a45,#c9471d);color:#fff}
.vib-map-pin svg{width:22px;height:22px}
.vib-map-actions{display:flex;flex-wrap:wrap;gap:8px}
.vib-map-btn{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid #d8dbe4;color:#1d1c22 !important;font-weight:600;font-size:14px;text-decoration:none !important}
.vib-map-btn.is-primary{background:var(--vib-accent);border-color:var(--vib-accent);color:#fff !important}
.vib-map-btn:hover{filter:brightness(1.05);box-shadow:0 6px 14px rgba(10,25,60,.15)}
[dir=rtl] .vib-map-card{left:auto;right:24px}
@media (max-width:767px){
  .vib-map-wide .vib-map{height:320px;border-radius:18px}
  .vib-map-card,[dir=rtl] .vib-map-card{position:static;max-width:none;margin-top:14px}
}