.navbar-interactive-container1 {
  display: flex;
  position: relative;
}

 
.navbar-interactive-thq-navbar-interactive-elm {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 119px;
  margin: auto;
  display: flex;
  opacity: 0.95;
  padding: var(--dl-layout-space-unit);
  z-index: 200;
  position: absolute;
  align-items: center;
  padding-bottom: 16px;
  justify-content: center;
}

 
.navbar-interactive-navlink1 {
  display: contents;
}

 
.navbar-interactive-thq-logo-elm {
  top: 0px;
  width: 88px;
  height: 84px;
  transition: 0.3s;
  text-decoration: none;
}

 
.navbar-interactive-thq-logo-elm:hover {
  transform: scale(1.02);
}

 
.navbar-interactive-container2 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  align-items: space-between;
  flex-direction: column;
}

 
.navbar-interactive-container3 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: space-between;
  flex-direction: column;
}

 
.navbar-interactive-container4 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: space-between;
  flex-direction: column;
}

 
.navbar-interactive-thq-desktop-menu-elm {
  display: flex;
}

 
.navbar-interactive-thq-nav-elm1 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-items: center;
  margin-left: var(--dl-layout-space-threeunits);
  padding-left: var(--dl-layout-space-threeunits);
  padding-right: var(--dl-layout-space-threeunits);
  flex-direction: row;
  justify-content: center;
}

 
.navbar-interactive-thq-about-elm {
  transition: 0.3s;
  text-decoration: none;
}

 
.navbar-interactive-thq-about-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-about-text-elm {
  top: var(--dl-layout-space-twounits);
  margin: auto;
  position: absolute;
  font-size: 14px;
  text-align: center;
}

 
.navbar-interactive-thq-shop-elm {
  transition: 0.3s;
  margin-left: var(--dl-layout-space-twounits);
  text-decoration: none;
}

 
.navbar-interactive-thq-shop-elm:hover {
  color: white;
}

 
.navbar-interactive-thq-shop-text-elm {
  top: var(--dl-layout-space-twounits);
  position: absolute;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
}

 
.navbar-interactive-thq-shop-text-elm:hover {
  color: white;
}

 
.navbar-interactive-thq-contact-elm {
  transition: 0.3s;
  margin-left: var(--dl-layout-space-twounits);
  text-decoration: none;
}

 
.navbar-interactive-thq-contact-elm:hover {
  color: white;
}

 
.navbar-interactive-thq-contact-text-elm {
  top: var(--dl-layout-space-twounits);
  position: absolute;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
}

 
.navbar-interactive-thq-contact-text-elm:hover {
  color: white;
}

 
.navbar-interactive-thq-dealers-elm {
  transition: 0.3s;
  margin-left: var(--dl-layout-space-twounits);
  text-decoration: none;
}

 
.navbar-interactive-thq-dealers-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-dealers-text-elm {
  top: var(--dl-layout-space-twounits);
  position: absolute;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
}

 
.navbar-interactive-thq-dealers-text-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-locations-elm {
  transition: 0.3s;
  margin-left: var(--dl-layout-space-twounits);
  text-decoration: none;
}

 
.navbar-interactive-thq-locations-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-locations-text-elm1 {
  top: var(--dl-layout-space-twounits);
  position: absolute;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
}

 
.navbar-interactive-thq-locations-text-elm1:hover {
  color: white;
}

 
.navbar-interactive-thq-locations-text-elm2 {
  top: var(--dl-layout-space-twounits);
  position: relative;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
}

 
.navbar-interactive-thq-locations-text-elm2:hover {
  color: var(--dl-color-gray-white);
  margin-left: var(--dl-layout-space-twounits);
}

 
.navbar-interactive-thq-testimonials-elm {
  transition: 0.3s;
  margin-left: var(--dl-layout-space-twounits);
  text-decoration: none;
}

 
.navbar-interactive-thq-testimonials-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-testimonials-text-elm {
  top: var(--dl-layout-space-twounits);
  position: absolute;
  font-size: 14px;
  transition: 0.3s;
}

 
.navbar-interactive-thq-testimonials-text-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-reccs-elm {
  transition: 0.3s;
  margin-left: var(--dl-layout-space-twounits);
  text-decoration: none;
}

 
.navbar-interactive-thq-reccs-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-reccs-text-elm {
  top: var(--dl-layout-space-twounits);
  position: absolute;
  font-size: 14px;
  transition: 0.3s;
}

 
.navbar-interactive-thq-reccs-text-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-blog-elm {
  transition: 0.3s;
  margin-left: var(--dl-layout-space-twounits);
  text-decoration: none;
}

 
.navbar-interactive-thq-blog-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-blog-text-elm {
  top: var(--dl-layout-space-twounits);
  position: absolute;
  font-size: 14px;
  transition: 0.3s;
}

 
.navbar-interactive-thq-blog-text-elm:hover {
  color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-btn-group-elm {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

 
.navbar-interactive-container5 {
  align-self: center;
  margin-right: var(--dl-layout-space-unit);
}

 
.navbar-interactive-thq-burger-menu-elm {
  display: none;
  align-items: center;
  justify-content: center;
}

 
.navbar-interactive-icon1 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
  transition: 0.3s;
}

 
.navbar-interactive-icon1:hover {
  transform: scale(1.2);
}

 
.navbar-interactive-thq-mobile-menu-elm {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: flex;
  padding: 32px;
  z-index: 100;
  position: fixed;
  transform: translateX(100%);
  transition: 0.5s;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--dl-color-gray-white);
}

 
.navbar-interactive-thq-nav-elm2 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

 
.navbar-interactive-thq-container-elm {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-layout-space-threeunits);
  justify-content: space-between;
}

 
.navbar-interactive-image {
  width: 106px;
  height: 105px;
  text-decoration: none;
}

 
.navbar-interactive-thq-menu-close-elm {
  display: flex;
  align-items: center;
  justify-content: center;
}

 
.navbar-interactive-icon3 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}

 
.navbar-interactive-thq-nav-elm3 {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

 
.navbar-interactive-navlink2 {
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.navbar-interactive-navlink2:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.navbar-interactive-thq-link-elm1 {
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.navbar-interactive-thq-link-elm1:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.navbar-interactive-thq-link-elm2 {
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.navbar-interactive-thq-link-elm2:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.navbar-interactive-thq-link-elm3 {
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.navbar-interactive-thq-link-elm3:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.navbar-interactive-navlink3 {
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.navbar-interactive-navlink3:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.navbar-interactive-navlink4 {
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.navbar-interactive-navlink4:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.navbar-interactive-link1 {
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.navbar-interactive-link1:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.navbar-interactive-navlink5 {
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.navbar-interactive-navlink5:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.navbar-interactive-navlink6 {
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.navbar-interactive-navlink6:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.navbar-interactive-thq-icon-group-elm {
  display: flex;
}

 
.navbar-interactive-link2 {
  display: contents;
}

 
.navbar-interactive-icon5 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
  text-decoration: none;
}

 
.navbar-interactiveroot-class-name20 {
  width: 100%;
  align-self: center;
}
@media(max-width: 1600px) {
.navbar-interactive-thq-navbar-interactive-elm {
    left: 0px;
    width: auto;
    margin: auto;
  }
}
@media(max-width: 1200px) {
.navbar-interactive-thq-navbar-interactive-elm {
    left: 0px;
    width: auto;
    margin: auto;
    padding-top: var(--dl-layout-space-unit);
    padding-bottom: var(--dl-layout-space-unit);
  }
.navbar-interactive-thq-nav-elm1 {
    align-self: center;
  }
}
@media(max-width: 991px) {
.navbar-interactive-thq-navbar-interactive-elm {
    width: auto;
    height: auto;
  }
.navbar-interactive-thq-desktop-menu-elm {
    display: none;
  }
.navbar-interactive-thq-btn-group-elm {
    display: none;
  }
.navbar-interactive-thq-burger-menu-elm {
    display: flex;
  }
.navbar-interactive-icon1 {
    width: 30px;
    height: 30px;
    margin-right: 0px;
  }
}
@media(max-width: 767px) {
.navbar-interactive-thq-navbar-interactive-elm {
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }
.navbar-interactive-thq-shop-elm {
    margin-left: var(--dl-layout-space-unit);
  }
.navbar-interactive-thq-shop-text-elm {
    margin-left: var(--dl-layout-space-unit);
  }
.navbar-interactive-thq-contact-elm {
    margin-left: var(--dl-layout-space-unit);
  }
.navbar-interactive-thq-contact-text-elm {
    margin-left: var(--dl-layout-space-unit);
  }
.navbar-interactive-thq-locations-text-elm1 {
    margin-left: var(--dl-layout-space-unit);
  }
.navbar-interactive-icon1 {
    margin-right: 0px;
  }
}
@media(max-width: 479px) {
.navbar-interactive-thq-navbar-interactive-elm {
    width: auto;
    opacity: 0.95;
    padding: var(--dl-layout-space-unit);
  }
.navbar-interactive-thq-logo-elm {
    position: static;
  }
.navbar-interactive-thq-burger-menu-elm {
    position: relative;
  }
.navbar-interactive-icon1 {
    margin-right: 0px;
  }
.navbar-interactive-thq-mobile-menu-elm {
    padding: 16px;
  }
.navbar-interactive-navlink3 {
    text-decoration: none;
  }
.navbar-interactive-navlink5 {
    transition: 0.3s;
    margin-bottom: var(--dl-layout-space-unit);
    text-decoration: none;
  }
}

 


.container-wrapper {
  display: contents;
}

 
.container-thq-container-elm {
  width: auto;
  display: flex;
  position: relative;
  max-width: 70%;
  min-width: auto;
  align-items: flex-start;
  flex-direction: column;
}

 
.container-text10 {
  margin-bottom: var(--dl-layout-space-halfunit);
}

 
.container-text11 {
  color: var(--dl-color-gray-black50);
  margin-top: var(--dl-layout-space-oneandhalfunits);
}

 
.container-text16 {
  font-style: normal;
  font-weight: 600;
}

 
.container-text18 {
  color: var(--dl-color-gray-black50);
  margin-top: var(--dl-layout-space-oneandhalfunits);
}

 
.container-text21 {
  color: var(--dl-color-gray-black50);
  margin-top: var(--dl-layout-space-twounits);
}

 
.container-text22 {
  color: var(--dl-color-gray-black50);
  margin-top: 12px;
}

 
.container-text23 {
  margin-top: var(--dl-layout-space-twounits);
  margin-bottom: var(--dl-layout-space-halfunit);
}

 
.container-text24 {
  color: var(--dl-color-gray-black50);
  margin-top: var(--dl-layout-space-oneandhalfunits);
}

 
.container-text29 {
  font-style: normal;
  font-weight: 600;
}

 
.container-text31 {
  color: var(--dl-color-gray-black50);
  margin-top: var(--dl-layout-space-oneandhalfunits);
}

 
.container-container {
  top: 100px;
  right: -380px;
  width: 380px;
  height: 260px;
  display: none;
  padding: var(--dl-layout-space-unit);
  z-index: 101;
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
  background-color: var(--dl-color-gray-white);
}

 
.container-thq-feature-card-elm {
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-layout-space-unit);
  position: relative;
  max-width: var(--dl-layout-size-maxwidth);
  box-shadow: 5px 5px 10px 0px rgba(18, 18, 18, 0.1);
  transition: 0.3s;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  background-color: var(--dl-color-gray-white);
}

 
.container-thq-feature-card-elm:hover {
  transform: scale(1.02);
}

 
.container-text34 {
  margin-bottom: var(--dl-layout-space-halfunit);
}

 
.container-text35 {
  line-height: 1;
}

 
.container-text37 {
  line-height: 1;
}

 
.container-text40 {
  line-height: 1;
}

 
.container-text46 {
  line-height: 1;
}

 
.container-text49 {
  color: var(--dl-color-gray-black50);
  margin-top: var(--dl-layout-space-twounits);
}

 
.container-text50 {
  color: var(--dl-color-gray-black50);
  margin-top: 12px;
}
@media(max-width: 1600px) {
.container-text21 {
    margin-top: 0px;
  }
.container-text49 {
    margin-top: 0px;
  }
}
@media(max-width: 479px) {
.container-container {
    top: 270px;
    left: 0px;
    right: 0px;
    width: 316px;
    height: auto;
    margin: auto;
  }
.container-thq-feature-card-elm {
    width: 100%;
    height: auto;
  }
.container-text34 {
    font-size: 1.5rem;
  }
.container-text35 {
    font-size: 16px;
  }
}

 
.container1-thq-container-elm {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-items: flex-start;
  margin-right: var(--dl-layout-space-sixunits);
  flex-direction: column;
  justify-content: flex-start;
}

 
.container1-navlink {
  font-size: 18px;
  font-style: normal;
  transition: 0.3s;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 44px;
  text-decoration: none;
}

 
.container1-navlink:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.container1-link1 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.container1-link1:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.container1-link2 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.container1-link2:hover {
  color: var(--dl-color-pallet-yellow);
}
@media(max-width: 479px) {
.container1-thq-container-elm {
    margin-right: var(--dl-layout-space-unit);
  }
}

 
.links-container-thq-links-container-elm {
  display: flex;
  grid-gap: var(--dl-layout-space-threeunits);
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}

 
.links-container-thq-container-elm {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  margin-right: var(--dl-layout-space-sixunits);
  flex-direction: column;
  justify-content: flex-start;
}

 
.links-container-navlink1 {
  font-size: 18px;
  font-style: normal;
  transition: 0.3s;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 44px;
  text-decoration: none;
}

 
.links-container-navlink1:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.links-container-link1 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.links-container-link1:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.links-container-link2 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.links-container-link2:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.links-container-link3 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.links-container-link3:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.links-container-link4 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.links-container-link4:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.links-container-link5 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.links-container-link5:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.links-container-container {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}

 
.links-container-link6 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 44px;
  text-decoration: none;
}

 
.links-container-navlink2 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.links-container-navlink2:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.links-container-navlink3 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.links-container-navlink3:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.links-container-navlink4 {
  color: var(--dl-color-gray-black50);
  transition: 0.3s;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}

 
.links-container-navlink4:hover {
  color: var(--dl-color-pallet-yellow);
}
@media(max-width: 991px) {
.links-container-thq-links-container-elm {
    margin-bottom: var(--dl-layout-space-threeunits);
  }
}
@media(max-width: 767px) {
.links-container-thq-links-container-elm {
    margin-top: var(--dl-layout-space-twounits);
    flex-direction: column;
    justify-content: space-between;
  }
}
@media(max-width: 479px) {
.links-container-thq-links-container-elm {
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
  }
.links-container-thq-container-elm {
    margin-right: var(--dl-layout-space-unit);
  }
}

 
.component2-container {
  display: flex;
  position: relative;
}

 
.component2-text {
  color: var(--dl-color-gray-black60);
  text-align: right;
}

 
.component2root-class-name {
  align-self: flex-end;
  margin-bottom: var(--dl-layout-space-twounits);
}
@media(max-width: 991px) {
.component2root-class-name {
    margin-bottom: var(--dl-layout-space-halfunit);
  }
}
@media(max-width: 767px) {
.component2root-class-name {
    margin-bottom: var(--dl-layout-space-halfunit);
  }
}
@media(max-width: 479px) {
.component2root-class-name {
    margin-bottom: var(--dl-layout-space-halfunit);
  }
}

 
.footer-thq-footer-elm {
  width: 100%;
  display: flex;
  position: relative;
  max-width: var(--dl-layout-size-maxwidth);
  align-items: flex-start;
  padding-top: var(--dl-layout-space-sixunits);
  padding-left: var(--dl-layout-space-twounits);
  padding-right: var(--dl-layout-space-twounits);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-sixunits);
  justify-content: space-between;
}

 
.footer-container1 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: space-between;
  flex-direction: column;
}

 
.footer-container2 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: space-between;
  flex-direction: column;
}

 
.footer-container3 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  align-items: space-between;
  flex-direction: column;
}

 
.footer-thq-tos-elm {
  color: rgba(0, 0, 0, 0.45);
  width: 100%;
  align-self: flex-end;
  text-align: right;
  transition: 0.3s;
  border-width: 0px;
  text-decoration: none;
}

 
.footer-thq-tos-elm:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.footer-thq-privacy-elm {
  color: rgba(0, 0, 0, 0.45);
  width: 100%;
  align-self: flex-end;
  text-align: right;
  transition: 0.3s;
  border-width: 0px;
  text-decoration: none;
}

 
.footer-thq-privacy-elm:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.footer-thq-returns-elm {
  color: rgba(0, 0, 0, 0.45);
  width: 100%;
  align-self: flex-end;
  text-align: right;
  transition: 0.3s;
  border-width: 0px;
  text-decoration: none;
}

 
.footer-thq-returns-elm:hover {
  color: var(--dl-color-pallet-yellow);
}

 
.footer-text1:hover {
  color: var(--dl-color-pallet-yellow);
}
@media(max-width: 991px) {
.footer-thq-footer-elm {
    flex-direction: column-reverse;
  }
.footer-thq-returns-elm {
    margin-bottom: var(--dl-layout-space-threeunits);
  }
.footer-text1 {
    margin-bottom: var(--dl-layout-space-threeunits);
  }
}
@media(max-width: 767px) {
.footer-thq-footer-elm {
    padding-top: var(--dl-layout-space-threeunits);
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
    padding-bottom: var(--dl-layout-space-threeunits);
  }
.footer-thq-returns-elm {
    padding-bottom: var(--dl-layout-space-threeunits);
  }
.footer-text1 {
    padding-bottom: var(--dl-layout-space-threeunits);
  }
}
@media(max-width: 479px) {
.footer-thq-footer-elm {
    padding: var(--dl-layout-space-unit);
  }
.footer-thq-returns-elm {
    color: rgba(0, 0, 0, 0.45);
    padding-bottom: var(--dl-layout-space-halfunit);
    text-decoration: none;
  }
.footer-text1 {
    padding-bottom: var(--dl-layout-space-halfunit);
  }
}

 
.footer1-thq-footer-elm {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  position: relative;
  margin-top: var(--dl-layout-space-twounits);
  align-items: center;
  border-color: var(--dl-color-gray-950);
  border-width: 1px;
  flex-direction: column;
  background-color: var(--dl-color-gray-white);
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}/* chen-yufan-award.css
   Article detail page styling. Reuses the global tokens already defined in
   style.css (--dl-color-theme-*, --dl-color-pallet-*, --dl-color-gray-*)
   so this page stays visually consistent with the rest of the site. */

.article-page {
  width: 100%;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  flex-direction: column;
  background: var(--dl-color-theme-secondary2);
}

/* --- Hero --- */
.article-hero {
  width: 100%;
  padding: 96px 24px 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: linear-gradient(180deg, #FBF1EB 0%, #F5D1B0 140%);
  border-bottom: 1px solid #e8d3bd;
}

.article-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: Jost;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--dl-color-theme-primary1);
  margin-bottom: 20px;
}

.article-eyebrow::before,
.article-eyebrow::after {
  content: "";
  width: 28px;
  height: 1px;
  background: var(--dl-color-theme-primary1);
  opacity: 0.5;
}

.article-title {
  font-family: Jost;
  font-weight: 700;
  font-size: 42px;
  line-height: 1.15;
  color: var(--dl-color-theme-neutral-dark);
  max-width: 780px;
  margin: 0 0 20px;
}

.article-subtitle {
  font-family: STIX Two Text;
  font-style: italic;
  font-size: 19px;
  line-height: 1.5;
  color: #5a4636;
  max-width: 620px;
  margin: 0 0 28px;
}

.article-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  font-family: Jost;
  font-size: 14px;
  color: #7a6a58;
}

.article-meta span {
  display: inline-flex;
  align-items: center;
}

.article-meta span:not(:last-child)::after {
  content: "•";
  margin-left: 18px;
  color: #cbb79c;
}

/* --- Figures / illustrations --- */
.article-figure {
  width: 100%;
  max-width: 480px;
  margin: 8px auto 32px;
}

.article-figure svg,
.article-figure img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}

