.navflexgrild {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 15px; }

@media (min-width: 992px) {
  .mainHeader_temp03 .header-upper-hotline {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px; }
  .mainHeader_temp03 .header-hotline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #24413b;
    white-space: nowrap; }
  .mainHeader_temp03 .header-hotline__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 22px;
    line-height: 1;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    color: #25af95;
    transform: rotate(-18deg); }
  .mainHeader_temp03 .header-hotline__content {
    display: flex;
    flex-direction: column;
    line-height: 1.05; }
  .mainHeader_temp03 .header-hotline__label {
    color: #5d746f;
    font-size: 13px;
    font-weight: 500; }
  .mainHeader_temp03 .header-hotline__number {
    color: #24413b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.01em; }
  .mainHeader_temp03 .header-hotline:hover .header-hotline__number {
    color: #25af95; }
  .mainHeader_temp03 .header-menu-desktop {
    background: #fff;
    border-top: 1px solid rgba(37, 175, 149, 0.24);
    border-bottom: 1px solid rgba(37, 175, 149, 0.24); }
  .mainHeader_temp03 .header-menu-desktop .header-navbar-menu {
    display: flex;
    align-items: stretch;
    min-height: 68px; }
  .mainHeader_temp03 .navbar-mainmenu.navflexgrild {
    grid-template-columns: 228px minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
    width: 100%; }
  .mainHeader_temp03 .danhmucsanpham {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 68px;
    padding-right: 22px;
    border-right: 1px solid rgba(37, 175, 149, 0.24);
    color: #24413b;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
    white-space: nowrap; }
  .mainHeader_temp03 .danhmucsanpham .fa {
    font-size: 16px;
    color: #25af95; }
  .mainHeader_temp03 .menu-desktop #nav .main-nav {
    display: flex;
    align-items: center;
    height: 100%;
    text-align: left; }
  .mainHeader_temp03 .menu-desktop #nav .main-nav > ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%; }
  .mainHeader_temp03 .menu-desktop #nav .main-nav > ul > li {
    flex: 0 0 auto; }
  .mainHeader_temp03:not(.hSticky-nav) .menu-desktop #nav .main-nav > ul > li > a,
  .mainHeader_temp03.hSticky-nav #nav .main-nav > ul > li > a {
    margin: 0 16px 0 0;
    padding: 22px 0 20px;
    color: #24413b;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap; }
  .mainHeader_temp03 .menu-desktop #nav .main-nav > ul > li:last-child > a {
    margin-right: 0; }
  .mainHeader_temp03 .menu-desktop #nav .main-nav > ul > li > a:hover,
  .mainHeader_temp03 .menu-desktop #nav .main-nav > ul > li.active > a {
    color: #137f6d; }
  .mainHeader_temp03 .menu-desktop #nav .main-nav > ul > li > a:before {
    border-bottom-color: #25af95; }
  .mainHeader_temp03 .menu-desktop #nav .main-nav ul > li a i {
    margin-left: 6px;
    margin-bottom: 1px;
    font-size: 10px;
    color: #5d746f; }
  .mainHeader_temp03 .menu-desktop #nav .main-nav ul > li > ul {
    top: calc(100% + 1px);
    margin-top: 0;
    border-top: 0; }
  .mainHeader_temp03 .menu-desktop #nav .main-nav .sub_menu {
    padding: 10px 0;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(19, 127, 109, 0.12); }
  .mainHeader_temp03 .menu-desktop #nav .main-nav .sub_menu a {
    padding: 10px 18px;
    font-size: 14px;
    line-height: 1.45; } }

@media (min-width: 992px) and (max-width: 1366px) {
  .mainHeader_temp03 .header-hotline__label {
    font-size: 12px; }
  .mainHeader_temp03 .header-hotline__number {
    font-size: 14px; }
  .mainHeader_temp03 .navbar-mainmenu.navflexgrild {
    grid-template-columns: 208px minmax(0, 1fr);
    gap: 16px; }
  .mainHeader_temp03 .danhmucsanpham {
    padding-right: 16px;
    font-size: 14px; }
  .mainHeader_temp03:not(.hSticky-nav) .menu-desktop #nav .main-nav > ul > li > a,
  .mainHeader_temp03.hSticky-nav #nav .main-nav > ul > li > a {
    margin-right: 12px;
    font-size: 14px; } }

@media (min-width: 992px) {
  .hSticky .danhmucsanpham, .hSticky .header-upper-icon {
    display: none !important; } }

@media (min-width: 992px) {
  .mainHeader_temp03.hSticky-nav .header-navbar-menu .wrap-logo-sticky {
    text-align: left;
    position: relative;
    z-index: 6;
    display: block;
    max-width: 20%;
    align-items: center;
    display: flex; } }

