/*
Theme Name: Nukho
Theme URI: https://nukho.com
Template: hz-base-theme
Author: Nukho Editör Ekibi
Description: Nukho.com — Akıllı ev & teknoloji rehberi. Cyan-lacivert teknoloji paleti, cihaz kurulum ve karşılaştırma rehberleri, AdSense odaklı.
Version: 2.1.0
*/

:root {
    --hz-font-display: "Space Grotesk", -apple-system, sans-serif;
    --hz-font-heading: "Space Grotesk", -apple-system, sans-serif;
    --hz-font-body:    "Inter", -apple-system, sans-serif;
    --hz-font-mono:    ui-monospace, monospace;

    /* HZ-FAZ2 (2026-07-02): "Amber Akşam" kimliği — yumuşak sıcak koyu + amber.
       Onaylı mockup: sıcak koyu zemin, yanan pencere hissi. Yalnız token takası. */
    --hz-bg:          #14161d;
    --hz-bg-elevated: #1b1e27;
    --hz-bg-soft:     #171a22;
    --hz-bg-mute:     #232733;

    --hz-ink:         #f2ede4;
    --hz-ink-soft:    #d9d2c4;
    --hz-ink-muted:   #9b968c;
    --hz-ink-subtle:  #6f6a60;

    --hz-line:        #262a35;
    --hz-line-strong: #343947;

    --hz-accent:        #f0a63c;
    --hz-accent-hover:  #ffbe5c;
    --hz-accent-soft:   rgba(240,166,60,.15);

    --hz-success:       #7ee2b0;
    --hz-warning:       #f59e0b;

    --hz-link:          var(--hz-ink);
    --hz-link-hover:    var(--hz-accent);
    --hz-highlight:     #54482c;

    --hz-radius-sm: 6px;
    --hz-radius:    10px;
    --hz-radius-lg: 16px;
    --hz-radius-xl: 24px;
    --hz-radius-full: 999px;

    --hz-shadow-sm: 0 1px 2px rgba(0,0,0,.35);
    --hz-shadow:    0 4px 14px rgba(0,0,0,.4);
    --hz-shadow-lg: 0 14px 34px -8px rgba(0,0,0,.55);
    --hz-shadow-xl: 0 26px 60px -12px rgba(0,0,0,.65);

    --hz-tracking-tight: -0.025em;
}

/* Hero */
.nk-hero {
    padding: clamp(3rem, 6vw, 5rem) 0;
    background: linear-gradient(135deg, var(--hz-bg-soft) 0%, var(--hz-bg) 60%);
}
.nk-hero__inner {
    display: grid; gap: 2.5rem; align-items: center;
    max-width: 1240px; margin: 0 auto;
    padding-inline: clamp(1.25rem, 4vw, 2.5rem);
}
@media (min-width: 960px) { .nk-hero__inner { grid-template-columns: 1.1fr 1fr; } }
.nk-hero__pill {
    display: inline-flex; align-items: center; gap: 0.5em;
    padding: 0.4em 0.95em; background: var(--hz-accent-soft); color: var(--hz-accent-hover);
    border-radius: var(--hz-radius-full); font-size: 0.78rem; font-weight: 600; margin-bottom: 1.25rem;
}
.nk-hero__title {
    font-family: var(--hz-font-display);
    font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 700;
    line-height: 1.05; letter-spacing: var(--hz-tracking-tight);
    color: var(--hz-ink); margin-bottom: 1.1rem;
}
.nk-hero__title strong {
    background: linear-gradient(135deg, var(--hz-accent), #ffd58a);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nk-hero__lede { color: var(--hz-ink-muted); font-size: 1.1rem; line-height: 1.55; max-width: 50ch; }

.nk-finder {
    background: var(--hz-bg-elevated); border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius-xl); padding: 1.75rem;
    box-shadow: var(--hz-shadow-xl);
}
.nk-finder__title { font-family: var(--hz-font-display); font-size: 1.1rem; font-weight: 700; color: var(--hz-ink); margin: 0 0 1rem; }
.nk-finder__field {
    display: flex; align-items: center; margin-bottom: 0.8rem;
    background: var(--hz-bg-soft); border: 2px solid transparent;
    border-radius: var(--hz-radius); padding: 0.3rem 0.85rem;
}
.nk-finder__field:focus-within {
    background: var(--hz-bg-mute); border-color: var(--hz-accent);
    box-shadow: 0 0 0 4px var(--hz-accent-soft);
}
.nk-finder__input {
    flex: 1; border: 0; padding: 0.75em 0; background: transparent;
    color: var(--hz-ink); font-size: 0.95rem; font-family: inherit; font-weight: 500; outline: none;
}
.nk-finder__cta {
    width: 100%; padding: 1em; background: var(--hz-accent); color: #241a09;
    border: 0; border-radius: var(--hz-radius); font-weight: 700; cursor: pointer;
    font-family: inherit; font-size: 1rem; transition: background 180ms;
}
.nk-finder__cta:hover { background: var(--hz-accent); }

/* Kategori grid */
.nk-cats {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr));
    gap: 1rem; margin: 2rem 0;
}
.nk-cat {
    display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
    padding: 1.5rem; background: var(--hz-bg-elevated);
    border: 1px solid var(--hz-line); border-radius: var(--hz-radius);
    text-decoration: none; color: var(--hz-ink);
    transition: all 200ms; text-align: center;
}
.nk-cat:hover {
    border-color: var(--hz-accent);
    transform: translateY(-2px); box-shadow: var(--hz-shadow);
}
.nk-cat__name {
    font-family: var(--hz-font-display); font-size: 1rem; font-weight: 700;
    color: var(--hz-ink); letter-spacing: var(--hz-tracking-tight);
}
.nk-cat__count { font-size: 0.78rem; color: var(--hz-ink-muted); }

