/* CATVIndia v3.0.9 Premium Visual Polish + Theme Option Color Wiring Layer
   Purpose: sharper typography, cleaner spacing, crisper cards/buttons, smoother UI.
   Loaded last so it safely polishes existing theme CSS without changing templates. */

:root {
  --ms-radius-xs: 10px;
  --ms-radius-sm: 14px;
  --ms-radius-md: 18px;
  --ms-radius-lg: 22px;
  --ms-shadow-soft: 0 1px 2px rgba(15, 23, 42, .055), 0 10px 28px rgba(15, 23, 42, .055);
  --ms-shadow-hover: 0 3px 8px rgba(15, 23, 42, .075), 0 16px 38px rgba(15, 23, 42, .075);
  --ms-border-strong: color-mix(in srgb, var(--color-border) 84%, var(--color-text-muted) 16%);
}

html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body.ms-site-body {
  font-size: 15px;
  line-height: 1.58;
  letter-spacing: -.005em;
  color: var(--color-text);
  background: linear-gradient(180deg, var(--color-bg-soft) 0%, var(--color-bg) 42%, var(--color-bg) 100%);
}

body.ms-site-body,
body.ms-site-body input,
body.ms-site-body button,
body.ms-site-body select,
body.ms-site-body textarea {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.ms-container {
  width: min(var(--max), calc(100% - 28px));
}

/* Sharper headings */
.ms-site-body h1,
.ms-site-body h2,
.ms-site-body h3,
.ms-site-body h4,
.ms-site-body h5,
.ms-site-body h6,
.ms-product-title,
.ms-category-header h1,
.ms-section-title,
.ms-home-title {
  color: var(--color-text);
  letter-spacing: -.025em;
  text-wrap: balance;
}

.ms-site-body p,
.ms-site-body li,
.ms-site-body .help-block,
.ms-site-body .text-muted {
  color: var(--color-text-muted);
}

/* Crisp cards and panels */
.ms-product-gallery,
.ms-product-summary,
.ms-category-header,
.ms-category-intro,
.ms-category-toolbar,
.ms-product-tabs,
.ms-product-tab-content,
.ms-cart-card,
.ms-checkout-card,
.ms-account-card,
.ms-site-body .panel,
.ms-site-body .well,
.ms-site-body .thumbnail,
.ms-site-body .product-thumb,
.ms-site-body .list-group,
.ms-site-body .table-responsive {
  border-color: var(--ms-border-strong) !important;
  border-radius: var(--ms-radius-lg) !important;
  box-shadow: var(--ms-shadow-soft) !important;
}

.ms-site-body .product-thumb,
.ms-site-body .thumbnail,
.ms-product-gallery,
.ms-product-summary,
.ms-category-header,
.ms-category-intro,
.ms-product-tabs,
.ms-product-tab-content {
  background: var(--color-card);
}

/* Smooth hover without a blurry look */
.ms-site-body a,
.ms-site-body button,
.ms-site-body .btn,
.ms-site-body .product-thumb,
.ms-site-body .thumbnail,
.ms-product-thumb,
.ms-category-breadcrumbs a,
.ms-product-breadcrumbs a,
.ms-toplink,
.ms-logo a {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease, opacity .18s ease;
}

.ms-site-body .product-thumb:hover,
.ms-site-body .thumbnail:hover,
.ms-product-thumb:hover,
.ms-category-breadcrumbs a:hover,
.ms-product-breadcrumbs a:hover {
  transform: translateY(-1px);
  box-shadow: var(--ms-shadow-hover) !important;
}

/* Header polish */
.ms-topbar {
  background: rgba(255, 255, 255, .96);
}

.ms-header {
  background: var(--color-card);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .05), 0 10px 28px rgba(15, 23, 42, .04);
}

.ms-header-inner {
  min-height: 84px;
  gap: 18px;
}

.ms-logo a {
  border-radius: var(--ms-radius-md);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
}

.ms-header-search #search,
.ms-header-search .input-group,
.ms-site-body input.form-control,
.ms-site-body select.form-control,
.ms-site-body textarea.form-control,
.ms-site-body .form-control {
  border-color: var(--ms-border-strong) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
}

