/* product-view.css generated by product_view_assets_created.asp */
/* scode=Fr-5500510-1 type=PAGE_VIEW */

.Page[PageType=View] .Information .FeaturesBar .Feature,.Page[PageType=View] .Information .InfoBar,.Page[PageType=View] .Information .VariationArea,.PopContent[fr=AddBagSuccess] .TabView .Preview .List .Product .Photo>img{width:100%}.Page[PageType=View] .Information .Btn>div:last-child,.Page[PageType=View] .Information .Btn[fr=alternative_preview_btn][data-id="0"],.Page[PageType=View] .Information .Desc:empty,.Page[PageType=View] .Information .InfoBar .Info .PriceBox .Campaigns:empty,.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SpecialText:empty,.Page[PageType=View] .Information .SizeTable[data-id="0"],.Page[PageType=View] .Information .VariationArea .Colors .ColorItem>.Name,.Page[PageType=View][Load="1"] .Information .InfoBar .Info .PriceBox[DiscountRate="0"] .SalePrice .Info>.DiscountRate.show,.Page[PageType=View][Load="1"] .Information .InfoBar .Info .PriceBox[OldPrice="0"] .OldPrice{display:none}.Page[PageType=View] .Information .BtnArea .BtnAddInfo{font-weight:400;position:absolute;z-index:1;text-align:center;color:#000000;font-size:12px;line-height:42px;background:#ffffff;left:1px;top:1px;right:1px;bottom:1px;display:none;pointer-events:none}.Page[PageType=View] .Information .BtnArea .Btn:not(.active):hover + .BtnAddInfo{display:block}.Page[PageType=View][Load="1"] .Information .InfoBar .Info .PriceBox .SalePrice .Info>.DiscountRate.show,.Page[PageType=View][Load="1"] .Information .InfoBar .Info .PriceBox .SalePrice .Info>.Price.show,.Page[PageType=View][Load="1"] .Information .InfoBar .Info .PriceBox .SpecialText.show,.card-js .card-number-wrapper .show{opacity:1;display:block}.Page[PageType=View][Load="1"] .Information .InfoBar .Info .PriceBox:not([DiscountRate="0"]) .SalePrice .Info>.DiscountRate{display:none}.Page[PageType=View] .Information .Btn.active:hover,.Page[PageType=View] .Information .SizeTable>div:hover{opacity:.8}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SpecialText:hover{background:#000;color:#fff}.Page[PageType=View] .GalleryBar>.List .Item,.Page[PageType=View] .GalleryBar>.List .Item video,.Page[PageType=View] .GalleryBar>.List .Item>img{width:100%;display:block}.Page[PageType=View] .GalleryBar>.List .Item{position:relative;height:initial}.Page[PageType=View] .GalleryBar>.List>.Item img,.Page[PageType=View] .GalleryBar>.List>.Item video{width:100%;height:inherit}.Page[PageType=View] .Information .FeaturesBar .Feature>.Title:hover,.Page[PageType=View] .Information .FeaturesBar .FeaturesBtn:hover{text-decoration:underline}.Page[PageType=View][Load="1"] .Information .InfoBar .Info .PriceBox .OldPrice.show,.Page[PageType=View][Load="1"] .Information .InfoBar .Info .PriceBox:not([OldPrice="0"]) .OldPrice{display:block}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem[data-qty="0"][notification="1"]>.Notification{display:block}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SalePrice{width:100%;display:flex;flex-direction:row;font-size:13px}.Page[PageType=View] .Information .InfoBar .Info .PriceBox[DiscountRate="1"] .SalePrice .Info>.Price{padding:2px 6px 0}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SalePrice .Info>.DiscountRate{line-height:15px;padding:2px 6px 0 0;display:none}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SalePrice .Info>.DiscountRate:before{content:"";display:flex;border-left:1px solid #000;height:10px;width:1px;margin-top:2px;padding-right:4px}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .OldPrice{width:fit-content;font-size:13px;line-height:17px;height:17px;position:relative;display:none}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .OldPrice:before{content:"";display:block;width:100%;height:1px;background:#000;position:absolute;top:7px;left:0px}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SalePrice .Info>.Price{display:flex;justify-content:flex-start;align-items:center;padding:0;line-height:17px;height:17px}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SalePrice .Info>.Price>span{margin-left:3px}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SalePrice .SpecialText{width:fit-content;border:1px solid #000;line-height:20px;padding:2px 5px 0}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SpecialText:not(:empty){display:block;opacity:1}.Page[PageType=View] .Information .InfoBar .Info .PriceBox:not([DiscountRate="0"]) .SalePrice .Info{display:flex;justify-content:flex-start;align-items:center;background:#ffeb3b;margin-right:10px;width:auto}.Page[PageType=View] .Information .InfoBar .Info .Name .Favorite:before{content:"";display:flex;background:url(/NewWebSites/img/icon_favorite.svg);width:10px;height:14px}.Page[PageType=View] .Information .InfoBar .Info .Name .Favorite.active:before{content:"";display:flex;background:url(/NewWebSites/img/icon_favorite_activ.svg) 0 0/11px;width:10px;height:14px}.Page[PageType=View]{opacity:0;transition:.4s}.Page[PageType=View][Load="1"]{opacity:1;transition:.3s}.Page[PageType=View]>.Container{width:100%;display:flex;justify-content:center}.Page[PageType=View]>.ShadowImageLogo{z-index:11;position:fixed;top:50%;left:50px;transition:.3s}.Page[PageType=View] .GalleryBar>.List::-webkit-scrollbar{height:2px;background:#000;width:1px;background:#0000001f}.Page[PageType=View] .GalleryBar>.List::-webkit-scrollbar-thumb{height:1px;border-radius:2px;background:#000}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .Campaigns,.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SpecialText{width:fit-content;line-height:16px;font-size:12px}.Page[PageType=View] .Information{width:768px;flex:none}.Page[PageType=View] .Information .Content{width:360px;margin:75px auto 0 85px;position:sticky;top:90px;display:flex;flex-direction:column;height:calc(100vh - 128px)}.Page[PageType=View] .Information .Content .InfoBar{height:100%;display:flex;flex-direction:column;justify-content:flex-start}.Page[PageType=View] .Information .InfoBar .Info .Badges{width:100%;font-size:10px;color:#747474;line-height:14px;margin-bottom:4px;text-transform:uppercase;display:flex;align-items:center;gap:5px}.Page[PageType=View] .Information .InfoBar .Info .Badges:empty{display:none}.Page[PageType=View] .Information .InfoBar .Info .Badges span + span{padding-left:7px;position:relative}.Page[PageType=View] .Information .InfoBar .Info .Badges span + span::before{content:"";display:inline-block;width:2px;height:2px;border-radius:100%;background:#000;position:absolute;left:0;top:6px}.Page[PageType=View] .Information .InfoBar .Info .Name{width:100%;color:#262626;line-height:17px;margin-bottom:3px;display:flex;align-items:flex-start;flex-direction:column;font-size:18px;font-weight:400}.Page[PageType=View] .Information .InfoBar .Info .Name>h1{font-size:18px;font-weight:400}.Page[PageType=View] .Information .InfoBar .Info .Name .Favorite{margin-left:auto;cursor:pointer;position:absolute;right:0;top:0}.Page[PageType=View] .Information .InfoBar .Info .PriceBox{width:100%;display:flex;flex-direction:column;gap:4.5px}.Page[PageType=View] .Information .InfoBar .Info .PriceBox .SpecialText{cursor:pointer;opacity:0}.Page[PageType=View] .Information .Desc{width:100%;line-height:18px;margin-top:40px;color:#262626}.Page[PageType=View] .Information .VariationArea .SelectedNote{width:100%;margin:40px 0 0;display:block;padding:1px;height:16px;font-size:11px;color:#b1b1b1;text-align:left}.Page[PageType=View] .Information .VariationArea .Selected{width:100%;display:flex;align-items:center;font-size:11px;color:#000;line-height:14px;margin:10px 0 14px;justify-content:flex-start;text-transform:uppercase}.Page[PageType=View] .Information .VariationArea .Selected .Color{margin-right:8px;border-right:1px solid;padding-right:7px;line-height:10px;text-transform:uppercase}.Page[PageType=View] .Information .VariationArea .Selected .Code{line-height:14px}.Page[PageType=View] .Information .VariationArea .ColorCountText{width:100%;line-height:20px;font-size:10px;color:#6b6b6b;text-transform:uppercase;font-weight:400}.Page[PageType=View] .Information .VariationArea .ColorCountText[data-count="1"],.Page[PageType=View] .Information .VariationArea .ColorCountText[data-count="2"],.Page[PageType=View] .Information .VariationArea .ColorCountText[data-count="3"],.Page[PageType=View] .Information .VariationArea .ColorCountText[data-count="4"]{display:none}.Page[PageType=View] .Information .VariationArea .Colors{width:100%;display:flex;gap:8px;align-items:center;overflow:hidden;overflow-x:scroll;scrollbar-width:none;touch-action:pan-x;cursor:grab;user-select:none;overscroll-behavior-x:contain;scroll-behavior:auto;justify-content:flex-start;padding-left:1px}.Page[PageType=View] .Information .VariationArea .Colors{cursor:grab;user-select:none}.Page[PageType=View] .Information .VariationArea .Colors.is-dragging{cursor:grabbing}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem{display:flex;flex-direction:column;position:relative;cursor:pointer;width:60px;flex:none}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem[PageLoad="1"]:before{position:relative;border-radius:0}.Page[PageType=View]>.ShadowImageLogo>div>svg{height:40px;fill:#000000}.Page[PageType=View]>.ShadowImageLogo>div:first-child,.Page[PageType=View]>.ShadowImageLogo>div:nth-child(2){width:100%;position:absolute;top:0}.Page[PageType=View] .GalleryBar{width:768px;position:relative}.Page[PageType=View] .GalleryBar>.List{width:100%;display:flex;flex-direction:column;height:initial !important}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem>.Color{width:16px;height:16px;border:1px solid #e5e5e5;flex:none;background-size:contain;display:none}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem>.Image{width:100%;display:none}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem>.Image img{width:100%}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem.Renk>.Color{display:flex}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem.Image>.Image,.Page[PageType=View] .Information .VariationArea .Colors .ColorItem.Doku>.Image{display:flex}.Page[PageType=View] .Information .VariationArea .Variations{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:45px 0 18px;flex-wrap:wrap}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem{display:flex;cursor:pointer;position:relative;text-align:center;justify-content:center;align-items:center;width:33.33%;padding:10px 6px;border:0.5pt solid #878787;margin-right:-1px;margin-bottom:-1px}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem:hover{border:0.5pt solid #000000;z-index:1}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem.active{border:0.5pt solid #000000;z-index:1}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem>.Size{width:100%;line-height:17px;position:relative;text-wrap-mode:nowrap}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem[data-qty="0"]>.Size{color:#838383;text-decoration:line-through}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem>.Notification{width:100%;display:none;font-size:0;height:10px;margin-left:5px;position:relative;margin-bottom:2px}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem>.ReamingStock{display:none}.Page[PageType=View] .Information .VariationArea .Note{width:100%;font-size:11px;color:#727272;text-align:center;border:0}.Page[PageType=View] .Information .BtnArea{width:100%;margin-top:33px;background:#fff;margin-bottom:20px;position:relative}body.AddLoading .Page[PageType=View] .Information .BtnArea .Btn[fr="AddCart"]:after{content:"EKLENİYOR";position:absolute;background:#fff;width:100%;left:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;color:#767676}.Page[PageType=View] .Information .Btn{width:100%;background:#fff;color:#000;border:1px solid;position:relative;display:flex;align-items:center}.Page[PageType=View] .Information .BtnArea[alternative-category="1"] .Btn[fr="AddCart"]{display:none}.Page[PageType=View] .Information .BtnArea[alternative-category="0"] .Btn.AlternativeCategory{display:none}.Page[PageType=View] .Information .BtnArea .Btn.nonStockBar{display:none}.Page[PageType=View] .Information .BtnArea[alternative-category="0"][nonstock="1"] .Btn.nonStockBar{display:flex}.Page[PageType=View] .Information .Btn[fr="alternative_preview_btn"]:not([Campaing="0"]){padding-right:60px}.Page[PageType=View] .Information .Btn[data-status="0"]{width:100%;border:1px solid;background:#f0f0f0;color:#606060;border-color:#efefef;pointer-events:none}.Page[PageType=View] .Information .DeliveredText{width:100%;display:flex;margin-top:12px;gap:0px;color:#565656;font-size:13px;flex-direction:column}.Page[PageType=View] .Information .DeliveredText>span:nth-child(2){color:#00CA8D}.Page[PageType=View] .Information .Btn.active{background:#000;color:#fff;cursor:pointer;pointer-events:all;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.Page[PageType=View] .Information .Btn.active>div:last-child{display:flex;gap:2px}.Page[PageType=View] .Information .FeaturesBar{width:100%;margin-top:40px}.Page[PageType=View] .Information .FeaturesBar .Feature>.Title{width:100%;margin-bottom:15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.Page[PageType=View] .Information .FeaturesBar .Feature>.Title>svg{height:12px;width:14px;transition:0.4s}.Page[PageType=View] .Information .FeaturesBar .Feature.show>.Title>svg{height:12px;width:14px;transform:rotate(90deg);transition:0.4s}.Page[PageType=View] .Information .FeaturesBar .Feature>.Text{width:100%;overflow:auto;max-height:160px;margin-bottom:20px;padding-right:5px;padding-bottom:5px;display:none}.Page[PageType=View] .Information .FeaturesBar .Feature>.Text::-webkit-scrollbar{width:2px;background:#b2b2b2}.Page[PageType=View] .Information .FeaturesBar .Feature>.Text::-webkit-scrollbar-thumb{background:#000;border-radius:2px}.Page[PageType=View] .Information .FeaturesBar .Feature>.Text::-webkit-scrollbar-thumb:hover{background:#555}.Page[PageType=View] .Information .SizeTable{width:100%;display:flex;margin:0 0 20px;align-items:center;justify-content:space-between}.Page[PageType=View] .Information .SizeTable>div{cursor:pointer;font-weight:500}.Page[PageType=View] .Information .FeaturesBar .FeaturesBtn{width:100%;line-height:17px;margin-bottom:15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.Page[PageType=View] .Information .FeaturesBar .FeaturesBtn>svg{height:12px;width:14px}.Page[PageType=View] .Information .Note{width:100%;border:1px solid #000;border-left:0;border-right:0;margin-top:auto;margin-bottom:20px}.Page[PageType=View] .Information .Note>.Text{width:100%;padding:10px 0;font-size:11px}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem.active:before{content:"";display:block;position:absolute;width:100%;border:1px solid #000;z-index:1;left:-1px;right:0;top:0;bottom:0}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem:not(:empty):hover:before{content:"";display:block;position:absolute;width:100%;border:1px solid #000;z-index:1;left:-1px;right:0;top:0;bottom:0}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem.active,.Page[PageType=View] .Information .VariationArea .Variations .SizeItem:hover{font-weight:500}.Page[PageType=View] .Information .VariationArea .Variations .SizeItem.waitstockactive>.Notification::after{content:"";background:50% no-repeat #4caf50;width:2px;height:10px;display:block;position:absolute;top:0;right:-4px}.ProductOtherViewContainer{width:100%;display:flex;flex-direction:column;margin:140px 0;opacity:1;position:relative;top:0;transition:.4s;z-index:1}.ProductOtherViewContainer .OtherProductView>.Container .Group .TitleBar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 40px 20px}.ProductOtherViewContainer .OtherProductView>.Container .Group .TitleBar .Title{width:-webkit-fill-available}.ProductOtherViewContainer .OtherProductView>.Container .Group .TitleBar .Arrows{display:flex;gap:8px}.ProductOtherViewContainer .OtherProductView>.Container .Group .TitleBar .Arrows .swiper-button-prev{display:flex;position:inherit;cursor:pointer;margin:0;height:initial}.ProductOtherViewContainer .OtherProductView>.Container .Group .TitleBar .Arrows .swiper-button-next>svg,.ProductOtherViewContainer .OtherProductView>.Container .Group .TitleBar .Arrows .swiper-button-prev>svg{height:12px}.ProductOtherViewContainer .OtherProductView>.Container .Group .TitleBar .Arrows .swiper-button-next{display:flex;position:inherit;cursor:pointer;margin:0;height:initial}.Page + .ProductOtherViewContainer .OtherProductView>.Container .Group .List.Type0{display:flex;flex-wrap:wrap}@media(max-width:1700px){.Page[PageType=View] .GalleryBar,.Page[PageType=View] .Information{width:50%}.Page[PageType=View]>.ShadowImageLogo{z-index:11;position:fixed;top:50%;mix-blend-mode:difference;left:50px}.Page[PageType=View]>.ShadowImageLogo>div>svg{height:40px;fill:#fff}.Page[PageType=View]>.ShadowImageLogo>div:first-child{width:100%;position:absolute;top:0;mix-blend-mode:difference}.Page[PageType=View]>.ShadowImageLogo>div:nth-child(2){width:100%;position:absolute;top:0;mix-blend-mode:hue}}@media(max-width:1280px){.Page[PageType=View][Load="0"],.Page[PageType=View][Load="1"]{position:initial;opacity:1}.Page[PageType=View] .GalleryBar{width:50%}.Page[PageType=View] .GalleryBar .List{height:calc( 100vh - 59px) !important}.Page[PageType=View] .Information{width:50%;flex:auto}}@media(max-width:1140px){.Page[PageType=View]>.Container{display:flex;flex-direction:column}.Page[PageType=View] .GalleryBar{width:100%;height:380px}.Page[PageType=View] .GalleryBar>.List>.Item{width:inherit;width:min-content}.Page[PageType=View] .GalleryBar>.List>.Item.Video{min-width:max-content}.Page[PageType=View] .Information .Content{position:relative}.Page[PageType=View] .GalleryBar>.List{display:flex;flex-direction:row}.Page[PageType=View]>.ShadowImageLogo{display:none}.Page[PageType=View]>.Container{display:grid;width:100%;grid-template-columns:1fr;padding:0}.Page[PageType=View] .GalleryBar{display:block;width:inherit;height:inherit;overflow:auto}.Page[PageType=View] .GalleryBar>.List>.Item img,.Page[PageType=View] .GalleryBar>.List>.Item video{position:relative;height:65vh;width:auto}.Page[PageType=View] .Information{width:100%;flex:auto}.Page[PageType=View] .GalleryBar>.List{display:flex;height:65vh!important;flex-direction:row;width:-webkit-fit-content}.Page[PageType=View] .Information .Content{margin:0;top:0;width:100%;padding:20px;padding-top:0;height:auto!important}.Page[PageType=View] .Information .BtnArea{position:sticky;bottom:0;width:100%;background:#fff;display:flex;padding:10px 0 18px;z-index:1}.Page[PageType=View] .GalleryBar>.List>.Item::before{display:none}.Page[PageType=View] .GalleryBar>.List>.Item>img{width:auto;height:100%;position:inherit}.Page[PageType=View] .Information .InfoBar .Info{position:relative}.Page[PageType=View] .GalleryBar{display:block;width:inherit;height:inherit;overflow:auto;margin:38px 10px 10px 10px;width:auto;overflow:hidden;overflow-x:auto}.ProductOtherViewContainer{margin-top:20px}.Page[PageType=View] .Information .VariationArea .Colors{width:calc(100vw - 40px)}.Page[PageType=View] .Information .VariationArea .Colors .ColorItem{width:60px}}