a.showAdmin
{
display:none !important;
}
[v-cloak]
{
display:  none;
}

.angularTemplate
{
visibility: hidden;
}

.whiteBg
{
background-color: #fff;
}

.blockLightBg
{
background-color: #f7f7f7;
}

.lightBg
{
background-color: #e5e5e5;
}

.darkBg
{
color: #fff;
background-color:#444;
}

.lightFluBg
{
background-color:rgba(255,255,255,.5);
}

.darkFluBg
{
color: #fff;
background-color:rgba(0,0,0,.5);
}
div#leftFilter
{
padding:  0;
}
div#filterPanel
{
border-radius:  2px;
border: solid 1px #f4f4f4;
background-color:  #ffffff;
padding: 20px;
box-sizing:  border-box;
}

.filtrele
{
margin-top:  20px;
border-radius: 2px;
background-color:  #303193;
font-size: 18px;
font-weight:  bold;
line-height: normal;
color:  #ffffff;
text-transform: uppercase;
padding:  15px 0;
box-sizing: border-box;
border:  0;
}

.icon-square-unchecked:before , .icon-square-checked:before
{
content: '';
}

.icon-square-unchecked
{
background: url(unchecked.svg) no-repeat left center;
width:  24px;
height: 16px;
}

.icon-square-checked
{
background: url(checked.svg) no-repeat left center;
width:  24px;
height: 16px;
}

.filter-title , ul#filterCats > li > a
{
font-size:  18px;
font-weight: bold;
line-height:  normal;
color: #303193;
display:  flex;
align-items: center;
justify-content:  space-between;
margin-bottom: 10px;
}

.filter-title i
{
color:  #303193;
}
[dir="rtl"] .campaignWrap
{
right: 0;
}

.campaignDescription
{
background:rgba(255,255,255,.5);
}

.campaignDescription.dark
{
color: #fff;
background:rgba(0,0,0,.5);
}

.navIcon
{
width: 20px;
height:20px;
background:url('navIcon.png') no-repeat center center;
}
[dir="rtl"] #navigasyon li
{
float: right;
}
#page-login .icon-member-default
{
display:  none;
}

.comment-star-wrapper i
{
color:  orange;
}

.comment-star-wrapper i:before
{
margin-left: 0 !important;
margin-right: 8px !important;
}

.productItem .image-wrapper , .productColListItem .image-wrapper
{
border: 1px solid #f4f4f4;
}

.filter-title.active i.icon-plus
{
display:  block;
color: #303193;
}

.filter-title.active i.icon-minus
{
display:  none;
}
#filterSort select
{
-webkit-appearance:  none;
-moz-appearance: none;
appearance:  none;
font-size: 14px;
font-weight:  normal;
line-height: normal;
color:  #000000;
background: url(arrow-bottom.svg) no-repeat right 15px center;
padding:  16px 73px 15px 20px;
border: solid 1px #f5f5f5;
}

.dort
{
background:url('uc.svg') no-repeat center center;
padding: 15px 20px;
margin: 0 5px;
}

.uc
{
background:url('dort.svg') no-repeat center center;
padding: 15px 20px;
margin: 0 5px;
}

.dort.active
{
background:url('ucactive.svg') no-repeat center center;
padding: 15px 20px;
margin: 0 5px;
}

.uc.active
{
background:url('dortactive.svg') no-repeat center center;
padding: 15px 20px;
margin: 0 5px;
}
#navigasyon a
{
font-size:  12px;
font-weight: normal;
line-height:  normal;
color: #898989;
display:  flex;
align-items: center;
}

.icon-arrow-simple-right:before
{
content: '';
}

.icon-arrow-simple-right
{
background: url(arrow-right.svg) no-repeat center center;
width:  35px;
height: 8px;
}
div#navigasyon .breadcrumb > li:last-child > a
{
color:  #303193;
}

.icon-comparison:before
{
content: '';
}

