.header-bottom .d-flex > div {
    display: flex;
}

.header-bottom .mobile-menu {
    justify-content: flex-start;
}

.header-bottom .cart-info {
    justify-content: flex-end;
    margin-top: 2px;
}

 
         /* satır hizası */
.header_account_area .account-bar{
  display: flex;
  align-items: center;
  justify-content: end;   /* istersen center/space-between yapabilirsin */
  gap: 10px;
}

/* Sadece ikon: arka plan, çerçeve, radius yok */
.icon-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px;           /* görünmez tıklama alanı (erişilebilirlik) */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto; height: auto;
}
.icon-btn i{
  font-size: 20px;
  line-height: 1;
  color: #1a1a1a;         /* nötr renk */
  transition: opacity .2s ease, transform .06s ease, color .2s ease;
}
.icon-btn:hover i{ opacity: .85; color: var(--accent, #000000); }
.icon-btn:active i{ transform: translateY(1px); }

/* PNG ikon da aynı boy hissi versin */
.icon-img{
  width: 30px;
  height: 30px;
  object-fit: contain;
  display: block;
  filter: none;
  opacity: 1;
  transition: opacity .2s ease, transform .06s ease;
}
 

/* Dil linkleri: düz metin link, buton değil */
.lang-switch{ display: inline-flex; align-items: center; gap: 6px; }

/* Eğer .lang-pill kullandıysan buton görünümünü sıfırla */
.lang-pill, .lang-flag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto; padding: 0;      /* buton pedini kaldır */
  border: none; border-radius: 0;
  background: transparent;
 
   
  letter-spacing: .2px;
  text-decoration: none;
  line-height: 1.2;
  transition: color .2s ease, opacity .2s ease;
}
.lang-pill:hover, .lang-flag:hover{
  color: #2e8f70;                /* hafif koyu ton */
  text-decoration: underline;
}

/* Küçük ekranlarda tıklama alanını koru, ikon boyunu hafif küçült */
@media (max-width: 576px){
 /*   .icon-btn{ padding: 10px; }   görünmez ama tıklanabilir 36–40px hedef */
  .icon-btn i{ font-size: 18px; }
  .icon-img{ width: 18px; height: 18px; }
}


/* Sepet ikonu */
.icon-btn i {
    font-size: 26px; 
    color: #000;
    transition: all 0.3s ease;
}

.icon-btn:hover i {
    color: #4fb68d;  
    transform: scale(1.2);
}

/* Bayrak ikonları */
.lang-flag img {
    width: 28px; /* bayrak boyutu */
    height: auto;
    border-radius: 3px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lang-flag img:hover {
    transform: scale(1.1);
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

/* Header logo alanı */
.logo { display: inline-block; }
.logo-link {
    position: relative;
    display: inline-block;
    line-height: 0;       /* boşlukları sıfırlar */
}

/* Her iki görsel aynı boyutta davransın */
.logo-img {
    display: block;
    width: 89%;          
    height: auto;
    transition: opacity .25s ease;  /* yumuşak geçiş */
}

/* Neon görsel üstte, başlangıçta gizli */
.logo-img-hover {
    position: absolute;
    inset: 0;             /* top/right/bottom/left = 0 */
    opacity: 0;
    pointer-events: none; /* tıklama her zaman linkte kalsın */
}

/* Hover / Klavye odak (erişilebilirlik) */
.logo-link:hover .logo-img-hover,
.logo-link:focus .logo-img-hover {
    opacity: 1;
}
.logo-link:hover .logo-img-primary,
.logo-link:focus .logo-img-primary {
    opacity: 0;
}
.footer-logo { display: inline-block; }
.footer-logo-link {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.footer-logo-img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity .25s ease;
    }
.footer-logo-img-hover {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
}
.footer-logo-link:hover .footer-logo-img-hover,
.footer-logo-link:focus .footer-logo-img-hover { opacity: 1; }
.footer-logo-link:hover .footer-logo-img-primary,
.footer-logo-link:focus .footer-logo-img-primary { opacity: 0; }

:root{
    --accent:#4fb68d;
    --sb-form-bg:rgba(255,255,255,.9);
    --sb-radius:14px;
}

.searchbar{
    position:fixed; inset:0 auto auto 0; width:100%; height:72px;
    transform:translateY(-100%); transition:transform .35s ease; z-index:9999;
    pointer-events:none;
}

.searchbar.is-open{ transform:translateY(0); pointer-events:auto; }

.searchbar-backdrop{
    position:fixed; inset:72px 0 0 0;
    background:rgba(0,0,0,.28);
    backdrop-filter:blur(4px);
    opacity:0;
    visibility:hidden;         
    pointer-events:none;
    transition: opacity .25s ease, visibility 0s linear .25s;  
}

.searchbar.is-open .searchbar-backdrop{ opacity:1; pointer-events:auto; }

.searchbar-form{
    position:relative; max-width:min(960px,92vw); margin:0 auto 0;
    display:flex; align-items:center; gap:12px;
    background:var(--sb-form-bg); border:1px solid rgba(0,0,0,.06);
    border-radius:var(--sb-radius); box-shadow:0 8px 30px rgba(0,0,0,.12);
    padding:12px 14px 12px 48px; backdrop-filter:blur(6px);
}

.searchbar-icon{ position:absolute; left:14px; font-size:20px; opacity:.75; }
.searchbar-input{ flex:1; font-size:16px; border:0; outline:0; background:transparent; color:#1b1b1b; }
.searchbar-input::placeholder{ color:#6b7280; }

.searchbar-submit{
    border:0; background:var(--accent); color:#fff; padding:10px 16px;
    border-radius:10px; font-weight:600; cursor:pointer; transition:opacity .2s ease, transform .06s ease;
}

.searchbar-submit:hover{ opacity:.92; }
.searchbar-submit:active{ transform:translateY(1px); }

.searchbar-close{
    display:grid; place-items:center; width:40px; height:40px; border-radius:10px;
    border:1px solid rgba(0,0,0,.06); background:#fff; color:#111; cursor:pointer;
}

.searchbar-close i{ font-size:20px; }

@media (max-width:576px){
    .searchbar{ height:74px; }
    .searchbar-backdrop{ inset:64px 0 0 0; }
    .searchbar-form{  padding-left:44px; }
}


.copy-text {
    font-size: 14px;
    color: #555;
    margin: 0;
}
.copy-text .brand-link {
    font-weight: 600;  
    color: #ff5722;   
    text-decoration: none;
    transition: color 0.3s ease;
}
.copy-text .brand-link:hover {
    color: #e91e63;  
    text-decoration: underline;
}

.footer-logos img {
    max-height: 60px;
    margin: 0 15px;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}
.footer-logos img:hover {
    opacity: 1;
}

    
.footer-partners-row{
    border-top: 1px solid rgba(0,0,0,.06);
}

    
.partners-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(90px, 1fr));   /* xs */
    gap: 16px 24px;
    align-items: center;
    justify-items: center;  
}

/* kırılımlar */
@media (min-width: 576px){ .partners-grid{ grid-template-columns: repeat(3, minmax(100px,1fr)); } }
@media (min-width: 768px){ .partners-grid{ grid-template-columns: repeat(5, minmax(110px,1fr)); } }
@media (min-width: 1200px){ .partners-grid{ grid-template-columns: repeat(10, minmax(80px,1fr)); } } /* xl: 10 yan yana */

/* Logo boyut/etkileşim */
.partner-logo{
    max-height: 50px; /* 44–56px arası markalara göre ayarlanabilir */
    width: auto;
    object-fit: contain;
    opacity: .9;
    transition: opacity .2s ease, transform .12s ease;
}
.partners-grid a:hover .partner-logo{
    opacity: 1;
    transform: translateY(-1px);
}

:root{
    --fab-accent:#4fb68d;
    --fab-size:56px;
}

/* Kapsayıcı: sol alt sabit */
.fab-wrap{
    position: fixed;
    left: 26px;
    bottom: calc(26px + env(safe-area-inset-bottom, 0px));
    z-index: 10500; /* her şeyin üstünde dursun */
}

/* Ana buton */
.fab-main{
    width: var(--fab-size);
    height: var(--fab-size);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: grid;
    place-items: center;
    background: var(--fab-accent);
    color: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
    transition: transform .12s ease, box-shadow .2s ease, background .2s ease;
}
.fab-main i{ font-size: 24px; }
.fab-main:hover{ box-shadow: 0 12px 30px rgba(0,0,0,.30); }
.fab-main:active{ transform: translateY(1px); }

/* Açılır grup (butonlar yukarı doğru dizilir) */
.fab-actions{
    position: absolute;
    left: 0;
    bottom: calc(var(--fab-size) + 10px);
    display: grid;
    gap: 10px;
}

/* Her kısayol butonu */
.fab-btn{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff;
    color: #111;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 6px 18px rgba(0,0,0,.15);
    transform: translateY(0) scale(0.6);
    opacity: 0;
    pointer-events: none;
    transition: transform .18s cubic-bezier(.2,.7,.2,1), opacity .18s ease;
}
.fab-btn i{ font-size: 20px; }
.fab-btn:hover{ color: var(--fab-accent); }

/* Açılınca görünür olsun */
.fab-wrap.open .fab-btn{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

/* Sırayla belirme efekti */
.fab-actions .fab-btn:nth-child(1){ transition-delay: .02s; }
.fab-actions .fab-btn:nth-child(2){ transition-delay: .06s; }
.fab-actions .fab-btn:nth-child(3){ transition-delay: .10s; }
.fab-actions .fab-btn:nth-child(4){ transition-delay: .14s; }

@media (max-width: 480px){
:root{ --fab-size:52px; }
.fab-btn{ width: 44px; height: 44px; }
.fab-main i{ font-size: 22px; }
}

/* Hareket azaltma tercihi olan kullanıcılar için */
@media (prefers-reduced-motion: reduce){
    .fab-main, .fab-btn{ transition: none !important; }
}


/* ---- Yoğun Dalga Ayarları ---- */
:root{
  --fab-ripple-scale: 2.9;      /* 2.1 → 2.9: dalga daha büyük */
  --fab-ripple-opacity: .50;    /* .35 → .50: daha görünür */
  --fab-ripple-duration: 2.8s;  /* 2.4s → 2.8s: yayılma biraz daha uzun */
}

/* Ana butonun parlamasını da biraz artır (opsiyonel) */
.fab-main{
  animation: fabGlowStrong var(--fab-ripple-duration) ease-in-out infinite;
}

/* 2 halka: ::before ve ::after (daha yoğun, daha geniş) */
.fab-main::before,
.fab-main::after{
  animation: fabRippleStrong var(--fab-ripple-duration) ease-out infinite;
  background:
    radial-gradient(closest-side,
      rgba(79,182,141, calc(var(--fab-ripple-opacity) + .10)),  /* merkez daha yoğun */
      rgba(79,182,141, calc(var(--fab-ripple-opacity) - .10)) 45%,
      rgba(79,182,141, 0) 75%);                                 /* daha geç şeffaflaşsın */
}
.fab-main::after{
  animation-delay: calc(var(--fab-ripple-duration) * .5);       /* ikinci halka geç başlasın */
}

/* +1 halka daha: wrapper'dan üçüncü ripple (ekstra yoğunluk) */
.fab-wrap::before{
    content:"";
    position:absolute;
    left:16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    /* .fab-main ile hizala */
    width: var(--fab-size); height: var(--fab-size);
    transform: translate(0,0);
    border-radius: 50%;
    pointer-events:none;
    z-index:-1;
    background:
    radial-gradient(closest-side,
        rgba(79,182,141, calc(var(--fab-ripple-opacity) + .05)),
        rgba(79,182,141, calc(var(--fab-ripple-opacity) - .15)) 40%,
        rgba(79,182,141, 0) 72%);
    animation: fabRippleStrong var(--fab-ripple-duration) ease-out infinite;
    animation-delay: calc(var(--fab-ripple-duration) * .25);
}

/* Menü açılınca dalgaları durdurmak istemiyorsan bu bloğu sil. */
.fab-wrap.open .fab-main,
.fab-wrap.open .fab-main::before,
.fab-wrap.open .fab-main::after,
.fab-wrap.open::before{
  animation-play-state: paused;
  opacity: 0;
}

/* BÜYÜK ve YOĞUN ripple animasyonu */
@keyframes fabRippleStrong{
  0%   { transform: scale(1); opacity: var(--fab-ripple-opacity); }
  75%  { transform: scale(var(--fab-ripple-scale)); opacity: 0; }
  100% { transform: scale(var(--fab-ripple-scale)); opacity: 0; }
}

/* İç parlama: biraz daha belirgin */
@keyframes fabGlowStrong{
  0%,100% { box-shadow: 0 0 0 0 rgba(79,182,141,.40), 0 0 20px rgba(79,182,141,.45); }
  50%     { box-shadow: 0 0 0 10px rgba(79,182,141,0), 0 0 32px rgba(79,182,141,.70); }
}

/* Hareket azaltma tercihi olanlar için */
@media (prefers-reduced-motion: reduce){
  .fab-main, .fab-main::before, .fab-main::after, .fab-wrap::before{
    animation: none !important;
  }
}

/*   Menü AÇIKKEN ana yeşil FAB görünür kalsın */
.fab-wrap.open .fab-main{
  opacity: 1 !important;
}

/* Ripple açık kalsın (biraz daha sönük) */
.fab-wrap.open .fab-main::before,
.fab-wrap.open .fab-main::after,
.fab-wrap.open::before{
    animation-play-state: running !important;
    opacity: .25 !important;  /* 0.25–0.5 arası deneyebilirsin */
}


/*  Yığınlama: Ana buton hep üstte dursun */
.fab-main{ position: relative; z-index: 2; }
.fab-actions{ position: absolute; z-index: 1; }

 
.section-kurumsal .kurumsal-title{
  font-size: clamp(24px, 2.4vw, 32px);
  margin-bottom: 16px;
}

 

/* Kapsayıcı: alt çizgili bar, yatay kaydırılabilir */
.tabs-corporate{
  position: relative;
  display: flex; gap: 0;
    
  padding: 0 2px;
  overflow-x: auto;
  scrollbar-width: none;              /* Firefox */
  -ms-overflow-style: none;
  mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
}
.tabs-corporate::-webkit-scrollbar{ display:none; }

/* Butonlar: metin odaklı, kurumsal tipografi */
.tabs-corporate .ftab{
  appearance: none;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 14px 18px;
  color: var(--tabs-muted);
  font-weight: 300;
  letter-spacing: .02em;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  transition: color .2s ease;
}
.tabs-corporate .ftab i{
  font-size: 18px;
  margin-right: 8px;
  color: currentColor;                /* ikon rengi metinle aynı */
  opacity: .85;
}
.tabs-corporate .ftab:hover{ color: var(--tabs-ink); }

/* Aktif sekme: koyu metin + kalın alt çizgi */
.tabs-corporate .ftab.is-active{
  color: var(--tabs-ink);
}
.tabs-corporate .ftab.is-active::after{
  content: "";
  position: absolute;
  left: 14px; right: 14px; bottom: -1px;
  height: 3px; border-radius: 3px 3px 0 0;
  background: var(--tabs-accent);
}

/* Klavye erişilebilirliği */
.tabs-corporate .ftab:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--tabs-accent) 55%, transparent);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Paneller: kurumsal kart görünümü (mevcut .filter-panels üstüne şık dokunuş) */


/* Küçük ekran: padding biraz daralsın */
@media (max-width: 576px){
  .tabs-corporate .ftab{ padding: 12px 14px; }
}


/* PANELLER */
  
.fpanel{ opacity: 0; transform: translateY(6px); transition: opacity .22s ease, transform .22s ease; }
.fpanel.is-visible{ opacity: 1; transform: translateY(0); }
.fpanel[hidden]{ display: none; } /* erişilebilir gizleme */
.fpanel-body{ padding: 16px; color:#374151; line-height: 1.65; }

@media (max-width:576px){
  .fpanel-body{ padding: 14px; }
}




/* Başlık ve gri açıklama kartı */
.about-layout .about-title{ margin-bottom: 10px; }

 
/* İçerik: ortada, ekrana sığ, çok satır kısaltılmış */
 

 

/* Devamını Oku / Daha Az Göster butonu */
.about-readmore-btn{
  border: 0;
  background: transparent;
/*  color: var(--tabs-accent, #4fb68d);*/
  font-weight: 700;
  cursor: pointer;
  padding: 4px 8px;
}
.about-readmore-btn:hover{ text-decoration: underline; }

/* Alt bölüm: video | görsel 50/50 (mevcutla aynı) */
.about-media-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.ratio-16x9{ position:relative; width:100%; aspect-ratio:16/9; background:#000; overflow:hidden; }
@supports not (aspect-ratio:16/9){
  .ratio-16x9{ height:0; padding-top:56.25%; }
  .ratio-16x9>*{ position:absolute; inset:0; width:100%; height:100%; }
}
.card-shadow{ box-shadow: 0 8px 24px rgba(0,0,0,.12); }
 
.video-el,.embed-el{ width:100%; height:100%; object-fit:cover; display:block; border:0; border-radius:inherit; }

@media (max-width: 992px){
  .about-media-row{ grid-template-columns: 1fr; }
}

 

.proc-list{
  display: grid;
  gap: 22px;           /* bloklar arası boşluk */
}

/* her blok: yan yana; mobilde alt alta */
.proc-block{
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 1.1fr;
  align-items: center;
  gap: 18px;
  padding: 0px;
  border: 1px solid var(--hair);
  border-radius: var(--radius);
  background: #fff;
}
.proc-block.is-reverse .proc-media{ order: 2; }
.proc-block.is-reverse .proc-text{  order: 1; }

@media (max-width: 992px){
  .proc-block{ grid-template-columns: 1fr; }
  .proc-block.is-reverse .proc-media,
  .proc-block.is-reverse .proc-text{ order: initial; }
}

.proc-text h3{
  margin: 0 0 8px; font-weight: 700; color: var(--ink); letter-spacing: .2px;
}
.proc-text p{
  margin: 0; color: var(--muted); line-height: 1.7;
}

/* --- Minimal slider --- */
.mini-slider{ position: relative; }
.mini-slider .slides{
  position: relative; overflow: hidden; 
  aspect-ratio: 16/9; background: #000;
}
@supports not (aspect-ratio: 16/9){
  .mini-slider .slides{ height: 0; padding-top: 56.25%; }
}
.mini-slider .slide{
  position: absolute; inset: 0; opacity: 0; transition: opacity .22s ease;
}
.mini-slider .slide.is-active{ opacity: 1; }
.mini-slider img{ width: 100%; height: 100%; object-fit: cover; display: block; }

/* Ok/dot varsa gizle (eski HTML kalmışsa) */
.mini-slider .arrow,
.mini-slider .dots { display: none !important; }

/* Fade geçişi */
.mini-slider .slides{
  position: relative; overflow: hidden; 
  aspect-ratio: 16/9; background:#000;
}
@supports not (aspect-ratio: 16/9){
  .mini-slider .slides{ height:0; padding-top:56.25%; }
  .mini-slider .slides > *{ position:absolute; inset:0; }
}
.mini-slider .slide{
  position:absolute; inset:0; opacity:0; transition:opacity .6s ease;
}
.mini-slider .slide.is-active{ opacity:1; }
.mini-slider img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Hafif “Ken Burns” efekti (opsiyonel) */
.mini-slider .slide.is-active img{
  animation: kenburns 3.5s ease-out both;
}
@keyframes kenburns{
  from { transform: scale(1.05); }
  to   { transform: scale(1); }
}


/* hover efekti istemezsen bu bloğu kaldırabilirsin */
.proc-block:hover{ border-color: #dfe6f0; }

/* === Active tab: hafif gölgeli pill === */
.tabs-corporate{
  padding-bottom: 6px; /* pill ile alt çizgi arasında nefes alanı */
}

.tabs-corporate .ftab{
  transition: background .2s ease, box-shadow .2s ease, color .2s ease, transform .06s ease;
}

.tabs-corporate .ftab.is-active{
  background: color-mix(in srgb, var(--tabs-accent, #4fb68d) 6%, #fff);
  color: var(--tabs-ink, #0f172a);
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(2, 6, 23, .08);
  z-index: 1; /* alt çizgiyi kesmesin */
}

/* Önceki underline göstergesini kapat */
.tabs-corporate .ftab.is-active::after{
  content: none !important;
}



/* Başlık */
.qlt-head h2{ margin:0 0 6px; color:var(--qlt-ink); }
.qlt-lead{ margin:0 0 14px; color:var(--qlt-muted); line-height:1.65; }

/* 4’lü grid */
.quality-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:16px;
}
@media (max-width: 1200px){
  .quality-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 992px){
  .quality-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 576px){
  .quality-grid{ grid-template-columns: 1fr; }
}

/* Kartlar: minimalist */
.quality-card{
  display:grid; gap:10px;
  padding:12px;
  border:1px solid var(--qlt-hair);
  border-radius: var(--qlt-radius);
  background:#fff;
}
.qlt-figure{
  display:block;
  border:1px solid var(--qlt-hair);
  border-radius: calc(var(--qlt-radius) - 4px);
  overflow:hidden; background:#fff;
  aspect-ratio: 4/3;
}
@supports not (aspect-ratio: 4/3){
  .qlt-figure{ position:relative; height:0; padding-top:75%; }
  .qlt-figure > img{ position:absolute; inset:0; width:100%; height:100%; }
}
.qlt-figure img{ width:100%; height:100%; object-fit:contain; display:block; }
.qlt-title{ margin:0; font-weight:700; color:var(--qlt-ink); }
.qlt-text{ margin:0; color:var(--qlt-muted); line-height:1.65; }
.quality-card:hover{ border-color:#dfe6f0; }

/* Native dialog lightbox (alternatif) */
.doc-modal{
  border:0; padding:0; margin:0;
  width: 100vw; height: 100vh;
  max-width: none; max-height: none;
  background: transparent;
  display: grid; place-items: center;
}
.doc-modal::backdrop{
  background: rgba(3,6,23,.7);
  backdrop-filter: blur(2px);
}
.doc-figure{
  position: relative;
  width: min(1200px, 96vw);
  max-height: 92vh;
  display: grid; gap: 8px;
  background: transparent;
}
#docImg{
  width: 100%;
  height: auto;
  max-height: 86vh;
  object-fit: contain;
  background: #fff;
  border-radius: 12px;
}
#docCap{
  color: #e5e7eb; font-size: 14px; text-align: center;
}
.doc-close{
  position: absolute; top: 10px; right: 10px;
  width: 38px; height: 38px; border-radius: 8px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.12);
  color: #fff; display:grid; place-items:center; cursor:pointer;
}
.doc-close i{ font-size: 20px; }

@media (max-width: 576px){
  #docImg{ max-height: 80vh; }
  .doc-close{ width: 36px; height: 36px; }
}

/* --- Grid: 6 kolon (desktop), aşağıda responsivleşir --- */
.quality-grid{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap:16px;
}

/* Kart ve içerik */
.quality-card{
  display:grid; gap:10px; padding:12px;
  border:1px solid #e9edf3;  background:#fff;
}
.qlt-figure{
  display:block; border:1px solid #e9edf3; overflow:hidden; background:#fff;
  aspect-ratio: 4 / 3;
}
.qlt-figure img{ width:100%; height:100%; object-fit:contain; display:block; }
.qlt-title{ margin:0; font-weight:700; color:#0b1220; }
.qlt-text{ margin:0; color:#667085; line-height:1.65; }
.quality-card:hover{ border-color:#dfe6f0; }

/* Spans (masaüstü) */
.quality-card.span2{ grid-column: span 2; } /* 3 kart = 6 */
.quality-card.span3{ grid-column: span 3; } /* 2 kart = 6 */
.quality-card.span6{ grid-column: span 6; } /* 1 kart = 6 (tam satır) */

/* Responsivleşme */
@media (max-width:1200px){
  .quality-grid{ grid-template-columns: repeat(4, 1fr); }
  .quality-card.span2{ grid-column: span 2; } /* 2 kart/satır */
  .quality-card.span3{ grid-column: span 4; } /* tam satır */
  .quality-card.span6{ grid-column: span 4; } /* tam satır */
}
@media (max-width:992px){
  .quality-grid{ grid-template-columns: repeat(2, 1fr); }
  .quality-card.span2,
  .quality-card.span3,
  .quality-card.span6{ grid-column: span 2; } /* tek kart/satır */
}

/* --- Native dialog (lightbox) --- */
.doc-modal{
  border:0; padding:0; margin:0;
  width:100vw; height:100vh; background:transparent;
  display:grid; place-items:center;
}
.doc-modal::backdrop{
  background: rgba(3,6,23,.7); backdrop-filter: blur(2px);
}
.doc-figure{ position:relative; width:min(1200px,96vw); max-height:92vh; display:grid; gap:8px; }
#docImg{ width:100%; height:auto; max-height:86vh; object-fit:contain; background:#fff; border-radius:12px; }
#docCap{ color:#e5e7eb; text-align:center; font-size:14px; }
.doc-close{
  position:absolute; top:10px; right:10px; width:38px; height:38px; border-radius:8px;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.12);
  color:#fff; display:grid; place-items:center; cursor:pointer; font-size:18px; line-height:1;
}



/* App Store / Google Play rozetleri: kutu + beyaz + gölge */
.img_app{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.img_app a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;                           /* beyaz kutu */
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;                        /* köşeler */
  padding: 8px 12px;                          /* iç boşluk */
  box-shadow: 0 6px 18px rgba(0,0,0,.08);     /* hafif gölge */
  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
  text-decoration: none;
}

.img_app a:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
  border-color: rgba(0,0,0,.12);
}

.img_app img{
  display: block;
  height: 34px;                               /* rozet yüksekliği */
  width: auto;
}

/* Küçük ekranlarda biraz kompakt */
@media (max-width: 576px){
  .img_app a{ padding: 6px 10px; border-radius: 10px; }
  .img_app img{ height: 30px; }
}

/* opsiyonel: sabitçe daha dengeli görünüm */
.img_app a{   justify-content: center; }
  





/* Üst şerit arka plan + metin */
.header-top-nav{
  background:#0b1220; /* koyu zemin */
  color:#fff;
}
.header-top-nav p,
.header-top-nav .color-white{ color:#fff !important; }

/* Sol ve sağdaki ikonlar için tek tip ölçü ve aralık */
.header-top-nav .header-top-set-lan-curr{
  gap:12px; /* bootstrap d-flex için boşluk */
}
.header-top-nav .header-top-curr img{
  height:22px !important; width:auto !important; display:block;
  /* inline style % genişlikleri ezmek için !important koyduk */
}

/* Dikey hizalama */
.header-top-nav .row.align-items-center{
  min-height:48px; /* nefes alanı */
}
/* Mobil kırılım (istersen 768 yerine 992 kullan) */
@media (max-width: 991.98px){
  /* Eski sıkışık satırı gizle, Hızlı Erişim göster */
  .header-top-nav { display:none !important; }
  .topbar-mobile{ display:block; }

  /* Hızlı Erişim başlığı aynı kalsın (istersen koyu yapabilirsin) */
  .topquick{ margin:6px 0; }
  .topquick-toggle{
    display:flex; align-items:center; gap:8px;
    padding:10px 12px; border:1px solid rgba(255,255,255,.08);
    border-radius:5px; background:#fff; font-weight:700; color:#0b1220;
    list-style:none; cursor:pointer; user-select:none;
  }

  .topquick-toggle::-webkit-details-marker{ display:none; }
  .topquick-toggle .chevron{ margin-left:auto; transition:transform .2s ease; }
  .topquick[open] .topquick-toggle .chevron{ transform:rotate(180deg); }

  /* Açılır panel */
  .topquick-panel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .25s ease; }
  .topquick[open] .topquick-panel{ grid-template-rows:1fr; }

  /* SADECE İKON: grid ve kare koyu butonlar */
  .topquick-grid{
    min-height:0;
    display:grid;
    grid-template-columns: repeat(4, minmax(0,1fr)); /* mobilde 4 ikon/satır */
    gap:8px;
    padding:10px 2px 2px;
  }
  @media (max-width:420px){
    .topquick-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  }

  .qbtn{
    display:grid; place-items:center;
    width:100%; min-height:56px; /* rahat tıklama */
    background:#0b1220;           /* KOYU BUTON */
    color:#fff; text-decoration:none; font-weight:700;
    border:1px solid #0b1220;     /* sınır */
    border-radius:0;              /* radius YOK */
  }
  .qbtn:hover{ filter:brightness(1.08); }
  .qbtn img{
    width:22px; height:22px; object-fit:contain; display:block;
  }
  .qbtn span{ display:none; }     /* “YouTube/Instagram” yazılarını gizle */

  .qbtnfiyat{
    display:grid; place-items:center;
    width:100%; min-height:56px; /* rahat tıklama */
    background:#0b1220;           /* KOYU BUTON */
    color:#fff; text-decoration:none; font-weight:700;
    border:1px solid #0b1220;     /* sınır */
    border-radius:0;              /* radius YOK */
  }
  .qbtnfiyat:hover{ filter:brightness(1.08); }
  .qbtnfiyat  img{
    width:22px; height:22px; object-fit:contain; display:block;
  }
}
  /* Güvenlik: 769–991 aralığını özellikle zorla (eski kuralları ezer) */
  @media (min-width: 769px) and (max-width: 991.98px){
    .header-top-nav { display:none !important; }
    .topbar-mobile{ display:block !important; }
    .topquick-toggle  {background-color: #000;color: #ffff;}
    
  }
/* Odak görünürlüğü (erişilebilirlik) */
.topbar-mobile a:focus-visible, .topbar-mobile summary:focus-visible{
  outline:2px solid rgba(79,182,141,.6);
  outline-offset:2px;
}
@media (max-width:768px){
  .topquick-toggle{ background:#0b1220; color:#fff; border-color:#0b1220; }
}

/* Varsayılan: masaüstünde gizli */
.topbar-mobile{ display:none; }

/* Mobilde (≤768px) göster */
@media (max-width:768px){
  .topbar-mobile{ display:block; }

  /* İsteğe bağlı: üstteki eski satırı mobilde gizle */
  .header-top-nav { display:none !important; }
}






.c-contact{ background:#fff; }
.c-wrap{
  display:grid;
  grid-template-columns: 1.15fr 1fr;   /* sol biraz geniş */
  min-height: 80vh;
}

/* Sol harita */
.c-left{ position:relative; background:#000; }
.c-map{ position:relative; width:100%; height:100%; }
.c-map iframe{
  position:absolute; inset:0; width:100%; height:100%;
  border:0; filter: saturate(1.05) contrast(1.02);
}

/* Sağ form alanı */
.c-right{
  display:flex; flex-direction:column;
  padding: clamp(24px, 5vw, 64px);
  background:#fff;
}
.c-head h1{
  margin:0 0 8px 0; letter-spacing:.12em; font-weight:700;
  color:var(--c-ink); font-size: clamp(26px, 3.2vw, 44px);
}
.c-lead{
  margin:0 0 32px 0; color:var(--c-muted);
  max-width: 56ch; line-height:1.7;
}

/* Form */
.c-form{ display:grid; gap: 24px; max-width: 720px; }
.c-field{ display:grid; gap: 8px; }
.c-field label{
  font-size:12px; letter-spacing:.18em; color:#6b7280; font-weight:700;
}
.c-field input,
.c-field textarea{
  width:100%; border:0; outline:0; background:transparent; color:var(--c-ink);
  padding: 10px 2px;
  border-bottom: 2px solid var(--c-line);
  transition: border-color .18s ease, background-color .18s ease;
}
.c-field textarea{ resize: vertical; min-height: 140px; }
.c-field input::placeholder,
.c-field textarea::placeholder{ color:#9aa3ae; }

.c-field input:focus,
.c-field textarea:focus{
  border-bottom-color: var(--c-ink);
  background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(to right, #4fb68d, #2b2b2b) border-box;
  border-image: linear-gradient(to right, #4fb68d, #2b2b2b) 1;
}

/* Buton */
.c-actions{ padding-top: 8px; }
.c-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 180px; height: 46px;
  background: var(--c-btn); color:var(--c-btn-ink);
  border:0; border-radius: 6px; cursor:pointer;
  letter-spacing:.18em; font-weight:700;
  transition: transform .06s ease, opacity .2s ease, box-shadow .2s ease;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}
.c-btn:hover{ opacity:.92; box-shadow: 0 16px 34px rgba(0,0,0,.12); }
.c-btn:active{ transform: translateY(1px); }

/* ----- Responsive ----- */
@media (max-width: 992px){
  .c-wrap{ grid-template-columns: 1fr; }
  .c-left{ order:-1; }               /* mobilde harita üstte dursun */
  .c-map{ aspect-ratio: 16/10; }     /* mobilde sabit yükseklik */
  .c-map iframe{ position:static; width:100%; height:100%; }
}

/* Erişilebilir odak */
.c-contact :is(input,textarea,button):focus-visible{
  outline: 2px solid color-mix(in srgb, #4fb68d 55%, transparent);
  outline-offset: 2px;
}



/* Varsayılan (3'lü satırlar için iyi) */
.quality-card .qlt-figure{
  aspect-ratio: 4 / 3;              /* yükseklik = genişlik / oran */
}

/* 2'li satırlar (span3): daha ince görünüm */
.quality-card.span3 .qlt-figure{
  aspect-ratio: 16 / 10;            /* 1.6 — daha geniş oran, daha az yükseklik */
  max-height: clamp(180px, 26vh, 300px);
}

/* 1'li satırlar (span6): en ince görünüm */
.quality-card.span6 .qlt-figure{
  aspect-ratio: 21 / 9;             /* 2.33 — belirgin incelir */
  max-height: clamp(160px, 24vh, 260px);
}

/* Kart iç boşluklarını da biraz sıkılaştırmak istersen */
.quality-card.span3,
.quality-card.span6{ padding: 10px; }

/* Küçük ekranlarda (hepsi tek sütun olunca) eski oranı geri getir */
@media (max-width: 992px){
  .quality-card.span3 .qlt-figure,
  .quality-card.span6 .qlt-figure{
    aspect-ratio: 4 / 3;
    max-height: none;
  }
}

 /* Quality card içeriğini ortala */
.quality-card{
  display: flex;
  flex-direction: column;
  align-items: center;      /* yatayda ortala */
  text-align: center;       /* başlık & metin ortalı */
}

/* Görsel kutusunun içindeki resmi tam ortala */
.quality-card .qlt-figure{
  display: flex;
  align-items: center;
  justify-content: center;  /* görseli kutu içinde ortala */
  margin-inline: auto;      /* kutuyu da ortala (gerekirse) */
  width: 100%;              /* senin mevcut oran kurgun bozulmasın */
}

/* Başlık & metin ufak boşluklar ve okunabilir satır genişliği */
.quality-card .qlt-title{ 
  margin: 10px 0 4px;
}
.quality-card .qlt-text{
  margin: 0;
  max-width: 56ch;          /* metin çok geniş kaçmasın */
}

/* Çok dar ekranda satır genişliği kısıtını biraz gevşet */
@media (max-width: 576px){
  .quality-card .qlt-text{ max-width: 65ch; }
}




/* productlar */

:root{
  --ink:#0a1220;
  --muted:#5b6675;         /* metalik gri ton */
  --line:#e5e9ef;          /* ince sınır rengi */
  --accent:#4fb68d;        /* tek renk buton (istersen değiştir) */
  --lift:0 24px 60px rgba(0,0,0,.10);
}

.proj{ padding: clamp(24px,5vw,26px) 0; background:#fff; }
.proj-head{ text-align:center; margin-bottom: clamp(18px,3.2vw,36px); }
.proj-head h2{ margin:0; letter-spacing:.12em; font-weight:700; color:var(--ink); }

/* GRID */
.proj-grid{
  width:min(1300px, 92vw);
  margin:0 auto;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px, 3vw, 28px);
}

/* Kart */
.proj-card{
  display:flex; flex-direction:column; gap:14px;
}

/* Kapak: iki görsel üst üste; hover’da değişim */
.proj-figure{
  position:relative; display:block; overflow:hidden;
  border:1px solid var(--line); box-shadow: var(--lift);
  background:#fff; /* köşe yok */
}
.proj-figure .img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit: cover;               /* arka planlı fotoğraflar için */
  transition: opacity .35s ease, transform .35s ease;
}
.proj-figure .img.alt{ opacity:0; }
.proj-figure:hover .img.main{ opacity:0; transform: scale(1.02); }
.proj-figure:hover .img.alt{ opacity:1; transform:none; }

/* Oranı eşitle (yüksekliği tutarlı kıl) */
.proj-figure{width: 100%; height: 450px; }

 

/* Metin */
.proj-text{
  color:var(--muted);
  line-height:1.8;
  text-align:left;
}

/* Responsive */
@media (max-width: 1024px){
  .proj-grid{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px){
  .proj-grid{ grid-template-columns: 1fr; }
  .proj-btn{ width: 100%; justify-content:center; } /* mobilde tam genişlik hoş olur */
}

/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce){
  .proj-figure .img{ transition:none; }
  .proj-btn{ transition:none; }
}
 
 
/* ── Sadece yazı görünümü ───────────────────────────── */
.proj-btn{
  /* buton görünümlerini sıfırla */
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  height:auto; padding:0; 
  filter:none; transform:none;
  width:auto;

  /* tipografi */
  display:block;                 /* daha kolay merkezleme */
  text-align:center;
  font-weight:700;
  letter-spacing:.06em;
  color: var(--ink);
  text-decoration:none;
  margin-top: 6px;
}

/* hover/active: sade link davranışı */
.proj-btn:hover{ color: var(--accent); text-decoration: underline; }
.proj-btn:active{ transform:none; }

/* Daha önce mobilde 100% yaptık ise ezelim */
@media (max-width:640px){
  .proj-btn{ width:auto; }
}



:root{
  --proj-bg: #fff;      /* açıklama kutusunun arkaplanı */
  --ink: #0a1220;       /* yazı rengi */
  --muted: #5b6675;     /* ikincil metin */
}

/* Açıklama metni */
.proj-text{
  position: relative;
  color: var(--muted);
  line-height: 1.8;
  text-align: left;
  --lh: 1.8;                 /* line-height sayısal değeri (JS fallback için) */
}

/* Kısaltılmış görünüm */
.proj-text.clamp{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;

  /* WebKit line-clamp; JS ile satır sayısı atanır */
  -webkit-line-clamp: 3;

  /* Destek yoksa fallback: JS max-height ayarlar */
  max-height: none;
}

/* Fade (alt kısımda yumuşak kapanış) */
.proj-text.clamp::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3.2em;                /* ~2 satır kadar */
  background: linear-gradient(to bottom,
              rgba(255,255,255,0),
              var(--proj-bg) 80%);
  pointer-events: none;
}

/* Devamını Oku butonu (metin link gibi) */
.readmore{
  margin-top: 6px;
  align-self: start;
  background: none;
  border: none;
  padding: 0;
  color: var(--ink);
  font-weight: 600;
  letter-spacing: .02em;
  text-decoration: none;
  border-bottom: 1px solid var(--ink);
  cursor: pointer;
}
.readmore:hover{ color:#4fb68d; border-color:#4fb68d; }






:root{
  --ink:#0a1220;
  --muted:#5b6675;
  --line:#e5e9ef;
  --accent:#4fb68d;
}

/* Yerleşim */
.sp-wrap{
  width:min(1300px, 92vw);
  margin: clamp(18px,3.2vw,36px) auto;
  display:grid; gap: clamp(22px,3vw,36px);
  grid-template-columns: 1.05fr .95fr;   /* galeri + özet */
}
@media (max-width: 992px){
  .sp-wrap{ grid-template-columns: 1fr; }
}

/* Galeri */
.sp-gallery{ display:flex; flex-direction:column; gap:12px; }

.sp-stage{
  position:relative; overflow:hidden; background:#fff;
  border:1px solid var(--line); box-shadow: 0 24px 60px rgba(0,0,0,.10);
  aspect-ratio: 4 / 3;                      /* tutarlı yükseklik */
  outline:none;
}
.sp-slides{
  display:flex; height:100%; width:100%;
  transform: translateX(0); transition: transform .35s ease;
}
.sp-slide{ min-width:100%; height:100%; display:grid; place-items:center; }
.sp-slide img{ width:100%; height:100%; object-fit:contain; user-select:none; }

/* Oklar + zoom */
.sp-nav, .sp-zoom{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; display:grid; place-items:center;
  background: rgba(255,255,255,.9); color:#111; border:1px solid var(--line);
  cursor:pointer;
}
.sp-nav i, .sp-zoom i{ font-size:22px; }
.sp-nav.prev{ left:12px; }
.sp-nav.next{ right:12px; }
.sp-zoom{ right:12px; top:12px; transform:none; }

/* Thumbs */
.sp-thumbs{
  display:grid; grid-auto-flow:column; gap:8px;
  overflow-x:auto; padding-bottom:4px;
  justify-content: center;
}
.sp-thumb{
  width:74px; height:74px; border:1px solid var(--line);
  background:#fff; display:block; padding:0; cursor:pointer;
}
.sp-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.sp-thumb.is-active{ outline:2px solid var(--accent); outline-offset:-2px; }

/* Özet (sağ) */
.sp-summary{ color:var(--ink); }
.sp-head h1{ margin:0 0 6px; font-size: clamp(22px,2.2vw,28px); }
.sp-meta{ color:var(--muted); display:flex; gap:8px; align-items:center; }
.sp-meta .sep{ opacity:.5; }
.sp-summary .sp-sub{ font-size:16px; margin:18px 0 8px; letter-spacing:.06em; }

/* Vurgu maddeleri */
.sp-highlights ul{ margin:0; padding-left:18px; color:var(--ink); line-height:1.8; }
.sp-highlights li{ margin:2px 0; }

/* Açıklama (clamp) */
.sp-text{ color:var(--muted); line-height:1.8; position:relative; --lh:1.8; }
.sp-text.clamp{
  display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
  -webkit-line-clamp:5; /* JS data-lines ile güncelleyecek */
}
.sp-text.clamp::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3em;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 75%);
}
.sp-readmore{
  margin-top:6px; background:none; border:none; padding:0; cursor:pointer;
  color:var(--ink); font-weight:600; border-bottom:1px solid var(--ink);
}
.sp-readmore:hover{ color:var(--accent); border-color:var(--accent); }

/* Teknik tablo */
.sp-table{ width:100%; border-collapse:collapse; }
.sp-table th, .sp-table td{
  border:1px solid var(--line); padding:10px 12px; text-align:left; vertical-align:top;
}
.sp-table th{ width:34%; font-weight:600; color:#111; background:#fafbfc; }

/* Nitelik etiketleri */
.sp-tags{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 0; padding:0; list-style:none; }
.sp-tags li{
  background:#f3f5f8; border:1px solid var(--line); color:#111;
  padding:6px 10px; font-size:14px;
}

/* Çağrı / aksiyonlar */
.sp-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.cta{
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; padding:0 16px; background:var(--accent); color:#fff; text-decoration:none;
  font-weight:700; letter-spacing:.06em; border:0;
}
.cta.ghost{ background:#fff; color:#111; border:1px solid var(--line); }

/* Lightbox */
.sp-lightbox{
  position:fixed; inset:0; background:rgba(0,0,0,.85);
  display:none; align-items:center; justify-content:center; z-index:9999;
}
.sp-lightbox.is-open{ display:flex; }
.lb-img{ max-width:92vw; max-height:90vh; object-fit:contain; box-shadow: 0 30px 90px rgba(0,0,0,.5); }
.lb-close, .lb-prev, .lb-next{
  position:fixed; top:50%; transform:translateY(-50%);
  width:48px; height:48px; display:grid; place-items:center; color:#fff;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); cursor:pointer;
}
.lb-close{ top:24px; right:24px; transform:none; }
.lb-prev{ left:24px; }
.lb-next{ right:24px; }

/* Sticky özet (desktop) */
@media (min-width: 993px){
  .sp-summary{ position:sticky; top:24px; align-self:start; }
}

/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce){
  .sp-slides{ transition:none; }
}



/* --- NAV OKLARI TAM GÖRÜNÜR & ÜSTE --- */
.sp-stage{ position: relative; }
.sp-slides{ position: relative; z-index: 1; }

.sp-nav, .sp-zoom{
  position: absolute;
  z-index: 3;                    /* her şeyin üstünde */
  display: grid; place-items: center;
  width: 44px; height: 44px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--line);
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
  color: #111;
  cursor: pointer;
}

/* Okların konumu */
.sp-nav.prev{ left: 12px;  top: 50%; transform: translateY(-50%); }
.sp-nav.next{ right: 12px; top: 50%; transform: translateY(-50%); }

/* Hover/focus görünürlüğü (desktop'ta incelik) */
.sp-nav{ opacity: 0; transition: opacity .2s ease, transform .2s ease; }
.sp-stage:hover .sp-nav,
.sp-stage:focus-within .sp-nav{ opacity: 1; }

/* Dokunmatik cihazlarda oklar her zaman görünür */
@media (hover: none){
  .sp-nav{ opacity: 1; }
}

/* Zoom butonu da üste kalsın */
.sp-zoom{ right: 12px; top: 12px; z-index: 4; }






/*projeler için stil*/
:root{
  --ink:#0a1220;
  --muted:#5b6675;
  --line:#e5e9ef;
  --accent:#4fb68d;
}

/* === Full-width başlık (hero) === */
.page-hero{
  width:100%;
  background:#0a1220;  
  color:#fff;
}
.page-hero-inner{
  width:min(1280px, 94vw);
  margin:0 auto;
  padding: clamp(22px, 5vw, 48px) 0;
}
.page-hero h1{
  margin:0 0 6px; font-size: clamp(26px, 3.2vw, 40px); font-weight: 700;
}
.page-hero p{ margin:0; color:#cfd6e1; }

/* === Liste === */
.posts{
  width:min(1280px, 94vw);
  margin: clamp(18px,3vw,32px) auto;
}
.posts-grid{
  display:grid; gap: clamp(16px,2vw,26px);
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px){ .posts-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px){  .posts-grid{ grid-template-columns: 1fr; } }

/* Kart */
.post-card{
  border:1px solid var(--line); background:#fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
  display:flex; flex-direction:column;
}

/* Kapak görseli (hover değişim) */
.post-figure{
  position:relative; display:block; overflow:hidden; aspect-ratio: 16/9;
  border-bottom:1px solid var(--line);
}
.post-figure .img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition: opacity .35s ease, transform .35s ease;
}
.post-figure .img.alt{ opacity:0; }
.post-figure:hover .img.main{ opacity:0; transform: scale(1.03); }
.post-figure:hover .img.alt{ opacity:1; transform:none; }

/* İçerik */
.post-content{ padding: 12px 14px 16px; display:flex; flex-direction:column; gap:10px; }
.post-title{ margin:0; font-size: clamp(18px,2vw,20px); line-height:1.35; }
.post-title a{ color:var(--ink); text-decoration:none; }
.post-title a:hover{ color:var(--accent); text-decoration: underline; }

.post-meta{ color:#566171; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.post-meta .dot{ opacity:.5; }

.post-excerpt{ color:var(--muted); line-height:1.8; position:relative; --lh:1.8; }
.post-excerpt.clamp{
  display:-webkit-box; -webkit-box-orient: vertical; overflow:hidden;
  -webkit-line-clamp: 3;
}
.post-excerpt.clamp::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2.8em;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 75%);
}

/* Devamını Oku (sade link, buton değil) */
.post-read{
  align-self:flex-start;
  text-decoration:none; font-weight:700; color:var(--ink);
  border-bottom:1px solid var(--ink); padding-bottom:2px;
}
.post-read:hover{ color:var(--accent); border-color:var(--accent); }

/* Erişilebilirlik yardımcıları */
.visually-hidden{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}






/* Swiper okları için minimal tasarım */
.swiper-button-next,
.swiper-button-prev {
  color: #4fb68d;             
  background:  rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  width: 26px;
  height: 26px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 16px; /* default çok büyüktü, küçülttük */
  font-weight: 600;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: #4fb68d;
  color: #fff;
  transform: scale(1.1);
}