@import url('../../i18n/fonts/CamphorPro/vf/index.css');
@import url('../../i18n/fonts/CamphorPro/woff2/index.css');

@font-face {
  font-family: 'Xiaomi Brand';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../../i18n/fonts/Brand/Brand.woff2') format('woff2');
}

body {
  font-family: 'Camphor Pro', sans-serif;
}

body .mi-brand {
  font-family: 'Xiaomi Brand', 'Camphor Pro', sans-serif;
}

body .mi-brand.mi-brand--xiaomi,
body .mi-brand.mi-brand--poco {
  font-weight: bold !important;
}

body .mi-brand.mi-brand--redmi {
  font-weight: normal !important;
}

@supports (font-variation-settings: 'wght' 400) {
  body {
    font-family: 'Camphor Pro VF', 'Camphor Pro', sans-serif;
  }

  body .mi-brand {
    font-family: 'Xiaomi Brand', 'Camphor Pro VF', 'Camphor Pro', sans-serif;
  }
}

/* Keep featured products within the standard card dimensions. */
.feature-tab .feature-tab--item-main .image-block,
.feature-tab .feature-tab--item-main .item-image,
.feature-tab .feature-tab--item-main .item-image > a {
  display: block;
  height: 100%;
  overflow: hidden;
}

.feature-tab .feature-tab--item-main .mi-image__img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: var(--grid-main-row-height);
  object-fit: contain;
  object-position: center;
}

/* Show complete Redmi and Laptop hero images within their cards. */
#fmp1 .feature-tab--item-main .mi-image__img,
#fmp2 .feature-tab--item-main .mi-image__img {
  width: 82% !important;
  height: 82% !important;
  max-width: 82% !important;
  max-height: 82% !important;
  margin: auto;
  object-fit: contain !important;
  object-position: center !important;
}

.feature-tab .feature-tab__item > div {
  border-bottom: 2px solid transparent;
}

.feature-tab .feature-tab__item--active > div {
  border-bottom-color: #ff6900;
  color: #191919;
  font-weight: 700;
}