/* =========================================================================
   teknotr — tema stili. Grafit + zümrüt. Next.js onaylı tasarımından port.
   ========================================================================= */

:root{
  --tk-ink:#12181f; --tk-ink-soft:#3a4552; --tk-muted:#6b7481;
  --tk-emerald:#0e8f5f; --tk-emerald-deep:#0a6e49; --tk-emerald-muted:#e6f4ee;
  --tk-amber:#e8952c; --tk-mist:#f4f6f7; --tk-paper:#fff; --tk-line:#e7eaec;
  --tk-hdr:#12181f; --tk-hdr-field:#1b232d; --tk-hdr-field-line:#2b3540; --tk-hdr-muted:#c7ced6;
  --tk-radius:8px; --tk-radius-lg:14px;
  --tk-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --tk-font-head:"Space Grotesk",var(--tk-font);
  --tk-max:1240px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body.tk-body{ margin:0; font-family:var(--tk-font); background:var(--tk-mist); color:var(--tk-ink); line-height:1.5; overflow-x:hidden; }
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ font-family:var(--tk-font-head); letter-spacing:-.01em; margin:0; }
button{ font:inherit; cursor:pointer; }
:focus-visible{ outline:2px solid var(--tk-emerald); outline-offset:2px; }
.screen-reader-text{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.tk-skip-link{ position:absolute; left:-9999px; }
.tk-skip-link:focus{ left:12px; top:12px; z-index:100; background:#fff; padding:8px 14px; border-radius:6px; }

.tk-container{ width:100%; max-width:var(--tk-max); margin-inline:auto; padding-inline:16px; }
@media(min-width:640px){ .tk-container{ padding-inline:24px; } }
.tk-main{ display:block; }

/* --- Butonlar ---------------------------------------------------------- */
.tk-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; padding:0 22px;
  border-radius:var(--tk-radius); font-weight:600; font-size:14px; border:1px solid transparent; transition:background .15s,border-color .15s; }
.tk-btn--primary{ background:var(--tk-emerald); color:#fff; }
.tk-btn--primary:hover{ background:var(--tk-emerald-deep); }
.tk-btn--light{ background:#fff; color:var(--tk-ink); }
.tk-btn--light:hover{ background:#eef1f3; }
.tk-btn--outline{ background:var(--tk-paper); border-color:var(--tk-line); color:var(--tk-ink); }
.tk-btn--outline:hover{ border-color:var(--tk-emerald); }
.tk-btn--block{ width:100%; }
.tk-eyebrow{ font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--tk-emerald); }
.tk-eyebrow--amber{ color:var(--tk-amber); display:inline-flex; align-items:center; gap:8px; background:rgba(232,149,44,.15); padding:6px 12px; border-radius:100px; }
.tk-eyebrow--amber::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--tk-amber); }

/* --- Logo ------------------------------------------------------------- */
.tk-logo{ display:inline-flex; flex-direction:column; line-height:1; }
.tk-logo .brand{ font-family:var(--tk-font-head); font-weight:700; font-size:1.5rem; letter-spacing:-.03em; text-transform:lowercase; }
.tk-logo .brand .tekno{ color:var(--tk-ink); }
.tk-logo .brand .tr{ color:var(--tk-emerald); }
.tk-logo--dark .brand .tekno{ color:#fff; }
.tk-logo .desc{ margin-top:5px; font-family:var(--tk-font); font-size:.5625rem; letter-spacing:.115em; font-weight:500; color:var(--tk-muted); white-space:nowrap; }
.tk-logo--dark .desc{ color:var(--tk-hdr-muted); }

/* --- Header ---------------------------------------------------------- */
.tk-header{ position:sticky; top:0; z-index:40; }
.tk-utilbar{ background:var(--tk-hdr); color:var(--tk-hdr-muted); font-size:12.5px; }
.tk-utilbar__inner{ display:flex; align-items:center; justify-content:space-between; padding-block:7px; }
.tk-utilbar__contact{ display:flex; gap:20px; }
.tk-utilbar__contact a,.tk-utilbar__menu a{ display:inline-flex; align-items:center; gap:6px; color:inherit; }
.tk-utilbar__contact svg,.tk-utilbar svg{ width:14px; height:14px; }
.tk-utilbar__menu{ display:flex; gap:18px; list-style:none; margin:0; padding:0; }
.tk-utilbar a:hover{ color:#fff; }
@media(max-width:1023px){ .tk-utilbar{ display:none; } }

.tk-header-main{ background:var(--tk-hdr); color:#fff; }
.tk-header-main__inner{ display:flex; align-items:center; gap:14px; padding-block:14px; }
@media(min-width:768px){ .tk-header-main__inner{ gap:26px; } }
.tk-menu-toggle{ display:inline-flex; width:38px; height:38px; align-items:center; justify-content:center; background:none; border:0; color:#fff; border-radius:6px; }
.tk-menu-toggle svg{ width:22px; height:22px; }
@media(min-width:1024px){ .tk-menu-toggle{ display:none; } }
.tk-header-main__logo{ flex-shrink:0; }
.tk-header-main__search{ flex:1; min-width:0; }
@media(max-width:767px){ .tk-header-main__inner .tk-header-main__search{ display:none; } }
.tk-header-main__search--mobile{ padding:0 16px 12px; }
@media(min-width:768px){ .tk-header-main__search--mobile{ display:none; } }
.tk-header-main__actions{ margin-left:auto; display:flex; align-items:center; gap:14px; }
@media(min-width:1024px){ .tk-header-main__actions{ gap:26px; } }

.tk-header-action{ display:flex; align-items:center; gap:9px; color:#fff; }
.tk-header-action__icon{ position:relative; display:inline-flex; }
.tk-header-action__icon svg{ width:22px; height:22px; }
.tk-count{ position:absolute; top:-7px; right:-9px; min-width:16px; height:16px; padding:0 3px; display:inline-flex; align-items:center; justify-content:center;
  background:var(--tk-emerald); color:#fff; font-size:10px; font-weight:700; border-radius:50%; }
.tk-header-action__label{ display:none; line-height:1.25; font-size:12.5px; }
.tk-header-action__label b{ display:block; font-size:13px; font-weight:600; }
.tk-header-action__label span{ color:var(--tk-hdr-muted); }
@media(min-width:1024px){ .tk-header-action__label{ display:block; } }
@media(max-width:639px){ .tk-header-action--acc,.tk-header-action--fav{ display:none; } }

/* Search field */
.tk-search{ position:relative; width:100%; }
.tk-search input[type="search"]{ width:100%; height:44px; padding:0 48px 0 16px; border-radius:var(--tk-radius);
  border:1px solid var(--tk-hdr-field-line); background:var(--tk-hdr-field); color:#fff; font-size:14px; }
.tk-search input::placeholder{ color:rgba(255,255,255,.45); }
.tk-search input:focus{ outline:none; border-color:var(--tk-emerald); }
.tk-search__btn{ position:absolute; right:6px; top:6px; bottom:6px; width:36px; display:inline-flex; align-items:center; justify-content:center;
  background:var(--tk-emerald); border:0; border-radius:6px; color:#fff; }
.tk-search__btn:hover{ background:var(--tk-emerald-deep); }
.tk-search__btn svg{ width:16px; height:16px; }

/* Catnav */
.tk-catnav{ background:var(--tk-paper); border-bottom:1px solid var(--tk-line); }
@media(max-width:1023px){ .tk-catnav{ display:none; } }
.tk-catnav__inner{ display:flex; align-items:stretch; }
.tk-megamenu-toggle{ display:inline-flex; align-items:center; gap:10px; background:var(--tk-emerald); color:#fff; border:0;
  font-weight:600; font-size:.82rem; padding:0 20px; }
.tk-megamenu-toggle svg{ width:16px; height:16px; }
.tk-catnav__list{ display:flex; align-items:center; list-style:none; margin:0; padding:0 0 0 8px; }
.tk-catnav__list a{ display:inline-flex; padding:14px 12px; font-size:.8125rem; font-weight:500; color:var(--tk-ink-soft); border-radius:6px; }
.tk-catnav__list a:hover{ background:var(--tk-emerald-muted); color:var(--tk-emerald-deep); }
.tk-catnav__list .current-menu-item>a{ color:var(--tk-emerald-deep); font-weight:600; }
.tk-megamenu{ position:absolute; left:0; right:0; top:100%; background:#fff; border:1px solid var(--tk-line); border-top:0;
  box-shadow:0 28px 44px -16px rgba(0,0,0,.22); padding:24px; z-index:30; }
.tk-megamenu ul{ list-style:none; margin:0; padding:0; columns:4; gap:24px; }
.tk-megamenu a{ display:block; padding:5px 0; font-size:.8125rem; color:var(--tk-muted); }
.tk-megamenu a:hover{ color:var(--tk-emerald-deep); }
.tk-catnav__inner{ position:relative; }

/* Drawer (mobil) */
.tk-drawer{ position:fixed; inset:0; z-index:60; }
.tk-drawer[hidden]{ display:none; }
.tk-drawer__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.5); border:0; }
.tk-drawer__panel{ position:absolute; inset:0 auto 0 0; width:86vw; max-width:340px; background:var(--tk-paper);
  display:flex; flex-direction:column; transform:translateX(-100%); transition:transform .25s ease; }
.tk-drawer.is-open .tk-drawer__panel{ transform:none; }
.tk-drawer__head{ display:flex; align-items:center; justify-content:space-between; background:var(--tk-hdr); padding:14px 18px; }
.tk-drawer__close{ background:none; border:0; color:rgba(255,255,255,.7); font-size:24px; line-height:1; }
.tk-drawer__body{ flex:1; overflow-y:auto; padding:12px; }
.tk-drawer__label{ margin:8px 8px 4px; font-size:11px; font-weight:600; letter-spacing:.14em; color:var(--tk-muted); }
.tk-drawer__body ul{ list-style:none; margin:0 0 12px; padding:0; }
.tk-drawer__body a{ display:block; padding:10px 8px; font-size:15px; font-weight:500; color:var(--tk-ink); border-radius:6px; }
.tk-drawer__body a:hover{ background:var(--tk-emerald-muted); }

/* --- Bölüm başlığı --------------------------------------------------- */
.tk-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:16px; }
.tk-section-head h2{ font-size:1.35rem; font-weight:700; }
@media(min-width:640px){ .tk-section-head h2{ font-size:1.5rem; } }
.tk-section-head p{ margin:4px 0 0; font-size:13.5px; color:var(--tk-muted); }
.tk-section-head__link{ font-size:13.5px; font-weight:600; color:var(--tk-emerald-deep); white-space:nowrap; }
.tk-section-head__link:hover{ color:var(--tk-emerald); }

/* --- Hero ---------------------------------------------------------- */
.tk-hero{ padding-top:24px; }
.tk-hero__grid{ display:grid; gap:16px; }
@media(min-width:1024px){ .tk-hero__grid{ grid-template-columns:1.55fr 1fr; gap:20px; } }
.tk-band-dark{ background:linear-gradient(135deg,#182028,#0d1218); color:#fff; border-radius:var(--tk-radius-lg); }
.tk-band-emerald{ background:linear-gradient(135deg,var(--tk-emerald),#0a5a3c); color:#fff; border-radius:var(--tk-radius-lg); }
.tk-hero__main{ padding:28px 24px; display:flex; flex-direction:column; justify-content:center; min-height:340px; }
@media(min-width:640px){ .tk-hero__main{ padding:40px; min-height:380px; } }
.tk-hero__main h1{ margin:16px 0 0; font-size:1.6rem; font-weight:700; line-height:1.14; max-width:26ch; }
@media(min-width:640px){ .tk-hero__main h1{ font-size:2rem; } }
.tk-hero__main p{ margin:12px 0 0; max-width:42ch; font-size:15px; color:#a7b0ba; }
.tk-hero__price{ margin-top:18px; display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.tk-hero__price .old{ color:rgba(255,255,255,.4); text-decoration:line-through; font-size:14px; }
.tk-hero__price .new{ font-family:var(--tk-font-head); font-weight:700; font-size:1.6rem; color:#4fd8a0; }
.tk-hero__price .new .amount{ color:inherit; }
.tk-hero__actions{ margin-top:22px; display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.tk-hero__link{ font-size:14px; font-weight:600; color:rgba(255,255,255,.75); }
.tk-hero__link:hover{ color:#fff; }
.tk-hero__side{ display:flex; flex-direction:column; gap:16px; }
@media(min-width:1024px){ .tk-hero__side{ gap:20px; } }
.tk-hero__card{ flex:1; display:flex; flex-direction:column; justify-content:center; gap:6px; padding:24px; border-radius:var(--tk-radius-lg); min-height:150px; }
.tk-hero__card--emerald{ background:linear-gradient(135deg,#e9f4ef,#dcece4); }
.tk-hero__card--graphite{ background:linear-gradient(135deg,#eef1f2,#e2e7ea); }
.tk-hero__card h3{ font-size:1rem; font-weight:600; max-width:24ch; }
.tk-hero__card .tk-eyebrow{ color:var(--tk-emerald-deep); }
.tk-hero__card .go{ margin-top:8px; font-size:13px; font-weight:600; }

/* --- Güven şeridi + kategoriler ------------------------------------ */
.tk-highlights{ padding-block:32px; }
.tk-trust{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; background:#fff; border:1px solid var(--tk-line); border-radius:12px; }
@media(min-width:640px){ .tk-trust{ grid-template-columns:repeat(4,1fr); } }
.tk-trust li{ display:flex; align-items:center; gap:12px; padding:16px 18px; }
@media(min-width:640px){ .tk-trust li:not(:last-child){ border-right:1px solid var(--tk-line); } }
.tk-trust b{ display:block; font-size:13.5px; }
.tk-trust span{ font-size:12px; color:var(--tk-muted); }
.tk-trust__dot{ width:8px; height:8px; border-radius:50%; background:var(--tk-emerald); flex-shrink:0; }
.tk-catshowcase{ margin-top:40px; }
.tk-catshowcase__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media(min-width:640px){ .tk-catshowcase__grid{ grid-template-columns:repeat(3,1fr); } }
@media(min-width:1024px){ .tk-catshowcase__grid{ grid-template-columns:repeat(6,1fr); } }
.tk-catshowcase__item{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:16px; text-align:center;
  background:#fff; border:1px solid var(--tk-line); border-radius:12px; }
.tk-catshowcase__item:hover{ border-color:var(--tk-emerald); }
.tk-catshowcase__ico{ width:44px; height:44px; border-radius:10px; background:var(--tk-emerald-muted); }
.tk-catshowcase__name{ font-size:12px; font-weight:600; }
.tk-catshowcase__count{ font-size:10.5px; color:var(--tk-muted); }

/* --- Ana sayfa alt bölümler --------------------------------------- */
.tk-home-products,.tk-home-blog{ padding-bottom:40px; }
.tk-brands,.tk-campaign,.tk-corporate,.tk-home-news{ padding-bottom:40px; }
.tk-brands__box{ background:#fff; border:1px solid var(--tk-line); border-radius:12px; padding:20px 24px; }
.tk-brands__head{ display:flex; justify-content:space-between; align-items:center; }
.tk-brands__head p{ margin:0; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--tk-muted); }
.tk-brands__head a{ font-size:12px; font-weight:600; color:var(--tk-emerald-deep); }
.tk-brands__list{ margin-top:12px; display:flex; flex-wrap:wrap; gap:10px 36px; }
.tk-brands__list a{ font-family:var(--tk-font-head); font-weight:700; font-size:1.1rem; color:rgba(18,24,31,.4); }
.tk-brands__list a:hover{ color:var(--tk-emerald-deep); }
.tk-campaign__band{ display:flex; flex-direction:column; gap:20px; padding:28px; }
@media(min-width:640px){ .tk-campaign__band{ flex-direction:row; align-items:center; justify-content:space-between; padding:40px; } }
.tk-campaign__text h2{ margin:8px 0 8px; font-size:1.35rem; }
@media(min-width:640px){ .tk-campaign__text h2{ font-size:1.75rem; } }
.tk-campaign__text p{ margin:0; font-size:14px; color:rgba(255,255,255,.6); max-width:52ch; }
.tk-corporate__box{ display:grid; gap:24px; background:#fff; border:1px solid var(--tk-line); border-radius:var(--tk-radius-lg); padding:28px; }
@media(min-width:1024px){ .tk-corporate__box{ grid-template-columns:1.1fr 1fr; align-items:center; padding:36px; } }
.tk-corporate__text h2{ margin:8px 0 8px; font-size:1.35rem; }
@media(min-width:640px){ .tk-corporate__text h2{ font-size:1.5rem; } }
.tk-corporate__text p{ margin:0 0 20px; font-size:14px; color:var(--tk-muted); max-width:46ch; }
.tk-corporate__list{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.tk-corporate__list li{ display:flex; align-items:flex-start; gap:12px; padding:14px; border:1px solid var(--tk-line); border-radius:10px; background:rgba(244,246,247,.5); }
.tk-corporate__list b{ display:block; font-size:14px; }
.tk-corporate__list span{ font-size:12px; color:var(--tk-muted); }
.tk-corporate__ico{ width:36px; height:36px; border-radius:8px; background:var(--tk-emerald-muted); flex-shrink:0; }
.tk-home-news__band{ display:flex; flex-direction:column; gap:16px; padding:28px; }
@media(min-width:640px){ .tk-home-news__band{ flex-direction:row; align-items:center; justify-content:space-between; padding:36px; } }
.tk-home-news__band h2{ font-size:1.35rem; }
@media(min-width:640px){ .tk-home-news__band h2{ font-size:1.5rem; } }
.tk-home-news__band p{ margin:6px 0 0; font-size:14px; color:rgba(255,255,255,.7); }

.tk-newsletter{ display:flex; gap:8px; width:100%; max-width:420px; }
.tk-newsletter input{ flex:1; height:44px; border-radius:var(--tk-radius); border:1px solid var(--tk-line); padding:0 14px; font-size:14px; }
.tk-newsletter--onbrand input{ background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.25); color:#fff; }
.tk-newsletter--onbrand input::placeholder{ color:rgba(255,255,255,.55); }

/* --- Blog kartları ---------------------------------------------------- */
.tk-post-grid{ display:grid; gap:20px; grid-template-columns:1fr; }
@media(min-width:640px){ .tk-post-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .tk-post-grid{ grid-template-columns:repeat(3,1fr); } }
.tk-post-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--tk-line); border-radius:12px; overflow:hidden; transition:box-shadow .2s; }
.tk-post-card:hover{ box-shadow:0 8px 30px -12px rgba(0,0,0,.18); }
.tk-post-card__media{ display:block; aspect-ratio:16/9; background:linear-gradient(135deg,#eef4f1,#e2ede7); }
.tk-post-card__media img{ width:100%; height:100%; object-fit:cover; }
.tk-post-card__ph{ display:flex; align-items:center; justify-content:center; height:100%; color:var(--tk-muted); font-size:13px; }
.tk-post-card__body{ display:block; padding:16px; }
.tk-post-card__cat{ font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--tk-emerald-deep); }
.tk-post-card__title,.tk-post-card h3{ display:block; margin-top:6px; font-family:var(--tk-font-head); font-size:1rem; font-weight:600; line-height:1.35; color:var(--tk-ink); }
.tk-post-card__excerpt{ display:block; margin-top:8px; font-size:14px; color:var(--tk-muted); }
.tk-post-card__meta{ display:block; margin-top:12px; font-size:12px; color:var(--tk-muted); }

/* --- Sayfa başlığı (genel) ----------------------------------------- */
.tk-page{ padding-block:32px 48px; }
.tk-page__head{ margin-bottom:24px; }
.tk-page__head h1{ font-size:1.6rem; font-weight:700; margin-top:8px; }
@media(min-width:640px){ .tk-page__head h1{ font-size:2rem; } }
.tk-page__lead{ margin-top:8px; max-width:60ch; font-size:14px; color:var(--tk-muted); }

/* --- Breadcrumb --------------------------------------------------- */
.tk-breadcrumb{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:12px; color:var(--tk-muted); }
.tk-breadcrumb a:hover{ color:var(--tk-emerald-deep); }
.tk-breadcrumb .sep{ opacity:.5; }
.tk-breadcrumb .current{ color:var(--tk-ink); }

/* --- Footer ---------------------------------------------------------- */
.tk-footer{ margin-top:64px; background:var(--tk-hdr); color:#a7b0ba; }
.tk-footer__top{ display:grid; gap:36px; padding-block:52px 32px; grid-template-columns:1fr; }
@media(min-width:640px){ .tk-footer__top{ grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ .tk-footer__top{ grid-template-columns:1.5fr 1fr 1fr 1fr; } }
.tk-footer__brand p{ margin:16px 0; max-width:34ch; font-size:13px; line-height:1.7; }
.tk-footer__contact{ list-style:none; margin:0; padding:0; display:grid; gap:10px; font-size:13px; }
.tk-footer__contact li{ display:flex; gap:10px; }
.tk-footer__contact svg{ width:16px; height:16px; color:var(--tk-emerald); flex-shrink:0; }
.tk-footer__dot{ color:var(--tk-emerald); }
.tk-footer__col h4{ color:#fff; font-size:13.5px; margin-bottom:14px; }
.tk-footer__links,.tk-footer ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; font-size:13px; }
.tk-footer a:hover{ color:#fff; }
.tk-footer__news{ display:flex; flex-direction:column; gap:16px; padding:20px; border:1px solid rgba(255,255,255,.1); border-radius:12px; margin-bottom:28px; }
@media(min-width:640px){ .tk-footer__news{ flex-direction:row; align-items:center; justify-content:space-between; } }
.tk-footer__news-title{ color:#fff; font-weight:700; font-size:14px; margin:0; }
.tk-footer__news p{ margin:2px 0 0; font-size:12px; }
.tk-footer__news .tk-newsletter input{ background:var(--tk-hdr-field); border-color:var(--tk-hdr-field-line); color:#fff; }
.tk-footer__bottom{ border-top:1px solid rgba(255,255,255,.1); }
.tk-footer__bottom-inner{ display:flex; flex-direction:column; gap:12px; padding-block:20px; font-size:12.5px; }
@media(min-width:640px){ .tk-footer__bottom-inner{ flex-direction:row; align-items:center; justify-content:space-between; } }
.tk-pay{ display:flex; flex-wrap:wrap; gap:8px; }
.tk-pay span{ background:rgba(255,255,255,.06); padding:5px 10px; border-radius:5px; font-size:11px; font-weight:600; color:var(--tk-hdr-muted); }

/* --- 404 ----------------------------------------------------------- */
.tk-404{ text-align:center; padding-block:96px; }
.tk-404__code{ font-family:var(--tk-font-head); font-size:3rem; font-weight:700; color:var(--tk-emerald-deep); margin:0; }
.tk-404 h1{ margin:16px 0 8px; font-size:1.4rem; }
.tk-404 p{ max-width:44ch; margin:0 auto; font-size:14px; color:var(--tk-muted); }
.tk-404__actions{ margin-top:24px; display:flex; gap:12px; justify-content:center; }
.tk-404__search{ max-width:420px; margin:24px auto 0; }
.tk-404__search .tk-search input{ background:#fff; color:var(--tk-ink); border-color:var(--tk-line); }

/* --- Pagination -------------------------------------------------- */
.tk-pagination{ margin-top:32px; }
.tk-pagination .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 8px;
  border:1px solid var(--tk-line); border-radius:8px; background:#fff; font-size:14px; margin-right:6px; }
.tk-pagination .page-numbers.current{ background:var(--tk-emerald); color:#fff; border-color:var(--tk-emerald); }

.tk-empty{ padding:48px; text-align:center; color:var(--tk-muted); background:#fff; border:1px solid var(--tk-line); border-radius:12px; }

/* --- Tekil yazı (blog) ----------------------------------------- */
.tk-article{ padding-block:32px 64px; max-width:760px; }
.tk-article__head{ margin-bottom:24px; }
.tk-article__cat{ color:var(--tk-emerald-deep); font-weight:600; font-size:12.5px; text-transform:uppercase; letter-spacing:.04em; margin:12px 0 6px; }
.tk-article__head h1{ font-size:clamp(1.6rem,3.4vw,2.3rem); line-height:1.2; margin:0 0 12px; }
.tk-article__meta{ color:var(--tk-muted); font-size:13px; margin:0; }
.tk-article__meta .sep{ margin:0 8px; }
.tk-article__media{ margin:0 0 28px; border-radius:14px; overflow:hidden; }
.tk-article__media img{ width:100%; height:auto; display:block; }
.tk-article__body{ font-size:16px; line-height:1.75; color:#28313c; }
.tk-article__body > * + *{ margin-top:1.15em; }
.tk-article__body h2{ font-size:1.35rem; margin-top:1.8em; }
.tk-article__body h3{ font-size:1.12rem; margin-top:1.5em; }
.tk-article__body img{ max-width:100%; height:auto; border-radius:10px; }
.tk-article__body a{ color:var(--tk-emerald-deep); text-decoration:underline; }
.tk-article__body blockquote{ margin:1.4em 0; padding:4px 0 4px 18px; border-left:3px solid var(--tk-emerald); color:var(--tk-ink-soft); }
.tk-article__tags{ list-style:none; padding:0; margin:28px 0 0; display:flex; flex-wrap:wrap; gap:8px; }
.tk-article__tags a{ background:var(--tk-mist); border:1px solid var(--tk-line); border-radius:999px; padding:4px 12px; font-size:12.5px; color:var(--tk-ink-soft); }
.tk-article__foot{ margin-top:36px; padding-top:24px; border-top:1px solid var(--tk-line); display:flex; flex-direction:column; gap:18px; }
@media(min-width:640px){ .tk-article__foot{ flex-direction:row; align-items:center; justify-content:space-between; } }
.tk-article__nav{ display:flex; flex-direction:column; gap:6px; font-size:13.5px; }
.tk-article__nav a{ color:var(--tk-ink); }
.tk-article__nav a:hover{ color:var(--tk-emerald-deep); }
.tk-article__comments{ padding-bottom:64px; max-width:760px; }