.ms-header-search #search,
.ms-header-search .input-group {
  border-radius: 999px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035), 0 8px 22px rgba(15, 23, 42, .045) !important;
}

.ms-site-body input.form-control,
.ms-site-body select.form-control {
  min-height: 42px;
}

.ms-site-body input.form-control:focus,
.ms-site-body select.form-control:focus,
.ms-site-body textarea.form-control:focus,
.ms-site-body .form-control:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent) !important;
}

/* Buttons: sharper and more consistent */
.ms-site-body .btn,
.ms-site-body button,
.ms-product-actions .btn,
.ms-cart-actions .btn,
.ms-checkout-actions .btn {
  border-radius: 14px !important;
  font-weight: 750;
  letter-spacing: -.01em;
}

.ms-site-body .btn-primary,
.ms-site-body .btn-success,
.ms-site-body .btn-info,
.ms-site-body #button-cart,
.ms-site-body .button,
.ms-site-body input[type="submit"] {
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 18px color-mix(in srgb, var(--color-primary) 18%, transparent) !important;
}

.ms-site-body .btn:hover,
.ms-site-body button:hover,
.ms-site-body #button-cart:hover {
  transform: translateY(-1px);
}

/* Product page polish */
.ms-product-page {
  padding-top: 18px;
}

.ms-product-hero {
  gap: 20px;
}

.ms-product-title {
  font-weight: 850;
  line-height: 1.12;
}

.ms-product-main-image,
.ms-product-thumb {
  background: var(--color-card);
  border-color: var(--ms-border-strong);
}

