/* === Azin Honar Mega Menu === */
.azin-mega-menu{
  position:absolute;left:50%;top:169px;z-index:950;width:960px;max-width:calc(100vw - 40px);
  transform:translate(-50%,-6px);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease
}
.azin-mega-menu.open{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)
}
.azin-mega-inner{
  height:206px;display:grid;grid-template-columns:182px minmax(0,1fr);direction:rtl;overflow:hidden;
  background:#fff;border:1px solid #ececf1;border-radius:0 0 14px 14px;
  box-shadow:0 12px 30px rgba(26,29,72,.14)
}
.azin-mega-categories{
  padding:7px 0;background:#f7f7f9;border-left:1px solid #ececf1;overflow:hidden
}
.azin-mega-category{
  height:32px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;
  color:#363741;font-size:12px;font-weight:500;border-right:2px solid transparent
}
.azin-mega-category:hover,
.azin-mega-category.active{
  background:#fff;color:#ff0012;border-right-color:#ff0012
}
.azin-mega-category b{font-size:14px;font-weight:400;color:#9a9ca5}
.azin-mega-content{position:relative;padding:0!important;overflow:hidden}
.azin-mega-pane{
  position:absolute;inset:8px 12px;padding:0!important;margin:0!important;
  min-height:0!important;opacity:0;visibility:hidden;transform:translateX(-4px);
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease
}
.azin-mega-pane.active{opacity:1;visibility:visible;transform:none}
.azin-mega-pane>header{
  height:36px!important;min-height:0!important;padding:0 0 6px!important;margin:0!important;
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
  border-bottom:1px solid #f0f0f3;background:transparent!important
}
.azin-mega-pane>header>div{padding:0!important;margin:0!important}
.azin-mega-pane>header h3{
  margin:0!important;padding:0!important;color:#30336b;font-size:14px;line-height:16px;font-weight:700
}
.azin-mega-pane>header p{
  margin:3px 0 0!important;padding:0!important;color:#9697a0;font-size:9px;line-height:12px
}
.azin-mega-pane>header>a{
  margin:0!important;padding:0!important;color:#ff0012;font-size:10px;line-height:16px
}
.azin-mega-products{
  margin-top:8px!important;padding:0!important;display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,60px);
  gap:7px 8px;direction:rtl
}
.azin-mega-product{
  height:60px;min-width:0;padding:5px 6px;display:flex;align-items:center;gap:6px;
  border:1px solid #ededf2;border-radius:9px;background:#fff;color:#3f4048;
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease
}
.azin-mega-product:hover{
  transform:translateY(-1px);border-color:#d8d9e2;box-shadow:0 4px 12px rgba(48,51,107,.06);color:#30336b
}
.azin-mega-product-image{
  width:38px;height:38px;min-width:38px;border-radius:7px;overflow:hidden;background:#f1f1f5
}
.azin-mega-product-image img{width:100%;height:100%;object-fit:cover}
.azin-mega-product>span:last-child{
  min-width:0;font-size:11px;font-weight:500;line-height:15px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}
.mega-menu-trigger{position:relative}
.mega-menu-trigger:before{
  content:"";position:absolute;left:0;right:0;bottom:-27px;height:28px
}

/* Mobile mega sheet */
.azin-mobile-mega{display:none}
@media(max-width:900px){
  html.mega-lock{overflow:hidden}
  .azin-mega-menu{display:none!important}
  .azin-mobile-mega{
    display:block;position:fixed;inset:0;z-index:2000;visibility:hidden;pointer-events:none
  }
  .azin-mobile-mega.open{visibility:visible;pointer-events:auto}
  .azin-mobile-mega-backdrop{
    position:absolute;inset:0;background:rgba(13,15,33,.42);opacity:0;transition:opacity .2s
  }
  .azin-mobile-mega.open .azin-mobile-mega-backdrop{opacity:1}
  .azin-mobile-mega-panel{
    position:absolute;left:0;right:0;bottom:0;height:min(82vh,690px);padding:0 16px 22px;
    border-radius:24px 24px 0 0;background:#fff;transform:translateY(105%);transition:transform .23s ease;
    box-shadow:0 -18px 60px rgba(18,20,55,.18)
  }
  .azin-mobile-mega.open .azin-mobile-mega-panel{transform:none}
  .azin-mobile-mega-panel>header{
    height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececf1
  }
  .azin-mobile-mega-panel>header strong{color:#30336b;font-size:18px}
  .azin-mobile-mega-panel>header button{
    width:36px;height:36px;border:0;border-radius:50%;background:#f1f1f5;color:#30336b;font-size:25px
  }
  .azin-mobile-mega-scroll{height:calc(100% - 64px);overflow:auto;padding-top:8px}
  .azin-mobile-mega-category{border-bottom:1px solid #f0f0f3}
  .azin-mobile-mega-category summary{
    height:54px;display:flex;align-items:center;justify-content:space-between;list-style:none;color:#3b3d47;font-size:15px;font-weight:600
  }
  .azin-mobile-mega-category summary::-webkit-details-marker{display:none}
  .azin-mobile-mega-category summary:after{content:"⌄";color:#8d8f99}
  .azin-mobile-mega-category[open] summary{color:#ff0012}
  .azin-mobile-mega-category[open] summary:after{transform:rotate(180deg)}
  .azin-mobile-mega-category>div{
    padding:4px 0 14px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px
  }
  .azin-mobile-mega-category a{
    min-height:72px;padding:7px;display:flex;align-items:center;gap:8px;border:1px solid #ececf1;border-radius:12px;color:#48484f;font-size:12px
  }
  .azin-mobile-mega-category img{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#f1f1f5}
}