.ykf{background:#000;color:#f3f3ef;--ink:#f3f3ef;--dim:#9a9f9a;--faint:#7a7f85;--line:#2a2d31;padding-block:32px 24px;border-top:1px solid var(--line);font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased} .ykf *,.ykf *:before,.ykf *:after{box-sizing:border-box;margin:0;padding:0} .ykf img{display:block;max-width:none} .ykf__inner{max-width:1920px;margin-inline:auto;padding-inline:clamp(20px,5vw,80px);display:grid;gap:24px} .ykf__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:32px;row-gap:32px;align-items:start} .ykf__brand{grid-column:1/span 2} .ykf__logo{display:inline-block;color:var(--ink);text-decoration:none} .ykf__logo img{height:30px;width:auto} .ykf__tag{color:var(--dim);font-size:.875rem;line-height:1.5;font-weight:300;max-width:32ch;margin-top:16px} .ykf__grid>nav.ykf__col:nth-of-type(1){grid-column:3} .ykf__grid>nav.ykf__col:nth-of-type(2){grid-column:4} .ykf__grid>nav.ykf__col:nth-of-type(3){grid-column:5} .ykf__grid>nav.ykf__col:nth-of-type(4){grid-column:6} .ykf__h{font-family:"IBM Plex Mono",ui-monospace,"SF Mono",monospace;font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:16px;font-weight:400} .ykf__col ul{list-style:none;display:grid;gap:8px} .ykf__col a{color:var(--dim);font-size:.875rem;text-decoration:none;transition:color .22s cubic-bezier(.16,1,.3,1)} .ykf__col a:hover{color:var(--ink)} .ykf__holding{display:block;white-space:nowrap;width:max-content;grid-column:7/-1;justify-self:end;align-self:start;margin:0;color:var(--faint);font-size:.74415rem;letter-spacing:.01em} .ykf .ykf__yk{display:inline-block;height:34.85px;width:auto;opacity:1;vertical-align:-12.63px;margin:0 .5em} .ykf__ykb{display:inline;text-decoration:none;color:inherit} .ykf__ykb .ykf__yk{transition:opacity .22s cubic-bezier(.16,1,.3,1)} .ykf__ykb:hover .ykf__yk,.ykf__ykb:focus-visible .ykf__yk{opacity:.68} .ykf__row{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;color:var(--faint);font-size:.875rem} .ykf__row>span{display:inline-flex;align-items:center} .ykf__pw{display:inline-flex;align-items:center;gap:.45em;font-size:7.94px;letter-spacing:.14em;text-transform:uppercase;color:#5b6066;opacity:.75;text-decoration:none;transition:opacity .22s cubic-bezier(.16,1,.3,1)} .ykf__pw:hover{opacity:1} .ykf__pw img{height:11.34px;width:auto;display:block} .ykf a:focus-visible{outline:2px solid #7fb2e5;outline-offset:3px} /* Marka rengi kipi (kullanici karari 2026-10-13): Dabco sayfalarinda footer zemini V6'nin koyu bolum rengi --night #0a1320 (vakum pompa serisi bolumu). Yazi renkleri diffevs ile AYNI (bu zeminde WCAG AA: dim 6.9, faint 4.6). */ .ykf--dabco{background:#0a1320;--line:#1e2c44} /* Kirilimlar SONDA: yukaridaki nth-of-type sutun atamalarini ezmeleri gerekir. <=1100px: marka ve holding tam satir, menuler yan yana. <=720px: menuler ikiserli. (diffevs.com ile ayni) */ @media (max-width:1100px){.ykf__grid{grid-template-columns:repeat(4,minmax(0,1fr))} .ykf__grid>nav.ykf__col:nth-of-type(n){grid-column:auto} .ykf__brand,.ykf__holding{grid-column:1/-1;justify-self:start}} @media (max-width:720px){.ykf__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px} .ykf__brand,.ykf__holding{grid-column:1/-1} .ykf__holding{width:auto;white-space:normal}}