:root {
    --kc3-primary: #2f6f61;
    --kc3-primary-deep: #245649;
    --kc3-soft: #edf6f1;
    --kc3-ink: #30413b;
    --kc3-muted: #6f7d78;
    --kc3-line: #d8e5de;
    --kc3-paper: #f8fbf9;
    --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
    --font-serif: "Songti SC", SimSun, serif;
    --brand-red: var(--kc3-primary);
    --brand-dark: #2f6f61;
}

html { scroll-behavior: smooth; }
body { overflow-x: clip; color: var(--kc3-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(--kc3-primary); box-shadow: 0 4px 20px rgba(0,0,0,.15); }

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

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

.kc3-quick { background: #fff; border-bottom: 1px solid var(--kc3-line); }
.kc3-quick__grid { display: grid; grid-template-columns: repeat(6, 1fr); }
.kc3-quick a { min-height: 78px; display: grid; place-items: center; gap: 4px; padding: 12px 8px; border-right: 1px solid #f1e8e9; text-align: center; text-decoration: none; }
.kc3-quick a:last-child { border-right: 0; }
.kc3-quick strong { font-size: 14px; }
.kc3-quick span { color: var(--kc3-muted); font-size: 11px; }
.kc3-category-shortcut.is-parent { background: var(--kc3-paper); }

.kc3-section { padding: 66px 0; }
.kc3-section--soft { background: var(--kc3-paper); }
.kc3-section--rose { background: var(--kc3-soft); }
.kc3-section__head { display: flex; min-width: 0; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.kc3-section__head h2 { margin: 0; font: 700 30px/1.25 var(--font-serif); }
.kc3-section__head p { margin: 7px 0 0; color: var(--kc3-muted); font-size: 14px; }
.kc3-section__head > a { flex: 0 0 auto; color: var(--kc3-primary); font-size: 14px; font-weight: 700; }
.kc3-product-grid, .grid-cols-2 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 20px; }
.kc3-product-card, .product-card { min-width: 0; background: #fff; transition: transform .2s, box-shadow .2s; }
.kc3-product-card:hover, .product-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(47,85,74,.09); }
.kc3-product-card__image, .product-img { display: block; aspect-ratio: 4 / 5; position: relative; overflow: hidden; background: #f4eeee; }
.kc3-product-card__image img, .product-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.kc3-product-card:hover img, .product-card:hover img { transform: scale(1.025); }
.kc3-product-card__body, .product-info { padding: 15px 14px 17px; }
.kc3-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; }
.kc3-product-card__type, .product-type { min-height: 20px; margin: 4px 0 8px; color: var(--kc3-muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kc3-product-card__selling { overflow: hidden; margin: 0 0 8px; color: var(--kc3-primary); font-size: 12px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
.kc3-product-card__price-row { display: flex; align-items: baseline; gap: 8px; }
.kc3-price, .product-price { color: var(--kc3-primary); 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; }
.kc3-old-price, .product-price-old { margin-left: 8px; color: #aaa0a2; font-size: 12px; text-decoration: line-through; }
.kc3-market-price { margin-left: auto; color: #aaa0a2; font-size: 12px; font-weight: 400; white-space: nowrap; }
.kc3-card-badge { position: absolute; left: 10px; top: 10px; z-index: 1; padding: 4px 8px; background: rgba(47,111,97,.94); color: #fff; font-size: 11px; }

/* 3KC category and search cards share one visual contract. */
.kc3-browse-grid .kc3-product-grid { gap: 18px; }
.kc3-browse-grid .kc3-product-card,
body .cn-product-search .cn-product-result { display: flex; overflow: hidden; height: 100%; flex-direction: column; border: 1px solid var(--kc3-line); border-radius: 10px; background: #fff; box-shadow: 0 4px 18px rgba(47,85,74,.07); }
.kc3-browse-grid .kc3-product-card__image,
body .cn-product-search .product-result-image { aspect-ratio: 4 / 5; background: #eef4f0; }
.kc3-browse-grid .kc3-product-card__body,
body .cn-product-search .product-result-body { display: flex; flex: 1; flex-direction: column; padding: 15px 14px 17px; }
.kc3-browse-grid .kc3-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; }
.kc3-browse-grid .kc3-product-card__type,
body .cn-product-search .cn-product-summary { overflow: hidden; min-height: 1.4em; margin: 0 0 7px; color: var(--kc3-muted); font-size: 12px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }
.kc3-browse-grid .kc3-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 #2f6f61; border-radius: 999px; background: linear-gradient(135deg, #4f8f7f, #245649); box-shadow: 0 3px 9px rgba(36,86,73,.2); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; }
.kc3-browse-grid .kc3-product-card__price-row,
body .cn-product-search .product-result-meta { margin-top: auto; }

/* Home and region product slots follow the category-card presentation. */
.kc3-product-section .kc3-product-card { display: flex; overflow: hidden; height: 100%; flex-direction: column; border: 1px solid var(--kc3-line); border-radius: 10px; background: #fff; box-shadow: 0 4px 18px rgba(47,85,74,.07); }
.kc3-product-section .kc3-product-card__image { border-radius: 8px; }
.kc3-product-section .kc3-product-card__body { display: flex; flex: 1; flex-direction: column; padding: 15px 14px 17px; }
.kc3-product-section .kc3-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; }
.kc3-product-section .kc3-product-card__type { overflow: hidden; min-height: 1.4em; margin: 0 0 7px; line-height: 1.4; }
.kc3-product-section .kc3-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 #d8e5de; border-radius: 999px; background: #f4faf7; color: var(--kc3-primary); font-size: 11px; line-height: 1.35; }
.kc3-product-section .kc3-product-card__price-row { margin-top: auto; }

.kc3-stories { display: grid; grid-template-columns: 1.15fr .85fr; gap: 28px; }
.kc3-stories--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kc3-panel { min-width: 0; padding: 30px; background: #fff; border: 1px solid var(--kc3-line); }
.kc3-panel h2 { margin: 0 0 22px; font: 700 24px var(--font-serif); }
.kc3-list { display: grid; gap: 14px; }
.kc3-list a { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 1px dashed var(--kc3-line); text-decoration: none; }
.kc3-order-list > div { display: grid; gap: 4px; padding-bottom: 12px; border-bottom: 1px dashed var(--kc3-line); }
.kc3-order-list strong { overflow: hidden; color: #5e5356; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.kc3-order-list span { color: #9d8d91; font-size: 12px; }
.kc3-list time { flex: 0 0 auto; color: #a29497; font-size: 12px; }
.kc3-reviews { display: grid; gap: 16px; }
.kc3-review { padding: 16px; background: var(--kc3-paper); border-radius: 4px; }
.kc3-review p { margin: 0 0 8px; color: #5e5356; line-height: 1.7; }
.kc3-review span { color: #9d8d91; font-size: 12px; }
.kc3-compact-content { padding-block: 48px; }
.kc3-compact-content .kc3-list,
.kc3-compact-reviews .kc3-reviews { max-height: 270px; padding-right: 6px; overflow-y: auto; scrollbar-color: #d9c7cc transparent; scrollbar-width: thin; }
.kc3-auxiliary-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 28px; align-items: start; }
.kc3-tabs { min-width: 0; }
.kc3-tab-list { display: flex; gap: 8px; margin-bottom: 12px; padding: 5px; border: 1px solid var(--kc3-line); background: rgba(255,255,255,.72); }
.kc3-tab-list button { min-height: 38px; padding: 0 20px; border: 0; background: transparent; color: #6d5f63; cursor: pointer; font: 600 14px var(--font-sans); }
.kc3-tab-list button[aria-selected="true"] { background: var(--kc3-primary); color: #fff; }
.kc3-tab-list button:focus-visible { outline: 2px solid var(--kc3-primary-deep); outline-offset: 2px; }
.kc3-tab-panel[hidden] { display: none; }
.kc3-tab-panel h2 { font-size: 20px; }
.kc3-order-panel .kc3-order-list { max-height: 270px; padding-right: 6px; overflow-y: auto; scrollbar-color: #d9c7cc transparent; scrollbar-width: thin; }
.kc3-city-links { display: flex; flex-wrap: wrap; gap: 10px; }
.kc3-city-links a { padding: 8px 13px; background: #fff; border: 1px solid var(--kc3-line); border-radius: 99px; color: #665a5d; font-size: 13px; text-decoration: none; }
.kc3-brand-copy { padding: 22px 24px; color: #665b5e; line-height: 1.9; font-size: 14px; }
.kc3-brand-copy p { margin: 0; }
.kc3-seo-section { padding-block: 44px; }
.kc3-seo-disclosure { overflow: hidden; border: 1px solid var(--kc3-line); background: #fff; }
.kc3-seo-disclosure summary { position: relative; padding: 19px 58px 19px 24px; color: var(--kc3-primary-deep); cursor: pointer; font: 700 22px/1.35 var(--font-serif); list-style: none; }
.kc3-seo-disclosure summary::-webkit-details-marker { display: none; }
.kc3-seo-disclosure summary::after { position: absolute; top: 50%; right: 24px; content: "+"; font: 400 26px/1 var(--font-sans); transform: translateY(-50%); }
.kc3-seo-disclosure[open] summary { border-bottom: 1px solid var(--kc3-line); }
.kc3-seo-disclosure[open] summary::after { content: "−"; }
.kc3-seo-disclosure > .kc3-richtext { padding: 22px 24px; }

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

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

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

.kc3-region-hero { padding: 64px 0; background: linear-gradient(115deg, #245649, #4f8f7f); color: #fff; }
.kc3-region-hero h1 { margin: 5px 0 14px; font: 700 clamp(31px, 5vw, 52px) var(--font-serif); }
.kc3-region-hero p { max-width: 720px; margin: 0; line-height: 1.8; }
.kc3-region-summary { padding: 52px 0; }
.kc3-region-summary__grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 38px; }
.kc3-region-summary__grid--modules { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.kc3-region-summary__grid--modules > :first-child { grid-column: span 3; }
.kc3-richtext { color: #5f5557; line-height: 1.9; }
.kc3-shop-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.kc3-shop-card { padding: 18px; background: #fff; border: 1px solid var(--kc3-line); }
.kc3-shop-card strong { display: block; margin-bottom: 7px; }
.kc3-shop-card span { color: var(--kc3-muted); font-size: 12px; line-height: 1.6; }
.kc3-region-links { max-height: 220px; overflow-y: auto; }
.kc3-region-links h3 { margin: 0 0 14px; font-size: 16px; }
.kc3-region-links a { display: inline-block; margin: 4px 11px 4px 0; color: #6c5d61; font-size: 13px; }
.kc3-content-page { max-width: 880px; margin-bottom: 70px; padding: 42px 54px; border: 1px solid var(--kc3-line); background: #fff; }
.kc3-content-page header { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--kc3-line); text-align: center; }
.kc3-content-page h1 { margin: 0 0 12px; font: 700 clamp(26px, 4vw, 38px)/1.35 var(--font-serif); }
.kc3-content-page time { color: #9a8d90; font-size: 12px; }
.kc3-content-page .kc3-richtext { font-size: 16px; }
.kc3-content-page .kc3-richtext img { display: block; max-width: 100%; height: auto; margin: 24px auto; }
.kc3-content-page .kc3-richtext p { margin: 0 0 1.3em; }
.kc3-content-pager { display: flex; justify-content: space-between; gap: 24px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--kc3-line); }
.kc3-content-pager a { max-width: 48%; color: var(--kc3-primary); font-size: 13px; }

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

@media (max-width: 640px) {
    body { padding-bottom: 58px; }
    .container { width: min(100% - 24px, 1200px); }
    body:has(.kc3-browse-grid) .kc3-service-strip,
    body:has(.cn-product-search) .kc3-service-strip,
    body:has(.kc3-browse-grid) .kc3-search,
    body:has(.cn-product-search) .kc3-search,
    body:has(.kc3-browse-grid) .kc3-main-nav,
    body:has(.cn-product-search) .kc3-main-nav { display: none; }
    body:has(.kc3-browse-grid) .kc3-header__main,
    body:has(.cn-product-search) .kc3-header__main { min-height: 58px; padding-block: 7px; }
    .kc3-service-strip__inner { justify-content: center; min-height: 30px; }
    .kc3-service-strip nav { display: none; }
    .kc3-header__main { padding-block: 12px; }
    .kc3-logo__mark { width: 44px; height: 44px; font-size: 19px; }
    .kc3-logo strong { font-size: 22px; }
    .kc3-logo small { display: none; }
    .kc3-search { height: 40px; }
    .kc3-search button { width: 68px; }
    .kc3-main-nav__inner { min-height: 42px; }
    .kc3-main-nav .kc3-main-nav__all { min-width: auto; }
    .kc3-main-nav a { padding-inline: 14px; font-size: 13px; }
    .kc3-hero { min-height: 300px; }
    .kc3-hero__media--desktop { display: none; }
    .kc3-hero__media--mobile { display: block; }
    .kc3-hero::after { background: rgba(47,111,97,.47); }
    .kc3-hero__content { padding: 34px 4px; text-align: center; }
    .kc3-hero h1 { margin-bottom: 12px; font-size: 31px; }
    .kc3-hero__content > p:not(.kc3-eyebrow) { font-size: 14px; line-height: 1.6; }
    .kc3-actions { justify-content: center; margin-top: 18px; }
    .kc3-btn { min-height: 40px; padding-inline: 16px; font-size: 13px; }
    .kc3-legacy-banner { padding: 12px 0; }
    .kc3-quick__grid { display: grid; width: min(100% - 24px, 1200px); grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
    .kc3-quick__grid::-webkit-scrollbar { display: none; }
    .kc3-quick a { min-width: 0; min-height: 62px; border-bottom: 1px solid var(--kc3-line); }
    .kc3-product-section > .container { width: min(100% - 10px, 1200px); padding-inline: 0; }
    .kc3-section { padding: 38px 0; }
    .kc3-compact-content { padding-block: 30px; }
    .kc3-section__head { align-items: center; margin-bottom: 20px; }
    .kc3-section__head h2 { font-size: 23px; }
    .kc3-section__head p { font-size: 12px; }
    .kc3-product-grid, .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 8px; }
    .kc3-product-card__body, .product-info { padding: 11px 9px 13px; }
    .kc3-product-card h3, .product-title { font-size: 13px; }
    .kc3-product-card__selling { font-size: 11px; }
    .kc3-product-section .kc3-product-card__body { padding: 8px; }
    .kc3-product-section .kc3-product-card h3 { min-height: 2.8em; font-size: 13px; }
    .kc3-product-section .kc3-product-card__selling { margin-bottom: 8px; padding: 3px 7px; font-size: 10px; }
    .kc3-price, .product-price { font-size: 17px; }
    .kc3-market-price { font-size: 10px; }
    .kc3-browse-grid .kc3-product-card__body,
    body .cn-product-search .product-result-body { padding: 8px; }
    .kc3-browse-grid .kc3-product-card h3,
    body .cn-product-search .cn-product-result h2 { min-height: 2.8em; font-size: 13px; }
    .kc3-browse-grid .kc3-product-card__selling,
    body .cn-product-search .cn-product-tags { margin-bottom: 8px; padding: 3px 7px; font-size: 10px; }
    .kc3-stories { gap: 16px; }
    .kc3-panel { padding: 21px 17px; }
    .kc3-panel h2 { margin-bottom: 16px; font-size: 20px; }
    .kc3-tab-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
    .kc3-tab-list button { min-width: 0; padding-inline: 8px; font-size: 13px; }
    .kc3-region-link-tabs .kc3-tab-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .kc3-region-link-tabs .kc3-tab-list button { font-size: 12px; line-height: 1.3; }
    .kc3-compact-content .kc3-list,
    .kc3-compact-reviews .kc3-reviews,
    .kc3-order-panel .kc3-order-list { max-height: 235px; }
    .kc3-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .kc3-shop-card { min-width: 0; padding: 14px 12px; }
    .kc3-shop-card span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .kc3-seo-section { padding-block: 30px; }
    .kc3-seo-disclosure summary { padding: 16px 48px 16px 17px; font-size: 18px; }
    .kc3-seo-disclosure summary::after { right: 17px; }
    .kc3-seo-disclosure > .kc3-richtext,
    .kc3-brand-copy { max-height: 58vh; padding: 17px; overflow-y: auto; font-size: 14px; }
    .kc3-confidence__grid { grid-template-columns: repeat(2, 1fr); gap: 0; }
    .kc3-confidence__grid > div { padding: 14px 12px; border-bottom: 1px solid var(--kc3-line); }
    .kc3-confidence__grid > div:nth-child(2n) { border-right: 0; }
    .kc3-footer { padding-top: 36px; }
    .kc3-footer__grid { grid-template-columns: repeat(3, 1fr); gap: 20px 12px; }
    .kc3-footer__brand { grid-column: 1 / -1; }
    .kc3-footer__grid a { font-size: 12px; }
    .kc3-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(--kc3-line); box-shadow: 0 -5px 18px rgba(70,40,48,.08); }
    .kc3-mobile-dock a { display: grid; place-items: center; color: #65595c; font-size: 12px; text-decoration: none; }
    .kc3-page-head { padding: 26px 0 20px; }
    .kc3-page-head h1 { font-size: 25px; }
    .kc3-breadcrumb { flex-wrap: nowrap; padding: 8px 0; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
    .kc3-filter .container { width: 100%; padding-inline: 6px; }
    .kc3-filter ul { padding-bottom: 2px; scrollbar-width: none; }
    .kc3-filter ul::-webkit-scrollbar { display: none; }
    .kc3-filter li { min-width: 96px; }
    .kc3-filter a { padding: 8px 7px 5px; font-size: 12px; }
    .kc3-category-title { padding: 10px 0 6px; }
    .kc3-category-title h1 { font-size: 22px; }
    .kc3-featured-filters { padding-bottom: 4px; border-bottom-width: 4px; }
    .kc3-featured-filters .container { width: 100%; padding-inline: 6px; }
    .kc3-featured-group ul { justify-content: flex-start; }
    .kc3-featured-group li { flex: 1 0 82px; min-width: 82px; }
    .kc3-featured-group a { margin-inline: 3px; padding: 5px 8px; font-size: 12px; }
    .kc3-browse-grid { width: calc(100% - 10px); padding-inline: 0; padding-top: 10px; }
    .kc3-browse-grid .kc3-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; }
    .kc3-category-layout { grid-template-columns: 92px 1fr; gap: 12px; padding: 24px 0 46px; }
    .kc3-category-menu { padding: 5px; }
    .kc3-category-menu a { padding: 12px 7px; font-size: 12px; }
    .kc3-category-block { padding: 16px 12px; }
    .kc3-category-block h2 { font-size: 18px; }
    .kc3-category-children { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .kc3-category-child { display: block; padding: 8px; text-align: center; }
    .kc3-category-child img { width: 48px; height: 48px; margin: 0 auto 5px; }
    .kc3-category-child span { display: block; }
    .kc3-region-hero { padding: 48px 0; text-align: center; }
    .kc3-content-page { width: calc(100% - 24px); padding: 26px 18px; }
}

/* =============================================================
   3KC 独立视觉层（新世纪鲜花网）
   - 松绿色系 / 轻量卡片 / 圆角 / 柔和阴影
   - 文章三栏卡片、门店+评价、配送动态三栏 tab、热门城市 pills
   - 滚动渐显动画（JS 增强，无 JS 时内容始终可见）
   ============================================================= */
:root {
    --kc3-primary: #3f7d6d;
    --kc3-primary-deep: #2f6f61;
    --kc3-accent: #d68a45;
    --kc3-soft: #f6faf7;
    --kc3-soft-strong: #e5f1eb;
    --kc3-ink: #30413b;
    --kc3-muted: #66746f;
    --kc3-line: #d8e5de;
    --kc3-paper: #f4f8f5;
    --kc3-radius-sm: 8px;
    --kc3-radius-md: 14px;
    --kc3-radius-lg: 20px;
    --kc3-shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 2px 6px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.08);
    --kc3-shadow-card-hover: 0 2px 4px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.10), 0 8px 24px rgba(0,0,0,.12);
}

.kc3-btn { border-radius: 999px; box-shadow: var(--kc3-shadow-card); }
.kc3-btn--light { box-shadow: var(--kc3-shadow-card); }
.kc3-search { border-radius: 999px; }
.kc3-search button { border-radius: 0 999px 999px 0; }
.kc3-cart-count { background: var(--kc3-primary); }

.kc3-hero { background: linear-gradient(115deg, #2f6f61, #69a08f); }
.kc3-hero::after { background: linear-gradient(90deg, rgba(36,70,60,.62), rgba(36,70,60,.08) 68%); }

.kc3-section { padding: 64px 0; }
.kc3-section__head { margin-bottom: 26px; }
.kc3-section__head h2 { color: var(--kc3-ink); }
.kc3-section__head p { color: var(--kc3-muted); }
.kc3-section__more { color: var(--kc3-primary); font-weight: 600; }
.kc3-section__more:hover { color: var(--kc3-primary-deep); }

.kc3-module-title { display: flex; min-width: 0; flex: 1 1 auto; align-items: center; gap: 14px; }
.kc3-module-title > div { min-width: 0; }
.kc3-module-title h2 { margin: 0; font: 700 27px/1.25 var(--font-serif); }
.kc3-module-title p { margin: 5px 0 0; color: var(--kc3-muted); font-size: 13px; }
.kc3-module-icon { flex: 0 0 auto; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--kc3-soft-strong); font-size: 22px; }

.kc3-product-module .kc3-product-grid { gap: 22px 18px; }
.kc3-product-module .kc3-product-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.kc3-product-module .kc3-product-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kc3-product-module .kc3-product-card { overflow: hidden; border: 1px solid var(--kc3-line); border-radius: var(--kc3-radius-lg); background: #fff; box-shadow: var(--kc3-shadow-card); transition: transform .25s ease, box-shadow .25s ease; }
.kc3-product-module .kc3-product-card:hover { transform: translateY(-4px); box-shadow: var(--kc3-shadow-card-hover); }
.kc3-product-module .kc3-product-card__image { border-radius: 0; }
.kc3-product-module .kc3-product-card__image img { transition: transform .35s ease; }
.kc3-product-module .kc3-product-card:hover .kc3-product-card__image img { transform: scale(1.04); }
.kc3-product-module .kc3-product-card__body { padding: 14px 15px 17px; }
.kc3-product-module .kc3-product-card h3 { font-size: 15px; }
.kc3-product-module .kc3-product-card__type { color: var(--kc3-muted); }
.kc3-product-module .kc3-product-card__selling { display: inline-flex; align-self: flex-start; max-width: 100%; margin: 0 0 10px; padding: 4px 10px; border-radius: 999px; background: var(--kc3-soft); color: var(--kc3-primary); font-size: 11px; font-weight: 600; line-height: 1.35; white-space: normal; }
.kc3-price { color: var(--kc3-primary); }
.kc3-card-badge { left: 12px; top: 12px; padding: 4px 10px; border-radius: 999px; background: rgba(63,125,109,.94); font-weight: 600; }

.kc3-quick { border-bottom: 1px solid var(--kc3-line); }
.kc3-quick a { border-right: 1px solid #f4eaec; }
.kc3-quick strong { font-size: 14px; }
.kc3-category-shortcut.is-parent { background: var(--kc3-paper); }

.kc3-articles-section { background: var(--kc3-paper); }
.kc3-articles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.kc3-article-card { min-width: 0; padding: 22px; border-radius: var(--kc3-radius-lg); background: #fff; box-shadow: var(--kc3-shadow-card); transition: transform .25s ease, box-shadow .25s ease; }
.kc3-article-card:hover { transform: translateY(-4px); box-shadow: var(--kc3-shadow-card-hover); }
.kc3-article-card h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--kc3-line); font-size: 17px; font-weight: 600; color: var(--kc3-ink); }
.kc3-article-list { display: grid; min-width: 0; gap: 0; }
.kc3-article-list a { display: flex; min-width: 0; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--kc3-line); color: var(--kc3-ink); font-size: 13px; text-decoration: none; }
.kc3-article-list a:last-child { border-bottom: 0; }
.kc3-article-list a:hover { color: var(--kc3-primary); }
.kc3-article-list a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kc3-article-list time { flex: 0 0 auto; color: #b0b0b0; font-size: 12px; }

.kc3-trust-section { background: var(--kc3-soft); }
.kc3-trust-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 26px; align-items: start; }
.kc3-store-card, .kc3-reviews-card { min-width: 0; padding: 24px; border-radius: var(--kc3-radius-lg); background: #fff; box-shadow: var(--kc3-shadow-card); }
.kc3-store-card h3, .kc3-reviews-card h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; font-size: 18px; font-weight: 600; color: var(--kc3-ink); }
.kc3-store-list { display: grid; gap: 0; }
.kc3-store-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--kc3-line); }
.kc3-store-row:last-child { border-bottom: 0; }
.kc3-store-row strong { font-size: 14px; font-weight: 600; color: var(--kc3-ink); }
.kc3-store-row span { overflow: hidden; color: var(--kc3-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.kc3-reviews-list { display: grid; gap: 12px; }
.kc3-review-item { padding: 14px; border-radius: var(--kc3-radius-md); background: var(--kc3-paper); }
.kc3-review__header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.kc3-review__header strong { font-size: 14px; font-weight: 600; color: var(--kc3-ink); }
.kc3-review__stars { color: var(--kc3-accent); font-size: 13px; letter-spacing: 1px; }
.kc3-review-item p { margin: 0; color: var(--kc3-muted); font-size: 13px; line-height: 1.65; }

.kc3-interact-section .kc3-panel { padding: 24px; border: 0; border-radius: var(--kc3-radius-lg); background: #fff; box-shadow: var(--kc3-shadow-card); }
.kc3-interact-section .kc3-panel h3 { margin: 0 0 14px; font-size: 16px; font-weight: 600; color: var(--kc3-ink); }
.kc3-tabs--wide .kc3-tab-list { display: inline-flex; gap: 6px; padding: 5px; border: 1px solid var(--kc3-line); border-radius: 999px; background: #fff; box-shadow: var(--kc3-shadow-card); }
.kc3-tabs--wide .kc3-tab-list button { min-height: 38px; padding: 0 20px; border-radius: 999px; }
.kc3-tabs--wide .kc3-tab-list button[aria-selected="true"] { background: var(--kc3-primary); color: #fff; }
.kc3-order-list { display: grid; gap: 0; max-height: 320px; overflow-y: auto; padding-right: 6px; scrollbar-color: #e3ccd1 transparent; scrollbar-width: thin; }
.kc3-order-row { display: grid; gap: 3px; padding: 10px 0; border-bottom: 1px dashed var(--kc3-line); }
.kc3-order-row:last-child { border-bottom: 0; }
.kc3-order-row strong { overflow: hidden; color: #4f4447; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.kc3-order-row span { color: var(--kc3-muted); font-size: 12px; }

.kc3-pill-list { display: flex; flex-wrap: wrap; gap: 8px; }
.kc3-pill { display: inline-block; padding: 6px 14px; border: 1px solid var(--kc3-line); border-radius: 999px; background: #fff; color: var(--kc3-ink); font-size: 13px; text-decoration: none; transition: border-color .2s ease, color .2s ease; }
.kc3-pill:hover { border-color: var(--kc3-accent); color: var(--kc3-primary); }

.kc3-region-summary, .kc3-region-cities { background: var(--kc3-paper); }
.kc3-region-hero { background: linear-gradient(115deg, #b83a52, #69a08f); }
.kc3-shop-card { border: 1px solid var(--kc3-line); border-radius: var(--kc3-radius-lg); box-shadow: var(--kc3-shadow-card); }
.kc3-shop-card strong { color: var(--kc3-ink); }
.kc3-region-links h3 { font-size: 15px; }
.kc3-region-links a { color: #6c5d61; font-size: 13px; }
.kc3-region-links a:hover { color: var(--kc3-primary); }

.kc3-brand-copy { color: var(--kc3-muted); }
.kc3-seo-disclosure { border-radius: var(--kc3-radius-lg); }
.kc3-seo-disclosure summary { color: var(--kc3-primary-deep); }

/* 滚动渐显：仅在 JS 增强时隐藏初始状态，保证无 JS 可读 */
html.kc3-js .kc3-reveal { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
html.kc3-js .kc3-reveal--visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    html.kc3-js .kc3-reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 991px) {
    .kc3-product-module .kc3-product-grid--5 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .kc3-articles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kc3-article-card:last-child { grid-column: span 2; }
    .kc3-trust-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .kc3-section { padding: 44px 0; }
    .kc3-section__head h2 { font-size: 23px; }
    .kc3-module-icon { width: 40px; height: 40px; font-size: 19px; }
    .kc3-product-grid, .kc3-product-module .kc3-product-grid--5, .kc3-product-module .kc3-product-grid--3, .kc3-product-module .kc3-product-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; }
    .kc3-product-module .kc3-product-card__body { padding: 10px 10px 12px; }
    .kc3-product-module .kc3-product-card h3 { font-size: 13px; }
    .kc3-product-module .kc3-product-card__type { font-size: 11px; }
    .kc3-price { font-size: 16px; }
    .kc3-card-badge { left: 8px; top: 8px; padding: 3px 8px; font-size: 10px; }
    .kc3-articles-grid { grid-template-columns: 1fr; }
    .kc3-article-card:last-child { grid-column: auto; }
    .kc3-tabs--wide .kc3-tab-list { display: flex; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
    .kc3-tabs--wide .kc3-tab-list::-webkit-scrollbar { display: none; }
    .kc3-tabs--wide .kc3-tab-list button { flex: 0 0 auto; padding: 0 15px; }
    .kc3-quick { overflow-x: auto; scrollbar-width: none; }
    .kc3-quick::-webkit-scrollbar { display: none; }
    .kc3-quick__grid { grid-template-columns: repeat(10, minmax(118px, 1fr)); }
    .kc3-quick a { min-height: 68px; }
    .kc3-store-row { align-items: flex-start; flex-direction: column; gap: 3px; }
    .kc3-store-row span { white-space: normal; }
    .kc3-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
/* =============================================================
   首页/地区页商品卡对齐分类页（docs/home-region-template-contract.md）
   - 同款边界/轻阴影/纵向填满布局，价格行贴底，消除卡片内空白
   - 图片满宽正方形 + 8px 小圆角，不再用大圆角制造图片留白
   - 手机端商品区单独收窄左右留白，两列正方形图尽量大
   ============================================================= */
.kc3-product-module .kc3-product-grid { gap: 18px; }
.kc3-product-module .kc3-product-card {
    display: flex;
    overflow: hidden;
    height: 100%;
    flex-direction: column;
    border: 1px solid var(--kc3-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(85, 38, 50, .07);
}
.kc3-product-module .kc3-product-card__image { border-radius: 8px; }
.kc3-product-module .kc3-product-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 15px 14px 17px;
}
.kc3-product-module .kc3-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;
}
.kc3-product-module .kc3-product-card__type {
    overflow: hidden;
    min-height: 1.4em;
    margin: 0 0 7px;
    color: var(--kc3-muted);
    line-height: 1.4;
}
.kc3-product-module .kc3-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 #d8e5de;
    border-radius: 999px;
    background: #f4faf7;
    color: var(--kc3-primary);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
}
.kc3-product-module .kc3-product-card__price-row { margin-top: auto; }

@media (max-width: 767px) {
    .kc3-product-module .container { padding-inline: 6px; }
    .kc3-product-module .kc3-product-grid { gap: 10px; }
    .kc3-product-module .kc3-product-card__body { padding: 8px; }
    .kc3-product-module .kc3-product-card h3 { min-height: 2.8em; font-size: 13px; }
    .kc3-product-module .kc3-product-card__type { font-size: 11px; }
    .kc3-product-module .kc3-product-card__selling { margin-bottom: 8px; padding: 3px 7px; font-size: 10px; }
}
/* =============================================================
   视觉差异化层：字体栈 + 顶部服务条/导航重排
   - 字体改为新视觉模板的系统无衬线栈（不再与 hua9 共用 Lato/Playfair）
   - 头部右侧改为 客服热线 + 购物车按钮；服务条只留订单/会员
   ============================================================= */
:root {
    --font-sans: 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    --font-serif: 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

.kc3-logo small { letter-spacing: 2px; color: var(--kc3-accent); font-weight: 600; }
.kc3-header__main { grid-template-columns: 250px minmax(300px, 560px) auto; }
.kc3-header__actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.kc3-header__action {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--kc3-line);
    border-radius: 999px;
    background: #fff;
    color: var(--kc3-ink);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.kc3-header__action:hover { border-color: var(--kc3-accent); color: var(--kc3-primary); box-shadow: var(--kc3-shadow-card); }
.kc3-header__cart { border: 0; background: var(--kc3-primary); color: #fff; }
.kc3-header__cart:hover { color: #fff; background: var(--kc3-primary-deep); }
.kc3-header__phone { color: var(--kc3-muted); }
.kc3-hero h1 { letter-spacing: 1px; }
.kc3-hero__content > p:not(.kc3-eyebrow) { max-width: 560px; }

@media (max-width: 991px) {
    .kc3-header__phone { display: none; }
}
@media (max-width: 767px) {
    .kc3-header__main { grid-template-columns: 1fr auto; gap: 12px; }
    .kc3-header__main .kc3-search { grid-column: 1 / -1; grid-row: 2; }
    .kc3-header__actions { justify-content: flex-end; }
}
/* =============================================================
   底部完善：五栏页脚 + 联系热线 + 备案信息
   ============================================================= */
.kc3-footer__grid { grid-template-columns: 1.8fr repeat(4, 1fr); gap: 40px; }
.kc3-footer__contact { display: grid; gap: 8px; margin-top: 16px; }
.kc3-footer__tel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--kc3-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.kc3-footer__tel:hover { color: #fff; background: var(--kc3-primary-deep); }
.kc3-footer__contact span { color: #d3e2db; font-size: 12px; }
.kc3-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; }

@media (max-width: 991px) {
    .kc3-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
    .kc3-footer__brand { grid-column: span 2; }
}
@media (max-width: 767px) {
    .kc3-footer__grid { grid-template-columns: 1fr; gap: 22px; }
    .kc3-footer__brand { grid-column: auto; }
}
/* =============================================================
   v1 标准对齐层（依据 _reference/.../11142798/3kc.html 新视觉）
   - hero 使用浅绿底、居中、松绿主按钮
   - 新增：全国配送、品牌介绍、栏目说明、内容页卡片化
   - 公共功能页统一松绿色主题，内页保持同一设计语言
   ============================================================= */
:root {
    --kc3-primary: #d68a45;
    --kc3-primary-deep: #3f7d6d;
    --kc3-accent: #d68a45;
    --kc3-soft: #f6faf7;
    --kc3-soft-strong: #e5f1eb;
    --kc3-ink: #30413b;
    --kc3-muted: #66746f;
    --kc3-line: #d8e5de;
    --kc3-paper: #f4f8f5;
}

.kc3-hero {
    min-height: 0;
    padding: 72px 0 66px;
    background: linear-gradient(180deg, #f6faf7 0%, #edf6f1 100%);
    text-align: center;
    overflow: hidden;
}
.kc3-hero::after { display: none; }
.kc3-hero__content { max-width: 720px; color: var(--kc3-ink); padding: 0; }
.kc3-hero__content > p:not(.kc3-eyebrow) { max-width: 560px; margin: 0 auto; color: var(--kc3-muted); font-size: 16px; line-height: 1.75; }
.kc3-hero h1 { margin: 0 0 16px; color: var(--kc3-ink); font: 700 clamp(30px, 4.5vw, 46px)/1.2 var(--font-sans); letter-spacing: -0.5px; }
.kc3-hero .kc3-eyebrow { color: var(--kc3-primary); letter-spacing: 3px; }
.kc3-actions { justify-content: center; margin-top: 26px; }
.kc3-btn { border-radius: 999px; box-shadow: var(--kc3-shadow-card); font-weight: 600; }
.kc3-btn--light { background: #fff; color: var(--kc3-ink); border: 1px solid var(--kc3-line); }
.kc3-btn--light:hover { border-color: var(--kc3-accent); color: var(--kc3-primary); box-shadow: var(--kc3-shadow-card-hover); }
.kc3-btn:hover { transform: translateY(-2px); box-shadow: var(--kc3-shadow-card-hover); }

.kc3-legacy-banner { padding: 22px 0; background: #fff; }
.kc3-banner-list { display: grid; gap: 14px; }
.kc3-banner-list a { display: block; overflow: hidden; border-radius: var(--kc3-radius-lg); background: var(--kc3-paper); box-shadow: var(--kc3-shadow-card); }
.kc3-banner-list img { display: block; width: 100%; height: auto; max-height: 320px; object-fit: cover; }

.kc3-section__head--center { justify-content: center; text-align: center; }
.kc3-section__head--center .kc3-module-title { justify-content: center; }

.kc3-article-card__desc { margin: -8px 0 12px; color: var(--kc3-muted); font-size: 12px; line-height: 1.5; }

.kc3-region-intro { margin: 0 0 18px; padding: 16px 18px; border: 1px solid var(--kc3-line); border-radius: var(--kc3-radius-md); background: #fff; color: var(--kc3-muted); font-size: 14px; line-height: 1.8; }

.kc3-intro-section { background: var(--kc3-soft); }
.kc3-intro-content { max-width: 760px; margin: 0 auto; text-align: center; }
.kc3-intro-content > p { margin: 0; color: var(--kc3-muted); font-size: 15px; line-height: 2; }
.kc3-intro-features { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; margin-top: 34px; }
.kc3-intro-feature { width: 128px; text-align: center; }
.kc3-intro-feature__icon { display: grid; width: 60px; height: 60px; margin: 0 auto 12px; place-items: center; border-radius: 50%; background: #fff; box-shadow: var(--kc3-shadow-card); font-size: 26px; }
.kc3-intro-feature strong, .kc3-intro-feature small { display: block; }
.kc3-intro-feature strong { color: var(--kc3-ink); font-size: 14px; }
.kc3-intro-feature small { margin-top: 4px; color: var(--kc3-muted); font-size: 12px; }

.kc3-page-eyebrow { margin: 0 0 8px; color: var(--kc3-primary); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.kc3-page-head p { color: var(--kc3-muted); }

.kc3-category-block__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; }
.kc3-category-block__head h2 { margin: 0; }
.kc3-category-block__more { flex: 0 0 auto; color: var(--kc3-primary); font-size: 13px; font-weight: 700; text-decoration: none; }
.kc3-category-block__more:hover { color: var(--kc3-primary-deep); }

.kc3-list-state { padding: 36px 0; text-align: center; color: var(--kc3-muted); font-size: 14px; }
.kc3-list-empty { padding: 56px 0; }

/* 内容页（news/article/faq/blog）：统一卡片化阅读 */
.kc3-content-page { max-width: none; margin: 0; padding: 0; border: 0; background: transparent; }
.kc3-content { max-width: 880px; margin: 22px auto 70px; padding: 42px 54px; border: 1px solid var(--kc3-line); border-radius: var(--kc3-radius-lg); background: #fff; box-shadow: var(--kc3-shadow-card); }
.kc3-content__head { margin: 0 0 30px; padding-bottom: 24px; border-bottom: 1px solid var(--kc3-line); text-align: center; }
.kc3-content__head .kc3-eyebrow { color: var(--kc3-primary); }
.kc3-content__head h1 { margin: 0 0 14px; color: var(--kc3-ink); font: 700 clamp(25px, 4vw, 36px)/1.35 var(--font-sans); }
.kc3-content-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; color: var(--kc3-muted); font-size: 12px; }
.kc3-content-cover { max-width: 720px; margin: 0 auto 26px; }
.kc3-content-cover img { display: block; width: 100%; height: auto; border-radius: var(--kc3-radius-md); }
.kc3-content-body { color: #4f4547; font-size: 16px; line-height: 1.95; }
.kc3-content-body img { display: block; max-width: 100%; height: auto; margin: 24px auto; border-radius: 8px; }
.kc3-content-body p { margin: 0 0 1.3em; }
.kc3-content-body table { display: block; max-width: 100%; overflow-x: auto; }
.kc3-content-pager { display: flex; justify-content: space-between; gap: 24px; margin-top: 38px; padding-top: 24px; border-top: 1px solid var(--kc3-line); }
.kc3-content-pager__link { display: grid; gap: 5px; max-width: 48%; color: var(--kc3-ink); text-decoration: none; }
.kc3-content-pager__link small { color: var(--kc3-muted); font-size: 11px; }
.kc3-content-pager__link strong { color: var(--kc3-primary); font-size: 13px; font-weight: 600; }
.kc3-content-pager__link--next { text-align: right; }
.kc3-content-footer { margin-top: 26px; text-align: center; }
.kc3-content-footer .kc3-btn { background: var(--kc3-primary); color: #fff; }

/* 底部：帮助中心（footer_faq_links 配置驱动） */
.kc3-footer__grid { grid-template-columns: 1.6fr 1fr; gap: 40px; }
.kc3-footer__faq h3 { color: #fff; }
.kc3-footer__faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 30px; }
.kc3-footer__faq-list > div { display: contents; }
.kc3-footer__faq-cat { break-inside: avoid; }
.kc3-footer__faq-cat h3 { margin: 0 0 6px; color: #fff; font-size: 13px; }
.kc3-footer__faq-list a { display: block; margin: 7px 0; color: #e9f2ee; font-size: 13px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kc3-footer__faq-list a:hover { color: #fff; }

/* 公共功能页松绿色主题覆盖（搜索/购物车/结账/登录/会员/订单） */
body .cn-function-page {
    --cn-red: var(--kc3-primary);
    --cn-red-dark: var(--kc3-primary-deep);
    --cn-soft: var(--kc3-soft);
    --cn-line: var(--kc3-line);
    color: var(--kc3-ink);
    background: var(--kc3-paper);
}
body .cn-function-page .function-card,
body .cn-function-page .address-card { border-color: var(--cn-line); border-radius: var(--kc3-radius-md); }
body .cn-function-page .function-title { font-family: var(--font-sans); color: var(--kc3-ink); }
body .cn-function-page .btn-primary { background: var(--kc3-primary); border-color: var(--kc3-primary); border-radius: 999px; }
body .cn-function-page .btn-primary:hover { background: var(--kc3-primary-deep); border-color: var(--kc3-primary-deep); }
body .cn-function-page .function-input:focus { border-color: var(--kc3-primary); box-shadow: 0 0 0 3px rgba(255,107,122,.12); }

@media (max-width: 991px) {
    .kc3-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
    .kc3-footer__brand { grid-column: span 2; }
}
@media (max-width: 767px) {
    .kc3-hero { padding: 48px 0 42px; }
    .kc3-hero h1 { font-size: 29px; }
    .kc3-hero__content > p:not(.kc3-eyebrow) { font-size: 14px; }
    .kc3-intro-features { gap: 22px 18px; }
    .kc3-intro-feature { width: 108px; }
    .kc3-content { width: calc(100% - 24px); margin-top: 14px; padding: 26px 18px; }
    .kc3-content__head h1 { font-size: 24px; }
    .kc3-content-pager { flex-direction: column; gap: 14px; }
    .kc3-content-pager__link, .kc3-content-pager__link--next { max-width: 100%; text-align: left; }
    .kc3-footer__grid { grid-template-columns: 1fr; gap: 20px; }
    .kc3-footer__brand { grid-column: auto; }
}
@media (max-width: 767px) {
    .kc3-footer { padding: 28px 0 18px; }
    .kc3-footer__grid { gap: 22px; }
    .kc3-footer__brand p { font-size: 12px; line-height: 1.7; }
    .kc3-footer__contact { margin-top: 10px; gap: 5px; }
    .kc3-footer__tel { min-height: 36px; padding: 0 14px; font-size: 13px; }
    .kc3-footer__faq-list { gap: 0 18px; }
    .kc3-footer__faq-list a { margin: 5px 0; font-size: 12px; }
    .kc3-footer__faq-cat h3 { margin-bottom: 4px; font-size: 12px; }
    .kc3-footer__friends { margin-top: 18px; padding-top: 12px; font-size: 11px; }
    .kc3-footer__friends a { margin-right: 8px; }
    .kc3-footer__bottom { margin-top: 12px; padding-top: 12px; gap: 3px; font-size: 11px; }
}
/* 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-3kc.f-independent-flow{display:flex;flex-direction:column}
.f-ind-theme-3kc.f-independent-flow>section{width:100%}
@media (min-width:901px){
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--1{order:80}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--8{order:90}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--9{order:100}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--2{order:110}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--10{order:120}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--3{order:130}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--11{order:140}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--12{order:150}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--4{order:160}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--5{order:170}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--6{order:180}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--1{order:40}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--4{order:50}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--5{order:60}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--2{order:70}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--6{order:80}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--7{order:90}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--3{order:100}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--8{order:110}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--9{order:120}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--10{order:130}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--11{order:140}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--5{order:150}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--6{order:160}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--4{order:170}
}
@media (max-width:900px){
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--8{order:80}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--9{order:90}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--10{order:100}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--11{order:110}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-product--12{order:120}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--1{order:1010}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--2{order:1020}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--3{order:1030}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--4{order:1040}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--5{order:1050}
.f-ind-theme-3kc.f-independent-home.f-independent-flow>section.f-independent-support--6{order:1060}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--1{order:10}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--2{order:20}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--3{order:30}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--4{order:40}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--5{order:50}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--6{order:60}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--7{order:70}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--8{order:80}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--9{order:90}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--10{order:100}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-product--11{order:110}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--1{order:1010}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--2{order:1020}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--3{order:1030}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--5{order:1040}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--6{order:1050}
.f-ind-theme-3kc.f-independent-region.f-independent-flow>section.f-independent-support--4{order:1060}
}

/* 2026-09-22 mobile display corrections from the page review workbook. */
@media (max-width: 720px) {
    body:has(.cn-function-page) .kc3-main-nav,
    body:has(.detail-page-wrapper) .kc3-main-nav { display: none; }
    body { padding-bottom: calc(58px + env(safe-area-inset-bottom)); }
    .kc3-legacy-banner { padding: 8px 0; }
    .kc3-legacy-banner .container { width: calc(100% - 16px); }
    .kc3-legacy-banner img { display: block; width: 100%; height: auto; object-fit: contain; }
    .kc3-quick__grid { width: 100%; padding-inline: 8px; }
    .kc3-product-module > .container,
    .kc3-product-section > .container { width: calc(100% - 12px); }
    .kc3-section { padding-block: 30px; }
    .kc3-section__head { margin-bottom: 15px; }
    .kc3-module-title p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .kc3-article-card h3,
    .kc3-article-card a { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .kc3-mobile-dock { height: auto; min-height: 58px; }
    .kc3-mobile-dock a { gap: 2px; line-height: 1.2; }
}


/* Independent mobile rhythm normalization: 3kc */
@media (max-width: 720px) {
  .f-ind-theme-3kc > .kc3-legacy-banner { padding-bottom: 0; }
  .f-ind-theme-3kc > .kc3-quick { margin-top: 0; padding-top: 14px; padding-bottom: 0; }
  .f-ind-theme-3kc > .kc3-product-module { padding-block: 30px; }
  .f-ind-theme-3kc .kc3-product-module .kc3-section__head { margin-bottom: 18px; }
  .f-ind-theme-3kc .kc3-product-module .kc3-product-grid { column-gap: 8px; row-gap: 12px; }
  .f-ind-theme-3kc .kc3-product-module .kc3-product-grid + .kc3-product-grid { margin-top: 12px; }
}
/* 2026-09-26 3KC flagship-store refinement.
   Visual-only layer: existing categories, routes and data contracts stay unchanged. */
:root{--kc3-primary:#2f6f61;--kc3-primary-deep:#245649;--kc3-accent:#d68a45;--kc3-soft:#f2f8f4;--kc3-soft-strong:#e4f0e9;--kc3-ink:#30413b;--kc3-muted:#66746f;--kc3-line:#d8e5de;--kc3-paper:#f7faf8;--kc3-shadow-card:0 8px 24px rgba(47,85,74,.06);--kc3-shadow-card-hover:0 16px 36px rgba(47,85,74,.10)}
body{background:#fff;color:var(--kc3-ink)}
.kc3-service-strip{background:#f6f3f2;border-bottom-color:#ece6e4;color:#746b6c}
.kc3-header{background:rgba(255,255,255,.98);border-bottom:1px solid #eee8e6}
.kc3-header__main{min-height:88px}
.kc3-logo__mark{width:48px;height:48px;border:1px solid #c7dbd1;border-radius:14px;background:#f2f8f4;box-shadow:none;color:var(--kc3-primary-deep);font:800 16px/1 var(--font-sans);letter-spacing:.04em}
.kc3-logo strong{color:var(--kc3-ink);font-family:var(--font-sans);font-size:24px;font-weight:800;letter-spacing:.04em}
.kc3-logo small{color:var(--kc3-muted);font-size:10px;font-weight:600;letter-spacing:.16em}
.kc3-search{height:42px;border:1px solid #c9d8d1;border-radius:999px}.kc3-search input{padding-left:18px}.kc3-search button{width:82px;background:var(--kc3-primary);font-size:13px}.kc3-search button:hover{background:var(--kc3-primary-deep)}
.kc3-header__action{min-height:38px;border-radius:999px}.kc3-header__cart{background:#eef7f2;color:var(--kc3-primary-deep)}.kc3-header__cart:hover{background:var(--kc3-primary-deep);color:#fff}
.kc3-main-nav{border-bottom:0;border-top:1px solid #e8efeb}.kc3-main-nav__inner{min-height:44px;justify-content:center}.kc3-main-nav a{padding-inline:19px;color:#44514d;font-size:13px;font-weight:600}.kc3-main-nav a:hover{background:transparent;color:var(--kc3-primary)}
.kc3-main-nav .kc3-main-nav__all{min-width:170px;background: #2f6f61;color:#fff}.kc3-main-nav .kc3-main-nav__all:hover{background:var(--kc3-primary-deep)}
.kc3-flagship-banner{padding:18px 0 0}.kc3-flagship-banner .container{width:min(1360px,calc(100% - 32px))}.kc3-flagship-banner .kc3-banner-list{gap:10px}.kc3-flagship-banner .kc3-banner-list a{border-radius:18px;box-shadow:none;background:#f3f7f4}.kc3-flagship-banner .kc3-banner-list img{max-height:440px;object-fit:cover}
.kc3-brand-strip-wrap{padding:14px 0 0;background:#fff}.kc3-brand-strip{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(0,1.9fr);gap:30px;align-items:center;padding:24px 28px;border-bottom:1px solid var(--kc3-line);background:#fff}
.kc3-brand-strip__intro h1{margin:3px 0 7px;color:var(--kc3-ink);font:800 24px/1.2 var(--font-sans);letter-spacing:-.02em}.kc3-brand-strip__intro>p:last-child{margin:0;color:var(--kc3-muted);font-size:13px;line-height:1.7}.kc3-brand-strip__eyebrow{margin:0;color:var(--kc3-primary);font-size:10px;font-weight:800;letter-spacing:.17em}
.kc3-service-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kc3-service-facts>span{min-width:0;padding:2px 18px;border-left:1px solid var(--kc3-line)}.kc3-service-facts strong,.kc3-service-facts small{display:block}.kc3-service-facts strong{color:var(--kc3-ink);font-size:13px;font-weight:750}.kc3-service-facts small{margin-top:4px;color:var(--kc3-muted);font-size:11px;line-height:1.45}
.kc3-quick{padding:14px 0 6px;border:0;background:#fff}.kc3-quick__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.kc3-quick a{min-height:64px;padding:11px 10px;border:1px solid #dfe9e4;border-radius:12px;background:#fff}.kc3-quick a:hover{border-color:#b8d1c5;background:#f5faf7;color:var(--kc3-primary)}.kc3-quick strong{font-size:13px;font-weight:700}.kc3-quick span{font-size:10px}.kc3-category-shortcut.is-parent{background:#f7faf8}
.kc3-section{padding-block:58px}.kc3-section--soft{background:var(--kc3-paper)}.kc3-section--rose{background:#f2f8f4}.kc3-section__head{align-items:center;margin-bottom:24px}.kc3-section__head h2{font:800 27px/1.22 var(--font-sans);letter-spacing:-.02em}.kc3-section__head p{color:var(--kc3-muted);font-size:13px}.kc3-module-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid #d8e5de;border-radius:50%;background:#fff;color:var(--kc3-primary);font-size:13px;font-family:var(--font-sans)}
.kc3-product-module .kc3-product-grid{gap:30px 18px}.kc3-product-module .kc3-product-card,.kc3-browse-grid .kc3-product-card,body .cn-product-search .cn-product-result{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.kc3-product-module .kc3-product-card:hover,.kc3-browse-grid .kc3-product-card:hover,body .cn-product-search .cn-product-result:hover{transform:translateY(-2px);box-shadow:none}
.kc3-product-module .kc3-product-card__image,.kc3-browse-grid .kc3-product-card__image,body .cn-product-search .product-result-image{border-radius:12px;background:#f1f5f2}.kc3-product-module .kc3-product-card__body,.kc3-browse-grid .kc3-product-card__body,body .cn-product-search .product-result-body{padding:12px 2px 0}
.kc3-product-module .kc3-product-card h3,.kc3-browse-grid .kc3-product-card h3,body .cn-product-search .cn-product-result h2{color:var(--kc3-ink);font-weight:700}.kc3-product-card__type,.kc3-browse-grid .kc3-product-card__type,body .cn-product-search .cn-product-summary{color:var(--kc3-muted)}
.kc3-product-module .kc3-product-card__selling,.kc3-browse-grid .kc3-product-card__selling,body .cn-product-search .cn-product-tags{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--kc3-primary);font-size:10px;font-weight:700}.kc3-product-module .kc3-product-card__selling::before,.kc3-browse-grid .kc3-product-card__selling::before,body .cn-product-search .cn-product-tags::before{content:"";flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:currentColor}
.kc3-price,.product-price{color:var(--kc3-ink);font-size:18px;font-weight:800}.kc3-market-price{color:#9da8a4}.kc3-intro-section{background:#fff}.kc3-intro-content{max-width:820px;padding:26px 30px;border-top:1px solid var(--kc3-line);border-bottom:1px solid var(--kc3-line)}.kc3-intro-content>p{color:#52615c;font-size:14px;line-height:1.9}
.kc3-seo-disclosure{border-color:var(--kc3-line);border-radius:12px;box-shadow:none}.kc3-seo-disclosure summary{color:var(--kc3-ink);font-family:var(--font-sans);font-size:19px}.kc3-footer{background: #2f6f61}.kc3-footer__tel{background:var(--kc3-primary-deep)}
.kc3-mobile-dock svg,.kc3-compact-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.kc3-mobile-dock a{font-weight:400}.kc3-mobile-dock .kc3-mobile-dock__search{color:var(--kc3-primary);font-weight:700}.kc3-compact-actions{display:none}
/* 2026-09-26 3KC flagship mobile */
@media(max-width:767px){
 .kc3-service-strip{display:none}.kc3-header__main{min-height:64px;grid-template-columns:1fr auto;gap:10px}
 .kc3-logo__mark{width:38px;height:38px;border-radius:10px;font-size:15px}.kc3-logo strong{font-size:18px}.kc3-logo small{margin-top:2px;font-size:8px;letter-spacing:.12em}
 .kc3-compact-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.kc3-compact-action{position:relative;display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--kc3-line);border-radius:50%;background:#fff;color:var(--kc3-ink);text-decoration:none}
 .kc3-compact-action--search{border-color:#cfe0d7;background:#f2f8f4;color:var(--kc3-primary)}.kc3-compact-menu-bars{display:grid;gap:3px;width:17px}.kc3-compact-menu-bars i{display:block;width:17px;height:1.5px;border-radius:2px;background:currentColor}
 .kc3-header__main>.kc3-search,.kc3-header__main>.kc3-header__actions{display:none}
 .kc3-flagship-banner{padding-top:8px}.kc3-flagship-banner .container{width:calc(100% - 16px)}.kc3-flagship-banner .kc3-banner-list a{border-radius:10px}.kc3-flagship-banner .kc3-banner-list img{width:100%;height:auto;max-height:none;object-fit:contain}
 .kc3-brand-strip-wrap{padding-top:10px}.kc3-brand-strip-wrap .container{width:calc(100% - 20px)}.kc3-brand-strip{grid-template-columns:1fr;gap:14px;padding:16px 4px 15px}.kc3-brand-strip__intro h1{font-size:20px}.kc3-brand-strip__intro>p:last-child{font-size:12px}.kc3-brand-strip__eyebrow{font-size:9px;letter-spacing:.13em}
 .kc3-service-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 0}.kc3-service-facts>span{padding:0 10px}.kc3-service-facts>span:nth-child(odd){padding-left:0;border-left:0}.kc3-service-facts strong{font-size:12px}.kc3-service-facts small{font-size:10px}
 .kc3-quick{padding-top:10px!important;overflow:visible}.kc3-quick__grid{width:calc(100% - 16px);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-inline:0}.kc3-quick a{min-width:0;min-height:58px;padding:9px 7px;border-radius:10px}.kc3-quick strong{font-size:12px}.kc3-quick span{font-size:9px}
 .kc3-section{padding-block:30px}.kc3-section__head{margin-bottom:16px}.kc3-section__head h2{font-size:21px}.kc3-module-icon{width:28px;height:28px;font-size:11px}.kc3-module-title p{white-space:normal;line-height:1.45}
 .kc3-product-module .kc3-product-grid,.kc3-browse-grid .kc3-product-grid,body .cn-product-search .product-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px;row-gap:18px}
 .kc3-product-module>.container,.kc3-product-section>.container,.kc3-browse-grid{width:calc(100% - 12px)}
 .kc3-product-module .kc3-product-card__image,.kc3-browse-grid .kc3-product-card__image,body .cn-product-search .product-result-image{aspect-ratio:4/5;border-radius:9px}
 .kc3-product-module .kc3-product-card__image img,.kc3-browse-grid .kc3-product-card__image img,body .cn-product-search .product-result-image img{object-fit:cover}
 .kc3-product-module .kc3-product-card__body,.kc3-browse-grid .kc3-product-card__body,body .cn-product-search .product-result-body{padding:9px 2px 0}
 .kc3-product-module .kc3-product-card h3,.kc3-browse-grid .kc3-product-card h3,body .cn-product-search .cn-product-result h2{min-height:2.7em;font-size:13px;line-height:1.35}
 .kc3-product-module .kc3-product-card__type,.kc3-browse-grid .kc3-product-card__type,body .cn-product-search .cn-product-summary{margin-bottom:5px;font-size:10px}
 .kc3-product-module .kc3-product-card__selling,.kc3-browse-grid .kc3-product-card__selling,body .cn-product-search .cn-product-tags{margin-bottom:6px;font-size:9px}
 .kc3-price,.product-price{font-size:16px}.kc3-market-price{font-size:9px}.kc3-mobile-dock a{grid-template-rows:22px auto;gap:2px;align-content:center;font-size:11px;line-height:1.15}.f-independent-region .kc3-breadcrumb,.f-independent-region .seo-region-breadcrumb{display:none!important}
}
/* mobile-long-copy-last:independent */
@media (max-width:900px) {
  .f-independent-flow {
    display:flex!important;
    flex-direction:column!important;
  }
  .f-independent-flow > .f-seo-section,
  .f-independent-flow > .kc3-seo-section,
  .f-independent-flow > .sy-seo-section,
  .f-independent-flow > .h9-seo-section {
    order:9999!important;
  }

  /* Keep verbose regional descriptions out of the mobile first screen.
     The complete service copy remains available in the bottom SEO section. */
  .f-independent-region .sy-region-hero__copy > p {
    display:none!important;
  }
  .f-ind-theme-gli.f-independent-region .f-region-hero p:not(.f-eyebrow) {
    display:none!important;
  }
}

/* legacy-browser-layout:22tpl93mm:v2 */
/* Preserve native 1200px centered layout if CSS min() is unknown. */
@supports not (width: min(100px, 200px)) {
 .container{width:calc(100% - 32px)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
}
@supports not (margin-inline: auto) { .container{margin-left:auto!important;margin-right:auto!important} }
/* inset:0 is ignored in older Chromium: hero image and its overlay
   must occupy the same region so white hero text remains readable. */
@supports not (inset: 0) {
 .kc3-hero__media,.kc3-hero__media > *,.kc3-hero__media picture,.kc3-hero::after{top:0;right:0;bottom:0;left:0}
}
@supports not (font-size: clamp(14px, 2vw, 20px)) { .kc3-hero h1{font-size:45px} }
@media(max-width:900px){@supports not (font-size: clamp(14px, 2vw, 20px)){.kc3-hero h1{font-size:32px}}}