:root {
  --howo-ink: #173c44;
  --howo-petrol: #20515b;
  --howo-petrol-dark: #153c44;
  --howo-red: #df4943;
  --howo-gold: #efa928;
  --howo-paper: #f4f7f7;
  --howo-line: #d9e2e4;
  --howo-text: #27383c;
  --howo-radius: 12px;
  --howo-shadow: 0 12px 34px rgba(21, 60, 68, .10);
  --howo-shell: 1280px;
}

/* Advisory page: standard UX Builder elements arranged like the source site. */
.howo-content-page #main > section.section.howo-native-advisory {
  background: #fff;
  min-height: 0;
  padding: 30px 0 !important;
}
.howo-native-advisory > .section-content > .row {
  max-width: 1300px !important;
}
.howo-native-advisory .howo-advisory-group {
  margin-bottom: 0;
}
.howo-native-advisory .howo-advisory-title.section-title-container {
  margin: 0;
  max-width: none;
  padding: 0;
}
.howo-native-advisory .howo-advisory-title .section-title {
  align-items: center;
  background: #114a54;
  border: 0;
  clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
  display: flex;
  height: 46px;
  margin: 0;
  padding: 0 20px;
}
.howo-native-advisory .howo-advisory-title .section-title b {
  display: none;
}
.howo-native-advisory .howo-advisory-title .section-title-main {
  align-items: center;
  background: transparent;
  border: 0;
  color: #fff !important;
  display: inline-flex;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  padding: 0;
  text-transform: uppercase;
}
.howo-native-advisory .howo-advisory-title .section-title-main::before {
  background:
    linear-gradient(currentColor, currentColor) 3px 3px / 4px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 9px 3px / 6px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 3px 7px / 12px 2px no-repeat;
  border: 2px solid currentColor;
  border-radius: 1px;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  width: 18px;
}
.howo-native-advisory .howo-advisory-posts .row {
  margin-left: -15px;
  margin-right: -15px;
}
.howo-native-advisory .howo-advisory-posts .post-item {
  padding: 0 15px 30px;
}
.howo-native-advisory .howo-advisory-posts .box {
  align-items: center;
}
.howo-native-advisory .howo-advisory-posts .box-image {
  flex: 0 0 35%;
  width: 35% !important;
}
.howo-native-advisory .howo-advisory-posts .box-image img {
  object-fit: cover;
}
.howo-native-advisory .howo-advisory-posts .box-text {
  padding: 10.08px 21.6px 20.16px;
  text-align: left;
}
.howo-native-advisory .howo-advisory-posts .post-title {
  color: #263d42;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 1.6px 0;
  text-transform: none;
}
.howo-native-advisory .howo-advisory-posts .post-meta {
  color: #68797d;
  font-size: 11.52px;
  line-height: 18.432px;
}
.howo-native-advisory .howo-advisory-posts .is-divider {
  display: none;
}
.howo-native-advisory .howo-advisory-posts .from_the_blog_excerpt {
  color: #52676c;
  font-size: 16px;
  line-height: 1.6;
  margin: 1.6px 0;
}
.howo-content-page #main > section.section.howo-advisory-partners {
  min-height: 0;
  padding: 0 !important;
}

@media (max-width: 849px) {
  .howo-content-page #main > section.section.howo-native-advisory {
    padding: 24px 0 !important;
  }
  .howo-single__grid {
    gap: 34px;
  }
  .howo-sidebar {
    padding: 0;
  }
}

@media (max-width: 549px) {
  .howo-native-advisory .howo-advisory-title .section-title {
    clip-path: polygon(0 0, 100% 0, calc(100% - 18px) 100%, 0 100%);
    height: 42px;
    padding: 0 14px;
  }
  .howo-native-advisory .howo-advisory-title .section-title-main {
    font-size: 14px;
  }
  .howo-native-advisory .howo-advisory-posts .post-item {
    padding-bottom: 24px;
  }
  .howo-native-advisory .howo-advisory-posts .box {
    align-items: stretch;
    display: flex !important;
    flex-flow: row nowrap;
  }
  .howo-native-advisory .howo-advisory-posts .box-image {
    flex: 0 0 38%;
    margin: 0;
    width: 38% !important;
  }
  .howo-native-advisory .howo-advisory-posts .box-text {
    flex: 1 1 auto;
    padding: 6px 0 8px 12px;
    text-align: left;
    width: 62%;
  }
  .howo-native-advisory .howo-advisory-posts .post-title {
    font-size: 13px;
  }
  .howo-native-advisory .howo-advisory-posts .from_the_blog_excerpt {
    display: none;
  }
  .howo-article__meta {
    font-size: 12px;
    gap: 5px 12px;
  }
}

.howo-site,
.howo-site button,
.howo-site input,
.howo-site select,
.howo-site textarea {
  color: var(--howo-text);
  font-family: "Be Vietnam Pro", "Be Vietnam", Arial, sans-serif;
}

.howo-site a {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.howo-shell {
  box-sizing: border-box;
  margin-inline: auto;
  max-width: var(--howo-shell);
  padding-inline: 24px;
  width: 100%;
}

.howo-front-page #main,
.howo-front-page .content-area,
.howo-front-page .page-wrapper {
  padding: 0;
}

.howo-front-page .footer-wrapper .absolute-footer {
  display: none;
}

/* Flatsome Header Builder */
.howo-site #header {
  box-shadow: 0 3px 18px rgba(23, 60, 68, .12);
}

.howo-site .header-main {
  border-bottom: 1px solid #edf1f2;
}

.howo-site #logo img {
  object-fit: contain;
}

.howo-site .header-bottom {
  background: var(--howo-petrol);
  border: 0;
}

.howo-site .header-bottom .nav > li > a {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .015em;
  padding-inline: 14px;
  text-transform: uppercase;
}

.howo-site .header-bottom .nav > li.active > a,
.howo-site .header-bottom .nav > li > a:hover {
  color: #fff;
  opacity: 1;
}

.howo-site .header-bottom .nav > li.active > a::after,
.howo-site .header-bottom .nav > li > a:hover::after {
  background: var(--howo-red);
  bottom: 0;
  content: "";
  height: 3px;
  left: 12px;
  position: absolute;
  right: 12px;
}

.howo-site .nav-dropdown {
  border: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 18px 36px rgba(16, 47, 54, .18);
  padding: 10px;
}

.howo-site .nav-dropdown > li > a {
  border-radius: 6px;
  color: var(--howo-ink);
  font-size: 12px;
  font-weight: 700;
  padding: 10px 12px;
}

.howo-site .nav-dropdown > li > a:hover {
  background: #eef4f4;
  color: var(--howo-red);
}

.howo-header-hotline > a {
  align-items: center;
  color: var(--howo-ink);
  display: flex;
  gap: 9px;
  white-space: nowrap;
}

.howo-header-hotline__icon {
  align-items: center;
  background: var(--howo-red);
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.howo-header-hotline small,
.howo-header-hotline strong {
  display: block;
  line-height: 1.25;
}

.howo-header-hotline small {
  color: #6b7d81;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.howo-header-hotline strong {
  color: var(--howo-red);
  font-size: 16px;
}

.howo-header-quote .button,
.howo-site .button.primary {
  background-color: var(--howo-red);
  border-color: var(--howo-red);
}

.howo-header-quote .button {
  border-radius: 999px;
  font-size: 12px;
  margin: 0;
}

.howo-site .searchform .search-field {
  border-color: var(--howo-line);
  border-radius: 999px 0 0 999px;
  box-shadow: none;
}

.howo-site .searchform .ux-search-submit {
  background: var(--howo-red);
  border-radius: 0 999px 999px 0;
}

/* Hero */
.howo-hero {
  background: #dfe6e7;
  height: var(--howo-hero-height);
  overflow: hidden;
  position: relative;
}

.howo-hero__track,
.howo-hero__slide {
  height: 100%;
}

.howo-hero__slide {
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity .7s ease, transform 5.5s ease;
}

.howo-hero__slide.is-active {
  opacity: 1;
  transform: scale(1.015);
  z-index: 1;
}

.howo-hero__slide img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.howo-slider-arrow,
.howo-scroll-arrow {
  align-items: center;
  background: rgba(20, 58, 66, .78);
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 32px;
  height: 46px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0 0 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  z-index: 3;
}

.howo-slider-arrow:hover,
.howo-scroll-arrow:hover {
  background: var(--howo-red);
  border-color: var(--howo-red);
}

.howo-slider-arrow--prev { left: clamp(12px, 3vw, 48px); }
.howo-slider-arrow--next { right: clamp(12px, 3vw, 48px); }

.howo-slider-dots {
  bottom: 18px;
  display: flex;
  gap: 8px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 4;
}

.howo-slider-dots button {
  background: rgba(255, 255, 255, .75);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  height: 8px;
  margin: 0;
  padding: 0;
  width: 22px;
}

.howo-slider-dots button.is-active {
  background: var(--howo-red);
  width: 42px;
}

/* Shared sections */
.howo-section {
  padding-block: 56px;
}

.howo-section-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 28px;
  min-height: 42px;
  overflow: hidden;
  position: relative;
}

.howo-section-heading::after {
  background: var(--howo-petrol);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: min(580px, 64%);
  z-index: 0;
}

.howo-section-heading::before {
  background: #fff;
  content: "";
  height: 80px;
  left: min(550px, 60%);
  position: absolute;
  top: -20px;
  transform: skewX(-28deg);
  width: 48px;
  z-index: 1;
}

.howo-section-heading h2 {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: clamp(16px, 1.6vw, 22px);
  font-weight: 700;
  gap: 9px;
  letter-spacing: .02em;
  line-height: 1.15;
  margin: 0;
  padding: 9px 20px;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}

.howo-section-heading > a {
  color: var(--howo-petrol);
  font-size: 12px;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}

/* Product tabs */
.howo-products-tabs {
  background: #fff;
  padding-bottom: 70px;
}

.howo-category-tabs {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin-bottom: 28px;
}

.howo-category-tabs button {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  color: #52666b;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 11px;
  font-weight: 700;
  gap: 7px;
  justify-content: flex-end;
  line-height: 1.25;
  margin: 0;
  min-height: 100px;
  padding: 8px 4px 12px;
  text-transform: uppercase;
}

.howo-category-tabs button:hover,
.howo-category-tabs button.is-active {
  border-bottom-color: var(--howo-red);
  color: var(--howo-red);
}

.howo-category-tabs img,
.howo-category-tabs__fallback {
  height: 58px;
  object-fit: contain;
  width: 88px;
}

.howo-category-tabs__fallback {
  align-items: center;
  color: var(--howo-petrol);
  display: flex;
  font-size: 42px;
  justify-content: center;
}

.howo-tab-panel[hidden] { display: none !important; }

.howo-product-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.howo-product-card {
  background: #fff;
  border: 1px solid #e4e9ea;
  border-radius: var(--howo-radius);
  box-shadow: 0 3px 12px rgba(22, 62, 70, .08);
  min-width: 0;
  overflow: hidden;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.howo-product-card:hover {
  border-color: #b8cbcf;
  box-shadow: var(--howo-shadow);
  transform: translateY(-5px);
}

.howo-product-card__image {
  aspect-ratio: 4 / 3;
  background: #f1f4f4;
  display: block;
  overflow: hidden;
  position: relative;
}

.howo-product-card__image img {
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
  width: 100%;
}

.howo-product-card:hover .howo-product-card__image img { transform: scale(1.045); }

.howo-product-card__more {
  background: rgba(223, 73, 67, .92);
  bottom: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  left: 0;
  padding: 8px 12px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  transform: translateY(101%);
  transition: transform .25s ease;
}

.howo-product-card:hover .howo-product-card__more { transform: none; }

.howo-product-card__body {
  padding: 16px 14px 18px;
  text-align: center;
}

.howo-product-card__body h3 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 0 10px;
  min-height: 38px;
  text-transform: uppercase;
}

.howo-product-card__body h3 a { color: var(--howo-ink); }
.howo-product-card__body h3 a:hover { color: var(--howo-red); }

.howo-rating {
  color: #ffc928;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 7px;
}

.howo-card-meta {
  color: #6b7c80;
  font-size: 11px;
}

/* Benefits */
.howo-benefits {
  background: var(--howo-petrol);
  color: #fff;
  padding-block: 64px 70px;
  position: relative;
}

.howo-benefits::before {
  background-image: linear-gradient(125deg, rgba(255,255,255,.025) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.025) 50%, rgba(255,255,255,.025) 75%, transparent 75%);
  background-size: 80px 80px;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.howo-benefits .howo-shell { position: relative; }

.howo-benefits__intro {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .02em;
  margin: 0 auto 42px;
  max-width: 980px;
  text-align: center;
  text-transform: uppercase;
}

