.category-title-area {float:left;width:100%;position: relative;z-index: 0;margin-top: 30px;}
.category-title-area .container {display:grid;grid-template-columns: 200px 1fr 200px;align-items:center;height:90px;}
.category-title-area h1 {float:left;width:100%;text-align:center;font-size: 17px;font-weight:600;margin-top:4px;}

.category-list-filter-title {float:left; width:100%; position:relative;border-bottom: 1px solid var(--border);padding-bottom: 15px;}
.category-list-filter-title > p {float:left;font-size: 20px;font-weight: 600;}
.category-list-filter-title h5 {float:left;font-size: 20px;font-weight: 600;}

.cat-filter-btn {float:right;text-align:right;font-size: 13px;cursor: pointer;padding: 10px 0;}
.cat-filter-btn img {float: left;margin: -2px 6px 0 0px;}
.cat-filter-btn span {width:24px; height:27px; background:var(--orange); display:flex; float:right; align-items:center; justify-content:center; color:var(--white); font-weight:600; border-radius:3px; margin:-4px 0 0 7px}
.stockout-btn {float:left;font-size: 13px;position:relative;padding-left:24px;outline: none;border: none;background: none;cursor: pointer;text-align: left;}
.stockout-btn:before {width:18px;height:18px;border: 1px solid var(--navy);content:"";position:absolute;left:0;top: 0px;background:#fff;}
.stockout-btn.active:before {background: url(../images/check.svg) center center no-repeat #fff;content: "";position: absolute;top: 0px;left: 0;background-size: 19px;}

.category-product-list-area {float:left;width:100%;margin-bottom: 80px;}
.category-product-list-area .container {grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap: 50px;display: grid;}
.category-product-list-area .container.double-view {grid-template-columns:1fr 1fr;}

.category-list-filter-area {position:fixed;top: 0;left: auto;width: 500px;z-index:10;background:#fff;padding: 20px;height: 100vh;transition:var(--cubic);right: -500px;overflow-y: auto;}
.category-list-filter-area.active {right: 0;z-index: 10;transition: var(--cubic);}
.category-filter-overlay {position:fixed;top:0;left:0;background: var(--overlay);width:100%;height:100vh;z-index:9;opacity:0;visibility:hidden;cursor: url(../images/close-cursor.svg), pointer;transition: var(--cubic);}
.category-filter-overlay.active {opacity:1;visibility:visible;z-index: 7; transition:var(--cubic);}
.category-list-filter-close {position:absolute;top: 0px;right: -5px;cursor:pointer;}
.category-list-filter-close img {width:26px;}
.pagination-area {float:left; width:100%;}
.pagination-area ul {display:flex; justify-content:center; font-size:13px;}
.pagination-area ul li a {display:block; width:30px; height:30px; background:#fff; display:flex; justify-content:center; align-items:center; border:1px solid #fff; margin:0 4px; transition:ease all .2s;}
.pagination-area ul li.active a {border:1px solid #000}
.pagination-area ul li a:hover {border:1px solid #000; transition:ease all .2s;}
.pagination-area span {float:left; width:100%; text-align:center; font-size:12px; margin-top:15px; font-weight:300;}

.cat-list-filter-title {float:left;width:100%;text-align:center;font-size:14px;font-weight:600;margin-top:5px;padding-bottom:15px;border-bottom: 1px solid #ddd;margin-bottom: -1px;display: none;}
.cat-list-filters-wrapper {float:left;width:100%;}
.filter-item-wrapper {float:left;width:100%;padding: 20px 0 20px 0;border-bottom: 1px solid var(--border);}
.filter-item-wrapper summary {float:left;width:100%;font-size: 12px; font-weight: 600; text-transform: uppercase; position:relative;}
.filter-item-wrapper summary:before {position:absolute; right:0; top:0; content:""; background:url(../images/close.svg) top center no-repeat;width: 16px;height: 16px;transform: rotate(45deg);background-size: 16px; transition:var(--cubic);}
.filter-item-wrapper[open] summary:before {transform:rotate(90deg); transition:var(--cubic);}
.fi-title {float:left;width:100%;font-size:12px;font-weight: 400;margin: 0px 0 20px 0;letter-spacing:-0.03em;}
.filter-item-wrapper ul {float:left;width:100%; margin-top:20px;}
.filter-item-wrapper ul::-webkit-scrollbar {width: 3px;}
.filter-item-wrapper ul::-webkit-scrollbar-track {background: #fff;}
.filter-item-wrapper ul::-webkit-scrollbar-thumb {background-color: #ddd;}

.filter-item-wrapper ul li {float: left;margin: 0 3px 3px 0;}
.filter-item-wrapper ul li a {font-size: 11px;padding: 0 12px;position: relative;font-weight: 500;border: 1px solid var(--border);float: left;height: 38px;display: flex;align-items: center;border-radius: 3px;}
.filter-item-wrapper ul li a.active {color: var(--white);font-weight: 600;background: var(--navy);border: 1px solid var(--navy);}
.filter-item-wrapper ul li a.passive {color: var(--darkborder);text-decoration:line-through;cursor:not-allowed;background: var(--bg);}

.filter-item-wrapper ul li button {font-size: 11px;padding: 0 12px;position: relative;font-weight: 500;border: 1px solid var(--border);float: left;height: 38px;display: flex;align-items: center;border-radius: 3px;background: var(--white);cursor: pointer;outline: none;}
.filter-item-wrapper ul li button.active {color: var(--white);font-weight: 600;background: var(--navy);border: 1px solid var(--navy);}
.filter-item-wrapper ul li button.passive {color: var(--darkborder);text-decoration:line-through;cursor:not-allowed;background: var(--bg);}

.filter-clear-btn, .filter-clear-btn:focus, .filter-clear-btn:hover {position: relative;bottom: 0;right: 0;width: 160px;background: var(--white);border: 1px solid var(--navy);color: var(--navy);font-size: 12px;height: 40px;font-weight:500;cursor:pointer;outline: none;display:flex;align-items:center;justify-content:center;width: 460px;margin-top: 15px;float: left;}
.cat-title {float:left; width:100%;}
.cat-title span {font-size:12px; text-align:center; float:left; width:100%;}
.product-card .product-image picture {padding:20px; float:left; display:block; aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center;}
.mobile-sort-selection {display:none;width:100%;min-height:46px;}

.breadcrumb-wrapper {float: left;width: 100%;}
.breadcrumb {float:left; width:100%; display:flex; margin-bottom:30px; justify-content:center;}
.breadcrumb li {font-size:12px; margin-right:30px; position:relative;}
.breadcrumb li:before {width:4px; height:4px; content:""; position:absolute; right:-17px; background:var(--navy); border-radius:50%; top:7px;}
.breadcrumb li:last-child {margin-right:0;}
.breadcrumb li:last-child:before {display:none;}

.product-badge-1 {position:absolute; top:10px; left:10px; width:60px;}
.product-badge-2 {position:absolute; top:10px; left:62px; width:60px;}

.mobile-stockout-btn {display:none;float: left;width: 100%;position: relative; padding-left:43px; font-size:13px; margin-top:15px; border-bottom:1px solid var(--border); padding-bottom:15px;border: none;outline: none;appearance: none;background: none;}
.mobile-stockout-btn:before {content:""; height:22px; width:36px; border-radius:100px; background:var(--label); position:absolute; left:0; top:-2px; border:1px solid var(--label); transition:var(--cubic);}
.mobile-stockout-btn:after {width:18px; height:18px; content:""; position:absolute; top:0; left:2px; background:#fff; border-radius:50%; transition:var(--cubic);}
.mobile-stockout-btn.active:before {background:var(--orange); border:1px solid var(--orange); transition:var(--cubic);}
.mobile-stockout-btn.active:after {left:15px; transition:var(--cubic);}

.category-desc-area {float:left;width:100%;text-align:left;line-height:2em;margin-top: 30px;}
.category-desc-area .container {overflow:hidden; max-height:95px;background: var(--bg);padding: 20px;}
.category-desc-area .container p {float: left;width: 100%;font-size: 16px;font-weight: 400;}
.category-desc-area .container h2 {float: left;width: 100%;font-weight: 600;font-size: 18px;}
.category-desc-area .container h3,h4,h5,h6 {font-size: 18px;}
.category-desc-area .container h3 {float: left;width: 100%;font-weight: 600;font-size: 18px;margin-bottom: 10px;}
.category-desc-area .container ul {float: left;width: 100%;}
.category-desc-area .container ul li {float: left;width: 100%;position: relative;padding-left: 10px;margin-bottom: 5px;font-size: 16px;}
.category-desc-area .container ul li:before { width: 5px;height: 5px;content: '';position: absolute;top: calc(50% - 2.5px);left: 0; background: var(--navy); border-radius: 5px;}
.category-desc-area.active .container {max-height: none;}
#cat-desc-toggle {width:40px; height:40px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; border-radius:50%; position:relative; left:calc(50% - 20px); transition:var(--ease); cursor:pointer;}
#cat-desc-toggle:hover {border:1px solid var(--navy); transition:var(--ease);}
#cat-desc-toggle img {width:30px; margin-bottom:-3px;}
#cat-desc-toggle.active {transform:rotate(180deg); transition:var(--ease);}

.subcategory-wrapper {float: left;width: 100%;position: relative; opacity:0; transition:var(--ease); visibility: hidden;}
.subcategory-wrapper.active {visibility: visible; opacity: 1; transition:var(--ease);}
.subcategory-slider {float: left; height: 180px; min-height:180px; overflow: hidden;width: 100%;margin-top: 30px;}
.subcategory-slider .slick-slide { margin: 0 15px;}
.subcategory-slider .item .card {float: left;width: 100%;}
.subcategory-slider .item .card picture {float: left;width: 100%; display: block;aspect-ratio: 1 / 1; overflow:hidden; display: flex;justify-content: center;align-items: center;background: var(--bg);border-radius: 50%;overflow: hidden;width:143px; height:143px;}
.subcategory-slider .item .card picture img {max-height: 100%; width:143px; height:143px;}
.subcategory-slider .item .card span {float: left; width: 100%;text-align: center; margin-top: 15px;font-weight: 500;font-size: 14px;}
.sub-prev.slick-arrow { width: 40px;height: 40px;cursor: pointer;position: absolute;top: calc(50% - 20px);left: -40px;}
.sub-next.slick-arrow {width: 40px;height: 40px;position: absolute;right: -40px;top: calc(50% - 20px);cursor: pointer;}

.brandscategory-wrapper {float: left;width: 100%;position: relative; opacity:0; transition:var(--ease); visibility: hidden;}
.brandscategory-wrapper.active {visibility: visible; opacity: 1; transition:var(--ease);}
.brandscategory-slider {float: left; width: 100%;min-height:250px;margin-top: 30px;}
.brandscategory-slider .slick-slide { margin: 0 5px;}
.brandscategory-slider .item .card {float: left;width: 100%;    background: var(--bg);}
.brandscategory-slider .item .card picture {float: left;width: 100%; display: flex;justify-content: center;align-items: center;height: 160px;padding: 0 30px;}
.brandscategory-slider .item .card picture img {max-height: 100%; }
.brandscategory-slider .item .card span {float: left; width: 100%;text-align: center; margin-top: 15px;font-weight: 500;font-size: 14px;margin-bottom: 30px;}
.brands-prev.slick-arrow { width: 40px;height: 40px;cursor: pointer;position: absolute;top: calc(50% - 20px);left: -40px;}
.brands-next.slick-arrow {width: 40px;height: 40px;position: absolute;right: -40px;top: calc(50% - 20px);cursor: pointer;}
.brandscategory-slider .slick-dots {float: left;width: 100%;display: flex !important;justify-content: center;align-items: center;margin-top: 20px;}
/* .brandscategory-slider .slick-dots li {margin: 0 2px;text-indent: -9999px;border: none;background: var(--navy); width: 8px;height: 8px;border-radius: 100px;opacity: .2;cursor: pointer;}
.brandscategory-slider .slick-dots li.slick-active {opacity: 1;} */

.commentscategory-wrapper {float: left;width: 100%;position: relative; opacity:0; transition:var(--ease); visibility: hidden;border-top: 1px solid var(--border);padding-top: 20px;}
.commentscategory-wrapper h3 {float: left;width: 100%;font-weight: 600;font-size: 17px;text-align: center;}
.commentscategory-wrapper.active {visibility: visible; opacity: 1; transition:var(--ease);}
.commentscategory-slider {float: left; width: 100%;min-height:120px;margin-top: 30px;}
.commentscategory-slider .item .card {float: left;width: 100%;width: calc(100% - 300px);margin-left: 150px;}
.comments-top-area {float: left;width: 100%;display: grid;grid-template-columns: 1fr 1fr;margin-bottom: 7px;}
.comments-left {display: flex;justify-content: flex-start;align-items: center;column-gap: 10px;}
.commentscategory-slider .item .card picture {float: left;width: 96px; }
.commentscategory-slider .item .card picture img {max-height: 100%; }
.commentscategory-slider .item .card span {font-weight: 500;font-size: 14px;margin-top: 2px;}
.comments-right {width: 100%;float: left;display: flex;align-items: center;column-gap: 10px;justify-content: flex-end;}
.comments-right figure {margin-bottom: 0;}
.comments-right span {font-weight: 400 !important;}
.comments-bottom-area p {float: left;width: 100%; margin-bottom: 0;line-height: 1.8em;font-size: 14px;}
.comments-bottom-area {float: left;width: 100%;}
.comments-prev.slick-arrow { width: 40px;height: 40px;cursor: pointer;position: absolute;top: calc(50% - 20px);left: -40px;}
.comments-next.slick-arrow {width: 40px;height: 40px;position: absolute;right: -40px;top: calc(50% - 20px);cursor: pointer;}
.commentscategory-slider .slick-dots {float: left;width: 100%;display: flex !important;justify-content: center;align-items: center;margin-top: 20px;}
.commentscategory-slider .slick-dots li {margin: 0 2px;text-indent: -9999px;border: none;background: var(--navy); width: 8px;height: 8px;border-radius: 100px;opacity: .2;cursor: pointer;}
.commentscategory-slider .slick-dots li.slick-active {opacity: 1;}
.comments-product-area {float: left;width: 100%;margin-bottom: 10px;}
.comments-product-area p .comments-product {float: left;font-weight: 600;font-size: 14px;transition: var(--ease);position: relative;}
.comments-product-area p .comments-product:before {content: '';width: 0px;bottom: 0;background: var(--navy);height: 1px;position: absolute;transition: ease all .2s; z-index: 3;}
.comments-product-area p .comments-product:hover:before {width: 100%;bottom: 0;}

.product-card .product-addtocard.stockout {width: 210px; left: calc(50% - 105px); background: var(--navy);}
.product-card .prices .j-campaigne-badge {width: 28px;height: 26px;display: flex;justify-content: center;align-items: center;background: var(--orange); color: var(--white); font-size: 12px; display: flex; justify-content: center; align-items: center; font-weight: 600;border-radius: 3px;}
span.jeb-campaign-badge {position: absolute;top: 10px;left: 10px;background: var(--navy);color: var(--white);font-size: 10px;padding: 4px 5px;font-weight: 600;}

section.tag-bulut-area {float: left;width: 100%;margin: 30px 0;}
.tab-bulut-wrapper {float: left;width: 100%;}
.tab-bulut-wrapper h3 {float: left;width: 100%;text-align: center;font-weight: 600;font-size: 17px;margin-bottom: 30px;}
.tab-bulut-wrapper p {float: left;width: 100%;font-weight: 600;font-size: 17px;margin-bottom: 20px;text-align: center;}
.tag-bulut {float: left;width: 100%;display: flex;justify-content: center;}
.tag-bulut ul {float: left;width: 1000px;display: flex;justify-content: center;column-gap: 7px;flex-wrap: wrap;row-gap: 10px;margin: 0 auto;}
.tag-bulut ul li {float: left;}
.tag-bulut ul li a { padding: 10px;transition: var(--ease);width: 100%;float: left;border-radius: 5px;border: 1px solid var(--border);font-size: 13px;}
.tag-bulut ul li ul {display: none;}
.tag-bulut ul li a:hover {transition: var(--ease);background: var(--border);}

.new-category-title-area {float: left;width: 100%;margin: 30px 0;}

.category-page-blog-list-wrapper {float: left;width: 100%;margin-top: 30px;}
.category-page-blog-list-wrapper .container {border-top: 1px solid var(--border);padding-top: 30px;}
.category-page-blog-list-wrapper h3 {float: left;width: 100%;font-weight: 600;font-size: 17px;text-align: center;margin-bottom: 30px;}
.category-page-blog-list {float: left;width: 100%;min-height:330px;}
.category-page-blog-list .slick-slide {margin: 0 10px;}
.blog-list-carousel-item {float: left;width: 100%;}
.blog-list-carousel-item-image {float: left;width: 100%;margin-bottom: 15px;max-height: 150px;overflow: hidden;}
.blog-list-carousel-item-image img { height: 180px; width: 100%;}
.blog-list-carousel-item h4 {float: left; width: 100%; font-weight: 600;font-size: 15px;margin-bottom: 15px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
.blog-list-carousel-item p {float: left;width: 100%; font-size: 14px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;line-height: 1.8em;}
.blog-list-carousel-item-btn {float: left; width: 192px; height: 38px;display: flex;justify-content: center;align-items: center;color: var(--navy);border: 1px solid var(--navy);border-radius: 100px;font-weight: 600;font-size: 13px;transition: var(--ease);}
.blog-list-carousel-item-btn:hover {transition: var(--ease);background: var(--navy);color: white;}

.cat-faq-list-wrapper {float: left;width: 100%;margin-top: 60px;}
.cat-faq-list-wrapper .container {width: 40%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.cat-faq-list-wrapper h3 {float: left;width: 100%;font-weight: 600;font-size: 17px;margin-bottom: 30px;}
.cat-faq-list { float: left;width: 100%;border: 1px solid var(--border);padding: 5px 20px;border-radius: 10px;}
.cat-faq-list details { float: left; width: 100%;border-bottom: 1px solid var(--border);}
.cat-faq-list details:last-child {border-bottom: none;}
.cat-faq-list details summary { font-size: 14px;font-weight: 400;padding: 15px 0; background: url(/Content/images/down-arrow.svg) right center no-repeat; transition: var(--ease);padding: 20px 0;}
.cat-faq-list details[open] summary {background: var(--bg);padding: 20px 15px;margin-bottom: 15px;font-weight: 500;transition: var(--ease);}
.cat-dashboard-faq-content { float: left;width: 100%;font-size: 14px;color: var(--navy);line-height: 1.8em;}

.new-category-title-area .breadcrumb {margin-bottom: 15px;}
.new-category-title-area .cat-title {margin-bottom: 10px;}
.new-category-title-area .cat-title p {float: left;width: 100%;font-size: 14px;text-align: center;width: calc(100% - 300px);margin:0 0 0 150px;margin-bottom: 0;font-family: 'CentraNo2';line-height: 25.2px;text-decoration: none solid rgb(58, 62, 84);word-spacing: 0px; background-color: #FFFFFF;background: 0% 0%;color: #3A3E54;display: block;transform: none;transition: all;}
.category-title-area .container.rich-cat {grid-template-columns: 1fr 1fr;}
.pagination-area.rich-cat {margin-bottom: 30px;}
section.tag-bulut-area.rich-cat {margin: 50px 0;}





/* **** TABLET YATAY ***** */
@media screen and (min-width : 992px) and (max-width : 1199px) {
    
}

/* **** TABLET DIK ***** */
@media screen and (min-width : 768px) and (max-width : 991px) {
    .listing-selection {display:none;}
    .category-title-area .container {grid-template-columns:1fr 1fr;padding: 0 0;height: auto;margin-bottom: 15px;}
    .category-title-area h1 {grid-column-start:1;grid-column-end:3;/* border-bottom: 1px solid var(--black); */padding-bottom: 0;font-size: 15px;margin-bottom: -20px;margin-top: 0;}
    .stockout-btn {display:none;}
    .cat-filter-btn {padding:0 0;font-size: 12px;width: 100%;text-align: left;}
    .category-title-area {margin-top:0;}
    .cat-title span {display:none;}
    .category-product-list-area .container.double-view {grid-column-gap:10px}
    .cat-filter-btn img {margin-top:-2px}
    .stockout-btn:before {top:-1px;}
    .category-title-actions {float:left;padding-right: 15px;}
    .category-product-list-area .container {grid-template-columns:1fr 1fr 1fr; grid-column-gap:10px; grid-row-gap:30px;}
    .cat-list-filters-wrapper {grid-template-columns:1fr;}
    .filter-item-wrapper ul {height:auto;}
    .category-list-filter-area .container {padding:0 0;}
    .filter-clear-btn, .filter-clear-btn:focus {position: relative; margin-left: 0px; margin-top: 5px; margin-bottom: calc(20px + env(safe-area-inset-bottom)); width: 100%;}
    .mobile-sort-selection {display:block;border: none;height: 46px;border-right: 1px solid var(--border);border-bottom: 1px solid var(--border);padding: 0 15px;font-size: 12px;appearance: none; background:url(../images/down-arrow.svg) right 9px center no-repeat; outline:none;}
    .cat-title {grid-column-start: 1;grid-column-end: 3;float: left;display: block;margin-top:20px;border-bottom: 1px solid var(--border);padding-bottom: 10px;}
   .cat-title h1 {float:left;width:100%;margin-top: 0;margin-bottom: 0;}
   .cat-filter-btn-wrapper {border-bottom:1px solid var(--border);height:46px;display:flex;align-items:center;padding: 4px 15px 0 15px;width: 100%;}
   h1.search-page-title {margin-bottom: 0px; margin-top: 20px; border-bottom: 1px solid var(--border); padding-bottom: 20px;}
   .product-card .prices .j-campaigne-badge {position: absolute; bottom: 30px;right: 10px;}   

   .tag-bulut ul {width:100%;}

   .breadcrumb-wrapper {overflow-x: auto;}
    .breadcrumb {-webkit-box-flex: 0;width: 100%;display: flex;width: max-content;padding: 0 15px;}
}

/* **** TELEFON ***** */
@media screen and (max-width : 767px) {
 .listing-selection {display:none;}
 .category-title-area .container {grid-template-columns:1fr 1fr;padding: 0 0;height: auto;margin-bottom: 15px;}
 .category-title-area h1 {grid-column-start:1;grid-column-end:3;/* border-bottom: 1px solid var(--black); */padding-bottom: 0;font-size: 15px;margin-bottom: -20px;margin-top: 0;}
 .stockout-btn {display:none;}
 .cat-filter-btn {padding:0 0;font-size: 12px;width: 100%;text-align: left;}
 .category-title-area {margin-top:0;}
 .cat-title span {display:none;}
 .category-product-list-area .container.double-view {grid-column-gap:10px}
 .cat-filter-btn img {margin-top:-2px}
 .stockout-btn:before {top:-1px;}
 .category-title-actions {float:left;padding-right: 15px;}
 .category-product-list-area .container {grid-template-columns:1fr 1fr; grid-column-gap:10px; grid-row-gap:30px;}
 .category-list-filter-area {top:0;right: -100%;height: 100vh;left: auto;overflow-y: auto;width: 95%;}
 .category-list-filter-area.active {right:0; top:0;}
 .cat-list-filters-wrapper {grid-template-columns:1fr;}
 .filter-item-wrapper ul {height:auto;}
 .category-list-filter-area .container {padding:0 0;}
 .filter-clear-btn, .filter-clear-btn:focus {position: relative; margin-left: 0px; margin-top: 5px; margin-bottom: calc(20px + env(safe-area-inset-bottom)); width: 100%;}
 .mobile-sort-selection {display:block;border: none;height: 46px;border-right: 1px solid var(--border);border-bottom: 1px solid var(--border);padding: 0 15px;font-size: 12px;appearance: none; background:url(../images/down-arrow.svg) right 9px center no-repeat; outline:none;}
 .cat-title {grid-column-start: 1;grid-column-end: 3;float: left;display: block;margin-top:20px;border-bottom: 1px solid var(--border);padding-bottom: 10px;}
.cat-title h1 {float:left;width:100%;margin-top: 0;margin-bottom: 0;}
.cat-filter-btn-wrapper {border-bottom:1px solid var(--border);height:46px;display:flex;align-items:center;padding: 4px 15px 0 15px;width: 100%;}
h1.search-page-title {margin-bottom: 0px; margin-top: 20px; border-bottom: 1px solid var(--border); padding-bottom: 20px;}
.mobile-stockout-btn {display:block;}
.category-desc-area .container {max-height: 146px;}
.sub-next.slick-arrow {right:-10px;}
.sub-prev.slick-arrow {left:-10px;}
.subcategory-wrapper {margin-bottom:20px;}
.brands-next.slick-arrow {right:-10px;}
.brands-prev.slick-arrow {left:-10px;}
.brandscategory-wrapper {margin-bottom:20px;}
.product-card .prices .j-campaigne-badge {position: absolute; bottom: 30px;right: 10px;}

.tag-bulut ul {width:100%;}

.product-card .product-image {padding: 0;}
.product-card .product-image picture {padding: 10px;}

.new-category-title-area .breadcrumb {margin-bottom: 0;}
.new-category-title-area .cat-title p {width: 100%;margin-left: 0;}
.new-category-title-area .cat-title {border-bottom: none;} 
.category-title-area .container.rich-cat {    border-top: 1px solid var(--border);}
.brandscategory-slider .item .card picture {padding: 0 10px;}
.commentscategory-slider .item .card {width: 100%;margin-left: 0;}
.cat-faq-list-wrapper .container {width: 100%;}

.breadcrumb-wrapper {overflow-x: auto;}
.breadcrumb {-webkit-box-flex: 0;width: 100%;display: flex;width: max-content;padding: 0 15px;}

}