
:root{--navy:#0f172a;--blue:#1d4ed8;--gold:#c8a45d;--ink:#1e293b;--muted:#64748b;--soft:#f6f8fb;--line:#e5e7eb;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--navy),#243b74);display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.18)}.brand b{display:block;font-size:13px;letter-spacing:.14em;color:var(--gold)}.brand em{font-style:normal;font-weight:800;font-size:20px;color:var(--navy)}nav{display:flex;gap:22px;align-items:center}nav a{font-weight:700;font-size:14px;color:#334155}nav a.active,nav a:hover{color:var(--blue)}#navcheck,.hamb{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#dbeafe 0,#fff 35%,#f8fafc 100%);padding:90px 0}.hero.small{padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:800;color:var(--blue);box-shadow:0 8px 24px rgba(15,23,42,.06)}h1{font-size:clamp(42px,7vw,76px);line-height:1.02;margin:22px 0;color:var(--navy);letter-spacing:-.05em}h2{font-size:clamp(28px,4vw,44px);line-height:1.1;color:var(--navy);letter-spacing:-.035em;margin:0 0 14px}.lead{font-size:20px;color:#475569;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:16px;background:var(--navy);color:#fff;font-weight:800;box-shadow:0 14px 34px rgba(15,23,42,.18)}.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.hero-card{position:relative;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.64);backdrop-filter:blur(20px);padding:42px;border-radius:34px;box-shadow:0 30px 80px rgba(15,23,42,.12);min-height:360px}.hero-icon{position:absolute;right:24px;bottom:18px;font-size:190px;color:rgba(29,78,216,.08)}.hero-card h2,.hero-card p{position:relative}.section{padding:78px 0}.section-text{color:var(--muted);max-width:760px;margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 14px 35px rgba(15,23,42,.06);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(15,23,42,.1)}.card i{font-size:34px;color:var(--blue);margin-bottom:18px}.card h3{margin:0 0 8px;color:var(--navy)}.card p{color:var(--muted);margin:0}.split{padding:78px 0;background:var(--soft)}.split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.info-panel{background:#fff;border-radius:30px;border:1px solid var(--line);padding:36px;box-shadow:0 22px 50px rgba(15,23,42,.08)}.info-panel i{font-size:54px;color:var(--gold)}.muted{background:linear-gradient(180deg,#fff,var(--soft))}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.steps div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.steps i{font-size:32px;color:var(--blue)}.steps b{display:block;margin:14px 0 6px;color:var(--navy)}.steps span{color:var(--muted);font-size:14px}.contact{background:#0f172a;color:#fff}.contact h2{color:#fff}.contact a{color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:30px}.map-card{border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:36px;background:rgba(255,255,255,.06)}.map-card i{font-size:58px;color:var(--gold)}.footer{background:#08111f;color:#cbd5e1;padding-top:56px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:28px}.footer h3{color:#fff}.footer a{display:block;color:#cbd5e1;margin:7px 0}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:18px;margin-top:30px;color:#94a3b8}.float-phone,.float-wa{position:fixed;right:18px;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;z-index:60;box-shadow:0 12px 30px rgba(0,0,0,.22)}.float-phone{bottom:82px;background:#0f172a}.float-wa{bottom:24px;background:#15803d}@media(max-width:900px){.hamb{display:block;font-size:24px;color:var(--navy)}nav{position:absolute;left:4%;right:4%;top:78px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;display:none;flex-direction:column;align-items:flex-start;box-shadow:0 22px 60px rgba(15,23,42,.16)}#navcheck:checked~nav{display:flex}.hero-grid,.split-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr}h1{font-size:44px}.hero{padding:56px 0}.hero-card{min-height:260px}.hero-icon{font-size:130px}}

.article{display:grid;grid-template-columns:1fr 320px;gap:32px}.article-main{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 14px 35px rgba(15,23,42,.05)}.article-main p{color:#475569}.article-side{display:flex;flex-direction:column;gap:18px}.check-list{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.check-list li{display:flex;gap:12px;align-items:flex-start;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:14px}.check-list i{color:var(--blue);margin-top:4px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-link{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;font-weight:800;color:var(--navy)}.mini-link i{color:var(--blue)}.small-panel{min-height:210px}@media(max-width:900px){.article{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}}


/* Özgür revizyonu: daha oturaklı hero, ikonlar ve kompakt footer */
.hero{background:linear-gradient(135deg,#f8fafc 0%,#eef4ff 42%,#fff 100%)}
.hero-card{overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,250,252,.72));border:1px solid rgba(203,213,225,.9);min-height:0;padding:34px}.hero-card:before{content:"";position:absolute;inset:auto -60px -80px auto;width:210px;height:210px;border-radius:50%;background:rgba(200,164,93,.16)}.hero-icon{display:none}.hero-office-card h2{font-size:32px;letter-spacing:-.035em}.office-badge{position:relative;display:inline-flex;gap:10px;align-items:center;background:#0f172a;color:#fff;border-radius:999px;padding:9px 14px;font-weight:800;margin-bottom:18px}.office-badge i{color:var(--gold)}.hero-mini{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.hero-mini span{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;font-weight:800;color:var(--navy);box-shadow:0 10px 24px rgba(15,23,42,.05)}.hero-mini i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#eef4ff;color:var(--blue)}
.card i,.steps i,.mini-link i{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#fff7e6);color:var(--blue);box-shadow:inset 0 0 0 1px rgba(29,78,216,.08);margin-bottom:18px}.mini-link i{width:38px;height:38px;margin:0;border-radius:13px}.info-panel i,.map-card i{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:#fff7e6;color:var(--gold);font-size:30px}.contact .map-card i{background:rgba(255,255,255,.08)}
.footer{padding-top:26px}.footer-grid{grid-template-columns:1.1fr 1fr 1.2fr;gap:18px;align-items:start}.footer h3{font-size:17px;margin:0 0 9px}.footer p{margin:0;line-height:1.5}.footer a{display:inline-block;margin:0 12px 8px 0}.copy{padding:12px;margin-top:18px;font-size:13px}.footer br{line-height:1.2}.float-phone,.float-wa{border-radius:50%}
@media(max-width:900px){.hero-mini{grid-template-columns:1fr}.footer{padding-top:22px}.footer-grid{gap:22px}.footer a{display:block}.hero-office-card h2{font-size:26px}}


/* İletişim ve hero görsel revizyonu */
.hero{background:
  radial-gradient(circle at 18% 20%,rgba(200,164,93,.18),transparent 26%),
  radial-gradient(circle at 88% 12%,rgba(29,78,216,.20),transparent 30%),
  linear-gradient(135deg,#f8fafc 0%,#eef4ff 45%,#ffffff 100%);}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,rgba(0,0,0,.72),transparent 84%);pointer-events:none}.hero:after{content:"₺  %  KDV  SGK  E-FATURA  BEYANNAME";position:absolute;right:-70px;top:52px;font-size:38px;font-weight:900;letter-spacing:.16em;color:rgba(15,23,42,.035);transform:rotate(-7deg);white-space:nowrap;pointer-events:none}.hero .container{position:relative;z-index:1}.service-orbit{box-shadow:0 36px 90px rgba(15,23,42,.14)}.service-orbit:after{content:"";position:absolute;right:28px;top:30px;width:92px;height:92px;border-radius:28px;background:linear-gradient(135deg,rgba(29,78,216,.13),rgba(200,164,93,.16));transform:rotate(12deg)}.hero-mini span{transition:.25s}.hero-mini span:hover{transform:translateY(-3px)}
.contact{background:#f8fafc;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact h2{color:var(--navy)}.contact a{color:var(--blue)}.contact-grid{align-items:stretch}.contact .map-card{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 18px 42px rgba(15,23,42,.06)}.contact .map-card i{background:#fff7e6;color:var(--gold)}
.contact-page-hero{position:relative;overflow:hidden;padding:78px 0;background:linear-gradient(135deg,#ffffff,#eef4ff)}.contact-page-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 85% 10%,rgba(200,164,93,.18),transparent 28%),linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.contact-page-hero .container{position:relative}.contact-page-hero h1{font-size:clamp(42px,6vw,68px);margin-bottom:12px}.contact-light{background:#fff}.contact-cards{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:22px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 18px 45px rgba(15,23,42,.07);min-height:210px}.contact-card i{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#fff7e6);color:var(--blue);font-size:25px;margin-bottom:18px}.contact-card h3{margin:0 0 10px;color:var(--navy);font-size:23px}.contact-card p{margin:0;color:#475569}.contact-card a{color:var(--navy);font-weight:900}.map-light{background:#f8fafc;padding-top:34px}.map-wide{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.map-wide i{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;background:#0f172a;color:#fff;font-size:30px;flex:0 0 auto}.map-wide h2{font-size:28px;margin:0 0 8px}.map-wide p{margin:0;color:#475569}.footer{padding-top:22px}.footer-grid{grid-template-columns:1fr .95fr 1.1fr}.footer p{font-size:14px}.footer a{font-size:14px}.copy{margin-top:14px}
@media(max-width:900px){.contact-cards{grid-template-columns:1fr}.map-wide{align-items:flex-start}.hero:after{display:none}}


/* Logo ve mobil iletişim revizyonu */
.brand{gap:0;min-width:0}.brand-logo{display:block;width:clamp(190px,26vw,330px);height:auto;object-fit:contain}.brand-mark,.brand b,.brand em{display:none!important}.header-mobile-actions{display:none;align-items:center;gap:10px;margin-left:auto;margin-right:12px}.header-mobile-actions a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--navy);box-shadow:0 8px 18px rgba(15,23,42,.08)}.header-mobile-actions a.wa{color:#16a34a}.hamb{width:42px;height:42px;border-radius:14px;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px rgba(15,23,42,.08)}
.float-phone,.float-wa{animation:softPulse 2.2s infinite ease-in-out}.float-phone span,.float-wa span{display:none}@keyframes softPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.035)}}
@media(max-width:900px){.nav-wrap{min-height:70px}.brand-logo{width:min(58vw,250px)}.header-mobile-actions{display:flex}.hamb{display:grid}.float-wa,.float-phone{bottom:14px;height:54px;width:auto;border-radius:999px;padding:0 16px;gap:9px;font-weight:900}.float-wa{left:14px;right:auto;background:#16a34a}.float-phone{right:14px;background:#0b3b79}.float-phone span,.float-wa span{display:inline}.float-phone i,.float-wa i{font-size:19px}body{padding-bottom:76px}}
@media(max-width:420px){.brand-logo{width:190px}.header-mobile-actions a{width:34px;height:34px}.hamb{width:38px;height:38px}.float-wa,.float-phone{font-size:14px;padding:0 13px}}



/* === Fatih SARI final polish: typography, FontAwesome icons, mobile contact buttons === */
:root {
  --fs-navy: #082b5f;
  --fs-navy-2: #041d43;
  --fs-gold: #b88a2a;
  --fs-green: #10a53a;
  --fs-green-2: #067a2d;
  --fs-soft: #f7f9fc;
}

body {
  font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em;
}

h1, h2, h3, .brand-text, .logo-title, .site-title {
  font-family: "Cormorant Garamond", "Georgia", serif;
  letter-spacing: -0.018em;
}

p, li, a, span, button {
  font-weight: 400;
}

.header-logo img,
.logo img,
.navbar-brand img,
.site-logo img {
  max-height: 74px;
  width: auto;
  object-fit: contain;
}

.logo-wordmark,
.brand-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.logo-wordmark img,
.brand-wordmark img {
  height: 74px;
  width: auto;
  object-fit: contain;
}

@media (max-width: 768px) {
  .header-logo img,
  .logo img,
  .navbar-brand img,
  .site-logo img,
  .logo-wordmark img,
  .brand-wordmark img {
    max-height: 54px;
    height: 54px;
  }

  .mobile-header-actions,
  .mobile-top-actions,
  .header-actions-mobile {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    margin-left: auto;
  }

  .mobile-header-actions a,
  .mobile-top-actions a,
  .header-actions-mobile a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(4, 29, 67, .14);
  }

  .mobile-header-actions .phone,
  .header-actions-mobile .phone {
    background: linear-gradient(145deg, var(--fs-navy), var(--fs-navy-2));
    color: #fff;
  }

  .mobile-header-actions .whatsapp,
  .header-actions-mobile .whatsapp {
    background: linear-gradient(145deg, #18bf4f, var(--fs-green-2));
    color: #fff;
  }

  .mobile-header-actions i,
  .header-actions-mobile i {
    font-size: 18px;
  }
}

.mobile-sticky-contact,
.mobile-bottom-contact,
.fixed-mobile-contact,
.mobile-contact-bar {
  position: fixed !important;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 9999;
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  pointer-events: none;
}

.mobile-sticky-contact a,
.mobile-bottom-contact a,
.fixed-mobile-contact a,
.mobile-contact-bar a,
a.mobile-whatsapp,
a.mobile-call {
  min-height: 64px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(4, 29, 67, .22);
  pointer-events: auto;
  transform: translateZ(0);
  animation: fs-soft-breathe 2.8s ease-in-out infinite;
}

.mobile-sticky-contact .whatsapp,
.mobile-bottom-contact .whatsapp,
.fixed-mobile-contact .whatsapp,
.mobile-contact-bar .whatsapp,
a.mobile-whatsapp {
  color: #fff !important;
  background: linear-gradient(145deg, #1fc958, #0a8f35);
}

.mobile-sticky-contact .phone,
.mobile-bottom-contact .phone,
.fixed-mobile-contact .phone,
.mobile-contact-bar .phone,
a.mobile-call {
  color: #fff !important;
  background: linear-gradient(145deg, #0b438c, #041f4b);
}

.mobile-sticky-contact i,
.mobile-bottom-contact i,
.fixed-mobile-contact i,
.mobile-contact-bar i,
a.mobile-whatsapp i,
a.mobile-call i {
  font-size: 24px;
  line-height: 1;
}

@keyframes fs-soft-breathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.025); }
}

@media (max-width: 768px) {
  .mobile-sticky-contact,
  .mobile-bottom-contact,
  .fixed-mobile-contact,
  .mobile-contact-bar {
    display: grid !important;
  }
  body {
    padding-bottom: 92px;
  }
}

.fa, .fa-solid, .fa-regular, .fa-brands {
  line-height: 1;
}

/* Remove bulky typography feel without increasing size */
.hero h1, .page-title, .section-title {
  font-weight: 700;
}

.hero p, .lead, .section-lead {
  line-height: 1.72;
  color: #25344d;
}

.card, .service-card, .info-card {
  border-radius: 22px;
}


/* === Logo path/display fix === */
.header-logo img,
.logo img,
.navbar-brand img,
.site-logo img,
.brand img,
header img[alt*="Fatih"],
header img[alt*="SARI"],
header img[alt*="Mali"] {
  display: block;
  height: auto;
  max-height: 78px;
  max-width: 310px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .header-logo img,
  .logo img,
  .navbar-brand img,
  .site-logo img,
  .brand img,
  header img[alt*="Fatih"],
  header img[alt*="SARI"],
  header img[alt*="Mali"] {
    max-height: 56px;
    max-width: 210px;
  }
}


/* Hide accidental orphan header icons; mobile bottom contact bar remains visible */
body > .header-actions-mobile-final,
body > .mobile-header-actions:not(.mobile-contact-bar),
body > .mobile-top-actions:not(.mobile-contact-bar) {
  display: none !important;
}


/* =========================================================
   S.M.M.M Fatih Sarı - V2 Siyah Beyaz Kırmızı Kurumsal Tema
   ========================================================= */
:root{
  --v2-black:#101010;
  --v2-white:#ffffff;
  --v2-soft:#f6f7f9;
  --v2-border:#e6e8ec;
  --v2-text:#1d2430;
  --v2-muted:#687083;
  --v2-red:#c1121f;
  --v2-green:#10a53a;
}

body{
  background:#fff!important;
  color:var(--v2-text)!important;
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.01em;
}
h1,h2,h3,h4,.section-title,.page-title,.hero-title{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  letter-spacing:-.02em;
}
header,.header,.site-header,.main-header,.navbar,.nav-wrapper{
  background:#fff!important;
  border-bottom:1px solid var(--v2-border)!important;
  box-shadow:0 10px 30px rgba(16,16,16,.04)!important;
}
.header-logo img,.logo img,.navbar-brand img,.site-logo img,.brand img,
header img[alt*="Fatih"],header img[alt*="SARI"],header img[alt*="Mali"]{
  display:block!important;
  max-height:74px!important;
  max-width:320px!important;
  width:auto!important;
  object-fit:contain!important;
}
nav a,.menu a,.navbar a,.nav-menu a,.main-menu a{
  color:#1b2433!important;
  font-weight:700!important;
  position:relative;
}
nav a:hover,.menu a:hover,.navbar a:hover,.nav-menu a:hover,.main-menu a:hover,
nav a.active,.menu a.active,.navbar a.active{
  color:var(--v2-red)!important;
}
nav a:after,.menu a:after,.navbar a:after,.nav-menu a:after,.main-menu a:after{
  content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--v2-red);
  transform:scaleX(0);transition:.22s ease;
}
nav a:hover:after,.menu a:hover:after,.navbar a:hover:after,.nav-menu a:hover:after,.main-menu a:hover:after,
nav a.active:after,.menu a.active:after,.navbar a.active:after{transform:scaleX(1)}

.hero,.hero-section,.home-hero,.main-hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(193,18,31,.20), transparent 28%),
    radial-gradient(circle at 84% 22%, rgba(255,255,255,.10), transparent 32%),
    linear-gradient(135deg,#050505 0%,#151515 58%,#2a0b0f 100%)!important;
  color:#fff!important;position:relative!important;overflow:hidden!important;
}
.hero:before,.hero-section:before,.home-hero:before,.main-hero:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:46px 46px;opacity:.42;pointer-events:none;
}
.hero *,.hero-section *,.home-hero *,.main-hero *{position:relative;z-index:1}
.hero h1,.hero-section h1,.home-hero h1,.main-hero h1{color:#fff!important;text-shadow:0 14px 42px rgba(0,0,0,.32)}
.hero p,.hero-section p,.home-hero p,.main-hero p{color:rgba(255,255,255,.86)!important;line-height:1.72!important}
.hero-card,.service-panel,.hero-services,.glass-card{
  background:rgba(255,255,255,.93)!important;color:#1d2430!important;border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.24)!important;backdrop-filter:blur(14px);
}
.hero-card i,.service-panel i,.hero-services i,.glass-card i{color:var(--v2-red)!important}

.btn,.button,.call-btn,.phone-btn{
  border-radius:999px!important;font-weight:800!important;box-shadow:0 16px 36px rgba(16,16,16,.16)!important;
}
.btn-primary,.button-primary,.phone,.phone-btn,.call-btn,a[href^="tel"]{
  background:linear-gradient(145deg,#171717,#000)!important;color:#fff!important;border-color:#000!important;
}
.whatsapp,.whatsapp-btn,a[href*="wa.me"],a[href*="whatsapp"]{
  background:linear-gradient(145deg,#18bf4f,#0a8f35)!important;color:#fff!important;
}

.card,.service-card,.info-card,.feature-card,.article-card,.blog-card{
  background:#fff!important;border:1px solid var(--v2-border)!important;border-radius:22px!important;
  box-shadow:0 18px 42px rgba(16,16,16,.06)!important;transition:.22s ease!important;
}
.card:hover,.service-card:hover,.info-card:hover,.feature-card:hover,.article-card:hover,.blog-card:hover{
  transform:translateY(-3px);border-color:rgba(193,18,31,.28)!important;box-shadow:0 24px 56px rgba(16,16,16,.10)!important;
}
.card i,.service-card i,.info-card i,.feature-card i,.article-card i,.blog-card i,.fa-solid,.fa-regular{color:var(--v2-red)}
.bg-light,.light-section{background:var(--v2-soft)!important}

/* Footer V2 */
footer,.footer,.site-footer{
  background:#0b0b0b!important;color:rgba(255,255,255,.78)!important;
  padding:48px 0 112px!important;border-top:4px solid var(--v2-red)!important;overflow:hidden!important;
}
footer *,.footer *,.site-footer *{box-sizing:border-box}
footer .container,.footer .container,.site-footer .container,
footer .footer-content,.footer .footer-content,.site-footer .footer-content,
footer .row,.footer .row,.site-footer .row{
  max-width:1180px!important;margin:0 auto!important;padding-left:22px!important;padding-right:22px!important;
  display:grid!important;grid-template-columns:1.1fr .8fr 1.1fr!important;gap:34px!important;align-items:start!important;
}
footer h3,footer h4,footer .footer-title,.footer h3,.footer h4,.footer .footer-title,.site-footer h3,.site-footer h4,.site-footer .footer-title{
  color:#fff!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:25px!important;line-height:1.15!important;margin:0 0 16px!important;
}
footer p,.footer p,.site-footer p,footer li,.footer li,.site-footer li,footer a,.footer a,.site-footer a{
  color:rgba(255,255,255,.76)!important;font-size:15px!important;line-height:1.7!important;margin:0 0 8px!important;
}
footer a:hover,.footer a:hover,.site-footer a:hover{color:#fff!important}
footer ul,.footer ul,.site-footer ul{list-style:none!important;padding:0!important;margin:0!important}
footer li,.footer li,.site-footer li{margin:0 0 9px!important}
footer li a:before,.footer li a:before,.site-footer li a:before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--v2-red);margin-right:9px;vertical-align:middle;
}
footer .footer-bottom,.footer .footer-bottom,.site-footer .footer-bottom,.copyright{
  grid-column:1/-1!important;border-top:1px solid rgba(255,255,255,.10)!important;margin-top:18px!important;padding-top:18px!important;
  color:rgba(255,255,255,.55)!important;font-size:13px!important;
}
footer img,.footer img,.site-footer img{max-width:230px!important;max-height:70px!important;object-fit:contain!important;margin-bottom:14px!important}

.mobile-contact-bar,.mobile-sticky-contact,.mobile-bottom-contact,.fixed-mobile-contact{
  position:fixed!important;left:16px!important;right:16px!important;bottom:16px!important;z-index:9999!important;
  display:none!important;grid-template-columns:1fr 1fr!important;gap:12px!important;pointer-events:none!important;
}
.mobile-contact-bar a,.mobile-sticky-contact a,.mobile-bottom-contact a,.fixed-mobile-contact a{
  min-height:66px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  font-size:18px!important;font-weight:800!important;text-decoration:none!important;color:#fff!important;pointer-events:auto!important;
  box-shadow:0 18px 40px rgba(0,0,0,.28)!important;animation:v2-breathe 2.7s ease-in-out infinite!important;
}
.mobile-contact-bar .whatsapp,.mobile-sticky-contact .whatsapp,.mobile-bottom-contact .whatsapp,.fixed-mobile-contact .whatsapp{
  background:linear-gradient(145deg,#1fc958,#089236)!important;
}
.mobile-contact-bar .phone,.mobile-sticky-contact .phone,.mobile-bottom-contact .phone,.fixed-mobile-contact .phone{
  background:linear-gradient(145deg,#1a1a1a,#c1121f)!important;
}
.mobile-contact-bar i,.mobile-sticky-contact i,.mobile-bottom-contact i,.fixed-mobile-contact i{color:#fff!important;font-size:25px!important}
@keyframes v2-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.025)}}

body > .header-actions-mobile-final,body > .mobile-header-actions:not(.mobile-contact-bar),body > .mobile-top-actions:not(.mobile-contact-bar){display:none!important}

@media(max-width:768px){
  header,.header,.site-header,.main-header,.navbar,.nav-wrapper{min-height:88px!important;padding:10px 12px!important}
  .header-logo img,.logo img,.navbar-brand img,.site-logo img,.brand img,
  header img[alt*="Fatih"],header img[alt*="SARI"],header img[alt*="Mali"]{max-height:58px!important;max-width:218px!important}
  .menu-toggle,.hamburger,.navbar-toggler,.nav-toggle{
    width:48px!important;height:48px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--v2-border)!important;
    box-shadow:0 10px 22px rgba(16,16,16,.08)!important;color:#101010!important;
  }
  .hero,.hero-section,.home-hero,.main-hero{padding-top:46px!important;padding-bottom:54px!important}
  .hero h1,.hero-section h1,.home-hero h1,.main-hero h1{font-size:clamp(42px,11vw,62px)!important;line-height:.98!important}
  footer,.footer,.site-footer{padding:38px 0 136px!important}
  footer .container,.footer .container,.site-footer .container,
  footer .footer-content,.footer .footer-content,.site-footer .footer-content,
  footer .row,.footer .row,.site-footer .row{
    display:block!important;padding-left:24px!important;padding-right:24px!important;
  }
  footer .container > *,.footer .container > *,.site-footer .container > *,
  footer .footer-content > *,.footer .footer-content > *,.site-footer .footer-content > *,
  footer .row > *,.footer .row > *,.site-footer .row > *{
    width:100%!important;max-width:100%!important;margin:0 0 26px!important;
  }
  footer h3,footer h4,footer .footer-title,.footer h3,.footer h4,.footer .footer-title,.site-footer h3,.site-footer h4,.site-footer .footer-title{
    font-size:24px!important;margin-bottom:12px!important;
  }
  footer p,.footer p,.site-footer p,footer li,.footer li,.site-footer li,footer a,.footer a,.site-footer a{
    font-size:15.5px!important;line-height:1.58!important;overflow-wrap:anywhere!important;
  }
  footer br,.footer br,.site-footer br{display:none}
  .mobile-contact-bar,.mobile-sticky-contact,.mobile-bottom-contact,.fixed-mobile-contact{display:grid!important}
  body{padding-bottom:92px!important}
}
@media(min-width:769px){
  .mobile-contact-bar,.mobile-sticky-contact,.mobile-bottom-contact,.fixed-mobile-contact{display:none!important}
}


/* =========================================================
   V3 Ferah Tema: %70 Beyaz, %20 Lacivert, %10 Kırmızı
   ========================================================= */
:root{
  --v3-navy:#0f172a;
  --v3-navy-2:#1e3a5f;
  --v3-red:#c1121f;
  --v3-red-soft:#fff1f2;
  --v3-soft:#f8fafc;
  --v3-line:#e5e7eb;
  --v3-text:#182235;
  --v3-muted:#64748b;
  --v3-white:#ffffff;
}
body{
  background:var(--v3-white)!important;
  color:var(--v3-text)!important;
}
header,.header,.site-header,.main-header,.navbar,.nav-wrapper{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--v3-line)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.045)!important;
}
nav a,.menu a,.navbar a,.nav-menu a,.main-menu a{
  color:var(--v3-navy)!important;
}
nav a:hover,.menu a:hover,.navbar a:hover,.nav-menu a:hover,.main-menu a:hover{
  color:var(--v3-red)!important;
}
.hero,.hero-section,.home-hero,.main-hero{
  background:
    radial-gradient(circle at 88% 10%, rgba(193,18,31,.12), transparent 30%),
    radial-gradient(circle at 8% 80%, rgba(15,23,42,.10), transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f8fafc 52%,#eef3fa 100%)!important;
  color:var(--v3-text)!important;
}
.hero:before,.hero-section:before,.home-hero:before,.main-hero:before{
  background-image:
    linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px),
    linear-gradient(0deg,rgba(15,23,42,.035) 1px,transparent 1px)!important;
  opacity:.55!important;
}
.hero:after,.hero-section:after,.home-hero:after,.main-hero:after{
  border-color:rgba(193,18,31,.14)!important;
}
.hero h1,.hero-section h1,.home-hero h1,.main-hero h1,.hero-title{
  color:var(--v3-navy)!important;
  text-shadow:none!important;
}
.hero p,.hero-section p,.home-hero p,.main-hero p,.hero .lead,.hero-section .lead{
  color:#334155!important;
  line-height:1.75!important;
}
.hero .location,.hero-section .location,.eyebrow,.badge,.hero-badge{
  color:var(--v3-red)!important;
  background:var(--v3-red-soft)!important;
  border:1px solid rgba(193,18,31,.18)!important;
}
.hero-card,.service-panel,.hero-services,.glass-card{
  background:#fff!important;
  color:var(--v3-text)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 24px 58px rgba(15,23,42,.10)!important;
  backdrop-filter:none!important;
}
.hero-card p,.service-panel p,.hero-services p,.glass-card p{
  color:#334155!important;
  font-weight:500!important;
}
.hero-card li,.service-panel li,.hero-services li,.glass-card li{
  color:#1f2937!important;
  line-height:1.7!important;
}
.hero-card i,.service-panel i,.hero-services i,.glass-card i,
.card i,.service-card i,.info-card i,.feature-card i,.article-card i,.blog-card i{
  color:var(--v3-red)!important;
}
.btn-primary,.button-primary,.phone,.phone-btn,.call-btn,a[href^="tel"]{
  background:linear-gradient(145deg,var(--v3-navy),var(--v3-navy-2))!important;
  color:#fff!important;
  border-color:var(--v3-navy)!important;
}
.card,.service-card,.info-card,.feature-card,.article-card,.blog-card{
  background:#fff!important;
  border:1px solid var(--v3-line)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.07)!important;
}
.card:hover,.service-card:hover,.info-card:hover,.feature-card:hover,.article-card:hover,.blog-card:hover{
  border-color:rgba(193,18,31,.28)!important;
  box-shadow:0 22px 54px rgba(15,23,42,.11)!important;
}
.bg-light,.light-section,section:nth-of-type(even){
  background:var(--v3-soft)!important;
}
footer,.footer,.site-footer{
  background:var(--v3-navy)!important;
  border-top:4px solid var(--v3-red)!important;
  color:rgba(255,255,255,.78)!important;
}
.mobile-contact-bar .phone,.mobile-sticky-contact .phone,.mobile-bottom-contact .phone,.fixed-mobile-contact .phone{
  background:linear-gradient(145deg,var(--v3-navy),var(--v3-red))!important;
}
.content-page,.article-page,.guide-page{
  background:#fff!important;
}
.guide-hero{
  background:linear-gradient(135deg,#fff,#f8fafc)!important;
  border-bottom:1px solid var(--v3-line);
  padding:54px 0 34px;
}
.guide-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.guide-grid{display:grid;grid-template-columns:2.1fr .9fr;gap:28px;align-items:start}
.guide-main,.guide-side{
  background:#fff;border:1px solid var(--v3-line);border-radius:24px;box-shadow:0 16px 42px rgba(15,23,42,.06);padding:30px;
}
.guide-main h1{font-size:44px;line-height:1.05;margin:0 0 14px;color:var(--v3-navy)}
.guide-main h2{font-size:30px;margin-top:34px;color:var(--v3-navy)}
.guide-main h3{font-size:23px;margin-top:24px;color:var(--v3-navy)}
.guide-main p,.guide-main li{font-size:16px;line-height:1.82;color:#334155}
.guide-main ul{padding-left:22px}
.guide-kicker{display:inline-block;background:var(--v3-red-soft);border:1px solid rgba(193,18,31,.18);color:var(--v3-red);border-radius:999px;padding:8px 13px;font-weight:800;font-size:13px;margin-bottom:14px}
.guide-side h3{font-size:23px;margin-top:0;color:var(--v3-navy)}
.guide-side a{display:block;padding:10px 0;border-bottom:1px solid var(--v3-line);color:#334155;text-decoration:none;font-weight:700}
.guide-side a:hover{color:var(--v3-red)!important}
.faq-box{background:#f8fafc;border:1px solid var(--v3-line);border-radius:18px;padding:18px;margin:14px 0}
.faq-box strong{color:var(--v3-navy)}
.source-note{font-size:14px!important;color:#64748b!important;background:#f8fafc;border-left:4px solid var(--v3-red);padding:14px 16px;border-radius:12px}
@media(max-width:768px){
  .guide-grid{display:block}
  .guide-main,.guide-side{padding:22px;margin-bottom:20px}
  .guide-main h1{font-size:36px}
}


/* Final clean-up: no web fixed contact buttons, no header phone/whatsapp icons */
@media (min-width: 769px) {
  .mobile-contact-bar,
  .mobile-sticky-contact,
  .mobile-bottom-contact,
  .fixed-mobile-contact {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

.header-actions-mobile,
.mobile-header-actions,
.mobile-top-actions,
.header-actions-mobile-final {
  display: none !important;
  visibility: hidden !important;
}

.footer-clean .footer-contact p {
  margin-bottom: 8px !important;
}

.footer-clean {
  padding-bottom: 70px !important;
}

@media (max-width: 768px) {
  .footer-clean {
    padding-bottom: 128px !important;
  }
  .mobile-contact-bar {
    display: grid !important;
  }
}


/* === Final icon cleanup === */

/* Web/desktop: telefon ve WhatsApp sabit/üst ikonlar yok */
@media (min-width: 769px) {
  .mobile-contact-bar,
  .mobile-sticky-contact,
  .mobile-bottom-contact,
  .fixed-mobile-contact,
  .header-actions-mobile,
  .mobile-header-actions,
  .mobile-top-actions,
  .header-actions,
  .top-actions,
  .header-actions-mobile-final {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  a[href*="wa.me"].mobile-float-btn,
  a[href*="whatsapp"].mobile-float-btn,
  a[href^="tel:"].mobile-float-btn {
    display: none !important;
  }
}

/* Header yanında ikon kalmasın */
header .header-actions-mobile,
header .mobile-header-actions,
header .mobile-top-actions,
header .header-actions,
header .top-actions,
.navbar .header-actions,
.navbar .mobile-header-actions {
  display: none !important;
}

/* Ana sayfa normal WhatsApp butonlarında yazı görünmesin */
.home a[href*="wa.me"]:not(.mobile-float-btn) span,
.home a[href*="whatsapp"]:not(.mobile-float-btn) span,
body.index a[href*="wa.me"]:not(.mobile-float-btn) span,
body.index a[href*="whatsapp"]:not(.mobile-float-btn) span {
  display: none !important;
}

.home a[href*="wa.me"]:not(.mobile-float-btn),
.home a[href*="whatsapp"]:not(.mobile-float-btn),
body.index a[href*="wa.me"]:not(.mobile-float-btn),
body.index a[href*="whatsapp"]:not(.mobile-float-btn) {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.home a[href*="wa.me"]:not(.mobile-float-btn) i,
.home a[href*="whatsapp"]:not(.mobile-float-btn) i,
body.index a[href*="wa.me"]:not(.mobile-float-btn) i,
body.index a[href*="whatsapp"]:not(.mobile-float-btn) i {
  font-size: 22px !important;
  margin: 0 !important;
}

/* Mobil alt ikonlar: daha modern, yazısız, titreşimli */
.mobile-contact-bar.mobile-contact-bar-final {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 18px !important;
  z-index: 99999 !important;
  display: none !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  padding: 0 24px !important;
  pointer-events: none !important;
  background: transparent !important;
}

.mobile-contact-bar .mobile-float-btn {
  width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: visible !important;
  pointer-events: auto !important;
  border: 4px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 18px 38px rgba(15,23,42,.28) !important;
  animation: fs-vibrate 2.35s ease-in-out infinite !important;
}

.mobile-contact-bar .mobile-wa {
  background: radial-gradient(circle at 28% 20%, #52f27f, #10a53a 55%, #08772a 100%) !important;
}

.mobile-contact-bar .mobile-phone {
  background: radial-gradient(circle at 28% 20%, #2b6eea, #0f3f8f 55%, #0f172a 100%) !important;
}

.mobile-contact-bar .mobile-float-btn i {
  color: #fff !important;
  font-size: 31px !important;
  line-height: 1 !important;
  margin: 0 !important;
  transform: translateZ(0) !important;
}

.mobile-contact-bar .pulse-ring {
  position: absolute !important;
  inset: -12px !important;
  border-radius: 50% !important;
  border: 3px solid currentColor !important;
  opacity: .22 !important;
  animation: fs-ring 1.9s ease-out infinite !important;
}

.mobile-contact-bar .mobile-wa .pulse-ring {
  color: #16c653 !important;
}

.mobile-contact-bar .mobile-phone .pulse-ring {
  color: #1d5fd1 !important;
}

@keyframes fs-vibrate {
  0%, 100% { transform: rotate(0deg) translateY(0) scale(1); }
  6% { transform: rotate(-4deg) translateY(-1px) scale(1.02); }
  12% { transform: rotate(4deg) translateY(0) scale(1.02); }
  18% { transform: rotate(-3deg) translateY(-1px) scale(1.02); }
  24% { transform: rotate(3deg) translateY(0) scale(1.02); }
  30% { transform: rotate(0deg) translateY(0) scale(1); }
}

@keyframes fs-ring {
  0% { transform: scale(.72); opacity: .38; }
  80% { transform: scale(1.35); opacity: 0; }
  100% { transform: scale(1.35); opacity: 0; }
}

@media (max-width: 768px) {
  .mobile-contact-bar.mobile-contact-bar-final {
    display: grid !important;
  }
  body {
    padding-bottom: 108px !important;
  }
}

@media (max-width: 420px) {
  .mobile-contact-bar .mobile-float-btn {
    width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
  }
  .mobile-contact-bar .mobile-float-btn i {
    font-size: 28px !important;
  }
}


/* Desktop ana sayfa hero sağ telefon/WhatsApp ikon temizliği */
@media (min-width: 769px) {
  .hero a[href^="tel:"],
  .hero-section a[href^="tel:"],
  .home-hero a[href^="tel:"],
  .main-hero a[href^="tel:"],
  .hero a[href*="wa.me"],
  .hero-section a[href*="wa.me"],
  .home-hero a[href*="wa.me"],
  .main-hero a[href*="wa.me"],
  .hero a[href*="whatsapp"],
  .hero-section a[href*="whatsapp"],
  .home-hero a[href*="whatsapp"],
  .main-hero a[href*="whatsapp"],
  .hero .phone,
  .hero-section .phone,
  .home-hero .phone,
  .main-hero .phone,
  .hero .whatsapp,
  .hero-section .whatsapp,
  .home-hero .whatsapp,
  .main-hero .whatsapp,
  .desktop-actions,
  .hero-actions,
  .contact-actions,
  .quick-actions,
  .header-actions,
  .top-actions {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .mobile-contact-bar,
  .mobile-sticky-contact,
  .mobile-bottom-contact,
  .fixed-mobile-contact {
    display: none !important;
  }
}

/* Mobilde sadece alt sabit ikonlar kalsın */
@media (max-width: 768px) {
  header a[href^="tel:"],
  header a[href*="wa.me"],
  header a[href*="whatsapp"],
  .header-actions,
  .top-actions,
  .desktop-actions,
  .hero-actions,
  .contact-actions,
  .quick-actions {
    display: none !important;
  }

  .mobile-contact-bar a[href^="tel:"],
  .mobile-contact-bar a[href*="wa.me"],
  .mobile-contact-bar a[href*="whatsapp"] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

@media(min-width:769px){.float-phone,.float-wa{display:none!important}}


/* Content expansion components only - no global layout changes */
.guide-hero{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;padding:54px 0 34px}
.guide-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.guide-grid{display:grid;grid-template-columns:2.1fr .9fr;gap:28px;align-items:start}
.guide-main,.guide-side{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 16px 42px rgba(15,23,42,.06);padding:30px}
.guide-main h1{font-size:44px;line-height:1.05;margin:0 0 14px;color:#0f172a}
.guide-main h2{font-size:30px;margin-top:34px;color:#0f172a}
.guide-main h3{font-size:23px;margin-top:24px;color:#0f172a}
.guide-main p,.guide-main li{font-size:16px;line-height:1.82;color:#334155}
.guide-kicker{display:inline-block;background:#fff1f2;border:1px solid rgba(193,18,31,.18);color:#c1121f;border-radius:999px;padding:8px 13px;font-weight:800;font-size:13px;margin-bottom:14px}
.guide-side h3{font-size:23px;margin-top:0;color:#0f172a}
.guide-side ul{padding-left:0;list-style:none}
.guide-side a{display:block;padding:10px 0;border-bottom:1px solid #e5e7eb;color:#334155;text-decoration:none;font-weight:700}
.guide-side a:hover{color:#c1121f!important}
.faq-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin:14px 0}
.faq-box strong{color:#0f172a}
.source-note{font-size:14px!important;color:#64748b!important;background:#f8fafc;border-left:4px solid #c1121f;padding:14px 16px;border-radius:12px}
.table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:18px;margin:18px 0}
.table-wrap table{width:100%;border-collapse:collapse;background:#fff}
.table-wrap th,.table-wrap td{padding:14px 16px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}
.table-wrap th{background:#f8fafc;color:#0f172a}
@media(max-width:768px){.guide-grid{display:block}.guide-main,.guide-side{padding:22px;margin-bottom:20px}.guide-main h1{font-size:36px}}


/* additional content-only guide components */
.guide-hero{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;padding:54px 0 34px}
.guide-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.guide-grid{display:grid;grid-template-columns:2.1fr .9fr;gap:28px;align-items:start}
.guide-main,.guide-side{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 16px 42px rgba(15,23,42,.06);padding:30px}
.guide-main h2{font-size:30px;margin-top:34px;color:#0f172a}.guide-main p,.guide-main li{font-size:16px;line-height:1.82;color:#334155}
.guide-kicker{display:inline-block;background:#fff1f2;border:1px solid rgba(193,18,31,.18);color:#c1121f;border-radius:999px;padding:8px 13px;font-weight:800;font-size:13px;margin-bottom:14px}
.guide-side ul{padding-left:0;list-style:none}.guide-side a{display:block;padding:10px 0;border-bottom:1px solid #e5e7eb;color:#334155;text-decoration:none;font-weight:700}
.faq-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin:14px 0}.source-note{font-size:14px!important;color:#64748b!important;background:#f8fafc;border-left:4px solid #c1121f;padding:14px 16px;border-radius:12px}
@media(max-width:768px){.guide-grid{display:block}.guide-main,.guide-side{padding:22px;margin-bottom:20px}}


/* === Mobile footer whitespace fix === */
.mobile-contact-bar.mobile-contact-bar-final,
.mobile-contact-bar,
.mobile-sticky-contact,
.mobile-bottom-contact,
.fixed-mobile-contact {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  width: auto !important;
  height: 82px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 24px !important;
  display: none !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 99999 !important;
  overflow: visible !important;
}

.mobile-contact-bar.mobile-contact-bar-final a,
.mobile-contact-bar a,
.mobile-sticky-contact a,
.mobile-bottom-contact a,
.fixed-mobile-contact a {
  position: relative !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  max-width: 68px !important;
  max-height: 68px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  pointer-events: auto !important;
}

@media (max-width: 768px) {
  html, body {
    min-height: auto !important;
  }

  body {
    padding-bottom: 104px !important;
  }

  .mobile-contact-bar.mobile-contact-bar-final,
  .mobile-contact-bar {
    display: grid !important;
  }

  footer,
  .footer,
  .site-footer,
  .footer-clean {
    padding-bottom: 44px !important;
    margin-bottom: 0 !important;
  }

  main,
  .page,
  .content-page {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 769px) {
  .mobile-contact-bar.mobile-contact-bar-final,
  .mobile-contact-bar,
  .mobile-sticky-contact,
  .mobile-bottom-contact,
  .fixed-mobile-contact {
    display: none !important;
  }
}


/* Kastamonu content cluster components only */
.guide-hero{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;padding:54px 0 34px}
.guide-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.guide-grid{display:grid;grid-template-columns:2.1fr .9fr;gap:28px;align-items:start}
.guide-main,.guide-side{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 16px 42px rgba(15,23,42,.06);padding:30px}
.guide-main h2{font-size:30px;margin-top:34px;color:#0f172a}.guide-main p,.guide-main li{font-size:16px;line-height:1.82;color:#334155}
.guide-kicker{display:inline-block;background:#fff1f2;border:1px solid rgba(193,18,31,.18);color:#c1121f;border-radius:999px;padding:8px 13px;font-weight:800;font-size:13px;margin-bottom:14px}
.guide-side ul{padding-left:0;list-style:none}.guide-side a{display:block;padding:10px 0;border-bottom:1px solid #e5e7eb;color:#334155;text-decoration:none;font-weight:700}
.faq-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin:14px 0}.source-note{font-size:14px!important;color:#64748b!important;background:#f8fafc;border-left:4px solid #c1121f;padding:14px 16px;border-radius:12px}
@media(max-width:768px){.guide-grid{display:block}.guide-main,.guide-side{padding:22px;margin-bottom:20px}}


/* === FINAL MOBILE FOOTER GAP FIX ===
   Mobilde footer sonrası beyaz boşluğu kaldırır.
   Alt WhatsApp / telefon ikonlarını sayfa akışından çıkarıp sabitler.
*/
@media (max-width: 768px) {
  html,
  body {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  main,
  .page,
  .content-page,
  .wrapper,
  .site-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  footer,
  .footer,
  .site-footer,
  .footer-clean,
  .footer-v2 {
    margin-bottom: 0 !important;
    padding-bottom: 132px !important;
    background: #0f172a !important;
  }

  .mobile-contact-bar,
  .mobile-contact-bar.mobile-contact-bar-final,
  .mobile-sticky-contact,
  .mobile-bottom-contact,
  .fixed-mobile-contact {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: max(14px, env(safe-area-inset-bottom)) !important;
    width: 100% !important;
    height: 82px !important;
    min-height: 0 !important;
    max-height: 82px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
    z-index: 999999 !important;
    overflow: visible !important;
    float: none !important;
    clear: none !important;
  }

  .mobile-contact-bar a,
  .mobile-contact-bar.mobile-contact-bar-final a,
  .mobile-sticky-contact a,
  .mobile-bottom-contact a,
  .fixed-mobile-contact a {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    position: relative !important;
  }

  body > .mobile-contact-bar,
  body > .mobile-contact-bar.mobile-contact-bar-final {
    position: fixed !important;
  }
}

@media (min-width: 769px) {
  .mobile-contact-bar,
  .mobile-contact-bar.mobile-contact-bar-final,
  .mobile-sticky-contact,
  .mobile-bottom-contact,
  .fixed-mobile-contact {
    display: none !important;
  }
}



/* === Desktop right phone notification === */
.desktop-phone-notice {
  position: fixed;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99998;
  width: 292px;
  display: none;
  animation: desktopNoticeBlink 7s infinite ease-in-out;
}

.desktop-phone-notice a {
  display: flex;
  align-items: center;
  gap: 13px;
  text-decoration: none;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.10);
  border-left: 4px solid #c1121f;
  border-radius: 18px;
  padding: 15px 16px;
  box-shadow: 0 22px 54px rgba(15,23,42,.18);
  color: #0f172a !important;
  backdrop-filter: blur(12px);
}

.notice-phone-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  background: linear-gradient(145deg,#0f172a,#c1121f);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: phoneRingShake 1.35s infinite ease-in-out;
}

.notice-phone-icon::before,
.notice-phone-icon::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  border: 2px solid rgba(193,18,31,.32);
  animation: phoneRingWave 1.6s infinite ease-out;
}

.notice-phone-icon::after {
  animation-delay: .45s;
}

.notice-phone-icon i {
  color: #fff !important;
  font-size: 21px;
}

.notice-text {
  display: grid;
  gap: 4px;
}

.notice-text strong {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: .01em;
  color: #0f172a;
}

.notice-text small {
  font-size: 13px;
  line-height: 1.35;
  color: #475569;
  font-weight: 600;
}

@keyframes desktopNoticeBlink {
  0%, 71.4% {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
  }
  78%, 100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%) translateX(24px);
  }
}

@keyframes phoneRingShake {
  0%, 100% { transform: rotate(0deg); }
  8% { transform: rotate(-12deg); }
  16% { transform: rotate(12deg); }
  24% { transform: rotate(-9deg); }
  32% { transform: rotate(9deg); }
  40% { transform: rotate(0deg); }
}

@keyframes phoneRingWave {
  0% { transform: scale(.78); opacity: .45; }
  85% { transform: scale(1.35); opacity: 0; }
  100% { transform: scale(1.35); opacity: 0; }
}

@media (min-width: 992px) {
  .desktop-phone-notice {
    display: block;
  }
}

@media (max-width: 991px) {
  .desktop-phone-notice {
    display: none !important;
  }
}


/* === Desktop phone notification bottom WhatsApp-like revision === */
.desktop-phone-notice {
  position: fixed !important;
  right: 24px !important;
  top: auto !important;
  bottom: 26px !important;
  transform: none !important;
  z-index: 99998 !important;
  width: 318px !important;
  display: none !important;
  animation: desktopNoticeBottomBlink 7s infinite ease-in-out !important;
}

.desktop-phone-notice a {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
  background: linear-gradient(145deg,#ffffff,#f4fff7) !important;
  border: 1px solid rgba(16,185,82,.22) !important;
  border-left: 0 !important;
  border-radius: 999px !important;
  padding: 12px 17px 12px 12px !important;
  box-shadow: 0 22px 54px rgba(16,185,82,.20), 0 12px 32px rgba(15,23,42,.12) !important;
  color: #0f172a !important;
  backdrop-filter: blur(12px) !important;
}

.notice-phone-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 20%, #5cff8d, #12b447 55%, #08772a 100%) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  box-shadow: 0 14px 34px rgba(16,185,82,.34) !important;
  animation: noticeWhatsappVibrate 2.25s ease-in-out infinite !important;
}

.notice-phone-icon::before,
.notice-phone-icon::after {
  content: "" !important;
  position: absolute !important;
  inset: -10px !important;
  border-radius: 50% !important;
  border: 3px solid rgba(16,185,82,.28) !important;
  animation: noticeWhatsappRing 1.9s infinite ease-out !important;
}

.notice-phone-icon::after {
  animation-delay: .48s !important;
}

.notice-phone-icon i {
  color: #fff !important;
  font-size: 23px !important;
}

.notice-text {
  display: grid !important;
  gap: 3px !important;
}

.notice-text strong {
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  color: #0f172a !important;
}

.notice-text small {
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #166534 !important;
  font-weight: 700 !important;
}

@keyframes desktopNoticeBottomBlink {
  0%, 71.4% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
  78%, 100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px) scale(.96);
  }
}

@keyframes noticeWhatsappVibrate {
  0%, 100% { transform: rotate(0deg) scale(1); }
  6% { transform: rotate(-5deg) scale(1.035); }
  12% { transform: rotate(5deg) scale(1.035); }
  18% { transform: rotate(-4deg) scale(1.035); }
  24% { transform: rotate(4deg) scale(1.035); }
  30% { transform: rotate(0deg) scale(1); }
}

@keyframes noticeWhatsappRing {
  0% { transform: scale(.72); opacity: .42; }
  82% { transform: scale(1.38); opacity: 0; }
  100% { transform: scale(1.38); opacity: 0; }
}

@media (min-width: 992px) {
  .desktop-phone-notice {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .desktop-phone-notice {
    display: none !important;
  }
}

