/* =========================================================
   YO MENU - GÖRSELDEKİ GİBİ DAHA İNCE / DAHA DAR / DAHA SADE
   ESKİ OVERRIDE KODUNUN YERİNE BUNU KOY
========================================================= */

.yo-menu,
.yo-menu *,
ul.yo-fm,
ul.yo-fm * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.yo-menu {
    margin: 0 0 12px 0 !important;
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    background: transparent !important;
}

/* dış kutu */
.yo-wrapper {
    border: 1px solid #d2d2d2 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* üst başlık */
.yo-heading {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    border: 1px solid #0a4c98 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: #0950a6 !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    cursor: pointer !important;
}

.yo-heading:hover,
.yo-heading.yo-open,
.yo-heading.yo-close {
    background: #0950a6 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.yo-heading i.fa.fa-bars {
    font-size: 14px !important;
    line-height: 20px !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
}

/* liste genel */
ul.yo-fm,
ul.yo-fm ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #f5f5f5 !important;
}

.yo-menu ul.yo-fm li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #d4d4d4 !important;
    background: #fff !important;
}

.yo-menu ul.yo-fm li:last-child {
    border-bottom: 0 !important;
}

/* ana satırlar - daha ince */
.yo-menu ul.yo-fm li > a {
    position: relative !important;
    display: block !important;
    min-height: 35px !important;
    padding: 8px 28px 8px 14px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #707070 !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-transition: background .15s ease, color .15s ease !important;
       -moz-transition: background .15s ease, color .15s ease !important;
        -ms-transition: background .15s ease, color .15s ease !important;
         -o-transition: background .15s ease, color .15s ease !important;
            transition: background .15s ease, color .15s ease !important;
}

/* soldaki efektleri kapat */
.yo-menu ul.yo-fm li > a:before,
.yo-menu ul.yo-fm li > a:after {
    display: none !important;
    content: none !important;
}

/* hover aktif */
.yo-menu ul.yo-fm li > a:hover,
.yo-menu ul.yo-fm li:hover > a {
    background: #f0f0f0 !important;
    color: #666666 !important;
    padding-left: 14px !important;
}

.yo-menu ul.yo-fm li > a.active {
    background: #ededed !important;
    color: #666666 !important;
    font-weight: 400 !important;
}

/* sağ ok - daha küçük */
ul.yo-fm li a.fm-parent:after {
    content: '\f105' !important;
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    font-family: FontAwesome !important;
    font-size: 9px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    color: #8f8f8f !important;
    -webkit-transform: translateY(-50%) !important;
       -moz-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
         -o-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
    -webkit-transition: none !important;
       -moz-transition: none !important;
        -ms-transition: none !important;
         -o-transition: none !important;
            transition: none !important;
}

ul.yo-fm li:hover > a.fm-parent:after,
ul.yo-fm li > a.active.fm-parent:after {
    color: #858585 !important;
    -webkit-transform: translateY(-50%) !important;
       -moz-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
         -o-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
}