.icon-comparison
{
background: url(karsilastir.svg) no-repeat left center;
width:  20px;
height: 15px;
}
a#productComparison
{
padding:  5px;
}
#catImg
{
position: relative;
padding: 0 20px;
box-sizing:  border-box;
}
#catImg p
{
padding-bottom:  0;
}
#filterSort select
{
-webkit-appearance: none;
-moz-appearance:none;
appearance: none;
}

.filter-box
{
margin-bottom: -1px;
border-right:1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
line-height:30px;
font-size: 12px;
color:#6c6c6c;
}
[dir="rtl"] .filter-box,
[dir="rtl"] .box.b-right[for="stock"]
{
border-right: 0;
border-left:1px solid #d9d9d9;
}

.filter-box select
{
float: left;
height:30px;
margin: 0;
padding-right:15px;
border: 0;
font-size:12px;
color: #6c6c6c;
appearance:none;
-moz-appearance: none;
-webkit-appearance:none;
}
[dir="rtl"] .filter-box select
{
padding-right: 0;
padding-left:15px;
}

.filter-box .input-wrap
{
height: 30px;
}

.filter-box.col-text
{
line-height: 30px;
font-size:12px;
color: #6C6C6C;
}
#pageLayout :not(.icon-no-space):before
{
margin-right: 5px;
}

.select-wrapper
{
position: relative;
width:53px;
height: 30px;
}

.select
{
width: 33px;
padding:30px 5px 0;
position: absolute;
left:5px;
z-index: 333;
}

.select:hover
{
background: #F3F3F3;
}

.select span
{
width: 33px;
height:20px;
cursor: pointer;
display:none;
padding: 5px 0;
border-top:1px solid #B7B7B7;
}

.select span.selected
{
position: absolute;
top:0;
left: 5px;
cursor:default;
display: block;
border-top:0;
}

.select:hover span
{
display: block;
}

.filter-item-list
{
max-height: 280px;
overflow:auto;
}
#slider-range
{
width:calc(100% - 16px);
height: 2px;
margin-top:18px;
margin-right: 17px;
background:#e5e5e5;
position: relative;
}

.middle-price-filter
{
display:  -webkit-box;
display: flex;
white-space:  nowrap;
}

.middle-price-filter #slider-range
{
width:  100px;
margin-top: 14px;
}

.ui-slider-range
{
position: absolute;
top:0;
height: 2px;
background:#e35252;
}

.ui-slider-handle
{
position: absolute;
top:-7px;
width: 16px;
height:16px;
background: #fff;
border:5px solid #e35252;
box-sizing: border-box;
cursor:pointer;
}
#filtre .btn.btn-default
{
font-size: 12px;
}
#leftColumn #filtre .btn.btn-default
{
font-size: 20px;
}
#newsList .line-top:first-child
{
border-top: 0;
}

.productType, .qtyBtns input
{
font-size: 12px;
text-transform:uppercase;
}

.productType
{
line-height: 30px;
}

.middleItem .productType
{
line-height: 14px;
}
#commentTabContent .stars
{
margin-bottom: 5px;
margin-left:10px;
}
#cart-wrapper .qtyBox
{
min-width: 110px;
}

.qtyBtns
{
height:  48px;
padding-top: 1px;
padding-bottom:  1px;
border: 1px solid #f4f4f4;
border-radius:  2px;
display: flex;
align-items:  center;
}

.qtyBtns a:first-child
{
border-right:  1px solid #f4f4f4;
}

.qtyBtns a:last-child
{
border-left:  1px solid #f4f4f4;
}

.package-line .qtyBtns
{
height: 30px;
}

.middleItem .qtyBtns
{
height: 30px;
padding-top:1px;
padding-bottom: 1px;
background:#e5e5e5;
}

.qtyBtns a
{
float: left;
width:25px;
height: 48px;
line-height:48px;
text-align: center;
-webkit-user-select:none;
-moz-user-select: none;
-ms-user-select:none;
-o-user-select: none;
user-select:none;
}

