/* =========================================================
   Kramer Calabriel — Header & menü v2 (menu.css)
   site.css'ten SONRA yüklenir. Yeni sınıf ağacı (.hd, .hd-nav, .hd-mega, .mm-group)
   site.css / site.js'teki eski header seçicileriyle (.site-header, .nav, .mega, .menu-btn,
   [data-header], html.menu-open) çakışmaz.
   ========================================================= */

:root{
  --hd-h:88px;          /* üstte (hero üzerinde) */
  --hd-hc:66px;         /* kaydırılmış kompakt */
  --header-h:var(--hd-h); /* site.css hero/sticky boşlukları bunu kullanır */
}
@media (max-width:1179px){:root{--hd-h:76px;--hd-hc:62px}}
@media (max-width:1023px){:root{--hd-h:68px;--hd-hc:58px}}

/* ---------- Kabuk ---------- */
.hd{
  --hd-cur:var(--hd-h);
  position:fixed;top:0;left:0;right:0;z-index:110;
  padding-top:env(safe-area-inset-top);
  color:var(--cream);
  transition:color .4s var(--ease);
}
.hd.is-compact{--hd-cur:var(--hd-hc)}
/* hero üzerindeyken okunurluk için hafif koyu degrade */
.hd::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 2.5rem);z-index:-2;pointer-events:none;
  background:linear-gradient(to bottom,rgba(20,17,18,.55),rgba(20,17,18,0));transition:opacity .5s var(--ease)}
/* kompakt/katı zemin: krem + blur + ince altın alt çizgi */
.hd::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;visibility:hidden;
  background:
    linear-gradient(90deg,rgba(183,143,85,0) 0%,rgba(183,143,85,.8) 18%,rgba(183,143,85,.8) 82%,rgba(183,143,85,0) 100%) left bottom/100% 1px no-repeat,
    rgba(248,244,237,.94);
  box-shadow:0 14px 30px -26px rgba(29,25,26,.55);
  transition:opacity .45s var(--ease),visibility 0s linear .45s}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .hd::after{
    background:
      linear-gradient(90deg,rgba(183,143,85,0) 0%,rgba(183,143,85,.8) 18%,rgba(183,143,85,.8) 82%,rgba(183,143,85,0) 100%) left bottom/100% 1px no-repeat,
      rgba(248,244,237,.8);
    -webkit-backdrop-filter:saturate(1.25) blur(16px);backdrop-filter:saturate(1.25) blur(16px)}
}
.hd.is-solid{color:var(--char)}
.hd.is-solid::before{opacity:0}
.hd.is-solid::after{opacity:1;visibility:visible;transition:opacity .45s var(--ease),visibility 0s}
.hd.is-mega::after{background-color:rgba(248,244,237,.97)}
/* JS gelmeden önce: koyu hero'su olmayan sayfada doğrudan katı başla (destekleyen tarayıcılar) */
html:not(:has(.hero,.page-hero,.nf)) .hd{color:var(--char)}
html:not(:has(.hero,.page-hero,.nf)) .hd::before{opacity:0}
html:not(:has(.hero,.page-hero,.nf)) .hd::after{opacity:1;visibility:visible}
html:not(:has(.hero,.page-hero,.nf)) .hd .hd-dark{opacity:1}
html:not(:has(.hero,.page-hero,.nf)) .hd .hd-light{opacity:0}

.hd__bar{
  display:flex;align-items:center;gap:clamp(1rem,1.8vw,2rem);
  height:var(--hd-cur);
  max-width:calc(var(--wrap) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter);
  transition:height .45s var(--ease);
}

/* Mega açıkken sayfa karartması (header'ın içinde, z-index en altta) */
.hd__scrim{position:fixed;inset:0;z-index:-3;background:rgba(20,17,18,.42);opacity:0;visibility:hidden;
  transition:opacity .35s var(--ease),visibility 0s linear .35s}
.hd.is-mega .hd__scrim{opacity:1;visibility:visible;transition:opacity .35s var(--ease),visibility 0s}

/* ---------- Logo ---------- */
.hd-brand{display:flex;align-items:center;gap:.85rem;flex-shrink:0;position:relative;z-index:2}
.hd-brand__mono,.hd-brand__word{display:grid}
.hd-brand img{grid-area:1/1;height:auto;max-width:none;transition:opacity .4s var(--ease),width .45s var(--ease)}
.hd-brand__mono{padding-right:.85rem;border-right:1px solid var(--line-gold)}
.hd-brand__mono img{width:40px}
.hd-brand__word img{width:180px}
.hd.is-compact .hd-brand__mono img{width:34px}
.hd.is-compact .hd-brand__word img{width:158px}
.hd .hd-dark{opacity:0}
.hd.is-solid .hd-dark{opacity:1}
.hd.is-solid .hd-light{opacity:0}

