/* HIBA STORE v1.2 — MENU + SIDEBAR ONLY
   Header is intentionally untouched.
*/
:root{
  --h120-red:#e30613;
  --h120-red-dark:#ba0009;
  --h120-dark:#131b22;
  --h120-dark2:#202b34;
  --h120-line:#e5e9ed;
  --h120-soft:#f7f9fb;
  --h120-text:#29343d;
  --h120-muted:#7e8992;
}

/* =========================================================
   DESKTOP MAIN MENU
   ========================================================= */
.hiba120-menu-wrap{
  position:relative;
  z-index:1045;
  max-width:1540px!important;
  margin:0 auto!important;
  padding:0!important;
}
.hiba120-menu{
  min-height:64px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr) 145px;
  align-items:stretch;
  background:var(--h120-dark);
  border-bottom:3px solid var(--h120-red);
  border-radius:0 0 10px 10px;
  box-shadow:0 8px 22px rgba(15,23,42,.12);
}
.hiba120-all{
  position:relative;
}
.hiba120-all-btn{
  width:100%;
  height:64px;
  padding:0 15px;
  border:0;
  border-radius:0 0 0 8px;
  background:linear-gradient(135deg,var(--h120-red),var(--h120-red-dark));
  color:#fff;
  display:grid;
  grid-template-columns:34px 1fr 12px;
  align-items:center;
  gap:9px;
  text-align:left;
}
.hiba120-all-btn .icon{
  width:34px;
  height:34px;
  border-radius:9px;
  background:rgba(255,255,255,.15);
  display:flex;
  align-items:center;
  justify-content:center;
}
.hiba120-all-btn small,
.hiba120-all-btn strong{
  display:block;
}
.hiba120-all-btn small{
  font-size:9px;
  letter-spacing:.8px;
  opacity:.82;
}
.hiba120-all-btn strong{
  margin-top:3px;
  font-size:13px;
}
.hiba120-all-btn .caret{
  font-size:10px;
  opacity:.8;
}

