/* =========================================================
   Kılıç Spot — tema katmanı (2026-10-31)
   Mevcut CSS'in üstüne yüklenir; kaldırmak için header.php'deki
   ks-theme.css satırını silmek yeterli.
   ========================================================= */

:root{
  --ks-red:#d92316;
  --ks-red-dark:#b51b10;
  --ks-ink:#17191d;
  --ks-muted:#5f646d;
  --ks-line:#e7e3dd;
  --ks-bg:#f6f4f1;
  --ks-card:#ffffff;
  --ks-wa:#1fa855;
  --ks-radius:16px;
  --ks-shadow:0 1px 2px rgba(23,25,29,.04), 0 10px 30px rgba(23,25,29,.07);
  --ks-font:"Plus Jakarta Sans", "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---------- Temel tipografi ---------- */
body, .content-wrap, p, li, input, select, textarea, button{
  font-family:var(--ks-font);
}
body{ color:var(--ks-ink); background:var(--ks-bg); -webkit-font-smoothing:antialiased; }
#wrapper, #content, .content-wrap{ background:var(--ks-bg); }
p{ color:var(--ks-muted); line-height:1.65; }

h1,h2,h3,h4,h5,h6,
.heading-block h1,.heading-block h2,.heading-block h3,.heading-block h4,
.fancy-title h1,.fancy-title h2,.fancy-title h3,.fancy-title h4,
.feature-box h3{
  font-family:var(--ks-font);
  color:var(--ks-ink) !important;
  letter-spacing:-.01em;
  font-weight:800;
}

/* Bölüm başlıkları: koyu metin + kırmızı vurgu çizgisi */
.heading-block.title-center h2,
.heading-block.title-center h3{ font-size:clamp(26px, 3.2vw, 38px); }
.heading-block.title-center:after{
  background:var(--ks-red) !important;
  width:56px; height:3px; border-radius:3px;
}
.heading-block > span{ color:var(--ks-muted) !important; font-family:var(--ks-font); }
.divider.divider-short.divider-center{ opacity:.35; }

a{ color:var(--ks-red); }
a:hover{ color:var(--ks-red-dark); }

/* ---------- Butonlar ---------- */
.button, .button.button-3d, a.button, button.button{
  font-family:var(--ks-font);
  background-color:var(--ks-red) !important;
  border:0 !important;
  border-radius:12px !important;
  box-shadow:0 6px 16px rgba(217,35,22,.22) !important;
  text-shadow:none !important;
  font-weight:700;
  letter-spacing:.02em;
  transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.button:hover, a.button:hover, button.button:hover{
  background-color:var(--ks-red-dark) !important;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(217,35,22,.28) !important;
}
.button:active{ transform:translateY(0); }
/* WhatsApp'a giden butonlar yeşil kalsın */
a.button[href*="wa.me"], a.button[href*="whatsapp"]{
  background-color:var(--ks-wa) !important;
  box-shadow:0 6px 16px rgba(31,168,85,.25) !important;
}
a.button[href*="wa.me"]:hover, a.button[href*="whatsapp"]:hover{ background-color:#178a45 !important; }

/* ---------- Hero (vitrin kutusu) ---------- */
#section-pricing .pricing-box.pricing-extended.hs-pricing-3col{
  background:var(--ks-card);
  border:1px solid var(--ks-line) !important;
  border-radius:calc(var(--ks-radius) + 6px);
  box-shadow:var(--ks-shadow);
  overflow:hidden;
}
@media (min-width:992px){
  /* Metin sütunu 162px'e sıkışıyordu: ızgaraya geçiyoruz */
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col{
    display:grid !important;
    grid-template-columns:minmax(280px, 1.15fr) minmax(0, 1fr) minmax(0, .85fr);
    gap:0 !important;
  }
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col.hs-no-mid{
    grid-template-columns:minmax(300px, 1.4fr) minmax(0, 1fr);
  }
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col > *{
    max-width:none !important; flex:none !important; order:0 !important;
    grid-row:1 !important; margin:0 !important;
  }
  /* Eski stiller sütunları kaydırıyordu: yerlerini açıkça veriyoruz */
  #section-pricing .hs-pricing-3col > .hs-pricing-left{ grid-column:1 !important; }
  #section-pricing .hs-pricing-3col > .hs-pricing-mid{ grid-column:2 !important; }
  #section-pricing .hs-pricing-3col > .hs-pricing-right{ grid-column:3 !important; }
  #section-pricing .hs-pricing-3col.hs-no-mid > .hs-pricing-right{ grid-column:2 !important; }
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col .hs-pricing-left{ padding:36px 32px !important; }
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col .hs-pricing-mid{ padding:20px !important; }
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col .hs-pricing-mid img{ transform:none !important; }
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col .hs-pricing-right{
    display:flex !important; flex-direction:column; justify-content:center;
    padding:32px 28px !important; background:#fbfaf8 !important;
  }
}
#section-pricing .pricing-desc .pricing-title h3,
#section-pricing .hs-pricing-left h3{
  font-size:clamp(24px, 2.4vw, 32px) !important;
  line-height:1.15 !important;
  text-transform:none;
}
#section-pricing .hs-pricing-features li{ color:var(--ks-muted); font-size:15px; }
#section-pricing .hs-pricing-features li i{ color:var(--ks-red) !important; }
#section-pricing .pricing-action-area{ border:0 !important; }

/* ---------- Hizmet kutuları ---------- */
#section-services ~ .col_one_third,
.content-wrap .col_one_third .feature-box{ transition:transform .18s ease; }
.content-wrap .feature-box.fbox-plain .fbox-icon i,
.content-wrap .feature-box .fbox-icon i{ color:var(--ks-red) !important; }
.content-wrap .feature-box h3{ font-size:15px !important; letter-spacing:.02em; }
.content-wrap .feature-box p{ font-size:14px; }

/* ---------- Kartlar (kategori, ürün, instagram) ---------- */
.pricing-box:not(.pricing-extended),
.instagram-static-card,
.product, .portfolio-item .portfolio-image{
  border-radius:var(--ks-radius) !important;
}
.pricing-box:not(.pricing-extended){
  background:var(--ks-card);
  border:1px solid var(--ks-line) !important;
  box-shadow:var(--ks-shadow);
  overflow:hidden;
}
.pricing-box:not(.pricing-extended) .pricing-title{
  background:transparent !important; border-bottom:1px solid var(--ks-line) !important;
}
.instagram-static-card{
  border-color:var(--ks-line) !important;
  box-shadow:var(--ks-shadow) !important;
  transition:transform .18s ease, box-shadow .18s ease;
}
.instagram-static-card:hover{ transform:translateY(-3px); box-shadow:0 16px 36px rgba(23,25,29,.12) !important; }
.instagram-static-card img{ background:#efece8 !important; }

/* ---------- Form ---------- */
.sm-form-control, .form-control, #content input[type="text"], #content input[type="email"],
#content input[type="tel"], #content select, #content textarea{
  border:1px solid var(--ks-line) !important;
  border-radius:12px !important;
  background:#fff;
  font-family:var(--ks-font);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.sm-form-control:focus, .form-control:focus, #content input:focus, #content select:focus, #content textarea:focus{
  border-color:var(--ks-red) !important;
  box-shadow:0 0 0 3px rgba(217,35,22,.12) !important;
  outline:0;
}
#content label{ color:var(--ks-ink); font-family:var(--ks-font); letter-spacing:.04em; }

/* ---------- Footer ---------- */
#footer.dark, #footer.dark #copyrights{
  background:#141518 !important;
  font-family:var(--ks-font);
}
#footer.dark #copyrights{ border-top:1px solid rgba(255,255,255,.06); }
#footer.dark a:hover{ color:#fff !important; }

