/* ---------- Tokens ---------- */
:root{
  --sari:#ffd84d; --sari-d:#e7bd28; --sari-l:#fff3c4; --sari-metin:#8a6a0a;
  --siyah:#141414; --yazi:#1a1a1a; --yazi-2:#5c6469; --yazi-3:#646c72;
  --beyaz:#fff; --bg:#f3f6f7; --border:#e3e8ea;
  --yesil:#25d366; --radius:16px; --radius-sm:10px;
  --golge:0 1px 2px rgba(16,24,40,.05), 0 8px 24px -12px rgba(16,24,40,.18);
  --golge-lg:0 24px 60px -24px rgba(16,24,40,.28);
  --wrap:1200px; --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--yazi);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.15;letter-spacing:-.02em;font-weight:800}
h1{font-size:clamp(2.1rem,5vw,3.6rem)}
h2{font-size:clamp(1.6rem,3.4vw,2.5rem)}
h3{font-size:1.15rem}
p{margin:0 0 1rem}
.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;z-index:999;background:#fff;padding:.75rem 1rem;border-radius:8px}
:focus-visible{outline:3px solid var(--siyah);outline-offset:2px;border-radius:4px}
.hero--koyu :focus-visible,.kategori-ust :focus-visible,.site-header :focus-visible,
.site-footer :focus-visible,.sayfa-basi :focus-visible,.hero--arama :focus-visible,.cta :focus-visible,
.hizmet-one :focus-visible,.yan-premium :focus-visible,.dortyuz :focus-visible{outline-color:var(--sari)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.95rem;
  padding:.85rem 1.5rem;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:.18s ease;white-space:nowrap}
