
:root{
  --gocce-menu-black:#090909;
  --gocce-menu-black2:#151515;
  --gocce-menu-white:#fff;
  --gocce-menu-muted:#a6a6a6;
  --gocce-menu-ease:cubic-bezier(.62,.04,.3,1.56);
  --gocce-menu-soft:cubic-bezier(.16,1,.3,1);
  --gocce-admin:0px;
}
body.admin-bar{--gocce-admin:32px}
@media(max-width:782px){body.admin-bar{--gocce-admin:46px}}

/* =========================================================
   ESKİ GOCCE MENÜSÜNÜ ZORLA KAPAT / GİZLE
   ========================================================= */
body .gocce-menu-button:not(#gocce-luxe-menu-trigger),
body [data-gocce-menu-open]:not(#gocce-luxe-menu-trigger),
body [aria-controls="gocce-drawer"]:not(#gocce-luxe-menu-trigger),
body .gocce-drawer,
body [data-gocce-drawer],
body .gocce-drawer-backdrop,
body [data-gocce-menu-close],
body #gma-menu-toggle,
body .gma-menu-toggle,
body #gma-menu-panel,
body .gma-menu-panel,
body .gma-menu-backdrop,
body #gocce-v3-menu,
body .gocce-v3-menu,
body .gocce-v3-menu-backdrop{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(-120%)!important;
}

/* Bizim yeni menümüz yukarıdaki kurallardan etkilenmesin */
#gocce-luxe-menu,
#gocce-luxe-menu *,
#gocce-luxe-menu-trigger,
#gocce-luxe-menu-trigger *{
  box-sizing:border-box;
}
#gocce-luxe-menu{
  display:block!important;
  transform:none!important;
}

/* 3 çizgili yeni buton */
.gocce-luxe-menu-trigger{
  width:64px;
  height:64px;
  min-width:64px;
  padding:0;
  margin:0;
  display:grid!important;
  place-items:center;
  position:relative;
  z-index:2147483203;
  border:1px solid #d9d9d9;
  border-radius:18px;
  background:#fff;
  color:#050505;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.gocce-luxe-menu-trigger:hover{
  transform:scale(1.08)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.16);
}

.gocce-luxe-bars{
  width:30px;
  height:23px;
  display:block;
  position:relative;
}
.gocce-luxe-bars .bar{
  position:absolute;
  left:0;
  width:30px;
  height:3px;
  border-radius:99px;
  background:#050505;
  transition:
    transform 400ms cubic-bezier(.84,.06,.52,1.8),
    opacity 200ms ease,
    top 400ms cubic-bezier(.84,.06,.52,1.8),
    width 220ms ease;
}
.gocce-luxe-bars .bar-1{top:1px}
.gocce-luxe-bars .bar-2{top:10px}
.gocce-luxe-bars .bar-3{top:19px}

.gocce-luxe-menu-trigger[aria-expanded="true"] .bar-1{top:10px;transform:rotate(40deg)}
.gocce-luxe-menu-trigger[aria-expanded="true"] .bar-2{opacity:0;width:6px;transform:translateX(12px)}
.gocce-luxe-menu-trigger[aria-expanded="true"] .bar-3{top:10px;transform:rotate(-40deg)}

.gocce-luxe-menu{
  position:fixed;
  inset:0;
  z-index:2147483200;
  pointer-events:none!important;
  visibility:hidden!important;
  opacity:1!important;
}
.gocce-luxe-menu.is-open{
  visibility:visible!important;
  pointer-events:auto!important;
}

.gocce-luxe-backdrop{
  position:absolute;
  inset:0;
  border:0;
  padding:0;
  background:rgba(0,0,0,.54);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  opacity:0;
  transition:opacity .30s ease;
}
.gocce-luxe-menu.is-open .gocce-luxe-backdrop{opacity:1}

.gocce-luxe-underlay{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:min(68vw,980px);
  background:#242424;
  transform:translateX(-105%);
  transition:transform 500ms var(--gocce-menu-ease);
  z-index:1;
  will-change:transform;
}
.gocce-luxe-menu.is-open .gocce-luxe-underlay{
  transform:translateX(0);
  transition-delay:50ms;
}

.gocce-luxe-panel{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  z-index:2;
  width:min(62vw,900px);
  min-width:640px;
  padding:calc(var(--gocce-admin) + 34px) 56px 34px;
  display:flex;
  flex-direction:column;
  overflow:auto;
  background:#090909;
  color:#fff;
  transform:translateX(-105%);
  transition:transform 600ms var(--gocce-menu-ease);
  transition-delay:100ms;
  box-shadow:36px 0 90px rgba(0,0,0,.34);
  will-change:transform;
}
.gocce-luxe-menu.is-open .gocce-luxe-panel{transform:translateX(0)}