/* ---------- Yüzen balonlar: üst üste binmesin ---------- */
@media (max-width:767px){
  #live-stats{ display:none !important; }
  #hs-wa-bubble{ display:none !important; }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion:reduce){
  .button, .instagram-static-card{ transition:none !important; }
  .button:hover, .instagram-static-card:hover{ transform:none !important; }
}

/* ---------- Mobil: kenar boşluklarını daralt (şablon .container'ı 310px'e sabitliyordu) ---------- */
@media (max-width:767px){
  .container, #section-pricing.container, .content-wrap > .container{
    width:100% !important; max-width:100% !important;
    padding-left:14px !important; padding-right:14px !important;
    margin-left:0 !important; margin-right:0 !important;
  }
  .content-wrap{ padding-top:24px !important; padding-bottom:24px !important; }

  /* Hero kutusu: iç boşluk az, köşe yumuşak */
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col{ border-radius:18px; margin-bottom:24px !important; }
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col .hs-pricing-left,
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col .hs-pricing-mid,
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col .hs-pricing-right{ padding:18px 16px !important; }
  #section-pricing .pricing-box.pricing-extended.hs-pricing-3col .hs-pricing-mid img{ width:100% !important; max-width:100% !important; height:300px !important; max-height:none !important; object-fit:cover !important; border-radius:12px; }
  #section-pricing .pricing-action-area a, #section-pricing .pricing-action a{ max-width:none !important; }

  /* İç içe kartlarda (WhatsApp katalog, iletişim kutuları) çift boşluğu azalt */
  .wa-hero-card{ padding:14px !important; border-radius:16px !important; }
  .wa-note, .wa-mini, .wa-bullets, .wa-products-head, .wa-products-grid, .wa-products-foot{ padding-left:10px !important; padding-right:10px !important; }
  .pricing-box:not(.pricing-extended) .pricing-action{ padding:16px !important; }

  /* Başlıklar ve satırlar */
  .heading-block{ margin-bottom:24px !important; }
  .heading-block.title-center h2, .heading-block.title-center h3{ font-size:26px; }
  .col_one_third, .col_one_fourth, .col_half, .col_two_third{ margin-bottom:18px !important; }
  .sm-form-control, #content textarea, #content select{ width:100% !important; }
}

