:root {
--lacivert: #0B1F3A;
--lacivert-2: #132C50;
--turuncu: #F26A1B;
--turuncu-h: #DB5A0E;
--turuncu-koyu: #B94A0B;
--turuncu-acik: #FFF1E8;
--plaka: #1F4BB8;
--yesil: #12A150;
--yesil-koyu: #0C7A3C;
--yesil-acik: #E7F6EE;
--zemin: #F5F6F8;
--kagit: #FFFFFF;
--murekkep: #101828;
--gri: #5A6478;
--gri-acik: #98A2B3;
--cizgi: #E4E7EC;
--yazi: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
--dar: "Archivo", "Onest", sans-serif;
--r-s: 10px;
--r-m: 16px;
--r-l: 24px;
--golge-s: 0 1px 2px rgba(16, 24, 40, .06);
--golge-m: 0 4px 6px -2px rgba(16, 24, 40, .05), 0 12px 24px -6px rgba(16, 24, 40, .12);
--golge-l: 0 24px 48px -12px rgba(16, 24, 40, .25);
--genislik: 1240px;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
body { margin: 0; background: var(--kagit); color: var(--murekkep); font-family: var(--yazi); font-size: 16px; line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--turuncu); outline-offset: 2px; border-radius: 6px; }
h1, h2, h3, h4 { margin: 0; line-height: 1.15; letter-spacing: -.025em; font-weight: 700; text-wrap: balance; }
h1 { font-size: clamp(2.3rem, 4.6vw, 3.9rem); letter-spacing: -.035em; line-height: 1.05; }
h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); letter-spacing: -.03em; }
h3 { font-size: 1.15rem; }
p { margin: 0; }
.kap { width: min(var(--genislik), 100% - 32px); margin-inline: auto; }
.bolum { padding-block: clamp(56px, 7vw, 100px); }
.bolum-gri { background: var(--zemin); }
.bolum-bas { display: flex; justify-content: space-between; align-items: end; gap: 20px 32px; margin-bottom: 36px; flex-wrap: wrap; }
.bolum-bas p { color: var(--gri); max-width: 58ch; margin-top: 12px; font-size: 1.06rem; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.foto { width: 100%; height: 100%; object-fit: cover; } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 20px; border-radius: var(--r-s); border: 1px solid transparent; font-weight: 600; font-size: .98rem; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background-color .15s, border-color .15s, box-shadow .15s, color .15s; }
.btn svg { width: 18px; height: 18px; flex: none; }
.btn-turuncu { background: var(--turuncu); color: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.1), inset 0 -1px 0 rgba(0,0,0,.08); }
.btn-turuncu:hover { background: var(--turuncu-h); }
.btn-lacivert { background: var(--lacivert); color: #fff; }
.btn-lacivert:hover { background: var(--lacivert-2); }
.btn-beyaz { background: #fff; color: var(--murekkep); border-color: var(--cizgi); box-shadow: var(--golge-s); }
.btn-beyaz:hover { border-color: #C9CED6; background: #FAFAFB; }
.btn-yesil { background: var(--yesil); color: #fff; }
.btn-yesil:hover { background: var(--yesil-koyu); }
.btn-saydam { background: rgba(255,255,255,.12); color: #fff; border-color: rgba(255,255,255,.28); backdrop-filter: blur(6px); }
.btn-saydam:hover { background: rgba(255,255,255,.2); }
.btn-b { min-height: 54px; padding: 0 26px; font-size: 1.04rem; border-radius: 12px; }
.btn-tam { width: 100%; }
.link { color: var(--turuncu-koyu); font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.link svg { width: 16px; height: 16px; transition: transform .15s; }
.link:hover svg { transform: translateX(3px); } .plaka { display: inline-flex; align-items: stretch; height: 22px; border: 1.5px solid #1D2939; border-radius: 4px; background: #fff; color: #1D2939; font-family: var(--dar); font-weight: 800; font-variation-settings: "wdth" 72; font-size: 13px; line-height: 1; overflow: hidden; flex: none; font-variant-numeric: tabular-nums; }
.plaka i { font-style: normal; background: var(--plaka); color: #fff; font-size: 7.5px; font-weight: 700; padding: 0 3px 2px; display: flex; align-items: end; }
.plaka b { padding: 0 6px; display: flex; align-items: center; min-width: 26px; justify-content: center; } .rozet { display: inline-flex; align-items: center; gap: 5px; font-size: .78rem; font-weight: 600; padding: 3px 9px 3px 7px; border-radius: 99px; background: var(--yesil-acik); color: var(--yesil-koyu); white-space: nowrap; }
.rozet svg { width: 14px; height: 14px; }
.rozet-bekliyor { background: var(--turuncu-acik); color: var(--turuncu-koyu); }
.etiket-foto { position: absolute; display: inline-flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 600; padding: 5px 10px; border-radius: 99px; background: rgba(255,255,255,.94); color: var(--murekkep); box-shadow: var(--golge-s); }
.kod-rozet { font-family: var(--dar); font-variation-settings: "wdth" 70; font-weight: 800; background: #0B1424; color: #FF9A5C; padding: 3px 9px; border-radius: 6px; letter-spacing: .03em; font-size: .95rem; } .ust { position: sticky; top: 0; z-index: 60; background: rgba(255,255,255,.92); backdrop-filter: saturate(180%) blur(12px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; gap: 36px; height: 72px; }
.logo { display: inline-flex; align-items: center; text-decoration: none; font-weight: 700; font-size: 1.35rem; letter-spacing: -.035em; color: var(--murekkep); }
.logo-isaret { margin-right: 10px; width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(145deg, #FF8540, var(--turuncu) 55%, #D9540A); display: grid; place-items: center; box-shadow: 0 4px 10px -3px rgba(242,106,27,.55); }
.logo-isaret svg { width: 20px; height: 20px; color: #fff; }
.logo span { color: var(--turuncu); }
.menu { display: flex; gap: 2px; margin-right: auto; }
.menu a { padding: 8px 14px; border-radius: 8px; text-decoration: none; font-weight: 500; color: var(--gri); font-size: .97rem; }
.menu a:hover { color: var(--murekkep); background: var(--zemin); }
.menu a[aria-current="page"] { color: var(--murekkep); font-weight: 600; }
.ust-sag { display: flex; align-items: center; gap: 8px; }
.ust-sag .giris { font-weight: 600; text-decoration: none; padding: 10px 14px; color: var(--murekkep); border-radius: 8px; }
.ust-sag .giris:hover { background: var(--zemin); }
.hamburger { display: none; width: 44px; height: 44px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff; cursor: pointer; place-items: center; }
.hamburger svg { width: 22px; height: 22px; }
.mobil-menu { display: none; }
@media (max-width: 960px) {
.menu, .ust-sag .giris, .ust-sag .btn { display: none; }
.ust-ic { justify-content: space-between; height: 64px; }
.hamburger { display: grid; }
.mobil-menu[data-acik="true"] { display: block; border-top: 1px solid var(--cizgi); padding: 8px 16px 20px; background: #fff; }
.mobil-menu a:not(.btn) { display: block; padding: 14px 4px; font-weight: 600; font-size: 1.05rem; text-decoration: none; border-bottom: 1px solid var(--cizgi); }
.mobil-menu .btn { margin-top: 16px; width: 100%; }
} .hero { position: relative; background: linear-gradient(180deg, #FFF7F2 0%, #F5F6F8 100%); overflow: hidden; }
.hero::after { content: ""; position: absolute; right: -200px; top: -200px; width: 640px; height: 640px; border-radius: 50%; background: radial-gradient(circle, rgba(242,106,27,.14), transparent 65%); pointer-events: none; }
.hero-ic { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 56px; align-items: center; padding-block: 64px 80px; }
.hero-pill { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; background: #fff; border: 1px solid var(--cizgi); border-radius: 99px; font-size: .88rem; font-weight: 500; color: var(--gri); box-shadow: var(--golge-s); }
.hero-pill b { background: var(--yesil-acik); color: var(--yesil-koyu); padding: 2px 9px; border-radius: 99px; font-weight: 600; }
.hero h1 { margin-top: 22px; }
.hero h1 em { font-style: normal; color: var(--turuncu); }
.hero-alt { margin-top: 20px; font-size: 1.15rem; color: var(--gri); max-width: 50ch; }
.arama { margin-top: 32px; background: #fff; border-radius: 16px; padding: 8px; display: grid; grid-template-columns: 1.15fr 1fr auto; gap: 4px; box-shadow: var(--golge-l), 0 0 0 1px rgba(16,24,40,.05); }
.arama-alan { position: relative; display: flex; align-items: center; gap: 12px; padding: 8px 14px; border-radius: 10px; min-width: 0; }
.arama-alan > svg { width: 22px; height: 22px; color: var(--gri-acik); flex: none; }
.arama-alan > div { min-width: 0; flex: 1; }
.arama-alan + .arama-alan::before { content: ""; position: absolute; left: -2px; top: 14px; bottom: 14px; width: 1px; background: var(--cizgi); }
.arama-alan label { display: block; font-size: .78rem; font-weight: 600; color: var(--gri); }
.arama-alan input { border: 0; outline: 0; background: transparent; padding: 0; font-size: 1rem; font-weight: 500; width: 100%; }
.arama-alan input::placeholder { color: var(--gri-acik); }
.arama-alan:focus-within { background: var(--zemin); }
.arama-alan .plaka-yer { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.arama .btn { min-height: 60px; padding-inline: 28px; border-radius: 12px; }
.oneriler { position: absolute; left: 0; right: 0; top: calc(100% + 12px); background: #fff; border: 1px solid var(--cizgi); border-radius: 12px; box-shadow: var(--golge-m); list-style: none; margin: 0; padding: 6px; z-index: 30; max-height: 300px; overflow: auto; }
.oneriler li { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; cursor: pointer; font-weight: 500; }
.oneriler li[aria-selected="true"], .oneriler li:hover { background: var(--zemin); }
.sik { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--gri); font-size: .9rem; }
.sik a { text-decoration: none; background: #fff; border: 1px solid var(--cizgi); padding: 5px 12px; border-radius: 99px; font-weight: 500; color: var(--murekkep); }
.sik a:hover { border-color: var(--murekkep); }
.hero-guven { margin-top: 36px; display: flex; align-items: center; gap: 14px; }
.yuzler { display: flex; }
.yuzler img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; margin-left: -10px; box-shadow: var(--golge-s); }
.yuzler img:first-child { margin-left: 0; }
.hero-guven p { font-size: .92rem; color: var(--gri); line-height: 1.4; }
.hero-guven strong { color: var(--murekkep); display: block; }
.mozaik { position: relative; display: grid; grid-template-columns: 1.1fr 1fr; grid-template-rows: 250px 250px; gap: 14px; }
.mozaik figure { margin: 0; border-radius: 20px; overflow: hidden; position: relative; box-shadow: var(--golge-m); }
.mozaik figure:first-child { grid-row: 1 / 3; }
.mozaik figure:first-child .foto { object-position: 40% center; }
.yuzen { position: absolute; background: #fff; border-radius: 14px; box-shadow: var(--golge-l); padding: 14px; z-index: 2; }
.yuzen-firma { left: -36px; bottom: 34px; width: 280px; display: grid; grid-template-columns: 48px 1fr; gap: 12px; align-items: center; }
.yuzen-firma img { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; }
.yuzen-firma strong { display: block; font-size: .95rem; line-height: 1.25; }
.yuzen-firma span { font-size: .8rem; color: var(--gri); }
.yuzen-firma .btn { grid-column: 1 / -1; min-height: 38px; font-size: .9rem; }
.yuzen-yeni { right: -18px; top: 26px; display: flex; gap: 10px; align-items: center; padding: 10px 14px 10px 10px; }
.yuzen-yeni .ikon-daire { width: 34px; height: 34px; border-radius: 50%; background: var(--yesil-acik); color: var(--yesil); display: grid; place-items: center; }
.yuzen-yeni .ikon-daire svg { width: 18px; height: 18px; }
.yuzen-yeni b { display: block; font-size: .88rem; }
.yuzen-yeni span { font-size: .78rem; color: var(--gri); }
@media (max-width: 1080px) { .yuzen-firma { left: 12px; } .yuzen-yeni { right: 12px; } }
@media (max-width: 960px) {
.hero-ic { grid-template-columns: 1fr; padding-block: 40px 56px; gap: 44px; }
.arama { grid-template-columns: 1fr; }
.arama-alan + .arama-alan::before { left: 14px; right: 14px; top: -2px; bottom: auto; width: auto; height: 1px; }
.arama .btn { min-height: 54px; }
.mozaik { grid-template-rows: 180px 180px; }
}
@media (max-width: 520px) {
.mozaik { grid-template-rows: 150px 150px; gap: 10px; }
.yuzen-firma { width: auto; right: 12px; bottom: 12px; grid-template-columns: 40px 1fr; padding: 10px; }
.yuzen-firma img { width: 40px; height: 40px; }
.yuzen-firma .btn { display: none; }
.yuzen-yeni { display: none; }
} .sayilar { background: var(--lacivert); color: #fff; }
.sayilar-ic { display: grid; grid-template-columns: repeat(4, 1fr); }
.sayi { padding: 30px 24px; display: flex; gap: 14px; align-items: center; }
.sayi + .sayi { border-left: 1px solid rgba(255,255,255,.1); }
.sayi svg { width: 26px; height: 26px; color: #FF9A5C; flex: none; }
.sayi b { display: block; font-size: 1.6rem; letter-spacing: -.03em; line-height: 1.1; }
.sayi span { color: #A9B6CC; font-size: .9rem; }
@media (max-width: 860px) { .sayilar-ic { grid-template-columns: 1fr 1fr; } .sayi:nth-child(3) { border-left: 0; } .sayi:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.1); } .sayi { padding: 20px 14px; } .sayi b { font-size: 1.3rem; } } .bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 210px; gap: 16px; }
.sektor-kart { position: relative; border-radius: var(--r-m); overflow: hidden; text-decoration: none; color: #fff; isolation: isolate; background: var(--lacivert); }
.sektor-kart .foto { position: absolute; inset: 0; z-index: -2; transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.sektor-kart::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(11,31,58,0) 30%, rgba(11,31,58,.88) 100%); }
.sektor-kart:hover .foto { transform: scale(1.05); }
.sektor-kart-ic { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; display: flex; justify-content: space-between; align-items: end; gap: 12px; }
.sektor-kart h3 { font-size: 1.2rem; }
.sektor-kart p { font-size: .88rem; color: rgba(255,255,255,.8); margin-top: 3px; line-height: 1.4; }
.sektor-kart .ok { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.18); backdrop-filter: blur(6px); display: grid; place-items: center; flex: none; transition: background-color .15s; }
.sektor-kart:hover .ok { background: var(--turuncu); }
.sektor-kart .ok svg { width: 18px; height: 18px; }
.sektor-kart .ikon-rozet { position: absolute; top: 16px; left: 16px; width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.95); color: var(--turuncu); display: grid; place-items: center; }
.sektor-kart .ikon-rozet svg { width: 22px; height: 22px; }
.bento .buyuk { grid-column: span 2; grid-row: span 2; }
.bento .buyuk h3 { font-size: 1.7rem; }
.bento .buyuk p { font-size: 1rem; }
.bento .genis { grid-column: span 2; }
@media (max-width: 960px) { .bento { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 180px; } .bento .buyuk { grid-row: span 1; } }
@media (max-width: 560px) { .bento { grid-template-columns: 1fr 1fr; grid-auto-rows: 150px; gap: 10px; } .bento .buyuk, .bento .genis { grid-column: span 2; } .sektor-kart-ic { padding: 14px; } .sektor-kart p { display: none; } .sektor-kart .ok { display: none; } .sektor-kart h3, .bento .buyuk h3 { font-size: 1.05rem; } .sektor-kart .ikon-rozet { width: 32px; height: 32px; top: 10px; left: 10px; } .sektor-kart .ikon-rozet svg { width: 18px; height: 18px; } } .ekle-bant { background: var(--lacivert); color: #fff; border-radius: var(--r-l); overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; position: relative; }
.ekle-bant-foto { position: relative; min-height: 460px; }
.ekle-bant-foto .foto { position: absolute; inset: 0; }
.ekle-bant-foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 60%, var(--lacivert)); }
.ekle-bant-foto .yuzen { left: 28px; bottom: 28px; right: auto; top: auto; color: var(--murekkep); width: 300px; }
.ekle-bant-metin { padding: clamp(32px, 5vw, 64px); display: flex; flex-direction: column; justify-content: center; }
.ekle-bant h2 { font-size: clamp(1.9rem, 3.2vw, 2.8rem); }
.ekle-bant-metin > p { color: #B8C4D6; margin-top: 16px; font-size: 1.08rem; max-width: 46ch; }
.adim-liste { list-style: none; padding: 0; margin: 30px 0 34px; display: grid; gap: 16px; counter-reset: a; }
.adim-liste li { counter-increment: a; display: grid; grid-template-columns: 40px 1fr; gap: 14px; align-items: center; }
.adim-liste li::before { content: counter(a); width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: grid; place-items: center; font-weight: 700; color: #FF9A5C; }
.adim-liste b { display: block; }
.adim-liste span { color: #A9B6CC; font-size: .92rem; }
.ekle-bant .butonlar { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.ekle-bant small { color: #A9B6CC; font-size: .88rem; }
.mini-kart-onizleme { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: center; }
.mini-kart-onizleme img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; }
.mini-kart-onizleme strong { display: block; font-size: .95rem; line-height: 1.2; }
.mini-kart-onizleme .firma-alt { margin-top: 4px; }
@media (max-width: 900px) { .ekle-bant { grid-template-columns: 1fr; } .ekle-bant-foto { min-height: 300px; } .ekle-bant-foto::after { background: linear-gradient(180deg, transparent 55%, var(--lacivert)); } .ekle-bant-foto .yuzen { left: 16px; bottom: 16px; width: auto; right: 16px; } } .firma-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.fkart { position: relative; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-m); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
.fkart:hover { box-shadow: var(--golge-m); transform: translateY(-2px); }
.fkart-kapak { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--zemin); }
.fkart-kapak .etiket-foto { top: 12px; left: 12px; }
.fkart-govde { padding: 0 20px 20px; display: flex; flex-direction: column; flex: 1; }
.fkart-logo { width: 56px; height: 56px; border-radius: 14px; border: 3px solid #fff; margin-top: -28px; box-shadow: var(--golge-m); display: grid; place-items: center; font-weight: 700; color: #fff; font-size: 1.1rem; letter-spacing: -.02em; overflow: hidden; background: var(--lacivert); position: relative; }
.fkart-logo[data-sektor="kombi"] { background: #C2410C; }
.fkart-logo[data-sektor="prefabrik"] { background: #166534; }
.fkart-logo[data-sektor="insaat"] { background: #A16207; }
.fkart-logo img { width: 100%; height: 100%; object-fit: cover; }
.fkart h3 { margin-top: 12px; font-size: 1.12rem; }
.fkart h3 a { text-decoration: none; }
.fkart h3 a::after { content: ""; position: absolute; inset: 0; }
.fkart p { color: var(--gri); font-size: .92rem; margin-top: 6px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.firma-alt { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin-top: 12px; font-size: .86rem; color: var(--gri); font-weight: 500; }
.firma-alt .ayrac { width: 3px; height: 3px; border-radius: 50%; background: var(--gri-acik); }
.fkart-alt { margin-top: auto; padding-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; position: relative; z-index: 2; }
.fkart-alt .btn { min-height: 42px; font-size: .92rem; }
@media (max-width: 1000px) { .firma-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .firma-izgara { grid-template-columns: 1fr; } } .sekmeler { display: inline-flex; gap: 4px; padding: 4px; background: var(--zemin); border-radius: 12px; border: 1px solid var(--cizgi); flex-wrap: wrap; }
.sekme { border: 0; background: transparent; padding: 8px 16px; border-radius: 9px; font-weight: 600; cursor: pointer; color: var(--gri); text-decoration: none; font-size: .94rem; }
.sekme[aria-selected="true"] { background: #fff; color: var(--murekkep); box-shadow: var(--golge-s); }
.sekme:hover { color: var(--murekkep); }
.rehber-duzen { display: grid; grid-template-columns: 1.35fr 1fr; gap: 28px; }
.manset { position: relative; border-radius: var(--r-l); overflow: hidden; text-decoration: none; color: #fff; min-height: 520px; display: flex; align-items: end; isolation: isolate; }
.manset .foto { position: absolute; inset: 0; z-index: -2; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.manset:hover .foto { transform: scale(1.03); }
.manset::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(11,31,58,0) 25%, rgba(11,31,58,.92) 100%); }
.manset-metin { padding: clamp(24px, 3.5vw, 40px); }
.manset h3 { font-size: clamp(1.5rem, 2.6vw, 2.2rem); margin-top: 14px; letter-spacing: -.03em; line-height: 1.12; }
.manset p { color: rgba(255,255,255,.82); margin-top: 12px; max-width: 58ch; }
.manset .meta { color: rgba(255,255,255,.75); }
.manset .meta .kat { background: var(--turuncu); color: #fff; }
.manset .kod-rozet { position: absolute; top: 24px; left: 24px; font-size: 1.3rem; padding: 6px 14px; box-shadow: 0 0 24px rgba(255,120,40,.35); }
.meta { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; font-size: .84rem; color: var(--gri); font-weight: 500; }
.meta .kat { background: var(--turuncu-acik); color: var(--turuncu-koyu); padding: 2px 10px; border-radius: 99px; font-weight: 600; }
.meta .dk { display: inline-flex; align-items: center; gap: 5px; }
.meta .dk svg { width: 14px; height: 14px; }
.yazi-liste { display: flex; flex-direction: column; gap: 6px; }
.yazi-satir { display: grid; grid-template-columns: 132px 1fr; gap: 18px; padding: 10px; border-radius: 14px; text-decoration: none; align-items: center; transition: background-color .15s; }
.yazi-satir:hover { background: var(--zemin); }
.yazi-satir-foto { position: relative; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; }
.yazi-satir-foto .kod-rozet { position: absolute; left: 6px; bottom: 6px; font-size: .78rem; padding: 2px 7px; }
.yazi-satir h3 { font-size: 1.02rem; line-height: 1.35; margin-top: 6px; letter-spacing: -.015em; }
.yazi-satir:hover h3 { color: var(--turuncu-koyu); }
@media (max-width: 960px) { .rehber-duzen { grid-template-columns: 1fr; } .manset { min-height: 400px; } }
@media (max-width: 480px) { .yazi-satir { grid-template-columns: 100px 1fr; gap: 12px; padding: 8px 0; } .manset { min-height: 360px; } }
.kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.kart { text-decoration: none; display: flex; flex-direction: column; gap: 14px; }
.kart-foto { position: relative; aspect-ratio: 3 / 2; border-radius: var(--r-m); overflow: hidden; }
.kart-foto .foto { transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.kart:hover .kart-foto .foto { transform: scale(1.04); }
.kart-foto .kod-rozet { position: absolute; left: 12px; top: 12px; }
.kart-foto .etiket-foto { left: 12px; top: 12px; }
.kart h3 { font-size: 1.12rem; line-height: 1.35; letter-spacing: -.015em; }
.kart:hover h3 { color: var(--turuncu-koyu); }
.kart p { color: var(--gri); font-size: .94rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1000px) { .kartlar { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .kartlar { grid-template-columns: 1fr; } } .kod-bul { position: relative; border-radius: var(--r-l); overflow: hidden; color: #fff; display: grid; grid-template-columns: 1.1fr 1fr; isolation: isolate; }
.kod-bul > .foto { position: absolute; inset: 0; z-index: -2; }
.kod-bul::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11,31,58,.97) 35%, rgba(11,31,58,.72)); }
.kod-bul-sol { padding: clamp(28px, 5vw, 60px); }
.kod-bul-sol > p { color: #C0CADA; margin-top: 14px; max-width: 44ch; font-size: 1.05rem; }
.kod-form { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.kod-form label { font-size: .84rem; font-weight: 600; color: #C0CADA; display: block; margin-bottom: 6px; }
.kod-form select, .kod-form input { width: 100%; height: 54px; border-radius: 12px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); color: #fff; padding: 0 14px; font-weight: 600; font-size: 1rem; backdrop-filter: blur(8px); }
.kod-form select option { color: var(--murekkep); }
.kod-form input { text-transform: uppercase; font-family: var(--dar); font-variation-settings: "wdth" 75; font-size: 1.3rem; letter-spacing: .06em; }
.kod-form input::placeholder { color: #8292AC; letter-spacing: 0; text-transform: none; font-family: var(--yazi); font-size: 1rem; }
.kod-form .btn { grid-column: 1 / -1; }
.kod-bul-sag { padding: clamp(28px, 5vw, 60px); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px; }
.kombi-ekran { width: min(300px, 100%); background: linear-gradient(180deg, #F2F4F7, #D9DEE5); border-radius: 22px; padding: 22px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6), inset 0 -6px 0 #BFC6D0; color: #0E1B2E; }
.kombi-ekran .marka-yazi { font-size: .72rem; font-weight: 700; color: #667085; letter-spacing: .08em; margin-bottom: 10px; }
.kombi-ekran .lcd { background: #0A1424; border-radius: 10px; height: 110px; display: grid; place-items: center; font-family: var(--dar); font-weight: 800; font-variation-settings: "wdth" 62; font-size: 4.2rem; color: #FF9A5C; text-shadow: 0 0 20px rgba(255,120,40,.6); letter-spacing: .04em; }
.kombi-ekran .lcd[data-bos="true"] { color: #26344D; text-shadow: none; }
.kombi-ekran .dugmeler { display: flex; justify-content: space-between; margin-top: 16px; align-items: center; }
.kombi-ekran .dugmeler span { width: 38px; height: 38px; border-radius: 50%; background: #CDD3DC; box-shadow: inset 0 -3px 0 #AEB6C2; }
.kombi-ekran .dugmeler b { font-size: .74rem; color: #667085; }
.kod-sonuc { color: #C0CADA; font-size: .95rem; min-height: 3em; text-align: center; max-width: 36ch; }
.kod-sonuc a { color: #fff; font-weight: 600; }
@media (max-width: 900px) { .kod-bul { grid-template-columns: 1fr; } .kod-bul::before { background: rgba(11,31,58,.93); } .kod-bul-sag { padding-top: 0; } }
@media (max-width: 420px) { .kod-form { grid-template-columns: 1fr; } } .adimlar3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; counter-reset: s; }
.adim3 { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-m); padding: 28px; counter-increment: s; position: relative; }
.adim3::before { content: counter(s); position: absolute; right: 24px; top: 18px; font-size: 3.4rem; font-weight: 700; color: var(--zemin); letter-spacing: -.05em; line-height: 1; }
.adim3 .ikon-kutu { width: 52px; height: 52px; border-radius: 14px; background: var(--turuncu-acik); color: var(--turuncu); display: grid; place-items: center; margin-bottom: 20px; position: relative; }
.adim3 .ikon-kutu svg { width: 26px; height: 26px; }
.adim3 h3 { font-size: 1.2rem; position: relative; }
.adim3 p { color: var(--gri); margin-top: 8px; position: relative; }
@media (max-width: 860px) { .adimlar3 { grid-template-columns: 1fr; } } .sehirler { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 220px 220px; gap: 16px; }
.sehir { position: relative; border-radius: var(--r-m); overflow: hidden; text-decoration: none; color: #fff; isolation: isolate; }
.sehir .foto { position: absolute; inset: 0; z-index: -2; transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.sehir::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 40%, rgba(11,31,58,.85)); }
.sehir:hover .foto { transform: scale(1.05); }
.sehir:first-child { grid-row: span 2; }
.sehir-ic { position: absolute; left: 20px; right: 20px; bottom: 18px; display: flex; align-items: center; gap: 10px; }
.sehir h3 { font-size: 1.35rem; }
.sehir:first-child h3 { font-size: 2rem; }
.sehir span.alt { display: block; font-size: .86rem; color: rgba(255,255,255,.8); }
.il-bulut { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 8px; }
.il { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px 7px 8px; border-radius: 10px; background: #fff; border: 1px solid var(--cizgi); text-decoration: none; font-weight: 500; font-size: .92rem; }
.il:hover { border-color: var(--murekkep); }
.il-bulut[data-kisa="true"] .il:nth-child(n+25) { display: none; }
@media (max-width: 860px) { .sehirler { grid-template-columns: 1fr 1fr; grid-template-rows: 240px 160px 160px; } .sehir:first-child { grid-column: span 2; grid-row: span 1; } } .sss { display: grid; grid-template-columns: 1fr 1.5fr; gap: 56px; align-items: start; }
.sss-yan { position: sticky; top: 100px; }
.sss-yan p { color: var(--gri); margin-top: 14px; }
.destek { margin-top: 28px; display: grid; grid-template-columns: 56px 1fr; gap: 14px; align-items: center; padding: 18px; border-radius: var(--r-m); background: var(--zemin); }
.destek img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.destek strong { display: block; }
.destek a { color: var(--turuncu-koyu); font-weight: 600; text-decoration: none; }
.sss details { border: 1px solid var(--cizgi); border-radius: 14px; background: #fff; transition: box-shadow .15s; }
.sss details + details { margin-top: 10px; }
.sss details[open] { box-shadow: var(--golge-m); border-color: transparent; }
.sss summary { list-style: none; cursor: pointer; padding: 20px 56px 20px 22px; font-weight: 600; font-size: 1.04rem; position: relative; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: var(--zemin); display: grid; place-items: center; font-size: 1.2rem; font-weight: 500; line-height: 1; }
.sss details[open] summary::after { content: "–"; background: var(--turuncu); color: #fff; }
.sss details p { padding: 0 22px 22px; color: var(--gri); max-width: 64ch; }
@media (max-width: 900px) { .sss { grid-template-columns: 1fr; gap: 28px; } .sss-yan { position: static; } } .son-cta { position: relative; border-radius: var(--r-l); overflow: hidden; color: #fff; padding: clamp(40px, 6vw, 80px); isolation: isolate; text-align: center; }
.son-cta .foto { position: absolute; inset: 0; z-index: -2; }
.son-cta::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(135deg, rgba(242,106,27,.94), rgba(185,74,11,.9)); }
.son-cta h2 { max-width: 20ch; margin-inline: auto; font-size: clamp(2rem, 4vw, 3rem); }
.son-cta p { margin: 16px auto 30px; max-width: 52ch; color: #FFE6D6; font-size: 1.1rem; }
.son-cta .butonlar { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.son-cta .btn-beyaz { border-color: transparent; }
.alt-bilgi { background: var(--lacivert); color: #A9B6CC; margin-top: clamp(56px, 7vw, 100px); }
.alt-ic { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 40px; padding-block: 64px 40px; }
.alt-bilgi .logo { color: #fff; }
.alt-bilgi h4 { color: #fff; font-size: .95rem; margin-bottom: 16px; letter-spacing: 0; }
.alt-bilgi ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; font-size: .94rem; }
.alt-bilgi a { text-decoration: none; }
.alt-bilgi a:hover { color: #fff; }
.alt-bilgi .tanitim { margin-top: 16px; max-width: 38ch; font-size: .94rem; }
.alt-iletisim { margin-top: 20px; display: grid; gap: 8px; font-size: .94rem; }
.alt-iletisim a { display: inline-flex; gap: 8px; align-items: center; }
.alt-iletisim svg { width: 16px; height: 16px; }
.alt-son { border-top: 1px solid rgba(255,255,255,.1); padding-block: 22px; font-size: .86rem; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
@media (max-width: 860px) { .alt-ic { grid-template-columns: 1fr 1fr; } .alt-ic > div:first-child { grid-column: 1 / -1; } }
.mobil-cta { display: none; }
@media (max-width: 960px) {
.mobil-cta { display: flex; position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 50; box-shadow: 0 12px 30px -8px rgba(242,106,27,.6); transition: transform .25s, opacity .25s; }
.mobil-cta[data-gizle="true"] { transform: translateY(140%); opacity: 0; pointer-events: none; }
} .sayfa-bas { position: relative; color: #fff; isolation: isolate; overflow: hidden; background: var(--lacivert); }
.sayfa-bas > .foto { position: absolute; inset: 0; z-index: -2; }
.sayfa-bas::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11,31,58,.95) 30%, rgba(11,31,58,.55)); }
.sayfa-bas-ic { padding-block: 56px 60px; }
.sayfa-bas h1 { font-size: clamp(2.1rem, 4vw, 3.2rem); max-width: 22ch; }
.sayfa-bas p { color: #C7D0DE; margin-top: 14px; max-width: 58ch; font-size: 1.08rem; }
.kirinti { display: flex; flex-wrap: wrap; gap: 8px; font-size: .88rem; color: #A9B6CC; margin-bottom: 18px; }
.kirinti a { text-decoration: none; }
.kirinti a:hover { color: #fff; } .liste-duzen { display: grid; grid-template-columns: 280px 1fr; gap: 32px; align-items: start; }
.filtre { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-m); padding: 22px; position: sticky; top: 96px; display: grid; gap: 18px; box-shadow: var(--golge-s); }
.filtre h2 { font-size: 1.1rem; letter-spacing: -.01em; }
.alan { display: grid; gap: 6px; position: relative; }
.alan > label, .alan > .etiket { font-weight: 600; font-size: .9rem; }
.ipucu { font-size: .84rem; color: var(--gri); font-weight: 400; }
.girdi, .alan select, .alan textarea { width: 100%; min-height: 48px; border: 1px solid #D0D5DD; border-radius: var(--r-s); background: #fff; padding: 10px 14px; font-size: 1rem; box-shadow: var(--golge-s); }
.alan textarea { min-height: 130px; resize: vertical; line-height: 1.55; }
.girdi:focus, .alan select:focus, .alan textarea:focus { outline: 0; border-color: var(--turuncu); box-shadow: 0 0 0 4px rgba(242,106,27,.16); }
.alan[data-hata] .girdi, .alan[data-hata] textarea { border-color: #D92D20; }
.hata-metin { color: #D92D20; font-size: .85rem; font-weight: 500; display: none; }
.alan[data-hata] .hata-metin { display: block; }
.alan .plaka-yer { position: absolute; right: 12px; top: 39px; }
.alan .oneriler { top: 80px; }
.onay-kutu { display: flex; gap: 10px; align-items: flex-start; font-weight: 500; cursor: pointer; font-size: .94rem; }
.onay-kutu input { width: 18px; height: 18px; accent-color: var(--turuncu); margin-top: 3px; flex: none; }
.liste-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }
.liste-ust strong { font-size: 1.05rem; }
.firma-liste { display: grid; gap: 16px; }
.lkart { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-m); display: grid; grid-template-columns: 240px 1fr; overflow: hidden; transition: box-shadow .2s; position: relative; }
.lkart:hover { box-shadow: var(--golge-m); }
.lkart-foto { position: relative; min-height: 190px; }
.lkart-foto .foto { position: absolute; inset: 0; }
.lkart-foto .etiket-foto { left: 12px; top: 12px; }
.lkart-govde { padding: 20px 22px; display: grid; grid-template-columns: 1fr auto; gap: 16px; }
.lkart-bas { display: flex; gap: 12px; align-items: center; }
.lkart-bas .fkart-logo { margin: 0; width: 46px; height: 46px; border-radius: 12px; border-width: 0; box-shadow: none; font-size: .95rem; flex: none; }
.lkart h3 { font-size: 1.15rem; }
.lkart h3 a { text-decoration: none; }
.lkart h3 a::after { content: ""; position: absolute; inset: 0; }
.lkart p { color: var(--gri); font-size: .94rem; margin-top: 10px; max-width: 60ch; }
.hizmet-cipler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.hizmet-cipler span { font-size: .8rem; background: var(--zemin); border-radius: 6px; padding: 3px 8px; color: var(--gri); font-weight: 500; }
.lkart-eylem { display: flex; flex-direction: column; gap: 8px; justify-content: center; position: relative; z-index: 2; min-width: 140px; }
.bos { background: #fff; border: 1px dashed #D0D5DD; border-radius: var(--r-m); padding: 48px 24px; text-align: center; display: grid; gap: 12px; justify-items: center; }
.bos > svg { width: 40px; height: 40px; color: var(--gri-acik); }
.bos p { color: var(--gri); max-width: 44ch; }
.liste-cta { margin-top: 24px; position: relative; overflow: hidden; border-radius: var(--r-m); color: #fff; padding: 28px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; isolation: isolate; }
.liste-cta .foto { position: absolute; inset: 0; z-index: -2; }
.liste-cta::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11,31,58,.96) 40%, rgba(11,31,58,.6)); }
.liste-cta strong { font-size: 1.25rem; }
.liste-cta p { color: #C7D0DE; margin-top: 4px; }
@media (max-width: 1000px) { .liste-duzen { grid-template-columns: 1fr; } .filtre { position: static; } }
@media (max-width: 720px) { .lkart { grid-template-columns: 1fr; } .lkart-foto { min-height: 170px; } .lkart-govde { grid-template-columns: 1fr; } .lkart-eylem { flex-direction: row; flex-wrap: wrap; } .lkart-eylem .btn { flex: 1; } .lkart-eylem .iletisim-kapali { flex-basis: 100%; } } .detay-kapak { position: relative; height: clamp(240px, 34vw, 400px); background: var(--lacivert); overflow: hidden; }
.detay-kapak .foto { position: absolute; inset: 0; }
.detay-kapak::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,31,58,.35), rgba(11,31,58,.6)); }
.detay-kapak .kap { position: relative; z-index: 1; padding-top: 22px; }
.detay-kapak .kirinti { color: rgba(255,255,255,.9); }
.detay-bas { position: relative; margin-top: -64px; z-index: 2; background: #fff; border-radius: var(--r-l); box-shadow: var(--golge-m); padding: 28px; display: grid; grid-template-columns: 104px 1fr auto; gap: 24px; align-items: center; }
.detay-bas .fkart-logo { width: 104px; height: 104px; border-radius: 22px; margin: 0; font-size: 2rem; border-width: 4px; }
.detay-bas h1 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); }
.detay-eylem { display: flex; gap: 10px; flex-wrap: wrap; }
.galeri { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 180px 180px; gap: 10px; margin-top: 28px; }
.galeri figure { margin: 0; border-radius: 14px; overflow: hidden; position: relative; }
.galeri figure:first-child { grid-row: span 2; }
.galeri .daha { position: absolute; inset: 0; background: rgba(11,31,58,.55); color: #fff; display: grid; place-items: center; font-weight: 600; }
.detay-duzen { display: grid; grid-template-columns: 1fr 360px; gap: 28px; align-items: start; margin-top: 28px; }
.kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-m); padding: 26px; }
.kutu + .kutu { margin-top: 20px; }
.kutu h2 { font-size: 1.3rem; margin-bottom: 14px; letter-spacing: -.02em; }
.kutu p { color: var(--gri); }
.hizmetler { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hizmetler li { display: flex; gap: 10px; align-items: center; font-weight: 500; padding: 12px 14px; background: var(--zemin); border-radius: 10px; }
.hizmetler svg { width: 20px; height: 20px; color: var(--yesil); flex: none; }
.iletisim-yan { position: sticky; top: 96px; }
.bilgi-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
.bilgi-liste li { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; }
.bilgi-liste .ikon-kutu { width: 40px; height: 40px; border-radius: 10px; background: var(--zemin); display: grid; place-items: center; }
.bilgi-liste svg { width: 20px; height: 20px; color: var(--gri); }
.bilgi-liste small { display: block; color: var(--gri); font-size: .8rem; }
.bilgi-liste b { font-weight: 600; }
.bilgi-liste a { text-decoration: none; }
.harita { margin-top: 20px; height: 170px; border-radius: 12px; position: relative; overflow: hidden; background: #E8EEE4; }
.harita svg.yol { position: absolute; inset: 0; width: 100%; height: 100%; }
.harita .pin { position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; color: var(--turuncu); transform: translate(-50%, -90%); filter: drop-shadow(0 4px 6px rgba(0,0,0,.3)); }
@media (max-width: 960px) {
.detay-bas { grid-template-columns: 76px 1fr; padding: 20px; margin-top: -48px; }
.detay-bas .fkart-logo { width: 76px; height: 76px; font-size: 1.5rem; border-radius: 18px; }
.detay-eylem { grid-column: 1 / -1; }
.detay-eylem .btn { flex: 1; }
.detay-duzen { grid-template-columns: 1fr; }
.iletisim-yan { position: static; }
.galeri { grid-template-columns: 1fr 1fr; grid-template-rows: 200px 120px; }
.galeri figure:first-child { grid-column: span 2; grid-row: span 1; }
.galeri figure:nth-child(n+4) { display: none; }
}
@media (max-width: 560px) { .hizmetler { grid-template-columns: 1fr; } } .ekle-hero { background: linear-gradient(180deg, #FFF7F2, #fff); }
.ekle-hero-ic { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; padding-block: 48px 40px; }
.ekle-hero h1 { font-size: clamp(2.2rem, 4.2vw, 3.4rem); }
.ekle-hero p.alt { color: var(--gri); margin-top: 16px; font-size: 1.12rem; max-width: 52ch; }
.artilar { list-style: none; padding: 0; margin: 26px 0 0; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.artilar li { display: flex; gap: 8px; align-items: center; font-weight: 500; }
.artilar svg { width: 22px; height: 22px; color: var(--yesil); background: var(--yesil-acik); border-radius: 50%; padding: 3px; }
.ekle-hero-foto { position: relative; border-radius: var(--r-l); overflow: hidden; aspect-ratio: 4 / 3; box-shadow: var(--golge-l); }
.ekle-hero-foto .yuzen { left: 18px; bottom: 18px; width: 290px; }
.ekle-duzen { display: grid; grid-template-columns: 1fr 380px; gap: 36px; align-items: start; }
.adimlar { list-style: none; padding: 0; margin: 0 0 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.adimlar li { display: flex; gap: 12px; align-items: center; font-weight: 600; color: var(--gri); font-size: .95rem; }
.adimlar li .no { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--cizgi); display: grid; place-items: center; font-weight: 700; flex: none; background: #fff; }
.adimlar li small { display: block; font-weight: 400; font-size: .8rem; color: var(--gri-acik); }
.adimlar li[data-durum="aktif"] { color: var(--murekkep); }
.adimlar li[data-durum="aktif"] .no { border-color: var(--turuncu); color: var(--turuncu); box-shadow: 0 0 0 4px rgba(242,106,27,.15); }
.adimlar li[data-durum="tamam"] { color: var(--murekkep); }
.adimlar li[data-durum="tamam"] .no { background: var(--yesil); border-color: var(--yesil); color: #fff; }
.ilerleme { height: 6px; background: var(--zemin); border-radius: 99px; overflow: hidden; margin-bottom: 28px; }
.ilerleme span { display: block; height: 100%; background: linear-gradient(90deg, var(--turuncu), #FF9A5C); border-radius: 99px; transition: width .35s ease; }
.form-kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-l); padding: clamp(22px, 4vw, 40px); box-shadow: var(--golge-m); }
.form-kutu h2 { font-size: 1.6rem; }
.form-aciklama { color: var(--gri); margin: 6px 0 26px; }
.izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.izgara .tam { grid-column: 1 / -1; }
.form-alt { display: flex; justify-content: space-between; gap: 12px; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--cizgi); }
.sektor-sec { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.sektor-sec label { position: relative; display: flex; flex-direction: column; border: 1px solid #D0D5DD; border-radius: 12px; overflow: hidden; cursor: pointer; font-weight: 600; font-size: .9rem; background: #fff; transition: border-color .15s, box-shadow .15s; }
.sektor-sec label img { aspect-ratio: 16 / 9; width: 100%; object-fit: cover; }
.sektor-sec label span { padding: 9px 11px; display: flex; gap: 8px; align-items: center; }
.sektor-sec label span svg { width: 18px; height: 18px; color: var(--gri); flex: none; }
.sektor-sec input { position: absolute; opacity: 0; pointer-events: none; }
.sektor-sec label:has(input:checked) { border-color: var(--turuncu); box-shadow: 0 0 0 3px rgba(242,106,27,.2); }
.sektor-sec label:has(input:checked) span svg { color: var(--turuncu); }
.sektor-sec label:has(input:checked)::after { content: "✓"; position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; border-radius: 50%; background: var(--turuncu); color: #fff; display: grid; place-items: center; font-size: .8rem; font-weight: 700; }
.sektor-sec label:has(input:focus-visible) { outline: 3px solid var(--turuncu); outline-offset: 2px; }
.yukle { border: 1.5px dashed #D0D5DD; border-radius: 14px; padding: 20px; display: flex; gap: 16px; align-items: center; cursor: pointer; background: var(--zemin); }
.yukle:hover { border-color: var(--turuncu); }
.yukle .onizleme-logo { width: 64px; height: 64px; border-radius: 14px; background: #fff; display: grid; place-items: center; overflow: hidden; flex: none; border: 1px solid var(--cizgi); }
.yukle .onizleme-logo img { width: 100%; height: 100%; object-fit: cover; }
.yukle .onizleme-logo svg { width: 26px; height: 26px; color: var(--gri); }
.yukle span { color: var(--gri); font-size: .9rem; }
.yan-onizleme { position: sticky; top: 96px; display: grid; gap: 16px; }
.yan-onizleme > strong { font-size: .9rem; color: var(--gri); font-weight: 600; }
.yan-onizleme .fkart:hover { transform: none; }
.guven { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.guven li { display: grid; grid-template-columns: 36px 1fr; gap: 12px; font-size: .93rem; align-items: start; }
.guven .ikon-kutu { width: 36px; height: 36px; border-radius: 10px; background: var(--yesil-acik); display: grid; place-items: center; }
.guven svg { width: 18px; height: 18px; color: var(--yesil); }
.guven strong { display: block; }
.guven span { color: var(--gri); }
.basari { text-align: center; display: grid; justify-items: center; gap: 14px; padding-block: 24px; }
.basari-ikon { width: 84px; height: 84px; border-radius: 50%; background: var(--yesil-acik); display: grid; place-items: center; animation: belir .45s ease-out; box-shadow: 0 0 0 10px rgba(18,161,80,.07); }
.basari-ikon svg { width: 42px; height: 42px; color: var(--yesil); }
.basari p { color: var(--gri); max-width: 48ch; }
@keyframes belir { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
#form-ust { scroll-margin-top: 90px; }
@media (max-width: 1000px) { .ekle-hero-ic { grid-template-columns: 1fr; } .ekle-duzen { grid-template-columns: 1fr; } .yan-onizleme { position: static; } }
@media (max-width: 560px) { .izgara { grid-template-columns: 1fr; } .adimlar li small { display: none; } .adimlar li { font-size: .85rem; gap: 8px; } .adimlar li .no { width: 30px; height: 30px; } .form-alt .btn { flex: 1; } .ekle-hero-foto .yuzen { right: 12px; left: 12px; width: auto; bottom: 12px; } .sektor-sec { grid-template-columns: 1fr 1fr; } } .blog-hero { padding-block: 40px 8px; }
.blog-hero-ic { display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; }
.blog-hero .manset { min-height: 500px; }
.blog-yan { display: grid; gap: 20px; grid-template-rows: 1fr 1fr; }
.blog-yan .manset { min-height: 0; border-radius: var(--r-m); }
.blog-yan .manset h3 { font-size: 1.25rem; margin-top: 10px; }
.blog-yan .manset p { display: none; }
.blog-yan .manset-metin { padding: 22px; }
.blog-yan .manset .kod-rozet { top: 16px; left: 16px; font-size: 1rem; }
.blog-arac { display: flex; justify-content: space-between; gap: 16px; align-items: center; flex-wrap: wrap; margin-bottom: 36px; }
.blog-ara { position: relative; width: min(360px, 100%); }
.blog-ara svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--gri-acik); }
.blog-ara .girdi { padding-left: 42px; border-radius: 12px; }
.blog-bolum + .blog-bolum { margin-top: 72px; }
.blog-bolum .bolum-bas h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
@media (max-width: 960px) { .blog-hero-ic { grid-template-columns: 1fr; } .blog-yan { grid-template-columns: 1fr 1fr; grid-template-rows: 260px; } }
@media (max-width: 560px) { .blog-yan { grid-template-columns: 1fr; grid-template-rows: 240px 240px; } .blog-hero .manset { min-height: 400px; } } .yazi-ust { padding-top: 40px; }
.yazi-ust .kirinti { color: var(--gri); }
.yazi-ust .kirinti a:hover { color: var(--murekkep); }
.yazi-bas { max-width: 880px; }
.yazi-bas h1 { font-size: clamp(2rem, 4vw, 3.2rem); }
.yazi-bas .ozet { font-size: 1.2rem; color: var(--gri); margin-top: 18px; max-width: 64ch; }
.yazar { display: flex; gap: 12px; align-items: center; margin-top: 24px; }
.yazar .logo-isaret { margin: 0; width: 44px; height: 44px; border-radius: 50%; }
.yazar strong { display: block; font-size: .95rem; }
.yazar .meta { margin-top: 2px; }
.yazi-kapak { position: relative; margin-top: 32px; border-radius: var(--r-l); overflow: hidden; aspect-ratio: 21 / 9; }
.yazi-kapak .kod-rozet { position: absolute; left: 24px; bottom: 24px; font-size: 2rem; padding: 6px 16px; box-shadow: 0 0 30px rgba(255,120,40,.4); }
.yazi-duzen { display: grid; grid-template-columns: 220px minmax(0, 1fr) 320px; gap: 48px; align-items: start; margin-top: 48px; }
.icindekiler { position: sticky; top: 100px; font-size: .92rem; }
.icindekiler strong { display: block; margin-bottom: 12px; font-size: .9rem; }
.icindekiler ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; border-left: 2px solid var(--cizgi); }
.icindekiler a { display: block; text-decoration: none; color: var(--gri); padding: 6px 0 6px 14px; margin-left: -2px; border-left: 2px solid transparent; line-height: 1.4; }
.icindekiler a:hover { color: var(--murekkep); border-color: var(--turuncu); }
.icerik { max-width: 70ch; font-size: 1.1rem; line-height: 1.75; color: #1D2939; }
.icerik h2 { font-size: 1.65rem; margin: 48px 0 14px; scroll-margin-top: 96px; }
.icerik > h2:first-child { margin-top: 0; }
.icerik p + p, .icerik ul + p, .icerik p + ul, .icerik ol + p, .icerik p + ol { margin-top: 16px; }
.icerik ul, .icerik ol { padding-left: 22px; display: grid; gap: 8px; }
.icerik li::marker { color: var(--turuncu); font-weight: 700; }
.icerik strong { font-weight: 600; color: var(--murekkep); }
.icerik figure { margin: 32px 0; }
.icerik figure img { border-radius: var(--r-m); width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.icerik figcaption { font-size: .88rem; color: var(--gri); margin-top: 10px; }
.uyari { margin: 28px 0; padding: 18px 20px 18px 56px; background: var(--turuncu-acik); border-radius: 14px; font-size: 1rem; position: relative; }
.uyari::before { content: "!"; position: absolute; left: 18px; top: 18px; width: 26px; height: 26px; border-radius: 50%; background: var(--turuncu); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: .9rem; line-height: 1; }
.uyari strong { display: block; margin-bottom: 2px; }
.kod-tablo { width: 100%; border-collapse: separate; border-spacing: 0; margin-top: 20px; font-size: .98rem; border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; }
.kod-tablo th, .kod-tablo td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
.kod-tablo tr:last-child td { border-bottom: 0; }
.kod-tablo th { font-size: .85rem; color: var(--gri); background: var(--zemin); font-weight: 600; }
.icerik-firma { margin: 40px 0; position: relative; overflow: hidden; border-radius: var(--r-m); color: #fff; padding: 26px; display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; isolation: isolate; }
.icerik-firma .foto { position: absolute; inset: 0; z-index: -2; }
.icerik-firma::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11,31,58,.96) 45%, rgba(11,31,58,.65)); }
.icerik-firma p { color: #C7D0DE; font-size: .98rem; margin-top: 4px; }
.icerik-firma .baslik { font-weight: 700; font-size: 1.3rem; letter-spacing: -.02em; }
.yan { display: grid; gap: 18px; align-self: stretch; align-content: start; }
.yan h2 { font-size: 1.05rem; margin-bottom: 8px; letter-spacing: -.01em; }
.mini-firma { display: grid; grid-template-columns: 52px 1fr; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid var(--cizgi); text-decoration: none; }
.mini-firma img { width: 52px; height: 52px; border-radius: 12px; object-fit: cover; }
.mini-firma strong { display: block; font-size: .95rem; line-height: 1.3; }
.mini-firma span { font-size: .82rem; color: var(--gri); display: flex; align-items: center; gap: 6px; margin-top: 3px; }
.mini-firma:hover strong { color: var(--turuncu-koyu); }
.yan-cta { position: relative; overflow: hidden; border-radius: var(--r-m); color: #fff; padding: 24px; isolation: isolate; }
.yan-cta .foto { position: absolute; inset: 0; z-index: -2; }
.yan-cta::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(242,106,27,.85), rgba(185,74,11,.96)); }
.yan-cta h2 { font-size: 1.4rem; margin: 0 0 8px; }
.yan-cta p { color: #FFE6D6; margin-bottom: 18px; font-size: .95rem; }
.yan-cta .btn { background: #fff; color: var(--murekkep); }
@media (max-width: 1160px) { .yazi-duzen { grid-template-columns: minmax(0, 1fr) 300px; } .icindekiler { display: none; } }
@media (max-width: 880px) { .yazi-duzen { grid-template-columns: 1fr; } .yan .reklam-kare { position: relative; top: auto; } .icerik-firma { grid-template-columns: 1fr; } .yazi-kapak { aspect-ratio: 16 / 10; } }
.arama-alan > span[data-ikon] svg { width: 22px; height: 22px; color: var(--gri-acik); }
.arama-alan > span[data-ikon] { flex: none; }
.link span[data-ikon] { display: inline-flex; }
.etiket-foto svg { width: 14px; height: 14px; flex: none; }
.etiket-foto { white-space: nowrap; } .sektor-kart.ikonlu { background: linear-gradient(150deg, var(--lacivert-2), var(--lacivert) 70%); }
.sektor-kart.ikonlu::after { background: radial-gradient(circle at 88% 12%, rgba(242,106,27,.3), transparent 58%); }
.sektor-kart-ikon { position: absolute; right: -10px; top: -6px; z-index: -1; width: 128px; height: 128px; color: rgba(255,255,255,.09); transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.sektor-kart-ikon svg { width: 100%; height: 100%; stroke-width: 1.2; }
.sektor-kart.ikonlu:hover .sektor-kart-ikon { transform: scale(1.06) rotate(-4deg); }
.sektor-sec label .sektor-sec-ikon { aspect-ratio: 16 / 9; padding: 0; display: grid; place-items: center; background: linear-gradient(150deg, var(--lacivert-2), var(--lacivert)); }
.sektor-sec label .sektor-sec-ikon svg { width: 34px; height: 34px; color: #FF9A5C; }
.sektor-ekle { background: linear-gradient(135deg, var(--turuncu), #C2410C); }
.sektor-ekle::after { display: none; }
.sektor-ekle p { color: #FFE6D6; }
.sektor-ekle .ok { background: rgba(255,255,255,.22); }
.sektor-ekle:hover .ok { background: var(--lacivert); }
@media (max-width: 560px) {
.sayi { gap: 10px; }
.sayi svg { display: none; }
.sayi b { font-size: 1.15rem; }
.sayi span { font-size: .8rem; line-height: 1.3; display: block; }
.sektor-ekle p { display: block; font-size: .8rem; }
} .rozet-vitrin { background: var(--lacivert); color: #fff; }
.rozet-vitrin svg { color: #FFB547; fill: #FFB547; }
.fkart[data-vitrin], .lkart[data-vitrin] { border-color: #F5A36B; box-shadow: 0 0 0 3px rgba(242,106,27,.1); }
.iletisim-kapali { display: flex; align-items: center; gap: 7px; font-size: .84rem; font-weight: 500; color: var(--gri); background: var(--zemin); border-radius: 8px; padding: 8px 10px; line-height: 1.3; }
.iletisim-kapali svg { width: 16px; height: 16px; flex: none; }
.fkart-alt .iletisim-kapali, .fkart-alt .btn-sor { grid-column: 1 / -1; }
.lkart-eylem .iletisim-kapali { max-width: 190px; }
@media (max-width: 720px) { .lkart-eylem .iletisim-kapali { max-width: none; } }
.btn-sor svg { color: var(--yesil); }
.kilit-kutu { background: var(--zemin); border-radius: 12px; padding: 18px; display: grid; gap: 12px; }
.kilit-bas { display: flex; gap: 10px; align-items: center; font-weight: 600; }
.kilit-bas svg { width: 20px; height: 20px; color: var(--gri); flex: none; }
.kilit-kutu p { font-size: .94rem; }
.sahip-not { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--cizgi); font-size: .92rem; color: var(--gri); display: grid; gap: 6px; justify-items: start; }
.sahip-not strong { color: var(--murekkep); }
.sahip-not .link { margin-top: 4px; }
.ara-not { margin-top: 14px; font-size: .86rem; }
#benzer { scroll-margin-top: 90px; }
.icerik-firma-eylem { display: grid; gap: 8px; } .reklam { position: relative; display: grid; place-items: center; text-align: center; color: var(--gri); border: 1px dashed #CDD3DC; border-radius: 12px; background: repeating-linear-gradient(135deg, #F8F9FB 0 12px, #F2F4F7 12px 24px); }
.reklam-yatay { min-height: 120px; margin: 40px 0; padding: 28px 16px 18px; }
.reklam-kare { min-height: 250px; padding: 28px 16px; position: sticky; top: 96px; }
.reklam-etiket { position: absolute; top: 8px; left: 12px; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--gri-acik); }
.reklam-ic { display: grid; gap: 4px; justify-items: center; }
.reklam-ic strong { color: var(--murekkep); font-size: .98rem; font-weight: 600; }
.reklam-ic span { font-size: .82rem; }
.reklam-ic a { margin-top: 6px; font-weight: 600; font-size: .88rem; color: var(--turuncu-koyu); text-decoration: none; }
.reklam-ic a:hover { text-decoration: underline; }
.blog-bolum + .reklam { margin: 56px 0; } .panel-ust-ic { gap: 14px; }
.panel-etiket { font-size: .82rem; font-weight: 600; color: var(--gri); background: var(--zemin); border: 1px solid var(--cizgi); padding: 4px 11px; border-radius: 99px; white-space: nowrap; }
.panel-site { margin-left: auto; min-height: 40px; padding: 0 14px; font-size: .92rem; }
.panel { padding-block: 24px 80px; }
.demo-not { display: flex; gap: 8px 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; background: #EEF4FF; color: #1D3A8A; border-radius: 12px; padding: 12px 16px; font-size: .9rem; }
.demo-not button { border: 0; background: transparent; font-weight: 600; color: inherit; text-decoration: underline; cursor: pointer; padding: 4px 0; }
.panel-bas { margin-top: 28px; }
.panel-bas h1 { font-size: clamp(1.8rem, 3vw, 2.4rem); }
.panel-bas p { color: var(--gri); margin-top: 10px; max-width: 80ch; }
.panel-istat { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 24px; }
.istat { text-align: left; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 14px 16px; cursor: pointer; display: grid; gap: 2px; box-shadow: var(--golge-s); transition: border-color .15s, box-shadow .15s; }
.istat:hover { border-color: #C9CED6; }
.istat b { font-size: 1.8rem; letter-spacing: -.03em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.istat span { font-size: .84rem; color: var(--gri); font-weight: 500; line-height: 1.3; }
.istat[aria-pressed="true"] { border-color: var(--murekkep); box-shadow: 0 0 0 1px var(--murekkep); }
.istat[data-renk="yesil"] b { color: var(--yesil-koyu); }
.istat[data-renk="turuncu"] b { color: var(--turuncu-koyu); }
.istat[data-renk="kirmizi"] b { color: #B42318; }
.istat[data-renk="gri"] b { color: var(--gri); }
.istat[data-renk="mavi"] b { color: var(--plaka); }
.panel-arac { display: flex; justify-content: space-between; gap: 12px; margin: 28px 0 14px; flex-wrap: wrap; align-items: center; }
.panel-arac-sag { display: flex; gap: 12px; align-items: center; }
.panel-arac select { min-height: 48px; border: 1px solid #D0D5DD; border-radius: var(--r-s); padding: 0 12px; background: #fff; box-shadow: var(--golge-s); }
.panel-liste { display: grid; gap: 10px; }
.p-satir { background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 16px 18px; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(200px, 1fr) 180px auto; gap: 20px; align-items: center; }
.p-satir[data-durum="doldu"] { box-shadow: inset 4px 0 0 #D92D20; }
.p-satir[data-durum="yakin"] { box-shadow: inset 4px 0 0 var(--turuncu); }
.p-satir[data-durum="bekliyor"] { box-shadow: inset 4px 0 0 var(--plaka); }
.p-firma { display: flex; gap: 12px; align-items: center; min-width: 0; }
.p-firma .fkart-logo { margin: 0; width: 44px; height: 44px; border-radius: 12px; border: 0; box-shadow: none; font-size: .9rem; flex: none; }
.p-firma h3 { font-size: 1.02rem; letter-spacing: -.015em; }
.p-firma h3 a { text-decoration: none; }
.p-firma h3 a:hover { color: var(--turuncu-koyu); }
.p-alt { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; font-size: .84rem; color: var(--gri); margin-top: 4px; }
.p-alt a { text-decoration: none; font-variant-numeric: tabular-nums; }
.p-alt a:hover { color: var(--murekkep); }
.p-sayac { display: grid; gap: 6px; justify-items: start; }
.p-sayac-metin { display: flex; flex-wrap: wrap; gap: 2px 10px; align-items: baseline; }
.p-sayac-metin b { font-size: .98rem; font-variant-numeric: tabular-nums; }
.p-sayac-metin small { color: var(--gri); font-size: .8rem; }
.cubuk { width: 100%; height: 6px; background: var(--zemin); border-radius: 99px; overflow: hidden; }
.cubuk span { display: block; height: 100%; background: var(--yesil); border-radius: 99px; }
.p-satir[data-durum="yakin"] .cubuk span { background: var(--turuncu); }
.p-satir[data-durum="kapali"] .cubuk span { background: var(--gri-acik); }
.durum-rozet { display: inline-flex; align-items: center; gap: 6px; font-size: .76rem; font-weight: 600; padding: 3px 9px; border-radius: 99px; background: var(--yesil-acik); color: var(--yesil-koyu); }
.durum-rozet::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.durum-rozet[data-renk="turuncu"] { background: var(--turuncu-acik); color: var(--turuncu-koyu); }
.durum-rozet[data-renk="kirmizi"] { background: #FEF3F2; color: #B42318; }
.durum-rozet[data-renk="gri"] { background: var(--zemin); color: var(--gri); }
.durum-rozet[data-renk="mavi"] { background: #EEF4FF; color: var(--plaka); }
.anahtar { position: relative; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font-size: .88rem; font-weight: 600; }
.anahtar input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.anahtar-ray { position: relative; width: 44px; height: 26px; border-radius: 99px; background: #D0D5DD; flex: none; transition: background-color .15s; }
.anahtar-ray::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(16,24,40,.25); transition: transform .15s; }
.anahtar input:checked + .anahtar-ray { background: var(--yesil); }
.anahtar input:checked + .anahtar-ray::after { transform: translateX(18px); }
.anahtar input:focus-visible + .anahtar-ray { outline: 3px solid var(--turuncu); outline-offset: 2px; }
.anahtar:has(input:disabled) { cursor: not-allowed; color: var(--gri-acik); }
.anahtar input:disabled + .anahtar-ray { opacity: .5; }
.p-eylem { display: flex; gap: 8px; align-items: center; justify-content: flex-end; }
.p-eylem .btn { min-height: 40px; padding: 0 14px; font-size: .9rem; }
.p-eylem .btn-beyaz svg { color: var(--yesil); }
.p-eylem .ikon-btn { width: 40px; padding: 0; }
.p-eylem .yildiz svg { color: var(--gri-acik); }
.p-eylem .yildiz[aria-pressed="true"] { background: var(--lacivert); border-color: var(--lacivert); }
.p-eylem .yildiz[aria-pressed="true"] svg { color: #FFB547; fill: #FFB547; }
.ayar-kutu { margin-top: 48px; }
.ayar-kutu > p { margin-bottom: 22px; }
.ayar-alt { display: flex; gap: 10px; margin-top: 24px; flex-wrap: wrap; }
#a-wa { min-height: 84px; }
.mesaj-onizle { justify-self: start; max-width: min(520px, 100%); margin-top: 4px; background: #DCF8C6; color: #111B21; border-radius: 10px 10px 10px 2px; padding: 9px 12px; font-size: .9rem; line-height: 1.45; white-space: pre-wrap; box-shadow: 0 1px 1px rgba(0,0,0,.1); }
.toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 90; display: flex; gap: 14px; align-items: center; width: max-content; max-width: calc(100% - 32px); background: var(--lacivert); color: #fff; border-radius: 12px; padding: 12px 12px 12px 18px; box-shadow: var(--golge-l); font-size: .94rem; line-height: 1.4; }
.toast button { border: 0; background: rgba(255,255,255,.14); color: #fff; font-weight: 600; border-radius: 8px; padding: 8px 12px; cursor: pointer; white-space: nowrap; }
.toast button:hover { background: rgba(255,255,255,.24); }
@media (max-width: 1100px) {
.panel-istat { grid-template-columns: repeat(3, 1fr); }
.p-satir { grid-template-columns: 1fr auto; }
.p-firma, .p-eylem { grid-column: 1 / -1; }
.p-eylem { justify-content: flex-start; flex-wrap: wrap; }
}
@media (max-width: 560px) {
.panel-istat { grid-template-columns: 1fr 1fr; }
.istat b { font-size: 1.5rem; }
.p-satir { grid-template-columns: 1fr; gap: 14px; padding: 14px; }
.panel-etiket { display: none; }
.panel-arac-sag { width: 100%; justify-content: space-between; }
} .panel-sekmeler { margin-top: 24px; }
.duzenlendi { font-size: .74rem; font-weight: 600; padding: 2px 8px; border-radius: 99px; background: var(--yesil-acik); color: var(--yesil-koyu); }
.toast a { color: #FFC59E; font-weight: 600; white-space: nowrap; }
.toast a:hover { color: #fff; } .yazi-panel-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.gunluk { display: flex; gap: 12px 24px; align-items: center; flex-wrap: wrap; margin-top: 20px; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 14px 18px; }
.gunluk > div:first-child { display: grid; gap: 2px; }
.gunluk b { font-size: 1rem; font-variant-numeric: tabular-nums; }
.gunluk > div:first-child span { font-size: .84rem; color: var(--gri); }
.gunluk .cubuk { flex: 1; min-width: 160px; max-width: 420px; }
.yazi-editor { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 20px; margin-top: 20px; align-items: start; }
.yazi-editor-ana { display: grid; gap: 18px; }
.yazi-editor-ana h2 { margin: 0; }
.yazi-editor-ana .ayar-alt { margin-top: 4px; }
.yazi-editor-yan { position: sticky; top: 90px; display: grid; gap: 16px; }
.yazi-editor-yan .kutu + .kutu { margin-top: 0; }
.yazi-editor .kutu, .seo-kutu { padding: 22px; }
.slug-alan { display: flex; border: 1px solid #D0D5DD; border-radius: var(--r-s); background: #fff; overflow: hidden; box-shadow: var(--golge-s); }
.slug-alan:focus-within { border-color: var(--turuncu); box-shadow: 0 0 0 4px rgba(242,106,27,.16); }
.slug-alan span { display: flex; align-items: center; padding: 0 10px 0 14px; background: var(--zemin); color: var(--gri); font-size: .9rem; white-space: nowrap; border-right: 1px solid var(--cizgi); }
.slug-alan .girdi, .slug-alan .girdi:focus { border: 0; border-radius: 0; box-shadow: none; min-width: 0; flex: 1; }
.arac-cubugu { display: flex; flex-wrap: wrap; gap: 6px; }
.arac-cubugu button { border: 1px solid var(--cizgi); background: #fff; border-radius: 8px; padding: 6px 12px; font-size: .84rem; font-weight: 600; color: var(--murekkep); cursor: pointer; }
.arac-cubugu button:hover { border-color: #C9CED6; background: var(--zemin); }
.alan #y-icerik, .alan #fd-yazi { min-height: 380px; font-size: .96rem; }
.kapak-sec { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
.kapak-sec label { position: relative; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; cursor: pointer; border: 2px solid transparent; background: var(--zemin); display: grid; place-items: center; font-size: .86rem; font-weight: 600; color: var(--gri); }
.kapak-sec input { position: absolute; opacity: 0; }
.kapak-sec img { width: 100%; height: 100%; object-fit: cover; }
.kapak-sec label:has(input:checked) { border-color: var(--turuncu); box-shadow: 0 0 0 3px var(--turuncu-acik); }
.kapak-sec label:has(input:focus-visible) { outline: 3px solid var(--turuncu); outline-offset: 2px; }
.seo-puan { display: flex; gap: 14px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid var(--cizgi); }
.seo-puan .halka { width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; flex: none; border: 4px solid currentColor; font-weight: 700; font-size: .98rem; font-variant-numeric: tabular-nums; }
.seo-puan div { display: grid; gap: 2px; }
.seo-puan b { font-size: 1.02rem; }
.seo-puan div span { font-size: .84rem; color: var(--gri); }
.seo-puan[data-renk="yesil"] .halka { color: var(--yesil-koyu); background: var(--yesil-acik); }
.seo-puan[data-renk="turuncu"] .halka { color: var(--turuncu-koyu); background: var(--turuncu-acik); }
.seo-puan[data-renk="kirmizi"] .halka { color: #B42318; background: #FEF3F2; }
.seo-liste { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 9px; }
.seo-liste li { display: flex; gap: 9px; align-items: flex-start; font-size: .88rem; line-height: 1.4; }
.seo-liste svg { width: 18px; height: 18px; flex: none; margin-top: 1px; padding: 3px; border-radius: 50%; color: #fff; stroke-width: 3; }
.seo-liste li[data-ok="true"] svg { background: var(--yesil); }
.seo-liste li[data-ok="false"] svg { background: #D92D20; }
.seo-liste li[data-ok="true"] span { color: var(--gri); }
.yan-baslik { display: block; font-size: .9rem; margin-bottom: 12px; }
.serp { display: grid; gap: 3px; font-family: Arial, Helvetica, sans-serif; }
.serp-url { font-size: .8rem; color: #202124; overflow-wrap: anywhere; }
.serp-baslik { font-size: 1.15rem; line-height: 1.3; color: #1A0DAB; }
.serp-aciklama { font-size: .86rem; line-height: 1.5; color: #4D5156; }
.y-satir { background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 12px 14px; display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 16px; align-items: center; }
.y-satir img { width: 96px; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
.y-satir h3 { font-size: 1rem; line-height: 1.35; letter-spacing: -.01em; }
.y-satir h3 a { text-decoration: none; }
.y-satir h3 a:hover { color: var(--turuncu-koyu); }
.y-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; margin-top: 6px; font-size: .84rem; color: var(--gri); }
.y-eylem, .r-eylem { display: flex; gap: 8px; flex-wrap: wrap; }
.y-eylem .btn, .r-eylem .btn { min-height: 40px; padding: 0 14px; font-size: .9rem; }
.y-eylem .ikon-btn, .r-eylem .ikon-btn { width: 40px; padding: 0; }
.etiket-kucuk { display: inline-flex; font-size: .74rem; font-weight: 600; padding: 2px 8px; border-radius: 99px; background: var(--zemin); color: var(--gri); border: 1px solid var(--cizgi); }
.etiket-kucuk[data-renk] { border-color: transparent; }
.etiket-kucuk[data-renk="yesil"] { background: var(--yesil-acik); color: var(--yesil-koyu); }
.etiket-kucuk[data-renk="turuncu"] { background: var(--turuncu-acik); color: var(--turuncu-koyu); }
.etiket-kucuk[data-renk="kirmizi"] { background: #FEF3F2; color: #B42318; } .duzen-kutu { width: min(1120px, calc(100% - 32px)); max-height: calc(100% - 48px); border: 0; border-radius: var(--r-l); padding: 0; background: var(--zemin); color: var(--murekkep); box-shadow: var(--golge-l); }
.duzen-kutu::backdrop { background: rgba(11, 31, 58, .55); }
.duzen-kutu form { display: grid; gap: 20px; padding: 24px; }
.duzen-kutu .ayar-alt { margin-top: 0; }
.duzen-kutu .etiket { font-weight: 600; font-size: .9rem; }
.duzen-bas { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.duzen-bas h2 { font-size: 1.4rem; letter-spacing: -.02em; }
.duzen-bas .ipucu { margin-top: 4px; }
.duzen-bas .ikon-btn { width: 40px; min-height: 40px; padding: 0; flex: none; }
.fd-uyari { background: #EEF4FF; color: #1D3A8A; border-radius: 12px; padding: 12px 16px; font-size: .9rem; }
.fd-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; }
.fd-alanlar { display: grid; gap: 18px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-m); padding: 22px; }
.fd-duzen .seo-kutu { position: sticky; top: 0; }
.fd-orijinal { border-top: 1px solid var(--cizgi); padding-top: 14px; }
.fd-orijinal summary { cursor: pointer; font-weight: 600; font-size: .9rem; }
.fd-orijinal p { margin-top: 10px; color: var(--gri); font-size: .92rem; white-space: pre-wrap; }
#reklam-duzen { width: min(760px, calc(100% - 32px)); background: #fff; }
#rd-gorsel-sil { justify-self: start; min-height: 40px; padding: 0 14px; font-size: .9rem; }
.yukle #rd-gorsel-kutu img { object-fit: contain; }
.sure-sec { display: flex; flex-wrap: wrap; gap: 8px; }
.sure-sec label { position: relative; cursor: pointer; }
.sure-sec input { position: absolute; opacity: 0; }
.sure-sec span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid #D0D5DD; border-radius: 99px; background: #fff; font-weight: 600; font-size: .92rem; }
.sure-sec label:hover span { border-color: var(--gri-acik); }
.sure-sec input:checked + span { background: var(--lacivert); border-color: var(--lacivert); color: #fff; }
.sure-sec input:focus-visible + span { outline: 3px solid var(--turuncu); outline-offset: 2px; }
.rd-onizleme { margin-top: 8px; padding: 16px; border-radius: 12px; background: var(--zemin); border: 1px solid var(--cizgi); }
.rd-onizleme .reklam { margin: 0; position: relative; top: auto; }
.rd-onizleme .reklam-kare { max-width: 300px; margin-inline: auto; } .firma-yazi { display: grid; gap: 14px; color: var(--gri); }
.firma-yazi h3 { font-size: 1.15rem; margin-top: 10px; color: var(--murekkep); letter-spacing: -.015em; }
.firma-yazi ul { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.firma-yazi strong { color: var(--murekkep); } .reklam-istat { grid-template-columns: repeat(4, 1fr); }
.reklam-istat .istat { cursor: default; }
.reklam-istat .istat:hover { border-color: var(--cizgi); }
.r-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.r-kart { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-m); padding: 20px; display: grid; gap: 16px; align-content: start; }
.r-kart[data-durum="yayinda"] { box-shadow: inset 4px 0 0 var(--yesil); }
.r-kart[data-durum="yakin"] { box-shadow: inset 4px 0 0 var(--turuncu); }
.r-kart[data-durum="doldu"] { box-shadow: inset 4px 0 0 #D92D20; }
.r-kart[data-durum="kapali"] { background: #FAFAFB; }
.r-kart[data-durum="kapali"] .r-durum { opacity: .7; }
.r-bas { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.r-bas h3 { font-size: 1.08rem; letter-spacing: -.015em; }
.r-bas p { font-size: .86rem; color: var(--gri); margin-top: 4px; }
.r-bas .anahtar { flex: none; }
.r-durum { display: grid; gap: 8px; justify-items: start; padding: 14px; border-radius: 12px; background: var(--zemin); }
.r-durum p { font-size: .88rem; color: var(--gri); }
.r-durum .cubuk { background: #fff; }
.r-kart[data-durum="yakin"] .cubuk span { background: var(--turuncu); }
.r-reklam { display: flex; flex-wrap: wrap; gap: 2px 10px; align-items: baseline; }
.r-reklam span { font-size: .84rem; color: var(--gri); } .reklam-dolu { background: #fff; border: 1px solid var(--cizgi); padding: 0; overflow: hidden; }
.reklam-yatay.reklam-dolu { min-height: 0; padding: 0; }
.reklam-kare.reklam-dolu { padding: 0; }
.reklam-dolu .reklam-etiket { z-index: 1; top: 8px; left: 8px; padding: 2px 6px; border-radius: 6px; background: rgba(255,255,255,.92); }
.reklam-link { display: block; width: 100%; color: inherit; text-decoration: none; }
.reklam-gorsel img { display: block; width: 100%; height: auto; }
.reklam-metin { display: grid; gap: 6px; justify-items: center; padding: 30px 20px 22px; }
.reklam-metin strong { font-family: var(--dar); font-size: 1.25rem; color: var(--murekkep); letter-spacing: -.01em; }
.reklam-metin span { font-size: .95rem; max-width: 60ch; }
.reklam-metin em { font-style: normal; margin-top: 6px; display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; border-radius: 99px; background: var(--turuncu); color: #fff; font-weight: 600; font-size: .88rem; }
.reklam-link:hover .reklam-metin em { background: var(--turuncu-h); }
@media (max-width: 1000px) {
.yazi-editor, .fd-duzen { grid-template-columns: 1fr; }
.yazi-editor-yan, .fd-duzen .seo-kutu { position: static; }
.r-izgara { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
.panel-sekmeler { display: flex; flex-wrap: nowrap; overflow-x: auto; }
.panel-sekmeler .sekme { flex: none; white-space: nowrap; padding: 8px 12px; }
.reklam-istat { grid-template-columns: 1fr 1fr; }
.y-satir { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; }
.y-satir img { width: 72px; }
.y-eylem { grid-column: 1 / -1; }
.duzen-kutu { width: calc(100% - 16px); max-height: calc(100% - 16px); border-radius: var(--r-m); }
.duzen-kutu form { padding: 16px; gap: 16px; }
.fd-alanlar, .yazi-editor .kutu, .seo-kutu { padding: 16px; }
.r-kart { padding: 16px; }
.r-bas { flex-direction: column; gap: 10px; }
.slug-alan span { padding: 0 6px 0 10px; font-size: .84rem; }
}.gizli-odak:focus { position: fixed; left: 16px; top: 16px; width: auto; height: auto; clip: auto; z-index: 100; background: #fff; padding: 10px 16px; border-radius: 10px; box-shadow: var(--golge-m); } .hero h1 .hero-ust { display: block; font-family: var(--yazi); font-size: .34em; letter-spacing: 0; font-weight: 700; color: var(--turuncu-koyu); margin-bottom: 12px; text-transform: none; } .kirinti p { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; }
.kirinti .separator { opacity: .6; }
.kirinti .last { opacity: .9; }
.blog-hero .kirinti, .yazi-ust .kirinti, .sayfa .kirinti { color: var(--gri); }
.blog-hero .kirinti a:hover, .yazi-ust .kirinti a:hover, .sayfa .kirinti a:hover { color: var(--murekkep); }
.detay-kapak .kirinti { position: relative; z-index: 1; padding-top: 24px; } .sayfa { padding-block: 40px 24px; }
.sayfa-baslik h1 { font-size: clamp(2rem, 3.6vw, 2.8rem); margin-bottom: 24px; }
.sayfa-icerik { max-width: 78ch; }
.arsiv-aciklama { color: var(--gri); max-width: 70ch; margin-top: 12px; }
.sayfa-bas .arsiv-aciklama { color: #C7D0DE; }
.anasayfa-icerik { max-width: 82ch; margin-inline: auto; }
.anasayfa-icerik h2:first-child { font-size: clamp(1.8rem, 3vw, 2.4rem); } .icerik h1 { font-size: 1.9rem; margin: 40px 0 16px; letter-spacing: -.02em; }
.icerik > h1:first-child { margin-top: 0; }
.icerik h3 { font-size: 1.28rem; margin: 32px 0 10px; letter-spacing: -.01em; }
.icerik h4 { font-size: 1.1rem; margin: 24px 0 8px; }
.icerik h2, .icerik h3 { scroll-margin-top: 96px; }
.icerik a { color: var(--turuncu-koyu); text-underline-offset: 3px; }
.icerik img { max-width: 100%; height: auto; border-radius: var(--r-s); }
.icerik figure.wp-block-image img, .icerik .wp-block-image img { aspect-ratio: auto; object-fit: initial; }
.icerik iframe, .icerik video { max-width: 100%; border-radius: var(--r-s); }
.icerik blockquote { margin: 28px 0; padding: 18px 22px; border-left: 4px solid var(--turuncu); background: var(--turuncu-acik); border-radius: 0 var(--r-s) var(--r-s) 0; }
.icerik table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: .96rem; display: block; overflow-x: auto; }
.icerik th, .icerik td { border: 1px solid var(--cizgi); padding: 10px 12px; text-align: left; vertical-align: top; }
.icerik th { background: var(--zemin); font-weight: 600; }
.icerik .wp-block-table { margin: 24px 0; overflow-x: auto; }
.icerik .wp-block-table table { display: table; }
.icerik hr, .icerik .wp-block-separator { border: 0; border-top: 1px solid var(--cizgi); margin: 36px 0; }
.icerik pre, .icerik code { font-size: .92em; background: var(--zemin); border-radius: 6px; }
.icerik pre { padding: 14px; overflow-x: auto; }
.icerik code { padding: 1px 5px; }
.icerik .aligncenter, .icerik .has-text-align-center { text-align: center; margin-inline: auto; }
.icerik .alignleft { float: left; margin: 6px 20px 12px 0; }
.icerik .alignright { float: right; margin: 6px 0 12px 20px; }
.icerik details { border: 1px solid var(--cizgi); border-radius: var(--r-s); padding: 12px 16px; margin: 12px 0; background: #fff; }
.icerik summary { font-weight: 600; cursor: pointer; }
.icerik p:empty { display: none; }
.firma-icerik { max-width: none; font-size: 1.02rem; }
.firma-icerik h1 { font-size: 1.5rem; } .sayfalama { margin-top: 40px; }
.sayfalama ul.page-numbers { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; }
.sayfalama li { margin: 0; }
.sayfalama li > .page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--cizgi); background: #fff; text-decoration: none; font-weight: 600; color: var(--murekkep); }
.sayfalama li > .page-numbers.current { background: var(--lacivert); border-color: var(--lacivert); color: #fff; }
.sayfalama li > a.page-numbers:hover { border-color: var(--turuncu); }
.sayfalama li > .page-numbers.dots { border: 0; background: transparent; min-width: 20px; padding: 0 4px; }
.sayfalama li > .page-numbers svg { width: 18px; height: 18px; }
.sayfalama .prev svg { transform: rotate(180deg); }
@media (max-width: 560px) {
.sayfalama ul.page-numbers { gap: 6px; }
.sayfalama li > .page-numbers { min-width: 40px; height: 40px; padding: 0 10px; border-radius: 10px; }
} .sekmeler a.sekme[aria-current="page"] { background: #fff; color: var(--murekkep); box-shadow: var(--golge-s); } @media (max-width: 720px) {
.sektor-sekme { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; scrollbar-width: none; scroll-snap-type: x proximity; }
.sektor-sekme::-webkit-scrollbar { display: none; }
.sektor-sekme .sekme { flex: none; white-space: nowrap; scroll-snap-align: start; }
}
.il-suz { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.il-suz .alan { width: min(280px, 100%); }
.il-suz .girdi { min-height: 46px; padding-right: 64px; }
.il-suz .alan .plaka-yer { top: 12px; }
.il-suz .alan .oneriler { top: calc(100% + 6px); z-index: 20; }
@media (max-width: 560px) { .il-suz { width: 100%; } .il-suz .alan { width: 100%; } .il-suz .btn { flex: 1; } } .form-hata { margin-top: 18px; background: #FEF3F2; color: #B42318; border-radius: 10px; padding: 12px 14px; font-size: .94rem; font-weight: 500; }
.onay-kutu a { color: var(--turuncu-koyu); }
#ileri[disabled] { opacity: .7; cursor: wait; }
.firma-icerik h2 { font-size: 1.35rem; margin: 28px 0 10px; } .blog-bolum + .blog-bolum { margin-top: 64px; }
.blog-ara { display: flex; }
.arama-alt { font-size: 1.4rem; margin: 8px 0 18px; }
.arama-sonuc .firma-liste + .arama-alt { margin-top: 48px; }
.yazi-duzen .icindekiler[hidden] + .icerik { grid-column: 1 / 3; } .yorumlar .comment-list { list-style: none; padding: 0; display: grid; gap: 16px; }
.yorumlar .comment-body { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-m); padding: 18px; }
.yorumlar textarea, .yorumlar input[type="text"], .yorumlar input[type="email"], .yorumlar input[type="url"] { width: 100%; border: 1px solid #D0D5DD; border-radius: var(--r-s); padding: 10px 14px; font: inherit; }
.yorumlar .submit { background: var(--turuncu); color: #fff; border: 0; border-radius: var(--r-s); padding: 12px 20px; font-weight: 600; cursor: pointer; } .hp-form input[type="text"], .hp-form input[type="email"], .hp-form input[type="password"], .hp-form input[type="tel"],
.hp-form input[type="url"], .hp-form input[type="number"], .hp-form select, .hp-form textarea {
width: 100%; min-height: 48px; border: 1px solid #D0D5DD; border-radius: var(--r-s); background: #fff; padding: 10px 14px; font: inherit; box-shadow: var(--golge-s);
}
.hp-form textarea { min-height: 130px; }
.hp-form .hp-field + .hp-field, .hp-form .hp-form__field + .hp-form__field { margin-top: 16px; }
.hp-form button[type="submit"], .hp-form .button, .hp-button { background: var(--turuncu); color: #fff; border: 0; border-radius: var(--r-s); min-height: 48px; padding: 0 22px; font-weight: 600; cursor: pointer; }
.hp-form button[type="submit"]:hover, .hp-form .button:hover { background: var(--turuncu-h); }
.hp-form label { font-weight: 600; font-size: .92rem; display: block; margin-bottom: 6px; }
@media (max-width: 880px) {
.yazi-duzen .icindekiler[hidden] + .icerik { grid-column: auto; }
} .wa__btn_popup { transition: bottom .25s; }
@media (max-width: 960px) {
body.fy-cta-gorunur .wa__btn_popup { bottom: 86px !important; }
}