.hiba120-main-links{
  min-width:0;
  display:flex;
  align-items:stretch;
  gap:4px;
  padding:6px 7px;
}
.hiba120-menu-item{
  position:relative;
  display:flex;
  flex:1 1 0;
  min-width:0;
}
.hiba120-menu-link{
  width:100%;
  min-height:52px;
  padding:0 8px;
  border-radius:9px;
  color:#edf2f5!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  font-size:11px;
  font-weight:800;
  line-height:1.16;
  white-space:normal;
  transition:.16s ease;
}
.hiba120-menu-link:hover{
  background:#222d35;
  color:#fff!important;
}
.hiba120-menu-link .icon{
  width:27px;
  height:27px;
  border-radius:7px;
  background:#1c2730;
  color:#ff4852;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 27px;
}
.hiba120-menu-item:hover .hiba120-menu-link .icon{
  background:var(--h120-red);
  color:#fff;
}
.hiba120-menu-link .caret{
  color:#8e99a2;
  font-size:9px;
}
.hiba120-offer{
  height:64px;
  padding:0 11px;
  background:linear-gradient(135deg,#25313a,#151d23);
  color:#fff!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:0 0 8px 0;
}
.hiba120-offer .icon{
  width:31px;
  height:31px;
  border-radius:8px;
  background:var(--h120-red);
  display:flex;
  align-items:center;
  justify-content:center;
}
.hiba120-offer small,
.hiba120-offer strong{
  display:block;
}
.hiba120-offer small{
  color:#aeb7be;
  font-size:8px;
}
.hiba120-offer strong{
  margin-top:3px;
  font-size:12px;
}

/* Tüm Kategoriler mega */
.hiba120-all-panel{
  display:none;
  position:absolute;
  top:64px;
  left:0;
  width:800px;
  padding:14px;
  background:#fff;
  border:1px solid #dce2e6;
  border-top:3px solid var(--h120-red);
  border-radius:0 0 12px 12px;
  box-shadow:0 24px 55px rgba(15,23,42,.23);
}
.hiba120-all:hover>.hiba120-all-panel{
  display:block;
}
.hiba120-all-head{
  padding-bottom:11px;
  border-bottom:1px solid #edf0f2;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.hiba120-all-head small,
.hiba120-all-head strong{
  display:block;
}
.hiba120-all-head small{
  color:var(--h120-red);
  font-size:9px;
  font-weight:900;
  letter-spacing:.7px;
}
.hiba120-all-head strong{
  margin-top:2px;
  color:#27323b;
  font-size:14px;
}
.hiba120-all-head>a{
  color:var(--h120-red)!important;
  font-size:11px;
  font-weight:900;
}
.hiba120-all-grid{
  padding-top:12px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.hiba120-all-card{
  min-height:82px;
  padding:10px;
  border:1px solid #edf0f2;
  border-radius:9px;
  background:#fafbfc;
}
.hiba120-all-card:hover{
  background:#fff4f5;
  border-color:#efb9bd;
}
.hiba120-all-card .parent{
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:9px;
  color:#2b353e!important;
  font-size:11px;
  font-weight:800;
}
.hiba120-all-card .parent .icon{
  width:34px;
  height:34px;
  border-radius:8px;
  background:#fff;
  color:var(--h120-red);
  display:flex;
  align-items:center;
  justify-content:center;
}
.hiba120-all-card .children{
  margin:7px 0 0 43px;
  display:flex;
  flex-wrap:wrap;
  gap:4px 8px;
}
.hiba120-all-card .children a{
  color:#7a848d!important;
  font-size:10px;
}
.hiba120-all-card .children a:hover{
  color:var(--h120-red)!important;
}

/* kategori mega */
.hiba120-mega{
  display:none;
  position:absolute;
  top:58px;
  left:0;
  width:500px;
  background:#fff;
  border:1px solid #dde3e7;
  border-radius:0 0 12px 12px;
  box-shadow:0 24px 55px rgba(15,23,42,.22);
  overflow:hidden;
}
.hiba120-menu-item:hover>.hiba120-mega{
  display:block;
}
.hiba120-menu-item:nth-last-child(-n+2)>.hiba120-mega{
  left:auto;
  right:0;
}
.hiba120-mega-head{
  padding:14px 15px;
  background:linear-gradient(135deg,#192129,#293640);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.hiba120-mega-head .title{
  display:flex;
  align-items:center;
  gap:9px;
}
.hiba120-mega-head .title .icon{
  width:38px;
  height:38px;
  border-radius:9px;
  background:var(--h120-red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hiba120-mega-head small,
.hiba120-mega-head strong{
  display:block;
}
.hiba120-mega-head small{
  color:#ff8087;
  font-size:9px;
}
.hiba120-mega-head strong{
  margin-top:3px;
  color:#fff;
  font-size:14px;
}
.hiba120-mega-head>a{
  padding:7px 9px;
  border-radius:6px;
  background:#fff;
  color:#202830!important;
  font-size:10px;
  font-weight:900;
}
.hiba120-mega-grid{
  padding:13px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.hiba120-mega-grid>a{
  min-height:42px;
  padding:8px 9px;
  border:1px solid #edf0f2;
  border-radius:8px;
  background:#fbfcfd;
  color:#3a454e!important;
  display:grid;
  grid-template-columns:24px 1fr 10px;
  align-items:center;
  gap:7px;
  font-size:11px;
  font-weight:700;
}
.hiba120-mega-grid>a:hover{
  background:#fff3f4;
  border-color:#efbdc0;
  color:var(--h120-red)!important;
}
.hiba120-mega-grid .sub-icon{
  width:24px;
  height:24px;
  border-radius:6px;
  background:#f0f3f5;
  color:#8b949c;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hiba120-mega-grid>a:hover .sub-icon{
  background:var(--h120-red);
  color:#fff;
}
.hiba120-mega-help{
  margin:0 13px 13px;
  padding:10px 11px;
  border-radius:8px;
  background:#eaf8ef;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#4a6655;
  font-size:10px;
}
.hiba120-mega-help a{
  padding:7px 9px;
  border-radius:6px;
  background:#20aa58;
  color:#fff!important;
  font-weight:900;
}

/* Diğer */
.hiba120-more{
  position:relative;
  display:flex;
  flex:0 0 88px;
}
.hiba120-more-btn{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:9px;
  background:#1c2730;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:11px;
  font-weight:800;
}
.hiba120-more-btn i{
  color:#ff4852;
}
.hiba120-more-panel{
  display:none;
  position:absolute;
  top:58px;
  right:0;
  width:310px;
  padding:8px;
  background:#fff;
  border:1px solid #dde3e7;
  border-radius:0 0 10px 10px;
  box-shadow:0 20px 45px rgba(15,23,42,.20);
}
.hiba120-more:hover>.hiba120-more-panel{
  display:block;
}
.hiba120-more-panel>a{
  min-height:42px;
  padding:8px 10px;
  border-radius:7px;
  color:#3b454e!important;
  display:grid;
  grid-template-columns:27px 1fr 10px;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:700;
}
.hiba120-more-panel>a:hover{
  background:#fff3f4;
  color:var(--h120-red)!important;
}
.hiba120-more-panel .icon{
  width:27px;
  height:27px;
  border-radius:7px;
  background:#f0f3f5;
  color:var(--h120-red);
  display:flex;
  align-items:center;
  justify-content:center;
}

/* =========================================================
   HOMEPAGE SIDEBAR
   ========================================================= */
.hiba120-sidebar{
  overflow:visible!important;
  border:1px solid #e4e9ed!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
}
.hiba120-sidebar-head{
  min-height:70px;
  padding:13px 14px;
  border-radius:11px 11px 0 0;
  background:linear-gradient(135deg,#151d24,#27333d);
  color:#fff;
  display:flex;
  align-items:center;
  gap:11px;
}
.hiba120-sidebar-head .head-icon{
  width:38px;
  height:38px;
  border-radius:9px;
  background:var(--h120-red);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
}
.hiba120-sidebar-head strong,
.hiba120-sidebar-head small{
  display:block;
}
.hiba120-sidebar-head strong{
  font-size:14px;
}
.hiba120-sidebar-head small{
  margin-top:3px;
  color:#aeb8c0;
  font-size:10px;
}
.hiba120-sidebar-list{
  padding:8px;
}
.hiba120-side-item{
  margin-bottom:5px;
  overflow:hidden;
  border:1px solid #edf0f2;
  border-radius:9px;
  background:#fff;
  transition:.16s ease;
}
.hiba120-side-item:last-child{
  margin-bottom:0;
}
.hiba120-side-item:hover{
  border-color:#efc3c6;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}
.hiba120-side-row{
  min-height:55px;
  display:flex;
  align-items:center;
}
.hiba120-side-parent{
  min-width:0;
  flex:1 1 auto;
  padding:7px 4px 7px 8px;
  color:#303a43!important;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:9px;
}
.hiba120-side-parent .icon{
  width:34px;
  height:34px;
  border-radius:8px;
  background:#f3f5f7;
  color:var(--h120-red);
  display:flex;
  align-items:center;
  justify-content:center;
}
.hiba120-side-parent .copy{
  min-width:0;
}
.hiba120-side-parent b,
.hiba120-side-parent small{
  display:block;
}
.hiba120-side-parent b{
  overflow:hidden;
  color:#2b353e;
  font-size:11px;
  font-weight:800;
  line-height:1.18;
}
.hiba120-side-parent small{
  margin-top:3px;
  color:#929ca4;
  font-size:9px;
}
.hiba120-side-toggle{
  width:38px;
  height:38px;
  margin-right:6px;
  flex:0 0 38px;
  border:0;
  border-radius:8px;
  background:#f5f7f8;
  color:#68747d;
  transition:.16s ease;
}
.hiba120-side-toggle:hover,
.hiba120-side-item.is-open .hiba120-side-toggle{
  background:var(--h120-red);
  color:#fff;
}
.hiba120-side-item.is-open .hiba120-side-toggle i{
  transform:rotate(45deg);
}
.hiba120-side-toggle i{
  transition:transform .18s ease;
}
.hiba120-side-arrow{
  margin-right:14px;
  color:#9ba4ab;
}
.hiba120-side-children{
  display:none;
  padding:0 8px 8px 51px;
}
.hiba120-side-item.is-open .hiba120-side-children{
  display:block;
}
.hiba120-side-children>a{
  min-height:31px;
  padding:6px 7px;
  border-top:1px dashed #e6eaed;
  color:#5e6972!important;
  display:flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  font-weight:650;
}
.hiba120-side-children>a:hover{
  color:var(--h120-red)!important;
  background:#fff6f6;
}
.hiba120-side-children>a.all{
  margin-top:3px;
  border:0;
  border-radius:6px;
  background:#f4f6f7;
  color:#29343d!important;
  justify-content:space-between;
  font-weight:800;
}
.hiba120-side-children>a.all:hover{
  background:#fff0f1;
  color:var(--h120-red)!important;
}
.hiba120-sidebar-shortcuts{
  padding:0 8px 8px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.hiba120-sidebar-shortcuts>a{
  min-height:38px;
  padding:7px 8px;
  border:1px solid #e9edf0;
  border-radius:8px;
  background:#f8fafb;
  color:#36414a!important;
  display:flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  font-weight:800;
}
.hiba120-sidebar-shortcuts>a>i:first-child{
  color:var(--h120-red);
}
.hiba120-sidebar-shortcuts>a>i:last-child{
  margin-left:auto;
  color:#a0a8af;
}
.hiba120-sidebar-support{
  margin:0 8px 8px;
  padding:11px;
  border-radius:9px;
  background:linear-gradient(135deg,#161f26,#25323b);
  color:#fff;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:8px;
}
.hiba120-sidebar-support .support-icon{
  width:34px;
  height:34px;
  border-radius:8px;
  background:var(--h120-red);
  display:flex;
  align-items:center;
  justify-content:center;
}
.hiba120-sidebar-support b,
.hiba120-sidebar-support small{
  display:block;
}
.hiba120-sidebar-support b{
  font-size:10px;
}
.hiba120-sidebar-support small{
  margin-top:3px;
  color:#aeb8c0;
  font-size:8px;
}
.hiba120-sidebar-support>a{
  grid-column:1/-1;
  min-height:34px;
  border-radius:7px;
  background:#20aa58;
  color:#fff!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:10px;
  font-weight:900;
}

/* safe scaling; header untouched */
@media(max-width:1450px){
  .hiba120-menu{
    grid-template-columns:195px minmax(0,1fr) 130px;
  }
  .hiba120-menu-link{
    padding-left:6px;
    padding-right:6px;
    font-size:10px;
  }
  .hiba120-menu-link .icon{
    display:none;
  }
}
@media(max-width:1199px){
  .hiba120-main-links .hiba120-menu-item:nth-of-type(5){
    display:none;
  }
}
@media(max-width:991px){
  .hiba120-menu-wrap{
    display:none!important;
  }
}