/* global-ui.css generated by global_ui_assets_created.asp */
/* scode=Fr-5500231-1 packetId=26 */

/* POPUP / html_popup */
/* Header Sepet */
.PopContent[fr=AddBagSuccess] .Closed{
   position: absolute;
   right: 20px;
   top: 20px;
   cursor: pointer
}
.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Photo>img,
.PopContent[fr=AddBagSuccess] .TabView>.Title,
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Btn:hover,
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Items .Item>span:first-child>strong,
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Gallery>img{
   width: 100%
}

.PopContent[fr=AddBagSuccess] .TabList .TabItem[Q="0"]>span:nth-child(2),
.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Info .PriceBox .Campaigns:empty,
.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Info .PriceBox .SpecialText:empty,
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Info .PriceBox .Campaigns:empty,
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Info .PriceBox .SpecialText:empty,
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Info .PriceBox[DiscountRate="0"] .SalePrice .Info>.DiscountRate.show,
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Info .PriceBox[OldPrice="0"] .OldPrice,
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Items .Item[V="0"]{
   display: none
}

.PopContent[fr=AddBagSuccess] {
   width: 425px;
   padding: 60px 24px 0;
   overflow: auto;
   height: 100vh
}

.PopContent[fr=AddBagSuccess]::-webkit-scrollbar {
   width: 4px;
   background: #000
}

.PopContent[fr=AddBagSuccess]:hover::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=AddBagSuccess]::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=AddBagSuccess] .TabList {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 40px
}

.PopContent[fr=AddBagSuccess] .TabList .TabItem {
   width: 33.33%;
   cursor: pointer;
   position: relative;
   text-align: center;
   padding-bottom: 7px
}

.PopContent[fr=AddBagSuccess] .TabList .TabItem:hover {
   opacity: .5
}


.PopContent[fr=AddBagSuccess] .TabList .TabItem.active::before{
   content: "";
   width: 4px;
   height: 4px;
   background: #000;
   display: block;
   position: absolute;
   bottom: 0;
   left: 50%;
   margin-left: -2.5px
}

.PopContent[fr=AddBagSuccess] .TabList .TabItem:hover::before{
   content: "";
   width: 5px;
   height: 5px;
   margin-left: -2.5px;
   background: #d5d5d5;
   display: block;
   position: absolute;
   bottom: 0;
   left: 50%
}

.PopContent[fr=AddBagSuccess] .TabView {
   width: 100%;
   height: 100%;
   display: none
}
.PopContent[fr=AddBagSuccess] .TabView.active{
   display: flex;
   flex-direction: column
}


.PopContent[fr=AddBagSuccess] .TabView .Empty {
   width: 100%;
   margin: 75px 0 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center
}

.PopContent[fr=AddBagSuccess] .TabView .Empty .Title {
   display: flex;
   line-height: 17px;
   margin-bottom: 17px
}

.PopContent[fr=AddBagSuccess] .TabView .Empty .Text {
   width: 100%;
   display: flex;
   margin-bottom: 42px;
   justify-content: center
}

.PopContent[fr=AddBagSuccess] .TabView .Empty .Btn {
   width: 100%;
   margin: 0;
   display: flex;
   text-align: center;
   align-items: center;
   justify-content: center
}

.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product,.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product {
   width: 100%;
   margin: 40px 0 20px;
   display: flex
}

.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Photo {
   width: 74px;
   flex: none;
   margin-right: 10px;
   display: block
}
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product>.Info {
   width: 100%;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
}
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product>.Info .Name {
   width: 100%;
   font-weight: 400;
   margin-bottom: 6px;
}



.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Info .PriceBox .SalePrice .Info>.Price>span,
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Info .PriceBox .SalePrice .Info>.Price>span {
   margin-left: 3px
}

.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Info .PriceBox .SalePrice .SpecialText,
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Info .PriceBox .SalePrice .SpecialText {
   width: fit-content;
   border: 1px solid #000;
   line-height: 20px;
   padding: 2px 5px 0
}



.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Info .PriceBox .Campaigns,
.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Info .PriceBox .SpecialText,
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Info .PriceBox .SpecialText {
   width: fit-content;
   border: 1px solid #000;
   line-height: 16px;
   padding: 2px 5px 0;
   font-size: 12px;
   opacity: 0
}

.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Info .PriceBox .SpecialText:not(:empty),
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Info .PriceBox .SpecialText:not(:empty) {
   display: block;
   opacity: 1
}

