.commercial-sidebar,
.mobile-inline-offers {
  --sidebar-ink: #251621;
  --sidebar-muted: #685d70;
  --sidebar-line: #ded1c3;
  --sidebar-paper: #fff;
  color: var(--sidebar-ink);
}

.mobile-inline-offers { display: none; }

.geo-facts-card,
.sidebar-offer-card,
.sidebar-related {
  border: 1px solid var(--sidebar-line);
  border-radius: 18px;
  background: var(--sidebar-paper);
  box-shadow: 0 9px 26px #2516210b;
}

.geo-facts-card { padding: 16px 17px 12px; }
.sidebar-kicker { display: block; color: #6f3b4b; font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1.4; }
.geo-facts-card ul { display: grid; gap: 0; margin: 10px 0 0; padding: 0; list-style: none; }
.geo-facts-card li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 7px 0; border-top: 1px solid #f1ebf2; font-size: 11px; line-height: 1.35; }
.geo-facts-card li span { color: var(--sidebar-muted); }
.geo-facts-card li strong { text-align: right; font-size: 11px; }
.geo-facts-card li strong a { color: #492738; text-decoration: underline; text-decoration-color: #d8c8e1; text-underline-offset: 3px; }

.sidebar-offer-card { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 17px; overflow-wrap: anywhere; }
.sidebar-offer-card--featured { border-color: #e8d6c7; background: #f2e5cf; }
.sidebar-card__media { width: 52px; min-height: 52px; display: grid; place-items: start center; }
.sidebar-brand-mark { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: #d84a2e; color: #fff; font: 800 28px/1 Manrope, sans-serif; transform: rotate(-5deg); }
.sidebar-context-visual { display: block; width: 52px; height: 52px; object-fit: contain; border-radius: 13px; background: #f8f2fa; }
.sidebar-context-glyph { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: #f4edf8; color: #6f3b4b; font-size: 25px; }
.sidebar-card__copy { min-width: 0; }
.sidebar-card__copy h2 { margin: 3px 0 7px; color: var(--sidebar-ink); font: 800 16px/1.2 Manrope, sans-serif; letter-spacing: -.035em; }
.sidebar-card__copy p { margin: 0; color: var(--sidebar-muted); font-size: 12px; line-height: 1.5; }
.sidebar-offer-points { display: grid; gap: 6px; margin: 11px 0 0; padding: 0; list-style: none; }
.sidebar-offer-points li { position: relative; padding-left: 14px; color: #4c4055; font-size: 11px; line-height: 1.4; }
.sidebar-offer-points li::before { position: absolute; top: 0; left: 0; color: #d84a2e; content: "•"; font-size: 14px; line-height: 1; }
.sidebar-card__cta { width: 100%; min-height: 44px; margin-top: 13px; padding: 10px 12px; text-align: center; font-size: 11px; line-height: 1.3; }
.sidebar-card__cta.button-primary { background: #492738; color: #fff; }
.sidebar-related { padding: 14px 17px; }
.sidebar-related__link { display: block; margin-top: 5px; color: #492738; font-size: 12px; font-weight: 800; line-height: 1.4; text-decoration: underline; text-decoration-color: #d8c8e1; text-underline-offset: 3px; }

@media (min-width: 1200px) {
  .breadcrumb,
  .article-hero,
  .article-layout { max-width: 1360px; }
  .article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: 32px; padding: 32px 28px 60px; }
  .article-body { min-width: 0; }
  .commercial-sidebar { position: sticky; top: 126px; align-self: start; display: grid; width: 320px; gap: 14px; max-height: none; overflow: visible; }
  .mobile-inline-offers { display: none; }
  body.context-popup-open .commercial-sidebar { visibility: hidden; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .article-layout { display: block; max-width: 960px; }
  .commercial-sidebar { display: none; }
  .mobile-inline-offers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 960px; margin: 8px auto 24px; padding: 0 28px; }
  .mobile-inline-offers .geo-facts-card,
  .mobile-inline-offers .sidebar-related { grid-column: 1 / -1; }
  body.context-popup-open .mobile-inline-offers { visibility: hidden; }
}

@media (max-width: 767px) {
  .article-layout { display: block; }
  .commercial-sidebar { display: none; }
  .mobile-inline-offers { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 4px 18px 20px; padding: 0; }
  .mobile-inline-offers .geo-facts-card,
  .mobile-inline-offers .sidebar-related { display: none; }
  .mobile-inline-offers .sidebar-offer-card { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 14px; }
  .mobile-inline-offers .sidebar-card__media { width: 44px; min-height: 44px; }
  .mobile-inline-offers .sidebar-brand-mark,
  .mobile-inline-offers .sidebar-context-glyph { width: 40px; height: 40px; border-radius: 13px; }
  .mobile-inline-offers .sidebar-context-visual { width: 44px; height: 44px; }
  .mobile-inline-offers .sidebar-card__copy h2 { font-size: 15px; }
  .mobile-inline-offers .sidebar-card__cta { min-height: 44px; }
  body.context-popup-open .mobile-inline-offers { visibility: hidden; }
}