/* MYGEAR Store UI — blog, CMS & static content */

.mg-ui-v2 .mg-store-content {
  display: flex;
  flex-direction: column;
  gap: var(--store-gap-lg);
  padding-block: var(--store-gap-lg);
}

.mg-ui-v2 .mg-store-content .news-container,
.mg-ui-v2 .mg-store-content .static-page .mg-container {
  max-width: none;
  margin: 0;
  padding: 0;
}

.mg-ui-v2 .mg-store-content .cms-page,
.mg-ui-v2 .mg-store-content .news-page,
.mg-ui-v2 .mg-store-content .static-page,
.mg-ui-v2 .mg-store-content .news-page-detail {
  margin-top: 0;
}

.mg-ui-v2 .mg-store-content .warranty-page {
  max-width: none;
  margin: 0;
  padding: 0;
}

.mg-ui-v2 .mg-store-content .news-section-title {
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  color: var(--store-text);
}

.mg-ui-v2 .mg-store-content .news-section-more {
  color: var(--store-text-muted);
  font-size: var(--store-fs-sm);
}

.mg-ui-v2 .mg-store-content .news-section-more:hover {
  color: var(--store-brand);
}

.mg-ui-v2 .mg-store-content .news-badge {
  background: var(--store-brand);
  border-radius: var(--store-radius-sm);
}

.mg-ui-v2 .mg-store-content .news-badge:hover {
  background: var(--store-brand-dark, var(--store-brand));
}

.mg-ui-v2 .mg-store-content .news-detail__title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--store-text);
}

.mg-ui-v2 .mg-store-content .news-detail__meta {
  color: var(--store-text-muted);
  font-size: var(--store-fs-sm);
}

.mg-ui-v2 .mg-store-content .news-detail__meta-icon {
  color: var(--store-brand);
}

.mg-ui-v2 .mg-store-content .news-detail__cover {
  border-radius: var(--store-radius-md);
}

.mg-ui-v2 .mg-store-content .news-featured__hero-media,
.mg-ui-v2 .mg-store-content .news-featured__side-media,
.mg-ui-v2 .mg-store-content .news-post-card__media,
.mg-ui-v2 .mg-store-content .news-post-row__thumb {
  border-radius: var(--store-radius-md);
}

.mg-ui-v2 .mg-store-content .news-search-page__title {
  margin: 0 0 var(--store-gap);
  font-size: clamp(1.35rem, 2.2vw, 1.65rem);
  font-weight: 700;
  color: var(--store-text);
}

.mg-ui-v2 .mg-store-content .news-search-form__input {
  border-color: var(--store-border);
  border-radius: var(--store-radius-md);
}

.mg-ui-v2 .mg-store-content .news-search-form__input:focus {
  border-color: var(--store-brand);
}

.mg-ui-v2 .mg-store-content .static-page__title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--store-text);
}

.mg-ui-v2 .mg-store-content .static-page__lead {
  color: var(--store-text-muted);
}