/* Huyen Hong storefront. Loaded after the original theme to preserve legacy templates. */
:root {
  --hh-ink:#1f568b;
  --hh-muted:#697786;
  --hh-paper:#f5f7fa;
  --hh-line:#e2e8ef;
  --hh-accent:#ff6600;
  --hh-radius:14px}

.hh-site {
  margin:0;
  background:var(--hh-paper);
  color:#26384a;
  font:15px/1.6 Arial,Helvetica,sans-serif}

.hh-site * {
  box-sizing:border-box}
.hh-site a {
  font-family:inherit;
  color:inherit;
  text-decoration:none;
  font-weight:inherit}
.hh-site a:hover {
  color:var(--hh-accent)}
.hh-site img {
  max-width:100%;
  height:auto}
.hh-site svg {
  width:24px;
  height:24px;
  flex-shrink:0}
.hh-site h1,.hh-site h2,.hh-site h3 {
  line-height:1.3}
.hh-site span {
  padding:0}
.hh-site button,.hh-site input,.hh-site select,.hh-site textarea {
  font:inherit}
.hh-site button {
  cursor:pointer}
.hh-site :focus-visible {
  outline:3px solid #ff6600;
  outline-offset:4px}
.hh-sr-only,.hh-skip {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0)}
.hh-skip:focus {
  clip:auto;
  z-index:10000;
  width:auto;
  height:auto;
  background:white;
  padding:12px;
  top:0;
  left:0}

.hh-site #hea-top1 {
  background:var(--hh-ink);
  color:#fff;
  float:none;
  height:auto;
  width:100%}
.hh-topbar {
  max-width:1280px;
  margin:auto;
  padding:9px 28px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:12px;
  letter-spacing:.15px}
.hh-topbar a {
  color:#fff}
.hh-site #contentbg {
  float:none;
  width:100%;
  background:none}
.hh-site #content-size {
  width:100%;
  max-width:1280px;
  margin:auto;
  padding:0 28px;
  float:none;
  background:none}
.hh-header {
  display:flex;
  align-items:center;
  gap:30px;
  padding:27px 0}
.hh-brand {
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--hh-ink)!important;
  font-size:23px;
  font-weight:700!important;
  letter-spacing:1.3px;
  white-space:nowrap;
  line-height:1.3}
.hh-monogram {
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--hh-ink);
  color:#fff;
  font-family:Georgia,serif;
  font-size:40px;
  letter-spacing:-4px;
  width:55px;
  height:59px;
  border-radius:12px 0}
.hh-monogram span {
  color:#d9aa7b}
.hh-brand small {
  display:block;
  font-size:8px;
  letter-spacing:1.7px;
  margin-top:6px}
.hh-search {
  display:flex;
  flex:1;
  border:1px solid var(--hh-line);
  background:#fff;
  border-radius:8px;
  padding:3px 6px 3px 15px;
  min-width:150px}
.hh-search input {
  min-width:0;
  width:100%;
  border:0;
  background:none;
  outline-offset:0;
  padding:9px 0;
  font-size:13px}
.hh-search button {
  border:0;
  background:transparent;
  color:var(--hh-ink);
  width:42px;
  min-height:40px}
.hh-consult small {
  display:block;
  color:var(--hh-muted);
  font-size:11px}
.hh-consult strong {
  font-size:13px}
.hh-cart {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:13px;
  white-space:nowrap}
.hh-cart b {
  font-size:11px;
  border-radius:50%;
  min-width:23px;
  text-align:center;
  background:#eaf2fa;
  padding:2px 5px}
.hh-navigation {
  display:flex;
  align-items:stretch;
  border-top:1px solid var(--hh-line);
  border-bottom:1px solid var(--hh-line);
  margin-bottom:28px;
  position:relative;
  z-index:50}
.hh-categories {
  flex:0 0 245px;
  position:relative}
.hh-categories summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  padding:17px 20px 17px 0;
  font-weight:bold;
  font-size:13px}
.hh-categories summary::-webkit-details-marker {
  display:none}