@media (max-width: 767px) {
  .desktopgiunguyen .product-expert-section__form-wrap,
  .desktopgiunguyen .product-benefit-faq__faq,
  .desktopgiunguyen .product-user-group__videos,
  .desktopgiunguyen .product-howto-section__sidebar, .desktopgiunguyen .product-advantage-section__content {
    display: none !important; }
  .mobileanrsection .product-expert-section__media, .mobileanrsection .product-benefit-faq__benefit,
  .mobileanrsection .product-user-group__content, .mobileanrsection .product-howto-section__main, .mobileanrsection .product-advantage-section__media {
    display: none !important; } }

:root {
  --drmaya-green: #25af95;
  --drmaya-green-dark: #137f6d;
  --drmaya-green-soft: #dff5ef;
  --drmaya-yellow: #f9e382;
  --drmaya-yellow-soft: #fff6cc;
  --drmaya-cream: #fffbec;
  --drmaya-ink: #24413b;
  --drmaya-muted: #5d746f;
  --drmaya-line: rgba(37, 175, 149, 0.24);
  --drmaya-shadow: 0 18px 38px rgba(19, 127, 109, 0.12); }

body#kidty-theme {
  background: var(--drmaya-cream);
  color: var(--drmaya-ink); }

body#kidty-theme a {
  color: var(--drmaya-green-dark); }

.mainHeader_temp03 .header-hotline__icon {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: var(--drmaya-green); }

.mainHeader_temp03 .header-hotline,
.mainHeader_temp03 .header-hotline__number,
.mainHeader_temp03 .danhmucsanpham,
.mainHeader_temp03 .menu-desktop #nav .main-nav > ul > li > a,
.mainHeader_temp03.hSticky-nav #nav .main-nav > ul > li > a {
  color: var(--drmaya-ink) !important; }

.mainHeader_temp03 .header-hotline__label {
  color: var(--drmaya-muted); }

.mainHeader_temp03 .header-hotline:hover .header-hotline__number,
.mainHeader_temp03 .menu-desktop #nav .main-nav > ul > li > a:hover,
.mainHeader_temp03 .menu-desktop #nav .main-nav > ul > li.active > a,
.mainHeader_temp03.hSticky-nav #nav .main-nav > ul > li > a:hover {
  color: var(--drmaya-green-dark) !important; }

.mainHeader_temp03 .header-menu-desktop {
  border-top-color: var(--drmaya-line);
  border-bottom-color: var(--drmaya-line); }

.mainHeader_temp03 .danhmucsanpham {
  border-right-color: var(--drmaya-line); }

.mainHeader_temp03 .danhmucsanpham .fa,
.mainHeader_temp03 .menu-desktop #nav .main-nav > ul > li > a:before {
  color: var(--drmaya-green);
  border-bottom-color: var(--drmaya-green); }

