/*
 * PSP Acente Siteleri - şablonlara özel görünüm
 * ------------------------------------------------------------------
 * site.css içindeki ortak bölüm stillerinin üzerine, her şablonu diğerlerinden ayıran dokunuşlar.
 * Seçiciler <body> üzerindeki "t-<no>" ve "hd-<yerleşim>" sınıflarına bağlıdır.
 */

/* ---------- Yan menü yerleşimi (hd-yan): geniş ekranda solda sabit dikey menü ---------- */
@media (min-width: 1100px) {
    .hd-yan { padding-left: 264px; }
    .hd-yan .ust { position: fixed; inset: 0 auto 0 0; width: 264px; border-bottom: 0; border-right: 1px solid var(--cizgi); overflow: visible; }
    .hd-yan.onizleme .ust { top: 42px; }
    .hd-yan .ust-ic { flex-direction: column; align-items: stretch; width: auto; margin: 0; padding: 28px 18px; height: 100%; gap: 22px; }
    .hd-yan .menu { margin: 0; }
    .hd-yan .menu > ul { flex-direction: column; align-items: stretch; gap: 2px; }
    .hd-yan .menu > ul > li > a { justify-content: space-between; padding: 11px 12px; }
    .hd-yan .menu > ul > li > a .icon { transform: rotate(-90deg); }
    .hd-yan .menu > ul > li.alt-var { position: relative; }
    .hd-yan .alt-menu { top: 0; left: 100%; right: auto; width: min(640px, calc(100vw - 300px)); transform: translate(6px, 0); grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: calc(100vh - 120px); }
    .hd-yan .alt-var:hover .alt-menu, .hd-yan .alt-var:focus-within .alt-menu { transform: none; }
    .hd-yan .ust-eylem { flex-direction: column; align-items: stretch; margin-top: auto; gap: 12px; }
    .hd-yan .ust-eylem .dugme { width: 100%; }
    .hd-yan .kap { --genislik: 1040px; }
    .hd-yan .onizleme-cubuk { margin-left: -264px; }
}

/* ---------- 2 · Hızlı Teklif ---------- */
.t-2 .hero { background: radial-gradient(900px 420px at 85% 0%, var(--c2-acik), transparent 70%), var(--c1-acik); }
.t-2 .hero-kutu { border-top: 5px solid var(--c2); }
.t-2 .bolum-bas { text-align: left; margin-inline: 0; }
.t-2 .kutular-adim li { border: 0; background: var(--c1-acik); }

/* ---------- 3 · Sade ---------- */
.t-3 .hero { background: var(--zemin); padding-block: clamp(64px, 10vw, 128px); }
.t-3 .hero h1 { font-weight: 700; font-size: clamp(2.2rem, 5.4vw, 4rem); }
.t-3 .bolum:nth-of-type(even):not(.hero):not(.cta) { background: var(--zemin); }
.t-3 .bolum { border-top: 1px solid var(--cizgi); }
.t-3 .bolum-bas { text-align: left; margin-inline: 0; max-width: 620px; }
.t-3 .ust-yazi { color: var(--yazi-2); letter-spacing: .16em; }
.t-3 .dugme { border-radius: 999px; }
.t-3 .hizmet-simge { background: none; color: var(--c1); width: auto; height: auto; }
.t-3 .ust { border-bottom-color: transparent; }

