/* eco-emag.css — carduri de produs in stil eMAG (14.09.2026, Adrian: „la fel ca pe ecosolaris.ro”)
   + meniul de jos pe toate ecranele non-desktop + bara „Adauga in cos” doar la derulare in jos */

/* ---- grila: 2 pe rand pe telefon, 3 pe tableta / Fold deschis ---- */
@media (max-width: 599px) {
  .product-grid > .row > [class*=col-] { width: 50% !important; padding-left: 5px !important; padding-right: 5px !important; margin-bottom: 10px !important; }
  .product-grid > .row { margin-left: -5px !important; margin-right: -5px !important; }
}
@media (min-width: 600px) and (max-width: 1024px) {
  .product-grid > .row > [class*=col-] { width: 33.3333% !important; padding-left: 6px !important; padding-right: 6px !important; margin-bottom: 12px !important; }
  .product-grid > .row { margin-left: -6px !important; margin-right: -6px !important; }
}

/* ---- cardul ---- */
.product-grid .product .product-overflow { min-height: 0 !important; }
.product .left .image, .product .image { margin: 6px 6px 0 !important; border-radius: 12px !important; }
.product .image a { display: block; aspect-ratio: 1 / 1; }
.product .image img { width: 100% !important; height: 100% !important; object-fit: contain; padding: 6px; box-sizing: border-box; }

.product .right.eco-ec { display: flex !important; flex-direction: column; padding: 8px 10px 10px !important; text-align: left !important; }
.product .right.eco-ec .name { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; height: 2.6em !important; min-height: 0 !important; max-height: none !important; font-size: 13.5px !important; line-height: 1.3 !important; margin: 0 0 6px !important; padding: 0 !important; text-align: left !important; }
.product .right.eco-ec .name a { display: inline !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; font-weight: 600 !important; color: #1f2937 !important; font-size: 13.5px !important; line-height: 1.3 !important; }

.eco-ec-rt { display: flex; align-items: center; gap: 5px; margin: 0 0 4px; line-height: 1; }
.eco-ec-rt .eco-ec-stars { display: inline-flex; gap: 1px; }
.eco-ec-rt .eco-ec-stars i { font-size: 11px !important; color: #e5e7eb !important; float: none !important; margin: 0 !important; }
.eco-ec-rt .eco-ec-stars i.active { color: #f7931e !important; }
.eco-ec-rt b { font-size: 12px; font-weight: 700; color: #111827; }
.eco-ec-rt em { font-style: normal; font-size: 11px; color: #9ca3af; }
.eco-ec-rt.eco-ec-rt--empty { visibility: hidden; }

.eco-ec-rate { display: flex; align-items: center; gap: 5px; margin: 0 0 6px; font-size: 11.5px; font-weight: 600; color: #1d4ed8; line-height: 1.2; }
.eco-ec-rate svg { width: 13px; height: 13px; flex: 0 0 13px; }
.eco-ec-rate.eco-ec-rate--empty { visibility: hidden; }

.eco-ec-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 4px; }
.product .right.eco-ec .price.eco-ec-pr { display: flex !important; flex-direction: column; align-items: flex-start !important; justify-content: flex-end; min-height: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 1.1; text-align: left !important; }
.eco-ec-prp { font-size: 11px; color: #9ca3af; font-weight: 500; margin-bottom: 2px; white-space: nowrap; }
.eco-ec-prp s { text-decoration: none; }
.eco-ec-big { font-size: 20px; font-weight: 800; color: #e0531a; letter-spacing: -.02em; white-space: nowrap; }
.eco-ec-big sup { font-size: 11px; font-weight: 700; vertical-align: top; position: relative; top: 2px; margin-left: 1px; }
.eco-ec-big small { font-size: 12px; font-weight: 700; margin-left: 3px; }
@media (max-width: 380px) { .eco-ec-big { font-size: 18px; } }

.eco-ec-cart { flex: 0 0 42px; width: 42px; height: 42px; display: flex !important; align-items: center; justify-content: center; border-radius: 10px; background: #f7931e; color: #fff !important; cursor: pointer; box-shadow: 0 4px 12px rgba(247, 147, 30, .35); transition: transform .15s, background .15s; text-decoration: none !important; }
.eco-ec-cart:hover { background: #e0531a; transform: translateY(-1px); }
.eco-ec-cart:active { transform: scale(.94); }
.eco-ec-cart svg { width: 22px; height: 22px; }
.eco-ec-cart.eco-ec-cart--off { visibility: hidden; }

/* ascunde elementele vechi ale temei din card, daca mai apar pe undeva */
.product .right.eco-ec .divider, .product .right.eco-ec .only-hover { display: none !important; }
.product .image .quickview, .product .image .price { display: none !important; }

/* ---- meniul de jos: pe toate ecranele non-desktop ---- */
@media (max-width: 1024px) {
  body { padding-bottom: 66px !important; }
  .custom_fixed_footer { display: block !important; box-shadow: 0 -4px 16px rgba(0, 0, 0, .06); }
  .custom_fixed_footer .custom_flex_display { max-width: 520px; margin: 0 auto; }
}
@media (min-width: 1025px) { .custom_fixed_footer { display: none !important; } }