/* İletişim sayfasında onaylanan tek ortak header */
:root { --site-shell-max: 1600px; --site-accent: #c94f1c; --site-focus: #ed6a2c; }
.site-header,
[data-site-header] {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 88px;
  color: #26333b;
  background: #fff;
  border-bottom: 1px solid #ecece9;
}

.site-skip-link {
  position: fixed;
  z-index: 200;
  top: 8px;
  left: 8px;
  padding: 10px 14px;
  border-radius: 7px;
  background: #26333b;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-150%);
}
.site-skip-link:focus { transform: translateY(0); }

.site-footer-all-products{color:#ef7540!important;font-weight:800!important}
.site-footer-contact-whatsapp svg{color:#159447!important}.site-footer-contact-whatsapp small,.site-footer-contact-whatsapp strong{color:#159447!important}

.site-nav {
  width: 90%;
  max-width: var(--site-shell-max);
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 34px;
}

.site-logo { margin: 0 auto 0 0; }
.site-logo img {
  width: 205px;
  height: auto;
  display: block;
  mix-blend-mode: multiply;
}

.site-links {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 32px;
}

.site-links a {
  position: relative;
  height: 100%;
  padding: 0 5px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent;
  color: #26333b;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: color .16s cubic-bezier(.22,1,.36,1);
}

.site-links a::after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 0;
  left: 5px;
  height: 2px;
  border-radius: 2px;
  background: var(--site-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s cubic-bezier(.22,1,.36,1);
}

@media (hover: hover) {
  .site-links a:hover { color: #a8431b; }
  .site-links a:hover::after { transform: scaleX(1); }
}
.site-links a.active::after { transform: scaleX(1); }

.site-links a.active {
  color: var(--site-accent);
  border-color: transparent;
  font-weight: 700;
}

.site-quote {
  min-height: 47px;
  margin-left: 18px;
  padding: 14px 19px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border-radius: 7px;
  background: #c94f1c;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.site-quote:hover { background: #a94017; box-shadow: 0 8px 20px rgb(201 79 28 / .2); transform: translateY(-1px); }

.site-quote svg {
  width: 20px;
  height: 20px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.site-logo:focus-visible,
.site-quote:focus-visible,
.site-menu:focus-visible,
.site-footer a:focus-visible {
  outline: 3px solid var(--site-focus);
  outline-offset: 3px;
}
.site-links a:focus-visible { outline: 2px solid var(--site-focus); outline-offset: -8px; border-radius: 5px; }

.site-menu {
  display: none;
  min-width: 72px;
  min-height: 44px;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #dfe2df;
  border-radius: 8px;
  background: #fff;
  color: #26333b;
  cursor: pointer;
}

.site-menu-icon { width: 20px; height: 20px; display: grid; place-items: center; }
.site-menu-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.site-menu-label { font-size: 14px; line-height: 1; font-weight: 750; }
.site-menu:hover { color: var(--site-accent); border-color: #e4b09a; background: #fff8f5; }

.site-mobile-dock { display: none; }

.site-floating-whatsapp {
  position: fixed;
  z-index: 90;
  right: 24px;
  bottom: 24px;
  min-width: 308px;
  min-height: 72px;
  padding: 9px 24px 9px 9px;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  border: 1px solid rgb(255 255 255 / .1);
  border-radius: 999px;
  background: #1d1b19;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 15px 38px -13px rgb(20 26 27 / .58);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  opacity: 1;
  transform: translateY(0);
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, opacity .22s ease, transform .22s ease;
}
.site-floating-whatsapp-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 7px 18px rgb(37 211 102 / .25);
}
.site-floating-whatsapp-icon svg { width: 29px; height: 29px; display: block; overflow: visible; fill: currentColor; stroke: none; }
.site-floating-whatsapp-copy { display: grid; gap: 5px; text-align: left; }
.site-floating-whatsapp-copy strong { color: #fff; font-size: 14px; font-weight: 800; line-height: 1.05; }
.site-floating-whatsapp-copy small { color: #aeb8bd; font-size: 12px; font-weight: 560; line-height: 1; }
.site-floating-whatsapp:hover { border-color: rgb(37 211 102 / .42); background: #101518; box-shadow: 0 17px 42px -12px rgb(20 26 27 / .7); transform: translateY(-3px); }
.site-floating-whatsapp:hover .site-floating-whatsapp-icon { transform: scale(1.035); }
.site-floating-whatsapp-icon { transition: transform .2s ease; }
.site-floating-whatsapp:focus-visible { outline: 3px solid var(--site-focus); outline-offset: 3px; }
.site-floating-whatsapp.is-footer-visible,
body.site-menu-open .site-floating-whatsapp { pointer-events: none; opacity: 0; transform: translateY(10px); }

.site-back {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe2df;
  border-radius: 50%;
  background: #fff;
  color: #26333b;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  transition: border-color .2s, color .2s, transform .2s;
}

.site-back:hover {
  color: #c94f1c;
  border-color: #c94f1c;
  transform: translateX(-2px);
}

.site-back:focus-visible {
  outline: 3px solid #ed6a2c;
  outline-offset: 3px;
}

/* Ortak footer: koyu, işlevsel ve bütün sayfalarda aynı yapı */
.site-footer {
  margin-top: 0;
  padding: 0;
  color: #fff;
  background: #101518;
  border-top: 1px solid #252d31;
}

.site-footer-inner {
  width: 90%;
  max-width: var(--site-shell-max);
  margin: auto;
}

.site-footer-grid {
  display: grid;
  grid-template-columns: minmax(255px,1.1fr) minmax(140px,.55fr) minmax(220px,.85fr) minmax(330px,1.3fr);
  gap: clamp(26px,3.4vw,58px);
  align-items: start;
}
.site-footer-brand { padding: 0!important; }

.site-footer-intro {
  margin-bottom: 36px;
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  border-bottom: 1px solid rgb(255 255 255 / .1);
}
.site-footer-intro div { display: grid; gap: 5px; }
.site-footer-intro div>span { color: #ef7540; font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.site-footer-intro strong { color: #fff; font-size: clamp(20px,2vw,28px); line-height: 1.2; letter-spacing: -.025em; }
.site-footer-intro>a { min-height: 48px; margin: 0; padding: 12px 17px; display: inline-flex; align-items: center; gap: 18px; border-radius: 7px; background: var(--site-accent); color: #fff!important; font-weight: 800; white-space: nowrap; }
.site-footer-intro>a:hover { background: #e1632d; transform: translateY(-2px); box-shadow: 0 10px 26px rgb(0 0 0 / .24); }
.site-footer-intro>a span { font-size: 19px; transition: transform .18s ease; }
.site-footer-intro>a:hover span { transform: translateX(3px); }

.site-footer-logo-link { width: fit-content; margin: 0!important; padding: 7px 10px; border-radius: 7px; background: #fff; }
.site-footer-logo {
  width: 164px;
  display: block;
}

.site-footer p,
.site-footer a {
  color: #aeb8bd;
  font-size: 14px;
}

.site-footer a {
  display: block;
  margin: 8px 0;
  text-decoration: none;
  transition: color .18s ease, transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.site-footer a:hover { color: #ef7540; }

main a:focus-visible,
main button:focus-visible,
main input:focus-visible,
main select:focus-visible,
main textarea:focus-visible {
  outline: 3px solid var(--site-focus);
  outline-offset: 3px;
}

.site-footer-brand>p { max-width: 380px; margin: 18px 0 20px; color:#aeb8bd; line-height: 1.62; }
.site-footer-column>b { display: block; margin-bottom: 17px; color: #fff; font-size: 12px; letter-spacing: .13em; text-transform: uppercase; }
.site-footer-socials { display: flex; flex-wrap: wrap; gap: 8px; }
.site-footer-socials a { min-height: 44px; margin: 0; padding: 10px 13px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgb(255 255 255 / .16); border-radius: 7px; color: #e8edef; background:#171e22; font-weight: 700; }
.site-footer-socials a svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.site-footer-socials .site-footer-whatsapp svg { fill: currentColor; stroke: none; }
.site-footer-socials .site-footer-whatsapp { border-color: #24754b; color: #7ee0a8; }
.site-footer-socials .site-footer-whatsapp:hover { border-color:#35a568; background: #173225; color:#9af0bd; }
.site-footer-socials .site-footer-instagram:hover { border-color: #ef7540; background: #251b18; color:#fff; }
.site-footer-link-grid{display:grid;grid-template-columns:1fr;gap:3px}
.site-footer-link-grid a{width:fit-content;margin:0;padding:5px 0;color:#aeb8bd}
.site-footer-link-grid a:hover,.site-footer-product-links a:hover{transform:translateX(4px)}
.site-footer-product-links{display:grid;gap:3px}
.site-footer-product-links a{width:fit-content;margin:0;padding:5px 0;color:#aeb8bd}
.site-footer-product-links a span{display:inline-block;margin-left:5px;color:#ef7540;opacity:0;transform:translateX(-5px);transition:opacity .18s ease,transform .18s ease}
.site-footer-product-links a:hover span{opacity:1;transform:translateX(0)}
.site-footer-contact { font-style: normal; }
.site-footer-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.site-footer-contact-grid>a{min-width:0;min-height:76px;margin:0;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgb(255 255 255 / .1);border-radius:7px;background:#151c20}
.site-footer-contact-grid>a:hover{border-color:rgb(239 117 64 / .72);background:#1a2226;transform:translateY(-2px)}
.site-footer-contact-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:rgb(239 117 64 / .1);color:#ef7540}
.site-footer-contact-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-footer-contact small,
.site-footer-contact strong { display: block; }
.site-footer-contact small { margin-bottom: 5px; color: #7f8c92; font-size: 10px; font-weight:750; letter-spacing: .06em; text-transform:uppercase; }
.site-footer-contact strong { color: #eef2f3; font-size: 13px; line-height: 1.42; font-weight: 720; overflow-wrap:anywhere; }
.site-footer-hours{margin:12px 0 0!important;color:#8f9ba1!important;font-size:12px!important}.site-footer-hours span{color:#ef7540;padding:0 4px}
.site-footer-bottom {
  margin-top: 30px;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgb(255 255 255 / .1);
  color: #7f8c92;
  font-size: 12px;
}
.site-footer-bottom>span { color: #7f8c92; font-size: 12px; }
.site-footer-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 11px; }
.site-footer-legal a,
.site-footer-legal button { margin: 0; padding: 0; border: 0; background: none; color:#8f9ba1; font: inherit; font-size: 12px; cursor: pointer; }
.site-footer-legal button:hover { color: #ef7540; }
.site-footer-legal i { width: 1px; height: 12px; background: rgb(255 255 255 / .14); }

/* KARLA dijital imzası: footer içeriğinden ayrı, görünür ve bütünü tıklanabilir */
.site-footer-karla {
  width: 100%;
  margin: 24px 0 0!important;
  display: block!important;
  color: #000!important;
  background: #248efd;
}
.site-footer-karla-inner {
  width: 90%;
  max-width: var(--site-shell-max);
  min-height: 68px;
  margin: auto;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.site-footer-karla-brand { display: flex; align-items: center; gap: 18px; min-width: 0; }
.site-footer-karla-logo {
  width: 168px;
  padding: 9px 12px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 7px;
  background: #000;
}
.site-footer-karla-logo img { width: 100%; height: auto; display: block; }
.site-footer-karla-copy { display: grid; gap: 2px; min-width: 0; }
.site-footer-karla-copy small { color: #000; font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.site-footer-karla-copy strong { color: #000; font-size: 15px; line-height: 1.25; }
.site-footer-karla-link { display: inline-flex; align-items: center; gap: 12px; color: #000; font-size: 14px; font-weight: 850; white-space: nowrap; }
.site-footer-karla-link>span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 2px solid #000;
  border-radius: 50%;
  font-size: 20px;
  transition: transform .18s ease;
}
.site-footer-karla:hover { color: #000!important; }
.site-footer-karla:hover .site-footer-karla-link>span { transform: translate(2px,-2px); }
.site-footer-karla:focus-visible { outline: 3px solid #fafafb; outline-offset: -5px; }

@media (max-width: 720px) {
  .site-footer-bottom { align-items: flex-start; gap: 14px; flex-direction: column; }
  .site-footer-legal { justify-content: flex-start; }
}

/* Tüm ana sayfalarda iletişim sayfasıyla aynı hero metin sırası */
.site-hero-kicker { opacity: 0; transform: translateX(-10px); animation: siteHeroKicker .55s cubic-bezier(.16,1,.3,1) forwards; }
.site-hero-line { display: block; width: max-content; max-width: 100%; padding-block: .08em .14em; margin-bottom: -.14em; clip-path: inset(-.12em 100% -.20em -.05em); transform: translateY(12px); animation: siteHeroLine .8s cubic-bezier(.16,1,.3,1) both; animation-delay: calc(120ms + var(--i)*180ms); }
.site-hero-title .site-hero-line { color: inherit; }
.site-hero-title .site-hero-line--accent { color: var(--site-accent); }
.site-hero-lead { opacity: 0; transform: translateY(8px); animation: siteHeroLead .6s ease .62s forwards; }
.site-hero-actions { opacity: 0; transform: translateY(8px); animation: siteHeroLead .55s ease .78s forwards; }
@keyframes siteHeroLine { to { clip-path: inset(-.12em -.05em -.20em -.05em); transform: translateY(0); } }
@keyframes siteHeroKicker { to { opacity: 1; transform: translateX(0); } }
@keyframes siteHeroLead { to { opacity: 1; transform: translateY(0); } }

/* Bütün sayfalarda ortak beyaz zemin */
.marketing-page,
.contact-page,
.products-page,
.catalog-page,
.blog-page,
.article-page,
.sharpening-page { background: #fff; }

.marketing-page > main > section:not(.hero):not(.cta),
.marketing-page .light,
.contact-page .hero,
.contact-page .content,
.products-page .products-hero,
.products-page .products-catalog,
.catalog-page .catalog-content { background: #fff; }

.marketing-page > main > section:not(.hero):not(.cta) { color: #202b32; }
.marketing-page .hero,
.marketing-page .cta { color: #fff; }

@media (max-width: 1150px) {
  .site-links,
  .site-quote { display: none; }

  .site-links.open {
    position: absolute;
    z-index: 50;
    top: 88px;
    left: 0;
    right: 0;
    height: auto;
    padding: 18px 5% calc(84px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    background: #fff;
    box-shadow: 0 14px 30px #0002;
    max-height: calc(100dvh - 76px - env(safe-area-inset-top));
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .site-links.open a {
    width: 100%;
    min-height: 48px;
    padding: 13px 0 13px 18px;
    border-bottom: 1px solid #ecece9;
  }

  .site-links.open a::after { display: none; }
  .site-links.open a.active { color: var(--site-accent); background: #fff4ef; box-shadow: inset 4px 0 0 var(--site-accent); }
  .site-links.open a:hover,
  .site-links.open a:focus-visible { background: #f8f7f4; }

  .site-menu { display: inline-flex; }
  body.site-menu-open { overflow: hidden; }
}

@media (max-width: 1200px) {
  .site-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px 44px; }
}

@media (max-width: 900px) {
  .site-header,[data-site-header] { height: calc(76px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
  .site-links.open { top: calc(76px + env(safe-area-inset-top)); }
  .site-logo img { width: 170px; }
  .site-back { width: 44px; height: 44px; flex-basis: 44px; font-size: 21px; }
  .site-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px 44px; }
  .site-footer-brand,.site-footer-contact { grid-column: 1/-1; }
  .site-floating-whatsapp { right: 18px; bottom: 18px; min-width: 284px; min-height: 68px; padding: 8px 21px 8px 8px; gap: 13px; }
  .site-floating-whatsapp-icon { width: 50px; height: 50px; flex-basis: 50px; }
}

@media (max-width: 560px) {
  .site-nav,
  .site-footer-inner { width: calc(100% - 28px); gap: 8px; }
  .site-logo img { width: clamp(132px,40vw,156px); }
  .site-footer-intro { margin-bottom: 30px; padding: 24px 0; align-items: flex-start; flex-direction: column; }
  .site-footer-intro>a { width: 100%; justify-content: space-between; }
  .site-footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .site-footer-brand,.site-footer-contact { grid-column: auto; }
  .site-footer-link-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px 18px; }
  .site-footer-contact-grid { grid-template-columns: 1fr; gap: 9px; }
  .site-footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; line-height: 1.6; }
  .site-footer-bottom span { display: block; }
  .site-footer-legal { justify-content: flex-start; gap: 4px 16px; }
  .site-footer-legal i { display: none; }
  .site-footer-karla-inner { width: calc(100% - 28px); min-height: 76px; gap: 12px; }
  .site-footer-karla-brand { gap: 11px; }
  .site-footer-karla-logo { width: 112px; padding: 8px 9px; }
  .site-footer-karla-copy strong { max-width: 150px; font-size: 13px; }
  .site-footer-karla-link { font-size: 0; gap: 0; }
  .site-footer-karla-link>span { width: 42px; height: 42px; font-size: 21px; }
}

@media (max-width: 360px) {
  .site-logo img { width: 126px; }
  .site-menu { min-width: 68px; padding-inline: 8px; }
  .site-footer-socials a { padding-inline: 11px; }
}

@media (max-width: 760px) {
  body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }

  .site-floating-whatsapp {
    right: 18px;
    bottom: calc(108px + env(safe-area-inset-bottom));
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    padding: 0;
    display: inline-flex;
    gap: 0;
    border: 3px solid #fff;
    background: #25d366;
    box-shadow: 0 12px 28px rgb(16 24 28 / .25);
  }
  .site-floating-whatsapp-icon { width: 54px; height: 54px; flex-basis: 54px; background: transparent; box-shadow: none; }
  .site-floating-whatsapp-icon svg { width: 30px; height: 30px; }
  .site-floating-whatsapp-copy { display: none; }

  .site-mobile-dock {
    position: fixed;
    z-index: 120;
    right: 10px;
    bottom: calc(8px + env(safe-area-inset-bottom));
    left: 10px;
    min-height: 60px;
    padding: 4px 5px;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    align-items: stretch;
    border: 1px solid rgb(210 215 213 / .88);
    border-radius: 16px;
    background: rgb(255 255 255 / .97);
    box-shadow: 0 10px 30px rgb(24 34 39 / .14);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .site-mobile-dock a {
    position: relative;
    min-width: 0;
    min-height: 50px;
    padding: 6px 2px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 11px;
    color: #59656b;
    font-size: 10.5px;
    font-weight: 720;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  .site-mobile-dock a svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .site-mobile-dock a.active {
    color: var(--site-accent);
    background: #f1f3f2;
  }
  .site-mobile-dock a.active::before { content:""; position:absolute; top:2px; width:18px; height:2px; border-radius:4px; background:currentColor; }
  .site-mobile-dock a.whatsapp { color: #168c4b; }
  .site-mobile-dock a.whatsapp svg { width: 32px; height: 32px; padding: 5px; overflow: visible; border-radius: 50%; background: #e8f8ee; fill: currentColor; stroke: none; }
  .site-mobile-dock a.whatsapp:active { background: #f1f3f2; }

  .site-mobile-dock a:focus-visible {
    outline: 3px solid var(--site-focus);
    outline-offset: -2px;
  }

  .site-nav,
  .site-footer-inner,
  .wrap,
  .container,
  .corp-shell,
  .sharp-shell,
  .products-wrap,
  .products-hero-inner,
  .catalog-wrap,
  .blog-wrap,
  .article-wrap {
    width: calc(100% - 28px) !important;
  }
  .legal-shell { width: calc(100% - 28px) !important; }
}

.site-cookie-banner {
  position: fixed;
  z-index: 220;
  right: 20px;
  bottom: 20px;
  left: 20px;
  max-width: 1120px;
  margin: auto;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid #dfe2df;
  border-radius: 12px;
  background: #fff;
  color: #26333b;
  box-shadow: 0 20px 58px rgb(16 24 28 / .22);
}
.site-cookie-copy { max-width: 690px; }
.site-cookie-copy strong { display: block; margin-bottom: 5px; font-size: 16px; }
.site-cookie-copy p { margin: 0; color: #657178; font-size: 14px; line-height: 1.5; }
.site-cookie-copy a { color: var(--site-accent); font-weight: 750; text-decoration: underline; text-underline-offset: 2px; }
.site-cookie-preferences { margin-top: 13px; padding-top: 12px; border-top: 1px solid #e5e7e5; }
.site-cookie-preferences label { display: flex; align-items: center; gap: 9px; color: #26333b; font-size: 14px; font-weight: 750; cursor: pointer; }
.site-cookie-preferences input { width: 18px; height: 18px; accent-color: var(--site-accent); }
.site-cookie-preferences small { display: block; margin-top: 6px; color: #7a858b; font-size: 12px; }
.site-cookie-actions { display: grid; grid-template-columns: repeat(3,minmax(126px,1fr)); gap: 9px; }
.site-cookie-actions button { min-height: 46px; padding: 10px 15px; border: 1px solid #d9ddda; border-radius: 7px; background: #fff; color: #26333b; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.site-cookie-actions [data-cookie-reject] { background: #f5f6f5; }
.site-cookie-actions [data-cookie-manage] { background: #fff; }
.site-cookie-actions [data-cookie-accept] { background: var(--site-accent); }
.site-cookie-actions [data-cookie-accept],
.site-cookie-actions [data-cookie-save] { border-color: var(--site-accent); color: #fff; }
.site-cookie-actions [data-cookie-save] { grid-column: 1 / -1; background: #26333b; border-color: #26333b; }
.site-cookie-actions button:focus-visible { outline: 3px solid #8b969b; outline-offset: 3px; }
body.site-cookie-open .site-floating-whatsapp { pointer-events: none; opacity: 0; }

@media (max-width: 760px) {
  .site-cookie-banner { right: 12px; bottom: calc(82px + env(safe-area-inset-bottom)); left: 12px; padding: 16px; align-items: stretch; flex-direction: column; gap: 14px; }
  .site-cookie-actions { grid-template-columns: 1fr 1fr; }
  .site-cookie-actions [data-cookie-accept] { grid-column: 1 / -1; grid-row: 1; }
}

@media (max-width: 420px) {
  .site-cookie-actions { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .site-links a,
  .site-links a::after,
  .site-quote,
  .site-menu,
  .site-floating-whatsapp { transition: none; }
  .site-hero-kicker,
  .site-hero-line,
  .site-hero-lead,
  .site-hero-actions { opacity: 1; transform: none; clip-path: none; animation: none; }
}

@media (max-width: 480px) {
  .site-footer-grid { grid-template-columns: 1fr; }
  .site-footer-brand,
  .site-footer-contact { grid-column: auto; }
  .site-footer-contact { grid-row: auto; }
}

@media (max-width: 380px) {
  .site-nav { gap: 8px; }
  .site-logo img { width: 138px; }
  .site-menu { min-width: 68px; padding-inline: 8px; }
  .site-menu-label { font-size: 13px; }
  .site-back { width: 44px; height: 44px; flex-basis: 44px; }
}

/* Ortak sektör sistemi: ana sayfa ve kurumsalda aynı teknik görsel dil */
.sector-tech-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.sector-tech-card {
  position: relative;
  min-width: 0;
  min-height: 254px;
  overflow: hidden;
  padding: 22px 22px 20px;
  border: 1px solid #dfe3e1;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 8px 22px rgb(32 43 50 / .035);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.sector-tech-card::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #cc4e1b;
  transform: scaleX(.18);
  transform-origin: left;
  transition: transform .25s ease;
}

.sector-tech-top { display: grid; place-items: center; }
.sector-tech-top b { position:absolute;top:20px;right:20px;color: #cc4e1b; font-size: .72rem; font-weight: 900; letter-spacing: .12em; }
.sector-tech-icon {
  width: 104px;
  height: 104px;
  display: block;
  object-fit: contain;
}
.sector-tech-card h3 { margin: 15px 0 12px; color: #202b32; font-size: 1.08rem; line-height: 1.3; letter-spacing: -.017em; text-align:center; }
.sector-tech-card > small { display: block; margin-bottom: 6px; color: #9a6b58; font-size: .58rem; font-weight: 900; letter-spacing: .13em; text-align:center; }
.sector-tech-card p { margin: 0; color: #69767d; font-size: .7rem; font-weight: 800; line-height: 1.58; letter-spacing: .025em; text-align:center; text-transform: uppercase; }
.sector-tech-card p span { display: block; white-space: nowrap; }
.sector-tech-card p i { padding: 0 .13em; color: #cc4e1b; font-style: normal; }

.sector-tech-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  margin-top: 14px;
  padding: 17px 18px 17px 22px;
  border: 1px solid #dfe3e1;
  border-radius: 11px;
  background: #f3f5f4;
  box-shadow: none;
}
.sector-tech-note > div { display: flex; align-items: center; gap: 18px; min-width: 0; }
.sector-tech-note > div > span { flex: 0 0 auto; color: #a44821; font-size: .68rem; font-weight: 900; letter-spacing: .13em; }
.sector-tech-note p { margin: 0; color: #59666c; font-size: .9rem; line-height: 1.5; }
.sector-tech-note a {
  min-height: 42px;
  padding: 11px 15px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #28343a;
  color: #fff;
  font-size: .86rem;
  font-weight: 900;
  text-decoration: none;
  box-shadow: none;
  transition: background-color .18s ease, transform .18s ease;
}
.sector-tech-note a span { margin-left: 8px; transition: transform .2s ease; }

/* Shared brand showcase: one visual language on the home and corporate pages. */
.brand-showcase {
  margin-top: 18px;
  padding: 0 !important;
  min-height: 0 !important;
  overflow: hidden;
  border: 1px solid #dfe3e1;
  border-radius: 11px;
  background: #fff;
}
.brand-showcase-heading {
  min-height: 62px;
  padding: 17px 22px;
  display: flex;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid #e6e8e6;
}
.brand-showcase-heading > span {
  flex: 0 0 auto;
  color: #c94f1c;
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .14em;
}
.brand-showcase-heading h3 {
  margin: 0;
  color: #202b32;
  font-size: 1.18rem;
  line-height: 1.25;
  letter-spacing: -.02em;
}
.brand-motion-toggle {
  margin-left: auto;
  padding: 7px 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #dedfdd;
  border-radius: 7px;
  background: #fff;
  color: #5f6a70;
  font: inherit;
  font-size: .72rem;
  font-weight: 750;
  cursor: pointer;
}
.brand-motion-toggle span { color: #c94f1c; font-size: .78rem; font-weight: 900; }
.brand-motion-toggle:focus-visible { outline: 3px solid var(--site-focus); outline-offset: 2px; }
.brand-marquee {
  position: relative;
  overflow: hidden;
  padding: 13px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.brand-marquee--reverse { display: none; }
.brand-marquee-track {
  width: max-content;
  display: flex;
  transform: translate3d(0,0,0);
  will-change: transform;
}
.brand-marquee-set { padding-right: 14px; display: flex; align-items: center; gap: 14px; }
.brand-marquee.is-paused .brand-marquee-track { animation-play-state: paused; }
.brand-logo-card {
  width: 182px;
  height: 84px;
  padding: 16px 22px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e5e7e5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 5px 14px rgb(32 43 50 / .035);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.brand-logo-card img {
  width: auto;
  max-width: 136px;
  height: auto;
  max-height: 46px;
  display: block;
  object-fit: contain;
}
.brand-logo-card--image { padding: 5px; background: #b91821; }
.brand-logo-card--image img { width: 100%; max-width: none; height: 100%; max-height: none; object-fit: contain; }
.brand-logo-card--finish { background: #373737; }
@keyframes brandMarquee { to { transform: translateX(-50%); } }

@media (hover:hover) {
  .sector-tech-card:hover { transform: translateY(-3px); border-color: #d7b3a3; box-shadow: 0 15px 34px rgb(32 43 50 / .075); }
  .sector-tech-card:hover::after { transform: scaleX(1); }
  .sector-tech-note a:hover { background: #c94f1c; transform: translateY(-1px); }
  .sector-tech-note a:hover span { display: inline-block; transform: translateX(4px); }

}

@media (max-width: 1100px) {
  .sector-tech-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sector-tech-card { min-height: 230px; }
}

@media (max-width: 680px) {
  .sector-tech-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .sector-tech-card { min-height: 180px; padding: 17px 12px 15px; display:flex;flex-direction:column;align-items:center;justify-content:center; }
  .sector-tech-top b { top:12px;right:12px;font-size:.63rem; }
  .sector-tech-icon { width: 82px; height: 82px; }
  .sector-tech-card h3 { margin: 12px 0 0; font-size: .92rem; line-height:1.25; }
  .sector-tech-card > small,.sector-tech-card p { display:none; }
  .sector-tech-note,
  .sector-tech-note > div { align-items: flex-start; flex-direction: column; gap: 9px; }
  .sector-tech-note { padding: 18px; }
  .sector-tech-note a { width:100%; }
  .brand-showcase-heading { min-height: 0; padding: 15px 17px; align-items: center; justify-content:center; flex-direction: column; gap: 5px; text-align:center; }
  .brand-showcase-heading h3 { font-size: 1.12rem; }
  .brand-motion-toggle { display: none; }
  .brand-marquee { overflow:hidden; padding: 11px 0; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
  .brand-marquee-track { transform: translate3d(0,0,0); }
  .brand-marquee-set { padding-left: 0; }
  .brand-marquee-set[aria-hidden="true"] { display: flex; }
  .brand-logo-card { width: 148px; height: 76px; padding: 14px 18px; }
  .brand-logo-card img { max-width: 112px; max-height: 38px; }
  .brand-logo-card--image { padding: 5px; }
  .brand-logo-card--image img { max-width: none; max-height: none; }
}

@media (min-width: 681px) and (max-width: 900px) {
  .brand-showcase-heading { justify-content: center; text-align: center; }
  .brand-motion-toggle { display: none; }
}

@media (max-width: 900px) {
  .brand-showcase { padding-bottom: 8px !important; }
  .brand-marquee { padding: 9px 0 4px; }
  .brand-marquee--reverse { display: block; padding: 4px 0 9px; }
  .brand-marquee-track { transform: translate3d(0,0,0); }
  .brand-marquee-set[aria-hidden="true"] { display: flex; }
  .brand-logo-card { width: 150px; height: 70px; padding: 11px 16px; }
  .brand-logo-card img { max-width: 114px; max-height: 37px; }
  .brand-logo-card--image { padding: 5px; }
  .brand-logo-card--image img { max-width: none; max-height: none; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-marquee { mask-image: none; -webkit-mask-image: none; overflow-x: auto; }


}

/* Ana sayfa ve kurumsalda sektör anlatımını aynı eksende toplar. */
.home-markets .home-section-heading-row,
.corp-sectors .corp-heading {
  width:min(100%,920px);
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:1fr;
  justify-items:center;
  gap:14px;
  text-align:center;
}
.home-markets .home-section-heading-row > *,
.corp-sectors .corp-heading > * { max-width:780px; justify-self:center; }
.home-markets .home-kicker,
.corp-sectors .corp-kicker { justify-content:center; }
.home-markets .home-section-heading-row p,
.corp-sectors .corp-heading > p { margin-inline:auto; }