/* Brand Page — matching reference design */

.rtl-brand { padding: 32px 0; }

/* Header: name left, stars + score right */
.rtl-brand__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border, #E0E0E0);
}

.rtl-brand__name {
  font-family: Georgia, serif;
  font-size: 36px;
  font-weight: 700;
  color: var(--black, #1A1A1A);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.rtl-brand__score {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rtl-brand__score .rtl-star { width: 20px; height: 20px; }

.rtl-brand__score-num {
  font-family: var(--font-mono, monospace);
  font-size: 32px;
  font-weight: 700;
  color: var(--black, #1A1A1A);
}

.rtl-na { color: var(--light, #999); font-style: italic; }

/* Meta row — grey boxes */
.rtl-brand__meta {
  display: flex;
  gap: 1px;
  background: var(--border, #E0E0E0);
  margin: 16px 0;
  flex-wrap: wrap;
}

.rtl-meta-box {
  flex: 1 1 auto;
  background: #F5F3EF;
  padding: 10px 14px;
  min-width: 120px;
}

.rtl-meta-box__label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--light, #999);
  margin-bottom: 2px;
}

.rtl-meta-box__value {
  font-size: 13px;
  color: var(--dark, #333);
  font-weight: 500;
}

/* Brand intro */
.rtl-brand__intro {
  padding: 20px 0;
  border-bottom: 1px solid var(--border, #E0E0E0);
}

.rtl-brand__intro p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--dark, #333);
}

/* Dimension grid — 2 columns */
.rtl-dim-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border, #E0E0E0);
  border: 1px solid var(--border, #E0E0E0);
  margin: 16px 0;
}

.rtl-dim-card {
  background: var(--white, #fff);
  padding: 16px;
}

.rtl-dim-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.rtl-dim-card__icon {
  font-size: 16px;
  width: 24px;
  text-align: center;
  flex-shrink: 0;
}

.rtl-dim-card__name {
  font-family: Georgia, serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--black, #1A1A1A);
  flex: 1;
}

.rtl-dim-card__stars {
  flex-shrink: 0;
}

.rtl-dim-card__stars .rtl-star { width: 14px; height: 14px; }
.rtl-dim-card__stars .rtl-score-number { font-size: 12px; }

.rtl-dim-card__text {
  font-size: 12px;
  line-height: 1.5;
  color: var(--mid, #666);
}

/* Final Verdict */
.rtl-brand__verdict {
  padding: 20px 0;
  border-top: 1px solid var(--border, #E0E0E0);
}

.rtl-brand__verdict h2 {
  font-size: 16px;
  margin-bottom: 8px;
}

.rtl-brand__verdict p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--dark, #333);
}

/* Rating meta */
.rtl-rating-meta {
  font-size: 11px;
  color: var(--light, #999);
  padding: 12px 0;
}

@media (max-width: 600px) {
  .rtl-brand__header { flex-direction: column; align-items: flex-start; gap: 8px; }
  .rtl-brand__name { font-size: 24px; }
  .rtl-brand__meta { flex-direction: column; }
  .rtl-dim-grid { grid-template-columns: 1fr; }
}