.howo-benefits__grid {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.howo-benefits article { text-align: center; }

.howo-benefits__icon {
  align-items: center;
  border: 2px solid var(--howo-gold);
  border-radius: 50%;
  color: var(--howo-gold);
  display: inline-flex;
  font-size: 29px;
  height: 72px;
  justify-content: center;
  margin-bottom: 18px;
  width: 72px;
}

.howo-benefits h3 {
  color: var(--howo-gold);
  font-size: 16px;
  margin-bottom: 10px;
}

.howo-benefits article p {
  color: rgba(255, 255, 255, .85);
  font-size: 12px;
  line-height: 1.65;
  margin: 0 auto;
  max-width: 240px;
}

/* Bestseller scroll rail */
.howo-bestsellers { background: var(--howo-paper); }

.howo-bestsellers__panel {
  background: var(--howo-petrol);
  border-radius: 14px;
  box-shadow: var(--howo-shadow);
  padding: 22px;
}

.howo-bestsellers .howo-section-heading { margin-bottom: 20px; }
.howo-bestsellers .howo-section-heading::after { background: transparent; }
.howo-bestsellers .howo-section-heading::before { display: none; }
.howo-bestsellers .howo-section-heading h2 { padding-left: 0; }
.howo-bestsellers .howo-section-heading > a { color: #fff; }

.howo-scroller-wrap { position: relative; }

.howo-card-scroller {
  display: grid;
  gap: 16px;
  grid-auto-columns: calc((100% - 48px) / 4);
  grid-auto-flow: column;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 2px 1px 8px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.howo-card-scroller::-webkit-scrollbar { display: none; }
.howo-card-scroller .howo-product-card { scroll-snap-align: start; }

.howo-scroll-arrow {
  height: 40px;
  opacity: 0;
  pointer-events: none;
  width: 40px;
}

.howo-scroller-wrap:hover .howo-scroll-arrow {
  opacity: 1;
  pointer-events: auto;
}

.howo-scroll-arrow--prev { left: -17px; }
.howo-scroll-arrow--next { right: -17px; }

/* News */
.howo-news { background: #fff; }

.howo-news__layout {
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 1fr) 310px;
}

.howo-news__grid {
  display: grid;
  gap: 16px 22px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.howo-news-card {
  align-items: center;
  border-bottom: 1px solid var(--howo-line);
  display: grid;
  gap: 14px;
  grid-template-columns: 130px 1fr;
  padding-bottom: 14px;
}

.howo-news-card--featured {
  align-items: start;
  grid-row: span 4;
  grid-template-columns: 1fr;
}

.howo-news-card__image {
  aspect-ratio: 16 / 10;
  background: #eef2f3;
  border-radius: 8px;
  display: block;
  overflow: hidden;
}

.howo-news-card__image img {
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
  width: 100%;
}

.howo-news-card:hover .howo-news-card__image img { transform: scale(1.04); }

.howo-news-card time,
.howo-archive-card time {
  color: #819196;
  font-size: 11px;
}

.howo-news-card h3 {
  font-size: 13px;
  line-height: 1.45;
  margin: 4px 0 0;
}

.howo-news-card--featured h3 { font-size: 20px; }
.howo-news-card h3 a { color: var(--howo-ink); }
.howo-news-card h3 a:hover { color: var(--howo-red); }
.howo-news-card p { color: #64767a; font-size: 13px; line-height: 1.65; margin: 8px 0 0; }

.howo-promo {
  align-self: start;
  background: linear-gradient(160deg, #ffd960, #f1b631);
  border: 1px solid #e3aa22;
  border-radius: var(--howo-radius);
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.24), var(--howo-shadow);
  min-height: 410px;
  padding: 25px;
}

.howo-promo h2 {
  color: #a36011;
  font-size: 19px;
  text-transform: uppercase;
}

.howo-promo p { color: #66440e; font-weight: 700; }
.howo-promo ul { color: #765313; font-size: 13px; line-height: 1.7; }
.howo-promo .button { border-radius: 999px; margin-top: 18px; }

/* Partners */
.howo-partners {
  background: var(--howo-petrol);
  min-height: 262px;
  padding-block: 30px;
}

.howo-partners .howo-shell { max-width: 1230px; padding-inline: 0; }

.howo-partners__title {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: 1fr auto 1fr;
  margin: 20px 0 35px;
  min-height: 52px;
}

.howo-partners__title span { background: rgba(255,255,255,.18); height: 1px; }
.howo-partners h2 { color: #fff; font-size: 22px; line-height: 1.6; margin: 0; text-transform: uppercase; }

.howo-partners__logos {
  align-items: center;
  cursor: grab;
  display: flex;
  gap: 4px;
  height: 95px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-y;
  user-select: none;
}
.howo-partners__logos::-webkit-scrollbar { display: none; }
.howo-partners__logos.is-dragging { cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; }

.howo-partners__logos > div {
  align-items: center;
  background: #fff;
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 160px;
  height: 95px;
  justify-content: center;
  padding: 15px;
  scroll-snap-align: start;
}

.howo-partners__logos img { height: 65px; max-height: none; max-width: none; object-fit: fill; width: 130px; }

/* Quote form and footer */
.howo-quote-form h2,
.howo-footer h2 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 14px;
  text-transform: uppercase;
}

.howo-quote-form > p { color: #687a7e; font-size: 12px; line-height: 1.5; }

.howo-quote-form form {
  display: grid;
  gap: 9px;
}

.howo-quote-form label { margin: 0; }
.howo-quote-form label > span { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.howo-quote-form input,
.howo-quote-form select {
  background: #fff;
  border: 1px solid #d9e1e2;
  border-radius: 5px;
  box-shadow: none;
  font-size: 12px;
  height: 40px;
  margin: 0;
  padding-inline: 12px;
}

.howo-quote-form input:focus,
.howo-quote-form select:focus {
  border-color: var(--howo-petrol);
  box-shadow: 0 0 0 3px rgba(32,81,91,.12);
}

.howo-quote-form .button {
  border-radius: 5px;
  font-size: 12px;
  margin: 2px 0 0;
}

.howo-honeypot { left: -9999px; position: absolute; }

.howo-form-message {
  border-radius: 5px;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 10px 12px;
}

.howo-form-message--success { background: #e6f6ed; color: #176337; }
.howo-form-message--error { background: #fff0ef; color: #a82e29; }

.howo-footer { background: #fff; }
.howo-footer__main { padding-block: 48px; }

.howo-footer__grid {
  display: grid;
  gap: 50px;
  grid-template-columns: 1.05fr .9fr 1.05fr;
}

.howo-footer__logo { height: 80px; margin-bottom: 14px; object-fit: contain; object-position: left; width: auto; }
.howo-footer__company ul,
.howo-footer__links ul { list-style: none; margin: 0; }

.howo-footer__company li {
  color: #4d6166;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 8px;
}

.howo-footer__company a { color: #4d6166; }
.howo-footer__company a:hover { color: var(--howo-red); }

.howo-footer__links li { border-bottom: 1px solid #b9c5c7; margin: 0; }
.howo-footer__links li a { color: #465a5f; display: block; font-size: 12px; padding: 8px 0; text-transform: uppercase; }
.howo-footer__links li a:hover { color: var(--howo-red); padding-left: 5px; }

.howo-trust { display: flex; gap: 10px; margin-top: 22px; }
.howo-trust span { background: var(--howo-petrol); border-radius: 4px; color: #fff; font-size: 10px; font-weight: 700; padding: 9px 12px; }

.howo-footer__bottom { background: #0d1618; color: rgba(255,255,255,.72); font-size: 11px; padding-block: 18px; }
.howo-footer__bottom .howo-shell { display: flex; justify-content: space-between; }

/* Blog archive and article */
.howo-page-hero {
  background: linear-gradient(125deg, var(--howo-petrol-dark), var(--howo-petrol));
  color: #fff;
  padding-block: 62px;
}

.howo-page-hero p { color: var(--howo-gold); font-size: 12px; font-weight: 700; letter-spacing: .1em; margin: 0 0 8px; text-transform: uppercase; }
.howo-page-hero h1 { color: #fff; font-size: clamp(28px, 4vw, 48px); margin: 0 0 8px; }
.howo-page-hero span { color: rgba(255,255,255,.78); }

.howo-archive__grid { padding-block: 55px; }

.howo-post-grid {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.howo-archive-card {
  background: #fff;
  border: 1px solid var(--howo-line);
  border-radius: var(--howo-radius);
  box-shadow: 0 5px 18px rgba(23,60,68,.07);
  overflow: hidden;
}

.howo-archive-card__image { aspect-ratio: 16/10; display: block; overflow: hidden; }
.howo-archive-card__image img { height: 100%; object-fit: cover; transition: transform .4s ease; width: 100%; }
.howo-archive-card:hover img { transform: scale(1.04); }
.howo-archive-card > div { padding: 20px; }
.howo-archive-card h2 { font-size: 18px; line-height: 1.45; margin: 6px 0 10px; }
.howo-archive-card h2 a { color: var(--howo-ink); }
.howo-archive-card p { color: #64767a; font-size: 13px; line-height: 1.65; }
.howo-read-more { color: var(--howo-red); font-size: 12px; font-weight: 700; text-transform: uppercase; }

.howo-single { background: #fff; padding-block: 30px 60px; }

.howo-single__grid {
  align-items: start;
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 3fr) minmax(250px, 1fr);
}

.howo-article {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  padding: 0;
}

.howo-article__header { padding: 0 0 14px; }
.howo-article__header h1 {
  color: #114a54;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 10px;
}
.howo-article__meta {
  align-items: center;
  color: #536b70;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 8px 20px;
  line-height: 24px;
  margin: 0;
}
.howo-article__meta > * { align-items: center; display: inline-flex; gap: 5px; }
.howo-meta-icon {
  fill: none;
  height: 15px;
  stroke: #ec1f27;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 15px;
}
.howo-article__content { color: #114a54; font-size: 16px; line-height: 1.6; }
.howo-article__content .related-post {
  background: #eaf5ff;
  border-radius: 4px;
  list-style: none;
  margin: 0 0 20px;
  padding: 13px 16px;
}
.howo-article__content .related-post-item {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  margin: 0;
}
.howo-article__content .related-post-item::before {
  color: #1888cf;
  content: "\2713";
  flex: 0 0 auto;
  font-weight: 700;
  line-height: 1.6;
}
.howo-article__content .related-post-item i {
  color: #1888cf;
  display: none;
}
.howo-article__content .related-post-item a {
  color: #164f72;
  font-weight: 600;
}
.howo-article__content ul.thongtinlienhe {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.howo-article__content ul.thongtinlienhe > li {
  list-style: none;
  margin-left: 0;
}
.howo-article__content ul.thongtinlienhe > li::marker { content: ""; }
.howo-article__content h2,
.howo-article__content h3 { color: #114a54; line-height: 1.4; margin-top: 1.5em; }
.howo-article__content h2 { font-size: 23px; }
.howo-article__content h3 { font-size: 19px; }
.howo-article__content img { border-radius: 0; height: auto; }
.howo-article__content table { border: 1px solid var(--howo-line); font-size: 14px; }
.howo-article__content td,
.howo-article__content th { border-color: var(--howo-line); padding: 10px; }

.howo-sidebar { padding: 0 15px 0 30px; }
.howo-sidebar__sticky { position: sticky; top: 110px; }
.howo-sidebar h2 {
  color: #ec1f27;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  text-transform: uppercase;
}
.howo-sidebar__divider { background: rgba(0, 0, 0, .10); display: block; height: 3px; margin: 8px 0 10px; max-width: 30px; }
.howo-sidebar ul { list-style: none; margin: 0; padding: 0; }
.howo-sidebar li { border-bottom: 1px solid #ececec; margin: 0; padding: 10px 0; }
.howo-sidebar li a {
  align-items: flex-start;
  color: #263d42;
  display: grid;
  font-size: 12px;
  font-weight: 500;
  gap: 10px;
  grid-template-columns: 50px minmax(0, 1fr);
  line-height: 1.35;
}
.howo-sidebar li a:hover { color: #ec1f27; }
.howo-sidebar li img { border-radius: 0; height: 50px; object-fit: cover; width: 50px; }

/* WooCommerce */
.howo-site.woocommerce .shop-container,
.howo-site.single-product #main { background: var(--howo-paper); }
.howo-site.single-product .product-main { padding-block: 45px; }
.howo-site.single-product .product { background: #fff; border-radius: 14px; box-shadow: var(--howo-shadow); padding: 28px; }
.howo-site.single-product .product-title { color: var(--howo-ink); font-size: clamp(25px, 3vw, 38px); line-height: 1.3; }
.howo-site.single-product .product-short-description { color: #53686d; font-size: 14px; line-height: 1.7; }
.howo-site.single-product .woocommerce-product-gallery__image img { border-radius: 9px; }
.howo-site.single-product .product-gallery .flickity-slider > div { border-radius: 7px; overflow: hidden; }
.howo-product-cta { display: grid; gap: 9px; grid-template-columns: 1fr 1fr; margin-top: 20px; }
.howo-product-cta .button { border-radius: 6px; margin: 0; }
.howo-site .product-footer .woocommerce-tabs { background: #fff; border-radius: 14px; box-shadow: var(--howo-shadow); margin-bottom: 44px; padding: 28px; }
.howo-site .woocommerce-tabs .entry-content { font-size: 15px; line-height: 1.8; }
.howo-site .woocommerce-tabs .entry-content img { border-radius: 8px; }
.howo-site .woocommerce-tabs table { font-size: 13px; }
.howo-shop-heading { background: linear-gradient(135deg, #f3f8f8, #fff); border-left: 4px solid var(--howo-red); border-radius: 8px; margin: 0 0 22px; padding: 18px 20px; width: 100%; }
.howo-shop-heading h1 { color: var(--howo-ink); font-size: clamp(23px, 3vw, 34px); letter-spacing: -.02em; margin: 0; text-transform: uppercase; }
.howo-shop-heading div { color: #60757a; font-size: 14px; margin-top: 7px; }
.howo-shop-heading div > :last-child { margin-bottom: 0; }

@media (max-width: 1024px) {
  .howo-site .header-bottom .nav > li > a { font-size: 11px; padding-inline: 8px; }
  .howo-category-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .howo-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .howo-card-scroller { grid-auto-columns: calc((100% - 32px) / 3); }
  .howo-benefits__grid { gap: 24px; }
  .howo-news__layout { grid-template-columns: 1fr 270px; }
  .howo-footer__grid { gap: 28px; grid-template-columns: 1fr 1fr; }
  .howo-footer__grid > :last-child { grid-column: 1 / -1; }
  .howo-footer__grid > :last-child .howo-quote-form form { grid-template-columns: 1fr 1fr; }
  .howo-footer__grid > :last-child .howo-quote-form .button { grid-column: 1 / -1; }
  .howo-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .howo-single__grid { grid-template-columns: minmax(0, 1fr) 270px; }
}

@media (max-width: 849px) {
  .howo-shell { padding-inline: 18px; }
  .howo-site .header-main { background: #fff; }
  .howo-site .mobile-nav .icon-menu { color: var(--howo-petrol); }
  .howo-site .off-canvas-left .mfp-content,
  .howo-site .off-canvas-right .mfp-content { background: var(--howo-petrol-dark); }
  .howo-site .off-canvas-left.mfp-ready .mfp-content,
  .howo-site .off-canvas-right.mfp-ready .mfp-content { transform: translateX(0) !important; }
  .howo-site .sidebar-menu .nav > li > a { color: #fff; font-weight: 700; }
  .howo-site .sidebar-menu .nav > li > ul > li > a { color: rgba(255,255,255,.8); }
  .howo-hero { height: clamp(260px, 55vw, 440px); }
  .howo-section { padding-block: 42px; }
  .howo-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .howo-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .howo-card-scroller { grid-auto-columns: calc((100% - 16px) / 2); }
  .howo-scroll-arrow { display: none; }
  .howo-news__layout { grid-template-columns: 1fr; }
  .howo-promo { min-height: 0; }
  .howo-single__grid { grid-template-columns: 1fr; }
  .howo-sidebar__sticky { position: static; }
}

@media (max-width: 549px) {
  .howo-shell { padding-inline: 14px; }
  .howo-hero { height: 56vw; min-height: 210px; }
  .howo-slider-arrow { height: 36px; width: 36px; }
  .howo-slider-arrow--prev { left: 8px; }
  .howo-slider-arrow--next { right: 8px; }
  .howo-slider-dots { bottom: 10px; }
  .howo-slider-dots button { height: 6px; width: 14px; }
  .howo-slider-dots button.is-active { width: 26px; }
  .howo-section-heading { margin-bottom: 19px; }
  .howo-section-heading::after { width: 78%; }
  .howo-section-heading::before { left: 73%; }
  .howo-section-heading h2 { font-size: 15px; padding-inline: 12px; }
  .howo-section-heading > a { font-size: 0; }
  .howo-section-heading > a span { font-size: 20px; }
  .howo-category-tabs { display: flex; margin-inline: -14px; overflow-x: auto; padding-inline: 14px; scrollbar-width: none; }
  .howo-category-tabs button { flex: 0 0 105px; min-height: 90px; }
  .howo-category-tabs img,
  .howo-category-tabs__fallback { height: 48px; width: 70px; }
  .howo-product-grid { gap: 10px; }
  .howo-product-card { border-radius: 8px; }
  .howo-product-card__body { padding: 11px 8px 13px; }
  .howo-product-card__body h3 { font-size: 10.5px; min-height: 45px; }
  .howo-rating { font-size: 11px; }
  .howo-card-meta { font-size: 9px; }
  .howo-product-card__more { display: none; }
  .howo-benefits { padding-block: 45px; }
  .howo-benefits__intro { font-size: 13px; margin-bottom: 30px; }
  .howo-benefits__grid { gap: 28px 12px; }
  .howo-benefits__icon { font-size: 22px; height: 58px; margin-bottom: 12px; width: 58px; }
  .howo-benefits h3 { font-size: 13px; }
  .howo-benefits article p { font-size: 10.5px; line-height: 1.55; }
  .howo-bestsellers__panel { border-radius: 9px; margin-inline: -7px; padding: 13px; }
  .howo-card-scroller { gap: 9px; grid-auto-columns: 76%; }
  .howo-news__grid { grid-template-columns: 1fr; }
  .howo-news-card--featured { grid-row: auto; }
  .howo-news-card { grid-template-columns: 110px 1fr; }
  .howo-news-card--featured { grid-template-columns: 1fr; }
  .howo-news-card--featured h3 { font-size: 18px; }
  .howo-footer__main { padding-block: 38px; }
  .howo-footer__grid { grid-template-columns: 1fr; }
  .howo-footer__grid > :last-child { grid-column: auto; }
  .howo-footer__grid > :last-child .howo-quote-form form { grid-template-columns: 1fr; }
  .howo-footer__grid > :last-child .howo-quote-form .button { grid-column: auto; }
  .howo-footer__bottom .howo-shell { align-items: center; flex-direction: column; gap: 5px; text-align: center; }
  .howo-post-grid { grid-template-columns: 1fr; }
  .howo-page-hero { padding-block: 42px; }
  .howo-single { padding-block: 20px 50px; }
  .howo-article { padding: 0; }
  .howo-article__header h1 { font-size: 18px; }
  .howo-article__content { font-size: 15px; }
  .howo-product-cta { grid-template-columns: 1fr; }
  .howo-site.single-product .product { border-radius: 0; padding: 15px; }
  .howo-site .product-footer .woocommerce-tabs { border-radius: 0; padding: 16px; }
}

/* Source-fidelity pass: measured against howosinotrukvietnam.com. */
:root {
  --howo-ink: #114a54;
  --howo-petrol: #114a54;
  --howo-petrol-dark: #0b3941;
  --howo-red: #ec1f27;
  --howo-gold: #f89800;
  --howo-paper: #f6f6f6;
  --howo-line: #d9d9d9;
  --howo-text: #114a54;
  --howo-radius: 10px;
  --howo-shadow: 0 1px 2px rgba(0, 0, 0, .18);
  --howo-shell: 1300px;
}

.howo-site,
.howo-site button,
.howo-site input,
.howo-site select,
.howo-site textarea {
  font-family: "Be Vietnam", Arial, sans-serif;
}

.howo-shell { padding-inline: 15px; }

/* Header: five measured desktop blocks, followed by the source navigation. */
.howo-site #header { box-shadow: none; }
.howo-site .header-main { border: 0; }
.howo-site .header-main .header-inner.container {
  height: 135px;
  max-width: none !important;
  padding: 0 !important;
}
.howo-brand-left,
.howo-site .header-main #logo,
.howo-brand-right {
  align-items: center;
  display: flex;
  flex: 0 0 220px;
  height: 135px;
  justify-content: center;
  margin: 0;
  max-width: 220px;
  padding: 0;
  width: 220px;
}
.howo-brand-left img,
.howo-brand-right img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.howo-site .header-main #logo img {
  height: 124px;
  max-height: 124px !important;
  object-fit: contain;
  width: 220px;
}
.howo-site .header-main .flex-left {
  height: 135px;
  min-width: 0;
}
.howo-site .header-main .flex-left > .nav,
.howo-site .header-main .flex-right > .nav {
  height: 100%;
  margin: 0;
  width: 100%;
}
.howo-site .header-main .flex-right { flex: 0 0 462px; }
.howo-site .header-main .flex-right > .nav {
  align-items: center;
  flex-wrap: nowrap;
}
.howo-site .header-main .nav > li { margin: 0; }
.howo-header-banner {
  align-items: center;
  display: flex;
  height: 135px;
  justify-content: center;
  padding: 20px 8px 12px;
  width: 100%;
}
.howo-header-banner img {
  display: block;
  height: auto;
  max-height: none;
  object-fit: contain;
  padding-top: 35px;
  width: 93%;
}
.howo-header-contact {
  align-items: stretch;
  display: flex;
  flex: 0 0 220px;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  margin: 0 22px 0 0 !important;
  width: 220px;
}
.howo-site .header-main .nav > li.howo-header-contact {
  display: block;
  height: 135px;
}
.howo-header-contact__phone {
  align-items: center;
  background: var(--howo-red);
  border-radius: 6px;
  color: #fff !important;
  display: flex;
  font-size: 21px;
  font-weight: 700;
  gap: 10px;
  height: 47px;
  justify-content: center;
  line-height: 1;
  padding: 0 12px;
}
.howo-header-contact__phone .icon-phone { font-size: 24px; }
.howo-site .header-main .nav > li.howo-header-contact > a.howo-header-contact__phone {
  border-radius: 999px;
  display: flex;
  font-family: "Be Vietnam", sans-serif;
  font-size: 16px;
  height: 40.4px;
  letter-spacing: .03em;
  line-height: 38.4px;
  min-height: 40.4px;
  margin-top: 28px;
  padding: 0 19.2px;
  width: 220px;
}
.howo-site .header-main .nav > li.howo-header-contact > a.howo-header-contact__phone .icon-phone {
  font-size: 18px;
  margin: 0;
}
.howo-header-contact form,
.howo-header-contact .searchform { margin: 10px 0 0; width: 220px; }
.howo-header-contact .flex-row { height: 34px; }
.howo-header-contact .search-field {
  border: 1px solid #dedede;
  border-radius: 5px 0 0 5px !important;
  font-size: 12px;
  height: 34px;
  padding-left: 11px;
}
.howo-header-contact .ux-search-submit {
  border-radius: 0 5px 5px 0 !important;
  height: 34px;
  min-height: 34px;
  width: 42px;
}
.howo-site .header-bottom { min-height: 55px; }
.howo-site .header-bottom .flex-row { min-height: 55px; }
.howo-site .header-bottom .nav { align-items: stretch; min-height: 55px; }
.howo-site .header-bottom .nav > li {
  align-items: stretch;
  margin: 0 13px;
}
.howo-site .header-bottom .nav > li:first-child { margin-left: 0; }
.howo-site .header-bottom .nav > li:last-child { margin-right: 0; }
.howo-site .header-bottom .nav > li > a {
  align-items: center;
  display: flex;
  font-family: "Be Vietnam", sans-serif;
  font-size: 16px;
  height: 55px;
  letter-spacing: .02em;
  line-height: 35px;
  padding: 10px 0;
}
.howo-site .header-bottom .nav > li.active > a,
.howo-site .header-bottom .nav > li > a:hover { color: #ec1f27; }
.howo-site .header-bottom .nav > li.active > a::after,
.howo-site .header-bottom .nav > li > a:hover::after { display: none; }
.howo-site .header-bottom .nav > li:last-child {
  background: var(--howo-red);
  padding-inline: 20px;
}
.howo-site .header-bottom .nav > li:last-child > a {
  background: transparent;
  color: #fff !important;
}
.howo-site .header-bottom .nav > li:last-child > a::before {
  content: "\e017";
  font-family: "fl-icons";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-right: 8px;
}

/* Hero proportions and controls. */
.howo-hero { height: var(--howo-hero-height); min-height: 0; }
.howo-hero__slide { transition: opacity .65s ease; }
.howo-hero__slide.is-active { transform: none; }
.howo-hero .howo-slider-arrow { opacity: 0; pointer-events: none; }
.howo-slider-dots { bottom: 11px; gap: 7px; }
.howo-slider-dots button,
.howo-slider-dots button.is-active {
  background: rgba(255, 255, 255, .94);
  border-radius: 0;
  height: 4px;
  opacity: .9;
  width: 38px;
}
.howo-slider-dots button.is-active { opacity: 1; }

/* Product category tabs and four-card desktop rail. */
.howo-products-mobile { display: none; }
.howo-products-tabs { min-height: 774px; padding: 30px 0 39px; }
.howo-section-heading {
  height: 46px;
  margin-bottom: 15px;
  min-height: 46px;
}
.howo-section-heading::after { width: 100%; }
.howo-section-heading::before {
  left: auto;
  right: -20px;
  transform: skewX(-24deg);
  width: 60px;
}
.howo-section-heading h2 {
  font-size: 22px;
  line-height: 46px;
  padding: 0 20px;
}
.howo-products-desktop > .howo-section-heading { margin-inline: 15px; }
.howo-category-tabs {
  gap: 26.6667px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 15px 17px;
}
.howo-category-tabs button {
  font-size: 12px;
  min-height: 136px;
  padding: 8px 6px 12px;
}
.howo-category-tabs img,
.howo-category-tabs__fallback {
  height: 82px;
  width: 128px;
}
.howo-product-scroller {
  display: grid;
  gap: 29px;
  grid-auto-columns: calc((100% - 98px) / 4);
  grid-auto-flow: column;
  grid-template-columns: none;
  overflow-x: auto;
  padding: 10px 40px 12px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.howo-product-scroller::-webkit-scrollbar { display: none; }
.howo-product-scroller .howo-product-card { scroll-snap-align: start; }
.howo-product-card {
  border: 0;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .18);
  min-height: 353px;
  padding: 10px 15px;
}
.howo-product-card:hover {
  border: 0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
  transform: translateY(-2px);
}
.howo-product-card__image { background: #fff; }
.howo-product-card__more { display: none; }
.howo-product-card__body { padding: 14px 2px 9px; }
.howo-product-card__body h3 {
  color: #114a54;
  font-size: 13px;
  line-height: 1.45;
  min-height: 57px;
}
.howo-rating { color: #ffd700; }
.howo-card-meta { color: #777; }
.howo-product-scroller__footer {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 12px 40px 0;
  min-height: 42px;
}
.howo-product-scroller__nav {
  align-items: center;
  background: #f3f7f8;
  border: 1px solid #d9e4e6;
  border-radius: 7px;
  box-shadow: 0 3px 12px rgba(17, 74, 84, .12);
  display: inline-flex;
  overflow: hidden;
}
.howo-product-scroller-wrap .howo-scroll-arrow {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--howo-petrol) !important;
  display: flex;
  font-size: 26px;
  font-weight: 400;
  height: 40px !important;
  justify-content: center;
  left: auto;
  line-height: 1;
  margin: 0;
  max-height: 40px !important;
  max-width: 42px;
  min-height: 40px !important;
  min-width: 42px;
  opacity: 1;
  padding: 0 0 2px;
  pointer-events: auto;
  position: static;
  right: auto;
  top: auto;
  transform: none;
  transition: background-color .18s ease, color .18s ease, opacity .18s ease, transform .18s ease;
  width: 42px;
}
.howo-product-scroller-wrap .howo-scroll-arrow--prev {
  border-right: 1px solid #d9e4e6;
}
.howo-product-scroller-wrap .howo-scroll-arrow:hover,
.howo-product-scroller-wrap .howo-scroll-arrow:focus-visible {
  background: var(--howo-petrol);
  box-shadow: none;
  color: #fff !important;
  opacity: 1;
  transform: none;
}
.howo-product-scroller-wrap .howo-scroll-arrow:active {
  background: var(--howo-red);
  transform: scale(.96);
}
.howo-product-scroller-wrap .howo-scroll-arrow:disabled {
  background: transparent !important;
  color: #9aa9ac !important;
  cursor: not-allowed;
  opacity: .42;
  pointer-events: none;
  transform: none;
}
.howo-product-scroller-wrap.has-no-scroll-overflow .howo-product-scroller__nav {
  visibility: hidden;
}
.howo-products-more {
  color: #555;
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin: 8px 15px 0;
  text-align: right;
  text-transform: uppercase;
}
.howo-product-scroller__footer .howo-products-more { margin: 0; }

/* Benefits and bestselling panels. */
.howo-benefits {
  min-height: 526px;
  padding: 58px 0 55px;
}
.howo-benefits::before { display: none; }
.howo-benefits__intro {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 44px;
}
.howo-benefits__grid { gap: 30px; }
.howo-benefits__icon { height: 88px; width: 88px; }
.howo-benefits h3 { font-size: 16px; }
.howo-benefits article p { font-size: 12px; max-width: 270px; }
.howo-bestsellers { margin-top: 30px; padding: 0; }
.howo-bestsellers__panel {
  background: linear-gradient(135deg, #155965, #0e4049);
  border-radius: 10px;
  box-shadow: none;
  min-height: 519px;
  padding: 15px;
}
.howo-bestsellers .howo-section-heading { margin-bottom: 13px; }
.howo-bestsellers .howo-section-heading h2 { font-size: 21px; }
.howo-card-scroller { gap: 16px; grid-auto-columns: calc((100% - 48px) / 4); }
.howo-card-scroller .howo-product-card { min-height: 394px; }

/* Source-like editorial column and promotion panel. */
.howo-news { margin-top: 30px; min-height: 673px; padding: 30px 0; }
.howo-news__layout {
  gap: 54px;
  grid-template-columns: minmax(0, 1fr) 258px;
}
.howo-news__grid {
  gap: 12px 22px;
  grid-template-columns: 1.45fr 1fr;
}
.howo-news-card { min-height: 88px; }
.howo-news-card--featured { grid-row: span 5; }
.howo-news-card__image { border-radius: 0; }
.howo-promo {
  border-radius: 2px;
  box-shadow: none;
  min-height: 540px;
  padding: 24px 20px;
}

/* Partners mirror the source logo-strip dimensions. */
.howo-partners { min-height: 262px; padding: 30px 0; }
.howo-partners__logos { gap: 4px; }
.howo-partners__logos > div { border-radius: 0; height: 95px; }
.howo-footer { min-height: 582px; }
.howo-footer__main { padding: 80px 0 81px; }
.howo-footer__grid { gap: 36px; }

@media (max-width: 1100px) and (min-width: 850px) {
  .howo-brand-left,
  .howo-site .header-main #logo,
  .howo-brand-right { flex-basis: 175px; max-width: 175px; width: 175px; }
  .howo-site .header-main #logo img { width: 175px; }
  .howo-site .header-main .flex-right { flex-basis: 370px; }
  .howo-header-contact { flex-basis: 175px; margin: 0 20px 0 0 !important; width: 175px; }
  .howo-header-contact form,
  .howo-header-contact .searchform { width: 175px; }
  .howo-header-contact__phone { font-size: 16px; }
  .howo-site .header-bottom .nav > li > a { font-size: 11px; padding-inline: 10px; }
}

@media (max-width: 849px) {
  .howo-shell { padding-inline: 15px; }
  .howo-site .header-main .header-inner.container { height: 75px; padding: 0 15px !important; }
  .howo-site .header-main #logo {
    flex-basis: 145px;
    height: 75px;
    max-width: 145px;
    width: 145px;
  }
  .howo-site .header-main #logo img { height: 68px; max-height: 68px !important; width: 145px; }
  .howo-site .header-main .show-for-medium.flex-left,
  .howo-site .header-main .show-for-medium.flex-right { height: 75px; }
  .howo-site .header-main .mobile-nav > li > a { min-height: 44px; min-width: 44px; }
  .howo-site .header-main .mobile-nav .icon-menu {
    align-items: center;
    background: var(--howo-petrol);
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
  }
  .howo-hero { aspect-ratio: 25 / 9; height: auto; min-height: 0; }
  .howo-product-scroller { grid-auto-columns: calc((100% - 16px) / 2); }
  .howo-benefits { min-height: 680px; }
  .howo-news__layout { gap: 24px; grid-template-columns: 1fr; }
  .howo-promo { min-height: 190px; }
  .howo-partners .howo-shell { max-width: none; padding-inline: 15px; }
}

@media (max-width: 549px) {
  .howo-hero { aspect-ratio: 25 / 9; height: auto; min-height: 0; }
  .howo-slider-dots { bottom: 6px; gap: 5px; }
  .howo-slider-dots button,
  .howo-slider-dots button.is-active { height: 3px; width: 25px; }

  .howo-products-desktop { display: none; }
  .howo-products-mobile { display: block; }
  .howo-products-tabs { padding: 18px 0 20px; }
  .howo-mobile-product-group { margin: 0 0 25px; }
  .howo-mobile-product-group:last-child { margin-bottom: 0; }
  .howo-mobile-category-heading {
    align-items: center;
    display: flex;
    height: 46px;
    justify-content: space-between;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 10px 0 14px;
    position: relative;
  }
  .howo-mobile-category-heading::before {
    background: var(--howo-petrol);
    clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%);
    content: "";
    inset: 0 auto 0 0;
    position: absolute;
    width: 76%;
  }
  .howo-mobile-category-heading h2 {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    gap: 7px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
  }
  .howo-mobile-category-heading a {
    color: #555;
    font-size: 10px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
  }
  .howo-mobile-product-group .howo-product-grid {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .howo-mobile-product-group .howo-product-card {
    display: flex;
    flex-direction: column;
    min-height: 359px;
    padding: 10px 12px;
  }
  .howo-mobile-product-group .howo-product-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px 1px 8px;
  }
  .howo-mobile-product-group .howo-product-card__body h3 {
    font-size: 12.5px;
    line-height: 1.5;
    min-height: 112px;
  }
  .howo-mobile-product-group .howo-rating { font-size: 13px; margin-top: auto; }
  .howo-mobile-product-group .howo-card-meta { font-size: 10px; }

  .howo-benefits {
    min-height: 883px;
    padding: 50px 0 48px;
  }
  .howo-benefits__intro { font-size: 13px; line-height: 1.75; margin-bottom: 42px; }
  .howo-benefits__grid { gap: 42px 12px; }
  .howo-benefits article { min-height: 255px; }
  .howo-benefits__icon { font-size: 28px; height: 82px; margin-bottom: 17px; width: 82px; }
  .howo-benefits h3 { font-size: 14px; line-height: 1.45; min-height: 41px; }
  .howo-benefits article p { font-size: 11.5px; line-height: 1.7; }

  .howo-bestsellers { padding: 0; }
  .howo-bestsellers__panel { margin: 0; min-height: 398px; padding: 12px; }
  .howo-bestsellers .howo-section-heading { height: 42px; min-height: 42px; }
  .howo-bestsellers .howo-section-heading h2 { font-size: 16px; line-height: 42px; }
  .howo-card-scroller { gap: 8px; grid-auto-columns: calc((100% - 8px) / 2); }
  .howo-card-scroller .howo-product-card { min-height: 302px; padding: 8px; }
  .howo-card-scroller .howo-product-card__body { padding: 10px 2px 5px; }
  .howo-card-scroller .howo-product-card__body h3 { font-size: 10.5px; min-height: 64px; }

  .howo-news { min-height: 820px; padding: 30px 0; }
  .howo-news .howo-section-heading { margin-bottom: 14px; }
  .howo-news__layout { gap: 18px; }
  .howo-news__grid {
    gap: 12px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .howo-news-card {
    display: block;
    min-height: 0;
    padding-bottom: 10px;
  }
  .howo-news-card--featured {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  .howo-news-card:nth-child(n+4) { display: none; }
  .howo-news-card:not(.howo-news-card--featured) .howo-news-card__image { margin-bottom: 8px; }
  .howo-news-card h3 { font-size: 11px; line-height: 1.45; }
  .howo-news-card--featured h3 { font-size: 17px; }
  .howo-news-card--featured p { display: none; }
  .howo-promo { min-height: 180px; padding: 16px 18px; }
  .howo-promo h2 { font-size: 17px; margin-bottom: 8px; }
  .howo-promo p { font-size: 13px; margin-bottom: 7px; }
  .howo-promo ul { font-size: 11px; line-height: 1.5; margin-bottom: 5px; }
  .howo-promo .button { font-size: 10px; margin: 4px 0 0; }

  .howo-partners { padding: 30px 0; }
  .howo-partners .howo-shell { max-width: none; padding-inline: 14px; }
  .howo-partners__logos > div { height: 95px; }
  .howo-partners__logos img { height: 65px; max-height: none; width: 130px; }
  .howo-footer__main { padding: 38px 0; }
}

@media (prefers-reduced-motion: reduce) {
  .howo-site *,
  .howo-site *::before,
  .howo-site *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Single product: source-matched Flatsome/WooCommerce presentation. */
.howo-site.single-product #main,
.howo-site.single-product .product-main,
.howo-site.single-product .product-footer { background: #fff; }

.howo-site.single-product .product-main { padding: 40px 0; }
.howo-site.single-product div.product[id^="product-"] {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.howo-site.single-product .product-main > .row { max-width: 1270px; }
.howo-site.single-product .product-gallery { padding: 0 15px; }
.howo-site.single-product .product-info {
  color: #114a54;
  font-family: "Be Vietnam", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  padding: 0 10px 30px 15px;
}
.howo-site.single-product .product-info.col-divided { border: 0; }
.howo-site.single-product .product-title {
  color: #114a54;
  font-family: "Be Vietnam", sans-serif !important;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 10px;
}
.howo-site.single-product .woocommerce-breadcrumb {
  color: #222;
  font-family: "Be Vietnam", sans-serif;
  font-size: 13.6px;
  font-weight: 400;
  line-height: 25.6px;
  margin: 0 0 6.8px;
  text-transform: none;
}
.howo-site.single-product .woocommerce-breadcrumb a { color: #222; font-weight: 400; }
.howo-site.single-product .product-info > .is-divider,
.howo-site.single-product .product-info > .next-prev-thumbs { display: none; }
.howo-site.single-product .luot-xem {
  align-items: center;
  color: #114a54;
  display: flex;
  font-size: 14px;
  gap: 7px;
  line-height: 22.4px;
  margin: 0 0 18px;
}
.howo-site.single-product .luot-xem > span {
  border: 1.5px solid currentColor;
  border-radius: 50%;
  display: inline-block;
  font-size: 0;
  height: 9px;
  position: relative;
  width: 15px;
}
.howo-site.single-product .luot-xem > span::after {
  background: currentColor;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
}
.howo-site.single-product .howo-product-rating {
  height: 29px;
  margin: 0;
  padding: 0 0 5px;
}
.howo-site.single-product .howo-product-rating .star-rating {
  color: #ffd21c;
  float: none;
  font-size: 18px;
  margin: 0;
}
.howo-site.single-product .howo-product-rating .star-rating::before { color: #d7d7d7; }
.howo-site.single-product .howo-product-rating .star-rating span::before { color: #ffd21c; }
.howo-site.single-product .price-wrapper { min-height: 3px; }
.howo-site.single-product .product-short-description {
  color: #114a54;
  font-size: 16px;
  line-height: 1.6;
}
.howo-site.single-product .product-short-description p { margin: 0 0 20.8px; }
.howo-site.single-product .product-short-description ul {
  list-style: none;
  margin: 0;
}
.howo-site.single-product .product-short-description li {
  line-height: 27.1px;
  margin: 0 0 9.6px;
  padding: 0 0 0 21px;
  position: relative;
}
.howo-site.single-product .product-short-description li::before {
  color: #114a54;
  content: "\2713";
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 0;
}
.howo-site.single-product .woocommerce-product-gallery__image img,
.howo-site.single-product .product-gallery .flickity-slider > div { border-radius: 0; }
.howo-site.single-product .product-thumbnails .col { padding-bottom: 0; }
.howo-site.single-product .product-thumbnails a {
  display: block;
  overflow: hidden;
}
.howo-site.single-product .product-thumbnails img {
  aspect-ratio: 4 / 3;
  height: auto !important;
  object-fit: cover;
  width: 100%;
}

.howo-site.single-product .howo-product-cta {
  align-items: center;
  display: flex;
  gap: 16px;
  grid-template-columns: none;
  margin: 20.8px 0 0;
}
.howo-site.single-product .howo-product-cta .button {
  align-items: center;
  background: #ec1f27;
  border-radius: 4px;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  gap: 8px;
  height: 40.4px;
  justify-content: center;
  line-height: 38.4px;
  margin: 0 0 16px;
  padding: 0 19.2px;
  white-space: nowrap;
}
.howo-site.single-product .howo-product-cta .button:first-child { flex: 0 0 190px; }
.howo-site.single-product .howo-product-cta .button:last-child { flex: 0 0 170px; }
.howo-site.single-product .howo-zalo-mark {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: #1476dc;
  display: inline-flex;
  font-size: 8px;
  font-weight: 700;
  height: 23px;
  justify-content: center;
  line-height: 1;
  width: 23px;
}

.howo-site.single-product #product-sidebar.howo-product-sidebar {
  background: linear-gradient(#114a54, rgba(17, 74, 84, .66));
  border-radius: 0 0 15px 15px;
  padding: 0 15px 30px 10px;
}
.howo-product-consultation h3 {
  color: #fff;
  font-family: "Be Vietnam", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 46px;
  margin: 0 0 10px;
  min-height: 48px;
  text-align: center;
  text-transform: uppercase;
}
.howo-product-consultation h3::after {
  background: rgba(255, 255, 255, .82);
  content: "";
  display: block;
  height: 1px;
  margin: -2px auto 0;
  width: 100%;
}
.howo-product-consultation form { padding: 10px 0; }
.howo-product-consultation input:not([type="hidden"]),
.howo-product-consultation button {
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  font-family: "Be Vietnam", sans-serif;
  font-size: 15.52px;
  height: 38.91px;
  line-height: 24.832px;
  margin: 0 0 15.52px;
  padding: 0 11.64px;
  width: 100%;
}
.howo-product-consultation button {
  background: #ec1f27;
  border-color: rgba(0, 0, 0, .05);
  box-shadow: none;
  color: #fff;
  font-weight: 600;
  margin-top: 15px;
  text-transform: uppercase;
}
.howo-product-consultation__message {
  background: rgba(255, 255, 255, .94);
  border-radius: 4px;
  color: #114a54;
  font-size: 11px;
  line-height: 1.45;
  margin: 0 0 4px;
  padding: 7px 8px;
}
.howo-product-consultation__message.is-error { color: #a3191f; }

.howo-site.single-product .product-footer > .container {
  max-width: 1270px;
  padding-left: 15px;
  padding-right: 15px;
}
.howo-site.single-product .product-footer .woocommerce-tabs {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: none;
  padding: 30px 0;
  width: 100%;
}
.howo-site.single-product .product-tabs {
  background: #ec1f27;
  display: flex;
  margin: -31px 0 0;
  padding: 0;
  width: 100%;
}
.howo-site.single-product .product-tabs > li { margin: 0; }
.howo-site.single-product .product-tabs > li > a {
  background: #ec1f27;
  color: #fff;
  font-family: "Be Vietnam", sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  margin: 0;
  padding: 10px 15px;
  text-transform: none;
}
.howo-site.single-product .product-tabs > li.active > a,
.howo-site.single-product .product-tabs > li > a:hover { background: #114a54; color: #fff; }
.howo-site.single-product .product-tabs > li > a::before,
.howo-site.single-product .product-tabs > li > a::after { display: none; }
.howo-site.single-product .woocommerce-tabs .tab-panels { padding: 16px 0 0; }
.howo-site.single-product .woocommerce-tabs .panel.entry-content {
  color: #114a54;
  font-family: "Be Vietnam", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  padding: 0;
}
.howo-site.single-product .woocommerce-tabs .panel.entry-content > h2:first-child {
  font-family: "Be Vietnam", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 8px;
}
.howo-site.single-product .woocommerce-tabs .entry-content img { border-radius: 0; }
.howo-site.single-product .woocommerce-tabs .entry-content h2,
.howo-site.single-product .woocommerce-tabs .entry-content h3,
.howo-site.single-product .related-products-wrapper,
.howo-site.single-product .related-products-wrapper h3 { font-family: "Be Vietnam", sans-serif; }
.howo-site.single-product .woocommerce-tabs .entry-content h2,
.howo-site.single-product .woocommerce-tabs .entry-content h3,
.howo-site.single-product .woocommerce-tabs .entry-content h2 strong,
.howo-site.single-product .woocommerce-tabs .entry-content h3 strong { font-weight: 600; }
.howo-site.single-product .woocommerce-tabs .entry-content ul { padding-left: 20px; }
.howo-site.single-product .woocommerce-tabs .entry-content ul.thongtinlienhe {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.howo-site.single-product .woocommerce-tabs .entry-content ul.thongtinlienhe > li {
  list-style: none;
  margin-left: 0;
}
.howo-site.single-product .woocommerce-tabs .entry-content ul.thongtinlienhe > li::marker {
  content: "";
}
.howo-site.single-product .woocommerce-tabs .entry-content table { font-size: 16px; }
.howo-site.single-product .woocommerce-tabs .entry-content td,
.howo-site.single-product .woocommerce-tabs .entry-content th {
  font-size: 16px;
  line-height: 20.8px;
  padding: 10px;
}

@media (max-width: 849px) {
  .howo-site .header-main .header-inner.container {
    height: 75px;
    padding: 0 !important;
  }
  .howo-site .header-main .show-for-medium.flex-left {
    flex: 0 0 62.5px;
    height: auto;
    max-width: 62.5px;
    width: 62.5px;
  }
  .howo-site .header-main #logo {
    flex: 0 0 220px;
    height: 70px;
    margin: 0 15px;
    max-width: 220px;
    width: 220px;
  }
  .howo-site .header-main #logo .header_logo { display: none; }
  .howo-site .header-main #logo .header-logo-dark {
    display: block !important;
    height: 70px;
    margin: 0 auto;
    max-height: 70px !important;
    padding: 5px 0;
    width: auto;
  }
  .howo-site .header-main .mobile-nav > li { width: 43.828px; }
  .howo-site .header-main .mobile-nav > li > a {
    background: #114a54;
    border-radius: 999px;
    height: 40.4px;
    margin-left: 1.914px;
    min-height: 40.4px;
    min-width: 40px;
    padding: 0;
    width: 40px;
  }
  .howo-site .header-main .mobile-nav .icon-menu {
    background: transparent;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    height: 23.04px;
    line-height: 23.04px;
    width: 19.688px;
  }
  .howo-site.single-product .product-main { padding: 30px 0 0; }
  .howo-site.single-product .product-main > .row { max-width: 100%; }
  .howo-site.single-product .product-gallery { padding: 0 15px; }
  .howo-site.single-product .product-info {
    border: 0;
    padding: 0 15px 30px;
  }
  .howo-site.single-product .product-title { white-space: normal; }
  .howo-site.single-product .product-tabs { flex-direction: column; }
  .howo-site.single-product .product-tabs > li,
  .howo-site.single-product .product-tabs > li > a { display: block; width: 100%; }
}

@media (max-width: 549px) {
  .howo-site.single-product .howo-product-cta { gap: 16px; }
  .howo-site.single-product .howo-product-cta .button {
    font-size: 16px;
    height: 78.8px;
    line-height: 38.4px;
    min-width: 0;
    padding: 0 10px;
    text-align: center;
  }
  .howo-site.single-product .howo-product-cta .button,
  .howo-site.single-product .howo-product-cta .button > span { display: block; }
  .howo-site.single-product .howo-product-cta .button > i { display: block; line-height: 32px; }
  .howo-site.single-product .howo-product-cta .howo-zalo-mark {
    display: flex;
    margin: 8px auto -1px;
  }
  .howo-site.single-product .howo-product-cta .button:first-child,
  .howo-site.single-product .howo-product-cta .button:last-child { flex-grow: 0; flex-shrink: 0; }
  .howo-site.single-product .howo-product-cta .button:first-child { flex-basis: calc(50% - 8px); }
  .howo-site.single-product .howo-product-cta .button:last-child { flex-basis: calc(50% - 25px); }
  .howo-site.single-product .product-footer .woocommerce-tabs { padding: 30px 0; }
}

/* Final quality pass: stable shells, clear controls and editable content pages. */
.howo-site a:focus-visible,
.howo-site button:focus-visible,
.howo-site input:focus-visible,
.howo-site select:focus-visible,
.howo-site textarea:focus-visible {
  outline: 3px solid rgba(248, 152, 0, .72);
  outline-offset: 3px;
}
.howo-site .button.primary,
.howo-site button.button.primary,
.howo-site .button.primary:hover,
.howo-site button.button.primary:hover {
  color: #fff;
}

@media (min-width: 850px) {
  .howo-site .header-main { background: #fff; }
  .howo-site .header-main .header-inner.container {
    margin-inline: auto;
    max-width: 1586px !important;
  }
  .howo-site .header-wrapper.stuck {
    height: 55px !important;
  }
  .howo-site .header-wrapper.stuck .header-main {
    display: none;
  }
  .howo-site .header-wrapper.stuck .header-bottom {
    box-shadow: 0 6px 18px rgba(17, 74, 84, .16);
    top: 0;
  }
}

@media (min-width: 850px) and (max-width: 1279px) {
  .howo-brand-left,
  .howo-site .header-main #logo,
  .howo-brand-right {
    flex-basis: 165px;
    max-width: 165px;
    width: 165px;
  }
  .howo-site .header-main #logo img { width: 165px; }
  .howo-site .header-main .flex-right { flex-basis: 350px; }
  .howo-header-contact {
    flex-basis: 165px;
    margin-right: 20px !important;
    width: 165px;
  }
  .howo-header-contact form,
  .howo-header-contact .searchform { width: 165px; }
  .howo-site .header-main .nav > li.howo-header-contact > a.howo-header-contact__phone {
    padding-inline: 10px;
    width: 165px;
  }
  .howo-header-contact__phone { font-size: 15px; }
  .howo-site .header-bottom .nav > li > a {
    font-size: 11px;
    padding-inline: 10px;
  }
}

@media (min-width: 850px) and (max-width: 959px) {
  .howo-brand-left,
  .howo-site .header-main #logo,
  .howo-brand-right {
    flex-basis: 140px;
    max-width: 140px;
    width: 140px;
  }
  .howo-site .header-main #logo img { width: 140px; }
  .howo-site .header-main .flex-right { flex-basis: 300px; }
  .howo-header-contact {
    flex-basis: 140px;
    width: 140px;
  }
  .howo-header-contact form,
  .howo-header-contact .searchform,
  .howo-site .header-main .nav > li.howo-header-contact > a.howo-header-contact__phone {
    width: 140px;
  }
  .howo-site .header-main .nav > li.howo-header-contact > a.howo-header-contact__phone {
    font-size: 13px;
    padding-inline: 7px;
  }
}

/* Slider bars retain a generous click target without covering the artwork. */
.howo-slider-dots {
  align-items: center;
  bottom: 5px;
  gap: 7px;
}
.howo-slider-dots button,
.howo-slider-dots button.is-active {
  background: transparent !important;
  border: 0;
  box-shadow: none;
  flex: 0 0 38px;
  height: 28px !important;
  line-height: 0;
  margin: 0;
  min-height: 28px !important;
  padding: 0 !important;
  position: relative;
  width: 38px;
}
.howo-slider-dots button::before {
  background: rgba(255, 255, 255, .94);
  content: "";
  height: 4px;
  inset: 50% 0 auto;
  position: absolute;
  transform: translateY(-50%);
  transition: background-color .2s ease, transform .2s ease;
}
.howo-slider-dots button.is-active::before {
  background: var(--howo-red);
  transform: translateY(-50%) scaleY(1.25);
}

/* Section headings reserve a dedicated lane for their CTA. */
.howo-section-heading {
  overflow: visible;
}
.howo-section-heading::before { display: none; }
.howo-section-heading::after {
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 100%, 0 100%);
  width: 100%;
}
.howo-section-heading--with-link {
  padding-right: 112px;
}
.howo-section-heading--with-link::after {
  width: calc(100% - 112px);
}
.howo-section-heading > a {
  align-items: center;
  display: inline-flex;
  height: 46px;
  justify-content: flex-end;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
}
.howo-section-heading > a span { margin-left: 5px; }

.howo-bestsellers .howo-section-heading {
  padding-right: 112px;
}
.howo-bestsellers .howo-section-heading::after {
  background: transparent;
  clip-path: none;
}
.howo-bestsellers .howo-section-heading > a {
  color: #fff;
  right: 8px;
}

/* Product navigation is denser and easier to scan. */
.howo-products-tabs {
  min-height: 0;
  padding-bottom: 48px;
}
.howo-benefits,
.howo-news { min-height: 0; }
.howo-category-tabs {
  gap: 12px;
  margin-bottom: 22px;
}
.howo-category-tabs button {
  background: #f8fafb;
  border: 1px solid #edf1f2;
  border-bottom: 3px solid transparent;
  border-radius: 8px 8px 0 0;
  min-height: 126px;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.howo-category-tabs button:hover,
.howo-category-tabs button.is-active {
  background: #fff;
  border-color: #dbe5e7;
  border-bottom-color: var(--howo-red);
  transform: translateY(-2px);
}

/* Correct Flatsome text blocks and a more deliberate standard-page rhythm. */
.howo-content-page #main {
  background: linear-gradient(180deg, #fff 0, #f8fafb 100%);
}
.howo-content-page #main > .section {
  min-height: 560px;
  padding-block: clamp(48px, 5vw, 76px) !important;
}
.howo-content-page #main > .section > .section-content > .row {
  max-width: 1180px;
}
.howo-content-page .col-inner > .container.section-title-container {
  margin-bottom: 24px;
}
.howo-content-page .section-title-normal {
  border-bottom-color: #dce4e6;
}
.howo-content-page .section-title-normal span {
  border-bottom: 3px solid var(--howo-red);
  color: #2e3436;
  font-size: clamp(24px, 2.2vw, 34px);
  padding-bottom: 13px;
}
.howo-content-page .col-inner > .text {
  color: #36555c;
  font-size: 16px;
  line-height: 1.75;
}
.howo-content-page .col-inner > .text p {
  margin-bottom: 22px;
  max-width: 68ch;
}
.howo-content-page .col-inner > .text h2 {
  color: #30383a;
  font-size: clamp(22px, 2vw, 30px);
  margin: 32px 0 14px;
}
.howo-content-page .col-inner > .text a {
  color: var(--howo-petrol);
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-color: rgba(17, 74, 84, .28);
  text-underline-offset: 3px;
}
.howo-content-page .col-inner > .text a:hover {
  color: var(--howo-red);
  text-decoration-color: currentColor;
}
.howo-content-page .howo-quote-form {
  background: #fff;
  border: 1px solid #e0e7e9;
  border-radius: 10px;
  box-shadow: 0 14px 36px rgba(17, 74, 84, .08);
  padding: 24px;
}

/* Keep actual labels visible; placeholders remain helpful examples. */
.howo-quote-form label > span {
  clip: auto;
  clip-path: none;
  color: #405b61;
  display: block;
  font-size: 11px;
  font-weight: 600;
  height: auto;
  margin: 0 0 5px;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}
.howo-quote-form form { gap: 11px; }
.howo-quote-form input,
.howo-quote-form select { min-height: 42px; }
.howo-quote-form .button {
  min-height: 42px;
  white-space: nowrap;
}

@media (max-width: 849px) {
  .howo-site .header-main .show-for-medium.flex-right,
  .howo-site .header-main .show-for-medium.flex-right > .mobile-nav {
    flex-basis: 62.5px;
    max-width: 62.5px;
    width: 62.5px;
  }
  .howo-content-page #main > .section {
    min-height: 0;
    padding-block: 48px !important;
  }
}

@media (max-width: 549px) {
  .howo-hero { aspect-ratio: 16 / 7; }
  .howo-slider-dots {
    bottom: 1px;
    gap: 5px;
  }
  .howo-slider-dots button,
  .howo-slider-dots button.is-active {
    flex-basis: 25px;
    height: 24px !important;
    min-height: 24px !important;
    width: 25px;
  }
  .howo-slider-dots button::before { height: 3px; }

  .howo-mobile-category-heading::before { width: calc(100% - 88px); }
  .howo-mobile-category-heading a {
    align-items: center;
    display: inline-flex;
    height: 44px;
    justify-content: flex-end;
    line-height: 1.2;
    max-width: 72px;
    white-space: nowrap;
  }
  .howo-mobile-product-group .howo-product-card {
    min-height: 0;
  }
  .howo-mobile-product-group .howo-product-card__body {
    display: block;
    flex: none;
  }
  .howo-mobile-product-group .howo-product-card__body h3 {
    min-height: 58px;
  }
  .howo-mobile-product-group .howo-rating { margin-top: 8px; }

  .howo-benefits {
    min-height: 0;
    padding-block: 44px;
  }
  .howo-benefits article { min-height: 0; }
  .howo-benefits__grid { gap: 38px 12px; }
  .howo-news { min-height: 0; }

  .howo-section-heading--with-link,
  .howo-bestsellers .howo-section-heading {
    padding-right: 88px;
  }
  .howo-section-heading--with-link::after {
    width: calc(100% - 88px);
  }
  .howo-section-heading > a,
  .howo-bestsellers .howo-section-heading > a {
    font-size: 9px;
    height: 42px;
    right: 8px;
  }

  .howo-content-page #main > .section {
    padding-block: 40px !important;
  }
  .howo-content-page .section-title-normal span {
    font-size: 23px;
    line-height: 1.3;
  }
  .howo-content-page .col-inner > .text {
    font-size: 15px;
    line-height: 1.7;
  }
  .howo-content-page .howo-quote-form {
    border-radius: 8px;
    padding: 18px;
  }
  .howo-footer__bottom { padding-bottom: 84px; }
}

/* Source-matched two-page product category slider (4 tabs per page). */
.howo-products-desktop .howo-category-slider {
  margin: 0 15px 17px;
  position: relative;
}
.howo-products-desktop .howo-category-tabs {
  --howo-tabs-per-page: 4;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  display: flex;
  gap: 7px;
  margin: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding-inline: 15px;
  scroll-behavior: smooth;
  scroll-padding-inline: 15px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.howo-products-desktop .howo-category-tabs::-webkit-scrollbar { display: none; }
.howo-products-desktop .howo-category-tabs::after {
  content: "";
  flex: 0 0 28px;
}
.howo-products-desktop .howo-category-tabs button {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  color: #7a7a7a;
  flex: 0 0 24%;
  font-size: 16px;
  gap: 0;
  justify-content: flex-start;
  line-height: 25.6px;
  margin: 0 0 -1px;
  min-height: 136px;
  padding: 5px 35px 0;
  scroll-snap-align: start;
  transition: border-color .2s ease, color .2s ease;
}
.howo-products-desktop .howo-category-tabs button:hover,
.howo-products-desktop .howo-category-tabs button.is-active {
  background: transparent;
  border-color: transparent;
  border-bottom-color: var(--howo-red);
  color: var(--howo-red);
  transform: none;
}
.howo-products-desktop .howo-category-tabs img,
.howo-products-desktop .howo-category-tabs__fallback {
  flex: 0 0 auto;
  height: 100px;
  max-width: 150px;
  object-fit: contain;
  width: 150px;
}
.howo-category-slider__arrow {
  align-items: center;
  background: #fff;
  border: 2px solid var(--howo-petrol);
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(17, 74, 84, .18);
  box-sizing: border-box;
  color: var(--howo-petrol) !important;
  cursor: pointer;
  display: flex;
  font-size: 29px;
  font-weight: 400;
  height: 46px !important;
  justify-content: center;
  line-height: 1;
  margin: 0;
  max-height: 46px !important;
  max-width: 46px;
  min-height: 46px !important;
  min-width: 46px;
  opacity: 1;
  padding: 0 0 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease, transform .18s ease;
  width: 42px;
  z-index: 4;
}
.howo-category-slider__arrow:hover,
.howo-category-slider__arrow:focus-visible {
  background: var(--howo-petrol);
  border-color: var(--howo-petrol);
  box-shadow: 0 8px 20px rgba(17, 74, 84, .24);
  color: #fff !important;
  opacity: 1;
  transform: translateY(-50%) scale(1.04);
}
.howo-category-slider__arrow:active {
  transform: translateY(-50%) scale(.96);
}
.howo-category-slider__arrow--prev { left: 8px; }
.howo-category-slider__arrow--next { right: 8px; }

@media (prefers-reduced-motion: reduce) {
  .howo-category-slider__arrow,
  .howo-product-scroller-wrap .howo-scroll-arrow {
    transition: none;
  }
}
.howo-section-heading__car {
  align-items: center;
  display: inline-flex;
}
.howo-section-heading__car svg {
  display: block;
  fill: currentColor;
  height: 18px;
  width: 24px;
}
.howo-products-desktop .howo-category-tabs button:focus-visible {
  outline: none;
}
.howo-products-desktop .howo-category-tabs button:focus-visible > span:last-child {
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 849px) {
  .howo-products-desktop .howo-category-tabs button {
    font-size: 13px;
    min-height: 112px;
    padding-inline: 8px;
  }
  .howo-products-desktop .howo-category-tabs img,
  .howo-products-desktop .howo-category-tabs__fallback {
    height: 76px;
    max-width: 110px;
    width: 110px;
  }
  .howo-products-desktop .howo-category-slider__arrow { display: flex; }
}

@media (min-width: 550px) and (max-width: 700px) {
  .howo-products-desktop .howo-category-tabs { --howo-tabs-per-page: 2; }
  .howo-products-desktop .howo-category-tabs button { flex-basis: 48%; }
}

/* Match the source site's Be Vietnam typography and product-card scale. */
@media (min-width: 550px) {
  .howo-products-desktop .howo-section-heading h2,
  .howo-products-desktop .howo-category-tabs button,
  .howo-products-desktop .howo-product-card__body h3,
  .howo-products-desktop .howo-product-card__body h3 a,
  .howo-products-desktop .howo-rating,
  .howo-products-desktop .howo-card-meta {
    font-family: "Be Vietnam", sans-serif;
  }

  .howo-products-desktop .howo-section-heading h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .howo-products-desktop .howo-category-tabs button {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .32px;
    line-height: 25.6px;
  }

  .howo-products-desktop .howo-product-card__body {
    box-sizing: border-box;
    padding: 10px 10px 17px;
  }

  .howo-products-desktop .howo-product-card__body h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
    min-height: 70px;
    overflow: hidden;
  }

  .howo-products-desktop .howo-product-card__body h3 a {
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
  }

  .howo-products-desktop .howo-rating {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 8px auto;
  }

  .howo-products-desktop .howo-card-meta {
    font-size: 14px;
    line-height: 22.4px;
  }
}

@media (max-width: 549px) {
  .howo-mobile-category-heading h2,
  .howo-mobile-category-heading a,
  .howo-products-mobile .howo-product-card__body h3,
  .howo-products-mobile .howo-product-card__body h3 a,
  .howo-products-mobile .howo-rating,
  .howo-products-mobile .howo-card-meta {
    font-family: "Be Vietnam", sans-serif;
  }

  .howo-mobile-category-heading h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 46px;
  }

  .howo-mobile-category-heading h2 > span {
    background: currentColor;
    display: inline-block;
    font-size: 0;
    height: 16px;
    margin-right: 8px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M5.2 2.4A3 3 0 0 1 8 0h12a3 3 0 0 1 2.8 2.4L24 7h1a3 3 0 0 1 3 3v5a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1H9v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a2 2 0 0 1-2-2v-5a3 3 0 0 1 3-3h1l1.2-4.6ZM8 3 6.9 7h14.2L20 3H8Zm-3 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm18 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M5.2 2.4A3 3 0 0 1 8 0h12a3 3 0 0 1 2.8 2.4L24 7h1a3 3 0 0 1 3 3v5a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1H9v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a2 2 0 0 1-2-2v-5a3 3 0 0 1 3-3h1l1.2-4.6ZM8 3 6.9 7h14.2L20 3H8Zm-3 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm18 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    vertical-align: -2px;
    width: 22px;
  }

  .howo-mobile-category-heading a {
    font-size: 12.8px;
    font-weight: 400;
    line-height: 20.48px;
    max-width: 96px;
  }

  .howo-products-mobile .howo-product-grid {
    gap: 20px;
  }

  .howo-products-mobile .howo-product-card:nth-child(n+3) { display: none; }

  .howo-products-mobile .howo-product-card {
    min-height: 275px;
    padding: 0;
  }

  .howo-products-mobile .howo-product-card__image {
    width: 100%;
  }

  .howo-products-mobile .howo-product-card__body {
    box-sizing: border-box;
    min-height: 152px;
    padding: 10px 10px 19px;
  }

  .howo-products-mobile .howo-product-card__body h3 {
    font-size: 14.4px;
    font-weight: 400;
    line-height: 23.04px;
    margin: 0;
    min-height: 70px;
    overflow: hidden;
  }

  .howo-products-mobile .howo-product-card__body h3 a {
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
  }

  .howo-products-mobile .howo-rating {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 8px auto;
  }

  .howo-products-mobile .howo-card-meta {
    font-size: 14px;
    line-height: 22.4px;
  }

  .howo-mobile-category-heading a > span { display: none; }
}

@media (min-width: 550px) and (max-width: 849px) {
  .howo-products-desktop { display: none; }
  .howo-products-mobile { display: block; }
  .howo-products-tabs { padding: 20px 0 28px; }

  .howo-mobile-product-group {
    margin: 0 0 55px;
  }
  .howo-mobile-product-group:last-child { margin-bottom: 0; }

  .howo-mobile-category-heading {
    display: block;
    height: 69px;
    margin-bottom: 34px;
    overflow: visible;
    padding: 0;
    position: relative;
  }
  .howo-mobile-category-heading::before {
    background: var(--howo-petrol);
    clip-path: polygon(0 0, 97% 0, 100% 50%, 97% 100%, 0 100%);
    content: "";
    height: 46px;
    inset: 0 0 auto;
    position: absolute;
  }
  .howo-mobile-category-heading h2,
  .howo-mobile-category-heading a,
  .howo-products-mobile .howo-product-card__body h3,
  .howo-products-mobile .howo-product-card__body h3 a,
  .howo-products-mobile .howo-rating,
  .howo-products-mobile .howo-card-meta {
    font-family: "Be Vietnam", sans-serif;
  }
  .howo-mobile-category-heading h2 {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 22px;
    font-weight: 500;
    gap: 9px;
    height: 46px;
    line-height: 46px;
    margin: 0;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
  }
  .howo-mobile-category-heading h2 > span {
    background: currentColor;
    display: inline-block;
    font-size: 0;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M5.2 2.4A3 3 0 0 1 8 0h12a3 3 0 0 1 2.8 2.4L24 7h1a3 3 0 0 1 3 3v5a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1H9v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a2 2 0 0 1-2-2v-5a3 3 0 0 1 3-3h1l1.2-4.6ZM8 3 6.9 7h14.2L20 3H8Zm-3 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm18 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M5.2 2.4A3 3 0 0 1 8 0h12a3 3 0 0 1 2.8 2.4L24 7h1a3 3 0 0 1 3 3v5a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1H9v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a2 2 0 0 1-2-2v-5a3 3 0 0 1 3-3h1l1.2-4.6ZM8 3 6.9 7h14.2L20 3H8Zm-3 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm18 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 24px;
  }
  .howo-mobile-category-heading a {
    color: #555;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    position: relative;
    text-transform: none;
    z-index: 1;
  }
  .howo-mobile-category-heading a > span { display: none; }

  .howo-mobile-product-group .howo-product-grid {
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .howo-mobile-product-group .howo-product-card {
    min-height: 0;
    padding: 10px 15px;
  }
  .howo-mobile-product-group .howo-product-card__body {
    box-sizing: border-box;
    padding: 10px 10px 20px;
  }
  .howo-mobile-product-group .howo-product-card__body h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    margin: 0;
    min-height: 62px;
    overflow: hidden;
  }
  .howo-mobile-product-group .howo-product-card__body h3 a {
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
  }
  .howo-mobile-product-group .howo-rating {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 8px auto;
  }
  .howo-mobile-product-group .howo-card-meta {
    font-size: 14px;
    line-height: 22.4px;
  }
}

/* Compact source-matched quote form. Labels remain available to assistive tech. */
.howo-quote-form {
  font-family: "Be Vietnam", sans-serif;
  margin-inline: auto;
  max-width: 265px;
  width: 100%;
}
.howo-quote-form h2 {
  color: #114a54;
  font-family: "Be Vietnam", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22.4px;
	margin: 0 0 14px;
  text-transform: uppercase;
}
.howo-quote-form > p { display: none; }
.howo-quote-form form {
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr);
}
.howo-quote-form label {
	display: block;
	margin: 0;
}
.howo-quote-form .howo-honeypot {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}
.howo-quote-form .howo-honeypot input {
	height: 1px;
	min-height: 1px;
	width: 1px;
}
.howo-quote-form label > span {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.howo-quote-form input,
.howo-quote-form select {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #333;
  font-family: "Be Vietnam", sans-serif;
  font-size: 13.6px;
  font-weight: 400;
  height: 34px;
  margin: 0;
  min-height: 34px;
  padding: 0 10px;
  width: 100%;
}
.howo-quote-form select {
  color: #ec1f27;
  padding-right: 28px;
}
.howo-quote-form input::placeholder {
  color: #777;
  opacity: 1;
}
.howo-quote-form input:focus,
.howo-quote-form select:focus {
  border-color: var(--howo-petrol);
  box-shadow: 0 0 0 2px rgba(17, 74, 84, .14);
}
.howo-quote-form .button {
  background: #114a54 !important;
  border: 1px solid rgba(0, 0, 0, .05) !important;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  font-family: "Be Vietnam", sans-serif;
  font-size: 13.6px;
  font-weight: 700;
  height: 35px;
  line-height: 33px;
	margin: 2px 0 0;
  min-height: 35px;
  padding: 0 16px;
  text-transform: uppercase;
	width: 100%;
	grid-column: auto;
}
.howo-quote-form .button:hover,
.howo-quote-form .button:focus-visible {
  background: #0d3c45 !important;
}
.howo-content-page .howo-quote-form {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}
.howo-footer__grid > :last-child .howo-quote-form form {
	grid-template-columns: minmax(0, 1fr);
}
.howo-footer__grid > :last-child .howo-quote-form .button {
	grid-column: auto;
}

/* Footer fidelity: measured from the original Flatsome footer at 1440px. */
.howo-footer {
  border-top: 1px solid #114a54;
  color: #114a54;
  font-family: "Be Vietnam", sans-serif;
}
.howo-footer__main {
  min-height: 471px;
  padding: 0;
}
.howo-footer__grid {
  gap: 0;
  grid-template-columns: 5fr 4fr 3fr;
  max-width: 1300px;
  min-height: 471px;
  padding-inline: 0;
}
.howo-footer__grid > * {
  box-sizing: border-box;
  min-width: 0;
  padding: 40px 30px 30px;
}
.howo-footer h2 {
  color: #114a54;
  font-family: "Be Vietnam", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22.4px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.howo-footer__company h2 {
  font-weight: 700;
  margin-bottom: 30px;
}
.howo-footer__brand {
  display: block;
  margin: 0 0 22px;
  width: 30%;
}
.howo-footer__logo {
  display: block;
  height: auto;
  margin: 0;
  object-fit: contain;
  width: 100%;
}
.howo-footer__company .howo-footer__contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.howo-footer__company .howo-footer__contact-list li {
  align-items: flex-start;
  color: #114a54;
  display: flex;
  font-size: 14px;
  gap: 7px;
  line-height: 22.4px;
  margin: 0 0 9px;
}
.howo-footer__company .howo-footer__contact-list a,
.howo-footer__company .howo-footer__contact-list span {
  color: inherit;
}
.howo-footer__contact-icon {
  align-items: center;
  display: inline-flex;
  flex: 0 0 16px;
  height: 22px;
  justify-content: center;
  width: 16px;
}
.howo-footer__contact-icon svg {
  fill: none;
  height: 15px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  width: 15px;
}
.howo-footer__contact-icon img {
  display: block;
  height: 16px;
  object-fit: contain;
  width: 16px;
}
.howo-footer__links .howo-footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.howo-footer__links .howo-footer-menu li {
  border: 0;
  margin: 0;
}
.howo-footer__links .howo-footer-menu a {
  align-items: center;
  border-bottom: 1px solid #114a54;
  color: #114a54;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  height: 35px;
  line-height: 22.4px;
  padding: 4px 0;
  text-transform: uppercase;
}
.howo-footer__links .howo-footer-menu li:last-child a {
  border-bottom: 0;
}
.howo-footer__links .howo-footer-menu a > span {
  flex: 0 0 16px;
  font-size: 22px;
  line-height: 1;
  text-align: center;
}
.howo-footer__links .howo-footer-menu a:hover {
  color: #ec1f27;
  padding-left: 4px;
}
.howo-trust {
  align-items: center;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 18px 0 0;
}
.howo-trust img {
  display: block;
  height: auto;
  margin: 0;
  max-width: 100%;
  width: 100%;
}
.howo-footer .howo-quote-form {
  margin-inline: 0;
}
.howo-footer .howo-quote-form h2 {
  margin-bottom: 20px;
}
.howo-footer__bottom {
  background: #0a0a0a;
  padding-block: 10px 15px;
}

@media (max-width: 1024px) {
  .howo-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .howo-footer__grid > :last-child {
    grid-column: 1 / -1;
  }
  .howo-footer .howo-quote-form {
    margin-inline: auto;
  }
}

@media (max-width: 649px) {
  .howo-footer__main,
  .howo-footer__grid {
    min-height: 0;
  }
  .howo-footer__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .howo-footer__grid > *,
  .howo-footer__grid > :last-child {
    grid-column: auto;
    padding: 32px 24px 8px;
  }
  .howo-footer__grid > :last-child {
    padding-bottom: 38px;
  }
  .howo-footer__brand {
    max-width: 145px;
    width: 35%;
  }
  .howo-footer__company .howo-footer__contact-list li {
    overflow-wrap: anywhere;
  }
  .howo-footer__bottom .howo-shell {
    padding-inline: 18px;
  }
}

/* Native UX Builder home sections. Only the dynamic product tabs stay custom. */
.howo-native-hero {
  margin: 0 !important;
}
.howo-native-hero .banner {
  background-color: #edf1f2;
}
.howo-native-hero .flickity-page-dots {
  bottom: 12px;
}
.howo-native-hero .flickity-page-dots .dot {
  border: 0;
  border-radius: 999px;
  height: 7px;
  opacity: .72;
  width: 20px;
}
.howo-native-hero .flickity-page-dots .dot.is-selected {
  background: #ec1f27;
  opacity: 1;
  width: 34px;
}
.howo-native-benefits .row,
.howo-native-bestsellers .row,
.howo-native-news .row {
  max-width: 1280px;
}
.howo-native-benefits__intro {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  margin: 0 auto;
  max-width: 880px;
  text-align: center;
  text-transform: uppercase;
}
.howo-native-benefits .icon-box {
  height: 100%;
  text-align: center;
}
.howo-native-benefits .icon-box-img {
  margin: 0 auto 14px;
}
.howo-native-benefits .icon-box-img img {
  border-radius: 50%;
}
.howo-native-benefit-box .icon-box-text h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 9px;
}
.howo-native-benefit-box .icon-box-text p {
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  line-height: 1.65;
  margin: 0 auto;
  max-width: 245px;
}
.howo-native-section-title .section-title-main {
  color: #114a54;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.howo-native-section-title .section-title-main::before {
  color: #ec1f27;
  content: "▰";
  font-size: 13px;
  margin-right: 8px;
}
.howo-native-section-title .section-title-main + a,
.howo-native-section-title a {
  color: #114a54;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.howo-native-bestsellers .product-small > .col-inner {
  background: #fff;
  border: 1px solid #e5eaeb;
  border-radius: 11px;
  box-shadow: 0 8px 22px rgba(17, 74, 84, .08);
  height: 100%;
  overflow: hidden;
}
.howo-native-bestsellers .box-image {
  background: #fff;
}
.howo-native-bestsellers .box-image img {
  aspect-ratio: 4 / 3;
  object-fit: contain;
}
.howo-native-bestsellers .box-text {
  padding: 14px 12px 17px;
}
.howo-native-bestsellers .product-title a {
  color: #173c44;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}
.howo-native-bestsellers .star-rating {
  color: #ffbd23;
  margin: 8px auto 0;
}
.howo-native-news-list .post-item > .col-inner {
  border-bottom: 1px solid #d9e2e4;
  padding-bottom: 14px;
}
.howo-native-news-list .box-image {
  border-radius: 7px;
  overflow: hidden;
}
.howo-native-news-list .post-title {
  color: #173c44;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}
.howo-native-news-list .post-meta {
  color: #ec1f27;
  font-size: 10px;
}
.howo-native-promo > .col-inner {
  border-radius: 8px;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .14);
  height: 100%;
}
.howo-native-promo h2 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.howo-native-promo p,
.howo-native-promo li {
  color: rgba(255, 255, 255, .9);
  font-size: 13px;
  line-height: 1.7;
}
.howo-native-promo ul {
  margin-bottom: 24px;
}
.howo-native-promo .button {
  margin: 0;
}
.howo-native-partners .section-title-container {
  margin-bottom: 18px;
  max-width: 100%;
}
.howo-native-partners .section-title-main {
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 849px) {
  .howo-native-benefits .row,
  .howo-native-bestsellers .row,
  .howo-native-news .row {
    padding-inline: 18px;
  }
  .howo-native-promo {
    margin-top: 24px;
  }
}

@media (max-width: 549px) {
  .howo-native-benefits .row,
  .howo-native-bestsellers .row,
  .howo-native-news .row {
    padding-inline: 14px;
  }
  .howo-native-benefits__intro {
    font-size: 12px;
  }
  .howo-native-benefit-box .icon-box-text h5 {
    font-size: 12px;
  }
  .howo-native-benefit-box .icon-box-text p {
    font-size: 10.5px;
  }
  .howo-native-section-title .section-title-main {
    font-size: 15px;
  }
  .howo-native-bestsellers .product-title a {
    font-size: 11px;
  }
  .howo-native-partners {
    padding-inline: 0 !important;
  }
}

/* Homepage source-fidelity pass: preserve native UX Builder sections while
 * matching the source site's measured 1440px rhythm and component scale. */
.howo-home,
.howo-home button,
.howo-home input,
.howo-home select,
.howo-home textarea {
  font-family: "Be Vietnam", Arial, sans-serif;
}

@media (min-width: 850px) {
  /* The source product showcase reserves a taller closing lane below its rail. */
  .howo-products-tabs {
    box-sizing: border-box;
    min-height: 774px;
  }

  /* Benefits: 526px measured source composition (60px visual offset, 318px feature row). */
  .howo-native-benefits {
    box-sizing: border-box;
    height: 526px;
    min-height: 526px;
    padding: 0 !important;
  }
  .howo-native-benefits > .section-content {
    position: relative;
    top: -10px;
  }
  .howo-native-benefits > .section-content > .row {
    max-width: 1263px;
  }
  .howo-native-benefits > .section-content > .row:first-of-type {
    height: 68px;
    min-height: 68px;
  }
  .howo-native-benefits > .section-content > .row:first-of-type > .col {
    padding: 0 10px;
  }
  .howo-native-benefits > .section-content > .row:first-of-type > .col > .col-inner {
    padding: 0 !important;
  }
  .howo-native-benefits__intro {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    height: 68px;
    line-height: 46px;
    margin: 0;
    max-width: none;
    padding: 0 0 20px 20px;
    text-align: left;
    text-transform: none;
  }
  .howo-native-benefits > .section-content > .row:nth-of-type(2) {
    height: 318px;
    max-width: 1273px;
    min-height: 318px;
  }
  .howo-native-benefits > .section-content > .row:nth-of-type(2) > .col {
    height: 318px;
    padding: 0 15px 30px;
  }
  .howo-native-benefits .icon-box {
    box-sizing: border-box;
    padding-top: 25px;
  }
  .howo-native-benefits .icon-box-img {
    margin: 0 auto 16px;
    width: 100px !important;
  }
  .howo-native-benefits .icon-box-img img {
    border-radius: 0;
    height: 103px;
    object-fit: contain;
    width: 100px;
  }
  .howo-native-benefit-box .icon-box-text h5 {
    color: #f89800;
    font-size: 22px;
    font-weight: 600;
    line-height: 35.2px;
    margin: 0 0 12px;
    text-transform: none;
  }
  .howo-native-benefit-box .icon-box-text p {
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    line-height: 25.6px;
    margin: 0 auto;
    max-width: 288px;
    min-height: 77px;
    padding: 0 12px;
  }

  /* Best sellers: source section uses a 30px outer gutter and a 394px card. */
  .howo-native-bestsellers {
    background: #fff !important;
    box-sizing: border-box;
    height: 519px;
    margin: 30px 0 !important;
    min-height: 519px;
    padding: 0 !important;
  }
  .howo-native-bestsellers > .section-content > .row {
    max-width: 1240px;
  }
  .howo-native-bestsellers > .section-content > .row > .col > .col-inner {
    padding-top: 30px;
  }
  .howo-native-bestsellers .howo-native-section-title.section-title-container {
    height: 66px;
    margin: 0;
    margin-left: -2px;
    max-width: none;
    width: calc(100% + 3px);
  }
  .howo-native-bestsellers .howo-native-section-title .section-title {
    background: #114a54;
    border: 0;
    clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 100%, 0 100%);
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
  }
  .howo-native-bestsellers .howo-native-section-title .section-title-main {
    border: 0;
    color: #fff;
    font-family: "Be Vietnam", Arial, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 46px;
    padding: 0;
    text-transform: none;
  }
  .howo-native-bestsellers .howo-native-section-title .section-title-main::before,
  .howo-native-bestsellers .howo-native-section-title a {
    display: none;
  }
  .howo-native-bestsellers .product-small > .col-inner {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }
  .howo-native-bestsellers .product-small.box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .18);
    box-sizing: border-box;
    height: 394px;
    min-height: 394px;
    margin-left: -1px;
    padding: 10px 15px;
    width: calc(100% + 9px);
  }
  .howo-native-bestsellers .box-image,
  .howo-native-bestsellers .box-image .image-fade_in_back {
    height: 200px;
  }
  .howo-native-bestsellers .box-image img {
    aspect-ratio: auto;
    height: 200px;
    object-fit: cover;
    width: 100%;
  }
  .howo-native-bestsellers .box-text {
    align-content: center;
    box-sizing: border-box;
    column-gap: 12px;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    grid-template-rows: minmax(46px, auto) 24px;
    height: 174px;
    padding: 12px 0;
    text-align: left !important;
  }
  .howo-native-bestsellers .title-wrapper {
    grid-column: 1 / -1;
    min-width: 0;
  }
  .howo-native-bestsellers .product-title {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    min-height: 46px;
  }
  .howo-native-bestsellers .product-title a {
    color: #114a54;
    display: -webkit-box;
    font-family: "Be Vietnam", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    overflow: hidden;
    text-align: left;
    text-transform: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .howo-native-bestsellers .price-wrapper {
    align-self: center;
    grid-column: 1;
    grid-row: 2;
    line-height: 0;
    margin: 0;
  }
  .howo-native-bestsellers .star-rating {
    display: block;
    font-size: 16px;
    margin: 0;
  }
  .howo-native-product-views {
    align-self: center;
    color: #114a54;
    font-family: "Be Vietnam", Arial, sans-serif;
    font-size: 14px;
    grid-column: 2;
    grid-row: 2;
    line-height: 22.4px;
    margin: 0;
    text-align: right;
    white-space: nowrap;
  }

  /* News: native Blog Posts elements arranged as the source 9/3 and 7/5 grid. */
  .howo-native-news {
    box-sizing: border-box;
    height: 673px;
    min-height: 673px;
    overflow: hidden;
    padding: 0 !important;
  }
  .howo-native-news > .section-content > .row {
    height: 673px;
    max-width: 1270px;
  }
  .howo-native-news-main > .col-inner {
    padding: 30px 15px 0;
  }
  .howo-native-news .howo-native-section-title.section-title-container {
    height: 62px;
    margin: 0;
    max-width: 100%;
  }
  .howo-native-news .howo-native-section-title .section-title {
    background: #114a54;
    border: 0;
    clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 100%, 0 100%);
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
  }
  .howo-native-news .howo-native-section-title .section-title-main {
    border: 0;
    color: #fff;
    font-family: "Be Vietnam", Arial, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 46px;
    padding: 0;
    text-transform: uppercase;
  }
  .howo-native-news .howo-native-section-title .section-title-main::before {
    background: currentColor;
    color: #fff;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    vertical-align: -3px;
    width: 28px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M5.2 2.4A3 3 0 0 1 8 0h12a3 3 0 0 1 2.8 2.4L24 7h1a3 3 0 0 1 3 3v5a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1H9v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a2 2 0 0 1-2-2v-5a3 3 0 0 1 3-3h1l1.2-4.6ZM8 3 6.9 7h14.2L20 3H8Zm-3 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm18 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M5.2 2.4A3 3 0 0 1 8 0h12a3 3 0 0 1 2.8 2.4L24 7h1a3 3 0 0 1 3 3v5a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1H9v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a2 2 0 0 1-2-2v-5a3 3 0 0 1 3-3h1l1.2-4.6ZM8 3 6.9 7h14.2L20 3H8Zm-3 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm18 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .howo-native-news .howo-native-section-title a {
    display: none;
  }
  .howo-native-news-columns {
    height: 521px;
    margin-bottom: 0;
    max-width: none !important;
  }
  .howo-native-news-featured .post-item {
    height: 491px;
  }
  .howo-native-news-featured .post-item > .col-inner {
    border: 0;
    padding-bottom: 30px;
  }
  .howo-native-news-featured .box-image,
  .howo-native-news-featured .box-image .image-cover {
    height: 285px;
    padding-top: 0 !important;
  }
  .howo-native-news-featured .box-image img {
    height: 285px;
    object-fit: cover;
  }
  .howo-native-news-featured .box-text {
    padding: 8px 0 0;
    text-align: left !important;
  }
  .howo-native-news-featured .post-title {
    color: #114a54;
    font-family: "Be Vietnam", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.8px;
    margin: 1.6px 0;
  }
  .howo-native-news-featured .post-meta,
  .howo-native-news-compact .post-meta {
    color: #777;
    display: block;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
  }
  .howo-native-news-featured .is-divider,
  .howo-native-news-compact .is-divider,
  .howo-native-promo-post .is-divider {
    display: none;
  }
  .howo-native-news-featured .from_the_blog_excerpt {
    color: #555;
    display: block;
    font-size: 13px;
    line-height: 22px;
    margin-top: 8px;
    text-align: left;
  }
  .howo-native-news-compact .post-item {
    height: 89px;
  }
  .howo-native-news-compact .post-item > .col-inner {
    border: 0;
    padding-bottom: 19px;
  }
  .howo-native-news-compact .box-image,
  .howo-native-news-compact .box-image .image-cover {
    border-radius: 0;
    height: 70px;
    padding-top: 0 !important;
  }
  .howo-native-news-compact .box-image img {
    height: 70px;
    object-fit: cover;
  }
  .howo-native-news-compact .box-text {
    padding: 0 0 0 10px;
    text-align: left !important;
  }
  .howo-native-news-compact .post-title {
    color: #114a54;
    display: -webkit-box;
    font-family: "Be Vietnam", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .howo-native-promo > .col-inner {
    background: #ffc82e;
    border-radius: 5px;
    box-shadow: none;
    height: 482px;
    margin: 30px 10px 0;
    padding: 10px 15px 30px;
    position: relative;
    left: 10px;
  }
  .howo-native-promo > .col-inner::after {
    border: 1px dashed rgba(255, 255, 255, .95);
    border-radius: 4px;
    content: "";
    inset: 8px;
    pointer-events: none;
    position: absolute;
    z-index: 2;
  }
  .howo-native-promo .howo-native-promo-title.section-title-container {
    height: 42px;
    margin: 0 0 -4px;
    max-width: 100%;
  }
  .howo-native-promo .howo-native-promo-title .section-title {
    border: 0;
    box-shadow: 0 2px 0 rgba(207, 153, 16, .28);
    height: 42px;
    line-height: 42px;
    padding: 0;
  }
  .howo-native-promo .howo-native-promo-title .section-title-main {
    border: 0;
    color: #ec1f27 !important;
    font-family: "Be Vietnam", Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 42px;
    padding: 0;
    text-transform: uppercase;
  }
  .howo-native-promo .howo-native-promo-title .section-title-main::before {
    background:
      linear-gradient(#ec1f27, #ec1f27) 50% 0 / 2px 100% no-repeat,
      linear-gradient(#ec1f27, #ec1f27) 0 6px / 100% 2px no-repeat;
    border: 2px solid #ec1f27;
    border-radius: 2px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 19px;
    margin-right: 8px;
    vertical-align: -3px;
    width: 20px;
  }
  .howo-native-promo .howo-native-promo-title a {
    display: none;
  }
  .howo-native-promo-post {
    height: 55px;
    left: 15px;
    margin: 0;
    position: relative;
    top: -10px;
    max-width: 258px;
    width: 258px !important;
  }
  .howo-native-promo-post .post-item {
    height: 55px;
    padding: 0;
    width: 100%;
  }
  .howo-native-promo-post .post-item > .col-inner {
    border: 0;
    padding: 0;
  }
  .howo-native-promo-post .box-image,
  .howo-native-promo-post .box-image .image-cover {
    display: none;
  }
  .howo-native-promo-post .box {
    height: 55px;
  }
  .howo-native-promo-post .box-text {
    padding: 11px 0 0;
    text-align: left !important;
  }
  .howo-native-promo-post .post-title {
    color: #114a54;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
    padding-left: 14px;
    position: relative;
    text-align: left;
  }
  .howo-native-promo-post .post-title::before {
    content: "›";
    font-size: 24px;
    font-weight: 700;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 0;
  }

  .howo-native-partners {
    box-sizing: border-box;
    height: 262px;
    min-height: 262px;
  }
  .howo-native-partners > .section-content > .row {
    height: 202px;
    max-width: 1240px;
  }
  .howo-native-partners > .section-content > .row > .col > .col-inner {
    padding: 20px 5px 0 !important;
  }
  .howo-native-partners .section-title-container {
    height: 63px;
    margin-bottom: 30px;
    max-width: 100%;
  }
  /* Source footer follows the partner strip with 471px content + 51px legal bar. */
  .howo-footer {
    border-top: 0;
    min-height: 522px;
  }
  .howo-footer__bottom {
    box-sizing: border-box;
    min-height: 51px;
  }
}

@media (min-width: 850px) and (max-width: 1023px) {
  .howo-native-bestsellers .box-text {
    column-gap: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(51px, auto) 18px 22px;
    row-gap: 4px;
  }
  .howo-native-bestsellers .product-title a {
    font-size: 13px;
    line-height: 17px;
    -webkit-line-clamp: 3;
  }
  .howo-native-bestsellers .price-wrapper {
    grid-column: 1;
    grid-row: 2;
  }
  .howo-native-bestsellers .star-rating {
    font-size: 14px;
  }
  .howo-native-bestsellers .howo-native-product-views {
    font-size: 12px;
    grid-column: 1;
    grid-row: 3;
    line-height: 20px;
    text-align: left;
  }
}

@media (max-width: 849px) {
  .howo-native-news {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .howo-native-news-main > .col-inner {
    padding: 0;
  }
  .howo-native-news .howo-native-section-title .section-title {
    background: #114a54;
    border: 0;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 100%, 0 100%);
    min-height: 44px;
    padding: 0 16px;
  }
  .howo-native-news .howo-native-section-title .section-title-main {
    border: 0;
    color: #fff;
    line-height: 44px;
    padding: 0;
  }
  .howo-native-news .howo-native-section-title .section-title-main::before {
    background: currentColor;
    color: #fff;
    content: "";
    display: inline-block;
    height: 17px;
    margin-right: 8px;
    vertical-align: -2px;
    width: 24px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M5.2 2.4A3 3 0 0 1 8 0h12a3 3 0 0 1 2.8 2.4L24 7h1a3 3 0 0 1 3 3v5a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1H9v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a2 2 0 0 1-2-2v-5a3 3 0 0 1 3-3h1l1.2-4.6ZM8 3 6.9 7h14.2L20 3H8Zm-3 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm18 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M5.2 2.4A3 3 0 0 1 8 0h12a3 3 0 0 1 2.8 2.4L24 7h1a3 3 0 0 1 3 3v5a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1H9v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a2 2 0 0 1-2-2v-5a3 3 0 0 1 3-3h1l1.2-4.6ZM8 3 6.9 7h14.2L20 3H8Zm-3 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm18 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .howo-native-news-columns {
    margin-top: 18px;
  }
  .howo-native-news-featured {
    margin-bottom: 24px;
  }
  .howo-native-news-featured .box-text,
  .howo-native-news-compact .box-text,
  .howo-native-promo-post .box-text {
    text-align: left !important;
  }
  .howo-native-news-featured .post-meta,
  .howo-native-news-featured .from_the_blog_excerpt,
  .howo-native-news-compact .post-meta {
    text-align: left;
  }
  .howo-native-news-featured .is-divider,
  .howo-native-news-compact .is-divider,
  .howo-native-promo-post .is-divider {
    display: none;
  }
  .howo-native-news-compact .post-item {
    height: 89px;
    min-height: 89px;
    overflow: hidden;
  }
  .howo-native-news-compact .post-item > .col-inner {
    padding-bottom: 14px;
  }
  .howo-native-news-compact .box {
    align-items: flex-start;
    display: flex;
  }
  .howo-native-news-compact .box-image {
    flex: 0 0 35%;
    height: 70px;
    width: 35%;
  }
  .howo-native-news-compact .box-image .image-cover {
    height: 70px;
    padding-top: 0 !important;
  }
  .howo-native-news-compact .box-image img {
    height: 70px;
    object-fit: cover;
  }
  .howo-native-news-compact .box-text {
    flex: 1 1 auto;
    padding: 0 0 0 10px;
  }
  .howo-native-news-compact .post-title {
    display: -webkit-box;
    font-size: 13px;
    line-height: 19px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .howo-native-news-compact .post-meta {
    font-size: 10px;
  }
  .howo-native-promo {
    background: transparent;
    padding: 24px !important;
  }
  .howo-native-promo > .col-inner {
    background: #ffc82e;
    border-radius: 5px;
    min-height: 260px;
    padding: 16px 22px 34px !important;
    position: relative;
  }
  .howo-native-promo > .col-inner::after {
    border: 1px dashed rgba(255, 255, 255, .95);
    border-radius: 4px;
    content: "";
    inset: 8px;
    pointer-events: none;
    position: absolute;
  }
  .howo-native-promo .howo-native-promo-title .section-title {
    border: 0;
    box-shadow: 0 2px 0 rgba(207, 153, 16, .28);
  }
  .howo-native-promo .howo-native-promo-title .section-title-main {
    color: #ec1f27 !important;
    text-transform: uppercase;
  }
  .howo-native-promo .howo-native-promo-title .section-title-main::before {
    background:
      linear-gradient(#ec1f27, #ec1f27) 50% 0 / 2px 100% no-repeat,
      linear-gradient(#ec1f27, #ec1f27) 0 6px / 100% 2px no-repeat;
    border: 2px solid #ec1f27;
    border-radius: 2px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 18px;
    margin-right: 8px;
    vertical-align: -3px;
    width: 19px;
  }
  .howo-native-promo .post-title a {
    color: #114a54;
  }
  .howo-native-promo-post .box-image {
    display: none;
  }
  .howo-native-promo-post .post-title {
    padding-left: 14px;
    position: relative;
    text-align: left;
  }
  .howo-native-promo-post .post-title::before {
    content: "›";
    font-size: 22px;
    font-weight: 700;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 0;
  }
}