/* ==========================================================================
   BURSABIL GOVDE 2026 — ana sayfa .icerik (paketler, tercih edenler, referanslar, yorumlar, kampanyalar,
   onemli baglantilar, guven rozetleri, banka). ICERIK ORIJINAL; rozet metinleri gorsellerden birebir.
   Header + hero ile TEK BEDEN: ayni kap (--bb-kap), Onest, palet, yaricap (kart 18 / ic 12), golge dili.
   ========================================================================== */
:root { --bb-kap: min(1440px, calc(100vw - 48px)); }
.gv, .gv * { box-sizing: border-box; }
.gv { width: var(--bb-kap); margin: 0 auto 36px; font-family: "Onest", "Segoe UI", system-ui, sans-serif; color: #16222D; -webkit-font-smoothing: antialiased; }
.gv a { text-decoration: none; }
.gv :focus-visible { outline: 2px solid #2A9142; outline-offset: 3px; border-radius: 10px; }
.gv-kart { position: relative; background: #fff; border-radius: 18px; box-shadow: 0 18px 40px -30px rgba(12,27,42,.55), 0 0 0 1px rgba(12,27,42,.07); }
.gv-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 0; }
.gv-bas h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 16px; font-weight: 700; letter-spacing: -.01em; }
.gv-bas h2 i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--gv-renk-zemin, #E9F1FA); color: var(--gv-renk, #1A79AA); }
.gv-bas h2 i svg { width: 17px; height: 17px; }
.gv-bag { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 10px; border-radius: 8px; font-size: 12.5px; font-weight: 600; color: #4A5866; transition: background-color .15s, color .15s; white-space: nowrap; }
.gv-bag svg { width: 14px; height: 14px; }
.gv-bag:hover { background: #F3F5F7; color: #16222D; }

/* PAKETLER */
.gv-paketler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.gv-paket { display: flex; flex-direction: column; padding: 22px 22px 18px; border-top: 3px solid var(--gv-renk); }
.gv-paket i { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: var(--gv-renk-zemin); color: var(--gv-renk); }
.gv-paket i svg { width: 24px; height: 24px; }
.gv-paket h3 { margin: 16px 0 0; font-size: 15px; font-weight: 700; letter-spacing: .03em; color: #16222D; }
.gv-paket p { flex: 1; margin: 8px 0 18px; font-size: 13.5px; line-height: 1.55; color: #4A5866; }
.gv-paket a { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 10px; background: var(--gv-renk-zemin); color: var(--gv-renk-koyu); font-size: 13px; font-weight: 600; transition: background-color .15s, color .15s; }
.gv-paket a svg { width: 15px; height: 15px; transition: transform .15s; }
.gv-paket a:hover { background: var(--gv-renk); color: #fff; }
.gv-paket a:hover svg { transform: translateX(2px); }

/* ALT IZGARA: sol iki sutun icerik, sag sutun baglantilar + rozetler */
.gv-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 360px; gap: 16px; margin-top: 16px; align-items: stretch; }
.gv-sag { grid-column: 3; grid-row: 1 / span 3; display: flex; flex-direction: column; gap: 16px; }

/* kayan logo / referans seridi (yavas, uzerine gelince durur; azaltilmis harekette kaydirilabilir liste) */
.gv-serit { position: relative; overflow: hidden; margin: 16px 0 20px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.gv-serit ul { display: flex; gap: 12px; width: max-content; margin: 0; padding: 0 20px; list-style: none; animation: gvKay var(--gv-sure, 60s) linear infinite; }
.gv-kart:hover .gv-serit ul, .gv-serit:focus-within ul { animation-play-state: paused; }
.gv-serit li { flex: none; display: grid; place-items: center; width: 172px; height: 112px; padding: 8px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px #E8ECF0; }
.gv-serit img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
@keyframes gvKay { to { transform: translateX(-50%); } }

/* yorumlar / kampanyalar */
.gv-not { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 18px 20px 0; }
.gv-not i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--gv-renk-zemin); color: var(--gv-renk); }
.gv-not i svg { width: 22px; height: 22px; }
.gv-not p { margin: 0; font-size: 13.5px; line-height: 1.6; color: #4A5866; }
.gv-ayak { display: flex; justify-content: space-between; gap: 12px; margin: 16px 20px 18px; padding-top: 12px; border-top: 1px solid #EEF1F4; font-size: 12.5px; }
.gv-ayak a { color: #12708A; font-weight: 500; }
.gv-ayak a:hover { color: #16222D; }

/* onemli baglantilar */
.gv-liste { margin: 10px 0 12px; padding: 0 12px; list-style: none; }
.gv-liste a { display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 0 10px 0 12px; border-radius: 10px; font-size: 14px; font-weight: 500; color: #16222D; transition: background-color .15s, color .15s; }
.gv-liste a svg { width: 16px; height: 16px; color: #A3AFBB; transition: transform .15s, color .15s; }
.gv-liste a:hover { background: #F3F5F7; color: #12708A; }
.gv-liste a:hover svg { color: #2A9142; transform: translateX(2px); }
.gv-liste li + li a { margin-top: 2px; }

/* guven rozetleri (s1/s2/s3 gorselleri metinleriyle birebir HTML) */
.gv-rozet { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 14px; padding: 16px 18px; color: #16222D; transition: box-shadow .2s, transform .2s; }
a.gv-rozet:hover { transform: translateY(-2px); box-shadow: 0 22px 44px -28px rgba(12,27,42,.6), 0 0 0 1px rgba(12,27,42,.09); }
.gv-rozet i { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--gv-renk-zemin); color: var(--gv-renk); }
.gv-rozet i svg { width: 24px; height: 24px; }
.gv-rozet b { display: block; font-size: 15px; font-weight: 700; letter-spacing: -.01em; }
.gv-rozet span { display: block; margin-top: 2px; font-size: 13px; color: #4A5866; font-variant-numeric: tabular-nums; }
.gv-rozet small { display: block; margin-top: 3px; font-size: 10.5px; font-weight: 600; letter-spacing: .08em; color: #7A8794; }
.gv-rozet .gv-buyuk { font-size: 22px; font-weight: 700; color: #16222D; letter-spacing: -.02em; }

/* banka / odeme seridi */
.gv-banka { grid-column: 1 / span 2; display: flex; align-items: center; gap: 20px; padding: 14px 20px; }
.gv-banka-ad { flex: none; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: #4A5866; }
.gv-banka img { display: block; max-width: 100%; height: auto; mix-blend-mode: multiply; }

@media (prefers-reduced-motion: reduce) { .gv-serit { overflow-x: auto; } .gv-serit ul { animation: none; } .gv * { transition: none !important; } }
@media (max-width: 1100px) { .gv-paketler { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gv-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .gv-sag { grid-column: 1 / -1; grid-row: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .gv-banka { grid-column: 1 / -1; } }

/* ana sayfada zemin: header/hero/govde ayni serin sis tonunda (tek beden) */
body:has(.gv) { background: #EDF0F3 !important; }
/* banka seridi: gorselin gomulu gri cercevesi/zemini temizlendi (banka26.png), kartta ortali */
.gv-banka { justify-content: center; gap: 28px; padding: 18px 24px; }
.gv-banka img { mix-blend-mode: normal; }
/* 2026-10-24 logolar + referanslar (kullanici: "bozuk bozuk gorunuyor"): 150x71 kaynaklar temizlendi/3x keskinlestirildi (/assets26/ref).
   Logolar ayni olcude karolarda (beyaz zeminliler saydam + ortali; kendi zeminli olanlar yuvarlatilmis rozet). Referanslar: eski suslu cerceve atildi,
   yalniz site goruntusu modern tarayici cercevesinde. */
.gv-serit li { background: #fff; box-shadow: inset 0 0 0 1px #E8ECF0; transition: box-shadow .2s, transform .2s; }
.gv-serit li:hover { box-shadow: inset 0 0 0 1px #D3DAE1, 0 12px 24px -16px rgba(12,27,42,.5); transform: translateY(-2px); }
.gv-logo { width: 190px; height: 112px; padding: 14px 16px; }
.gv-logo img { max-height: 70px; object-fit: contain; }
.gv-logo-rozet { padding: 12px; }
.gv-logo-rozet img { width: 100%; height: 100%; max-height: none; object-fit: cover; border-radius: 8px; }
.gv-ref { display: flex !important; flex-direction: column; width: 216px; height: 124px; padding: 0 !important; overflow: hidden; border-radius: 12px; }
.gv-ref-bar { flex: none; display: flex; align-items: center; gap: 5px; height: 20px; padding: 0 10px; background: #F3F5F7; border-bottom: 1px solid #E8ECF0; }
.gv-ref-bar i { width: 7px; height: 7px; border-radius: 50%; background: #D3DAE1; }
.gv-ref-bar i:first-child { background: #C43D3D; } .gv-ref-bar i:nth-child(2) { background: #F5C142; } .gv-ref-bar i:nth-child(3) { background: #45C46A; }
.gv-ref img { flex: 1; width: 100% !important; max-width: none !important; max-height: none !important; height: 0 !important; min-height: 0; object-fit: cover; object-position: top center; }
.gv-ref { align-items: stretch !important; place-items: stretch !important; } .gv-ref-bar { width: 100%; }
/* banka seridi v2: tek gorsel yerine 8 resmi logo, esit hucreler + ince ayraclar (footer teknoloji seridiyle ayni dil) */
.gv-banka { display: block; padding: 10px 12px; }
.gv-banka-l { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); align-items: center; margin: 0; padding: 0; list-style: none; }
.gv-banka-l li { display: grid; place-items: center; height: 72px; padding: 0 12px; }
.gv-banka-l li + li { border-left: 1px solid #EEF1F4; }
.gv-banka-l img { display: block; width: auto; max-width: 100%; object-fit: contain; transition: transform .2s; }
.gv-banka-l li:hover img { transform: scale(1.05); }
@media (max-width: 1100px) { .gv-banka-l { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 8px; } .gv-banka-l li:nth-child(5) { border-left: 0; } }