.nk-section-head {
    display: flex; align-items: end; justify-content: space-between;
    gap: 1rem; margin-bottom: 1.5rem;
}
.nk-section-head__title {
    font-family: var(--hz-font-display);
    font-size: clamp(1.5rem, 2.8vw, 2.2rem); font-weight: 700;
    color: var(--hz-ink); margin: 0; letter-spacing: var(--hz-tracking-tight);
}

.nk-card {
    background: var(--hz-bg-elevated); border: 1px solid var(--hz-line); border-radius: var(--hz-radius-lg);
    overflow: hidden; text-decoration: none; color: var(--hz-ink);
    transition: all 220ms; display: flex; flex-direction: column;
}
.nk-card:hover {
    border-color: var(--hz-accent); transform: translateY(-3px);
    box-shadow: var(--hz-shadow-lg);
}
.nk-card__media { aspect-ratio: 4/3; overflow: hidden; background: var(--hz-bg-mute); }
.nk-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms; }
.nk-card:hover .nk-card__media img { transform: scale(1.05); }
.nk-card__body { padding: 1.2rem; flex: 1; display: flex; flex-direction: column; }
.nk-card__cat {
    display: inline-block; padding: 0.2em 0.6em;
    background: var(--hz-accent-soft); color: var(--hz-accent-hover);
    border-radius: var(--hz-radius-sm); font-size: 0.7rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.6rem;
    align-self: flex-start;
}
.nk-card__title {
    font-family: var(--hz-font-heading); font-size: 1.05rem; font-weight: 700;
    color: var(--hz-ink); margin-bottom: 0.4rem; line-height: 1.3;
}
.nk-card__excerpt {
    font-size: 0.88rem; color: var(--hz-ink-muted); line-height: 1.5;
    flex: 1; margin-bottom: 0.8rem;
}
.nk-card__cta { color: var(--hz-accent); font-weight: 600; font-size: 0.88rem; }

.hz-brand {
    font-family: var(--hz-font-display); font-weight: 700;
    letter-spacing: var(--hz-tracking-tight); color: var(--hz-ink);
}

.hz-contact { max-width: 540px; }
.hz-contact input, .hz-contact textarea {
    width: 100%; padding: 0.85em 1em;
    border: 1.5px solid var(--hz-line); border-radius: var(--hz-radius);
    font-family: inherit; font-size: 1rem;
}
.hk-btn, .hz-btn {
    background: var(--hz-accent); color: #241a09; border: 0;
    padding: 0.9em 1.7em; border-radius: var(--hz-radius);
    font-weight: 600; cursor: pointer; font-family: inherit;
}
.hk-btn:hover, .hz-btn:hover { background: var(--hz-accent-hover); }


/* BESPOKE-nukho.com */
/* ===========================================================
   nukho.com — "Kontrol Paneli" anasayfa
   Sadece var(--hz-*); hardcode renk YOK (#fff hariç)
   Prefix: nukhx-
   =========================================================== */

.nukhx-panel,
.nukhx-deck,
.nukhx-device,
.nukhx-module {
    box-sizing: border-box;
}

