.Mod1221{width:100%;position:relative;background:#f4f1ec;color:#111;overflow:hidden} .Mod1221 *{box-sizing:border-box} .Mod1221_Shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:0;width:100%;min-height:620px;background:#f4f1ec} .Mod1221_Shell.is-left{grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr)} .Mod1221_Shell.is-left .Mod1221_Media{grid-column:2} .Mod1221_Shell.is-left .Mod1221_Panel{grid-column:1;grid-row:1} .Mod1221_Media{position:relative;min-height:620px;background:#ddd;overflow:hidden} .Mod1221_Media img,.Mod1221_Media video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;-webkit-user-drag:none;user-select:none} .Mod1221_Panel{min-height:620px;padding:46px 42px 42px;display:flex;flex-direction:column;justify-content:flex-end;background:#f4f1ec;border-left:1px solid rgba(0,0,0,.16)} .Mod1221_Shell.is-left .Mod1221_Panel{border-left:0;border-right:1px solid rgba(0,0,0,.16)} .Mod1221_Kicker{font-size:12px;line-height:1.2;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#111} .Mod1221_Title{margin:28px 0 0;color:#111;font-family:inherit;font-size:56px;line-height:1.04;font-weight:400;letter-spacing:0} .Mod1221_Desc{margin:18px 0 0;color:#333;font-size:18px;line-height:1.46;font-weight:400;max-width:520px} .Mod1221_Button{display:inline-flex;width:max-content;margin-top:42px;color:#111;text-decoration:none;font-size:13px;line-height:1;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px;transition:opacity .18s,transform .18s} .Mod1221_Button:hover{opacity:.7;transform:translateY(-1px)} @media(max-width:991px){ .Mod1221_Shell,.Mod1221_Shell.is-left{display:flex;flex-direction:column;min-height:0} .Mod1221_Shell.is-left .Mod1221_Media,.Mod1221_Shell.is-left .Mod1221_Panel{grid-column:auto;grid-row:auto} .Mod1221_Media{min-height:0;height:520px} .Mod1221_Panel{min-height:0;padding:34px 18px 42px;border-left:0;border-top:1px solid rgba(0,0,0,.16)} .Mod1221_Shell.is-left .Mod1221_Panel{border-right:0;border-top:1px solid rgba(0,0,0,.16)} .Mod1221_Title{font-size:38px;line-height:1.08} .Mod1221_Desc{font-size:16px;line-height:1.45} } @media(max-width:575px){ .Mod1221_Media{height:430px} .Mod1221_Title{font-size:34px} } .Mod1234{width:100%;display:block;background:transparent} .Mod1234 *{box-sizing:border-box} .Mod1234 .FiveProductGrid{width:100%;padding:34px 0;overflow:hidden} .Mod1234 .FiveProductGrid_List{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start;width:100%;justify-content:start} .Mod1234 .FiveProductGrid_Cell{min-width:0;} .Mod1234 .FiveProductGrid_Empty{min-height:180px;display:flex;align-items:center;justify-content:center;padding:22px;border:1px dashed rgba(15,23,42,.18);background:#fff;color:#64748b;font-size:13px;text-align:center} @media(max-width:1180px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}} @media(max-width:900px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.Mod1234 .FiveProductGrid{padding:24px 0}} @media(max-width:520px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.Mod1234 .FiveProductGrid{padding:18px 0}} .Mod1234.is-empty .FiveProductGrid_Ghost{min-height:260px;padding:0;background:#f1f3f5;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:12px} .Mod1234 .FiveProductGrid_GhostMedia{aspect-ratio:3/4;width:100%;background:linear-gradient(100deg,#e5e7eb 0%,#f3f4f6 45%,#e5e7eb 100%);background-size:220% 100%} .Mod1234 .FiveProductGrid_GhostLine{height:10px;width:46%;margin:0 12px 14px;background:#d8dde3;border-radius:999px} .Mod1234 .FiveProductGrid_GhostLine.is-wide{width:72%;margin-top:2px;margin-bottom:0} /* 5'li grid icinde sadece kart genisligini grid hücresine sabitle */ .Mod1234 .FiveProductGrid_Cell>.ProductItem, .Mod1234 .FiveProductGrid_Cell .ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;border:0!important} .Mod1234 .FiveProductGrid_Cell>.ProductItem>div, .Mod1234 .FiveProductGrid_Cell .ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid_Cell .ProductItem .Info{width:100%!important} /* Mod1234 nested swiper outer slide fix */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide::before{content:none!important;display:none!important;padding-top:0!important;background:transparent!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide{height:auto!important;min-height:0!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper{height:auto!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper>a.swiper-slide::before{content:''!important;display:block!important;padding-top:calc((100% / (208 / 313)))!important} /* Mod1234 product grid options */ .Mod1234 .FiveProductGrid_List{--mod1234-gap:var(--gap1337-0-28-FiveProductGridList,18px);gap:var(--mod1234-gap)!important} .Mod1234 .FiveProductGrid.info-hide .FiveProductGrid_Cell>.ProductItem>div>.Info{display:none!important} .Mod1234 .FiveProductGrid.info-simple .FiveProductGrid_Cell>.ProductItem>div>.Info{height:auto!important;min-height:0!important;padding:8px 0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBarColors, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Desc, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Rating, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .OldPrice, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .DiscountRate, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .Campaigns, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SpecialText, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar03{display:none!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01{margin-bottom:4px!important;padding-bottom:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice>.Info{display:block!important;height:auto!important;min-height:0!important;padding:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice .Price{display:inline!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid.cols-auto .FiveProductGrid_List{--mod1234-col-count:var(--mod1234-auto-cols,5)} .Mod1234 .FiveProductGrid.cols-1 .FiveProductGrid_List{--mod1234-col-count:1} .Mod1234 .FiveProductGrid.cols-2 .FiveProductGrid_List{--mod1234-col-count:2} .Mod1234 .FiveProductGrid.cols-3 .FiveProductGrid_List{--mod1234-col-count:3} .Mod1234 .FiveProductGrid.cols-4 .FiveProductGrid_List{--mod1234-col-count:4} .Mod1234 .FiveProductGrid.cols-5 .FiveProductGrid_List{--mod1234-col-count:5} .Mod1234 .FiveProductGrid.cols-6 .FiveProductGrid_List{--mod1234-col-count:6} .Mod1234 .FiveProductGrid.cols-8 .FiveProductGrid_List{--mod1234-col-count:8} .Mod1234 .FiveProductGrid.card-auto .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-10 .FiveProductGrid_List{--mod1234-card-width:10%} .Mod1234 .FiveProductGrid.card-20 .FiveProductGrid_List{--mod1234-card-width:20%} .Mod1234 .FiveProductGrid.card-25 .FiveProductGrid_List{--mod1234-card-width:25%} .Mod1234 .FiveProductGrid.card-30 .FiveProductGrid_List{--mod1234-card-width:30%} .Mod1234 .FiveProductGrid.card-33 .FiveProductGrid_List{--mod1234-card-width:33.333333%} .Mod1234 .FiveProductGrid.card-40 .FiveProductGrid_List{--mod1234-card-width:40%} .Mod1234 .FiveProductGrid.card-50 .FiveProductGrid_List{--mod1234-card-width:50%} .Mod1234 .FiveProductGrid.card-60 .FiveProductGrid_List{--mod1234-card-width:60%} .Mod1234 .FiveProductGrid.card-100 .FiveProductGrid_List{--mod1234-card-width:100%} .Mod1234 .FiveProductGrid.card-180 .FiveProductGrid_List{--mod1234-card-width:180px} .Mod1234 .FiveProductGrid.card-200 .FiveProductGrid_List{--mod1234-card-width:200px} .Mod1234 .FiveProductGrid.card-220 .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-240 .FiveProductGrid_List{--mod1234-card-width:240px} .Mod1234 .FiveProductGrid.card-260 .FiveProductGrid_List{--mod1234-card-width:260px} .Mod1234 .FiveProductGrid.card-300 .FiveProductGrid_List{--mod1234-card-width:300px} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,1fr));justify-content:stretch;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_Cell{width:100%;max-width:none} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,var(--mod1234-card-width,220px)));justify-content:center;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_Cell{width:100%;max-width:none} @media(max-width:900px){.Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List,.Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(min(var(--mod1234-col-count,var(--mod1234-auto-cols,2)),2),minmax(0,1fr))}} .Mod1234 .FiveProductGrid.zemin-rengi-yok .ProductItem>div>.Info{background:transparent!important;background-color:transparent!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info a, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Name, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Desc, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .InfoBar02, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .PriceBox, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Price{color:#f8fafc!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .OldPrice{color:rgba(248,250,252,.68)!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .DiscountRate{color:#fecaca!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Favorite svg{stroke:#f8fafc!important;color:#f8fafc!important} /* Mod1234: normal urun karti swiper slide aspect alanini koru */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>a.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>picture.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>figure.swiper-slide::before{content:''!important;display:block!important;background:#eee!important;padding-top:calc((100% / (208 / 313)))!important} .Mod1219{width:100%;position:relative;background:#fff;color:#111;overflow:hidden} .Mod1219 *{box-sizing:border-box} .Mod1219_Shell{width:100%;padding:32px 14px 34px;background:#fff} .Mod1219_Text{margin:0 auto;color:#111;font-family:inherit;font-size:25px;line-height:1.34;font-weight:400;letter-spacing:0} .Mod1219_Line{display:inline;color:inherit} .Mod1219_Line1{font-weight:400} .Mod1219_Line2{font-weight:400} .Mod1219_Line1:not(:empty)+.Mod1219_Line2:not(:empty)::before{content:" "} @media(max-width:991px){ .Mod1219_Shell{padding:24px 16px 26px} .Mod1219_Text{font-size:19px;line-height:1.36} } @media(max-width:575px){ .Mod1219_Text{font-size:17px;line-height:1.38} } .Mod1231 { --m1231-media-height: clamp(240px, 13.8vw, 340px); width: 100%; display: block; overflow: hidden; background: #fff; color: #111; font-family: inherit; } .Mod1231 * { box-sizing: border-box; } .Mod1231 a { color: inherit; text-decoration: none; } .Mod1231_Frame { width: 100%; background: #fff; } .Mod1231_Inner { width: 100%; margin: 0 auto; padding: 34px 0 28px; } .Mod1231_Head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 25px; } .Mod1231_Head h2 { margin: 0; color: #111; font-size: 13px; font-weight: 500; line-height: 1.1; letter-spacing: .22em; text-transform: uppercase; } .Mod1231_All { display: inline-flex; align-items: center; gap: 7px; color: #1d3672; font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; } .Mod1231_All span { display: inline-block; transform: translateY(-1px); } .Mod1231_All:hover { color: #111; } .Mod1231_Viewport { position: relative; width: 100%; } .Mod1231_Track { width: 100%; display: flex; align-items: stretch; gap: 1px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; user-select: none; cursor: grab; -webkit-overflow-scrolling: touch; touch-action: pan-y; } .Mod1231_Track::-webkit-scrollbar { display: none; } .Mod1231_Track.is-dragging { cursor: grabbing; } .Mod1231_Card { flex: 0 0 calc((100% - 3px) / 4); min-width: 0; display: block; background: #fff; } .Mod1231_Media { width: 100%; height: var(--m1231-media-height); display: block; overflow: hidden; background: #ececec; } .Mod1231_Media img, .Mod1231_Media video, .Mod1231_Blank { width: 100%; height: 100%; display: block; } .Mod1231_Media img, .Mod1231_Media video { object-fit: cover; object-position: center; -webkit-user-drag: none; user-select: none; pointer-events: none; } .Mod1231_Blank { background: linear-gradient(135deg, #ececec, #dcdcdc); } .Mod1231_Label { display: block; min-height: 42px; padding: 16px 24px 0; color: #707070; font-size: 12px; font-weight: 600; line-height: 1.25; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Mod1231_Arrow { position: absolute; top: calc(var(--m1231-media-height) / 2); z-index: 4; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: #fff; color: #111; box-shadow: 0 8px 24px rgba(0,0,0,.10); font-size: 28px; font-weight: 300; line-height: 1; cursor: pointer; transform: translateY(-50%); transition: background-color .18s ease, color .18s ease, transform .18s ease; } .Mod1231_Arrow:hover { background: #111; color: #fff; transform: translateY(-50%) scale(1.03); } .Mod1231_Prev { left: 24px; } .Mod1231_Next { right: 24px; } @media (max-width: 1180px) { .Mod1231_Card { flex-basis: calc((100% - 2px) / 3); } } @media (max-width: 760px) { .Mod1231 { --m1231-media-height: 280px; } .Mod1231_Inner { padding: 28px 16px 24px; } .Mod1231_Head { margin-bottom: 18px; } .Mod1231_Head h2, .Mod1231_All { font-size: 11px; } .Mod1231_Card { flex-basis: 78vw; } .Mod1231_Label { min-height: 38px; padding: 13px 8px 0; font-size: 11px; } .Mod1231_Arrow { width: 32px; height: 32px; font-size: 24px; } .Mod1231_Prev { left: 10px; } .Mod1231_Next { right: 10px; } } .Mod1234{width:100%;display:block;background:transparent} .Mod1234 *{box-sizing:border-box} .Mod1234 .FiveProductGrid{width:100%;padding:34px 0;overflow:hidden} .Mod1234 .FiveProductGrid_List{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start;width:100%;justify-content:start} .Mod1234 .FiveProductGrid_Cell{min-width:0;} .Mod1234 .FiveProductGrid_Empty{min-height:180px;display:flex;align-items:center;justify-content:center;padding:22px;border:1px dashed rgba(15,23,42,.18);background:#fff;color:#64748b;font-size:13px;text-align:center} @media(max-width:1180px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}} @media(max-width:900px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.Mod1234 .FiveProductGrid{padding:24px 0}} @media(max-width:520px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.Mod1234 .FiveProductGrid{padding:18px 0}} .Mod1234.is-empty .FiveProductGrid_Ghost{min-height:260px;padding:0;background:#f1f3f5;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:12px} .Mod1234 .FiveProductGrid_GhostMedia{aspect-ratio:3/4;width:100%;background:linear-gradient(100deg,#e5e7eb 0%,#f3f4f6 45%,#e5e7eb 100%);background-size:220% 100%} .Mod1234 .FiveProductGrid_GhostLine{height:10px;width:46%;margin:0 12px 14px;background:#d8dde3;border-radius:999px} .Mod1234 .FiveProductGrid_GhostLine.is-wide{width:72%;margin-top:2px;margin-bottom:0} /* 5'li grid icinde sadece kart genisligini grid hücresine sabitle */ .Mod1234 .FiveProductGrid_Cell>.ProductItem, .Mod1234 .FiveProductGrid_Cell .ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;border:0!important} .Mod1234 .FiveProductGrid_Cell>.ProductItem>div, .Mod1234 .FiveProductGrid_Cell .ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid_Cell .ProductItem .Info{width:100%!important} /* Mod1234 nested swiper outer slide fix */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide::before{content:none!important;display:none!important;padding-top:0!important;background:transparent!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide{height:auto!important;min-height:0!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper{height:auto!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper>a.swiper-slide::before{content:''!important;display:block!important;padding-top:calc((100% / (208 / 313)))!important} /* Mod1234 product grid options */ .Mod1234 .FiveProductGrid_List{--mod1234-gap:var(--gap1337-0-28-FiveProductGridList,18px);gap:var(--mod1234-gap)!important} .Mod1234 .FiveProductGrid.info-hide .FiveProductGrid_Cell>.ProductItem>div>.Info{display:none!important} .Mod1234 .FiveProductGrid.info-simple .FiveProductGrid_Cell>.ProductItem>div>.Info{height:auto!important;min-height:0!important;padding:8px 0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBarColors, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Desc, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Rating, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .OldPrice, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .DiscountRate, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .Campaigns, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SpecialText, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar03{display:none!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01{margin-bottom:4px!important;padding-bottom:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice>.Info{display:block!important;height:auto!important;min-height:0!important;padding:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice .Price{display:inline!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid.cols-auto .FiveProductGrid_List{--mod1234-col-count:var(--mod1234-auto-cols,5)} .Mod1234 .FiveProductGrid.cols-1 .FiveProductGrid_List{--mod1234-col-count:1} .Mod1234 .FiveProductGrid.cols-2 .FiveProductGrid_List{--mod1234-col-count:2} .Mod1234 .FiveProductGrid.cols-3 .FiveProductGrid_List{--mod1234-col-count:3} .Mod1234 .FiveProductGrid.cols-4 .FiveProductGrid_List{--mod1234-col-count:4} .Mod1234 .FiveProductGrid.cols-5 .FiveProductGrid_List{--mod1234-col-count:5} .Mod1234 .FiveProductGrid.cols-6 .FiveProductGrid_List{--mod1234-col-count:6} .Mod1234 .FiveProductGrid.cols-8 .FiveProductGrid_List{--mod1234-col-count:8} .Mod1234 .FiveProductGrid.card-auto .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-10 .FiveProductGrid_List{--mod1234-card-width:10%} .Mod1234 .FiveProductGrid.card-20 .FiveProductGrid_List{--mod1234-card-width:20%} .Mod1234 .FiveProductGrid.card-25 .FiveProductGrid_List{--mod1234-card-width:25%} .Mod1234 .FiveProductGrid.card-30 .FiveProductGrid_List{--mod1234-card-width:30%} .Mod1234 .FiveProductGrid.card-33 .FiveProductGrid_List{--mod1234-card-width:33.333333%} .Mod1234 .FiveProductGrid.card-40 .FiveProductGrid_List{--mod1234-card-width:40%} .Mod1234 .FiveProductGrid.card-50 .FiveProductGrid_List{--mod1234-card-width:50%} .Mod1234 .FiveProductGrid.card-60 .FiveProductGrid_List{--mod1234-card-width:60%} .Mod1234 .FiveProductGrid.card-100 .FiveProductGrid_List{--mod1234-card-width:100%} .Mod1234 .FiveProductGrid.card-180 .FiveProductGrid_List{--mod1234-card-width:180px} .Mod1234 .FiveProductGrid.card-200 .FiveProductGrid_List{--mod1234-card-width:200px} .Mod1234 .FiveProductGrid.card-220 .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-240 .FiveProductGrid_List{--mod1234-card-width:240px} .Mod1234 .FiveProductGrid.card-260 .FiveProductGrid_List{--mod1234-card-width:260px} .Mod1234 .FiveProductGrid.card-300 .FiveProductGrid_List{--mod1234-card-width:300px} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,1fr));justify-content:stretch;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_Cell{width:100%;max-width:none} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,var(--mod1234-card-width,220px)));justify-content:center;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_Cell{width:100%;max-width:none} @media(max-width:900px){.Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List,.Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(min(var(--mod1234-col-count,var(--mod1234-auto-cols,2)),2),minmax(0,1fr))}} .Mod1234 .FiveProductGrid.zemin-rengi-yok .ProductItem>div>.Info{background:transparent!important;background-color:transparent!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info a, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Name, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Desc, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .InfoBar02, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .PriceBox, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Price{color:#f8fafc!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .OldPrice{color:rgba(248,250,252,.68)!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .DiscountRate{color:#fecaca!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Favorite svg{stroke:#f8fafc!important;color:#f8fafc!important} /* Mod1234: normal urun karti swiper slide aspect alanini koru */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>a.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>picture.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>figure.swiper-slide::before{content:''!important;display:block!important;background:#eee!important;padding-top:calc((100% / (208 / 313)))!important} .Mod1234{width:100%;display:block;background:transparent} .Mod1234 *{box-sizing:border-box} .Mod1234 .FiveProductGrid{width:100%;padding:34px 0;overflow:hidden} .Mod1234 .FiveProductGrid_List{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start;width:100%;justify-content:start} .Mod1234 .FiveProductGrid_Cell{min-width:0;} .Mod1234 .FiveProductGrid_Empty{min-height:180px;display:flex;align-items:center;justify-content:center;padding:22px;border:1px dashed rgba(15,23,42,.18);background:#fff;color:#64748b;font-size:13px;text-align:center} @media(max-width:1180px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}} @media(max-width:900px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.Mod1234 .FiveProductGrid{padding:24px 0}} @media(max-width:520px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.Mod1234 .FiveProductGrid{padding:18px 0}} .Mod1234.is-empty .FiveProductGrid_Ghost{min-height:260px;padding:0;background:#f1f3f5;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:12px} .Mod1234 .FiveProductGrid_GhostMedia{aspect-ratio:3/4;width:100%;background:linear-gradient(100deg,#e5e7eb 0%,#f3f4f6 45%,#e5e7eb 100%);background-size:220% 100%} .Mod1234 .FiveProductGrid_GhostLine{height:10px;width:46%;margin:0 12px 14px;background:#d8dde3;border-radius:999px} .Mod1234 .FiveProductGrid_GhostLine.is-wide{width:72%;margin-top:2px;margin-bottom:0} /* 5'li grid icinde sadece kart genisligini grid hücresine sabitle */ .Mod1234 .FiveProductGrid_Cell>.ProductItem, .Mod1234 .FiveProductGrid_Cell .ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;border:0!important} .Mod1234 .FiveProductGrid_Cell>.ProductItem>div, .Mod1234 .FiveProductGrid_Cell .ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid_Cell .ProductItem .Info{width:100%!important} /* Mod1234 nested swiper outer slide fix */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide::before{content:none!important;display:none!important;padding-top:0!important;background:transparent!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide{height:auto!important;min-height:0!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper{height:auto!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper>a.swiper-slide::before{content:''!important;display:block!important;padding-top:calc((100% / (208 / 313)))!important} /* Mod1234 product grid options */ .Mod1234 .FiveProductGrid_List{--mod1234-gap:var(--gap1337-0-28-FiveProductGridList,18px);gap:var(--mod1234-gap)!important} .Mod1234 .FiveProductGrid.info-hide .FiveProductGrid_Cell>.ProductItem>div>.Info{display:none!important} .Mod1234 .FiveProductGrid.info-simple .FiveProductGrid_Cell>.ProductItem>div>.Info{height:auto!important;min-height:0!important;padding:8px 0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBarColors, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Desc, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Rating, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .OldPrice, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .DiscountRate, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .Campaigns, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SpecialText, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar03{display:none!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01{margin-bottom:4px!important;padding-bottom:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice>.Info{display:block!important;height:auto!important;min-height:0!important;padding:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice .Price{display:inline!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid.cols-auto .FiveProductGrid_List{--mod1234-col-count:var(--mod1234-auto-cols,5)} .Mod1234 .FiveProductGrid.cols-1 .FiveProductGrid_List{--mod1234-col-count:1} .Mod1234 .FiveProductGrid.cols-2 .FiveProductGrid_List{--mod1234-col-count:2} .Mod1234 .FiveProductGrid.cols-3 .FiveProductGrid_List{--mod1234-col-count:3} .Mod1234 .FiveProductGrid.cols-4 .FiveProductGrid_List{--mod1234-col-count:4} .Mod1234 .FiveProductGrid.cols-5 .FiveProductGrid_List{--mod1234-col-count:5} .Mod1234 .FiveProductGrid.cols-6 .FiveProductGrid_List{--mod1234-col-count:6} .Mod1234 .FiveProductGrid.cols-8 .FiveProductGrid_List{--mod1234-col-count:8} .Mod1234 .FiveProductGrid.card-auto .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-10 .FiveProductGrid_List{--mod1234-card-width:10%} .Mod1234 .FiveProductGrid.card-20 .FiveProductGrid_List{--mod1234-card-width:20%} .Mod1234 .FiveProductGrid.card-25 .FiveProductGrid_List{--mod1234-card-width:25%} .Mod1234 .FiveProductGrid.card-30 .FiveProductGrid_List{--mod1234-card-width:30%} .Mod1234 .FiveProductGrid.card-33 .FiveProductGrid_List{--mod1234-card-width:33.333333%} .Mod1234 .FiveProductGrid.card-40 .FiveProductGrid_List{--mod1234-card-width:40%} .Mod1234 .FiveProductGrid.card-50 .FiveProductGrid_List{--mod1234-card-width:50%} .Mod1234 .FiveProductGrid.card-60 .FiveProductGrid_List{--mod1234-card-width:60%} .Mod1234 .FiveProductGrid.card-100 .FiveProductGrid_List{--mod1234-card-width:100%} .Mod1234 .FiveProductGrid.card-180 .FiveProductGrid_List{--mod1234-card-width:180px} .Mod1234 .FiveProductGrid.card-200 .FiveProductGrid_List{--mod1234-card-width:200px} .Mod1234 .FiveProductGrid.card-220 .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-240 .FiveProductGrid_List{--mod1234-card-width:240px} .Mod1234 .FiveProductGrid.card-260 .FiveProductGrid_List{--mod1234-card-width:260px} .Mod1234 .FiveProductGrid.card-300 .FiveProductGrid_List{--mod1234-card-width:300px} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,1fr));justify-content:stretch;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_Cell{width:100%;max-width:none} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,var(--mod1234-card-width,220px)));justify-content:center;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_Cell{width:100%;max-width:none} @media(max-width:900px){.Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List,.Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(min(var(--mod1234-col-count,var(--mod1234-auto-cols,2)),2),minmax(0,1fr))}} .Mod1234 .FiveProductGrid.zemin-rengi-yok .ProductItem>div>.Info{background:transparent!important;background-color:transparent!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info a, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Name, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Desc, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .InfoBar02, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .PriceBox, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Price{color:#f8fafc!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .OldPrice{color:rgba(248,250,252,.68)!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .DiscountRate{color:#fecaca!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Favorite svg{stroke:#f8fafc!important;color:#f8fafc!important} /* Mod1234: normal urun karti swiper slide aspect alanini koru */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>a.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>picture.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>figure.swiper-slide::before{content:''!important;display:block!important;background:#eee!important;padding-top:calc((100% / (208 / 313)))!important} .Mod1222{width:100%;position:relative;background:#111;color:#fff;overflow:hidden} .Mod1222 *{box-sizing:border-box} .Mod1222_Shell{display:flex;width:100%;height:680px;min-height:520px;background:#111;overflow:hidden} .Mod1222_Panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;color:#fff;text-decoration:none;background:#222;transition:flex .45s ease,filter .3s ease} .Mod1222_Panel:hover,.Mod1222_Panel:focus-visible{flex:2.15 1 0} .Mod1222_Media{position:absolute;inset:0;z-index:0;background:#222} .Mod1222_Media img,.Mod1222_Media video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.02);transition:transform .55s ease,filter .35s ease;-webkit-user-drag:none;user-select:none} .Mod1222_Panel:hover .Mod1222_Media img,.Mod1222_Panel:hover .Mod1222_Media video,.Mod1222_Panel:focus-visible .Mod1222_Media img,.Mod1222_Panel:focus-visible .Mod1222_Media video{transform:scale(1.06)} .Mod1222_Overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.06) 18%,rgba(0,0,0,.64) 100%);pointer-events:none} .Mod1222_Panel[data-tone="dark"]{color:#111} .Mod1222_Panel[data-tone="dark"] .Mod1222_Overlay{background:linear-gradient(180deg,rgba(255,255,255,.04) 10%,rgba(255,255,255,.72) 100%)} .Mod1222_Content{position:absolute;left:24px;right:24px;bottom:26px;z-index:2;color:inherit;max-width:520px;height:238px;display:grid;grid-template-rows:18px 76px 72px 32px;align-content:end;row-gap:12px} .Mod1222_Label{font-size:12px;line-height:1.2;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:inherit;white-space:nowrap;align-self:start} .Mod1222_Title{margin:0;color:inherit;font-family:inherit;font-size:32px;line-height:1.08;font-weight:400;letter-spacing:0;max-width:420px;align-self:start;max-height:70px;overflow:hidden} .Mod1222_Desc{margin:0;color:inherit;font-size:16px;line-height:1.45;font-weight:400;max-width:430px;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease;align-self:start;max-height:70px;overflow:hidden} .Mod1222_Button{display:inline-flex;width:max-content;align-self:end;color:inherit;font-size:13px;line-height:1;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease} .Mod1222_Panel:hover .Mod1222_Desc,.Mod1222_Panel:hover .Mod1222_Button,.Mod1222_Panel:focus-visible .Mod1222_Desc,.Mod1222_Panel:focus-visible .Mod1222_Button{opacity:1;transform:translateY(0)} @media(max-width:991px){ .Mod1222_Shell{display:block;height:auto;min-height:0;background:#fff} .Mod1222_Panel,.Mod1222_Panel:hover,.Mod1222_Panel:focus-visible{display:block;flex:none;height:480px;margin:0 0 6px} .Mod1222_Content{left:20px;right:20px;bottom:24px;height:auto;display:block} .Mod1222_Title{margin:18px 0 0;font-size:26px;max-height:none} .Mod1222_Desc{margin:12px 0 0;max-height:none} .Mod1222_Button{margin-top:24px} .Mod1222_Desc,.Mod1222_Button{opacity:1;transform:none} } @media(max-width:575px){ .Mod1222_Panel,.Mod1222_Panel:hover,.Mod1222_Panel:focus-visible{height:420px} .Mod1222_Title{font-size:24px} .Mod1222_Desc{font-size:14px} } .Mod1219{width:100%;position:relative;background:#fff;color:#111;overflow:hidden} .Mod1219 *{box-sizing:border-box} .Mod1219_Shell{width:100%;padding:32px 14px 34px;background:#fff} .Mod1219_Text{margin:0 auto;color:#111;font-family:inherit;font-size:25px;line-height:1.34;font-weight:400;letter-spacing:0} .Mod1219_Line{display:inline;color:inherit} .Mod1219_Line1{font-weight:400} .Mod1219_Line2{font-weight:400} .Mod1219_Line1:not(:empty)+.Mod1219_Line2:not(:empty)::before{content:" "} @media(max-width:991px){ .Mod1219_Shell{padding:24px 16px 26px} .Mod1219_Text{font-size:19px;line-height:1.36} } @media(max-width:575px){ .Mod1219_Text{font-size:17px;line-height:1.38} } .Mod1234{width:100%;display:block;background:transparent} .Mod1234 *{box-sizing:border-box} .Mod1234 .FiveProductGrid{width:100%;padding:34px 0;overflow:hidden} .Mod1234 .FiveProductGrid_List{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start;width:100%;justify-content:start} .Mod1234 .FiveProductGrid_Cell{min-width:0;} .Mod1234 .FiveProductGrid_Empty{min-height:180px;display:flex;align-items:center;justify-content:center;padding:22px;border:1px dashed rgba(15,23,42,.18);background:#fff;color:#64748b;font-size:13px;text-align:center} @media(max-width:1180px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}} @media(max-width:900px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.Mod1234 .FiveProductGrid{padding:24px 0}} @media(max-width:520px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.Mod1234 .FiveProductGrid{padding:18px 0}} .Mod1234.is-empty .FiveProductGrid_Ghost{min-height:260px;padding:0;background:#f1f3f5;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:12px} .Mod1234 .FiveProductGrid_GhostMedia{aspect-ratio:3/4;width:100%;background:linear-gradient(100deg,#e5e7eb 0%,#f3f4f6 45%,#e5e7eb 100%);background-size:220% 100%} .Mod1234 .FiveProductGrid_GhostLine{height:10px;width:46%;margin:0 12px 14px;background:#d8dde3;border-radius:999px} .Mod1234 .FiveProductGrid_GhostLine.is-wide{width:72%;margin-top:2px;margin-bottom:0} /* 5'li grid icinde sadece kart genisligini grid hücresine sabitle */ .Mod1234 .FiveProductGrid_Cell>.ProductItem, .Mod1234 .FiveProductGrid_Cell .ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;border:0!important} .Mod1234 .FiveProductGrid_Cell>.ProductItem>div, .Mod1234 .FiveProductGrid_Cell .ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid_Cell .ProductItem .Info{width:100%!important} /* Mod1234 nested swiper outer slide fix */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide::before{content:none!important;display:none!important;padding-top:0!important;background:transparent!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide{height:auto!important;min-height:0!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper{height:auto!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper>a.swiper-slide::before{content:''!important;display:block!important;padding-top:calc((100% / (208 / 313)))!important} /* Mod1234 product grid options */ .Mod1234 .FiveProductGrid_List{--mod1234-gap:var(--gap1337-0-28-FiveProductGridList,18px);gap:var(--mod1234-gap)!important} .Mod1234 .FiveProductGrid.info-hide .FiveProductGrid_Cell>.ProductItem>div>.Info{display:none!important} .Mod1234 .FiveProductGrid.info-simple .FiveProductGrid_Cell>.ProductItem>div>.Info{height:auto!important;min-height:0!important;padding:8px 0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBarColors, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Desc, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Rating, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .OldPrice, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .DiscountRate, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .Campaigns, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SpecialText, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar03{display:none!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01{margin-bottom:4px!important;padding-bottom:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice>.Info{display:block!important;height:auto!important;min-height:0!important;padding:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice .Price{display:inline!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid.cols-auto .FiveProductGrid_List{--mod1234-col-count:var(--mod1234-auto-cols,5)} .Mod1234 .FiveProductGrid.cols-1 .FiveProductGrid_List{--mod1234-col-count:1} .Mod1234 .FiveProductGrid.cols-2 .FiveProductGrid_List{--mod1234-col-count:2} .Mod1234 .FiveProductGrid.cols-3 .FiveProductGrid_List{--mod1234-col-count:3} .Mod1234 .FiveProductGrid.cols-4 .FiveProductGrid_List{--mod1234-col-count:4} .Mod1234 .FiveProductGrid.cols-5 .FiveProductGrid_List{--mod1234-col-count:5} .Mod1234 .FiveProductGrid.cols-6 .FiveProductGrid_List{--mod1234-col-count:6} .Mod1234 .FiveProductGrid.cols-8 .FiveProductGrid_List{--mod1234-col-count:8} .Mod1234 .FiveProductGrid.card-auto .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-10 .FiveProductGrid_List{--mod1234-card-width:10%} .Mod1234 .FiveProductGrid.card-20 .FiveProductGrid_List{--mod1234-card-width:20%} .Mod1234 .FiveProductGrid.card-25 .FiveProductGrid_List{--mod1234-card-width:25%} .Mod1234 .FiveProductGrid.card-30 .FiveProductGrid_List{--mod1234-card-width:30%} .Mod1234 .FiveProductGrid.card-33 .FiveProductGrid_List{--mod1234-card-width:33.333333%} .Mod1234 .FiveProductGrid.card-40 .FiveProductGrid_List{--mod1234-card-width:40%} .Mod1234 .FiveProductGrid.card-50 .FiveProductGrid_List{--mod1234-card-width:50%} .Mod1234 .FiveProductGrid.card-60 .FiveProductGrid_List{--mod1234-card-width:60%} .Mod1234 .FiveProductGrid.card-100 .FiveProductGrid_List{--mod1234-card-width:100%} .Mod1234 .FiveProductGrid.card-180 .FiveProductGrid_List{--mod1234-card-width:180px} .Mod1234 .FiveProductGrid.card-200 .FiveProductGrid_List{--mod1234-card-width:200px} .Mod1234 .FiveProductGrid.card-220 .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-240 .FiveProductGrid_List{--mod1234-card-width:240px} .Mod1234 .FiveProductGrid.card-260 .FiveProductGrid_List{--mod1234-card-width:260px} .Mod1234 .FiveProductGrid.card-300 .FiveProductGrid_List{--mod1234-card-width:300px} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,1fr));justify-content:stretch;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_Cell{width:100%;max-width:none} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,var(--mod1234-card-width,220px)));justify-content:center;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_Cell{width:100%;max-width:none} @media(max-width:900px){.Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List,.Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(min(var(--mod1234-col-count,var(--mod1234-auto-cols,2)),2),minmax(0,1fr))}} .Mod1234 .FiveProductGrid.zemin-rengi-yok .ProductItem>div>.Info{background:transparent!important;background-color:transparent!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info a, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Name, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Desc, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .InfoBar02, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .PriceBox, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Price{color:#f8fafc!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .OldPrice{color:rgba(248,250,252,.68)!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .DiscountRate{color:#fecaca!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Favorite svg{stroke:#f8fafc!important;color:#f8fafc!important} /* Mod1234: normal urun karti swiper slide aspect alanini koru */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>a.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>picture.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>figure.swiper-slide::before{content:''!important;display:block!important;background:#eee!important;padding-top:calc((100% / (208 / 313)))!important} .Mod1234{width:100%;display:block;background:transparent} .Mod1234 *{box-sizing:border-box} .Mod1234 .FiveProductGrid{width:100%;padding:34px 0;overflow:hidden} .Mod1234 .FiveProductGrid_List{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start;width:100%;justify-content:start} .Mod1234 .FiveProductGrid_Cell{min-width:0;} .Mod1234 .FiveProductGrid_Empty{min-height:180px;display:flex;align-items:center;justify-content:center;padding:22px;border:1px dashed rgba(15,23,42,.18);background:#fff;color:#64748b;font-size:13px;text-align:center} @media(max-width:1180px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}} @media(max-width:900px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.Mod1234 .FiveProductGrid{padding:24px 0}} @media(max-width:520px){.Mod1234 .FiveProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.Mod1234 .FiveProductGrid{padding:18px 0}} .Mod1234.is-empty .FiveProductGrid_Ghost{min-height:260px;padding:0;background:#f1f3f5;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:12px} .Mod1234 .FiveProductGrid_GhostMedia{aspect-ratio:3/4;width:100%;background:linear-gradient(100deg,#e5e7eb 0%,#f3f4f6 45%,#e5e7eb 100%);background-size:220% 100%} .Mod1234 .FiveProductGrid_GhostLine{height:10px;width:46%;margin:0 12px 14px;background:#d8dde3;border-radius:999px} .Mod1234 .FiveProductGrid_GhostLine.is-wide{width:72%;margin-top:2px;margin-bottom:0} /* 5'li grid icinde sadece kart genisligini grid hücresine sabitle */ .Mod1234 .FiveProductGrid_Cell>.ProductItem, .Mod1234 .FiveProductGrid_Cell .ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;border:0!important} .Mod1234 .FiveProductGrid_Cell>.ProductItem>div, .Mod1234 .FiveProductGrid_Cell .ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid_Cell .ProductItem .Info{width:100%!important} /* Mod1234 nested swiper outer slide fix */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide::before{content:none!important;display:none!important;padding-top:0!important;background:transparent!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide{height:auto!important;min-height:0!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper{height:auto!important} .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>.swiper-slide>.swiper-wrapper>a.swiper-slide::before{content:''!important;display:block!important;padding-top:calc((100% / (208 / 313)))!important} /* Mod1234 product grid options */ .Mod1234 .FiveProductGrid_List{--mod1234-gap:var(--gap1337-0-28-FiveProductGridList,18px);gap:var(--mod1234-gap)!important} .Mod1234 .FiveProductGrid.info-hide .FiveProductGrid_Cell>.ProductItem>div>.Info{display:none!important} .Mod1234 .FiveProductGrid.info-simple .FiveProductGrid_Cell>.ProductItem>div>.Info{height:auto!important;min-height:0!important;padding:8px 0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBarColors, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Desc, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01 .Rating, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .OldPrice, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .DiscountRate, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .Campaigns, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SpecialText, .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar03{display:none!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar01{margin-bottom:4px!important;padding-bottom:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice>.Info{display:block!important;height:auto!important;min-height:0!important;padding:0!important} .Mod1234 .FiveProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice .Price{display:inline!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important} .Mod1234 .FiveProductGrid .FiveProductGrid_Cell>.ProductItem>div{width:100%!important;max-width:100%!important} .Mod1234 .FiveProductGrid.cols-auto .FiveProductGrid_List{--mod1234-col-count:var(--mod1234-auto-cols,5)} .Mod1234 .FiveProductGrid.cols-1 .FiveProductGrid_List{--mod1234-col-count:1} .Mod1234 .FiveProductGrid.cols-2 .FiveProductGrid_List{--mod1234-col-count:2} .Mod1234 .FiveProductGrid.cols-3 .FiveProductGrid_List{--mod1234-col-count:3} .Mod1234 .FiveProductGrid.cols-4 .FiveProductGrid_List{--mod1234-col-count:4} .Mod1234 .FiveProductGrid.cols-5 .FiveProductGrid_List{--mod1234-col-count:5} .Mod1234 .FiveProductGrid.cols-6 .FiveProductGrid_List{--mod1234-col-count:6} .Mod1234 .FiveProductGrid.cols-8 .FiveProductGrid_List{--mod1234-col-count:8} .Mod1234 .FiveProductGrid.card-auto .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-10 .FiveProductGrid_List{--mod1234-card-width:10%} .Mod1234 .FiveProductGrid.card-20 .FiveProductGrid_List{--mod1234-card-width:20%} .Mod1234 .FiveProductGrid.card-25 .FiveProductGrid_List{--mod1234-card-width:25%} .Mod1234 .FiveProductGrid.card-30 .FiveProductGrid_List{--mod1234-card-width:30%} .Mod1234 .FiveProductGrid.card-33 .FiveProductGrid_List{--mod1234-card-width:33.333333%} .Mod1234 .FiveProductGrid.card-40 .FiveProductGrid_List{--mod1234-card-width:40%} .Mod1234 .FiveProductGrid.card-50 .FiveProductGrid_List{--mod1234-card-width:50%} .Mod1234 .FiveProductGrid.card-60 .FiveProductGrid_List{--mod1234-card-width:60%} .Mod1234 .FiveProductGrid.card-100 .FiveProductGrid_List{--mod1234-card-width:100%} .Mod1234 .FiveProductGrid.card-180 .FiveProductGrid_List{--mod1234-card-width:180px} .Mod1234 .FiveProductGrid.card-200 .FiveProductGrid_List{--mod1234-card-width:200px} .Mod1234 .FiveProductGrid.card-220 .FiveProductGrid_List{--mod1234-card-width:220px} .Mod1234 .FiveProductGrid.card-240 .FiveProductGrid_List{--mod1234-card-width:240px} .Mod1234 .FiveProductGrid.card-260 .FiveProductGrid_List{--mod1234-card-width:260px} .Mod1234 .FiveProductGrid.card-300 .FiveProductGrid_List{--mod1234-card-width:300px} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,1fr));justify-content:stretch;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_Cell{width:100%;max-width:none} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(var(--mod1234-col-count,var(--mod1234-auto-cols,5)),minmax(0,var(--mod1234-card-width,220px)));justify-content:center;justify-items:stretch} .Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_Cell{width:100%;max-width:none} @media(max-width:900px){.Mod1234 .FiveProductGrid.layout-stretch .FiveProductGrid_List,.Mod1234 .FiveProductGrid.layout-center .FiveProductGrid_List{grid-template-columns:repeat(min(var(--mod1234-col-count,var(--mod1234-auto-cols,2)),2),minmax(0,1fr))}} .Mod1234 .FiveProductGrid.zemin-rengi-yok .ProductItem>div>.Info{background:transparent!important;background-color:transparent!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem>div>.Info a, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Name, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Info .Desc, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .InfoBar02, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .PriceBox, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Info, .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .SalePrice .Price{color:#f8fafc!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .OldPrice{color:rgba(248,250,252,.68)!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .DiscountRate{color:#fecaca!important} .Mod1234 .FiveProductGrid.yazi-beyaz .ProductItem .Favorite svg{stroke:#f8fafc!important;color:#f8fafc!important} /* Mod1234: normal urun karti swiper slide aspect alanini koru */ .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>a.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>picture.swiper-slide::before, .Mod1234 .ProductItem .Gallery>.swiper>.swiper-wrapper>figure.swiper-slide::before{content:''!important;display:block!important;background:#eee!important;padding-top:calc((100% / (208 / 313)))!important} .Mod1235{width:100%;overflow:hidden} .Mod1235 .BannerProductGrid{width:100%;padding:34px 0;overflow:hidden;--mod1235-gap:18px;--mod1235-banner-ratio:50%;--mod1235-product-cols:4;--mod1235-card-width:220px} .Mod1235 .BannerProductGrid_Layout{display:grid;grid-template-columns:var(--mod1235-banner-ratio) minmax(0,1fr);gap:var(--mod1235-gap);align-items:stretch;width:100%} .Mod1235 .BannerProductGrid.banner-right .BannerProductGrid_Layout{grid-template-columns:minmax(0,1fr) var(--mod1235-banner-ratio)} .Mod1235 .BannerProductGrid.banner-right .BannerProductGrid_Banner{order:2} .Mod1235 .BannerProductGrid.banner-right .BannerProductGrid_Products{order:1} .Mod1235 .BannerProductGrid_Banner{position:relative;min-width:0;overflow:hidden;background:#f1f3f5;display:flex;min-height:100%} .Mod1235 .BannerProductGrid_BannerInner{position:relative;display:block;width:100%;min-height:100%;color:inherit;text-decoration:none;overflow:hidden} .Mod1235 .BannerProductGrid_BannerMedia{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;background:#e5e7eb} .Mod1235 .BannerProductGrid_Banner.video .BannerProductGrid_BannerMedia{object-fit:cover} .Mod1235 .BannerProductGrid_BannerOverlay{position:absolute;left:32px;right:32px;bottom:32px;z-index:2;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:14px;pointer-events:none} .Mod1235 .BannerProductGrid_BannerTitle{font-size:24px;line-height:1.1;letter-spacing:.18em;text-transform:uppercase;font-weight:500;text-wrap:balance} .Mod1235 .BannerProductGrid_BannerText{font-size:13px;line-height:1.35;max-width:420px;opacity:.9} .Mod1235 .BannerProductGrid_BannerButton{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 24px;border:1px solid currentColor;border-radius:999px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;background:rgba(0,0,0,.12);backdrop-filter:blur(4px)} .Mod1235 .BannerProductGrid_Products{min-width:0;width:100%} .Mod1235 .BannerProductGrid_List{display:grid;grid-template-columns:repeat(var(--mod1235-product-cols),minmax(0,1fr));gap:var(--mod1235-gap);align-items:start;width:100%} .Mod1235 .BannerProductGrid_Cell{min-width:0;width:100%} .Mod1235 .BannerProductGrid_Cell>.ProductItem,.Mod1235 .BannerProductGrid_Cell .ProductItem{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;border:0!important} .Mod1235 .BannerProductGrid_Cell>.ProductItem>div,.Mod1235 .BannerProductGrid_Cell .ProductItem>div{width:100%!important;max-width:100%!important} .Mod1235 .BannerProductGrid_Cell .ProductItem .Info{width:100%!important} .Mod1235 .BannerProductGrid.info-hide .BannerProductGrid_Cell>.ProductItem>div>.Info{display:none!important} .Mod1235 .BannerProductGrid.info-simple .ProductItem .InfoBarColors,.Mod1235 .BannerProductGrid.info-simple .ProductItem .InfoBar01 .Desc,.Mod1235 .BannerProductGrid.info-simple .ProductItem .InfoBar01 .Rating,.Mod1235 .BannerProductGrid.info-simple .ProductItem .InfoBar02 .OldPrice,.Mod1235 .BannerProductGrid.info-simple .ProductItem .InfoBar02 .DiscountRate,.Mod1235 .BannerProductGrid.info-simple .ProductItem .InfoBar02 .Campaigns,.Mod1235 .BannerProductGrid.info-simple .ProductItem .InfoBar02 .SpecialText,.Mod1235 .BannerProductGrid.info-simple .ProductItem .InfoBar03{display:none!important} .Mod1235 .BannerProductGrid.info-simple .ProductItem .Info{height:auto!important;min-height:0!important;padding:8px 0!important} .Mod1235 .BannerProductGrid.info-simple .ProductItem .InfoBar02 .SalePrice>.Info{display:block!important;height:auto!important;min-height:0!important;padding:0!important} .Mod1235 .BannerProductGrid.zemin-rengi-yok .ProductItem>div>.Info{background:transparent!important;background-color:transparent!important} .Mod1235 .BannerProductGrid.yazi-beyaz .ProductItem>div>.Info,.Mod1235 .BannerProductGrid.yazi-beyaz .ProductItem>div>.Info a,.Mod1235 .BannerProductGrid.yazi-beyaz .ProductItem .Info .Name,.Mod1235 .BannerProductGrid.yazi-beyaz .ProductItem .InfoBar02,.Mod1235 .BannerProductGrid.yazi-beyaz .ProductItem .SalePrice,.Mod1235 .BannerProductGrid.yazi-beyaz .ProductItem .SalePrice .Info,.Mod1235 .BannerProductGrid.yazi-beyaz .ProductItem .SalePrice .Price{color:#f8fafc!important} .Mod1235 .BannerProductGrid.yazi-beyaz .ProductItem .OldPrice{color:rgba(248,250,252,.68)!important} .Mod1235 .BannerProductGrid.yazi-beyaz .ProductItem .DiscountRate{color:#fecaca!important} .Mod1235 .BannerProductGrid.cols-auto .BannerProductGrid_List{--mod1235-product-cols:var(--mod1235-auto-cols,4)} .Mod1235 .BannerProductGrid.cols-1 .BannerProductGrid_List{--mod1235-product-cols:1} .Mod1235 .BannerProductGrid.cols-2 .BannerProductGrid_List{--mod1235-product-cols:2} .Mod1235 .BannerProductGrid.cols-3 .BannerProductGrid_List{--mod1235-product-cols:3} .Mod1235 .BannerProductGrid.cols-4 .BannerProductGrid_List{--mod1235-product-cols:4} .Mod1235 .BannerProductGrid.cols-5 .BannerProductGrid_List{--mod1235-product-cols:5} .Mod1235 .BannerProductGrid.cols-6 .BannerProductGrid_List{--mod1235-product-cols:6} .Mod1235 .BannerProductGrid.banner-33{--mod1235-banner-ratio:33.333333%} .Mod1235 .BannerProductGrid.banner-40{--mod1235-banner-ratio:40%} .Mod1235 .BannerProductGrid.banner-50{--mod1235-banner-ratio:50%} .Mod1235 .BannerProductGrid.banner-60{--mod1235-banner-ratio:60%} .Mod1235 .BannerProductGrid.banner-square .BannerProductGrid_BannerInner{aspect-ratio:1/1;min-height:0} .Mod1235 .BannerProductGrid.banner-square .BannerProductGrid_BannerMedia{min-height:0;height:100%} .Mod1235 .BannerProductGrid.banner-product-height .BannerProductGrid_BannerInner{height:100%} .Mod1235 .BannerProductGrid.banner-product-height .BannerProductGrid_BannerMedia{height:100%} .Mod1235 .BannerProductGrid.product-center .BannerProductGrid_List{grid-template-columns:repeat(var(--mod1235-product-cols),minmax(0,var(--mod1235-card-width)));justify-content:center;justify-items:stretch} .Mod1235 .BannerProductGrid.card-180 .BannerProductGrid_List{--mod1235-card-width:180px} .Mod1235 .BannerProductGrid.card-200 .BannerProductGrid_List{--mod1235-card-width:200px} .Mod1235 .BannerProductGrid.card-220 .BannerProductGrid_List{--mod1235-card-width:220px} .Mod1235 .BannerProductGrid.card-240 .BannerProductGrid_List{--mod1235-card-width:240px} .Mod1235 .BannerProductGrid.card-260 .BannerProductGrid_List{--mod1235-card-width:260px} .Mod1235 .BannerProductGrid.card-300 .BannerProductGrid_List{--mod1235-card-width:300px} .Mod1235 .ProductItem .Gallery>.swiper>.swiper-wrapper>a.swiper-slide::before,.Mod1235 .ProductItem .Gallery>.swiper>.swiper-wrapper>picture.swiper-slide::before,.Mod1235 .ProductItem .Gallery>.swiper>.swiper-wrapper>figure.swiper-slide::before{content:''!important;display:block!important;background:#eee!important;padding-top:calc((100% / (208 / 313)))!important} @media(max-width:991px){.Mod1235 .BannerProductGrid{padding:24px 0}.Mod1235 .BannerProductGrid_Layout{grid-template-columns:1fr!important}.Mod1235 .BannerProductGrid.banner-right .BannerProductGrid_Banner{order:0}.Mod1235 .BannerProductGrid_BannerMedia{min-height:320px}.Mod1235 .BannerProductGrid_List{grid-template-columns:repeat(2,minmax(0,1fr))}.Mod1235 .BannerProductGrid_BannerOverlay{left:20px;right:20px;bottom:24px}.Mod1235 .BannerProductGrid_BannerTitle{font-size:20px}} /* Mod1235 product grid controls aligned with Mod1234 */ .Mod1235 .BannerProductGrid_List{--mod1235-gap:var(--gap1338-0-28-BannerProductGridList,18px);gap:var(--mod1235-gap)!important} .Mod1235 .BannerProductGrid.layout-stretch .BannerProductGrid_List{grid-template-columns:repeat(var(--mod1235-product-cols,var(--mod1235-auto-cols,4)),minmax(0,1fr));justify-content:stretch;justify-items:stretch} .Mod1235 .BannerProductGrid.layout-center .BannerProductGrid_List{grid-template-columns:repeat(var(--mod1235-product-cols,var(--mod1235-auto-cols,4)),minmax(0,var(--mod1235-card-width,220px)));justify-content:center;justify-items:stretch} .Mod1235 .BannerProductGrid.product-stretch .BannerProductGrid_List{grid-template-columns:repeat(var(--mod1235-product-cols,var(--mod1235-auto-cols,4)),minmax(0,1fr));justify-content:stretch;justify-items:stretch} .Mod1235 .BannerProductGrid.product-center .BannerProductGrid_List{grid-template-columns:repeat(var(--mod1235-product-cols,var(--mod1235-auto-cols,4)),minmax(0,var(--mod1235-card-width,220px)));justify-content:center;justify-items:stretch} .Mod1235 .BannerProductGrid.cols-8 .BannerProductGrid_List{--mod1235-product-cols:8} .Mod1235 .BannerProductGrid.card-auto .BannerProductGrid_List{--mod1235-card-width:220px} .Mod1235 .BannerProductGrid.card-10 .BannerProductGrid_List{--mod1235-card-width:10%} .Mod1235 .BannerProductGrid.card-20 .BannerProductGrid_List{--mod1235-card-width:20%} .Mod1235 .BannerProductGrid.card-25 .BannerProductGrid_List{--mod1235-card-width:25%} .Mod1235 .BannerProductGrid.card-30 .BannerProductGrid_List{--mod1235-card-width:30%} .Mod1235 .BannerProductGrid.card-33 .BannerProductGrid_List{--mod1235-card-width:33.333333%} .Mod1235 .BannerProductGrid.card-40 .BannerProductGrid_List{--mod1235-card-width:40%} .Mod1235 .BannerProductGrid.card-50 .BannerProductGrid_List{--mod1235-card-width:50%} .Mod1235 .BannerProductGrid.card-60 .BannerProductGrid_List{--mod1235-card-width:60%} .Mod1235 .BannerProductGrid.card-100 .BannerProductGrid_List{--mod1235-card-width:100%} /* Mod1235 detailed banner button defaults */ .Mod1235 .BannerProductGrid_BannerButton:hover{background:#fff;color:#111;border-color:#fff;transform:translateY(-1px)} body.OpenedFilter section[L=View]{z-index:3} body.OpenedFilter [PageType=List] .FilterBar{opacity:0.5} [PageType=List] { width: 100%; margin-top: 74px; display: block; } [PageType=List] .FilterBar .FilterBarTop { width: 100%; opacity: 1; display: flex; align-items: center; justify-content: flex-end; gap: 16px; } [PageType=List] .FilterBar .FilterBarTop .FilterOption { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-shrink: 1; } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.Item { border-top: 1px solid #f3f3f3; padding: 12px 24px; text-transform: uppercase; line-height: 34px; min-height: 55px; } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.Item>span{ display:none; } [PageType=List] .FilterBar { width: 100%; background: #ffffffe8; padding-top: 20px; padding-bottom: 18px; transition: .3s; overflow: hidden; } body.activeFilter [PageType=List] .FilterBar { overflow: visible } [PageType=List] .FilterBar>.Container { padding: 0 80px; display: flex; flex-direction: column } [PageType=List] .FilterBar .FilterBarTop { width: 100%; opacity: 1; display: flex ; align-items: center; justify-content: space-between; gap: 16px; } .FilterBarBottom { width: 100%; display: flex; justify-content: space-between; align-items: center; transition: bottom .8s,opacity .4s; opacity: 1; position: relative; bottom: -110px } [PageType=List] .FilterPopContent .FilterBox { display: flex; gap: 12px; position: relative; flex-direction: column; } [PageType=List] .FilterPopContent .FilterItem.Disabled .Item{ pointer-events:none; border-color:#ccc; color: #a7a7a7; } [PageType=List] .FilterPopContent .FilterItem>.Item { cursor: pointer } [PageType=List] .FilterPopContent .FilterItem.show>.Item { font-weight: 500; } [PageType=List] .FilterPopContent .FilterItem:not([Q="0"])>.Item>span{ display: inline-block } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind { border: 0; position: relative; top: 100%; left: 0; background: transparent; width: 100%; display: none; padding: 0 24px; } [PageType=List] .FilterPopContent .FilterBox .FilterItem.show>.FilterWind { display: flex; } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .FilterArea{width:100%} [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List { display: flex; flex-wrap: wrap; overflow: auto; box-sizing: content-box; gap: 8px; } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div { display: flex ; padding: 12px 20px 12px; width: 100%; flex-direction: column; } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info { display: flex; flex-direction: row; width: 100%; justify-content: space-between } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info > div.Focus { border-bottom:1px solid #000; } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info > div.Min { display: flex; width: min-content; text-align: left; position: relative; align-items: center; } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info > div.Max { display: flex; width: min-content; text-align: left; position: relative; align-items: center; justify-content: flex-end; } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info > div> input { border: 0; outline: none; background: transparent; padding: 0 2px; width: auto; min-width:52px; } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info > div> span.input-mirror { position: absolute; visibility: hidden; white-space: pre; font: inherit; } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info > div> span.input-currency { padding-left: 3px; } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info>span:first-child, [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info>span:nth-child(2) { display: flex; flex-direction: column; font-weight: 500; font-size: 13px } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice { width: 100%; height: 33px; border: 0; background: 0 0 } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice::before { content: ""; position: absolute; height: 1px; background: #ccc; width: 100%; top: 16px } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>div { background: #000; border: 0; height: 1px; box-shadow: none; top: 16px } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>span { border: 0; width: 8px; height: 8px; border-radius: 100%; background: #000; top: 11.6px; box-shadow: none } [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>span.ui-state-active, [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>span.ui-state-focus, [PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>span.ui-state-hover { cursor: move; box-shadow: none; text-shadow: none; border: 0; filter: none; outline: 0 } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List::-webkit-scrollbar { width: 2px; background: #b2b2b2 } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List::-webkit-scrollbar-thumb { background: #000; border-radius: 2px } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List::-webkit-scrollbar-thumb:hover { background: #555 } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List>.Item { width: 100%; display: flex; flex-direction: row; cursor: pointer; align-items: center; gap: 7px; position: relative; font-weight: 400; } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List>.Item.active { font-weight: 600; background: transparent; color: #000000; } [PageType=List] .FilterPopContent .FilterBox .FilterItem:not([f="sizes"])>.FilterWind .List>.Item:before { content: ""; border: 1px solid #999; width: 16px; height: 16px; margin-right: 5px; } [PageType=List] .FilterPopContent .FilterBox .FilterItem:not([f="sizes"])>.FilterWind .List>.Item.active:before { content: ""; border-color: #000000; } [PageType=List] .FilterPopContent .FilterBox .FilterItem:not([f="sizes"])>.FilterWind .List>.Item.active:after { content: "\2713"; position: absolute; left: 3px; top: 1px; font-size: 13px; } [PageType=List] .FilterPopContent .FilterBox .FilterItem:not([f="colors"])[f="sizes"]>.FilterWind .List>.Item.active:after { content: "\2713"; font-weight: 400; background: transparent; color: #ffffff; position: absolute; right: 2px; bottom: 4px; font-size: 13px; } [Grid="5"] .ProductItem, [Grid=Special] .ProductItem[SubType="3"][data_w="2"], [Grid=Special] .ProductItem[SubType="4"][data_w="1"], [Grid=Special] .ProductItem[SubType="5"] { width: 20% } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List>.Item .Color { width: 8px; height: 8px; display: block; border-radius: 37px; border: 1px solid #e3e3e3; } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List>.Item.active .Color{ border: 0 } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List>.Item .Name { text-align: center; font-size: 13px; font-weight: 400; } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .BtnList { display: flex; flex-direction: row; justify-content: flex-start; padding-bottom: 15px; gap: 10px; margin-top: 12px; } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .BtnList>.Btn { border-top: 1px solid; width: inherit; border: 1px solid #ccc; border-radius: 4px; padding: 2px 12px; line-height: 20px; font-size: 10px; color: #5c5c5c; text-decoration: underline; } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .BtnList>.Btn[fr="FilterGroupRemove"] { border: 0; padding-left: 0; } [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .BtnList>.Btn[fr="FilterGroupApply"] { border: 0; background: #000; color: #fff; font-weight: 500; display:none; } .FilterBarBottom>.Right, [Grid="201"] .ProductItem:nth-child(3n+1)>div, [Grid="201f"] .ProductItem:nth-child(3n+1)>div{ margin-left: auto } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Sort { display: flex ; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Sort select { display: block; font-weight: 500; font-size: 13px; outline: none; border: 1px solid rgb(229 231 235); border-radius: 4px; height: 36px; padding: 0px 12px 0px 6px; text-align: left; background: transparent; text-align: unset; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 30px; background-image: url("data:image/svg+xml;utf8,\ \ \ "); background-repeat: no-repeat; background-position: right 6px center; background-size: 19px; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Sort select:hover { border-color:rgb(17 24 39 ); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.FilterBtn { display: flex; gap: 5px; font-size: 13px; font-weight: 500; align-items: center; border: 1px solid rgb(229 231 235); line-height: 34px; border-radius: 4px; padding: 0 12px; cursor: pointer; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.FilterBtn:hover { border-color:rgb(17 24 39 ); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.FilterBtn>svg { height: 16px; width: auto; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid { display: flex; justify-content: flex-end; align-items: center; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid:hover { border-color:rgb(17 24 39 ); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid { width: 100%; display: flex; justify-content: flex-end; align-items: center; padding: 0; gap: 14px; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div { display: flex; align-items: center; justify-content: center; font-size: 0px; cursor: pointer; opacity:0.5; position:relative } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div.active { border-bottom:0; opacity:1; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="1"]::before { content: ""; display: flex; background: url(/virtual/img/icon/grid/set_002/1.svg?v3231); width: 15px; height: 16px; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="1"]:hover::before { background: url(/virtual/img/icon/grid/set_002/1.svg?v3231); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="1"].active::before { background: url(/virtual/img/icon/grid/set_002/1.svg?v3231); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="2"]::before { content: ""; display: flex; background: url(/virtual/img/icon/grid/set_002/2.svg?v3222); width: 16px; height: 16px; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="2"]:hover::before { background: url(/virtual/img/icon/grid/set_002/2.svg?v3222); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="2"].active::before { background: url(/virtual/img/icon/grid/set_002/2.svg?v3222); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="4"]::before { content: ""; display: flex; background: url(/virtual/img/icon/grid/set_002/4.svg?v238231); width: 34px; height: 16px; background-repeat: no-repeat; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="4"]:hover::before { background: url(/virtual/img/icon/grid/set_002/4.svg?v238231); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="4"].active::before { background: url(/virtual/img/icon/grid/set_002/4.svg?v238231); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="4"].active::after { content: ""; position: absolute; bottom: -6px; width: 100%; height: 1px; background: #000; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="12"]::before { content: ""; display: flex; background: url(/virtual/img/icon/grid/set_002/12.svg?v22231); width: 43px; height: 16px; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="12"]:hover::before { background: url(/virtual/img/icon/grid/set_002/12.svg?v22231); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G="12"].active::before { background: url(/virtual/img/icon/grid/set_002/12.svg?v22231); } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid>div[G=Special]::before { content: ""; display: flex; background: url(/NewWebSites/img/list_grid_special.svg); width: 14px; height: 14px } body.Scroll300 [PageType=List] .FilterBar,body.Scroll300[Page=List] section[L=Head] { transition: .3s; } body.ScrollUp [PageType=List] .FilterBar,body.ScrollUp[Page=List] section[L=Head] { background: #fff; transition: .3s } body.ScrollUp [PageType=List] .FilterBar { transition: .3s } body.HeaderHover [PageType=List] .FilterBar,body.HeaderHover section[L=Head] { background: #ffffffe8!important; transition: .3s } [PageType=List] .Empty { width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; padding: 150px 0 30px; opacity: 0; transition: .3s; } [PageType=List] .Empty>.Text { width: 100%; font-weight: 200; font-size: 12px; } [PageType=List] .Empty>.Name { width: 100%; text-align: center; } [PageType=List] .CategoryName { display: flex; transition: .3s; flex-direction: column; flex-shrink: 0; align-items: flex-start; gap: 0px; } [PageType=List] .CategoryName>.TheBack { display: none; } [PageType=List] .CategoryName>.Name { font-size: 17px; font-weight: 500; } [PageType=List] .CategoryName>.Breadcrumbs { display: flex; align-items: center; gap: 8px; color: #999; margin: 5px 0 0 0; font-size: 11px; font-weight: 500; letter-spacing: 0.1em; } [PageType=List] .CategoryName>.Breadcrumbs>span:first{ color: #999 !important; } [PageType=List] .CategoryName>.Breadcrumbs>span { color: #000000; text-transform: uppercase; } [PageType=List] .ProductList { width: 100%; display: flex; flex-wrap: wrap; min-height: 600px; } [PageType=List].List.Type0 { width: 100%; display: flex; flex-wrap: wrap; position: relative; z-index: 1 } [PageType=List] .List[Grap="0"],[PageType=List] .ProductList { gap: 0 } .Page[PageType=List] .FilterBar .FilterBarTop { animation: .4s cubic-bezier(.22,.61,.36,1) .1s forwards an_filterBarTop } .Page[PageType=List] .FilterBar .FilterBarBottom { animation: .9s .4s forwards an_filterBarBottom; margin-top:8px; } .Page[PageType=List] .FilterBar .FilterBarBottom .SubCategories:empty{ display:none; } .Page[PageType=List] .FilterBar .FilterBarBottom .SubCategories{ display: flex; width:100%; gap:8px; justify-content: center; align-items: center } .Page[PageType=List] .FilterBar .FilterBarBottom .SubCategories>.Item{ border: 1px solid #949494; border-radius: 80px; line-height: 34px; padding: 0 16px; font-weight: 500; cursor: pointer; } .Page[PageType=List] .FilterBar .FilterBarBottom .SubCategories>.Item:hover{ background:#000; color:#fff; border-color:#000; } [PageType=List] .FilterBar .FilterBarTop .FastNav { justify-content: flex-start; align-items: center; display: flex; gap: 10px; overflow-x: auto; white-space: nowrap; max-width: 100%; scrollbar-width: none; flex-shrink: 1; width: 100%; } [PageType=List] .FilterBar .FilterBarTop .FastNav:empty{ display:none; } [PageType=List] .FilterBar .FilterBarTop .FastNav>.Item { border: 1px solid #e5e7eb; border-radius: 4px; line-height: 34px; padding: 0 16px; font-weight: 500; cursor: pointer; flex: none; } [PageType=List] .FilterBar .FilterBarTop .FastNav>.Item:hover{ background:#000; color:#fff; border-color:#000; } [PageType=List] .FastNav::-webkit-scrollbar { display: none; /* Chrome scrollbar gizle */ } /* Diğer elemanlar sabit kalsın */ [PageType=List] .FilterBarTop .Sort, [PageType=List] .FilterBarTop .Grid, [PageType=List] .FilterBarTop .FilterBtn { flex-shrink: 0; /* Bunlar DARALMASIN! */ } [PageType=List] .CategoryTextBox { width: 100%; display: flex; justify-content: center; padding: 0 6px; flex-direction: column; margin: 20px 0 60px } section[L=Breadcrumb] .Breadcrumbs{padding:0 6px} [PageType=List] .CategoryTextBox .CategoryTextBoxText h1{font-weight:400;text-align:left;margin: 0;margin-bottom: 7px;font-size:16px;} [PageType=List] .CategoryTextBox .CategoryTextBoxText h2{font-weight:400;text-align:left;margin: 0;margin-bottom: 7px;font-size:13px;} [PageType=List] .CategoryTextBox .CategoryTextBoxText h3{font-weight:400;text-align:left;margin: 0;margin-bottom: 7px;font-size:13px;} [PageType=List] .CategoryTextBox .CategoryTextBoxText p{font-weight: 100;text-align:left;margin: 0;margin-bottom: 15px;font-size: 11px;} [PageType=List] .CategoryTextBox .CategoryTextBoxText li{line-height: 12px;width: fit-content;text-align: left;font-size: 12px;} [PageType=List] .CategoryTextBox .CategoryTextBoxTitle { width: 100%; margin-bottom: 18px; text-align: center } [PageType=List] .CategoryTextBox .CategoryTextBoxText { max-height: 57px; text-align: center; overflow: hidden } [PageType=List] .CategoryTextBox.show .CategoryTextBoxText { max-height: 2500px } [PageType=List] .CategoryTextBox .CategoryTextMore { margin-top: 10px; text-decoration: underline; cursor: pointer; display: flex; align-items: center; justify-content: center } .Page.Load[PageType=List] .Empty{ opacity: 1 } .FilterBarBottom>.Left .FilterBox .FilterItem.show>.FilterWind{ display: block } [PageType=List] .CategoryTextBox .CategoryTextMore svg[fr=categoryTextMoreOpen]{ display: block } [PageType=List] .CategoryTextBox.show .CategoryTextMore svg[fr=categoryTextMoreClose]{ display: block } [PageType=List] .CategoryTextBox .CategoryTextMore svg{ cursor: pointer } [PageType=List] .FilterBar>.Container{ padding: 0 20px } [PageType=List] .FilterBar .FilterBarBottom>.Left .FilterBox { gap: 16px } [PageType=List] .FilterBar .FilterBarBottom>.Left .FilterBox .FilterItem>.Item { border: 0; font-size: 11px; padding-right: 0; padding-left: 0 } [PageType=List] .CategoryTextBox .CategoryTextMore svg[fr=categoryTextMoreClose]{ display: none } [PageType=List] .CategoryTextBox.show .CategoryTextMore svg[fr=categoryTextMoreOpen]{ display: none } [PageType=List] .FilterBar .FilterBarTop .SubCategories{ width: 100% } [PageType=List].List.Type1{ width: 100% } [PageType=List] .FilterPopContent{ flex: none; transition: .3s; width: 400px; position: fixed; right: 0; transform: translateX(100%); top: 0; background-color: #fff; z-index: 1000; bottom: 0; overflow-y: auto; } body.OpenedFilter [PageType=List] .FilterPopContent { transform: translateX(0); transform: translateY(0); box-shadow: -1px 0px 6px #e3e3e3; -webkit-box-shadow: -1px 0px 6px #e3e3e3; } [PageType=List] .FilterPopOveflow { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #00000003; z-index: 999; transition: all 0.3s; opacity: 0; } body.OpenedFilter [PageType=List] .FilterPopOveflow { display: block; opacity: 1; transition: all 0.3s; } [PageType=List] .FilterPopContent .FilterPopHead { width: 100%; padding: 14px 24px; } [PageType=List] .FilterPopContent .FilterPopHead .BtnList{width:100%;display: flex;align-items: center;justify-content: space-between;} [PageType=List] .FilterPopContent .FilterPopHead .BtnList .Btn { border-top: 1px solid; width: inherit; border: 1px solid #ccc; border-radius: 4px; padding: 0; line-height: 23px; font-size: 13px; text-transform: uppercase; font-weight: 400; } [PageType=List] .FilterPopContent .FilterPopHead .BtnList .Btn[fr="FilterRemove"] { border: 0; width: initial; } [PageType=List] .FilterPopContent .FilterPopHead .BtnList .Btn[fr="FilterClosed"] { line-height: 36px; text-align: right; display: flex; justify-content: flex-end; border: 0; width: initial; } [PageType=List] .FilterPopContent .FilterBox { width: 100%; overflow: hidden; overflow-y: auto; max-height: 80vh; padding: 0; gap: 0px; } [PageType=List] .FilterPopContent .FilterBox::-webkit-scrollbar { display: none; width: 2px; background: #b2b2b2 } [PageType=List] .FilterPopContent .FilterBox:hover::-webkit-scrollbar { display: block } .PopContent[fr=Contract] .Viewer::-webkit-scrollbar-thumb { background: #000; border-radius: 2px } [PageType=List] .FilterPopContent .FilterBox::-webkit-scrollbar-thumb:hover { background: #555 } [PageType=List] .FilterPopContent .FilterBox .FilterItem{width:100%;display:none;position: relative} [PageType=List] .FilterPopContent .FilterBox .FilterItem:hover,[PageType=List] .FilterPopContent .FilterBox .FilterItem.show{background:#f8f8f8} [PageType=List] .FilterPopContent .FilterBox .FilterItem::after { content: "+"; position: absolute; font-size: 20px; right: 22px; top: 15px; transition: all 0.4s; } [PageType=List] .FilterPopContent .FilterBox .FilterItem.show::after { content: "+"; transform: rotate(45deg); } [PageType=List] .FilterPopContent .FilterBox .FilterItem.viewer{width:100%;display:block} [PageType=List] .FilterPopContent .FilterPopFooter{width:100%;position: fixed;bottom: 0px;left: 0px;right: 0px;background: rgb(255, 255, 255);padding: 16px;border-top: 1px solid rgb(227, 227, 227);} [PageType=List] .FilterPopContent .FilterPopFooter .BtnList{width:100%;display: flex;flex-direction: column;} [PageType=List] .FilterPopContent .FilterPopFooter .BtnList .Btn { border-top: 1px solid; width: inherit; border: 1px solid #ccc; border-radius: 0px; padding: 2px 12px; line-height: 23px; font-size: 12px; } [PageType=List] .FilterPopContent .FilterPopFooter .BtnList .Btn[fr="FilterRemove"] { border: 0; font-size: 13px; margin-top: 8px; } [PageType=List] .FilterPopContent .FilterPopFooter .BtnList .Btn[fr="FilterApply"] { border: 0; background: #000; color: #fff; line-height: 36px; font-weight: 500; text-transform: uppercase; } [PageType=List] .FilterPopContent .FilterBox .FilterItem:not([f="colors"])[f="sizes"]>.FilterWind .List { display: flex; flex-wrap: wrap; flex-direction: row; gap: 8px; } [PageType=List] .FilterPopContent .FilterBox .FilterItem:not([f="colors"])[f="sizes"]>.FilterWind .List .Item { display: flex; width: auto; margin-bottom: 0px; height: 34px; border-width: 1px; border-style: solid; border-color: rgb(214 214 214); border-image: initial; border-radius: 1px; padding: 8px 14px 7px !important; font-weight: 300; font-size: 12px; position: relative; width: calc(33.33% - 6px); justify-content: center; background:#fff; } [PageType=List] .FilterPopContent .FilterBox .FilterItem:not([f="colors"])[f="sizes"]>.FilterWind .List .Item:hover{ opacity:0.8; } [PageType=List] .FilterPopContent .FilterBox .FilterItem:not([f="colors"])[f="sizes"]>.FilterWind .List .Item.active { color: #fff; background: #000; font-weight: 600; border-color: #000; } @media(max-width: 980px) { [PageType=List] { margin-top: 0px; } [PageType=List] .CategoryName>.TheBack{display: flex;} [PageType=List] .CategoryTextBox{padding:0 16px} section[L=Breadcrumb] .Breadcrumbs{padding:0 16px} [PageType=List] .CategoryTextBox .CategoryTextBoxText h1{font-weight:400;text-align:left;margin: 0;margin-bottom: 7px;font-size:16px;} [PageType=List] .CategoryTextBox .CategoryTextBoxText h2{font-weight:400;text-align:left;margin: 0;margin-bottom: 7px;font-size:13px;} [PageType=List] .CategoryTextBox .CategoryTextBoxText h3{font-weight:400;text-align:left;margin: 0;margin-bottom: 7px;font-size:13px;} [PageType=List] .CategoryTextBox .CategoryTextBoxText p{font-weight: 100;text-align:left;margin: 0;margin-bottom: 15px;font-size: 11px;} [PageType=List] .CategoryName { flex-direction: row; align-items: center; gap: 12px; } [PageType=List] .CategoryName{width:100%;margin-bottom: 10px} [PageType=List] .CategoryName>.Name{display:block} [PageType=List] .FilterBar { z-index: 3; position: sticky; top: 0px; background: #fff; padding-bottom: 0; padding: 16px 0px; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Sort select { border: 1px solid rgb(229 231 235); padding-right: 4px; } [PageType=List] .FilterPopContent { width: 100%; transform: translateY(100%); } [PageType=List] .FilterPopContent .FilterPopHead{padding:24px} [PageType=List] .CategoryName>.Breadcrumbs{display:none} [PageType=List] .FilterBar .FilterBarTop .FilterOption{ display: flex; width: 100%; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid .FilterGrid{gap:8px;padding:0} [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid{margin-right:auto;padding:0;border:0} [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Grid>span{display:none} [PageType=List] .FilterBar .FilterBarTop { display: flex; flex-direction: column; gap: 3px; position: sticky; top: 0px; } [PageType=List] .FilterBar .FilterBarTop .FilterOption>.Sort select:hover{border:1px solid rgb(229 231 235)} [PageType=List] .FilterBar .FilterBarTop .FilterOption>.FilterBtn>svg{display:none} [PageType=List] .FilterPopContent .FilterBox .FilterItem>.FilterWind .List{width:100%} [PageType=List] .FilterPopContent .FilterBox .FilterItem.show .FilterWind .FilterArea { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; background: transparent; z-index: 2; } [PageType=List] .FilterPopContent .FilterBox .FilterWind .FilterArea .Navigator { display:none; } [PageType=List] .FilterPopContent .FilterBox .FilterItem:not([f="colors"])[f="sizes"]>.FilterWind .List { width: 100%; display: flex; } [PageType=List] .FilterPopContent .FilterPopFooter { padding:0; border-color:#000; } [PageType=List] .FilterPopContent .FilterPopFooter .BtnList { display: flex; flex-direction: row-reverse; align-items: center } [PageType=List] .FilterPopContent .FilterPopFooter .BtnList .Btn[fr="FilterApply"] { background: transparent; color: #000; text-transform: uppercase; line-height: 51px; } [PageType=List] .FilterPopContent .FilterPopFooter .BtnList .Btn[fr="FilterRemove"] { background: transparent; color: #000; text-transform: uppercase; margin: 0; line-height: 51px; border-right:1px solid; border-radius:0 ; } [PageType=List] .FilterBar .FilterBarTop .FastNav{ overflow: hidden; overflow-x: scroll; display: flex; justify-content: flex-start; margin-bottom:10px } [PageType=List] .FilterBar .FilterBarTop .FastNav::-webkit-scrollbar { height: 0px; } [PageType=List] .FilterBar .FilterBarTop .FastNav::-webkit-scrollbar-thumb { background: #000; border-radius: 2px } [PageType=List] .FilterBar .FilterBarTop .FastNav::-webkit-scrollbar-thumb:hover { background: #555 } [PageType=List] .FilterBar .FilterBarTop .FastNav>.Item { width: max-content; white-space: nowrap; min-width: 33.33%; display: flex; justify-content: center; align-items: center; } } .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: 80%; } .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,\ \ \ "); 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,\ \ \ "); 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: #000; } .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; font-size: 13px; } .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} .ProductItem .Info .Name { font-size: 11px; white-space: pre-wrap; line-height: 16px; } .PriceBox .OldPrice{font-size:11px} .PriceBox:not([DiscountRate="0"]) .SalePrice .Info>.DiscountRate{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 } }