.home-brand-values,
.home-award,
.home-product-featured,
.home-review,
.home-blog-featured,
.home-brand-story,
.product-hero-demo,
.product-expert-section,
.product-benefit-faq,
.product-user-group,
.product-howto-section,
.product-advantage-section,
.product-community-section {
  background: linear-gradient(180deg, var(--drmaya-cream) 0%, #fffdf4 100%) !important; }

.home-brand-values__promise {
  border-color: var(--drmaya-green);
  background: var(--drmaya-yellow-soft);
  box-shadow: 0 10px 24px rgba(37, 175, 149, 0.08); }

.home-brand-values__promise-icon,
.home-brand-values__promise-text {
  color: var(--drmaya-green-dark); }

.home-brand-values__card,
.home-product-featured__item,
.product-hero-demo__banner,
.gallery-main,
.thumb-item img,
.product-expert-section__form-box,
.product-expert-section__title,
.product-benefit-faq__title,
.product-user-group__title,
.product-howto-section__title,
.product-advantage-section__title {
  border-color: var(--drmaya-line) !important;
  box-shadow: var(--drmaya-shadow) !important; }

.home-brand-values__card {
  background: #ffffff;
  border: 1px solid var(--drmaya-line);
  border-radius: 16px; }

.home-brand-values__card-icon {
  background: var(--drmaya-green); }

.home-brand-values__card-title,
.home-award__title,
.home-product-featured__title,
.home-review__title,
.home-blog-featured h2,
.product-community-section__title,
.product-hero-demo__title,
.product-hero-demo__category,
.product-hero-demo__price,
.product-hero-demo__desc,
.product-expert-section__form-title,
.product-expert-section__label,
.benefit-card__content,
.product-user-group__text,
.howto-step__text,
.advantage-item__text p {
  color: var(--drmaya-ink) !important; }

.product-expert-section__title,
.product-benefit-faq__title,
.product-user-group__title,
.product-howto-section__title,
.product-advantage-section__title,
.list-productRelated .heading-title h2,
.related-posts__title {
  background: var(--drmaya-green) !important;
  border-color: var(--drmaya-green) !important;
  color: #ffffff !important;
  border-radius: 999px !important; }

.product-hero-demo__banner,
.gallery-main,
.product-expert-section__image-box,
.product-howto-section__visual,
.product-advantage-section__image-box,
.video-card__thumb,
.related-post__thumb {
  border: 1px solid var(--drmaya-line);
  border-radius: 22px;
  background: #ffffff; }

.thumb-item.active img,
.thumb-item:hover img {
  border-color: var(--drmaya-green) !important; }

.product-hero-demo__content {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid var(--drmaya-line);
  border-radius: 24px;
  padding: 22px;
  box-shadow: var(--drmaya-shadow); }

.product-hero-demo__category {
  display: inline-flex;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--drmaya-yellow);
  color: var(--drmaya-green-dark) !important;
  font-size: 15px;
  font-weight: 700; }

.product-hero-demo__price {
  color: var(--drmaya-green-dark) !important; }

.qty,
.btn-cart,
.btn-buy,
.product-expert-section__button {
  background: var(--drmaya-green) !important;
  border-color: var(--drmaya-green) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(37, 175, 149, 0.18) !important; }

.btn-store {
  background: var(--drmaya-yellow) !important;
  color: var(--drmaya-green-dark) !important; }

.btn:hover,
.product-expert-section__button:hover {
  transform: translateY(-2px);
  filter: brightness(0.98); }

.btn:active,
.product-expert-section__button:active {
  transform: translateY(0); }

.product-sw-select-item-span {
  border-color: var(--drmaya-line) !important;
  color: var(--drmaya-ink) !important; }

.product-sw-select-item-span:hover,
.product-sw-select-item .trigger-option-sw:checked + .product-sw-select-item-span {
  border-color: var(--drmaya-green) !important;
  background: var(--drmaya-green) !important;
  color: #ffffff !important; }

.product-expert-section__input,
.product-expert-section__textarea {
  border-color: var(--drmaya-line) !important;
  color: var(--drmaya-ink) !important; }

.product-expert-section__input:focus,
.product-expert-section__textarea:focus {
  border-color: var(--drmaya-green) !important;
  box-shadow: 0 0 0 4px rgba(37, 175, 149, 0.14) !important; }

.benefit-card__number,
.howto-step__number {
  border-color: var(--drmaya-green) !important;
  background: var(--drmaya-yellow-soft) !important;
  color: var(--drmaya-green-dark) !important; }

.benefit-card__image,
.benefit-card--featured .benefit-card__image,
.howto-step__icon {
  background: radial-gradient(circle at center, rgba(249, 227, 130, 0.82) 0%, rgba(249, 227, 130, 0.34) 58%, rgba(249, 227, 130, 0) 100%) !important; }

.faq-block__title,
.faq-block__text,
.related-post__name a,
.video-card__title a {
  color: var(--drmaya-green-dark) !important; }

.faq-block__line,
.advantage-item__line {
  background: var(--drmaya-green) !important; }

.faq-block__item {
  border-bottom-color: var(--drmaya-line) !important; }

.faq-block__dot,
.faq-block__icon:before,
.faq-block__icon:after {
  background: var(--drmaya-green) !important; }

.product-advantage-section__card,
.related-posts {
  background: var(--drmaya-yellow-soft) !important;
  border: 1px solid var(--drmaya-line);
  box-shadow: var(--drmaya-shadow) !important; }

.product-user-group__image--small {
  border-color: var(--drmaya-yellow) !important; }

.onireviewapp-container {
  background: #ffffff;
  border: 1px solid var(--drmaya-line);
  border-radius: 24px;
  margin: 34px auto;
  padding: 24px;
  box-shadow: var(--drmaya-shadow); }

.onirvapp-detail-title {
  color: var(--drmaya-green-dark) !important; }

.list-productRelated {
  background: var(--drmaya-cream);
  padding: 40px 0; }

.list-productRelated .heading-title h2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 26px;
  margin-bottom: 24px;
  font-size: 24px; }

.list-productRelated .product-block,
.list-productRelated .product-resize {
  background: #ffffff;
  border: 1px solid var(--drmaya-line);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 26px rgba(37, 175, 149, 0.08); }

@media (max-width: 767px) {
  .product-hero-demo__content {
    padding: 16px;
    border-radius: 18px; }
  .product-hero-demo__category {
    font-size: 13px; }
  .list-productRelated .heading-title h2 {
    min-height: 40px;
    padding: 9px 18px;
    font-size: 19px; } }