/**
 * products.css
 * Product-related UI only: product grid, product card, product image,
 * product price, product badges, product hover effects, product list layouts.
 */

/* Category products (product grid / list) */
.category-products .products-grid{margin-left:-10px;margin-right:-10px;list-style:none}
.category-products .products-grid li.item{float:left;padding:10px;padding-bottom:0!important}
.category-products .products-grid li.item .item-area{width:100%;position:relative}
.category-products .products-grid li.item .product-image{width:100%;display:block;position:relative;z-index:0;overflow:hidden;border-radius:3px;background:#fff;min-height:100px}
.category-products li.item .product-image img{width:100%;transition:all .3s}
.category-products li.item .product-image img.defaultImage{opacity:1;filter:alpha(opacity=100)}
.category-products li.item .product-image img.hoverImage{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
.category-products li.item .product-image-area:hover .product-image img.defaultImage{opacity:0;filter:alpha(opacity=0)}
.category-products li.item .product-image-area:hover .product-image img.hoverImage{opacity:1;filter:alpha(opacity=100)}
.category-products .products-grid li.item .details-area{padding:10px;text-align:center}
.category-products .products-grid li.item .details-area .product-name{margin:0 0 3px}
.category-products .products-grid li.item .details-area .product-name a{font-size:14px}
.col-main.filter-products .product-name a{color:#fff}
.col-main.filter-products li.item:hover .details-area .product-name a{color:#777}
.col-main.filter-products .price-box .price{color:#fff}
.col-main.filter-products li.item:hover .price-box .price{color:#08c}
.col-main.filter-products li.item:hover .price-box .old-price .price{color:#a0a09f}
.category-products .products-grid li.item .details-area .ratings .amount{display:none}
.item .item-area .details-area .ratings .amount{display:none}
a.addtocart{color:#333;background-color:#fff;font-size:14px;padding:0 10px 0 5px;display:inline-block;height:32px;line-height:30px;border-radius:5px;border:1px solid #ccc}
a.addtocart.outofstock{padding:0 10px;cursor:default}
a.addtocart i.icon-cart{font-size:15px}
/* Sepete Ekle: hover tamamen kapalı (mobil deneyimi) */
a.addtocart:hover{text-decoration:none!important;color:#333!important;background-color:#fff!important;border-color:#ccc!important;opacity:1!important;filter:Alpha(Opacity=100)!important;transition:none!important}
a.addtocart.outofstock:hover{color:#333!important;background-color:#fff!important;border-color:#ccc!important}
a.addtowishlist{color:#ed4949;background-color:transparent;font-size:17px;display:inline-block;height:32px;width:32px;line-height:32px;border:1px solid #ed4949;border-radius:5px;text-align:center}
a.addtowishlist:hover{color:#ed4949}
a.comparelink{color:#52b9b5;background-color:transparent;font-size:17px;display:inline-block;height:32px;width:32px;line-height:32px;border:1px solid #52b9b5;border-radius:5px;text-align:center}
a.comparelink:hover{color:#52b9b5}
.item .details-area .actions{margin:0 -15px}
.item .details-area .actions a{margin:10px 1px;vertical-align:middle;visibility:hidden;opacity:0;filter:Alpha(Opacity=0)}
.category-products ol.products-list .item .details-area .actions a{visibility:visible;opacity:1;filter:Alpha(Opacity=100);position:static!important}
.item .details-area .actions a.addtowishlist{position:relative;right:-37px}
.item:hover .details-area .actions a.addtowishlist{visibility:visible;opacity:1;filter:Alpha(Opacity=100);right:0}
.item .details-area .actions a.comparelink{position:relative;left:-37px}
.item:hover .details-area .actions a.comparelink{visibility:visible;opacity:1;filter:Alpha(Opacity=100);left:0}
.item .details-area .actions a.addtocart{visibility:visible;opacity:1;filter:Alpha(Opacity=100)}
.details-area .actions a:not(.addtocart):hover{opacity:.8;filter:Alpha(Opacity=80)}
.hide-addtolinks .item .details-area .actions a.addtowishlist,.hide-addtolinks .item .details-area .actions a.comparelink,.hide-addtocart .item .details-area .actions a.addtocart,.hide-addtolinks .item .product-image-area .actions a.addtowishlist,.hide-addtolinks .item .product-image-area .actions a.comparelink,.hide-addtocart .item .product-image-area .actions a.addtocart{display:none}
.category-products .products-grid li.item .details-area .compare-area{padding:10px 0;border-top:1px solid #f7f7f7}
.category-products .products-grid li.item .details-area .compare-area .comparelink{font-size:12px;float:right}
.category-products .products-grid li.item .details-area .compare-area .ratings{float:left;margin:2px 0}
.category-products .products-grid.columns2 li.item{width:50%}
.category-products .products-grid.columns2 li.item.nth-child-2np1{clear:left}
.category-products .products-grid.columns3 li.item{width:33.33%}
.category-products .products-grid.columns3 li.item.nth-child-3np1{clear:left}
.category-products .products-grid.columns4{margin-left:-10px;margin-right:-10px}
.category-products .products-grid.columns4 li.item{float:left;padding:10px;width:25%}
.category-products .products-grid.columns4 li.item.nth-child-4np1{clear:left}
.category-products .products-grid.columns5{margin-left:-5px;margin-right:-5px}
.category-products .products-grid.columns5 li.item{float:left;padding:10px 5px;width:20%}
.category-products .products-grid.columns5 li.item.nth-child-5np1{clear:left}
.category-products .products-grid.columns6{margin-left:-4px;margin-right:-4px}
.category-products .products-grid.columns6 li.item{float:left;padding:10px 4px;width:16.66%}
.category-products .products-grid.columns6 li.item.nth-child-6np1{clear:left}
.category-products .products-grid.columns7{margin-left:-3px;margin-right:-3px}
.category-products .products-grid.columns7 li.item{float:left;padding:10px 3px;width:14.28%}
.category-products .products-grid.columns7 li.item.nth-child-7np1{clear:left}
.category-products .products-grid.columns8{margin-left:-3px;margin-right:-3px}
.category-products .products-grid.columns8 li.item{float:left;padding:10px 3px;width:12.5%}
.category-products .products-grid.columns8 li.item.nth-child-8np1{clear:left}
.category-products .products-list{margin:0 -10px}
.category-products .products-list li.item{width:100%;padding:10px}
.category-products .products-list li.item .item-area{width:100%;position:relative}
.products-list .product-image-area{width:20%;float:left}
.products-list .product-image-area img{width:100%;transition:all ease-in 400ms;transform-origin:50% 0;-webkit-transform-origin:50% 0}
.products-list .details-area{width:80%;float:left;padding:0 20px}
.products-list .details-area .product-name{font-size:18px;line-height:1}
.products-list .details-area .product-name a{color:#666}
.products-list .details-area .action-area{margin-top:15px}
.products-list .details-area .price-box{margin:5px 0}
.products-list .details-area .short-desc{font-size:14px;line-height:1.5;color:#777}
.products-list .details-area .actions{display:block;margin:0}
.products-grid .ratings{margin:5px 0 10px}
.products-list .ratings{background:none;margin:10px 0}
.products-list .ratings .amount{display:none}
.product-image-area{position:relative;background:#fff;overflow:hidden;border:1px solid #ddd;border-radius:7px;padding:3px;z-index:0}
.product-label{position:absolute;font-size:14px;font-weight:500;color:#fff;line-height:1;top:10px;z-index:3}
.product-label span{position:relative;padding:7px 10px;font-size:12px;font-weight:400;border-radius:4px}
span.sale-product-icon{background-color:#e27c7c;display:block;text-align:center}
span.new-product-icon{background-color:#62b959;display:block;text-align:center}
.no-rating{margin-bottom:20px}
.ratings{font-size:11px;line-height:1.25;margin:3px 0;background:url(https://www.mettler.com.tr/themes/img/rating-bar.png) center no-repeat;height:14px}

/* Desktop: ürün listesi sol/sağ 15px boşluk (mobil dokunulmadı) */
@media (min-width: 992px) {
  .main-container .col-main .category-products {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-container .col-main .category-products .products-grid {
    margin-left: 0;
    margin-right: 0;
  }
}

/* Mobil/tablet: ürün listesi 2 sütun, eşit hizalı kartlar – theme.css float kurallarını geçersiz kılmak için spesifik seçici + 991px */
@media (max-width: 991px) {
  .main-container .col-main .category-products .products-grid.columns2,
  .main-container .col-main .category-products .products-grid.columns3,
  .main-container .col-main .category-products .products-grid.columns4,
  .main-container .col-main .category-products .products-grid.columns5,
  .main-container .col-main .category-products .products-grid.columns6,
  .main-container .col-main .category-products .products-grid.columns7,
  .main-container .col-main .category-products .products-grid.columns8 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 8px;
  }
  .main-container .col-main .category-products .products-grid li.item {
    float: none !important;
    width: 100% !important;
    padding: 8px !important;
    margin: 0;
    box-sizing: border-box;
  }
  .main-container .col-main .category-products .products-grid li.item.nth-child-2np1,
  .main-container .col-main .category-products .products-grid li.item.nth-child-3np1,
  .main-container .col-main .category-products .products-grid li.item.nth-child-4np1,
  .main-container .col-main .category-products .products-grid li.item.nth-child-5np1,
  .main-container .col-main .category-products .products-grid li.item.nth-child-6np1,
  .main-container .col-main .category-products .products-grid li.item.nth-child-7np1,
  .main-container .col-main .category-products .products-grid li.item.nth-child-8np1 {
    clear: none !important;
  }
  .main-container .col-main .category-products .products-grid li.item .item-area {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }
  .main-container .col-main .category-products .products-grid li.item .product-image-area {
    flex-shrink: 0;
  }
  .main-container .col-main .category-products .products-grid li.item .details-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px 0 0;
    min-height: 0;
  }
  .main-container .col-main .category-products .products-grid li.item .details-area .product-name {
    flex: 0 0 auto;
    margin: 0 0 6px;
    min-height: 2.6em;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .main-container .col-main .category-products .products-grid li.item .details-area .product-name a {
    font-size: 13px;
  }
  .main-container .col-main .category-products .products-grid li.item .details-area .price-box {
    margin: 0 0 8px;
  }
  .main-container .col-main .category-products .products-grid li.item .details-area .actions {
    margin-top: auto;
    padding-top: 6px;
  }
  .main-container .col-main .category-products .products-grid li.item .details-area .actions a {
    visibility: visible;
    opacity: 1;
  }
}