/* ---------- Butonlar (CTA + hamburger) ---------- */
.hd__cta{flex-shrink:0}
.hd:not(.is-solid) .hd__cta{--hover:var(--cream)}
.hd:not(.is-solid) .hd__cta:hover,.hd:not(.is-solid) .hd__cta:focus-visible{color:var(--ink);border-color:var(--cream)}
.hd-burger{display:none}

/* =========================================================
   MASAÜSTÜ (>= 1024px)
   ========================================================= */
@media (min-width:1024px){
  .hd-nav{margin-left:auto;align-self:stretch;display:flex}
  .hd-nav__scroll{display:flex}
  .hd-nav__list{display:flex;align-items:stretch;gap:clamp(.85rem,1.55vw,2rem);list-style:none;margin:0;padding:0}
  .hd-nav__item{display:flex;align-items:center}
  .hd-nav__link{position:relative;font-size:.9rem;letter-spacing:.03em;padding-block:.6rem;white-space:nowrap;line-height:1.4}
  .hd-nav__link::after{content:"";position:absolute;left:0;right:0;bottom:.3rem;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
  .hd-nav__link:hover::after,.hd-nav__link:focus-visible::after,.hd-nav__link[aria-current="page"]::after,
  .hd-nav__item--mega.is-current>.hd-nav__link::after,.hd.is-mega .hd-nav__item--mega>.hd-nav__link::after{transform:scaleX(1)}
  .hd-nav__caret{display:inline-grid;place-items:center;width:1.5rem;height:2.2rem;margin-left:.1rem;opacity:.85;transition:transform .4s var(--ease)}
  .hd-nav__caret[aria-expanded="true"]{transform:rotate(180deg)}
  .hd-quick{display:none}

  /* ---- Mega panel ---- */
  .hd-mega{position:absolute;left:0;right:0;top:100%;
    background:var(--cream);color:var(--char);
    border-top:1px solid rgba(183,143,85,.45);
    box-shadow:0 40px 70px -40px rgba(20,17,18,.55);
    max-height:calc(100vh - var(--hd-cur) - env(safe-area-inset-top));
    overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sand) transparent;
    opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s linear .4s}
  @supports (height:100dvh){.hd-mega{max-height:calc(100dvh - var(--hd-cur) - env(safe-area-inset-top))}}
  .hd.is-mega .hd-mega{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s}
  .no-js .hd-nav__item--mega:hover .hd-mega,.no-js .hd-nav__item--mega:focus-within .hd-mega{opacity:1;visibility:visible;transform:none}

  .hd-mega__inner{
    max-width:calc(var(--wrap) + var(--gutter)*2);margin-inline:auto;
    padding:clamp(1.1rem,3.2vh,2.2rem) var(--gutter) clamp(1.1rem,3.2vh,2.1rem);
    display:grid;grid-template-columns:minmax(0,1fr) clamp(13.5rem,17vw,17.5rem);
    gap:clamp(1.5rem,2.6vw,3rem)}
  .hd-mega__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.9rem,2.6vh,1.7rem) clamp(1rem,1.6vw,1.9rem);align-content:start}

  /* Grup kartı */
  .mm-group{position:relative;min-width:0;padding-top:.85rem;border-top:1px solid var(--sand)}
  .mm-group::before{content:"";position:absolute;left:0;top:-1px;width:1.75rem;height:1px;background:var(--gold);transition:width .6s var(--ease)}
  .mm-group:hover::before,.mm-group:focus-within::before,.mm-group.is-current::before{width:100%}
  .mm-group__head{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.5rem;color:var(--char)}
  .mm-group__icon{flex:none;display:grid;place-items:center;width:30px;height:30px;color:var(--gold-ink);border:1px solid rgba(183,143,85,.45);transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
  .mm-group__icon svg{width:20px;height:20px}
  .mm-group__head:hover .mm-group__icon,.mm-group__head:focus-visible .mm-group__icon{background:var(--char);border-color:var(--char);color:var(--gold-soft)}
  .mm-group__title{font-family:var(--serif);font-size:1.04rem;font-weight:500;line-height:1.15;min-height:2.3em;display:flex;align-items:center;text-wrap:balance;transition:color .3s}
  .mm-group__head:hover .mm-group__title,.mm-group__head:focus-visible .mm-group__title,.mm-group__head[aria-current="page"] .mm-group__title{color:var(--gold-ink)}
  .mm-group__list{list-style:none;margin:0;padding:0}
  .mm-group__list a{position:relative;display:block;font-size:.82rem;line-height:1.32;color:var(--stone);padding:.19rem 0 .19rem 0;transition:color .25s,transform .35s var(--ease)}
  .mm-group__list a:hover,.mm-group__list a:focus-visible{color:var(--char);transform:translateX(3px)}
  .mm-group__list a[aria-current="page"]{color:var(--gold-ink)}
  .mm-group__list a[aria-current="page"]::before{content:"";position:absolute;left:-.7rem;top:50%;width:.35rem;height:1px;background:var(--gold)}
  .mm-group__toggle{display:none}
  .mm-group__head:focus-visible,.mm-group__list a:focus-visible{outline-offset:2px}

  /* Öne çıkan + kısa yollar */
  .hd-mega__aside{display:flex;flex-direction:column;gap:.85rem;min-height:0}
  .hd-feature{position:relative;display:block;flex:1 1 auto;min-height:8.5rem;overflow:hidden;background:var(--ink);color:var(--cream)}
  .hd-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
  .hd-feature:hover img,.hd-feature:focus-visible img{transform:scale(1.05)}
  .hd-feature::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(20,17,18,.82) 0%,rgba(20,17,18,.2) 55%,rgba(20,17,18,0) 100%)}
  .hd-feature::after{content:"";position:absolute;inset:.55rem;z-index:1;border:1px solid rgba(210,178,126,.45);pointer-events:none;transition:inset .6s var(--ease)}
  .hd-feature:hover::after{inset:.8rem}
  .hd-feature__cap{position:absolute;left:1.15rem;right:1.15rem;bottom:1.05rem;z-index:2;display:grid;gap:.3rem}
  .hd-feature__kicker{font-family:var(--serif);font-style:italic;font-size:1.12rem;line-height:1.2;color:var(--gold-soft)}
  .hd-feature__title{font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
  .hd-mega__links{display:grid;gap:.5rem}
  .hd-short{display:flex;align-items:center;gap:.7rem;min-height:2.6rem;padding:.45rem .9rem;border:1px solid rgba(35,31,32,.22);font-size:.72rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;line-height:1.2;transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
  .hd-short svg{flex:none;width:18px;height:18px;color:var(--gold-ink);transition:color .35s,transform .45s var(--ease)}
  .hd-short:hover,.hd-short:focus-visible{background:var(--char);border-color:var(--char);color:var(--cream)}
  .hd-short:hover svg,.hd-short:focus-visible svg{color:var(--gold-soft)}
  .hd-short--gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
  .hd-short--gold svg{color:var(--ink)}
  .hd-short--gold:hover svg{transform:translateX(3px)}
  .hd-short--quiet,.hd-short--tel{border:0;border-top:1px solid var(--sand);padding-inline:0;min-height:2.3rem}
  .hd-short--quiet{color:var(--gold-ink)}
  .hd-short--tel{font-family:var(--serif);font-size:1.12rem;letter-spacing:.01em;text-transform:none;font-weight:500}
  .hd-short--quiet:hover,.hd-short--quiet:focus-visible,.hd-short--tel:hover,.hd-short--tel:focus-visible{background:none;color:var(--char)}
  .hd-short--quiet:hover svg,.hd-short--tel:hover svg{color:var(--gold-ink)}
  .hd-short--quiet:hover svg{transform:translateX(4px)}
  .hd-short--quiet + .hd-short--tel{margin-top:-.5rem}
}

/* 1024–1279: öne çıkan alan alta yatay şerit olur, gruplar tam genişlik */
@media (min-width:1024px) and (max-width:1279px){
  .hd-brand__word img{width:140px}
  .hd.is-compact .hd-brand__word img{width:128px}
  .hd-brand__mono img{width:34px}
  .hd.is-compact .hd-brand__mono img{width:30px}
  .hd-brand{gap:.7rem}
  .hd-brand__mono{padding-right:.7rem}
  .hd__bar{gap:1rem}
  .hd-nav__list{gap:clamp(.7rem,1.25vw,1.1rem)}
  .hd-nav__link{font-size:.82rem;letter-spacing:.02em}
  .hd-nav__caret{width:1.2rem}
  .hd__cta{padding-inline:1rem}
  .hd-mega__inner{grid-template-columns:minmax(0,1fr);gap:1.1rem}
  .hd-mega__grid{gap:1.1rem 1.1rem}
  .mm-group__title{font-size:.98rem}
  .mm-group__icon{width:28px;height:28px}
  .mm-group__icon svg{width:18px;height:18px}
  .mm-group__head{gap:.5rem}
  .mm-group__list a{font-size:.79rem}
  .hd-mega__aside{flex-direction:row;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--sand)}
  .hd-feature{flex:0 0 16rem;height:4.4rem;min-height:0}
  .hd-feature::after{inset:.35rem}
  .hd-feature__cap{left:.9rem;bottom:.6rem}
  .hd-feature__kicker{font-size:1rem}
  .hd-feature__title{font-size:.6rem}
  .hd-mega__links{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}
  .hd-short--quiet,.hd-short--tel{border:0;padding-inline:.4rem}
  .hd-short--quiet + .hd-short--tel{margin-top:0}
}
@media (min-width:1024px) and (max-width:1100px){
  .hd-nav__list{gap:.62rem}
  .hd-nav__link{font-size:.78rem;letter-spacing:.01em}
  .hd-brand__word img,.hd.is-compact .hd-brand__word img{width:118px}
  .hd__cta{padding-inline:.8rem;letter-spacing:.1em}
}