.ms-product-main-image img,
.ms-product-thumb img,
.ms-site-body .product-thumb img,
.ms-site-body .thumbnail img {
  image-rendering: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.ms-product-tabs .nav-tabs,
.ms-site-body .nav-tabs {
  gap: 8px;
}

.ms-product-tabs .nav-tabs > li > a,
.ms-site-body .nav-tabs > li > a {
  border-radius: 999px !important;
  font-weight: 750;
}

.ms-product-tab-content,
.ms-site-body .tab-content {
  line-height: 1.72;
}

/* Category/product cards */
.ms-site-body .product-thumb {
  overflow: hidden;
}

.ms-site-body .product-thumb .caption,
.ms-site-body .thumbnail .caption {
  padding: 14px 14px 16px;
}

.ms-site-body .product-thumb h4,
.ms-site-body .thumbnail h4 {
  line-height: 1.35;
  font-weight: 780;
}

.ms-site-body .price,
.ms-site-body .ms-price {
  font-weight: 850;
  letter-spacing: -.015em;
}

/* Tables/account/checkout */
.ms-site-body table.table {
  margin-bottom: 0;
}

.ms-site-body .table > thead > tr > th {
  color: var(--color-text);
  font-size: 13px;
  font-weight: 800;
  background: var(--color-bg-soft);
  border-bottom: 1px solid var(--ms-border-strong);
}

.ms-site-body .table > tbody > tr > td {
  vertical-align: middle;
  border-top-color: var(--color-border);
}

.ms-site-body label,
.ms-site-body .control-label {
  color: var(--color-text);
  font-weight: 750;
}

.ms-site-body .alert {
  border: 1px solid var(--ms-border-strong);
  border-radius: var(--ms-radius-md);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
}

.ms-site-body .breadcrumb,
.ms-site-body .pagination,
.ms-site-body .list-unstyled,
.ms-site-body .nav,
.ms-site-body .nav-tabs {
  list-style: none !important;
}

/* Prevent rough overflow and clipped text */
.ms-site-body img,
.ms-site-body video,
.ms-site-body iframe {
  max-width: 100%;
}

.ms-site-body a,
.ms-site-body p,
.ms-site-body h1,
.ms-site-body h2,
.ms-site-body h3,
.ms-site-body h4,
.ms-site-body td,
.ms-site-body th {
  overflow-wrap: anywhere;
}

/* Footer polish */
.ms-footer,
footer {
  text-rendering: optimizeLegibility;
}

/* Mobile refinements */
@media (max-width: 767px) {
  body.ms-site-body {
    font-size: 14px;
  }

  .ms-container {
    width: min(100% - 18px, var(--max));
  }

  .ms-header-inner {
    min-height: auto;
    gap: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ms-product-gallery,
  .ms-product-summary,
  .ms-category-header,
  .ms-category-intro,
  .ms-category-toolbar,
  .ms-product-tabs,
  .ms-product-tab-content,
  .ms-site-body .panel,
  .ms-site-body .well,
  .ms-site-body .table-responsive {
    border-radius: 18px !important;
  }

  .ms-site-body .btn,
  .ms-site-body button {
    min-height: 42px;
  }
}


/* v3.0.9: final color wiring overrides.
   These keep the latest polish layer from forcing white/blue colors when Theme Options are changed. */
body.ms-site-body {
  color: var(--color-text);
  background: linear-gradient(180deg, var(--color-bg-soft) 0%, var(--color-bg) 42%, var(--color-bg) 100%);
}

.ms-topbar {
  background: var(--color-bg) !important;
  border-bottom-color: var(--color-border) !important;
}

.ms-header {
  background: var(--color-header-bg) !important;
  color: var(--color-header-text) !important;
  border-bottom-color: var(--color-border) !important;
}

.ms-logo a,
.ms-header-search #search,
.ms-header-search .input-group,
.ms-site-body input.form-control,
.ms-site-body select.form-control,
.ms-site-body textarea.form-control,
.ms-site-body .form-control,
.ms-site-body .panel,
.ms-site-body .well,
.ms-site-body .thumbnail,
.ms-site-body .product-thumb,
.ms-product-gallery,
.ms-product-summary,
.ms-category-header,
.ms-category-intro,
.ms-category-toolbar,
.ms-product-tabs,
.ms-product-tab-content,
.ms-cart-card,
.ms-checkout-card,
.ms-account-card {
  background-color: var(--color-card) !important;
  color: var(--color-text);
  border-color: var(--color-border) !important;
}

.ms-header-search input,
.ms-header-search input.form-control,
.ms-site-body input,
.ms-site-body select,
.ms-site-body textarea {
  color: var(--color-text) !important;
}

.ms-header-search input::placeholder,
.ms-site-body input::placeholder,
.ms-site-body textarea::placeholder {
  color: var(--color-text-muted) !important;
}

#menu,
.ms-menu,
nav.navbar,
.navbar {
  background: var(--color-menu-bg) !important;
}

#menu .nav > li > a,
.navbar .nav > li > a,
.navbar-nav > li > a {
  color: var(--color-menu-text) !important;
}

#menu .nav > li > a:hover,
#menu .nav > li.open > a,
#menu .nav > li > a:focus,
.navbar-nav > li > a:hover,
.navbar-nav > li.open > a,
.navbar-nav > li > a:focus {
  color: var(--color-menu-text) !important;
  background: color-mix(in srgb, var(--color-menu-text) 16%, transparent) !important;
}

.ms-header-search button,
.ms-header-search .btn,
.ms-header-cart #cart > button,
.ms-header-cart #cart button,
.ms-header-cart .btn,
.ms-site-body .btn-primary,
.ms-site-body .btn-info,
.ms-site-body #button-cart {
  color: var(--color-on-cart) !important;
  background: var(--color-cart) !important;
  border-color: var(--color-cart) !important;
}

.ms-header-search button:hover,
.ms-header-search .btn:hover,
.ms-header-cart #cart > button:hover,
.ms-header-cart #cart button:hover,
.ms-header-cart .btn:hover,
.ms-site-body .btn-primary:hover,
.ms-site-body .btn-info:hover,
.ms-site-body #button-cart:hover {
  background: var(--color-cart-hover) !important;
  border-color: var(--color-cart-hover) !important;
}

.ms-site-body .btn-success,
.ms-product-buy-now,
.ms-buy-now,
button[name="buy_now"] {
  color: var(--color-on-buy-now) !important;
  background: var(--color-buy-now) !important;
  border-color: var(--color-buy-now) !important;
}