/* ---------- İletişim kutuları (Konum / WhatsApp / Web / Instagram) ----------
   Şablonda ikon kutunun üstüne absolute taşıyordu; akışa alıp rozet yapıyoruz. */
.feature-box.fbox-center.fbox-bg{
  position:relative;
  margin:0 0 16px !important;
  padding:26px 18px 22px !important;
  background:var(--ks-card) !important;
  border:1px solid var(--ks-line) !important;
  border-radius:var(--ks-radius) !important;
  box-shadow:var(--ks-shadow);
  text-align:center;
  transition:transform .18s ease, box-shadow .18s ease;
}
.feature-box.fbox-center.fbox-bg:hover{ transform:translateY(-2px); box-shadow:0 14px 34px rgba(23,25,29,.10); }
.feature-box.fbox-center.fbox-bg .fbox-icon{
  position:static !important;
  top:auto !important; left:auto !important;
  margin:0 auto 14px !important;
  width:60px !important; height:60px !important;
  background:rgba(217,35,22,.08) !important;
  border-radius:50% !important;
  display:flex !important; align-items:center; justify-content:center;
  box-shadow:none !important;
}
.feature-box.fbox-center.fbox-bg .fbox-icon a,
.feature-box.fbox-center.fbox-bg .fbox-icon i{
  width:auto !important; height:auto !important;
  display:flex !important; align-items:center; justify-content:center;
  background:none !important; border-radius:0 !important;
  font-size:26px !important; line-height:1 !important;
  color:var(--ks-red) !important;
}
.feature-box.fbox-center.fbox-bg h3{
  margin:0 !important;
  font-size:13px !important; font-weight:800;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--ks-ink) !important;
}
.feature-box.fbox-center.fbox-bg h3 .subtitle{
  display:block; margin-top:6px !important;
  font-size:16px !important; font-weight:600;
  letter-spacing:0; text-transform:none;
  color:var(--ks-muted) !important;
  word-break:break-word;
}
.feature-box.fbox-center.fbox-bg h3 .subtitle a{ color:var(--ks-ink) !important; border-bottom:0 !important; text-decoration:none; }

@media (max-width:767px){
  /* Mobilde yatay satır: ikon solda, yazı sağda — dört kutu kısa ve derli toplu */
  .feature-box.fbox-center.fbox-bg{
    display:flex !important; align-items:center; gap:14px;
    text-align:left; padding:16px !important; margin-bottom:12px !important;
  }
  .feature-box.fbox-center.fbox-bg .fbox-icon{ flex:0 0 52px; width:52px !important; height:52px !important; margin:0 !important; }
  .feature-box.fbox-center.fbox-bg .fbox-icon a, .feature-box.fbox-center.fbox-bg .fbox-icon i{ font-size:22px !important; }
  .feature-box.fbox-center.fbox-bg h3{ font-size:12px !important; min-width:0; }
  .feature-box.fbox-center.fbox-bg h3 .subtitle{ font-size:16px !important; margin-top:3px !important; }
  .col_one_fourth:has(> .feature-box.fbox-center.fbox-bg){ margin-bottom:0 !important; }
}

/* ---------- Küçük özellik satırları (Güvenilir / Uygun fiyat / Pratik / Yerel güç) ---------- */
.feature-box.fbox-small{ padding-left:56px !important; min-height:44px; }
.feature-box.fbox-small .fbox-icon{
  position:absolute !important; left:0 !important; top:0 !important;
  width:42px !important; height:42px !important; border-radius:12px !important;
  background:rgba(217,35,22,.08) !important;
  display:flex !important; align-items:center; justify-content:center;
}
.feature-box.fbox-small .fbox-icon i{ font-size:20px !important; line-height:1 !important; color:var(--ks-red) !important; }
.feature-box.fbox-small h3{ font-size:14px !important; margin:0 0 2px !important; letter-spacing:.04em; }
.feature-box.fbox-small p{ margin:0 !important; font-size:14px; }
@media (max-width:767px){
  .col_one_fourth:has(> .feature-box.fbox-small){ margin-bottom:14px !important; }
}

