/* Compact, content-specific banners shared by archives and details. */
.kf-page-banner { position:relative; isolation:isolate; color:#fff; background:#153b36; overflow:hidden; }
.kf-page-banner__image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center 48%; }
.kf-page-banner--archive[data-path=topragindan] .kf-page-banner__image,
.kf-page-banner--archive[data-content-type=urunler] .kf-page-banner__image { object-position:center 78%; }
.kf-page-banner--archive[data-path=ustasindan] .kf-page-banner__image,
.kf-page-banner--archive[data-content-type=hikayeler] .kf-page-banner__image { object-position:center 70%; }
.kf-page-banner--archive[data-path=deneyiminden] .kf-page-banner__image { object-position:center 32%; }
.kf-page-banner::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#082c29dc 0%,#092e2aaa 48%,#0b2d2940 100%); }
.kf-page-banner--archive[data-content-type=basvuru-formlari] .kf-page-banner__image { object-position:center 54%; }
.kf-page-banner__inner { min-height:190px; padding-block:20px 28px; }
.kf-page-banner__breadcrumb { display:flex; align-items:center; gap:8px; min-width:0; margin-bottom:23px; color:#ffffffb8; font:650 10px/1.5 var(--font-sans); }
.kf-page-banner__breadcrumb a { flex-shrink:0; color:inherit; text-decoration:none; transition:color 160ms ease; }
.kf-page-banner__breadcrumb a:hover,.kf-page-banner__breadcrumb a:focus-visible { color:#fff; outline:none; }
.kf-page-banner__breadcrumb>iconify-icon { flex:0 0 auto; color:#ffffff73; font-size:10px; }
.kf-page-banner__breadcrumb [aria-current] { min-width:0; max-width:min(58vw,620px); overflow:hidden; color:#fff; font-size:11px; font-weight:850; letter-spacing:.01em; text-overflow:ellipsis; white-space:nowrap; }
.kf-page-banner__heading { display:flex; align-items:center; gap:18px; }
.kf-page-banner__icon { display:grid; place-items:center; width:58px; height:58px; flex:0 0 58px; border:1px solid #ffffff25; border-radius:50%; background:var(--path-color,#38685c); color:#fff; box-shadow:0 5px 16px #092b2926; }
.kf-page-banner__icon iconify-icon { font-size:29px; }
.kf-page-banner__copy { min-width:0; max-width:1050px; }
.kf-page-banner h1 { margin:0; color:#fff; font:850 clamp(34px,3.5vw,50px)/1.08 var(--font-sans); letter-spacing:-1.2px; overflow-wrap:anywhere; }
.kf-page-banner__copy>p { margin:8px 0 0; max-width:850px; font:500 15px/1.6 var(--font-sans); color:#fff; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.kf-page-banner--archive[data-content-type=kesif] .kf-page-banner__heading { gap:14px; }
.kf-page-banner--archive[data-content-type=kesif] .kf-page-banner__icon { width:50px; height:50px; flex-basis:50px; }
.kf-page-banner--archive[data-content-type=kesif] .kf-page-banner__icon iconify-icon { font-size:25px; }
.kf-page-banner--archive[data-content-type=kesif] h1 { font-size:clamp(28px,2.6vw,36px); letter-spacing:-.8px; }
.kf-page-banner--archive[data-content-type=kesif] .kf-page-banner__copy>p { max-width:720px; margin-top:6px; font-size:13px; line-height:1.5; }
.kf-page-banner--detail .kf-page-banner__inner { padding-bottom:18px; }
.kf-page-banner--detail h1 { font-size:clamp(32px,3vw,44px); }
.kf-page-banner__footer { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-left:76px; margin-top:14px; }
.kf-page-banner__footer--actions-only { justify-content:flex-end; padding-left:0; margin-top:10px; }
.kf-page-banner__meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:#ffffffdc; font-size:11px; }
.kf-page-banner__meta>span { display:inline-flex; align-items:center; gap:5px; }
.kf-page-banner__meta iconify-icon { font-size:13px; }
.kf-page-banner .action-buttons { position:static; flex-shrink:0; border:0; border-radius:999px; background:#ffffff16; overflow:visible; }
.kf-page-banner .action-button { position:relative; min-width:34px; min-height:32px; height:32px; padding:6px 10px; color:#fff; border:0; border-radius:0; background:transparent; }
.kf-page-banner .action-button:first-child { border-radius:999px 0 0 999px; }
.kf-page-banner .action-button:last-child { border-radius:0 999px 999px 0; }
.kf-page-banner .action-button:hover { background:#ffffff25; }
.kf-page-banner .action-button__label,.kf-page-banner .action-button__font { font-size:11px; }
.kf-page-banner .action-button[data-tooltip]::after { content:attr(data-tooltip); position:absolute; left:50%; bottom:calc(100% + 9px); z-index:20; width:max-content; max-width:220px; padding:7px 9px; border:1px solid #d8e0dc; border-radius:7px; background:#fff; color:#173b36; box-shadow:0 7px 18px #062c2826; font:750 10px/1.25 var(--font-sans); letter-spacing:0; text-transform:none; white-space:nowrap; opacity:0; visibility:hidden; transform:translateX(-50%); transition:opacity 130ms ease,visibility 130ms ease; pointer-events:none; }
.kf-page-banner .action-button[data-tooltip]:hover::after,.kf-page-banner .action-button[data-tooltip]:focus-visible::after { opacity:1; visibility:visible; }
.kf-page-banner .action-button:first-child::after { left:0; transform:none; }
.kf-page-banner .action-button:last-child::after { right:0; left:auto; transform:none; }
.kf-page-banner__image-note { display:block; margin-top:8px; text-align:right; color:#ffffffbd; font-size:9px; }
.kf-page-banner+.detail-main,.kf-page-banner+.archive-main { padding-top:30px; }
.kf-page-banner+.discovery-product-detail { padding-top:30px; }
.product-summary { gap:20px; align-content:start; }
.product-hero>* { min-width:0; }
.product-summary .meta-item strong { overflow-wrap:anywhere; }
.product-summary>.kicker { margin:0; }
.product-summary>.discovery-badges { order:0; }
.product-summary>.discovery-source-link { margin:0; }
/* A light filter strip directly below discovery banners. */
.discovery-page>.discovery-section:first-of-type { padding-top:18px; }
.discovery-page .discovery-filters { padding:0; border:0; border-radius:0; background:transparent; }
.discovery-page .discovery-filter-tabs { gap:8px; padding:0; border:0; }
.discovery-page .discovery-filter-tabs button { min-height:35px; padding:8px 20px; border:1px solid transparent; border-radius:999px; background:#f5f7f6; font-size:11px; color:#61716c; }
.discovery-page .discovery-filter-tabs button[aria-pressed=true] { background:var(--kf-ink); border-color:var(--kf-ink); color:white; }
.discovery-page .discovery-filter-row { grid-template-columns:minmax(125px,160px) minmax(125px,160px) minmax(190px,1fr) minmax(140px,170px) 32px auto; gap:10px; align-items:center; padding:14px 0 18px; margin-bottom:24px; border-bottom:1px solid var(--kf-line); }
.discovery-page .kf-filter-control { position:relative; display:block; min-width:0; }
.discovery-page .kf-filter-control>iconify-icon { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--kf-ink); font-size:14px; pointer-events:none; }
.discovery-page .kf-filter-control>iconify-icon:last-child { left:auto; right:11px; font-size:11px; }
.discovery-page .kf-filter-control input,.discovery-page .kf-filter-control select { min-width:0; width:100%; height:36px; border-radius:999px; border-color:#dfe6e2; padding:0 30px 0 34px; background:#fff; font-size:11px; appearance:none; }
.discovery-page .kf-filter-control input { padding-right:12px; }
.discovery-page .discovery-reset { display:grid; place-items:center; min-height:32px; width:32px; padding:0; border:0; border-radius:50%; background:#f5f7f6; color:var(--kf-muted); }
.discovery-page .discovery-reset:hover { background:#eaf0ec; }
.kf-filter-count { margin:0 0 0 12px; color:var(--kf-muted); font-size:10px; white-space:nowrap; text-align:right; }
@media(max-width:1100px) {
  .discovery-page .discovery-filter-row { grid-template-columns:1fr 1fr 1.5fr 1fr 32px; }
  .kf-filter-count { grid-column:1/-1; margin:4px 0 0; }
}
@media(max-width:760px) {
  .kf-page-banner__inner { min-height:176px; padding-block:17px 24px; }
  .kf-page-banner__breadcrumb { margin-bottom:21px; gap:5px; font-size:9px; }
  .kf-page-banner__breadcrumb [aria-current] { max-width:54vw; font-size:10px; }
  .kf-page-banner__heading { align-items:flex-start; gap:12px; }
  .kf-page-banner__icon { width:44px; height:44px; flex-basis:44px; }
  .kf-page-banner__icon iconify-icon { font-size:24px; }
  .kf-page-banner h1,.kf-page-banner--detail h1 { font-size:31px; line-height:1.1; letter-spacing:-.8px; }
  .kf-page-banner__copy>p { font-size:13px; line-height:1.55; -webkit-line-clamp:3; }
  .kf-page-banner--archive[data-content-type=kesif] .kf-page-banner__heading { gap:10px; }
  .kf-page-banner--archive[data-content-type=kesif] .kf-page-banner__icon { width:38px; height:38px; flex-basis:38px; }
  .kf-page-banner--archive[data-content-type=kesif] .kf-page-banner__icon iconify-icon { font-size:20px; }
  .kf-page-banner--archive[data-content-type=kesif] h1 { font-size:24px; letter-spacing:-.5px; }
  .kf-page-banner--archive[data-content-type=kesif] .kf-page-banner__copy>p { margin-top:5px; font-size:11.5px; line-height:1.45; }
  .kf-page-banner__footer { padding-left:56px; gap:10px; align-items:flex-start; flex-wrap:wrap; }
  .kf-page-banner__footer--actions-only { padding-left:0; }
  .kf-page-banner__meta { font-size:10px; }
  .kf-page-banner .action-buttons { margin-left:auto; }
  .kf-page-banner+.detail-main,.kf-page-banner+.archive-main { padding-top:24px; }
  .discovery-page .discovery-filter-tabs { flex-wrap:nowrap; overflow-x:auto; padding-bottom:3px; scrollbar-width:thin; }
  .discovery-page .discovery-filter-tabs button { white-space:nowrap; flex-shrink:0; padding-inline:15px; font-size:10px; }
  .discovery-page .discovery-filter-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px; gap:9px; padding:12px 0 16px; margin-bottom:20px; }
  .discovery-page .discovery-filter-row>.kf-filter-control:first-child { grid-column:1; }
  .discovery-page .discovery-filter-row>.kf-filter-control:nth-child(2) { grid-column:2; }
  .discovery-page .discovery-search { grid-row:2; grid-column:1; }
  .discovery-page .discovery-filter-row>.kf-filter-control:nth-child(4) { grid-row:2; grid-column:2; }
  .discovery-page .discovery-reset { grid-row:1 / span 2; grid-column:3; align-self:center; }
  .kf-filter-count { grid-column:1/-1; font-size:10px; margin:2px 0 0; }
}