/* badge */
ul.yo-fm li a span.fm-badge {
    margin-left: 4px !important;
    padding: 1px 4px !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    color: #666 !important;
    background: #e8e8e8 !important;
    border: 1px solid #d7d7d7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* alt açılır menüler */
ul.yo-fm.fm-one ul,
ul.yo-fm .fm-container,
#column-right ul.yo-fm.fm-one ul,
#column-right ul.yo-fm .fm-container {
    background: #f5f5f5 !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

ul.yo-fm.fm-one ul {
    min-width: 210px !important;
    padding: 0 !important;
}

ul.yo-fm.fm-one li li {
    border-bottom: 1px solid #d4d4d4 !important;
    background: #f5f5f5 !important;
}

ul.yo-fm.fm-one li li:last-child {
    border-bottom: 0 !important;
}

ul.yo-fm.fm-one li li > a {
    min-height: 32px !important;
    padding: 7px 26px 7px 12px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
    color: #707070 !important;
    font-size: 11.5px !important;
    font-weight: 300 !important;
    line-height: 16px !important;
    box-shadow: none !important;
}

ul.yo-fm.fm-one li li > a:hover {
    background: #f0f0f0 !important;
    color: #666666 !important;
}

/* mega alan varsa düzleştir */
ul.yo-fm .fm-container {
    padding: 8px !important;
    width: 720px !important;
    max-width: calc(100vw - 30px) !important;
}

ul.yo-fm .fm-container .fm-title {
    margin-bottom: 6px !important;
}

ul.yo-fm .fm-container .fm-title a {
    padding: 6px 8px !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 0 !important;
    background: #ececec !important;
    color: #666666 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

ul.yo-fm .fm-container .fm-descr {
    color: #777777 !important;
    font-size: 11px !important;
    font-style: normal !important;
    line-height: 1.4 !important;
}

ul.yo-fm .fm-container > ul > li {
    border: 0 !important;
    background: transparent !important;
    margin: 0 6px !important;
}

ul.yo-fm .fm-container > ul > li + li {
    margin-top: 8px !important;
}

/* mega iç linkler */
ul.yo-fm ul.fm-list li {
    border: 0 !important;
    background: transparent !important;
}

ul.yo-fm ul.fm-list li + li {
    margin-top: 3px !important;
}

ul.yo-fm ul.fm-list li a {
    padding: 0 0 0 10px !important;
    color: #6e6e6e !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    line-height: 1.35 !important;
    background: transparent !important;
}

ul.yo-fm ul.fm-list li a:hover {
    color: #666666 !important;
    background: transparent !important;
}

ul.yo-fm ul.fm-list li a span:before {
    left: 0 !important;
    color: #9a9a9a !important;
    font-size: 13px !important;
}

/* ürün kutuları */
ul.yo-fm .fm-container .fm-image-center,
ul.yo-fm .fm-container .fm-image-left .fm-image {
    border: 1px solid #d8d8d8 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    -webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
}

ul.yo-fm .fm-container .fm-image-center:hover,
ul.yo-fm .fm-container .fm-image-left .fm-image:hover {
    border-color: #d2d2d2 !important;
    box-shadow: none !important;
    -webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
}

ul.yo-fm .fm-container .fm-image-center > a,
ul.yo-fm .fm-container .fm-image-left > a {
    background: #f3f3f3 !important;
    color: #666666 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    padding: 6px !important;
}

ul.yo-fm .fm-price {
    padding: 2px 5px !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    color: #666 !important;
    background: #e8e8e8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* masaüstü */
@media (min-width: 992px) {
    ul.yo-fm li:hover > ul,
    ul.yo-fm li:hover > .fm-container {
        display: block !important;
    }
}

/* tablet */
@media (max-width: 1199px) {
    .yo-heading {
        min-height: 38px !important;
        padding: 8px 13px !important;
        font-size: 12.5px !important;
    }

    .yo-menu ul.yo-fm li > a {
        min-height: 34px !important;
        padding: 8px 26px 8px 13px !important;
        font-size: 11.5px !important;
    }
}

/* mobil */
@media (max-width: 991px) {
    .yo-heading {
        min-height: 37px !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    .yo-wrapper {
        border-radius: 0 !important;
    }

    .yo-menu ul.yo-fm li > a {
        min-height: 33px !important;
        padding: 7px 24px 7px 11px !important;
        font-size: 11px !important;
        line-height: 16px !important;
    }

    ul.yo-fm li a.fm-parent:after {
        right: 10px !important;
        font-size: 8px !important;
    }

    ul.yo-fm.fm-one ul,
    ul.yo-fm .fm-container,
    #column-right ul.yo-fm.fm-one ul,
    #column-right ul.yo-fm .fm-container {
        padding: 0 !important;
        border-radius: 0 !important;
    }
}

/* küçük mobil */
@media (max-width: 575px) {
    .yo-heading {
        min-height: 35px !important;
        padding: 7px 10px !important;
        font-size: 11.5px !important;
    }

    .yo-menu ul.yo-fm li > a {
        min-height: 31px !important;
        padding: 6px 22px 6px 10px !important;
        font-size: 10.5px !important;
        line-height: 15px !important;
    }
}