/* =====================================================================
   URUN KARTI V2 — MINIMAL CSS
   Yerlesim/bosluk/kenarlik/renk/flex TAMAMEN Bootstrap 5 utility ile.
   Burada YALNIZCA Bootstrap'te KARSILIGI OLMAYANLAR var:
     - marka fontlari (Roboto / Roboto Condensed) ve birebir px boyutlar
     - packaging/warehouse SABIT satir yuksekligi (paket adedi ne olursa
       hizalama korunsun) + gorsel object-fit + 2-satir clamp
   Tumu .tpc-card altinda scope'lu. Grid responsive'ligi Bootstrap
   row-cols-* ile page template'te.
   ===================================================================== */
.tpc-card { font-family: 'Roboto', sans-serif; color: #222; }
.tpc-card .tpc-partno { font-size: 20px; line-height: 22px; }
.tpc-card .tpc-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px; line-height: 17px; min-height: 34px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.tpc-card .tpc-price { font-size: 28px; line-height: 1; }
.tpc-card .tpc-price-unit { font-size: 14px; }
.tpc-card .tpc-img { height: 150px; object-fit: contain; }
.tpc-card .tpc-row { height: 32px; font-size: 15px; }   /* SABIT = hizalama */
/* Warehouse satirlari: Figma spec Roboto Bold 10px / lh 22 (Roboto+bold zaten kartta) */
.tpc-card .tpc-wh-row { font-size: 10px; line-height: 22px; }
/* Packaging satirlari: Figma spec Roboto Condensed Medium / lh 22 (boyut "Mixed" → mevcut kaldi) */
.tpc-card .tpc-pkg-row { font-family: 'Roboto Condensed', sans-serif; line-height: 22px; }
/* Product Detail + favori butonlari: Figma spec Roboto Medium 15px / lh 22; dikey padding 6px (~36px yukseklik) */
.tpc-card .tpc-detail-btn { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 15px; line-height: 22px; padding-top: 6px; padding-bottom: 6px; }
.tpc-card .tpc-hr { border-top-color: #E2E2E2; opacity: 1; }
.tpc-card .tpc-qtyinput { box-shadow: none; }
/* app.css'i notrle (JS sinif zorunlu): .product-frame-actions gri kutu + .category-stock 10px */
.tpc-card .product-frame-actions { background: none; border: 0; min-height: 0; }
/* Adet degeri: Figma spec Roboto Medium 12/22 (!important sart: app.css 10px!important'i ezmek icin) */
.tpc-card .category-stock.form-control { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 12px !important; line-height: 22px; padding: 0 .35rem; min-width: 0; }
/* Adet+sepet: satir HER viewport'ta sabit — tema vw-calc fontlari/genis ekran hicbir kontrolu buyutemez.
   -/+ sabit dar, adet alani kalan tum genisligi alir, sepet sabit 58px + sabit ikon boyutu. */
.tpc-card .product-frame-actions { height: 40px; }
.tpc-card .qty-box { min-width: 0; }
.tpc-card .tpc-cart { flex: 0 0 58px; min-width: 0; max-width: 58px; padding-left: 0; padding-right: 0; font-size: 16px; line-height: 1; }
/* Mockup orani SABIT: -/+ dar sabit genislik, adet alani kalan tum alani doldurur; Figma Roboto Medium 12/22 */
.tpc-card .qty-box .quantity-left-minus,
.tpc-card .qty-box .quantity-right-plus { flex: 0 0 44px; padding-left: 0; padding-right: 0; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 12px; line-height: 22px; }
.tpc-card .qty-box .category-stock.form-control { flex: 1 1 auto; }