.article-figure figcaption {
  font-family: Jost;
  font-size: 13px;
  color: #9a8a78;
  margin-top: 8px;
  text-align: center;
}

.article-figure figcaption.figcaption-dark {
  color: #7a6a58;
}

/* --- Stat cards --- */
.stat-row {
  display: flex;
  gap: 16px;
  margin: 0 0 28px;
}

.stat-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 16px;
  background: #FBF1EB;
  border: 1px solid #e8d3bd;
  border-radius: 10px;
}

.stat-number {
  font-family: Jost;
  font-weight: 700;
  font-size: 40px;
  color: var(--dl-color-theme-primary1);
  line-height: 1;
}

.stat-label {
  font-family: Jost;
  font-size: 13px;
  color: #7a6a58;
  margin-top: 8px;
  text-align: center;
}

@media (max-width: 767px) {
  .stat-row {
    flex-direction: column;
  }
}

/* --- Body --- */
.article-body {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 64px 24px 40px;
}

.article-body-inner {
  width: 100%;
  max-width: 700px;
  display: flex;
  flex-direction: column;
}

.article-body-inner p {
  font-family: Jost;
  font-size: 17px;
  line-height: 1.75;
  color: #3c3230;
  margin: 0 0 24px;
}

.article-body-inner h2 {
  font-family: Jost;
  font-weight: 600;
  font-size: 22px;
  color: var(--dl-color-theme-neutral-dark);
  margin: 40px 0 16px;
  padding-top: 4px;
  border-top: 1px solid #e8d3bd;
}