.hh-category-menu {
  position:absolute;
  top:100%;
  left:0;
  width:300px;
  max-width:calc(100vw - 32px);
  max-height:65vh;
  overflow:auto;
  padding:10px;
  background:#fff;
  border:1px solid var(--hh-line);
  border-radius:0 0 12px 12px;
  box-shadow:0 15px 35px #163b3420}
.hh-category-menu a {
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:11px 13px;
  border-radius:6px;
  font-size:14px}
.hh-category-menu a:hover {
  background:var(--hh-paper)}
.hh-nav-links {
  display:flex;
  flex:1;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-left:1px solid var(--hh-line);
  padding-left:25px}
.hh-nav-links a {
  font-size:13px;
  white-space:nowrap;
  padding:15px 0}
.hh-nav-links a[aria-current] {
  color:var(--hh-accent);
  box-shadow:inset 0 -2px var(--hh-accent)}
.hh-menu-toggle {
  display:none}
.hh-hero {
  display:grid;
  grid-template-columns:1fr 1.08fr;
  min-height:470px;
  background:#edf4fb;
  border-radius:18px;
  overflow:hidden}
.hh-hero-copy {
  padding:53px 42px 30px}
.hh-eyebrow {
  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
  color:var(--hh-accent);
  margin:0 0 17px}
.hh-hero h1 {
  font:52px/1.14 Georgia,'Times New Roman',serif;
  letter-spacing:-1.8px;
  color:var(--hh-ink);
  margin:0 0 22px;
  padding:0}
.hh-hero h1 em {
  font-weight:normal;
  color:#1f568b}
.hh-hero-copy>p:not(.hh-eyebrow) {
  font-size:14px;
  line-height:1.9;
  color:#62758a}
.hh-hero-actions {
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:28px}
.hh-site .hh-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-height:48px;
  padding:12px 21px;
  background:var(--hh-ink);
  color:#fff;
  border:1px solid var(--hh-ink);
  border-radius:6px;
  font-size:13px;
  font-weight:700}
.hh-site .hh-button:hover {
  background:#17436e;
  color:#fff}
.hh-text-link {
  font-size:13px;
  font-weight:bold!important}
.hh-hero-note {
  display:flex;
  flex-wrap:wrap;
  gap:23px;
  border-top:1px solid #d4e1ed;
  margin-top:32px;
  padding-top:20px;
  color:#41668a;
  font-size:10px;
  font-weight:bold;
  letter-spacing:1px}
.hh-hero-image {
  position:relative;
  min-width:0;
  background:#d2cec1}
.hh-hero-image>img {
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  inset:0}
.hh-image-label {
  position:absolute;
  left:25px;
  bottom:28px;
  padding:15px 20px;
  background:#fffffff0;
  border-radius:8px}
.hh-image-label span {
  display:block;
  font-size:9px;
  letter-spacing:2px;
  color:var(--hh-muted)}
.hh-image-label strong {
  display:block;
  font:21px Georgia,serif;
  margin-top:7px}
.hh-image-number {
  position:absolute;
  top:20px;
  right:20px;
  background:#ffffffd9;
  padding:6px 10px!important;
  font-size:9px;
  letter-spacing:1px;
  border-radius:3px}
.hh-services {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:26px 0;
  border-bottom:1px solid var(--hh-line);
  gap:25px}
.hh-services>div {
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 15px}
.hh-services>div+div {
  border-left:1px solid var(--hh-line)}
.hh-services>div>span {
  font:25px Georgia,serif;
  color:#ff6600}
.hh-services p {
  margin:0}
.hh-services strong {
  display:block;
  font-size:13px}
.hh-services small,.hh-services a {
  font-size:12px;
  color:var(--hh-muted)}
.hh-collections {
  padding:42px 0 16px;
  scroll-margin-top:20px}
.hh-section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px}
.hh-section-heading h2 {
  font-size:25px;
  letter-spacing:-.6px;
  margin:0;
  padding:0;
  color:var(--hh-ink)}
.hh-section-heading .hh-eyebrow {
  margin-bottom:9px}
.hh-category-chips {
  display:flex;
  flex-wrap:wrap;
  gap:10px}
.hh-category-chips a {
  padding:10px 17px;
  background:white;
  border:1px solid var(--hh-line);
  border-radius:6px;
  font-size:13px;
  display:flex;
  align-items:center;
  gap:20px}
.hh-category-chips a:hover {
  border-color:var(--hh-accent)}
.hh-product-section {
  padding:27px 0 12px}
.hh-product-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px}
.hh-product-card {
  position:relative;
  min-width:0;
  background:white;
  border:1px solid var(--hh-line);
  border-radius:12px;
  overflow:hidden;
  transition:box-shadow .2s,transform .2s}
.hh-product-card:hover {
  box-shadow:0 9px 28px #173a3310;
  transform:translateY(-3px)}
.hh-product-photo {
  display:block;
  position:relative;
  aspect-ratio:1.18;
  background:#fff;
  padding:20px}
.hh-product-photo img {
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply}
.hh-product-arrow {
  position:absolute;
  right:13px;
  bottom:13px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--hh-paper)}
.hh-product-info {
  padding:16px 18px 20px;
  border-top:1px solid #edf1f6}
.hh-product-info h3 {
  font-size:14px;
  margin:0 0 12px;
  padding:0;
  min-height:37px}
.hh-price {
  font-size:15px;
  font-weight:700;
  color:var(--hh-ink)}
.hh-price del {
  display:inline-block;
  font-size:11px;
  font-weight:400;
  color:#7a8590;
  margin-left:10px}
.hh-sale {
  position:absolute;
  top:12px;
  left:12px;
  background:#fff0e5;
  color:#d55700;
  border-radius:4px;
  padding:3px 8px!important;
  font-size:11px;
  font-weight:700}
.hh-help {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin:45px 0;
  background:#edf4fb;
  border-radius:12px;
  padding:35px 38px}
.hh-help h2 {
  font:30px Georgia,serif;
  padding:0;
  margin:0}
.hh-help p:last-child {
  font-size:13px;
  color:var(--hh-muted);
  margin-bottom:0}
.hh-footer {
  clear:both;
  background:var(--hh-ink);
  color:#e4edf6;
  padding:45px 28px 20px}
.hh-footer-inner {
  max-width:1224px;
  margin:auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:35px}
.hh-footer .hh-brand {
  color:white!important;
  font-size:21px;
  margin-bottom:24px}
.hh-footer .hh-monogram {
  background:#2d659b}
.hh-footer-company {
  font-size:12px;
  overflow-wrap:anywhere}
.hh-footer-column h2 {
  font-size:14px;
  color:white;
  margin:7px 0 20px;
  padding:0}
.hh-footer-column>a {
  display:block;
  margin-bottom:11px;
  font-size:12px}
.hh-footer-bottom {
  max-width:1224px;
  margin:35px auto 0;
  border-top:1px solid #ffffff26;
  padding-top:20px;
  display:flex;
  justify-content:space-between;
  font-size:11px;
  color:#b9cbde}
.hh-floating-contact {
  position:fixed;
  bottom:22px;
  right:22px;
  z-index:100;
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--hh-ink);
  color:white!important;
  border:1px solid #ffffff50;
  border-radius:40px;
  padding:12px 18px;
  box-shadow:0 4px 20px #0002;
  font-size:12px}

/* Adapt the existing catalogue, detail, article and checkout templates. */
.hh-site #main-content {
  display:flow-root;
  min-width:0}
.hh-site #index-box,.hh-site #index-box2 {
  width:100%;
  float:none;
  background:none;
  display:flow-root;
  margin:0 0 28px}
.hh-site #box-menu-doc {
  width:220px;
  margin:0 24px 20px 0}
.hh-site #box-h-right {
  float:right;
  width:calc(100% - 244px);
  margin-top:0;
  min-width:0}
