/* Ürün Listeleme Sayfası */
.page-content-area {float: left; width: 100%; display:none;}
.breadcrumb {float:left;width:100%;margin: 15px 0 40px 0;}
.breadcrumb li {float:left;margin-right:30px;font-size:11px;position:relative;}
.breadcrumb li:before {content:"\ea67"; position:absolute; right:-20px; top:0; font-family:'icofont'; transform:rotate(-90deg); font-size:10px;}
.breadcrumb li:last-child:before {display:none;}
.breadcrumb li a {text-decoration:none;color: #333;}
.category-list-left-area {float:left; width:280px;}
.big-categories-list {float:left; width:100%; margin-bottom:15px;}
.big-categories-list li {float:left; width:100%; margin-bottom:10px;}
.big-categories-list li a {text-decoration:none;color:#000;font-weight:800;font-size: 20px;}
.category-list-left-area .category-guide-btn {float:left;width:100%;border:1px solid #000;color:#000;text-decoration:none;display:block;padding:15px 15px 9px 15px;font-size: 11px;font-weight: 600;line-height: 1.7em;margin-bottom:5px;/* text-transform: uppercase; */position:relative;}
.category-list-left-area .category-guide-btn span {color:#ff0066; text-transform: uppercase;}
.category-list-left-area .category-guide-btn i {position: absolute; font-size: 16px; margin: -8px 0 0 0; right: 10px; top: 50%;}
.mobile-filter-btn span > span {color:#fff; font-weight:600; background:#000; width:14px; display:inline-block; height:14px; text-align:center; font-size:10px; padding-top:3px; float:right; margin:-3px 0 0 3px; border-radius:2px;}
.category-filter-container {float:left; width:100%;}
.filter-wrapper {background-color: #fff;border: 1px solid #ddd;float: left;margin-bottom: 5px;width: 100%;border-radius: 0;}
.filter-wrapper h4 {float: left;width: 100%;padding: 16px 15px 13px 15px;font-size: 10px;color: #000;font-weight: 600;text-transform:uppercase;cursor:pointer;position:relative;}
.filter-wrapper h4:before {content:"\eab8";position:absolute;right:11px;top: 14px;font-family:'icofont';font-size: 11px;transform: rotate(90deg);}
.filter-wrapper ul {float: left; width: 100%;}
.filter-wrapper li {float: left; width: 100%; margin: 2px 0;}
.accordion-content {padding:0 15px;}
.cat-sidebar-banners {float:left; width:100%; margin-top:15px;}
.cat-sidebar-banners li {float:left; width:100%; margin-bottom:20px;}
.cat-sidebar-banners li a {display:block; float:left; width:100%;}
.cat-sidebar-banners li a img {display:block;}

.filter-list {float:left; width:100%; margin-bottom:15px; margin-top:5px}
.filter-list li {float:left; width:100%;}
.filter-list li a {position:relative;color: #333;text-decoration:none;font-size: 11px;display:block;padding:4px 0 4px 23px;float:left;width:100%;font-weight: 500;}
.filter-list li a:before {content:""; left:0; top:1px; width:16px; height:16px; border:1px solid #ccc; position:absolute;}
.filter-list li a.active:before {content:"\eed8"; font-family:'icofont'; font-size:14px; color:#777; text-align:center;}
.filter-list li a.passive {opacity:.4; cursor:not-allowed; text-decoration:line-through;}
.color-filters {float:left; width:100%; margin-bottom:15px; margin-top:5px}
.color-filters li {float:left; width:100%;}
.color-filters li a {position:relative; color:#555; text-decoration:none; font-size:13px; display:block; padding:4px 0 4px 23px; float:left; width:100%;}
.category-filter-title-m {float:left; width:100%; font-size:11px; color:#000; font-weight:700; margin-bottom:5px; margin-top:20px;}
.selected-filters {float:left; width:100%; margin-bottom:15px;}
.selected-filters li {float:left;}
.selected-filters li a {border: 1px solid #ddd;color: #000;text-decoration:none;font-size: 11px;padding: 8px 7px 6px;float:left;font-weight: 500;border-radius: 0;transition:ease all .2s;margin:0 6px 6px 0;background: #fff;}
.selected-filters li a span {float:left; margin-right:3px; font-weight:500; font-size:11px; color:#ff0066;}
.selected-filters li a:hover {background:#f3f3f3; transition:ease all .2s;}
.selected-filters li a i {float:right; margin-left:5px; margin-top:-1px}
.category-title {float:left; width:100%; border-bottom:1px solid #A0A0A0; padding-bottom:8px;}
.category-title h1 {font-size: 16px;float: left;font-weight:700;color:#000;margin-top: 8px;}
.category-filters {float:right;margin-bottom: -3px;}
.category-sort {float:right;border:none;background:#fff;height:30px;cursor:pointer;-webkit-appearance:none;appearance:none;color: #000;margin-left:25px;font-size: 11px;background: url(../images/caret-down.png) center right no-repeat;padding-right:10px;font-family: 'Spartan';line-height: 1.7em;font-weight: 500;}
.category-p-size {float: right;border:none;background:#fff;height:30px;cursor:pointer;-webkit-appearance:none;appearance:none;color: #000;font-size: 11px;background:url(../images/caret-down.png) center right no-repeat;padding-right:20px;font-family: 'Spartan';font-weight: 500;line-height: 1.7em;}
/* listeleme */
.product-listing-wrapper {float:right; width:calc(100% - 310px); margin-left:30px;}
.product-listing {float:left; width:100%;}
.category-listing-list {float:left; width:100%; display:grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap:20px;}
.category-listing-list li {float:left; width:100%; position:relative; margin-bottom:-20px; margin-right:20px; overflow:hidden;}
.category-listing-list li .product-card .product-image {min-height: 276px;}
.p-variations-thumbs {float:left;width:100%;position: relative;z-index: 2;height: 42px; margin-top:-36px;}
.p-variations-thumbs .swiper-slide {width: 34px !important;height: 34px;float:left;display:block;cursor:pointer; position:relative; margin-right:1px;}
.p-variations-thumbs .swiper-slide.swiper-slide-thumb-active:before {content:""; top:0; height:3px; width:100%; background:#000; left:0; position:absolute;}
.category-listing-list li .product-card .swiper-lazy-preloader {top:35%;}

.pagination {float:left; width:100%; display:flex; justify-content:center; margin-top:30px;}
.pagination li {margin:0 0px;}
.pagination li a {width:40px;height:40px;display:block;display:flex;align-items:center;justify-content:center;color:#000;text-decoration:none;line-height:1em;padding-top:3px;font-size: 12.1px;transition:ease all .2s;}
.pagination li.active a { background:#f3f3f3;}
.pagination li a:hover {background:#f3f3f3; transition:ease all .2s;}
.pagination li a i {font-size:18px;}
.category-product-qtty {float:left;width:100%;text-align:center;font-size: 12.1px;color: #333;margin-top: 20px;}
.category-page-blog-list-wrapper {float:left;width:100%;margin-top:40px;border-top: 1px solid #000;padding-top:30px;}
.category-page-blog-list-wrapper > h4 {float:left;width:100%;font-size: 15px;font-weight: 600;color:#000;margin-bottom:30px;}

.category-page-blog-list {float: left; width: 100%;}
.category-page-blog-list .slick-slide > a {float:left; width:100%; display:block; transition:ease all .2s;}
.category-page-blog-list .slick-slide a img {display:block; width:100%;}
.category-page-blog-list:hover .slick-slide a {opacity:.8; transition:ease all .2s;}
.category-page-blog-list .slick-slide h5 {float:left;width:100%;font-size:10px;margin-bottom:20px;color:#000;font-weight: 600;margin-top:20px;}
.category-page-blog-list .slick-slide h4 {float:left;width:100%;font-size: 13px;font-weight: 600;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:10px;color:#000;line-height: 1.5em;}
.category-page-blog-list .slick-slide p {float:left;width:100%;line-height: 1.7em;font-size: 11px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;color: #333;}
.category-page-blog-list .slick-slide span {float:left;width:100%;margin-top:20px;font-size: 11px;font-weight:500;}

.mobile-filter-btn {display:none !important; font-size:11px; font-weight: 500; float:left; margin-top:10px;}
.mobile-filter-btn img {float:left; margin:-2px 5px 0 0;}
.mobile-filter-close-btn {position: absolute; top: 15px; right: 15px; font-size: 24px; z-index: 1; display:none}
.no-product-wrapper {float:left; width:100%; text-align:center; margin-top:50px;}
.no-product-wrapper h5 {float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 700;margin-bottom: 8px;color: #000;}
.no-product-wrapper p {float:left;width:100%;color: #333;font-size: 12.1px;}
.no-product-wrapper img {text-align: center; margin-bottom: 25px; width:200px;}
.no-product-wrapper a {background-color: #ff0066;display: inline-block;float: left;width: 160px;text-align: center;left: 50%;height: 42px;color: #fff;text-decoration: none;font-size: 11px;padding-top: 2px;transition: ease all .2s;margin-top: 20px;position: relative;margin-left: -80px;border-radius: 0px;font-weight: 700;margin-bottom: 40px;font-weight:600;line-height: 42px;}

.category-list-page-wrapper {float:left; width:100%;}
#sidebar {float: left; will-change: min-height; width:280px;}


.product-variations {height:277px;}
.product-variations .product-image {min-height: 276px; background: url(../images/loading.gif) center center no-repeat #fff; background-size: 70px;}
.product-variations-thumbs .owl-thumb-item {float:left; width: 40px; height: 32px; background: #ddd; margin-right: 1px; position: relative; cursor: pointer;}

.blog-detail-categories-list {float: right;width:100%;border:1px solid #ddd;padding:30px 25px;margin-bottom: 15px;border-radius:3px;}
.blog-detail-categories-list h5 {float:left; width:100%; font-size:13px; font-weight:700; position:relative; margin-bottom:30px; padding-left:15px;}
.blog-detail-categories-list h5 a {color:#000; text-decoration:none;}
.blog-detail-categories-list h5:before {left:0; top:-8px; width:4px; height:25px; background:#000; content:""; position:absolute;}
.blog-detail-categories-list h6 {float:left; width:100%; font-size:13px; font-weight:700; position:relative; margin-bottom:30px;}
.blog-detail-categories-list h6 a {color:#000; text-decoration:none;}
.blog-detail-categories-list h6 a i {float:left; margin:-3px 5px 0 0; font-size:16px;}
.blog-detail-categories-list ul {float:left; width:100%; border-bottom:none;}
.blog-detail-categories-list ul li {float:left; width:100%;}
.blog-detail-categories-list ul li a {text-decoration:none; font-size:12.1px; color:#000; display:block; float:left; width:100%; padding:8px 0; font-weight:600;}
.blog-detail-categories-list ul li ul li a {font-weight:400; position:relative;}
.blog-detail-categories-list ul li ul li a:before {content:""; position:absolute; left:-12px; top:10px; width:4px; height:4px; background:#777; border-radius:50%;}
.blog-detail-categories-list ul li ul {padding-left:12px; margin-bottom:15px; border-bottom:2px dashed #ddd; padding-bottom:10px;}
.blog-detail-categories-list ul li:last-child ul {padding-bottom:0; margin-bottom:0; border-bottom:none;}

.filter-list.type-1 {max-height:110px;}
.clear-filters-btn {float:left; border:none; background:#fff; font-size:11px; padding:0 0 3px 0; margin:0 0 25px 0; text-decoration:none; border-bottom:1px solid #000; color:#000; font-weight:500;}
.brand-category-widget-wrapper {float:left; width:100%; margin-top:30px; margin-bottom:30px;}
.brand-category-widget-wrapper h2 {float:left; width:100%; text-align:center; font-weight:600; font-size:16px; margin-bottom:20px;}
.brand-category-widget-wrapper .mp-product-widget-1 {float:left; width:100%;}
.brand-category-widget-wrapper .mp-product-widget-1 .mpp-widget-1 {float:left; width:100%; margin-bottom:20px;}
.widget-placeholder {float:left; width:100%; background:#f3f3f3; margin-bottom:40px; padding:20px; text-align:center; font-size:11px; border:1px solid #ddd}

.s-color {height:30px !important;}
.s-product-colors {float: left; width: 100%; position: absolute !important; top: 288px; z-index: 1;}
.s-product-colors .slick-list.draggable {padding-top:2px;}
.s-color.slick-current {height: 34px !important; margin-top: -2px;}
.slick-slide:focus {outline:none !important;}


#loader {float:left;width:100%;padding:0 20px;margin-top: 10px;}
#loader .loader-title {float:left;width:70%;height:35px;background:#444;animation: fading 1.5s infinite;opacity:.1;}
#loader .loader-title.short-1 {width:50% !important;height: 28px !important;margin-bottom: 5px;margin-top:0;}
#loader .loader-title.short-2 {width:60% !important;height:30px !important;margin-bottom: 5px;margin-top:0;}
.loader-sidebar-menu {float:left; width:100%; margin-top:20px; background:#fff; animation: fading 1.5s infinite; opacity:.1;}
.loader-sidebar-menu-item {width:100%;border: 1px solid #444;height: 42px;margin-bottom: 3px;}
.loader-image {float:left; width:100%; background:#444; opacity:.1; animation:fading 1.5s infinite; height:180px;}
.loader-sidebar {float:left; width:280px; margin-right:30px;}
.loader-sidebar .loader-title {margin-top:10px;}
.loader-breadcrumb {width: 30% !important;margin-bottom: 35px;height: 18px !important;background:#444;animation: fading 1.5s infinite;opacity:.1;}
.loader-sidebar .loader-title {width:100% !important; margin-bottom:5px; height:42px !important;}
.loader-content-wrapper {float:left; width:calc(100% - 310px);}
.loader-content {float:left; width:100%; display:block;}
.loader-content .load-p-card {float:left;width:calc(33.33% - 20px);margin-right:30px;margin-bottom: 40px;}
.loader-content .load-p-card:nth-child(3n) {margin-right:0;}
.loader-content .load-p-card .loader-image {margin-bottom:5px; height:250px}
.loader-content .load-p-card .loader-title {margin-bottom:5px; margin-left: 15%;}
.loader-content .load-p-card .loader-title.short {width:50% !important; height:20px !important; margin-left:25% !important;}
.loader-h1 {float:left;width:100%;height: 38px !important;background: #fff;animation: fading 1.5s infinite;opacity:.1;margin-bottom:30px;border-bottom: 1px solid #444;position: relative;}
.loader-h1:before {height:28px; position:absolute; top:0; left:0; width:200px; background:#444; content:"";}
@keyframes fading {
  0% {
    opacity: .1;
  }
  
  50% {
    opacity: .2;
  }
  
  100% {
    opacity: .1;
  }
}

.accordion-content.brand-menu ul {float:left; width:100%; margin-bottom:10px;}
.accordion-content.brand-menu ul li {float:left; width:100%;}
.accordion-content.brand-menu ul li a {position: relative; color: #333; text-decoration: none; font-size: 11px; display: block; padding: 4px 0 4px 0px; float: left; width: 100%; font-weight: 500;}
.category-listing-list li .product-card .product-image:focus {outline:none;}
.category-listing-list li .product-card .product-image picture {display: flex; align-items: center; justify-content: center;}
.s-color.slick-slide {position:relative;}
.s-color.slick-slide i {position:absolute; top:4px; right:6px; color:#fff; font-size:12px;}
.s-color.slick-slide.slick-current i {top:2px;}
.mobile-filter-icon {position: fixed; top: 100px; left: 10px; z-index: 10; background: #000; width: 34px; height: 34px; color: #fff; border-radius: 50%; display: block; padding: 8px 0 0 6px; display:none;}
.mobile-filter-icon span {font-size:11px; margin:8px 0 0 -3px; font-weight:600;}
.new-badge {position:absolute; top:15px; left:15px; background:#000; z-index:1; color:#fff; font-size:10px; height:20px; padding:6px 7px; font-weight:600; letter-spacing:-0.05em; text-transform:uppercase;}
.campaign-badge {position:absolute; top:15px; left:15px; background:#000; z-index:1; color:#fff; font-size:10px; height:20px; padding:6px 7px; font-weight:600; letter-spacing:-0.05em; text-transform:uppercase;}
.campaign-badge-2 {position: absolute; top: 15px; left: 15px; background: #000; z-index: 1; color: #fff; font-size: 10px; line-height:1.4em; padding: 6px 7px 5px 7px; font-weight: 600; letter-spacing: -.05em; text-transform: uppercase;}
.new-badge i {float:left; font-size:12px; margin:-2px 2px 0 0;}
.campaign-badge i {float:left; font-size:14px; margin:-3px 3px 0 0;}

.only-mobile-sub-cat-menu {float:left; width:calc(100% + 30px); margin-bottom:30px; display:none;}
.only-mobile-sub-cat-item {float:left; margin:0 10px 0 0;}
.only-mobile-sub-cat-item figure {float:left; max-width:100%; margin-bottom:10px;}
.only-mobile-sub-cat-item:hover > a {color:#ff0066; transition:ease all .2s;}
.only-mobile-sub-cat-item figure a {display:block;}
.only-mobile-sub-cat-item figure img {max-width:100%; float:left;}
.only-mobile-sub-cat-item > a {font-size:12px; text-decoration:none; color:#000; transition:ease all .2s; display:block; float:left; width:100%; text-align:center; text-transform:uppercase; font-weight:600;}
.category-seo-links {float:left; width:100%; border-top:1px solid #ddd; padding-top:5px; margin-top:30px;}
.category-seo-links ul {float:left; width:100%;}
.category-seo-links ul li {float:left;}
.category-seo-links ul li a {float:left; color:#000; text-decoration:none; background:#f3f3f3; font-size:11px; height:30px; line-height:30px; margin-right:4px; padding:0 15px; border-radius:3px; font-weight:500; transition:ease all .2s; margin-bottom:4px;}
.category-seo-links ul li a:hover {background:#ddd; transition:ease all .2s;}
.category-page-blog-list .slick-slide h4 a {color:#000;}
.category-page-blog-list {position:relative; float:left; width:100%;}
.category-page-blog-list .slick-slide {padding:0 5px;}
.blog-list-carousel-item > a {display:block; max-height:180px; overflow:hidden; opacity:1 !important;}
.cpbl-next {position:absolute; right:-13px; top:80px; background:#fff; width:40px; height:40px; border:none; border-radius:50%; font-size:18px; display:flex; align-items:center; padding-top:2px; cursor:pointer; z-index:2; justify-content:center;}
.cpbl-prev {position:absolute; left:-13px; top:80px; background:#fff; width:40px; height:40px; border:none; border-radius:50%; font-size:18px; display:flex; align-items:center; padding-top:2px; z-index:2; cursor:pointer; justify-content: center;;}

/* Filter Variants */
.v2-mobile-filters-big-wrapper {position:fixed; top:0px; left:-100%; z-index:10; background:#f3f3f3; height:100vh; width:100%; padding-top:46px; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.v2-mobile-filters-big-wrapper.active {left:0; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
header.filter-opened {z-index:0 !important;}
.v2-filters-title {background:#fff;height:46px;position:fixed;text-align:center;font-size:12px;font-weight:500;padding-top:19px;border-bottom:1px solid #ddd;float: left;width: 100%; top:0;}
.v2-filters-title span {position:absolute;height:100%;right: 0 !important;border-left:1px solid #ddd;width:46px;display:flex;align-items:center;top:0;justify-content:center;font-size:20px;}
.v2-filter-item {float:left; width:100%; background:#fff; padding:20px; margin-top:10px;}
.v2-filter-title {float:left; width:100%; font-size:12px; font-weight:500; margin-bottom:10px;}
.v2-filter-list {float:left; width:100%;}
.v2-filter-list li {float:left; width:auto !important;}
.v2-filter-list li a {display:block; float:left; border:1px solid #ddd; color:#000; height:40px; font-size:12px; padding:14px 15px; margin:0 5px 5px 0;}
.v2-filter-list li a.active {background:#000; color:#fff;}
.v2-filter-list li a.passive {background:#f3f3f3; text-decoration:line-through; color:#888;}
.v2-filters-clear {position:absolute; bottom:0px; left:0; z-index:10; width:100%; height:46px;}
.v2-filters-clear a {background:#000; width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:500; color:#fff !important;}
.v2-filters-clear a.passive-clear {background:#f3f3f3; width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:500;}
.v2-filters-list-area {height:calc(100vh - 100px); overflow-y:auto;}
.v2-mobile-category-list-wrapper {float:left; width:100%; background:#fff; margin-top:10px;}
.v2-mobile-category-list-wrapper h5 {float:left; width:100%; color:#000; padding:20px 20px; font-size:13px; font-weight:600;}
.v2-mobile-category-list-wrapper h5 a {color:#000; padding:20px 20px; display:block; float:left; font-size:13px; font-weight:600;}
.v2-mobile-category-list {float:left; width:100%;}
.v2-mobile-category-list {display:grid; grid-template-columns:1fr 1fr; grid-column-gap:10px; padding:0 10px; grid-row-gap:5px;}
.v2-mobile-category-list li figure {width:100%;}
.v2-mobile-category-list li figure a {display:block;}
.v2-mobile-category-list li figure img {max-width:100%;}
.v2-mobile-category-list li > a {color:#000; text-decoration:none; text-align:center; float:left; width:100%; font-size:12px; height:32px; font-weight:500; line-height:1.3em; display:flex; justify-content:center; align-items:center;}
.v2-filter-actions {float:left;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:5px 0; top: 90px; position: sticky; z-index: 3; background: #fff; margin-top:10px; display:none;}
.v2-filter-actions.sticky {position:fixed; top:90px; transition:ease all .2s; z-index:3; background:#fff; left:0;}
.v2-filter-actions .v2-filter-cat-btn {font-size: 12px;display:flex;align-items:center;justify-content:space-between;border-right:1px solid #ddd;height:36px;font-weight:500; padding:0 15px;}
.v2-filter-actions .v2-filter-cat-btn img {margin-right:6px; margin-top:-5px; float:left;}
.v2-filter-actions .v2-filter-sort-btn {border:1px solid #fff;font-size: 12px;font-weight:500;appearance:none;text-align:center;width:100%;float:left;height:36px;line-height: 36px;display: flex;justify-content: space-between; background:#fff; padding:0 15px; text-align:left; background: url(https://www.makyajtrendi.com/Content/images/sort-icon.svg) right 15px center no-repeat;}
.v2-filter-actions .v2-filter-sort-btn option {text-align:left; width:100%;}
.v2-filter-actions .v2-filter-cat-btn > span {background: #f06; color: #fff; width: 20px; height: 20px; display: inline-block; text-align: center;font-size: 11px; padding-top: 6px; font-weight: 500; border-radius: 3px; margin-left: 5px; margin-top: -1px;}
.v2-mobile-category-list-breadcrumb {float:left;width:100%;padding: 20px;}
.v2-mobile-category-list-breadcrumb li {float:left; font-size:13px; font-weight:600; margin-right:30px; position:relative}
.v2-mobile-category-list-breadcrumb li:before {content:"\eab8"; position:absolute; right:-21px; top:0px; font-family:'icofont'; font-size:10px;}
.v2-mobile-category-list-breadcrumb li:last-child:before {display:none;}
.v2-mobile-category-list-breadcrumb li a {color:#000; text-decoration:none;}

.only-mobile-imaged-cat-filter {display:none;}
.only-mobile-sub-cat-item figure {position:relative;}
.only-mobile-sub-cat-item span.filter-fake-radio {position:absolute; top:5px; left:5px; width:20px; height:20px; background:#fff; border-radius:50%; border:1px solid #aaa; color:#000; display:flex; align-items:center; font-size:14px; justify-content:center;}
.only-mobile-sub-cat-item figure.active span.filter-fake-radio {border:1px solid #000;}
.only-mobile-imaged-cat-filter h6 {float:left; width:100%; font-size:13px; font-weight:500; padding:0px 15px; margin-bottom:15px; letter-spacing:-0.02em}
.swiper-notification.slick-slide {display:none;}

.v2-filters-list-area .v2-mobile-cat-menu h4 {grid-column-start:1; grid-column-end:3; float: left; width: 100%; font-size: 12px; font-weight: 500; margin-bottom: 10px;}
.v2-filters-list-area .v2-mobile-cat-menu {float:left; width:100%; background:#fff; padding:20px; display:grid; grid-template-columns:1fr 1fr; grid-column-gap:10px;}
.v2-filters-list-area .v2-mobile-cat-menu .only-mobile-sub-cat-item {width:100%; margin-bottom:15px;}
.v2-filters-list-area .v2-mobile-cat-menu .only-mobile-sub-cat-item a {font-size:10px; line-height:1.4em;}
.only-mobile-sub-cat-item figure.active {border: 2px solid #000; padding: 1px;}

.popup-campaign-badge {float:left; width:100%; text-align:center; display:flex; justify-content:center; margin-bottom:5px;}
.popup-campaign-badge span {display:inline-block; border:1px solid #000; font-size:10px; font-weight:600; padding:11px 10px 9px 10px; float:left; color:#000; border-radius:5px; transition:ease all .2s; margin-top:5px; line-height:1.6em;}
.popup-campaign-badge span:hover {background:#000; color:#fff; transition:ease all .2s;}
.popup-campaign-popup {width:400px; max-width:calc(100% - 30px); padding:30px;}
.popup-campaign-popup h5 {float:left; width:100%; font-weight:700; font-size:13px; margin-bottom:15px; text-transform:uppercase; margin-top:5px}
.popup-campaign-popup p {font-size:12px; line-height:1.8em}
.popup-campaign-popup a {float:left; border:1px solid #ff0066; color:#ff0066; font-size:10px; height:40px; display:flex; justify-content:center; align-items:center; padding:2px 15px 0 15px; font-weight:600; border-radius:5px; margin-top:15px; transition:ease all .2s;}
.popup-campaign-popup a:hover {transition:ease all .2; background:#ff0066; color:#fff;}

.category-desc-area {float:left; width:100%; border-top:1px solid #ddd; margin-top:50px; padding:30px 20px 0 20px;}
.category-desc-area h2 {float: left;width: 100%;font-weight: 600;font-size: 15px;}
.category-desc-area ul {float: left;width: 100%;padding-left: 0;margin-bottom:16px;}
.category-desc-area ul li {float: left;width: 100%;position: relative;padding-bottom: 10px;font-size: 12px;padding-left: 10px;}
.category-desc-area ul li:before {content: '';width: 4px;height: 4px;background: #000;position: absolute;top: 4px;left: 0;border-radius: 4px;}
.category-desc-area p {font-size:12px; line-height:26px;margin-bottom: 20px;}

/* V3 Filter */
.v3-mobile-filters {float: left; width: 100%; position: relative; background: #fff; padding: 10px 0 0 0; display:none;}
.category-filter-container-v3 {white-space:nowrap; overflow-x: scroll; overflow-y: hide; -webkit-overflow-scrolling:touch; height:50px; padding:0 5px;}
.category-filter-container-v3 > a {color:inherit; font-size:12px; border:1px solid #ddd; height:40px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:3px; font-weight:500;}
.v3-filter-list-wrapper {padding:35px 30px 20px 30px;}
.v3-filter-list {float:left; width:100%;}
.v3-filter-list li {float:left; width:100%;}
.v3-filter-list li a {color:inherit; font-weight:600; position:relative; display:block; font-size:11px; border:1px solid #ddd; height:42px; line-height:44px; margin-bottom:3px; padding-left:35px; border-radius:4px;}
.v3-filter-list li a:before {border:1px solid #ccc; width:16px; height:16px; content:""; position:absolute; left:12px; top:12px; border-radius:50%;}
.v3-filter-list li a.active:before {border:5px solid #000;}
.v3-filter-list-title {float: left; width: 100%; font-size: 12px; font-weight: 600; margin-bottom: 20px;}
.v3-filter-list li a.passive {background:#f3f3f3; text-decoration:line-through;}
.v3-filter-list li a.passive:before {border:1px solid #f3f3f3;}

.pfeature3-reset {float:left; width:100%; display:flex; justify-content:center; align-items:center; background:#fff; border:2px solid #000; height:45px; color:#000; font-size:11px; font-weight:600; text-transform:uppercase; border-radius:5px;}
.category-filter-container-v3>a span {
  background: #f06;
  color: #fff;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  font-size: 11px;
  padding-top: 6px;
  font-weight: 500;
  border-radius: 3px;
  margin-left: 5px;
  margin-top: -1px;
}

.product-card-meta .name {justify-content: center;column-gap: 5px;padding: 0;}
.product-card-meta h4 {width: auto;}
.product-card-meta .name span {display: inline-block;font-size: 10px;color: #aaa;font-family: 'Spartan';font-weight: 600;}

.pd-size {  float: left;width: 100%;text-align: center;font-size: 10px;color: #aaa;font-family: 'Spartan';font-weight: 600;height: 30px;}

/* TABLET YATAY */
@media screen and (min-width : 992px) and (max-width : 1199px) {
	.category-listing-list li {width: 100%;}
}
/* TABLET DIK */
@media screen and (min-width : 768px) and (max-width : 991px) {
	main .row {margin:0;}
    main .col-lg-12 {padding:0;}
    .category-list-left-area {position:fixed; top:0; width:100%; height:100vh; overflow-y:auto; background:#f3f3f3; z-index:10; left:-100%; padding:20px; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
    .category-list-left-area.active {left:0; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
    .category-list-left-area .category-guide-btn {background:#fff;}
    .cat-sidebar-banners li {width:calc(50% - 2px); margin:0 1px;}
    .filter-wrapper {background-color:#f3f3f3; border:none;}
    .filter-list li a:before {background-color:#fff;}
    .filter-wrapper h4 {padding: 16px 0 13px 0;}
    .accordion-content {padding:0;}
    .filter-list li a {padding:6px 0 6px 23px;}
    .page-content-area .container {padding:0 0;}
    .breadcrumb {padding:0 15px; box-sizing:border-box; width:100%; overflow:hidden; line-height:14px; height:15px;}
    .product-listing-wrapper {float: left; width: 100%; margin-left: 0px;}
    .product-listing {padding:0 15px;}
    .category-title h1 {width:100%; text-align:center; margin-bottom:5px; line-height:1.6em;}
    .category-listing-list {grid-template-columns: 1fr 1fr;}
    .category-listing-list li {width: 100%; margin-right: 10px;}
    .category-title {border-bottom:none; padding-bottom:0;}
    .product-card-meta .name {height: auto; margin-bottom: 5px; margin-top: 10px;}
    .product-card-meta .name-tr {height: auto;}
    .mobile-filter-btn {display:block !important;}
    .category-title {padding: 0 15px;}
    .selected-filters li a {background: #fff; border: 1px solid #ddd;}
    .mobile-filter-close-btn {display:block;}
    .category-page-blog-list .slick-slide {width: 45%;}
    .category-page-blog-list {float: left; width: 100%; margin-left: 0;}
    .category-page-blog-list .slick-slide > a {float:left; width:100%; display:block; transition:ease all .2s;}
    .category-page-blog-list .slick-slide a img {display:block; width:100%;}
    .category-page-blog-list:hover .slick-slide a {opacity:.8; transition:ease all .2s;}
    .category-page-blog-list .slick-slide h5 {float:left;width:100%;font-size:10px;margin-bottom:20px;color:#000;font-weight: 600;margin-top:20px;}
    .category-page-blog-list .slick-slide h4 {float:left;width:100%;font-size: 13px;font-weight: 600;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:10px;color:#000;line-height: 1.5em;}
    .category-page-blog-list .slick-slide p {float:left;width:100%;line-height: 1.7em;font-size: 11px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;color: #333;}
    .category-page-blog-list .slick-slide span {float:left;width:100%;margin-top:20px;font-size: 11px;font-weight:500;}
    .category-page-blog-list-wrapper > h4 {font-size: 13px; text-align: center;}
    #loader {padding:0;}
    .loader-sidebar {display:none;}
    .loader-content-wrapper {width:100%;}
    .loader-h1:before {margin-left:calc((100% - 200px) / 2)}
    .loader-content .load-p-card {width: 100%;}
    .only-mobile-imaged-cat-filter {display:block;} 
}

/* TELEFON */
@media screen and (max-width : 767px) {
  main {position:relative; z-index:0;}
    main .row {margin:0;}
    main .col-lg-12 {padding:0;}
    .category-list-left-area {position:fixed; top:90px; width:100%; height:calc(100vh - 90px); overflow-y:auto; background:#f3f3f3; z-index:10; left:-100%; padding:20px; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
    .category-list-left-area.active {left:0; transition:all 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
    .category-list-left-area .category-guide-btn {background:#fff; margin-top:35px;}
    .cat-sidebar-banners li {width:calc(50% - 2px); margin:0 1px;}
    .filter-wrapper {background-color:#f3f3f3; border:none;}
    .filter-list li a:before {background-color:#fff;}
    .filter-wrapper h4 {padding: 16px 0 13px 0;}
    .accordion-content {padding:0;}
    .filter-list li a {padding:6px 0 6px 23px;}
    .page-content-area .container {padding:0 0;}
    .breadcrumb {padding:0 15px; box-sizing:border-box; width:100%; overflow:hidden; line-height:14px; height:15px;margin: 15px 0;}
    .product-listing-wrapper {float: left; width: 100%; margin-left: 0px;}
    .category-title h1 {width:100%; text-align:center; margin-bottom:5px; line-height:1.6em;}
    .category-listing-list li {width:70vw; margin-right:0; margin-left:15vw;}
    .category-title {border-bottom:none; padding-bottom:0;}
    .product-card-meta .name {height: auto; margin-bottom: 5px; margin-top: 10px;}
    .product-card-meta .name-tr {height: auto;}
    .mobile-filter-btn {display:block !important;}
    .category-title {padding:0 15px;}
    .selected-filters li a {background: #fff; border: 1px solid #ddd;}
    .mobile-filter-close-btn {display:block;}
    .category-page-blog-list .slick-slide {width: 85%;}
    .category-page-blog-list {float: left; width: calc(100% - 15px); margin-left: 8px; overflow: hidden;}
    .category-page-blog-list .slick-slide > a {float:left; width:100%; display:block; transition:ease all .2s;}
    .category-page-blog-list .slick-slide a img {display:block; width:100%;}
    .category-page-blog-list:hover .slick-slide a {opacity:.8; transition:ease all .2s;}
    .category-page-blog-list .slick-slide h5 {float:left;width:100%;font-size:10px;margin-bottom:20px;color:#000;font-weight: 600;margin-top:20px;}
    .category-page-blog-list .slick-slide h4 {float:left;width:100%;font-size: 13px;font-weight: 600;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:10px;color:#000;line-height: 1.5em;}
    .category-page-blog-list .slick-slide p {float:left;width:100%;line-height: 1.7em;font-size: 11px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;color: #333;}
    .category-page-blog-list .slick-slide span {float:left;width:100%;margin-top:20px;font-size: 11px;font-weight:500;}
    .category-page-blog-list-wrapper > h4 {font-size: 13px; text-align: center;}
    .s-product-colors {top: 70vw; margin-top: 30px;}
  
    #loader {padding:0;}
    .loader-sidebar {display:none;}
    .loader-content-wrapper {width:100%;}
    .loader-h1:before {margin-left:calc((100% - 200px) / 2)}
    .loader-content .load-p-card {width: 100%;}
    .brand-filter h4:before {display:none;}
    .product-card-addtocart-btn {opacity: 1; bottom: 18px !important; visibility: visible;}
    .selected-filters-wrapper {float:left; width:100%;}
    .popup-login-wrapper {width:100%;}
    .mobile-filter-icon {display:block;}
  .only-mobile-sub-cat-menu {display:block; width:100%;}
  .cpbl-next, .cpbl-prev {top:40px;}
  .only-mobile-imaged-cat-filter {display:block;} 
  .category-listing-list {grid-template-columns:1fr;}


  .mobile-filter-btn, .category-filters {display : none !important;}
  .v2-filter-actions {display : grid !important;}
  .only-mobile-sub-cat-menu {display : none;}
  .mobile-filter-icon {display : none !important; opacity:0;}
  .only-mobile-imaged-cat-filter h6 {display : none;}
  .breadcrumb li {line-height: 1.5em;}

  .pd-size {    height: auto;margin: 5px 0;}
  
}

@media screen and (min-width : 378px) and (max-width : 415px) {
  .s-product-colors {top: 70vw; margin-top: 13px;}
  
}
/* Telefon Mini */
@media screen and (max-width :360px) {
    .s-product-colors {top: 70vw; margin-top: 36px;}
}