.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Info .Variation,
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Info .Variation {
   display: block;
   opacity: 1;
   margin-top: auto;
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .CargoStatus {
   width: 100%;
   margin-top: 10px;
   background: #f0f0f0;
   display: flex;
   padding: 9px;
   align-items: center;
   margin-bottom: 12px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .CargoStatus>svg {
   width: 30px;
   margin-right: 5px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .CargoStatus>span {
   width: 100%;
   font-weight: 100
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .CargoStatus>span>strong{
   font-weight: 100
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition {
   width: 100%;
   margin-top: auto;
   position: sticky;
   bottom: 0;
   background: #fff;
   padding: 10px 0 16px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Items {
   width: 100%;
   margin-bottom: 5px;
   color: #262626
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Items .Item {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   line-height: 17px;
   margin-bottom: 3px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Items .Item[PageLoad="1"] {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 17px;
   margin-bottom: 5px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Items .Item>span:nth-child(2) {
   line-height: 17px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Items .Item.Grand {
   width: 100%;
   margin-top: 10px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Items .Item.Grand>span:first-child {
   text-transform: math-auto
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition .Btn{
   display: block;
   width: 100%
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts,.PopContent[fr=AddBagSuccess] .TabView[T=Favorite] .ProductList {
   display: flex;
   flex-direction: column;
   width: 100%;
   padding-right: 5px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts::-webkit-scrollbar {
   width: 2px;
   background: #fff
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts:hover::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=AddBagSuccess] .TabView[T=Favorite] .ProductList::-webkit-scrollbar {
   width: 2px;
   background: #fff
}

.PopContent[fr=AddBagSuccess] .TabView[T=Favorite] .ProductList:hover::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Favorite] .ProductList::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Photo {
   width: 74px;
   flex: none;
   margin-right: 10px
}

.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Info .PriceBox[DiscountRate="1"] .SalePrice .Info {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   background: #ffeb3b;
   margin-right: 10px;
   width: auto
}

.PopContent[fr=AddBagSuccess] .Preview{
   width: 100%;
   margin-top: 20px
}

.PopContent[fr=AddBagSuccess] .Preview .Title {
   width: 100%;
   margin: 20px 0
}

.PopContent[fr=AddBagSuccess] .List {
   width: 100%;
   display: block;
   padding-right: 5px;
   flex-wrap: wrap;
   gap: 8px;
}

.PopContent[fr=AddBagSuccess] .List::-webkit-scrollbar {
   width: 2px;
   background: #b2b2b2
}

.PopContent[fr=AddBagSuccess] .List::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=AddBagSuccess] .List::-webkit-scrollbar-thumb:hover {
   background: #555
}


.PopContent[fr=AddBagSuccess] .List .ProductItem{
   width: calc(50% - 10px);
   height: initial;
   display: inline-block;
   margin: 4px 4px;
}

.PopContent[fr=AddBagSuccess] .List .ProductItem{
   width: calc(50% - 10px);
   height: initial;
   display: inline-block;
   margin: 4px 4px;
}




.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .Social .Favorite,
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .Social .RemoveBag{
   cursor: pointer;
   display: block
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .Social .Favorite:before{
   content: "";
   display: flex;
   background: url(/NewWebSites/img/icon_favorite.svg);
   width: 10px;
   height: 14px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .Social .Favorite.active:before{
   content: "";
   display: flex;
   background: url(/NewWebSites/img/icon_favorite_activ.svg) 0 0/11px;
   width: 10px;
   height: 14px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .Social .RemoveBag:before{
   content: "";
   display: flex;
   background: url(/NewWebSites/img/icon_trash.svg);
   width: 15px;
   height: 15px
}


.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Product>.Code[pageload="1"]{
   height: 15px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Quantity>div[pageload="1"],
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Variation[pageload="1"]{
   height: 14px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Product>.Name[pageload="1"]{
   height: 17px
}
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Product>.Color{
   width: 100%;
   font-size: 11px;
   color: #262626;
   display: flex;
   gap: 7px;
   align-items: center
}


.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar{
   display: flex;
   align-items: center;
   width: max-content
}
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Quantity>div:nth-child(2)[pageload="1"]{
   height: 24px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Product>.Name{
   width: 100%;
   margin-bottom: 2px;
   font-size: 12px;
   line-height: 17px
}
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Product>.Code {
   font-size: 11px;
   width: 100%;
   color: #888;
   margin-bottom: 10px;
   line-height: 15px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties {
   width: 100%;
   display: flex;
   margin-top: auto;
   align-items: center;
   justify-content: flex-start
}
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Quantity>select {
   width: 100%;
   border: 1px solid #000;
   padding: 4px 9px;
   outline: 0;
   font-size: 11px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem {
   width: 100%;
   display: flex;
   border-bottom: 1px solid #b2b2b2;
   padding-bottom: 24px;
   margin-bottom: 24px;
   position: relative;
   padding-left: 1px;
   padding-top: 1px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Gallery {
   width: 100%;
   max-width: 52px;
   margin-right: 12px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Gallery:hover,.ProductItem.Favorite .Gallery:hover {
   box-shadow: 0 0 0 1px #000
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem>.Info {
   width: 100%;
   display: flex;
   position: relative;
   height: inherit;
   padding: 0;
   margin: 0
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Product {
   width: 55%
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .PriceBox {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: auto;
    text-align: right;
    flex-direction: column;
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .PriceBox .SalePrice .Info {
   display: flex;
   margin-right: 0;
   justify-content: flex-end;
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Quantity {
   display: flex;
   align-items: center;
   font-size: 11px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Quantity>div {
   margin-right: 8px;
   font-size: 11px;
   color: #262626;
   min-width: 38px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Variation {
   display: flex;
   align-items: center;
   font-size: 11px;
   min-width: 65px;
   margin-left: 8px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Variation::before {
   content: "";
   height: 14px;
   border-left: 1px solid #a2a2a2;
   padding-left: 6px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .Social {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 22px;
   width: 48px;
   margin-left: auto
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .Social .RemoveBag[pageload="1"] {
   width: var(--plw)!important;
   flex: none;
   height: 14px;
   width: var(--plw)!important;
   flex: none
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Gallery[pageload="1"]{
   height: 121px
}
.PopContent[fr=AddBagSuccess] .TabView[T=Add] .Product .Photo>img{
   width: 100%;
   display: block
}
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Product>.Name:hover{
   text-decoration: underline;
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Product>.Color .Text{
   font-size: 11px
}
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Quantity>span,
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Properties .QuantityBar .Variation>span{
   margin-left: 4px
}
.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .PriceBox .SalePrice{
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
}
.PopContent[fr=AddBagSuccess] .Closed:hover{
   opacity: .8
}
@media(max-width: 1140px) {
    .PopContent[fr=AddBagSuccess] .TabList .TabItem:not(.active):hover::before{
        display: none;
    }
    .PopContent[fr=AddBagSuccess] {
       width: 100%;
       height: 100vh
   }
     .PopContent[fr=AddBagSuccess] .TabList .TabItem:hover {
       opacity: 1
   }

   .PopContent[fr=AddBagSuccess] .TabList .TabItem.active:hover::before {
       background: #000
   }
    .PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition {
       width: 100%;
       /* position: fixed; */
   }
}


@media(max-width: 991px) {
    
    .PopupBox.Mobil .PopContent[fr="AddBagSuccess"] .TabView.active[t="Bag"]{margin-bottom:env(safe-area-inset-bottom, 25px);}
    .PopContent[fr=AddBagSuccess] .TabView {
        height: calc(100% - 60px)!important;
    }
    .PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts{
        padding-bottom:200px!important
    }
    .PopContent[fr=AddBagSuccess] .TabView[T=Bag] .Addition {
        position:fixed!important;
        bottom:0!important;
        left:0!important;
        right: 0!important;
        padding-left:25px!important;
        padding-right:25px!important;
    }
}

/* Sepetten Ürün Sil */
.PopContent[fr=BagDelete]{
   width: 100%;
   display: flex;
   flex-direction: column;
   padding-top: 14px
}

.PopContent[fr=BagDelete]>.Title{
   width: 100%;
   margin-bottom: 17px;
   text-align: center
}

.PopContent[fr=BagDelete]>.Text {
   width: 100%;
   margin-bottom: 21px;
   text-align: center;
   line-height: 17px
}
 
.PopContent[fr=BagDelete]>.BtnList {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 16px
}

/* Sepete Ürün Ekle */
.PopContent[fr=AddBag]>.Footer>.Btn.SizeTable[data-id="0"],
.PopContent[fr=AddBag]>.Note:empty,.PopContent[fr=AddBag]>.PriceBox .SalePrice .SpecialText:empty,
.PopContent[fr=AddBag]>.Variations .SizeItem:not([qty="0"]) .Notification, 
.PopContent[fr=AddBag]>.Variations .SizeItem[Notification="0"] .Notification{
   display: none
}

.PopContent[fr=AddBag]>.PriceBox .SalePrice .SpecialText:hover{
   background: #000;
   color: #fff
}
.PopContent[fr=AddBag]>.PriceBox:not([OldPrice="0"]) .OldPrice{
   display: block
}

.PopContent[fr=AddBag]>.Name,.PopContent[fr=AddBag]>.Price {
   text-align: left;
   padding-left: 20px;
   line-height: 17px;
   width: 100%
}

.PopContent[fr=AddBag] {
   width: 100%;
   padding: 10px 0 0!important
}

.PopContent[fr=AddBag]>.Name {
    font-size: 11px;
    font-weight: 700;
    padding-top: 12px;
}

.PopContent[fr=AddBag]>.Price {
   font-size: 12px;
   margin-bottom: 18px
}

.PopContent[fr=AddBag]>.PriceBox {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 4px;
   position: inherit;
   padding: 0 20px;
   margin-bottom: 14px
}

.PopContent[fr=AddBag]>.PriceBox .OldPrice{
   width: fit-content;
   font-size: 12px;
   line-height: 17px;
   position: relative;
   display: none
}
.PopContent[fr=AddBag]>.PriceBox .OldPrice:before,
.PopContent[fr=AddBag]>.PriceBox .SalePrice .Info{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   width: initial;
   padding: 0;
   height: inherit
}


.PopContent[fr=AddBag]>.PriceBox:not([OldPrice="0"]) .SalePrice .Info{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   background: #ffeb3b;
   margin-right: 10px;
   flex-direction: row;
   width: fit-content;
   padding: 0;
   height: inherit
}

.PopContent[fr=AddBag]>.PriceBox .SalePrice .Info>.Price {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   padding: 0x;
   line-height: 15px
}




.PopContent[fr=AddBag]>.PriceBox .Campaigns:empty{
   opacity: 0
}

.PopContent[fr=AddBag]>.Gallery {
   width: 100%;
   display: grid;
   margin-bottom: 42px
}

.PopContent[fr=AddBag]>.Gallery .List {
   overflow: hidden;
   overflow-x: scroll;
   width: 100%;
   display: flex
}

.PopContent[fr=AddBag]>.Gallery .List::-webkit-scrollbar {
   height: 2px;
   background: #fff
}

.PopContent[fr=AddBag]>.Gallery .List:hover::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=AddBag]>.Gallery .List::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=AddBag]>.Gallery .List .Item {
   height: 100%;
   display: inline-block
}

.PopContent[fr=AddBag]>.Gallery .List .Item>img {
   width: 90px;
   display: block
}

.PopContent[fr=AddBag]>.Title {
   font-size: 10px;
   line-height: 14px;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 18px;
   text-align: center
}

.PopContent[fr=AddBag]>.Note,
.PopContent[fr=AddBag]>.Variations {
   max-width: 72%;
   margin: 0 auto 35px;
   flex-direction: row;
   gap: 2px 34px;
   width: 100%;
   display: flex
}

.PopContent[fr=AddBag]>.Variations {
   align-items: center;
   justify-content: center;
   flex-wrap: wrap
}

.PopContent[fr=AddBag]>.Note {
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   color: #727272
}

.PopContent[fr=AddBag]>.Variations .SizeItem {
   display: flex;
   flex-direction: row;
   cursor: pointer
}


.PopContent[fr=AddBag]>.Variations .SizeItem .Size.active,
.PopContent[fr=AddBag]>.Variations .SizeItem .Size:hover {
   font-weight: 900
}

.PopContent[fr=AddBag]>.Variations .SizeItem .Size:hover::before {
   content: "";
   display: flex;
   height: 1px;
   background: #000;
   position: absolute;
   bottom: -5px;
   width: 60%;
   display: none;
}

.PopContent[fr=AddBag]>.Variations .SizeItem .Size.active::before {
   content: "";
   display: flex;
   background: #000;
   position: absolute;
   bottom: -5px;
   width: 4px;
   height: 4px
}

.PopContent[fr=AddBag]>.Variations .SizeItem .Size {
   width: stretch;
   display: flex;
   margin: 10px 0;
   position: relative
}

.PopContent[fr=AddBag]>.Variations .SizeItem[qty="0"] .Size {
   pointer-events: none;
   color: #838383;
   text-decoration:line-through
}

.PopContent[fr=AddBag]>.Variations .SizeItem .Notification {
   width: 100%;
   display: none;
   margin-left: 10px;
   font-size:0
}
.PopContent[fr=AddBag]>.Variations .SizeItem[qty="0"][Notification="1"] .Notification {
   display: flex;
   align-items: center;
}
.PopContent[fr=AddBag]>.Variations .SizeItem .ReamingStock {
   display: none;
}
.PopContent[fr=AddBag]>.Footer {
   width: 100%;
   border-top: 1px solid;
   display: flex;
   align-items: center;
   justify-content: center;
   order: 9;
}

.PopContent[fr=AddBag]>.Footer>.Btn {
   width: 50%;
   line-height: 56px;
   font-size: 12px
}


.PopupBox.mod2 .PopContent[fr=AddBag]{
   width: 100%;
   padding: 0 !important;
   display: flex;
   flex-direction: column;
}
.PopupBox.mod2 .PopContent[fr=AddBag]>.Title {
    background: #efefef;
    line-height: 40px;
    display: flex;
    border-radius: 12px 12px 0px 0px;
    text-align: left;
    margin: 0;
    font-weight: 600;
    flex-direction: column;
    line-height: 14px;
    padding: 14px 16px;
}

.PopupBox.mod2 .PopContent[fr=AddBag]>.Note,
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations {
   max-width: 72%;
   margin: 0 auto 35px;
   flex-direction: row;
   gap: 2px 34px;
   width: 100%;
   display: flex
}

.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations {
   max-width: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   order: 2;
}

.PopupBox.mod2 .PopContent[fr=AddBag]>.Note {
   background: #fff;
   border-bottom: 1px solid #eee;
   width: 100%;
   max-width: 100%;
   line-height: 35px;
   display: flex;
   justify-content: flex-start;
   padding: 0 14px;
   color: #323232;
   font-size: 12px;
   order: 1;
   margin: 0;
}

.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    padding: 0 14px;
    border-bottom: 1px solid #EEEEEE;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 26px;
    align-items: center;
    justify-content: space-between;
}
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem>.Detail {
    font-size:11px;color:#444
}
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem[qty="0"]>.Size {
    color: #838383;
    text-decoration: line-through;
}
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem>.Notification {
    width: 100%;
    display: none;
    line-height: initial;
}
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem>.Notification>svg {
    display: block;
    height: 11px;
}
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem[qty="0"][Notification="1"]>.Notification {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;
    font-weight: 400;
}
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem>.ReamingStock {
    width: 100%;
    display: none;
    line-height: initial;
    color: #f00;
}
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem>.ReamingStock>svg {
    display: block;
    height: 11px;
}
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem[qty="1"]>.ReamingStock,
.PopupBox.mod2 .PopContent[fr=AddBag]>.Variations .SizeItem[qty="2"]>.ReamingStock {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;
    font-weight: 400;
}


@media(max-width: 1140px) {

    .PopupBox .PopContent[fr=AddBag] .Closed{
       display: none;
   }
    
}

/* Telefon Numarası Değiştir */
[fr=PhoneChange] .Text,
[fr=PhoneChange] .Title {
   margin-bottom: 16px;
   text-align: center 
}
[fr=PhoneChange] {
   padding: 20px
}

[fr=PhoneChange] .Title {
   font-weight: 500
}

[fr=PhoneChange] .BtnList {
   display: flex;
   gap: 16px;
   margin-top: 20px;
   flex-direction: column
}

/* Gelince Haber Ver */
.PopContent[fr=StockNotificationForm]>.Form .Contract .Text>span:hover{
   text-decoration: underline;
}
.PopContent[fr=StockNotificationForm] .Preview {
   width: 100%;
   margin-top: 20px
}
.PopContent[fr=StockNotificationForm]>.Title {
   width: 100%;
   margin-bottom: 16px
}
.PopContent[fr=StockNotificationForm]>.Form .BtnList {
   width: 100%;
   display: flex;
   margin: 40px 0 30px
}

.PopContent[fr=StockNotificationForm]>.Form .Contract .Text>span {
   font-weight: 500;
   cursor: pointer
}
.PopContent[fr=StockNotificationForm]>.Form .Check {
   display: flex;
   width: 11px;
   height: 11px;
   justify-content: center;
   position: relative;
   align-items: center;
   margin-right: 8px;
   flex: none
}
.PopContent[fr=StockNotificationForm]>.Form .Check::before {
   content: "";
   width: 11px;
   height: 11px;
   border: 1px solid #000;
   flex: none
}

.PopContent[fr=StockNotificationForm]>.Form .Check.active::after {
   content: "";
   width: 5px;
   height: 5px;
   background: #000;
   position: absolute;
   left: 3px;
   top: 3px;
   flex: none
}


.PopContent[fr=StockNotificationForm] {
   width: 100%;
   padding: 50px 16px 36px
}

.PopContent[fr=StockNotificationForm]>.Text {
   width: 100%;
   font-size: 13px;
   line-height: 19px;
   margin-bottom: 16px
}

.PopContent[fr=StockNotificationForm] .Preview .Title {
   width: 100%;
   margin: 20px 0;
   text-transform: uppercase
}

.PopContent[fr=StockNotificationForm] .Preview .List {
   width: 100%;
   display: block;
   padding-right: 5px;
   overflow: auto
}

.PopContent[fr=StockNotificationForm] .Preview .List::-webkit-scrollbar {
   width: 2px;
   background: #b2b2b2
}

.PopContent[fr=StockNotificationForm] .Preview .List::-webkit-scrollbar-thumb { 
   background: #000;
   border-radius: 2px
}

.PopContent[fr=StockNotificationForm] .Preview .List::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=StockNotificationForm] .Preview .List .ProductItem {
   width: calc(50% - 10px);
   height: initial;
   display: inline-block;
   margin: 4px 4px;
}

/* Tükenmiş Ürün */
.PopContent[fr=StockNotFound]>.Form .Contract .Text>span:hover{
   text-decoration: underline;
}
.PopContent[fr=StockNotFound] .Preview {
   width: 100%;
   margin-top: 20px
}
.PopContent[fr=StockNotFound]>.Title {
   width: 100%;
   margin-bottom: 16px
}
.PopContent[fr=StockNotFound]>.Form .BtnList {
   width: 100%;
   display: flex;
   margin: 40px 0 30px
}

.PopContent[fr=StockNotFound]>.Form .Contract .Text>span {
   font-weight: 500;
   cursor: pointer
}
.PopContent[fr=StockNotFound]>.Form .Check {
   display: flex;
   width: 11px;
   height: 11px;
   justify-content: center;
   position: relative;
   align-items: center;
   margin-right: 8px;
   flex: none
}
.PopContent[fr=StockNotFound]>.Form .Check::before {
   content: "";
   width: 11px;
   height: 11px;
   border: 1px solid #000;
   flex: none
}

.PopContent[fr=StockNotFound]>.Form .Check.active::after {
   content: "";
   width: 5px;
   height: 5px;
   background: #000;
   position: absolute;
   left: 3px;
   top: 3px;
   flex: none
}


.PopContent[fr=StockNotFound] {
   width: 100%;
   padding: 50px 16px 36px
}

.PopContent[fr=StockNotFound]>.Text {
   width: 100%;
   font-size: 13px;
   line-height: 19px;
   margin-bottom: 16px
}

.PopContent[fr=StockNotFound] .Preview .Title {
   width: 100%;
   margin: 20px 0;
   text-transform: uppercase
}

.PopContent[fr=StockNotFound] .Preview .List {
   width: 100%;
   display: block;
   padding-right: 5px;
   overflow: auto
}

.PopContent[fr=StockNotFound] .Preview .List::-webkit-scrollbar {
   width: 2px;
   background: #b2b2b2
}

.PopContent[fr=StockNotFound] .Preview .List::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=StockNotFound] .Preview .List::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=StockNotFound] .Preview .List .ProductItem {
   width: calc(50% - 10px);
   height: initial;
   display: inline-block;
   margin: 4px 4px;
}

/* Renk Seçimi */
.PopupBox.mod2 .PopContent[fr=ColorSelect] {
    padding: 21px 16px 16px 16px;
} 
.PopupBox.mod2 .PopContent[fr=ColorSelect] .Closed{
    display:none
}
.PopContent[fr=ColorSelect] {
   width: 100%;
   padding: 55px 24px 24px 24px;
}

.PopContent[fr=ColorSelect]>.Name {
   font-size: 11px
}

.PopContent[fr=ColorSelect]>.Price {
   font-size: 12px;
   margin-bottom: 18px
}

.PopContent[fr=ColorSelect]>.PriceBox {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 4px;
   position: inherit;
   padding: 0 20px;
   margin-bottom: 14px
}

.PopContent[fr=ColorSelect]>.PriceBox .OldPrice{
   width: fit-content;
   font-size: 12px;
   line-height: 17px;
   position: relative;
   display: none
}
.PopContent[fr=ColorSelect]>.PriceBox .OldPrice:before,



.PopContent[fr=ColorSelect]>.PriceBox .SalePrice .Info{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   width: initial;
   padding: 0;
   height: inherit
}

.PopContent[fr=ColorSelect]>.PriceBox:not([OldPrice="0"]) .SalePrice .Info{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   background: #ffeb3b;
   margin-right: 10px;
   flex-direction: row;
   width: fit-content;
   padding: 0;
   height: inherit
}

.PopContent[fr=ColorSelect]>.PriceBox .SalePrice .Info>.Price {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   padding: 0x;
   line-height: 15px
}

.PopContent[fr=ColorSelect]>.PriceBox:not([OldPrice="0"]) .SalePrice .Info>.Price{
   /* padding: 2px 6px 0; */
}

.PopContent[fr=ColorSelect]>.PriceBox .SalePrice .Info>.DiscountRate {
   line-height: 15px;
   padding: 2px 6px 0 0;
   display: none
}

.PopContent[fr=ColorSelect]>.PriceBox .SalePrice .Info>.DiscountRate:before{
   content: "";
   display: flex;
   border-left: 1px solid #000;
   height: 10px;
   width: 1px;
   margin-top: 2px;
   padding-right: 4px
}

.PopContent[fr=ColorSelect]>.PriceBox .SalePrice .SpecialText{
   width: fit-content;
   border: 1px solid #000;
   line-height: 14px;
   padding: 2px 5px 0;
   cursor: pointer;
   overflow: hidden;
   line-height: 12px;
   height: 17px;
}

.PopContent[fr=ColorSelect]>.PriceBox .Campaigns{
   width: fit-content;
   border: 1px solid #000;
   line-height: 16px;
   padding: 2px 5px 0;
   font-size: 12px;
   min-height: 14px
}

.PopContent[fr=ColorSelect]>.PriceBox .Campaigns:empty{
   opacity: 0
}

.PopContent[fr=ColorSelect]>.Gallery {
   width: 100%;
   display: grid;
   margin-bottom: 42px
}

.PopContent[fr=ColorSelect]>.Gallery .List {
   overflow: hidden;
   overflow-x: scroll;
   width: 100%;
   display: flex
}

.PopContent[fr=ColorSelect]>.Gallery .List::-webkit-scrollbar {
   height: 2px;
   background: #fff
}

.PopContent[fr=ColorSelect]>.Gallery .List:hover::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=ColorSelect]>.Gallery .List::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=ColorSelect]>.Gallery .List .Item {
   height: 100%;
   display: inline-block
}

.PopContent[fr=ColorSelect]>.Gallery .List .Item>img {
   width: 90px;
   display: block
}

.PopContent[fr=ColorSelect]>.Title {
   font-size: 10px;
   line-height: 14px;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 18px;
   text-align: center
}

.PopContent[fr=ColorSelect]>.Note{
   max-width: 72%;
   margin: 0 auto 35px;
   flex-direction: row;
   gap: 2px 34px;
   width: 100%;
   display: flex
}

.PopContent[fr=ColorSelect]>.Colors {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: row;
   gap: 4px;
   overflow: hidden;
   overflow-x: auto;
   padding-bottom: 16px;
}

.PopContent[fr=ColorSelect]>.Colors::-webkit-scrollbar {
   display: block;
   height: 1px;
}

.PopContent[fr=ColorSelect]>.Colors::-webkit-scrollbar {
   display: block;
   background: #ebebeb
}

.PopContent[fr=ColorSelect]:hover .Colors::-webkit-scrollbar-thumb {
   background: #000;
}


.PopContent[fr=ColorSelect]>.Colors .ColorItem {
   display: flex;
   flex-direction: column;
   cursor: pointer;
   width: 58px;
}
.PopContent[fr=ColorSelect]>.Colors .ColorItem .Color{
   width: 100%;
   display: none;
}
.PopContent[fr=ColorSelect]>.Colors .ColorItem .Image{
   width: 58px;
   border: 1px solid transparent;
   padding: 6px;
   border-radius: 4px;
}
.PopContent[fr=ColorSelect]>.Colors .ColorItem.active .Image{
   border: 1px solid #DADADA;
   padding: 6px;
   border-radius: 4px;
}
.PopContent[fr=ColorSelect]>.Colors .ColorItem .Name{
   text-align: center;
   margin-top: 6px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.PopContent[fr=ColorSelect]>.Colors .ColorItem img{
   width: 100%;
}

.PopContent[fr=ColorSelect]>.Note {
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   color: #727272
}

.PopContent[fr=ColorSelect]>.Footer {
   width: 100%;
   border-top: 1px solid;
   display: flex;
   align-items: center;
   justify-content: center;
   order: 9;
}

.PopContent[fr=ColorSelect]>.Footer>.Btn {
   width: 50%;
   line-height: 56px;
   font-size: 12px
}

/* Genel Bilgilendirme */
.PopContent[fr=Message] .Title {
   position: relative;
   margin: 10px 0 17px;
   text-align: center;
   text-transform: uppercase
}

.PopContent[fr=Message] .Text {
   position: relative;
   margin: 0;
   text-align: center
}

/* Ödeme Bildirim Formu */
.PopContent[fr=PaymentAccountForm] .Banks .Logo>svg{
   width: 100%
}
.PopContent[fr=PaymentAccountForm] .Banks .Bank{
   font-size: 12px
}
.PopContent[fr=PaymentAccountForm] .Title{
   width: 100%;
   font-size: 12px;
   line-height: 17px;
   text-align: center;
   margin: 10px 0 18px
}

.PopContent[fr=PaymentAccountForm] {
   width: 100%;
   padding: 30px 0 0;
   display: flex;
   flex-direction: column
}

.PopContent[fr=PaymentAccountForm] .Text {
   width: 100%;
   text-align: center;
   margin: 0 auto 5px
}

.PopContent[fr=PaymentAccountForm] .Divider {
   width: 100%;
   height: 1px;
   background: #000;
   margin: 8px 0
}

.PopContent[fr=PaymentAccountForm] .Banks {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 6px;
   padding: 10px 0;
   align-content: center;
   align-items: center
}

.PopContent[fr=PaymentAccountForm] .Banks .Logo {
   display: flex;
   margin-bottom: 15px
}

.PopContent[fr=PaymentAccountForm] .Banks .Iban {
   font-size: 14px
}

.PopContent[fr=PaymentAccountForm] .Banks .Account {
   display: flex;
   gap: 5px
}

.PopContent[fr=PaymentAccountForm] .Total {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 14px;
   line-height: 26px;
   font-weight: 500
}

.PopContent[fr=PaymentAccountForm] .Input {
   width: 100%;
   margin: 0
}

.PopContent[fr=PaymentAccountForm] .Input>textarea {
   border: 0;
   min-height: 70px
}

.PopContent[fr=PaymentAccountForm] .Input .Note {
   font-size: 9px;
   color: #444;
   position: absolute;
   bottom: 0;
   left: 5px;
   text-transform: uppercase;
   letter-spacing: .8px
}

/* Destek Talep Formu */
.PopContent[fr=SupportForm] .Form{
   width: 100%;
   margin-bottom: 32px
}
.mod2 .PopContent[fr=SupportForm] .Form{
   padding: 0 18px; 
}

.PopContent[fr=SupportForm] {
   width: 100%;
   padding-top: 30px
}

.PopContent[fr=SupportForm] .Title {
   width: 100%;
   font-weight: 500;
   margin-bottom: 30px;
   text-align: center
}

.PopContent[fr=SupportForm] .Form textarea {
   width: 100%;
   min-height: 180px
}

/* Destek Talep İçeriği */
.PopContent[fr=Support]>.List .ItemBox,
.PopContent[fr=Support]>.List .ItemBox .Item>div{
   width: 100%
}

.PopContent[fr=Support]>.List {
   width: 100%;
   height: 100%;
   margin-bottom: 10px;
   padding: 50px 10px 10px;
   display: flex;
   flex-direction: column;
   gap: 12px;
   overflow-y: auto
}

.PopContent[fr=Support]>.List::-webkit-scrollbar {
   width: 2px;
   background: #fff;
   display: block
}

.PopContent[fr=Support]>.List::-webkit-scrollbar-thumb {
   background: #555;
   border-radius: 2px
}

.PopContent[fr=Support]>.List .ItemBox .Item {
   max-width: 90%;
   background: #efefef;
   border-radius: 3px;
   padding: 12px;
   min-width: 110px
}

.PopContent[fr=Support]>.List .ItemBox .Item>div>span:first-child
{
   width: 100%;
   font-size: 12px
}

.PopContent[fr=Support]>.List .ItemBox .Item>div>span:nth-child(2){
   width: 100%;
   font-size: 10px
}

.PopContent[fr=Support]>.Footer {
   width: 100%;
   margin-top: 0;
   padding: 8px;
   border-top: 1px solid #ccc
}

.PopContent[fr=Support]>.Footer .Input {
   width: 100%;
   display: flex;
   margin: 0;
   gap: 8px
}

.PopContent[fr=Support]>.Footer .Input input {
   padding: 12px;
   border: 1px solid #000
}

.PopContent[fr=Support]>.Footer .Input .Btn {
   position: initial;
   width: 100px;
   flex: none
}
.PopContent[fr=Support]>.List .ItemBox.M0 {
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
}

.PopContent[fr=Support]>.List .ItemBox.M0 .Item {
   background: #d2f6d3
}

.PopContent[fr=Support]>.List .ItemBox.M1 .Item {
   background: #eee
}

/* Sözleşmeler */
.PopContent[fr=Contract] {
   width: 100%;
   padding: 50px 36px 16px
}

.PopContent[fr=Contract] .Title{
   width: 100%;
   font-weight: 500;
   text-transform: uppercase;
   margin-bottom: 10px
}

.PopContent[fr=Contract] .Viewer {
   width: 100%;
   overflow: auto;
   padding-bottom: 40px;
   padding-right:12px
}

.PopContent[fr=Contract] .Viewer::-webkit-scrollbar {
   width: 2px;
   background: #e8e8e800
}

.PopContent[fr=Contract] .Viewer:hover::-webkit-scrollbar {
   background: #e8e8e8
}

.PopContent[fr=Contract] .Viewer:hover::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=Contract] .Viewer::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=Contract] .Btn{
   width: 100%;
   margin-top: auto
}

/* Ödeme Seçenekleri */
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView{
   display: none
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList .PosItem.active img{
   filter: none
}


.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table tbody,
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table thead,
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table thead tr,
.PopContent[fr=ProductInstallment] .Pay .Tab .Text{
   width: 100%
}
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView{
   display: none
}
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView.active{
   display: block
}
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table tbody tr .Check.active::after{
   content: "";
   width: 6px;
   height: 6px;
   background: #000;
   position: absolute;
   left: 4px;
   top: 4px;
   flex: none
}
.PopContent[fr=ProductInstallment] .InstallmentArea{
   display: flex;
   align-items: center
}
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table tbody tr .Check::before{
   content: "";
   width: 12px;
   height: 12px;
   border: 1px solid #000;
   flex: none;
   position: absolute;
   left: 0
}
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table tbody tr .Check{
   display: flex;
   height: 14px;
   justify-content: flex-start;
   position: relative;
   align-items: center;
   margin-right: 10px;
   padding-left: 24px;
   gap: 6px
}

.PopContent[fr=ProductInstallment]{
   width: 100%;
   padding: 120px 40px 40px
}
.PopContent[fr=ProductInstallment] .Title{
   width: 100%;
   margin-bottom: 40px;
   text-align: left
}

.mod2 .PopContent[fr=ProductInstallment]{
   padding: 0;
}
.mod2 .PopContent[fr=ProductInstallment]>.Title{
    border-bottom: 1px solid #ccc;
    line-height: 55px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0 18px;
}

.PopContent[fr=ProductInstallment] .Pay {
   width: 100%;
   display: flex;
   align-items: stretch;
   margin-bottom: 30px;
   gap: 8px;
   flex-wrap: wrap
}
.mod2 .PopContent[fr=ProductInstallment] .Pay {
   padding:0 18px;
   margin-top:18px
}
.PopContent[fr=ProductInstallment] .InstallmentArea{padding:0 18px}

.PopContent[fr=ProductInstallment] .Pay .Tab {
   width: calc(50% - 4px);
   display: flex;
   flex-direction: column;
   border: 1px solid #000;
   padding: 10px
}

.PopContent[fr=ProductInstallment] .Pay .Tab .Title {
   width: 100%;
   font-weight: 100;
   font-size: 11px;
   color: #2b2b2b;
   margin: 0
}

.PopContent[fr=ProductInstallment] .InstallmentArea .Title {
   display: flex;
   align-items: center;
   margin-bottom: 20px
}

.PopContent[fr=ProductInstallment] .InstallmentBox {
   display: flex;
   flex-direction: column;
   max-width: 450px
}
.mod2 .PopContent[fr=ProductInstallment] .InstallmentBox {
   padding:0 18px
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList {
   display: flex;
   gap: 12px;
   overflow: hidden;
   flex-direction: row;
   position: relative;
   align-content: space-around;
   margin-bottom: 23px
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList>.Arrow:first-child{
   background: #fff;
   flex: none;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   height: 95%;
   width: 20px;
   flex: none;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   display: none
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList>.Arrow:nth-child(3){
   background: #fff;
   flex: none;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
   height: 95%;
   width: 20px;
   flex: none;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   display: none
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList>.Arrow>svg[fr=scrollLeft]{
   display: flex;
   height: 6px;
   transform: rotate(270deg);
   flex: none
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList>.Arrow>svg[fr=scrollRight]{
   width: 27px;
   background: #fff;
   transform: rotate(90deg);
   flex: none
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList>.List {
   display: flex;
   align-items: center;
   gap: 12px;
   overflow-y: auto;
   border-top: 1px solid;
   padding: 12px 0
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList>.List::-webkit-scrollbar {
   height: 1px;
   background: #000;
   width: 1px;
   background: #0000001f
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList>.List::-webkit-scrollbar-thumb {
   height: 1px;
   border-radius: 2px;
   background: #000
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList .PosItem {
   width: 100%;
   display: flex;
   cursor: pointer;
   padding: 0 10px 0 0;
   justify-content: space-between;
   align-items: flex-end;
   border-right: 1px solid #000
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList .PosItem img {
   display: flex;
   filter: grayscale(1);
   height: 23px
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosList .PosItem span {
   margin-left: auto;
   font-size: 11px
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table{
   width: 100%;
   border-collapse: collapse
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table thead tr th{
   font-weight: 500;
   line-height: 40px;
   padding: 0 12px;
   font-size: 11px
}
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table tbody tr td:first-child,
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table thead tr th:first-child{
   text-align: left
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table tbody tr td:nth-child(3),
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table thead tr th:nth-child(3){
   text-align: right
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table tbody tr{
   width: 100%;
   cursor: pointer
}
.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table tbody tr:hover td{
   background: #f5f5f5
}

.PopContent[fr=ProductInstallment] .InstallmentBox .PosView table tbody tr td{
   font-size: 11px;
   border-bottom: 1px solid #ededed;
   line-height: 11px;
   text-align: center;
   padding: 15px 12px;
   width: 33.33%;
   position: relative
}

/* Beden Tablosu */
.PopContent[fr=SizeTable] .Viewer .Info,
.PopContent[fr=SizeTable] .Viewer .Info>.Img,
.PopContent[fr=SizeTable] .Viewer .Info>.Text{
   width: 100%
}
.PopContent[fr=SizeTable] .Viewer .Table .TableRow>div:empty{
   display: none
}
.PopContent[fr=SizeTable] .Viewer .Tab>.TabItem.active,
.PopContent[fr=SizeTable] .Viewer .Table .TableRow>div.active{
   color: #000;
   font-size: 13px;
}

.PopContent[fr=SizeTable] {
   width: 100%;
   padding: 120px 40px 40px
}
.PopContent[fr=SizeTable] .Title {
   width: 100%;
   margin-bottom: 40px;
   text-align: left
}
.PopContent[fr=OrderContract] .Viewer,
.PopContent[fr=SizeTable] .Viewer{
   width: 100%;
   margin-bottom: 32px
}

.mod2 .PopContent[fr=SizeTable] {
   padding: 0;
}
.mod2 .PopContent[fr=SizeTable]>.Title {
    border-bottom: 1px solid #ccc;
    line-height: 55px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0 18px;
}
.mod2 .PopContent[fr=SizeTable] .Viewer{
   padding: 0 18px;
}


.PopContent[fr=SizeTable] .Viewer .Tab {
   width: 100%;
   display: flex;
   justify-content: flex-end;
   gap: 20px;
   align-items: center;
   margin-bottom: 30px
}

.mod2 .PopContent[fr=SizeTable] .Viewer .Tab {
   margin-top: 32px;
}

.PopContent[fr=SizeTable] .Viewer .Tab>.Title {
   width: inherit;
   margin: 0
}

.PopContent[fr=SizeTable] .Viewer .Tab>.TabItem {
   color: #909090;
   cursor: pointer;
   position: relative
}

.PopContent[fr=SizeTable] .Viewer .Tab>.TabItem.active::before {
   content: "";
   background: #000;
   display: block;
   width: 2px;
   height: 2px;
   position: absolute;
   left: 50%;
   bottom: -2px
}

.PopContent[fr=SizeTable] .Viewer .Sizes {
   display: flex;
   justify-content: flex-start
}
.mod2 .PopContent[fr=SizeTable] .Viewer .Sizes {
   gap:6px
}

.PopContent[fr=SizeTable] .Viewer .Sizes>.Item {
   min-width: 50px;
   height: 50px;
   padding: 0 5px;
   border: 1px solid #909090;
   margin-right: -1px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #909090;
   cursor: pointer
}

.PopContent[fr=SizeTable] .Viewer .Sizes>.Item.active {
   border-color: #000;
   color: #000;
   z-index: 1
}

.PopContent[fr=SizeTable] .Viewer .Table {
   width: 100%;
   overflow: hidden;
   overflow-x: scroll;
   scrollbar-width: none;
   margin: 20px 0 50px
}

.PopContent[fr=SizeTable] .Viewer .Table .TableRow {
   width: 100%;
   display: flex;
   position: relative
}

.PopContent[fr=SizeTable] .Viewer .Table .TableRow>div {
   display: none;
   color: #909090;
   width: 91px;
   height: 32px;
   flex: none;
   text-align: center
}

.PopContent[fr=SizeTable] .Viewer .Table .TableRow>div select {
   border: 0;
   font-size: 12px;
   padding: 0;
   text-align: left;
   outline: 0
}

.PopContent[fr=SizeTable] .Viewer .Table .TableRow>div:first-child {
   display: flex;
   color: #000;
   position: fixed;
   background: #fff;
   align-items: center;
   justify-content: flex-start
}

.PopContent[fr=SizeTable] .Viewer .Table .TableRow>div.show {
   margin-left: 81px;
   display: flex;
   align-items: center;
   justify-content: center
}

.PopContent[fr=SizeTable] .Viewer .Table .TableRow>div.show+.show {
   margin-left: 0
}
.PopContent[fr=SizeTable] .Viewer .Table .TableRow>div>span:nth-child(2){
   margin-left: 4px
}
.PopContent[fr=SizeTable] .Viewer .Info>.Title {
   width: 100%;
   margin-bottom: 12px
}
.PopContent[fr=SizeTable] .Viewer .Info>.Text >p{
   margin-bottom: 7px
}

/* Sipariş İptal Et */
.PopContent[fr=OrderCancel] .List .Check.active::after{
   content: "";
   width: 6px;
   height: 6px;
   background: #000;
   position: absolute;
   left: 4px;
   top: 4px;
   flex: none
}

.PopContent[fr=OrderCancel] .List .Check::before{
   content: "";
   width: 12px;
   height: 12px;
   border: 1px solid #000;
   flex: none;
   position: absolute;
   left: 0
}

.PopContent[fr=OrderCancel] {
   width: 100%;
   padding: 20px 0 0
}

.PopContent[fr=OrderCancel] .Title {
   width: 100%;
   margin-bottom: 5px;
   text-align: left
}

.PopContent[fr=OrderCancel] .List,
.PopContent[fr=OrderCancel] .Text {
   width: 100%;
   margin-bottom: 20px;
   text-align: left
}

.PopContent[fr=OrderCancel] .SelectedItem {
   cursor: pointer;
   width: 100%;
   display: flex;
   text-align: left;
   align-items: center;
   line-height: 26px
}

.PopContent[fr=OrderCancel] .SelectedItem>.Text{
   margin-bottom: 0
}

.PopContent[fr=OrderCancel] .List .Check{
   display: flex;
   height: 14px;
   justify-content: flex-start;
   position: relative;
   align-items: center;
   margin-right: 10px;
   padding-left: 24px;
   gap: 6px
}

.PopContent[fr=OrderCancel] .BtnList {
   display: flex;
   gap: 16px;
   flex-direction: column
}

/* Hesap Oluştur */
.PopContent[fr=SaveMember]>.Form .Contract .Text>span:hover{
   text-decoration: underline;
}


.PopContent[fr=SaveMember] {
   width: 100%;
   padding: 70px 40px 36px
}

.PopContent[fr=SaveMember]>.Title{
   width: 100%;
   margin-bottom: 16px
}

.PopContent[fr=SaveMember]>.Form {
   width: 100%;
   display: flex;
   flex-direction: column;
   overflow: auto;
   padding: 0 15px 0 1px
}

.PopContent[fr=SaveMember]>.Form::-webkit-scrollbar {
   height: 1px;
   background: #000;
   width: 1px;
   background: #0000001f
}

.PopContent[fr=SaveMember]>.Form::-webkit-scrollbar-thumb {
   height: 1px;
   border-radius: 2px;
   background: #000
}

.PopContent[fr=SaveMember]>.Form .BtnList{
   width: 100%;
   display: flex;
   margin: 40px 0 30px
}

.PopContent[fr=SaveMember]>.Form .Contract {
   display: flex;
   margin-top: 20px;
   align-content: flex-start;
   align-items: flex-start;
   cursor: pointer
}

.PopContent[fr=SaveMember]>.Form .Contract .Text {
   display: flex;
   margin: -1px 0 0;
   padding: 0
}

.PopContent[fr=SaveMember]>.Form .Contract .Text>span{
   font-weight: 500;
   cursor: pointer
}

.PopContent[fr=SaveMember]>.Form .Check{
   display: flex;
   width: 11px;
   height: 11px;
   justify-content: center;
   position: relative;
   align-items: center;
   margin-right: 8px;
   flex: none
}

.PopContent[fr=SaveMember]>.Form .Check+div {
   margin-top: 3px;
   margin-bottom: -1px
}

.PopContent[fr=SaveMember]>.Form .Check::before{
   content: "";
   width: 11px;
   height: 11px;
   border: 1px solid #000;
   flex: none
}

.PopContent[fr=SaveMember]>.Form .Check.active::after{
   content: "";
   width: 5px;
   height: 5px;
   background: #000;
   position: absolute;
   left: 3px;
   top: 3px;
   flex: none
}

/* Hesap Oluştur, Bildirim */
.PopContent[fr=SaveMemberNotification] {
   width: 100%;
   display: flex;
   flex-direction: column; 
   padding-top: 14px
}

.PopContent[fr=SaveMemberNotification]>.Title {
   width: 100%;
   margin-bottom: 17px;
   text-align: center
}

.PopContent[fr=SaveMemberNotification]>.Text {
   width: 100%;
   margin-bottom: 2px;
   text-align: center;
   line-height: 18px
}

.PopContent[fr=SaveMemberNotification]>.BtnList {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin-top: 25px
}

/* Ürün Tab Özellikleri */
.PopContent[fr=FeaturesTab]{
   width: 100%;
   padding: 120px 40px 40px
}
.PopContent[fr=FeaturesTab] .Title{
   width: 100%;
   margin-bottom: 40px;
   text-align: left
}


.mod2 .PopContent[fr=FeaturesTab]{
   padding: 0;
}
.mod2 .PopContent[fr=FeaturesTab]>.Title{
    border-bottom: 1px solid #ccc;
    line-height: 55px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0 18px;
}

.PopContent[fr=FeaturesTab] .Viewer {
    width: 100%;
    overflow: auto;
    padding: 20px 18px;
}
.PopContent[fr=FeaturesTab] .Viewer strong{font-weight:bold}
.PopContent[fr=FeaturesTab] .Viewer p{margin:15px 0px}


.PopContent[fr=FeaturesTab] .Viewer::-webkit-scrollbar {
   width: 2px;
   background: #fff;
   display: block
}

.PopContent[fr=FeaturesTab] .Viewer:hover::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=FeaturesTab] .Viewer::-webkit-scrollbar-thumb {
   background: #555
}

/* Görünümü Satın Al */
.PopContent[fr=mod100Preview] {
   width: 100%;
   padding: 70px 40px 40px;
   display: flex;
   flex-direction: column
}

.PopContent[fr=mod100Preview] .Title {
   width: 100%;
   line-height: 17px;
   margin-bottom: 12px
}

.PopContent[fr=mod100Preview] .Text {
   width: 100%;
   font-size: 11px;
   margin-bottom: 40px
}

.PopContent[fr=mod100Preview] .Products::-webkit-scrollbar {
   width: 2px;
   background: #b2b2b2
}

.PopContent[fr=mod100Preview] .Products::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=mod100Preview] .Products::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=mod100Preview] .Products .ProductItem {
   width: 100%;
   margin-bottom: 45px
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Gallery {
   width: 97px;
   margin-right: 7px;
   flex: none
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info {
   width: 100%;
   display: flex;
   flex-direction: column;
   height: inherit;
   padding: 0 10px
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Name {
   width: 100%;
   font-size: 11px;
   line-height: 15px;
   margin-bottom: 3px;
   text-wrap: auto
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Colors {
   width: 100%;
   display: flex;
   justify-content: flex-start;
   gap: 12px;
   margin-top: 10px
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Colors .ColorItem {
   cursor: pointer;
   position: relative
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Colors .ColorItem .Color {
   width: 16px;
   height: 16px
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Variations>select {
   width: 100%;
   border: 0;
   border-bottom: 1px solid #000;
   line-height: 24px;
   padding: 5px 0;
   font-size: 12px;
   outline: 0
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Variations>select>option[value="0"] {
   color: #707070
}

.PopContent[fr=mod100Preview] .Addition {
   width: 100%;
   margin-top: auto;
   margin-bottom: 14px;
   display: flex;
   align-items: center;
   justify-content: space-between
}

.PopContent[fr=mod100Preview] .Addition>div:first-child {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start
}

.PopContent[fr=mod100Preview] .Addition>div:first-child>span:first-child,
.PopContent[fr=mod100Preview] .Addition>div:first-child>span:nth-child(2),
.PopContent[fr=mod100Preview] .Addition>div:nth-child(2)>span:first-child,
.PopContent[fr=mod100Preview] .Addition>div:nth-child(2)>span:nth-child(2) {
   font-size: 12px;
   line-height: 17px
}

.PopContent[fr=mod100Preview] .Addition>div:nth-child(2) {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-end
}

.PopContent[fr=mod100Preview] .Btn,
.PopContent[fr=mod100Preview] .Products .ProductItem>div .Gallery img{
   width: 100%
}
.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Variations {
   width: 100%;
   margin-top: auto
}
.PopContent[fr=mod100Preview] .Products .ProductItem .Info .PriceBox .SalePrice .Info {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   width: initial;
   padding: 0;
   height: inherit
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Colors .ColorItem.active{
   cursor: pointer
}
.PopContent[fr=mod100Preview] .Products .ProductItem>div{
   width: 100%;
   display: flex;
}
.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Colors .ColorItem .Name{
   width: 100%;
   display: none
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Colors .ColorItem.active:before {
   content: "";
   display: flex;
   height: 1px;
   background: #000;
   position: absolute;
   bottom: -5px;
   width: 100%
}

.PopContent[fr=mod100Preview] .Products .ProductItem>div .Info .Colors .ColorItem.active:not(:empty):hover:before {
   content: "";
   display: flex;
   height: 1px;
   background: grey;
   position: absolute;
   bottom: -5px;
   width: 100%
}

/* Ödeme Adımı Sözleşmeler */
.PopContent[fr=OrderContract],
.PopContent[fr=OrderContract] .Viewer .ContractTab{
   width: 100%
}

.PopContent[fr=OrderContract] .Viewer .ContractTab .ContractTabTitle>svg[fr=accordionOpen],
.PopContent[fr=OrderContract] .Viewer .ContractTab.Open .ContractTabTitle>svg[fr=accordioClose]{
   display: none
}

.PopContent[fr=OrderContract] .Viewer{
   width: 100%;
   margin-bottom: 32px
}

.mod2 .PopContent[fr=OrderContract] .Viewer{
   padding: 0 18px;
}
.PopContent[fr=OrderContract] .Title {
   width: 100%;
   font-weight: 500;
   text-transform: uppercase;
   margin-bottom: 10px
}

.PopContent[fr=OrderContract] .Viewer .ContractTab .ContractTabTitle {
   width: 100%;
   border: 1px solid #a3a3a3;
   padding: 15px;
   margin-bottom: -1px;
   display: flex;
   align-items: center;
   justify-content: space-between
}


.PopContent[fr=OrderContract] .Viewer .ContractTab .ContractTabTitle>svg{
   display: block
}
.PopContent[fr=OrderContract] .Viewer .ContractTab.Open .ContractTabTitle>svg[fr=accordionOpen]{
   display: block
}

.PopContent[fr=OrderContract] .Viewer .ContractTab .ContractTabView {
   width: 100%;
   overflow: auto;
   overflow-y: scroll;
   padding: 24px 24px 40px;
   border: 1px solid #a3a3a3;
   border-bottom: 0;
   display: none
}

.PopContent[fr=OrderContract] .Viewer .ContractTab:last-child .ContractTabView {
   border-bottom: 1px solid #a3a3a3
}

.PopContent[fr=OrderContract] .Viewer .ContractTab .ContractTabView::-webkit-scrollbar {
   height: 0;
   width: 2px;
   background: #fff;
   display: block
}

.PopContent[fr=OrderContract] .Viewer .ContractTab .ContractTabView::-webkit-scrollbar-thumb {
   background: #555;
   border-radius: 2px
}

.PopContent[fr=OrderContract] .Btn {
   width: 100%;
   margin-top: auto;
   position: absolute; 
   left: 0;
   bottom: 0
}

@media(max-width: 1140px) {
    .PopContent[fr=OrderContract] .Btn {
       position: inherit;
       left: 0;
       bottom: 0;
       z-index: 11
    }
}

/* Yükleniyor, Güncelleniyor */
.PopupBox.Loading>.OverFlow {
   background: #ffffff78
}

.PopupBox.Loading {
   display: flex;
   align-items: flex-start
}

.PopupBox.Loading>.Document {
   border: 1px solid #ccc;
   margin-top: 15%
}


.PopContent[fr=Loading] {
   padding: 30px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center
}

.PopContent[fr=Loading]:before {
   content: "";
   display: flex;
   background-image: url('/NewWebSites/img/body_loading.svg?v45');
   width: 32px;
   height: 22px;
   position: absolute;
   top: 46px;
   background-size: 32px;
   z-index: 20
}

.PopContent[fr=Loading] .Title {
   text-transform: uppercase;
   text-align: center
}

/* Banka Hesabı Ekle */
.PopContent[fr=AddBankAccount] .Closed:hover{
   opacity: .8
}

.PopContent[fr=AddBankAccount] .Closed{
   position: absolute;
   right: 20px;
   top: 20px;
   cursor: pointer
}

.PopContent[fr=AddBankAccount]{
   width: 100%;
   padding: 30px 0 0
}

.PopContent[fr=AddBankAccount] .Title
   width: 100%;
   text-align: center;
   font-weight: 500;
   margin-bottom: 18px
}

.PopContent[fr=AddBankAccount] .Text{
   width: 100%;
   text-align: center;
   margin-bottom: 20px
}

.PopContent[fr=AddBankAccount] .Form {
   width: 100%;
   margin: 15px 0;
   display: block
}

.PopContent[fr=AddBankAccount] .BtnList {
   width: 100%;
   display: flex;
   gap: 12px;
   flex-direction: column
}

/* Bakiyeyi Ödeme Çıakrt */
.PopContent[fr=BalancePayment] .BankList [fr=selectedAccount]:hover,
.PopContent[fr=BalancePayment] .Closed:hover{
   opacity: .8
}
.PopContent[fr=BalancePayment] .Closed{
   position: absolute;
   right: 20px;
   top: 20px;
   cursor: pointer
}
.PopContent[fr=BalancePayment] .BankList [fr=selectedAccount]>div:nth-child(2) span:first-child,
.PopContent[fr=BalancePayment] .BankList [fr=selectedAccount]>div:nth-child(2) span:nth-child(2){
   font-size: 11px
}

.PopContent[fr=BalancePayment] {
   width: 100%;
   padding: 30px 0 0
}

.PopContent[fr=BalancePayment] .Title {
   width: 100%;
   text-align: center;
   font-weight: 500;
   margin-bottom: 18px
}

.PopContent[fr=BalancePayment] .Text {
   width: 100%;
   text-align: center;
   margin-bottom: 20px
}


.PopContent[fr=BalancePayment] .Info {
   width: 100%;
   background: #fff7f7;
   color: #ef0000;
   padding: 20px 0;
   text-align: center;
   display: none
}

.PopContent[fr=BalancePayment] .Form {
   width: 100%;
   margin: 15px 0;
   display: none
}

.PopContent[fr=BalancePayment] .BtnList {
   width: 100%;
   gap: 12px;
   flex-direction: column;
   display: none
}

.PopContent[fr=BalancePayment] .BankList {
   width: 100%;
   display: flex;
   flex-direction: column;
   overflow: auto;
   max-height: 300px;
   padding-right: 7px
}

.PopContent[fr=BalancePayment] .BankList::-webkit-scrollbar {
   width: 2px;
   background: #b2b2b2
}

.PopContent[fr=BalancePayment] .BankList::-webkit-scrollbar-thumb {
   background: #000;
   border-radius: 2px
}

.PopContent[fr=BalancePayment] .BankList::-webkit-scrollbar-thumb:hover {
   background: #555
}

.PopContent[fr=BalancePayment] .Btn[fr=accountList],.PopContent[fr=BalancePayment] .Btn[fr=newAccount] {
   width: 100%;
   text-align: left;
   text-decoration: underline
}

.PopContent[fr=BalancePayment] .BankList [fr=selectedAccount] {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   border: 1px solid #ccc;
   border-left: 0;
   border-right: 0;
   padding: 16px 0;
   margin-bottom: -1px;
   cursor: pointer
}

.PopContent[fr=BalancePayment] .BankList [fr=selectedAccount]>div:first-child {
   font-size: 10px;
   text-transform: uppercase;
   max-width: 30%
}

.PopContent[fr=BalancePayment] .BankList [fr=selectedAccount]>div:nth-child(2) {
   display: flex;
   flex-direction: column;
   align-items: flex-end
}

/* Sms Doğrulama */
.PopContent[fr=Sms] .otc label{
   border: 0;
   clip: rect(1px,1px,1px,1px);
   -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   white-space: nowrap
}

.PopContent[fr=Sms] .top-area {
   position: relative;
   text-align: center;
   display: flex;
   flex-direction: column
}

.PopContent[fr=Sms] .title {
   position: relative;
   margin: 0 0 17px
}

.PopContent[fr=Sms] .text {
   position: relative;
   margin: 0 auto;
   max-width: 62%
}

.PopContent[fr=Sms] .otc {
   position: relative;
   margin-top: 22px
}

.PopContent[fr=Sms] .otc .fieldset-sms{
   border: 0;
   padding: 0;
   margin: 0
}

.PopContent[fr=Sms] .otc .input-group{
   display: flex;
   align-items: center;
   justify-content: space-between
}

.PopContent[fr=Sms] .otc legend.label {
   font-size: 12px;
   color: #000;
   text-align: center;
   text-transform: uppercase
}

.PopContent[fr=Sms] .otc.error legend.label {
   color: red
}

.PopContent[fr=Sms] .otc .fieldset-sms .input-group>input {
   width: 41px;
   height: 46px;
   line-height: 1;
   margin-top: 10px;
   padding: 15px 0 0;
   font-size: 18px;
   appearance: textfield;
   -webkit-appearance: textfield;
   border: 0;
   border-bottom: 1px solid #000;
   color: #000;
   outline: 0;
   text-align: center
}

.PopContent[fr=Sms] .otc .fieldset-sms .input-group>input[type=number].input-code.full {
   border-color: #000;
   background-color: #fff
}

.PopContent[fr=Sms] .otc.error .fieldset-sms .input-group>input[type=number].input-code.full {
   border-color: red;
   color: red
}

.PopContent[fr=Sms] .otc .left-time {
   margin-top: 16px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-direction: column-reverse
}

.PopContent[fr=Sms] .otc .left-time .timekeeper {
   font-size: 12px;
   color: #000;
   cursor: pointer;
   line-height: 16px;
   margin: 4px 0
}

.PopContent[fr=Sms] .otc .left-time .time-text {
   font-size: 11px;
   color: #8b8b8b;
   line-height: 16px
}

.PopContent[fr=Sms] .otc .verify-area{
   margin-top: 8px
}

.PopContent[fr=Sms] .otc .verify-area .btn-verify {
   background-color: #efefef;
   border: 1px solid #e5e5e5;
   cursor: pointer;
   display: block;
   width: 100%;
   height: 39px;
   font-size: 12px;
   text-transform: uppercase;
   color: #939393;
   transition: .3s linear
}

.PopContent[fr=Sms] .otc .verify-area .btn-verify.success {
   background-color: #000;
   color: #fff
}

/* PRODUCT_ITEM / html_card */
.ProductItem {
   width: 33.33%;
   border: 0;
   margin-bottom: 0
}

.ProductItem.nonStock {
   display:none
}

.ProductItem img {
   width: 100%;
   display: block;
   z-index: 0;
   position: relative
}

.ProductItem .Info {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 8px 14px;
    height: 140px;
    position: relative;
}

.PopContent[fr=AddBagSuccess] .Preview .ProductItem>div>.Info, .PopContent[fr=StockNotificationForm] .Preview .ProductItem>div>.Info{
    height:inherit;
    min-height: 132px;
}
.ProductItem .Info .InfoBar01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0 2px;
    flex-direction: row;
    gap: 4px;
    margin-bottom: 5px;
}
.ProductItem .Info .InfoBar01 .InfoBarLeft{
    width: 72%;
}

.ProductItem .Info .Name {
    width: 100%;
    display: block;
    font-weight: 400;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.ProductItem .Info .Desc {
    display: none;
}

.ProductItem .Info .Colors,.ProductItem .Info .PriceBox:not([OldPrice="0"]) .OldPrice,.ProductItem.Favorite .Gallery>img,.ProductItem.Wait .Info .Properties:not([qty="0"]) .Btn[fr=stockIn],.ProductItem.Wait .Info .Properties[qty="0"] .Btn[fr=stockOut],[Grid=Special] .ProductItem[SubType="1"][INFO="0"] .Info,[Grid=Special] .ProductItem[SubType="2"][INFO="0"] .Info,[Grid=Special] .ProductItem[SubType="3"][INFO="0"] .Info {
   display: flex
}

.ProductItem .Info .Colors>span {
    font-size: 11px;
    margin-left: 6px;
    line-height: 11px;
}
.ProductItem .Info .Colors[other="0"]>span{display:none}

.ProductItem .Info .Colors>div>span:first-child {
   width: 8px;
   height: 8px;
   display: block;
   margin-right: 5px;
   flex: none
}







.ProductItem .Info .Badges {
   width: 100%;
   display: block;
   margin-top: 6px;
   color: #747474;
   font-size: 9px;
   text-transform: uppercase
}

.ProductItem .Gallery {
   position: relative;
   overflow: hidden;
   max-width: inherit;
   margin: 0;
   width: 100%;
}

.ProductItem .Gallery .swiper-button-prev,
.ProductItem .Gallery .swiper-rtl .swiper-button-next,
.ProductItem .Gallery .swiper-button-next,
.ProductItem .Gallery .swiper-rtl .swiper-button-prev
{
   display:none
}
.ProductItem .Gallery:hover .swiper-button-prev, .ProductItem .Gallery:hover .swiper-rtl .swiper-button-next, .ProductItem .Gallery:hover .swiper-button-next, .ProductItem .Gallery:hover .swiper-rtl .swiper-button-prev {
    display: block;
    background: #ffffff;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    opacity: 1;
}

.ProductItem .Gallery:hover .swiper-button-prev{left:5px}
.ProductItem .Gallery:hover .swiper-button-next{right:5px}

.ProductItem .Gallery .swiper-button-prev:hover,
.ProductItem .Gallery .swiper-rtl .swiper-button-next:hover,
.ProductItem .Gallery .swiper-button-next:hover,
.ProductItem .Gallery .swiper-rtl .swiper-button-prev:hover{
    opacity: 1;
}

.ProductItem .Gallery .swiper-button-prev:after,
.ProductItem .Gallery .swiper-rtl .swiper-button-next:after {
    content: ""; 
    display: block;
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke-width='3' stroke='%23000000' fill='none'>\
<polyline points='18.86 57.47 44.12 30.84 18.86 6.58'/>\
</svg>");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ProductItem .Gallery .swiper-button-next:after,
.ProductItem .Gallery .swiper-rtl .swiper-button-prev:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke-width='3' stroke='%23000000' fill='none'>\
<polyline points='18.86 57.47 44.12 30.84 18.86 6.58'/>\
</svg>");
    transform: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ProductItem .Gallery .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    display: flex;
    gap: 2px;
    bottom: 5px;
    margin: 0;
    top: inherit;
    height: inherit;
    align-items: center;
    padding: 3px;
    justify-content: center;
}
.ProductItem .Gallery .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    display: inline-block;
    border-radius: 2px;
    background: #ffffff;
    opacity: .2;
    margin: 0;
}
.ProductItem .Gallery .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}
.ProductItem .Gallery .swiper-slide{
    position:relative;
    width: 100% !important;
}
.ProductItem .Gallery .swiper-slide::before {
    content: '';
    display: block;
    background: #eee;
    padding-top: calc((100% / (208 / 313)));
}
.ProductItem .Gallery .swiper-slide.Video video{
    pointer-events: none;
}

.ProductItem .Gallery .swiper-slide img,.ProductItem .Gallery .swiper-slide video {
    position:absolute;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.ProductItem .Gallery .Favorite {
    position: absolute;
    right: 10px;
    bottom: -20px;
    z-index: 1;
    transition: all 0.3s;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
    opacity: 0;
}
.ProductItem:hover .Gallery .Favorite{
    bottom: 10px;
    opacity:1;
    transition: all 0.3s
}


.ProductItem .InfoBar03 .VariationBar {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #fffFFFD6;
    position: relative;
    z-index: 1;
    transition: bottom .2s;
    flex-direction: column;
    opacity: 0;
    margin-top: 15px;
    bottom: -5px;
}

.ProductItem:hover .InfoBar03 .VariationBar {
    transition: bottom .2s;
    opacity: 1;
    bottom: 0;
}


.ProductItem .InfoBar03 .VariationBar .Text {
    display: flex;
    width: 100%;
    padding: 0;
    color: #353535;
    letter-spacing: 1px;
    font-size: 10px;
}

.ProductItem .InfoBar03 .VariationBar .List {
    display: flex;
    gap: 12px;
    padding: 5px 0px;
    flex-wrap: wrap;
}

.ProductItem .InfoBar03 .VariationBar .List>.SizeItem {
    flex: none;
    display: flex;
    align-items: center;
    color: #565656;
    font-weight: 600;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
}
.ProductItem .InfoBar03 .VariationBar .List>.SizeItem:hover {
   color: #000;
}
.ProductItem .InfoBar03 .VariationBar .List>.SizeItem:hover:before {
    content: "";
    display: block;
    color: #262626;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: -2px;
}

.ProductItem .InfoBar03 .VariationBar .List>.SizeItem>span {
   display: block;
   color: #262626;
   width: max-content;
   font-size: 13px
}

.ProductItem .InfoBar03 .VariationBar .List>.SizeItem>div {
   font-size: 0;
   height: 10px;
   margin-left: 3px;
   position: relative
}
.ProductItem .InfoBar03 .VariationBar .List>.SizeItem[Qty="0"] {
    pointer-events: none;
}
.ProductItem .InfoBar03 .VariationBar .List>.SizeItem[Qty="0"]:after {
    content: "";
    height: 1px;
    width: calc(100% + 6px);
    background: #676767;
    position: absolute;
    bottom: 7px;
    left: -3px;
}
.ProductItem .InfoBar03 .VariationBar .List>.SizeItem[Qty="0"]>span {
   color: #838383;
   pointer-events: none
}

.ProductItem .Info .Product>.Color {
   width: 100%;
   font-size: 11px;
   color: #262626;
   display: flex;
   gap: 7px;
   align-items: center;
   margin-top: 4px
}

.ProductItem .Info .Product>.Variation {
   width: 100%;
   font-size: 11px;
   color: #262626;
   display: flex;
   gap: 7px;
   align-items: center;
   margin-top: 8px
}

.PopContent[fr=AddBagSuccess] .TabView[T=Bag] .BagProducts .ProductItem .Info .Product>.Color .Code,.ProductItem .Info .Product>.Color .Code {
   width: 10px;
   height: 10px;
   display: block;
   flex: none;
   border: 1px solid #e5e5e5;
   margin-top: -2px
}

.ProductItem .Info .Product>.Color .Text {
   font-size: 11px;
   color: #000
}



.ProductItem[mod="2"]{padding:0 2px 2px 2px;}
.ProductItem[mod="2"] .Info .InfoBarColors{display: flex;position: relative;z-index: 1;align-items: center;justify-content: space-between;}
.ProductItem[mod="2"] .Info .InfoBarColors .Colors {
    display: flex;
    gap: 3px;
    align-items: center;
}
.ProductItem[mod="2"] .Info .InfoBarColors .ColorItem {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    position: relative;
    border: 1px solid #F1F1F1;
    flex: none;
    cursor: pointer;
}
.ProductItem[mod="2"] .Info .InfoBarColors .ColorItem>span{display:none}
.ProductItem[mod="2"] .Info .InfoBarColors .ColorItem:hover>span{
    display:block;padding: 3px 7px;position: absolute;top: 100%;left: 0;background: #fff;border: 1px solid #F7F7F7;
    width: min-content;height: fit-content;margin-top: 6px;font-size: 11px;border-radius: 4px;box-shadow: 0px 3px 8px 0px #0000001A;font-weight: 600;
}
.ProductItem .Info .InfoBarColors .Favorite {
    margin-left: auto;
    cursor: pointer;
    height: 12px;
    width: 17px;
    display: flex;
    justify-content: flex-end; 
    align-items: center;
    flex: none; 
}

.ProductItem .Favorite>svg {
    display: none;
    width: 16px;
}

.ProductItem .Favorite:not(.active)>svg[fr="non"] {
    display: block;
}
.ProductItem .Favorite:not(.active)>svg[fr="non"]:hover path{
    stroke:#f00
}

.ProductItem .Favorite.active>svg[fr="active"] {
    display: block;
    height: 14px;
    width: initial;
    margin-right: 2px;
    margin-top: 1px
}

.ProductItem .Favorite.active>svg[fr="active"] path {
    fill: #f00
}

.ProductItem .Info .Badges{font-size:11px;font-weight:600;color:#666666}
.ProductItem .Gallery .VariationBar {
    background: transparent;
    padding: 14px;
    gap: 10px;
}
.ProductItem .Gallery .VariationBar>.BtnSizesArea{
    width: 50%;
    position: relative;
}
.ProductItem .Gallery .VariationBar>.BtnSizesArea>.Btn {
    width: 100%;
    background: #fff;
    color: #000;
}
.ProductItem .Gallery .VariationBar>.BtnSizesArea>.List {
    position: absolute;
    bottom: 48px;
    background: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    gap: 0px;
    font-size: 12px;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all 0.2s ease;
}
.ProductItem .Gallery .VariationBar>.BtnSizesArea:hover>.List {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    box-shadow: 0px 8px 12px -12px #00000066;
}
.ProductItem .Gallery .VariationBar>.BtnSizesArea>.List .SizeItem {
    width: 100%;
    line-height: 30px;
    padding: 0 16px;
}
.ProductItem .Gallery .VariationBar>.BtnSizesArea>.List .SizeItem:hover{
    background: rgb(243 244 246);
}
.ProductItem .Gallery .VariationBar>.BtnSizesArea>.List .SizeItem.active {
    background: rgb(243 244 246);
}
.ProductItem .Gallery .VariationBar>.BtnSizesArea>.List .SizeItem[Qty="0"] {
    pointer-events: none;
    background: #ececec;
    text-decoration: line-through;
    color: #ccc;
}
.ProductItem .Gallery .VariationBar select.List{background: #fff;width: 50% !important;flex: none;padding: 4px;outline: none;}
.ProductItem .Gallery .VariationBar .Btn {
    background: #000;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
    border-radius: 0;
    width: 50%;
}
.ProductItem .Gallery .VariationBar .List>.SizeItem:not([Qty="0"])>div,
.ProductItem .Gallery .VariationBar .List>.SizeItem[Notification="0"]>div,
.ProductItem .Info .Colors[Count="1"],
.ProductItem .Info .PriceBox .SalePrice .SpecialText:empty,
.ProductItem.Wait .Info .Properties .Btn[fr=stockIn],
[Grid="12"] .ProductItem .Info,
[Grid="12"] .ProductItem .VariationBar,
[Grid=Special] .ProductItem[INFO="1"] .Info,
[Grid=Special] .ProductItem[INFO="1"] .VariationBar{
   display: none
}

.ProductItem.Favorite .Info .Properties .Btn.Favorite,.ProductItem.Favorite .Info .Properties .Sizes,.ProductItem.Wait .Info .Properties .Btn.Favorite{
   display: flex;
   align-items: center
}
.ProductItem .Info .PriceBox .SalePrice .SpecialText:hover {
   background: #000; 
   color: #fff
}
.ProductItem .Info .Badges>span,.ProductItem .Info .InfoBar03{
   width: 100%;
   display: block
}
.ProductItem.Favorite .Info .Product>.Name:hover{
   text-decoration: underline;
}
.ProductItem .Info .Colors>div>span:nth-child(2) {
   width: 100%;
   font-size: 10px
}
.ProductItem .Info .Colors>div .Image{
   display:none;
}
.ProductItem .Info .Colors>div.Doku .Image{
   display:block;
}


.ProductItem.Favorite .Info .Product,
.ProductItem.Wait .Info .Product{
   display: flex;
   flex-direction: column
}
.ProductItem .Info .InfoBar02{
   width: 100%;
   display: flex;
}

.ProductItem .Gallery .VariationBar .List{
   width:inherit;
}

.ProductItem .Gallery .VariationBar .List>.SizeItem>div:before {
   content: "";
   display: flex;
   width: 13.183px;
   height: 9.887px;
   background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2213.183%22%20height%3D%229.887%22%20viewBox%3D%220%200%2013.183%209.887%22%3E%3Cpath%20id%3D%22envelope-sharp-light%22%20d%3D%22M.824%2C66.451l5.768%2C3.965%2C5.768-3.965V64.824H.824Zm11.535%2C1L6.591%2C71.415.824%2C67.45v5.613H12.359ZM0%2C73.063V64H13.183v9.887H0Z%22%20transform%3D%22translate(0%20-64)%22/%3E%3C/svg%3E');
   background-repeat: no-repeat;
   background-size: contain
}

.ProductItem .Gallery .VariationBar .List>.SizeItem.waitstockactive>div:after {
   content: "";
   background: 50% no-repeat #4caf50;
   width: 2px;
   height: 10px;
   display: block;
   position: absolute;
   top: 0;
   right: -4px
}
.ProductItem .Gallery .VariationBar .List>.SizeItem>span:hover{
   color: #000;
   text-decoration: underline
}
.ProductItem.Favorite .Info .Properties .Sizes>select[pageload="1"]{
   height: 14px
}
.ProductItem.Favorite .Info .Product>.Name[pageload="1"]{
   height: 17px
}
.ProductItem .Info .Colors>div{
   display: flex;
   align-items: center;
   width: max-content
}
.ProductItem.Favorite .Info .Product>.Name {
   width: 100%;
   margin-bottom: 2px;
   font-size: 12px;
   line-height: 17px
}

.ProductItem.Favorite .Info .Product>.Rating {
   display:none;
}
.ProductItem.Favorite .Info .Product>.Rating:not([Point="0"]){
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #000000;
    font-weight: 500;
}

.ProductItem.Favorite .Info .Product>.Rating .bottom-header-left{
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 4px 0px;
}

.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SalePrice .Info>.Price>span{
   margin-left: 3px
}

.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SalePrice .Info{
    line-height: 18px;
    font-size: 16px;
    font-weight: 500;
}
.Page[PageType=View] .Information .InfoBar .Info .PriceBox .OldPrice {
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #8B8B8B;
}
.Page[PageType=View] .PriceBox .OldPrice:before {
    content: "";
    background: #a4a4a4;
    top: 8px;
}



.PriceBox {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 4px;
    position: inherit;
    flex-wrap: wrap;
}

.PriceBox .SalePrice .Info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    width: initial;
    padding: 0;
    height: inherit;
    margin-right: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
}
.PriceBox .SalePrice .Info>.Price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2px;
    font-weight: 600;
    color: #000;
}

.PriceBox[Campaing="1"][CampaingType="true"] .SalePrice .Info>.Price {
    width: fit-content;
    line-height: 14px;
    position: relative;
    font-weight: 400;
    color: #8B8B8B;
}
.PriceBox[Campaing="1"][CampaingType="true"] .SalePrice .Info>.Price:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    left: 0;
    top: 7px;
}


.PriceBox .Campaigns {
    color: #D24343;
    border: 0;
    padding: 0;
    font-weight: 700;
    width: 100%;
    font-size: 0.75rem;
}
.PriceBox .Campaigns>span{
    color: #D24343;
}
.PriceBox .SalePrice{font-size:13px;font-weight:600;color: #242424;}

.PriceBox .OldPrice {
    width: fit-content;
    font-size: 13px;
    line-height: 14px;
    position: relative;
    display: none;
}
.PriceBox:not([OldPrice="0"]) .OldPrice {
    display: block;
}

.PriceBox .OldPrice .Info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    width: initial;
    padding: 0;
    height: inherit;
    margin-right: 0px;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
}
.Page[PageType=View] .PriceBox .OldPrice .Info>.Price:before {
    content: "";
    background: #a4a4a4;
    top: 8px;
}
.PriceBox .OldPrice .Info>.Price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 12px;
    padding-top: 2px;
    font-weight: 700;
    color: #000;
}
.PriceBox:not([OldPrice="0"]) .OldPrice .Info {
    color:#D24343
}
.PriceBox .OldPrice .Info>.DiscountRate {
   display: none
}
.PriceBox .OldPrice .Info>.DiscountRate:before {
    content: "-";
    display: flex;
}
.PriceBox:not([DiscountRate="0"]) .OldPrice .Info>.DiscountRate {
    display: flex;
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 700;
}

.PriceBox:not([OldPrice="0"]) .SalePrice .Info {
    color:#D24343
}

.PriceBox .SalePrice .Info>.DiscountRate {
   display: none
}
.PriceBox .SalePrice .Info>.DiscountRate:before {
    content: "-";
    display: flex;
}
.PriceBox:not([DiscountRate="0"]) .SalePrice .Info>.DiscountRate {
    display: flex;
    margin-right: 6px;
    margin-left: 6px;
    font-weight: 500;
}

.PriceBox .SalePrice .SpecialText {
   width: fit-content;
   border: 1px solid #000;
   line-height: 14px;
   padding: 2px 5px 0;
   cursor: pointer;
   overflow: hidden;
   line-height: 12px;
   height: 17px;
}

.PriceBox .Campaigns:empty {
   opacity: 0
}
.PriceBox:not([OldPrice="0"]) .SalePrice .Info>.Price {
   padding: 0;
}
.PriceBox .OldPrice:before{
    content:"";
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    top: 7px;
    left: 0px;
}

.PopContent .ProductItem .Gallery .VariationBar{display:none}
.ProductItem .Gallery .VariationSelect {display: none;}
@media(max-width: 1140px) {
    .ProductItem .Info .Name {
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px;
    }
    .ProductItem .Gallery .Favorite{
        display: block;
        bottom: 10px;
        opacity: 1;
        padding: 3px;
    }
    .ProductItem:hover .InfoBar03 .VariationBar{display: none;}
    .ProductItem .Info{padding:6px}
    .PriceBox .OldPrice{font-size:11px}
    .PriceBox .SalePrice .Info{font-size:12px;line-height: 12px;}
    .ProductItem[mod="2"] .Info .InfoBarColors{display: none;}

    .ProductItem .Gallery .VariationBar{
       display: none;
    }
    .ProductItem .Gallery .VariationSelect {
        display: flex;
        position: absolute;
        right: 10px;
        bottom: 40px;
        z-index: 1;
        transition: all 0.3s;
        background: #fff;
        padding: 1px;
        border-radius: 4px;
        opacity: 1;
    }

   .ProductItem .Info .PriceBox .SalePrice {
       display: flex;
       flex-direction: column;
       gap: 5px
   }
   .ProductItem.Wait .Info .Properties .Btn{
       font-size: 11px
   }
   .ProductItem.Wait .Info .Properties .Btn:last-child {
       margin-right: 0
   }

   .ProductItem.Favorite .Info .Properties .Sizes>select {
       pointer-events: none
   }
    .ProductItem .Gallery .swiper-button-prev,
    .ProductItem .Gallery .swiper-rtl .swiper-button-next,
    .ProductItem .Gallery .swiper-button-next,
    .ProductItem .Gallery .swiper-rtl .swiper-button-prev
    {
       display:none !important
    }
    
}

/* LOGIN / html_login */
.modLoginBox {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999!important;
    background: #fff;
    background: transparent;
    z-index: 98;
    display: none;
    font-family: sans-serif; 
}
.modLoginBox.formQuery .modLogin_container_right_area_container{
    pointer-events:none
}
.modLoginBox.formQuery .modLogin_container_right_area_title_box::before {
    content: "";
    background-image: url(/NewWebSites/img/body_loading.svg?v45);
    width: 25px;
    height: 9px;
    position: absolute;
    left: 6px;
    top: 16px;
    background-size: 26px;
}
.modLoginBox.show{ 
   display: flex;
}

.modLoginBox .modLogin_container_left_area{position: fixed;}
.modLoginBox .modLogin_container_left_area:after{content:"";position: fixed;background:#0000008c;left:0;top:0;width:100%;height:100%}
.modLoginBox .modLogin_container_left_area_video{display:none}
.modLoginBox .modLogin_container_left_area_video video{width:100%;height:100%;object-fit: cover;}
.modLoginBox .modLogin_container_left_area_video.desktop{display:none}
.modLoginBox .modLogin_container_left_area_video.mobile{display:none}


.modLoginBox .modLogin_container_right_area {
    position: absolute;
    background: #fff;
    width: 375px;
    right: 7px;
    border-radius: 12px;
    top: 7px;
    left: auto;
    font-size: 14px;
    color: #000;
    flex: none;
    padding: 0px;
}


.modLogin_container_right_area_container {
    width: 100%;
    margin: 0 auto;
}

.modLoginBox .modLogin_container_right_area_form_box_btn_group {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}
.modLoginBox .modLogin_container_right_area_form_box_btn_group[fr="{alternative_login_group}"]{display:none}



.modLoginBox[Operation="3"][FormType="0"] .modLogin_container_right_area_form_box_btn[fr="{alternative_login_mail}"]{
   display: flex;
}
.modLoginBox[Operation="3"][FormType="1"] .modLogin_container_right_area_form_box_btn[fr="{alternative_login_phone}"]{
   display: flex;
}
.module-login .right-siderbar .siderbar-container .identity-popup-top-header{
   display: flex;
}
.module-login .right-siderbar .siderbar-container .siderbar-body .login-form .form-content[CD=ErrorBox].Active{
   display: flex;
}

.modLogin_container {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   position: relative;
   z-index: 0;
}

.modLogin_container_left_area {
   width: 100%;
   height: 100%;
   display: block;
}

.modLogin_container_left_area_closed {
   width: 100%;
}

.modLogin_container_left_area_item_01 {
   width: 100%;
   background-image: url('/Library/Img/Rectangle_2228.jpg');
   height: 100%;
   background-size: cover;
}

.modLogin_container_left_area_item_02 {
   width: 100%;
}

.modLogin_container_left_area_item_03 {
   width: 100%;
}


.modLogin_container_right_area_closed {
   width: 100%;
}

.modLogin_container_right_area_tab_box {
   width: 100%;
   display: none;
}

.modLogin_container_right_area_tab_box_item {
   width: 100%;
}

.modLogin_container_right_area_tab_view {
   width: 100%;
   display: none;
}
.modLogin_container_right_area_tab_view.active {
   display: block;
}

.modLogin_container_right_area_title_box {
    width: 100%;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    padding: 14px 24px;
    justify-content: center;
    position: relative;
}
.modLogin_container_right_area_title_box_text01 {
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
}

.modLogin_container_right_area_title_box_text02 {
   width: 100%;
   display:none;
}

.modLogin_container_right_area_title_box_text03 {
   width: 100%;
   display:none;
}

.modLogin_container_right_area_title_box_text04 {
   width: 100%;
   display:none;
}
.modLogin_container_right_area_title_box_closed {
    position: absolute;
    right: 12px;
}
.modLogin_container_right_area_title_box_closed>svg{
   width: 100%;
   cursor:pointer;
}

.modLogin_container_right_area_form {
   width: 100%;
   padding:18px 32px 0px 32px
}

.modLogin_container_right_area_form_box01 {
   width: 100%;
}

.modLogin_container_right_area_form_box_input {
   width: 100%;
   position: relative;
}

.modLogin_container_right_area_form_box_input input {
    display: block;
    width: 100%;
    color: var(--bs-gray-700);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid var(--bs-gray-300);
    transition: border-color .15s 
    ease-in-out, box-shadow .15s 
    ease-in-out;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    padding: 16px 3px 0px 1px;
}

.modLogin_container_right_area_form_box_input .inputClear{position:absolute;right: 5px;bottom: 24px;color: #4d4d4d;display: none;}
.modLogin_container_right_area_form_box_input .inputClear:hover{color: #000000;}
.modLoginBox[operation="0"] .modLogin_container_right_area_form_box_input .inputClear{display:none}

.modLogin_container_right_area_form_box_input label {
    position: absolute;
    top: 13px;
    left: 11px;
    z-index: 2;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s 
    ease-in-out, transform .1s 
    ease-in-out;
    color: #353535;
}
.modLogin_container_right_area_form_box_input input:not(:placeholder-shown){
    padding-top: 16px;
}
.modLogin_container_right_area_form_box_input input:focus~label,.modLogin_container_right_area_form_box_input input:not(:placeholder-shown)~label {
    color: #7B7B7B;
}
.modLogin_container_right_area_form_box_input input:focus~button,.modLogin_container_right_area_form_box_input input:not(:placeholder-shown)~button {
    display:block
}
.modLogin_container_right_area_form_box_input input:not(:placeholder-shown)~label::after {
    position: absolute;
    inset: 1rem .5rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: .65rem;
}
.modLogin_container_right_area_form_box_input_content {
   width: 100%;
   margin: 6px 0px 3px 0px;
}

.modLogin_container_right_area_form_box_input .passwordViewer {
    position: absolute;
    right: 9px;
    bottom: 26px;
    border: 0;
    background: 0 0;
    display: block;
    line-height: 0;
    border-radius: 2px;
    cursor: pointer;
    padding: 4px;
}
.modLogin_container_right_area_form_box_input .passwordViewer>svg {
    display: none;
}
.modLogin_container_right_area_form_box_input .passwordViewer>svg[fr="{passwordHide}"] {
    width: 18px;
}
.modLogin_container_right_area_form_box_input .passwordViewer>svg[fr="{passwordView}"] {
    display: block;
}
.modLogin_container_right_area_form_box_input.view .passwordViewer>svg[fr="{passwordHide}"]{
    display:block;
}
.modLogin_container_right_area_form_box_input.view .passwordViewer>svg[fr="{passwordView}"] {
    display: none;
}

.modLogin_container_right_area_form_box_input_error {
    width: 100%;
    color: #f00;
    height: 12px;
    font-size: 11px;
    opacity: 0;
}
.modLogin_container_right_area_form_box_input.error .modLogin_container_right_area_form_box_input_error {
   opacity: 1;
}
.modLogin_container_right_area_form_box_contract_contract01.error .modLogin_container_right_area_form_box_input_error {
   opacity: 1;
}
.modLogin_container_right_area_form_box_input.error .modLogin_container_right_area_form_box_input_content input{
    border-color: #fac3c3;
    background: #fff6f6;
}

.modLogin_container_right_area_form_box_input.error .modLogin_container_right_area_form_box_input_content label{
    color:#f00;
}

.modLogin_container_right_area_form_box_remember {
    width: 100%;
    text-align: right;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
}
[type="registerForm"] .modLogin_container_right_area_form_box_remember{display:none}

.modLogin_container_right_area_form_box_remember_group {
   width: 100%;
}


.modLogin_container_right_area_form_box_btn {
    width: 100%;
    background: #000000;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center; 
    margin-bottom: 16px; 
    cursor: pointer;
    line-height: 35px;
    border-radius: 2px;
    text-align:center;
}
.modLogin_container_right_area_form_box_btn[fr="{nonLogin}"]{display:none}
body[page='Bag'] .modLogin_container_right_area_form_box_btn[fr="{nonLogin}"]{display:block}

.modLogin_container_right_area_form_box_btn_group .modLogin_container_right_area_form_box_btn[fr="{change_form_btn}"]{
   background: #ffffff;
   color: #000000;
   border: 1px solid;
}
.modLogin_container_right_area_form_box_btn[fr="{alternative_login_mail}"]{
   background: #ffffff;
   color: #000000;
   border: 1px solid;
   height: 26px;
   line-height: 24px;
}

.modLogin_container_right_area_form_box_social_box {
   width: 100%;
}

.modLogin_container_right_area_form_box_social_box_container {
   width: 100%;
   margin: 8px 0px 12px 0px;
}

.modLogin_container_right_area_form_box_social_text01 {
    width: 100%;
    font-size: 11px;
    font-weight: 400;
}
.modLogin_container_right_area_form_box_social_text02 {
   width: 100%;
}

.modLogin_container_right_area_form_box_social_contract01 {
    width: 100%;
    margin: 2px 0px 10px 0px;
    font-size: 11px;
    font-weight: 100;
}
.modLogin_container_right_area_form_box_social_contract01>strong {
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer;
}

.modLogin_container_right_area_form_box_social_contract02 {
   width: 100%;
   display: none;
}

.modLogin_container_right_area_form_box_social_btn_group {
    width: 100%;
    display: flex;
    gap: 10px;
}

.modLogin_container_right_area_form_box_social_btn {
   width: 100%;
   height: 40px;
   display: flex;
   align-items: center;
   border: 1px solid #ccc;
   margin-bottom: 16px;
   justify-content: center;
   position: relative;
}
.modLogin_container_right_area_form_box_social_btn[fr="{social_btn_facebook}"]{
   background: #3A76F3;
   border-color: #3A76F3;
   color: #fff;
}
.modLogin_container_right_area_form_box_social_btn[fr="{social_btn_facebook}"]>i{
   background: url(/Library/Img/mod_login_icon_05.svg);
   height: 16px;
   width: 16px;
   position: absolute;
   left: 17px;
}
.modLogin_container_right_area_form_box_social_btn[fr="{social_btn_google}"]{
   background: #ffffff;
   border-color: #000000;
   color: #000000;
}
.modLogin_container_right_area_form_box_social_btn[fr="{social_btn_google}"]>i{
   background: url(/Library/Img/mod_login_icon_04.svg);
   height: 16px;
   width: 16px;
   position: absolute;
   left: 17px;
}
.modLogin_container_right_area_form_box_social_btn[fr="{social_btn_apple}"]{
   display:none
}

.modLogin_container_right_area_form_box_contract {
   width: 100%;
}

.modLogin_container_right_area_form_box_contract_conntainer {
   width: 100%;
}

.modLogin_container_overflow {
   width: 100%;
}

.modLogin_closed {
   background: url(/Library/Img/mod_login_icon_02.svg);
   height: 11px;
   width: 16px;
   position: fixed;
   left: 40px;
   top: 40px;
   z-index: 1;
   cursor: pointer;
   display:none;
}


.modLogin_container_right_area_form_box02 {
   width: 100%;
}
.modLogin_container_right_area_form_box03 {
   width: 100%;
}
.modLogin_container_right_area_form_box_change_register_text01{display :none}






.modLoginBox .modLogin_container_left_area_item_01{display:none}

.modLoginBox .modLogin_container_title{color:#fff;display:none}

.modLoginBox .modLogin_container{display:flex;align-items: center;}
.modLoginBox .modLogin_closed {filter: invert(1);background-repeat: no-repeat;}


.modLoginBox .modLogin_container_right_area_form_box_input input {
    background: #f0f0f0;
    border: 1px solid #dadada;
    padding-bottom: 2px;
    border-radius: 4px;
    padding: 20px 12px 8px 12px;
    outline: none;
}








.modLogin_container_right_area_form_box_contract_box {
   width: 100%;
   display: flex;
   margin-top: 0px;
}

.modLogin_container_right_area_form_box_contract_contract01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    font-size: 12px;
    font-weight: unset;
    margin-bottom: 12px;
}

.modLogin_container_right_area_form_box_contract_contract01 .Text {
   width: 100%;
   display: flex;
   font-size: 11px;
   line-height: 16px;
   text-decoration: underline;
   margin-top: -3px;
   cursor: pointer;
   flex-direction: column;
}

.modLogin_container_right_area_form_box_contract_contract01 .Text:hover {
   color: #000;
   text-decoration: none
}

.modLogin_container_right_area_form_box_contract_contract01 .Check {
   display: flex;
   width: 14px;
   height: 14px;
   justify-content: center;
   position: relative;
   align-items: center;
   margin-right: 14px;
   flex: none;
   margin-top: 2px
}

.modLogin_container_right_area_form_box_contract_contract01 .Check::before,
.modLogin_container_right_area_form_box_input_content_checkgroup .Check::before{
   content: "";
   width: 14px;
   height: 14px;
   border: 1px solid #000;
   flex: none
}


.modLogin_container_right_area_form_box_contract_contract01 .Check.active::after,
.modLogin_container_right_area_form_box_input_content_checkgroup .Check.active::after{
   content: "";
   width: 6px;
   height: 6px;
   background: #000;
   position: absolute;
   left: 4px;
   top: 4px;
   flex: none
}




.modLoginBox [fr="{formPhone}"] .modLogin_container_right_area_form_box_input_content{border:0;background: transparent;}
[formtype="1"]:not([type="registerform"]) [fr="{formMail}"] .modLogin_container_right_area_form_box_input_content{border:0;background: transparent;}
[formtype="1"]:not([type="registerform"]) [fr="{formMail}"] .modLogin_container_right_area_form_box_input_content input{border-bottom: 1px solid #494E5A;}

.modLogin_container_right_area_form_box_input input:focus~label, .modLogin_container_right_area_form_box_input input:not(:placeholder-shown)~label {
    line-height: 40px !important;
    top: -8px;
    font-size: 12px;
}


@media screen and (max-width: 991px) {
  .modLoginBox .modLogin_container_left_area{display:none;}

  .modLoginBox .modLogin_container_right_area {
    width: 100%;
    height: 100%;
    margin: 0;
    padding-top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    right: 0;
    top: 0;
    }
  .modLoginBox .modLogin_container_right_area_container{width:100%}
}















.modLoginBox.Theme001{width:100%}
.modLoginBox.Theme001 .modLogin_container_left_area_video{display:none}

/* SEARCH / html_search */
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;
    padding: 0 24px;
    border-bottom: 1px solid #efefef;
}
section[Mod="Search"] .Head .Logo {
    margin: 10px 10px 10px 0px;
    padding-left: 14px;
    opacity: 1;
}
section[Mod="Search"] .Head .Logo>img {
    height: 22px;
}
   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: 47px;
    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: 22px 0px;
    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;
    }
   }

/* HEAD/FOOTER cached modules */
/* module 100 | HEAD | Filippa */
.Mod100 {
    width: 100%;
    cursor: pointer;
}
.Mod100_BottomBar {
    position: fixed;
    bottom: 0;
    display: none;
    padding: 12px;
    align-items: center;
    width: 100%;
    background: #fff;
}
.Mod100_BottomBar .Mod100_BottomBar_Item {
    display: flex;
    width: -webkit-fill-available;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    flex-direction: column;
    gap: 5px;
}
.Mod100_BottomBar .Mod100_BottomBar_Item>svg {
    height: 16px;
}
.Mod100_BottomBar_Item>span {
    display: flex;
    font-size: 10px;
    text-transform: uppercase;
}
.Mod100_BottomBar_Item[fr="Bag"] [fr='bagCounter']{
    display: none;
    position: absolute;
    right: 17px;
    top: 5px;
    background: #f00;
    width: 18px;
    height: 18px;
    flex: none;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.Mod100_BottomBar_Item[fr="Bag"]:not([Q="0"]) [fr='bagCounter']{
    display: flex;
}
.Mod100 .Mod100_Group {
    width: 100%;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    height: 65px;
}
.Mod100 .Mod100_Group.Mobil{
    display: none;
}


section[L=Head] {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 3;
    background: #fff;
    transition: .3s;
}

.Mod100 .Mod100_Group_Left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 1;
}

.Mod100 .Mod100_Logo {
    display: block;
}
.Mod100 .Mod100_Logo > img {
    height: 24px;
    display: block;
}
.Mod100 .Mod100_Logo > svg {
    height: 24px;
    display: block;
} 
.Mod100 .Mod100_Logo > svg path,.Mod100 .Mod100_Logo > svg polygon{
    fill:#000
}

.Mod100 .Mod100_Search {
    display: flex;
    padding: 0 12px;
    align-items: center;
    gap: 10px;
}
.Mod100 .Mod100_Search>.Text {
    display: flex;
    font-weight: 500;
} 
.Mod100 .Mod100_Search>svg{
    display: flex;
    height: 22px
}


.Mod100 .Mod100_Navs {
    display: none;
    align-items: center;
    gap: 0px;
    margin-left: 38px;
}

.Mod100 .Mod100_Navs.Desktop {
    display: flex;
    margin-left: 0;
    padding-left: 20px;
}
.Mod100 .Mod100_Navs>.NavItem {
    width: max-content;
    padding: 0 12px;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Box {
    cursor: pointer;
    width: max-content;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Box .Icon {
    width: 100%;
    display:none;
}
.Mod100 .Mod100_Navs.Desktop>.NavItem .Box>svg {
    display:none
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Box .Name {
    display: block;
    font-weight: 600;
    padding: 24px 0px;
    color:#3f3f3f;
    text-transform: uppercase;
    font-size: 13px;
}
.Mod100 .Mod100_Navs.Desktop>.NavItem.active>.Box>.Name {
    color: #000
}

.Mod100 .Mod100_Navs.Desktop>.NavItem:hover>.Box>.Name {
    color: #000
}
.Mod100 .Mod100_Navs.Desktop>.NavItem:hover>.Box {
    opacity:1
}

.Mod100 .Mod100_Navs.Desktop>.NavItem:hover>.Box>.Name {
    color: #000;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav {
    width: 100%;
    transition: all 0.3s;
    position: absolute;
    left: 0;
    opacity: 0;
    pointer-events: none;
    background: #fff;
    max-width: 50%;
    border-top: 1px solid #cccccc47;
    padding: 16px;
    display: flex;
    transition: all 0.3s;
    z-index: 100;
    flex-direction: row-reverse;
}
.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav:empty {
    display: none !important;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem:hover .Multiple_SubNav {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    max-width: 100%;
    border-top: 0px solid #cccccc47;
    padding: 16px;
    display: flex;
    transition: all 0.3s;
    opacity: 1;
    pointer-events: auto;
    min-height: calc(50vh);
    overflow: hidden;
    overflow-y: auto;
    max-height: 90vh;
    padding-left: 16px;
    flex-direction: row;
}
.Mod100 .Mod100_Navs.Desktop .Multiple_SubNav.no-anim {
    transition: none !important;
}
.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .NavItem>.Box>.Name {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    padding: 0;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavLeft {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-right: 16px;
    max-width: 600px;
    flex: none;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavLeft .SubNav_List {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 60px;
    display: flex;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavLeft .OtherNav_List {
    width: 100%;
    margin-top: auto;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavLeft .OtherNav_List>.NavItem {
    line-height: 20px;
    padding: 0.125rem 0;
    margin: 8px 0px;
    display: block;
    font-weight: 400;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavLeft .OtherNav_List>.NavItem:hover {
    text-decoration: underline
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox {
    position: absolute;
    opacity: 0;
    top: 0;
    z-index: 101;
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 0px;
    padding-top: 0px;
    transition: all 0.4s;
    overflow: auto;
    padding-bottom: 120px;
    pointer-events: none;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox::-webkit-scrollbar {
    width: 2px;
    background: #efefef;
    display: block
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 2px
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox::-webkit-scrollbar-thumb:hover {
    background: #555
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox.show {
    opacity: 1;
    transition: all 0.4s;
    pointer-events: all;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox .Mod100_subnavboxBack {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    background: transparent;
    transition: opacity 0.2s;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox .Mod100_subnavboxBack:hover {
    opacity: 0.6;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox .Mod100_subnavboxBack svg {
    width: 18px;
    height: 18px;
    flex: none;
    transition: transform 0.2s;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox .Mod100_subnavboxBack:hover svg {
    transform: translateX(-3px);
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox .Mod100_subnavboxBack svg path {
    stroke: #292929;
    fill: none;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox .Mod100_subnavboxBack .BackLabel {
    font-weight: 600;
    font-size: 14px;
    color: #292929;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox .Mod100_subnavboxTitle {
    width: 100%;
    font-weight: 600;
    margin-bottom: 14px;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox>.SubNavList {
    width: 100%;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .Mod100_subnavbox>.SubNavList .NavItem:hover {
    text-decoration: underline
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavRight {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-left: 40px;
}
.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavRight:empty{display: none;}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavRight .NavImgBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavRight .NavImgBox .Image {
    width: 100%;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavRight .NavImgBox .Image>img {
    display: block;
    width: 100%;
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .SubNavRight .NavImgBox .Text {
    line-height: 20px;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    padding: 12px 16px;
    width: 100%;
    text-align: left;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .NavItem {
    width: 100%
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .NavItem:hover>.Box {
    opacity: 0.5
}

.Mod100 .Mod100_Navs.Desktop>.NavItem .Multiple_SubNav .NavItem.Bold>.Box>.Name {
    font-weight: bold;
}


.Mod100 .Mod100_Navs .NavItem:active>.Box,.Mod100 .Mod100_Navs .NavItem:hover>.Box{
    opacity: 0.4;
}



.Mod100 .Mod100_Group_Right {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}

.Mod100 .Mod100_Group_SearchBar_Container {
    display: block;
}

.Mod100 .Mod100_Group_SearchBar_Container > div {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 14px;
    min-width: 220px;
    color: #fff;
    gap: 8px;
    padding: 0 12px;
}

.Mod100 .Mod100_Group_SearchBar_Container > div > span:nth-child(1) {
    display: block;
}

.Mod100 .Mod100_Group_SearchBar_Container > div > span:nth-child(2) {
    line-height: 28px;
    font-weight: bold;
}

.Mod100 .Mod100_Group_UserBar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.Mod100 .Mod100_Group_UserBar_Btn {
    display: none;
    align-items: center;
    gap: 1px;
    font-weight: 600;
    color: #000000;
    font-size: 13px;
}

.Mod100 .Mod100_Group_UserBar_Btn>svg {
    display: none;
    width: 20px;
    height: 20px;
    flex: none;
}
.Mod100_Group_UserBar_Btn.Search{display: flex;}
.Mod100 .Mod100_BagText {
    margin-left:2px
}
.Mod100 .Mod100_BagIcon {
    width: 100%;
    flex: none;
    display: none;
}

.Mod100 .Mod100_BagIcon svg {
    display: block;
    width: 20px;
    height: 20px;
    flex: none;
}

.Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"][Q="0"] .Mod100_BagText {
    display: none
}

.Mod100 .Mod100_BagCounter {
    width: 100%;
}

.Mod100 .Mod100_BagCounter > span {
    width: 100%;
}

.Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"][Q="0"] .Mod13_BagCounter {
    display: none;
}

.Mod100 [x="nonLogin"] {
    display: none;
}

.Mod100 [x="isLogin"] {
    display: none;
}

.Mod100_Navs>svg {
    display: none
}

.Mod100_TheBack {
    display: none;
}
.Mod100_HomePage {
    display: none;
}

.Mod100_Group_NavBar {
    display: none
}

.Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"][Q="0"]>svg.heart {
    display: none
}

.Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"] {
    position: relative;
    display: flex;
    flex-direction: row;
}
.Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"]>.Text{
    display: flex;
}


.Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"]:not([Q="0"]) .Mod100_BagIcon {
    position: absolute;
    display: flex;
    background: #f00;
    color: #fff;
    width: 14px;
    height: 14px;
    top: -5px;
    right: -8px;
    font-size: 0;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    align-content: center;
    display:none
}

.Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"]:not([Q="0"])>div:nth-child(2)>span {
    font-size: 12px
}

.Mod100_MobileSearch {
    display: none
}

.Mod100_TheBack>span {
    display: none
}

.Mod100 .Mod100_MobilNavBtn{display: none;}
.Mod100_subnavboxBack {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    background: #f9f9f9;
}

.Mod100_subnavboxBack svg {
    width: 20px;
    margin-right: 8px;
}

.Mod100_subnavboxBack .BackLabel {
    font-weight: bold;
    font-size: 14px;
    margin-right: 5px;
}

.Mod100_subnavboxBack .ParentTitle {
    color: #888;
    font-size: 14px;
}

.Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem .Box>svg{
    position: absolute;
    right: 0;
    height: 12px;
    display:none
}

@media(max-width: 1140px) {
    .Mod100_BottomBar{
        display: flex;
    }

    .Mod100{
        position: fixed;
        top: 0
    }
    .Mod100 .Mod100_Navs.Desktop {
        display: none !important;
    }
    .Mod100 .Mod100_Logo{
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .Mod100 .Mod100_Logo > svg {
        height: 24px;
    }

    .Mod100 .Mod100_Logo > svg path,.Mod100 .Mod100_Logo > svg polygon{
        fill:#fff
    }

    .Mod100 .Mod100_Navs.Desktop>.NavItem .Box .Icon{display: flex;}

    .Mod100 .Mod100_Group {
        border: 0;
        padding: 0;
        padding: 0px 16px;
        height: 42px;
        transition: all 0.3s;
    }

    body[page="Home"].ScrollDown .Mod100 .Mod100_Group {
        margin-top: -65px;
        margin-bottom: 85px;
    }

    .Mod100 .Mod100_Group_Left{width:100%;gap:12px}
    

    body[page="List"] .Mod100 .Mod100_Group{height: inherit;}
    body[page="List"] .Mod100 .Mod100_Logo,
    body[page="List"] .Mod100 .Mod100_TheBack,
    body[page="List"] .Mod100 .Mod100_HomePage,
    body[page="List"] .Mod100 .Mod100_MobileSearch,
    body[page="List"] .Mod100 .Mod100 .Mod100_Group_Right{
        display: none;
    }
    body[page="List"] .Mod100 .Mod100_Group{padding:0}

    body[page="LookBook"] .Mod100 {
        border: 1px solid transparent;
        position: fixed;
        top: 0;
    }

    body[page="LookBook"] .Mod100_TheBack {
        display: flex;
        gap: 8px;
        font-weight: 500;
    }
    
    body[page="LookBook"] .Mod100_HomePage {
        display: flex;
        gap: 8px;
        font-weight: 500;
    }

    body[page="LookBook"] .Mod100_MobileSearch {
        display: none
    }

    body[page="LookBook"] .Mod100_Group_NavBar {
        display: none
    }

    body[page="LookBook"] .Mod100_Group_Left {
        display: none
    }

    body[page="LookBook"] .Mod100_Group_UserBar_Btn {
        display: none !important
    }

    body[page="LookBook"] .Mod100_Group_UserBar_Btn[fr="Bag"] {
        display: flex !important
    }

    body[page="LookBook"].Scroll500 .Mod100_TheBack>span {
        display: flex
    }

    body[page="LookBook"].Scroll500 section[L=Head] .Mod100 {
        transition: all 0.4s;
        background: #fff;
        border-bottom: 1px solid #efefef;
    }

    body[page="View"] .Mod100 .Mod100_Logo {
        display: none
    }

    body[page="View"] .Mod100 .Mod100_TheBack {
        display: block
    }
    
    .Mod100_TheBack {
        display: none;
    }

    .Mod100_TheBack>svg {
        width: 16px;
    }
 
    .Mod100_Group_NavBar,.Mod100 .Mod100_Group_Right {
        display: none;
    }
    
    body[page="Home"] .Mod100{
        top:10px
    }
    body[page="Home"] .Mod100 .Mod100_MobilNavBtn {
        display: flex;
        background: linear-gradient(90deg, rgba(255, 250, 250, 1) 0%, rgba(233, 233, 233, 0.4) 0%, rgba(233, 233, 233, 0.6) 60%);
        padding: 8px;
        border-radius: 100%;
    }
    body[page="Home"] .Mod100 .Mod100_MobilNavBtn>svg {
        height: 20px;
    }
    body[page="Home"] .Mod100 .Mod100_MobilNavBtn>svg path {
        fill: #fff;
    }

    body[page="Home"] .Mod100 .Mod100_Group.Mobil {
        display: flex;
        flex-direction: column;
    }
    body[page="Home"] .Mod100 .Mod100_Group.Mobil .Mod100_MobileSearch {
        display: flex;
        background: linear-gradient(90deg, rgba(255, 250, 250, 1) 0%, rgba(233, 233, 233, 0.4) 0%, rgba(233, 233, 233, 0.6) 60%);
        width: 100%;
        margin-top: 8px;
        border-radius: 9px;
        padding: 5px;
        gap: 9px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0px 0px 31px -9px #000;
    }
    body[page="Home"] .Mod100 .Mod100_Group.Mobil .Mod100_MobileSearch svg{display: flex;}
    body[page="Home"] .Mod100 .Mod100_Group.Mobil .Mod100_MobileSearch svg path{fill:#fff}
    body[page="Home"] .Mod100 .Mod100_Group.Mobil .Mod100_MobileSearch span{display: flex;}

    body[page="Home"] .Mod100 .Mod100_Group.Mobil .Mod100_MobilFastNav{
        display: flex;
        align-items: center;
        gap: 14px;
        width: 100%;
        justify-content: flex-start;
    }
    body[page="Home"] .Mod100 .Mod100_Group.Mobil .Mod100_MobilFastNav>div,body[page="Home"] .Mod100 .Mod100_Group.Mobil .Mod100_MobilFastNav>a{
        display: flex;
        background: linear-gradient(90deg, rgba(255, 250, 250, 1) 0%, rgba(233, 233, 233, 0.4) 0%, rgba(233, 233, 233, 0.6) 60%);
        margin-top: 8px;
        border-radius: 9px;
        padding: 5px 10px;
        gap: 9px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0px 0px 31px -9px #000;
    }

    body[page="Home"] .Mod100 .Mod100_Group_Right{display: flex;}
    body[page="Home"] .Mod100 .Mod100_Group_Right .Mod100_Group_UserBar_Btn{display: none !important;}
    body[page="Home"] .Mod100 .Mod100_Group_Right .Mod100_Group_UserBar_Btn[fr="Bag"]{
        display: flex !important;
        background: linear-gradient(90deg, rgba(255, 250, 250, 1) 0%, rgba(233, 233, 233, 0.4) 0%, rgba(233, 233, 233, 0.6) 60%);
        padding:8px;
        border-radius:100%
    }
    body[page="Home"] .Mod100 .Mod100_Group_Right .Mod100_Group_UserBar_Btn[fr="Bag"]>.Text{display: none;}
    body[page="Home"] .Mod100 .Mod100_Group_Right .Mod100_Group_UserBar_Btn[fr="Bag"]>.Mod100_BagIcon{display: flex;margin:0}
    body[page="Home"] .Mod100 .Mod100_Group_Right .Mod100_Group_UserBar_Btn[fr="Bag"]>.Mod100_BagIcon svg path{fill:#fff}
    body[page="Home"] .Mod100 .Mod100_Group_Right .Mod100_Group_UserBar_Btn[fr="Bag"]>.Mod100_BagText{
        display: flex;
        margin: 0;
        position: absolute;
        right: 7px;
        top: 10px;
        font-size: 0;
        background: #f00;
        color:#fff;
        width: 6px;
        height: 6px;
        border-radius: 100%;
    }
    

    .Mod100_Group_NavBar .Mod100_NavSelection {
        line-height: 40px;
        cursor: pointer;
        display: flex;
        justify-content: flex-end;
        padding: 10px
    }

    .Mod100_Group_NavBar .Mod100_NavSelection>svg {
        display: none;
        cursor: pointer;
    }

    .Mod100_Group_NavBar .Mod100_NavSelection>svg[fr="Open"] {
        display: block;
        cursor: pointer;
        height: 24px
    }

    .Mod100_Group_NavBar .Mod100_NavSelection>svg[fr="Closed"] {
        width: 100%
    }

    .Mod100_Group_NavBar .Mod100_NavSelection>svg>path {
        fill: #000000;
    }

    .Mod100 .Mod100_Group_UserBar {
        gap: 20px !important;
    }

    .Mod100_Group_UserBar_Btn[fr="Bag"][Q="0"]>div:nth-child(2) {
        display: none;
    }

    .Mod100_Group_UserBar_Btn[fr="Bag"]>div:nth-child(2) {
        display: flex;
        padding-top: 0px;
        color: #000;
        margin-left: 2px;
    }

    .Mod100 .Mod100_Navs.Mobil {
        position: fixed;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100dvh;
        background: #fff;
        transition: all 0.2s;
        display: block;
    }

    .Mod100 .Mod100_Navs.Mobil.active {
        right: 0;
        transition: all 0.2s;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsText {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 16px;
        line-height: 52px;
    }
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsText>span {
        width: 100%;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
    }
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsText>svg{
        height: 14px
    }
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsText>svg path{
        fill: #000
    }
    
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsTabs {
        padding: 0 14px;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsTabs>.SearchArea {
        background: #f1f1f1;
        border-radius: 31px;
        border: 0;
        display: flex;
        width: 100%;
        margin-top: 24px;
        padding: 0px 14px;
        align-items: center;
        line-height: 45px;
        margin-bottom: 30px;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsTabs>.SearchArea .Icon {
        width: 17px;
        display: flex;
        align-items: center;
    }
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsTabs>.SearchArea .Icon>svg {
        fill: #000;
        width: 20px;
        height: 20px;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsTabs>.SearchArea .Text>svg {
        border-bottom: 1px solid #efefef;
        padding: 0 14px;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsTabs>.SearchArea .Text {
        font-size: 12px;
        margin-left: 6px;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsTabs>svg {
        height: 17px;
        position: absolute;
        right: 22px;
        top: 32px;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavsTabs>svg path {
        fill: #000;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        height: 80dvh;
        overflow: auto;
        scrollbar-width: none;
        padding-bottom: 60px;
    }
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem {
        line-height: 32px;
        position: relative;
        font-size: 16px;
        width: 100%;
        border-top: 1px solid #ececec;
        padding: 12px 0px;
    }
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem:first{border:0}
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem:first-child{border:0}
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem .Icon:empty{
        display: none;
    }
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem:last-child{border-bottom:0}

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem.active {
        color: #000;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem .Box {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        padding: 0 10px;
        gap: 10px;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem .Box .Icon.Left {
        display: flex;
    }
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem .Box .Icon.Left>img {
        width: 100%;
        display: block
    }
    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem .Box .Name {
        display: block;
        position: relative;
        font-size: 14px;
        font-weight: 400;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem:not([sb="0"]) .Box>svg{
        display:flex
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabsItems>.NavItem.active .Box .Name::before {
        content: "";
        height: 1px;
        position: absolute;
        bottom: -1px;
        width: 100%;
        z-index: 1;
        background: #000;
        display:none
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_NavTabSubList {
        width: 100%;
        height: calc(100dvh - 50px);
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup {
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute;
        top: 0;
        right: -100%;
        z-index: 1;
        background: #fff;
        height: calc(100dvh - 50px);
        overflow: auto;
        transition: all 0.3s;
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup.active {
        right: 0;
        transition: all 0.3s;
    }
    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 100dvh;
        overflow: auto;
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .SubNav_List {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 22px;
        gap: 10px;
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .SubNav_List>.NavItem {
        width: 100%;
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .SubNav_List>.NavItem .Box {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .OtherNav_List {
        width: 100%;
        margin-top: auto;
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding: 0 22px;
        padding-top: 24px;
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .OtherNav_List .NavItem {
        width: 100%
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .Gallery {
        width: 100%;
        display: flex;
        margin-bottom: 0px;
        margin-top: 8px;
        gap: 2px;
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .Gallery .Text {
        width: 100%;
        text-align: center;
        line-height: 26px;
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .Gallery .NavImgBox {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .Gallery .NavImgBox .Image {
        width: 100%;
        display: flex
    }

    .Mod100 .Mod100_Navs.Mobil .NavItem_TabGroup .Multiple_SubNav .Gallery .NavImgBox .Image>img {
        width: 100%;
        display: block
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavbox {
        position: fixed;
        right: -100%;
        width: 100%;
        background: #fff;
        overflow: auto;
        height: 83vh;
        padding: 0 22px;
        padding-bottom: 180px;
        transition: all 0.2s;
        z-index:1
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavbox.show {
        right: 0;
        transition: all 0.2s;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavboxBack {
        display: flex;
        margin-bottom: 24px;
        align-items: center;
        gap: 0px;
        padding: 20px 18px 18px 18px;
        border-bottom: 1px solid #eee;
        background: transparent;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavboxBack>svg {
        height: 18px;
        width: 18px;
        flex: none;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavboxBack .BackLabel {
        font-weight: 600;
        font-size: 14px;
        color: #000;
        flex: none;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavboxBack .ParentTitle {
        color: #888;
        font-size: 13px;
        font-weight: 400;
        margin-left: auto;
        text-align: right;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavboxTitle { 
        display: none
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavbox>.SubNavList {
        display: flex;
        flex-direction: column;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavbox>.SubNavList>.NavItem {
        width: 100%;
    }

    .Mod100 .Mod100_Navs.Mobil .Mod100_subnavbox>.SubNavList>.NavItem .Box {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 33px;
        margin-bottom: 8px;
    }

    body[page="Bag"]  .Mod100_BottomBar {
        display: flex;
        background: rgba(255, 255, 255, 0.7);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(3px);
    }
    
    body:not([page="Home"]) .Mod100 .Mod100_TheBack, 
    body:not([page="Home"]) .Mod100 .Mod100_TheBack>span
    {
        display: flex;
        gap: 12px;
        font-size: 14px;
        font-weight: 400;
        align-items: center;
    }
    body:not([page="Home"]) .Mod100 .Mod100_Logo{display: none;}
    body:not([page="Home"]) .Mod100 .Mod100_Group {
        background: #fff;
        transition: all 0.3s;
    }
    body[page="View"] .Mod100 .Mod100_Group {
        background: transparent;
        transition: all 0.3s;
    }
    body[page="View"].ScrollDown .Mod100 .Mod100_Group {
        background: #FFF;
        transition: all 0.3s;
    }



    body[page="List"] .Mod100 .Mod100_TheBack {
        display: none;
    }

    body[page="View"] .Mod100 .Mod100_TheBack>span{display: none;}
    body[page="View"] .Mod100 .Mod100_Group_Right{display: flex;}
    body[page="View"] .Mod100 .Mod100_Group_Right .Mod100_Group_UserBar_Btn,[x='nonLogin']{display: none;}
    body[page="View"] .Mod100 .Mod100_Group_Right .Mod100_Group_UserBar_Btn[x='nonLogin']{display: none !important;}
    body[page="View"] .Mod100 .Mod100_Group_Right .Mod100_Group_UserBar_Btn[x='isLogin']{display: none !important;}
    body[page="View"] .Mod100 .Mod100_Group_UserBar_Btn .Text{display: none;}
    body[page="View"] .Mod100 .Mod100_Group_UserBar_Btn svg{display: flex;}
    body[page="View"] .Mod100 .Mod100_Group_UserBar_Btn.Favorite{display: flex;}
    body[page="View"] .Mod100 .Mod100_Group_UserBar_Btn.Share{display: flex;}
    body[page="View"] .Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"]{display: flex;}
    body[page="View"] .Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"] .Mod100_BagIcon {
        display: flex;
        background: transparent;
        text-align: center;
        width: 19px;
        font-size: 12px;
        position: static;
        margin-left:0
    }
    body[page="View"] .Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"] .Mod100_BagText {
        display: flex;
        position: absolute;
        right: -11px;
        top: -6px;
        background: #f00;
        width: 18px;
        height: 18px;
        flex: none;
        border-radius: 100%;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 0;
    }
    body[page="View"] .Mod100 .Mod100_Group_UserBar_Btn[fr="Bag"] .Mod100_BagText>span {
        font-size:10px
    }
    body[page="View"] .Mod100 .Mod100_Group_UserBar_Btn>svg path{strole:inherit}
    body[page="View"] .Mod100_HomePage {
        display: flex;
        margin-left: 14px;
        margin-top: -5px;
    }
    .Mod100_HomePage>svg {
        height: 18px;
    }

    body[page="View"] .Mod100_BottomBar{display: none;}


}

/* module 36 | FOOTER | Sade Düz */
.module-36{width:100%}
.module-36 .Container{width:100%}
.module-36 .mod36Bulletin{width:100%;padding-bottom: 100px;padding-top: 50px;border-bottom: 1px solid #dadada;}
.module-36 .mod36Bulletin>.Container {
    width: 100%;
    max-width: 1080px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    border-bottom: 1px solid #efefef;
    padding-bottom: 32px;
}

.module-36 .mod36BulletinTextGroup{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
}
.module-36 .mod36BulletinTitle{width:100%;text-align: left;color: #090909;font-size: 25px;font-weight: 600;padding-bottom: 9px;}
.module-36 .mod36BulletinText{width:100%;text-align: left;color: #090909;font-size: 25px;font-weight: 600;margin-bottom: 20px;}
.module-36 .mod36BulletinSubText{width:100%;font-size: 14px;color: #4F4F4F;text-align: left;}
.module-36 .mod36BulletinInputAllGroup {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 390px;
    flex: none;
}
.module-36 .mod36BulletinInput {
    width: 100%;
    max-width: 540px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 26px;
    flex-direction: column;
}
.module-36 .mod36BulletinInputGroup{width:100%;display: flex;align-items: center;justify-content: center;position: relative}
.module-36 .mod36BulletinInputGroup>input{width:100%;background: #E9E9E9;font-size: 12px;line-height: 32px;border: 0;outline: none;border-radius: 4px;padding: 0px 60px 0px 20px;}
.module-36 .mod36BulletinInputBtn{position: absolute;right: 16px;top: 0;font-size: 13px;font-weight: 600;line-height: 32px;z-index: 1;cursor:pointer}

.module-36 .mod36BulletinContract {
    width: 100%;
    max-width: 540px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 14px;
    flex-direction: column;
}
.module-36 .mod36BulletinContractGroup{width:100%;display: flex;align-items: center;justify-content: center;position: relative;}

.module-36 .mod36BulletinGender {
    width: 100%;
    max-width: 540px;
    display: none;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    margin-top:16px;
    flex-direction: column;
}
.module-36 .mod36BulletinGender.show{display: flex}
.module-36 .mod36BulletinGenderGroup {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    gap: 16px;
}
.module-36 .mod36BulletinGenderGroup .mod36BulletinContractCheckGroup{width:initial}

.module-36 .mod36BulletinContractCheckGroup{width:100%;display: flex;justify-content: flex-start;align-items: center;gap: 6px;}
.module-36 .mod36BulletinContractCheck{display: block;cursor: pointer;position:relative}
.module-36 .mod36BulletinContractCheckGroup .mod36BulletinContractCheck:before{content:"";display: block;width: 12px;height: 12px;border: 1px solid;}
.module-36 .mod36BulletinContractCheckGroup.active .mod36BulletinContractCheck:before {
    content: "";
    border-color: #59d15e;
}
.module-36 .mod36BulletinContractCheckGroup.active .mod36BulletinContractCheck:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #4CAF50;
    position: absolute;
    top: 3px;
    left: 3px;
}
.module-36 .mod36BulletinContractText{font-size: 11px;}
.module-36 .mod36BulletinContractLink{text-decoration: underline;cursor: pointer;color:#000}

.module-36 .ErrorText {
    cursor: pointer;
    line-height: 20px;
    color: #f00;
    text-decoration: none;
    font-weight: 500;
    font-size: 11px;
}

.module-36 .mod36Navs{width:100%;padding-top: 50px;padding-bottom: 50px;}
.module-36 .mod36Navs>.Container {
    display: flex;
    justify-content: space-between;
    max-width: 1080px;
}
.module-36 .mod36NavsGroup{width:100%;max-width: 275px;}

.module-36 .mod36NavsGroupTitle{width:100%;font-size: 14px;font-weight: 500;margin-bottom: 20px;}
.module-36 .mod36NavsGroupTitle>svg {
    display: none;
    height: 13px;
}

.module-36 .mod36NavsGroupList{width:100%;display: flex;flex-direction: column;gap: 10px}
.module-36 .mod36NavsGroupListItem{width:100%;font-size: 13px;}
.module-36 .mod36NavsGroupListItem:hover{width:100%}
.module-36 .mod36NavsGroupOther {
    width: 100%;
    max-width: 275px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.module-36 .mod36NavsGroupOtherApp{width:100%}
.module-36 .mod36NavsGroupOtherTitle{width:100%;font-size: 14px;font-weight: 500;margin-bottom: 20px;}
.module-36 .mod36NavsGroupOtherContent{width:100%;display: flex;gap: 10px;}
.module-36 .mod36NavsGroupOtherContentItem{width:auto}
.module-36 .mod36NavsGroupOtherContentItem>svg{width:100%}


.module-36 .mod36Logos{width:100%;display: flex;padding-bottom: 50px;border-bottom: 1px solid #DADADA;}
.module-36 .mod36Logos>.Container {
    display: flex
;
    justify-content: center;
    max-width: 1080px;
}
.module-36 .mod36LogosGroup{width:100%}
.module-36 .mod36LogosGroupTitle{width:100%;font-size: 14px;font-weight: 500;margin-bottom: 5px;}
.module-36 .mod36LogosGroupList{width:100%;display: flex;justify-content: flex-start;gap: 0px;}
.module-36 .mod36LogosGroup.Social .mod36LogosGroupItem{width: 35px;height: 35px;display: flex;background:transparent;border-radius: 100px;align-items: center;justify-content: center;}
.module-36 .mod36LogosGroup.Social .mod36LogosGroupItem>span{font-size: 23px;}
.module-36 .mod36LogosGroup.Social .mod36LogosGroupItem path{fill:#000}
.module-36 .mod36LogosGroup.Social .mod36LogosGroupItem>svg{width:100%;margin-top:0;transition: all 0.4s;}
.module-36 .mod36LogosGroup.Social .mod36LogosGroupItem:hover>svg{margin-top:-8px;transition: all 0.4s;}
.module-36 .mod36LogosGroup.Social .mod36LogosGroupItem>svg>path{width:100%}
.module-36 .mod36LogosGroup.Social .mod36LogosGroupItem:hover>path{opacity:0.8}
.module-36 .mod36LogosGroup.Payment{display: flex;align-items: center;flex-direction: column;max-width: 268px;}
.module-36 .mod36LogosGroup.Payment .mod36LogosGroupItem{display: flex;align-items: center;justify-content: center;}
.module-36 .mod36LogosGroup.Payment .mod36LogosGroupList {
    gap: 16px;
    filter: grayscale(1);
    opacity:0.6
}


.module-36 .mod36Etbis{width:100%;padding-top: 40px;padding-bottom: 30px;}
.module-36 .mod36EtbisGroup {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.module-36 .mod36EtbisGroup>svg{width:100%}


.module-36 .mod36Etbis>.Container {
    width: 100%;
    max-width: 1080px;
    display: flex;
    align-items: center;
    border-top: 1px solid #efefef;
    padding-top: 26px;
}

@media only screen and (max-width: 991px) {
    
    .module-36 .mod36Navs{
        padding-left: 24px;
        padding-right: 24px;
    }
    .module-36 {}
    .module-36 .Mod .mod36Navs>.Container {
        width: 100%;
        display: flex;
        flex-direction: column;
        max-width: 100%;
    }
    .module-36 .Mod mod36BulletinTitle{
        text-align: center;
        font-size: 20px;
        font-weight: 300
    }
    .module-36 .Mod .mod36BulletinInputAllGroup{
        padding: 0 30px;
    }
    .module-36 .Mod .mod36BulletinInputGroup{
    
        border: 1px solid #ccc;
        padding: 6px;
        border-radius: 6px;

    }
    .module-36 .Mod .mod36BulletinInputGroup>input{
        border: 0;
    }
    .module-36 .Mod .mod36BulletinInputBtn{
        margin-top: 3px;
        background: #000;
        color: #fff;
        border-radius: 4px;
        padding: 3px 12px;
        right: 3px;
    }
    .module-36 .Mod .mod36Bulletin>.Container {
        padding: 0 24px;
        display: flex;
        flex-direction: column;
    }
    .module-36 .Mod .mod36NavsGroup {
        width: 100%;
        max-width: 100%;
    }
    .module-36 .Mod .mod36NavsGroupOther {
        width: 100%;
        max-width: 100%;
    }
    .module-36 .Mod .mod36NavsGroupOtherTitle {
        padding: 0 0px;
        border: 1px solid #efefef;
        border-left: 0;
        border-right: 0;
        line-height: 45px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 0;
    }
    .module-36 .Mod .mod36NavsGroupTitle {
        border-top: 1px solid #efefef;
        line-height: 40px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 0;
    }
    .module-36 .mod36NavsGroup.show .mod36NavsGroupTitle{border-bottom:1px solid #efefef;margin:0}
    
    .module-36 .mod36NavsGroup .mod36NavsGroupTitle>svg{display:none}
    
    
            
    .module-36 .mod36NavsGroup:not(.show) .mod36NavsGroupTitle>svg[fr="close"]{display:flex}
    .module-36 .mod36NavsGroup.show .mod36NavsGroupTitle>svg[fr='open']{display:flex}
    
    .module-36 .mod36NavsGroupList {
        width: 100%;
        display: none;
        flex-direction: column;
        gap: 0;
        padding-left:18px
    }
    .module-36 .mod36NavsGroup.show .mod36NavsGroupList {
        display: flex;
        padding-left: 16px;
    }
    .module-36 .mod36NavsGroupListItem {
        width: 100%;
        font-size: 13px;
        padding: 0 24px;
        border-bottom: 1px solid #efefef;
        line-height: 50px;
        font-weight: 300;
    }
    .module-36 .mod36NavsGroupListItem:last-child{border:0}
    .module-36 .mod36Etbis{width:100%}
    
    .module-36 .mod36NavsGroupOtherContent {
        width: 100%;
        display: flex;
        gap: 10px;
        justify-content: flex-start;
        padding: 0 0px;
    }
    .module-36 .mod36NavsGroupOtherContentItem {
        width: auto;
    }
    
    .module-36 .mod36Logos {
        width: 100%;
        display: flex;
        padding-bottom: 15px;
        border-bottom: 1px solid #DADADA;
    }
    .module-36 .mod36Logos>.Container {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 18px;
    }
    .module-36 .mod36LogosGroup,.module-36 .mod36LogosGroup.Payment {
        width: 100%;
        padding: 0 24px;
        max-width: 100%;
    }
    .module-36 .mod36Etbis {
        width: 100%;
        padding: 8px;
    }
    
    
    
        
    body .module-36 .Mod .mod36Navs>.Container {
        width: 100%;
        display: flex;
        flex-direction: column;
        max-width: 100%;
    }
    body .module-36 .Mod mod36BulletinTitle{
        text-align: center;
        font-size: 20px;
        font-weight: 300
    }
    body .module-36 .Mod .mod36BulletinInputAllGroup{
        padding: 0 30px;
    }
    body .module-36 .Mod .mod36BulletinInputGroup{
        border: 1px solid #ccc;
        padding: 6px;
        border-radius: 6px;
    }
    body .module-36 .Mod .mod36BulletinInputGroup>input{
        border: 0;
    }
    body .module-36 .Mod .mod36BulletinInputBtn{
        margin-top: 3px;
        background: #000;
        color: #fff;
        border-radius: 4px;
        padding: 3px 12px;
        right: 3px;
    }
    body .module-36 .Mod .mod36Bulletin>.Container {
        padding: 0 24px;
        display: flex;
        flex-direction: column;
    }
    body .module-36 .Mod .mod36NavsGroup {
        width: 100%;
        max-width: 100%;
    }
    body .module-36 .Mod .mod36NavsGroupTitle {
        border-top: 1px solid #efefef;
        line-height: 52px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 0;
        margin:0
    }
    body .module-36 .Mod .mod36NavsGroupOther {
        max-width: 100%;
        display: flex;
        margin-top: 0px;
    }
    body .module-36 .Mod .mod36NavsGroupOtherApp {
        display: flex;
        align-items: center;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        padding: 42px 0px;
        flex-flow: wrap;
    }
    body .module-36 .Mod .mod36NavsGroupOtherTitle{padding: 0;width: max-content;margin:0;margin-right: 10px;}
    body .module-36 .Mod .mod36NavsGroupOtherContent {
        width: auto;
        margin-left: auto;
    }
    body .module-36 .Mod .mod36LogosGroup {
        margin-left: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        
    }
    body .module-36 .Mod .mod36LogosGroupTitle{padding:0;width: max-content;margin:0}
    body .module-36 .Mod .mod36LogosGroupList {
        width: min-content;
    }
    body .module-36 .Mod .mod36EtbisGroup {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    body .module-36 .Mod .mod36Navs {
        padding-left: 14px;
        padding-right: 14px;
        padding-bottom: 12px;
    }
    
    body .module-36 .Mod .mod36Etbis>.Container {
        padding-bottom: 15px;
    }
    body .module-36 .Mod .mod36LogosGroup.Payment .mod36LogosGroupItem>svg{
        height: 18px;
        width: auto;
    }
    body .module-36 .Mod .mod36LogosGroup{margin-left:auto;padding:0}
    body .module-36 .Mod .mod36EtbisGroup{
        width:auto;
        margin-right: auto;
    }
    
    
    body .module-36 .Mod .mod36BulletinTitle{
        text-align: center;
    }
    body .module-36 .Mod .mod36BulletinSubText{
        text-align: center;
    }
  
  
  
}

/* generated design mod_style */
.Mod[DesignId="448"] [xy="69-0"]{background-color:transparent}
.Mod[DesignId="448"] [xy="69-0"]{border-top-width:1px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:#efefef}
.Mod[DesignId="448"] [xy="69-0"]{padding-top:14px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="448"] [xy="69-0"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="448"] [xy="69-0"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="448"] [xy="69-0"]{justify-content:inherit}
.Mod[DesignId="448"] [xy="69-0"]{align-items:inherit}
.Mod[DesignId="448"] [xy="69-1"]{font-family:inherit}
.Mod[DesignId="448"] [xy="69-1"]{font-size:14px}
.Mod[DesignId="448"] [xy="69-1"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="448"] [xy="69-1"]{color:#444}
.Mod[DesignId="448"] [xy="69-1"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="448"] [xy="69-1"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="448"] [xy="69-2"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="448"] [xy="69-2"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="448"] [xy="69-2"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="445"] [xy="69-0"]{background-color:transparent}
.Mod[DesignId="445"] [xy="69-0"]{border-top-width:1px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:#efefef}
.Mod[DesignId="445"] [xy="69-0"]{padding-top:14px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="445"] [xy="69-0"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="445"] [xy="69-0"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="445"] [xy="69-0"]{justify-content:inherit}
.Mod[DesignId="445"] [xy="69-0"]{align-items:inherit}
.Mod[DesignId="445"] [xy="69-1"]{font-family:inherit}
.Mod[DesignId="445"] [xy="69-1"]{font-size:14px}
.Mod[DesignId="445"] [xy="69-1"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="445"] [xy="69-1"]{color:#444}
.Mod[DesignId="445"] [xy="69-1"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="445"] [xy="69-1"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="445"] [xy="69-2"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="445"] [xy="69-2"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="445"] [xy="69-2"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-0"]{background-color:transparent}
.Mod[DesignId="655"] [xy="35-0"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-0"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-0"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="655"] [xy="35-0"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-1"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-1"]{font-size:22px}
.Mod[DesignId="655"] [xy="35-1"]{font-weight:400;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-1"]{color:#090909}
.Mod[DesignId="655"] [xy="35-1"]{padding-top:0px;padding-right:0px;padding-bottom:9px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-1"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-3"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-3"]{font-size:11px}
.Mod[DesignId="655"] [xy="35-3"]{font-weight:200;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-3"]{color:#4F4F4F}
.Mod[DesignId="655"] [xy="35-3"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-3"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-4"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-4"]{font-size:12px}
.Mod[DesignId="655"] [xy="35-4"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-4"]{color:#444}
.Mod[DesignId="655"] [xy="35-4"]{background-color:#E9E9E9}
.Mod[DesignId="655"] [xy="35-4"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-4"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px}
.Mod[DesignId="655"] [xy="35-4"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-4"]{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.Mod[DesignId="655"] [xy="35-5"]{font-size:13px}
.Mod[DesignId="655"] [xy="35-5"]{font-weight:600;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-5"]{color:#000}
.Mod[DesignId="655"] [xy="35-5"]{background-color:transparent}
.Mod[DesignId="655"] [xy="35-5"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-5"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-5"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-5"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="655"] [xy="35-6"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-6"]{font-size:14px}
.Mod[DesignId="655"] [xy="35-6"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-6"]{color:#444}
.Mod[DesignId="655"] [xy="35-6"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-7"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-7"]{font-size:14px}
.Mod[DesignId="655"] [xy="35-7"]{font-weight:500;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-7"]{color:#000}
.Mod[DesignId="655"] [xy="35-7"]{background-color:transparent}
.Mod[DesignId="655"] [xy="35-7"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-7"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-7"]{margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-7"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="655"] [xy="35-8"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-8"]{font-size:14px}
.Mod[DesignId="655"] [xy="35-8"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-8"]{color:#444}
.Mod[DesignId="655"] [xy="35-8"]{background-color:transparent}
.Mod[DesignId="655"] [xy="35-8"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-8"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-8"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-8"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="655"] [xy="35-9"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-9"]{font-size:14px}
.Mod[DesignId="655"] [xy="35-9"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-9"]{color:#444}
.Mod[DesignId="655"] [xy="35-9"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-9"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-0"]{background-color:transparent}
.Mod[DesignId="674"] [xy="35-0"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-0"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-0"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="674"] [xy="35-0"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-1"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-1"]{font-size:22px}
.Mod[DesignId="674"] [xy="35-1"]{font-weight:400;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-1"]{color:#090909}
.Mod[DesignId="674"] [xy="35-1"]{padding-top:0px;padding-right:0px;padding-bottom:9px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-1"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-3"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-3"]{font-size:11px}
.Mod[DesignId="674"] [xy="35-3"]{font-weight:200;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-3"]{color:#4F4F4F}
.Mod[DesignId="674"] [xy="35-3"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-3"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-4"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-4"]{font-size:12px}
.Mod[DesignId="674"] [xy="35-4"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-4"]{color:#444}
.Mod[DesignId="674"] [xy="35-4"]{background-color:#E9E9E9}
.Mod[DesignId="674"] [xy="35-4"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-4"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px}
.Mod[DesignId="674"] [xy="35-4"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-4"]{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.Mod[DesignId="674"] [xy="35-5"]{font-size:13px}
.Mod[DesignId="674"] [xy="35-5"]{font-weight:600;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-5"]{color:#000}
.Mod[DesignId="674"] [xy="35-5"]{background-color:transparent}
.Mod[DesignId="674"] [xy="35-5"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-5"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-5"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-5"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="674"] [xy="35-6"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-6"]{font-size:14px}
.Mod[DesignId="674"] [xy="35-6"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-6"]{color:#444}
.Mod[DesignId="674"] [xy="35-6"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-7"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-7"]{font-size:14px}
.Mod[DesignId="674"] [xy="35-7"]{font-weight:500;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-7"]{color:#000}
.Mod[DesignId="674"] [xy="35-7"]{background-color:transparent}
.Mod[DesignId="674"] [xy="35-7"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-7"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-7"]{margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-7"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="674"] [xy="35-8"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-8"]{font-size:14px}
.Mod[DesignId="674"] [xy="35-8"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-8"]{color:#444}
.Mod[DesignId="674"] [xy="35-8"]{background-color:transparent}
.Mod[DesignId="674"] [xy="35-8"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-8"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-8"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-8"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="674"] [xy="35-9"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-9"]{font-size:14px}
.Mod[DesignId="674"] [xy="35-9"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-9"]{color:#444}
.Mod[DesignId="674"] [xy="35-9"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-9"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

/* generated design in_css */
.Mod[DesignId="655"] [xy="35-0"]{background-color:transparent}
.Mod[DesignId="655"] [xy="35-0"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-0"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-0"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="655"] [xy="35-0"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-1"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-1"]{font-size:22px}
.Mod[DesignId="655"] [xy="35-1"]{font-weight:400;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-1"]{color:#090909}
.Mod[DesignId="655"] [xy="35-1"]{padding-top:0px;padding-right:0px;padding-bottom:9px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-1"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-3"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-3"]{font-size:11px}
.Mod[DesignId="655"] [xy="35-3"]{font-weight:200;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-3"]{color:#4F4F4F}
.Mod[DesignId="655"] [xy="35-3"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-3"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-4"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-4"]{font-size:12px}
.Mod[DesignId="655"] [xy="35-4"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-4"]{color:#444}
.Mod[DesignId="655"] [xy="35-4"]{background-color:#E9E9E9}
.Mod[DesignId="655"] [xy="35-4"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-4"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px}
.Mod[DesignId="655"] [xy="35-4"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-4"]{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.Mod[DesignId="655"] [xy="35-5"]{font-size:13px}
.Mod[DesignId="655"] [xy="35-5"]{font-weight:600;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-5"]{color:#000}
.Mod[DesignId="655"] [xy="35-5"]{background-color:transparent}
.Mod[DesignId="655"] [xy="35-5"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-5"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-5"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-5"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="655"] [xy="35-6"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-6"]{font-size:14px}
.Mod[DesignId="655"] [xy="35-6"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-6"]{color:#444}
.Mod[DesignId="655"] [xy="35-6"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-7"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-7"]{font-size:14px}
.Mod[DesignId="655"] [xy="35-7"]{font-weight:500;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-7"]{color:#000}
.Mod[DesignId="655"] [xy="35-7"]{background-color:transparent}
.Mod[DesignId="655"] [xy="35-7"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-7"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-7"]{margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-7"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="655"] [xy="35-8"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-8"]{font-size:14px}
.Mod[DesignId="655"] [xy="35-8"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-8"]{color:#444}
.Mod[DesignId="655"] [xy="35-8"]{background-color:transparent}
.Mod[DesignId="655"] [xy="35-8"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="655"] [xy="35-8"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-8"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="655"] [xy="35-8"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="655"] [xy="35-9"]{font-family:inherit}
.Mod[DesignId="655"] [xy="35-9"]{font-size:14px}
.Mod[DesignId="655"] [xy="35-9"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="655"] [xy="35-9"]{color:#444}
.Mod[DesignId="655"] [xy="35-9"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="655"] [xy="35-9"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-0"]{background-color:transparent}
.Mod[DesignId="674"] [xy="35-0"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-0"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-0"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="674"] [xy="35-0"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-1"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-1"]{font-size:22px}
.Mod[DesignId="674"] [xy="35-1"]{font-weight:400;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-1"]{color:#090909}
.Mod[DesignId="674"] [xy="35-1"]{padding-top:0px;padding-right:0px;padding-bottom:9px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-1"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-3"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-3"]{font-size:11px}
.Mod[DesignId="674"] [xy="35-3"]{font-weight:200;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-3"]{color:#4F4F4F}
.Mod[DesignId="674"] [xy="35-3"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-3"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-4"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-4"]{font-size:12px}
.Mod[DesignId="674"] [xy="35-4"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-4"]{color:#444}
.Mod[DesignId="674"] [xy="35-4"]{background-color:#E9E9E9}
.Mod[DesignId="674"] [xy="35-4"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-4"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px}
.Mod[DesignId="674"] [xy="35-4"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-4"]{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.Mod[DesignId="674"] [xy="35-5"]{font-size:13px}
.Mod[DesignId="674"] [xy="35-5"]{font-weight:600;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-5"]{color:#000}
.Mod[DesignId="674"] [xy="35-5"]{background-color:transparent}
.Mod[DesignId="674"] [xy="35-5"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-5"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-5"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-5"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="674"] [xy="35-6"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-6"]{font-size:14px}
.Mod[DesignId="674"] [xy="35-6"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-6"]{color:#444}
.Mod[DesignId="674"] [xy="35-6"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-7"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-7"]{font-size:14px}
.Mod[DesignId="674"] [xy="35-7"]{font-weight:500;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-7"]{color:#000}
.Mod[DesignId="674"] [xy="35-7"]{background-color:transparent}
.Mod[DesignId="674"] [xy="35-7"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-7"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-7"]{margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-7"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="674"] [xy="35-8"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-8"]{font-size:14px}
.Mod[DesignId="674"] [xy="35-8"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-8"]{color:#444}
.Mod[DesignId="674"] [xy="35-8"]{background-color:transparent}
.Mod[DesignId="674"] [xy="35-8"]{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:solid;border-color:transparent}
.Mod[DesignId="674"] [xy="35-8"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-8"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
.Mod[DesignId="674"] [xy="35-8"]{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.Mod[DesignId="674"] [xy="35-9"]{font-family:inherit}
.Mod[DesignId="674"] [xy="35-9"]{font-size:14px}
.Mod[DesignId="674"] [xy="35-9"]{font-weight:normal;font-style:normal;text-decoration:none}
.Mod[DesignId="674"] [xy="35-9"]{color:#444}
.Mod[DesignId="674"] [xy="35-9"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.Mod[DesignId="674"] [xy="35-9"]{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

/* generated design out_css */
.Mod[DesignId="674"]{padding-bottom:80px}