.hh-site #box-h-rightq {
  float:left;
  width:calc(100% - 244px)}
.hh-site #box-menu-doc1 {
  width:220px;
  float:right;
  max-width:100%}
.hh-site #menud {
  width:100%;
  min-height:0;
  background:white;
  border:1px solid var(--hh-line);
  border-radius:10px;
  box-shadow:none}
.hh-site #menud>ul {
  margin:0;
  padding:8px;
  list-style:none}
.hh-site #menud li {
  height:auto;
  min-height:0;
  max-width:100%;
  background:none}
.hh-site #menud li a {
  height:auto;
  min-height:42px;
  padding:10px 12px;
  line-height:1.5;
  font-size:13px;
  background:none;
  color:var(--hh-ink);
  white-space:normal}
.hh-site #menud li a:hover {
  background:#edf4fb}
.hh-site #menud li:focus-within>ul {
  display:block}
.hh-site .tcat,.hh-site .tcatq {
  float:none;
  width:100%!important;
  height:auto;
  background:none;
  border:0;
  color:var(--hh-muted);
  font-size:12px;
  padding:8px 0 18px;
  line-height:1.7}
.hh-site .tcat h1 {
  font-size:19px;
  color:var(--hh-ink)}
.hh-site #box-h-right>h1 {
  font-size:28px;
  margin-bottom:18px}
.hh-site .conten_main,.hh-site .conten_main3,.hh-site .conten_main2 {
  width:100%;
  padding:20px;
  float:none;
  display:flow-root;
  background:white;
  border:1px solid var(--hh-line);
  border-radius:12px;
  min-width:0;
  overflow-wrap:anywhere}
.hh-site .sup_prdouct {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  padding:0;
  background:none;
  border:0}
.hh-site .sup_prdouct>div:first-child:not(#box-sp) {
  width:100%!important}
.hh-site #box-sp {
  float:none;
  display:inline-block;
  vertical-align:top;
  width:calc(25% - 13px);
  margin:0 0 16px;
  padding:12px;
  background:#fff;
  border:1px solid var(--hh-line);
  border-radius:10px;
  height:auto;
  min-height:260px}
.hh-site .sup_prdouct>#box-sp {
  width:calc((100% - 32px)/3);
  margin:0}
.hh-site #bg-pro {
  width:100%;
  height:auto;
  padding:0;
  float:none;
  background:none}
.hh-site #bg-pro table {
  width:100%;
  height:auto}
.hh-site #bg-pro img {
  width:100%;
  height:180px;
  object-fit:contain}
.hh-site #box-tdsp {
  width:100%;
  height:auto;
  float:none;
  padding:8px 0 0;
  margin:0;
  text-align:left;
  font-size:14px;
  background:none}
.hh-site #giamoi {
  color:var(--hh-ink);
  font-size:15px;
  float:none}
.hh-site #giacu {
  font-size:12px;
  color:#7a8590;
  float:none}
.hh-site .khuyenmai {
  background:#fff0e5;
  color:#d55700;
  font-size:12px;
  right:8px;
  top:8px;
  width:auto;
  height:auto;
  padding:3px 8px;
  border-radius:4px}
.hh-site .phantrang {
  width:100%;
  clear:both;
  padding:24px 0;
  display:flex;
  gap:6px;
  flex-wrap:wrap}
.hh-site .phantrang a {
  padding:8px 13px;
  border-radius:5px}
.hh-site .conten_main3>.hh-detail-gallery {
  width:44%!important;
  float:left}
.hh-site .tour_detail {
  width:52%!important;
  margin:0 0 20px 4%!important;
  padding:0!important;
  line-height:1.8!important}
.hh-site .tour_detail ul {
  margin:0;
  padding:0;
  list-style:none}
.hh-site .tour_detail li {
  margin-bottom:12px}
.hh-site .tour_detail h1 {
  font-size:28px!important;
  color:var(--hh-ink)!important;
  line-height:1.3}
.hh-site .img_main,.hh-site .ima_sup {
  width:100%!important;
  max-width:100%;
  height:auto}
.hh-site .img_main {
  padding:18px;
  border:1px solid var(--hh-line)!important;
  border-radius:10px}
.hh-site .img_main img {
  width:100%;
  object-fit:contain}
.hh-site .ima_sup {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:14px 0}
.hh-site .ima_sup img {
  border:1px solid var(--hh-line);
  border-radius:5px;
  cursor:pointer}
.hh-site .nd,.hh-site .usual,.hh-site .content_tab {
  width:100%!important;
  max-width:100%;
  height:auto;
  float:none;
  clear:both}
.hh-site .content_tab {
  padding:18px!important;
  overflow:auto;
  line-height:1.8}
.hh-site .usual>ul {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  float:none;
  height:auto;
  background:none;
  padding:20px 0 10px;
  margin:0;
  list-style:none}
.hh-site .usual>ul li {
  float:none;
  margin:0}