.gocce-luxe-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-bottom:26px;
  border-bottom:1px solid #2b2b2b;
}
.gocce-luxe-brand{display:flex;align-items:baseline;gap:14px}
.gocce-luxe-brand-name{color:#fff;font:800 30px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em}
.gocce-luxe-brand-sub{color:#9a9a9a;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.18em}

.gocce-luxe-panel-close{
  position:relative;
  width:52px;
  height:52px;
  flex:0 0 52px;
  padding:0;
  border:1px solid #3a3a3a;
  border-radius:15px;
  background:#171717;
  color:#fff;
  cursor:pointer;
}
.gocce-luxe-panel-close span{
  position:absolute;left:14px;right:14px;top:24px;height:3px;background:#fff;border-radius:99px
}
.gocce-luxe-panel-close span:first-child{transform:rotate(45deg)}
.gocce-luxe-panel-close span:last-child{transform:rotate(-45deg)}

.gocce-luxe-nav{
  flex:1;
  display:flex;
  align-items:center;
  padding:34px 0;
}
.gocce-luxe-nav ul{width:100%;list-style:none!important;margin:0!important;padding:0!important}
.gocce-luxe-nav li{
  margin:0!important;padding:0!important;list-style:none!important;border-bottom:1px solid #222
}
.gocce-luxe-nav a{
  min-height:76px;
  padding:9px 2px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 40px;
  align-items:center;
  gap:10px;
  color:#fff!important;
  text-decoration:none!important;
  background:transparent!important;
}
.gocce-luxe-no{color:#777;font:800 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em}
.gocce-luxe-text-box{display:block;overflow:hidden;padding:7px 0 9px}
.gocce-luxe-label{
  display:block;
  color:#fff;
  font:800 clamp(34px,3.7vw,62px)/.96 Arial,Helvetica,sans-serif;
  letter-spacing:-.045em;
  transform:translateY(125%);
  opacity:.08;
  transition:transform 720ms var(--gocce-menu-soft),opacity 380ms ease,color .22s ease;
}
.gocce-luxe-menu.is-open .gocce-luxe-label{
  transform:translateY(0);
  opacity:1;
  transition-delay:calc(250ms + (var(--i) * 78ms));
}
.gocce-luxe-arrow{
  color:#fff;
  text-align:right;
  font-size:22px;
  opacity:.60;
  transform:translateX(-8px);
  transition:transform 520ms var(--gocce-menu-soft),opacity 300ms ease;
}
.gocce-luxe-menu.is-open .gocce-luxe-arrow{
  transform:translateX(0);
  opacity:1;
  transition-delay:calc(300ms + (var(--i) * 78ms));
}
.gocce-luxe-nav a:hover .gocce-luxe-label{color:#bfbfbf;transform:translateX(8px)}
.gocce-luxe-nav a:hover .gocce-luxe-arrow{transform:translate(6px,-5px)}

.gocce-luxe-bottom{padding-top:24px;border-top:1px solid #2b2b2b}
.gocce-luxe-note{padding:19px 20px;border:1px solid #2f2f2f;border-radius:17px;background:#121212}
.gocce-luxe-note span{
  display:block;margin-bottom:6px;color:#858585;font:800 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em
}
.gocce-luxe-note strong{display:block;color:#fff;font:700 20px/1.15 Arial,Helvetica,sans-serif}
.gocce-luxe-footer-links{display:flex;gap:22px;flex-wrap:wrap;padding-top:15px}
.gocce-luxe-footer-links a{
  color:#fff!important;text-decoration:none!important;font:800 10px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;border-bottom:1px solid #555;padding-bottom:3px
}

body.gocce-luxe-menu-open{overflow:hidden!important}

@media(max-width:900px){
  .gocce-luxe-menu-trigger{width:58px;height:58px;min-width:58px}
  .gocce-luxe-underlay{width:100vw}
  .gocce-luxe-panel{width:92vw;min-width:0;padding:calc(var(--gocce-admin) + 24px) 24px 26px}
  .gocce-luxe-nav a{min-height:65px;grid-template-columns:45px minmax(0,1fr) 30px}
  .gocce-luxe-label{font-size:clamp(30px,8vw,46px)}
}
@media(max-width:520px){
  .gocce-luxe-panel{width:95vw}
  .gocce-luxe-brand-sub{display:none}
  .gocce-luxe-brand-name{font-size:24px}
  .gocce-luxe-nav{padding:24px 0}
  .gocce-luxe-nav a{min-height:58px}
  .gocce-luxe-label{font-size:clamp(27px,8.1vw,39px)}
}
