:root {
    --h9-red: #c63857;
    --h9-red-deep: #a52041;
    --h9-rose: #fff2f4;
    --h9-ink: #30272a;
    --h9-muted: #776d70;
    --h9-line: #eadfe2;
    --h9-paper: #fffaf8;
    --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
    --font-serif: "Songti SC", SimSun, serif;
    --brand-red: var(--h9-red);
    --brand-dark: #c63857;
}

html { scroll-behavior: smooth; }
body { overflow-x: clip; color: var(--h9-ink); font-family: var(--font-sans); background: #fff; }
a { color: inherit; }
.container { width: min(1200px, calc(100% - 32px)); margin-inline: auto; }
.sr-only, .skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed; z-index: 999; top: 8px; left: 8px; padding: 10px 14px; background: #fff; color: var(--h9-red); box-shadow: 0 4px 20px rgba(0,0,0,.15); }

.h9-service-strip { background: #f7f3f2; border-bottom: 1px solid #eee5e3; color: #6e6264; font-size: 12px; }
.h9-service-strip__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.h9-service-strip nav { display: flex; gap: 22px; }
.h9-cart-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; border-radius: 9px; padding: 0 5px; background: var(--h9-red); color: #fff; }
.h9-header { background: #fff; position: relative; z-index: 50; }
.h9-header__main { min-height: 104px; display: grid; grid-template-columns: 250px minmax(300px, 560px) 220px; align-items: center; justify-content: space-between; gap: 28px; }
.h9-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.h9-logo__mark { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50% 50% 48% 52%; background: var(--h9-red); color: #fff; font: 700 22px/1 Georgia, serif; box-shadow: inset -8px -8px 0 rgba(100,0,30,.08); }
.h9-logo strong { display: block; font-family: var(--font-serif); color: var(--h9-red-deep); font-size: 27px; letter-spacing: 2px; }
.h9-logo small { display: block; margin-top: 3px; color: #8b777c; font-size: 12px; letter-spacing: 4px; }
.h9-search { display: flex; height: 44px; border: 2px solid var(--h9-red); border-radius: 4px; overflow: hidden; background: #fff; }
.h9-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 0 16px; font: inherit; }
.h9-search button { width: 84px; border: 0; color: #fff; background: var(--h9-red); font: 600 15px var(--font-sans); cursor: pointer; }
.h9-header__promise { justify-self: end; padding-left: 48px; position: relative; }
.h9-header__promise::before { content: "花"; position: absolute; left: 0; top: -2px; width: 38px; height: 38px; display: grid; place-items: center; color: var(--h9-red); background: var(--h9-rose); border-radius: 50%; }
.h9-header__promise strong, .h9-header__promise span { display: block; }
.h9-header__promise strong { font-size: 15px; }
.h9-header__promise span { margin-top: 4px; color: var(--h9-muted); font-size: 12px; }
.h9-header__cart { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; color: var(--h9-red-deep); font-size: 13px; font-weight: 700; text-decoration: none; }
.h9-header__cart .h9-cart-count { display: inline-grid; margin-top: 0; color: #fff; font-size: 10px; }
.h9-main-nav { border-bottom: 2px solid var(--h9-red); }
.h9-main-nav__inner { display: flex; align-items: stretch; min-height: 46px; overflow-x: auto; scrollbar-width: none; }
.h9-main-nav__inner::-webkit-scrollbar { display: none; }
.h9-main-nav a { flex: 0 0 auto; display: grid; place-items: center; padding: 0 22px; font-size: 14px; font-weight: 600; text-decoration: none; transition: color .2s, background .2s; }
.h9-main-nav a:hover { color: var(--h9-red); background: var(--h9-rose); }
.h9-main-nav .h9-main-nav__all { min-width: 190px; background: var(--h9-red); color: #fff; }
.h9-main-nav .h9-main-nav__all:hover { color: #fff; background: var(--h9-red-deep); }

.h9-hero { min-height: 440px; position: relative; display: grid; align-items: center; overflow: hidden; background: #efe2df; }
.h9-hero__media, .h9-hero__media > *, .h9-hero__media picture { position: absolute; inset: 0; width: 100%; height: 100%; }
.h9-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.h9-hero__media--mobile { display: none; }
.h9-hero__media .h9-banner-list, .h9-hero__media .h9-banner-list > a { height: 100%; }
.h9-hero__media .h9-banner-list > a:not(:first-child) { display: none; }
.h9-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(198,56,87,.58), rgba(198,56,87,.05) 67%); }
.h9-hero__content { position: relative; z-index: 2; color: #fff; max-width: 610px; padding-block: 80px; }
.h9-eyebrow { margin: 0 0 14px; font-size: 13px; letter-spacing: 3px; font-weight: 700; }
.h9-hero h1 { margin: 0 0 18px; font: 700 clamp(32px, 5vw, 58px)/1.18 var(--font-serif); letter-spacing: 2px; }
.h9-hero__content > p:not(.h9-eyebrow) { max-width: 540px; font-size: 17px; line-height: 1.8; }
.h9-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.h9-btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 24px; border-radius: 3px; background: var(--h9-red); color: #fff; font-weight: 700; text-decoration: none; }
.h9-btn--light { background: #fff; color: var(--h9-red-deep); }
.h9-legacy-banner { padding: 22px 0; background: #fff; }
.h9-banner-list { display: grid; gap: 14px; }
.h9-banner-list a { display: block; overflow: hidden; background: var(--h9-paper); }
.h9-banner-list img { display: block; width: 100%; height: auto; max-height: 280px; object-fit: cover; }

.h9-quick { padding: 18px 0; background: var(--h9-paper); border-bottom: 1px solid var(--h9-line); }
.h9-quick__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
.h9-quick a { min-height: 64px; display: grid; place-items: center; gap: 4px; padding: 12px 8px; border: 1px solid var(--h9-line); border-radius: 10px; background: #fff; box-shadow: 0 4px 16px rgba(85,38,50,.045); text-align: center; text-decoration: none; transition: border-color .2s, color .2s, transform .2s, box-shadow .2s; }
.h9-quick a:hover { border-color: #d9aab5; color: var(--h9-red-deep); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(85,38,50,.08); }
.h9-quick strong { overflow: hidden; max-width: 100%; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.h9-quick span { color: var(--h9-muted); font-size: 11px; }
.h9-category-shortcut.is-parent { border-color: #e7cbd1; background: linear-gradient(145deg, #fff, #fff5f6); }

.h9-section { padding: 66px 0; }
.h9-section--soft { background: var(--h9-paper); }
.h9-section--rose { background: var(--h9-rose); }
.h9-section__head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.h9-section__head h2 { margin: 0; font: 700 30px/1.25 var(--font-serif); }
.h9-section__head p { margin: 7px 0 0; color: var(--h9-muted); font-size: 14px; }
.h9-section__head > a { flex: 0 0 auto; color: var(--h9-red); font-size: 14px; font-weight: 700; }
.h9-product-grid, .grid-cols-2 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 20px; }
.h9-product-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (min-width: 721px) {
    .f-independent-product--1 .h9-product-grid,
    .f-independent-product--2 .h9-product-grid,
    .f-independent-product--3 .h9-product-grid,
    .f-independent-product--4 .h9-product-grid,
    .f-independent-product--5 .h9-product-grid,
    .f-independent-product--6 .h9-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.h9-product-card, .product-card { min-width: 0; background: #fff; transition: transform .2s, box-shadow .2s; }
.h9-product-card:hover, .product-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(85,38,50,.09); }
.h9-product-card__image, .product-img { display: block; aspect-ratio: 1 / 1; position: relative; overflow: hidden; background: #f4eeee; }
.h9-product-card__image img, .product-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.h9-product-card:hover img, .product-card:hover img { transform: scale(1.025); }
.h9-product-card__body, .product-info { padding: 15px 14px 17px; }
.h9-product-card h3, .product-title { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h9-product-card__type, .product-type { min-height: 20px; margin: 4px 0 8px; color: var(--h9-muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h9-product-card__selling { overflow: hidden; margin: 0 0 8px; color: var(--h9-red); font-size: 12px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
.h9-product-card__price-row { display: flex; align-items: baseline; gap: 8px; }
.h9-price, .product-price { color: var(--h9-red); font-size: 20px; font-weight: 700; }
.price-normal, .price-holiday { display: inline-flex; align-items: baseline; gap: 3px; white-space: nowrap; }
.price-normal + .price-holiday { margin-left: 8px; }
.price-normal > span, .price-holiday > span { font-size: .65em; font-weight: 500; }
.h9-old-price, .product-price-old { margin-left: 8px; color: #aaa0a2; font-size: 12px; text-decoration: line-through; }
.h9-market-price { margin-left: auto; color: #aaa0a2; font-size: 12px; font-weight: 400; white-space: nowrap; }
.h9-card-badge { position: absolute; left: 10px; top: 10px; z-index: 1; padding: 4px 8px; background: rgba(198,56,87,.94); color: #fff; font-size: 11px; }

/* Category and search cards share one Hua9 visual contract. */
.h9-browse-grid .h9-product-grid { gap: 18px; }
.h9-browse-grid .h9-product-card,
body .cn-product-search .cn-product-result { display: flex; overflow: hidden; height: 100%; flex-direction: column; border: 1px solid var(--h9-line); border-radius: 10px; background: #fff; box-shadow: 0 4px 18px rgba(85,38,50,.07); }
.h9-browse-grid .h9-product-card__image,
body .cn-product-search .product-result-image { background: #f4eeee; }
.h9-browse-grid .h9-product-card__body,
body .cn-product-search .product-result-body { display: flex; flex: 1; flex-direction: column; padding: 15px 14px 17px; }
.h9-browse-grid .h9-product-card h3,
body .cn-product-search .cn-product-result h2 { display: -webkit-box; overflow: hidden; min-height: 2.8em; margin: 0 0 6px; font: 600 15px/1.4 var(--font-sans); white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.h9-browse-grid .h9-product-card__type,
body .cn-product-search .cn-product-summary { overflow: hidden; min-height: 1.4em; margin: 0 0 7px; color: var(--h9-muted); font-size: 12px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }
.h9-browse-grid .h9-product-card__selling,
body .cn-product-search .cn-product-tags { display: inline-flex; align-self: flex-start; max-width: 100%; min-height: 0; margin: 0 0 10px; padding: 4px 9px; overflow: hidden; border: 1px solid #b92147; border-radius: 999px; background: linear-gradient(135deg, #db4b6b, #b51f45); box-shadow: 0 3px 9px rgba(181,31,69,.2); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; }
.h9-browse-grid .h9-product-card__price-row,
body .cn-product-search .product-result-meta { margin-top: auto; }

/* Home and region product slots follow the category-card presentation. */
.h9-product-section .h9-product-card { display: flex; overflow: hidden; height: 100%; flex-direction: column; border: 1px solid var(--h9-line); border-radius: 10px; background: #fff; box-shadow: 0 4px 18px rgba(85,38,50,.07); }
.h9-product-section .h9-product-card__image { border-radius: 8px; }
.h9-product-section .h9-product-card__body { display: flex; flex: 1; flex-direction: column; padding: 15px 14px 17px; }
.h9-product-section .h9-product-card h3 { display: -webkit-box; overflow: hidden; min-height: 2.8em; margin: 0 0 6px; font: 600 15px/1.4 var(--font-sans); white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.h9-product-section .h9-product-card__type { overflow: hidden; min-height: 1.4em; margin: 0 0 7px; line-height: 1.4; }
.h9-product-section .h9-product-card__selling { display: inline-flex; align-self: flex-start; max-width: 100%; min-height: 0; margin: 0 0 10px; padding: 4px 9px; border: 1px solid #ead6da; border-radius: 999px; background: #fff7f8; color: var(--h9-red); font-size: 11px; line-height: 1.35; }
.h9-product-section .h9-product-card__price-row { margin-top: auto; }
.h9-product-section .h9-product-card__body,
.h9-product-section .product-info { text-align: left; }
.h9-product-section .h9-product-card__price-row { justify-content: flex-start; }
.h9-product-section .h9-market-price { margin-left: 0; }

.h9-stories { display: grid; grid-template-columns: 1.15fr .85fr; gap: 28px; }
.h9-stories--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.h9-panel { min-width: 0; padding: 30px; background: #fff; border: 1px solid var(--h9-line); }
.h9-panel h2 { margin: 0 0 22px; font: 700 24px var(--font-serif); }
.h9-home-support,
.h9-region-support { position: relative; overflow: hidden; }
.h9-home-support::before,
.h9-region-support::before { position: absolute; width: 260px; height: 260px; border: 1px solid rgba(198,56,87,.09); border-radius: 50%; content: ""; pointer-events: none; }
.h9-home-support::before { top: -190px; right: -80px; }
.h9-region-support::before { bottom: -200px; left: -90px; }
.h9-home-support > .container,
.h9-region-support > .container { position: relative; z-index: 1; }
.h9-home-support .h9-panel,
.h9-region-support .h9-panel { overflow: hidden; border-radius: 12px; box-shadow: 0 7px 24px rgba(85,38,50,.065); }
.h9-home-support .h9-panel h2,
.h9-region-support .h9-panel h2 { display: flex; align-items: center; gap: 12px; color: var(--h9-red-deep); }
.h9-home-support .h9-panel h2::before,
.h9-region-support .h9-panel h2::before { width: 4px; height: 22px; border-radius: 99px; background: linear-gradient(180deg, var(--h9-red), #e7a6b5); content: ""; }
.h9-home-support--journal { background: linear-gradient(180deg, #fff 0, #fffaf8 100%); }
.h9-home-support--signals,
.h9-region-support--stories { background: linear-gradient(135deg, #fff0f3 0, #fff7f7 54%, #fff 100%); }
.h9-home-support--cities .h9-section__head,
.h9-region-support--shops .h9-section__head { padding-bottom: 18px; border-bottom: 1px solid #ead4da; }
.h9-list { display: grid; gap: 14px; }
.h9-list a { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 0 12px; border-bottom: 1px solid #f0e5e7; text-decoration: none; transition: color .2s, padding-left .2s; }
.h9-list a:hover { padding-left: 5px; color: var(--h9-red-deep); }
.h9-home-support .h9-list a::after,
.h9-region-support .h9-list a::after { flex: 0 0 auto; color: #c88b99; content: "›"; font: 700 18px/1 Georgia, serif; }
.h9-order-list > div { position: relative; display: grid; gap: 4px; padding: 0 0 12px 17px; border-bottom: 1px solid #f0e5e7; }
.h9-order-list > div::before { position: absolute; top: 7px; left: 0; width: 7px; height: 7px; border: 2px solid #f4cbd4; border-radius: 50%; background: var(--h9-red); content: ""; }
.h9-order-list strong { overflow: hidden; color: #5e5356; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.h9-order-list span { color: #9d8d91; font-size: 12px; }
.h9-list time { flex: 0 0 auto; color: #a29497; font-size: 12px; }
.h9-reviews { display: grid; gap: 16px; }
.h9-review { position: relative; padding: 18px 18px 16px 44px; border: 1px solid #f0dfe3; border-radius: 10px; background: linear-gradient(145deg, #fffaf9, #fff3f5); }
.h9-review::before { position: absolute; top: 10px; left: 15px; color: #e3a8b6; content: "“"; font: 700 34px/1 Georgia, serif; }
.h9-review p { margin: 0 0 8px; color: #5e5356; line-height: 1.7; }
.h9-review span { color: var(--h9-red-deep); font-size: 12px; font-weight: 600; }
.h9-compact-content { padding-block: 48px; }
.h9-compact-content .h9-list,
.h9-compact-reviews .h9-reviews { max-height: 270px; padding-right: 6px; overflow-y: auto; scrollbar-color: #d9c7cc transparent; scrollbar-width: thin; }
.h9-auxiliary-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 28px; align-items: start; }
.h9-tabs { min-width: 0; }
.h9-tab-list { display: flex; gap: 6px; margin-bottom: 14px; padding: 5px; border: 1px solid #e8d4d9; border-radius: 11px; background: rgba(255,255,255,.82); box-shadow: 0 4px 16px rgba(85,38,50,.04); }
.h9-tab-list button { min-height: 38px; padding: 0 20px; border: 0; border-radius: 7px; background: transparent; color: #6d5f63; cursor: pointer; font: 600 14px var(--font-sans); transition: color .2s, background .2s, box-shadow .2s; }
.h9-tab-list button[aria-selected="true"] { background: linear-gradient(135deg, var(--h9-red), var(--h9-red-deep)); box-shadow: 0 5px 12px rgba(165,32,65,.2); color: #fff; }
.h9-tab-list button:focus-visible { outline: 2px solid var(--h9-red-deep); outline-offset: 2px; }
.h9-tab-panel[hidden] { display: none; }
.h9-tab-panel h2 { font-size: 20px; }
.h9-order-panel .h9-order-list { max-height: 270px; padding-right: 6px; overflow-y: auto; scrollbar-color: #d9c7cc transparent; scrollbar-width: thin; }
.h9-city-links { display: flex; flex-wrap: wrap; gap: 10px; }
.h9-city-links a { padding: 8px 13px; background: #fff; border: 1px solid var(--h9-line); border-radius: 99px; color: #665a5d; font-size: 13px; text-decoration: none; transition: border-color .2s, color .2s, background .2s; }
.h9-city-links a:hover { border-color: #d69aa8; background: #fff5f7; color: var(--h9-red-deep); }
.h9-brand-copy { padding: 22px 24px; color: #665b5e; line-height: 1.9; font-size: 14px; }
.h9-brand-copy p { margin: 0; }
.h9-seo-section { padding-block: 44px; }
.h9-seo-disclosure { overflow: hidden; border: 1px solid #e8d4d9; border-radius: 12px; background: #fff; box-shadow: 0 7px 24px rgba(85,38,50,.055); }
.h9-seo-disclosure summary { position: relative; padding: 19px 58px 19px 24px; color: var(--h9-red-deep); cursor: pointer; font: 700 22px/1.35 var(--font-serif); list-style: none; }
.h9-seo-disclosure summary::-webkit-details-marker { display: none; }
.h9-seo-disclosure summary::after { position: absolute; top: 50%; right: 24px; content: "+"; font: 400 26px/1 var(--font-sans); transform: translateY(-50%); }
.h9-seo-disclosure[open] summary { border-bottom: 1px solid var(--h9-line); }
.h9-seo-disclosure[open] summary::after { content: "−"; }
.h9-seo-disclosure > .h9-richtext { padding: 22px 24px; }

.h9-confidence { border-top: 1px solid var(--h9-line); background: #fff; }
.h9-confidence__grid { display: grid; grid-template-columns: repeat(4, 1fr); padding-block: 28px; }
.h9-confidence__grid > div { padding: 3px 26px; border-right: 1px solid var(--h9-line); }
.h9-confidence__grid > div:last-child { border-right: 0; }
.h9-confidence strong, .h9-confidence span { display: block; }
.h9-confidence strong { margin-bottom: 5px; color: var(--h9-red-deep); font-size: 15px; }
.h9-confidence span { color: var(--h9-muted); font-size: 12px; }
.h9-footer { padding: 48px 0 24px; background: #c63857; color: #ffffff; }
.h9-footer__grid { display: grid; grid-template-columns: 1.6fr 3fr; gap: 54px; }
.h9-footer__faq { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.h9-footer h2, .h9-footer h3 { color: #fff; }
.h9-footer h2 { margin: 0 0 14px; font: 700 26px var(--font-serif); }
.h9-footer h3 { margin: 4px 0 16px; font-size: 14px; }
.h9-footer p { max-width: 420px; font-size: 13px; line-height: 1.9; }
.h9-footer__grid a { display: block; margin: 9px 0; color: #c9bec1; font-size: 13px; }
.h9-footer__friends { margin-top: 34px; padding-top: 20px; border-top: 1px solid #c63857; font-size: 12px; }
.h9-footer__friends a { margin-right: 14px; }
.h9-footer__bottom { margin-top: 20px; padding-top: 20px; border-top: 1px solid #c63857; color: #8f8185; font-size: 12px; }
.h9-mobile-dock { display: none; }

.h9-breadcrumb { padding: 18px 0; color: var(--h9-muted); font-size: 13px; }
.h9-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.h9-breadcrumb li:not(:last-child)::after { content: "/"; margin-left: 6px; color: #b5aaad; }
.h9-breadcrumb a { color: var(--h9-red); }
.h9-breadcrumb a.is-current { color: var(--h9-muted); text-decoration: none; pointer-events: none; }
.h9-page-head { padding: 34px 0 26px; text-align: center; background: var(--h9-paper); }
.h9-page-head h1 { margin: 0 0 8px; font: 700 31px var(--font-serif); }
.h9-page-head p { margin: 0; color: var(--h9-muted); }
.h9-category-layout { display: grid; grid-template-columns: 210px 1fr; gap: 32px; padding: 42px 0 70px; }
.h9-category-menu { align-self: start; position: sticky; top: 12px; padding: 10px; background: var(--h9-paper); border: 1px solid var(--h9-line); }
.h9-category-menu a { display: block; padding: 13px 15px; border-bottom: 1px solid var(--h9-line); color: #66585c; text-decoration: none; }
.h9-category-menu a:last-child { border-bottom: 0; }
.h9-category-menu a:hover, .h9-category-menu .is-active { color: #fff; background: var(--h9-red); }
.h9-category-sections { display: grid; gap: 26px; }
.h9-category-block { padding: 26px; border: 1px solid var(--h9-line); background: #fff; }
.h9-category-block h2 { margin: 0 0 18px; color: var(--h9-red-deep); font: 700 22px var(--font-serif); }
.h9-category-children { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.h9-category-child { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px; background: #faf6f5; text-decoration: none; }
.h9-category-child img { width: 42px; height: 42px; object-fit: cover; border-radius: 50%; background: #eee; }
.h9-category-child span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }

.h9-filter { padding: 0; background: #fff; border-bottom: 1px solid #f1ecec; }
.h9-filter ul { display: flex; margin: 0; padding: 0 0 8px; overflow-x: auto; overscroll-behavior-inline: contain; touch-action: pan-x; scrollbar-color: #999 transparent; scrollbar-width: auto; list-style: none; }
.h9-filter li { flex: 0 0 auto; min-width: 112px; text-align: center; }
.h9-filter ul::-webkit-scrollbar { height: 8px; }
.h9-filter ul::-webkit-scrollbar-track { background: transparent; }
.h9-filter ul::-webkit-scrollbar-thumb { border-radius: 8px; background: #999; }
.h9-featured-group ul::-webkit-scrollbar { display: none; }
.h9-filter ul:focus-visible, .h9-featured-group ul:focus-visible { outline: 2px solid var(--h9-red); outline-offset: 4px; }
.h9-filter a { display: block; padding: 12px 12px 7px; border-bottom: 2px solid transparent; white-space: nowrap; color: #665c5f; font-size: 13px; text-decoration: none; }
.h9-filter a.on { border-bottom-color: var(--h9-red); color: var(--h9-red); font-weight: 700; }
.h9-category-title { padding: 26px 0 16px; background: #fff; }
.h9-category-title h1 { margin: 0; font: 700 27px var(--font-serif); }
.h9-featured-filters { padding: 0 0 10px; border-bottom: 10px solid #f5f5f5; background: #fff; }
.h9-featured-group { padding: 0; border: 0; background: #fff; }
.h9-featured-group ul { display: flex; justify-content: center; min-width: 0; margin: 0; padding: 0; overflow-x: auto; overscroll-behavior-inline: contain; touch-action: pan-x; scrollbar-width: none; list-style: none; }
.h9-featured-group li { flex: 0 0 auto; position: relative; min-width: 102px; text-align: center; }
.h9-featured-group li + li::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 15px; background: #cfc7c9; transform: translateY(-50%); }
.h9-featured-group a { display: block; margin: 0 10px; padding: 7px 15px; border-radius: 99px; white-space: nowrap; color: #706367; font-size: 13px; text-decoration: none; }
.h9-featured-group a.on { background: var(--h9-red); color: #fff; }
.h9-browse-grid { padding: 38px 0 70px; }
.hidden { display: none !important; }
.h9-loading, .h9-end { padding: 36px 0; text-align: center; color: var(--h9-muted); }
.h9-load-error { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 28px 0; color: var(--h9-red-deep); }
.h9-load-error button, .h9-load-more { min-height: 40px; border: 1px solid var(--h9-red); border-radius: 3px; padding: 0 22px; background: #fff; color: var(--h9-red); font: 600 13px var(--font-sans); cursor: pointer; }
.h9-load-more { display: block; margin: 28px auto 0; }
.h9-festival-label { display: block; margin-top: 5px; color: var(--h9-red); font-size: 11px; }

.h9-region-hero { position: relative; overflow: hidden; padding: 64px 0; background: linear-gradient(115deg, #70243a, #b72f50 58%, #d66b83); color: #fff; }
.h9-region-hero::before,
.h9-region-hero::after { position: absolute; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; content: ""; pointer-events: none; }
.h9-region-hero::before { top: -135px; right: 8%; width: 320px; height: 320px; }
.h9-region-hero::after { right: 23%; bottom: -110px; width: 190px; height: 190px; }
.h9-region-hero .container { position: relative; z-index: 1; }
.h9-region-hero h1 { margin: 5px 0 14px; font: 700 clamp(31px, 5vw, 52px) var(--font-serif); }
.h9-region-hero p { max-width: 720px; margin: 0; line-height: 1.8; }
.h9-region-summary { padding: 52px 0; }
.h9-region-summary__grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 38px; }
.h9-region-summary__grid--modules { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.h9-region-summary__grid--modules > :first-child { grid-column: span 3; }
.h9-richtext { color: #5f5557; line-height: 1.9; }
.h9-shop-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.h9-shop-card { position: relative; overflow: hidden; padding: 21px 18px 18px; background: #fff; border: 1px solid var(--h9-line); border-radius: 10px; box-shadow: 0 5px 18px rgba(85,38,50,.055); }
.h9-region-support--shops .h9-shop-card::before { position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--h9-red), #edb2bf); content: ""; }
.h9-shop-card strong { display: block; margin-bottom: 7px; color: var(--h9-red-deep); font-family: var(--font-serif); font-size: 16px; }
.h9-shop-card span { color: var(--h9-muted); font-size: 12px; line-height: 1.6; }
.h9-region-links { max-height: 220px; overflow-y: auto; }
.h9-region-links h3 { margin: 0 0 14px; font-size: 16px; }
.h9-region-links a { display: inline-block; margin: 4px 7px 4px 0; padding: 5px 10px; border: 1px solid #ecdee1; border-radius: 99px; background: #fffaf9; color: #6c5d61; font-size: 13px; text-decoration: none; }
.h9-region-links a:hover { border-color: #d69aa8; color: var(--h9-red-deep); }
.h9-content-page { max-width: 880px; margin-bottom: 70px; padding: 42px 54px; border: 1px solid var(--h9-line); background: #fff; }
.h9-content-page header { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--h9-line); text-align: center; }
.h9-content-page h1 { margin: 0 0 12px; font: 700 clamp(26px, 4vw, 38px)/1.35 var(--font-serif); }
.h9-content-page time { color: #9a8d90; font-size: 12px; }
.h9-content-page .h9-richtext { font-size: 16px; }
.h9-content-page .h9-richtext img { display: block; max-width: 100%; height: auto; margin: 24px auto; }
.h9-content-page .h9-richtext p { margin: 0 0 1.3em; }
.h9-content-pager { display: flex; justify-content: space-between; gap: 24px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--h9-line); }
.h9-content-pager a { max-width: 48%; color: var(--h9-red); font-size: 13px; }

@media (max-width: 900px) {
    .h9-header__main { grid-template-columns: 1fr; min-height: auto; padding-block: 18px; gap: 16px; }
    .h9-logo { justify-self: center; }
    .h9-search { width: 100%; }
    .h9-header__promise { display: none; }
    .h9-main-nav a { padding-inline: 15px; }
    .h9-product-grid, .grid-cols-2 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .h9-stories, .h9-stories--three, .h9-region-summary__grid, .h9-region-summary__grid--modules { grid-template-columns: 1fr; }
    .h9-auxiliary-grid { grid-template-columns: 1fr; }
    .h9-region-summary__grid--modules > :first-child { grid-column: auto; }
    .h9-category-children { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .h9-footer__grid { grid-template-columns: 1.4fr 3fr; gap: 24px; }
    .h9-footer__faq { gap: 18px; }
}

@media (max-width: 640px) {
    body { padding-bottom: 58px; }
    .container { width: min(100% - 24px, 1200px); }
    body:has(.h9-browse-grid) .h9-service-strip,
    body:has(.cn-product-search) .h9-service-strip,
    body:has(.h9-browse-grid) .h9-search,
    body:has(.cn-product-search) .h9-search,
    body:has(.h9-browse-grid) .h9-main-nav,
    body:has(.cn-product-search) .h9-main-nav { display: none; }
    body:has(.h9-browse-grid) .h9-header__main,
    body:has(.cn-product-search) .h9-header__main { min-height: 58px; padding-block: 7px; }
    .h9-service-strip__inner { justify-content: center; min-height: 30px; }
    .h9-service-strip nav { display: none; }
    .h9-header__main { padding-block: 12px; }
    .h9-logo__mark { width: 44px; height: 44px; font-size: 19px; }
    .h9-logo strong { font-size: 22px; }
    .h9-logo small { display: none; }
    .h9-search { height: 40px; }
    .h9-search button { width: 68px; }
    .h9-main-nav__inner { min-height: 42px; }
    .h9-main-nav .h9-main-nav__all { min-width: auto; }
    .h9-main-nav a { padding-inline: 14px; font-size: 13px; }
    .h9-hero { min-height: 300px; }
    .h9-hero__media--desktop { display: none; }
    .h9-hero__media--mobile { display: block; }
    .h9-hero::after { background: rgba(198,56,87,.47); }
    .h9-hero__content { padding: 34px 4px; text-align: center; }
    .h9-hero h1 { margin-bottom: 12px; font-size: 31px; }
    .h9-hero__content > p:not(.h9-eyebrow) { font-size: 14px; line-height: 1.6; }
    .h9-actions { justify-content: center; margin-top: 18px; }
    .h9-btn { min-height: 40px; padding-inline: 16px; font-size: 13px; }
    .h9-legacy-banner { padding: 12px 0; }
    .h9-quick { padding-block: 12px; }
    .h9-quick__grid { display: flex; width: min(100% - 24px, 1200px); gap: 8px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
    .h9-quick__grid::-webkit-scrollbar { display: none; }
    .h9-quick a { flex: 0 0 108px; min-height: 58px; }
    .h9-product-section > .container { width: min(100% - 10px, 1200px); padding-inline: 0; }
    .h9-section { padding: 38px 0; }
    .h9-compact-content { padding-block: 30px; }
    .h9-section__head { align-items: center; margin-bottom: 20px; }
    .h9-section__head h2 { font-size: 23px; }
    .h9-section__head p { font-size: 12px; }
    .h9-product-grid, .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 8px; }
    .h9-product-card__body, .product-info { padding: 11px 9px 13px; }
    .h9-product-card h3, .product-title { font-size: 13px; }
    .h9-product-card__selling { font-size: 11px; }
    .h9-product-section .h9-product-card__body { padding: 8px; }
    .h9-product-section .h9-product-card h3 { min-height: 2.8em; font-size: 13px; }
    .h9-product-section .h9-product-card__selling { margin-bottom: 8px; padding: 3px 7px; font-size: 10px; }
    .h9-price, .product-price { font-size: 17px; }
    .h9-market-price { font-size: 10px; }
    .h9-browse-grid .h9-product-card__body,
    body .cn-product-search .product-result-body { padding: 8px; }
    .h9-browse-grid .h9-product-card h3,
    body .cn-product-search .cn-product-result h2 { min-height: 2.8em; font-size: 13px; }
    .h9-browse-grid .h9-product-card__selling,
    body .cn-product-search .cn-product-tags { margin-bottom: 8px; padding: 3px 7px; font-size: 10px; }
    .h9-stories { gap: 16px; }
    .h9-panel { padding: 21px 17px; }
    .h9-panel h2 { margin-bottom: 16px; font-size: 20px; }
    .h9-tab-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
    .h9-tab-list button { min-width: 0; padding-inline: 8px; font-size: 13px; }
    .h9-region-link-tabs .h9-tab-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .h9-region-link-tabs .h9-tab-list button { font-size: 12px; line-height: 1.3; }
    .h9-compact-content .h9-list,
    .h9-compact-reviews .h9-reviews,
    .h9-order-panel .h9-order-list { max-height: 235px; }
    .h9-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .h9-shop-card { min-width: 0; padding: 14px 12px; }
    .h9-shop-card span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .h9-seo-section { padding-block: 30px; }
    .h9-seo-disclosure summary { padding: 16px 48px 16px 17px; font-size: 18px; }
    .h9-seo-disclosure summary::after { right: 17px; }
    .h9-seo-disclosure > .h9-richtext,
    .h9-brand-copy { max-height: 58vh; padding: 17px; overflow-y: auto; font-size: 14px; }
    .h9-confidence__grid { grid-template-columns: repeat(2, 1fr); gap: 0; }
    .h9-confidence__grid > div { padding: 14px 12px; border-bottom: 1px solid var(--h9-line); }
    .h9-confidence__grid > div:nth-child(2n) { border-right: 0; }
    .h9-footer { padding-top: 36px; }
    .h9-footer__grid { grid-template-columns: 1fr; gap: 20px 12px; }
    .h9-footer__faq { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
    .h9-footer__grid a { font-size: 12px; }
    .h9-mobile-dock { position: fixed; z-index: 100; left: 0; right: 0; bottom: 0; height: 58px; display: grid; grid-template-columns: repeat(5, 1fr); padding-bottom: env(safe-area-inset-bottom); background: rgba(255,255,255,.97); border-top: 1px solid var(--h9-line); box-shadow: 0 -5px 18px rgba(70,40,48,.08); }
    .h9-mobile-dock a { display: grid; place-items: center; color: #65595c; font-size: 12px; text-decoration: none; }
    .h9-page-head { padding: 26px 0 20px; }
    .h9-page-head h1 { font-size: 25px; }
    .h9-breadcrumb { flex-wrap: nowrap; padding: 8px 0; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
    .h9-filter .container { width: 100%; padding-inline: 6px; }
    .h9-filter ul { padding-bottom: 2px; scrollbar-width: none; }
    .h9-filter ul::-webkit-scrollbar { display: none; }
    .h9-filter li { min-width: 96px; }
    .h9-filter a { padding: 8px 7px 5px; font-size: 12px; }
    .h9-category-title { padding: 10px 0 6px; }
    .h9-category-title h1 { font-size: 22px; }
    .h9-featured-filters { padding-bottom: 4px; border-bottom-width: 4px; }
    .h9-featured-filters .container { width: 100%; padding-inline: 6px; }
    .h9-featured-group ul { justify-content: flex-start; }
    .h9-featured-group li { flex: 1 0 82px; min-width: 82px; }
    .h9-featured-group a { margin-inline: 3px; padding: 5px 8px; font-size: 12px; }
    .h9-browse-grid { width: calc(100% - 10px); padding-inline: 0; padding-top: 10px; }
    .h9-browse-grid .h9-product-grid { gap: 6px; }
    body .cn-function-page .function-wrap { width: 100%; }
    body .cn-product-search .product-results { gap: 6px; }
    body .cn-product-search .cn-product-result h2 { font-size: 13px; }
    .h9-category-layout { grid-template-columns: 92px 1fr; gap: 12px; padding: 24px 0 46px; }
    .h9-category-menu { padding: 5px; }
    .h9-category-menu a { padding: 12px 7px; font-size: 12px; }
    .h9-category-block { padding: 16px 12px; }
    .h9-category-block h2 { font-size: 18px; }
    .h9-category-children { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .h9-category-child { display: block; padding: 8px; text-align: center; }
    .h9-category-child img { width: 48px; height: 48px; margin: 0 auto 5px; }
    .h9-category-child span { display: block; }
    .h9-region-hero { padding: 48px 0; text-align: center; }
    .h9-content-page { width: calc(100% - 24px); padding: 26px 18px; }
}/* Storefront-owned price labels and phone footer. */.price-current{white-space:nowrap}.price-module{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.price-module>.price-normal,.price-module>.price-holiday{display:inline-flex;align-items:baseline;gap:3px;margin:0;color:inherit;font-size:1em;font-weight:700;line-height:1.25;white-space:nowrap}.price-module>.price-normal>span,.price-module>.price-holiday>span{font-size:.72em;font-weight:600}html.js .price-module{visibility:hidden}html.js .price-module.js-ready{visibility:visible}.price-market{margin-left:8px;text-decoration:line-through;white-space:nowrap}@media(max-width:767px){body>footer{display:none!important}}@media(max-width:520px){.price-module{display:inline-grid;gap:2px}.price-module>.price-normal,.price-module>.price-holiday{display:flex}}

/* Stable section anchors keep the rhythm intact when an empty product module is omitted at render time. */
.f-ind-theme-hua9.f-independent-flow{display:flex;flex-direction:column}
.f-ind-theme-hua9.f-independent-flow>section{width:100%}
@media (min-width:901px){
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--8{order:80}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--9{order:90}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--10{order:100}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--11{order:110}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--12{order:120}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--13{order:130}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-support--1{order:85}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-support--2{order:115}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-support--3{order:140}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-support--4{order:150}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--8{order:80}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--9{order:90}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--10{order:100}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--11{order:110}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--12{order:120}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--13{order:130}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--1{order:85}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--2{order:105}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--3{order:125}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--4{order:140}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--5{order:150}
}
@media (max-width:900px){
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--8{order:80}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--9{order:90}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--10{order:100}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--11{order:110}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--12{order:120}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-product--13{order:130}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-support--1{order:1010}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-support--2{order:1020}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-support--3{order:1030}
.f-ind-theme-hua9.f-independent-home.f-independent-flow>section.f-independent-support--4{order:1040}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--8{order:80}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--9{order:90}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--10{order:100}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--11{order:110}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--12{order:120}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-product--13{order:130}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--1{order:1010}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--2{order:1020}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--3{order:1030}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--5{order:1040}
.f-ind-theme-hua9.f-independent-region.f-independent-flow>section.f-independent-support--4{order:1050}
}

/* 2026-09-22 mobile spacing and region-card corrections. */
@media (max-width: 720px) {
    .h9-section { padding-block: 30px; }
    .h9-section__head { margin-bottom: 15px; }
    .h9-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* Independent mobile rhythm normalization: hua9 */
@media (max-width: 720px) {
  .f-ind-theme-hua9.f-independent-region > .h9-legacy-banner { padding-bottom: 0; }
  .f-ind-theme-hua9 > .h9-quick { margin-top: 0; padding-top: 14px; padding-bottom: 0; }
  .f-ind-theme-hua9 > .h9-product-section { padding-block: 30px; }
  .f-ind-theme-hua9 .h9-product-section .h9-section__head { margin-bottom: 18px; }
  .f-ind-theme-hua9 .h9-product-section .h9-product-grid { column-gap: 8px; row-gap: 12px; }
  .f-ind-theme-hua9 .h9-product-section .h9-product-grid + .h9-product-grid { margin-top: 12px; }
}

/* Hua9 mobile viewport width guard: keep page-level scrolling vertical only. */
@media (max-width: 720px) {
  html,
  body { width: 100%; max-width: 100%; overflow-x: hidden; }
  .f-ind-theme-hua9.f-independent-region { width: 100%; max-width: 100%; min-width: 0; overflow-x: hidden; }
  .f-ind-theme-hua9.f-independent-region > * { min-width: 0; max-width: 100%; }
}