.hh-site .usual>ul a {
  display:block;
  padding:10px 13px;
  background:#edf4fb;
  border-radius:5px;
  font-size:13px;
  color:var(--hh-ink)}
.hh-site .usual>ul a.selected {
  background:var(--hh-ink);
  color:white}
.hh-site .add_cart {
  width:auto;
  height:auto;
  background:var(--hh-ink);
  color:#fff;
  border:0;
  padding:13px 22px;
  border-radius:6px;
  cursor:pointer;
  min-height:48px}
.hh-site iframe {
  max-width:100%}
.hh-site input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.hh-site textarea,.hh-site select {
  max-width:100%;
  border:1px solid var(--hh-line);
  border-radius:5px;
  padding:9px}
.hh-site .hh-search input {
  border:0}
.hh-site .hh-table-scroll {
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch}
.hh-site .hh-table-scroll table {
  max-width:none;
  min-width:100%}
.hh-site .hh-table-scroll:focus-visible {
  outline-offset:-3px}
.hh-site .hh-table-scroll td {
  padding:8px}
.hh-site #divAdLeft,.hh-site #divAdRight {
  display:none!important}
.hh-site #box-sp-home1,.hh-site #bg-ct-right1,.hh-site #bg-ct-sph,.hh-site #cont-box1,.hh-site #cont-box2 {
  width:100%;
  height:auto;
  background:none}
.hh-site #cont-box2 .thuonghieunt {
  width:100%;
  height:auto}
.hh-site .box_news,.hh-site .box_news_detail {
  max-width:100%}

@media(min-width:1500px) {
  .hh-hero {
  min-height:490px}
.hh-hero-copy {
  padding-top:60px}
}

@media(max-width:1100px) {
  .hh-header {
  gap:20px}
.hh-consult {
  display:none}
.hh-nav-links {
  gap:15px;
  padding-left:20px;
  flex-wrap:wrap}
.hh-nav-links a {
  font-size:12px}
.hh-categories {
  flex-basis:215px}
.hh-hero-copy {
  padding:35px 28px}
.hh-hero h1 {
  font-size:44px}
.hh-hero-actions {
  gap:14px;
  flex-wrap:wrap}
.hh-product-grid {
  gap:15px}
.hh-footer-inner {
  grid-template-columns:1.5fr 1fr 1fr}
.hh-footer-company {
  grid-column:1/-1}
.hh-site #box-sp {
  width:calc(33.333% - 12px)}
}

@media(max-width:800px) {
  .hh-topbar {
  padding:8px 20px}
.hh-topbar>span {
  font-size:10px}
.hh-site #content-size {
  padding:0 20px}
.hh-header {
  flex-wrap:wrap;
  padding:21px 0;
  gap:18px}
.hh-brand {
  font-size:21px}
.hh-search {
  order:3;
  flex-basis:100%}
.hh-cart {
  margin-left:auto}
.hh-navigation {
  justify-content:space-between;
  margin-bottom:20px;
  flex-wrap:wrap}
.hh-categories {
  flex-basis:auto}
.hh-menu-toggle {
  display:flex;
  align-items:center;
  gap:15px;
  min-height:48px;
  background:none;
  border:0;
  color:var(--hh-ink);
  font-weight:bold}
.hh-nav-links {
  display:none;
  flex-basis:100%;
  border-left:0;
  border-top:1px solid var(--hh-line);
  padding:12px 0;
  gap:0}
.hh-nav-links.is-open {
  display:flex;
  flex-direction:column;
  align-items:stretch}
.hh-nav-links a {
  padding:10px 12px;
  font-size:14px}
.hh-hero {
  min-height:390px;
  grid-template-columns:1fr 1fr}
.hh-hero-copy {
  padding:30px 23px}
.hh-hero h1 {
  font-size:37px}
.hh-hero-copy>p:not(.hh-eyebrow) {
  font-size:13px}
.hh-hero-note {
  gap:12px;
  font-size:8px;
  margin-top:20px}
.hh-hero-actions {
  margin-top:20px;
  gap:15px}
.hh-image-label {
  left:15px;
  bottom:20px;
  right:15px;
  padding:13px}
.hh-image-label strong {
  font-size:18px}
.hh-services {
  gap:12px;
  padding:20px 0}
.hh-services>div {
  padding:0 8px;
  gap:10px}
.hh-services>div>span {
  font-size:20px}
.hh-services strong {
  font-size:12px}
.hh-services small,.hh-services a {
  font-size:10px}
.hh-section-heading h2 {
  font-size:22px}
.hh-product-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))}
.hh-help {
  padding:25px;
  gap:20px}
.hh-help h2 {
  font-size:26px}
.hh-site #box-menu-doc {
  width:100%;
  margin:0 0 20px}
.hh-site #menud>ul {
  display:flex;
  flex-wrap:wrap;
  gap:4px}
.hh-site #menud>ul>li {
  width:auto;
  float:none;
  border:0;
  position:relative}
.hh-site #menud ul ul {
  position:static!important;
  width:100%!important;
  left:auto!important;
  top:auto!important;
  float:none!important;
  box-shadow:none!important}
.hh-site #menud li>ul {
  display:none!important}
.hh-site #menud li.hh-submenu-open>ul {
  display:block!important}
.hh-submenu-toggle {
  background:#edf4fb;
  border:0;
  border-radius:4px;
  min-width:36px;
  min-height:36px;
  margin:3px;
  color:var(--hh-ink)}
.hh-site #menud li>a {
  display:inline-block}
.hh-site #box-h-right,.hh-site #box-h-rightq {
  width:100%;
  float:none}
