@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: kırmızı ve beyaz. Sticky üst çubuk, kırmızı kahraman bandı, yuvarlak köşeli kartlar, koyu alt bilgi.
   Renk sözleşmesi: beyaz üstüne kırmızı #C8102E 5,9:1; kırmızı üstüne beyaz 5,9:1; koyu kırmızı #A30D22 üstünde beyaz 8:1. */
:root {
  --sf-kirmizi: #C8102E;
  --sf-koyu: #A30D22;
  --sf-derin: #7A0A19;
  --sf-gul: #FFF3F2;
  --sf-gul2: #FBE0DD;
  --sf-cizgi: #EBD6D4;
  --sf-murekkep: #1C1415;
  --sf-gri: #5C4A4C;
  --sf-beyaz: #FFFFFF;
  --sf-yesil-zemin: #EEF8F1;
  --sf-yesil-cizgi: #9CCDAF;
  --sf-yesil: #14412A;
  --sf-yazi: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sf-baslik-font: 'Sora', 'Nunito Sans', system-ui, sans-serif;
  --sf-genis: 1180px;
  --sf-yari: 18px;
  --sf-golge: 0 10px 30px rgba(122, 10, 25, .10);
  --sf-hat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 360'%3E%3Cpath d='M-10 300C120 300 120 160 250 160S380 280 510 120 650 60 660 60' fill='none' stroke='%23fff' stroke-opacity='.3' stroke-width='3' stroke-dasharray='2 12' stroke-linecap='round'/%3E%3Cg fill='%23fff' fill-opacity='.35'%3E%3Ccircle cx='250' cy='160' r='9'/%3E%3Ccircle cx='510' cy='120' r='9'/%3E%3Ccircle cx='60' cy='300' r='9'/%3E%3C/g%3E%3C/svg%3E");
  --sf-hat-kirmizi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 360'%3E%3Cpath d='M-10 300C120 300 120 160 250 160S380 280 510 120 650 60 660 60' fill='none' stroke='%23C8102E' stroke-opacity='.35' stroke-width='3' stroke-dasharray='2 12' stroke-linecap='round'/%3E%3Cg fill='%23C8102E' fill-opacity='.4'%3E%3Ccircle cx='250' cy='160' r='9'/%3E%3Ccircle cx='510' cy='120' r='9'/%3E%3C/g%3E%3C/svg%3E");
  --sf-tik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23FBE0DD'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23C8102E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --sf-unlem: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8 22 20.4H2z' fill='%23C8102E' stroke='%23C8102E' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9.2v5M12 17v.3' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
  --sf-ok-sekli: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 10h13M11 4.5 16.5 10 11 15.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body.sf-sayfa { margin: 0; background: var(--sf-beyaz); color: var(--sf-murekkep); font: 400 1.0625rem/1.7 var(--sf-yazi); overflow-wrap: break-word; }
img, svg { max-width: 100%; }
[id] { scroll-margin-top: 96px; }
h1, h2, h3 { font-family: var(--sf-baslik-font); line-height: 1.2; letter-spacing: -.015em; color: var(--sf-murekkep); margin: 0 0 .6em; font-weight: 700; }
h1 { font-size: clamp(1.95rem, 5.4vw, 3.4rem); font-weight: 800; letter-spacing: -.025em; }
h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
h3 { font-size: 1.2rem; }
p { margin: 0 0 1em; }
a { color: var(--sf-kirmizi); text-underline-offset: .2em; text-decoration-thickness: 1.5px; }
a:hover { color: var(--sf-koyu); }
:focus-visible { outline: 3px solid var(--sf-murekkep); outline-offset: 3px; border-radius: 4px; }
.sf-sarma { width: min(100% - 2rem, var(--sf-genis)); margin-inline: auto; }
.sf-gec { position: absolute; left: -999px; top: 0; background: var(--sf-murekkep); color: #fff; padding: .7rem 1.1rem; z-index: 99; }
.sf-gec:focus { left: 0; }

/* --- Düğmeler ve oklu bağlantı -------------------------------------------- */
.sf-dugme { display: inline-flex; align-items: center; justify-content: center; background: var(--sf-kirmizi); color: #fff; text-decoration: none; font: 700 1rem/1.2 var(--sf-baslik-font); padding: 1rem 1.7rem; border: 2px solid var(--sf-kirmizi); border-radius: 999px; cursor: pointer; transition: background .15s, color .15s, transform .15s, box-shadow .15s; }
.sf-dugme:hover { background: var(--sf-koyu); border-color: var(--sf-koyu); color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(163, 13, 34, .28); }
.sf-dugme-hafif { background: transparent; color: var(--sf-kirmizi); }
.sf-dugme-hafif:hover { background: var(--sf-kirmizi); color: #fff; }
.sf-dugme-beyaz { background: #fff; color: var(--sf-kirmizi); border-color: #fff; font-size: 1.1rem; padding: 1.1rem 2.1rem; }
.sf-dugme-beyaz:hover { background: var(--sf-gul); border-color: var(--sf-gul); color: var(--sf-koyu); box-shadow: 0 10px 24px rgba(0, 0, 0, .22); }
.sf-dugme-tam { width: 100%; font-size: 1.05rem; }
.sf-dugme-satir { display: flex; flex-wrap: wrap; gap: .8rem; }
.sf-ok, .sf-bag-satir a { display: inline-flex; align-items: center; gap: .45rem; font: 700 .98rem var(--sf-baslik-font); color: var(--sf-kirmizi); text-decoration: none; }
.sf-ok::after { content: ""; width: 1.05em; height: 1.05em; background: currentColor; -webkit-mask: var(--sf-ok-sekli) center / contain no-repeat; mask: var(--sf-ok-sekli) center / contain no-repeat; transition: transform .15s; }
.sf-ok:hover { color: var(--sf-koyu); text-decoration: underline; }
.sf-ok:hover::after { transform: translateX(4px); }
.sf-bag-satir { margin: 1rem 0 0; }

/* --- Çizimler -------------------------------------------------------------- */
.sf-cizim { width: 2.2rem; height: 2.2rem; color: var(--sf-kirmizi); flex: none; display: block; }
.sf-cizim-ic { stroke: var(--sf-koyu); }

/* --- Üst çubuk ------------------------------------------------------------- */
.sf-ust { position: sticky; top: 0; z-index: 40; background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--sf-cizgi); box-shadow: 0 2px 14px rgba(122, 10, 25, .06); }
.sf-ust-ic { display: flex; align-items: center; gap: 1rem; min-height: 64px; }
.sf-marka { display: block; line-height: 0; flex: none; }
.sf-marka img { height: 28px; width: auto; }
.sf-ust-not { display: none; margin: 0; font-size: .85rem; color: var(--sf-gri); padding-left: 1rem; border-left: 2px solid var(--sf-cizgi); line-height: 1.3; }
.sf-menu { display: flex; align-items: center; gap: .15rem; margin-left: auto; }
.sf-menu-bag { color: var(--sf-murekkep); text-decoration: none; font: 600 .94rem/1.2 var(--sf-baslik-font); padding: .6rem .8rem; border-radius: 999px; transition: background .15s, color .15s; display: none; }
.sf-menu-bag:hover { background: var(--sf-gul); color: var(--sf-kirmizi); }
.sf-simdi { color: var(--sf-kirmizi); background: var(--sf-gul); }
.sf-menu-cta { display: inline-flex; white-space: nowrap; background: var(--sf-kirmizi); color: #fff; padding: .6rem 1rem; margin-left: .4rem; }
.sf-menu-cta:hover, .sf-menu-cta.sf-simdi, .sf-menu-cta[aria-current] { background: var(--sf-koyu); color: #fff; }
.sf-cekmece-dugme { list-style: none; cursor: pointer; font: 700 .92rem/1 var(--sf-baslik-font); display: flex; gap: .55rem; align-items: center; padding: .7rem 1rem; border: 2px solid var(--sf-murekkep); border-radius: 999px; }
.sf-cekmece-dugme::-webkit-details-marker { display: none; }
.sf-cekmece-dugme i { width: 16px; height: 10px; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; position: relative; }
.sf-cekmece-dugme i::after { content: ""; position: absolute; left: 0; right: 0; top: 2px; border-top: 2px solid currentColor; }
.sf-cekmece[open] .sf-cekmece-dugme { background: var(--sf-murekkep); color: #fff; }
.sf-cekmece-liste { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 4px solid var(--sf-kirmizi); padding: .5rem 1rem 1.2rem; display: grid; box-shadow: 0 18px 30px rgba(28, 20, 21, .18); max-height: calc(100vh - 64px); overflow-y: auto; }
.sf-cekmece-liste a { padding: .85rem .2rem; color: var(--sf-murekkep); text-decoration: none; font: 700 1.02rem var(--sf-baslik-font); border-bottom: 1px solid var(--sf-gul2); }
.sf-cekmece-liste a.sf-alt-bag { font: 500 .94rem var(--sf-yazi); color: var(--sf-gri); padding-left: 1.1rem; }
.sf-cekmece-liste a:last-child { border: 0; margin-top: .8rem; background: var(--sf-kirmizi); color: #fff; text-align: center; border-radius: 999px; padding: 1rem; }
@media (min-width: 62rem) {
  .sf-ust-ic { min-height: 76px; gap: 1.4rem; }
  .sf-marka img { height: 32px; }
  .sf-ust-not { display: block; }
  .sf-menu-bag { display: inline-flex; }
  .sf-menu-cta { padding: .65rem 1.2rem; }
  .sf-cekmece { display: none; }
}
.sf-alt-serit { background: var(--sf-gul); border-bottom: 1px solid var(--sf-gul2); }
.sf-alt-serit-ic { display: flex; justify-content: center; flex-wrap: wrap; gap: .2rem 0; padding: .45rem 0; }
.sf-alt-serit a { color: var(--sf-koyu); text-decoration: none; font: 600 .8rem/1.3 var(--sf-baslik-font); padding: .3rem 1rem; }
.sf-alt-serit a + a { border-left: 1px solid var(--sf-cizgi); }
.sf-alt-serit a:hover { color: var(--sf-murekkep); text-decoration: underline; }
@media (max-width: 40rem) { .sf-alt-serit-ic { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; } .sf-alt-serit a { white-space: nowrap; } }

.sf-iz { font-size: .86rem; padding: .9rem 0 0; }
.sf-iz ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem; }
.sf-iz li + li::before { content: "\203A"; margin-right: .3rem; color: var(--sf-gri); }
.sf-iz a { color: var(--sf-gri); }
.sf-iz [aria-current] { color: var(--sf-murekkep); font-weight: 700; }

/* --- Ana sayfa: kahraman bandı -------------------------------------------- */
.sf-vitrin { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #D2142F 0%, #B10E27 55%, #8E0B1E 100%); }
.sf-vitrin::before { content: ""; position: absolute; inset: 0; background: var(--sf-hat) no-repeat right bottom / min(900px, 140%); pointer-events: none; }
.sf-vitrin::after { content: ""; position: absolute; width: 520px; height: 520px; border-radius: 50%; right: -160px; top: -240px; border: 70px solid rgba(255, 255, 255, .06); pointer-events: none; }
.sf-vitrin-ic { position: relative; z-index: 1; display: grid; gap: 2.2rem; padding: 2.6rem 0 3rem; align-items: center; }
.sf-vitrin h1 { color: #fff; margin: 0 0 .5em; }
.sf-vitrin-yazi { font-size: 1.15rem; line-height: 1.6; max-width: 34rem; color: #fff; }
.sf-vitrin-dugme { margin: 1.6rem 0 1.4rem; }
.sf-vitrin + .sf-cihaz-bolum { margin-top: 0; }
.sf-bildirim { margin: 0; max-width: 34rem; padding: .9rem 1.1rem .9rem 1.3rem; font-size: .95rem; line-height: 1.55; color: #fff; background: rgba(60, 0, 8, .38); border-left: 4px solid #fff; border-radius: 4px 12px 12px 4px; }
.sf-hat { list-style: none; margin: 0; padding: 1rem .6rem; background: #fff; border-radius: 22px; box-shadow: 0 24px 50px rgba(60, 0, 8, .35); display: flex; justify-content: space-between; counter-reset: durak; }
.sf-hat li { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; gap: .55rem; text-align: center; counter-increment: durak; }
.sf-hat .sf-cizim { width: 3.3rem; height: 3.3rem; padding: .7rem; background: var(--sf-gul); border-radius: 50%; border: 2px solid var(--sf-kirmizi); position: relative; z-index: 1; }
.sf-hat b { font: 700 .74rem/1.2 var(--sf-baslik-font); color: var(--sf-murekkep); }
.sf-hat li:not(:last-child)::after { content: ""; position: absolute; top: 1.65rem; left: calc(50% + 1.9rem); width: calc(100% - 3.8rem); border-top: 3px dotted var(--sf-kirmizi); }
.sf-hat li::before { content: counter(durak); position: absolute; z-index: 2; top: -.35rem; left: calc(50% + .7rem); width: 1.35rem; height: 1.35rem; border-radius: 50%; background: var(--sf-murekkep); color: #fff; font: 700 .72rem/1.35rem var(--sf-baslik-font); text-align: center; }
@media (min-width: 62rem) {
  .sf-vitrin-ic { grid-template-columns: 1.15fr .85fr; gap: 4.5rem; padding: 5.2rem 0 5.6rem; }
  .sf-vitrin h1 { font-size: clamp(2.8rem, 4.6vw, 4rem); }
  .sf-hat { flex-direction: column; padding: 2rem 2.2rem; gap: 1.5rem; justify-self: end; width: min(100%, 24rem); transform: rotate(1.2deg); }
  .sf-hat li { flex-direction: row; text-align: left; gap: 1.2rem; }
  .sf-hat .sf-cizim { width: 4rem; height: 4rem; }
  .sf-hat b { font-size: 1.15rem; }
  .sf-hat li:not(:last-child)::after { top: 4rem; left: 2rem; width: 0; height: 1.5rem; border-top: 0; border-left: 3px dotted var(--sf-kirmizi); }
  .sf-hat li::before { top: -.3rem; left: 3.1rem; }
}

/* Ana sayfa kahraman kartı: sık gelen cihazlar (bağlantı), numarasız ve çizgisiz */
.sf-hat-cihaz li::before, .sf-hat-cihaz li:not(:last-child)::after { display: none; }
.sf-hat-cihaz a { display: flex; flex-direction: column; align-items: center; gap: .55rem; width: 100%; color: inherit; text-decoration: none; }
.sf-hat-cihaz a:hover b { color: var(--sf-kirmizi); }
.sf-hat-cihaz a:hover .sf-cizim { background: #fff; }
.sf-hat-cihaz b { font-size: .7rem; overflow-wrap: anywhere; }
@media (min-width: 62rem) {
  .sf-hat-cihaz a { flex-direction: row; gap: 1.2rem; text-align: left; }
  .sf-hat-cihaz b { font-size: 1.15rem; }
}

/* --- Ana sayfa: kart ızgarası ---------------------------------------------- */
.sf-izgara-bolum { padding: 3.5rem 0 1rem; }
.sf-izgara { display: grid; gap: 1.1rem; grid-template-columns: 1fr; }
.sf-kart { position: relative; display: flex; flex-direction: column; align-items: flex-start; background: #fff; border: 1.5px solid var(--sf-cizgi); border-radius: var(--sf-yari); padding: 1.7rem; transition: transform .18s, box-shadow .18s, border-color .18s; }
.sf-kart:hover { transform: translateY(-4px); box-shadow: var(--sf-golge); border-color: var(--sf-kirmizi); }
.sf-kart h2 { font-size: 1.35rem; margin: 1.1rem 0 .5rem; }
.sf-kart p { color: var(--sf-gri); margin-bottom: 1.2rem; flex: 1; }
.sf-kart-simge { display: grid; place-items: center; width: 4.2rem; height: 4.2rem; border-radius: 20px; background: var(--sf-gul); }
.sf-kart-simge .sf-cizim { width: 2.5rem; height: 2.5rem; }
.sf-kart-gul { background: var(--sf-gul); border-color: var(--sf-gul2); }
.sf-kart-gul .sf-kart-simge { background: #fff; }
.sf-kart-kirmizi { background: var(--sf-koyu); border-color: var(--sf-koyu); }
.sf-kart-kirmizi h2, .sf-kart-kirmizi p, .sf-kart-kirmizi .sf-ok { color: #fff; }
.sf-kart-kirmizi .sf-kart-simge { background: #fff; }
.sf-kart-kirmizi:hover { border-color: var(--sf-derin); background: var(--sf-derin); }
.sf-kart-kirmizi .sf-ok:hover { color: #fff; }
@media (min-width: 75rem) {
  .sf-kart-genis.sf-kart-gul { background: var(--sf-gul) var(--sf-hat-kirmizi) no-repeat right bottom / 230px; }
}
@media (min-width: 48rem) {
  .sf-izgara { grid-template-columns: repeat(6, 1fr); gap: 1.4rem; }
  .sf-kart-genis { grid-column: span 4; padding: 2.4rem; }
  .sf-kart-dar { grid-column: span 2; padding: 2.4rem; }
  .sf-kart-uc { grid-column: span 2; }
  .sf-kart-genis h2 { font-size: 1.8rem; }
  .sf-kart-genis p { max-width: 30rem; font-size: 1.1rem; }
  .sf-kart-genis .sf-kart-simge { width: 5.4rem; height: 5.4rem; }
  .sf-kart-genis .sf-cizim { width: 3.2rem; height: 3.2rem; }
}

/* --- Ana sayfa: cihazlar ----------------------------------------------------- */
.sf-cihaz-bolum { margin-top: 3.5rem; background: var(--sf-gul); padding: 4rem 0; border-block: 1px solid var(--sf-gul2); }
.sf-cihaz-giris { display: grid; gap: 1.8rem; align-items: center; margin-bottom: 2.4rem; }
.sf-cihaz-giris p { max-width: 36rem; color: var(--sf-gri); }
.sf-cihaz-giris .sf-dugme { margin-top: .4rem; }
.sf-cihaz-uclu { display: flex; gap: 1rem; }
.sf-cihaz-uclu span { flex: 1; display: grid; place-items: center; aspect-ratio: 1; max-width: 9rem; background: #fff; border-radius: 50%; border: 2px solid var(--sf-kirmizi); box-shadow: var(--sf-golge); }
.sf-cihaz-uclu .sf-cizim { width: 46%; height: auto; aspect-ratio: 1; }
.sf-cihaz-uclu span:nth-child(2) { transform: translateY(1.2rem); background: var(--sf-kirmizi); }
.sf-cihaz-uclu span:nth-child(2) .sf-cizim { color: #fff; }
.sf-cihaz-uclu span:nth-child(2) .sf-cizim-ic { stroke: var(--sf-gul2); }
.sf-grup-kartlar { display: grid; gap: 1.2rem; }
.sf-grup-kart { background: #fff; border-radius: var(--sf-yari); padding: 1.7rem 1.7rem 1.5rem; border-top: 5px solid var(--sf-kirmizi); box-shadow: 0 4px 18px rgba(122, 10, 25, .07); display: flex; flex-direction: column; align-items: flex-start; }
.sf-grup-kart p { color: var(--sf-gri); }
.sf-grup-kart .sf-cipler { margin: auto 0 0; }
.sf-grup-kart .sf-cipler a { background: var(--sf-gul); border-color: var(--sf-gul2); font-size: .88rem; padding: .4rem .85rem; }
.sf-grup-kart .sf-cipler a:hover { background: var(--sf-kirmizi); border-color: var(--sf-kirmizi); color: #fff; }
@media (min-width: 48rem) {
  .sf-cihaz-giris { grid-template-columns: 1.2fr .8fr; }
  .sf-cihaz-uclu { justify-content: flex-end; }
  .sf-grup-kartlar { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
}

/* --- Ana sayfa: garanti ------------------------------------------------------ */
.sf-garanti-bolum { padding: 4rem 0; }
.sf-garanti { display: grid; gap: 1.6rem; align-items: center; border: 2px solid var(--sf-kirmizi); border-radius: 26px; padding: 2rem 1.6rem; background: #fff; position: relative; overflow: hidden; }
.sf-garanti::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 10px; background: var(--sf-kirmizi); }
.sf-garanti-resim { display: flex; gap: 1rem; padding-left: .6rem; }
.sf-garanti-resim .sf-cizim { width: 4.6rem; height: 4.6rem; padding: .95rem; background: var(--sf-gul); border-radius: 50%; }
.sf-garanti h2 { margin-bottom: .4em; }
.sf-garanti p { color: var(--sf-gri); max-width: 40rem; }
.sf-garanti p:last-child { margin: 1.2rem 0 0; }
@media (min-width: 48rem) { .sf-garanti { grid-template-columns: auto 1fr; gap: 2.6rem; padding: 2.6rem 3rem 2.6rem 2.4rem; } .sf-garanti-resim { flex-direction: column; } }

/* --- Ana sayfa: sık sorulan sorular ----------------------------------------- */
.sf-sss { display: grid; gap: .7rem; margin: 1.2rem 0 1.8rem; max-width: 52rem; }
.sf-sss details { border: 1.5px solid var(--sf-cizgi); border-radius: 16px; background: #fff; }
.sf-sss details[open] { border-color: var(--sf-kirmizi); box-shadow: var(--sf-golge); }
.sf-sss summary { position: relative; cursor: pointer; list-style: none; padding: 1rem 3rem 1rem 1.2rem; font: 700 1.02rem/1.4 var(--sf-baslik-font); }
.sf-sss summary::-webkit-details-marker { display: none; }
.sf-sss summary::after { content: "+"; position: absolute; right: 1.2rem; top: .8rem; font: 700 1.5rem/1 var(--sf-baslik-font); color: var(--sf-kirmizi); }
.sf-sss details[open] summary::after { content: "\2212"; }
.sf-sss p { margin: 0; padding: 0 1.2rem 1.1rem; color: #3a2b2d; }

/* --- İç sayfalar: başlık bandı ---------------------------------------------- */
.sf-baslik { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #D2142F 0%, #B10E27 60%, #8E0B1E 100%); }
.sf-baslik::before { content: ""; position: absolute; inset: 0; background: var(--sf-hat) no-repeat right bottom / min(760px, 130%); pointer-events: none; opacity: .9; }
.sf-baslik-ic { position: relative; z-index: 1; padding: 2.6rem 0 2.8rem; display: grid; gap: 2rem; align-items: center; }
.sf-baslik h1 { color: #fff; margin: 0; font-size: clamp(1.9rem, 4.6vw, 3rem); max-width: 46rem; }
.sf-baslik p { color: #fff; }
.sf-baslik p.sf-izi { color: var(--sf-kirmizi); }
.sf-baslik-metin > p { font-size: 1.12rem; line-height: 1.6; max-width: 40rem; margin: 1rem 0 0; }
.sf-izi { display: inline-block; justify-self: start; margin: 0 0 1rem; padding: .32rem .9rem; font: 700 .78rem/1.2 var(--sf-baslik-font); letter-spacing: .06em; text-transform: uppercase; color: var(--sf-kirmizi); background: #fff; border-radius: 999px; }
.sf-baslik .sf-izi { margin-bottom: 1rem; }
.sf-baslik-disk { display: none; }
.sf-plaka { display: inline-block; background: #fff; color: var(--sf-kirmizi); padding: .02em .35em; border-radius: .3em; }
@media (min-width: 52rem) {
  .sf-baslik-ic { padding: 4rem 0 4.2rem; }
  .sf-baslik-resimli .sf-baslik-ic { grid-template-columns: 1fr auto; gap: 3rem; }
  .sf-baslik-disk { display: grid; place-items: center; width: 17rem; height: 17rem; background: #fff; border-radius: 50%; box-shadow: 0 0 0 14px rgba(255, 255, 255, .16), 0 24px 50px rgba(60, 0, 8, .3); }
  .sf-baslik-disk .sf-cizim { width: 9rem; height: 9rem; }
}

/* --- İç sayfalar: ortak bloklar --------------------------------------------- */
.sf-blok { padding: 3.2rem 0; }
.sf-blok-ince { padding-top: 2.2rem; padding-bottom: 2.4rem; }
.sf-blok-gul { background: var(--sf-gul); border-block: 1px solid var(--sf-gul2); }
.sf-giris { font-size: 1.15rem; line-height: 1.7; color: #3a2b2d; max-width: 52rem; }
.sf-yazi { color: #3a2b2d; max-width: 52rem; }
.sf-ust-bosluk { margin-top: 2rem; }
.sf-h { font-size: clamp(1.4rem, 2.8vw, 1.9rem); margin: 0 0 .5em; position: relative; padding-top: 1rem; }
.sf-h::before { content: ""; position: absolute; left: 0; top: 0; width: 2.6rem; height: 5px; border-radius: 3px; background: var(--sf-kirmizi); }
.sf-sarma > .sf-h:first-child { margin-top: 0; }
.sf-onay { list-style: none; padding: 0; margin: 0 0 1em; display: grid; gap: .7rem; }
.sf-onay li { position: relative; padding-left: 2.1rem; }
.sf-onay li::before { content: ""; position: absolute; left: 0; top: .22em; width: 1.4rem; height: 1.4rem; background: var(--sf-tik) center / contain no-repeat; }
.sf-bilgi { display: grid; grid-template-columns: max-content 1fr; gap: .3rem 1.2rem; }
.sf-bilgi dt { font-weight: 700; } .sf-bilgi dd { margin: 0; }

/* Çipler: marka, grup ve harf bağlantıları */
.sf-cipler { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-wrap: wrap; gap: .55rem; }
.sf-cipler a { display: inline-flex; align-items: center; gap: .5rem; padding: .5rem 1.05rem; border: 1.5px solid var(--sf-cizgi); border-radius: 999px; background: #fff; color: var(--sf-murekkep); font: 600 .94rem/1.2 var(--sf-baslik-font); text-decoration: none; transition: all .15s; }
.sf-cipler a:hover { background: var(--sf-kirmizi); border-color: var(--sf-kirmizi); color: #fff; }
.sf-cipler-grup { margin: 1.6rem 0 .6rem; }
.sf-cipler-grup a { padding: .7rem 1.2rem; background: var(--sf-gul); border-color: var(--sf-gul2); color: var(--sf-koyu); font-weight: 700; }
.sf-cipler-grup b { display: inline-grid; place-items: center; min-width: 1.6rem; height: 1.6rem; padding: 0 .35rem; border-radius: 999px; background: var(--sf-kirmizi); color: #fff; font-size: .78rem; }
.sf-cipler-grup a:hover b { background: #fff; color: var(--sf-kirmizi); }
.sf-harfler a { padding: .4rem .8rem; }

/* Cihaz kartları (hub, marka) */
.sf-grup { padding-top: 2.4rem; }
.sf-cihaz-liste { list-style: none; margin: 1.4rem 0 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: 1fr; }
.sf-cihaz-kart { display: flex; gap: 1.1rem; align-items: flex-start; height: 100%; padding: 1.3rem; background: #fff; border: 1.5px solid var(--sf-cizgi); border-radius: var(--sf-yari); text-decoration: none; color: var(--sf-murekkep); transition: transform .18s, box-shadow .18s, border-color .18s; }
.sf-cihaz-kart:hover { transform: translateY(-3px); box-shadow: var(--sf-golge); border-color: var(--sf-kirmizi); color: var(--sf-murekkep); }
.sf-cihaz-resim { display: grid; place-items: center; flex: none; width: 4.4rem; height: 4.4rem; border-radius: 50%; background: var(--sf-gul); border: 2px solid var(--sf-gul2); transition: background .18s; }
.sf-cihaz-resim .sf-cizim { width: 2.4rem; height: 2.4rem; transition: color .18s; }
.sf-cihaz-kart:hover .sf-cihaz-resim { background: var(--sf-kirmizi); border-color: var(--sf-kirmizi); }
.sf-cihaz-kart:hover .sf-cihaz-resim .sf-cizim { color: #fff; }
.sf-cihaz-kart:hover .sf-cihaz-resim .sf-cizim-ic { stroke: var(--sf-gul2); }
.sf-cihaz-metin { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.sf-cihaz-metin b { font: 700 1.12rem/1.3 var(--sf-baslik-font); }
.sf-cihaz-metin span { color: var(--sf-gri); font-size: .95rem; line-height: 1.5; }
.sf-cihaz-metin i { font: 700 .9rem var(--sf-baslik-font); color: var(--sf-kirmizi); font-style: normal; margin-top: .35rem; display: inline-flex; align-items: center; gap: .4rem; }
.sf-cihaz-metin i::after { content: ""; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--sf-ok-sekli) center / contain no-repeat; mask: var(--sf-ok-sekli) center / contain no-repeat; }
@media (min-width: 40rem) { .sf-cihaz-liste { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) { .sf-cihaz-liste { grid-template-columns: repeat(3, 1fr); } }

/* Dört bölüm listesi */
.sf-dort-liste { display: grid; gap: 1rem; margin: 1.4rem 0 2rem; counter-reset: bolum; }
.sf-dort-liste > div { position: relative; background: #fff; border-radius: var(--sf-yari); padding: 1.5rem 1.4rem 1.4rem; border: 1.5px solid var(--sf-gul2); counter-increment: bolum; }
.sf-dort-liste > div::before { content: counter(bolum); display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: 50%; background: var(--sf-kirmizi); color: #fff; font: 800 1rem var(--sf-baslik-font); margin-bottom: .9rem; }
.sf-dort-liste dt { font: 700 1.08rem/1.3 var(--sf-baslik-font); margin-bottom: .4rem; }
.sf-dort-liste dd { margin: 0; color: var(--sf-gri); font-size: .97rem; line-height: 1.6; }
@media (min-width: 40rem) { .sf-dort-liste { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) { .sf-dort-liste { grid-template-columns: repeat(4, 1fr); } }

/* --- Cihaz ve marka sayfası gövdesi ------------------------------------------ */
.sf-govde { display: grid; gap: 1.6rem; padding: 2rem 0 4rem; }
.sf-icindekiler { align-self: start; }
.sf-icindekiler ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; counter-reset: ic; }
.sf-icindekiler li { counter-increment: ic; }
.sf-icindekiler a { display: flex; gap: .7rem; align-items: center; height: 100%; padding: .75rem .9rem; background: var(--sf-gul); border: 1.5px solid var(--sf-gul2); border-radius: 14px; color: var(--sf-murekkep); text-decoration: none; font: 600 .86rem/1.3 var(--sf-baslik-font); transition: all .15s; }
.sf-icindekiler a::before { content: counter(ic); display: grid; place-items: center; flex: none; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: var(--sf-kirmizi); color: #fff; font: 800 .82rem var(--sf-baslik-font); }
.sf-icindekiler a:hover { border-color: var(--sf-kirmizi); background: #fff; color: var(--sf-kirmizi); }
.sf-metin { max-width: 46rem; }
.sf-metin-orta { padding: 1rem 0 4rem; }
.sf-metin p, .sf-metin li { font-size: 1.06rem; line-height: 1.75; }
.sf-bolum { margin-top: 3rem; }
.sf-bolum > .sf-h { margin-bottom: .8em; }
.sf-uyari { position: relative; margin: 0 0 1rem; background: var(--sf-gul); border: 1.5px solid #E8A9A6; border-left: 8px solid var(--sf-kirmizi); border-radius: 6px 16px 16px 6px; padding: 1.2rem 1.3rem 1.2rem 4.4rem; color: #4a1018; }
.sf-uyari::before { content: ""; position: absolute; left: 1.2rem; top: 1.25rem; width: 2.3rem; height: 2.3rem; background: var(--sf-unlem) center / contain no-repeat; }
.sf-uyari b { color: var(--sf-koyu); }
.sf-uyari-not { margin-top: 1.4rem; }
.sf-uyari-not::before { top: 1.15rem; }
.sf-isaretler { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.sf-isaretler li { padding: 1rem 1.2rem 1rem 1.4rem; background: #fff; border: 1.5px solid var(--sf-cizgi); border-left: 5px solid var(--sf-kirmizi); border-radius: 6px 14px 14px 6px; }
.sf-adimlar { list-style: none; margin: 0; padding: 0; counter-reset: adim; }
.sf-adimlar li { position: relative; padding: .15rem 0 1.7rem 4.1rem; counter-increment: adim; }
.sf-adimlar li:last-child { padding-bottom: 0; }
.sf-adimlar li::after { content: counter(adim); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--sf-kirmizi); color: #fff; font: 800 1.1rem var(--sf-baslik-font); box-shadow: 0 0 0 6px var(--sf-gul); }
.sf-adimlar li::before { content: ""; position: absolute; left: 1.45rem; top: 3.3rem; bottom: .3rem; border-left: 3px dotted #E8A9A6; }
.sf-adimlar li:last-child::before { display: none; }
.sf-adimlar b { display: block; font: 700 1.12rem/1.35 var(--sf-baslik-font); color: var(--sf-koyu); margin-bottom: .2rem; }
.sf-dur { margin: 3rem 0 0; background: var(--sf-koyu); color: #fff; border-radius: 22px; padding: 1.8rem 1.7rem 1.6rem; position: relative; overflow: hidden; }
.sf-dur::after { content: ""; position: absolute; width: 14rem; height: 14rem; right: -5rem; top: -6rem; border-radius: 50%; border: 36px solid rgba(255, 255, 255, .08); }
.sf-dur h2 { color: #fff; margin: 0 0 .6em; font-size: 1.5rem; }
.sf-dur ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; position: relative; z-index: 1; }
.sf-dur li { position: relative; padding-left: 1.7rem; font-size: 1.04rem; color: #fff; }
.sf-dur li::before { content: ""; position: absolute; left: 0; top: .6em; width: .7rem; height: .7rem; border-radius: 50%; background: #fff; }
.sf-diger { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.sf-diger a { display: block; height: 100%; padding: 1rem 1.2rem; border: 1.5px solid var(--sf-cizgi); border-radius: 14px; text-decoration: none; color: var(--sf-gri); font-size: .95rem; line-height: 1.5; transition: all .15s; }
.sf-diger a b { display: block; color: var(--sf-murekkep); font: 700 1.05rem var(--sf-baslik-font); margin-bottom: .2rem; }
.sf-diger a:hover { border-color: var(--sf-kirmizi); box-shadow: var(--sf-golge); }
.sf-diger a:hover b { color: var(--sf-kirmizi); }
.sf-ince { margin-top: 2.4rem; padding: .9rem 1.1rem; border-left: 4px solid var(--sf-gul2); background: #fbfafa; color: var(--sf-gri); font-size: .95rem !important; border-radius: 4px 10px 10px 4px; }
@media (min-width: 40rem) { .sf-isaretler, .sf-diger { grid-template-columns: repeat(2, 1fr); } .sf-isaretler { gap: 1rem; } }
@media (min-width: 64rem) {
  .sf-govde { grid-template-columns: 17rem minmax(0, 1fr); gap: 4rem; padding-top: 3.4rem; }
  .sf-icindekiler { position: sticky; top: 104px; }
  .sf-icindekiler ol { grid-template-columns: 1fr; }
  .sf-metin-orta { max-width: 52rem; }
}

/* --- Marka harf listesi ------------------------------------------------------ */
.sf-ara { max-width: 34rem; margin: 1.4rem 0 .4rem; }
.sf-ara label { display: block; font: 700 .9rem var(--sf-baslik-font); margin-bottom: .4rem; }
.sf-ara input { width: 100%; font: inherit; padding: .95rem 1.2rem; border: 2px solid var(--sf-cizgi); border-radius: 999px; background: #fff; color: var(--sf-murekkep); }
.sf-ara input:focus { border-color: var(--sf-kirmizi); outline: 3px solid rgba(200, 16, 46, .25); outline-offset: 0; }
.sf-ara-sonuc { margin: .5rem 0 0 1.2rem; font-size: .94rem; color: var(--sf-gri); min-height: 1.2em; }
.sf-harf-izgara { display: grid; gap: .8rem; align-items: start; }
.sf-harf { border: 1.5px solid var(--sf-cizgi); border-radius: 16px; background: #fff; }
.sf-harf[open] { border-color: var(--sf-kirmizi); box-shadow: var(--sf-golge); }
.sf-harf summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: .7rem 1.2rem; font: 800 1.5rem var(--sf-baslik-font); color: var(--sf-kirmizi); }
.sf-harf summary::-webkit-details-marker { display: none; }
.sf-harf summary svg { color: var(--sf-gri); transition: transform .2s; }
.sf-harf[open] summary svg { transform: rotate(180deg); }
.sf-harf .sf-cipler { padding: .2rem 1.2rem 1.2rem; margin: 0; }
.sf-harf .sf-cipler a { background: var(--sf-gul); border-color: var(--sf-gul2); }
.sf-harf .sf-cipler a:hover { background: var(--sf-kirmizi); border-color: var(--sf-kirmizi); }
@media (min-width: 52rem) { .sf-harf-izgara { grid-template-columns: 1fr 1fr; gap: 1rem 1.4rem; } }

/* --- Hakkımızda ---------------------------------------------------------------- */
.sf-sira-serit { display: flex; justify-content: center; gap: .8rem; margin-top: -2rem; position: relative; z-index: 2; }
.sf-sira-serit span { display: grid; place-items: center; flex: 1; max-width: 6.4rem; aspect-ratio: 1; border-radius: 50%; background: #fff; border: 2px solid var(--sf-kirmizi); box-shadow: var(--sf-golge); }
.sf-sira-serit .sf-cizim { width: 46%; height: auto; aspect-ratio: 1; }
.sf-sira-serit span:nth-child(even) { background: var(--sf-gul); }
.sf-satir { display: grid; gap: 1.6rem; align-items: center; padding: 2.4rem 0; border-top: 1px solid var(--sf-gul2); }
.sf-satir:first-of-type { border: 0; }
.sf-satir-metin h2 { margin-top: 0; }
.sf-satir-metin p { color: #3a2b2d; max-width: 38rem; }
.sf-satir-resim { display: grid; place-items: center; aspect-ratio: 16 / 10; background: var(--sf-gul); border-radius: 26px; border: 1.5px solid var(--sf-gul2); background-image: var(--sf-hat); background-size: cover; background-position: center; position: relative; overflow: hidden; }
.sf-satir-resim::before { content: ""; position: absolute; inset: 0; background: var(--sf-gul); opacity: .0; }
.sf-satir-resim .sf-cizim { width: 5.5rem; height: 5.5rem; background: #fff; padding: 1.2rem; border-radius: 50%; border: 2px solid var(--sf-kirmizi); box-sizing: content-box; box-shadow: var(--sf-golge); position: relative; }
.sf-satir:nth-of-type(even) .sf-satir-resim { background-color: var(--sf-kirmizi); border-color: var(--sf-kirmizi); }
@media (min-width: 52rem) {
  .sf-satir { grid-template-columns: 1.1fr .9fr; gap: 4rem; padding: 3.4rem 0; }
  .sf-satir-ters .sf-satir-resim { order: -1; }
  .sf-sira-serit { gap: 1.6rem; margin-top: -3.4rem; }
  .sf-sira-serit span { max-width: 8rem; }
}

/* --- Formlar ----------------------------------------------------------------------- */
.sf-sekme { background: #fff; border-bottom: 1px solid var(--sf-cizgi); }
.sf-sekme .sf-sarma { display: flex; gap: .5rem; padding: .8rem 0; }
.sf-sekme a { padding: .6rem 1.3rem; border-radius: 999px; font: 700 .94rem var(--sf-baslik-font); color: var(--sf-murekkep); text-decoration: none; border: 1.5px solid var(--sf-cizgi); }
.sf-sekme a:hover { border-color: var(--sf-kirmizi); color: var(--sf-kirmizi); }
.sf-sekme a[aria-current] { background: var(--sf-kirmizi); border-color: var(--sf-kirmizi); color: #fff; }
.sf-form-duzen { display: grid; gap: 1.6rem; align-items: start; padding-top: .6rem; }
.sf-form-yan { background: var(--sf-gul); border: 1.5px solid var(--sf-gul2); border-radius: 22px; padding: 1.6rem; }
.sf-form-yan p { color: #3a2b2d; }
.sf-form-yan p:last-child { margin-bottom: 0; }
.sf-form-resim { display: grid; place-items: center; width: 5.4rem; height: 5.4rem; border-radius: 50%; background: var(--sf-kirmizi); margin-bottom: 1.2rem; }
.sf-form-resim .sf-cizim { width: 2.8rem; height: 2.8rem; color: #fff; }
.sf-form-resim .sf-cizim-ic { stroke: var(--sf-gul2); }
.sf-iletisim-liste { padding-left: 1.2rem; }
.sf-form-kutu { background: #fff; border: 1.5px solid var(--sf-cizgi); border-radius: 22px; padding: 1.5rem 1.3rem 1.6rem; box-shadow: var(--sf-golge); border-top: 6px solid var(--sf-kirmizi); }
.sf-girdi { margin-bottom: 1.1rem; }
.sf-girdi label { display: block; font: 700 .92rem var(--sf-baslik-font); margin-bottom: .4rem; }
.sf-alan-yazi, .sf-alan-secim, .sf-alan-uzun { width: 100%; font: inherit; padding: .85rem 1rem; border: 1.5px solid #BFA3A0; border-radius: 12px; background: #fff; color: var(--sf-murekkep); }
.sf-alan-uzun { resize: vertical; min-height: 7rem; }
.sf-alan-yazi:focus, .sf-alan-secim:focus, .sf-alan-uzun:focus { border-color: var(--sf-kirmizi); outline: 3px solid rgba(200, 16, 46, .25); outline-offset: 0; }
.sf-girdi-sorunlu .sf-alan-yazi, .sf-girdi-sorunlu .sf-alan-secim, .sf-girdi-sorunlu .sf-alan-uzun { border-color: var(--sf-koyu); background: var(--sf-gul); }
.sf-hata-metin { color: var(--sf-koyu); font-weight: 700; font-size: .94rem; margin: .35rem 0 0; }
.sf-hata { background: var(--sf-gul); border: 1.5px solid var(--sf-kirmizi); border-radius: 12px; color: #4a1018; font-weight: 700; padding: .9rem 1.1rem; margin: 0 0 1.2rem; }
.sf-tamam { background: var(--sf-yesil-zemin); border: 1.5px solid var(--sf-yesil-cizgi); color: var(--sf-yesil); padding: 1rem 1.2rem; border-radius: 12px; margin: 0 0 1.2rem; }
.sf-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sf-kapi-kutu { margin: 0 0 1rem; min-height: 65px; max-width: 100%; }
.sf-form-not { font-size: .88rem; color: var(--sf-gri); margin: 1rem 0 0; }
.sf-dort { display: grid; gap: 1rem; margin-top: 2.6rem; }
.sf-dort > div { padding: 1.4rem 1.4rem 1.2rem; border: 1.5px solid var(--sf-cizgi); border-radius: var(--sf-yari); border-top: 5px solid var(--sf-kirmizi); background: #fff; }
.sf-dort h2, .sf-dort h3 { font-size: 1.12rem; margin: 0 0 .4em; }
.sf-dort p { font-size: .95rem; line-height: 1.6; color: var(--sf-gri); margin: 0; }
@media (min-width: 40rem) { .sf-form-kutu { padding: 2rem 2rem 2.2rem; } .sf-dort { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) { .sf-form-duzen { grid-template-columns: 5fr 7fr; gap: 2.4rem; } .sf-form-yan { position: sticky; top: 104px; } .sf-dort { grid-template-columns: repeat(4, 1fr); } }

/* --- Marka x cihaz sayfası: arama düğmeleri, iki sütun, form kutusu, kapanış bandı ---------- */
.sf-ara { gap: .55rem; flex-wrap: wrap; text-align: center; }
.sf-ara .sf-cizim { width: 1.3rem; height: 1.3rem; color: currentColor; }
.sf-ara .sf-cizim-ic { stroke: currentColor; }
.sf-ara b { font-weight: 800; }
.sf-dugme-cerceve { background: transparent; color: #fff; border-color: #fff; font-size: 1.1rem; padding: 1.1rem 2.1rem; }
.sf-dugme-cerceve:hover { background: #fff; border-color: #fff; color: var(--sf-kirmizi); }
.sf-baslik .sf-mc-dugmeler { margin-top: 1.6rem; max-width: 40rem; }
.sf-mc-dugmeler { align-items: stretch; }
.sf-mc-dugmeler .sf-dugme { flex: 1 1 13rem; margin: 0; }
.sf-mc-dugmeler .sf-ara { padding-block: .8rem; }
.sf-baslik p.sf-mc-bagimsiz { font-size: .95rem; line-height: 1.55; margin: 1.3rem 0 0; opacity: .95; }
.sf-mc-duzen { display: grid; gap: 0 2.4rem; padding-top: 2rem; padding-bottom: 3rem; }
.sf-mc-a, .sf-mc-b { min-width: 0; }
.sf-mc-ana-baslik { margin: 2.2rem 0 .8rem; font-size: 1.2rem; }
.sf-mc-form { margin: 2.2rem 0 0; }
.sf-mc-form .sf-form-kutu h2 { font-size: 1.35rem; }
.sf-mc-form-giris { color: var(--sf-gri); margin: 0 0 1.2rem; }
.sf-mc-form .sf-ara { width: 100%; margin: 0 0 1.4rem; }
.sf-mc-sss details { border: 1.5px solid var(--sf-cizgi); border-radius: 14px; padding: .9rem 1.2rem; margin-bottom: .7rem; background: #fff; }
.sf-mc-sss summary { cursor: pointer; font: 700 1rem/1.4 var(--sf-baslik-font); color: var(--sf-murekkep); }
.sf-mc-sss details[open] { border-color: var(--sf-kirmizi); }
.sf-mc-sss details p { margin: .7rem 0 0; font-size: 1rem; line-height: 1.65; }
.sf-mc-cagri { background: var(--sf-kirmizi); color: #fff; }
.sf-mc-cagri-ic { padding: 2.6rem 0 2.8rem; display: grid; gap: 1.2rem; justify-items: start; }
.sf-mc-cagri h2 { color: #fff; margin: 0; }
.sf-mc-cagri .sf-dugme-satir .sf-dugme { flex: 0 1 auto; }
@media (min-width: 64rem) {
  .sf-mc-duzen { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "a f" "b f"; grid-template-rows: auto 1fr; padding-top: 2.6rem; }
  .sf-mc-a { grid-area: a; }
  .sf-mc-b { grid-area: b; }
  .sf-mc-form { grid-area: f; margin-top: 3rem; align-self: start; }
  .sf-mc-cagri-ic { grid-template-columns: 1fr auto; align-items: center; }
}

/* --- Belgeler ----------------------------------------------------------------------- */
.sf-yasal { max-width: 52rem; }
.sf-yasal h2 { font-size: 1.35rem; margin: 2.4rem 0 .6em; padding-left: 1rem; border-left: 5px solid var(--sf-kirmizi); }
.sf-yasal ul { padding-left: 1.2rem; }
.sf-yasal li { margin-bottom: .5rem; }

/* --- 404 ------------------------------------------------------------------------------ */
.sf-kayip { display: grid; gap: 1rem; padding: 3rem 0 5rem; align-items: center; }
.sf-kayip-no { margin: 0; font: 800 clamp(6rem, 24vw, 14rem)/.9 var(--sf-baslik-font); color: var(--sf-kirmizi); letter-spacing: -.05em; }
.sf-kayip-metin h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); }
@media (min-width: 52rem) { .sf-kayip { grid-template-columns: auto 1fr; gap: 4rem; padding: 6rem 0; } }

/* --- Sayfa sonu: dört bağlantı bandı ---------------------------------------------- */
.sf-yollar { background: var(--sf-kirmizi); color: #fff; position: relative; overflow: hidden; }
.sf-yollar::before { content: ""; position: absolute; inset: 0; background: var(--sf-hat) no-repeat left center / 640px; pointer-events: none; opacity: .7; }
.sf-yollar-ic { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; padding: 2.2rem 0; }
.sf-yol-kart { display: flex; flex-direction: column; gap: .7rem; padding: 1.2rem; background: #fff; color: var(--sf-kirmizi); border-radius: 16px; text-decoration: none; transition: transform .15s, box-shadow .15s; }
.sf-yol-kart b { font: 700 1rem var(--sf-baslik-font); color: var(--sf-murekkep); }
.sf-yol-kart:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(60, 0, 8, .3); }
@media (min-width: 52rem) { .sf-yollar-ic { grid-template-columns: repeat(4, 1fr); gap: 1.2rem; padding: 3rem 0; } .sf-yol-kart { flex-direction: row; align-items: center; gap: 1rem; padding: 1.4rem; } .sf-yol-kart b { font-size: 1.05rem; } }

/* --- Alt bilgi ------------------------------------------------------------------------ */
.sf-alt { background: var(--sf-murekkep); color: #E9DDDD; padding: 3.2rem 0 0; border-top: 6px solid var(--sf-kirmizi); }
.sf-alt a { color: #fff; text-decoration: none; }
.sf-alt a:hover { text-decoration: underline; color: #fff; }
.sf-alt-ust { display: grid; gap: 2rem; }
.sf-alt-ad { font: 800 1.5rem var(--sf-baslik-font); color: #fff; margin-bottom: .6rem; }
.sf-alt-firma p { font-size: .93rem; line-height: 1.65; color: #D9CACA; max-width: 28rem; }
.sf-alt-sut { display: grid; gap: 0; }
.sf-alt-grup { border-top: 1px solid rgba(255, 255, 255, .14); }
.sf-alt-grup summary { list-style: none; cursor: pointer; padding: 1rem 0; font: 700 .95rem var(--sf-baslik-font); color: #fff; display: flex; justify-content: space-between; }
.sf-alt-grup summary::-webkit-details-marker { display: none; }
.sf-alt-grup summary::after { content: "+"; color: #fff; font-size: 1.3rem; line-height: 1; }
.sf-alt-grup[open] summary::after { content: "\2212"; }
.sf-alt-grup ul { list-style: none; margin: 0; padding: 0 0 1rem; display: grid; gap: .5rem; }
.sf-alt-grup li a { font-size: .93rem; line-height: 1.4; color: #E9DDDD; }
.sf-alt-alt { margin-top: 1.4rem; padding: 1.4rem 0 1.8rem; border-top: 1px solid rgba(255, 255, 255, .14); display: grid; gap: .8rem; font-size: .86rem; color: #D9CACA; }
.sf-alt-alt p, .sf-alt-yasal-blok p { margin: 0; }
.sf-alt-yasal { list-style: none; display: flex; flex-wrap: wrap; gap: .4rem 1.3rem; margin: 0; padding: 0; }
.sf-alt-yasal a { color: #fff; }
.sf-alt-seri { font-size: .82rem; color: #D9CACA; }
.sf-alt-seri b { color: #fff; }
@media (min-width: 50rem) {
  .sf-alt-ust { grid-template-columns: 1fr; }
  .sf-alt-sut { grid-template-columns: repeat(4, 1fr) 1.2fr; gap: 2rem; }
  .sf-alt-grup { border: 0; }
  .sf-alt-grup summary { padding: 0 0 .9rem; cursor: default; font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; color: #FF9AA6; }
  .sf-alt-grup summary::after { display: none; }
  .sf-alt-markalar ul { grid-template-columns: 1fr 1fr; column-gap: 1rem; }
  .sf-alt-alt { grid-template-columns: auto 1fr; align-items: center; gap: 1rem 2rem; }
  .sf-alt-alt .sf-alt-seri { grid-column: 1 / -1; }
  .sf-alt-yasal { justify-content: flex-end; }
}
.sf-alt-ana { padding-top: 4rem; }
.sf-alt-baslik { color: #fff; font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 1.4rem; }
.sf-alt-cipler { list-style: none; margin: 0 0 2.4rem; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.sf-alt-cipler a { display: inline-block; padding: .55rem 1.2rem; border: 1.5px solid rgba(255, 255, 255, .28); border-radius: 999px; font: 600 .95rem var(--sf-baslik-font); }
.sf-alt-cipler a:hover { background: var(--sf-kirmizi); border-color: var(--sf-kirmizi); text-decoration: none; }
.sf-alt-yasal-blok { padding: 1.6rem 0 2rem; border-top: 1px solid rgba(255, 255, 255, .14); font-size: .86rem; line-height: 1.7; color: #D9CACA; }
.sf-alt-yasal-blok a { color: #fff; text-decoration: underline; }
.sf-alt-yasal-blok .sf-alt-seri { margin-top: .6rem; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; } }
@media print { .sf-ust, .sf-alt-serit, .sf-alt, .sf-yollar, .sf-cekmece { display: none; } .sf-baslik, .sf-vitrin { background: none; color: #000; } .sf-baslik h1, .sf-vitrin h1 { color: #000; } }

/* Form alanları: geniş ekranda çift sütun (servis isteği ve iletişim) */
@media (min-width: 40rem) {
  .sf-form-kutu form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.2rem; }
  .sf-form-kutu form > * { grid-column: 1 / -1; }
  .sf-form-kutu form[data-form="talep"] > .sf-girdi:nth-of-type(1),
  .sf-form-kutu form[data-form="talep"] > .sf-girdi:nth-of-type(2),
  .sf-form-kutu form[data-form="talep"] > .sf-girdi:nth-of-type(4),
  .sf-form-kutu form[data-form="talep"] > .sf-girdi:nth-of-type(5),
  .sf-form-kutu form[data-form="talep"] > .sf-girdi:nth-of-type(7),
  .sf-form-kutu form[data-form="talep"] > .sf-girdi:nth-of-type(8),
  .sf-form-kutu form[data-form="iletisim"] > .sf-girdi:nth-of-type(1),
  .sf-form-kutu form[data-form="iletisim"] > .sf-girdi:nth-of-type(2),
  .sf-form-kutu form[data-form="iletisim"] > .sf-girdi:nth-of-type(3),
  .sf-form-kutu form[data-form="iletisim"] > .sf-girdi:nth-of-type(4) { grid-column: auto; }
}
@media (max-width: 51.99rem) {
  .sf-baslik::before, .sf-vitrin::before { background-size: 420px; background-position: right -90px bottom -30px; opacity: .45; }
  .sf-uyari { padding-left: 3.9rem; }
}
.sf-kayip-no::before { content: "404"; }
.sf-kayip .sf-izi { background: var(--sf-gul); border: 1.5px solid var(--sf-gul2); }

/* Ziyaret sayımı izin kutusu: altta sabit, yalnızca ölçüm kimliği varken sayfada bulunur */
.sf-izin { position: fixed; z-index: 60; left: .75rem; right: .75rem; bottom: .75rem; display: grid; gap: .8rem; padding: .9rem 1rem 1rem; background: var(--sf-beyaz); color: var(--sf-murekkep); border: 1.5px solid var(--sf-cizgi); border-top: 4px solid var(--sf-kirmizi); border-radius: var(--sf-yari); box-shadow: 0 12px 34px rgba(122, 10, 25, .24); }
.sf-izin[hidden] { display: none; }
.sf-izin-yazi { margin: 0; font-size: .88rem; line-height: 1.45; }
.sf-izin-dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.sf-izin .sf-dugme { padding: .65rem 1rem; font-size: .95rem; }
@media (min-width: 40rem) {
  .sf-izin { left: 1.25rem; right: auto; bottom: 1.25rem; width: min(46rem, calc(100% - 2.5rem)); grid-template-columns: 1fr auto; align-items: center; gap: 1.4rem; padding: 1rem 1.3rem; }
  .sf-izin-dugmeler { grid-template-columns: auto auto; }
}
@media print { .sf-izin { display: none; } }

/* --- Telefonda sabit alt çubuk ("Hemen Arayın", "Servis Talebi") ve talep penceresi --- */
:root{--sf-bar:0px}
.sf-cubuk,.sf-talep-sayfa{display:none}
@media (max-width:39.99rem){
  :root{--sf-bar:58px}
  body{padding-bottom:calc(var(--sf-bar) + env(safe-area-inset-bottom,0px))}
  .sf-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.28)}
  .sf-cubuk--iki{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .sf-cubuk a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--sf-bar);padding:0 10px;text-decoration:none;font:700 1rem/1.1 var(--sf-baslik-font);-webkit-tap-highlight-color:transparent}
  .sf-cubuk svg{flex:none;width:22px;height:22px}
  .sf-cubuk .sf-cubuk-ara{background:#C8102E;color:#fff}
  .sf-cubuk .sf-cubuk-talep{background:#fff;color:#C8102E}
  .sf-yaziyor .sf-cubuk{display:none}
  .sf-izin{bottom:calc(var(--sf-bar) + env(safe-area-inset-bottom,0px) + 12px)}
  .sf-talep-sayfa[open]{display:flex;flex-direction:column;position:fixed;inset:0;z-index:1000;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#1C1415}
  .sf-talep-sayfa::backdrop{background:rgba(0,0,0,.6)}
  .sf-talep-ust{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));border-bottom:1px solid #EBD6D4;font:700 1rem var(--sf-baslik-font)}
  .sf-talep-kapat{width:44px;height:44px;border:1px solid #EBD6D4;border-radius:10px;background:transparent;color:inherit;font:400 1.7rem/1 var(--sf-baslik-font);cursor:pointer}
  .sf-talep-cerceve{flex:1 1 auto;width:100%;min-height:0;border:0;background:#fff}
  html:has(.sf-talep-sayfa[open]){overflow:hidden}
}
.sf-gomulu .sf-ust,.sf-gomulu .sf-alt-serit,.sf-gomulu .sf-iz,.sf-gomulu .sf-yollar,.sf-gomulu .sf-alt,.sf-gomulu .sf-cubuk,.sf-gomulu .sf-izin,.sf-gomulu .sf-gec,.sf-gomulu .sf-form-yan,.sf-gomulu .sf-sekme,.sf-gomulu .sf-dort,.sf-gomulu .sf-baslik{display:none!important}
.sf-gomulu body{padding-bottom:0}