/* ---------- Panel (hero kabuğu) ---------- */
.nukhx-panel {
    position: relative;
    padding: clamp(1.25rem, 3vw, 2.25rem) 0 clamp(1.5rem, 4vw, 2.75rem);
    background:
        radial-gradient(120% 90% at 100% 0%, var(--hz-accent-soft) 0%, transparent 55%),
        var(--hz-bg-soft);
    border-bottom: 1px solid var(--hz-line);
    overflow: hidden;
}
.nukhx-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(var(--hz-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--hz-line) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: .25;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(120% 100% at 100% 0%, #fff 0%, transparent 70%);
            mask-image: radial-gradient(120% 100% at 100% 0%, #fff 0%, transparent 70%);
}
.nukhx-panel > .hz-container {
    position: relative;
    z-index: 1;
}

/* ---------- Panel üst bar (durum çubuğu) ---------- */
.nukhx-panel__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .9rem;
    margin-bottom: clamp(1rem, 2.5vw, 1.75rem);
    background: var(--hz-bg-elevated);
    border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius);
    box-shadow: var(--hz-shadow-sm);
}
.nukhx-panel__brand {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    font-family: var(--hz-font-display, var(--hz-font-heading));
    font-weight: 700;
    font-size: clamp(.95rem, 1.6vw, 1.1rem);
    letter-spacing: var(--hz-tracking-tight);
    color: var(--hz-ink);
}
.nukhx-panel__status {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}
.nukhx-chip {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .28rem .6rem;
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .72rem;
    letter-spacing: .04em;
    color: var(--hz-ink-soft);
    background: var(--hz-bg-mute);
    border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius-full);
    text-transform: uppercase;
}
.nukhx-chip--mono { color: var(--hz-ink-muted); }
.nukhx-chip__dot {
    width: 7px;
    height: 7px;
    border-radius: var(--hz-radius-full);
    background: var(--hz-ink-subtle);
}
.nukhx-chip__dot--on {
    background: var(--hz-success);
    box-shadow: 0 0 0 3px var(--hz-accent-soft);
}

/* LED nokta */
.nukhx-led {
    width: 9px;
    height: 9px;
    border-radius: var(--hz-radius-full);
    background: var(--hz-accent);
    box-shadow: 0 0 0 4px var(--hz-accent-soft);
    flex: none;
}
.nukhx-led--sm {
    width: 7px;
    height: 7px;
    box-shadow: 0 0 0 3px var(--hz-accent-soft);
}

/* ---------- Panel ana ızgara: hero + modüller ---------- */
.nukhx-panel__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
    gap: clamp(1rem, 2.5vw, 1.5rem);
    align-items: stretch;
}

/* ---------- Hero (öne çıkan kurulum rehberi) ---------- */
.nukhx-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--hz-bg-elevated);
    border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius-lg);
    box-shadow: var(--hz-shadow);
    overflow: hidden;
}
.nukhx-hero__tag {
    position: absolute;
    top: .85rem;
    left: .85rem;
    z-index: 2;
    padding: .32rem .7rem;
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #241a09;
    background: var(--hz-accent);
    border-radius: var(--hz-radius-full);
    box-shadow: var(--hz-shadow-sm);
}
.nukhx-hero__link {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    text-decoration: none;
    color: inherit;
    height: 100%;
}
.nukhx-hero__media {
    position: relative;
    aspect-ratio: 4 / 3;
    background: var(--hz-bg-mute);
    overflow: hidden;
}
.nukhx-hero__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}
.nukhx-hero__link:hover .nukhx-hero__img { transform: scale(1.04); }
.nukhx-hero__scan {
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 40%, var(--hz-accent-soft) 50%, transparent 60%);
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    mix-blend-mode: screen;
}
.nukhx-hero__link:hover .nukhx-hero__scan { opacity: .8; }
.nukhx-hero__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .55rem;
    padding: clamp(1.1rem, 2.5vw, 1.75rem);
}
.nukhx-hero__cat {
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .72rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--hz-accent);
}
.nukhx-hero__title {
    margin: 0;
    font-family: var(--hz-font-display, var(--hz-font-heading));
    font-weight: 800;
    font-size: clamp(1.35rem, 2.8vw, 2rem);
    line-height: 1.12;
    letter-spacing: var(--hz-tracking-tight);
    color: var(--hz-ink);
}
.nukhx-hero__excerpt {
    margin: 0;
    font-family: var(--hz-font-body);
    font-size: clamp(.92rem, 1.4vw, 1rem);
    line-height: 1.6;
    color: var(--hz-ink-soft);
}
.nukhx-hero__meta {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .76rem;
    color: var(--hz-ink-muted);
}
.nukhx-dot {
    width: 4px;
    height: 4px;
    border-radius: var(--hz-radius-full);
    background: var(--hz-ink-subtle);
}
.nukhx-hero__cta {
    margin-top: auto;
    padding-top: .5rem;
    font-family: var(--hz-font-heading, var(--hz-font-body));
    font-weight: 700;
    font-size: .92rem;
    color: var(--hz-accent);
    transition: color .2s ease;
}
.nukhx-hero__link:hover .nukhx-hero__cta { color: var(--hz-accent-hover); }
.nukhx-hero__empty {
    padding: clamp(2rem, 6vw, 4rem);
    text-align: center;
    font-family: var(--hz-font-body);
    color: var(--hz-ink-muted);
}