/* =========================================================
   Mobil header + yan menü (çekmece) — premium
   ========================================================= */
@media (max-width:991.98px){
  /* Logo tam ortada, menü solda, sepet sağda */
  body #header.ks-site-header #header-wrap > .container{ position:relative; justify-content:center !important; }
  /* transform yerine margin:auto — header'ın giriş animasyonu transform'u eziyor */
  body #header.ks-site-header #logo{ position:absolute !important; left:0; right:0; top:0; bottom:0; margin:auto !important; width:max-content; height:46px !important; padding:0 !important; display:flex; align-items:center; }
  body #header.ks-site-header #logo img{ height:46px !important; max-height:46px !important; width:auto !important; max-width:110px; }
  body #header.ks-site-header #primary-menu-trigger,
  body #header.ks-site-header .header-misc .top-cart-link{
    width:44px !important; height:44px !important; border-radius:14px !important;
    background:#fff !important; border:1px solid var(--ks-line) !important;
    box-shadow:0 2px 8px rgba(23,25,29,.06) !important;
    display:inline-flex !important; align-items:center; justify-content:center;
    color:var(--ks-ink) !important;
  }
  body #header.ks-site-header .header-misc{
    display:flex !important; position:absolute !important; right:16px; top:0; bottom:0; margin:auto 0 !important; height:44px;
    margin:0 !important; padding:0 !important; border:0 !important; z-index:4;
  }
  body #header.ks-site-header .header-misc #top-account{ display:none !important; }
  body #header.ks-site-header .header-misc .top-cart-link{ position:relative; font-size:18px; }
  body #header.ks-site-header .top-cart-badge{
    position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 5px;
    border-radius:9px; background:var(--ks-red); color:#fff; font-size:11px; font-weight:700; line-height:18px; text-align:center;
  }
}
@media (max-width:419.98px){
  body #header.ks-site-header .header-misc{ right:12px; }
}

/* Arka plan: koyu + bulanık */
body #ks-drawer-backdrop{
  background:rgba(17,18,21,.42) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  transition:opacity .28s ease !important;
}

/* Çekmece */
body #ks-drawer{
  width:min(86vw, 360px) !important;
  background:#fbfaf8 !important;
  border-radius:0 24px 24px 0 !important;
  box-shadow:24px 0 60px rgba(17,18,21,.22) !important;
  border:0 !important;
  display:flex !important; flex-direction:column;
  padding:0 !important;
  transition:transform .34s cubic-bezier(.22,.8,.24,1) !important;
  font-family:var(--ks-font);
  overflow:hidden;
}
body #ks-drawer .ks-dh{
  display:flex; align-items:center; justify-content:space-between;
  padding:calc(14px + env(safe-area-inset-top)) 18px 14px !important;
  background:#fff !important; border-bottom:1px solid var(--ks-line) !important;
  position:relative;
}
body #ks-drawer .ks-dh::after{ /* ince marka şeridi */
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, var(--ks-red), #f0642f);
}
body #ks-drawer .ks-dh img{ height:52px !important; width:auto !important; max-width:130px; }
body #ks-drawer .ks-close{
  width:40px !important; height:40px !important; border-radius:50% !important;
  background:#f2efeb !important; border:0 !important; color:var(--ks-ink) !important;
  display:inline-flex !important; align-items:center; justify-content:center; font-size:16px !important;
  transition:background-color .15s ease, transform .15s ease;
}
body #ks-drawer .ks-close:hover{ background:#e8e3dd !important; transform:rotate(90deg); }

