/* =========================
   WHY / ABOUT / SERVICES
========================= */
.tkm-why-section{ background:#f3f4f6; }

.tkm-why-card{
  background:#fff;
  border-radius:12px;
  border:1px solid #e5e7eb;
  padding:1.25rem 1.4rem;
  height:100%;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tkm-why-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(15,23,42,.12);
  border-color:#9ca3af;
}
.why-icon i{ font-size:70px; color:#0f172a; }
.tkm-why-card h5{ font-size:1rem; font-weight:600; }
.tkm-why-card p{ font-size:.9rem; color:#6b7280; }

.tkm-about-section{ background:#f9fafb; }
.about-img-wrapper{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(15,23,42,.15);
}
.about-img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.about-img:hover{ transform:scale(1.05); }

.story-video-wrapper{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(15,23,42,.18);
}
.story-video{ display:block; }

.tkm-difference-side{ background:#f8fafc; }
.diff-image-wrapper{
  overflow:hidden;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(15,23,42,.15);
}
.diff-image{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.diff-image:hover{ transform:scale(1.05); }

.tkm-diff-card{
  background:#fff;
  border-radius:14px;
  padding:1.4rem;
  height:100%;
  border:1px solid #e5e7eb;
  box-shadow:0 8px 24px rgba(15,23,42,.08);
  text-align:left;
  transition:all .3s ease;
}
.tkm-diff-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(15,23,42,.12);
  border-color:#9ca3af;
}
.tkm-diff-card i{
  font-size:50px;
  color:#0f172a;
  margin-bottom:10px;
  display:block;
}
.tkm-diff-card h5{ font-weight:600; margin-bottom:6px; }
.tkm-diff-card p{ font-size:.9rem; color:#6b7280; margin:0; }

.tkm-areas-section{ background:#fff; }
.tkm-area-card{
  background:#f9fafb;
  border-radius:14px;
  padding:1.4rem;
  height:100%;
  border:1px solid #e5e7eb;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
  transition:all .3s ease;
}
.tkm-area-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(15,23,42,.12);
  border-color:#9ca3af;
}
.tkm-area-card i{
  font-size:70px;
  color:#0f172a;
  margin-bottom:10px;
  display:block;
}
.tkm-area-card h5{ font-size:1rem; font-weight:600; margin-bottom:6px; }
.tkm-area-card p{ font-size:.9rem; color:#6b7280; margin:0; }

.tkm-services-section{ background:#f3f4f6; }
.tkm-service-card{
  background:#fff;
  border-radius:14px;
  border:1px solid #e5e7eb;
  padding:1.4rem 1.5rem;
  height:100%;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tkm-service-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(15,23,42,.14);
  border-color:#9ca3af;
}
.tkm-service-card h5{ font-size:1rem; font-weight:600; margin-bottom:.4rem; }
.tkm-service-card p{ font-size:.9rem; color:#6b7280; margin:0; }
.service-icon{ margin-bottom:.6rem; }
.service-icon i{ font-size:40px; color:#0f172a; }

/* =========================
   HERO CTA (tek sistem)
========================= */
.tkm-hero-cta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:stretch;
}

.tkm-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 28px;
  border-radius:12px;
  font-size:1.06rem;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.tkm-cta-primary{
  background:#16a34a;
  color:#fff;
  border:1px solid #16a34a;
}
.tkm-cta-primary:hover{
  background:#15803d;
  border-color:#15803d;
  transform:translateY(-1px);
}

.tkm-cta-secondary{
  background:#fff;
  color:#111827;
  border:1px solid #d1d5db;
}
.tkm-cta-secondary:hover{
  background:#111827;
  border-color:#111827;
  color:#fff;
  transform:translateY(-1px);
}

@media (max-width:768px){
  .tkm-hero-cta{ flex-direction:column; }
  .tkm-cta{ width:100%; }
}

/* =========================
   FLOATING CONTACT (FAB) – SAĞ ALT
========================= */
.tkm-fab-wrapper{
  position:fixed;
  right:24px;
  bottom:24px;
  left:auto;
  z-index:99999;
}

.tkm-fab-main{
  width:60px;
  height:60px;
  border-radius:50%;
  border:none;
  background:#16a34a;
  color:#fff;
  font-size:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
  transition:.25s ease;
}
.tkm-fab-main:hover{
  background:#15803d;
  transform:scale(1.06);
}

.tkm-fab-menu{
  display:flex;
  flex-direction:column;
  gap:10px;
  position:absolute;
  bottom:70px;
  right:0;
  left:auto;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:all .3s ease;
}
.tkm-fab-wrapper.open .tkm-fab-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.tkm-fab-item{
  background:#fff;
  border:none;
  padding:10px 16px;
  border-radius:50px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.85rem;
  color:#111827;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
  cursor:pointer;
  transition:.25s ease;
  white-space:nowrap;
  text-decoration:none;
}
.tkm-fab-item:hover{
  background:#16a34a;
  color:#fff;
  transform:translateX(-4px);
}
.tkm-fab-item i{ font-size:18px; }

.tkm-fab-item[href*="wa.me"]:hover{ background:#25D366 !important; }
.tkm-fab-item[href^="tel"]:hover{ background:#0f172a !important; }

.tkm-fab-badge{
  position:absolute;
  right:72px;
  bottom:12px;
  background:#fff;
  color:#111827;
  padding:8px 14px;
  border-radius:999px;
  font-size:.85rem;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  white-space:nowrap;
}
.tkm-fab-badge::before{
  content:"";
  position:absolute;
  right:-6px;
  top:50%;
  transform:translateY(-50%);
  border-width:6px;
  border-style:solid;
  border-color:transparent transparent transparent #ffffff;
}

@media (max-width:768px){
  .tkm-fab-badge{ display:none !important; }
  .tkm-fab-wrapper{ bottom:80px; }
}
@media (max-width:767.98px){
  .modal-open .tkm-fab-wrapper{ display:none !important; }
}

/* =========================
   AI DISSOLVE (2 HAM + 2 AI)
========================= */
.ai-dissolve-wrapper{
  position:relative;
  width:100%;
  max-width:520px;
  margin:0 auto;
  aspect-ratio:4 / 5;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(15,23,42,.28);
}

.ai-dissolve-wrapper .ai-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  animation-duration:16s;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
  animation-fill-mode:both;
}

.frame-1{ animation-name:dissolve1; }
.frame-2{ animation-name:dissolve2; }
.frame-3{ animation-name:dissolve3; }
.frame-4{ animation-name:dissolve4; }

@keyframes dissolve1{ 0%{opacity:1} 22%{opacity:1} 30%{opacity:0} 100%{opacity:0} }
@keyframes dissolve2{ 0%{opacity:0} 25%{opacity:0} 33%{opacity:1} 47%{opacity:1} 55%{opacity:0} 100%{opacity:0} }
@keyframes dissolve3{ 0%{opacity:0} 50%{opacity:0} 58%{opacity:1} 72%{opacity:1} 80%{opacity:0} 100%{opacity:0} }
@keyframes dissolve4{ 0%{opacity:0} 75%{opacity:0} 83%{opacity:1} 95%{opacity:1} 100%{opacity:0} }

.ai-dissolve-label{ display:none !important; }

/* =========================
   SPEEDRAMP (dikey video)
========================= */
.tkm-speedramp-section{ background:#f8fafc; }

.tkm-video-card{
  max-width:420px;
  margin:0 auto;
}
.tkm-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:9 / 16;
  overflow:hidden;
  border-radius:16px;
  background:#0b1220;
}
.tkm-video-frame video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.tkm-video-badge{
  position:absolute;
  left:12px;
  bottom:12px;
  padding:6px 10px;
  font-size:.7rem;
  border-radius:999px;
  color:#fff;
  background:rgba(15,23,42,.75);
  backdrop-filter:blur(6px);
  pointer-events:none;
}

/* ✅ Speedramp mobil ikon kaymasını bozmadan fixle */
@media (max-width:768px){
  .tkm-mini-feature{
    display:flex;
    align-items:flex-start;
    gap:10px;
  }
  .tkm-mini-feature i{
    flex:0 0 auto;
    line-height:1;
  }
}

/* =========================
   PREMIUM TRUST BAR (TEKİL / SON)
========================= */
.tkm-trustbar2{
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:18px;
  box-shadow:0 18px 50px rgba(15,23,42,.08);
  display:flex;
  flex-direction:column;
  gap:16px;
}

.tkm-trustbar2-items{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.tkm-trustbox{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px 14px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  transition:.25s ease;
}

.tkm-trustbox i{
  font-size:22px;
  color:#16a34a;
  margin-top:2px;
}

.tkm-trustbox-title{
  font-weight:600;
  font-size:.95rem;
  color:#111827;
}

.tkm-trustbox-sub{
  font-size:.8rem;
  color:#6b7280;
  margin-top:2px;
}

.tkm-trustbox:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(15,23,42,.1);
}

.tkm-trustbar2-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:10px;
  border-top:1px dashed #e5e7eb;
}

.tkm-trustbar2-text{
  font-size:.9rem;
  color:#6b7280;
  max-width:420px;
}

.tkm-trustbar2-cta{
  display:flex;
  gap:10px;
}

.tkm-trustpill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  padding:0 18px;
  border-radius:999px;
  font-size:.9rem;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  transition:.2s ease;
}

.tkm-trustpill-primary{
  background:#16a34a;
  color:#fff;
  border:1px solid #16a34a;
}
.tkm-trustpill-primary:hover{
  background:#15803d;
}

.tkm-trustpill-secondary{
  background:#fff;
  color:#111827;
  border:1px solid #e5e7eb;
}
.tkm-trustpill-secondary:hover{
  background:#111827;
  color:#fff;
}

@media (max-width:992px){
  .tkm-trustbar2-items{ grid-template-columns:repeat(2,1fr); }
  .tkm-trustbar2-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width:768px){
  .tkm-trustbar2-cta{
    width:100%;
    flex-direction:column;
  }
  .tkm-trustpill{ width:100%; }
  .tkm-trustpill-secondary{ display:none; }
}
@media (max-width:576px){
  .tkm-trustbar2-items{ grid-template-columns:1fr; }
}

/* =========================
   HERO mikro güven satırı
========================= */
.tkm-hero-microtrust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.tkm-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  font-size:.9rem;
  color:#111827;
}

.tkm-hero-badge i{
  color:#16a34a;
  font-size:18px;
}

@media (max-width:768px){
  .tkm-hero-badge{ width:100%; justify-content:flex-start; }
}

/* =========================
   HERO video overlay (TEK)
========================= */
.hero-video-overlay{ position:relative; }
.hero-video-overlay::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    90deg,
    rgba(15,23,42,0.35) 0%,
    rgba(15,23,42,0.15) 45%,
    rgba(15,23,42,0.00) 70%
  );
  pointer-events:none;
}

/* =========================
   PROOF / PROCESS / DELIVERY
========================= */
.tkm-proof-section{ background:#ffffff; }

.tkm-proof-card{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:18px 18px;
  height:100%;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  transition:.25s ease;
}
.tkm-proof-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(15,23,42,.12);
}
.tkm-proof-stars{
  font-size:1rem;
  letter-spacing:2px;
  margin-bottom:10px;
  color:#16a34a;
}
.tkm-proof-card p{
  color:#111827;
  font-size:.95rem;
  line-height:1.5;
}
.tkm-proof-meta{
  display:flex;
  gap:8px;
  align-items:baseline;
  color:#6b7280;
  font-size:.85rem;
}
.tkm-proof-meta strong{ color:#111827; }

.tkm-process-section{ background:#ffffff; }

.tkm-process-card{
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:16px 16px;
  height:100%;
  box-shadow:0 14px 40px rgba(15,23,42,.07);
  transition:.25s ease;
}
.tkm-process-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 48px rgba(15,23,42,.12);
  border-color:#cbd5e1;
}
.tkm-process-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.tkm-process-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
}
.tkm-process-icon i{
  font-size:22px;
  color:#16a34a;
}
.tkm-process-step{
  font-weight:700;
  font-size:.95rem;
  color:#94a3b8;
}
.tkm-process-card h5{
  font-size:1.02rem;
  font-weight:700;
  color:#0f172a;
}
.tkm-process-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}
.tkm-process-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  color:#111827;
  font-size:.9rem;
}
.tkm-process-pill i{
  color:#16a34a;
  font-size:18px;
}
@media (max-width:768px){
  .tkm-process-pill{ width:100%; justify-content:flex-start; }
  .tkm-process-card{ padding:14px; }
}

.tkm-delivery-section{ background:#f8fafc; }

.tkm-delivery-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:18px;
  height:100%;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  transition:.25s ease;
}
.tkm-delivery-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 48px rgba(15,23,42,.12);
  border-color:#cbd5e1;
}
.tkm-delivery-card i{
  font-size:28px;
  color:#16a34a;
  margin-bottom:10px;
  display:block;
}
.tkm-delivery-card h5{
  font-size:1rem;
  font-weight:700;
  margin-bottom:6px;
  color:#0f172a;
}
.tkm-delivery-card p{
  font-size:.9rem;
  color:#6b7280;
  margin-bottom:8px;
}
.tkm-delivery-meta{
  font-size:.8rem;
  font-weight:600;
  color:#16a34a;
}
@media (max-width:768px){
  .tkm-delivery-card{ padding:14px; }
}

/* =========================
   BREAK CARD
========================= */
.tkm-break-card{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  min-height:320px;
  background-size:cover;
  background-position:center;
  border:1px solid #e5e7eb;
  box-shadow:0 18px 50px rgba(15,23,42,.12);
}
.tkm-break-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(90deg,
    rgba(15,23,42,.70) 0%,
    rgba(15,23,42,.35) 55%,
    rgba(15,23,42,.05) 100%);
}
.tkm-break-content{
  position:relative;
  z-index:2;
  padding:26px;
  max-width:640px;
  color:#fff;
}
.tkm-break-badge{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(22,163,74,.25);
  border:1px solid rgba(187,247,208,.35);
  font-size:.8rem;
  margin-bottom:10px;
}
.tkm-break-content h2{
  font-weight:800;
  font-size:1.6rem;
  margin-bottom:8px;
}
.tkm-break-content p{
  color:rgba(255,255,255,.86);
  font-size:.95rem;
  margin-bottom:14px;
}
@media (max-width:768px){
  .tkm-break-card{ min-height:360px; }
  .tkm-break-content{ padding:18px; }
  .tkm-break-content h2{ font-size:1.35rem; }
}

/* =========================
   VISUAL / IMAGE BLOCKS
========================= */
.tkm-image-text{ background:#ffffff; }

.tkm-image-wrap{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(15,23,42,.12);
}
.tkm-image-wrap img{
  width:100%;
  height:auto;
  display:block;
}

.tkm-visual-image{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(15,23,42,.12);
}
.tkm-visual-image img{
  width:100%;
  height:auto;
  display:block;
}
@media (max-width:768px){
  .tkm-visual-image img{
    max-height:240px;
    object-fit:cover;
  }
}

/* =========================
   VISUAL CARD
========================= */
.tkm-visual-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(15,23,42,.10);
}
.tkm-visual-card-img{
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:280px;
}
@media (max-width:768px){
  .tkm-visual-card-img{ min-height:220px; }
}

/* =========================
   SESSİZ GÖRSEL KÖPRÜ
========================= */
.tkm-visual-bridge{
  width:100%;
  padding:40px 0;
  background:#f8fafc;
}
.tkm-visual-bridge-inner{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  border-radius:18px;
  overflow:hidden;
  position:relative;
}
.tkm-visual-bridge-inner img{
  width:100%;
  height:420px;
  object-fit:cover;
  display:block;
  filter:saturate(0.9) contrast(0.95);
  opacity:0.85;
}
.tkm-visual-bridge-inner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(248,250,252,1) 0%,
    rgba(248,250,252,0) 30%,
    rgba(248,250,252,0) 70%,
    rgba(248,250,252,1) 100%
  );
}
@media (max-width:768px){
  .tkm-visual-bridge{ padding:24px 0; }
  .tkm-visual-bridge-inner img{ height:260px; }
}