/* ---------- Modüller (kategori paneli) ---------- */
.nukhx-modules {
    display: flex;
    flex-direction: column;
    padding: clamp(.9rem, 2vw, 1.25rem);
    background: var(--hz-bg-elevated);
    border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius-lg);
    box-shadow: var(--hz-shadow);
}
.nukhx-modules__title {
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .72rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--hz-ink-muted);
    padding-bottom: .75rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid var(--hz-line);
}
.nukhx-modules__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .4rem;
}
.nukhx-module__link {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .7rem .8rem;
    text-decoration: none;
    background: var(--hz-bg-soft);
    border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius);
    transition: border-color .2s ease, transform .2s ease, background .2s ease;
}
.nukhx-module__link:hover {
    border-color: var(--hz-accent);
    background: var(--hz-accent-soft);
    transform: translateX(3px);
}
.nukhx-module__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.nukhx-module__name {
    font-family: var(--hz-font-heading, var(--hz-font-body));
    font-weight: 700;
    font-size: .95rem;
    color: var(--hz-ink);
}
.nukhx-module__count {
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .72rem;
    color: var(--hz-accent);
    padding: .1rem .45rem;
    background: var(--hz-bg-mute);
    border-radius: var(--hz-radius-full);
}
.nukhx-module__sub {
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .68rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--hz-ink-subtle);
}
.nukhx-modules__empty {
    font-family: var(--hz-font-body);
    font-size: .9rem;
    color: var(--hz-ink-muted);
}

/* ---------- Deck (son rehberler dashboard ızgarası) ---------- */
.nukhx-deck {
    margin-top: clamp(2rem, 5vw, 3.25rem);
}
.nukhx-deck__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .9rem;
    margin-bottom: clamp(1rem, 2.5vw, 1.5rem);
    border-bottom: 1px solid var(--hz-line-strong, var(--hz-line));
}
.nukhx-deck__title {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    font-family: var(--hz-font-display, var(--hz-font-heading));
    font-weight: 800;
    font-size: clamp(1.25rem, 2.4vw, 1.75rem);
    letter-spacing: var(--hz-tracking-tight);
    color: var(--hz-ink);
}
.nukhx-deck__more {
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .8rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--hz-accent);
    transition: color .2s ease;
}
.nukhx-deck__more:hover { color: var(--hz-accent-hover); }

.nukhx-deck__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: clamp(.9rem, 2vw, 1.4rem);
}