body #ks-drawer .ks-d-body{
  flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:18px 16px calc(20px + env(safe-area-inset-bottom));
  display:flex; flex-direction:column;
}
body #ks-drawer .ks-d-label{
  margin:0 4px 10px; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#9a9ea6;
}
body #ks-drawer > nav, body #ks-drawer .ks-d-body > nav{ padding:0 !important; overflow:visible !important; flex:none; }
body #ks-drawer .menu-container{ display:flex !important; flex-direction:column; gap:6px; margin:0 !important; padding:0 !important; }
body #ks-drawer .menu-item{ margin:0 !important; border:0 !important; }
body #ks-drawer .menu-link{
  display:flex !important; align-items:center; gap:14px;
  min-height:54px; padding:0 14px !important;
  background:#fff !important; border:1px solid var(--ks-line) !important; border-radius:14px !important;
  color:var(--ks-ink) !important; text-decoration:none;
  font-size:15px !important; font-weight:700 !important; letter-spacing:.01em !important; text-transform:none !important;
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
body #ks-drawer .menu-link > div{ flex:1; text-transform:lowercase; font:inherit !important; color:inherit !important; padding:0 !important; }
body #ks-drawer .menu-link > div::first-letter{ text-transform:uppercase; }
body #ks-drawer .menu-link .ks-mi{
  flex:0 0 36px; width:36px; height:36px; border-radius:11px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(217,35,22,.08); color:var(--ks-red); font-size:16px; margin:0 !important;
}
body #ks-drawer .menu-link .ks-chev{ color:#b7bac0; font-size:16px; margin:0 !important; transition:transform .15s ease; }
body #ks-drawer .menu-link:hover, body #ks-drawer .menu-link:focus-visible{
  border-color:rgba(217,35,22,.35) !important; box-shadow:0 6px 18px rgba(23,25,29,.06); outline:0;
}
body #ks-drawer .menu-link:hover .ks-chev{ transform:translateX(3px); color:var(--ks-red); }
body #ks-drawer .menu-link:active{ transform:scale(.985); }
body #ks-drawer .menu-link.is-current{ background:var(--ks-red) !important; border-color:var(--ks-red) !important; color:#fff !important; box-shadow:0 8px 20px rgba(217,35,22,.25); }
body #ks-drawer .menu-link.is-current .ks-mi{ background:rgba(255,255,255,.18); color:#fff; }
body #ks-drawer .menu-link.is-current .ks-chev{ color:rgba(255,255,255,.8); }

/* Menü öğeleri açılırken sırayla gelsin */
html.ks-drawer-open body #ks-drawer .menu-item{ animation:ks-d-in .38s cubic-bezier(.22,.8,.24,1) both; }
html.ks-drawer-open body #ks-drawer .menu-item:nth-child(2){ animation-delay:.04s; }
html.ks-drawer-open body #ks-drawer .menu-item:nth-child(3){ animation-delay:.08s; }
html.ks-drawer-open body #ks-drawer .menu-item:nth-child(4){ animation-delay:.12s; }
html.ks-drawer-open body #ks-drawer .menu-item:nth-child(5){ animation-delay:.16s; }
html.ks-drawer-open body #ks-drawer .menu-item:nth-child(n+6){ animation-delay:.2s; }
@keyframes ks-d-in{ from{ opacity:0; transform:translateX(-12px); } to{ opacity:1; transform:none; } }

/* Hızlı iletişim kartları */
body #ks-drawer .ks-d-cta{ display:grid; gap:10px; margin-top:20px; }
body #ks-drawer .ks-d-cta a{
  display:flex; align-items:center; gap:12px; padding:13px 16px; border-radius:16px;
  text-decoration:none; color:#fff; font-weight:700; font-size:15px;
  transition:transform .15s ease, filter .15s ease;
}
body #ks-drawer .ks-d-cta a:active{ transform:scale(.985); }
body #ks-drawer .ks-d-cta a:hover{ filter:brightness(1.05); color:#fff; }
body #ks-drawer .ks-d-cta a > svg, body #ks-drawer .ks-d-cta a > i{
  flex:0 0 40px; width:40px; height:40px; padding:9px; border-radius:12px; background:rgba(255,255,255,.18); font-size:18px;
  display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
}
body #ks-drawer .ks-d-cta small{ display:block; font-weight:500; font-size:12.5px; opacity:.88; margin-top:1px; }
body #ks-drawer .ks-d-wa{ background:linear-gradient(135deg, #25d366, #179e4f); box-shadow:0 10px 22px rgba(31,168,85,.28); }
body #ks-drawer .ks-d-call{ background:var(--ks-ink); box-shadow:0 10px 22px rgba(23,25,29,.18); }

/* Hesap / sepet / instagram */
body #ks-drawer .ks-d-links{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-top:12px; }
body #ks-drawer .ks-d-links a{
  display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 6px;
  background:#fff; border:1px solid var(--ks-line); border-radius:14px;
  font-size:12px; font-weight:600; color:var(--ks-ink); text-decoration:none; text-align:center;
}
body #ks-drawer .ks-d-links a i{ font-size:18px; color:var(--ks-red); }
body #ks-drawer .ks-d-links a:hover{ border-color:rgba(217,35,22,.35); }

body #ks-drawer .ks-d-foot{
  margin:auto 4px 0 !important; padding-top:20px; font-size:13px; line-height:1.5; color:var(--ks-muted); font-weight:600;
}
body #ks-drawer .ks-d-foot i{ color:var(--ks-red); }
body #ks-drawer .ks-d-foot span{ font-weight:500; color:#9a9ea6; }

