section[Mod="Search"]{position:fixed;background: #fff;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;display: none;overflow: auto;scrollbar-width: none;}
   section[Mod="Search"].Show{display:block;}
   section[Mod="Search"] .Container{width:100%;display: flex;flex-direction: column;max-width:100% !important}
   section[Mod="Search"] .Container>.List{display: flex;flex-wrap: wrap;}
   section[Mod="Search"] .Head{width:100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;z-index: 2;position: fixed;top: 0;}
   section[Mod="Search"] .Head .Logo{margin: 17px 10px 10px 0px;padding-left: 14px;opacity:0}
   section[Mod="Search"] .Head .Logo>img{height: 26px;}
   section[Mod="Search"] .Head .Closed{padding-right: 20px;cursor: pointer;}
   section[Mod="Search"] .Inputs{width:100%;display: flex;flex-direction: column;justify-content: flex-start;gap: 0;background: #fff;position: fixed;top: 0;padding-top: 40px;z-index: 1;transition: 0.6s;}
   section[Mod="Search"].HideHead .Inputs{top: -100%;transition: 0.6s;}
   section[Mod="Search"] .Inputs .Input{background: transparent;width:100%;margin: 0;}
   section[Mod="Search"] .Inputs .Input>input{width:100%;padding:0;padding-bottom: 30px;font-size: 13px;color: #000;padding-left: 40px;background: transparent;border:0}
   section[Mod="Search"][Find="0"] .Inputs .Input>.TextDelete{display:none}
   section[Mod="Search"][Find="1"] .Inputs .Input>.TextDelete{position: absolute;right: 0;top: 12px;line-height: 30px;display: flex;align-items: center;padding-right: 40px;cursor: pointer;}
   section[Mod="Search"][Find="1"] .Inputs .Input>.TextDelete:hover{opacity:0.5}
   section[Mod="Search"] .Inputs .Input>label{width:100%}
   section[Mod="Search"][Find="0"] .Inputs .BestSearch{width:100%;display: flex;align-items: center;padding: 40px;}
   section[Mod="Search"][Find="1"] .Inputs .BestSearch{display:none}
   section[Mod="Search"] .Inputs .BestSearch .List{display: flex;gap: 40px;}
   section[Mod="Search"] .Inputs .BestSearch .List .Item{width:100%;cursor: pointer;}
   section[Mod="Search"] .Inputs .BestSearch .List .Item:hover{opacity:0.5}
   section[Mod="Search"] .Inputs .BestSearch .BtnText{margin-left: auto;}
   section[Mod="Search"] .Result{width:100%;padding-top: 250px;position: relative;z-index: 0;}


   section[Mod="Search"] .Inputs .ResultData{width:100%;display: flex;align-items: center;padding: 40px;display:none}
   section[Mod="Search"][Find="1"] .Inputs .ResultData{display:flex}
   section[Mod="Search"].Query .Inputs .ResultData{opacity:0}
   section[Mod="Search"] .Inputs .ResultData .Counter{display: flex;gap: 4px;}
   section[Mod="Search"] .Inputs .ResultData .Filters{margin-left: auto;display: flex;gap: 20px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox{display: flex;gap: 16px;position: relative;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterBtn{display: block;width: max-content;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox.active .FilterWind{display: block}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind{ display: none; position: absolute;right: 0;top: 100%;background: #fff;border: 1px solid #000;width: 550px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterTabs{display: flex;padding: 0px 18px;gap: 40px;border-bottom: 1px solid #000;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterTabs .FilterItem{display: flex;align-items: center;line-height: 40px;cursor: pointer;gap: 4px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterTabs .FilterItem>span{display: none}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterTabs .FilterItem:not([Q="0"])>span{display: block}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterTabs .FilterItem.active{font-weight:500}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea{width:100%;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView{width:100%;display: none;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView.active{display: flex;flex-direction: column;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List{width:100%;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List{text-transform: uppercase;display: flex;flex-wrap: wrap;overflow: auto;box-sizing: content-box;margin-bottom: 15px;}


   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"].active{display: flex;flex-direction: column;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div{display: flex;padding: 25px 40px 20px 40px;width: 100%;flex-direction: column;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div .Info{display: flex;flex-direction: row;width: 100%;justify-content: space-between;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div .Info>span:nth-child(1){display: flex;flex-direction: column;font-weight: 500;font-size: 13px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div .Info>span:nth-child(2){display: flex;flex-direction: column;font-weight: 500;font-size: 13px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div #filterPrice{width: 100%;height: 33px;border: 0;background: transparent;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div #filterPrice::before{content:"";position: absolute;height: 1px;background: #ccc;width: 100%;top: 16px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div #filterPrice>div{background: #000;border: 0;height: 1px;box-shadow: none;top: 16px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div #filterPrice>span{border: 0;width: 8px;height: 8px;border-radius: 100%;background: #000;top: 11.6px;box-shadow: none;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div #filterPrice>span.ui-state-focus{cursor: move;box-shadow:none;text-shadow: none;border: 0;filter: none;outline:none}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div #filterPrice>span.ui-state-hover{cursor: move;box-shadow:none;text-shadow: none;border: 0;filter: none;outline:none}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="Price"]>.List>div #filterPrice>span.ui-state-active{cursor: move;box-shadow:none;text-shadow: none;border: 0;filter: none;outline:none}



   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List::-webkit-scrollbar {
      width: 0px; /* Kaydırma çubuğu genişliği */
   }
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List::-webkit-scrollbar {
      width: 2px; /* Kaydırma çubuğu genişliği */
      background:#b2b2b2;
   }
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List::-webkit-scrollbar-thumb {
      background: #000; /* Kaydırma çubuğu rengi */
      border-radius: 2px; /* Kenar yuvarlama */
   }


   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List::-webkit-scrollbar-thumb:hover {
      background: #555; /* Ãœzerine gelince rengi deÄŸiÅŸtir */
   }



   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List>.Item{padding: 17px 12px;text-transform: uppercase;width: 20%;display: flex;flex-direction: column;align-items: center;border-right: 1px solid #B2B2B2;border-bottom: 1px solid #B2B2B2;cursor: pointer;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List>.Item:nth-child(+5n){border-right:0}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List>.Item.active{font-weight: 600;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="colors"] .List>.Item{width: 25%;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="colors"] .List>.Item:nth-child(+4n){border-right:0}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="colors"] .List>.Item:nth-child(+5n){border-right:1px solid #B2B2B2}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="sizes"] .List>.Item{width: 20%;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="sizes"] .List>.Item:nth-child(+4n){border-right:1px solid #B2B2B2}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[F="sizes"] .List>.Item:nth-child(+5n){border-right:0}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List>.Item .Color{width: 24px;height: 24px;display: block;border: 1px solid #DBDBDB;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List>.Item.active .Color{border: 1px solid #000000;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List>.Item .Name{text-align: center;text-transform: uppercase;padding: 9px 0px 0px 0px;font-size: 13px;}

   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .BtnList{display: flex;flex-direction: row;border-top: 1px solid #B2B2B2;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .BtnList>.Btn{line-height: 48px;cursor:pointer}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .BtnList>.Btn:hover{opacity:0.5}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView[Q="0"] .BtnList>.Btn[fr="FilterGroupRemove"]{color:#ccc;pointer-events:none}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView:not([Q="0"]) .BtnList>.Btn[fr="FilterGroupRemove"]{pointer-events:all}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .BtnList>.Btn:nth-child(1){border-right: 1px solid #B2B2B2;}

   section[Mod="Search"] .Inputs .ResultData .Filters .FilterGrid{width:100%;display: flex;justify-content: flex-end;align-items: center;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterGrid>div{display: none;align-items: center;justify-content: center;font-size:0;cursor: pointer;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterGrid>div.active{display: flex;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterGrid>div[G="1v2"]::before{content:"";display: flex;background: url(/NewWebSites/img/list_grid_4.svg);width: 20px;height: 14px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterGrid>div[G="4"]::before{content:"";display: flex;background: url(/NewWebSites/img/list_grid_4.svg);width: 20px;height: 14px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterGrid>div[G="6"]::before{content:"";display: flex;background: url(/NewWebSites/img/list_grid_4.svg);width: 20px;height: 14px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterGrid>div[G="12"]::before{content:"";display: flex;background: url(/NewWebSites/img/list_grid_12.svg);width: 20px;height: 14px;}
   section[Mod="Search"] .Inputs .ResultData .Filters .FilterGrid>div[G="Special"]::before{content:"";display: flex;background: url(/NewWebSites/img/list_grid_special.svg);width: 20px;height: 14px;}





   @media(max-width: 760px) {
      section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List>.Item .Name{font-size:11px}
      section[Mod="Search"] .Inputs .ResultData .Filters .FilterBox .FilterWind .FilterArea .FilterView .List>.Item{font-size:11px}
      
      section[Mod="Search"] .Head {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        z-index: 2;
        position: fixed;
        top: 0px;
        right: 0px;
        width: initial;
        padding: 12px;
        padding-bottom: 0;
    }
    section[Mod="Search"] .Head .Logo {
        display: none;
    }
    section[Mod="Search"] .Head .Closed {
        padding-right: 8px;
        cursor: pointer;
    }
    section[Mod="Search"] .Head .Closed>svg{
        height:40px;
    }
    section[Mod="Search"] .Inputs {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0;
        background: #ffffff3b;
        position: fixed;
        top: 0;
        padding-top: 10px;
        z-index: 1;
        transition: 0.6s;
    }
    section[Mod="Search"][Find="1"] .Inputs .Input>.TextDelete {
        right: 45px;
        line-height: 22px;
    }
   }