/* Shared home/region artwork and copy placement. One image source at every width. */
/* This stylesheet is loaded only for homepage and region views, in every locale. */
main :is([class$="-breadcrumb"], .breadcrumb) {
    display: none !important;
}

/* A small gap separates home and region advertising from the storefront header. */
main.unified-region-page,
main.unified-opening-page { padding-top: 16px !important; }
@media (max-width: 900px) {
    main.unified-region-page,
    main.unified-opening-page { padding-top: 10px !important; }
}

.unified-opening-page { display: flex !important; flex-direction: column !important; }
.unified-opening-page > .unified-opening-advert { order: -2 !important; }
.unified-opening-page > .unified-carousel-opening.unified-opening-advert {
    width: min(900px, 100%) !important;
    max-width: 900px !important;
    margin-inline: auto !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}
.unified-opening-page > .unified-opening-introduction { order: -1 !important; }
.unified-opening-page .unified-carousel-opening,
.unified-opening-page .f-front-carousel,
.unified-opening-page :is(.eduoduo-hero, .eduoduo-hero__frame, .eduoduo-hero__media, .h9-hero, .h9-hero__media--desktop, .hero-bg) {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-columns: none !important;
    transform: none !important;
    clip-path: none !important;
}
.unified-opening-page .unified-carousel-opening {
    margin-block: 0 !important;
    padding-block: 0 !important;
    overflow: visible !important;
}
.unified-opening-page :is(.f-front-carousel, .hero-bg, .f-hero-banners, .c6-banner-row, .eduoduo-banner-list, .f18-banner-list, .h9-banner-list, .sy-hero-banners, .kc3-banner-list) {
    max-width: 900px !important;
    margin-inline: auto !important;
    margin-block: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
}
.unified-opening-page :is(.f-front-carousel__viewport, .hero-bg) {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 5 / 2 !important;
    clip-path: none !important;
    transform: none !important;
    overflow: hidden !important;
    border: 0 !important;
    padding: 0 !important;
}
.unified-opening-page :is(.f-front-carousel__slide, .f-front-carousel__slide > a) {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transform: none !important;
}
.unified-opening-page :is(.f-front-carousel__slide, .hero-bg) img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.unified-opening-page :is(.f-hero-banners, .c6-banner-row, .eduoduo-banner-list, .f18-banner-list, .h9-banner-list, .sy-hero-banners, .kc3-banner-list) {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    aspect-ratio: 5 / 2 !important;
}
.unified-opening-page :is(.f-hero-banners, .c6-banner-row, .eduoduo-banner-list, .f18-banner-list, .h9-banner-list, .sy-hero-banners, .kc3-banner-list) > a {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    border: 0 !important;
    box-sizing: border-box !important;
}
.unified-opening-page :is(.f-hero-banners, .c6-banner-row, .eduoduo-banner-list, .f18-banner-list, .h9-banner-list, .sy-hero-banners, .kc3-banner-list) > a > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 5 / 2 !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.unified-opening-page :is(.h9-hero__media--mobile, .hero-overlay),
.unified-opening-page .unified-carousel-opening::before,
.unified-opening-page .unified-carousel-opening::after,
.unified-opening-page .eduoduo-hero::after,
.unified-opening-page .h9-hero::after { display: none !important; }

