/* ===== Global Reset / Güvenlik ===== */
*, *::before, *::after { box-sizing: border-box; }

/* ===== Tema ===== */
:root{
  --accent:#086AD8; --ink:#0b1220; --muted:#536076;
  --bg:#f7f9fc; --paper:#ffffff;
  --wrap:1200px; --pad:24px;
  --r:16px;
  --header-h:72px;   /* JS ile ölçülecek */
  --tabs-h:56px;     /* JS ile ölçülecek */
}

/* ===== Hero: tam ekran ===== */
.logoish-hero{
  position:relative;
  background:var(--bg);
  min-height: calc(100vh - var(--header-h));
  overflow:hidden;            /* güvenlik */
  overflow-x:hidden;          /* son çare yatay taşma koruması */
}
.logoish-hero .lh-wrap{ max-width:none; padding:0; }

/* ===== Tabs ===== */
.lh-tabs{
  position:relative; z-index:2; background:var(--bg);
  padding:10px clamp(12px, 4vw, 36px) 0;
}
.lh-tablist{
  position:relative; display:flex; gap:clamp(18px, 3vw, 36px);
  border-bottom:1px solid #e8edf5;
  overflow-x:auto; overflow-y:hidden; white-space:nowrap;
  scroll-snap-type:x mandatory;
  height:var(--tabs-h);
  /* scrollbar görünmesin -> bazı tarayıcılarda 1px taşmayı da engeller */
  scrollbar-width:none;              /* Firefox */
}
.lh-tablist::-webkit-scrollbar{ display:none; }  /* WebKit */

.lh-tab{
  flex:0 0 auto; scroll-snap-align:start;
  padding:12px 0; border:0; background:none; cursor:pointer;
  color:#607088; font-weight:700; font-size:clamp(14px, 1.3vw, 16px);
  transition:color .15s ease;
}
.lh-tab.is-active{ color:var(--ink); }
.lh-underline{
  position:absolute; left:0; bottom:-1px; height:2px; width:0;
  background:var(--accent); border-radius:2px; transition:left .25s ease,width .25s ease;
}

/* ===== Swiper alanı ===== */
.logoish-hero .swiper,
.logoish-hero .lh-swiper{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:420px;
}
.logoish-hero .swiper-slide{
  box-sizing:border-box;
  height:auto;
}

/* slide içerik */
.lh-slide{
  height:100%;
  display:grid; align-items:center;
  grid-template-columns:1.1fr 1fr;
  column-gap:clamp(24px, 5vw, 56px);
  padding:clamp(16px, 4vw, 48px) clamp(16px, 5vw, 64px);
  min-width:0;             /* grid’de yatay taşmayı önle */
}
.lh-copy{ color:var(--ink); max-width:680px; min-width:0; }
.lh-slide:not(:has(.lh-media)){ grid-template-columns:1fr; }
.lh-slide:not(:has(.lh-media)) .lh-copy{ max-width:760px; }
.lh-ttl{ margin:0 0 12px; font-weight:800; line-height:1.05; font-size:clamp(28px, 4.2vw, 56px); overflow-wrap:anywhere; }
.lh-desc{ color:var(--muted); font-size:clamp(14px, 1.6vw, 18px); margin:0 0 18px; overflow-wrap:anywhere; }
.lh-cta{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 20px; border-radius:999px; background:var(--accent); color:#fff;
  text-decoration:none; font-weight:800; box-shadow:0 10px 24px rgba(8,106,216,.18);
  transition:transform .15s ease, filter .15s ease;
}
.lh-cta:hover{ transform:translateY(-1px); filter:brightness(.98); }

/* görsel */
.lh-media{
  margin:0;
  border-radius:24px;
  overflow:hidden;
  background:#eef2f7;
  min-width:0;
  min-height:280px;
  height:min(52vh, 480px);
  align-self:stretch;
}
.lh-media picture,
.lh-media video{
  display:block;
  width:100%;
  height:100%;
}
.lh-img{
  width:100%;
  height:100%;
  min-height:280px;
  display:block;
  object-fit:cover;
  object-position:var(--fx,55%) var(--fy,50%);
}

.logoish-hero .cms-swiper-nav--hero{
  padding: 0 clamp(16px, 5vw, 64px) 20px;
}

