/* EnergyZone — cardul de produs după imaginea de referință (id sus-dreapta, cercuri Compară/Favorite pe imagine,
   titlu, stele + recenzii, preț vechi + −%, preț mare, buton coș pătrat portocaliu). Încărcat global din includes/header.php */
.ez-card { position: relative; border-radius: 16px !important; border: 1px solid #e4e6eb !important; }
.ez-card:hover { border-color: #fc6d18 !important; }
.ez-card-id { text-align: right; font-size: 12px; line-height: 16px; color: #8a8fa3; padding: 14px 16px 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* coloana de pe imagine: logo brand, Compară, Favorite, Distribuie */
.ez-card .ez-card-side { top: 6px !important; right: 10px !important; gap: 8px !important; }
.ez-card .ez-card-side .card-action-btn { width: 40px; height: 40px; border: 0; box-shadow: none; }
.ez-card .ez-card-side .card-tile-compare-btn { background-color: #eff0f3; color: #303030; }
.ez-card .ez-card-side .card-tile-fav-btn { background-color: #33363f; color: #fff; }
.ez-card .ez-card-side .card-tile-share-btn { width: 32px; height: 32px; margin-right: 4px; background-color: #fff; color: #8a8fa3; border: 1px solid #e4e6eb; }
.ez-card .ez-card-side .card-action-btn:hover { background-color: #fc6d18; color: #fff; border-color: #fc6d18; }
.ez-card .ez-card-side .card-action-btn svg { width: 18px; height: 18px; }

/* conținut: titlu → stele → atribute → stoc → preț + coș */
.ez-card .card-content-inner { display: flex; flex-direction: column; padding: 10px 16px 16px !important; }
.ez-card .card-content-inner > a.block { order: 1; margin-bottom: 6px; }
.ez-card .card-content-inner > a.block h3 { font-size: 15px; line-height: 20px; font-weight: 400; color: #303030; min-height: 40px; }
.ez-card .card-content-inner > a.block h3:hover { color: #fc6d18; }
.ez-card-rating { order: 2; display: flex; align-items: center; gap: 6px; margin-bottom: 10px; color: #8a8fa3; font-size: 13px; line-height: 16px; }
.ez-card-stars { display: inline-flex; gap: 2px; }
.ez-card-stars svg { width: 15px; height: 15px; color: #d0d3da; }
.ez-card-stars svg.on { color: #33363f; }
.ez-card-cmt { width: 17px; height: 17px; margin-left: 4px; }
.ez-card .card-content-inner > .space-y-1 { order: 3; }
.ez-card .card-content-inner > .mt-auto { order: 4; margin-bottom: 8px; }
.ez-card .card-content-inner > .pc-save { order: 5; align-self: flex-start; margin-bottom: 4px; }
.ez-card .card-content-inner > .flex.items-baseline { order: 6; min-height: 48px; margin-bottom: 0; padding-right: 58px; align-content: flex-end; align-items: center; gap: 2px 8px; }
.ez-card .card-content-inner > .flex.items-baseline > span:first-child { order: 3; flex: 0 0 100%; font-size: 22px !important; line-height: 26px; font-weight: 700; color: #303030 !important; }
.ez-card .card-content-inner > .flex.items-baseline > span:first-child > span { font-size: 22px !important; font-weight: 700; margin-left: 4px; }
.ez-card .card-content-inner > .flex.items-baseline > .line-through { order: 1; font-size: 14px !important; line-height: 18px; color: #8a8fa3 !important; text-decoration-color: #8a8fa3 !important; }
.ez-card .card-content-inner > .flex.items-baseline > .badge-wave { order: 2; -webkit-mask: none !important; mask: none !important; background: #fff0e6 !important; background-image: none !important; color: #ea5a04 !important; border-radius: 4px !important; padding: 2px 6px !important; font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; min-width: 0 !important; height: auto !important; transform: none !important; box-shadow: none !important; }
.ez-card .card-content-inner > .flex.items-baseline > .badge-wave::before, .ez-card .card-content-inner > .flex.items-baseline > .badge-wave::after { display: none !important; }

/* buton coș: pătrat portocaliu, dreapta-jos, pe aceeași linie cu prețul */
.ez-card .card-cta-row { order: 7; justify-content: flex-end; margin-top: -48px; min-height: 48px; pointer-events: none; }
.ez-card .card-cta-row > * { pointer-events: auto; }
.ez-card .card-cta-row > form { flex: 0 0 auto; }
.ez-card .card-cta-row > form .card-cta-buy { width: 48px; height: 48px; padding: 0; border-radius: 10px !important; background: #fc6d18; }
.ez-card .card-cta-row > form .card-cta-buy:hover { background: #ea5a04; }
.ez-card .card-cta-row > form .card-cta-buy svg { width: 22px; height: 22px; }
.ez-card .card-cta-row > form .card-cta-buy span { display: none; }
.ez-card .card-cta-row.ez-cta-wide { margin-top: 0; pointer-events: auto; }
.ez-card .card-cta-row.ez-cta-wide .card-cta-buy { border-radius: 10px; height: 44px; }

@media (max-width: 639px) {
  .ez-card { border-radius: 12px !important; }
  .ez-card-id { padding: 8px 10px 0; font-size: 11px; }
  .ez-card .ez-card-side { right: 6px !important; gap: 6px !important; }
  .ez-card .ez-card-side .card-action-btn { width: 32px; height: 32px; }
  .ez-card .ez-card-side .card-tile-share-btn { width: 28px; height: 28px; margin-right: 2px; }
  .ez-card .ez-card-side .card-action-btn svg { width: 15px; height: 15px; }
  .ez-card .card-content-inner { padding: 8px 10px 10px !important; }
  .ez-card .card-content-inner > a.block h3 { font-size: 13px; line-height: 17px; min-height: 34px; }
  .ez-card .card-content-inner > .flex.items-baseline { min-height: 44px; padding-right: 48px; }
  .ez-card .card-content-inner > .flex.items-baseline > span:first-child, .ez-card .card-content-inner > .flex.items-baseline > span:first-child > span { font-size: 17px !important; line-height: 22px; }
  .ez-card .card-cta-row { margin-top: -44px; min-height: 44px; }
  .ez-card .card-cta-row > form .card-cta-buy { width: 42px; height: 42px; }
  .ez-card-stars svg { width: 13px; height: 13px; }
}

/* ═══ Etapa 4b: card exact ca în referință — fără logo brand, Distribuie, „În stoc”, „Economisești” (ascunse, codul rămâne) ═══ */
.ez-card .card-brand-logo-box, .ez-card .card-tile-share-btn, .ez-card .card-content-inner > .mt-auto, .ez-card .card-content-inner > .pc-save { display: none !important; }
.ez-card .card-content-inner > .flex.items-baseline { margin-top: auto; flex-wrap: wrap; }
.ez-card .card-content-inner > .flex.items-baseline > span { white-space: nowrap; }
.ez-card .card-cta-row.ez-cta-wide { margin-top: auto; }
.ez-card .ez-card-side { top: 22% !important; }

/* ═══ Card „tile” (_product_card_tile.php) — același stil ═══ */
.ez-card-tile .ez-card-side { flex-direction: column-reverse; justify-content: flex-end; }
.ez-card-tile .ez-card-side .card-tile-fav-btn, .ez-card-tile .ez-card-side .card-tile-compare-btn { backdrop-filter: none; }
.ez-card .card-cta-row > button.card-cta-buy { flex: 0 0 auto; width: 48px; height: 48px; padding: 0; border-radius: 10px !important; background: #fc6d18; font-size: 0 !important; letter-spacing: 0; gap: 0; }
.ez-card .card-cta-row > button.card-cta-buy:hover { background: #ea5a04; transform: none; }
.ez-card .card-cta-row > button.card-cta-buy svg { width: 22px; height: 22px; }
.ez-card-tile .card-cta-row > a[href$="#3d"] { width: 36px; height: 36px; align-self: center; }

/* ═══ Card „promo” (_product_card_promo.php, raftul de promoții) — același stil ═══ */
.ez-card.pcp-card { display: flex !important; flex-direction: column; padding: 0 0 16px !important; background: #fff; }
.ez-card.pcp-card > .ez-card-id { order: 0; }
.ez-card.pcp-card > .pcp-img { order: 1; margin: 0 16px; }
.ez-card.pcp-card > .pcp-name { order: 2; margin: 10px 16px 6px !important; font-size: 15px !important; line-height: 20px; font-weight: 400 !important; min-height: 40px; }
.ez-card.pcp-card > .pcp-name a { color: #303030 !important; }
.ez-card.pcp-card > .pcp-name a:hover { color: #fc6d18 !important; }
.ez-card.pcp-card > .ez-card-rating { order: 3; margin: 0 16px 10px; }
.ez-card.pcp-card > .pcp-prices { order: 4; margin: auto 16px 0 !important; padding-right: 58px; min-height: 48px; display: flex; flex-wrap: wrap; align-items: center; align-content: flex-end; gap: 2px 8px; }
.ez-card.pcp-card .pcp-price { order: 3; flex: 0 0 100%; font-size: 22px !important; line-height: 26px; font-weight: 700 !important; color: #303030 !important; }
.ez-card.pcp-card .pcp-price small { font-size: 22px; font-weight: 700; }
.ez-card.pcp-card .pcp-old { order: 1; font-size: 14px !important; color: #8a8fa3 !important; text-decoration: line-through; text-decoration-color: #8a8fa3 !important; }
.ez-card.pcp-card .pcp-badge { order: 2; -webkit-mask: none !important; mask: none !important; background: #fff0e6 !important; color: #ea5a04 !important; border-radius: 4px !important; padding: 2px 6px !important; font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; transform: none !important; box-shadow: none !important; min-width: 0 !important; height: auto !important; }
.ez-card.pcp-card .pcp-badge::before, .ez-card.pcp-card .pcp-badge::after { display: none !important; }
.ez-card.pcp-card > .pcp-stock, .ez-card.pcp-card > .pcp-divider, .ez-card.pcp-card .pcp-mini-label, .ez-card.pcp-card .pcp-mini:nth-of-type(3) { display: none !important; }
.ez-card.pcp-card > .pcp-actions { order: 5; display: flex !important; justify-content: flex-end; margin: -48px 16px 0 !important; min-height: 48px; padding: 0 !important; pointer-events: none; }
.ez-card.pcp-card > .pcp-actions > * { pointer-events: auto; }
.ez-card.pcp-card .pcp-buy-form { flex: 0 0 auto !important; }
.ez-card.pcp-card .pcp-buy-form .pcp-buy { width: 48px !important; height: 48px !important; padding: 0 !important; border-radius: 10px !important; background: #fc6d18 !important; color: #fff !important; font-size: 0 !important; gap: 0 !important; display: flex; align-items: center; justify-content: center; box-shadow: none !important; }
.ez-card.pcp-card .pcp-buy-form .pcp-buy:hover { background: #ea5a04 !important; }
.ez-card.pcp-card .pcp-buy-form .pcp-buy svg { width: 22px !important; height: 22px !important; }
.ez-card.pcp-card > .pcp-actions > a.pcp-buy { flex: 1 1 auto; height: 44px; border-radius: 10px !important; }
.ez-card.pcp-card .pcp-mini { position: absolute; right: 10px; margin: 0; }
.ez-card.pcp-card .pcp-mini:nth-of-type(1) { top: 52px; }
.ez-card.pcp-card .pcp-mini:nth-of-type(2) { top: 100px; }
.ez-card.pcp-card .pcp-round { width: 40px !important; height: 40px !important; border: 0 !important; box-shadow: none !important; }
.ez-card.pcp-card .pcp-mini:nth-of-type(1) .pcp-round { background-color: #eff0f3; color: #303030; }
.ez-card.pcp-card .pcp-mini:nth-of-type(2) .pcp-round { background-color: #33363f; color: #fff; }
.ez-card.pcp-card .pcp-round:hover { background-color: #fc6d18; color: #fff; }
.ez-card.pcp-card .pcp-round svg { width: 18px !important; height: 18px !important; }

/* ═══ Carduri „slim” (raft compact) și „dark” (secțiuni închise): aceleași culori/raze, structura lor rămâne ═══ */
.pcs-card { border-radius: 16px !important; border: 1px solid #e4e6eb; }
.pcs-card .pcs-card-name { font-weight: 400 !important; color: #303030 !important; }
.pcs-card .pcs-card-price { font-weight: 700 !important; color: #303030 !important; }
.pcs-card .pcs-card-old-price { color: #8a8fa3 !important; text-decoration-color: #8a8fa3 !important; }
.pcs-card .pcs-card-discount { -webkit-mask: none !important; mask: none !important; background: #fff0e6 !important; color: #ea5a04 !important; border-radius: 4px !important; font-weight: 600 !important; box-shadow: none !important; }
.pcs-card .pcs-card-discount::before, .pcs-card .pcs-card-discount::after { display: none !important; }
.dkc { border-radius: 16px !important; }
.dkc .dkc-buy { border-radius: 10px !important; background: #fc6d18 !important; color: #fff !important; }
.dkc .dkc-buy:hover { background: #ea5a04 !important; }
.dkc .dkc-name { font-weight: 400 !important; }

/* ═══ „Produse recomandate” (fostul card dark): cardul standard în carusel ═══ */
.ez-dk-item { width: 62%; display: flex; }
.ez-dk-item > .ez-card { width: 100%; }
@media (min-width: 640px)  { .ez-dk-item { width: 40%; } }
@media (min-width: 768px)  { .ez-dk-item { width: calc((100% - 32px) / 3); } }
@media (min-width: 1024px) { .ez-dk-item { width: calc((100% - 48px) / 4); } }
@media (min-width: 1280px) { .ez-dk-item { width: calc((100% - 64px) / 5); } }
.home-dark-sect .ez-dk-item .ez-card h3 { color: #303030 !important; }
.home-dark-sect .ez-dk-item .ez-card h3:hover { color: #fc6d18 !important; }