/* Animation Keyframes
======================================= */

@keyframes fadeIn {
  0% {
    opacity: 0;
    top: 100px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

.mc-animate.animate {
  animation: fadeIn 1s forwards;
}

.mc-animate {
  opacity: 0;
  position: relative;
  top: 100px;
}

@media screen and (min-width: 750px) {
  @keyframes bannerFadeInLeft {
    0% {
      opacity: 0;
      left: -100px;
    }
    100% {
      opacity: 1;
      left: 0;
    }
  }

  @keyframes bannerFadeInRight {
    0% {
      opacity: 0;
      right: -100px;
    }
    100% {
      opacity: 1;
      right: 0;
    }
  }

  .mc-product-banner-inner .mc-product-description {
    opacity: 0;
    position: relative;
    left: -100px;
    animation: bannerFadeInLeft 1s forwards;
    animation-delay: 0.5s;
  }

  .mc-product-banner-inner .mc-product-image {
    opacity: 0;
    position: relative;
    right: -100px;
    animation: bannerFadeInRight 1s forwards;
    animation-delay: 0.5s;
  }
}

/* Layout Styles
======================================= */
.mc-banner-outer {
  background: #f3f4f5;
}

.mc-banner-inner {
  padding: 80px 40px;
}

.smart-comfort-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 2em;
}

.mc-banner-inner .hn-logo {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.mc-banner-inner .hn-logo img {
  max-width: 300px;
}

.mc-categories-inner {
  padding: 80px 40px;
}

.mc-categories-inner > header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}

.mc-categories {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.mc-category-card {
  max-width: 400px;
}

.mc-category-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mc-button-group {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.mc-specs-outer {
  background: #3b3b3b;
  padding: 80px 40px;
}

.mc-specs-inner {
  display: flex;
  justify-content: center;
  gap: 80px;
  flex-wrap: wrap;
}

.mc-spec-card {
  max-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.mc-spanned-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.mc-spanned-section .mc-banner,
.mc-spanned-section .mc-content {
  width: 50%;
}

.mc-spanned-section {
  background: #f3f4f5;
}

.mc-spec-card img {
  width: 100%;
}

.mc-spanned-section .mc-content {
  padding: 40px 120px;
}

.mc-spanned-section:nth-child(even) .mc-content {
  order: 1;
}

.mc-spanned-section:nth-child(even) .mc-banner {
  order: 2;
}

.mc-recline-inner,
.mc-features-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mc-recline-inner .mc-content {
  max-width: 1000px;
  padding: 60px 40px;
}

.mc-features-inner > .mc-content {
  max-width: 1000px;
  margin-bottom: 40px;
}

.mc-recline-inner .mc-banner,
.mc-recline-inner img {
  width: 100%;
}

.mc-features-sub-content-outer {
  background: #f3f4f5;
  width: 100%;
  display: flex;
  justify-content: center;
}

.mc-features-sub-content-inner {
  max-width: 1000px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mc-feature-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mc-feature-card:nth-child(1),
.mc-feature-card:nth-child(2) {
  width: 48%;
  margin-bottom: 60px;
}

.mc-feature-card:nth-child(3) {
  width: 100%;
}

.mc-feature-card img,
.mc-feature-card video {
  width: 100%;
}

.mc-slider-thumbs .mc-thumb {
  height: 110px;
  cursor: pointer;
}

.mc-slider-thumbs .slick-slide {
  opacity: 0.5;
  width: 150px !important;
  margin-right: 8px;
}

.mc-slider-thumbs .slick-slide.slick-current {
  opacity: 1;
}

.mc-slider-thumbs .mc-thumb img {
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.mc-slider-outer {
  display: flex;
  justify-content: center;
}

.mc-slider-inner {
  max-width: 1100px;
  width: 100%;
}

.mc-product-inner {
  display: flex;
  padding: 40px 0 0;
  align-items: center;
  gap: 40px;
}

.mc-specs-type-one-inner,
.mc-specs-type-two-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.mc-spec-card {
  width: 130px;
}

.mc-warranty-period {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mc-specs-type-one-outer {
  margin-bottom: 60px;
}

.mc-product-banner-inner {
  padding: 40px 40px;
}

.mc-product-description .mc-product-blurb {
  margin-bottom: 20px;
}

.mc-product-description,
.mc-product-image {
  flex: 1 0 0;
}

.mc-product-image img {
  width: 100%;
}

.smart-comfort-logo-sm img {
  max-width: 250px;
}

.mc-download-links {
  display: flex;
  gap: 20px;
}

.mc-download-links a {
  align-items: center;
  display: flex;
  gap: 10px;
}

.mc-downloads-inner .mc-feature-card {
  width: 100%;
  margin-bottom: 0;
}

.mc-download-link {
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 5px;
}

.mc-features-outer {
  background: #f3f4f5;
  padding: 80px 80px;
}

.mc-measurements-outer {
  max-width: 1100px;
  margin: 0 auto;
}

.mc-features-list-inner {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
  margin-bottom: 80px;
}

.mc-features-list-inner ul {
  width: 50%;
  list-style-type: disc;
}

.mc-features-list-inner ul:first-child {
  padding-right: 60px;
  border-right: 2px solid #a6a8ab;
}

.mc-features-list-inner ul:last-child {
  padding-left: 60px;
}

.mc-features-list-inner ul li {
  margin-bottom: 20px;
}

.mc-product-specs-outer,
.mc-slider-outer,
.mc-features-outer {
  margin-bottom: 80px;
}

.mc-measurements-image {
  padding: 0 40px;
}

.mc-measurements-image img {
  width: 100%;
}

.mc-slider.slick-slider {
  margin-bottom: 10px;
}

/* Font Styles
======================================= */
.mc-banner-inner h1 {
  font-size: 3em;
  line-height: 1em;
  font-weight: 400;
  color: #373737;
  margin: 0 0 0.5em;
}

.mc-categories-inner h2,
.mc-product-description h2 {
  font-size: 2em;
  line-height: 1em;
  font-weight: 400;
  color: #373737;
  margin: 0 0 0.5em;
}

.mc-spec-card h2 {
  color: #fff;
  font-size: 1.286em;
  line-height: 1.2em;
  font-weight: 600;
  margin: 0 0;
}

.mc-spanned-section h2,
.mc-recline-inner h2,
.mc-features-inner h2,
.mc-measurements-inner h2 {
  font-size: 2em;
  line-height: 1em;
  font-weight: 500;
  color: #373737;
  margin: 0 0 0.5em;
}

.mc-category-card .mc-category-header h3 {
  text-transform: uppercase;
  font-size: 1.6em;
  line-height: 1em;
  color: #373737;
  font-weight: 500;
  margin: 0 0;
}

.mc-feature-card h3 {
  font-size: 1.5em;
  line-height: 1em;
  font-weight: 500;
  color: #373737;
  margin: 0 0;
}

.mc-categories-inner p,
.mc-product-description p {
  font-size: 1.286em;
  line-height: 1.2em;
  font-weight: 400;
  color: #373737;
  margin: 0 0;
  max-width: 600px;
}

.mc-banner-inner .hn-logo p {
  font-size: 1.3em;
  margin: 0 0 0.5em;
  color: #373737;
  font-weight: 700;
}

.mc-specs-inner .mc-spec-card .mc-blurb p {
  font-size: 1.286em;
  line-height: 1.2em;
  font-weight: 400;
  color: #fff;
  margin: 0 0;
}

.mc-product-specs-inner .mc-spec-card .mc-blurb p {
  font-size: 1.286em;
  line-height: 1.2em;
  font-weight: 500;
  color: #373737;
  margin: 0 0;
  text-transform: uppercase;
}

.mc-spanned-section p,
.mc-recline-inner p,
.mc-features-inner > .mc-content p {
  font-size: 1.286em;
  line-height: 1.4em;
  font-weight: 400;
  color: #373737;
  margin: 0 0;
}

.mc-feature-card p,
.mc-features-list-inner ul li p {
  font-size: 1.143em;
  line-height: 1.2em;
  font-weight: 400;
  color: #373737;
  margin: 0 0;
}

.mc-warranty-period span {
  color: #fff;
  text-align: center;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 700;
}

.mc-warranty-period > span {
  font-size: 1.143em;
}

.mc-warranty-period span span {
  display: block;
  font-size: 3em;
}

.mc-button-group a,
.mc-button a {
  display: inline-block;
  padding: 0.5em 2em 0.6em;
  border-radius: 30px;
  font-size: 1.143em;
  line-height: 1.2em;
  margin: 0 0;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.2s;
}

.mc-btn-blue {
  background: #005e80;
  border: 1px solid #005e80;
  color: #fff;
}

.mc-btn-white {
  background: #fff;
  color: #373737;
  border: 1px solid #373737;
}

.mc-button-group a:hover,
.mc-button a:hover {
  background: #373737;
  color: #fff;
  text-decoration: none;
  border-color: #373737;
}

.mc-download-link a {
  text-decoration: none;
}

.mc-download-type {
  font-size: 1em;
}

.mc-download-type h4 {
  color: #005e80;
  font-weight: 700;
}

/* Media Queries
======================================= */
@media screen and (max-width: 1200px) {
  .mc-spanned-section .mc-content {
    padding: 40px 40px;
  }
}

@media screen and (max-width: 992px) {
  .mc-specs-outer,
  .mc-banner-inner,
  .mc-categories-inner {
    padding: 60px 40px;
  }

  .mc-spanned-section .mc-banner img {
    width: 100%;
  }

  .mc-spanned-section .mc-banner,
  .mc-spanned-section .mc-content {
    width: 100%;
  }

  .mc-spanned-section:nth-child(odd) .mc-banner {
    order: 2;
  }

  .mc-spanned-section:nth-child(odd) .mc-content {
    order: 1;
  }

  .mc-spanned-section .mc-content {
    text-align: center;
  }

  .mc-product-specs-outer,
  .mc-slider-outer,
  .mc-features-outer {
    margin-bottom: 60px;
  }

  .mc-features-outer {
    padding: 40px 40px;
  }

  .mc-product-specs-inner {
    padding: 0 40px;
  }

  .mc-features-inner > .mc-content {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 750px) {
  .mc-feature-card:nth-child(1),
  .mc-feature-card:nth-child(2) {
    width: 100%;
    margin-bottom: 40px;
  }

  .mc-banner-inner .hn-logo img,
  .smart-comfort-logo img {
    max-width: 250px;
  }

  .mc-specs-inner {
    gap: 40px;
  }

  .mc-features-list-inner {
    flex-direction: column;
    margin-bottom: 60px;
  }

  .mc-features-list-inner ul:first-child {
    padding-right: 0;
    border-right: none;
  }
  .mc-features-list-inner ul {
    width: 100%;
  }

  .mc-features-list-inner ul:last-child {
    padding-left: 0;
  }

  .mc-download-links {
    flex-direction: column;
    max-width: 400px;
  }

  .mc-spec-card {
    width: 90px;
  }

  .mc-product-inner {
    flex-direction: column;
  }
}