/* İlk dropdown */
.main-menu__list li {
  position: relative;
}

.main-menu__list > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 260px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  z-index: 999;
}

.main-menu__list > li:hover > ul {
  opacity: 1;
  visibility: visible;
}

/* İkinci seviye (Şemsiyeler) */
.main-menu__list li ul li {
  position: relative;
}

.main-menu__list li ul li ul {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 260px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  z-index: 999;
}

/* Hover olunca sağa aç */
.main-menu__list li ul li:hover > ul {
  opacity: 1;
  visibility: visible;
}
/* 3. seviye menüyü aktif et */
.main-menu .main-menu__list > li > ul > li,
.stricky-header .main-menu__list > li > ul > li{
    position: relative;
}

.main-menu .main-menu__list > li > ul > li > ul,
.stricky-header .main-menu__list > li > ul > li > ul{
    display: flex !important;
    flex-direction: column;

    position: absolute;
    top: 0;
    left: 100%;

    min-width: 270px;

    opacity: 0;
    visibility: hidden;

    transform: scaleY(0);
    transform-origin: top left;

    transition: .4s;

    background: #fff;
    z-index: 999;
    padding: 30px 20px;
    border-top: 2px solid var(--roofsie-base);
    box-shadow: 0 10px 40px rgba(0,0,0,.15);
}

.main-menu .main-menu__list > li > ul > li:hover > ul,
.stricky-header .main-menu__list > li > ul > li:hover > ul{
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
/* Şemsiyeler alt menüsünü aç */
.main-menu .main-menu__list > li > ul > li:hover > ul,
.stricky-header .main-menu__list > li > ul > li:hover > ul {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: scaleY(1) translateZ(0) !important;
    left: 100% !important;
    top: 0 !important;
}
.main-menu,
.main-menu__wrapper,
.main-menu__wrapper-inner {
    overflow: visible !important;
}