.hh-site #box-menu-doc1 {
  width:100%;
  float:none;
  margin:0 0 20px}
.hh-site #box-menu-doc1>img,.hh-site #box-menu-doc1 .simply-scroll-container {
  display:none}
.hh-site #box-menu-doc1 .hotrol {
  width:100%;
  height:auto}
.hh-site #box-sp {
  width:calc(33.333% - 12px)}
}

@media(min-width:801px) {
  .hh-submenu-toggle {
  display:none}
}

@media(max-width:540px) {
  .hh-topbar {
  justify-content:center;
  padding:8px 16px}
.hh-topbar>a {
  display:none}
.hh-site #content-size {
  padding:0 16px}
.hh-brand {
  font-size:18px;
  gap:9px}
.hh-brand small {
  font-size:6px;
  letter-spacing:1.2px}
.hh-monogram {
  width:44px;
  height:48px;
  font-size:34px}
.hh-cart {
  gap:7px}
.hh-cart>span {
  display:none}
.hh-header {
  gap:16px;
  padding:18px 0}
.hh-categories summary {
  font-size:12px;
  gap:10px;
  padding:14px 0}
.hh-hero {
  display:flex;
  flex-direction:column;
  border-radius:12px}
.hh-hero-copy {
  padding:30px 25px 25px}
.hh-hero h1 {
  font-size:43px;
  letter-spacing:-1.3px}
.hh-hero-copy>p:not(.hh-eyebrow) {
  font-size:13px}
.hh-hero-actions {
  flex-wrap:nowrap;
  gap:16px}
.hh-button {
  font-size:12px!important;
  padding:12px 15px!important;
  gap:12px!important}
.hh-hero-note {
  font-size:9px;
  justify-content:space-between}
.hh-hero-image {
  height:260px}
.hh-image-label {
  right:auto;
  bottom:18px}
.hh-services {
  grid-template-columns:1fr;
  gap:14px;
  padding:23px 0}
.hh-services>div {
  padding:0 6px;
  gap:18px}
.hh-services>div+div {
  border:0}
.hh-services>div>span {
  font-size:24px}
.hh-services strong {
  font-size:13px}
.hh-services small,.hh-services a {
  font-size:12px}
.hh-collections {
  padding-top:30px}
.hh-section-heading {
  gap:12px;
  align-items:flex-start}
.hh-section-heading h2 {
  font-size:21px}
.hh-section-heading>.hh-text-link {
  font-size:11px;
  white-space:nowrap;
  margin-top:4px}
.hh-collections .hh-section-heading {
  flex-direction:column}
.hh-category-chips {
  gap:8px}
.hh-category-chips a {
  padding:8px 12px;
  font-size:12px;
  gap:10px}
.hh-product-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px}
.hh-product-photo {
  padding:12px;
  aspect-ratio:1}
.hh-product-info {
  padding:12px}
.hh-product-info h3 {
  font-size:12px;
  min-height:32px}
.hh-price {
  font-size:13px}
.hh-price del {
  display:block;
  margin:3px 0 0;
  font-size:10px}
.hh-product-arrow {
  width:25px;
  height:25px;
  right:7px;
  bottom:7px}
.hh-sale {
  font-size:10px;
  top:7px;
  left:7px}
.hh-help {
  flex-direction:column;
  align-items:flex-start;
  padding:25px;
  margin:30px 0}
.hh-help h2 {
  font-size:26px}
.hh-footer {
  padding:32px 20px 90px}
.hh-footer-inner {
  grid-template-columns:1fr 1fr;
  gap:25px}
.hh-footer-column:last-child {
  grid-column:1/-1}
.hh-footer-bottom {
  gap:12px;
  flex-direction:column}
.hh-floating-contact {
  bottom:14px;
  right:14px;
  padding:12px}
.hh-floating-contact span {
  display:none}
.hh-site .sup_prdouct>#box-sp,.hh-site #box-sp {
  width:calc((100% - 12px)/2);
  min-height:230px;
  padding:9px}
.hh-site .sup_prdouct {
  gap:12px}
.hh-site #bg-pro img {
  height:140px}
.hh-site #box-tdsp {
  font-size:12px}
.hh-site #giamoi {
  font-size:13px}
.hh-site .conten_main,.hh-site .conten_main3 {
  padding:14px}
.hh-site .conten_main3>.hh-detail-gallery,.hh-site .tour_detail {
  width:100%!important;
  float:none!important;
  margin:0 0 20px!important}
.hh-site .tour_detail h1 {
  font-size:24px!important}
.hh-site .usual>ul a {
  font-size:12px;
  padding:10px}
.hh-site .content_tab {
  padding:10px!important}
.hh-site #menud>ul>li {
  width:100%}
.hh-site .hh-form-table,.hh-site .hh-form-table>tbody,.hh-site .hh-form-table>tbody>tr,.hh-site .hh-form-table>tbody>tr>td {
  display:block!important;
  width:100%!important;
  height:auto!important;
  text-align:left!important}
.hh-site .hh-form-table input:not([type=hidden]):not([type=radio]):not([type=checkbox]),.hh-site .hh-form-table textarea {
  width:100%!important}
.hh-site .hh-form-table td:empty {
  display:none!important}
}

@media(prefers-reduced-motion:reduce) {
  .hh-site * {
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important}
}


/* Additional legacy content wrappers share the same fluid content area. */
.hh-site .conten_main6,.hh-site .conten_main9,.hh-site .commen,.hh-site .cauhoi,.hh-site .box_new {
  width:100%;
  max-width:100%;
  height:auto;
  box-sizing:border-box}
