/* fixer-a: row01 product-card typography aligned with reference (small dark titles) */
.elementor-widget-heading h3.elementor-heading-title { font-size: 13px !important; line-height: 1.45 !important; color: #333333 !important; font-weight: 600 !important; margin: 4px 0 2px !important; }
.elementor-widget-heading h3.elementor-heading-title a { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; }
.elementor-widget-heading h4.elementor-heading-title { font-size: 13px !important; line-height: 1.45 !important; }
.elementor-widget-image img { max-width: 100%; }

/* row01: reference palette — red CTA buttons, black headings, light pink product sections */
.elementor-button { background-color: #d92b2b !important; border-color: #d92b2b !important; color: #ffffff !important; }
.elementor-button:hover { background-color: #b71f1f !important; border-color: #b71f1f !important; }
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title { color: #111111 !important; }
.elementor-element-6c7c7dd9, .elementor-element-02b86cff, .elementor-element-4bfa9de8 { background-color: #fdf7f5 !important; }
/* fixer-a round2: reference body font = Archivo (Elementor global typography) */
body, h1, h2, h3, h4, h5, h6,
.elementor-heading-title, .elementor-widget-heading .elementor-heading-title,
.elementor-button-text, .elementor-icon-box-title, .elementor-image-box-title {
  font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* row01 round2: 2 columns of product cards on phones (reference keeps a compact grid) */
@media (max-width: 767px) {
  .music-product-grid { gap: 10px !important; }
  .music-product-grid > .elementor-element { width: calc(50% - 6px) !important; flex: 0 0 calc(50% - 6px) !important; max-width: calc(50% - 6px) !important; }
  .music-product-grid .elementor-widget-image img { width: 100% !important; height: auto !important; }
}