.page-content-area {float:left; width:100%; margin-top:10px;}
.breadcrumb {float:left; width:100%; display:flex; margin-bottom:30px;}
.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:before {display:none;}
.cat-title {float:left; width:100%;}
.cat-title h1 {float:left;width:100%;text-align:center;font-size: 17px;font-weight:600;margin-top:4px;}
.cat-title span {font-size:12px; text-align:center; float:left; width:100%;}
.compare-list-big-wrapper {float:left;width:100%;display: flex;margin-top: 40px; column-gap:5px; justify-content: center;}
.compare-list-item-wrapper {display: flex;align-items: end;}
.compare-list-item {max-width: 305px; background: var(--bg); position: relative; float: left; display:grid; grid-template-columns: 1fr; align-items:end;}
.compare-list-item .product {float:left; width:100%;}
.compare-list-item .product picture {float:left;width:100%;aspect-ratio:1 / 1;padding: 15px;mix-blend-mode: multiply;}
.c-product-delete {background:var(--bg);position:absolute;right: 15px;top: 15px;border:1px solid var(--navy);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:4px;cursor: pointer;}
.compare-list-item .product h6 {float:left; width:100%; padding:20px 20px 2px 20px; font-size:14px; font-weight:600; text-transform: uppercase;}
.compare-list-item .product h4 {float:left; width:100%; padding:0 20px 0 20px; font-size:14px; font-weight:400;}
.compare-list-item .prices {display: flex; justify-content: center; float: left; width: 100%; column-gap: 10px; align-items:flex-end; margin-bottom:15px;}
.compare-list-item .old-price {font-size:14px; text-decoration:line-through;}
.compare-list-item .new-price {color:var(--orange); font-weight:600;}
.compare-list-item .product-addtocard {background: var(--white);color:var(--navy);width:130px;height:40px;display:flex;float:left;justify-content:center;align-items:center;font-size:12px;font-weight:500;border-radius:100px;position:relative;left:calc(50% - 65px); border:1px solid var(--navy); cursor:pointer; outline:none; transition:var(--ease);}
.compare-list-item .product-addtocard:hover {background:var(--navy); color:var(--white); transition:var(--ease);}
.product-compare-items {float:left; width:100%; margin-top:40px; border-bottom:1px solid var(--border);}
.product-compare-items li {float:left; display:flex; height:70px; align-items:center; justify-content:center; border-top:1px solid var(--border); width:100%; text-align:center; font-size:14px; padding:0 20px;}
.compare-list-titles {background:var(--white); max-width:230px;}
.compare-list-titles ul li {text-align:left; justify-content:start; padding:0;}
.compare-empty-page {float:left; width:100%; text-align:center; margin-top:100px; min-height:400px}
.compare-empty-page img {width: 180px;margin:0 auto 20px auto;}
.compare-empty-page h5 {font-weight: 600; font-size: 15px; float: left; width: 100%; margin-bottom: 3px; color: var(--navy); text-transform:uppercase;}
.compare-empty-page p {font-size:14px;float:left; width:100%;}
.compare-empty-page .compare-empty-page-btn {background: var(--navy); color: var(--white); border: 1px solid var(--navy); float: left; font-size: 12px; padding: 10px 35px 9px 35px; cursor: pointer; font-weight: 500; border-radius: 3px; outline: none; position: relative; left: calc(50% - 82px);}

/* TELEFON */
@media screen and (max-width :767px) {
    .compare-list-titles {max-width: 100px;}
    .compare-list-item-wrapper {overflow-x: auto;-webkit-box-flex: 0;width: max-content;}

}