.middleItem .qtyBtns a
{
height: 30px;
line-height:28px;
opacity:.5;
}

.package-line .qtyBtns a
{
height: 30px;
line-height:30px;
}

.qtyBtns a p.icon-minus:before
{
font-size: 1px;
}

.qtyBtns a p.icon-plus:before
{
font-size: 7px;
}

.qtyBtns input
{
float: left;
width:calc(100% - 50px);
height: 48px;
line-height:48px;
font-size: 14px;
color:#5e5e5e;
text-align: center;
padding-right:5px;
padding-left: 5px;
border:0;
box-sizing: border-box;
}

.form.large .package-line .qtyBtns input
{
height: 30px;
line-height:30px;
}

.middleItem .qtyBtns input
{
height: 30px;
line-height:30px;
font-size: 14px;
}

.middleItem td
{
padding: 10px;
vertical-align:middle;
}

.middleItem .lightBg td.line-right
{
border-right: 1px solid #dadada;
}

.productRow div > span,
.middleItem td > span
{
line-height:1.5;
clear: both;
}

.productRow div > span.basketProName,
.middleItem td > span.basketProName
{
font-size: 14px;
}

.productRow div > span.basketSubPro,
.middleItem td > span.basketSubPro
{
display: inline-block;
font-size:12px;
color: #5e5e5e;
padding-left:5px;
padding-right: 5px;
margin-bottom:10px;
}

.incBasketProduct, .decBasketProduct
{
}

.incBasketProduct
{
}

.decBasketProduct
{
}

.qtyBasketProduct
{
width: 28px;
}

.productPrc
{
font-size: 14px;
}

.removeBasketProduct
{
float: left;
width:30px;
height: 30px;
background:#000;
}

.mDetay
{
cursor: pointer;
}
#cartEmpty
{
font-size:  25px;
line-height:250px;
}
#leftColumn #cartEmpty, #rightColumn #cartEmpty
{
font-size:  14px;
line-height: 25px;
}
#cartEmpty:before
{
content:'';
display:  inline-block;
background: url('cartEmpty.png') no-repeat center center;
width:  128px;
height: 128px;
vertical-align: middle;
margin-right:20px;
}
#rightColumn #cartEmpty:before, #leftColumn #cartEmpty:before
{
margin-right: 0;
}
#currentPageLayer
{
width:100% !important;
}
#CustomForm
{
background-color: #fff;
}

.line-label
{
font-size: 14px;
color:#545454;
font-weight: 700;
margin-bottom:0;
}

.package-line:nth-child(odd)
{
background-color: #f5f5f5;
}

.package-line:nth-child(even) > .box
{
padding-top: 0;
padding-bottom:0;
}

.table-responsive
{
min-height: .01%;
overflow-x:  auto;
}