.hh-site .conten_main6,.hh-site .conten_main9 {
  padding:20px;
  background:white;
  border:1px solid var(--hh-line);
  border-radius:12px;
  float:none;
  display:flow-root}
.hh-site .box_new {
  padding:18px 0;
  border-bottom:1px solid var(--hh-line);
  line-height:1.8}
.hh-site .box_new h2 {
  font-size:18px}
.hh-site .hh-form-table {
  max-width:100%;
  table-layout:fixed}
.hh-site .hh-form-table td {
  overflow-wrap:anywhere}
.hh-site .hh-form-table textarea {
  max-width:100%}
.hh-site .commen {
  clear:both}
.hh-site .hh-table-scroll table {
  table-layout:auto}
.hh-site #box-menu-doc:empty {
  display:none}

@media(max-width:540px) {
  .hh-site .conten_main6,.hh-site .conten_main9 {
  padding:14px}
.hh-site .box_new .image_boder {
  float:none;
  margin:0 0 15px;
  width:100%}
.hh-site .box_new .image_boder img {
  width:100%;
  height:180px;
  object-fit:cover}
.hh-site .cauhoi .ntp {
  width:100%}
}

.hh-site .hh-detail-layout {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:24px}
.hh-site .hh-detail-layout #box-h-rightq {
  width:100%;
  grid-column:1;
  grid-row:1;
  float:none;
  min-width:0}
.hh-site .hh-detail-layout #box-menu-doc1 {
  grid-column:2;
  grid-row:1;
  float:none;
  min-width:0}
.hh-advice-card {
  background:#edf4fb;
  border-radius:10px;
  padding:20px}
.hh-advice-card h2 {
  font-size:19px;
  padding:0}
.hh-advice-card p:not(.hh-eyebrow) {
  font-size:12px;
  color:var(--hh-muted)}
.hh-advice-card .hh-button {
  font-size:12px;
  padding:10px 12px;
  gap:8px}
.hh-related-heading {
  font-size:16px;
  margin:24px 0 15px;
  padding:0}
.hh-related-products {
  display:grid;
  gap:15px}
.hh-catalog-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))}
.hh-catalog-description {
  margin-bottom:25px}

@media(max-width:800px) {
  .hh-site .hh-detail-layout {
  grid-template-columns:minmax(0,1fr)}
.hh-site .hh-detail-layout #box-menu-doc1 {
  grid-column:1;
  grid-row:2;
  width:100%}
.hh-related-products {
  grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:540px) {
  .hh-catalog-grid,.hh-related-products {
  grid-template-columns:repeat(2,minmax(0,1fr))}
}

.hh-site .khuyenmai_detli {
  left:24px;
  top:24px;
  width:auto;
  height:auto;
  padding:4px 10px;
  background:#fff0e5;
  color:#d55700;
  font-size:13px;
  line-height:1.6;
  border-radius:4px;
  z-index:2}
.hh-site .khuyenmai_detli::after {
  content:'%'}
.hh-site .tour_detail,.hh-site .conten_main3,.hh-site .conten_main6,.hh-site .conten_main9 {
  text-align:left}
.hh-site .hh-search input {
  border:0!important;
  box-shadow:none}
.hh-site .hh-detail-gallery {
  min-width:0}

.hh-site #box-menu-doc>.hotrol {
  width:100%;
  border:1px solid var(--hh-line);
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  margin-top:16px}
.hh-site .hotrotile {
  background:#edf4fb!important;
  color:var(--hh-ink);
  border:0;
  height:auto;
  padding:12px;
  font-size:13px}
.hh-site #box-menu-doc>img {
  max-width:100%;
  border-radius:8px}
.hh-site .menu1 {
  padding:12px}
.hh-site .menu1>ul {
  padding:0!important}

@media(max-width:800px) {
  .hh-site #box-menu-doc>.hotrol,.hh-site #box-menu-doc>img {
  display:none}
}