/* ---------- 4 · Koyu ---------- */
.t-4 .hero { background: radial-gradient(700px 380px at 50% -10%, color-mix(in srgb, var(--c1) 28%, transparent), transparent 70%), var(--zemin); padding-block: clamp(72px, 10vw, 132px); }
.t-4 .hero h1 em { background: linear-gradient(90deg, var(--c1), var(--c2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.t-4 .hizmet, .t-4 .kutular li, .t-4 .sss-liste details, .t-4 .yazi-kart { background: var(--zemin-2); }
.t-4 .bolum:nth-of-type(even):not(.hero):not(.cta) { background: var(--zemin); }
.t-4 .hizmet:hover { border-color: var(--c1); box-shadow: 0 0 0 1px var(--c1), 0 18px 40px rgba(0, 0, 0, .45); }
.t-4 .rakamlar.b-bant { background: var(--zemin-2) !important; border-block: 1px solid var(--cizgi); }
.t-4 .rakamlar.b-bant strong { color: var(--c1); }
.t-4 .rakamlar.b-bant p { color: var(--yazi-2); }
.t-4 .cta.b-kutu .cta-ic { background: linear-gradient(120deg, var(--c1-acik), var(--zemin-2)); border: 1px solid var(--c1); }
.t-4 .cta.b-kutu h2, .t-4 .cta.b-kutu p { color: var(--baslik); }
.t-4 .cta.b-kutu .dugme-cizgi { color: var(--baslik); }
.t-4 .sirket-liste li { background: var(--zemin-2); }
.t-4 .alt { background: #060b14; border-top: 1px solid var(--cizgi); }

/* ---------- 5 · Samimi ---------- */
.t-5 { --zemin-2: #fff7ef; }
.t-5 .hero { background: var(--zemin-2); }
.t-5 .hero-cizim { border-radius: 48% 52% 44% 56% / 54% 46% 54% 46%; }
.t-5 .dugme { border-radius: 999px; }
.t-5 .hizmet-simge, .t-5 .kutu-simge { border-radius: 50%; background: var(--c2-acik); color: var(--c2-koyu); }
.t-5 .hizmet { border: 0; box-shadow: var(--golge); }
.t-5 .ust-yazi { background: var(--c1-acik); color: var(--c1); padding: 5px 14px; border-radius: 999px; letter-spacing: .04em; text-transform: none; font-size: .85rem; }
.t-5 .alt { background: #3b2416; }

/* ---------- 6 · Branş Vitrini ---------- */
.t-6 .hero { background: var(--c1); }
.t-6 .hero h1, .t-6 .hero .hero-giris, .t-6 .hero .hero-madde { color: var(--c1-ustu); }
.t-6 .hero h1 em { color: var(--c2-acik); }
.t-6 .hero .ust-yazi { color: var(--c2-acik); }
.t-6 .hero .hero-madde .icon { color: var(--c2-acik); }
.t-6 .hero .dugme-cizgi { color: var(--c1-ustu); }
.t-6 .hero-brans a { border: 0; }
.t-6 .hizmet { border-top: 4px solid var(--c1); }
.t-6 .hizmet-grup { border-bottom: 0; background: var(--c1-acik); color: var(--c1); padding: 6px 14px; border-radius: var(--kose-kucuk); font-size: .95rem; }

/* ---------- 7 · Klasik ---------- */
.t-7 { --zemin-2: #f7f4ee; }
.t-7 .ust { border-bottom: 3px double var(--c1); }
.t-7 .marka { font-family: var(--baslik-tipi); font-weight: 700; letter-spacing: 0; }
.t-7 .marka-simge { background: none; color: var(--c1); border: 1.5px solid var(--c1); }
.t-7 .hero { background: var(--zemin-2); border-bottom: 1px solid var(--cizgi); }
.t-7 .hero h1 { font-weight: 700; letter-spacing: 0; }
.t-7 .hero-cizim { background: var(--c1); border: 10px solid var(--zemin); outline: 1px solid var(--c1); }
.t-7 .bolum-bas h2::after { content: ""; display: block; width: 64px; height: 3px; margin: 16px auto 0; background: var(--c2); }
.t-7 .ust-yazi { font-family: var(--baslik-tipi); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 1rem; font-weight: 400; }
.t-7 .dugme { text-transform: uppercase; letter-spacing: .06em; font-size: .85rem; }
.t-7 .kutular-rakam strong { font-weight: 700; }
.t-7 .alt { background: var(--c1-koyu); }

/* ---------- 8 · Tek Sayfa ---------- */
.t-8 .hero { background: linear-gradient(110deg, var(--c2) 0 58%, var(--c1) 58% 100%); }
.t-8 .hero h1, .t-8 .hero .hero-giris, .t-8 .hero .hero-madde, .t-8 .hero .ust-yazi { color: #fff; }
.t-8 .hero h1 em { color: #fff; box-shadow: inset 0 -.32em 0 var(--c1); }
.t-8 .hero .hero-madde .icon { color: #fff; }
.t-8 .hero .dugme-cizgi { color: #fff; }
.t-8 .hero .dugme-vurgu { background: var(--c1); color: var(--c1-ustu); }
.t-8 .bolum-bas { text-align: left; margin-inline: 0; padding-left: 18px; border-left: 5px solid var(--c1); }
.t-8 .ust-yazi { color: var(--c1); }
.t-8 .dugme-vurgu { background: var(--c1); color: var(--c1-ustu); }
.t-8 .cta.b-kutu .cta-ic { background: var(--c2); }
.t-8 .cta.b-kutu h2, .t-8 .cta.b-kutu p, .t-8 .cta.b-kutu .dugme-cizgi { color: var(--c2-ustu); }
.t-8 .bolum { scroll-margin-top: 80px; }

/* ---------- 9 · Yan Menü ---------- */
.t-9 .bolum-bas { text-align: left; margin-inline: 0; }
.t-9 .hero.b-bant .hero-ic { text-align: left; }
.t-9 .hero.b-bant .hero-eylem { justify-content: flex-start; }
.t-9 .hero.b-bant { padding-block: 64px; }
.t-9 .hizmet { flex-direction: row; align-items: flex-start; }
.t-9 .hizmet-ok { display: none; }
.t-9 .menu > ul > li > a.secili { background: var(--c1); color: var(--c1-ustu); }

/* ---------- 10 · Canlı ---------- */
.t-10 .hero-brans a { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .28); color: #fff; box-shadow: none; backdrop-filter: blur(6px); }
.t-10 .hero-brans .icon, .t-10 .hero .hero-madde .icon { color: #fff; }
.t-10 .hero .dugme-vurgu { background: #fff; color: var(--c1); }
.t-10 .hero .dugme-cizgi { color: #fff; }
.t-10 .hero h1 { font-size: clamp(2.3rem, 5.4vw, 4rem); font-weight: 800; }
.t-10 .bolum-bas h2 { font-size: clamp(1.8rem, 3.6vw, 2.7rem); font-weight: 800; }
.t-10 .hizmet-simge, .t-10 .kutu-simge { background: linear-gradient(135deg, var(--c1), var(--c2)); color: #fff; }
.t-10 .rakamlar.b-bant { background: linear-gradient(135deg, var(--c1), var(--c2)) !important; }
.t-10 .rakamlar.b-bant strong, .t-10 .rakamlar.b-bant p { color: #fff; }
.t-10 .dugme { border-radius: 999px; }

/* ==================================================================
 * Yapısal farklar: bölüm yerleşimleri (d-…), yeni biçimler (b-…) ve üst menü / giriş alanı türleri
 * ================================================================== */

/* ---------- Yerleşim: başlık yanda sabit, içerik diğer sütunda ---------- */
@media (min-width: 981px) {
    .bolum.d-yan > .kap, .bolum.d-yan-ters > .kap { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(0, 2.1fr); column-gap: clamp(32px, 5vw, 72px); align-items: start; }
    .bolum.d-yan-ters > .kap { grid-template-columns: minmax(0, 2.1fr) minmax(240px, 1fr); }
    .bolum.d-yan .bolum-bas, .bolum.d-yan-ters .bolum-bas { position: sticky; top: 120px; margin: 0; text-align: left; grid-row: span 3; }
    .bolum.d-yan-ters .bolum-bas { grid-column: 2; grid-row: 1 / span 3; }
    .bolum.d-yan-ters > .kap > :not(.bolum-bas) { grid-column: 1; }
    .bolum.d-yan .bolum-alt, .bolum.d-yan-ters .bolum-alt { text-align: left; }
    .bolum.d-yan .sss-liste, .bolum.d-yan-ters .sss-liste { max-width: none; margin: 0; }
    .bolum.d-yan .kutular, .bolum.d-yan-ters .kutular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bolum.d-yan .hizmet-izgara, .bolum.d-yan-ters .hizmet-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bolum.d-yan .yazi-izgara { margin: 0; max-width: none; }
}
.bolum.d-dar > .kap { --genislik: 820px; }
.bolum.d-genis > .kap { --genislik: 1560px; }

/* ---------- Üst menü: yüzen yuvarlak çubuk (hap) ---------- */
.hd-hap .ust { background: transparent; border: 0; padding-top: 14px; pointer-events: none; }
.hd-hap .ust-ic { pointer-events: auto; background: color-mix(in srgb, var(--zemin) 90%, transparent); backdrop-filter: blur(12px); border: 1px solid var(--cizgi); border-radius: 999px; padding: 0 12px 0 22px; min-height: 62px; box-shadow: var(--golge); }
.hd-hap .ust-eylem .dugme { border-radius: 999px; }
.hd-hap .ust-tel span { display: none; }
.hd-hap .hero { margin-top: -76px; padding-top: calc(76px + clamp(48px, 7vw, 96px)); }

/* ---------- Giriş alanı: ortalı + rakamlar ---------- */
.hero.b-rakam .hero-ic { grid-template-columns: 1fr; text-align: center; }
.hero.b-rakam .hero-giris { margin-inline: auto; }
.hero.b-rakam .hero-madde { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; }
.hero.b-rakam .hero-eylem { justify-content: center; }
.hero-rakam { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; margin-top: 28px; background: var(--cizgi); border: 1px solid var(--cizgi); border-radius: var(--kose); overflow: hidden; }
.hero-rakam li { display: grid; gap: 2px; padding: 26px 12px; background: var(--zemin-2); }
.hero-rakam strong { font-family: var(--baslik-tipi); font-size: clamp(1.8rem, 3.4vw, 2.6rem); color: var(--c1); letter-spacing: -.02em; line-height: 1.1; }
.hero-rakam span { color: var(--yazi-2); font-weight: 600; font-size: .92rem; }

/* ---------- Giriş alanı: alttan taşan branş şeridi ---------- */
.hero.b-serit { padding-bottom: 0; }
.hero.b-serit .hero-ic { grid-template-columns: 1fr; }
.hero.b-serit .hero-yazi { max-width: 760px; padding-bottom: 64px; }
.hero-serit { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--cizgi); border-radius: var(--kose); overflow: hidden; box-shadow: var(--golge); transform: translateY(50%); margin-top: -64px; }
.hero-serit a { display: grid; justify-items: center; gap: 10px; padding: 26px 12px; background: var(--zemin); color: var(--baslik); font-weight: 700; font-size: .95rem; text-align: center; transition: background .15s, color .15s; }
.hero-serit a:hover { background: var(--c1); color: var(--c1-ustu); }
.hero-serit .icon { width: 30px; height: 30px; color: var(--c1); }
.hero-serit a:hover .icon { color: inherit; }
.hero.b-serit + .bolum { padding-top: calc(var(--bolum-bosluk) + 72px); }

/* ---------- Branşlar: bento (ilk kutu büyük) ---------- */
@media (min-width: 761px) {
    .hizmetler.b-bento .hizmet-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(150px, auto); }
    .hizmetler.b-bento .hizmet:first-child { grid-column: span 2; grid-row: span 2; background: var(--c1); color: var(--c1-ustu); border-color: transparent; justify-content: flex-end; padding: 32px; }
    .hizmetler.b-bento .hizmet:first-child strong { color: inherit; font-size: 1.7rem; }
    .hizmetler.b-bento .hizmet:first-child small { color: inherit; opacity: .88; font-size: 1.02rem; }
    .hizmetler.b-bento .hizmet:first-child .hizmet-simge { background: rgba(255, 255, 255, .16); color: inherit; width: 64px; height: 64px; margin-bottom: auto; }
    .hizmetler.b-bento .hizmet:first-child .hizmet-simge .icon { width: 34px; height: 34px; }
    .hizmetler.b-bento .hizmet:first-child .hizmet-ok { opacity: 1; color: inherit; }
    .hizmetler.b-bento .hizmet:nth-child(4) { grid-column: span 2; }
}
.gecisli .hizmetler.b-bento .hizmet:first-child { background: linear-gradient(135deg, var(--c1), var(--c2)); color: #fff; }

/* ---------- Branşlar ve yorumlar: yatay kaydırma ---------- */
.b-kaydir .hizmet-izgara, .b-kaydir .kutular { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px 4px 22px; scrollbar-width: thin; scrollbar-color: var(--c1) transparent; }
.b-kaydir .hizmet-izgara > *, .b-kaydir .kutular > * { flex: 0 0 min(300px, 78vw); scroll-snap-align: start; }
.yorumlar.b-kaydir .kutular > * { flex-basis: min(400px, 84vw); }

/* ---------- Branşlar: kategori blokları ---------- */
@media (min-width: 981px) {
    .hizmetler.b-sekme .hizmet-blok { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 28px; padding-block: 28px; border-top: 1px solid var(--cizgi); align-items: start; }
    .hizmetler.b-sekme .hizmet-blok:first-of-type { border-top: 0; padding-top: 0; }
    .hizmetler.b-sekme .hizmet-grup { position: sticky; top: 110px; margin: 0; display: grid; gap: 4px; border: 0; padding: 0; background: none; font-size: 1.35rem; color: var(--baslik); }
    .hizmetler.b-sekme .hizmet-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
}
.hizmet-grup small { display: block; font-family: var(--yazi-tipi); font-size: .82rem; font-weight: 500; color: var(--yazi-2); }
.hizmetler.b-sekme .hizmet { padding: 16px; flex-direction: row; align-items: center; gap: 12px; }
.hizmetler.b-sekme .hizmet-yazi small, .hizmetler.b-sekme .hizmet-ok { display: none; }
.hizmetler.b-sekme .hizmet-simge { width: 38px; height: 38px; }
.hizmetler.b-sekme .hizmet-simge .icon { width: 20px; height: 20px; }

/* ---------- Şirketler: kayan şerit ---------- */
.sirketler.b-kayan .sirket-kap { display: flex; gap: 18px; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.sirketler.b-kayan .sirket-liste { flex: none; flex-wrap: nowrap; justify-content: flex-start; animation: kay 38s linear infinite; }
.sirketler.b-kayan .sirket-kap:hover .sirket-liste { animation-play-state: paused; }
.sirketler.b-kayan .sirket-liste li { border: 0; background: none; font-size: 1.15rem; min-width: 0; white-space: nowrap; padding-inline: 26px; }
@keyframes kay { to { transform: translateX(calc(-100% - 18px)); } }
@media (prefers-reduced-motion: reduce) { .sirketler.b-kayan .sirket-liste { animation: none; } }

/* ---------- Adımlar: yatay bağlantılı (numara) ve dikey zaman çizgisi ---------- */
@media (min-width: 761px) {
    .b-numara .kutular-adim, .b-numara .kutular-hasar { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 0; }
    .b-numara .kutular-adim li, .b-numara .kutular-hasar li { position: relative; border: 0; background: none; text-align: center; padding: 0 20px; }
    .b-numara .kutular-adim .kutu-simge, .b-numara .kutular-hasar .kutu-simge { margin-inline: auto; width: 60px; height: 60px; position: relative; z-index: 1; box-shadow: 0 0 0 8px var(--zemin); }
    .bolum:nth-of-type(even) .b-numara .kutu-simge, .bolum.b-numara:nth-of-type(even) .kutu-simge { box-shadow: 0 0 0 8px var(--zemin-2); }
    .b-numara .kutular-adim li + li::before, .b-numara .kutular-hasar li + li::before { content: ""; position: absolute; top: 30px; right: 50%; width: 100%; border-top: 2px dashed var(--c1); opacity: .45; }
}
.b-numara .kutular-hasar .kutu-simge { background: var(--c1); color: var(--c1-ustu); border-radius: 50%; }
.b-numara .kutular-hasar .kutu-simge .icon { display: none; }
.b-numara .kutular-hasar .kutu-simge::after { content: attr(data-sira); font-weight: 800; font-size: 1.15rem; }
.b-dikey .kutular, .bolum.b-dikey.d-yan .kutular, .bolum.b-dikey.d-yan-ters .kutular { grid-template-columns: 1fr; gap: 0; max-width: 720px; }
.b-dikey .kutular li { position: relative; display: grid; grid-template-columns: 52px 1fr; column-gap: 20px; border: 0; background: none; padding: 0 0 34px; border-radius: 0; }
.b-dikey .kutular li::before { content: ""; position: absolute; left: 25px; top: 52px; bottom: 0; border-left: 2px solid var(--cizgi); }
.b-dikey .kutular li:last-child::before { display: none; }
.b-dikey .kutular li:last-child { padding-bottom: 0; }
.b-dikey .kutular .kutu-simge { grid-row: span 2; width: 52px; height: 52px; border-radius: 50%; background: var(--c1); color: var(--c1-ustu); }
.b-dikey .kutular .kutu-simge .icon { display: none; }
.b-dikey .kutular .kutu-simge::after { content: attr(data-sira); font-weight: 800; font-size: 1.1rem; }
.b-dikey .kutular strong { margin: 10px 0 4px; font-size: 1.15rem; }
/* Çizgi biçimi: üstte ince çizgi ve büyük sıra numarası */
.adimlar.b-cizgi .kutular li, .neden.b-cizgi .kutular li { border-left: 0; border-top: 2px solid var(--baslik); padding: 18px 0 0; counter-increment: sira; }
.b-cizgi .kutular { counter-reset: sira; }
.adimlar.b-cizgi .kutular li::before, .neden.b-cizgi .kutular li::before { content: counter(sira, decimal-leading-zero); display: block; font-family: var(--baslik-tipi); font-size: 2.2rem; line-height: 1; color: var(--c1); margin-bottom: 14px; font-weight: 700; }

/* ---------- Yorumlar: tek büyük yorum ---------- */
.yorumlar.b-tek .kutular { grid-template-columns: 1fr; max-width: 860px; margin-inline: auto; }
.yorumlar.b-tek .kutular li { border: 0; background: none; text-align: center; align-items: center; padding: 0; }
.yorumlar.b-tek .kutular li + li { display: none; }
.yorumlar.b-tek .kutular .kutu-simge { justify-content: center; }
.yorumlar.b-tek .kutular .kutu-simge .icon { width: 54px; height: 54px; }
.yorumlar.b-tek .kutular p { font-family: var(--baslik-tipi); font-size: clamp(1.25rem, 2.6vw, 1.85rem); line-height: 1.45; color: var(--baslik); }
.yorumlar.b-tek .kutular strong { color: var(--c1); letter-spacing: .04em; text-transform: uppercase; font-size: .85rem; }

/* ---------- Rakamlar: sade (ayraçlı satır) ---------- */
.rakamlar.b-sade .kutular-rakam { gap: 0; border-block: 1px solid var(--cizgi); }
.rakamlar.b-sade .kutular-rakam li { padding: 30px 12px; border-left: 1px solid var(--cizgi); border-radius: 0; }
.rakamlar.b-sade .kutular-rakam li:first-child { border-left: 0; }
.rakamlar.b-sade { background: var(--zemin) !important; }

/* ---------- Şablona özel yapısal ayarlar ---------- */
.t-3 .hizmetler.b-liste .hizmet-izgara { grid-template-columns: 1fr; gap: 0; counter-reset: brans; }
.t-3 .hizmetler.b-liste .hizmet { counter-increment: brans; padding: 22px 0; gap: 20px; }
.t-3 .hizmetler.b-liste .hizmet::before { content: counter(brans, decimal-leading-zero); font-size: .85rem; color: var(--yazi-2); width: 28px; flex: none; }
.t-3 .hizmetler.b-liste .hizmet-simge { display: none; }
.t-3 .hizmetler.b-liste .hizmet-yazi strong { font-size: 1.3rem; }
.t-7 .hizmetler.b-liste .hizmet-izgara { display: block; columns: 3 240px; column-gap: 40px; column-rule: 1px solid var(--cizgi); }
.t-7 .hizmetler.b-liste .hizmet { break-inside: avoid; padding: 14px 0; }
.t-7 .hizmetler.b-liste .hizmet-simge { display: none; }
.t-7 .hizmetler.b-liste .hizmet-ok { display: none; }
.t-4 .hero-rakam { background: var(--cizgi); }
.t-4 .hero.b-rakam { padding-bottom: clamp(48px, 6vw, 80px); }
.t-8 .hero.b-serit { background: linear-gradient(110deg, var(--c2) 0 62%, var(--c1) 62% 100%); }
.t-9 .hizmetler .hizmet-izgara { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.t-10 .hd-hap .ust-ic, .t-10 .ust-ic { border-color: transparent; }

@media (max-width: 760px) {
    .hd-hap .ust-ic { border-radius: var(--kose); }
    .hero-serit { transform: none; margin: 0 0 32px; grid-template-columns: repeat(2, 1fr); }
    .hero.b-serit .hero-yazi { padding-bottom: 28px; }
    .hero.b-serit + .bolum { padding-top: var(--bolum-bosluk); }
}

.hd-hap .alt-menu { top: calc(100% + 8px); }
@media (min-width: 981px) { .hd-ortali .alt-menu { top: calc(100% - 6px); } }