@charset "UTF-8";

/* Watoria Editorial Design System — Commerce v3.1.0 */
.watoria-article .hashilo-commerce-card-v1,
.watoria-article .hashilo-affiliate-card-v3 {
  max-width: var(--wa-reading);
  margin: 42px auto;
  padding: 28px 30px;
  border: 1px solid #d7c59f;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff, var(--wa-gold-pale));
  box-shadow: 0 12px 30px rgba(112, 75, 13, 0.07);
}
.watoria-article .hashilo-commerce-kicker,
.watoria-article .hashilo-affiliate-kicker-v3 {
  margin-bottom: 8px;
  color: var(--wa-gold-dark);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.watoria-article .hashilo-commerce-headline,
.watoria-article .hashilo-affiliate-headline-v3 {
  margin: 0 0 10px;
  color: var(--wa-ink);
  font-family: var(--wa-serif);
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  line-height: 1.28;
}
.watoria-article .hashilo-commerce-body,
.watoria-article .hashilo-affiliate-body-v3 { color: var(--wa-text); }
.watoria-article .hashilo-commerce-action,
.watoria-article a.hashilo-affiliate-button-v3 {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
  padding: 11px 18px;
  border: 1px solid var(--wa-gold-dark);
  border-radius: 8px;
  background: var(--wa-gold-dark);
  color: #fff;
  font-weight: 750;
  text-align: center;
  text-decoration: none;
}
.watoria-article .hashilo-commerce-action::after,
.watoria-article a.hashilo-affiliate-button-v3::after { content: "→"; }
.watoria-article .hashilo-commerce-action:hover,
.watoria-article a.hashilo-affiliate-button-v3:hover { background: var(--wa-gold); border-color: var(--wa-gold); color: #fff; }
.watoria-article .hashilo-commerce-microcopy { display: block; margin-top: 8px; color: var(--wa-muted); font-size: 0.7rem; }