/* Navigation remains accessible if scripting is disabled. */
@media(max-width:800px){.hh-site:not(.hh-enhanced) .hh-nav-links{display:flex;flex-wrap:wrap}.hh-site:not(.hh-enhanced) .hh-menu-toggle{display:none}.hh-site:not(.hh-enhanced) #menud li>ul{display:block!important}}

/* Original Huyen Hong identity: blue navigation, white surfaces, orange prices. */
.hh-site[hidden],.hh-site [hidden]{display:none!important}
.hh-site #hea-top1{background:#f0f2f5;color:#46596c;border-bottom:1px solid var(--hh-line)}
.hh-topbar{padding:8px 28px;font-size:12px}.hh-topbar>div{display:flex;align-items:center;gap:22px}.hh-topbar a{color:var(--hh-ink)}.hh-topbar strong{color:#ff6600}
.hh-header{gap:26px;padding:22px 0;background:#fff}.hh-header .hh-brand{flex:0 1 620px;min-width:0}.hh-header .hh-brand img{display:block;width:100%;height:auto}.hh-site #contentbg{background:#f5f7fa}.hh-site #content-size{max-width:1320px}.hh-search{max-width:400px;min-width:200px;min-height:46px;background:#fff}.hh-cart{color:var(--hh-ink)}
.hh-navigation{background:#1f568b;color:#fff;border:0;border-radius:8px;margin-bottom:24px;align-items:stretch}.hh-categories{flex-basis:232px;flex-shrink:0;border-right:1px solid #ffffff26}.hh-categories summary{padding:16px;font-size:13px}.hh-category-menu{color:#26384a}.hh-nav-links{border:0;padding:0 10px;gap:0;justify-content:space-around;flex-wrap:wrap}.hh-nav-item{position:relative;display:flex;align-items:center}.hh-nav-item>a{padding:16px 8px;display:block;font-size:12px;font-weight:bold;color:#fff}.hh-nav-links a[aria-current]{background:#17436e;box-shadow:inset 0 -3px #ff6600;color:#fff}.hh-nav-links a:hover{color:#fff;background:#2f6a9e}.hh-brand-dropdown>summary{cursor:pointer;list-style:none;padding:10px 5px}.hh-brand-dropdown>summary::-webkit-details-marker{display:none}.hh-brand-dropdown>div{position:absolute;top:100%;left:0;width:250px;max-height:65vh;overflow:auto;background:#fff;color:#26384a;box-shadow:0 10px 24px #14365326;border:1px solid var(--hh-line);border-radius:0 0 8px 8px;padding:8px}.hh-brand-dropdown>div a{display:block;white-space:normal;padding:10px;font-size:13px;color:#1f568b}.hh-brand-dropdown>div a:hover{color:#1f568b;background:#edf4fb}
.hh-home-top{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:30px}.hh-home-main{min-width:0}.hh-home-categories{position:relative;background:#fff;border:1px solid var(--hh-line);border-radius:8px}.hh-site .hh-home-categories #box-menu-doc{float:none;width:100%;margin:0}.hh-site .hh-home-categories #menud{border:0;max-height:646px;overflow:auto;border-radius:8px}.hh-site .hh-home-categories #menud>ul{display:block;padding:5px}.hh-site .hh-home-categories #menud li{width:100%;float:none;position:relative;border-bottom:1px solid #f1f3f6}.hh-site .hh-home-categories #menud li a{display:inline-block;width:calc(100% - 35px);padding:10px;font-weight:400;min-height:40px;font-size:12px}.hh-site .hh-home-categories #menud li ul{position:static!important;left:auto!important;top:auto!important;width:100%!important;box-shadow:none!important;float:none;background:#f7faff;padding:0 0 0 10px}.hh-site .hh-home-categories #menud li>ul{display:none!important}.hh-site .hh-home-categories #menud li.hh-submenu-open>ul{display:block!important}.hh-home-categories .hh-submenu-toggle{display:inline-block;background:none;border:0;min-width:26px;min-height:32px;color:#1f568b;margin:0;padding:4px}.hh-slider{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--hh-line);background:#fff}.hh-slide{display:block}.hh-slide img{display:block;width:100%;height:auto;aspect-ratio:730/260;object-fit:cover}.hh-slider-controls{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:10px;padding:4px;border-radius:30px;background:#fff;color:#1f568b;box-shadow:0 2px 10px #0002}.hh-slider-controls button{border:0;background:#edf4fb;border-radius:50%;width:30px;height:30px;font-size:22px;color:#1f568b;line-height:1}.hh-slide-status{font-size:11px;min-width:34px;text-align:center}.hh-featured-section{margin-top:20px}.hh-section-heading{margin:0 0 18px;padding:13px 17px;border-left:4px solid #ff6600;background:#1f568b;border-radius:4px;gap:15px;color:white;align-items:center}.hh-section-heading h2{font:700 18px/1.4 Arial,sans-serif;letter-spacing:0;color:#fff}.hh-section-heading a{color:#fff;font-size:12px}.hh-section-heading h2 a{font-size:inherit}.hh-section-heading a:hover{color:#ffdebe}.hh-product-section{padding:0;margin:28px 0}.hh-product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.hh-featured-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px}.hh-featured-track .hh-product-card{scroll-snap-align:start}.hh-hot-track{grid-auto-columns:calc((100% - 64px)/5)}.hh-product-card{border-radius:8px}.hh-product-photo{padding:15px;aspect-ratio:1.12}.hh-product-info{padding:13px 14px 16px}.hh-product-info h3{font-size:13px;min-height:34px;margin-bottom:10px}.hh-product-info h3 a{color:#244b70}.hh-price{color:#ff6600;font-size:16px}.hh-price del{color:#89929c;font-size:11px}.hh-product-arrow{background:#edf4fb;color:#1f568b}.hh-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.hh-category-tabs a{padding:7px 12px;background:white;border:1px solid var(--hh-line);border-radius:5px;font-size:12px;color:#1f568b}.hh-category-tabs a.is-active{background:#eaf3fc;border-color:#1f568b;font-weight:bold}.hh-partners{margin:30px 0}.hh-partners>div:last-child{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:20px;background:#fff;border:1px solid var(--hh-line);border-radius:8px}.hh-partners img{max-width:180px;max-height:90px;object-fit:contain}.hh-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-site .add_cart{background:#ff6600;color:#fff;font-weight:bold}.hh-site .add_cart:hover{background:#e75c00}.hh-advice-card .hh-eyebrow{color:#1f568b}.hh-related-products .hh-price{font-size:14px}
/* Keep the existing footer content and its database-driven information links. */
.hh-site #footerbg,.hh-site #footerbg2{width:100%;float:none;clear:both;background:#f0f3f7;border:0;border-top:3px solid #1f568b;padding:32px 28px 0;height:auto;color:#344b60}.hh-site #footerblank{width:100%;max-width:1264px;float:none;margin:auto;padding:0;height:auto}.hh-site #footerbox{width:100%;float:none;display:flex;gap:28px;padding:0;margin:0;height:auto;background:none}.hh-site #footerbox>div:first-child{width:55%!important;float:none!important;display:flex;gap:24px}.hh-site #footerbox2{float:none;width:33.333%;margin:0;padding:0}.hh-site #footerbox3{float:none;width:45%;margin:0;padding:0}.hh-site .footerheading{font-size:13px;font-weight:bold;background:none;color:#1f568b;padding:0 0 14px;line-height:1.5;height:auto;text-transform:uppercase}.hh-site .footerheading .footerheading{padding:0}.hh-site .footertxt{width:100%;float:none;line-height:2;font-size:12px;color:#4f6171}.hh-site .footertxt a{font-size:12px;color:#4f6171}.hh-site .footertxt p{margin:0 0 7px;overflow-wrap:anywhere}.hh-site #footerbg2{border-top:1px solid #dce3eb;margin-top:25px;padding:15px 0 25px}.hh-site #footerbg2 #footerbox{display:block}.hh-site #footerbg2 #footerbox>div{width:100%!important;display:block!important}.hh-site .logothanhtoan{float:none}.hh-site .logothanhtoan ul{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.hh-site .noidung_footer{float:none;width:100%;font-size:11px}.hh-site .hotline-phone-ring-wrap{z-index:100;bottom:8px;left:8px}.hh-site .hotline-phone-ring{width:70px;height:70px}.hh-site .hotline-phone-ring-circle,.hh-site .hotline-phone-ring-circle-fill{display:none}.hh-site .hotline-phone-ring-img-circle{left:8px;top:8px}.hh-site .hotline-bar{display:none}
@media(max-width:1100px){.hh-header .hh-brand{flex-basis:52%}.hh-header{gap:16px}.hh-search{min-width:150px}.hh-cart>span{display:none}.hh-nav-links{justify-content:flex-start}.hh-nav-item>a{font-size:11px;padding:12px 8px}.hh-home-top{grid-template-columns:215px minmax(0,1fr);gap:18px}.hh-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hh-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-featured-track{grid-auto-columns:calc((100% - 32px)/3)}.hh-hot-track{grid-auto-columns:calc((100% - 48px)/4)}}
@media(max-width:800px){.hh-header .hh-brand{flex:1;max-width:620px}.hh-header .hh-search{flex-basis:100%;max-width:none;order:3}.hh-header .hh-cart{flex:0 0 auto}.hh-header{padding:18px 0}.hh-menu-toggle{color:white;padding:0 16px}.hh-navigation{align-items:center}.hh-categories{border:0;flex-basis:auto}.hh-nav-links.is-open{padding:6px 12px 14px;border-top:1px solid #ffffff26}.hh-nav-item{width:100%;justify-content:space-between;flex-wrap:wrap}.hh-nav-item>a{flex:1;color:white;font-size:13px;padding:10px}.hh-brand-dropdown>div{position:static;width:100%;max-height:300px}.hh-brand-dropdown{display:contents}.hh-brand-dropdown>summary{width:40px;text-align:center}.hh-brand-dropdown[open]>div{display:block;flex-basis:100%;width:100%}.hh-brand-dropdown:not([open])>div{display:none}.hh-home-top{grid-template-columns:minmax(0,1fr)}.hh-home-categories{display:none}.hh-topbar{padding:8px 20px}.hh-topbar>div{gap:15px}.hh-topbar>div:first-child{display:none}.hh-topbar{justify-content:center}.hh-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-hot-track{grid-auto-columns:calc((100% - 32px)/3)}.hh-site #footerbox{flex-direction:column}.hh-site #footerbox>div:first-child{width:100%!important}.hh-site #footerbox3{width:100%}.hh-site #footerbg{padding:25px 20px 0}.hh-topbar strong{font-size:12px}}
@media(max-width:540px){.hh-site #content-size{padding:0 12px}.hh-header .hh-brand{max-width:calc(100% - 53px)}.hh-header{gap:12px}.hh-header .hh-cart{gap:4px;margin:0}.hh-header .hh-cart b{min-width:18px}.hh-header .hh-cart svg{width:20px}.hh-navigation{margin-bottom:16px}.hh-categories summary{padding:13px 12px;font-size:12px}.hh-topbar{padding:7px 12px;font-size:10px}.hh-topbar>div{gap:10px}.hh-topbar strong{font-size:10px}.hh-search{min-height:44px}.hh-section-heading{flex-direction:row!important;align-items:center;padding:11px 12px;margin-bottom:12px;border-left-width:3px}.hh-section-heading h2{font-size:15px}.hh-section-heading .hh-text-link,.hh-section-heading>a{font-size:10px;white-space:nowrap;margin:0}.hh-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hh-featured-track,.hh-hot-track{grid-auto-columns:calc((100% - 12px)/2);gap:12px}.hh-product-section{margin:22px 0}.hh-product-info{padding:11px}.hh-product-info h3{font-size:12px}.hh-price{font-size:14px}.hh-price del{font-size:10px}.hh-product-photo{padding:10px;aspect-ratio:1}.hh-slider-controls{bottom:8px;right:8px;gap:5px;padding:3px}.hh-slider-controls button{width:27px;height:27px}.hh-category-tabs{gap:6px}.hh-category-tabs a{font-size:11px;padding:6px 9px}.hh-site #footerbox>div:first-child{flex-wrap:wrap;gap:20px}.hh-site #footerbox2{width:calc(50% - 10px)}.hh-site #footerbox2:last-child{width:100%}.hh-site .hotline-phone-ring-wrap{bottom:0;left:0}.hh-site .hotline-phone-ring-img-circle{width:42px;height:42px}.hh-site .hotline-phone-ring{width:60px;height:60px}}
.hh-advice-card .hh-support-phone{color:#ff6600;font-size:16px;font-weight:bold;overflow-wrap:anywhere}.hh-related-products{max-height:1400px;overflow:auto}
@media(max-width:800px){.hh-related-products{max-height:none;overflow:visible}}