@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/nunito-sans-latin-ext.3a97847bca8b.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/nunito-sans-latin.e31445dff877.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/sora-latin-ext.806809d847e9.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/sora-latin.f544d77b0e9b.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Servisfe: beyaz sayfa, kare köşe, ince çok renkli üst çizgi, düz metin menü. */
:root {
  --v-hat: #0A7C8E;
  --v-hat-koyu: #07616F;
  --v-derin: #06353F;
  --v-sis: #EEF6F7;
  --v-kum: #F7F2E8;
  --v-beyaz: #FFFFFF;
  --v-murekkep: #12262D;
  --v-gri: #4A6068;
  --v-cizgi: #C6DCE0;
  --v-isik: #8FDDE8;
  --v-pale: #F1F3F4;
  --v-uyari: #8F3E0B;
  --v-uyari-zemin: #FFF1E2;
  --v-hata: #A12B2B;
  --v-yazi: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --v-baslik: 'Sora', 'Nunito Sans', system-ui, sans-serif;
  --v-genis: 1170px;
  --v-dar: 46rem;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body.v-kasa { margin: 0; background: var(--v-beyaz); color: var(--v-murekkep); font: 400 1rem/1.65 var(--v-yazi); }
img, svg { max-width: 100%; }
h1, h2, h3 { font-family: var(--v-baslik); line-height: 1.22; letter-spacing: -.01em; color: var(--v-murekkep); margin: 0 0 .6em; font-weight: 700; }
h1 { font-size: clamp(1.7rem, 4.6vw, 2.6rem); font-weight: 700; }
h2 { font-size: clamp(1.25rem, 2.8vw, 1.6rem); margin-top: 1.8em; }
h3 { font-size: 1.1rem; }
p { margin: 0 0 1em; }
a { color: var(--v-hat-koyu); text-underline-offset: .2em; }
a:hover { color: var(--v-derin); }
:focus-visible { outline: 3px solid var(--v-hat); outline-offset: 3px; }
.v-sarma { width: min(100% - 2rem, var(--v-genis)); margin-inline: auto; }
.v-gec-bagi { position: absolute; left: -999px; top: 0; background: var(--v-derin); color: #fff; padding: .6rem 1rem; z-index: 50; }
.v-gec-bagi:focus { left: 0; }
.v-konu-izi { font: 600 .82rem/1 var(--v-baslik); color: var(--v-gri); margin-bottom: 1rem; }
.v-giris-yazi { font-size: 1.1rem; line-height: 1.6; color: #25414a; max-width: 44rem; }
.v-tikac, .v-kare-dugme { display: inline-block; background: var(--v-hat-koyu); color: #fff; text-decoration: none; font: 600 .95rem/1 var(--v-baslik); padding: .95rem 1.5rem; border: 2px solid var(--v-hat-koyu); border-radius: 0; cursor: pointer; }
.v-tikac:hover, .v-kare-dugme:hover { background: var(--v-derin); border-color: var(--v-derin); color: #fff; }
.v-tikac-hafif { background: transparent; color: var(--v-hat-koyu); }
.v-tikac-hafif:hover { background: var(--v-hat-koyu); }
.v-bag-ok, .v-ok { font: 600 .92rem var(--v-baslik); text-decoration: none; }
.v-bag-ok::before, .v-ok::before { content: "\203A\00a0"; }
.v-bag-ok:hover, .v-ok:hover { text-decoration: underline; }
.v-uyari-kutu { background: var(--v-uyari-zemin); border-left-color: var(--v-uyari); color: #4a2205; }
.v-uyari-kutu { border: 1px solid #E8C29C; border-left: 5px solid var(--v-uyari); padding: 1rem 1.2rem; font-size: .98rem; }
.v-kisa-liste { padding-left: 1.2rem; margin: 0 0 1em; }
.v-kisa-liste li { margin-bottom: .35rem; }
.v-ic { stroke: var(--v-hat); }
.v-resim { width: 3.4rem; height: 3.4rem; color: var(--v-hat-koyu); flex: none; }

/* --- Üst: ince renk çizgisi, logo, düz menü, gri bağlantı çubuğu --------- */
.v-seritler { display: flex; height: 4px; position: absolute; left: 0; right: 0; top: 0; }
.v-seritler i { flex: 1; }
.v-seritler i:nth-child(1) { background: var(--v-derin); }
.v-seritler i:nth-child(2) { background: var(--v-hat-koyu); }
.v-seritler i:nth-child(3) { background: var(--v-hat); }
.v-seritler i:nth-child(4) { background: var(--v-isik); }
.v-seritler i:nth-child(5) { background: #D9C9A3; }
.v-memba { background: var(--v-beyaz); position: relative; z-index: 20; height: 132px; }
.v-memba-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 132px; padding-top: 4px; }
.v-memba-marka { display: block; line-height: 0; height: 66px; padding-top: 18px; }
.v-memba-marka img { height: 30px; width: auto; }
.v-memba-not { display: none; margin: 0; font-size: .875rem; color: var(--v-gri); }
.v-memba-menu { display: none; }
.v-memba-bag { color: var(--v-murekkep); text-decoration: none; font: 500 1rem/1.2 var(--v-baslik); padding: .2rem 0; border-bottom: 2px solid transparent; }
.v-memba-bag:hover { border-bottom-color: var(--v-cizgi); color: var(--v-murekkep); }
.v-simdi { border-bottom-color: var(--v-hat); }
.v-gri-bar { background: var(--v-pale); margin: 15px 0; }
.v-gri-ic { display: grid; grid-template-columns: repeat(3, 1fr); min-height: 109px; align-items: center; text-align: center; }
.v-gri-ic a { color: var(--v-murekkep); text-decoration: none; font-size: .78rem; line-height: 1.35; padding: 0 .6rem; }
.v-gri-ic a:hover { text-decoration: underline; }
.v-menu-kutu { display: block; width: 100%; }
.v-cekmece-dugme { list-style: none; cursor: pointer; font: 500 1rem/1 var(--v-baslik); height: 62px; border-top: 1px solid var(--v-pale); display: flex; gap: .6rem; align-items: center; }
.v-cekmece-dugme::-webkit-details-marker { display: none; }
.v-cekmece-dugme i { width: 14px; height: 10px; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; position: relative; }
.v-cekmece-dugme i::after { content: ""; position: absolute; left: 0; right: 0; top: 2px; border-top: 2px solid currentColor; }
.v-cekmece-liste { position: absolute; left: 0; right: 0; top: 132px; background: var(--v-beyaz); border-bottom: 1px solid var(--v-cizgi); padding: .6rem 1rem 1.2rem; display: grid; box-shadow: 0 14px 24px rgba(6, 53, 63, .12); }
.v-cekmece-liste a { padding: .55rem 0; color: var(--v-murekkep); text-decoration: none; font-weight: 600; border-bottom: 1px solid var(--v-pale); }
.v-cekmece-liste a.v-dip { font-weight: 400; font-size: .92rem; color: var(--v-gri); padding-left: 1rem; }
@media (min-width: 62rem) {
  .v-memba { height: 144px; }
  .v-memba-ust { height: 84px; padding: 4px 15px 0; flex-wrap: nowrap; }
  .v-memba-marka { height: auto; padding: 0; }
  .v-memba-menu { display: flex; gap: 35px; align-items: center; height: 60px; padding: 0 15px; }
  .v-menu-kutu { display: none; }
  .v-memba-not { display: block; margin-top: 14px; }
  .v-gri-bar { margin: 0; }
  .v-gri-ic { min-height: 46px; width: min(100% - 2rem, var(--v-genis)); margin-inline: auto; display: flex; justify-content: space-around; }
  .v-gri-ic a { font-size: .75rem; }
}

.v-yol-izi { font-size: .85rem; padding: 12px 0 0; margin-bottom: 0; }
.v-yol-izi ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem; }
.v-yol-izi li + li::before { content: "\203A"; margin-right: .3rem; color: var(--v-gri); }
.v-yol-izi a { color: var(--v-gri); }
.v-yol-izi [aria-current] { color: var(--v-murekkep); font-weight: 600; }

/* --- Ana sayfa: kayar bant ---------------------------------------------- */
.v-slayt { position: relative; background: #DDEDEF; }
.v-slayt-kayit { display: grid; }
.v-slayt-slayt { grid-area: 1 / 1; display: flex; flex-direction: column; visibility: hidden; background: var(--v-beyaz); }
.v-slayt-slayt:first-child, .v-slayt-slayt.v-acik { visibility: visible; }
.v-slayt-acik-yok .v-slayt-slayt:not(.v-acik) { visibility: hidden; }
.v-slayt-resim { position: relative; height: 153px; display: flex; align-items: center; justify-content: center; }
.v-slayt-resim ol { list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; }
.v-slayt-resim .v-resim { width: 3rem; height: 3rem; border: 2px solid var(--v-hat); background: var(--v-beyaz); padding: .5rem; }
.v-slayt-panel { background: var(--v-beyaz); padding: 15px 15px 20px; }
.v-slayt-panel h1, .v-slayt-panel h2 { font: 400 32px/32px var(--v-baslik); letter-spacing: 0; margin: 0 0 15px; }
.v-slayt-panel p { font-size: 14px; line-height: 21px; margin: 0 0 15px; }
.v-bildirim { margin: 0; padding: 12px 15px; font-size: 14px; line-height: 21px; color: #fff; background: var(--v-derin); }
.v-slayt-denetim { display: none; }
.v-slayt-nokta { display: none; }
@media (min-width: 62rem) {
  .v-slayt-slayt { display: block; position: relative; height: 563px; background: none; }
  .v-slayt-resim { position: absolute; inset: 0; height: auto; justify-content: flex-end; padding-right: 6vw; }
  .v-slayt-resim ol { gap: 1.2rem; position: relative; }
  .v-slayt-resim ol::before { content: ""; position: absolute; left: 1rem; right: 1rem; top: 50%; border-top: 3px dashed var(--v-hat); opacity: .45; }
  .v-slayt-resim .v-resim { position: relative; width: 4rem; height: 4rem; padding: .7rem; }
  .v-slayt-resim li { background: transparent; }
  .v-slayt-panel { position: absolute; left: 10%; top: 57px; width: 720px; padding: 35px 15px 25px; }
  .v-slayt-panel h1, .v-slayt-panel h2 { font-size: 36px; line-height: 36px; }
  .v-bildirim { position: absolute; left: 10%; bottom: 64px; width: 720px; }
  .v-slayt-denetim { display: flex; position: absolute; right: 135px; bottom: 14px; gap: 14px; }
  .v-slayt-ok { background: none; border: 0; color: var(--v-hat-koyu); cursor: pointer; padding: 6px; }
  .v-slayt-nokta { display: flex; gap: 10px; position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); }
  .v-slayt-nokta i { width: 10px; height: 10px; border-radius: 50%; background: #fff; opacity: .7; }
  .v-slayt-nokta i.v-acik { background: var(--v-hat-koyu); opacity: 1; }
}

.v-iki, .v-uc { display: grid; gap: 2rem; }
.v-iki { margin-top: 40px; }
.v-uc { margin-top: 70px; }
.v-karo { display: flex; flex-direction: column; align-items: flex-start; }
.v-karo-gorsel { width: 100%; aspect-ratio: 390 / 335; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }
.v-uc .v-karo-gorsel { aspect-ratio: 312 / 200; margin-bottom: 20px; }
.v-karo-gorsel .v-resim { width: 5rem; height: 5rem; }
.v-uc .v-karo-gorsel .v-resim { width: 4rem; height: 4rem; }
.v-ton-1 { background: #DDEDEF; } .v-ton-2 { background: #EAE4D4; } .v-ton-3 { background: #CFE4E8; }
.v-karo h2 { margin: 0 0 14px; font: 700 20px/28px var(--v-baslik); }
.v-karo p { color: var(--v-murekkep); font-size: 14px; line-height: 21px; margin: 0 0 16px; }
.v-karo .v-ok { margin-top: auto; font-size: 14px; color: var(--v-hat-koyu); }
@media (min-width: 50rem) {
  .v-karo-gorsel { aspect-ratio: 573 / 333; }
  .v-uc .v-karo-gorsel { aspect-ratio: 312 / 176; }
  .v-iki { grid-template-columns: 573fr 573fr; gap: 24px; }
  .v-uc { grid-template-columns: repeat(3, 312px); justify-content: space-between; column-gap: 0; }
  .v-iki .v-karo { height: 550px; }
  .v-uc .v-karo { height: 392px; }
  .v-uc .v-karo h2 { font-size: 18px; line-height: 24px; margin-bottom: 10px; }
}
@media (max-width: 49.99rem) { .v-iki.v-sarma { width: 100%; } .v-iki .v-karo > :not(.v-karo-gorsel) { margin-left: 16px; margin-right: 16px; } .v-uc .v-karo { width: min(312px, 100%); margin-inline: auto; } }
.v-gri-panel { background: var(--v-pale); margin-top: 0; padding: 50px 0; }
.v-gri-sutunlar { display: grid; gap: 30px; width: min(100% - 44px, 1126px); margin-inline: auto; }
.v-gri-sutunlar > div { display: flex; flex-direction: column; align-items: flex-start; }
.v-gri-sutunlar h3 { margin: 0 0 14px; font: 500 16px/19.2px var(--v-baslik); }
.v-gri-sutunlar p { font-size: 16px; line-height: 24px; margin: 0 0 16px; }
.v-gri-sutunlar .v-ok { margin-top: auto; font-size: 14px; color: var(--v-hat-koyu); }
@media (min-width: 50rem) {
  .v-gri-panel { height: 466px; padding: 104px 0; }
  .v-gri-sutunlar { grid-template-columns: repeat(3, 375px); gap: 0; height: 258px; }
  .v-gri-sutunlar > div { padding: 0 24px; }
}

/* --- Cihaz merkezi ve kartlar ------------------------------------------ */
.v-baslangic-liste { display: grid; gap: 1rem; margin: 0; }
.v-baslangic-liste dt { font: 700 1rem var(--v-baslik); }
.v-baslangic-liste dd { margin: .2rem 0 0; }
@media (min-width: 50rem) { .v-baslangic-liste { grid-template-columns: 1fr 1fr; gap: 1.6rem 3rem; } }
.v-grup-dugme { list-style: none; margin: 1.4rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.v-grup-dugme a { display: inline-flex; gap: .6rem; align-items: center; text-decoration: none; color: var(--v-murekkep); font: 600 .88rem var(--v-baslik); padding: .55rem .85rem; border: 1px solid var(--v-cizgi); }
.v-grup-dugme a:hover { border-color: var(--v-hat); }
.v-grup-dugme b { background: var(--v-pale); padding: .05rem .45rem; font-size: .78rem; }

/* --- Cihaz sayfası ------------------------------------------------------ */
.v-dur-kutu { background: var(--v-uyari-zemin); border: 1px solid #E3B88C; border-top: 4px solid var(--v-uyari); padding: 1.2rem 1.4rem 1.4rem; }
.v-dur-kutu h2 { margin-top: 0; color: var(--v-uyari); font-size: 1.2rem; }
.v-dur-kutu ul { padding-left: 1.2rem; }
@media (min-width: 62rem) { .v-dur-kutu { position: sticky; top: 1.5rem; } }
.v-adim-liste { counter-reset: adim; list-style: none; padding: 0; margin: 0 0 .8rem; }
.v-adim-liste li { counter-increment: adim; position: relative; padding: 0 0 .9rem 3rem; }
.v-adim-liste li::before { content: counter(adim); position: absolute; left: 0; top: -.1rem; width: 2rem; height: 2rem; background: var(--v-hat-koyu); color: #fff; font: 600 .9rem/2rem var(--v-baslik); text-align: center; }
.v-kutulu { list-style: none; padding: 0; margin: 0 0 .8rem; }
.v-kutulu li { position: relative; padding: .5rem 0 .5rem 2rem; border-top: 1px solid var(--v-pale); }
.v-kutulu li:first-child { border-top: 0; }
.v-kutulu li::before { content: ""; position: absolute; left: 0; top: .8rem; width: 1rem; height: 1rem; border: 2px solid var(--v-hat); }
.v-alt-diger { list-style: none; margin: 0 0 1.4rem; padding: 0; display: grid; gap: .8rem; }
.v-alt-diger a { display: block; height: 100%; padding: .9rem 1rem; background: var(--v-beyaz); text-decoration: none; color: var(--v-murekkep); }
.v-alt-diger a:hover { outline: 1px solid var(--v-hat); }
.v-alt-diger b { display: block; font: 700 .95rem var(--v-baslik); color: var(--v-hat-koyu); }
@media (min-width: 50rem) { .v-alt-diger { grid-template-columns: repeat(3, 1fr); } }

/* --- Formlar ve metin sayfaları ------------------------------------------ */
.v-girdi { margin-bottom: 1rem; }
.v-girdi label { display: block; font: 600 .88rem var(--v-baslik); margin-bottom: .35rem; }
.v-alan-yazi, .v-alan-secim, .v-alan-uzun { width: 100%; font: inherit; padding: .75rem .85rem; border: 1px solid #9DB2B8; border-radius: 0; background: var(--v-beyaz); color: var(--v-murekkep); }
.v-alan-yazi:focus, .v-alan-secim:focus, .v-alan-uzun:focus { border-color: var(--v-hat); outline: 2px solid var(--v-hat); outline-offset: 0; }
.v-girdi-sorunlu .v-alan-yazi, .v-girdi-sorunlu .v-alan-secim, .v-girdi-sorunlu .v-alan-uzun { border-color: var(--v-hata); }
.v-uyari-metin { color: var(--v-hata); font-weight: 600; font-size: .94rem; margin: .3rem 0 0; }
.v-tamam { background: #E6F4EC; border: 1px solid #A9D3B8; color: #14412A; padding: .9rem 1.1rem; }
.v-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.v-kapi-kutu { margin: 0 0 1rem; min-height: 65px; max-width: 100%; }
.v-form-not { font-size: .86rem; color: var(--v-gri); }
.v-iletisim-liste { padding-left: 1.2rem; }
.v-metin-sayfa { max-width: var(--v-dar); padding: 2.4rem 0 3rem; }
.v-metin-sayfa li { margin-bottom: .4rem; }
.v-bilgi-liste { display: grid; grid-template-columns: max-content 1fr; gap: .3rem 1.2rem; }
.v-bilgi-liste dt { font-weight: 700; } .v-bilgi-liste dd { margin: 0; }
.v-kayip { text-align: left; padding-bottom: 5rem; }

/* --- Alt bilgi: düz bağlantı listesi, tek satır yasal ----------------------- */
.v-alt { margin-top: 20px; background: var(--v-beyaz); padding-top: 38px; }
.v-alt-baslik { font: 400 28px/36px var(--v-baslik); letter-spacing: 0; margin: 0 0 24px; }
.v-alt-cok { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 0; }
.v-alt-cok li { min-height: 29px; }
.v-alt-cok a { color: var(--v-murekkep); text-decoration: none; font-size: 14px; line-height: 21px; }
.v-alt-cok a:hover { text-decoration: underline; }
@media (min-width: 50rem) { .v-alt-cok { grid-template-columns: repeat(4, 257px); margin-left: 81px; } .v-alt-cok li { height: 43px; } }
.v-alt-yasal { font-size: 12px; line-height: 18px; color: var(--v-gri); margin: 18px 0 0; padding: 22px 0 26px; border-top: 1px solid #D5DADC; }
.v-alt-yasal p { margin: 0; }
.v-alt-seri { margin-top: .5rem !important; }
.v-alt-yasal a { color: var(--v-gri); }
@media print { .v-memba, .v-gri-bar, .v-alt, .v-menu-kutu, .v-seritler { display: none; } }

/* --- Marka durakları: dizine alınmaz ------------------------------------------ */
.v-plaka { display: inline-block; border-bottom: 4px solid var(--v-hat); }
.v-plaka-kume { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.v-plaka-kume a { display: inline-block; text-decoration: none; color: var(--v-murekkep); border: 1px solid var(--v-cizgi); padding: .45rem .8rem; font: 500 .92rem var(--v-yazi); }
.v-plaka-kume a:hover { border-color: var(--v-hat); background: var(--v-pale); }
.v-plaka-harfler { margin-top: 1rem; }
.v-plaka-ara { margin-top: 1.4rem; max-width: 26rem; }
.v-plaka-ara label { display: block; font: 600 .85rem var(--v-baslik); margin-bottom: .35rem; }
.v-plaka-ara input { width: 100%; font: inherit; padding: .75rem 1rem; border: 1px solid #9DB2B8; border-radius: 0; background: var(--v-beyaz); color: var(--v-murekkep); }
.v-plaka-ara input:focus { outline: 2px solid var(--v-hat); }
.v-plaka-sonuc { margin: .4rem 0 0; font-size: .9rem; color: var(--v-gri); min-height: 1.4em; }
.v-plaka-not { margin: 0; }
.v-plaka-alt { margin-top: 1.2rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Dar ekran: karo ve alt bilgi yükseklikleri */
@media (max-width: 49.99rem) {
  .v-iki .v-karo:nth-child(1) { min-height: 580px; }
  .v-iki .v-karo:nth-child(2) { min-height: 550px; }
  .v-uc .v-karo:nth-child(1) { min-height: 441px; }
  .v-uc .v-karo:nth-child(2) { min-height: 411px; }
  .v-uc .v-karo:nth-child(3) { min-height: 391px; }
  .v-alt { padding-top: 50px; }
  .v-alt-baslik { margin-bottom: 47px; }
  .v-alt-yasal { min-height: 393px; }
}

/* === Alt sayfalar: destek sayfası iskeleti ============================== */
:root { --v-ince: #E0E2E5; --v-ust-cizgi: #C1C7CC; }
.v-ic-kap { width: min(100% - 32px, 1304px); margin-inline: auto; }
.v-ic-kap2 { width: min(100% - 32px, 1200px); margin-inline: auto; }

/* Üst: renk çizgisi + gri çubuk, sonra logo ve menü */
.v-ust-ic .v-seritler { position: static; height: 4px; }
.v-ust-ic .v-gri-bar { margin: 0; }
.v-ust-ic .v-gri-ic { display: flex; height: 48px; min-height: 48px; align-items: center; justify-content: flex-start; gap: 2rem; overflow-x: auto; white-space: nowrap; scrollbar-width: none; text-align: left; width: min(100% - 32px, var(--v-genis)); margin-inline: auto; }
.v-ust-ic .v-gri-ic a { font-size: .875rem; line-height: 20px; padding: 0; flex: none; }
.v-isay .v-memba { height: 104px; border-bottom: 1px solid var(--v-ust-cizgi); }
.v-isay .v-memba-ust { height: 104px; padding-top: 0; }
.v-isay .v-memba-marka { height: 56px; padding-top: 12px; }
.v-isay .v-cekmece-dugme { height: 48px; }
.v-isay .v-cekmece-liste { top: 104px; }
@media (min-width: 50rem) { .v-ust-ic .v-seritler { height: 8px; } }
@media (min-width: 62rem) {
  .v-ust-ic .v-gri-ic { justify-content: space-around; gap: 1rem; }
  .v-isay .v-memba { height: 168px; }
  .v-isay .v-memba-ust { height: 100px; padding: 37px 15px 0; }
  .v-isay .v-memba-marka { height: auto; padding: 0; }
  .v-isay .v-memba-menu { height: 68px; align-items: flex-start; padding-top: 10px; }
  .v-isay .v-memba-not { margin-top: 0; }
}
.v-isay .v-yol-izi { position: relative; height: 0; padding: 0; z-index: 3; }
.v-isay .v-yol-izi .v-sarma { position: relative; width: min(100% - 32px, 1304px); }
.v-isay .v-yol-izi ol { position: absolute; left: 0; top: 12px; font-size: .8125rem; line-height: 20px; }
@media (min-width: 50rem) { .v-isay .v-yol-izi ol { top: 40px; } }

/* Başlık bandı, blok, düz yazı */
.v-ic-baslik { padding: 48px 0 0; }
.v-ic-baslik h1 { margin: 0; font: 700 36px/44px var(--v-baslik); letter-spacing: 0; }
.v-ic-blok { padding: 48px 0; }
.v-ic-blok-ince { padding-top: 0; }
.v-ic-yazi { font-size: 14px; line-height: 20px; margin: 0 0 12px; max-width: none; }
.v-ic-giris { font-size: 16px; line-height: 24px; }
.v-ic-ust { margin-top: 32px; }
.v-ic-h { font: 700 24px/32px var(--v-baslik); letter-spacing: 0; margin: 0 0 8px; }
.v-ic-metin { padding-bottom: 48px; }
.v-ic-metin p, .v-ic-metin li { font-size: 16px; line-height: 24px; }
.v-ic-bolum { margin-top: 48px; }
.v-ic-ince { font-size: 14px !important; line-height: 20px !important; margin-top: 48px; }
.v-ic-dugme { display: inline-flex; align-items: center; height: 48px; padding: 0 16px; background: var(--v-hat-koyu); border: 1px solid var(--v-hat-koyu); color: #fff; text-decoration: none; font: 400 16px/24px var(--v-yazi); }
.v-ic-dugme:hover { background: var(--v-derin); border-color: var(--v-derin); color: #fff; }
.v-ic-dugme-hafif { background: transparent; color: var(--v-hat-koyu); margin-left: .5rem; }
.v-ic-dugme-hafif:hover { background: var(--v-hat-koyu); }
.v-ic-yasal h2 { font: 700 14px/20px var(--v-yazi); letter-spacing: 0; margin: 20px 0 12px; }
.v-ic-yasal .v-giris-yazi { font-size: 14px; line-height: 20px; color: inherit; max-width: none; margin: 0 0 12px; }
.v-ic-yasal p, .v-ic-yasal li { font-size: 14px; line-height: 20px; margin: 0 0 12px; }
.v-ic-yasal ul { padding-left: 1.2rem; margin: 0 0 12px; }
@media (min-width: 50rem) {
  .v-ic-baslik { padding-top: 80px; }
  .v-ic-baslik h1 { font-size: 64px; line-height: 72px; }
  .v-ic-blok { padding: 80px 0; }
  .v-ic-blok-ince { padding-top: 0; }
  .v-ic-h { font-size: 32px; line-height: 40px; }
  .v-ic-metin { padding-bottom: 80px; }
}

/* Kaydırmalı sıra: oklar ve kartlar */
.v-ray { margin: 0; --v-ray-sol: 0%; --v-ray-genis: 70%; }
.v-ray-ok, .v-ray-ust { display: flex; justify-content: flex-end; align-items: center; gap: 16px; margin: 24px 0; }
.v-ray-ust { justify-content: space-between; margin: 0 0 24px; }
.v-ray-ust .v-ray-ok { margin: 0; }
.v-ray-ust .v-ic-h { margin: 0; }
.v-ray-ok { gap: 16px; }
.v-ray-dugme { width: 32px; height: 32px; padding: 0; border: 1px solid #71767C; background: none; color: #71767C; display: grid; place-items: center; border-radius: 0; cursor: default; }
.v-ray-dugme-ileri { border-color: var(--v-hat-koyu); color: var(--v-hat-koyu); cursor: pointer; }
.v-ray-liste { list-style: none; margin: 0 0 28px; padding: 0; display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.v-ray-liste::-webkit-scrollbar { display: none; }
.v-ray-kart { flex: 0 0 100%; scroll-snap-align: start; border: 1px solid var(--v-ince); background: var(--v-beyaz); display: flex; flex-direction: column; }
.v-ray-resim { height: 267px; display: grid; place-items: center; }
.v-ray-resim .v-resim { width: 7rem; height: 7rem; }
.v-ray-metin { display: flex; flex-direction: column; flex: 1; padding: 24px 16px; text-decoration: none; color: var(--v-murekkep); }
.v-ray-metin b { font: 700 24px/32px var(--v-baslik); margin-bottom: 8px; }
.v-ray-metin span { font-size: 16px; line-height: 24px; min-height: 48px; margin-bottom: 24px; }
.v-ray-dugme-kucuk { font-style: normal; align-self: flex-start; margin-top: auto; border: 1px solid var(--v-hat-koyu); color: var(--v-hat-koyu); height: 32px; padding: 0 12px; font: 400 14px/30px var(--v-yazi); }
.v-ray-grup + .v-ray-grup { margin-top: 48px; }
.v-ray-renkli .v-ray-kart { border: 0; height: 448px; position: relative; color: #fff; }
.v-ray-renkli a { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding: 24px 24px 32px; color: #fff; text-decoration: none; }
.v-ray-cizim { position: absolute; left: 0; right: 0; top: 0; height: 60%; display: grid; place-items: center; }
.v-ray-cizim .v-resim { width: 9rem; height: 9rem; color: #fff; opacity: .9; }
.v-ray-cizim .v-resim .v-ic { stroke: #fff; }
.v-ray-renkli b { position: relative; font: 700 24px/32px var(--v-baslik); margin-bottom: 24px; color: #fff; }
.v-ray-dugme-dolu { position: relative; align-self: flex-start; font-style: normal; background: #fff; color: var(--v-derin); height: 32px; padding: 0 12px; font: 400 14px/32px var(--v-yazi); }
.v-renk-1 { background: var(--v-derin); } .v-renk-2 { background: var(--v-hat-koyu); } .v-renk-3 { background: var(--v-hat); } .v-renk-4 { background: var(--v-murekkep); }
@media (min-width: 50rem) {
  .v-ray-dugme { width: 48px; height: 48px; }
  .v-ray-ok { margin: 32px 0 48px; }
  .v-ray-ust { margin: 0 0 48px; }
  .v-ray-liste { gap: 24px; }
  .v-ray-kart { flex-basis: calc((100% - 48px) / 3); }
  .v-ray-resim { height: 313px; }
  .v-ray-metin b { font-size: 28px; line-height: 36px; }
  .v-ray-grup + .v-ray-grup { margin-top: 80px; }
  .v-ray-renkli .v-ray-kart { height: 523px; }
  .v-ray-renkli b { font-size: 28px; line-height: 36px; }
}

/* Kahraman: büyük görsel alanı ve üstüne oturan beyaz panel */
.v-kahraman { position: relative; display: flex; align-items: flex-end; min-height: 560px; padding-bottom: 20px; background: #DDEDEF; overflow: hidden; }
.v-kahraman-resim { position: absolute; inset: 0; display: flex; justify-content: center; padding-top: 40px; }
.v-kahraman-resim .v-resim { width: 12rem; height: 12rem; opacity: .85; }
.v-kahraman-ic { position: relative; }
.v-kahraman-panel { background: var(--v-beyaz); padding: 28px 24px 32px; margin-inline: 20px; }
.v-kahraman-panel h1 { font: 700 32px/40px var(--v-baslik); letter-spacing: 0; margin: 0 0 16px; }
.v-kahraman-panel p { font-size: 16px; line-height: 24px; margin: 0 0 12px; }
.v-kahraman-panel p:last-child { margin-bottom: 0; }
@media (min-width: 50rem) {
  .v-kahraman { min-height: 672px; padding-bottom: 40px; }
  .v-kahraman-resim { justify-content: flex-end; padding: 80px 12vw 0 0; }
  .v-kahraman-resim .v-resim { width: 20rem; height: 20rem; }
  .v-kahraman-panel { width: 720px; margin-inline: 0; min-height: 359px; }
  .v-kahraman-panel h1 { font-size: 42px; line-height: 56px; margin-bottom: 20px; }
  .v-kahraman-panel p { font-size: 20px; line-height: 28px; }
}
.v-ic-blok-ray { padding-bottom: 0; }
.v-ic-blok-ray .v-ray-liste { margin-bottom: 28px; }

/* Dört kartlık bant */
.v-bant { background: var(--v-beyaz); padding: 48px 0; }
.v-bant-ic { display: grid; gap: 16px; }
.v-bant-kart { display: flex; flex-direction: column; align-items: center; text-align: center; background: var(--v-pale); padding: 24px 16px; color: var(--v-murekkep); text-decoration: none; border: 1px solid transparent; }
.v-bant-kart:hover { border-color: var(--v-hat-koyu); }
.v-bant-kart svg { margin-bottom: 12px; color: var(--v-murekkep); }
.v-bant-kart b { font: 700 24px/32px var(--v-baslik); margin-bottom: 12px; }
.v-bant-kart span { font-size: 14px; line-height: 20px; margin-bottom: 24px; }
.v-bant-dugme { margin-top: auto; font-style: normal; display: inline-flex; align-items: center; height: 48px; padding: 0 16px; border: 1px solid var(--v-hat-koyu); color: var(--v-hat-koyu); font: 400 16px/24px var(--v-yazi); }
@media (min-width: 50rem) {
  .v-bant { padding: 80px 0; }
  .v-bant-ic { grid-template-columns: repeat(4, 1fr); gap: 24px; }
  .v-bant-kart { min-height: 282px; }
}

/* Alt bilgi: firma bloğu, dört sütun (telefonda açılır liste), yasal satır */
.v-altic { background: var(--v-pale); border-top: 1px solid var(--v-ince); }
.v-altic-ic { padding: 48px 16px; display: flex; flex-direction: column; min-height: 1262px; }
.v-altic-ust { display: flex; flex-direction: column; gap: 32px; }
.v-altic-firma { text-align: center; }
.v-altic-ad { font: 700 20px/28px var(--v-baslik); margin-bottom: 16px; }
.v-altic-firma p { font-size: 16px; line-height: 24px; margin: 0; }
.v-altic-firma a { color: var(--v-murekkep); }
.v-altic-grup { border-top: 1px solid var(--v-ince); }
.v-altic-grup:last-child { border-bottom: 1px solid var(--v-ince); }
.v-altic-grup summary { list-style: none; cursor: pointer; height: 48px; display: flex; align-items: center; justify-content: space-between; font: 700 20px/28px var(--v-baslik); }
.v-altic-grup summary::-webkit-details-marker { display: none; }
.v-altic-grup summary::after { content: ""; width: 10px; height: 10px; border-right: 2px solid var(--v-hat-koyu); border-bottom: 2px solid var(--v-hat-koyu); transform: rotate(45deg); margin: -4px 4px 0 0; }
.v-altic-grup[open] summary::after { transform: rotate(-135deg); margin-top: 4px; }
.v-altic-grup ul { list-style: none; margin: 0; padding: 0 0 12px; }
.v-altic-grup li { margin-bottom: 12px; }
.v-altic-grup a, .v-altic-yasal a { color: var(--v-murekkep); text-decoration: none; font-size: 14px; line-height: 20px; border-bottom: 1px solid var(--v-cizgi); }
.v-altic-alt { margin-top: auto; padding-top: 32px; text-align: center; }
.v-altic-hak { font-size: 12px; line-height: 16px; margin: 0 0 25px; }
.v-altic-yasal { list-style: none; margin: 0; padding: 0; }
.v-altic-yasal li { margin-bottom: 22px; }
.v-altic .v-alt-seri { font-size: 12px; line-height: 18px; color: var(--v-gri); }
@media (min-width: 50rem) {
  .v-altic-ic { padding: 80px 48px; min-height: 801px; }
  .v-altic-ust { flex-direction: row; gap: 48px; }
  .v-altic-firma { text-align: left; flex: none; width: 448px; }
  .v-altic-ad { font-size: 28px; line-height: 36px; }
  .v-altic-sut { display: grid; grid-template-columns: repeat(4, 176px); gap: 48px; }
  .v-altic-grup, .v-altic-grup:last-child { border: 0; }
  .v-altic-grup summary { height: auto; pointer-events: none; margin-bottom: 17px; }
  .v-altic-grup summary::after { display: none; }
  .v-altic-grup ul { padding: 0; }
  .v-altic-grup li { margin-bottom: 16px; }
  .v-altic-alt { text-align: left; width: 800px; padding-top: 0; }
  .v-altic-yasal { display: flex; flex-wrap: wrap; gap: 0 24px; }
  .v-altic-yasal li { margin-bottom: 26px; }
}

/* Form sayfaları: yarı yarıya giriş, form satırı, gri dört sütun */
.v-bol { display: grid; gap: 24px; align-items: start; }
.v-bol-resim { aspect-ratio: 600 / 338; display: grid; place-items: center; }
.v-bol-resim .v-resim { width: 8rem; height: 8rem; }
.v-bol-metin h1 { font: 700 24px/32px var(--v-baslik); letter-spacing: 0; margin: 0 0 16px; }
.v-bol-metin p { font-size: 16px; line-height: 24px; margin: 0 0 12px; }
.v-form-satir { border-top: 1px solid var(--v-murekkep); margin-top: 48px; padding: 32px 0 0; max-width: 48rem; }
.v-gri-dort { background: var(--v-pale); padding: 48px 16px; margin-top: 48px; display: grid; gap: 32px; }
.v-gri-dort h2 { font: 700 24px/34px var(--v-baslik); letter-spacing: 0; margin: 0 0 12px; }
.v-gri-dort p { font-size: 16px; line-height: 24px; margin: 0; }
@media (min-width: 50rem) {
  .v-bol { grid-template-columns: 600px 1fr; gap: 32px; }
  .v-bol-metin h1 { font-size: 32px; line-height: 42px; }
  .v-form-satir { margin-top: 80px; }
  .v-gri-dort { grid-template-columns: repeat(4, 1fr); padding: 48px 32px; margin-top: 80px; }
}

/* Marka listesi: harf satırları */
.v-akor { border-top: 1px solid var(--v-murekkep); }
.v-akor:last-of-type { border-bottom: 1px solid var(--v-murekkep); }
.v-akor summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 17px 0; font: 700 24px/34px var(--v-baslik); color: var(--v-murekkep); }
.v-akor summary::-webkit-details-marker { display: none; }
.v-akor summary svg { color: var(--v-hat-koyu); flex: none; transition: transform .15s; }
.v-akor[open] summary svg { transform: rotate(180deg); }
.v-akor .v-plaka-kume { padding: 0 0 24px; }

/* Hakkımızda: görsel ve metin satırları */
.v-satir { display: grid; }
.v-satir-metin { padding: 48px 16px; }
.v-satir-metin h2 { font: 700 24px/32px var(--v-baslik); letter-spacing: 0; margin: 0 0 16px; }
.v-satir-metin p, .v-satir-metin li { font-size: 16px; line-height: 24px; }
.v-satir-resim { min-height: 240px; display: grid; place-items: center; }
.v-satir-resim .v-resim { width: 8rem; height: 8rem; }
@media (min-width: 50rem) {
  .v-satir { grid-template-columns: 1fr 1fr; min-height: 540px; }
  .v-satir-metin { padding: 0 144px; align-self: center; }
  .v-satir-metin h2 { font-size: 32px; line-height: 42px; }
  .v-satir-resim { min-height: 540px; }
  .v-satir-resim .v-resim { width: 14rem; height: 14rem; }
  .v-satir-ters .v-satir-metin { order: 2; }
  .v-satir-ters .v-satir-resim { order: 1; }
}

/* Ayar: sıra üstü boşluk, hakkımızda görsel sırası, bant kartı yükseklikleri */
.v-ray-grup > .v-ic-yazi + .v-ray, .v-ray-grup > .v-ic-yazi:last-of-type { margin-bottom: 0; }
.v-ray-grup .v-ray-ok { margin-top: 56px; }
.v-ray-metin span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.v-satir-resim { order: -1; min-height: 293px; }
@media (max-width: 49.99rem) {
  .v-bant-kart:nth-child(1) { min-height: 282px; }
  .v-bant-kart:nth-child(2), .v-bant-kart:nth-child(3) { min-height: 250px; }
  .v-bant-kart:nth-child(4) { min-height: 230px; }
  .v-ray-grup .v-ray-ok { margin-top: 96px; }
  .v-ic-baslik { min-height: 136px; }
}
@media (min-width: 50rem) {
  .v-satir-resim { order: 0; min-height: 540px; }
  .v-satir-ters .v-satir-metin { order: 2; }
  .v-satir-ters .v-satir-resim { order: 1; }
}
.v-ic-metin .v-ic-dugme { min-width: 322px; justify-content: center; }
@media (max-width: 49.99rem) {
  .v-kahraman-panel { padding: 28px 0 32px; box-shadow: 0 0 0 16px var(--v-beyaz); }
  .v-gri-dort { width: 100vw; margin-left: calc(50% - 50vw); }
  .v-ic-metin .v-ic-dugme { min-width: 0; }
}
@media (min-width: 50rem) { .v-gri-dort { padding-block: 56px; } }

/* Cihaz merkezi: ilk grup, cihaz sayfası oku, sıra çubuğu */
.v-grup-dugme + .v-ray-grup { padding-top: 16px; }
.v-grup-kaydir { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.v-grup-kaydir a { white-space: nowrap; }
.v-ic-blok-ray .v-ray-ok { margin-top: 0; }
.v-ray[data-ray-iz]::after { content: ""; display: block; height: 4px; margin: 28px 0 -4px; background: linear-gradient(90deg, #E8EDEE var(--v-ray-sol, 0%), #8E9AA0 var(--v-ray-sol, 0%) calc(var(--v-ray-sol, 0%) + var(--v-ray-genis, 70%)), #E8EDEE 0); }

/* Form sayfaları: başlık bandının altındaki iki sekme */
.v-sekme { border-bottom: 1px solid var(--v-ince); margin-top: 24px; }
.v-sekme .v-ic-kap2 { display: flex; overflow-x: auto; scrollbar-width: none; }
.v-sekme a { flex: none; display: block; height: 49px; padding: 0 16px; font: 400 16px/47px var(--v-yazi); color: var(--v-murekkep); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.v-sekme a[aria-current] { color: var(--v-hat-koyu); border-bottom-color: var(--v-hat-koyu); }
.v-sekme + .v-ic-blok-ince { padding-top: 24px; }

/* Hakkımızda: geniş görsel bant ve giriş yazısı */
.v-hero-bant { margin-top: 36px; height: 183px; display: flex; justify-content: center; align-items: center; gap: 12px; overflow: hidden; }
.v-hero-bant .v-resim { width: 4.5rem; height: 4.5rem; flex: none; }
.v-hero-bant .v-resim:nth-child(n+4) { display: none; }
.v-ic-giris-blok { padding-top: 48px; }
.v-ic-giris-blok .v-ic-h { margin-bottom: 16px; }
@media (min-width: 50rem) {
  .v-sekme { margin-top: 48px; }
  .v-sekme + .v-ic-blok-ince { padding-top: 40px; }
  .v-grup-dugme + .v-ray-grup { padding-top: 24px; }
  .v-hero-bant { margin-top: 69px; height: 558px; gap: 64px; }
  .v-hero-bant .v-resim { width: 9rem; height: 9rem; }
  .v-hero-bant .v-resim:nth-child(n+4) { display: block; }
  .v-ic-giris-blok { padding-top: 80px; }
}
.v-bant-kart { justify-content: center; }
.v-ray-dugme-dolu { font-size: 20px; line-height: 30px; }
.v-altic-markalar ul { display: flex; flex-wrap: wrap; gap: 0 24px; }
.v-altic-markalar li { margin-bottom: 8px; }
@media (min-width: 50rem) { .v-altic-markalar { grid-column: 1 / -1; } }

/* Başlık bandı: konu satırı, breadcrumb ile h1 arasında */
.v-ic-baslik .v-ic-kap { position: relative; }
.v-ic-baslik .v-konu-izi { position: absolute; bottom: 100%; left: 0; margin: 0 0 3px; line-height: 13px; }
.v-kahraman-panel .v-konu-izi { margin-bottom: 8px; }
@media (max-width: 49.99rem) {
  .v-kahraman-marka .v-kahraman-resim { padding-top: 32px; }
  .v-kahraman-marka .v-kahraman-resim .v-resim { width: 4rem; height: 4rem; }
}
@media (max-width: 49.99rem) { .v-kahraman-panel h1 { font-size: 26px; } }