.article-body-inner strong {
  color: var(--dl-color-theme-primary1);
  font-weight: 600;
}

.pull-quote {
  font-family: STIX Two Text;
  font-style: italic;
  font-size: 22px;
  line-height: 1.5;
  color: var(--dl-color-theme-neutral-dark);
  border-left: 3px solid var(--dl-color-pallet-yellow);
  padding: 4px 0 4px 24px;
  margin: 8px 0 32px;
}

.image-note {
  width: 100%;
  padding: 22px 24px;
  background: #FBF1EB;
  border: 1px dashed #d9bd9a;
  border-radius: 8px;
  font-family: Jost;
  font-size: 14px;
  line-height: 1.6;
  color: #7a6a58;
  margin: 0 0 32px;
}

/* --- Source / attribution --- */
.article-source {
  width: 100%;
  max-width: 700px;
  margin: 16px auto 0;
  padding: 24px 28px;
  background: var(--dl-color-theme-neutral-dark);
  border-radius: 10px;
  color: #f2e9df;
}

.article-source h3 {
  font-family: Jost;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--dl-color-pallet-yellow);
  margin: 0 0 10px;
}

.article-source p {
  font-family: Jost;
  font-size: 14.5px;
  line-height: 1.65;
  color: #d9cec2;
  margin: 0 0 10px;
}

.article-source a {
  color: var(--dl-color-pallet-yellow);
  text-decoration: none;
  border-bottom: 1px solid rgba(239, 193, 76, 0.4);
}

.article-source a:hover {
  border-bottom-color: var(--dl-color-pallet-yellow);
}

/* --- Back link + related --- */
.article-nav-links {
  width: 100%;
  max-width: 700px;
  margin: 40px auto 96px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Jost;
}

.article-nav-links a {
  color: var(--dl-color-theme-primary1);
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}

.article-nav-links a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .article-hero {
    padding: 72px 20px 48px;
  }
  .article-title {
    font-size: 30px;
  }
  .article-subtitle {
    font-size: 16px;
  }
  .article-body {
    padding: 48px 20px 24px;
  }
  .pull-quote {
    font-size: 19px;
  }
}