.unified-opening-page > .unified-opening-introduction {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: min(900px, calc(100% - 32px)) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 24px 0 !important;
    color: var(--f-ink, var(--text-main, #252525));
    background: transparent !important;
    transform: none !important;
    overflow-wrap: anywhere;
}
.unified-opening-page > .unified-opening-introduction :is(header, section, div, p, h1, h2, strong, span) {
    position: relative !important;
    inset: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    clip-path: none !important;
}
.unified-opening-page > .unified-opening-introduction > *,
.unified-opening-page > .unified-opening-introduction [class*="hero"] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: inherit !important;
}
.unified-opening-page > .unified-opening-introduction :is(h1, h2) {
    max-width: none !important;
    margin: 8px 0 !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    line-height: 1.4 !important;
    color: inherit !important;
}
.unified-opening-page > .unified-opening-introduction [aria-hidden="true"] { display: none !important; }
/* Opening copy is ordinary content now; remove the old overlay typography. */
.unified-opening-page > .unified-opening-introduction {
    color: #292929 !important;
    background: #fff !important;
    padding: 18px 20px !important;
    text-align: center !important;
    box-sizing: border-box;
}
.unified-opening-page > .unified-opening-introduction * {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    letter-spacing: normal !important;
    float: none !important;
    max-width: 100% !important;
}
.unified-opening-page > .unified-opening-introduction :is(div, header, section) {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.unified-opening-page > .unified-opening-introduction :is(p, .f-hero-note) {
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 8px 0 !important;
    padding: 0 !important;
    color: #454545 !important;
    font: 400 15px/1.75 Arial, "Microsoft YaHei", sans-serif !important;
    text-align: inherit !important;
}
.unified-opening-page > .unified-opening-introduction :is(h1, h2) {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: inherit !important;
}
.unified-opening-page > .unified-opening-introduction :is(h1, h2) :is(span, strong, [class]) {
    display: inline !important;
    font: inherit !important;
    background: none !important;
}
.unified-opening-page > .unified-opening-introduction *::before,
.unified-opening-page > .unified-opening-introduction *::after { display: none !important; }
@media (max-width: 900px) {
    .unified-opening-page > .unified-opening-introduction { order: 2147483647 !important; padding-block: 24px !important; }
}

/* Desktop opening follows each storefront's real product-container width. */
@media (min-width: 901px) {
    .unified-opening-page > .unified-carousel-opening.unified-opening-advert,
    .unified-opening-page > .unified-opening-introduction {
        width: var(--opening-site-content-width, min(1180px, calc(100% - 48px))) !important;
        max-width: none !important;
        margin-inline: auto !important;
        box-sizing: border-box !important;
    }
    .unified-opening-page > .unified-opening-introduction { padding-inline: 20px !important; }
    .unified-opening-page .unified-opening-advert :is(.f-front-carousel, .hero-bg, .f-hero-banners, .c6-banner-row, .eduoduo-banner-list, .f18-banner-list, .h9-banner-list, .sy-hero-banners, .kc3-banner-list) {
        width: 100% !important;
        max-width: none !important;
    }
}

/* October inspection: retain each theme, repair only its unreadable surfaces. */
body:has(.unified-opening-page:is([data-opening-theme="tianjin"], [data-opening-theme="jiangsu"], [data-opening-theme="hubei"], [data-opening-theme="xinjiang"])) {
    --f-bg: #f7f6f4;
    --f-paper: #fff;
    --f-card: #fff;
    --f-ink: #343238;
    --f-muted: #57515b;
    --f-sub: #57515b;
    --f-soft: #f3f1f4;
    background: #f7f6f4 !important;
    color: #343238 !important;
}
body:has(.unified-opening-page[data-opening-theme="shandong"]) { --f-accent: #a44734; --f-pop: #a44734; }
body:has(.unified-opening-page[data-opening-theme="shanxi"]) :is(.f-header, .f-nav, .f-header__actions, .f-logo) {
    color: #3b304f !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}
.unified-opening-page:is([data-opening-theme="shanxi"], [data-opening-theme="bozhou"], [data-opening-theme="baotou"]) :is(.f-product-card__body, .f-product-card h3, .f-product-card__summary, .f-product-card__selling, .f-market-price) {
    color: #463f4b !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
.unified-opening-page:is([data-opening-theme="shanxi"], [data-opening-theme="bozhou"], [data-opening-theme="baotou"]) .f-product-card__body { background: #fff !important; }
.unified-opening-page:is([data-opening-theme="shanxi"], [data-opening-theme="bozhou"], [data-opening-theme="baotou"]) :is(.f-price, .price-current) { color: #9a294a !important; }

.unified-opening-page:is([data-opening-theme="shanxi"], [data-opening-theme="jinzhou"], [data-opening-theme="luoyang"], [data-opening-theme="wenzhou"], [data-opening-theme="qingdao"], [data-opening-theme="taizhou-zhejiang"], [data-opening-theme="qiqihaer"], [data-opening-theme="chaohu"], [data-opening-theme="shaoguan-geway"]) .f-seo-section {
    background: #f7f4f5 !important;
    background-image: none !important;
    color: #3c3439 !important;
    transform: none !important;
}
.unified-opening-page:is([data-opening-theme="shanxi"], [data-opening-theme="jinzhou"], [data-opening-theme="luoyang"], [data-opening-theme="wenzhou"], [data-opening-theme="qingdao"], [data-opening-theme="taizhou-zhejiang"], [data-opening-theme="qiqihaer"], [data-opening-theme="chaohu"], [data-opening-theme="shaoguan-geway"]) :is(.f-seo-disclosure, .f-seo-disclosure summary, .f-richtext, .f-richtext *) {
    background: transparent !important;
    color: #3c3439 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
    transform: none !important;
}
body:has(.unified-opening-page:is([data-opening-theme="shanxi"], [data-opening-theme="luoyang"], [data-opening-theme="wenzhou"], [data-opening-theme="taizhou-zhejiang"], [data-opening-theme="qiqihaer"], [data-opening-theme="changsha"], [data-opening-theme="changde"], [data-opening-theme="loudi"], [data-opening-theme="suzhou-anhui"], [data-opening-theme="shaoguan-geway"])) .f-footer {
    background: #f7f4f5 !important;
    background-image: none !important;
    color: #3c3439 !important;
}
body:has(.unified-opening-page:is([data-opening-theme="shanxi"], [data-opening-theme="luoyang"], [data-opening-theme="wenzhou"], [data-opening-theme="taizhou-zhejiang"], [data-opening-theme="qiqihaer"], [data-opening-theme="changsha"], [data-opening-theme="changde"], [data-opening-theme="loudi"], [data-opening-theme="suzhou-anhui"], [data-opening-theme="shaoguan-geway"])) .f-footer * {
    color: #3c3439 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
}
.unified-opening-page[data-opening-theme="fujian"] :is(.f-region-tags, .f-region-tags a) { color: #453d38 !important; }
.unified-opening-page[data-opening-theme="weifang"] :is(.f-shortcuts, .f-shortcuts a, .f-home-category-shortcuts__content) { background: #f4f6fa !important; color: #303e56 !important; }
.unified-opening-page[data-opening-theme="yunnan"] .f-category-shortcuts-list { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.unified-opening-page[data-opening-theme="yunnan"] :is(.f-category-shortcut, .f-category-shortcut strong) { writing-mode: horizontal-tb !important; }

.unified-opening-page[data-opening-theme="shandong"] .f-product-card { border: 1px solid #e2d9da !important; }
.unified-opening-page[data-opening-theme="eerduosi"] :is(.f-panel, .f-shop-card) { border: 1px solid #d8dce2 !important; box-shadow: none !important; }
.unified-opening-page[data-opening-theme="heyuan"] .f-product-card__image::after { display: none !important; }
.unified-opening-page:is([data-opening-theme="handan"], [data-opening-theme="changsha"]) .f-product-card { margin-top: 0 !important; }
.unified-opening-page:is([data-opening-theme="handan"], [data-opening-theme="changsha"]) .f-product-card__image { display: block !important; height: auto !important; aspect-ratio: 1 !important; }
.unified-opening-page:is([data-opening-theme="handan"], [data-opening-theme="changsha"]) .f-product-card__body { position: relative !important; display: block !important; height: auto !important; visibility: visible !important; }
@media (max-width: 900px) {
    .unified-opening-page[data-opening-theme="yunnan"] .f-category-shortcuts-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* Legacy Chromium/360 compatibility: no :is(), margin-inline, CSS min() or aspect-ratio required. */
.unified-opening-page > .unified-carousel-opening.unified-opening-advert,
.unified-opening-page > .unified-opening-introduction,
.unified-opening-page .f-front-carousel {
    margin-left: auto !important;
    margin-right: auto !important;
}
.unified-opening-page .unified-carousel-opening,
.unified-opening-page .f-front-carousel {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    opacity: 1 !important;
}
.unified-opening-page .f-front-carousel__viewport {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
.unified-opening-page .f-front-carousel__slide {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.unified-opening-page .f-front-carousel__slide[hidden] { display: none !important; }
.unified-opening-page .f-front-carousel__slide.is-active { display: block !important; }
.unified-opening-page .f-front-carousel__slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: none !important;
    opacity: 1 !important;
}
.unified-opening-page > .unified-opening-introduction h1,
.unified-opening-page > .unified-opening-introduction h2 {
    color: #292929 !important;
    font-size: 32px !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    line-height: 1.4 !important;
    text-align: center !important;
}
.unified-opening-page > .unified-opening-introduction p {
    color: #454545 !important;
    font: 400 15px/1.75 Arial, "Microsoft YaHei", sans-serif !important;
    text-align: center !important;
}
@supports not (width: min(900px, 100%)) {
    /* Retain each theme's width where possible, restoring the old horizontal centering contract. */
    .f-container { margin-left: auto !important; margin-right: auto !important; }
    .f-header .f-container { width: calc(100% - 32px); max-width: 1180px; }
    .unified-opening-page .f-container { width: calc(100% - 32px); max-width: 1180px; }
    .unified-opening-page > .unified-carousel-opening.unified-opening-advert,
    .unified-opening-page > .unified-opening-introduction {
        width: calc(100% - 48px) !important;
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@supports not (aspect-ratio: 5 / 2) {
    /* Intrinsic 2.5:1 stage without aspect-ratio or CSS Grid. */
    /* The universal :before ratio spacer below owns the carousel height. */
    .unified-opening-page .f-hero-banners img,
    .unified-opening-page .sy-hero-banners img,
    .unified-opening-page .c6-banner-row img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}
@media (max-width: 900px) {
    .unified-opening-page > .unified-carousel-opening.unified-opening-advert {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Fallback for old engines rejecting :is(): never keep the old 400px hero frame. */
.unified-opening-page > .unified-opening-introduction header,
.unified-opening-page > .unified-opening-introduction section,
.unified-opening-page > .unified-opening-introduction div {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
}
.unified-opening-page > .unified-opening-introduction .f-arte-hero__frame {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
}
.unified-opening-page > .unified-opening-introduction .f-arte-hero__diamond {
    display: none !important;
}

/* Portable desktop stage. Explicit selectors intentionally avoid :is(), :has(),
   margin-inline and aspect-ratio so older 360 Speed engines render the real image. */
.unified-opening-page > .unified-opening-advert {
    order: -2 !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 0 !important;
}
.unified-opening-page > .unified-opening-introduction {
    order: -1 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 0 !important;
}
.unified-opening-page > .unified-opening-advert .f-front-carousel {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
}
.unified-opening-page > .unified-opening-advert .f-front-carousel__viewport {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
}
.unified-opening-page > .unified-opening-advert .f-front-carousel__viewport::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    padding-top: 40% !important;
    background: transparent !important;
}
.unified-opening-page > .unified-opening-advert .f-front-carousel__slide {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    width: 100% !important;
    overflow: hidden !important;
}
.unified-opening-page > .unified-opening-advert .f-front-carousel__slide[hidden] {
    display: none !important;
}
.unified-opening-page > .unified-opening-advert .f-front-carousel__slide img {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}
@media (min-width: 901px) {
    .unified-opening-page > .unified-carousel-opening.unified-opening-advert,
    .unified-opening-page > .unified-opening-introduction {
        width: calc(100% - 48px) !important;
        width: var(--opening-site-content-width, calc(100% - 48px)) !important;
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media (max-width: 900px) {
    .unified-opening-page > .unified-carousel-opening.unified-opening-advert {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 900px) {
    /* Mobile keeps the long site introduction after product modules. */
    .unified-opening-page > .unified-opening-introduction {
        order: 2147483647 !important;
    }
}




/* 2026-10-12: product module headings + top advertising gap.
   In home-region-opening.css so later !important resets do not win. */
@media (min-width: 901px) {
 .unified-opening-page .f-original-product-section .f-section-title,
 .unified-opening-page .f-original-product-section .f-section-desc {
   text-align: left !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
 }
 .unified-opening-page:not(.unified-region-page) > .unified-carousel-opening.unified-opening-advert {
   margin-top: 14px !important;
 }
}
@media (max-width: 900px) {
 .unified-opening-page:not(.unified-region-page) > .unified-carousel-opening.unified-opening-advert {
   margin-top: 8px !important;
 }
}
/* Region pages already provide 16px PC/10px mobile top padding. */