/* ---------- Device card (cihaz kartı) ---------- */
.nukhx-device {
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    background: var(--hz-bg-elevated);
    border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius-lg);
    overflow: hidden;
    box-shadow: var(--hz-shadow-sm);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.nukhx-device:hover {
    transform: translateY(-4px);
    box-shadow: var(--hz-shadow-lg);
    border-color: var(--hz-accent);
}
.nukhx-device__id {
    position: absolute;
    top: .6rem;
    left: .6rem;
    z-index: 2;
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .68rem;
    letter-spacing: .05em;
    color: var(--hz-ink-soft);
    padding: .18rem .45rem;
    background: var(--hz-bg-elevated);
    border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius-sm);
    opacity: .92;
}
.nukhx-device__media {
    position: relative;
    aspect-ratio: 16 / 10;
    background: var(--hz-bg-mute);
    overflow: hidden;
}
.nukhx-device__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}
.nukhx-device:hover .nukhx-device__img { transform: scale(1.05); }
.nukhx-device__live {
    position: absolute;
    bottom: .55rem;
    right: .55rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: var(--hz-radius-full);
    background: var(--hz-bg-elevated);
    border: 1px solid var(--hz-line);
}
.nukhx-device__live-dot {
    width: 8px;
    height: 8px;
    border-radius: var(--hz-radius-full);
    background: var(--hz-success);
    box-shadow: 0 0 0 3px var(--hz-accent-soft);
}
.nukhx-device__body {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: clamp(.85rem, 1.8vw, 1.15rem);
    flex: 1;
}
.nukhx-device__cat {
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .68rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--hz-accent);
}
.nukhx-device__title {
    margin: 0;
    font-family: var(--hz-font-heading, var(--hz-font-body));
    font-weight: 700;
    font-size: clamp(1rem, 1.6vw, 1.15rem);
    line-height: 1.25;
    color: var(--hz-ink);
    letter-spacing: var(--hz-tracking-tight);
}
.nukhx-device__excerpt {
    margin: 0;
    font-family: var(--hz-font-body);
    font-size: .88rem;
    line-height: 1.55;
    color: var(--hz-ink-soft);
}
.nukhx-device__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-top: auto;
    padding-top: .55rem;
    border-top: 1px solid var(--hz-line);
}
.nukhx-device__meta {
    font-family: var(--hz-font-mono, var(--hz-font-body));
    font-size: .72rem;
    color: var(--hz-ink-muted);
}
.nukhx-device__open {
    font-family: var(--hz-font-heading, var(--hz-font-body));
    font-weight: 700;
    font-size: .8rem;
    color: var(--hz-accent);
    transition: color .2s ease;
}
.nukhx-device:hover .nukhx-device__open { color: var(--hz-accent-hover); }

/* ---------- Fallback (görsel yoksa baş harf rozeti) ---------- */
.nukhx-fallback {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--hz-font-display, var(--hz-font-heading));
    font-weight: 800;
    font-size: clamp(2rem, 6vw, 3.5rem);
    color: var(--hz-accent);
    background:
        radial-gradient(80% 80% at 50% 30%, var(--hz-accent-soft) 0%, transparent 70%),
        var(--hz-bg-mute);
    letter-spacing: var(--hz-tracking-tight);
}
.nukhx-fallback--hero { font-size: clamp(3rem, 10vw, 5rem); }

/* ---------- Boş durum ---------- */
.nukhx-empty {
    padding: clamp(2rem, 6vw, 3.5rem);
    text-align: center;
    font-family: var(--hz-font-body);
    color: var(--hz-ink-muted);
    background: var(--hz-bg-soft);
    border: 1px dashed var(--hz-line);
    border-radius: var(--hz-radius-lg);
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
    .nukhx-panel__grid { grid-template-columns: 1fr; }
    .nukhx-modules__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 720px) {
    .nukhx-hero__link { grid-template-columns: 1fr; }
    .nukhx-hero__media { aspect-ratio: 16 / 9; }
}
@media (max-width: 520px) {
    .nukhx-modules__list { grid-template-columns: 1fr; }
    .nukhx-panel__bar { padding: .55rem .65rem; }
}

@media (prefers-reduced-motion: reduce) {
    .nukhx-device,
    .nukhx-device__img,
    .nukhx-hero__img,
    .nukhx-hero__scan,
    .nukhx-module__link,
    .nukhx-hero__cta,
    .nukhx-device__open,
    .nukhx-deck__more {
        transition: none;
    }
    .nukhx-device:hover { transform: none; }
    .nukhx-device:hover .nukhx-device__img,
    .nukhx-hero__link:hover .nukhx-hero__img { transform: none; }
}
/* LETTER LOGO ICON (2026-06-21): emoji yerine harf-logo gorseli, site adi yazisi yaninda. */
.hz-brand { display: inline-flex; align-items: center; gap: .5rem; }
.hz-brand::before {
    content: '';
    display: inline-block;
    width: 1.6em; height: 1.6em; flex: 0 0 auto;
    /* HZ-FAZ2 LOGO (2026-07-02, Hasan onayi): ozgun nis-logosu "Yuva Isigi (N1)" — data-URI SVG,
       HTTP istegi yok, retina-keskin. Eski harf-logo PNG'si degistirildi. */
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%3Cpath d=%22M10 22 L24 10 L38 22 V35 a5 5 0 0 1 -5 5 H15 a5 5 0 0 1 -5 -5 Z%22 fill=%22none%22 stroke=%22%23f2ede4%22 stroke-width=%223.4%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2224%22 cy=%2229%22 r=%228.5%22 fill=%22%23f0a63c%22 opacity=%22.22%22/%3E%3Crect x=%2219.5%22 y=%2224.5%22 width=%229%22 height=%229%22 rx=%222.4%22 fill=%22%23f0a63c%22/%3E%3C/svg%3E");
    background-size: contain; background-repeat: no-repeat; background-position: center;
}


