/*
 * Tabela Kurumsal v1.0.4 — Tabela Modellerimiz kart tasarımı
 * Sadece .tk-categories kapsamındaki kartlara etki eder.
 * Varsayılan 4 sütun ve 20 kategori, dinamik menü; responsive kart düzeni.
 */
.tk-categories {
  --tk-card-ink:#0c1e35;
  --tk-card-caption:#415067;
  isolation:isolate;
  position:relative;
  overflow:hidden;
  background:linear-gradient(120deg,#ffffff 0%,#fdfefe 47%,#f7f9fc 100%);
  padding:22px 0 58px;
}
.tk-categories::before,
.tk-categories::after {
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  width:44vw;
  height:44vw;
  min-width:420px;
  min-height:420px;
  background:linear-gradient(140deg,rgba(221,230,240,.26),rgba(245,248,251,0));
  transform:rotate(45deg);
}
.tk-categories::before {top:-30vw;left:-32vw}
.tk-categories::after {bottom:-35vw;right:-29vw}
.tk-categories>.tk-container {max-width:1310px;position:relative;z-index:1}
.tk-categories .tk-section-title.tk-title-center {
  padding:0 0 61px;
  text-align:center;
}
.tk-categories .tk-section-title h1,
.tk-categories .tk-section-title h2 {
  font-size:clamp(31px,3.25vw,52px);
  font-weight:850;
  letter-spacing:-.048em;
  line-height:1.13;
  color:#0b1c32;
  margin:0;
}
.tk-categories .tk-section-title p {
  font-size:clamp(13px,1vw,17px);
  font-weight:400;
  line-height:1.6;
  color:#48556b;
  margin:10px 0 0;
}
.tk-categories .tk-section-title.tk-title-center::after {
  content:"";
  bottom:36px;
  left:50%;
  transform:translateX(-50%);
  width:105px;
  height:5px;
  border-radius:20px;
  background:var(--tk-orange,#ff6b16);
}
.tk-categories .tk-product-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:24px 27px;
}
.tk-categories .tk-product-grid.tk-cat-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin:0 auto}
.tk-categories .tk-product-grid.tk-cat-cols-3 {grid-template-columns:repeat(3,minmax(0,1fr))}
.tk-categories .tk-product-grid.tk-cat-cols-4 {grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
.tk-categories .tk-product-card {
  min-width:0;
  margin:0;
  padding:3px;
  overflow:hidden;
  border:1px solid #e7edf2;
  border-radius:15px;
  background:#fff;
  box-shadow:0 10px 23px rgba(24,46,66,.12),0 2px 5px rgba(24,46,66,.05);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.tk-categories .tk-product-card:hover,
.tk-categories .tk-product-card:focus-within {
  transform:translateY(-4px);
  border-color:#f5c5a5;
  box-shadow:0 19px 32px rgba(20,46,64,.16),0 3px 10px rgba(20,46,64,.07);
}
.tk-categories .tk-product-card .tk-card-link {
  color:inherit;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:11px;
  outline-offset:-4px;
}
.tk-categories .tk-product-photo {
  aspect-ratio:1.53;
  height:auto;
  flex:none;
  position:relative;
  overflow:hidden;
  background:#eef3f6;
  border-radius:11px 11px 0 0;
}
.tk-categories.tk-cats-shape-square .tk-product-photo {aspect-ratio:1/1}
.tk-categories .tk-product-photo img {
  display:block;
  width:100%;
  height:100%!important;
  object-fit:cover;
  object-position:center center;
  transition:transform .4s ease;
}
.tk-categories .tk-product-card:hover .tk-product-photo img {transform:scale(1.035)}
.tk-categories .tk-card-caption {
  width:100%;
  flex:1 0 auto;
  min-height:78px;
  padding:11px 16px 12px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#fff;
}
.tk-categories .tk-card-copy {flex:1;min-width:0}
.tk-categories .tk-card-caption h3 {
  font-size:clamp(15px,1.27vw,20px);
  letter-spacing:-.027em;
  font-weight:850;
  line-height:1.18;
  color:var(--tk-card-ink);
  margin:0;
}
.tk-categories .tk-card-caption p {
  font-size:clamp(11px,.96vw,14px);
  line-height:1.35;
  font-weight:400;
  color:var(--tk-card-caption);
  margin:5px 0 0;
}
.tk-categories .tk-card-arrow.tk-card-arrow-css {
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:flex;
  position:relative;
  align-items:center;
  justify-content:center;
  color:var(--tk-orange,#ff6b16);
  border-radius:11px;
  background:#fff2e9;
  transition:transform .22s ease,background .22s ease,color .22s ease;
}
.tk-categories .tk-card-arrow-css::before {
  content:"";
  position:absolute;
  width:17px;
  height:2px;
  background:currentColor;
  border-radius:4px;
}
.tk-categories .tk-card-arrow-css::after {
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:translateX(4px) rotate(45deg);
  border-radius:1px;
}
.tk-categories .tk-card-link:hover .tk-card-arrow-css,
.tk-categories .tk-card-link:focus-visible .tk-card-arrow-css {
  background:var(--tk-orange,#ff6b16);
  color:#fff;
  transform:translateX(2px);
}
/* Columns automatically adapt on tablets and phones without touching other pages. */
@media(max-width:980px) {
  .tk-categories .tk-product-grid.tk-cat-cols-4 {grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk-categories .tk-card-caption {padding:11px 12px;min-height:72px}
  .tk-categories .tk-card-caption h3 {font-size:16px}
  .tk-categories .tk-card-caption p {font-size:12px}
}
@media(max-width:900px) {
  .tk-categories {padding:38px 0 55px}
  .tk-categories .tk-section-title.tk-title-center {padding-bottom:51px}
  .tk-categories .tk-section-title.tk-title-center::after {bottom:24px}
  .tk-categories .tk-product-grid.tk-cat-cols-2,
  .tk-categories .tk-product-grid.tk-cat-cols-3,
  .tk-categories .tk-product-grid.tk-cat-cols-4 {grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
}
@media(max-width:580px) {
  .tk-categories {padding:39px 0 50px}
  .tk-categories .tk-section-title h1,
  .tk-categories .tk-section-title h2 {font-size:clamp(29px,7.7vw,37px)}
  .tk-categories .tk-section-title p {font-size:13px;line-height:1.5}
  .tk-categories .tk-section-title.tk-title-center {padding-bottom:48px}
  .tk-categories .tk-section-title.tk-title-center::after {bottom:23px;width:72px;height:4px}
  .tk-categories .tk-product-grid.tk-cat-cols-2,
  .tk-categories .tk-product-grid.tk-cat-cols-3,
  .tk-categories .tk-product-grid.tk-cat-cols-4 {grid-template-columns:minmax(0,1fr);gap:21px}
  .tk-categories .tk-product-photo {aspect-ratio:1.48}
  .tk-categories.tk-cats-shape-square .tk-product-photo {aspect-ratio:1/1}
  .tk-categories .tk-card-caption {min-height:78px;padding:12px 13px 13px 15px}
  .tk-categories .tk-card-caption h3 {font-size:19px}
  .tk-categories .tk-card-caption p {font-size:13px}
  .tk-categories .tk-card-arrow.tk-card-arrow-css {width:41px;height:41px;flex-basis:41px}
}
@media(prefers-reduced-motion:reduce) {
  .tk-categories .tk-product-card,
  .tk-categories .tk-product-photo img,
  .tk-categories .tk-card-arrow-css {transition:none}
}

/* v1.0.4 — 4-across compact corporate cards, reliable title wrapping. */
.tk-categories .tk-product-grid.tk-cat-cols-4 .tk-product-photo{aspect-ratio:1.29}
.tk-categories.tk-cats-shape-square .tk-product-grid.tk-cat-cols-4 .tk-product-photo{aspect-ratio:1/1}
.tk-categories .tk-product-grid.tk-cat-cols-4 .tk-card-caption{min-height:88px;padding:12px 12px 14px 14px}
.tk-categories .tk-product-grid.tk-cat-cols-4 .tk-card-caption h3{font-size:clamp(15px,1.13vw,18px);line-height:1.23;overflow-wrap:anywhere}
.tk-categories .tk-product-grid.tk-cat-cols-4 .tk-card-caption p{font-size:12px;line-height:1.4}
.tk-categories .tk-product-grid.tk-cat-cols-4 .tk-card-arrow{flex-basis:38px;width:38px;height:38px;border-radius:10px}
.tk-categories .tk-category-image-fallback{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;text-align:center;color:#e8f1f6;background:linear-gradient(145deg,#0e2234 10%,#244c67 100%);font-weight:800;font-size:clamp(14px,1.25vw,20px);line-height:1.35}
.tk-categories .tk-category-image-mark{color:#ff7b27;font-size:55px;font-weight:900;font-style:italic;line-height:1}
@media(max-width:980px){.tk-categories .tk-product-grid.tk-cat-cols-4 .tk-product-photo{aspect-ratio:1.35}}
@media(max-width:900px){.tk-categories .tk-product-grid.tk-cat-cols-4 .tk-product-photo{aspect-ratio:1.43}}
@media(max-width:580px){.tk-categories .tk-product-grid.tk-cat-cols-4 .tk-product-photo{aspect-ratio:1.48}.tk-categories .tk-product-grid.tk-cat-cols-4 .tk-card-caption h3{font-size:18px}}