/* dc-cards.css — estilos compartidos de cards de producto (hk-prod*)
   Usado en: home, buscar, itemxcategory, itemsxmarca, showdestacados, etc. */

/* --- SECTION HEADER --- */
.hk-body-wrap { background: #f5f5f5; padding: 20px 0 32px; }

.hk-sec-header {
    display: flex; justify-content: space-between;
    align-items: baseline; margin-bottom: 14px;
}
.hk-sec-title { font-size: 18px; color: #1a0a2e; font-weight: 700; }
.hk-sec-link { font-size: 13px; color: #8800cc; text-decoration: none; white-space: nowrap; }
.hk-sec-link:hover { text-decoration: underline; }

/* --- PRODUCT CARD --- */
.hk-prod {
    background: #fff; border: 0.5px solid #eee;
    border-radius: 10px; overflow: hidden;
    text-decoration: none; color: inherit; display: block;
    margin-bottom: 14px;
    transition: box-shadow .2s;
}
.hk-prod:hover { box-shadow: 0 4px 16px rgba(136,0,204,.12); text-decoration: none; color: inherit; }
.hk-prod-img { height: 160px; overflow: hidden; position: relative; background: #f8f6ff; }
.hk-prod-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; padding: 8px; }
.hk-prod-badge {
    position: absolute; top: 7px; left: 7px;
    background: #8800cc; color: #fff; font-size: 9px;
    padding: 2px 6px; border-radius: 4px;
}
.hk-prod-body { padding: 10px 12px; }
.hk-prod-brand { font-size: 10px; color: #8800cc; font-weight: 600; text-transform: uppercase; }
.hk-prod-name { font-size: 12px; font-weight: 500; color: #222; margin: 3px 0 5px; line-height: 1.3; }
.hk-prod-price { font-size: 14px; font-weight: 600; color: #1a0a2e; }