/* HilTech — kategori ve ürün listesi tasarımı (v2)
   Anasayfa (hiltechhome) ile aynı görsel dil. Classic temanın listeleme yapısının üzerine. */

:root{
  --hc-ink:#15161A; --hc-muted:#6B6A66; --hc-line:#ECEBE7; --hc-soft:#F4F3EF; --hc-ground:#F6F5F2;
  --hc-accent:#FF6B35; --hc-accent-ink:#C2410C; --hc-radius:16px;
}

/* ---------- sayfa düzeni: sol menü yok, tam genişlik ---------- */
body.page-category #left-column{display:none !important;}
body.page-category #content-wrapper{width:100% !important; max-width:100% !important; flex:0 0 100% !important; float:none !important; padding-left:0; padding-right:0;}
body.page-category #wrapper, body.page-search #wrapper, body.page-prices-drop #wrapper, body.page-new-products #wrapper, body.page-best-sales #wrapper{background:var(--hc-ground);}
body.page-category #main, body.page-search #main{padding-bottom:24px;}
.page-category #wrapper .breadcrumb{background:transparent; padding:0; margin:4px 0 14px; font-size:13px;}
.page-category #wrapper .breadcrumb a{color:var(--hc-muted);}

/* ---------- başlık ---------- */
.hc-head{background:#fff; border-radius:20px; padding:22px 24px; margin:0 0 14px; color:var(--hc-ink);}
.hc-head-row{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap;}
.hc-title{margin:0 !important; font-size:28px !important; line-height:1.15 !important; font-weight:800 !important; letter-spacing:-.4px; text-transform:none !important; color:var(--hc-ink) !important;}
.hc-count{font-size:14px; font-weight:600; color:var(--hc-muted);}
.hc-desc{margin-top:10px; font-size:14.5px; line-height:1.6; color:#4B4A46; max-height:3.2em; overflow:hidden;}
.hc-desc.is-open{max-height:none;}
.hc-desc p{margin:0 0 .6em;}
.hc-desc *{font-size:inherit !important; color:inherit;}
.hc-more{margin-top:4px; padding:0; border:0; background:none; color:var(--hc-accent-ink); font-weight:700; font-size:13.5px; cursor:pointer;}
.hc-trust{display:flex; flex-wrap:wrap; gap:8px 18px; list-style:none; margin:16px 0 0; padding:14px 0 0; border-top:1px solid var(--hc-line);}
.hc-trust li{display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:#3B3A36;}
.hc-trust .hc-ico{color:var(--hc-accent-ink);}

/* ---------- alt kategoriler ---------- */
.hc-subs{display:flex; gap:10px; overflow-x:auto; scrollbar-width:none; padding:2px 0 4px; margin:0 0 18px;}
.hc-subs::-webkit-scrollbar{display:none;}
.hc-sub{flex:0 0 auto; display:flex; align-items:center; gap:10px; background:#fff; border:1.5px solid transparent; border-radius:999px; padding:7px 18px 7px 7px; color:var(--hc-ink) !important; text-decoration:none !important; transition:border-color .15s ease;}
.hc-sub:hover{border-color:var(--hc-accent);}
.hc-sub-ico{flex:none; width:40px; height:40px; border-radius:50%; background:var(--hc-soft); display:flex; align-items:center; justify-content:center; color:var(--hc-ink); overflow:hidden;}
.hc-sub-ico img{width:100%; height:100%; object-fit:cover;}
.hc-sub:hover .hc-sub-ico{background:#FFF1EA; color:var(--hc-accent-ink);}
.hc-sub-name{font-size:14px; font-weight:700; white-space:nowrap;}
.hc-ico{display:block; flex:none;}

/* ---------- sıralama satırı ---------- */
#js-product-list-top.products-selection{background:#fff; border-radius:14px; padding:10px 14px; margin:0 0 14px; display:flex; align-items:center; flex-wrap:wrap;}
#js-product-list-top .total-products p, #js-product-list-top .showing{margin:0; font-size:13.5px; color:var(--hc-muted);}
#js-product-list-top .sort-by{font-size:13.5px; color:var(--hc-muted); white-space:nowrap;}
#js-product-list-top .products-sort-order .select-title{border:1.5px solid var(--hc-line); border-radius:10px; box-shadow:none; background:#fff; font-size:14px; padding:8px 12px; color:var(--hc-ink);}
#js-product-list-top .products-sort-order .dropdown-menu{border:1px solid var(--hc-line); border-radius:12px; box-shadow:0 12px 30px rgba(21,22,26,.12); padding:6px;}
#js-product-list-top .products-sort-order .select-list{border-radius:8px; padding:8px 12px; font-size:14px;}
#js-product-list-top .products-sort-order .select-list:hover{background:var(--hc-soft); color:var(--hc-ink);}
#js-product-list-top .filter-button .btn{border-radius:10px;}

/* ---------- ürün ızgarası ---------- */
#js-product-list .products{display:grid !important; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; margin:0 !important;}
#js-product-list .products > .js-product,
#js-product-list .products > .product-miniature{width:auto !important; max-width:none !important; flex:none !important; float:none !important; padding:0 !important; margin:0 !important;}
#js-product-list .products::before, #js-product-list .products::after{display:none;}

/* ---------- ürün kartı ---------- */
.hc-item{height:100%; margin:0 !important;}
.hc-card.thumbnail-container{position:relative; display:flex; flex-direction:column; height:100%; margin:0 !important; background:#fff; border:1px solid var(--hc-line); border-radius:var(--hc-radius); overflow:hidden; box-shadow:none; transition:border-color .15s ease, box-shadow .15s ease;}
.hc-card.thumbnail-container:hover{border-color:#D6D3CB; box-shadow:0 8px 24px rgba(21,22,26,.07);}
.hc-card.thumbnail-container::after{display:none;}
.hc-img{display:block; position:relative; aspect-ratio:1/1; background:#fff; overflow:hidden;}
.hc-img img{width:100%; height:100%; object-fit:contain; display:block; transition:transform .3s ease;}
.hc-card:hover .hc-img img{transform:scale(1.03);}
.hc-off{position:absolute; top:10px; left:10px; z-index:2; background:var(--hc-accent); color:var(--hc-ink); font-size:12px; font-weight:800; padding:5px 9px; border-radius:999px; line-height:1.2;}
.hc-flag{position:absolute; top:10px; left:10px; z-index:2; background:var(--hc-ink); color:#fff; font-size:11.5px; font-weight:700; padding:5px 9px; border-radius:999px; line-height:1.2;}
.hc-off + .hc-flag{top:40px;}
.hc-flag--out{background:#6B6A66;}
.hc-body{display:flex; flex-direction:column; gap:8px; padding:12px 14px 14px; flex:1;}
.hc-name.product-title{margin:0 !important; text-align:left !important; text-transform:none !important; font-size:13.5px !important; font-weight:500 !important; line-height:1.38 !important; height:2.76em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.hc-name a{color:var(--hc-ink) !important; text-decoration:none !important;}
.hc-body .product-list-reviews{position:static !important; background:none !important; padding:0 !important; margin:0 !important; text-align:left !important; opacity:1 !important; visibility:visible !important;}
.hc-foot{display:flex; align-items:flex-end; justify-content:space-between; gap:8px; margin-top:auto;}
.hc-price.product-price-and-shipping{display:flex; flex-direction:column; align-items:flex-start; text-align:left !important; line-height:1.2; font-variant-numeric:tabular-nums; margin:0; color:var(--hc-ink);}
.hc-price .regular-price{font-size:12.5px; color:var(--hc-muted); text-decoration:line-through; margin:0;}
.hc-price .price{font-size:18px; font-weight:800; letter-spacing:-.3px; color:var(--hc-ink) !important;}
.hc-go{flex:none; width:34px; height:34px; border-radius:50%; background:var(--hc-accent); color:var(--hc-ink) !important; display:flex; align-items:center; justify-content:center; transition:transform .15s ease;}
.hc-card:hover .hc-go{transform:translateX(2px);}
/* favori (kalp) butonu: kartın sağ üstünde kalsın */
.hc-card .wishlist-button-add{top:10px !important; right:10px !important; z-index:3;}

/* ---------- sayfalama ---------- */
#js-product-list .pagination{margin:20px 0 0; display:flex; align-items:center; flex-wrap:wrap;}
#js-product-list .pagination > div:first-child{font-size:13px; color:var(--hc-muted);}
#js-product-list .pagination .page-list{background:transparent; box-shadow:none; padding:0; margin:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px;}
#js-product-list .pagination .page-list li{margin:0; list-style:none;}
#js-product-list .pagination a{display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border-radius:10px; background:#fff; border:1px solid var(--hc-line); color:var(--hc-ink); font-weight:700; text-decoration:none;}
#js-product-list .pagination .current a{background:var(--hc-ink); border-color:var(--hc-ink); color:#fff;}
#js-product-list .pagination a:hover{border-color:var(--hc-accent);}

/* ---------- tablet / mobil ---------- */
@media (max-width: 991px){
  #js-product-list .products{grid-template-columns:repeat(3, minmax(0,1fr));}
}
@media (max-width: 767px){
  .hc-head{padding:16px; border-radius:16px; margin-bottom:12px;}
  .hc-title{font-size:22px !important;}
  .hc-desc{font-size:13.5px;}
  .hc-trust{gap:6px 14px; margin-top:12px; padding-top:12px;}
  .hc-trust li{font-size:12px;}
  .hc-subs{gap:8px; margin-bottom:12px;}
  .hc-sub{padding:5px 14px 5px 5px;}
  .hc-sub-ico{width:34px; height:34px;}
  .hc-sub-ico .hc-ico{width:22px; height:22px;}
  .hc-sub-name{font-size:13px;}
  #js-product-list .products{grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
  .hc-body{padding:10px 11px 12px;}
  .hc-name.product-title{font-size:13px !important;}
  .hc-price .price{font-size:16px;}
  .hc-go{width:30px; height:30px;}
  #js-product-list-top.products-selection{padding:8px 10px;}
}