/* Product identity — brand / name / price hierarchy
   Source of truth: TOP editorial card (.brand / .name / .price) */

/* —— Card / grid (exact TOP numbers) —— */
body.theme-shop .card .brand,
body.theme-shop .card-brand,
body.theme-shop .related-card-brand,
body.page-top .card .brand,
body.page-top .card-brand {
  margin: var(--lf-product-brand-margin-top, 12px) 0 0;
  font-family: var(--lf-font, Arial, Helvetica, sans-serif);
  font-size: var(--lf-product-brand-size, 13px);
  font-weight: var(--lf-product-brand-weight, 700);
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.3;
  color: var(--lf-ink, #151515);
}

body.theme-shop .card .name,
body.theme-shop .card-title,
body.theme-shop .related-card-title,
body.page-top .card .name,
body.page-top .card-title {
  margin: var(--lf-product-name-margin-top, 4px) 0 0;
  font-family: var(--lf-font, Arial, Helvetica, sans-serif);
  font-size: var(--lf-product-name-size, 12px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--lf-product-name-line, 1.45);
  color: var(--lf-muted, #5f5b56);
  min-height: var(--lf-product-name-min-height, 34px);
}

body.theme-shop .card .price,
body.theme-shop .card-price,
body.theme-shop .related-card-price,
body.page-top .card .price,
body.page-top .card-price {
  margin: var(--lf-product-price-margin-top, 6px) 0 0;
  font-family: var(--lf-font, Arial, Helvetica, sans-serif);
  font-size: var(--lf-product-price-size, 13px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  color: var(--lf-ink, #151515);
}

body.theme-shop .card-price-line,
body.page-top .card-price-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

body.theme-shop .card-sale-label,
body.page-top .card-sale-label {
  padding: 3px 6px;
  border-radius: 2px;
  background: var(--lf-ink, #151515);
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

body.theme-shop .card-regular-price,
body.page-top .card-regular-price {
  color: var(--lf-muted, #5f5b56);
  font-size: 11px;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

/* —— Line items (bag / saved / checkout / history) —— */
body.theme-shop .bag-item-brand,
body.theme-shop .saved-item-brand,
body.theme-shop .request-item-brand,
body.theme-shop .history-item-brand,
body.theme-shop .checkout .bag-item-brand,
body.theme-shop .review .bag-item-brand,
body.theme-shop .info-grid .bag-item-brand {
  margin: 0 0 4px;
  font-family: var(--lf-font, Arial, Helvetica, sans-serif);
  font-size: var(--lf-product-line-brand-size, 12px);
  font-weight: var(--lf-product-brand-weight, 700);
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.3;
  color: var(--lf-ink, #151515);
}

body.theme-shop .bag-item-title,
body.theme-shop .saved-item-title,
body.theme-shop .request-item-title,
body.theme-shop .history-item-title,
body.theme-shop .acquisition-detail-title,
body.theme-shop .checkout .bag-item-title,
body.theme-shop .review .bag-item-title,
body.theme-shop .info-grid .bag-item-title {
  margin: 0 0 6px;
  font-family: var(--lf-font, Arial, Helvetica, sans-serif);
  font-size: var(--lf-product-line-name-size, 11px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--lf-product-name-line, 1.45);
  color: var(--lf-muted, #5f5b56);
}

body.theme-shop .bag-item-title:hover,
body.theme-shop .saved-item-title:hover,
body.theme-shop .request-item-title:hover,
body.theme-shop .history-item-title:hover,
body.theme-shop .checkout .bag-item-title:hover,
body.theme-shop .review .bag-item-title:hover {
  color: var(--lf-ink, #151515);
}

body.theme-shop .bag-item-price,
body.theme-shop .saved-item-price,
body.theme-shop .request-item-price,
body.theme-shop .checkout .bag-item-price,
body.theme-shop .review .bag-item-price,
body.theme-shop .info-grid .bag-item-price {
  margin: 6px 0 12px;
  font-family: var(--lf-font, Arial, Helvetica, sans-serif);
  font-size: var(--lf-product-line-price-size, 12px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  color: var(--lf-ink, #151515);
}

/* —— Detail PDP — same hierarchy, hero scale kept —— */
body.theme-shop.page-detail .detail-brand {
  font-weight: var(--lf-product-brand-weight, 700);
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--lf-ink, #151515);
}

body.theme-shop.page-detail .detail-title {
  font-weight: 400;
  color: var(--lf-muted, #5f5b56);
  margin: 0 0 8px;
}

body.theme-shop.page-detail .detail-price-row {
  margin: 0 0 14px;
}

body.theme-shop.page-detail .detail-price {
  font-weight: 500;
  color: var(--lf-ink, #151515);
  margin: 0;
}