.ms-site-body .btn-success:hover,
.ms-product-buy-now:hover,
.ms-buy-now:hover,
button[name="buy_now"]:hover {
  background: var(--color-buy-now-hover) !important;
  border-color: var(--color-buy-now-hover) !important;
}

.ms-footer,
footer.ms-footer {
  color: var(--color-footer-text) !important;
  background: var(--color-footer-bg) !important;
}

.ms-footer h5,
.ms-footer .ms-footer-title,
.ms-footer a:hover {
  color: var(--color-footer-text) !important;
}

.ms-footer p,
.ms-footer-legal,
.ms-footer-copy,
.ms-footer-links a {
  color: var(--color-footer-muted) !important;
}

.ms-footer-col,
.ms-footer-links a {
  background: var(--color-footer-panel) !important;
  border-color: var(--color-footer-panel-border) !important;
}

.ms-footer h5:after,
.ms-footer-legal a {
  background-color: var(--color-footer-accent) !important;
  color: var(--color-footer-accent) !important;
}

.ms-footer-social a {
  color: var(--color-footer-bg) !important;
  background: var(--color-footer-text) !important;
}

.ms-footer-social a:hover,
.ms-footer-social a:focus {
  color: var(--color-on-primary) !important;
  background: var(--color-primary) !important;
}


/* v3.0.13: Layout shift / first paint smoothness fixes.
   Keeps header, menu, slider, banner, carousel and product cards stable while images/JS load. */
html {
  scrollbar-gutter: stable;
}

body.ms-site-body {
  min-height: 100vh;
}

.ms-topbar {
  min-height: 40px;
}

.ms-header {
  min-height: 109px;
  contain: layout paint style;
}

.ms-header-inner {
  min-height: 84px;
}

#menu,
.ms-menu,
nav.navbar,
.navbar {
  min-height: 50px;
}

.ms-logo,
.ms-logo a {
  min-width: 206px;
  min-height: 64px;
}

.ms-header-search {
  min-height: 52px;
}

.ms-header-cart {
  min-height: 52px;
}

.ms-header-search #search,
.ms-header-search .input-group {
  min-height: 52px;
}

/* Reserve banner/slider space before Swiper JS initializes. */
.ms-home-content .swiper-viewport,
.ms-home-content .ms-slideshow-container,
.ms-home-content .ms-banner-container {
  overflow: hidden;
  background: var(--color-card);
  border-radius: 22px;
  min-height: clamp(150px, 28vw, 360px);
}

.ms-home-content .ms-carousel-container {
  min-height: 120px;
}

.ms-home-content .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.ms-home-content .ms-slideshow-container .swiper-slide,
.ms-home-content .ms-banner-container .swiper-slide {
  flex: 0 0 100%;
  width: 100%;
}

.ms-home-content .ms-carousel-container .swiper-slide {
  flex: 0 0 20%;
  width: 20%;
}

.ms-home-content .ms-slideshow-container img,
.ms-home-content .ms-banner-container img {
  aspect-ratio: 1200 / 360;
  object-fit: cover;
}

.ms-home-content .ms-carousel-container img {
  aspect-ratio: 3 / 2;
  object-fit: contain;
}

/* Keep product card heights stable as images and prices load. */
.ms-home-product-image,
.product-thumb .image,
.ms-related-image,
.ms-product-main-image,
.ms-product-thumb {
  contain: layout paint;
}

.ms-home-product-card,
.ms-site-body .product-thumb,
.ms-related-card {
  content-visibility: auto;
  contain-intrinsic-size: 360px 520px;
}

.ms-home-product-body h4,
.ms-site-body .product-thumb h4 {
  min-height: 42px;
}

.ms-home-price,
.ms-site-body .price {
  min-height: 42px;
}

