/* Kehribar Fabrikası v1.10 – yalnızca üst menü tasarımı.
   Mega menü açma/kapama davranışı, slider ve sepet değiştirilmez. */
:root{--kf-nav-gold:#eec57e;--kf-nav-gold-bright:#ffe1a7}
@media(min-width:751px){
  .main-nav>a,.main-nav .mega-control>a{position:relative;transition:color .16s ease}
  .main-nav>a::after,.main-nav .mega-control>a::after{
    content:"";position:absolute;left:0;bottom:18px;width:100%;height:2px;
    border-radius:2px;background:var(--kf-nav-gold);opacity:0;
    transform:scaleX(0);transform-origin:center;transition:transform .18s ease,opacity .18s ease;
    pointer-events:none
  }
  .main-nav>a:hover::after,.main-nav>a:focus-visible::after,.main-nav>a.active::after,
  .nav-mega:hover .mega-control>a::after,.nav-mega:focus-within .mega-control>a::after,
  .nav-mega.open .mega-control>a::after{opacity:1;transform:scaleX(1)}
  .main-nav>a:hover,.main-nav>a:focus-visible,.nav-mega:hover .mega-control>a,
  .nav-mega:focus-within .mega-control>a,.nav-mega.open .mega-control>a{color:var(--kf-nav-gold-bright)}
}
/* Karakter yerine sabit, ince CSS chevron: ikon fontu gerektirmez. */
.main-nav .nav-mega .mega-toggle{font-size:0!important;line-height:0!important;
  transform:none!important;color:var(--kf-nav-gold);border:0;background:transparent;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.main-nav .nav-mega .mega-toggle::after{content:"";display:block;width:8px;height:8px;
  border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.main-nav .nav-mega.open .mega-toggle::after,
.main-nav .nav-mega:hover .mega-toggle::after,
.main-nav .nav-mega:focus-within .mega-toggle::after{
  transform:translateY(2px) rotate(225deg)}
.main-nav .nav-mega .mega-toggle:hover,.main-nav .nav-mega .mega-toggle:focus-visible{
  color:var(--kf-nav-gold-bright)}
.main-nav .nav-mega .mega-toggle:focus-visible{outline:2px solid var(--kf-nav-gold);outline-offset:2px}
@media(max-width:750px){
  .main-nav>a::after,.main-nav .mega-control>a::after{display:none!important}
  .main-nav .nav-mega .mega-toggle{min-width:44px}
}
@media(prefers-reduced-motion:reduce){
  .main-nav>a::after,.main-nav .mega-control>a::after,
  .main-nav .nav-mega .mega-toggle::after{transition:none}
}