/* =========================
   TABS / SHOT / PHOTO
========================= */
.tkm-food-gallery{ background:#ffffff; }

.tkm-tabs .nav-link{
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#111827;
  font-weight:600;
  font-size:.9rem;
  padding:8px 14px;
}
.tkm-tabs .nav-link.active{
  background:#16a34a;
  border-color:#16a34a;
  color:#fff;
}

.tkm-shot-card{
  position:relative;
  display:block;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #e5e7eb;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  text-decoration:none;
}
.tkm-shot-card img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.tkm-shot-card:hover img{ transform:scale(1.04); }

.tkm-shot-tag{
  position:absolute;
  left:12px;
  bottom:12px;
  padding:6px 10px;
  font-size:.78rem;
  border-radius:999px;
  color:#fff;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(6px);
}
@media (max-width:768px){
  .tkm-shot-card img{ height:160px; }
}

.tkm-food-cocktail{ background:#ffffff; }

/* =========================
   PHOTO CARD (TEK)
========================= */
.tkm-photo-card{
  display:block;
  text-decoration:none;
  color:inherit;
  background:#ffffff;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #e5e7eb;
  box-shadow:0 16px 40px rgba(15,23,42,.08);
  height:100%;
  transition:transform .3s ease, box-shadow .3s ease;
}
.tkm-photo-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 60px rgba(15,23,42,.14);
}
.tkm-photo-frame{
  border-radius:16px;
  overflow:hidden;
}
.tkm-photo-frame img{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.tkm-photo-card:hover .tkm-photo-frame img{ transform:scale(1.04); }

.tkm-photo-meta{ padding:10px 4px 0 4px; }
.tkm-photo-title{
  font-weight:700;
  font-size:1rem;
  margin-bottom:3px;
  color:#111827;
}
.tkm-photo-sub{
  font-size:.9rem;
  color:#6b7280;
  line-height:1.35;
}
@media (max-width:768px){
  .tkm-photo-frame img{ height:170px; }
  .tkm-photo-title{ font-size:.98rem; }
  .tkm-photo-sub{ font-size:.88rem; }
}

/* =========================
   GALERİ (NO CROP)
========================= */
.tkm-gallery-section{ background:#f9fafb; }

.tkm-gallery-card{
  background:#ffffff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(15,23,42,.12);
  transition:transform .25s ease, box-shadow .25s ease;
  height:100%;
  display:flex;
  flex-direction:column;
}
.tkm-gallery-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.tkm-gallery-card img{
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:contain;
  background:#0b1220;
}
.tkm-gallery-caption{ padding:14px 16px 18px; }
.tkm-gallery-caption h5{
  font-size:1rem;
  font-weight:600;
  margin-bottom:4px;
}
.tkm-gallery-caption p{
  font-size:.85rem;
  color:#6b7280;
  margin:0;
}
@media (max-width:768px){
  .tkm-gallery-card img{ max-height:300px; }
}

/* === SAĞ DİKEY KATEGORİ BUTONU === */
.tkm-kat-btn{
  position: fixed;
  right: 0;
  bottom: 120px;
  z-index: 999999;          /* EN ÜSTE çıkarır */
  
  writing-mode: vertical-rl;
  transform: rotate(180deg);

  background: #111827;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: .12em;

  padding: 18px 12px;
  font-size: 14px;

  border-radius: 16px 0 0 16px;
  box-shadow: 0 14px 35px rgba(0,0,0,.25);
  border: none;

  cursor: pointer;
  text-decoration: none;

  touch-action: manipulation; /* TELEFON GECİKMESİNİ SIFIRLAR */
  pointer-events: auto;       /* üstüne gelen görünmez şeyleri yok sayar */
}

/* Hover sabit */
.tkm-kat-btn:hover{
  background: #111827;
  color: #ffffff;
}

/* === MOBİL === */
@media (max-width: 768px){
  .tkm-kat-btn{
    bottom: 70px;            /* WhatsApp butonunun 3 parmak üstü */
    padding: 20px 10px;
    font-size: 13px;
    border-radius: 14px 0 0 14px;
  }
}

/* =========================
   KATEGORİ: YouTube Embed + CTA
========================= */
.tkm-cat-yt{
  padding: 40px 0;
}

.tkm-cat-yt-card{
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  overflow: hidden;
}

.tkm-cat-yt-head{
  padding: 18px 18px 0 18px;
}

.tkm-cat-yt-title{
  margin: 0 0 6px 0;
  font-weight: 800;
  font-size: 1.2rem;
  color: #0f172a;
}

.tkm-cat-yt-sub{
  margin: 0 0 14px 0;
  font-size: .92rem;
  color: #6b7280;
}

/* 16:9 responsive iframe */
.tkm-yt-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #0b1220;
}

.tkm-yt-iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* CTA alanı */
.tkm-yt-actions{
  padding: 16px 18px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tkm-yt-cta{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  background: #111827;  /* siyah */
  color: #fff;
  text-decoration: none;

  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 800;
  font-size: .95rem;

  box-shadow: 0 16px 40px rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);

  transition: transform .2s ease, box-shadow .2s ease;
}

.tkm-yt-cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
  color: #fff;
}

.tkm-yt-cta-icon{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.12);
  font-size: 14px;
  flex: 0 0 auto;
}

.tkm-yt-cta-text{
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

.tkm-yt-cta-sub{
  font-weight: 700;
  font-size: .82rem;
  opacity: .85;
}

.tkm-yt-cta-ext{
  margin-left: auto;
  opacity: .9;
  font-size: 14px;
}

.tkm-yt-note{
  font-size: .82rem;
  color: #6b7280;
}

/* Mobil */
@media (max-width: 768px){
  .tkm-cat-yt{ padding: 26px 0; }
  .tkm-cat-yt-head{ padding: 16px 14px 0 14px; }
  .tkm-yt-actions{ padding: 14px; }
  .tkm-yt-cta{ width: 100%; justify-content: center; }
  .tkm-yt-cta-ext{ display:none; }
}