/* ═══════════════════════════════════════════════════════════════
   HZ-FAZ2 — "Amber Akşam" mikro-animasyon katmanı (2026-07-02)
   Hafif ve GPU-dostu: yalnız transform/opacity/box-shadow geçişleri.
   Ağır animasyon YOK (slider/parallax/otomatik hareket yok).
   ═══════════════════════════════════════════════════════════════ */
.nukhx-device, .nk-card, .nk-cat, .nukhx-module__link {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
/* HOVER-FIX v2 (2026-07-02): parent'in metin-linki "yikama" efekti
   (a{background:linear-gradient(transparent 60%, accent-soft 60%)}) blok/kart/medya
   linklerinde koyu zeminde LEKE gibi cikiyor (Hasan bug raporu: hero karti) -> kapat.
   Metin linklerindeki kucuk vurgu etkisi bilerek korunuyor. */
.nukhx-hero__link, .nukhx-device, .hz-card__image { background-image: none !important; }
/* hero: isima kartin KENDISINDE, temiz ve tasmasiz (kart ailesiyle ayni dil) */
.nukhx-hero { transition: box-shadow .22s ease, border-color .22s ease; }

/* dokunmatikte hover yapismasin: tum hover efektleri yalniz gercek imlecte */
@media (hover: hover) and (pointer: fine) {
.nukhx-device:hover, .nk-card:hover, .nk-cat:hover {
    transform: translateY(-4px);
    border-color: rgba(240,166,60,.45);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.6), 0 0 0 1px rgba(240,166,60,.22);
}
.nukhx-hero:hover {
    border-color: rgba(240,166,60,.45);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.6), 0 0 0 1px rgba(240,166,60,.22);
}
.hk-btn:hover, .hz-btn:hover, .nk-finder__cta:hover {
    background: var(--hz-accent-hover);
    transform: translateY(-1px);
    box-shadow: 0 8px 22px -8px rgba(240,166,60,.5);
}
}
.hk-btn, .hz-btn, .nk-finder__cta {
    transition: background .18s ease, color .18s ease, transform .12s ease, box-shadow .18s ease;
}
.hk-btn:active, .hz-btn:active, .nk-finder__cta:active { transform: scale(.98); }
/* scroll fade-in — .hz-fade sınıfını functions.php'deki ~0.4KB gözlemci ekler;
   JS yoksa sınıf hiç eklenmez → içerik normal görünür (fail-open) */
.hz-fade { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; }
.hz-fade.hz-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .hz-fade { opacity: 1 !important; transform: none !important; transition: none !important; }
    .nukhx-device, .nk-card, .nk-cat, .nukhx-module__link { transition: none; }
}


/* ═══════════════════════════════════════════════════════════════
   HZ-FAZ2 — TÜM SAYFA TİPLERİ AYNI KİMLİK (2026-07-02)
   Kural: tema yenilemesi anasayfayla bitmez — kategori, arama, yazı
   (related), 404 aynı kart dilini ve animasyon katmanını taşır.
   Tamamı var(--hz-*) tabanlı: kimlikten bağımsız, 16 siteye taşınabilir.
   ═══════════════════════════════════════════════════════════════ */
/* arşiv/arama/related kartları: anasayfadaki yükselen-kart dili */
.hz-card {
    background: var(--hz-bg-elevated);
    border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius-lg);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.hz-card__media img { width: 100%; height: 100%; object-fit: cover; }
