/* Hua9 storefront refinement: clearer mobile header, portrait cards and search-first dock. */
:root {
  --h9-red: #8f3452;
  --h9-red-deep: #5e2738;
  --h9-rose: #fbf1f4;
  --h9-ink: #2f2a2c;
  --h9-muted: #746a6d;
  --h9-line: #eadfe2;
  --h9-paper: #fbfaf7;
  --h9-sage: #74806f;
}
:root {
  --f-accent: var(--h9-red);
  --f-bg: #fbfaf7;
  --f-bg-alt: #f8f4f2;
  --f-card: #fff;
  --f-border: var(--h9-line);
  --f-ink: var(--h9-ink);
  --f-muted: var(--h9-muted);
}
.h9-header { border-bottom: 1px solid rgba(94,39,56,.08); }
.h9-logo__mark { border-radius: 18px 18px 18px 7px; background: linear-gradient(145deg, #a64a67, var(--h9-red)); box-shadow: none; }
.h9-logo strong { font-family: var(--font-sans); font-size: 25px; font-weight: 750; letter-spacing: 1px; }
.h9-logo small { letter-spacing: 2px; }
.h9-main-nav { border-bottom-color: rgba(143,52,82,.72); }
.h9-main-nav .h9-main-nav__all { background: var(--h9-red-deep); }
.h9-header__promise::before { content: "✦"; color: #9b4f65; background: #f3f3ed; }
.h9-hero--catalog { min-height: 0; display: block; padding: 24px 0 0; background: #fff; }
.h9-hero--catalog::after { display: none; }
.h9-hero--catalog .h9-hero__media { position: relative; inset: auto; width: 100%; height: auto; overflow: hidden; border-radius: 18px; background: #f3eeec; }
.h9-hero--catalog .h9-hero__media > *,
.h9-hero--catalog .h9-hero__media picture { position: relative; inset: auto; height: auto; }
.h9-hero--catalog .h9-hero__media img { display: block; width: 100%; height: auto; max-height: 430px; object-fit: cover; }
.h9-brand-strip { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(440px, .95fr); gap: 30px; align-items: center; margin-top: 18px; padding: 24px 28px; border: 1px solid rgba(94,39,56,.09); border-radius: 16px; background: linear-gradient(135deg, #fff, #fbf7f4); }
.h9-brand-strip__intro .h9-eyebrow { margin-bottom: 8px; color: var(--h9-red); letter-spacing: 2px; }
.h9-brand-strip__intro h1 { margin: 0; font: 760 clamp(25px, 3vw, 36px)/1.2 var(--font-sans); letter-spacing: .5px; }
.h9-brand-strip__intro p:last-child { margin: 9px 0 0; color: var(--h9-muted); font-size: 14px; line-height: 1.7; }
.h9-service-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
.h9-service-facts span { min-width: 0; padding: 2px 14px; border-left: 1px solid var(--h9-line); }
.h9-service-facts strong, .h9-service-facts small { display: block; }
.h9-service-facts strong { color: var(--h9-ink); font-size: 13px; }
.h9-service-facts small { margin-top: 5px; color: var(--h9-muted); font-size: 11px; line-height: 1.45; }
.h9-region-brand { padding: 0 0 18px; background: #fff; }
.h9-region-brand .h9-brand-strip { margin-top: 0; }
.h9-quick { background: #fff; border-bottom: 0; }
.h9-quick a { border-color: rgba(94,39,56,.08); box-shadow: none; }
.h9-quick a:hover { border-color: rgba(143,52,82,.34); box-shadow: 0 8px 24px rgba(70,37,48,.07); }
.h9-section { padding-block: 54px; }
.h9-section__head h2 { font-family: var(--font-sans); font-size: 28px; letter-spacing: -.3px; }
.h9-product-section .h9-product-card { border-color: rgba(94,39,56,.08); border-radius: 14px; box-shadow: 0 4px 18px rgba(54,34,40,.045); }
.h9-product-section .h9-product-card__image { border-radius: 12px 12px 7px 7px; }
.h9-product-section .h9-product-card__selling { border-color: rgba(143,52,82,.16); background: #fff9fa; }
.h9-card-badge { display: none !important; }
.h9-card-motif { position: absolute; right: 10px; bottom: 10px; z-index: 1; display: inline-flex; align-items: end; gap: 3px; padding: 6px 7px; border-radius: 999px; background: rgba(255,255,255,.9); box-shadow: 0 3px 12px rgba(45,31,35,.08); }
.h9-card-motif i { display: block; width: 4px; border-radius: 999px; background: var(--h9-red); }
.h9-card-motif i:nth-child(1) { height: 6px; opacity: .55; }
.h9-card-motif i:nth-child(2) { height: 10px; opacity: .78; }
.h9-card-motif i:nth-child(3) { height: 14px; }
.h9-section--rose { background: #faf4f5; }
.h9-section--soft { background: #fbfaf7; }
.h9-footer { background: #9b4f65; }
.h9-page-head h1,
.h9-category-title h1 { font-family: var(--font-sans); letter-spacing: -.25px; }
.h9-breadcrumb { color: var(--h9-muted); }
.h9-breadcrumb a { color: var(--h9-red-deep); }
.h9-filter { border-block: 1px solid rgba(94,39,56,.08); background: #fff; }
.h9-filter a { border-radius: 999px; }
.h9-filter a.on,
.h9-filter a:hover { color: #fff; background: var(--h9-red); }
.h9-featured-filters { border-bottom-color: rgba(143,52,82,.18); background: #fbfaf7; }
.h9-featured-group a { border-radius: 999px; }
.h9-browse-grid { padding-bottom: 56px; }
.h9-browse-grid .h9-product-card { border-color: rgba(94,39,56,.08); border-radius: 14px; box-shadow: 0 4px 18px rgba(54,34,40,.045); }
.h9-browse-grid .h9-product-card__image { border-radius: 12px 12px 7px 7px; }
.cn-function-page {
  --cn-red: var(--h9-red);
  --cn-red-dark: var(--h9-red-deep);
  --cn-soft: #fbf6f7;
  --cn-line: var(--h9-line);
  color: var(--h9-ink);
  background: #fbfaf7;
}
.cn-function-page .function-card,
.cn-function-page .address-card { border-color: rgba(94,39,56,.1); box-shadow: 0 5px 18px rgba(54,34,40,.045); }
.cn-function-page .function-title,
.cn-function-page .cn-card-title,
.cn-function-page .cn-account-home h2 { color: var(--h9-ink); }
.cn-function-page .btn-primary,
.cn-function-page .cn-checkout-submit { background: var(--h9-red); border-color: var(--h9-red); }
.cn-product-search { background: #fbfaf7; }
.cn-product-search .cn-product-result { border-color: rgba(94,39,56,.08); box-shadow: 0 4px 18px rgba(54,34,40,.045); }
.h9-mobile-cart { position: relative; }
.h9-mobile-cart-count { position: absolute; top: 5px; left: calc(50% + 12px); display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; background: var(--h9-red); color: #fff; font-size: 9px; font-weight: 800; line-height: 1; }
.unified-compact-actions { display: none; }
.unified-compact-action { position: relative; color: var(--h9-red-deep); text-decoration: none; }
.unified-compact-action svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.unified-compact-cart-count { position: absolute; top: -4px; right: -4px; display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; background: var(--h9-red); color: #fff; font-size: 9px; font-weight: 700; line-height: 1; }
.unified-compact-menu { display: grid; align-content: center; gap: 4px; }
.unified-compact-menu > span { display: block; width: 20px; height: 1.5px; border-radius: 99px; background: currentColor; }
.h9-region-hero__text { max-width: 720px; margin: 14px auto 0; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.75; }
.h9-mobile-dock .is-search { color: inherit; font-weight: inherit; background: none; }
.h9-mobile-dock > a.is-active,
body:has(.f-independent-home) .h9-mobile-dock > a[href="/"],
body:has(.cn-category-directory) .h9-mobile-dock > a[href="/class.html"],
body:has(.h9-browse-grid) .h9-mobile-dock > a[href="/class.html"],
body[data-dynamic-page="search"] .h9-mobile-dock > a[href="/search.php"],
body[data-dynamic-page="cart"] .h9-mobile-dock > a[href="/cart.php"],
body:is([data-dynamic-page="dashboard"],[data-dynamic-page="profile"],[data-dynamic-page="password"],[data-dynamic-page="addresses"],[data-dynamic-page="orders"],[data-dynamic-page="order_detail"]) .h9-mobile-dock > a[href="/account.php"] { color: var(--h9-red); font-weight: 800; background: linear-gradient(180deg, #fff7f8, #fff); }

@media (max-width: 640px) {
  .h9-header__main { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 12px; padding-block: 10px 12px; }
  .h9-logo { justify-self: start; min-width: 0; }
  .h9-logo__mark { flex: 0 0 auto; }
  .unified-compact-actions { display: flex; align-items: center; justify-content: flex-end; gap: 3px; }
  .unified-compact-action { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 999px; background: #fff8f8; }
  .unified-compact-action:active { background: var(--h9-rose); }
  .h9-search { grid-column: 1 / -1; }
  .h9-header__promise { display: none; }
  .h9-main-nav { display: none; }
  .h9-hero--catalog { padding-top: 12px; }
  .h9-hero--catalog .h9-hero__media--desktop { display: none; }
  .h9-hero--catalog .h9-hero__media--mobile { display: block; }
  .h9-hero--catalog .h9-hero__media { border-radius: 12px; }
  .h9-brand-strip { grid-template-columns: 1fr; gap: 16px; margin-top: 10px; padding: 18px 16px; border-radius: 12px; }
  .h9-brand-strip__intro h1 { font-size: 24px; }
  .h9-brand-strip__intro p:last-child { font-size: 13px; }
  .h9-service-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 0; }
  .h9-service-facts span { padding: 0 10px; }
  .h9-service-facts span:nth-child(odd) { border-left: 0; padding-left: 0; }
  .h9-service-facts strong { font-size: 12px; }
  .h9-service-facts small { font-size: 10px; }
  .h9-service-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
  .h9-service-facts span { padding: 0 5px; text-align: center; }
  .h9-service-facts span:nth-child(odd) { border-left: 1px solid var(--h9-line); padding-left: 5px; }
  .h9-service-facts span:first-child { border-left: 0; }
  .h9-region-brand { padding-bottom: 8px; }
  .h9-legacy-banner { padding-top: 12px; padding-bottom: 10px; }
  .h9-quick__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
  .h9-quick a { min-height: 52px; padding: 9px 5px; border-radius: 9px; }
  .h9-quick strong { font-size: 12px; }
  .h9-section__head h2 { font-size: 22px; }
  .h9-section__head p { font-size: 12px; line-height: 1.55; }
  .f-ind-theme-hua9.f-independent-region .h9-breadcrumb { display: none; }
  .h9-product-section .h9-product-card__image,
  .h9-browse-grid .h9-product-card__image,
  body .cn-product-search .product-result-image { aspect-ratio: 4 / 5; }
  body .cn-product-search .product-result-image img { width: 100%; height: 100%; object-fit: cover; }
  .h9-product-section .h9-product-card,
  .h9-browse-grid .h9-product-card,
  body .cn-product-search .cn-product-result { border-radius: 8px; box-shadow: 0 3px 12px rgba(85,38,50,.055); }
  .h9-product-section .h9-product-card__type,
  .h9-browse-grid .h9-product-card__type,
  body .cn-product-search .cn-product-summary { min-height: 2.8em; display: -webkit-box; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .h9-product-section .h9-product-card__selling,
  .h9-browse-grid .h9-product-card__selling,
  body .cn-product-search .cn-product-tags { max-width: 100%; }
  .cn-function-page { background: #fff; }
  .cn-function-page .function-card,
  .cn-function-page .address-card { border-radius: 10px; box-shadow: 0 3px 12px rgba(54,34,40,.04); }
  .cn-product-search .product-result-image { border-radius: 8px 8px 4px 4px; overflow: hidden; }
  .h9-filter a,
  .h9-featured-group a { border-radius: 999px; }
  .h9-mobile-cart-count { top: 4px; }
  .h9-mobile-dock a { gap: 1px; }
}

@media (max-width: 380px) {
  .h9-logo strong { font-size: 20px; letter-spacing: 1px; }
  .h9-logo__mark { width: 40px; height: 40px; font-size: 18px; }
  .unified-compact-actions { gap: 1px; }
  .unified-compact-action { width: 31px; height: 31px; }
}

/* 2026-09-27 Hua9 efficiency-mall pass.
   Product-first, brighter, denser and intentionally different from Keeprich. */
:root {
  --h9-red: #e9325b;
  --h9-red-deep: #c91f49;
  --h9-rose: #fff0f4;
  --h9-ink: #3d2b31;
  --h9-muted: #7d6b70;
  --h9-line: #f0dde3;
  --h9-paper: #fff8fa;
  --f-accent: var(--h9-red);
  --f-bg: #fff;
  --f-bg-alt: #fff8fa;
  --f-border: var(--h9-line);
  --f-ink: var(--h9-ink);
  --f-muted: var(--h9-muted);
}

.h9-header { border-bottom-color: #f1dce2; box-shadow: 0 3px 18px rgba(150,35,69,.055); }
.h9-logo__mark {
  border-radius: 16px 16px 16px 5px;
  background: linear-gradient(145deg,#f74d75,var(--h9-red));
  box-shadow: 0 8px 20px rgba(233,50,91,.18);
}
.h9-logo strong { font-weight: 800; color: var(--h9-red-deep); }
.h9-main-nav { border-bottom-color: #efc8d2; }
.h9-main-nav .h9-main-nav__all { background: var(--h9-red); }
.h9-search { border-radius: 999px; border-width: 1.5px; }
.h9-search input { padding-left: 20px; }
.h9-search button { border-radius: 0 999px 999px 0; background: var(--h9-red); }

.h9-hero--catalog { padding-top: 16px; }
.h9-hero--catalog .h9-hero__media { border-radius: 14px; }
.h9-brand-strip {
  margin-top: 12px;
  padding: 20px 24px;
  border-color: #f0dde3;
  border-radius: 12px;
  background: linear-gradient(135deg,#fff,#fff7f9);
}
.h9-brand-strip__intro h1 { font-size: clamp(24px,3vw,34px); font-weight: 800; }
.h9-service-facts strong { color: #493238; }
.h9-service-facts small { color: #89747a; }

.h9-quick { padding-block: 12px; }
.h9-quick a {
  min-height: 54px;
  border-color: #f0dde3;
  border-radius: 10px;
  background: linear-gradient(180deg,#fff,#fff8fa);
}
.h9-quick a:hover { border-color: #f0a6b8; color: var(--h9-red-deep); }

.h9-section { padding-block: 44px; }
.h9-section__head { margin-bottom: 18px; }
.h9-section__head h2 { font-family: var(--font-sans); font-size: 26px; font-weight: 800; }
.h9-section__head p { color: #8a7379; }
.h9-section__head > a {
  padding: 5px 10px;
  border-radius: 999px;
  background: #fff0f4;
  color: var(--h9-red-deep);
  text-decoration: none;
}
.h9-section--soft { background: #fff9fa; }
.h9-section--rose { background: linear-gradient(180deg,#fff3f6,#fffafb); }

.h9-product-grid,
.grid-cols-2 { gap: 16px 12px; }
.h9-product-card,
.product-card,
.h9-product-section .h9-product-card,
.h9-browse-grid .h9-product-card,
body .cn-product-search .cn-product-result {
  overflow: hidden;
  border: 1px solid #f0e0e5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(112,39,59,.05);
}
.h9-product-card:hover,
.product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(112,39,59,.085);
}
.h9-product-card__image,
.product-img,
.h9-browse-grid .h9-product-card__image,
body .cn-product-search .product-result-image {
  aspect-ratio: 3 / 4;
  border-radius: 0 !important;
  background: #fff6f8;
}
.h9-product-card__image img,
.product-img img,
body .cn-product-search .product-result-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h9-product-card__body,
.product-info,
.h9-product-section .h9-product-card__body,
.h9-browse-grid .h9-product-card__body,
body .cn-product-search .product-result-body {
  padding: 11px 10px 13px;
}
.h9-product-card h3,
.product-title,
.h9-product-section .h9-product-card h3,
.h9-browse-grid .h9-product-card h3,
body .cn-product-search .cn-product-result h2 {
  min-height: 2.8em;
  margin-bottom: 5px;
  font-family: var(--font-sans);
  font-weight: 700;
  line-height: 1.4;
}
.h9-product-card__type,
.product-type,
.h9-product-section .h9-product-card__type,
.h9-browse-grid .h9-product-card__type,
body .cn-product-search .cn-product-summary {
  min-height: 2.8em;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.h9-product-card__selling,
.h9-product-section .h9-product-card__selling,
.h9-browse-grid .h9-product-card__selling,
body .cn-product-search .cn-product-tags {
  max-width: 100%;
  margin-bottom: 7px;
  padding: 3px 7px;
  border: 0;
  border-radius: 5px;
  background: #fff0f4;
  box-shadow: none;
  color: var(--h9-red-deep);
  font-size: 10px;
  font-weight: 700;
}
.h9-price,
.product-price { color: #e51d4f; font-size: 20px; font-weight: 800; }
.h9-market-price { color: #b9a9ae; }

.h9-panel,
.h9-shop-card {
  border-color: #f0dfe4;
  border-radius: 10px;
  box-shadow: 0 3px 14px rgba(106,43,60,.04);
}
.h9-category-menu,
.h9-category-block { border-color: #f0dfe4; border-radius: 10px; }
.h9-category-child { border-radius: 8px; background: #fff8fa; }
.h9-filter a,
.h9-featured-group a { border-radius: 999px; }
.h9-page-head { background: linear-gradient(180deg,#fff7f9,#fff); }
.h9-region-hero { background: linear-gradient(135deg,#e9325b,#c8204b); }
.h9-region-hero h1 { font-family: var(--font-sans); font-weight: 800; }
.h9-footer { background: #a62c50; }
.h9-confidence { display: none !important; }

/* Detail page follows the same Hua9 commerce language. */
.detail-page-wrapper {
  --detail-red: var(--h9-red);
  --detail-deep: var(--h9-red-deep);
  --detail-rose: var(--h9-rose);
  --detail-border: var(--h9-line);
  background: #fff;
}
.detail-title { color: #402e34; font-family: var(--font-sans); font-weight: 800; }
.detail-price-box {
  border-color: #f0d7df;
  border-radius: 10px;
  background: linear-gradient(135deg,#fff4f7,#fff);
}
.detail-price-main { color: #e51d4f; }
.variant-btn { border-radius: 8px; }
.variant-btn.on { background: var(--h9-red); border-color: var(--h9-red); }
.guarantee-box { background: #fff8fa; }
.detail-section-title { font-family: var(--font-sans); }
.related-card { border-color: #f0dfe4; border-radius: 10px; }
.related-price { color: var(--h9-red); }
.btn-buy { background: var(--h9-red); }
.btn-cart { background: #fff0f4; color: var(--h9-red-deep); }

@media (max-width: 640px) {
  .container { width: min(100% - 18px,1200px); }
  .h9-service-strip { display: none; }
  .h9-header__main {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px 10px;
    padding-block: 8px 9px;
  }
  .h9-logo { justify-self: start; min-width: 0; }
  .h9-logo__mark { width: 40px; height: 40px; font-size: 17px; }
  .h9-logo strong { font-size: 20px; letter-spacing: .5px; }
  .unified-compact-actions { gap: 1px; }
  .unified-compact-action { width: 32px; height: 32px; background: #fff5f8; }
  .h9-search { grid-column: 1 / -1; height: 37px; }
  .h9-search input { font-size: 13px; }
  .h9-search button { width: 60px; font-size: 13px; }

  .h9-hero--catalog { padding-top: 8px; }
  .h9-hero--catalog .h9-hero__media { border-radius: 10px; }
  .h9-brand-strip {
    margin-top: 8px;
    padding: 14px 12px;
    border-radius: 9px;
  }
  .h9-brand-strip__intro h1 { font-size: 22px; }
  .h9-brand-strip__intro p:last-child { font-size: 12px; }
  .h9-service-facts strong { font-size: 11px; }
  .h9-service-facts small { font-size: 9px; }

  .h9-quick { padding-block: 8px; }
  .h9-quick__grid { gap: 5px; }
  .h9-quick a { min-height: 48px; padding: 7px 4px; border-radius: 7px; }
  .h9-quick strong { font-size: 11px; }

  .h9-section,
  .f-ind-theme-hua9 > .h9-product-section { padding-block: 20px; }
  .h9-section__head,
  .f-ind-theme-hua9 .h9-product-section .h9-section__head { margin-bottom: 11px; }
  .h9-section__head h2 { font-size: 19px; }
  .h9-section__head p { margin-top: 3px; font-size: 10px; line-height: 1.45; }
  .h9-section__head > a { padding: 3px 7px; font-size: 10px; }

  .h9-product-section > .container,
  .h9-browse-grid { width: calc(100% - 6px); }
  .h9-product-grid,
  .grid-cols-2,
  .h9-product-section .h9-product-grid { gap: 7px 5px; }
  .h9-product-card,
  .product-card,
  .h9-product-section .h9-product-card,
  .h9-browse-grid .h9-product-card,
  body .cn-product-search .cn-product-result { border-radius: 7px; }
  .h9-product-card__image,
  .product-img,
  .h9-browse-grid .h9-product-card__image,
  body .cn-product-search .product-result-image { aspect-ratio: 3 / 4; }
  .h9-product-card__body,
  .product-info,
  .h9-product-section .h9-product-card__body,
  .h9-browse-grid .h9-product-card__body,
  body .cn-product-search .product-result-body { padding: 7px 6px 9px; }
  .h9-product-card h3,
  .product-title,
  .h9-product-section .h9-product-card h3,
  .h9-browse-grid .h9-product-card h3,
  body .cn-product-search .cn-product-result h2 { font-size: 12px; }
  .h9-product-card__type,
  .product-type,
  .h9-product-section .h9-product-card__type,
  .h9-browse-grid .h9-product-card__type,
  body .cn-product-search .cn-product-summary { margin-bottom: 4px; font-size: 9.5px; }
  .h9-price,
  .product-price { font-size: 17px; }
  .h9-market-price { font-size: 9px; }

  .h9-category-layout { grid-template-columns: 82px 1fr; gap: 7px; padding-top: 14px; }
  .h9-category-menu { border-radius: 8px; }
  .h9-category-block { padding: 12px 8px; border-radius: 8px; }
  .h9-category-children { gap: 5px; }
  .h9-category-child { padding: 6px 4px; }
  .h9-category-child img { width: 42px; height: 42px; }

  .h9-region-hero { padding: 30px 0; }
  .f-ind-theme-hua9.f-independent-region .h9-breadcrumb,
  .detail-breadcrumb { display: none; }

  .detail-container { width: calc(100% - 16px); }
  .gallery-mobile { border-radius: 8px; }
  .gallery-slide { aspect-ratio: 1 / 1; }
  .detail-title { font-size: 25px; }
  .detail-price-box { margin-bottom: 18px; padding: 14px; }
  .detail-price-main { font-size: 32px; }
  .variant-btn { min-height: 39px; padding: 8px 12px; }
  .guarantee-box { padding: 14px; }
  .detail-section { padding-block: 20px; }
  .detail-section-title { margin-bottom: 18px; font-size: 21px; }

  .h9-mobile-dock { height: 56px; }
  .h9-mobile-dock a { font-size: 11px; }
  .h9-mobile-dock .is-search { color: inherit; font-weight: inherit; }
  .h9-mobile-dock .is-active { color: var(--h9-red); font-weight: 800; }
}


/* 2026-09-28 product-first mobile pass for home and region pages. */
@media (max-width: 720px) {
  .h9-header__main > .h9-search { display: none; }
  .unified-compact-menu { border: 0; font: inherit; cursor: pointer; }
  .h9-main-nav { display: none; border-bottom: 1px solid var(--h9-line); background: #fff; box-shadow: 0 10px 24px rgba(112,39,59,.09); }
  .h9-main-nav.is-open { display: block !important; }
  .h9-main-nav__inner { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); min-height: 0; overflow: visible; padding: 8px 10px 10px; }
  .h9-main-nav a { min-height: 42px; padding: 8px 10px; border-bottom: 1px solid #f5e5e9; font-size: 13px; }
  .h9-main-nav .h9-main-nav__all { grid-column: 1 / -1; min-width: 0; border-radius: 8px; }

  .f-independent-home .h9-brand-strip { display: block; margin-top: 7px; padding: 0; overflow: hidden; border: 0; border-radius: 8px; background: var(--h9-red); box-shadow: none; }
  .f-independent-home .h9-brand-strip__intro { display: none; }
  .f-independent-home .h9-service-facts { display: flex; gap: 0; }
  .f-independent-home .h9-service-facts span { flex: 1 1 25%; min-height: 36px; padding: 8px 3px; border: 0; border-left: 1px solid rgba(255,255,255,.2); text-align: center; }
  .f-independent-home .h9-service-facts span:first-child { border-left: 0; }
  .f-independent-home .h9-service-facts strong { color: #fff; font-size: 11px; line-height: 1.2; white-space: nowrap; }
  .f-independent-home .h9-service-facts small { display: none; }
  .f-independent-home .h9-hero--catalog .h9-hero__media img { width: 100%; height: auto; aspect-ratio: 2.35 / 1; object-fit: cover; }
  .f-ind-theme-hua9.f-independent-home > .h9-quick { padding-block: 7px; }
  .f-ind-theme-hua9.f-independent-home .h9-quick__grid { display: flex; width: calc(100% - 12px); gap: 6px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
  .f-ind-theme-hua9.f-independent-home .h9-quick__grid::-webkit-scrollbar { display: none; }
  .f-ind-theme-hua9.f-independent-home .h9-quick a { flex: 0 0 82px; min-height: 44px; padding: 7px 5px; border-radius: 999px; }
  .f-ind-theme-hua9.f-independent-home .h9-quick strong { font-size: 10.5px; }
  .h9-home-support--cities .h9-city-links { max-height: 128px; overflow-y: auto; overscroll-behavior: contain; }
  .h9-home-support--about .h9-brand-copy { max-height: 120px; overflow-y: auto; }

  .f-independent-region .h9-legacy-banner .h9-banner-list > a:not(:first-child) { display: none; }
  .f-independent-region .h9-legacy-banner .h9-banner-list img { width: 100%; height: auto; aspect-ratio: 2.35 / 1; object-fit: cover; }
  .f-independent-region .h9-region-brand { padding-bottom: 4px; }
  .f-independent-region .h9-region-brand .h9-brand-strip { display: block; margin-top: 7px; padding: 0; overflow: hidden; border: 1px solid #f0d7df; border-radius: 8px; background: #fff4f7; box-shadow: none; }
  .f-independent-region .h9-brand-strip__intro { display: none; }
  .f-independent-region .h9-service-facts { display: flex; gap: 0; }
  .f-independent-region .h9-service-facts span { flex: 1 1 25%; min-height: 36px; padding: 8px 3px; border: 0; border-left: 1px solid #f0d7df; text-align: center; }
  .f-independent-region .h9-service-facts span:first-child { border-left: 0; }
  .f-independent-region .h9-service-facts strong { color: var(--h9-red-deep); font-size: 10.5px; line-height: 1.2; white-space: nowrap; }
  .f-independent-region .h9-service-facts small { display: none; }
  .f-ind-theme-hua9.f-independent-region > .h9-quick { padding-block: 7px; }
  .f-ind-theme-hua9.f-independent-region .h9-quick a { flex-basis: 86px; min-height: 44px; padding: 7px 5px; border-radius: 999px; }
  .f-independent-region .h9-region-support--shops .h9-shop-grid { max-height: 220px; overflow-y: auto; overscroll-behavior: contain; }
  .f-independent-region .h9-region-support--stories .h9-panel { max-height: 220px; overflow-y: auto; overscroll-behavior: contain; }
  .f-independent-region .h9-region-links { max-height: 140px; overflow-y: auto; }
  .f-independent-region .h9-seo-disclosure > .h9-richtext { max-height: 140px; overflow-y: auto; }
}
@media (min-width: 641px) and (max-width: 720px) {
  .h9-header__main > .h9-search { display: flex; }
  .h9-main-nav { display: block; box-shadow: none; }
}

/* merged: index-layout.css */
html[data-hua9="legacy-modern"] .f-ind-theme-hua9.f-independent-home{--h9-copy:64ch}
html[data-hua9="legacy-modern"] .h9-brand-strip__intro>p{max-width:var(--h9-copy)}
html[data-hua9="legacy-modern"] .h9-product-section{position:relative}
@media screen and (max-width:720px){html[data-hua9="legacy-modern"] .h9-hero--catalog{overflow:hidden}}

/* merged: diqu-layout.css */
html[data-hua9="legacy-modern"] .f-ind-theme-hua9.f-independent-region{--diqu-text-width:70ch}
.h9-region-brand .h9-brand-strip__intro>p{max-width:var(--diqu-text-width)}
.h9-local-guide,.h9-delivery-shops{position:relative}
@media screen and (max-width:720px){.h9-legacy-banner{overflow:hidden}}