/* ==========================================================================
   Ön Yüz — Paylaşılan Modern Tasarım Sistemi  (.vi-modern ile kapsamlı)
   Banka sayfasından genellendi. Her sayfa .vi-modern sınıfı ekleyerek kullanır.
   ========================================================================== */

/* İç sayfa gradyanı header altına taşmasın; alt menü site-main altında kalmasın */
#masthead{position:relative;z-index:1000;overflow:visible}
#masthead #site-header-menu,
#masthead #site-navigation,
#masthead #site-navigation .menu{overflow:visible}
.site-main:has(.vi-modern),
.site-main:has(.vi-banka-modern),
.site-main:has(.vi-contact-hub),
.site-main.vi-inner-page{position:relative}

/* İç sayfa üst/alt boşluk — footer öncesi <br> yerine */
.site-main.vi-inner-page{padding:32px 0 40px}
.vi-page-note{margin-top:28px;padding-top:20px;border-top:1px solid #eef2f7}

/* Gradyan tüm içerik alanında — kutu içinde parçalı görünmesin */
.site-main:has(.vi-modern)::before,
.site-main:has(.vi-banka-modern)::before{
  content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;
  background:
    radial-gradient(1100px 500px at 12% 0%,#e9f0ff 0,rgba(233,240,255,0) 60%),
    radial-gradient(950px 460px at 100% 2%,#f2ecff 0,rgba(242,236,255,0) 55%),
    linear-gradient(180deg,#f7f9fe 0%,#eef2fb 100%)}
.site-main:has(.vi-contact-hub)::before{
  content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;
  background:
    radial-gradient(900px 420px at 10% 0%,#e9f0ff 0,rgba(233,240,255,0) 60%),
    radial-gradient(800px 400px at 100% 5%,#f2ecff 0,rgba(242,236,255,0) 55%),
    linear-gradient(180deg,#f8faff 0%,#eef2fb 100%)}

/* Sidebar/liste sayfalarında beyaz zemin gradyanı kesmesin */
.site-main:has(.vi-modern) > .sidebar.ttm-bgcolor-white{background-color:transparent!important;background:transparent!important}
body .page.sidebar-true .site-main:has(.vi-modern){background-color:transparent!important}

/* Sticky sidebar: main.css body .page { overflow:hidden } sticky'yi engelliyor */
body .page:has(.vi-modern .vipagecontent.vi-sidebar-sticky-on){overflow:visible}
.site-main:has(.vi-modern .vipagecontent.vi-sidebar-sticky-on),
.site-main:has(.vi-modern .vipagecontent.vi-sidebar-sticky-on) > .sidebar.ttm-bgcolor-white{overflow:visible}

/* Opt-in sayfalarda bölüm kabını biraz genişlet */
.auto-container:has(.vi-modern),
.auto-container:has(.vi-contact-hub){max-width:1300px}

/* Bölüm sarmalayıcı (gradyan site-main::before üzerinde) */
.vi-modern{position:relative;z-index:0}
.vi-modern::before{display:none}

/* Bölüm başlığı */
.vi-modern .section-title h2.title{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;color:#0e1730;margin-bottom:10px}
.vi-modern .section-title p{color:#6a768f;font-size:1.04rem;line-height:1.6}

/* Sütun: eşit yükseklik + alt boşluk (tema col-md-* genişliğini korur) */
.vi-modern .vi-col{margin-bottom:28px;display:flex}

/* Kart */
.vi-modern .vi-card{width:100%;background:#fff;border:1px solid #eaeef6;border-radius:22px;overflow:hidden;
  box-shadow:0 10px 30px -22px rgba(14,23,48,.4);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  display:flex;flex-direction:column}
.vi-modern .vi-card:hover{transform:translateY(-7px);box-shadow:0 34px 60px -30px rgba(14,23,48,.5);border-color:#dde4f3}

/* Görsel / logo sahnesi */
.vi-modern .vi-stage{position:relative;height:168px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fbfcff,#f2f5fc);border-bottom:1px solid #eaeef6;overflow:hidden}
.vi-modern .vi-stage img{max-width:72%;max-height:88px;width:auto;object-fit:contain;transition:transform .35s ease}
.vi-modern .vi-card:hover .vi-stage img{transform:scale(1.06)}
/* Fotoğraf kartları için (proje, ekip vb.) — görsel sahneyi doldurur */
.vi-modern .vi-stage-cover{height:210px}
.vi-modern .vi-stage-cover img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover}
.vi-modern .vi-stage-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vi-modern .vi-stage-badge{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:10px;
  background:#2f5cff;color:#fff;display:flex;align-items:center;justify-content:center;
  opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;text-decoration:none}
.vi-modern .vi-card:hover .vi-stage-badge{opacity:1;transform:none}
.vi-modern .vi-stage-badge svg{width:16px;height:16px}

/* Gövde */
.vi-modern .vi-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1 1 auto}
.vi-modern .vi-card-title{font-size:1.12rem;font-weight:800;color:#0e1730;margin:0 0 8px;letter-spacing:-.01em;line-height:1.3}
.vi-modern .vi-card-title a{color:inherit;text-decoration:none;transition:color .15s ease}
.vi-modern .vi-card-title a:hover{color:#2f5cff}
.vi-modern .vi-card-desc{color:#6a768f;font-size:.92rem;line-height:1.6;margin:0}
.vi-modern .vi-card-desc p{margin:0 0 8px}
.vi-modern .vi-card-desc p:last-child{margin-bottom:0}

/* Foto galeri ızgarası */
.vi-modern .vi-gal-col{margin-bottom:24px;display:flex}
.vi-modern .vi-gal-item{position:relative;display:block;width:100%;border-radius:18px;overflow:hidden;border:1px solid #eaeef6;
  box-shadow:0 10px 30px -24px rgba(14,23,48,.4);aspect-ratio:4/3}
.vi-modern .vi-gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.vi-modern .vi-gal-item:hover img{transform:scale(1.08)}
.vi-modern .vi-gal-item::after{content:"";position:absolute;inset:0;background:rgba(14,23,48,0);transition:background .25s ease}
.vi-modern .vi-gal-item:hover::after{background:rgba(14,23,48,.3)}
.vi-modern .vi-gal-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:48px;height:48px;border-radius:50%;
  background:#fff;color:#2f5cff;display:flex;align-items:center;justify-content:center;opacity:0;z-index:2;
  transition:opacity .25s ease,transform .25s ease}
.vi-modern .vi-gal-item:hover .vi-gal-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}
.vi-modern .vi-gal-zoom svg{width:20px;height:20px}

/* SSS akordeonu (Bootstrap) — modern */
.vi-modern .accordion-item{background:#fff;border:1px solid #eaeef6;border-radius:16px !important;margin-bottom:14px;overflow:hidden;box-shadow:0 10px 30px -24px rgba(14,23,48,.4)}
.vi-modern .accordion-button{font-weight:700;color:#0e1730;font-size:1.02rem;padding:19px 22px;background:#fff;box-shadow:none}
.vi-modern .accordion-button:not(.collapsed){color:#2f5cff;background:#f6f8ff}
.vi-modern .accordion-button:focus{box-shadow:none;border-color:transparent}
.vi-modern .accordion-button i{color:#2f5cff;margin-right:6px}
.vi-modern .accordion-body{padding:2px 22px 20px;color:#475569;font-size:.95rem;line-height:1.75}
.vi-modern .accordion-body p{margin:0 0 8px}

/* Konum / liste kartı (hizmet bölgeleri vb. — görselsiz) */
.vi-modern .vi-loc{display:flex;align-items:center;gap:14px;width:100%;background:#fff;border:1px solid #eaeef6;border-radius:16px;
  padding:17px 20px;text-decoration:none;box-shadow:0 10px 30px -24px rgba(14,23,48,.4);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.vi-modern .vi-loc:hover{transform:translateY(-3px);box-shadow:0 26px 44px -28px rgba(14,23,48,.5);border-color:#dde4f3}
.vi-modern .vi-loc-ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:#eef2ff;color:#2f5cff;display:flex;align-items:center;justify-content:center}
.vi-modern .vi-loc-ic svg{width:20px;height:20px}
.vi-modern .vi-loc-name{flex:1;font-weight:700;color:#0e1730;font-size:1rem;line-height:1.3}
.vi-modern .vi-loc-arrow{flex:0 0 auto;color:#aab4c4;transition:color .2s ease,transform .2s ease;display:flex}
.vi-modern .vi-loc:hover .vi-loc-arrow{color:#2f5cff;transform:translateX(3px)}
.vi-modern .vi-loc-arrow svg{width:18px;height:18px}

/* Fiyatlandırma (paket) kartı varyantı */
.vi-modern .vi-pricing{position:relative}
.vi-modern .vi-pricing-featured{border-color:#2f5cff;box-shadow:0 26px 54px -28px rgba(47,92,255,.55)}
.vi-modern .vi-pricing-badge{position:absolute;top:0;left:0;right:0;z-index:2;text-align:center;font-weight:700;font-size:.78rem;
  padding:9px;color:#fff;background:#2f5cff;display:flex;align-items:center;justify-content:center;gap:7px}
.vi-modern .vi-pricing .vi-card-body{padding-top:26px}
.vi-modern .vi-pricing-featured .vi-card-body{padding-top:50px}
.vi-modern .vi-pricing-name{font-size:1.3rem;font-weight:800;color:#0e1730;margin:0 0 6px;letter-spacing:-.01em}
.vi-modern .vi-pricing-desc{color:#6a768f;font-size:.9rem;line-height:1.55;margin-bottom:18px}
.vi-modern .vi-pricing-desc p{margin:0}
.vi-modern .vi-pricing-price{display:flex;align-items:baseline;gap:8px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #eef1f7;flex-wrap:wrap}
.vi-modern .vi-pricing-price .amount{font-size:2rem;font-weight:800;color:#0e1730;letter-spacing:-.02em}
.vi-modern .vi-pricing-price .per{color:#94a3b8;font-size:.85rem;font-weight:600}
.vi-modern .vi-pricing-features{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:11px}
.vi-modern .vi-pricing-features li{position:relative;padding-left:28px;color:#475569;font-size:.92rem;line-height:1.45}
.vi-modern .vi-pricing-features li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;
  background-color:#e7f8f1;background-repeat:no-repeat;background-position:center;background-size:11px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f9254' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.vi-modern .vi-pricing-btn{width:100%;justify-content:center;margin-top:auto;padding:13px 18px;font-size:.95rem}

/* Blog meta (tarih / okunma) */
.vi-modern .vi-blog-meta{display:flex;gap:16px;color:#94a3b8;font-size:.8rem;font-weight:600;margin-bottom:10px}
.vi-modern .vi-blog-meta i{margin-right:5px;color:#2f5cff}

/* Ürün kartı varyantı */
.vi-modern .vi-sale{position:absolute;top:12px;left:12px;z-index:2;background:#2f5cff;color:#fff;font-weight:700;font-size:.72rem;padding:5px 11px;border-radius:999px;box-shadow:0 6px 14px -6px rgba(47,92,255,.8)}
.vi-modern .vi-price{margin-top:auto;font-weight:800;color:#0e1730;font-size:1.1rem;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.vi-modern .vi-price ins{text-decoration:none;color:#0e1730}
.vi-modern .vi-price del{color:#aab4c4;font-weight:600;font-size:.9rem}

/* Ekip kartı varyantı */
.vi-modern .vi-team-role{color:#2f5cff;font-weight:700;font-size:.85rem;margin:-2px 0 14px;letter-spacing:.01em}
.vi-modern .vi-team-contact{color:#6a768f;font-size:.88rem;line-height:1.75;margin-bottom:14px}
.vi-modern .vi-team-contact span{display:block;min-height:1px}
.vi-modern .vi-team-contact span:empty{display:none}
.vi-modern .vi-team-social{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
.vi-modern .vi-team-social a{width:38px;height:38px;border-radius:10px;background:#eef2ff;color:#2f5cff;
  display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s ease,color .15s ease}
.vi-modern .vi-team-social a:hover{background:#2f5cff;color:#fff}

/* Buton (hizmetler vb. için hazır) */
.vi-modern .vi-btn{display:inline-flex;align-items:center;gap:8px;background:#2f5cff;color:#fff;font-weight:700;
  font-size:.9rem;padding:11px 18px;border-radius:11px;text-decoration:none;border:0;cursor:pointer;
  transition:background .15s ease,transform .12s ease;margin-top:16px;align-self:flex-start}
.vi-modern .vi-btn:hover{background:#244ddb;transform:translateY(-1px);color:#fff}

@media (max-width:575px){
  .vi-modern .section-title h2.title{font-size:1.9rem}
  .vi-modern .vi-stage{height:144px}
}

/* Video galeri kartı varyantı */
.vi-modern .vi-vid-col{margin-bottom:28px;display:flex}
.vi-modern .vi-vid-item{position:relative;display:block;width:100%;text-decoration:none;background:#fff;border:1px solid #eaeef6;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px -22px rgba(14,23,48,.4);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.vi-modern .vi-vid-item:hover{transform:translateY(-7px);box-shadow:0 34px 60px -30px rgba(14,23,48,.5);border-color:#dde4f3}
.vi-modern .vi-vid-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(180deg,#fbfcff,#f2f5fc)}
.vi-modern .vi-vid-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.vi-modern .vi-vid-item:hover .vi-vid-thumb img{transform:scale(1.06)}
.vi-modern .vi-vid-thumb::after{content:"";position:absolute;inset:0;background:rgba(14,23,48,0);transition:background .25s ease}
.vi-modern .vi-vid-item:hover .vi-vid-thumb::after{background:rgba(14,23,48,.22)}
.vi-modern .vi-vid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:2;width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.92);color:#2f5cff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -10px rgba(14,23,48,.6);transition:transform .25s ease,background .2s ease}
.vi-modern .vi-vid-item:hover .vi-vid-play{transform:translate(-50%,-50%) scale(1);background:#2f5cff;color:#fff}
.vi-modern .vi-vid-play svg{width:24px;height:24px;margin-left:3px}
.vi-modern .vi-vid-title{padding:16px 18px;font-weight:700;color:#0e1730;font-size:1rem;line-height:1.4}

/* Şube (subeler) — sekmeli düzen, mevcut JS korunur, yalnız görsel katman */
.vi-modern.vi-branch .tabs{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 6px;list-style:none}
.vi-modern.vi-branch .tabs .tab{margin:0}
.vi-modern.vi-branch .tabs .tab a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:.92rem;text-decoration:none;border:1px solid #eaeef6;background:#fff;color:#0e1730;box-shadow:0 8px 22px -18px rgba(14,23,48,.5);transition:transform .15s ease,box-shadow .2s ease}
.vi-modern.vi-branch .tabs .tab a:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(14,23,48,.55)}
.vi-modern.vi-branch .tabs .tab a i{color:inherit}
.vi-modern.vi-branch .content-inner{background:#fff;border:1px solid #eaeef6;border-radius:22px;box-shadow:0 10px 30px -22px rgba(14,23,48,.4);padding:26px 28px}
.vi-modern.vi-branch .content-inner h3{font-weight:800;color:#0e1730;font-size:1.4rem;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.vi-modern.vi-branch .content-inner h3 i{color:#2f5cff}
.vi-modern.vi-branch .content-inner hr{border:0;border-top:1px solid #eef2fb;margin:14px 0 22px}
.vi-modern.vi-branch .featured-icon-box{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(180deg,#fbfcff,#f4f7fd);border:1px solid #eef2fb;border-radius:16px;padding:16px 18px;margin-bottom:18px}
.vi-modern.vi-branch .featured-icon-box .ttm-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.vi-modern.vi-branch .featured-icon-box .ttm-icon i{font-size:18px;line-height:1}
.vi-modern.vi-branch .featured-title h5{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#6a768f;font-weight:700;margin:0 0 4px}
.vi-modern.vi-branch .featured-desc{color:#0e1730;font-weight:600;font-size:.95rem;word-break:break-word}
.vi-modern.vi-branch .featured-desc p{margin:0}
.vi-modern.vi-branch .featured-desc a{color:#0e1730;text-decoration:none}
.vi-modern.vi-branch .featured-desc a:hover{color:#2f5cff}
.vi-modern.vi-branch iframe{border-radius:18px;border:1px solid #eaeef6;display:block}

/* Detay / tekil içerik sayfaları (blog, hizmet, sayfa, marka, bölge) — makale düzeni */
.vi-modern.vi-article{position:relative;z-index:0}
.vi-modern.vi-article .pagetitle{font-size:2.3rem;font-weight:800;letter-spacing:-.02em;color:#0e1730;line-height:1.2;margin:6px 0 14px}
.vi-modern.vi-article .pagehr{height:4px;width:64px;border-radius:4px;background:linear-gradient(90deg,#2f5cff,#7aa0ff);margin:0 0 22px}
.vi-modern.vi-article .ttm-post-featured img{width:100%;border-radius:22px;border:1px solid #eaeef6;box-shadow:0 24px 50px -30px rgba(14,23,48,.5);display:block}
.vi-modern.vi-article .ttm-blog-single-content{margin-top:26px}
.vi-modern.vi-article .post-meta{display:flex;flex-wrap:wrap;gap:10px}
.vi-modern.vi-article .post-meta .ttm-meta-line{display:inline-flex;align-items:center;gap:7px;background:#eef2ff;color:#2f5cff;font-weight:700;font-size:.82rem;padding:7px 13px;border-radius:999px}
.vi-modern.vi-article .post-meta .ttm-meta-line i{color:#2f5cff}
.vi-modern.vi-article .entry-content{color:#41506b;font-size:1.02rem;line-height:1.8}
.vi-modern.vi-article .entry-content p{margin-bottom:16px}
.vi-modern.vi-article .entry-content h2,.vi-modern.vi-article .entry-content h3,.vi-modern.vi-article .entry-content h4{color:#0e1730;font-weight:800;margin:26px 0 12px;letter-spacing:-.01em}
.vi-modern.vi-article .entry-content img{max-width:100%;height:auto;border-radius:16px}
.vi-modern.vi-article .entry-content a{color:#2f5cff;text-decoration:none;font-weight:600}
.vi-modern.vi-article .entry-content a:hover{text-decoration:underline}
.vi-modern.vi-article .entry-content blockquote{border-left:4px solid #2f5cff;background:#f4f7fd;border-radius:0 14px 14px 0;padding:16px 20px;margin:20px 0;color:#41506b;font-style:italic}
.vi-modern.vi-article .entry-content ul,.vi-modern.vi-article .entry-content ol{padding-left:22px;margin-bottom:16px}
.vi-modern.vi-article .entry-content li{margin-bottom:8px}
.vi-modern.vi-article .entry-content table{width:100%;border-collapse:collapse;margin:18px 0;border-radius:14px;overflow:hidden;border:1px solid #eaeef6;box-shadow:0 4px 18px -14px rgba(14,23,48,.18)}
.vi-modern.vi-article .entry-content th,.vi-modern.vi-article .entry-content td{border:1px solid #eef2fb;padding:12px 16px;text-align:left;vertical-align:top;line-height:1.55}
.vi-modern.vi-article .entry-content th{background:#f4f7fd;color:#0e1730;font-weight:700}
/* Özellik tablosu — sol etiket / sağ değer, zebra + hover */
.vi-modern.vi-article .entry-content table tbody tr{transition:background-color .15s ease}
.vi-modern.vi-article .entry-content table tbody tr td:first-child,
.vi-modern.vi-article .entry-content table tbody tr th:first-child{width:38%;min-width:148px;max-width:300px;font-weight:700;color:#0e1730;background:#f8fafc;border-right:1px solid #eef2fb}
.vi-modern.vi-article .entry-content table tbody tr td:last-child{color:#41506b;font-weight:400}
.vi-modern.vi-article .entry-content table tbody tr:nth-child(even) td{background-color:#fafbfd}
.vi-modern.vi-article .entry-content table tbody tr:nth-child(even) td:first-child{background-color:#f3f5f9}
.vi-modern.vi-article .entry-content table tbody tr:hover td{background-color:#eef2ff}
.vi-modern.vi-article .entry-content table tbody tr:hover td:first-child{background-color:#e8edfc}
/* thead olmayan CKEditor tabloları */
.vi-modern.vi-article .entry-content table:not(:has(thead))>tr{transition:background-color .15s ease}
.vi-modern.vi-article .entry-content table:not(:has(thead))>tr td:first-child,
.vi-modern.vi-article .entry-content table:not(:has(thead))>tr th:first-child{width:38%;min-width:148px;max-width:300px;font-weight:700;color:#0e1730;background:#f8fafc;border-right:1px solid #eef2fb}
.vi-modern.vi-article .entry-content table:not(:has(thead))>tr td:last-child{color:#41506b;font-weight:400}
.vi-modern.vi-article .entry-content table:not(:has(thead))>tr:nth-child(even) td{background-color:#fafbfd}
.vi-modern.vi-article .entry-content table:not(:has(thead))>tr:nth-child(even) td:first-child{background-color:#f3f5f9}
.vi-modern.vi-article .entry-content table:not(:has(thead))>tr:hover td{background-color:#eef2ff}
.vi-modern.vi-article .entry-content table:not(:has(thead))>tr:hover td:first-child{background-color:#e8edfc}
.vi-modern.vi-article .sep-line{border-top:1px solid #eef2fb}
.vi-modern.vi-article .ttm-tag-list span a{display:inline-block;background:#f1f4fb;color:#41506b;font-weight:600;font-size:.82rem;padding:6px 13px;border-radius:999px;margin:0 6px 8px 0;text-decoration:none;transition:background .15s ease,color .15s ease}
.vi-modern.vi-article .ttm-tag-list span a:hover{background:#2f5cff;color:#fff;text-decoration:none}
/* Etiket + sosyal paylaşım — sol hizalı (blog, sayfa, hizmet, ürün vb.) */
.vi-modern.vi-article .vi-detail-footer-row{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;text-align:left}
.vi-modern.vi-article .vi-detail-footer-row::after{display:none}
.vi-modern.vi-article .vi-detail-footer-row .ttm-tag-list,
.vi-modern.vi-article .vi-detail-footer-row .social-icons{float:none!important;width:100%;margin:0!important;padding:0!important;text-align:left}
.vi-modern.vi-article .vi-detail-footer-row .ttm-tag-list span{display:block;margin:0;padding:0}
.auto-contents.vi-modern.vi-article .vi-detail-footer-row .social-icons ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none!important;margin:0!important;padding:0!important}
.auto-contents.vi-modern.vi-article .vi-detail-footer-row .social-icons li{margin:0!important}
.vi-modern.vi-article .vi-detail-footer-row .social-icons li a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;line-height:1;border-radius:11px!important;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .3s ease,color .3s ease}
.vi-modern.vi-article .vi-detail-footer-row .social-icons li a:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(14,23,48,.5)}
.vi-modern .widget-area .widget{background:#fff;border:1px solid #eaeef6;border-radius:18px;padding:20px;margin-bottom:22px;box-shadow:0 10px 30px -24px rgba(14,23,48,.4)}
.vi-modern .widget-area .widget-title{font-size:1.05rem;font-weight:800;color:#0e1730;letter-spacing:-.01em;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #eef2fb}
.vi-modern .widget-area .widget-categories ul{list-style:none;padding:0;margin:0}
/* main.css .auto-contents ul { list-style:disc !important } — yalnızca sidebar widget listelerinde iptal */
.auto-contents.vi-modern .widget-area .vi-sidebar-product-list,
.auto-contents.vi-modern .widget-area .ttm-recent-post-list,
.auto-contents.vi-modern .widget-area .widget-categories ul{list-style:none!important;margin:0!important;padding-left:0!important}
.vi-modern .widget-area .widget-categories li{padding:0;margin:0 0 8px}
.vi-modern .widget-area .widget-categories li a{display:block;position:relative;color:#41506b;font-weight:600;font-size:.92rem;text-decoration:none;padding:8px 0 8px 20px;line-height:1.35;transition:color .15s ease,transform .15s ease}
.vi-modern .widget-area .widget-categories li a:link,.vi-modern .widget-area .widget-categories li a:visited{color:#41506b}
.vi-modern .widget-area .widget-categories li a:before{font-family:'FontAwesome';content:"\f105";position:absolute;left:0;top:50%;transform:translateY(-50%);line-height:1;font-size:15px;font-weight:700}
.vi-modern .widget-area .widget-categories li a:hover,.vi-modern .widget-area .widget-categories li a:focus{color:#2f5cff!important;transform:translateX(4px)}
.vi-modern .widget-area .widget-categories li a.vi-sidebar-current{color:#2f5cff;font-weight:800}
.vi-modern .widget-area .vi-sidebar-post.vi-sidebar-current .vi-sidebar-post-title,.vi-modern .widget-area .vi-sidebar-post:hover .vi-sidebar-post-title,.vi-modern .widget-area .vi-sidebar-post:focus .vi-sidebar-post-title{color:#2f5cff!important}
.vi-modern .widget-area .vi-sidebar-post.vi-sidebar-current .vi-sidebar-post-title{font-weight:800}
.vi-modern .widget-area .ttm-recent-post-list{list-style:none;padding:0;margin:0}
.vi-modern .widget-area .ttm-recent-post-list>li{padding:0!important;margin:0 0 14px!important;border:0!important;width:100%;display:block;line-height:inherit}
.vi-modern .widget-area .ttm-recent-post-list>li:last-child{margin-bottom:0!important}
.vi-modern .widget-area .vi-sidebar-post{display:flex;align-items:flex-start;gap:12px;text-decoration:none;color:inherit}
.vi-modern .widget-area .vi-sidebar-post-thumb{flex:0 0 64px;width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #eaeef6;background:#f4f7fd}
.vi-modern .widget-area .vi-sidebar-post-thumb img{display:block;width:100%;height:100%;object-fit:cover;float:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important}
.vi-modern .widget-area .vi-sidebar-post-body{flex:1 1 auto;min-width:0}
.vi-modern .widget-area .vi-sidebar-post-title{display:block;font-weight:700;color:#0e1730;font-size:.92rem;line-height:1.35;margin-bottom:4px;transition:color .15s ease}
.vi-modern .widget-area .vi-sidebar-post:hover .vi-sidebar-post-title{color:#2f5cff}
.vi-modern .widget-area .ttm-recent-post-list .post-date{display:block;font-size:.78rem;color:#94a3b8;line-height:1.3;margin-top:0}
.vi-modern .widget-area .ttm-recent-post-list .post-date i{margin-right:5px;color:#2f5cff}
.vi-modern .widget-area .tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.vi-modern .widget-area .tagcloud .tag-cloud-link{display:inline-block;background:#f1f4fb;color:#41506b;font-weight:600;font-size:.8rem;padding:6px 12px;border-radius:999px;text-decoration:none;margin:0;transition:background .15s ease,color .15s ease}
.vi-modern .widget-area .tagcloud .tag-cloud-link:hover{background:#2f5cff;color:#fff}
.vi-modern .widget-area .vi-sidebar-product-list{list-style:none;padding:0;margin:0}
.vi-modern .widget-area .vi-sidebar-product-item{padding:0!important;margin:0 0 14px!important;border:0!important}
.vi-modern .widget-area .vi-sidebar-product-item:last-child{margin-bottom:0!important}
.vi-modern .widget-area .vi-sidebar-product-thumb img{object-fit:contain;background:#fff}
.vi-modern .widget-area .vi-sidebar-product-cat{display:block;font-size:.78rem;color:#94a3b8;margin-top:3px}
.vi-modern .widget-area .vi-sidebar-product-cat i{margin-right:4px;color:#2f5cff}
.vi-modern .widget-area .vi-sidebar-product-price{display:block;margin-top:6px;font-weight:800;color:#0e1730;font-size:.9rem}
.vi-modern .widget-area .vi-product-buy .vi-price{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 12px}
.vi-modern .widget-area .vi-product-buy .urun-fiyat{display:block;float:none;margin:0;font-size:1.45rem;font-weight:800;color:#0e1730;text-decoration:none;line-height:1.25}
.vi-modern .widget-area .vi-product-buy .urun-efiyat{display:block;float:none;margin:0;font-size:.95rem;color:#94a3b8;text-decoration:line-through;font-weight:600;line-height:1.25}
.vi-modern .widget-area .vi-product-buy .vi-buy-btn{display:block;width:100%;margin-top:10px;border-radius:12px;font-weight:700;padding:12px 16px;background:var(--vi-buy-bg,#28a745);color:var(--vi-buy-fg,#fff)!important;border:1px solid var(--vi-buy-bg,#28a745);transition:filter .15s ease,transform .12s ease}
.vi-modern .widget-area .vi-product-buy .vi-buy-btn:hover,.vi-modern .widget-area .vi-product-buy .vi-buy-btn:focus{filter:brightness(1.06);color:var(--vi-buy-fg,#fff)!important;transform:translateY(-1px)}
.vi-modern .widget-area .vi-product-buy .urun-fiyat i{margin-right:6px;color:#f97316}

/* Sidebar — sticky + içerik/görsel hizası (blog, ürün, hizmet, sayfa, marka, bölge)
   shortcodes.css .sidebar div.widget-area{margin-top:65px} + .content-area{padding-top:65px}
   ikisini birlikte iptal edip offset'i görsel/kart hizasına taşıyoruz. */
.vi-modern .vipagecontent{
  align-items:flex-start;
  padding-top:65px;
}
.vi-modern .vipagecontent>.content-area{padding-top:0!important}
@media (min-width:992px){
  .vi-modern .vipagecontent.vi-sidebar-sticky-on>.widget-area:not(.mobile){
    position:sticky!important;
    top:var(--vi-sidebar-sticky-top,96px);
    align-self:flex-start;
    z-index:2;
    margin-top:0!important;
    padding-top:var(--vi-sidebar-offset,0);
  }
  /* Detay: pagetitle + pagehr → kapak görseli */
  .vi-modern.vi-article:not(.vi-product-detail) .vipagecontent.vi-sidebar-sticky-on>.widget-area:not(.mobile){
    --vi-sidebar-offset:calc(2.3rem * 1.2 + 6px + 14px + 4px + 22px);
  }
  /* Liste: section-title → kart görseli */
  .vi-modern.vi-blog .vipagecontent.vi-sidebar-sticky-on>.widget-area:not(.mobile){
    --vi-sidebar-offset:calc(2.4rem * 1.2 + 24px);
  }
  /* Ürün listesi / kategori: başlık + arama satırı → kart görseli */
  .vi-modern.vi-urun-list .vipagecontent.vi-sidebar-sticky-on>.widget-area:not(.mobile){
    --vi-sidebar-offset:calc(2.4rem * 1.2 + 24px + 5rem);
  }
  /* Ürün detay: başlık row dışında */
  .vi-modern.vi-product-detail .vipagecontent.vi-sidebar-sticky-on>.widget-area:not(.mobile){
    --vi-sidebar-offset:0;
  }
}

/* Proje detay (project single) ek katman */
.vi-modern.vi-project .projecttitle .title{font-size:2.3rem;font-weight:800;color:#0e1730;letter-spacing:-.02em}
.vi-modern.vi-project .projecttitle hr{border:0;border-top:4px solid;border-image:linear-gradient(90deg,#2f5cff,#7aa0ff) 1;width:64px;margin:8px 0 0}
.vi-modern.vi-project .ttm-pf-single-detail-box{background:#fff;border:1px solid #eaeef6;border-radius:20px;padding:24px;box-shadow:0 10px 30px -24px rgba(14,23,48,.4)}
.vi-modern.vi-project .ttm-pf-single-title h5{font-size:1.1rem;font-weight:800;color:#0e1730;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #eef2fb}
.vi-modern.vi-project .ttm-pf-detailbox-list{list-style:none;padding:0;margin:0}
.vi-modern.vi-project .ttm-pf-detailbox-list li{padding:9px 0;border-bottom:1px dashed #eef2fb;color:#41506b;font-size:.95rem}
.vi-modern.vi-project .ttm-pf-detailbox-list li:last-child{border-bottom:0}
.vi-modern.vi-project .ttm-pf-detailbox-list li span{font-weight:700;color:#0e1730}
.vi-modern.vi-project .ttm_single_image-wrapper img,.vi-modern.vi-project .featured-thumbnail img{border-radius:20px;border:1px solid #eaeef6;box-shadow:0 18px 44px -30px rgba(14,23,48,.5)}
.vi-modern.vi-project .project-slide .featured-thumbnail{padding:0 4px}
.vi-modern.vi-project .ttm-pf-single-related-wrapper{margin-top:36px}
.vi-modern.vi-project .ttm-pf-single-related-wrapper h4{font-weight:800;color:#0e1730}
.vi-modern.vi-project .featured-imagebox-portfolio{background:#fff;border:1px solid #eaeef6;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px -24px rgba(14,23,48,.4);transition:transform .2s ease,box-shadow .25s ease}
.vi-modern.vi-project .featured-imagebox-portfolio:hover{transform:translateY(-5px);box-shadow:0 26px 46px -28px rgba(14,23,48,.5)}
.vi-modern.vi-project .featured-imagebox-portfolio .featured-thumbnail img{border-radius:0;border:0;box-shadow:none;width:100%}
.vi-modern.vi-project .featured-imagebox-portfolio .featured-content{padding:16px 18px}
.vi-modern.vi-project .featured-imagebox-portfolio .featured-title h5{margin:0;font-size:1rem;font-weight:700}
.vi-modern.vi-project .featured-imagebox-portfolio .featured-title a{color:#0e1730;text-decoration:none}
.vi-modern.vi-project .featured-imagebox-portfolio .featured-title a:hover{color:#2f5cff}

/* Ürün detay (urun single) ek katman — başlık/çizgi: style.css (.uruntitle, .uruntitlehr) */
.vi-modern.vi-product-detail{padding-top:22px}
@media screen and (max-width:1199px){
  .vi-modern.vi-product-detail{padding-top:16px}
}
.vi-modern.vi-product-detail .uruntitle{margin:0 0 8px;padding:0;line-height:1.25}
.vi-modern.vi-product-detail .uruntitlehr{margin-top:0;margin-bottom:18px}
/* shortcodes .product + .ttm-single-product-details → beyaz kutu; galeri şeffaf kalsın */
.vi-modern.vi-product-detail .ttm-single-product-details.product:first-of-type{background:transparent!important;border:0!important;box-shadow:none!important;margin-bottom:20px}
.vi-modern.vi-product-detail .ttm-single-product-details.product:first-of-type .ttm-single-product-info{padding:0;background:transparent!important}
/* Açıklama kartı — köşeler yuvarlak (vi-detail-content; :last-of-type etiket sonrası div yüzünden çalışmıyordu) */
.vi-modern.vi-product-detail .vi-detail-content{border-radius:20px!important;overflow:hidden;border:1px solid #eaeef6!important;box-shadow:0 10px 30px -24px rgba(14,23,48,.4)!important;background:#fff!important}
.vi-modern.vi-product-detail .vi-detail-content .ttm-single-product-info{padding:24px 28px}
.vi-modern.vi-product-detail .vi-detail-content-footer{margin-top:22px;padding-top:18px;border-top:1px solid #eef2fb}
.vi-modern.vi-product-detail .vi-detail-content-footer .ttm-blog-single-content{margin-top:0}
.vi-modern.vi-product-detail .vi-detail-gallery{align-items:flex-start;gap:16px}
.vi-modern.vi-product-detail .main-image{flex:1 1 auto;min-width:0;width:100%}
.vi-modern.vi-product-detail .vi-detail-main-frame{position:relative;width:100%;height:420px;border-radius:20px;border:1px solid #eaeef6;overflow:hidden;background:#fff;box-shadow:none}
.vi-modern.vi-product-detail .vi-detail-main-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vi-modern.vi-product-detail .vi-detail-main-frame img#mainImage{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;padding:0;border:0;border-radius:0;box-shadow:none}
.vi-modern.vi-product-detail .vi-detail-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;opacity:0;pointer-events:none;transition:opacity .2s ease;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.vi-modern.vi-product-detail .vi-detail-main-frame:hover .vi-detail-zoom{opacity:1}
.vi-modern.vi-product-detail .vi-detail-thumb-wrap{padding:4px}
.vi-modern.vi-product-detail .vi-detail-thumb-btn{display:block;padding:0;border:0;background:transparent;cursor:pointer;border-radius:12px;line-height:0}
.vi-modern.vi-product-detail .urun-thumbs .small-thumb{width:88px;height:88px;object-fit:cover;border-radius:12px!important;border:2px solid #eaeef6!important;padding:0!important;transition:border-color .15s ease,transform .12s ease}
.vi-modern.vi-product-detail .vi-detail-thumb-btn.is-active .small-thumb,.vi-modern.vi-product-detail .vi-detail-thumb-btn:hover .small-thumb{border-color:#2f5cff!important;transform:translateY(-2px)}
.vi-modern.vi-product-detail .ttm-single-product-info{color:#41506b;font-size:1.02rem;line-height:1.8}
.vi-modern.vi-product-detail .ttm-single-product-info h2,.vi-modern.vi-product-detail .ttm-single-product-info h3,.vi-modern.vi-product-detail .ttm-single-product-info h4{color:#0e1730;font-weight:800}
body.vi-lightbox-open{overflow:hidden}

/* Ürün detay lightbox — body kökünde; header (#masthead z-index:1000) üstünde */
#lightboxGallery.lightbox-gallery{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:10050}
#lightboxGallery .lightbox-slides{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#lightboxGallery .gallery-slide{display:none;max-width:90%;max-height:90%;object-fit:contain}
#lightboxGallery .gallery-slide.is-active{display:block}
#lightboxGallery .lightbox-close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer;background:transparent;border:0;line-height:1;padding:0;z-index:2}
#lightboxGallery .lightbox-prev,#lightboxGallery .lightbox-next{background:transparent;border:0;z-index:2}

/* Güvenli iletişim (secure-contact.js) — placeholder ve enjekte linkler */
.vi-secure-contact{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.vi-secure-contact:empty{display:none}
.vi-modern .vi-team-contact .vi-secure-contact{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.vi-modern .vi-team-contact .vi-secure-contact:empty{display:none}
.vi-modern .vi-team-contact .vi-secure-contact i{color:#2f5cff;width:16px;text-align:center;flex:0 0 auto;font-size:.95rem}
.vi-modern .vi-team-contact .vi-secure-contact a{color:#0e1730 !important;font-weight:600;word-break:break-word}
.vi-modern .vi-team-contact .vi-secure-contact a:hover{color:#2f5cff !important;text-decoration:underline}
.featured-imagebox-team .category .vi-secure-contact a{color:#fff !important}
.featured-imagebox-team .category .vi-secure-contact i{color:#fff}
/* Ekip kartı tel/mail — vi-team-contact scope */
.vi-modern .vi-team-contact span{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.vi-modern .vi-team-contact span:empty{display:none}

/* ===== EKİP KARTI DÜZELTME (yalnız .vi-team — diğer sayfalar etkilenmez) =====
   1) Resim kırpılmasın: portre oran + üstten hizala (yüz görünsün)
   2) Kartlar eşit yükseklik
   3) Belirgin hover efekti: kalkma + resim yakınlaşma + hafif tint */
.vi-modern .vi-ekip-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 24px;margin-top:-10px}
.vi-modern .vi-ekip-grid > .vi-col{flex:0 0 320px;width:320px;max-width:100%;padding:0;margin-bottom:0}
.vi-modern .vi-card.vi-team{width:100%;margin:0;height:100%}
.vi-modern .vi-team .vi-stage-cover{height:auto;aspect-ratio:1/1;width:100%;margin:0}
.vi-modern .vi-team .vi-stage-cover img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease}
.vi-modern .vi-team .vi-stage-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,23,48,0) 55%,rgba(14,23,48,.0));opacity:0;transition:opacity .3s ease}
.vi-modern .vi-team:hover{transform:translateY(-8px);box-shadow:0 38px 64px -28px rgba(14,23,48,.55)}
.vi-modern .vi-team:hover .vi-stage-cover img{transform:scale(1.07)}

/* ============================================================
   BANKA HESAPLARI (banka-list) — kendi izole scope'u (.vi-banka-modern)
   Önceki css/vi-banka.css buraya taşındı; başka sayfaya karışmaz.
   ============================================================ */
/* Banka bölümünde kabı biraz genişlet — kartlar yatayda daha geniş (yalnız bu sayfa) */
.auto-container:has(.vi-banka-modern){max-width:1300px}

/* Bölüm arkaplanı — gradyan site-main::before üzerinde */
.vi-banka-modern{position:relative;z-index:0}
.vi-banka-modern::before{display:none}

.vi-banka-modern .section-title h2.title{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;color:#0e1730;margin-bottom:10px}
.vi-banka-modern .section-title p{color:#6a768f;font-size:1.04rem;line-height:1.6}
.vi-banka-modern .vi-bank-col{margin-bottom:28px;display:flex}
.vi-banka-modern .vi-bank-card{width:100%;background:#fff;border:1px solid #eaeef6;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px -22px rgba(14,23,48,.4);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column}
.vi-banka-modern .vi-bank-card:hover{transform:translateY(-7px);box-shadow:0 34px 60px -30px rgba(14,23,48,.5);border-color:#dde4f3}
.vi-banka-modern .vi-bank-stage{position:relative;height:168px;overflow:hidden;background:linear-gradient(180deg,#fbfcff,#f2f5fc);border-bottom:1px solid #eaeef6}
.vi-banka-modern .vi-bank-stage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 3s ease-out}
.vi-banka-modern .vi-bank-card:hover .vi-bank-stage img{transform:scale(1.075);transition-delay:.15s}
.vi-banka-modern .vi-bank-body{padding:24px;display:flex;flex-direction:column;flex:1 1 auto}
.vi-banka-modern .vi-bank-name{font-size:1.18rem;font-weight:800;color:#0e1730;margin:0 0 18px;display:flex;align-items:center;gap:10px}
.vi-banka-modern .vi-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.15);flex:0 0 auto}
.vi-banka-modern .vi-bank-info{display:flex;flex-direction:column;gap:15px;margin-bottom:18px}
.vi-banka-modern .vi-bank-item{display:flex;align-items:flex-start;gap:12px}
.vi-banka-modern .vi-ic{flex:0 0 auto;width:36px;height:36px;border-radius:11px;background:#eef2ff;color:#2f5cff;display:flex;align-items:center;justify-content:center}
.vi-banka-modern .vi-ic svg{width:18px;height:18px}
.vi-banka-modern .vi-meta{min-width:0}
.vi-banka-modern .vi-k{font-size:.74rem;color:#6a768f;font-weight:600;margin-bottom:1px}
.vi-banka-modern .vi-v{font-size:.95rem;font-weight:700;color:#0e1730;line-height:1.35;word-break:break-word}
.vi-banka-modern .vi-v p{margin:0}
.vi-banka-modern .vi-bank-iban{margin-top:auto;padding-top:13px;background:linear-gradient(180deg,#f7f9fe,#eff3fc);border:1px solid #e3e9f6;border-radius:14px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.vi-banka-modern .vi-iban-main{min-width:0}
.vi-banka-modern .vi-iban-lab{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:#6a768f;font-weight:700;margin-bottom:3px}
.vi-banka-modern .vi-iban-num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;font-size:.9rem;color:#0e1730;word-break:break-all}
.vi-banka-modern .vi-cp{flex:0 0 auto;border:0;cursor:pointer;width:40px;height:40px;border-radius:11px;background:#2f5cff;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .12s}
.vi-banka-modern .vi-cp:hover{background:#244ddb;transform:translateY(-1px)}
.vi-banka-modern .vi-cp.done{background:#10b981}
.vi-banka-modern .vi-cp svg{width:18px;height:18px}

/* ============================================================
   BELGELER + KATALOG listesi — aynı 5:3 görsel kutusu (~405×243)
   Katalog: cover | Belge: contain (sertifika kırpılmaz)
   ============================================================ */
.vi-modern.vi-belge .vi-belge-grid{margin-top:-10px}
.vi-modern.vi-katalog .vi-card .vi-stage.vi-stage-cover,
.vi-modern.vi-belge .vi-belge-stage{
  position:relative;aspect-ratio:5/3;height:auto;width:100%;overflow:hidden;
  background:linear-gradient(180deg,#fbfcff,#f2f5fc);
  border-bottom:1px solid #eaeef6;padding:0;
}
.vi-modern.vi-katalog .vi-card .vi-stage.vi-stage-cover .vi-stage-link{
  position:absolute;inset:0;display:block;
}
.vi-modern.vi-katalog .vi-card .vi-stage.vi-stage-cover img,
.vi-modern.vi-belge .vi-belge-stage img{
  width:100%;height:100%;max-width:100%;max-height:100%;
  display:block;padding:0;object-fit:cover;
  transition:transform 3s ease-out;
}
.vi-modern.vi-belge .vi-belge-stage img{object-fit:contain}
.vi-modern.vi-belge .vi-card:hover .vi-belge-stage img,
.vi-modern.vi-katalog .vi-card:hover .vi-stage.vi-stage-cover img{
  transform:scale(1.06);
  transition-delay:.15s;
}
.vi-modern.vi-belge .ttm-blog-overlay-iconbox{position:absolute;inset:0;z-index:3;pointer-events:none}
.vi-modern.vi-belge .ttm-blog-overlay-iconbox a{
  opacity:0;position:absolute;top:50%;left:50%;
  margin:-18px 0 0 -18px;width:36px;height:36px;line-height:36px;
  text-align:center;color:#fff;font-size:22px;background:transparent;
  transition:all .35s ease;transform:scale(0);pointer-events:auto;text-decoration:none;
}
.vi-modern.vi-belge .vi-card:hover .ttm-blog-overlay-iconbox a{opacity:1;transform:scale(1)}
.vi-modern.vi-belge .ttm-overlay-link{position:absolute;inset:0;z-index:2}
.vi-modern.vi-belge .ttm-box-view-overlay{position:absolute;inset:0;opacity:0;background:#1e2637;transition:opacity .35s ease}
.vi-modern.vi-belge .ttm-box-view-overlay::before,
.vi-modern.vi-belge .ttm-box-view-overlay::after{
  content:"";position:absolute;background:#1e2637;opacity:0;
  transition:opacity .4s ease,transform .4s ease;
}
.vi-modern.vi-belge .ttm-box-view-overlay::before{top:0;left:0;right:0;height:50%;transform:translateY(-100%)}
.vi-modern.vi-belge .ttm-box-view-overlay::after{bottom:0;left:0;right:0;height:50%;transform:translateY(100%)}
.vi-modern.vi-belge .vi-card:hover .ttm-box-view-overlay{opacity:.55}
.vi-modern.vi-belge .vi-card:hover .ttm-box-view-overlay::before,
.vi-modern.vi-belge .vi-card:hover .ttm-box-view-overlay::after{opacity:.5;transform:translateY(0)}
.vi-modern.vi-belge .vi-card.no-overlay .ttm-blog-overlay-iconbox,
.vi-modern.vi-belge .vi-card.no-overlay .ttm-overlay-link{display:none}
.vi-modern.vi-belge .vi-card .vi-card-body{padding:22px 24px 24px;flex:1;display:flex;flex-direction:column}
.vi-modern.vi-belge .vi-card .vi-card-title{margin:0 0 8px}
.vi-modern.vi-belge .vi-card .vi-card-desc{color:#6a768f;font-size:.92rem;line-height:1.6;margin:0}
.vi-modern.vi-belge .vi-card .vi-card-desc p{margin:0 0 8px}
.vi-modern.vi-belge .vi-card .vi-card-desc p:last-child{margin-bottom:0}


/* Katalog listesi — buton hizası */
.vi-modern.vi-katalog .vi-card-body .vi-btn{margin-top:auto;align-self:flex-start}

/* Hizmetler — kapak fotoğrafı kartı */
.vi-modern.vi-hizmet .vi-stage-cover{height:210px}

/* Markalar — logo; kırpma yok, vi-stage-cover kullanılmaz */
.vi-modern.vi-marka .vi-stage{height:168px}
.vi-modern.vi-marka .vi-stage img{object-fit:contain}

/* Blog listesi */
.vi-modern.vi-blog .vi-stage-cover{height:200px}

/* Ürün listesi — kutu 240px sabit; görsel alanı doldurur */
.vi-modern.vi-urun-list .vi-product .vi-stage-cover{height:240px}
.vi-modern.vi-urun-list .vi-product .vi-stage-cover .vi-stage-link{position:absolute;inset:0;display:block}
.vi-modern.vi-urun-list .vi-product .vi-stage-cover img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;padding:0;display:block}

/* Paketler — vi-pricing scope (genel .vi-pricing kuralları geçerli) */
.vi-modern.vi-paket .vi-pricing .vi-card-body{display:flex;flex-direction:column}

/* İletişim sayfası → css/pages/contact.css */

/* ============================================================
   .vi-foot — footer hafif modern cila (admin renkleri korunur)
   ============================================================ */
.vi-foot .second-footer .foolink{color:var(--foot-text)!important}
.vi-foot .second-footer .foolink:hover{background:var(--foot-bg)!important;color:var(--foot-text)!important}
.vi-foot .quicklink-box .featured-icon-box .ttm-icon:before{border-left-color:var(--foot-icon-accent)!important}
.ttm-blog-single .ttm-blog-single-content blockquote{border-left-color:var(--foot-icon-accent)!important}
.vi-foot .widget-title{font-weight:800;letter-spacing:-.01em;margin-bottom:18px}
.vi-foot .widget-area .link-widget ul li{margin-bottom:0}
.vi-foot .widget-area .link-widget ul li a.foolink{display:block;padding:0;position:relative;line-height:1.35;transition:transform .18s ease,opacity .18s ease;opacity:.92}
.vi-foot .widget-area .link-widget ul li a.foolink:hover{transform:translateX(5px);opacity:1}
.vi-foot .widget ul#menu-footer-services li a,
.vi-foot .widget ul#menu-footer-links-2 li a{padding-left:16px}
.vi-foot .widget ul#menu-footer-services li a:before,
.vi-foot .widget ul#menu-footer-links-2 li a:before{font-family:'FontAwesome';content:"\f101";position:absolute;left:0;top:50%;transform:translateY(-50%);line-height:1;font-size:15px}
.vi-foot .quicklink-box{border-radius:14px;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease;box-shadow:0 14px 30px -22px rgba(0,0,0,.5)}
.vi-foot .quicklink-box:hover{transform:translateY(-3px);box-shadow:0 24px 44px -24px rgba(0,0,0,.6)}
.vi-foot .social-icons.circle li a{transition:transform .18s ease,box-shadow .2s ease}
.vi-foot .social-icons.circle li a:hover{transform:translateY(-3px);box-shadow:0 12px 24px -12px rgba(0,0,0,.55)}

/* Yukarı ok — scroll ilerleme halkası */
#totop.vi-totop{
  position:fixed;
  right:34px;
  bottom:34px;
  z-index:999;
  width:58px;
  height:58px;
  margin:0;
  padding:0;
  border:0;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:transparent!important;
  color:inherit;
  text-decoration:none;
  font-size:0;
  line-height:1;
  text-align:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease;
}
#totop.vi-totop.top-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  width:58px;
  height:58px;
  display:flex;
}
#totop.vi-totop .vi-totop__svg{
  position:absolute;
  top:50%;
  left:50%;
  width:58px;
  height:58px;
  margin:0;
  padding:0;
  transform:translate(-50%,-50%) rotate(-90deg);
  transform-origin:center center;
  z-index:0;
  pointer-events:none;
}
#totop.vi-totop .vi-totop__track,
#totop.vi-totop .vi-totop__progress{
  fill:none;
  stroke-width:2.5;
}
#totop.vi-totop .vi-totop__track{stroke:rgba(15,23,42,.14)}
#totop.vi-totop .vi-totop__progress{
  stroke:var(--theme-color);
  stroke-linecap:butt;
  transition:stroke-dashoffset .1s linear;
}
#totop.vi-totop .vi-totop__btn{
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--theme-color);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
  transform:translate(-50%,-50%);
  box-shadow:0 10px 22px -10px rgba(15,23,42,.45);
  transition:transform .2s ease,box-shadow .25s ease;
}
#totop.vi-totop .vi-totop__btn i{
  display:block;
  line-height:1;
  margin:0;
  padding:0;
}
#totop.vi-totop:hover .vi-totop__btn{
  transform:translate(-50%,calc(-50% - 2px));
  box-shadow:0 14px 28px -12px rgba(15,23,42,.5);
}
@media (prefers-reduced-motion:reduce){
  #totop.vi-totop,#totop.vi-totop .vi-totop__btn,#totop.vi-totop .vi-totop__progress{transition:none}
}