/* Kısa ekranlar: içerik sıkılaşır; yine sığmazsa panel kendi içinde kayar */
@media (min-width:1024px) and (max-height:860px){
  .hd-mega__grid{row-gap:1rem}
  .mm-group{padding-top:.7rem}
  .mm-group__head{margin-bottom:.35rem}
  .mm-group__list a{font-size:.79rem;padding-block:.13rem}
}
@media (min-width:1024px) and (max-height:740px){
  .hd-mega__inner{padding-top:.95rem;padding-bottom:.95rem}
  .hd-mega__grid{row-gap:.8rem}
  .mm-group{padding-top:.6rem}
  .mm-group__icon{width:26px;height:26px}
  .mm-group__icon svg{width:17px;height:17px}
  .mm-group__title{font-size:.96rem;min-height:2.25em}
  .mm-group__list a{font-size:.76rem;line-height:1.28;padding-block:.09rem}
  .hd-short{min-height:2.3rem}
}

/* =========================================================
   MOBİL / TABLET (< 1024px) — tam ekran menü
   ========================================================= */
@media (max-width:1023px){
  .hd__bar{gap:.75rem}
  .hd-brand{gap:.65rem}
  .hd-brand__mono{padding-right:.65rem}
  .hd-brand__mono img{width:34px}
  .hd-brand__word img{width:150px}
  .hd.is-compact .hd-brand__mono img{width:30px}
  .hd.is-compact .hd-brand__word img{width:136px}
  .hd__cta{margin-left:auto}

  .hd-burger{display:inline-grid;place-items:center;width:44px;height:44px;margin-right:-10px;position:relative;z-index:2;color:inherit}
  .hd-burger__bars{display:grid;gap:7px;width:26px}
  .hd-burger__bars span{display:block;height:1px;background:currentColor;transition:transform .5s var(--ease),width .5s var(--ease)}
  .hd-burger__bars span:last-child{width:62%;justify-self:end}
  .hd-burger[aria-expanded="true"] .hd-burger__bars span:first-child{transform:translateY(4px) rotate(45deg)}
  .hd-burger[aria-expanded="true"] .hd-burger__bars span:last-child{width:100%;transform:translateY(-4px) rotate(-45deg)}
  .no-js .hd-burger{display:none}

  .hd-nav{position:fixed;inset:0;z-index:-1;margin:0;
    background:var(--ink);color:var(--cream);
    opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);
    transition:clip-path .6s var(--ease-io),opacity .25s,visibility 0s linear .6s}
  .hd-nav::before{content:"";position:absolute;top:0;bottom:0;left:var(--gutter);width:1px;background:var(--line-gold);opacity:.4;pointer-events:none}
  html.hd-open .hd-nav{opacity:1;visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .6s var(--ease-io),opacity .2s,visibility 0s}
  .hd-nav__scroll{position:relative;display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:calc(var(--hd-cur) + env(safe-area-inset-top) + .75rem) var(--gutter) 0}
  .hd-nav__list{list-style:none;margin:0 0 1.5rem;padding:0 0 0 1.2rem}
  .hd-nav__item{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line-dark)}
  .hd-nav__link{flex:1;font-family:var(--serif);font-size:clamp(1.5rem,1.2rem + 1.6vw,2rem);line-height:1.2;padding:.62rem 0;color:var(--cream)}
  .hd-nav__link[aria-current="page"],.hd-nav__item--mega.is-current>.hd-nav__link{color:var(--gold-soft)}
  .hd-nav__caret{display:inline-grid;place-items:center;width:44px;height:44px;color:var(--gold-soft);transition:transform .4s var(--ease)}
  .hd-nav__caret svg{width:16px;height:16px}
  .hd-nav__caret[aria-expanded="true"]{transform:rotate(180deg)}

  .hd-mega{flex-basis:100%;display:none}
  .hd-nav__item--mega.is-open .hd-mega{display:block;animation:hdDrop .45s var(--ease)}
  .hd-mega__inner{padding:0 0 .8rem}
  .hd-mega__aside{display:none}
  .mm-group{display:flex;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line-dark)}
  .mm-group__head{flex:1;display:flex;align-items:center;gap:.75rem;padding:.6rem 0;min-width:0;color:var(--cream)}
  .mm-group__icon{flex:none;display:grid;place-items:center;width:34px;height:34px;color:var(--gold-soft);border:1px solid rgba(210,178,126,.32)}
  .mm-group__icon svg{width:20px;height:20px}
  .mm-group__title{font-family:var(--serif);font-size:1.12rem;font-weight:500;line-height:1.2}
  .mm-group__head[aria-current="page"] .mm-group__title{color:var(--gold-soft)}
  .mm-group__toggle{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;color:var(--gold-soft);transition:transform .4s var(--ease)}
  .mm-group__toggle[aria-expanded="true"]{transform:rotate(45deg)}
  .mm-group__list{list-style:none;flex-basis:100%;display:none;margin:0 0 .7rem calc(17px);padding:.15rem 0 .2rem calc(17px + .75rem);border-left:1px solid var(--line-gold)}
  .mm-group.is-open .mm-group__list{display:block;animation:hdDrop .4s var(--ease)}
  .mm-group__list a{display:block;padding:.45rem 0;font-size:.98rem;line-height:1.35;color:var(--mist)}
  .mm-group__list a:hover,.mm-group__list a[aria-current="page"]{color:var(--cream)}
  .mm-group__list a[aria-current="page"]{color:var(--gold-soft)}

  /* Alt hızlı erişim: içerik kısa ise en altta, uzunsa yapışkan */
  .hd-quick{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;
    margin:auto calc(var(--gutter) * -1) 0;padding:.75rem var(--gutter) calc(.75rem + env(safe-area-inset-bottom));
    background:var(--ink);border-top:1px solid var(--line-gold)}
  .hd-quick__btn{display:grid;justify-items:center;align-content:center;gap:.4rem;min-height:4rem;padding:.55rem .25rem;
    border:1px solid var(--line-dark);color:var(--cream);font-size:.62rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;line-height:1.15;text-align:center;transition:background-color .3s,border-color .3s}
  .hd-quick__btn svg{width:20px;height:20px;color:var(--gold-soft)}
  .hd-quick__btn:hover,.hd-quick__btn:focus-visible{border-color:var(--gold)}
  .hd-quick__btn--gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
  .hd-quick__btn--gold svg{color:var(--ink)}

  /* menü açıkken header koyu zeminde */
  html.hd-open .hd{color:var(--cream)}
  html.hd-open .hd::before,html.hd-open .hd::after{opacity:0;visibility:hidden}
  html.hd-open .hd .hd-dark{opacity:0}
  html.hd-open .hd .hd-light{opacity:1}
  html.hd-open .hd__cta{opacity:0;pointer-events:none;visibility:hidden}
  .hd :focus-visible{outline-color:var(--gold-soft)}
  .hd.is-solid :focus-visible{outline-color:var(--gold)}
  html.hd-open .hd :focus-visible{outline-color:var(--gold-soft)}
}
@media (max-width:1023px) and (max-height:520px){
  .hd-quick{padding-block:.5rem calc(.5rem + env(safe-area-inset-bottom))}
  .hd-quick__btn{display:flex;justify-content:center;align-items:center;gap:.5rem;min-height:2.6rem;padding-block:.35rem}
  .hd-quick__btn svg{width:18px;height:18px}
  .hd-nav__link{font-size:1.45rem;padding-block:.45rem}
}
@media (max-width:559px){
  .hd__cta{display:none}
  .hd-burger{margin-left:auto}
}
@media (max-width:359px){
  .hd-brand__word img,.hd.is-compact .hd-brand__word img{width:120px}
  .hd-quick__btn{font-size:.56rem;letter-spacing:.03em}
  .hd-quick{gap:.35rem}
}
@keyframes hdDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Gövde kaydırma kilidi (mobil menü açıkken; konum menu.js ile korunur) */
html.hd-lock,html.hd-lock body{overflow:hidden}
html.hd-lock body{position:fixed;left:0;right:0;width:100%}