.hz-card__cat, .hz-card__title, .hz-card__excerpt, .hz-card__meta {
    margin-left: 1.1rem; margin-right: 1.1rem;
}
.hz-card__cat { margin-top: 1rem; }
.hz-card__meta { margin-bottom: 1.15rem; }
@media (hover: hover) and (pointer: fine) {
    .hz-card:hover {
        transform: translateY(-4px);
        background: var(--hz-bg-elevated); /* parent'in hover'daki background:none ezmesine karsi */
        border-color: var(--hz-accent);
        box-shadow: var(--hz-shadow-lg), 0 0 0 1px var(--hz-accent-soft);
    }
}
/* arama sonuç ızgarası (.hz-card-grid hiç stillenmemişti — "ham liste"nin kökü) */
.hz-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    margin: 1rem 0 2rem;
}
@media (max-width: 960px) { .hz-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .hz-card-grid { grid-template-columns: 1fr; } }
.hz-archive-header { padding: 2.25rem 0 1rem; text-align: center; }
.hz-archive-title { font-family: var(--hz-font-display); letter-spacing: var(--hz-tracking-tight); }
/* kategori başlığındaki yazı-sayısı rozeti */
.hz-archive-count {
    display: inline-flex; align-items: center;
    margin-top: .9rem; padding: .35em .95em;
    font-family: var(--hz-font-mono); font-size: .78rem; letter-spacing: .06em;
    color: var(--hz-accent); background: var(--hz-accent-soft);
    border: 1px solid var(--hz-line); border-radius: var(--hz-radius-full);
}
/* arama formu (404 + sonuçsuz arama): kimlikli alan + buton */
.hz-search-form { display: flex; gap: .6rem; max-width: 460px; margin: 1.25rem auto; }
.hz-search-input {
    flex: 1; min-width: 0; padding: .8em 1.1em;
    background: var(--hz-bg-elevated); color: var(--hz-ink);
    border: 1px solid var(--hz-line-strong); border-radius: var(--hz-radius);
    font-family: inherit; font-size: .95rem; outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.hz-search-input:focus { border-color: var(--hz-accent); box-shadow: 0 0 0 4px var(--hz-accent-soft); }
.hz-search-input::placeholder { color: var(--hz-ink-subtle); }
.hz-search-submit {
    padding: .8em 1.4em; border: 0; border-radius: var(--hz-radius);
    background: var(--hz-accent); color: var(--hz-bg);
    font-weight: 700; font-family: inherit; font-size: .95rem; cursor: pointer;
    transition: background .18s ease, transform .12s ease;
}
.hz-search-submit:hover { background: var(--hz-accent-hover); }
.hz-search-submit:active { transform: scale(.97); }
/* sayfalama: çip dili */
.hz-pagination .page-numbers li a,
.hz-pagination .page-numbers li span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 2.4em; padding: .5em .8em;
    border: 1px solid var(--hz-line); border-radius: var(--hz-radius);
    color: var(--hz-ink-soft); background: var(--hz-bg-elevated);
    font-family: var(--hz-font-mono); font-size: .85rem;
    background-image: none !important;
    transition: border-color .18s ease, color .18s ease;
}
.hz-pagination .page-numbers li span.current {
    background: var(--hz-accent); border-color: var(--hz-accent);
    color: var(--hz-bg); font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
    .hz-pagination .page-numbers li a:hover { border-color: var(--hz-accent); color: var(--hz-accent); }
}


/* ═══ HZ-FAZ2 YAPISAL İMZA — "Dergi kategori" (2026-07-02, Hasan onayı) ═══ */
.nkx-cathead { padding: 2.2rem 0 1.4rem; text-align: left; max-width: 720px; }
.nkx-cathead .hz-entry__title { text-align: left; }
.nkx-lede { text-align: left; margin-left: 0; max-width: 58ch; }
.nkx-feat {
    display: grid; grid-template-columns: 1.15fr 1fr; gap: 0;
    background: var(--hz-bg-elevated); border: 1px solid var(--hz-line);
    border-radius: var(--hz-radius-lg); overflow: hidden;
    text-decoration: none; color: inherit; margin: 0 0 1.5rem;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    background-image: none !important;
}
@media (max-width: 760px) { .nkx-feat { grid-template-columns: 1fr; } }
@media (hover: hover) and (pointer: fine) {
    .nkx-feat:hover {
        transform: translateY(-3px);
        border-color: var(--hz-accent);
        box-shadow: var(--hz-shadow-lg), 0 0 0 1px var(--hz-accent-soft);
    }
}
.nkx-feat__media { min-height: 250px; background: var(--hz-bg-mute); }
.nkx-feat__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nkx-feat__body { padding: 1.6rem 1.7rem; display: flex; flex-direction: column; gap: .6rem; }
.nkx-feat__tag {
    font-family: var(--hz-font-mono); font-size: .72rem; letter-spacing: .12em;
    text-transform: uppercase; color: var(--hz-accent);
}
.nkx-feat__title {
    font-family: var(--hz-font-display); font-size: clamp(1.25rem, 2.4vw, 1.7rem);
    line-height: 1.22; margin: 0; color: var(--hz-ink); letter-spacing: var(--hz-tracking-tight);
}
.nkx-feat__excerpt { margin: 0; color: var(--hz-ink-muted); font-size: .95rem; }
.nkx-feat__cta { margin-top: auto; padding-top: .5rem; font-family: var(--hz-font-mono); font-size: .8rem; color: var(--hz-ink-muted); }
.nkx-feat__cta b { color: var(--hz-accent); font-weight: 700; }