/* responsive */
@media (max-width:1024px){
  .logoish-hero{ min-height:0; height:auto; }
  .lh-swiper{ height:auto; min-height:0; overflow:hidden; }
  .lh-slide{
    grid-template-columns:1fr;
    height:auto;
    row-gap:18px;
    padding:20px 16px 28px;
  }
  .lh-copy, .lh-ttl, .lh-desc{
    max-width:100% !important;
    width:100%;
    white-space:normal !important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .lh-media{ order:2; height:42vh; max-height:320px; min-height:180px; }
}
@media (max-width:640px){
  .lh-tablist{ gap:20px; padding:0 4px; }
  .lh-ttl{ font-size:26px; line-height:1.15; }
  .lh-desc{ font-size:15px; }
  .lh-media{ height:38vh; max-height:260px; border-radius:18px; }
}

.lh-slide{position:relative;}
.lh-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;}
.lh-copy,.lh-media{position:relative;z-index:2;}
.lh-badge{display:inline-block;background:#086AD8;color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;margin-bottom:10px;}
.lh-sub{margin:0 0 10px;color:#334155;font-weight:600;}
.lh-actions{display:flex;flex-wrap:wrap;gap:10px;}
.lh-cta--ghost{background:#fff;color:#0b1220;box-shadow:none;border:1px solid #e6e8ec;}
.lh-align-center .lh-copy{text-align:center;margin-inline:auto;}
.lh-align-right .lh-copy{text-align:right;margin-left:auto;}
.lh-video{object-fit:cover;}

/* ===== Cookie Policy – Genel Değişkenler ===== */
:root{
  --cp-bg: #0b1220;          /* arka plan */
  --cp-txt: #ffffff;         /* metin */
  --cp-muted: #c9d1e0;       /* ikincil metin/link */
  --cp-btn-bg: #ffffff;      /* buton arka planı */
  --cp-btn-txt: #0b1220;     /* buton yazısı */
  --cp-shadow: 0 12px 30px rgba(0,0,0,.25);
  --cp-radius: 14px;
  --cp-maxw: 980px;          /* masaüstü maksimum genişlik */
  --cp-pad: 16px;            /* mobil iç boşluk */
  --cp-pad-lg: 20px;         /* masaüstü iç boşluk */
  --cp-z: 2147483000;        /* çok yüksek z-index */
}

/* sistem koyu/aydınlık moduna uyar */
@media (prefers-color-scheme: light){
  :root{
    --cp-bg: #ffffff;
    --cp-txt: #101828;
    --cp-muted: #475467;
    --cp-btn-bg: #0b1220;
    --cp-btn-txt: #ffffff;
    --cp-shadow: 0 12px 30px rgba(16,24,40,.15);
  }
}

/* ===== Konteyner ===== */
.cookie_policy{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: var(--cp-z);
  display: grid;
  place-items: center;
  pointer-events: none;                 /* dış tıklamalar geçer */
  padding: 12px;                        /* dış boşluk */
  width:100%;
  box-sizing:border-box;                /* kritik: 100% + padding taşmasın */
  /* animasyon */
  transform: translateY(8px);
  opacity: 0;
  animation: cp-in .36s cubic-bezier(.22,.8,.26,.99) forwards;
}
@keyframes cp-in{
  to{ transform: translateY(0); opacity: 1; }
}
@media (prefers-reduced-motion: reduce){
  .cookie_policy{ animation: none; opacity: 1; transform:none; }
}

/* İç kutu */
.cookie_policy > *{
  pointer-events: auto;                 /* içerik tıklanabilir */
}
.cookie_policy p{
  margin: 0;
  color: var(--cp-txt);
  line-height: 1.45;
  font-size: 14px;
}
.cookie_policy a{
  color: var(--cp-muted);
  text-underline-offset: 2px;
}
.cookie_policy a:hover{ text-decoration: underline; }

/* İçerik düzeni (mobil) */
.cookie_policy .cookie_policy__card{
  background: var(--cp-bg);
  color: var(--cp-txt);
  box-shadow: var(--cp-shadow);
  width: 100%;
  border-radius: 0;
  padding: var(--cp-pad);
  box-sizing:border-box;                /* güvenlik */
}

/* Accept butonu */
.cookie_policy .js-cookie-close{
  appearance: none;
  border: 0;
  background: var(--cp-btn-bg);
  color: var(--cp-btn-txt);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  padding: 10px 14px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .12s ease, filter .12s ease;
  white-space: nowrap;
}
.cookie_policy .js-cookie-close:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.cookie_policy .js-cookie-close:hover{
  transform: translateY(-1px);
  filter: brightness(.98);
}

/* Mobilde dikey yığılır */
.cookie_policy .cookie_policy__grid{
  display: grid;
  gap: 10px;
  align-items: center;
}

/* Masaüstü düzeni */
@media (min-width: 768px){
  .cookie_policy .cookie_policy__card{
    width: min(100%, var(--cp-maxw));
    border-radius: var(--cp-radius);
    padding: var(--cp-pad-lg);
  }
  .cookie_policy .cookie_policy__grid{
    grid-template-columns: 1fr auto;
    column-gap: 16px;
  }
  .cookie_policy p{ font-size: 15px; }
}

/* RTL desteği */
:root:dir(rtl) .cookie_policy .cookie_policy__grid{
  direction: rtl;
}
:root:dir(rtl) .cookie_policy .js-cookie-close{
  /* no-op; yuvarlak buton zaten simetrik */
}

/* Yazdırmada gizle */
@media print{
  .cookie_policy{ display: none !important; }
}

/* Programatik gizleme için yardımcı sınıf */
.cookie_policy.is-hidden{ display: none !important; }

/* İsteğe bağlı: sayfa kenarına yapışsın istemezsen “floating” görünüm */
.cookie_policy.--floating{
  bottom: 24px;
}
.cookie_policy.--floating .cookie_policy__card{
  border-radius: var(--cp-radius);
}

/* Butonlar kapsayıcı */
.cookie_policy__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Ortak stil */
.cookie_policy button{
  appearance: none;
  border: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  padding: 10px 16px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .12s ease, filter .12s ease;
  white-space: nowrap;
}
.cookie_policy button:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.cookie_policy button:hover{
  transform: translateY(-1px);
  filter: brightness(.98);
}

/* Kabul butonu (yeşil veya tema rengi) */
.cookie_policy .js-cookie-close{
  background: #0f9d58;      /* Google green gibi */
  color: #fff;
}

/* Reddet butonu (kırmızı) */
.cookie_policy .js-cookie-decline{
  background: #e53935;
  color: #fff;
}