.table-responsive > table
{
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 1230px)
{
#nav-wrapper
{
padding-right: 10px;
padding-left:10px;
box-sizing: border-box;
}
}
@media screen and (min-width: 1001px)
{
.qtyBtns input
{
min-width: 28px;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
.navIcon
{
width: 30px;
height:30px;
}
#navigasyon a
{
height: 30px;
line-height:30px;
font-size: 13px;
}
}
@media screen and (min-width: 769px)
{
.middleItem .qtyBtns input
{
width: 28px;
}
}
@media screen and (max-width: 768px)
{
#catImg
{
padding:  0 10px;
}

.filter-box
{
margin-bottom:  0;
}

.alertListBtn
{
padding-right: 0;
padding-bottom:10px;
}

.shopImg
{
padding-right: 0;
}

.campaignWrap
{
position: relative;
padding-top:0;
padding-right: 0;
padding-bottom:30px;
padding-left: 0;
}
#cartEmpty
{
line-height: 40px;
}
#cartEmpty:before
{
width:100%;
}

.productRow
{
display: block;
}

.productRow div > span.basketProName
{
position: relative;
font-size:13px;
line-height:1.7;
}

.removeBtn
{
position: absolute;
top:0;
right: 0;
}
[dir="rtl"] .removeBtn
{
right: auto;
left:0;
}
#cart-wrapper
{
display: initial;
}

.form.large .package-line .qtyBtns input
{
padding-right: 5px;
padding-left:5px;
}
}















@media (min-width: 992px) {

#mainMenudesk > li:nth-child(1) > div > div > ul > li:nth-child(10) > div > ul {
    display: none!important;
}

.drop-down.hover .drop-down-title+.top.subMenu {
    top: 100%;
    background: none;
    border: 0;
    padding: 0px 0;
}


    #mainMenu,
    #mainMenudesk {
        overflow: visible !important;
    }

    #mainMenudesk > li.drop-down {
        position: static !important;
    }

    /* Açılan ana panel */#mainMenudesk .subMenu .sublink-wrap
    #mainMenudesk > li.drop-down > .subMenu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        min-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;
        opacity: 1 !important;

        border: 0 !important;
        border-top: 1px solid #e2e8ee !important;
        border-bottom: 1px solid #dce3e8 !important;

        border-radius: 0 0 10px 10px !important;

        box-shadow:
            0 16px 35px rgba(7, 59, 102, 0.13),
            0 4px 10px rgba(22, 32, 42, 0.05) !important;

        z-index: 99999 !important;

        overflow: hidden !important;
    }

    /* Menü içeriği */
    #mainMenudesk > li.drop-down > .subMenu > .dynamicMenu {
        width: 100% !important;
        max-width: 1380px !important;

        margin: 0 auto !important;
        padding: 24px 30px !important;

        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    /* =====================================================
       Genel dropdown grid
       Diğer kategorilerde de düzgün çalışır
       ===================================================== */

    #mainMenudesk > li.drop-down > .subMenu .dynamicMenu > ul {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) ;

        column-gap: 26px !important;
        row-gap: 4px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;

        float: none !important;
        box-sizing: border-box !important;
    }

    /* Eski T-Soft float/column yapısını iptal et */
    #mainMenudesk > li.drop-down > .subMenu .dynamicMenu > ul > li {
        display: block !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;

        border: 0 !important;
        background: transparent !important;

        box-sizing: border-box !important;
    }

    #mainMenudesk > li.drop-down > .subMenu .link-wrap {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    /* Ana alt kategori linkleri */
    #mainMenudesk > li.drop-down > .subMenu .link-wrap > a {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 44px !important;

        margin: 0 !important;
        padding: 0 34px 0 13px !important;

        float: none !important;

        box-sizing: border-box !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 7px !important;

        color: #17354c !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;

        text-decoration: none !important;
        text-transform: uppercase !important;

        letter-spacing: 0.01em !important;

        transition:
            background-color .16s ease,
            color .16s ease,
            padding-left .16s ease !important;
    }

    /* Sağ ok */
    #mainMenudesk > li.drop-down > .subMenu .link-wrap > a::after {
        content: "›";

        position: absolute;
        top: 50%;
        right: 13px;

        transform: translateY(-52%);

        color: #91a0ab;

        font-size: 17px;
        font-weight: 400;
        line-height: 1;

        transition:
            color .16s ease,
            transform .16s ease;
    }

    /* Hover */
    #mainMenudesk > li.drop-down > .subMenu .link-wrap > a:hover {
        padding-left: 17px !important;

        background: #f1f7fb !important;
        color: #07538e !important;

        text-decoration: none !important;
    }

    #mainMenudesk > li.drop-down > .subMenu .link-wrap > a:hover::after {
        color: #07538e;
        transform: translate(3px, -52%);
    }

    /* =====================================================
       Alt-alt kategoriler
       Örn: Kompresör Aksesuarları altındaki linkler
       ===================================================== */

    #mainMenudesk .subMenu .sublink-wrap {
        display: flex;
        flex-wrap: wrap !important;

        width: 100% !important;

        margin: 2px 0 8px !important;
        padding: 0 13px !important;

        float: none !important;

        gap: 3px 8px !important;

        box-sizing: border-box !important;
    }

    #mainMenudesk .subMenu .sublink-wrap > li {
        display: inline-flex !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
    }

    #mainMenudesk .subMenu .sublink-wrap > li > a {
        display: inline-block !important;

        width: auto !important;

        padding: 3px 0 !important;

        float: none !important;

        color: #778792 !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        text-decoration: none !important;

        transition: color .15s ease !important;
    }

    #mainMenudesk .subMenu .sublink-wrap > li > a:hover {
        color: #07538e !important;
    }


    /* =====================================================
       SADECE EL ALETLERİ
       24 kategori = 4 kolon x 6 satır
       ===================================================== */

    #mainMenudesk > li:has(
        > .drop-down-title a[href="/sogutma-el-aletleri"]
    ) > .subMenu .dynamicMenu > ul {

        display: grid !important;

        grid-template-rows: repeat(6, 44px) !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

        gap: 4px 28px !important;

        align-items: stretch !important;
    }

    /* El Aletleri öğeleri */
    #mainMenudesk > li:has(
        > .drop-down-title a[href="/sogutma-el-aletleri"]
    ) > .subMenu .dynamicMenu > ul > li {

        height: 44px !important;
        min-height: 44px !important;
    }

    #mainMenudesk > li:has(
        > .drop-down-title a[href="/sogutma-el-aletleri"]
    ) > .subMenu .link-wrap {

        height: 100% !important;
    }

    #mainMenudesk > li:has(
        > .drop-down-title a[href="/sogutma-el-aletleri"]
    ) > .subMenu .link-wrap > a {

        height: 100% !important;
        min-height: 44px !important;
    }


    /* =====================================================
       Aktif üst kategori hissi
       ===================================================== */

    #mainMenudesk > li.drop-down:hover > .drop-down-title > a {
        color: #07538e !important;
    }

    #mainMenudesk > li.drop-down:hover > .drop-down-title {
        position: relative;
    }

    #mainMenudesk > li.drop-down:hover > .drop-down-title::after {
        content: "";

        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 0;

        height: 2px;

        background: #07538e;
    }


    /* =====================================================
       Açılış hissi
       T-Soft display kontrolünü bozmadan
       ===================================================== */

    #mainMenudesk > li.drop-down:hover > .subMenu {
        animation: frigodumanMegaMenuIn .18s ease-out both;
    }

    @keyframes frigodumanMegaMenuIn {
        from {
            opacity: 0;
            transform: translateY(-5px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    
#mainMenudesk > li:nth-child(5) > div > div > ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
            
  #mainMenudesk > li:nth-child(6) > div > div > ul {
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;
}
            
    #mainMenudesk > li > div > div > ul > li > div > ul {
    display: none!important;
}        
            
        #mainMenudesk > li:nth-child(8) > div > div > ul   {
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;
}  
        
        #mainMenu > ul.fl.col-12.menu > li:nth-child(8) > div > div > ul > li {
    width: 100%!important;
}
            #mainMenudesk > li > div > div > ul > li {
    width: 100%!important;
}
#mainMenu > ul.fl.col-12.menu > li > div > div > ul li {
    width: 100%!important;
}
#mainMenudesk > li:nth-child(6) > div > div > ul > li {
    width: 100%!important;
    display: block;
}

}


/* =========================================================
   Daha küçük desktop / laptop xxx
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    #mainMenudesk > li.drop-down > .subMenu > .dynamicMenu {
        padding: 20px !important;
    }

    #mainMenudesk > li.drop-down > .subMenu .dynamicMenu > ul {
        column-gap: 15px !important;
    }

    #mainMenudesk > li.drop-down > .subMenu .link-wrap > a {
        padding-left: 9px !important;
        padding-right: 25px !important;

        font-size: 11px !important;
    }
    
    #mainMenudesk > li:nth-child(1) > div > div > ul > li:nth-child(10) > div > ul {
    display: none!important;
}
    
    
    
}