/* Prevent desktop menu jump/wrap while keeping mobile flexible. */
@media (min-width: 768px) {
  #menu .nav,
  .navbar-nav {
    min-height: 50px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }

  #menu .nav > li > a,
  .navbar-nav > li > a {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

@media (max-width: 991px) {
  .ms-header {
    min-height: 142px;
  }

  .ms-logo,
  .ms-logo a {
    min-width: 180px;
    min-height: 56px;
  }

  .ms-home-content .ms-carousel-container .swiper-slide {
    flex-basis: 25%;
    width: 25%;
  }
}

@media (max-width: 767px) {
  .ms-header {
    min-height: 128px;
  }

  .ms-topbar {
    min-height: 36px;
  }

  .ms-logo,
  .ms-logo a {
    min-width: 150px;
    min-height: 52px;
  }

  .ms-home-content .swiper-viewport,
  .ms-home-content .ms-slideshow-container,
  .ms-home-content .ms-banner-container {
    min-height: clamp(110px, 35vw, 220px);
    border-radius: 18px;
  }

  .ms-home-content .ms-carousel-container .swiper-slide {
    flex-basis: 33.333%;
    width: 33.333%;
  }
}

@media (max-width: 420px) {
  .ms-header {
    min-height: 120px;
  }

  .ms-logo,
  .ms-logo a {
    min-width: 135px;
  }

  .ms-home-content .ms-carousel-container .swiper-slide {
    flex-basis: 50%;
    width: 50%;
  }
}

/* v3.0.16 - Rating/star color hard wiring
   All visible stars now follow Theme Options -> Primary Hover Color.
   If a product has 0 rating, stars still show as soft/tinted brand stars instead of disappearing into the border color. */
:root {
  --ms-rating-active: var(--color-primary-hover);
  --ms-rating-soft-opacity: .38;
}

/* Module cards use CSS-shape stars, not FontAwesome, so color must be background. */
.ms-home-rating span {
  background: var(--ms-rating-active) !important;
  opacity: var(--ms-rating-soft-opacity);
}

.ms-home-rating span.is-active,
.ms-home-rating .is-active {
  background: var(--ms-rating-active) !important;
  opacity: 1;
}

/* Category/search/special/manufacturer/product/review stars use FontAwesome. */
.ms-category-rating,
.ms-search-rating,
.ms-special-rating,
.ms-manufacturer-rating,
.ms-compare-rating,
.ms-rating,
.ms-review-stars,
.ms-review-rating-input {
  color: var(--ms-rating-active) !important;
}

.ms-category-rating .fa,
.ms-search-rating .fa,
.ms-special-rating .fa,
.ms-manufacturer-rating .fa,
.ms-compare-rating .fa,
.ms-rating .fa,
.ms-review-stars .fa,
.ms-review-rating-input .fa {
  color: var(--ms-rating-active) !important;
}

.ms-category-rating .fa-star-o,
.ms-search-rating .fa-star-o,
.ms-special-rating .fa-star-o,
.ms-manufacturer-rating .fa-star-o,
.ms-compare-rating .fa-star-o,
.ms-rating .fa-star-o,
.ms-review-stars .fa-star-o {
  color: var(--ms-rating-active) !important;
  opacity: var(--ms-rating-soft-opacity);
}

.ms-category-rating .fa-star,
.ms-search-rating .fa-star,
.ms-special-rating .fa-star,
.ms-manufacturer-rating .fa-star,
.ms-compare-rating .fa-star,
.ms-rating .fa-star,
.ms-review-stars .fa-star,
.ms-review-rating-input label:hover i,
.ms-review-rating-input input:checked ~ i {
  color: var(--ms-rating-active) !important;
  opacity: 1;
}



/* MS CATVIndia v3.0.17: do not let global overflow-wrap collapse product/search UI into vertical letters. */
#product-search h1,
#product-search h2,
#product-search h3,
#product-search h4,
#product-search p,
#product-search a,
#product-search span,
#product-search label,
#product-search button,
#product-search select,
#product-search option,
#product-search .ms-field {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
#product-search .ms-search-product-body h2 a,
#product-search .ms-search-product-desc {
  overflow-wrap: break-word !important;
}


/* CATVIndia v3.0.19 Smooth Typography Weight Fix
   Purpose: reduce overly heavy/black product titles while keeping clear readability.
   This layer is intentionally loaded last through cache version 1.0.19. */
:root {
  --ms-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --ms-weight-title: 600;
  --ms-weight-heading: 650;
  --ms-weight-strong: 650;
  --ms-weight-button: 650;
  --ms-title-color-soft: color-mix(in srgb, var(--color-text) 90%, var(--color-text-muted) 10%);
}

body.ms-site-body,
body.ms-site-body input,
body.ms-site-body button,
body.ms-site-body select,
body.ms-site-body textarea {
  font-family: var(--ms-font-body) !important;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

/* Product titles: softer, smoother, still readable */
.ms-site-body .product-thumb h4,
.ms-site-body .product-thumb h4 a,
.ms-site-body .thumbnail h4,
.ms-site-body .thumbnail h4 a,
.ms-home-product-body h4,
.ms-home-product-body h4 a,
.ms-related-title,
.ms-related-title a,
.ms-recently-viewed-title,
.ms-recently-viewed-title a,
.ms-product-card h4,
.ms-product-card h4 a,
.ms-category-product-title,
.ms-category-product-title a,
.ms-product-name,
.ms-product-name a,
.ms-site-body .product-layout .caption h4,
.ms-site-body .product-layout .caption h4 a {
  font-weight: var(--ms-weight-title) !important;
  color: var(--ms-title-color-soft) !important;
  letter-spacing: -0.012em !important;
  line-height: 1.36 !important;
}

/* Product page title can stay a little stronger, but not extra-black */
.ms-product-title,
.ms-site-body h1.ms-product-title,
.ms-product-summary h1,
#content h1 {
  font-weight: 650 !important;
  color: var(--ms-title-color-soft) !important;
  letter-spacing: -0.02em !important;
}

/* Section headings and module headings: premium medium-bold instead of heavy black */
.ms-site-body h1,
.ms-site-body h2,
.ms-site-body h3,
.ms-section-title,
.ms-home-title,
.ms-category-header h1,
.ms-site-body .panel-heading,
.ms-site-body legend,
.ms-site-body .module-title,
.ms-site-body .box-heading,
.ms-site-body .ms-card-title,
.ms-site-body .ms-account-title,
.ms-site-body .ms-checkout-title {
  font-weight: var(--ms-weight-heading) !important;
  color: var(--ms-title-color-soft) !important;
  letter-spacing: -0.018em !important;
}

/* Prices and buttons should be clear but not harsh */
.ms-site-body .price,
.ms-site-body .ms-price,
.ms-home-price,
.ms-related-price,
.ms-recently-viewed-price,
.ms-site-body .price-new,
.ms-site-body .price-special {
  font-weight: var(--ms-weight-strong) !important;
  letter-spacing: -0.01em !important;
}

.ms-site-body .btn,
.ms-site-body button,
.ms-site-body input[type="button"],
.ms-site-body input[type="submit"],
.ms-header-nav a,
#menu .nav > li > a,
.navbar-nav > li > a {
  font-weight: var(--ms-weight-button) !important;
}

/* Keep descriptions softer for better contrast hierarchy */
.ms-site-body p,
.ms-site-body .caption p,
.ms-site-body .product-thumb .description,
.ms-site-body .text-muted,
.ms-site-body .help-block,
.ms-site-body .ms-muted {
  font-weight: 400 !important;
  color: var(--color-text-muted) !important;
}

/* Strong tags should not become too black in descriptions/cards */
.ms-site-body strong,
.ms-site-body b {
  font-weight: var(--ms-weight-strong) !important;
}

/* Recently viewed compact cards: make title smooth and less aggressive */
.ms-site-body [class*="recent"] h4,
.ms-site-body [class*="recent"] h4 a,
.ms-site-body [class*="viewed"] h4,
.ms-site-body [class*="viewed"] h4 a,
.ms-site-body [class*="recent"] .name,
.ms-site-body [class*="viewed"] .name {
  font-weight: 600 !important;
  color: var(--ms-title-color-soft) !important;
}