/* ============================================================
   RÖTUŞ 2026-07-04 — "Amber Akşam" nk-mast header + hz-reveal
   (İSKELET AYRIŞMA + HAREKET + LCP teşhis kuralları)
   ============================================================ */

/* --- nk-mast: durum-çubuğu arketipi (kontrol paneli) --- */
.nk-mast {
    position: sticky; top: 0; z-index: 50;
    background: color-mix(in srgb, var(--hz-bg-elevated) 92%, transparent);
    backdrop-filter: saturate(1.4) blur(10px);
    border-bottom: 1px solid var(--hz-line);
}
.nk-mast__in {
    display: flex; align-items: center; gap: 1rem;
    min-height: 58px; padding-top: .5rem; padding-bottom: .5rem;
}
.nk-mast__brand {
    display: inline-flex; align-items: center; gap: .55rem;
    text-decoration: none; color: var(--hz-ink); flex: 0 0 auto;
}
.nk-mast__brand svg { display: block; filter: drop-shadow(0 1px 3px rgba(240,166,60,.25)); }
.nk-mast__name {
    font-family: var(--hz-font-display); font-weight: 700; font-size: 1.06rem;
    letter-spacing: var(--hz-tracking-tight); color: var(--hz-ink);
}
.nk-mast__status { display: inline-flex; align-items: center; gap: .45rem; margin-left: .3rem; }
.nk-mast__chip {
    display: inline-flex; align-items: center; gap: .35rem;
    font-size: .72rem; color: var(--hz-ink-muted);
    padding: .22rem .55rem; border: 1px solid var(--hz-line); border-radius: 999px;
    background: var(--hz-bg-soft); white-space: nowrap;
}
.nk-mast__chip--mono { font-family: var(--hz-font-mono, ui-monospace, monospace); letter-spacing: .04em; }
.nk-mast__dot {
    width: 7px; height: 7px; border-radius: 50%; background: var(--hz-accent);
    box-shadow: 0 0 0 0 rgba(240,166,60,.5); animation: nk-pulse 2.4s ease-out infinite;
}
@keyframes nk-pulse {
    0% { box-shadow: 0 0 0 0 rgba(240,166,60,.5); }
    70% { box-shadow: 0 0 0 6px rgba(240,166,60,0); }
    100% { box-shadow: 0 0 0 0 rgba(240,166,60,0); }
}
.nk-mast__nav { display: flex; align-items: center; gap: .1rem; margin-left: auto; flex-wrap: wrap; }
.nk-mast__nav a {
    font-size: .86rem; color: var(--hz-ink-soft); text-decoration: none;
    padding: .38rem .6rem; border-radius: 8px; transition: color .18s ease, background .18s ease;
}
.nk-mast__nav a:hover { color: var(--hz-ink); background: var(--hz-bg-mute); }
.nk-mast__nav a.on { color: var(--hz-accent); }
.nk-mast__nav a:focus-visible { outline: 2px solid var(--hz-accent); outline-offset: 2px; }
@media (max-width: 720px) {
    .nk-mast__status { display: none; }
    .nk-mast__nav { gap: 0; }
    .nk-mast__nav a { padding: .34rem .45rem; font-size: .8rem; }
}

/* --- hz-reveal: parent hz-base.js is-visible ekler; delay LOKAL --nk-d --- */
.hz-reveal { transition-delay: var(--nk-d, 0s); }
/* no-JS güvencesi: parent .hz-reveal opacity:0 başlatır → JS yoksa gizli kalmasın
   (nk-js sınıfını header.php inline script CSS'ten önce basar). */
html:not(.nk-js) .hz-reveal { opacity: 1 !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
    .hz-reveal { transition: none !important; opacity: 1 !important; transform: none !important; }
    .nk-mast__dot { animation: none; }
}

/* skip-link: parent hz-skip zaten var; koyu zeminde okunur konumla (top:-70px gizli) */
.hz-skip { position: absolute; left: 12px; top: -70px; z-index: 200;
    background: var(--hz-accent); color: #241a09; padding: .6rem 1rem; border-radius: 8px;
    font-weight: 600; transition: top .18s ease; }
.hz-skip:focus { top: 12px; }