/* ═══ WooCommerce Shop Overrides ═══ */
.tampar-shop-main{padding:calc(var(--hh) + 30px) 0 80px;min-height:60vh}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;list-style:none;padding:0}
.woocommerce ul.products li.product{display:flex;flex-direction:column;height:100%;background:#fff;overflow:hidden;margin:0;transition:transform .3s,box-shadow .3s;border-radius:2px}
.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1;object-fit:cover;flex-shrink:0}
/* The default WooCommerce card puts image+title in one <a> and the
   add-to-cart/"Devamını oku" link as a separate sibling <a>. Growing the
   first and pinning the second to the bottom keeps every card's button on
   the same line across a row, however long the title is or whether a price
   is set — without this, shorter cards leave a gap and look "unscaled". */
.woocommerce ul.products li.product > a:first-child{flex:1 1 auto;display:flex;flex-direction:column}
.woocommerce ul.products li.product .button{display:block;width:100%;margin-top:auto;padding:12px;background:var(--bg);color:#fff;font-size:12px;font-weight:600;text-align:center;letter-spacing:.06em;border-radius:0;transition:background .2s}
.woocommerce ul.products li.product .button:hover{background:var(--bg2)}
.woocommerce .woocommerce-ordering select{padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font-family:var(--font)}
.woocommerce .woocommerce-ordering select option{color:#111827;background:#fff}
.woocommerce .woocommerce-result-count{color:var(--text-muted);font-size:13px}
.woocommerce nav.woocommerce-pagination ul{display:flex;gap:6px;list-style:none;justify-content:center;margin-top:32px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:13px;transition:all .2s}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--accent);border-color:var(--accent);color:#fff}

/* Defensive high-contrast rules: apply regardless of exact card/wrapper markup
   (covers cases where a page builder or addon plugin renders its own product loop) */
.woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3{
  font-size:15px!important;font-weight:700!important;color:#fff!important;
  padding:14px 16px 4px!important;line-height:1.35!important;letter-spacing:-.01em!important;
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price *{
  font-size:17px!important;font-weight:700!important;color:#fff!important;
}
.woocommerce ul.products li.product .price del{opacity:.55!important;font-weight:500!important}
.woocommerce ul.products li.product .price ins{color:var(--accent)!important;text-decoration:none!important}
.woocommerce ul.products li.product{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important}
.woocommerce ul.products li.product .price{padding:0 16px 14px!important}
.woocommerce span.onsale{background:var(--accent)!important;color:#fff!important;font-weight:700!important}
.woocommerce ul.products li.product .star-rating{color:var(--accent)!important}