.btn--sari{background:var(--sari);color:var(--siyah);box-shadow:0 6px 18px -8px rgba(231,189,40,.9)}
.btn--sari:hover{background:var(--sari-d);transform:translateY(-1px)}
.btn--siyah{background:var(--siyah);color:#fff}
.btn--siyah:hover{background:#000;transform:translateY(-1px)}
.btn--hayalet{color:var(--siyah);border-color:var(--border);background:#fff}
.btn--hayalet:hover{border-color:var(--siyah)}
.btn--wa{background:var(--yesil);color:#fff}
.btn--wa:hover{filter:brightness(.94)}
.btn--sm{padding:.6rem 1rem;font-size:.85rem}
.btn--blok{width:100%}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:1200;background:var(--siyah);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.header-in{display:flex;align-items:center;gap:1.5rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:900;font-size:1.15rem;letter-spacing:-.03em}
.brand__mark{width:36px;height:36px;border-radius:11px;background:var(--sari);display:grid;place-items:center;flex:none}
.nav{margin-left:auto}
.nav ul{display:flex;gap:1.75rem;list-style:none;margin:0;padding:0;font-weight:600;font-size:.94rem}
.nav a{padding:.4rem 0;position:relative;color:rgba(255,255,255,.82)}
.nav a:hover,.nav .current-menu-item>a{color:#fff}
.nav .current-menu-item>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sari)}
.header-cta{display:flex;gap:.6rem;align-items:center}
.nav-toggle{display:none;background:transparent;border:1.5px solid rgba(255,255,255,.25);border-radius:10px;width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}
.nav-toggle span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative}
.nav-toggle span::before,.nav-toggle span::after{content:"";display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:absolute}
.nav-toggle span::before{top:-6px}
.nav-toggle span::after{top:6px}
@media(max-width:960px){
  .nav-toggle{display:inline-flex}
  .nav{position:fixed;inset:74px 0 auto;background:var(--siyah);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.25rem 1.5rem;display:none;box-shadow:var(--golge)}
  .nav.acik{display:block}
  .nav ul{flex-direction:column;gap:.25rem}
  .nav a{display:block;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .btn--gizle-mobil{display:none}
}

/* ---------- Hero ---------- */
.hero{position:relative;padding:clamp(3rem,7vw,5.5rem) 0 clamp(2rem,4vw,3rem);overflow:hidden;
  background:linear-gradient(165deg,#fffdf4 0%,#fbfcfd 46%,var(--bg) 100%)}
/* İnce nokta dokusu derinlik katar. */
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(16,24,40,.05) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse at 20% 30%,#000,transparent 72%);
  mask-image:radial-gradient(ellipse at 20% 30%,#000,transparent 72%)}
.hero::after{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,77,.55),transparent 68%);pointer-events:none}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,4rem);align-items:center;position:relative;z-index:1}
.hero__rozetler{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0 0 1.4rem;padding:0}
.hero__rozet{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.9);
  border:1px solid var(--border);border-radius:999px;padding:.3rem .85rem .3rem .3rem;
  box-shadow:0 1px 2px rgba(16,24,40,.04), 0 5px 14px -10px rgba(16,24,40,.22);
  backdrop-filter:blur(6px);transition:.22s ease}
.hero__rozet:hover{border-color:#dbe1e4}
.hero__rozet-ikon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,var(--sari),#ffe9a3);color:var(--siyah);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.hero__rozet-ikon svg{width:14px;height:14px}
.hero__rozet:nth-child(2) .hero__rozet-ikon{background:linear-gradient(140deg,#e6edf1,#f5f8f9);color:var(--yazi-2)}
.hero__rozet:nth-child(3) .hero__rozet-ikon{background:linear-gradient(140deg,#141414,#3a3a3a);color:var(--sari)}
.hero__rozet-metin{display:flex;align-items:baseline;gap:.32rem;white-space:nowrap;line-height:1.2}
.hero__rozet b{color:var(--yazi);font-size:.95rem;font-weight:900;letter-spacing:-.03em}
.hero__rozet-metin>span{font-size:.8rem;font-weight:600;color:var(--yazi-2)}

@media(max-width:520px){
  .hero__rozetler{gap:.4rem}
  .hero__rozet{padding:.35rem .85rem .35rem .35rem;gap:.5rem}
  .hero__rozet-ikon{width:28px;height:28px}
  .hero__rozet b{font-size:1rem}
  .hero__rozet-metin>span{font-size:.78rem}
  .hero__rozet-metin small{display:none}
}
.hero h1{letter-spacing:-.035em}
.hero h1 em{font-style:normal;position:relative;padding:0 .12em;z-index:0}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.34em;z-index:-1;
  background:linear-gradient(90deg,var(--sari),#ffe27a);border-radius:6px;transform:rotate(-.4deg)}
.hero__lead{font-size:clamp(1rem,1.6vw,1.15rem);color:var(--yazi-2);max-width:52ch;margin-bottom:1.75rem}
.hero__aksiyon{display:flex;gap:.75rem;flex-wrap:wrap}
.hero__aksiyon .btn{padding:.95rem 1.6rem}
.hero__aksiyon .btn--sari svg{width:17px;height:17px}
.hero__aksiyon .btn--hayalet svg{width:16px;height:16px;transition:transform .18s ease}
.hero__aksiyon .btn--hayalet:hover svg{transform:translateX(3px)}
.hero__guven{display:flex;align-items:center;gap:.5rem;margin:1.1rem 0 0;font-size:.84rem;
  color:var(--yazi-3);font-weight:600}
.hero__guven svg{width:15px;height:15px;color:var(--sari-d);flex:none}
.hero__istatistik{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:2rem 0 0;padding:.35rem;
  background:linear-gradient(180deg,#fff,#fcfdfd);border:1px solid var(--border);border-radius:20px;
  box-shadow:0 1px 2px rgba(16,24,40,.04), 0 18px 40px -28px rgba(16,24,40,.4);max-width:580px}
.hero__istatistik li{display:flex;align-items:center;gap:.7rem;padding:.95rem 1rem;border-radius:16px;
  position:relative;min-width:0;transition:background .18s ease}
.hero__istatistik li:hover{background:#fff}
.hero__istatistik li+li::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;
  background:linear-gradient(180deg,transparent,var(--border),transparent)}
.hero__istatistik-ikon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex:none;
  background:linear-gradient(145deg,var(--sari-l),#fff);color:var(--sari-d);
  box-shadow:inset 0 0 0 1px rgba(231,189,40,.28)}
.hero__istatistik-ikon svg{width:18px;height:18px}
.hero__istatistik-metin{display:flex;flex-direction:column;min-width:0}
.hero__istatistik strong{font-size:1.5rem;font-weight:900;letter-spacing:-.035em;line-height:1.1}
.hero__istatistik-metin>span{font-size:.78rem;color:var(--yazi-3);font-weight:600;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){
  .hero__istatistik{max-width:none;grid-template-columns:1fr;padding:.3rem}
  .hero__istatistik li{padding:.75rem .9rem}
  .hero__istatistik li+li::before{left:.9rem;right:.9rem;top:0;bottom:auto;width:auto;height:1px;
    background:linear-gradient(90deg,transparent,var(--border),transparent)}
  .hero__istatistik strong{font-size:1.3rem}
}
.hero__gorsel{position:relative}
/* Görselin arkasında yumuşak sarı ışık; katman değil, sadece parıltı. */
.hero__gorsel::before{content:"";position:absolute;left:8%;right:8%;top:12%;bottom:12%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,216,77,.5),transparent 70%);filter:blur(28px);
  pointer-events:none;z-index:0}

.hero__kart{position:relative;z-index:1;border-radius:26px;overflow:hidden;background:#0f0f0f;
  box-shadow:0 44px 76px -34px rgba(16,24,40,.6), 0 2px 4px rgba(16,24,40,.06);
  transition:transform .5s cubic-bezier(.2,.7,.3,1), box-shadow .5s ease}
.hero__kart::after{content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.hero__gorsel:hover .hero__kart{transform:translateY(-4px);box-shadow:0 54px 90px -34px rgba(16,24,40,.62)}
.hero__kart img,.hero__kart .yer-tutucu{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
@media(max-width:1100px){.hero__kart img,.hero__kart .yer-tutucu{aspect-ratio:4/4.4}}

/* Alt kısımdaki karartma, üzerindeki rozetin okunmasını sağlar. */
.hero__kart-golge{position:absolute;left:0;right:0;bottom:0;height:52%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.62))}

.hero__cip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.4rem;
  font-size:.76rem;font-weight:800;letter-spacing:.02em;color:var(--yazi);
  background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:999px;padding:.4rem .8rem;
  box-shadow:0 6px 18px -8px rgba(0,0,0,.6)}
.hero__cip svg{width:14px;height:14px;color:var(--sari-d)}
.hero__cip--ust{top:1rem;right:1rem}

.hero__yuzen{position:absolute;z-index:2;left:1.15rem;bottom:1.15rem;right:1.15rem;
  display:flex;gap:.75rem;align-items:center;
  background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-radius:16px;padding:.85rem 1rem;
  box-shadow:0 18px 34px -20px rgba(0,0,0,.75)}
.hero__yuzen-ikon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex:none;
  background:linear-gradient(140deg,var(--sari),#ffe9a3);color:var(--siyah)}
.hero__yuzen-ikon svg{width:18px;height:18px}
.hero__yuzen b{display:block;font-size:.95rem;color:var(--yazi);letter-spacing:-.01em;line-height:1.25}
.hero__yuzen small{font-size:.78rem;color:var(--yazi-3)}

@media(max-width:900px){.hero__grid{grid-template-columns:1fr}.hero__gorsel{display:none}}

/* ---------- Arama ---------- */
.arama{position:relative;z-index:5;margin-top:-1.5rem}
.arama__kutu{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--golge-lg);padding:1.5rem}
.arama__baslik{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--yazi-3);font-weight:800;margin-bottom:.9rem}
.arama__form{display:grid;grid-template-columns:1fr 1fr minmax(170px,auto);gap:.75rem;align-items:end}
.alan label{display:block;font-size:.78rem;font-weight:700;color:var(--yazi-2);margin-bottom:.35rem}
select,input[type=text],input[type=search],input[type=tel],input[type=email],input[type=url],input[type=password],input[type=number],input[type=time],input[type=date],textarea{
  width:100%;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;
  font:inherit;font-size:.95rem;color:var(--yazi);transition:.15s}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.4rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235c6469' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer}
select::-ms-expand{display:none}
select:focus,input:focus,textarea:focus{border-color:var(--sari-d);outline:none;box-shadow:0 0 0 4px var(--sari-l)}
.arama__form .btn{height:51px;padding-inline:1.5rem;border-radius:var(--radius-sm)}
@media(max-width:900px){.arama__form{grid-template-columns:1fr 1fr}.arama__form .btn{grid-column:1/-1}}
@media(max-width:600px){.arama__form{grid-template-columns:1fr}.arama__form .btn{height:auto;padding:.9rem 1.5rem}}

/* ---------- Bloklar ---------- */
.blok{padding:clamp(3rem,6vw,5rem) 0}
.blok--beyaz{background:#fff}
.blok__ust{max-width:640px;margin-bottom:2.5rem}
.blok__ust--orta{margin-inline:auto;text-align:center}
.etiket{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--sari-metin);margin-bottom:.6rem}
.blok__ust p{color:var(--yazi-2);margin:0}
.blok__alt{text-align:center;margin-top:2.5rem}

/* ---------- Firma kartları ---------- */
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}
.firma{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column;transition:.2s ease;position:relative}
.firma:hover{border-color:#c9d1d5}
.firma__medya{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#eef2f4,#dfe6e9);overflow:hidden}
.firma__medya img{width:100%;height:100%;object-fit:cover}
.firma__vitrin{position:absolute;top:.75rem;left:.75rem;background:var(--sari);color:var(--siyah);
  font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .65rem;border-radius:999px}
.firma__puan{position:absolute;top:.75rem;right:.75rem;background:rgba(20,20,20,.85);color:#fff;
  font-size:.78rem;font-weight:700;padding:.3rem .6rem;border-radius:999px}
.firma__govde{padding:1.25rem;display:flex;flex-direction:column;flex:1;gap:.75rem}
.firma__yer{font-size:.8rem;font-weight:700;color:var(--yazi-3);text-transform:uppercase;letter-spacing:.06em}
.firma__ad{font-size:1.1rem;font-weight:800;margin:0;letter-spacing:-.02em}
.firma__ad a::after{content:"";position:absolute;inset:0}
.firma__hizmetler{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.firma__hizmetler li{font-size:.76rem;font-weight:600;background:var(--bg);border:1px solid var(--border);
  color:var(--yazi-2);padding:.25rem .6rem;border-radius:999px}
.firma__adres{font-size:.85rem;color:var(--yazi-2);margin:0}
.firma__alt{margin-top:auto;display:flex;gap:.5rem;padding-top:.5rem;position:relative;z-index:2}
.firma__alt .btn{flex:1}

/* ---------- Özellikler ---------- */
.ozellikler{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.ozellik{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem}
.ozellik__ikon{width:48px;height:48px;border-radius:14px;background:var(--sari-l);display:grid;place-items:center;margin-bottom:1rem}
.ozellik h3{margin-bottom:.4rem}
.ozellik p{color:var(--yazi-2);font-size:.92rem;margin:0}

/* ---------- Adımlar ---------- */
.adimlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2rem;counter-reset:adim}
.adim{position:relative;padding-top:3.25rem}
.adim::before{counter-increment:adim;content:counter(adim);position:absolute;top:0;left:0;width:44px;height:44px;
  border-radius:50%;background:var(--siyah);color:var(--sari);display:grid;place-items:center;font-weight:900}
.adim p{color:var(--yazi-2);font-size:.92rem;margin:0}

/* ---------- Yorumlar ---------- */
.yorumlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}
.yorum{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;display:flex;flex-direction:column}
.yorum__yildiz{color:var(--sari-d);letter-spacing:.15em;margin-bottom:.75rem}
.yorum p{font-size:.95rem;color:var(--yazi-2);flex:1}
.yorum footer{display:flex;align-items:center;gap:.75rem;margin-top:1rem}
.yorum__av{width:40px;height:40px;border-radius:50%;background:var(--sari-l);display:grid;place-items:center;font-weight:800;color:var(--sari-d)}
.yorum__ad{font-weight:700;font-size:.9rem}
.yorum__yer{font-size:.78rem;color:var(--yazi-3)}

/* ---------- CTA ---------- */
.cta{background:var(--siyah);color:#fff;border-radius:24px;padding:clamp(2.25rem,5vw,3.5rem);position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;right:-80px;bottom:-120px;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,77,.28),transparent 70%)}
.cta__in{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.cta h2{margin:0 0 .5rem}
.cta p{color:#b9c0c4;margin:0;max-width:52ch}
@media(max-width:760px){.cta__in{grid-template-columns:1fr}}

/* ---------- Tekil firma ---------- */
.tekil{display:grid;grid-template-columns:1fr 360px;gap:2.5rem;align-items:start;padding:2.5rem 0 4rem}
.tekil__kapak{border-radius:20px;overflow:hidden;aspect-ratio:16/9;margin-bottom:1.75rem;background:#e6ecee}
.tekil__kapak img{width:100%;height:100%;object-fit:cover}
.tekil__icerik{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:2rem}
.tekil__icerik h2{font-size:1.4rem;margin-top:2rem}
.tekil__icerik h2:first-child{margin-top:0}
.yan{position:sticky;top:100px;display:grid;gap:1rem}
.yan__kart{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}
.yan__kart h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--yazi-3);margin-bottom:1rem}
.yan__satir{display:flex;gap:.75rem;padding:.65rem 0;border-bottom:1px dashed var(--border);font-size:.92rem}
.yan__satir:last-of-type{border:0}
.yan__satir b{min-width:74px;color:var(--yazi-3);font-weight:600}
.yan__aksiyon{display:grid;gap:.6rem;margin-top:1rem}
@media(max-width:960px){.tekil{grid-template-columns:1fr}.yan{position:static}}

/* ---------- Arşiv / filtre ---------- */
.sayfa-ust{background:#fff;border-bottom:1px solid var(--border);padding:2.5rem 0}
.kirinti{font-size:.83rem;color:var(--yazi-3);margin-bottom:.75rem}
.kirinti a:hover{color:var(--yazi)}
.filtre{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.filtre a{font-size:.85rem;font-weight:700;padding:.5rem .95rem;border-radius:999px;background:#fff;
  border:1.5px solid var(--border);color:var(--yazi-2)}
.filtre a:hover{border-color:var(--siyah);color:var(--yazi)}
.filtre a.aktif{background:var(--siyah);color:#fff;border-color:var(--siyah)}
.bos{background:#fff;border:1px dashed var(--border);border-radius:var(--radius);padding:3rem;text-align:center;color:var(--yazi-2)}
.sayfalama{display:flex;gap:.4rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap}
.sayfalama .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .75rem;border-radius:10px;
  background:#fff;border:1px solid var(--border);font-weight:700;font-size:.9rem}
.sayfalama .current{background:var(--siyah);color:#fff;border-color:var(--siyah)}

/* ---------- Form / sayfa ---------- */
.form-kart{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.5rem);max-width:760px}
.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.form-satir--tek{grid-template-columns:1fr}
@media(max-width:640px){.form-satir{grid-template-columns:1fr}}
.uyari{border-radius:var(--radius-sm);padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:.92rem;font-weight:600}
.uyari--ok{background:#e7f8ee;border:1px solid #b6e6c9;color:#166534}
.uyari--hata{background:#fdecec;border:1px solid #f5c2c2;color:#a01717}
.icerik{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.5rem,4vw,3rem);max-width:820px}
.icerik h2{font-size:1.5rem;margin-top:2rem}
.icerik ul,.icerik ol{color:var(--yazi-2)}
.icerik a{color:var(--sari-metin);font-weight:600;text-decoration:underline}
.yazi-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}
.yazi{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}
.yazi__govde{padding:1.5rem}
.yazi__tarih{font-size:.8rem;color:var(--yazi-3);font-weight:600}
.yazi h3 a::after{content:"";position:absolute;inset:0}
.yazi p{font-size:.9rem;color:var(--yazi-2);margin:0}

/* ---------- Footer ---------- */
.site-footer{background:var(--siyah);color:#c8ced2;padding:clamp(3rem,6vw,4.5rem) 0 2rem}
.footer-grid{display:grid;grid-template-columns:1.5fr 1.6fr 1fr 1fr;gap:2.5rem 2rem;align-items:start}
.site-footer .brand{color:#fff;margin-bottom:1rem}
.site-footer p{font-size:.9rem;color:#98a1a7;max-width:38ch}
.footer-baslik{color:#fff;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin-bottom:1rem}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.9rem}
.site-footer a:hover{color:var(--sari)}
.footer-alt{border-top:1px solid rgba(255,255,255,.12);margin-top:2.5rem;padding-top:1.5rem;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:#7d868c}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;gap:1.75rem}}

/* ---------- Mobil sabit bar ---------- */
.mobil-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1100;background:#fff;border-top:1px solid var(--border);
  padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom));gap:.5rem}
.mobil-bar .btn{flex:1}
@media(max-width:760px){.mobil-bar{display:flex}body.tekil-firma{padding-bottom:78px}}

.site{display:flex;flex-direction:column;min-height:100vh}
main{flex:1}

/* ---------- Header ek ---------- */
.site-header .brand{color:#fff}
.header-tel{display:flex;align-items:center;gap:.55rem;color:#fff;padding-right:.25rem}
.header-tel svg{color:var(--sari);flex:none}
.header-tel small{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#8b9298;line-height:1.2}
.header-tel b{font-size:.95rem;letter-spacing:-.01em}
@media(max-width:1120px){.header-tel{display:none}}

/* ---------- Kategori / arşiv düzeni ---------- */
.kategori-ust{background:var(--siyah);color:#fff;padding:clamp(2.25rem,5vw,3.25rem) 0;position:relative;overflow:hidden}
.kategori-ust::after{content:"";position:absolute;right:-140px;top:-180px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,77,.22),transparent 70%);pointer-events:none}
.kategori-ust>*{position:relative;z-index:1}
.kategori-ust h1{margin:0 0 .35rem;font-size:clamp(1.9rem,4vw,2.9rem)}
.kategori-ust h1 span{color:var(--sari)}
.kategori-ust .kirinti{color:#8b9298;margin:0 0 1rem}
.kategori-ust .kirinti a{color:#c8ced2}
.kategori-ust .kirinti a:hover{color:var(--sari)}
.kategori-ust__ozet{color:#b9c0c4;max-width:62ch;margin:0}
.kategori-ust__sayac{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:999px;padding:.35rem .85rem;font-size:.82rem;font-weight:700;margin-top:1.15rem}
.kategori-ust__sayac b{color:var(--sari)}

.liste-alani{padding:2rem 0 clamp(3rem,6vw,4.5rem);position:relative;z-index:2}
.liste-izgara{display:grid;grid-template-columns:clamp(300px,26vw,380px) 1fr;gap:2rem;align-items:start}
@media(max-width:1180px){.liste-izgara{grid-template-columns:300px 1fr;gap:1.75rem}}
@media(max-width:960px){.liste-izgara{grid-template-columns:1fr}}

/* Sol filtre paneli */
.panel{position:sticky;top:96px;display:grid;gap:1rem;margin-top:-4.5rem}
@media(max-width:960px){.panel{position:static;margin-top:0}}
.panel__kart{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.25rem;box-shadow:var(--golge)}
.panel__baslik{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yazi-3);font-weight:800;margin:0 0 .75rem}
.panel .alan{margin-bottom:0}
.panel .alan:last-child{margin-bottom:0}
.panel__link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.88rem;color:var(--yazi);
  margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--border);width:100%}
.panel__link svg{width:16px;height:16px;transition:.2s}
.panel__link:hover svg{transform:translateX(3px)}
.panel__cta{background:linear-gradient(150deg,#fffaea,#fff);border-color:#f2e3ad}
.panel__cta p{font-size:.9rem;color:var(--yazi-2)}
.panel__etiketler{display:flex;flex-wrap:wrap;gap:.4rem}
.panel__etiketler a{font-size:.8rem;font-weight:600;padding:.35rem .7rem;border-radius:999px;background:var(--bg);
  border:1px solid var(--border);color:var(--yazi-2)}
.panel__etiketler a:hover{border-color:var(--siyah);color:var(--yazi)}
.panel__etiketler a.aktif{background:var(--sari);border-color:var(--sari);color:var(--siyah)}

/* Liste başlığı + sıralama */
.liste-ust{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.liste-ust__sonuc{font-size:.9rem;color:var(--yazi-2);font-weight:600}
.liste-ust__sonuc b{color:var(--yazi)}

/* Yatay firma kartı (liste görünümü) */
.liste{display:grid;gap:1rem}
.liste--izgara{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.fk{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;display:grid;
  grid-template-columns:280px 1fr;transition:border-color .16s ease;position:relative}
.liste--izgara .fk{grid-template-columns:1fr}
.fk:hover{border-color:#c9d1d5}
.fk--vitrin{border-color:var(--sari);box-shadow:0 0 0 1px var(--sari-l) inset}
.fk__medya{position:relative;background:linear-gradient(135deg,#eef2f4,#dfe6e9);overflow:hidden;min-height:190px}
.liste--izgara .fk__medya{aspect-ratio:16/10;min-height:0}
.fk__medya img{width:100%;height:100%;object-fit:cover}
@media(max-width:640px){.fk{grid-template-columns:1fr}.fk__medya{aspect-ratio:16/10;min-height:0}}
.fk__paket{position:absolute;top:.7rem;left:.7rem;display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:900;
  letter-spacing:.09em;text-transform:uppercase;padding:.32rem .65rem;border-radius:999px;background:var(--sari);color:var(--siyah)}
.fk__paket svg{width:13px;height:13px}
.fk__govde{padding:1.35rem 1.5rem;display:flex;flex-direction:column;gap:.7rem}
.fk__ust{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
/* Dar kartlarda ad tek satırda kalsın diye konum rozeti alta iner. */
.liste--izgara .fk__ust{flex-direction:column;align-items:flex-start;gap:.5rem}
@media(max-width:900px){.fk__ust{flex-direction:column;align-items:flex-start;gap:.5rem}}
.fk__ad{font-size:1.2rem;font-weight:800;margin:0;letter-spacing:-.02em;text-wrap:balance}
.fk__ad a::after{content:"";position:absolute;inset:0}
.fk__yer{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;color:var(--yazi-2);white-space:nowrap;
  background:none;border:0;padding:0}
.fk__yer svg{width:15px;height:15px;color:var(--sari-d);flex:none}
.liste--izgara .fk__yer{margin-top:-.2rem}
.fk__hizmetler{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.fk__hizmetler li{font-size:.76rem;font-weight:600;background:var(--bg);border:1px solid var(--border);color:var(--yazi-2);padding:.28rem .65rem;border-radius:8px}
/* Premium ve standart firmalar arasındaki ayıraç. */
.liste-ayirac{grid-column:1/-1;display:flex;align-items:center;gap:.85rem;margin:.5rem 0;padding:.9rem 1.1rem;border:1px dashed var(--sari, #ffc400);border-radius:14px;background:var(--sari-l)}
.liste-ayirac__ikon{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sari, #ffc400);color:#111}
.liste-ayirac__ikon svg{width:16px;height:16px}
.liste-ayirac p{margin:0;display:flex;flex-direction:column;gap:.15rem;font-size:.86rem;color:var(--yazi-2)}
.liste-ayirac b{font-size:.95rem;color:var(--yazi)}
.fk__hizmetler li.aktif{background:var(--yazi);border-color:var(--yazi);color:#fff}
/* Kartın tamamını kaplayan bağlantının üstünde kalması için z-index verilir. */
.fk__hizmetler .fk__diger{padding:0;background:none;border:0;position:relative;z-index:3}
.fk__diger summary{list-style:none;cursor:pointer;font-size:.76rem;font-weight:700;color:var(--yazi);border:1px dashed var(--border);border-radius:8px;padding:.28rem .65rem;background:#fff}
.fk__diger summary::-webkit-details-marker{display:none}
.fk__diger[open] summary,.fk__diger details[open] summary{border-style:solid}
.fk__diger ul{position:absolute;top:calc(100% + .35rem);left:0;min-width:180px;display:flex;flex-direction:column;gap:.3rem;list-style:none;margin:0;padding:.5rem;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.fk__diger ul li{background:var(--bg)}
.fk__satir{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.15rem 0 0;
  font-size:.82rem;line-height:1.45;color:var(--yazi-3);font-style:italic}
.fk__satir span{display:flex;align-items:flex-start;gap:.4rem}
.fk__satir svg{width:14px;height:14px;color:var(--border);flex:none;margin-top:.15rem}
.fk__durum{font-weight:700;color:var(--yazi-2)}
.fk__durum::before{content:"";width:7px;height:7px;border-radius:50%;flex:none;background:var(--yazi-3)}
.fk__durum--acik::before{background:#1a7f37}
.fk__durum--kapali::before{background:#c2410c}
.fk__durum svg{display:none}
.fk__alt{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border);position:relative;z-index:2}
.fk__alt .btn--wa{background:#fff;color:var(--yazi);border-color:var(--border)}
.fk__alt .btn--wa svg{color:var(--yesil)}
.fk__alt .btn--wa:hover{filter:none;border-color:var(--yesil)}
.fk__alt .btn--siyah{background:#fff;color:var(--yazi);border-color:var(--border)}
.fk__alt .btn--siyah:hover{background:#fff;border-color:var(--siyah);transform:none}
.fk__alt .btn--siyah svg{color:var(--yazi-3)}
.fk__alt .btn{flex:1;min-width:120px}
.fk__rozet{position:absolute;top:.7rem;right:.7rem;z-index:2;display:flex;flex-direction:column;align-items:flex-end;
  gap:.3rem;list-style:none;margin:0;padding:0;max-width:calc(100% - 1.4rem)}
.fk__rozet li{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:800;color:var(--yazi);
  background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:0;border-radius:999px;padding:.28rem .6rem;
  box-shadow:0 2px 8px rgba(0,0,0,.16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fk__rozet svg{color:var(--sari-d);width:13px;height:13px;flex:none}
.fk__rozet svg{width:12px;height:12px}
.rozetler{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0 0 1rem;padding:0}
.rozet{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;color:#166534;
  background:#e7f8ee;border:1px solid #b6e6c9;border-radius:999px;padding:.3rem .7rem}
.rozet svg{width:14px;height:14px}
.rozet--isbirlikci{color:#7a5c00;background:var(--sari-l);border-color:#f2e3ad}

/* ---------- Firma detay ---------- */
.firma-ust{padding:2.25rem 0 0}
.firma-ust h1{margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.7rem)}
.firma-ust__ozet{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;margin:0 0 1.25rem;font-size:.88rem;color:var(--yazi-2)}
.firma-ust__ozet span{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--border);
  border-radius:999px;padding:.35rem .8rem;font-weight:600}
.firma-ust__ozet svg{width:15px;height:15px;color:var(--sari-d)}
.firma-duzen{display:grid;grid-template-columns:1fr 350px;gap:1.75rem;align-items:start;padding:0 0 clamp(3rem,6vw,4.5rem)}
@media(max-width:980px){.firma-duzen{grid-template-columns:1fr}}
.firma-sol{display:grid;gap:1.25rem;min-width:0}

/* Galeri */
.galeri{position:relative;border-radius:20px;overflow:hidden;background:#e6ecee;box-shadow:var(--golge)}
.galeri__ray{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:16/10}
.galeri__ray::-webkit-scrollbar{display:none}
.galeri__ray figure{flex:0 0 100%;scroll-snap-align:center;margin:0}
.galeri__ray img{width:100%;height:100%;object-fit:cover}
.galeri__nokta{position:absolute;left:0;right:0;bottom:1rem;display:flex;justify-content:center;gap:.4rem}
.galeri__nokta button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.6);cursor:pointer;padding:0;transition:.2s}
.galeri__nokta button[aria-current=true]{width:26px;background:var(--siyah)}
.galeri__ok{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;
  background:rgba(255,255,255,.92);box-shadow:var(--golge);cursor:pointer;display:grid;place-items:center}
.galeri__ok--geri{left:.75rem;rotate:180deg}
.galeri__ok--ileri{right:.75rem}
.galeri__rozetler{position:absolute;top:1rem;z-index:2;display:flex;flex-wrap:wrap;gap:.4rem;max-width:45%}
.galeri__rozetler--sol{left:1rem}
.galeri__rozetler--sag{right:1rem;justify-content:flex-end}
@media(max-width:520px){
  .galeri__rozetler{max-width:calc(100% - 2rem)}
  .galeri__rozetler--sag{top:auto;bottom:3.25rem;right:1rem}
}
.galeri__rozet{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;color:var(--yazi);
  background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:999px;padding:.3rem .7rem;
  box-shadow:0 2px 10px rgba(0,0,0,.22);white-space:nowrap}
.galeri__rozet svg{width:13px;height:13px;color:var(--sari-d);flex:none}

/* İçerik kutuları */
.kutu{background:#fff;border:1px solid var(--border);border-radius:18px;padding:clamp(1.25rem,3vw,2rem)}
.kutu>h2{font-size:1.3rem;margin:0 0 1rem}
.kutu p:last-child{margin-bottom:0}
.hizmet-etiket{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.hizmet-etiket a,.hizmet-etiket--pasif li{display:inline-block;font-size:.85rem;font-weight:700;
  background:var(--sari);color:var(--siyah);padding:.45rem .9rem;border-radius:10px;border:1px solid #f0d148;transition:.18s}
.hizmet-etiket a:hover{background:var(--sari-d)}
.hizmet-etiket--pasif{margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed var(--border)}
.bolge-grup{margin-bottom:1rem}
.bolge-grup:last-of-type{margin-bottom:0}
.bolge-liste{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}
.bolge-liste li{display:inline-block;font-size:.83rem;font-weight:600;background:var(--bg);border:1px solid var(--border);
  color:var(--yazi-2);padding:.35rem .75rem;border-radius:8px}
.bolge-liste .sehir{background:var(--sari);border-color:#f0d148;color:var(--siyah);font-weight:800}
.harita{border-radius:14px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16/9;background:var(--bg)}
.harita iframe{width:100%;height:100%;border:0;display:block}

/* Sağ panel */
.firma-yan{position:sticky;top:96px;display:grid;gap:1rem}
@media(max-width:980px){.firma-yan{position:static}}
.yan-kutu{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.35rem;box-shadow:var(--golge)}
.yan-kutu h2{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yazi-3);font-weight:800;margin:0 0 .9rem}
.yan-aksiyon{display:grid;gap:.6rem}
.yan-aksiyon .btn{width:100%;font-size:1rem;padding:.95rem 1.25rem}
.yan-adres{margin:1rem 0 0;font-size:.9rem;color:var(--yazi-2);text-align:center;line-height:1.5}
.saat-liste{list-style:none;margin:0;padding:0;font-size:.9rem}
.saat-liste li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px dashed var(--border)}
.saat-liste li:last-child{border:0}
.saat-liste li.bugun{font-weight:800}
.saat-liste li.bugun span:first-child::after{content:" · bugün";color:var(--sari-d);font-weight:700}
.saat-liste .kapali{color:var(--yazi-3)}
.durum-rozet{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:800;border-radius:999px;
  padding:.3rem .7rem;margin-bottom:.9rem}
.durum-rozet--acik{background:#e7f8ee;color:#166534;border:1px solid #b6e6c9}
.durum-rozet--kapali{background:#fdecec;color:#a01717;border:1px solid #f5c2c2}
.yan-istatistik{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;text-align:center}
.yan-istatistik div{background:var(--bg);border-radius:12px;padding:.75rem}
.yan-istatistik strong{display:block;font-size:1.15rem;font-weight:900}
.yan-istatistik span{font-size:.74rem;color:var(--yazi-3);font-weight:600}

/* Yorumlar */
.yorum-liste{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:1rem}
.yorum-oge{border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem;background:var(--bg)}
.yorum-oge__ust{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.4rem}
.yorum-oge__ad{font-weight:800;font-size:.95rem}
.yorum-oge__tarih{font-size:.78rem;color:var(--yazi-3)}
.yorum-oge__yildiz{color:var(--sari-d);letter-spacing:.1em;font-size:.9rem}
.yorum-oge p{margin:0;font-size:.93rem;color:var(--yazi-2)}
.puan-sec{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.2rem;margin-bottom:1rem}
.puan-sec input{position:absolute;opacity:0;width:1px;height:1px}
.puan-sec label{font-size:1.6rem;color:var(--border);cursor:pointer;line-height:1;transition:.15s}
.puan-sec label:hover,.puan-sec label:hover ~ label,.puan-sec input:checked ~ label{color:var(--sari)}
.puan-sec input:focus-visible + label{outline:2px solid var(--siyah);outline-offset:2px}

/* ---------- Blog & genel sayfa ---------- */
.sayfa-basi{background:var(--siyah);color:#fff;padding:clamp(2.25rem,5vw,3.25rem) 0}
.sayfa-basi h1{margin:0 0 .35rem}
.sayfa-basi .kirinti{color:#8b9298;margin:0 0 .85rem}
.sayfa-basi .kirinti a{color:#c8ced2}
.sayfa-basi p{color:#b9c0c4;max-width:62ch;margin:0}
.sayfa-govde{padding:clamp(2.5rem,5vw,4rem) 0}
.icerik-metin>*:last-child{margin-bottom:0}
.icerik-metin h2{font-size:1.4rem;margin-top:2rem}
.icerik-metin img{border-radius:14px}
.icerik-metin blockquote{border-left:4px solid var(--sari);margin:1.5rem 0;padding:.25rem 0 .25rem 1.25rem;color:var(--yazi-2)}
.yazi-duzen{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}
@media(max-width:980px){.yazi-duzen{grid-template-columns:1fr}}
.isbirligi{background:linear-gradient(150deg,#fffaea,#fff);border:1px solid #f2e3ad;border-radius:18px;padding:1.5rem;margin:2rem 0}
.isbirligi h2{font-size:1.1rem;margin:0 0 .5rem}
.isbirligi p{font-size:.92rem;color:var(--yazi-2)}

.panel .arama__form{grid-template-columns:1fr;gap:.6rem}
.panel .arama__form .alan+.alan{margin-top:-.1rem}
.panel .arama__form .btn{margin-top:.35rem}
.panel .arama__form .btn{width:100%}

/* ---------- Site logosu ---------- */
.custom-logo-link{display:inline-flex;align-items:center;flex:none}
.custom-logo-link img{height:30px;width:auto;max-width:190px;object-fit:contain}
.site-footer .custom-logo-link{margin-bottom:1rem}
.site-footer .custom-logo-link img{height:38px;max-width:210px}
@media(max-width:520px){.custom-logo-link img{height:26px;max-width:150px}}

/* ---------- Alt bilgi ödeme kartları ---------- */
.odeme-kartlar{margin-top:1.25rem;max-width:260px;opacity:.95}

/* ---------- Hizmetler sayfası ---------- */
.hizmet-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}
.hizmet-kart{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.5rem;
  display:flex;flex-direction:column;gap:.6rem;transition:.2s ease}
.hizmet-kart:hover{border-color:#c9d1d5}
.hizmet-kart__ikon{width:46px;height:46px;border-radius:14px;background:var(--sari-l);display:grid;place-items:center;color:var(--sari-d)}
.hizmet-kart h2{font-size:1.15rem;margin:0}
.hizmet-kart p{font-size:.9rem;color:var(--yazi-2);margin:0}
.hizmet-kart__sayi{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--yazi-2)}

/* ---------- Hizmetler: öne çıkan ana hizmet ---------- */
.hizmet-one{background:var(--siyah);color:#fff;border-radius:22px;padding:clamp(1.5rem,3.5vw,2.5rem);
  margin-bottom:1.5rem;display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start;
  position:relative;overflow:hidden}
.hizmet-one::after{content:"";position:absolute;right:-90px;top:-120px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,77,.26),transparent 70%);pointer-events:none}
.hizmet-one>*{position:relative;z-index:1}
.hizmet-one__ikon{width:56px;height:56px;border-radius:16px;background:var(--sari);color:var(--siyah);
  display:grid;place-items:center;flex:none}
.hizmet-one__ikon svg{width:26px;height:26px}
.hizmet-one__etiket{display:inline-block;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
  color:var(--siyah);background:var(--sari);border-radius:999px;padding:.28rem .7rem;margin-bottom:.7rem}
.hizmet-one h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .5rem;color:#fff}
.hizmet-one h2 a{color:inherit}
.hizmet-one h2 a:hover{color:var(--sari)}
.hizmet-one p{color:#b9c0c4;max-width:70ch;margin:0 0 1.25rem;font-size:.96rem}
.hizmet-one__alt{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.hizmet-one__sayi{font-size:.85rem;font-weight:700;color:#8b9298}
@media(max-width:640px){.hizmet-one{grid-template-columns:1fr}}

/* Hizmet kartı alt satırı */
.hizmet-kart__alt{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;
  padding-top:.85rem;border-top:1px dashed var(--border)}
.hizmet-kart__ok{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  background:var(--bg);color:var(--yazi-2);transition:.18s}
.hizmet-kart__ok svg{width:16px;height:16px}
.hizmet-kart:hover .hizmet-kart__ok{background:var(--sari);color:var(--siyah);transform:translateX(3px)}
.hizmet-kart h2 a::after{content:"";position:absolute;inset:0}
.hizmet-kart{position:relative}

/* Şehir bloğu */
.sehir-blok{background:#fff;border:1px solid var(--border);border-radius:18px;padding:clamp(1.25rem,3vw,2rem);margin-top:1.5rem}
.sehir-blok h2{font-size:1.2rem;margin:0 0 .35rem}
.sehir-blok p{font-size:.9rem;color:var(--yazi-2);margin:0 0 1rem}


/* ---------- Adım adım başvuru formu ---------- */
.sihirbaz{max-width:820px;margin-inline:auto}
.adim-cizgi{display:flex;list-style:none;margin:0 0 2rem;padding:0 0 1.5rem;gap:.5rem;
  border-bottom:1px solid var(--border);counter-reset:none}
.adim-cizgi li{flex:1;display:flex;align-items:center;gap:.6rem;min-width:0;position:relative;opacity:.5;transition:.2s}
.adim-cizgi li[hidden]{display:none}
.adim-cizgi li.aktif,.adim-cizgi li.tamam{opacity:1}
.adim-cizgi__no{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:.85rem;font-weight:900;background:var(--bg);border:1.5px solid var(--border);color:var(--yazi-3)}
.adim-cizgi li.aktif .adim-cizgi__no{background:var(--sari);border-color:var(--sari);color:var(--siyah)}
.adim-cizgi li.tamam .adim-cizgi__no{background:var(--siyah);border-color:var(--siyah);color:var(--sari)}
.adim-cizgi li.tamam .adim-cizgi__no::after{content:"✓"}
.adim-cizgi li.tamam .adim-cizgi__no{font-size:1rem}
.adim-cizgi li.tamam .adim-cizgi__no{color:var(--sari)}
.adim-cizgi__ad{font-size:.83rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adim-cizgi li.aktif .adim-cizgi__ad{color:var(--yazi)}
@media(max-width:720px){
  .adim-cizgi{gap:.35rem}
  .adim-cizgi li{flex:none}
  .adim-cizgi li:not(.aktif) .adim-cizgi__ad{display:none}
}

.adim-panel__baslik{font-size:1.25rem;margin:0 0 1.25rem}
.adim-panel[hidden]{display:none}
.sihirbaz.js-yok .adim-panel[hidden]{display:block}

.secim-etiketleri{display:flex;flex-wrap:wrap;gap:.5rem}
.secim-etiketleri label{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;
  background:var(--bg);border:1.5px solid var(--border);border-radius:999px;padding:.45rem .85rem;cursor:pointer;transition:.15s}
.secim-etiketleri label:hover{border-color:var(--yazi-3)}
.secim-etiketleri input{width:auto;margin:0;accent-color:var(--sari-d)}
.secim-etiketleri label:has(input:checked){background:var(--sari-l);border-color:var(--sari)}
.secim-etiketleri--genis label{font-size:.92rem;padding:.55rem 1rem}

.ilce-grup{border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem;margin:0 0 1rem;background:var(--bg)}
.ilce-grup[hidden]{display:none}
.ilce-grup legend{font-size:.85rem;font-weight:800;padding:0 .4rem;color:var(--yazi-2)}
.ilce-grup .secim-etiketleri label{background:#fff}

.ozet-liste{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1.25rem;margin:0;
  background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:1.25rem}
.ozet-liste dt{font-size:.8rem;font-weight:700;color:var(--yazi-3);text-transform:uppercase;letter-spacing:.06em}
.ozet-liste dd{margin:0;font-size:.93rem;font-weight:600}
@media(max-width:560px){.ozet-liste{grid-template-columns:1fr;gap:.15rem 0}.ozet-liste dd{margin-bottom:.6rem}}

.adim-uyari{background:#fdecec;border:1px solid #f5c2c2;color:#a01717;border-radius:10px;
  padding:.75rem 1rem;font-size:.9rem;font-weight:600;margin:1.5rem 0 0}
.adim-uyari[hidden]{display:none}
.alan.hatali input,.alan.hatali select{border-color:#e07171;box-shadow:0 0 0 4px #fdecec}

.adim-aksiyon{display:flex;align-items:center;gap:.75rem;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.adim-aksiyon__bilgi{margin-left:auto;font-size:.83rem;color:var(--yazi-3);font-weight:600}
.adim-aksiyon [hidden]{display:none}
@media(max-width:520px){
  .adim-aksiyon{flex-wrap:wrap}
  .adim-aksiyon__bilgi{order:-1;margin:0 0 .5rem;width:100%}
  .adim-aksiyon .btn{flex:1}
}

/* ---------- Sabit WhatsApp butonu ---------- */
.wa-sabit{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1100;display:inline-flex;align-items:center;gap:.55rem;
  background:var(--yesil);color:#fff;font-weight:800;font-size:.95rem;padding:.9rem 1.25rem;border-radius:999px;
  box-shadow:0 12px 30px -10px rgba(37,211,102,.75), 0 2px 6px rgba(0,0,0,.12);transition:.2s ease}
.wa-sabit:hover{transform:translateY(-2px);filter:brightness(.96)}
.wa-sabit svg{width:22px;height:22px;flex:none}
.wa-sabit::after{content:"";position:absolute;inset:0;border-radius:999px;border:2px solid var(--yesil);
  animation:wa-nabiz 2.4s ease-out infinite;pointer-events:none}
@keyframes wa-nabiz{0%{opacity:.6;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.35)}}
@media(prefers-reduced-motion:reduce){.wa-sabit::after{animation:none;opacity:0}}
@media(max-width:600px){
  .wa-sabit{right:1rem;bottom:1rem;padding:.85rem;gap:0}
  .wa-sabit span{display:none}
}

/* ---------- İletişim sayfası ---------- */
.iletisim-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;margin-bottom:2rem}
.iletisim-kart{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.5rem;
  display:flex;flex-direction:column;gap:.4rem;transition:.2s ease}
a.iletisim-kart:hover{border-color:#c9d1d5}
.iletisim-kart__ikon{width:46px;height:46px;border-radius:14px;background:var(--sari-l);color:var(--sari-d);
  display:grid;place-items:center;margin-bottom:.6rem}
.iletisim-kart h2{font-size:1.05rem;margin:0}
.iletisim-kart p{font-size:.88rem;color:var(--yazi-2);margin:0}
.iletisim-kart strong{margin-top:auto;padding-top:.6rem;font-size:.95rem;letter-spacing:-.01em}
.iletisim-kart--wa .iletisim-kart__ikon{background:#e7f8ee;color:var(--yesil)}
.iletisim-kart--wa strong{color:var(--yesil)}

.iletisim-duzen{display:grid;grid-template-columns:1fr 340px;gap:1.75rem;align-items:start}
@media(max-width:980px){.iletisim-duzen{grid-template-columns:1fr}}
.iletisim-duzen .form-kart{max-width:none}
.onay-liste{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.92rem;color:var(--yazi-2)}
.onay-liste li{display:flex;gap:.6rem;align-items:flex-start}
.onay-liste li::before{content:"✓";color:var(--sari-d);font-weight:900;flex:none}

/* ---------- Başvuru formu: il / ilçe seçimi ---------- */
.il-ara{margin-bottom:.75rem}
.secim-etiketleri--kaydir{max-height:230px;overflow-y:auto;padding:.35rem;border:1px solid var(--border);
  border-radius:14px;background:var(--bg);align-content:flex-start}
.secim-etiketleri--kaydir label{background:#fff}
.secim-etiketleri label[hidden]{display:none}
.ilce-alani{display:grid;gap:1rem;margin:1.25rem 0}
.ilce-alani:empty{margin:0}
.ilce-grup .secim-etiketleri{max-height:200px;overflow-y:auto}

/* ---------- Paket seçimi ---------- */
.paket-secim{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}
@media(max-width:720px){.paket-secim{grid-template-columns:1fr}}
.paket-kart{display:block;cursor:pointer;position:relative}
.paket-kart input{position:absolute;opacity:0;width:1px;height:1px}
.paket-kart__ic{display:flex;flex-direction:column;gap:.75rem;height:100%;
  background:#fff;border:2px solid var(--border);border-radius:18px;padding:1.5rem;transition:.18s ease}
.paket-kart:hover .paket-kart__ic{border-color:var(--yazi-3)}
.paket-kart input:checked+.paket-kart__ic{border-color:var(--siyah);box-shadow:var(--golge)}
.paket-kart--premium input:checked+.paket-kart__ic{border-color:var(--sari);box-shadow:0 0 0 4px var(--sari-l)}
.paket-kart input:focus-visible+.paket-kart__ic{outline:3px solid var(--sari-d);outline-offset:2px}
.paket-kart__ust{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.paket-kart__ad{font-size:1.2rem;font-weight:900;letter-spacing:-.02em;display:flex;flex-direction:column;gap:.4rem}
.paket-kart__rozet{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:900;
  letter-spacing:.1em;text-transform:uppercase;background:var(--sari);color:var(--siyah);
  border-radius:999px;padding:.25rem .6rem;width:fit-content}
.paket-kart__rozet svg{width:12px;height:12px}
.paket-kart__fiyat{font-size:1rem;font-weight:800;white-space:nowrap;text-align:right}
.paket-kart--premium .paket-kart__fiyat{color:var(--sari-d)}
.paket-kart__ozet{font-size:.9rem;color:var(--yazi-2)}
.paket-kart__liste{display:grid;gap:.45rem;margin-top:auto;padding-top:.9rem;border-top:1px dashed var(--border);font-size:.87rem}
.paket-kart__liste .var{color:var(--yazi)}
.paket-kart__liste .yok{color:var(--yazi-3);text-decoration:line-through;text-decoration-color:var(--border)}

/* ---------- Ödeme adımı ---------- */
.odeme-ozet{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-bottom:1.25rem}
.odeme-ozet__satir{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px dashed var(--border);font-size:.93rem}
.odeme-ozet__satir:last-child{border:0}
.odeme-ozet__satir span{color:var(--yazi-2)}
.odeme-bilgi{background:linear-gradient(150deg,#fffaea,#fff);border:1px solid #f2e3ad;border-radius:14px;padding:1.5rem}
.odeme-bilgi h3{font-size:1.02rem;margin:0 0 .75rem}
.odeme-bilgi ol{margin:0;padding-left:1.15rem;color:var(--yazi-2);font-size:.92rem;display:grid;gap:.4rem}
.odeme-bilgi__not{margin:1rem 0 0;font-size:.85rem;color:var(--yazi-3)}

/* ---------- Bölge adımı düzeni ---------- */
.secili-iller{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}
.secili-il{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.82rem;font-weight:700;
  background:var(--siyah);color:#fff;border:0;border-radius:999px;padding:.35rem .5rem .35rem .8rem;cursor:pointer}
.secili-il span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;
  background:rgba(255,255,255,.18);font-size:.9rem;line-height:1}
.secili-il:hover span{background:var(--sari);color:var(--siyah)}

.il-ara-kutu{position:relative;margin-bottom:.75rem}
.il-ara-kutu svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--yazi-3);pointer-events:none}
.il-ara-kutu input{padding:.8rem 1rem .8rem 2.75rem;width:100%;font-size:.95rem;border-radius:999px;background:var(--bg)}
.il-ara-kutu input:focus{background:#fff}
.il-ara-kutu input::-webkit-search-cancel-button{cursor:pointer}
.il-ara{margin-bottom:0}

.secim-etiketleri--kaydir{max-height:210px;overflow-y:auto;padding:.6rem;gap:.4rem;
  border:1px solid var(--border);border-radius:14px;background:var(--bg);align-content:flex-start;
  scrollbar-width:thin}
.secim-etiketleri--kaydir label{background:#fff;font-size:.85rem;padding:.35rem .7rem}
.secim-etiketleri label[hidden]{display:none}

.ilce-alani{display:grid;gap:.85rem;margin:1.25rem 0}
.ilce-alani:empty{margin:0}
.ilce-grup{border:1px solid var(--border);border-left:3px solid var(--border);border-radius:14px;
  padding:1rem 1.15rem;margin:0;background:#fff;transition:.18s}
.ilce-grup--dolu{border-left-color:var(--sari)}
.ilce-grup legend{font-size:.95rem;font-weight:800;padding:0 .35rem;color:var(--yazi)}
.ilce-grup__ust{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.7rem}
.ilce-grup__sayac{font-size:.79rem;font-weight:700;color:var(--yazi-3)}
.ilce-grup--dolu .ilce-grup__sayac{color:var(--sari-d)}
.ilce-grup__aksiyon{display:flex;gap:.4rem}
.ilce-grup__aksiyon button{font:inherit;font-size:.78rem;font-weight:700;color:var(--yazi-2);cursor:pointer;
  background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem}
.ilce-grup__aksiyon button:hover{border-color:var(--siyah);color:var(--yazi)}
.ilce-grup .secim-etiketleri{max-height:190px;overflow-y:auto;gap:.4rem}
.ilce-grup .secim-etiketleri label{font-size:.84rem;padding:.32rem .7rem}

/* ---------- Blog kenar çubuğu ---------- */
.blog-yan{position:sticky;top:96px;display:grid;gap:1rem;align-self:start}
@media(max-width:980px){.blog-yan{position:static}}
.yan-premium{background:var(--siyah);color:#fff;border-radius:20px;padding:1.75rem;position:relative;overflow:hidden}
.yan-premium::after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,77,.28),transparent 70%);pointer-events:none}
.yan-premium>*{position:relative;z-index:1}
.yan-premium__etiket{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:900;
  letter-spacing:.12em;text-transform:uppercase;background:var(--sari);color:var(--siyah);
  border-radius:999px;padding:.3rem .7rem;margin-bottom:.9rem}
.yan-premium__etiket svg{width:13px;height:13px}
.yan-premium h2{font-size:1.2rem;color:#fff;margin:0 0 .5rem;line-height:1.25}
.yan-premium p{font-size:.9rem;color:#b9c0c4;margin:0 0 1.1rem}
.yan-premium__liste{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.55rem;font-size:.88rem;color:#e4e8ea}
.yan-premium__liste li{display:flex;gap:.55rem;align-items:flex-start}
.yan-premium__liste li::before{content:"✓";color:var(--sari);font-weight:900;flex:none}
.yan-premium__liste--koyu{color:var(--yazi-2);margin-bottom:1.1rem}
.yan-premium__liste--koyu li::before{color:var(--sari-d)}
.yan-premium__alt{display:flex;align-items:baseline;gap:.45rem;margin-top:1.1rem;padding-top:1.1rem;
  border-top:1px solid rgba(255,255,255,.14)}
.yan-premium__alt strong{font-size:1.35rem;font-weight:900;color:var(--sari)}
.yan-premium__alt span{font-size:.82rem;color:#98a1a7}

.yan-premium-kart{background:linear-gradient(160deg,#fffaea,#fff);border-color:#f2e3ad}
.yan-premium-kart h2{font-size:1.05rem;letter-spacing:-.01em;text-transform:none;color:var(--yazi)}
.yan-premium-kart__fiyat{font-size:1.5rem;font-weight:900;letter-spacing:-.03em;margin:0 0 .9rem;color:var(--sari-metin)}

.yan-yazilar{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.yan-yazilar a{display:flex;gap:.75rem;align-items:center}
.yan-yazilar img{width:58px;height:58px;border-radius:10px;object-fit:cover;flex:none}
.yan-yazilar b{display:block;font-size:.88rem;line-height:1.35;font-weight:700}
.yan-yazilar small{font-size:.76rem;color:var(--yazi-3)}
.yan-yazilar a:hover b{color:var(--sari-metin)}
.yan-iletisim p{font-size:.9rem;color:var(--yazi-2)}

/* ---------- Premium süre seçimi ---------- */
.sure-secim{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.sure-secim[hidden]{display:none}
.sure-secim h3{font-size:1.05rem;margin:0 0 .25rem}
.sure-secim__not{font-size:.88rem;color:var(--yazi-2);margin:0 0 1rem}
.sure-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
@media(max-width:760px){.sure-izgara{grid-template-columns:repeat(2,1fr)}}

.sure-kart{position:relative;cursor:pointer;display:block}
.sure-kart input{position:absolute;opacity:0;width:1px;height:1px}
.sure-kart__ic{display:flex;flex-direction:column;gap:.2rem;height:100%;text-align:center;
  background:#fff;border:2px solid var(--border);border-radius:14px;padding:1.1rem .75rem .9rem;transition:.18s}
.sure-kart:hover .sure-kart__ic{border-color:var(--yazi-3)}
.sure-kart input:checked+.sure-kart__ic{border-color:var(--sari);background:#fffdf3;box-shadow:0 0 0 4px var(--sari-l)}
.sure-kart input:focus-visible+.sure-kart__ic{outline:3px solid var(--sari-d);outline-offset:2px}
.sure-kart__indirim{position:absolute;top:-.6rem;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
  background:var(--siyah);color:var(--sari);border-radius:999px;padding:.22rem .6rem}
.sure-kart__ad{font-size:.9rem;font-weight:800;margin-top:.15rem}
.sure-kart__aylik{font-size:1.3rem;font-weight:900;letter-spacing:-.03em;line-height:1.2}
.sure-kart__aylik small{font-size:.72rem;font-weight:700;color:var(--yazi-3)}
.sure-kart__toplam{font-size:.82rem;color:var(--yazi-2);display:flex;gap:.35rem;justify-content:center;align-items:baseline}
.sure-kart__toplam del{color:var(--yazi-3)}
.sure-kart__tasarruf{font-size:.72rem;font-weight:700;color:#1a7f37;margin-top:.15rem}
.odeme-ozet__satir--toplam{font-size:1.05rem;padding-top:.85rem}
.odeme-ozet__satir--toplam b{font-size:1.25rem;font-weight:900;letter-spacing:-.02em}

/* ---------- Ödeme ekranı ---------- */
.odeme-ekran{background:#fff;border:1px solid var(--border);border-radius:20px;
  padding:clamp(1.5rem,4vw,2.5rem);max-width:640px;margin-inline:auto;box-shadow:var(--golge)}
.odeme-ekran__ust{text-align:center;margin-bottom:1.5rem}
.odeme-ekran__ikon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;
  background:var(--sari);color:var(--siyah);margin-bottom:1rem}
.odeme-ekran__ikon svg{width:26px;height:26px}
.odeme-ekran h2{font-size:1.4rem;margin:0 0 .5rem}
.odeme-ekran__ust p{color:var(--yazi-2);margin:0}
.odeme-ekran__aksiyon{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.odeme-ekran__aksiyon .btn{flex:1;min-width:180px}
.odeme-ekran__not{font-size:.85rem;color:var(--yazi-3);margin:1.25rem 0 0;text-align:center}

/* ---------- Hakkımızda ---------- */
.hk-giris{background:var(--siyah);color:#fff;padding:clamp(2.5rem,6vw,4.5rem) 0;position:relative;overflow:hidden}
.hk-giris::after{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,77,.22),transparent 70%);pointer-events:none}
.hk-giris__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
@media(max-width:900px){.hk-giris__grid{grid-template-columns:1fr}}
.hk-giris .kirinti{color:#8b9298;margin-bottom:1rem}
.hk-giris .kirinti a{color:#c8ced2}
.hk-giris .kirinti a:hover{color:var(--sari)}
.hk-etiket{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  color:var(--siyah);background:var(--sari);border-radius:999px;padding:.32rem .85rem;margin-bottom:1.1rem}
.hk-giris h1{font-size:clamp(2rem,4.4vw,3.2rem);color:#fff;margin:0 0 1rem}
.hk-giris h1 em{font-style:normal;color:var(--sari)}
.hk-giris__lead{color:#b9c0c4;font-size:clamp(1rem,1.5vw,1.1rem);max-width:56ch;margin:0 0 1.75rem}
.hk-giris__aksiyon{display:flex;gap:.7rem;flex-wrap:wrap}
.hk-giris__aksiyon .btn--hayalet{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.hk-giris__aksiyon .btn--hayalet:hover{border-color:var(--sari);color:var(--sari)}
.hk-sayilar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.hk-sayilar li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;
  padding:1.15rem 1rem;text-align:center}
.hk-sayilar strong{display:block;font-size:1.7rem;font-weight:900;letter-spacing:-.03em;color:var(--sari)}
.hk-sayilar span{font-size:.78rem;color:#98a1a7;font-weight:600}

.hk-anlati{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(2rem,4vw,3rem);align-items:start}
@media(max-width:900px){.hk-anlati{grid-template-columns:1fr}}
.hk-anlati__metin h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:1rem}
.hk-anlati__metin p{color:var(--yazi-2);font-size:1rem}
.hk-ilkeler{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:1.75rem}
.hk-ilkeler h3{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--yazi-3);margin-bottom:1.1rem}
.hk-ilkeler ul{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}
.hk-ilkeler li{font-size:.9rem;color:var(--yazi-2);padding-left:1.6rem;position:relative}
.hk-ilkeler li::before{content:"✓";position:absolute;left:0;top:0;color:var(--sari-d);font-weight:900}
.hk-ilkeler b{display:block;color:var(--yazi);font-size:.95rem;margin-bottom:.2rem}

.hk-iki{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:820px){.hk-iki{grid-template-columns:1fr}}
.hk-kart{background:#fff;border:1px solid var(--border);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:.75rem}
.hk-kart--vurgu{background:linear-gradient(160deg,#fffaea,#fff);border-color:#f2e3ad}
.hk-kart__ikon{width:52px;height:52px;border-radius:16px;background:var(--sari-l);color:var(--sari-d);
  display:grid;place-items:center;margin-bottom:.5rem}
.hk-kart--vurgu .hk-kart__ikon{background:var(--sari);color:var(--siyah)}
.hk-kart__ikon svg{width:24px;height:24px}
.hk-kart h3{font-size:1.25rem;margin:0}
.hk-kart ol{margin:0;padding-left:1.2rem;color:var(--yazi-2);font-size:.93rem;display:grid;gap:.55rem}
.hk-kart .btn{align-self:flex-start;margin-top:.75rem}

/* ---------- Üyelik paketleri sayfası ---------- */
.paket-secim--sayfa{margin-top:0;max-width:900px;margin-inline:auto}
.paket-kart--statik{cursor:default}
.paket-kart--statik .paket-kart__ic{border-color:var(--border)}
.paket-kart--statik.paket-kart--premium .paket-kart__ic{border-color:var(--sari);box-shadow:0 0 0 4px var(--sari-l)}
.paket-kart--statik .btn{margin-top:.5rem}
.sure-izgara--sayfa{max-width:900px;margin-inline:auto}
.sure-kart--statik{cursor:default}
.sure-kart--statik .sure-kart__ic{border-color:var(--border)}

.sss{max-width:820px;margin-inline:auto;display:grid;gap:.75rem}
.sss__oge{background:#fff;border:1px solid var(--border);border-radius:14px;padding:0 1.25rem}
.sss__oge summary{cursor:pointer;list-style:none;padding:1.1rem 0;font-weight:800;font-size:1rem;
  display:flex;justify-content:space-between;align-items:center;gap:1rem}
.sss__oge summary::-webkit-details-marker{display:none}
.sss__oge summary::after{content:"+";font-size:1.35rem;font-weight:700;color:var(--sari-d);flex:none;line-height:1}
.sss__oge[open] summary::after{content:"–"}
.sss__oge p{margin:0;padding:0 0 1.1rem;color:var(--yazi-2);font-size:.94rem}
.sss__oge[open] summary{border-bottom:1px dashed var(--border);margin-bottom:.9rem}

/* ---------- Firma paneli ---------- */
.giris-kart{max-width:440px;margin-inline:auto}
.panel-ust{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.5rem;margin-bottom:1.25rem}
.panel-ust h2{font-size:1.4rem;margin:0 0 .4rem}
.panel-ust p{margin:0;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;font-size:.9rem}
.panel-ust a{font-weight:700;color:var(--sari-metin);text-decoration:underline}
.panel-durum{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;
  border-radius:999px;padding:.28rem .7rem}
.panel-durum::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.panel-durum--publish{background:#e7f8ee;color:#166534;border:1px solid #b6e6c9}
.panel-durum--pending{background:var(--sari-l);color:#7a5c00;border:1px solid #f2e3ad}
.panel-durum--draft{background:#f1f3f4;color:var(--yazi-2);border:1px solid var(--border)}

.panel-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.25rem}
.panel-kutu{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.35rem}
.panel-kutu--premium{background:linear-gradient(160deg,#fffaea,#fff);border-color:#f2e3ad}
.panel-kutu__etiket{display:block;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--yazi-3)}
.panel-kutu strong{display:block;font-size:1.6rem;font-weight:900;letter-spacing:-.03em;margin:.35rem 0 .1rem}
.panel-kutu--premium strong{color:var(--sari-d)}
.panel-kutu__alt{font-size:.83rem;color:var(--yazi-2);font-weight:600}
.panel-kutu__tarihler{display:grid;gap:.35rem;margin-top:.7rem;padding-top:.7rem;
  border-top:1px dashed var(--border);font-size:.8rem;color:var(--yazi-2)}
.panel-kutu__tarihler span{display:flex;justify-content:space-between;gap:.75rem}
.panel-kutu__tarihler b{font-weight:600;color:var(--yazi-3)}

.uyari--bekle{background:var(--sari-l);border:1px solid #f2e3ad;color:#7a5c00}
.panel-yukselt{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;
  background:var(--siyah);color:#fff;border-radius:18px;padding:1.5rem 1.75rem;margin-bottom:1.5rem}
.panel-yukselt h3{margin:0 0 .35rem;color:#fff;font-size:1.15rem}
.panel-yukselt p{margin:0;color:#b9c0c4;font-size:.9rem;max-width:52ch}

.panel-saatler{display:grid;gap:.5rem}
.panel-saat{display:grid;grid-template-columns:120px 1fr 1fr auto;gap:.6rem;align-items:center;
  background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:.5rem .75rem}
.panel-saat>span{font-weight:700;font-size:.88rem}
.panel-saat input[type=time]{padding:.45rem .6rem;font-size:.9rem;border-radius:8px}
.panel-saat label{display:flex;align-items:center;gap:.35rem;font-size:.83rem;font-weight:600;white-space:nowrap}
.panel-saat label input{width:auto}
@media(max-width:640px){.panel-saat{grid-template-columns:1fr 1fr;gap:.4rem}.panel-saat>span{grid-column:1/-1}}

/* ---------- Panel: hesap ve uzatma ---------- */
.hesap-blok{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-top:.5rem}
.hesap-blok h3{font-size:1rem;margin:0 0 .3rem}
.hesap-blok p{font-size:.88rem;color:var(--yazi-2);margin:0 0 1rem}
.panel-yukselt{display:block}
.panel-yukselt__ust{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
.panel-yukselt__link{font-size:.85rem;font-weight:700;color:var(--sari);text-decoration:underline;white-space:nowrap}
.panel-yukselt .sure-izgara{margin-bottom:1.25rem}
.sure-kart--koyu .sure-kart__ic{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}
.sure-kart--koyu .sure-kart__aylik small,.sure-kart--koyu .sure-kart__toplam{color:#b9c0c4}
.sure-kart--koyu input:checked+.sure-kart__ic{background:rgba(255,216,77,.12);border-color:var(--sari);box-shadow:none}
.sure-kart--koyu .sure-kart__indirim{background:var(--sari);color:var(--siyah)}

/* ---------- Liste sayfası SSS ---------- */
.sss-blok{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}
.sss-blok h2{font-size:1.35rem;margin:0 0 1.25rem}
.sss__cevap p{margin:0 0 .75rem;color:var(--yazi-2);font-size:.94rem}
.sss__cevap p:last-child{margin-bottom:0}
.sss__liste{list-style:none;margin:.5rem 0 0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.35rem .75rem}
.sss__liste li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;line-height:1.4;
  color:var(--yazi-2);font-weight:600}
.sss__liste li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sari);flex:none}
@media(max-width:520px){.sss__liste{grid-template-columns:1fr}}
.sss-blok .sss__oge{background:#fff}
.sss-blok .sss__oge summary{font-size:.96rem}
.sss-blok .sss__oge>div{padding:0 0 1.1rem}

/* ---------- Panel: fotoğraf, tablo, yorum ---------- */
.foto-izgara{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}
.foto-oge{position:relative;margin:0;width:130px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}
.foto-oge img{width:100%;height:88px;object-fit:cover;display:block}
.foto-oge--kapak{border-color:var(--sari);box-shadow:0 0 0 2px var(--sari-l)}
.foto-oge figcaption{position:absolute;top:.4rem;left:.4rem;background:var(--sari);color:var(--siyah);
  font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px}
.foto-sil{position:absolute;top:.35rem;right:.35rem;width:24px;height:24px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(20,20,20,.82);color:#fff;font-size:1rem;line-height:1;display:grid;place-items:center}
.foto-sil:hover{background:#a01717}
.foto-bos{font-size:.9rem;color:var(--yazi-2);margin:0}
.alan__ipucu{font-size:.8rem;color:var(--yazi-3);margin:.4rem 0 0}
.ikili-alan{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
input[type=file]{width:100%;padding:.6rem;border:1.5px dashed var(--border);border-radius:var(--radius-sm);
  background:var(--bg);font-size:.88rem;cursor:pointer}
input[type=file]:hover{border-color:var(--sari-d)}

.panel-tablo{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.5rem;margin-bottom:1.25rem}
.panel-tablo h3{font-size:1.05rem;margin:0 0 1rem}
.panel-tablo table{width:100%;border-collapse:collapse;font-size:.9rem}
.panel-tablo th{text-align:left;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--yazi-3);
  padding:0 .5rem .6rem 0;border-bottom:1px solid var(--border)}
.panel-tablo td{padding:.6rem .5rem .6rem 0;border-bottom:1px dashed var(--border)}
.panel-tablo tr:last-child td{border-bottom:0}
.panel-tablo td:first-child{font-weight:700}
.panel-tablo__not{font-size:.8rem;color:var(--yazi-3);margin:.9rem 0 0}
@media(max-width:640px){.panel-tablo{overflow-x:auto}.panel-tablo table{min-width:460px}}

.panel-yorumlar{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.panel-yorumlar li{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.1rem}
.panel-yorumlar li.bekliyor{border-style:dashed}
.panel-yorumlar li>div{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.3rem}
.panel-yorumlar strong{font-size:.92rem}
.panel-yorumlar__yildiz{color:var(--sari-d);font-size:.85rem}
.panel-yorumlar li em{font-size:.74rem;font-weight:700;color:#7a5c00;background:var(--sari-l);
  border-radius:999px;padding:.15rem .55rem;font-style:normal}
.panel-yorumlar p{margin:0;font-size:.9rem;color:var(--yazi-2)}
.panel-yorumlar__tarih{font-size:.78rem;color:var(--yazi-3)}

/* ---------- Şu an açık filtresi ---------- */
.acik-filtre{display:flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:700;color:var(--yazi-2);
  background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:.7rem .9rem;transition:.16s}
.acik-filtre:hover{border-color:var(--yazi-3);color:var(--yazi)}
.acik-filtre.aktif{background:#e7f8ee;border-color:#b6e6c9;color:#166534}
.acik-filtre__nokta{width:9px;height:9px;border-radius:50%;background:#16a34a;flex:none;
  box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.acik-filtre__kaldir{margin-left:auto;font-size:1.1rem;line-height:1;color:inherit;opacity:.6}

/* ---------- Boş sonuç önerileri ---------- */
.bos-oneri{display:grid;gap:1.5rem;margin:1.75rem 0;text-align:left}
.bos-oneri__grup h3{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--yazi-3);margin:0 0 .7rem}
.bos-oneri .panel__etiketler a small{color:var(--yazi-3);font-weight:600;margin-left:.15rem}
.sayfalama__bilgi{text-align:center;font-size:.86rem;color:var(--yazi-3);font-weight:600;margin:2.25rem 0 -1rem}

/* ---------- Harita ---------- */
.harita-gorunum{position:relative;z-index:0;isolation:isolate;border:1px solid var(--border);
  border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--golge)}
.harita-gorunum[hidden]{display:none}
.harita-gorunum__tuval{height:min(70vh,620px);width:100%}
.harita-pin span{display:block;width:22px;height:22px;border-radius:50%;background:var(--siyah);
  border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.harita-pin--premium span{background:var(--sari)}
.harita-balon{display:grid;gap:.2rem;font-family:var(--font);min-width:170px}
.harita-balon b{font-size:.95rem}
.harita-balon a{color:var(--yazi);text-decoration:none}
.harita-balon a:hover b{color:var(--sari-d)}
.harita-balon span{font-size:.8rem;color:var(--yazi-3)}
.harita-balon span.acik{color:#16a34a;font-weight:700}
.harita-balon span.kapali{color:#c2410c;font-weight:700}
.harita-balon__rozet{display:inline-block;width:fit-content;background:var(--sari);color:var(--siyah)!important;
  font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;margin-bottom:.2rem}
.harita-balon__tel{font-size:.85rem;font-weight:700;color:var(--sari-d)!important;margin-top:.2rem}
.leaflet-container{font-family:var(--font)}

/* ---------- Ana sayfa şehir haritası ---------- */
.sehir-harita-duzen{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;align-items:stretch}
@media(max-width:900px){.sehir-harita-duzen{grid-template-columns:1fr}}
.harita-gorunum--anasayfa .harita-gorunum__tuval{height:min(52vh,460px)}
.sehir-harita-duzen__liste{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:1.5rem;
  display:flex;flex-direction:column}
.sehir-harita-duzen__liste h3{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--yazi-3);margin:0 0 .9rem}
.sehir-harita-duzen__liste .panel__etiketler a{background:#fff}
.sehir-harita-duzen__liste .btn{align-self:flex-start;margin-top:auto}

/* ---------- 404 ---------- */
.dortyuz{background:var(--siyah);color:#fff;padding:clamp(3rem,7vw,5rem) 0;text-align:center;position:relative;overflow:hidden}
.dortyuz::after{content:"";position:absolute;left:50%;top:-180px;transform:translateX(-50%);width:620px;height:620px;
  border-radius:50%;background:radial-gradient(circle,rgba(255,216,77,.18),transparent 70%);pointer-events:none}
.dortyuz>*{position:relative;z-index:1}
.dortyuz__kod{display:inline-block;font-size:.78rem;font-weight:900;letter-spacing:.2em;
  background:var(--sari);color:var(--siyah);border-radius:999px;padding:.3rem .9rem;margin-bottom:1rem}
.dortyuz h1{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 .75rem}
.dortyuz p{color:#b9c0c4;max-width:56ch;margin:0 auto 1.75rem}
.dortyuz__arama{display:flex;gap:.6rem;max-width:520px;margin:0 auto 1.25rem}
.dortyuz__arama input{flex:1}
.dortyuz__aksiyon{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.dortyuz__aksiyon .btn--hayalet{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.dortyuz__aksiyon .btn--hayalet:hover{border-color:var(--sari);color:var(--sari)}
.dortyuz__oneri{display:grid;gap:2rem;max-width:820px;margin-inline:auto}
.dortyuz__oneri h2{font-size:1.1rem;margin:0 0 .9rem}
.dortyuz__cta{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.75rem;text-align:center}
.dortyuz__cta p{color:var(--yazi-2);margin:0 0 1rem}

/* ---------- Panel formu düzeni ---------- */
.panel-form{max-width:none}
.panel-form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}
@media(max-width:820px){.panel-form-izgara{grid-template-columns:1fr}}
.panel-grup{background:var(--bg);border:1px solid var(--border);border-radius:14px;
  padding:1.25rem 1.35rem;margin:0 0 1.25rem;min-width:0}
.panel-form-izgara .panel-grup{margin:0;height:100%}
.panel-grup--genis{margin-bottom:1.25rem}
.panel-grup__baslik{display:block;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--yazi-3);margin:0 0 1rem;padding:0}
.panel-grup .form-satir{margin-bottom:.9rem}
.panel-grup .form-satir:last-of-type{margin-bottom:0}
.panel-grup input,.panel-grup textarea,.panel-grup select{background:#fff}
.panel-grup .secim-etiketleri label{background:#fff}
.panel-grup .panel-saat{background:#fff}
.panel-grup .ilce-grup{background:#fff}
.panel-form__alt{display:flex;justify-content:flex-end;padding-top:.25rem}
.panel-form__alt .btn{min-width:200px}
@media(max-width:520px){.panel-form__alt .btn{width:100%}}

/* ---------- Panelde bölge seçimi ---------- */
.bolge-secim__aciklama{font-size:.86rem;color:var(--yazi-2);margin:0 0 1rem}
.bolge-secim .secim-etiketleri--kaydir{max-height:190px;background:#fff}
.bolge-secim .il-ara-kutu input{background:#fff}
.bolge-secim .ilce-grup{border-left-width:3px;margin-top:0}
.bolge-secim .ilce-alani{gap:.75rem}

/* ---------- Arama odaklı giriş ---------- */
.hero--arama{position:relative;isolation:isolate;padding:clamp(3.5rem,9vw,6.5rem) 0 clamp(3rem,6vw,4.5rem);
  background:var(--siyah);overflow:hidden}
.hero--arama::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,8,8,.9) 0%,rgba(8,8,8,.86) 45%,rgba(8,8,8,.95) 100%)}
.hero--arama__fon{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;
  object-position:center 35%;filter:saturate(.7) brightness(.62)}
.hero--arama__in{position:relative;text-align:center;max-width:920px}
.hero--arama h1{color:#fff;font-size:clamp(2.1rem,5.4vw,3.6rem);line-height:1.08;letter-spacing:-.035em;
  margin:0 auto .9rem;max-width:18ch;text-shadow:0 2px 18px rgba(0,0,0,.8), 0 1px 3px rgba(0,0,0,.6)}
.hero--arama h1 em{font-style:normal;color:var(--sari);background:none;padding:0}
.hero--arama h1 em::after{content:none}
.hero--arama__lead{color:#e8ecee;font-size:clamp(1rem,1.5vw,1.12rem);max-width:62ch;font-weight:500;
  margin:0 auto clamp(1.75rem,3vw,2.5rem);text-shadow:0 2px 14px rgba(0,0,0,.85), 0 1px 3px rgba(0,0,0,.7)}

.hero--arama__kutu{background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-radius:22px;
  padding:clamp(1.25rem,2.5vw,1.75rem);text-align:left;
  box-shadow:0 40px 80px -32px rgba(0,0,0,.75), 0 2px 6px rgba(0,0,0,.2)}
.hero--arama__kutu .arama__baslik{margin-bottom:.85rem}
.hero--arama__ipucu{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;
  margin:1.1rem 0 0;padding-top:1.1rem;border-top:1px solid var(--border);
  font-size:.84rem;font-weight:700;color:var(--yazi-2)}
.hero--arama__ipucu svg{width:16px;height:16px;color:var(--sari-d);flex:none}
.hero--arama__ipucu b{font-weight:700;color:var(--yazi)}
.hero--arama__ipucu i{font-style:normal;color:var(--border);padding:0 .1rem}

.hero--arama__istatistik{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;
  margin:clamp(1.75rem,3vw,2.5rem) 0 0;padding:0;gap:.6rem}
.hero--arama__istatistik li{display:flex;align-items:baseline;gap:.45rem;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;
  padding:.5rem 1.1rem;backdrop-filter:blur(6px)}
.hero--arama__istatistik strong{font-size:1.1rem;font-weight:900;color:var(--sari);letter-spacing:-.02em}
.hero--arama__istatistik span{font-size:.84rem;font-weight:600;color:#e2e6e8}

@media(max-width:560px){
  .hero--arama__istatistik{gap:.5rem 1.5rem}
  .hero--arama__istatistik li{font-size:.9rem}
}

/* ---------- Ana sayfa mobil düzeni ---------- */
@media(max-width:640px){
  /* Giriş: yükseklik ve tipografi mobile göre küçültülür. */
  .hero--arama{padding:2.5rem 0 2.25rem}
  .hero--arama h1{max-width:none}
  .hero--arama__fon{object-position:center 30%}

  .hero--arama__kutu{padding:1.1rem;border-radius:18px}
  .hero--arama__kutu .arama__baslik{font-size:.72rem;margin-bottom:.7rem}

  /* Güven satırı: madde işaretli, blok olarak ortalanmış. */
  .hero--arama__ipucu{display:grid;gap:.3rem;justify-items:start;text-align:left;
    width:fit-content;margin:.85rem auto 0;padding-top:.85rem;
    font-size:.8rem;font-weight:600}
  .hero--arama__ipucu i{display:none}
  .hero--arama__ipucu svg{display:none}
  .hero--arama__ipucu b,.hero--arama__ipucu span{position:relative;padding-left:1.05rem;color:var(--yazi-2);font-weight:600}
  .hero--arama__ipucu b{color:var(--yazi);font-weight:800}
  .hero--arama__ipucu b::before,.hero--arama__ipucu span::before{content:"✓";position:absolute;left:0;
    color:var(--sari-metin);font-weight:900}

  /* İstatistikler: tek bir şerit, içinde ince ayraçlarla üç bilgi. */
  .hero--arama__istatistik{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:1.4rem;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:16px;
    backdrop-filter:blur(6px);overflow:hidden}
  .hero--arama__istatistik li{flex-direction:column;align-items:center;justify-content:flex-start;gap:.1rem;
    text-align:center;padding:.7rem .4rem;border:0;border-radius:0;background:none;backdrop-filter:none;
    position:relative;min-width:0}
  .hero--arama__istatistik li+li::before{content:"";position:absolute;left:0;top:22%;bottom:22%;
    width:1px;background:rgba(255,255,255,.14)}
  .hero--arama__istatistik strong{font-size:.95rem;line-height:1.2;overflow-wrap:anywhere}
  .hero--arama__istatistik span{font-size:.68rem;line-height:1.3;color:#cfd5d8;overflow-wrap:anywhere}

  /* Bölüm başlıkları ve boşluklar */
  .blok{padding:2.5rem 0}
  .blok__ust{margin-bottom:1.75rem}
  .blok__alt{margin-top:1.75rem}

  /* Kart ızgaraları dar ekranda taşmasın */
  .liste--izgara{grid-template-columns:1fr}
  .yazi-liste{grid-template-columns:1fr}
  .ozellikler{grid-template-columns:1fr;gap:1rem}
  .ozellik{padding:1.35rem}
  .adimlar{gap:1.5rem}
  .adim{padding-top:2.75rem}
  .adim::before{width:38px;height:38px;font-size:.9rem}

  /* Şehir haritası bölümü */
  .sehir-harita-duzen{gap:1rem}
  .harita-gorunum--anasayfa .harita-gorunum__tuval{height:min(46vh,340px)}
  .sehir-harita-duzen__liste{padding:1.25rem}

  /* Alt çağrı */
  .cta{padding:1.75rem 1.35rem;border-radius:18px}
  .cta__in{gap:1.25rem}
  .cta .btn{width:100%}
}

/* Çok dar ekranlarda yatay taşma olmasın. */
@media(max-width:400px){
  .hero--arama__istatistik li{padding:.6rem .25rem}
  .hero--arama__istatistik strong{font-size:.85rem}
  .hero--arama__istatistik span{font-size:.62rem}
  .fk__alt .btn{min-width:0;flex:1 1 100%}
  .firma__alt{flex-wrap:wrap}
}

/* ---------- Sayfa başına dön ---------- */
.yukari-cik{position:fixed;right:1.25rem;bottom:5.4rem;z-index:1100;display:grid;place-items:center;
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.96);color:var(--yazi);border:1px solid var(--border);
  box-shadow:0 10px 24px -12px rgba(16,24,40,.6);transition:.18s ease}
.yukari-cik:hover{background:var(--sari);border-color:var(--sari);color:var(--siyah);transform:translateY(-2px)}
.yukari-cik[hidden]{display:none}
@media(max-width:600px){.yukari-cik{right:1rem;bottom:4.6rem;width:42px;height:42px}}
/* WhatsApp butonu yoksa alta yaklaşır. */
body:not(:has(.wa-sabit)) .yukari-cik{bottom:1.25rem}

/* Panelde tek kutu kaldığında şerit gereksiz genişlemesin. */
.panel-kutular:has(.panel-kutu:only-child){grid-template-columns:minmax(260px,340px)}

/* ---------- Premium hızlı filtre ---------- */
.panel__kart .acik-filtre + .acik-filtre{margin-top:.5rem}
.acik-filtre--premium svg{width:16px;height:16px;color:var(--sari-d);flex:none}
.acik-filtre--premium.aktif{background:var(--sari-l);border-color:var(--sari);color:#7a5c00}
.acik-filtre--premium.aktif svg{color:#7a5c00}
.acik-filtre__adet{margin-left:auto;font-size:.76rem;font-weight:800;color:var(--yazi-3);
  background:#fff;border:1px solid var(--border);border-radius:999px;padding:.1rem .45rem}
.acik-filtre--premium.aktif .acik-filtre__adet{background:#fff;border-color:var(--sari)}
.acik-filtre--premium.aktif .acik-filtre__kaldir{margin-left:.35rem}
.yazi__baslik{font-size:1.15rem;margin:0 0 .5rem;letter-spacing:-.02em}
.yazi__baslik a::after{content:"";position:absolute;inset:0}

/* ---------- Erişilebilirlik: dokunma hedefi ve hareket tercihi ---------- */
.foto-sil,.galeri__ok,.nav-toggle,.yukari-cik{min-width:44px;min-height:44px}
.foto-sil{width:28px;height:28px;min-width:0;min-height:0;position:absolute}
@media(pointer:coarse){
  .foto-sil{width:34px;height:34px}
  .btn--sm{padding:.7rem 1.1rem}
  .filtre a,.panel__etiketler a{padding:.55rem 1rem}
}
/* 2.3.3 – hareketi azalt tercihine saygı */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}
/* 1.4.12 – metin aralığı ayarlarında taşma olmasın */
.fk__ad,.firma__ad,.yazi__baslik,.hizmet-kart h2{overflow-wrap:anywhere}

/* ---------- Ana sayfa: kapsamlı mobil düzen ---------- */
@media(max-width:900px){
  /* Başlık: logo ve buton dar ekranda sığsın */
  .header-in{gap:.75rem;min-height:66px}
  .header-cta{gap:.4rem}
  .nav{inset:66px 0 auto}

  .hero--arama{padding:2.75rem 0 2.5rem}
  .hero--arama__in{max-width:none}
  .hero--arama__kutu{border-radius:20px}
}

@media(max-width:640px){
  /* Giriş bölümü */
  .hero--arama{padding:2.25rem 0 2rem}
  /* Başlık: vurgulu kısım kendi satırında, dengeli kırılım. */
  .hero--arama h1{font-size:clamp(2.35rem,11vw,3.1rem);line-height:1.08;margin-bottom:.9rem;
    letter-spacing:-.04em;text-wrap:balance;max-width:none}
  .hero--arama h1 em{display:block}

  /* Açıklama: dar ölçü, düzgün satır sonları. */
  .hero--arama__lead{font-size:1.02rem;line-height:1.52;margin-bottom:1.5rem;
    max-width:34ch;text-wrap:pretty}

  /* Fotoğraf üzerinde okunurluk için ek karartma. */
  .hero--arama::before{background:linear-gradient(180deg,rgba(8,8,8,.94) 0%,rgba(8,8,8,.9) 50%,rgba(8,8,8,.96) 100%)}
  .hero--arama__fon{filter:saturate(.6) brightness(.5)}

  /* Arama formu: alanlar alt alta, buton tam genişlik */
  .hero--arama__kutu .arama__form{grid-template-columns:1fr;gap:.65rem}
  .hero--arama__kutu .arama__form .btn{width:100%;height:48px}
  .hero--arama__kutu select{padding:.8rem .95rem}
  .alan label{font-size:.76rem}

  /* Bölüm başlıkları */
  .blok__ust h2,.blok__ust--orta h2{font-size:clamp(1.45rem,5.5vw,1.8rem)}
  .blok__ust p{font-size:.92rem}
  .etiket{font-size:.72rem;letter-spacing:.1em}

  /* Vitrin kartları */
  .liste{gap:1rem}
  .fk{border-radius:16px}
  .fk__govde{padding:1.1rem;gap:.6rem}
  .fk__ad{font-size:1.05rem}
  .fk__hizmetler li{font-size:.72rem;padding:.24rem .55rem}
  .fk__durum-rozet{font-size:.72rem;padding:.3rem .6rem;left:.6rem;bottom:.6rem}
  .fk__paket{font-size:.64rem;padding:.28rem .55rem;top:.6rem;left:.6rem}
  .fk__rozet{top:.6rem;right:.6rem}
  .fk__rozet li{font-size:.66rem;padding:.24rem .5rem}
  .fk__alt{gap:.4rem}
  .fk__alt .btn{font-size:.82rem;padding:.65rem .8rem}

  /* Özellik ve adım kartları */
  .ozellik{padding:1.25rem}
  .ozellik h3{font-size:1.05rem}
  .ozellik__ikon{width:42px;height:42px;border-radius:12px}
  .adimlar{gap:1.25rem}
  .adim{padding-top:0;padding-left:3.25rem;position:relative}
  .adim::before{top:0;left:0}
  .adim h3{font-size:1.05rem;margin-bottom:.3rem}

  /* Blog kartları */
  .yazi__govde{padding:1.25rem}
  .yazi__baslik{font-size:1.05rem}

  /* Alt çağrı */
  .cta h2{font-size:1.35rem}
  .cta p{font-size:.92rem}
}

@media(max-width:400px){
  .wrap{width:min(100% - 1.75rem,var(--wrap))}
  .hero--arama h1{font-size:2.05rem}
  .hero--arama__kutu{padding:1rem}
  .hero--arama__ipucu{font-size:.78rem}
  .fk__alt .btn{width:100%;flex:1 1 100%}
  .brand__mark{width:32px;height:32px}
  .btn{font-size:.88rem}
}

/* Ana sayfa arama formu: üç alan + buton */
.hero--arama__kutu .arama__form{grid-template-columns:1fr 1fr 1fr auto}
@media(max-width:1000px){.hero--arama__kutu .arama__form{grid-template-columns:1fr 1fr}
  .hero--arama__kutu .arama__form .btn{grid-column:1/-1}}
@media(max-width:640px){.hero--arama__kutu .arama__form{grid-template-columns:1fr}}

/* ---------- Alt bilgi: mobil düzen ---------- */
@media(max-width:900px){
  .site-footer{padding:2.75rem 0 1.5rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.75rem 1.5rem}
  .footer-sutun--hizmet{grid-column:1/-1}
  .footer-sutun--hizmet ul{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
  .site-footer{padding:2.5rem 0 1.25rem;text-align:left}
  .footer-grid{grid-template-columns:1fr;gap:0}

  /* Marka bloğu üstte, ortalanmış */
  .footer-grid>div:first-child{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}
  .site-footer .brand,.site-footer .custom-logo-link{justify-content:center}
  .site-footer p{margin-inline:auto}
  .odeme-kartlar{margin-inline:auto}

  /* Menüler açılır-kapanır listeler hâline gelir */
  .footer-sutun{border-bottom:1px solid rgba(255,255,255,.1)}
  .footer-baslik{margin:0;padding:1rem 0;font-size:.78rem;position:relative;cursor:default}
  .footer-sutun ul{padding-bottom:1.1rem;gap:.75rem}
  .footer-sutun--hizmet ul{grid-template-columns:1fr 1fr;gap:.75rem 1rem}
  .site-footer ul a{padding:.15rem 0;display:inline-block}

  .footer-alt{margin-top:1.5rem;padding-top:1.25rem;flex-direction:column;align-items:center;
    text-align:center;gap:.4rem;font-size:.8rem}
}

@media(max-width:400px){
  .footer-sutun--hizmet ul{grid-template-columns:1fr}
  .site-footer p{font-size:.86rem}
}

/* ---------- Başlık: mobilde taşma önleme ---------- */
body{overflow-x:hidden}
.nav__giris{display:none}

@media(max-width:960px){
  /* Firma girişi butonu menüye taşınır; başlıkta yer kalmıyor. */
  .header-giris{display:none}
  .nav__giris{display:block;margin-top:.75rem;padding:.75rem 0 0;border-top:1px solid rgba(255,255,255,.12);
    font-weight:700;color:var(--sari)}
  .header-in{gap:.5rem}
  .custom-logo-link img{max-width:150px}
  .header-cta{margin-left:auto;flex:none}
}

@media(max-width:420px){
  .custom-logo-link img{height:24px;max-width:124px}
  .header-cta .btn--sm{padding:.55rem .8rem;font-size:.8rem}
  .nav-toggle{width:40px;height:40px;min-width:40px;min-height:40px}
}

/* ---------- Arşiv yan paneli: mobilde akordiyon ---------- */
.panel__kart > summary.panel__baslik{list-style:none;cursor:default}
.panel__kart > summary.panel__baslik::-webkit-details-marker{display:none}
.panel__kart > summary::after{content:none}

@media(max-width:900px){
  /* Filtreler tek bir kompakt kart içinde satır satır toplanır. */
  .panel{gap:0;background:#fff;border:1px solid var(--border);border-radius:16px;
    box-shadow:var(--golge);overflow:hidden}
  .panel__kart{background:none;border:0;border-radius:0;box-shadow:none;padding:0 1rem}
  .panel__kart + .panel__kart{border-top:1px solid var(--border)}
  .panel__kart > summary.panel__baslik{
    display:flex;align-items:center;justify-content:space-between;gap:.75rem;
    margin:0;padding:.85rem 0;cursor:pointer;min-height:44px;
    font-size:.78rem;letter-spacing:.1em;user-select:none}
  .panel__kart > summary.panel__baslik::after{
    content:"";width:8px;height:8px;flex:none;
    border-right:2px solid var(--yazi-3);border-bottom:2px solid var(--yazi-3);
    transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
  .panel__kart[open] > summary.panel__baslik::after{transform:rotate(-135deg) translateY(-2px)}
  .panel__kart > summary.panel__baslik:focus-visible{outline:2px solid var(--yazi-1);outline-offset:-2px}
  .panel__kart[open]{padding-bottom:.95rem}

  /* Firma sahibi kutusu listeden ayrı, kompakt bir şerit olur. */
  .panel__cta{background:linear-gradient(150deg,#fffaea,#fff)}
  .panel__cta p{font-size:.85rem;margin:0 0 .7rem}
}

@media(prefers-reduced-motion:reduce){
  .panel__kart > summary.panel__baslik::after{transition:none}
}

/* Arşiv yan paneli: mobilde il/ilçe filtresi kompakt hâlde. */
@media(max-width:900px){
  /* Etiketler ekran okuyucuda kalır, görsel olarak seçim kutusunun kendisi anlatır. */
  .panel .arama__form .alan label{position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;margin:0}
  .panel .arama__form{gap:.5rem}
  .panel .arama__form select{height:44px;padding-block:0;font-size:.92rem}
  .panel .arama__form .btn{margin-top:.15rem;height:44px;padding-block:0}
  .panel__link{margin-top:.7rem;padding-top:.7rem;font-size:.88rem}
}

/* Firma detay: mobilde sıralama — galeri, hakkımızda, iletişim, çalışma saatleri… */
@media(max-width:980px){
  .firma-sol,
  .firma-yan{display:contents}
  .firma-duzen{gap:1.25rem}
  .firma-duzen > * > .galeri{order:1}
  .kutu--hakkimizda{order:2}
  .yan-kutu--iletisim{order:3}
  .yan-kutu--saatler{order:4}
  .kutu--konum{order:5}
  .kutu--bolgeler{order:6}
  .yan-kutu--web{order:7}
  .firma-yorumlar{order:8;min-width:0}
  .firma-yan > .panel__cta{order:9}
  .galeri{order:1}
}

/* Hakkımızda girişi: mobilde sayı kutuları tek şeride iner. */
@media(max-width:900px){
  .hk-giris__aksiyon{gap:.6rem}
  .hk-giris__aksiyon .btn{flex:1 1 auto;justify-content:center;min-width:0}
  .hk-sayilar{grid-template-columns:repeat(4,1fr);gap:0;margin-top:1.75rem;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
    border-radius:14px;overflow:hidden}
  .hk-sayilar li{background:none;border:0;border-radius:0;padding:.8rem .35rem;text-align:center}
  .hk-sayilar li + li{border-left:1px solid rgba(255,255,255,.1)}
  .hk-sayilar strong{font-size:1.3rem}
  .hk-sayilar span{display:block;font-size:.68rem;line-height:1.25}
}

@media(max-width:430px){
  .hk-sayilar{grid-template-columns:1fr 1fr}
  .hk-sayilar li:nth-child(odd) + li{border-left:1px solid rgba(255,255,255,.1)}
  .hk-sayilar li:nth-child(odd){border-left:0}
  .hk-sayilar li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
  .hk-sayilar span{font-size:.72rem}
}

/* Firma detay: mobilde iletişim kutusu daha kompakt. */
@media(max-width:980px){
  .yan-kutu--iletisim{padding:.85rem;border-radius:14px}
  .yan-kutu--iletisim .durum-rozet{font-size:.72rem;padding:.28rem .55rem;gap:.3rem}
  .yan-kutu--iletisim .durum-rozet svg{width:14px;height:14px}
  .yan-kutu--iletisim .yan-aksiyon{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.6rem}
  .yan-kutu--iletisim .yan-aksiyon .btn{font-size:.86rem;padding:.5rem .6rem;min-height:44px;border-radius:11px}
  .yan-kutu--iletisim .yan-aksiyon .btn svg{width:16px;height:16px}
  /* Telefon birincil eylem: tam genişlik. */
  .yan-kutu--iletisim .yan-aksiyon .btn[data-tur="tel"]{grid-column:1/-1;font-size:.95rem;font-weight:800}
  /* Tek başına kalan buton satırı doldursun. */
  .yan-kutu--iletisim .yan-aksiyon .btn:only-child,
  .yan-kutu--iletisim .yan-aksiyon .btn:last-child:nth-child(2){grid-column:1/-1}
  .yan-adres{margin:.7rem 0 0;padding-top:.7rem;border-top:1px solid var(--border);
    font-size:.8rem;line-height:1.45;text-align:left}
}

/* Süre paketleri: mobilde iki sütunlu ve kompakt. */
@media(max-width:760px){
  .sure-izgara{grid-template-columns:repeat(2,1fr);gap:.6rem;row-gap:1.1rem}
  .sure-kart__ic{padding:.75rem .5rem;gap:.1rem;border-radius:12px}
  .sure-kart__ad{font-size:.8rem;margin-top:0}
  .sure-kart__aylik{font-size:1.1rem}
  .sure-kart__aylik small{font-size:.66rem}
  .sure-kart__toplam{font-size:.74rem}
  .sure-kart__tasarruf{font-size:.66rem}
  .sure-kart__indirim{font-size:.66rem;padding:.15rem .45rem;top:-.55rem}
  .sure-secim{margin-top:1.35rem;padding-top:1.15rem}
  .sure-secim__not{font-size:.82rem;margin-bottom:1.35rem}
}

/* ---------- Ana sayfa: masaüstünde özellik ve adım blokları ---------- */
@media(min-width:901px){
  /* Kart kutuları yerine ince dikey ayraçlarla bölünmüş dört sütun. */
  .ozellikler{grid-template-columns:repeat(4,1fr);gap:0}
  .ozellik{background:none;border:0;border-radius:0;box-shadow:none;
    padding:0 2rem;border-left:1px solid var(--border)}
  .ozellik:first-child{border-left:0;padding-left:0}
  .ozellik:last-child{padding-right:0}
  .ozellik__ikon{width:40px;height:40px;border-radius:12px;margin-bottom:1.1rem}
  .ozellik__ikon svg{width:19px;height:19px}
  .ozellik h3{margin:0 0 .45rem;font-size:1.05rem;letter-spacing:-.015em}
  .ozellik p{font-size:.93rem;line-height:1.65;max-width:30ch}

  /* Adımlar arasında ince bir bağlantı çizgisi. */
  .adimlar{gap:2.25rem}
  .adim::after{content:"";position:absolute;top:22px;left:3.5rem;right:-2.25rem;height:1px;
    background:linear-gradient(90deg,var(--border) 0 65%,transparent);pointer-events:none}
  .adim:last-child::after{content:none}
  .adim h3{font-size:1.08rem;letter-spacing:-.015em}
  .adim p{line-height:1.6;max-width:34ch}
}

/* Alt bilgi: masaüstünde hizmet listesi iki sütuna bölünür (toplam dört bağlantı sütunu). */
.footer-baslik--kopya{display:none}

@media(min-width:901px){
  .footer-grid{grid-template-columns:1.4fr 2fr 1fr 1fr}
  .footer-sutun--hizmet{display:grid;grid-template-columns:1fr 1fr;column-gap:1.75rem}
  .footer-sutun--hizmet .footer-baslik{grid-row:1;grid-column:1;margin-bottom:0}
  .footer-sutun--hizmet .footer-baslik--kopya{display:block;grid-row:1;grid-column:2}
  .footer-sutun--hizmet nav{grid-row:2;grid-column:1/-1;margin-top:1.1rem}
  .footer-sutun--hizmet ul{grid-template-columns:1fr 1fr;column-gap:1.75rem}
}

/* ---------- Firma paneli: üyelik şeridi ---------- */
.uyelik-serit{display:grid;grid-template-columns:minmax(180px,auto) 1fr auto;gap:1.5rem 2rem;
  align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:1.35rem 1.5rem;margin-bottom:1.25rem}
.uyelik-serit--premium{background:linear-gradient(120deg,#fffaea,#fff 55%);border-color:#f2e3ad}

.uyelik-serit__etiket{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--yazi-3)}
.uyelik-serit__ad{display:block;font-size:1.5rem;font-weight:900;letter-spacing:-.03em;margin:.2rem 0 .25rem}
.uyelik-serit--premium .uyelik-serit__ad{color:var(--sari-d)}
.uyelik-serit__durum{font-size:.86rem;font-weight:700;color:var(--yazi-2)}
.uyelik-serit__durum--uyari{color:#a01717}

.uyelik-serit__sure{min-width:0}
.uyelik-cubuk{height:7px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden;margin-bottom:.7rem}
.uyelik-cubuk span{display:block;height:100%;border-radius:999px;background:var(--sari-d)}
.uyelik-serit__tarihler{display:flex;flex-wrap:wrap;gap:.35rem 2rem;font-size:.86rem;color:var(--yazi-2)}
.uyelik-serit__tarihler span{display:flex;flex-direction:column;gap:.15rem}
.uyelik-serit__tarihler b{font-size:.72rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--yazi-3)}
.uyelik-serit__not{margin:0;font-size:.88rem;color:var(--yazi-2);max-width:48ch}

.uyelik-serit__aksiyon{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;text-align:center}
.uyelik-serit__link{font-size:.82rem;font-weight:700;color:var(--yazi-2);text-decoration:underline}
.uyelik-serit__link:hover{color:var(--yazi)}

@media(max-width:820px){
  .uyelik-serit{grid-template-columns:1fr;gap:1rem;padding:1.1rem}
  .uyelik-serit__ad{font-size:1.35rem}
  .uyelik-serit__aksiyon{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}
  .uyelik-serit__aksiyon .btn{flex:1}
}

/* Panel uyarısı: metnin yanındaki iptal butonu. */
.uyari__aksiyon{margin:0}
.uyari--bekle:has(.uyari__aksiyon){display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.uyari--bekle:has(.uyari__aksiyon) > div{flex:1 1 320px;min-width:0}

/* Araç kurulumu tanıtım şeridi (ana sayfa ve blog). */
.kurulum-serit{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  background:linear-gradient(120deg,#fffaea,#fff 60%);border:1px solid #f2e3ad;border-radius:18px;
  padding:1.6rem 1.75rem;margin:2rem 0 0}
.kurulum-serit__etiket{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sari-metin);margin-bottom:.35rem}
.kurulum-serit h2{margin:0 0 .35rem;font-size:1.35rem;letter-spacing:-.02em}
.kurulum-serit p{margin:0;color:var(--yazi-2);font-size:.94rem;max-width:60ch}
.kurulum-serit__metin{flex:1 1 320px;min-width:0}
.kurulum-serit .btn{flex:none}

@media(max-width:640px){
  .kurulum-serit{padding:1.25rem;gap:1rem}
  .kurulum-serit h2{font-size:1.15rem}
  .kurulum-serit .btn{width:100%;justify-content:center}
}



/* ---------- Firma detay: galeri rozet ve ok hizası ---------- */
/* Sol rozet kart stilinden gelen mutlak konumu miras alıyordu; sarmalayıcıya oturur. */
.galeri__rozetler .fk__paket{position:static;top:auto;left:auto}
.galeri__ok--geri{left:1rem}
.galeri__ok--ileri{right:1rem}

@media(max-width:900px){
  /* Mobilde oklar rozetlerin üstüne biniyordu; kaydırma ve noktalar yeterli. */
  .galeri__ok{display:none}
  .galeri__rozetler{top:.75rem}
  .galeri__rozetler--sol{left:.75rem}
  .galeri__rozetler--sag{right:.75rem}
  .galeri__rozetler--sag{top:auto;bottom:2.75rem}

  /* Kırıntı yolu tek satırda kalır, taşarsa kısaltılır. */
  .firma-ust .kirinti{display:flex;gap:.35rem;white-space:nowrap;overflow:hidden;
    text-overflow:ellipsis;font-size:.78rem}
  .firma-ust .kirinti > *{flex:none}
  .firma-ust .kirinti > :last-child{overflow:hidden;text-overflow:ellipsis;min-width:0}
}

/* Çoklu dosya seçiminde geri bildirim. */
.dosya-bilgi{margin:.4rem 0 0;font-size:.82rem;font-weight:700;color:#1a7f37}
.dosya-bilgi[hidden]{display:none}

/* Form alanı altındaki yardım metni. */
.alan__ipucu{display:block;margin-top:.35rem;font-size:.78rem;line-height:1.5;color:var(--yazi-3)}
.alan__ipucu b{color:var(--yazi-2)}

/* Firma bağlantıları kutusu. */
.yan-kutu--web .btn + .btn{margin-top:.5rem}
.btn--ig svg{width:17px;height:17px}

/* Geçici hesapla ilk giriş: hesap tamamlama kutusu. */
.hesap-tamamla{max-width:560px;margin-inline:auto}
.hesap-tamamla h2{margin:0 0 .6rem;font-size:1.35rem;letter-spacing:-.02em}
.hesap-tamamla__metin{margin:0 0 1.25rem;color:var(--yazi-2);font-size:.94rem;line-height:1.6}
.hesap-tamamla__not{margin:.75rem 0 0;font-size:.82rem;color:var(--yazi-3)}

/* SSS içinde uzun listeler için açılır bölüm. */
.sss__tumu{margin-top:.9rem}
.sss__tumu > summary{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;list-style:none;
  padding:.5rem .95rem;border:1px solid var(--border);border-radius:999px;background:#fff;
  font-size:.85rem;font-weight:700;color:var(--yazi);
  transition:border-color .16s ease,background .16s ease}
.sss__tumu > summary::-webkit-details-marker{display:none}
.sss__tumu > summary:hover{border-color:var(--sari);background:var(--sari-l)}
.sss__tumu > summary:focus-visible{outline:2px solid var(--yazi-1);outline-offset:2px}

/* Sayı rozeti */
.sss__tumu-ac b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 .35rem;
  margin-left:.45rem;border-radius:999px;background:var(--sari);color:var(--siyah);
  font-size:.72rem;font-weight:900;line-height:1}

/* Açık/kapalı etiketleri */
.sss__tumu-kapa{display:none}
.sss__tumu[open] > summary .sss__tumu-ac{display:none}
.sss__tumu[open] > summary .sss__tumu-kapa{display:inline}
.sss__tumu[open] > summary{background:#f6f8f9;color:var(--yazi-2)}

/* Ok */
.sss__tumu > summary::after{content:"";width:7px;height:7px;flex:none;margin-left:.1rem;
  border-right:2px solid var(--yazi-3);border-bottom:2px solid var(--yazi-3);
  transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.sss__tumu[open] > summary::after{transform:rotate(-135deg) translateY(-1px)}

.sss__tumu .sss__liste{margin-top:.85rem;padding-top:.85rem;border-top:1px dashed var(--border)}

@media(prefers-reduced-motion:reduce){.sss__tumu > summary::after{transition:none}}

/* Hizmet kartında ikon yerine görsel. */
.hizmet-kart--gorsel{padding:0;overflow:hidden;display:flex;flex-direction:column;gap:0}
.hizmet-kart__medya{display:block;aspect-ratio:16/10;background:#eef2f4;overflow:hidden}
.hizmet-kart__medya img{width:100%;height:100%;object-fit:cover;display:block}
.hizmet-kart--gorsel > *:not(.hizmet-kart__medya){padding-inline:1.5rem}
.hizmet-kart--gorsel h2{padding-top:1.25rem}
.hizmet-kart--gorsel .hizmet-kart__alt{padding-bottom:1.25rem;margin-top:auto}
.hizmet-kart--gorsel p{margin-top:.5rem}

/* Havale ile ödeme kutusu. */
.odeme-havale{margin-top:1.25rem;background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.5rem}
.odeme-havale h3{margin:0 0 .5rem;font-size:1.1rem;letter-spacing:-.01em}
.odeme-havale__metin{margin:0 0 1.15rem;font-size:.92rem;line-height:1.6;color:var(--yazi-2)}
.odeme-havale__not{margin:.9rem 0 0;font-size:.82rem;line-height:1.55;color:var(--yazi-3)}
.odeme-hesap{margin:0 0 1.15rem;display:grid;gap:.1rem}
.odeme-hesap > div{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;
  padding:.6rem 0;border-top:1px solid var(--border)}
.odeme-hesap > div:first-child{border-top:0}
.odeme-hesap dt{flex:0 0 108px;margin:0;font-size:.76rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--yazi-3)}
.odeme-hesap dd{margin:0;flex:1;min-width:0;font-size:.95rem;font-weight:700;
  display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.odeme-iban{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;
  letter-spacing:.02em;word-break:break-all;background:var(--sari-l);padding:.3rem .5rem;border-radius:8px}
.odeme-kopyala{border:1px solid var(--border);background:#fff;border-radius:999px;
  padding:.28rem .7rem;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;color:var(--yazi-2)}
.odeme-kopyala:hover{border-color:var(--yazi-3);color:var(--yazi)}
.odeme-kopyala.kopyalandi{border-color:#b6e3c3;background:#e3f6e8;color:#14612b}

@media(max-width:560px){
  .odeme-havale{padding:1.15rem}
  .odeme-hesap dt{flex:0 0 100%}
}

/* Kayıt sırasında sözleşme onayı. */
.sozlesme-kutu{margin-top:1.5rem;background:var(--sari-l);border:1px solid #f2e3ad;
  border-radius:14px;padding:1.1rem 1.25rem}
.sozlesme-kutu__onay{display:flex;gap:.75rem;align-items:flex-start;cursor:pointer;
  font-size:.95rem;font-weight:700;line-height:1.5;color:var(--yazi)}
.sozlesme-kutu__onay input{width:20px;height:20px;flex:none;margin-top:.1rem;accent-color:var(--sari-d)}
.sozlesme-kutu__baglanti{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:.85rem 0 0;padding-left:2.45rem}
.sozlesme-kutu__baglanti a{display:inline-flex;align-items:center;gap:.35rem;
  font-size:.85rem;font-weight:700;color:var(--sari-metin);text-decoration:underline}
.sozlesme-kutu__baglanti a:hover{color:var(--yazi)}
.sozlesme-kutu__baglanti svg{width:15px;height:15px}

@media(max-width:520px){
  .sozlesme-kutu__baglanti{padding-left:0;gap:.5rem}
}

/* Firma detay: bağlantılar kutusu. */
.baglanti-liste{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.baglanti{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;
  border:1px solid var(--border);border-radius:12px;background:#fff;
  transition:border-color .16s ease,background .16s ease}
.baglanti:hover{border-color:var(--yazi-3);background:#fafbfc}
.baglanti__ikon{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center}
.baglanti__ikon svg{width:17px;height:17px}
.baglanti__ikon--web{background:#eef2f4;color:var(--yazi-2)}
.baglanti__ikon--ig{background:linear-gradient(45deg,#f9ce34,#ee2a7b 55%,#6228d7);color:#fff}
.baglanti__metin{display:flex;flex-direction:column;gap:.05rem;min-width:0;flex:1}
.baglanti__metin small{font-size:.72rem;color:var(--yazi-3);font-weight:600}
.baglanti__metin b{font-size:.94rem;font-weight:800;color:var(--yazi);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.baglanti__ok{flex:none;color:var(--yazi-3);display:grid;place-items:center}
.baglanti__ok svg{width:16px;height:16px;transition:transform .18s ease}
.baglanti:hover .baglanti__ok svg{transform:translateX(3px)}

/* Görseli olmayan firmalar: marka filigranlı yer tutucu. */
.gorsel-yok{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;
  background:
    repeating-linear-gradient(135deg,rgba(17,17,17,.022) 0 10px,transparent 10px 20px),
    linear-gradient(160deg,#f4f7f8,#e9eff1)}
.gorsel-yok::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-45%;height:60%;
  background:radial-gradient(60% 100% at 50% 100%,rgba(255,216,77,.30),transparent 72%)}
.gorsel-yok__ic{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;
  gap:.5rem;opacity:.62}
.gorsel-yok__ic svg{width:34px;height:34px;color:var(--yazi-3);stroke-width:1.5}
.gorsel-yok__ad{font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
  color:var(--yazi-3);white-space:nowrap}
.galeri--bos{aspect-ratio:16/10;position:relative}
.galeri--bos .gorsel-yok__ic svg{width:52px;height:52px}
.galeri--bos .gorsel-yok__ad{font-size:.95rem}

@media(max-width:640px){
  .gorsel-yok__ic svg{width:28px;height:28px}
  .gorsel-yok__ad{font-size:.7rem;letter-spacing:.1em}
}

/* Firma paneli: istatistik bölümü. */
.panel-ist{background:#fff;border:1px solid var(--border);border-radius:18px;
  padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--golge)}
.panel-ist__ust{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;margin-bottom:1.1rem}
.panel-ist__ust h3{margin:0;font-size:1.15rem;letter-spacing:-.02em}
.panel-ist__aralik{display:flex;gap:.3rem;background:#f4f6f8;border-radius:999px;padding:.25rem}
.panel-ist__aralik a{padding:.35rem .8rem;border-radius:999px;font-size:.82rem;font-weight:700;
  color:var(--yazi-2);transition:background .16s ease,color .16s ease}
.panel-ist__aralik a:hover{color:var(--yazi)}
.panel-ist__aralik a.aktif{background:#fff;color:var(--yazi);box-shadow:0 1px 3px rgba(0,0,0,.1)}

.panel-ist__kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}
.panel-ist__kart{background:linear-gradient(150deg,#fffaea,#fff);border:1px solid #f2e3ad;
  border-radius:14px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.15rem}
.panel-ist__deger{font-size:1.65rem;font-weight:900;letter-spacing:-.03em;line-height:1.1}
.panel-ist__ad{font-size:.8rem;font-weight:700;color:var(--yazi-2)}

.panel-ist__ikili{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.panel-ist__bolum h4{margin:0 0 .6rem;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--yazi-3);font-weight:800}
.panel-ist__bolum--genis{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}
.panel-ist__not{margin:-.35rem 0 .6rem;font-size:.78rem;color:var(--yazi-3)}
.panel-ist__liste{list-style:none;margin:0;padding:0;display:grid;gap:0}
.panel-ist__liste li{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.55rem 0;border-top:1px solid var(--border);font-size:.9rem}
.panel-ist__liste li:first-child{border-top:0}
.panel-ist__liste span{color:var(--yazi-2);min-width:0}
.panel-ist__liste em{font-style:normal;font-size:.74rem;color:var(--yazi-3);margin-left:.4rem}
.panel-ist__liste b{font-weight:900;flex:none}
.panel-ist__liste--sayfa li{padding:.5rem 0}
.panel-ist__daha{margin-top:.6rem}
.panel-ist__daha > summary{cursor:pointer;list-style:none;font-size:.84rem;font-weight:700;
  color:var(--sari-metin);padding:.35rem 0}
.panel-ist__daha > summary::-webkit-details-marker{display:none}
.panel-ist__daha > summary:hover{color:var(--yazi)}

@media(max-width:760px){
  .panel-ist{padding:1.15rem}
  .panel-ist__kartlar{grid-template-columns:1fr;gap:.6rem}
  .panel-ist__kart{flex-direction:row;align-items:baseline;justify-content:space-between}
  .panel-ist__deger{font-size:1.35rem}
  .panel-ist__ikili{grid-template-columns:1fr;gap:1.25rem}
  .panel-ist__aralik{width:100%;justify-content:space-between}
}

/* Firma paneli: istatistikler Premium'a özelken. */
.panel-ist--kilitli{text-align:center;background:linear-gradient(150deg,#fffaea,#fff);
  border-color:#f2e3ad}
.panel-ist__kilit{width:48px;height:48px;margin:0 auto .85rem;border-radius:14px;
  background:var(--sari);display:grid;place-items:center;color:var(--siyah)}
.panel-ist__kilit svg{width:22px;height:22px}
.panel-ist--kilitli h3{margin:0 0 .5rem;font-size:1.15rem;letter-spacing:-.02em}
.panel-ist--kilitli p{margin:0 auto 1.1rem;max-width:52ch;font-size:.92rem;line-height:1.6;
  color:var(--yazi-2)}

/* Blog yazısı içindeki firma listesi çağrı butonu. */
.icerik-metin .yazi-cta{margin:1rem 0 1.5rem}
.icerik .yazi-cta a.btn,.icerik-metin .yazi-cta a.btn{
  color:var(--siyah);text-decoration:none;font-size:.9rem;font-weight:600;letter-spacing:.01em;
  padding:.6rem 1.15rem;border-radius:999px;box-shadow:none;
  background:var(--sari-l);border:1px solid var(--sari-d);transition:background .2s,border-color .2s}
.icerik-metin .yazi-cta a.btn:hover{background:var(--sari);border-color:var(--sari);transform:none}