@media (prefers-reduced-motion:reduce){
  html.ks-drawer-open body #ks-drawer .menu-item{ animation:none; }
  body #ks-drawer .ks-close:hover{ transform:none; }
}

/* Mobilde hero üstündeki dev logo tekrarını küçült (header'da zaten logo var) */
@media (max-width:767px){
  #section-home.heading-block img{ max-height:110px !important; width:auto !important; }
  #section-home.heading-block{ margin-top:8px !important; margin-bottom:16px !important; padding:0 !important; }
}

/* Küçük özellik ikonlarını rozette dikey ortala */
.feature-box.fbox-small .fbox-icon i{ position:static !important; top:auto !important; width:auto !important; height:auto !important; margin:0 !important; display:block !important; }

/* =========================================================
   Footer — premium (partials/footer.php .ks-foot)
   ========================================================= */
#footer.dark{
  background:radial-gradient(1200px 400px at 85% -10%, rgba(217,35,22,.18), transparent 60%), #111215 !important;
  color:#c9ccd2; border-top:0 !important; font-family:var(--ks-font);
}
#footer .footer-widgets-wrap{ padding:56px 0 8px !important; }
.ks-foot{ position:relative; }

/* Çağrı bandı */
.ks-foot-cta{
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  padding:28px 32px; margin-bottom:48px; border-radius:22px;
  background:linear-gradient(135deg, var(--ks-red) 0%, #a8170d 100%);
  box-shadow:0 24px 50px rgba(217,35,22,.25);
  position:relative; overflow:hidden;
}
.ks-foot-cta::after{ content:""; position:absolute; right:-60px; top:-80px; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.08); pointer-events:none; }
.ks-foot-cta-text{ flex:1 1 320px; position:relative; z-index:1; }
.ks-foot-eyebrow{ display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.8); margin-bottom:6px; }
.ks-foot-cta h3{ margin:0 !important; color:#fff !important; font-size:clamp(20px, 2.4vw, 26px) !important; line-height:1.25 !important; font-weight:800; letter-spacing:-.01em; }
.ks-foot-cta-btns{ display:flex; gap:10px; flex-wrap:wrap; position:relative; z-index:1; }
.ks-foot-cta-btns a{
  display:inline-flex; align-items:center; justify-content:center; gap:9px; height:50px; padding:0 22px; border-radius:14px;
  font-weight:700; font-size:15px; text-decoration:none !important; white-space:nowrap;
  transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.ks-btn-wa{ background:#fff; color:#128c46 !important; box-shadow:0 8px 20px rgba(0,0,0,.15); }
.ks-btn-wa:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(0,0,0,.2); }
.ks-btn-call{ background:rgba(0,0,0,.18); color:#fff !important; border:1px solid rgba(255,255,255,.28); }
.ks-btn-call:hover{ background:rgba(0,0,0,.28); }

/* Izgara */
.ks-foot-grid{ display:grid; grid-template-columns:1.3fr .8fr 1.2fr 1.3fr; gap:40px; }
.ks-foot-logo img{ height:84px !important; width:auto !important; display:block; margin:-6px 0 14px -6px; }
.ks-foot-brand p{ color:#9ea3ab !important; font-size:14.5px; line-height:1.7; margin:0 0 20px !important; max-width:34ch; }
.ks-foot-brand p b, .ks-foot-brand p strong{ color:#e6e7ea; font-weight:600; }
.ks-foot-social{ display:flex; gap:10px; }
.ks-foot-social a{
  width:42px; height:42px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:#e6e7ea !important; font-size:17px;
  transition:background-color .16s ease, transform .16s ease, color .16s ease;
}
.ks-foot-social a:hover{ background:var(--ks-red); border-color:var(--ks-red); color:#fff !important; transform:translateY(-2px); }

.ks-foot-col h4{
  color:#fff !important; font-size:13px !important; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  margin:6px 0 18px !important; position:relative; padding-bottom:12px;
}
.ks-foot-col h4::after{ content:""; position:absolute; left:0; bottom:0; width:28px; height:2px; border-radius:2px; background:var(--ks-red); }
.ks-foot-col ul{ list-style:none; margin:0 !important; padding:0 !important; }
.ks-foot-col li{ margin:0 0 12px; font-size:14.5px; line-height:1.55; color:#9ea3ab; }
.ks-foot-col a{ color:#c9ccd2 !important; text-decoration:none !important; border:0 !important; transition:color .15s ease; }
.ks-foot-col a:hover{ color:#fff !important; }
.ks-foot-col nav a, nav.ks-foot-col li a{ display:inline-flex; align-items:center; gap:8px; }
nav.ks-foot-col li a::before{ content:""; width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.18); transition:background-color .15s ease; }
nav.ks-foot-col li a:hover::before{ background:var(--ks-red); }
.ks-foot-contact li{ display:flex; gap:12px; align-items:flex-start; }
.ks-foot-contact li > i{
  flex:0 0 32px; width:32px; height:32px; border-radius:10px; margin-top:-3px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(217,35,22,.14); color:#ff6a5c; font-size:14px;
}
.ks-foot-contact li a, .ks-foot-contact li span{ text-transform:none; overflow-wrap:anywhere; }

/* Form */
.ks-foot-form input[type=text], .ks-foot-form input[type=email], .ks-foot-form textarea{
  display:block; width:100%; margin:0 0 10px; padding:12px 14px !important; height:auto !important;
  background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.1) !important; border-radius:12px !important;
  color:#fff !important; font-family:var(--ks-font); font-size:15px; box-shadow:none !important;
}
.ks-foot-form textarea{ resize:vertical; min-height:92px; }
.ks-foot-form input::placeholder, .ks-foot-form textarea::placeholder{ color:#7d828b; }
.ks-foot-form input:focus, .ks-foot-form textarea:focus{ border-color:var(--ks-red) !important; background:rgba(255,255,255,.08) !important; box-shadow:0 0 0 3px rgba(217,35,22,.2) !important; outline:0; }
.ks-foot-form input.hidden{ display:none !important; }
.ks-foot-form button{
  width:100%; height:48px; border:0; border-radius:12px; background:var(--ks-red); color:#fff;
  font-family:var(--ks-font); font-weight:700; font-size:15px; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  transition:background-color .16s ease, transform .16s ease;
}
.ks-foot-form button:hover{ background:var(--ks-red-dark); transform:translateY(-1px); }
.ks-sr{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* Alt şerit */
#copyrights.ks-foot-bottom{ background:transparent !important; border-top:1px solid rgba(255,255,255,.08) !important; padding:22px 0 !important; margin-top:32px; }
#copyrights.ks-foot-bottom .container{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; color:#80858e; }

@media (max-width:991.98px){
  .ks-foot-grid{ grid-template-columns:1fr 1fr; gap:36px 28px; }
}
@media (max-width:767px){
  #footer .footer-widgets-wrap{ padding:36px 0 0 !important; }
  .ks-foot-cta{ padding:24px 20px; margin-bottom:36px; border-radius:20px; }
  .ks-foot-cta-btns{ width:100%; }
  .ks-foot-cta-btns a{ flex:1 1 100%; }
  .ks-foot-grid{ grid-template-columns:1fr 1fr; gap:32px 18px; }
  .ks-foot-brand, .ks-foot-contact, .ks-foot-grid > .quick-contact-widget{ grid-column:1 / -1; }
  .ks-foot-logo img{ height:72px !important; }
  .ks-foot-brand p{ max-width:none; }
  #copyrights.ks-foot-bottom{ padding:20px 0 calc(96px + env(safe-area-inset-bottom)) !important; } /* yüzen butonların altında kalmasın */
  #copyrights.ks-foot-bottom .container{ flex-direction:column; align-items:flex-start; gap:4px; }
}
.ks-foot-grid > *{ margin:0 !important; }
@media (max-width:767px){
  nav.ks-foot-col{ grid-column:1 / -1; }
  nav.ks-foot-col ul{ display:grid; grid-template-columns:1fr 1fr; column-gap:16px; }
  .ks-foot-contact li{ font-size:14px; }
}

/* ---------- Düzeltme: koyu bölümlerde başlıklar beyaz kalsın ---------- */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
.section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4,
.parallax.dark .emphasis-title h2{ color:#fff !important; }
#footer.dark .ks-foot-cta h3{ color:#fff !important; }

/* Ürün detayı hero: fotoğraf üstünde okunur başlık */
.section.hero-cover{ position:relative; isolation:isolate; }
.section.hero-cover::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(10,11,13,.25) 0%, rgba(10,11,13,.55) 55%, rgba(10,11,13,.75) 100%);
}
.section.hero-cover .container{ position:relative; z-index:1; }
.section.hero-cover .emphasis-title h2{
  font-weight:800 !important; letter-spacing:-.01em !important; text-shadow:0 2px 18px rgba(0,0,0,.35);
  font-size:clamp(30px, 6vw, 56px) !important; line-height:1.1 !important;
}
.section.hero-cover .emphasis-title h2.lead{
  font-weight:500 !important; font-size:clamp(17px, 2.4vw, 24px) !important; color:rgba(255,255,255,.9) !important; margin-top:14px !important;
}

/* Şablon başlık şeritleri: arka plan sayfa rengiyle aynı olsun (beyaz kutu kalmasın) */
.fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6{ background-color:var(--ks-bg) !important; }
.title-block{ border-left-color:var(--ks-red) !important; }
.title-block h3{ background:none !important; }
#reviewCount, .color{ color:var(--ks-red) !important; }

/* Ürün filtresi */
.portfolio-filter{ border:0 !important; display:flex; flex-wrap:wrap; gap:8px; border-radius:0 !important; }
.portfolio-filter li{ border:0 !important; margin:0 !important; }
.portfolio-filter li a{
  border-radius:999px !important; border:1px solid var(--ks-line) !important; background:#fff !important;
  color:var(--ks-ink) !important; font-weight:600; padding:9px 16px !important; line-height:1.2 !important;
  font-family:var(--ks-font);
}
.portfolio-filter li.activeFilter a{ background:var(--ks-red) !important; border-color:var(--ks-red) !important; color:#fff !important; }

/* Sepet boş durumu */
.alert-info, .style-msg.infomsg{
  background:#fff !important; border:1px solid var(--ks-line) !important; border-left:4px solid var(--ks-red) !important;
  color:var(--ks-ink) !important; border-radius:14px !important; box-shadow:var(--ks-shadow);
}

/* Mobil header: sepet butonu dikeyde ortada */
@media (max-width:991.98px){
  body #header.ks-site-header .header-misc{ top:calc(50% - 22px) !important; bottom:auto !important; }
}

/* ---------- Hakkımızda: bilgi blokları kart olsun ---------- */
.title-block{
  background:var(--ks-card); border:1px solid var(--ks-line) !important; border-left:4px solid var(--ks-red) !important;
  border-radius:var(--ks-radius); box-shadow:var(--ks-shadow);
  padding:22px 22px 20px !important; margin:0 0 14px !important;
}
.title-block h1{ font-size:clamp(20px, 2.4vw, 26px) !important; margin:0 0 6px !important; color:var(--ks-ink) !important; letter-spacing:-.01em; }
.title-block h3{ font-size:15px !important; font-weight:700 !important; margin:0 0 8px !important; color:var(--ks-red) !important; letter-spacing:.01em; }
.title-block h4{ font-size:15px !important; font-weight:500 !important; line-height:1.6 !important; margin:0 !important; color:var(--ks-muted) !important; }
.title-block + .divider{ display:none !important; }
.divider i{ color:#d7d2cc !important; }

/* İletişim sayfası koyu hero başlığı */
.mg-contact-hero h1, .mg-contact-hero h2, .mg-contact-hero .mg-hero-title{ color:#fff !important; }

/* Çizgili şablon başlıkları: arkasında kutu kalmasın, çizgiler yanlarda dursun */
.fancy-title.title-border, .fancy-title.title-double-border, .fancy-title.title-dotted-border{
  display:flex; align-items:center; gap:16px; background:none !important;
}
.fancy-title.title-border::before, .fancy-title.title-double-border::before, .fancy-title.title-dotted-border::before{ display:none !important; }
.fancy-title.title-border::after, .fancy-title.title-double-border::after, .fancy-title.title-dotted-border::after{
  content:""; flex:1; height:1px; background:var(--ks-line); position:static !important; margin:0 !important; border:0 !important; width:auto !important;
}
.fancy-title.title-center::before{ content:""; display:block !important; flex:1; height:1px; background:var(--ks-line); position:static !important; margin:0 !important; border:0 !important; top:auto !important; }
.fancy-title.title-border h1, .fancy-title.title-border h2, .fancy-title.title-border h3, .fancy-title.title-border h4,
.fancy-title.title-double-border h3, .fancy-title.title-dotted-border h3, .fancy-title.title-dotted-border h4{
  background:none !important; padding:0 !important; flex:none; max-width:80%;
}

/* Container dışında kalan sütunlar (ana sayfa hizmetler) kenara yapışmasın */
@media (max-width:767px){
  .content-wrap > .col_one_third, .content-wrap > .col_one_fourth, .content-wrap > .col_half,
  .content-wrap > .col_two_third, .content-wrap > .col_full{
    padding-left:14px !important; padding-right:14px !important; box-sizing:border-box;
  }
  .feature-box.fbox-plain:not(.fbox-small):not(.fbox-bg){ padding-left:64px !important; }
  .feature-box.fbox-plain:not(.fbox-small):not(.fbox-bg) .fbox-icon{ width:48px !important; height:48px !important; }
  .feature-box.fbox-plain:not(.fbox-small):not(.fbox-bg) .fbox-icon img{ width:48px !important; height:48px !important; }
}
@media (min-width:768px){
  .content-wrap > .col_one_third, .content-wrap > .col_one_fourth{ padding-left:24px; padding-right:24px; box-sizing:border-box; }
}