@media (prefers-reduced-motion:reduce){
  .hd,.hd *,.hd::before,.hd::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* v2.1 — Katalog butonu "Teklif Al" yanında */
.hd__ctas{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.hd__cat{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(183,143,85,.75);color:var(--gold,#B78F55);background:transparent;transition:background .35s,color .35s,border-color .35s}
.hd__cat svg{flex-shrink:0;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.hd__cat:hover,.hd__cat:focus-visible{background:var(--gold,#B78F55);color:var(--ink,#231F20);border-color:var(--gold,#B78F55)}
.hd__cat:hover svg{transform:rotateY(180deg)}
.hd:not(.is-solid) .hd__cat{color:var(--cream,#F8F4ED);border-color:rgba(248,244,237,.55)}
.hd:not(.is-solid) .hd__cat:hover{background:var(--cream,#F8F4ED);color:var(--ink,#231F20)}
@media (max-width:1279px){.hd__cat span{display:none}.hd__cat{padding-inline:.7rem}}
@media (max-width:1023px){.hd__ctas{margin-left:auto}.hd__ctas .hd__cta{display:none}html.hd-open .hd__ctas{opacity:0;pointer-events:none;visibility:hidden}}

/* v2.2 — Mobil (≤1023px) header: her durumda koyu bronz-altın zemin, açık içerik */
@media (max-width:1023px){
  .hd,.hd.is-solid,html:not(:has(.hero,.page-hero,.nf)) .hd{color:var(--cream,#F8F4ED)}
  .hd::before,.hd.is-solid::before,html:not(:has(.hero,.page-hero,.nf)) .hd::before{opacity:0}
  .hd::after,.hd.is-solid::after,.hd.is-mega::after,html:not(:has(.hero,.page-hero,.nf)) .hd::after{
    opacity:1;visibility:visible;transition:opacity .45s var(--ease),visibility 0s;
    background:
      linear-gradient(90deg,rgba(248,244,237,0) 0%,rgba(248,244,237,.28) 50%,rgba(248,244,237,0) 100%) left top/100% 1px no-repeat,
      linear-gradient(180deg,rgba(20,17,15,0) 0%,rgba(20,17,15,.1) 100%),
      linear-gradient(100deg,#8E6C3D 0%,#9C7845 38%,#B78F55 100%);
    border-bottom:1px solid #14110f;
    box-shadow:0 10px 24px -14px rgba(20,17,15,.75);
    -webkit-backdrop-filter:none;backdrop-filter:none}
  .hd .hd-dark,.hd.is-solid .hd-dark,html:not(:has(.hero,.page-hero,.nf)) .hd .hd-dark{opacity:0}
  .hd .hd-light,.hd.is-solid .hd-light,html:not(:has(.hero,.page-hero,.nf)) .hd .hd-light{opacity:1}
  .hd-brand__mono{border-right-color:rgba(248,244,237,.45)}
  .hd-brand img{filter:drop-shadow(0 1px 1px rgba(20,17,15,.35))}
  .hd .hd__cat,.hd.is-solid .hd__cat,.hd:not(.is-solid) .hd__cat{color:var(--cream,#F8F4ED);border-color:rgba(248,244,237,.7);background:rgba(20,17,15,.12)}
  .hd .hd__cat:hover,.hd .hd__cat:focus-visible{background:var(--cream,#F8F4ED);color:#231F20;border-color:var(--cream,#F8F4ED)}
  .hd-burger{color:var(--cream,#F8F4ED)}
  .hd-burger__bars span{height:1.5px}
  .hd :focus-visible,.hd.is-solid :focus-visible{outline-color:var(--cream,#F8F4ED)}
  /* tam ekran menü açıkken bar koyu menüyle bütünleşir */
  html.hd-open .hd::after{opacity:0;visibility:hidden}
}