:root {
    --xq-blue: #3688fc;
    --xq-blue-dark: #246bd1;
    --xq-text: #1f2937;
    --xq-muted: #475569;
    --xq-border: #e2e8f0;
    --xq-bg: #f5f7fb;
    --xq-card: #ffffff;
    --xq-shadow: 0 10px 30px rgba(31, 41, 55, .07);
}
* { box-sizing: border-box; }
body.xq-p2-body { margin: 0; background: var(--xq-bg); color: var(--xq-text); font-family: Nunito, "Microsoft YaHei", Arial, sans-serif; }
.xq-p2-header { position: sticky; top: 0; z-index: 1040; background: #fff; box-shadow: none; }
a { color: var(--xq-blue); }
.xq-p2-main { min-height: 0; padding-top: 20px; padding-bottom: 10px; }
.xq-p2-topbar { background: #14213d; color: #cbd5e1; font-size: 13px; }
.xq-p2-topbar__inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.xq-p2-top-actions { display: flex; align-items: center; gap: 14px; white-space: nowrap; }
.xq-p2-top-actions form { display:inline-flex !important; align-items:center; margin:0; padding:0; line-height:inherit; }
.xq-p2-top-actions a, .xq-link-button { color: #e2e8f0; text-decoration: none; }
.xq-link-button { display:inline-flex; align-items:center; border:0; background:transparent; padding:0; margin:0; cursor:pointer; font:inherit; line-height:inherit; }
.xq-p2-brand-row { display: flex; align-items: center; gap: 28px; min-height: 72px; }
.xq-p2-brand { display: flex; align-items: center; gap: 12px; min-width: 250px; color: #111827; font-weight: 800; font-size: 22px; }
.xq-p2-brand__logo-link, .xq-p2-brand__text-link { display: inline-flex; align-items: center; flex: 0 0 auto; width: auto; max-width: 100%; margin: 0; padding: 0; color: inherit; text-decoration: none; }
.xq-p2-brand__logo-link { width: 54px; height: 54px; }
.xq-p2-brand__logo-link img { display: block; width: 54px; height: 54px; object-fit: contain; border-radius: 12px; background: #fff; }
.xq-p2-brand__text-link { line-height: 1.2; white-space: nowrap; }
.xq-p2-brand__logo-link:hover, .xq-p2-brand__logo-link:focus, .xq-p2-brand__text-link:hover, .xq-p2-brand__text-link:focus { color: inherit; text-decoration: none; }
.xq-p2-search { flex: 1 1 auto; min-width: 0; display: flex; align-items: stretch; border: 1px solid #cbd5e1; border-radius: 5px; overflow: visible; background: #fff; box-shadow: 0 4px 14px rgba(15, 23, 42, .05); }
.xq-p2-search select, .xq-p2-search input { height: 46px; border: 0; outline: 0; padding: 0 14px; background: #fff; min-width: 0; }
.xq-p2-search select { flex: 0 0 auto; width: auto; min-width: 150px; max-width: calc(100% - 205px); border-right: 1px solid var(--xq-border); white-space: nowrap; }
.xq-p2-search input { flex: 1 1 220px; width: 0; min-width: 110px; }
.xq-p2-search button { flex: 0 0 auto; border: 0; padding: 0 24px; color: #fff; background: var(--xq-blue); font-weight: 700; cursor: pointer; }
.xq-p2-category-dropdown { position: relative; flex: 0 0 var(--xq-shared-category-width, 150px); width: var(--xq-shared-category-width, 150px); min-width: 150px; max-width: calc(100% - 205px); border-right: 1px solid var(--xq-border); background: #fff; }
.xq-p2-category-dropdown::after { content: ""; position: absolute; top: 0; right: -1px; bottom: 0; width: 1px; background: var(--xq-header-search-border, #cbd5e1); z-index: 4; pointer-events: none; }
.xq-p2-category-trigger { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 46px; border: 0; border-radius: 4px 0 0 4px; padding: 0 38px 0 14px; background: #fff; color: #1f2937; font: inherit; font-weight: 400; text-align: left; white-space: nowrap; cursor: pointer; overflow: hidden; }
.xq-p2-category-trigger > span:first-child { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xq-p2-category-arrow { position: absolute; right: 14px; top: 50%; width: 8px; height: 8px; border-right: 2px solid #64748b; border-bottom: 2px solid #64748b; transform: translateY(-65%) rotate(45deg); pointer-events: none; }
.xq-p2-category-dropdown.is-open .xq-p2-category-arrow { transform: translateY(-35%) rotate(-135deg); }
.xq-p2-category-menu { display: none; position: absolute; top: calc(100% + 1px); left: -1px; width: calc(100% + 1px); max-height: 360px; overflow-y: auto; overflow-x: hidden; z-index: 1060; padding: 2px 0; background: #fff; border: 1px solid #cbd5e1; border-radius: 0 0 5px 5px; box-shadow: 0 10px 24px rgba(15,23,42,.16); }
.xq-p2-category-dropdown.is-open .xq-p2-category-menu { display: block; }
.xq-p2-category-option { display: block; width: 100%; min-height: 34px; border: 0; padding: 6px 14px; background: #fff; color: #1f2937; font: inherit; text-align: left; white-space: nowrap; cursor: pointer; }
.xq-p2-category-option:hover, .xq-p2-category-option:focus { background: #1677ff; color: #fff; outline: none; }
.xq-p2-menu-toggle { display: none; border: 0; border-radius: 5px; padding: 8px 12px; background: var(--xq-blue); color: #fff; font-size: 20px; }
.xq-p2-nav { background: var(--xq-blue); box-shadow: none; }
.xq-p2-nav__inner { min-height: 48px; display: flex; align-items: stretch; overflow-x: auto; }
.xq-p2-nav a { color: #fff; text-decoration: none; padding: 14px 18px; white-space: nowrap; font-weight: 700; }
.xq-p2-nav a:hover, .xq-p2-nav a.active { background: rgba(0, 0, 0, .15); }
.xq-p2-hero { background: linear-gradient(135deg, #ffffff, #edf4ff); border: 1px solid #dce8fb; border-radius: 18px; padding: 34px; box-shadow: var(--xq-shadow); display: grid; grid-template-columns: 1fr 330px; gap: 32px; align-items: center; }
.xq-p2-hero h1 { color: #102a56; font-size: clamp(28px, 4vw, 42px); font-weight: 800; line-height: 1.2; margin: 8px 0 14px; }
.xq-page-hero h1 { color: #102a56; font-weight: 800; line-height: 1.2; margin: 8px 0 14px; }
.xq-p2-hero p, .xq-page-hero p { color: var(--xq-muted); font-size: 16px; line-height: 1.8; margin: 0; }
.xq-p2-eyebrow { color: var(--xq-blue); font-weight: 800; letter-spacing: .06em; }
.xq-p2-hero__actions { display: flex; gap: 12px; margin-top: 22px; }
.xq-p2-hero__note { padding: 24px; border-radius: 16px; background: #14213d; color: #e2e8f0; display: flex; flex-direction: column; gap: 10px; line-height: 1.7; }
.xq-p2-hero__note strong { color: #fff; font-size: 18px; }
.xq-section, .xq-content-page { background: var(--xq-card); border: 1px solid var(--xq-border); border-radius: 16px; box-shadow: var(--xq-shadow); padding: 24px; margin-top: 20px; }
.xq-section__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.xq-section__head h1, .xq-section__head h2, .xq-section h2 { margin: 0; font-weight: 800; color: #1e3a5f; font-size: 22px; }
.xq-section__head p { margin: 6px 0 0; color: var(--xq-muted); }
.xq-section__head > a { white-space: nowrap; }
.xq-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.xq-product-card { border: 1px solid var(--xq-border); border-radius: 14px; background: #fff; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; display: flex; flex-direction: column; min-width: 0; }
.xq-product-card:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(15, 23, 42, .12); }
.xq-product-card__image { display: block; aspect-ratio: 16 / 10; background: #f8fafc; overflow: hidden; }
.xq-product-card__image img { width: 100%; height: 100%; object-fit: cover; }
.xq-product-card__body { padding: 15px; display: flex; flex-direction: column; flex: 1; }
.xq-product-card__title { color: #172554; font-weight: 800; font-size: 16px; line-height: 1.45; text-decoration: none; min-height: 46px; }
.xq-product-card__body p { color: var(--xq-muted); margin: 8px 0 10px; line-height: 1.55; min-height: 42px; }
.xq-product-card__badges { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.xq-product-card__bottom { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.xq-product-card__bottom strong { color: #e11d48; font-size: 20px; }
.xq-page-hero { background: linear-gradient(135deg, #fff, #eef5ff); border: 1px solid #dce8fb; border-radius: 16px; padding: 28px; box-shadow: var(--xq-shadow); }
.xq-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--xq-muted); font-size: 14px; }
.xq-breadcrumb--page { margin-bottom: 16px; }
.xq-breadcrumb--global { min-height: 30px; margin: 0 0 14px; padding: 0 2px; line-height: 1.55; overflow-wrap: anywhere; }
.xq-breadcrumb--global .xq-breadcrumb__link { color: #475569; text-decoration: none !important; transition: color .16s ease; }
.xq-breadcrumb--global .xq-breadcrumb__link:hover,
.xq-breadcrumb--global .xq-breadcrumb__link:focus-visible { color: #f97316; text-decoration: none !important; }
.xq-breadcrumb--global .xq-breadcrumb__separator { color: #94a3b8; user-select: none; }
.xq-breadcrumb--global .xq-breadcrumb__current { color: #334155; font-weight: 700; }
.xq-topic-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.xq-topic-grid--large { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.xq-topic-card { background: #fff; border: 1px solid var(--xq-border); border-radius: 14px; overflow: hidden; text-decoration: none; color: var(--xq-text); display: grid; grid-template-columns: 110px 1fr; min-height: 110px; }
.xq-topic-card img { width: 110px; height: 100%; object-fit: cover; background: #f8fafc; }
.xq-topic-card div { padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.xq-topic-card strong { color: #173c72; line-height: 1.45; }
.xq-topic-card span { color: var(--xq-muted); line-height: 1.55; }
.xq-article-list-compact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 22px; }
.xq-article-list-compact a { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px dashed var(--xq-border); text-decoration: none; }
.xq-article-list-compact span { color: var(--xq-muted); white-space: nowrap; }
.xq-product-detail { display: grid; grid-template-columns: minmax(300px, 44%) 1fr; gap: 28px; background: #fff; border: 1px solid var(--xq-border); border-radius: 18px; padding: 28px; box-shadow: var(--xq-shadow); }
.xq-product-detail__image img { width: 100%; max-height: 520px; object-fit: contain; border-radius: 14px; background: #f8fafc; }
.xq-product-detail__info h1 { color: #172554; font-size: 30px; font-weight: 800; line-height: 1.35; }
.xq-product-detail__desc { color: var(--xq-muted); line-height: 1.75; }
.xq-product-detail__meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.xq-product-detail__meta span { border-radius: 999px; padding: 7px 12px; background: #eef5ff; color: #245a9b; }
.xq-product-detail__price { font-size: 34px; color: #e11d48; font-weight: 800; margin: 14px 0; }
.xq-spec-list { border-top: 1px solid var(--xq-border); border-bottom: 1px solid var(--xq-border); padding: 14px 0; margin: 12px 0 18px; }
.xq-spec-list h2 { font-size: 18px; margin-bottom: 10px; }
.xq-spec-row { display: grid; grid-template-columns: 1fr auto auto; gap: 18px; align-items: center; padding: 9px 0; border-bottom: 1px dashed var(--xq-border); }
.xq-spec-row:last-child { border-bottom: 0; }
.xq-spec-row em { color: var(--xq-muted); font-style: normal; }
.xq-p2-readonly-alert { line-height: 1.65; }
.xq-richtext { line-height: 1.85; overflow-wrap: anywhere; }
.xq-richtext img { max-width: 100%; height: auto; }
.xq-richtext table { max-width: 100%; display: block; overflow-x: auto; }
.xq-faq-list details { border: 1px solid var(--xq-border); border-radius: 10px; padding: 13px 16px; margin-bottom: 10px; }
.xq-faq-list summary { font-weight: 800; cursor: pointer; }
.xq-faq-list details div { padding-top: 10px; line-height: 1.7; color: #475569; }
.xq-content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start; }
.xq-content-layout__main { min-width: 0; }
.xq-content-layout__side { position: sticky; top: 16px; display: flex; flex-direction: column; gap: 8px; }
.xq-content-layout__side h2 { font-size: 18px; margin-bottom: 6px; }
.xq-content-layout__side a { color: #334155; padding: 8px 10px; border-radius: 8px; text-decoration: none; }
.xq-content-layout__side a:hover, .xq-content-layout__side a.active { background: #eef5ff; color: var(--xq-blue); }
.xq-article-search { display: flex; gap: 10px; margin-bottom: 18px; }
.xq-article-search input { flex: 1; border: 1px solid #cbd5e1; border-radius: 8px; padding: 9px 12px; }
.xq-article-grid { display: grid; gap: 14px; }
.xq-article-card { border: 1px solid var(--xq-border); border-radius: 13px; overflow: hidden; display: grid; grid-template-columns: 190px 1fr; min-height: 140px; }
.xq-article-card__image img { width: 190px; height: 100%; object-fit: cover; }
.xq-article-card > div { padding: 16px; }
.xq-article-card__title { color: #173c72; font-size: 18px; font-weight: 800; text-decoration: none; }
.xq-article-card p { color: var(--xq-muted); line-height: 1.6; margin: 8px 0; }
.xq-article-card span, .xq-content-page__updated { color: #94a3b8; font-size: 13px; }
.xq-content-page h1 { font-size: 32px; font-weight: 800; color: #172554; }
.xq-content-page__header { text-align:center; margin:0 0 22px; padding:0 0 18px; border-bottom:1px solid var(--xq-border); }
.xq-content-page__header h1 { margin:0; text-align:center; }
.xq-content-page__updated { margin:10px 0 0; text-align:center; }
.xq-article-hero-image { width: 100%; max-height: 480px; object-fit: cover; border-radius: 12px; margin-bottom: 22px; }
.xq-auth-shell { max-width: 500px; margin: 30px auto; }
.xq-auth-card { background: #fff; border: 1px solid var(--xq-border); border-radius: 18px; box-shadow: var(--xq-shadow); padding: 30px; }
.xq-auth-card h1 { color: #172554; font-weight: 800; }
.xq-auth-card > p { color: var(--xq-muted); line-height: 1.65; }
.xq-check { display: block; margin: 6px 0 15px; }
.xq-auth-links { display: flex; justify-content: space-between; margin-top: 16px; }
.xq-user-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.xq-user-summary > div { background: #fff; border: 1px solid var(--xq-border); border-radius: 14px; padding: 18px; box-shadow: var(--xq-shadow); display: flex; flex-direction: column; gap: 8px; }
.xq-user-summary span { color: var(--xq-muted); }
.xq-user-summary strong { color: #172554; font-size: 18px; overflow-wrap: anywhere; }
.xq-user-table { min-width: 900px; }
.xq-pagination { margin: 22px 0 2px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.xq-pagination a, .xq-pagination span { border: 1px solid var(--xq-border); background: #fff; border-radius: 8px; padding: 7px 12px; text-decoration: none; }
.xq-pagination .disabled { color: #94a3b8; background: #f8fafc; }
.xq-empty { grid-column: 1 / -1; padding: 34px; border: 1px dashed #cbd5e1; border-radius: 12px; text-align: center; color: var(--xq-muted); background: #f8fafc; }
.xq-sitemap-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.xq-sitemap-grid section { display: flex; flex-direction: column; gap: 8px; }
.xq-p2-footer { background: #202833; color: #cbd5e1; margin-top: 0; padding: 14px 0 0; border-top: 1px dashed rgba(255,255,255,.18); }
.xq-footer-shell { max-width: 1420px; }
.xq-footer-main { display: grid; grid-template-columns: minmax(310px,1.8fr) repeat(3,minmax(120px,.78fr)) minmax(300px,1.35fr); gap: 34px; align-items: start; padding: 0 0 20px; }
.xq-p2-footer h3 { color: #fff; font-size: 16px; line-height: 1.2; font-weight: 800; margin: 0 0 14px; }
.xq-p2-footer__brand { color: #fff; font-size: 24px; line-height: 1.2; font-weight: 800; margin-bottom: 10px; }
.xq-footer-brand__description { color: #cbd5e1; line-height: 1.75; margin: 0; max-width: 470px; }
.xq-footer-links { min-width: 0; }
.xq-footer-links a { display: block; width: fit-content; max-width: 100%; color: #dce4ef; text-decoration: none; line-height: 1.45; margin: 0 0 10px; overflow-wrap: anywhere; transition: color .18s ease; }
.xq-footer-links a:hover { color: #fff; }
.xq-footer-channels { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: 18px; }
.xq-footer-channel { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; color: #dce4ef; text-decoration: none; border: 1px solid rgba(255,255,255,.13); border-radius: 7px; padding: 6px 10px; background: rgba(255,255,255,.035); transition: background .18s ease,border-color .18s ease,color .18s ease; }
.xq-footer-channel:hover { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.xq-footer-channel__icon { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; flex: 0 0 18px; font-size: 18px; line-height: 1; }
.xq-footer-channel__icon i { font-size: 18px; line-height: 1; }
.xq-footer-channel__x { color: #fff; font-size: 16px; font-weight: 900; line-height: 1; }
.xq-footer-channel__label { font-size: 13px; line-height: 1; white-space: nowrap; }
.xq-footer-contact { border: 1px solid rgba(255,255,255,.13); border-radius: 6px; background: rgba(255,255,255,.045); min-height: 148px; padding: 14px 16px; text-align: center; }
.xq-footer-contact__inner { width:min(100%,240px); margin:0 auto; }
.xq-footer-contact__title { width:100%; color:#fff; font-size:15px; font-weight:800; line-height:1.5; white-space:nowrap; }
.xq-footer-contact__title a { color:#fff; text-decoration:none; }
.xq-footer-contact__names { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px; margin-top:10px; color:#dce4ef; font-size:13px; }
.xq-footer-contact__names a { color:#dce4ef; text-decoration:none; }
.xq-footer-contact__names a:hover { color:#fff; }
.xq-footer-contact__names b { color:#8491a3; font-weight:400; }
.xq-footer-contact__qrs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; align-items:center; gap:8px; margin-top:10px; overflow:visible; }
.xq-footer-contact__qrs>a,.xq-footer-contact__qrs>span { position:relative; display:block; width:100%; min-width:0; z-index:1; }
.xq-footer-contact__qrs img.xq-footer-contact__qr-thumb { display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:contain; border-radius:5px; background:#fff; padding:2px; box-sizing:border-box; }
.xq-p2-footer__bottom { border-top: 1px solid rgba(255,255,255,.14); color: #aebaca; padding: 15px 0 16px; text-align: left; font-size: 13px; line-height: 1.6; }

@media (max-width: 1199.98px) {
    .xq-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .xq-p2-hero { grid-template-columns: 1fr 280px; }
}
@media (max-width: 991.98px) {
    .xq-p2-brand-row { min-height: 76px; }
    .xq-p2-brand { min-width: 0; font-size: 18px; }
    .xq-p2-brand__logo-link { width: 44px; height: 44px; }
    .xq-p2-brand__logo-link img { width: 44px; height: 44px; }
    .xq-p2-search { display: none; }
    .xq-p2-menu-toggle { display: block; margin-left: auto; }
    .xq-p2-nav { display: none; }
    .xq-p2-nav.is-open { display: block; }
    .xq-p2-nav__inner { flex-direction: column; padding: 6px 15px; }
    .xq-p2-nav a { padding: 11px 12px; }
    .xq-p2-hero { grid-template-columns: 1fr; }
    .xq-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xq-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xq-content-layout { grid-template-columns: 1fr; }
    .xq-content-layout__side { position: static; }
    .xq-product-detail { grid-template-columns: 1fr; }
    .xq-user-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xq-footer-main { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .xq-footer-brand { grid-column: span 2; }
    .xq-footer-contact { grid-column: span 2; }
}
@media (max-width: 575.98px) {
    .xq-p2-topbar__inner { align-items: flex-start; padding-top: 8px; padding-bottom: 8px; }
    .xq-p2-topbar__inner > span { display: none; }
    .xq-p2-top-actions { width: 100%; justify-content: flex-end; gap: 12px; }
    .xq-p2-main { padding-top: 12px; padding-bottom: 10px; }
    .xq-p2-hero, .xq-page-hero, .xq-section, .xq-content-page, .xq-product-detail { padding: 18px; border-radius: 13px; }
    .xq-p2-hero h1 { font-size: 27px; }
    .xq-p2-hero__actions { flex-direction: column; }
    .xq-product-grid { grid-template-columns: 1fr; }
    .xq-topic-grid, .xq-topic-grid--large, .xq-sitemap-grid { grid-template-columns: 1fr; }
    .xq-topic-card { grid-template-columns: 90px 1fr; }
    .xq-topic-card img { width: 90px; }
    .xq-article-list-compact { grid-template-columns: 1fr; }
    .xq-article-card { grid-template-columns: 1fr; }
    .xq-article-card__image img { width: 100%; height: 190px; }
    .xq-user-summary { grid-template-columns: 1fr; }
    .xq-footer-main { grid-template-columns: 1fr; gap: 22px; }
    .xq-footer-brand, .xq-footer-contact { grid-column: auto; }
    .xq-footer-contact { text-align: left; }
    .xq-footer-contact__names, .xq-footer-contact__qrs { justify-content: flex-start; }
    .xq-p2-footer__bottom { text-align: center; }
    .xq-auth-links { flex-direction: column; gap: 10px; }
    .xq-spec-row { grid-template-columns: 1fr auto; }
    .xq-spec-row em { grid-column: 1 / -1; }
}


/* P3 checkout, cart and order */
.xq-checkout-form { margin-top: 22px; }
.xq-form-block { margin-bottom: 18px; }
.xq-spec-options { display: grid; gap: 10px; }
.xq-spec-option { display: grid; grid-template-columns: 22px 1fr auto auto; gap: 10px; align-items: center; border: 1px solid #dbe3ef; border-radius: 10px; padding: 12px; cursor: pointer; }
.xq-spec-option:has(input:checked) { border-color: #1d4ed8; background: #eff6ff; }
.xq-spec-option em { color: #475569; font-style: normal; font-size: 13px; }
.xq-payment-preview { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0; padding: 12px; background: #f8fafc; border-radius: 10px; }
.xq-payment-preview span { background: #fff; border: 1px solid #dbe3ef; border-radius: 999px; padding: 5px 10px; }
.xq-payment-preview em { color: #b45309; }
.xq-cart-badge { display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 999px; background: #ef4444; color: white; font-size: 12px; }
.xq-cart-list { display: grid; gap: 12px; }
.xq-cart-row { display: grid; grid-template-columns: 72px minmax(220px,1fr) 180px 130px auto; gap: 14px; align-items: center; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; }
.xq-cart-row img { width: 72px; height: 72px; object-fit: cover; border-radius: 9px; }
.xq-cart-row small, .xq-cart-row span, .xq-cart-price small { display: block; color: #475569; margin-top: 4px; }
.xq-cart-qty { display: flex; gap: 6px; }.xq-cart-qty input { width: 80px; }
.xq-cart-price { font-weight: 800; color: #b91c1c; }
.xq-cart-checkout { display: grid; grid-template-columns: 280px 1fr; gap: 24px; margin-top: 24px; }
.xq-cart-summary { background: #f8fafc; border-radius: 12px; padding: 18px; }.xq-cart-summary span { display: flex; justify-content: space-between; margin-bottom: 10px; }.xq-cart-summary .total { border-top: 1px solid #cbd5e1; padding-top: 12px; font-size: 18px; }
.xq-order-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.xq-order-grid div { background: #f8fafc; padding: 14px; border-radius: 10px; }.xq-order-grid dt { color: #475569; font-size: 13px; }.xq-order-grid dd { margin: 5px 0 0; font-weight: 700; word-break: break-all; }
@media(max-width:991.98px){.xq-cart-row{grid-template-columns:60px 1fr}.xq-cart-row img{width:60px;height:60px}.xq-cart-qty,.xq-cart-price,.xq-cart-row>form:last-child{grid-column:2}.xq-cart-checkout{grid-template-columns:1fr}.xq-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.xq-spec-option{grid-template-columns:20px 1fr auto}.xq-spec-option em{grid-column:2/-1}.xq-order-grid{grid-template-columns:1fr}}

/* P24.8.9: frontend-wide text-link interaction language.
 * All frontend hyperlinks stay underline-free; ordinary text/title/category links turn orange on hover/focus.
 * Button-like links keep their own component colors. */
:root{--xq-link-hover:#f97316}
/* RC1.25-p7.2: classic product-title links have their own administrator-controlled hover color; exclude them from the generic orange link-hover language. */
.xq-p2-body a,
.xq-p2-body a:hover,
.xq-p2-body a:focus,
.xq-p2-body a:active{text-decoration:none!important}
.xq-p2-body a:not(.xq-classic-product-title-link):not(.xq-p2-brand__logo-link):not(.xq-p2-brand__text-link):not(.btn):not([class*="btn"]):not([class*="button"]):not([role="button"]):hover,
.xq-p2-body a:not(.xq-classic-product-title-link):not(.xq-p2-brand__logo-link):not(.xq-p2-brand__text-link):not(.btn):not([class*="btn"]):not([class*="button"]):not([role="button"]):focus-visible{color:var(--xq-link-hover)!important;text-decoration:none!important}
.xq-p2-body a:not(.xq-classic-product-title-link):not(.xq-p2-brand__logo-link):not(.xq-p2-brand__text-link):not(.btn):not([class*="btn"]):not([class*="button"]):not([role="button"]):hover [class*="title"],
.xq-p2-body a:not(.xq-classic-product-title-link):not(.xq-p2-brand__logo-link):not(.xq-p2-brand__text-link):not(.btn):not([class*="btn"]):not([class*="button"]):not([role="button"]):focus-visible [class*="title"],
.xq-p2-body a:not(.xq-classic-product-title-link):not(.xq-p2-brand__logo-link):not(.xq-p2-brand__text-link):not(.btn):not([class*="btn"]):not([class*="button"]):not([role="button"]):hover>strong,
.xq-p2-body a:not(.xq-classic-product-title-link):not(.xq-p2-brand__logo-link):not(.xq-p2-brand__text-link):not(.btn):not([class*="btn"]):not([class*="button"]):not([role="button"]):focus-visible>strong{color:var(--xq-link-hover)!important;text-decoration:none!important}


/* P24.8.10: unified product list status labels + frontend pagination + footer media interactions. */
.xq-product-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;padding-top:14px}
.xq-product-status{display:flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:8px 10px;border-radius:5px;color:#fff;font-size:13px;font-weight:800;line-height:1.25;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xq-product-status--delivery{background:#34c38f}.xq-product-status--stock{background:#3b82f6}.xq-product-status--stock-empty{background:#111827}.xq-product-status--price{background:#ff6b6b}.xq-product-status--discount{background:#f4b400}.xq-product-status--regular{background:#94a3b8}
.xq-product-card__body{gap:0}.xq-product-card__body p{margin-bottom:0}.xq-product-card__title:hover,.xq-product-card__title:focus-visible{color:#f97316!important}
.xq-list-pager-wrap{margin-top:34px;padding:18px 0 4px;border-top:1px solid rgba(15,23,42,.05)}
.xq-list-pagination-nav{display:flex;flex-direction:column;align-items:center;gap:11px}
.xq-list-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.xq-list-pagination__item{margin:0}
.xq-list-pagination__control,.xq-list-pagination__page{display:inline-flex;align-items:center;justify-content:center;height:42px;border:1px solid #e1e6ef;border-radius:5px;background:#fff;color:#172033;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.xq-list-pagination__control{min-width:72px;padding:0 14px}.xq-list-pagination__page{min-width:42px;padding:0 12px}
.xq-list-pagination__item:not(.is-disabled):not(.is-active) a:hover,.xq-list-pagination__item:not(.is-disabled):not(.is-active) a:focus-visible{border-color:#3b82f6;color:#3b82f6!important;box-shadow:0 6px 18px rgba(59,130,246,.10)}
.xq-list-pagination__item.is-active .xq-list-pagination__page{border-color:#0d6efd;background:#0d6efd;color:#fff!important;box-shadow:0 6px 16px rgba(13,110,253,.18)}
.xq-list-pagination__item.is-disabled>span,.xq-list-pagination__item.is-ellipsis>span{color:#9aa7b7;background:#f8fafc;cursor:default}
.xq-list-pagination__meta{color:#667085;font-size:13px;line-height:1.6;text-align:center}
.xq-footer-channels{gap:14px;margin-top:18px;align-items:center}
.xq-footer-channel{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#dce4ef;text-decoration:none;transition:transform .18s ease,opacity .18s ease,color .18s ease}
.xq-footer-channel:hover,.xq-footer-channel:focus-visible{background:transparent;border:0;color:#fff!important;transform:translateY(-2px);opacity:.88}
.xq-footer-channel__icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;flex:0 0 22px;font-size:19px;line-height:1}
.xq-footer-channel__icon i{font-size:19px;line-height:1}.xq-footer-channel__icon img{display:block;width:22px;height:22px;object-fit:contain;background:transparent;border:0;border-radius:0}
.xq-footer-channel__x{font-size:17px}.xq-footer-channel__label{display:none!important}
.xq-footer-contact__qrs{overflow:visible}.xq-footer-contact__qrs>a,.xq-footer-contact__qrs>span{position:relative;display:block;width:100%;min-width:0;z-index:1}
.xq-footer-contact__qrs img{position:relative;z-index:1;cursor:zoom-in;transform-origin:center center;transition:transform .18s ease,box-shadow .18s ease;will-change:transform}
.xq-footer-contact__qrs img:hover,.xq-footer-contact__qrs img:focus{z-index:30;transform:scale(2.35);box-shadow:0 12px 34px rgba(0,0,0,.38)}
@media(max-width:575.98px){.xq-product-status{font-size:12px;padding:7px 6px}.xq-list-pager-wrap{margin-top:26px}.xq-list-pagination{gap:7px}.xq-list-pagination__control{min-width:64px;padding:0 10px}.xq-list-pagination__control,.xq-list-pagination__page{height:39px}.xq-footer-contact__qrs img:hover,.xq-footer-contact__qrs img:focus{transform:scale(1.75)}}

/* P24.8.11: unify search product lists, clamp product summaries, topic index cards,
 * upward footer QR preview, tighter footer columns, and content-detail media cleanup. */
.xq-product-card__body p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:48px;
    max-height:48px;
    line-height:24px;
}
.xq-search-product-section{margin-top:0}
.xq-search-product-section .xq-list-pager-wrap{margin-bottom:0}

.xq-topic-grid--large{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xq-topic-card--index{
    display:flex;
    flex-direction:column;
    min-height:0;
    overflow:hidden;
    border:1px solid var(--xq-border);
    border-radius:14px;
    background:#fff;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.xq-topic-card--index:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,23,42,.12);border-color:rgba(249,115,22,.22)}
.xq-topic-card--index .xq-topic-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#f8fafc}
.xq-topic-card--index .xq-topic-card__media img{display:block;width:100%;height:100%;object-fit:cover;background:#f8fafc}
.xq-topic-card--index .xq-topic-card__body{display:flex;flex-direction:column;gap:8px;padding:15px 16px 17px;min-width:0}
.xq-topic-card--index .xq-topic-card__title{color:#172554;font-size:16px;font-weight:800;line-height:1.45;text-decoration:none}
.xq-topic-card--index:hover .xq-topic-card__title,.xq-topic-card--index .xq-topic-card__title:hover,.xq-topic-card--index .xq-topic-card__title:focus-visible{color:var(--xq-link-hover)!important}
.xq-topic-card--index p{margin:0;color:var(--xq-muted);line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:46px}

.xq-footer-main{grid-template-columns:minmax(400px,2.35fr) repeat(3,minmax(105px,.62fr)) minmax(300px,1.4fr);gap:20px}
.xq-footer-brand__description{max-width:590px}
.xq-footer-contact__qrs{overflow:visible}
.xq-footer-contact__qr-item{position:relative;display:block;z-index:1;overflow:visible}
.xq-footer-contact__qr-thumb{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:contain!important;border-radius:5px!important;background:#fff!important;padding:2px!important;box-sizing:border-box!important;cursor:zoom-in;transform:none!important;box-shadow:none!important}
.xq-footer-contact__qr-preview{position:absolute;left:50%;bottom:calc(100% + 12px);z-index:50;display:block;width:150px;height:150px;padding:7px;border-radius:8px;background:#fff;box-shadow:0 14px 36px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px) scale(.96);transform-origin:center bottom;transition:opacity .16s ease,visibility .16s ease,transform .16s ease}
.xq-footer-contact__qr-preview::after{content:"";position:absolute;left:50%;top:100%;margin-left:-7px;border:7px solid transparent;border-top-color:#fff}
.xq-footer-contact__qr-preview img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:3px!important;background:#fff!important;padding:0!important;transform:none!important;box-shadow:none!important}
.xq-footer-contact__qr-item:hover,.xq-footer-contact__qr-item:focus-visible{z-index:60}
.xq-footer-contact__qr-item:hover .xq-footer-contact__qr-preview,.xq-footer-contact__qr-item:focus-visible .xq-footer-contact__qr-preview{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}

@media(max-width:1199.98px){
    .xq-footer-main{grid-template-columns:minmax(320px,1.8fr) repeat(2,minmax(120px,.75fr));gap:22px}
    .xq-footer-contact{grid-column:span 2}
}
@media(max-width:991.98px){
    .xq-topic-grid--large{grid-template-columns:repeat(2,minmax(0,1fr))}
    .xq-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
    .xq-footer-brand,.xq-footer-contact{grid-column:span 2}
}
@media(max-width:575.98px){
    .xq-topic-grid--large{grid-template-columns:1fr}
    .xq-product-card__body p{min-height:44px;max-height:44px;line-height:22px}
    .xq-footer-main{grid-template-columns:1fr;gap:20px}
    .xq-footer-brand,.xq-footer-contact{grid-column:auto}
    .xq-footer-contact__qr-preview{left:0;right:auto;transform:translate(0,8px) scale(.96)}
    .xq-footer-contact__qr-item:hover .xq-footer-contact__qr-preview,.xq-footer-contact__qr-item:focus-visible .xq-footer-contact__qr-preview{transform:translate(0,0) scale(1)}
    .xq-footer-contact__qr-preview::after{left:28px}
}


/* P24.8.11 article related recommendations: 6 products + 6 articles in 3x2 desktop grids. */
.xq-article-related-section{margin-top:22px}
.xq-article-related-product-grid,.xq-related-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xq-article-related-product-grid .xq-product-card{height:100%}
.xq-related-article-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--xq-border);border-radius:14px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.xq-related-article-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,23,42,.12);border-color:rgba(249,115,22,.22)}
.xq-related-article-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#f8fafc}
.xq-related-article-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.xq-related-article-card__body{display:flex;flex:1;flex-direction:column;min-width:0;padding:14px 15px 15px}
.xq-related-article-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#172554;font-size:16px;font-weight:800;line-height:1.48;text-decoration:none;min-height:47px}
.xq-related-article-card__title:hover,.xq-related-article-card__title:focus-visible{color:var(--xq-link-hover)!important}
.xq-related-article-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:8px 0 10px;color:var(--xq-muted);line-height:1.6;min-height:45px}
.xq-related-article-card time{margin-top:auto;color:#94a3b8;font-size:13px}
@media(max-width:991.98px){.xq-article-related-product-grid,.xq-related-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.xq-article-related-product-grid,.xq-related-article-grid{grid-template-columns:1fr}}
@media (max-width: 767.98px) {
    .xq-breadcrumb--global { margin-bottom: 10px; gap: 6px; font-size: 13px; }
}



/* P24.8.17: one product-status language across list/search/topic/article/product recommendations. */
.xq-product-meta-badge{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    border:0;
    border-radius:5px;
    color:#fff!important;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:anywhere;
    box-sizing:border-box;
    text-decoration:none!important;
}
.xq-product-status.xq-product-meta-badge{min-height:36px;padding:8px 10px;font-size:13px}
.xq-product-status-grid--compact{gap:4px;margin-top:4px;padding-top:0}
.xq-product-status-grid--compact .xq-product-status.xq-product-meta-badge{min-height:22px;padding:3px 5px;font-size:10px;line-height:1.15}
.xq-recommend-badge.xq-product-meta-badge{width:auto!important;min-width:max-content!important;height:24px;padding:0 6px;font-size:12px;font-weight:700;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.xq-product-meta-badge--auto{background:#34c38f!important}
.xq-product-meta-badge--manual{background:#8b5cf6!important}
.xq-product-meta-badge--stock{background:#3b82f6!important}
.xq-product-meta-badge--stock-empty{background:#111827!important}
.xq-product-meta-badge--price{background:#ff6b6b!important}
.xq-product-meta-badge--discount{background:#f4b400!important}
.xq-product-meta-badge--regular{background:#94a3b8!important}
.xq-recommend-product-card__badges{flex-wrap:wrap!important;overflow:visible!important}
.xq-recommend-badge-slot{flex:0 0 auto!important;flex-basis:auto!important;min-width:0}
@media(max-width:575.98px){
    .xq-product-status.xq-product-meta-badge{min-height:34px;padding:7px 6px;font-size:12px}
    .xq-recommend-badge.xq-product-meta-badge{height:24px;padding:0 5px;font-size:12px}
}


/* P24.8.18: product-meta manual processing uses purple so it cannot be confused with yellow discount. */
.xq-product-meta-badge--manual{background:#8b5cf6!important}

/* P24.8.21: compact mobile footer and normal content-to-footer rhythm. */
@media(max-width:575.98px){
    .xq-p2-main{
        min-height:0;
        padding-bottom:8px;
    }
    .xq-p2-footer{
        margin-top:6px;
        padding-top:14px;
    }
    .xq-footer-main{
        grid-template-columns:1fr;
        gap:14px;
        padding-bottom:14px;
    }
    .xq-footer-brand{
        padding-bottom:2px;
    }
    .xq-p2-footer__brand{
        margin-bottom:8px;
        font-size:22px;
    }
    .xq-footer-brand__description{
        max-width:none;
        line-height:1.65;
        font-size:13px;
    }
    .xq-footer-channels{
        gap:12px;
        margin-top:13px;
    }
    .xq-footer-links{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        gap:7px;
        padding-top:10px;
        border-top:1px solid rgba(255,255,255,.08);
    }
    .xq-p2-footer .xq-footer-links h3{
        flex:0 0 100%;
        margin:0 0 2px;
        font-size:15px;
    }
    .xq-footer-links a{
        display:inline-flex;
        align-items:center;
        width:auto;
        max-width:100%;
        min-height:30px;
        margin:0;
        padding:5px 8px;
        border:1px solid rgba(255,255,255,.10);
        border-radius:6px;
        background:rgba(255,255,255,.035);
        color:#dce4ef;
        font-size:12px;
        line-height:1.35;
        white-space:normal;
    }
    .xq-footer-links a:hover,.xq-footer-links a:focus-visible{
        border-color:rgba(255,255,255,.22);
        background:rgba(255,255,255,.075);
        color:#fff!important;
    }
    .xq-footer-contact{
        min-height:0;
        margin-top:0;
        padding:11px 12px;
        text-align:left;
    }
    .xq-footer-contact__title{font-size:14px}
    .xq-footer-contact__email{margin-top:2px}
    .xq-footer-contact__names{
        justify-content:flex-start;
        margin-top:7px;
        font-size:12px;
    }
    .xq-footer-contact__qrs{
        justify-content:flex-start;
        margin-top:8px;
    }
    .xq-footer-contact__qr-thumb{
        width:100%!important;
        height:auto!important;
    }
    .xq-p2-footer__bottom{
        padding:11px 0 12px;
        font-size:12px;
        line-height:1.55;
    }
}

/* RC1.25-p1: site announcement can be dismissed without adding another header row. */


/* RC1.25-p8.1: mobile 2px content edge + popup navigation menu. */
.xq-p2-header{position:relative}
@media (max-width: 991.98px) {
    .xq-p2-nav{
        display:none;
        position:absolute;
        left:auto;
        width:max-content;
        min-width:max-content;
        max-width:calc(100vw - 10px);
        z-index:1120;
        border:1px solid rgba(15,23,42,.16);
        border-radius:5px;
        box-shadow:0 12px 28px rgba(15,23,42,.22);
        overflow:hidden;
    }
    .xq-p2-nav.is-open{display:block}
    .xq-p2-nav__inner{
        width:max-content;
        min-width:max-content;
        max-width:calc(100vw - 10px);
        min-height:0;
        flex-direction:column;
        align-items:stretch;
        padding:5px;
        overflow:visible;
    }
    .xq-p2-nav a{display:block;width:100%;padding:9px 12px;white-space:nowrap}
}
@media (max-width: 767.98px) {
    .xq-p2-main.container{
        max-width:100%!important;
        padding-left:2px!important;
        padding-right:2px!important;
    }
}

/* RC1.25-p8.2: shared mobile geometry/category-selector/containment. */
.xq-mobile-category-selector{display:none}

/* Shared desktop category control sizes itself from real option text without Blade inline style. */
.xq-p2-category-dropdown{
    display:grid;
    grid-template-columns:max-content;
    flex:0 1 auto;
    width:max-content;
    min-width:150px;
    max-width:420px;
}
.xq-p2-category-sizer{
    grid-area:1/1;
    display:grid;
    width:max-content;
    height:0;
    min-height:0;
    overflow:hidden;
    visibility:hidden;
    pointer-events:none;
}
.xq-p2-category-sizer>span{
    grid-area:1/1;
    width:max-content;
    min-width:150px;
    padding:0 38px 0 14px;
    white-space:nowrap;
    font:inherit;
    font-weight:400;
}
.xq-p2-category-trigger{grid-area:1/1;width:100%}

@media (max-width:767.98px){
    :root{
        --xq-mobile-content-edge:2px;
        --xq-mobile-module-gap:5px;
    }

    html,body{max-width:100%;overflow-x:hidden}

    main.xq-p2-main.container{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        padding-left:var(--xq-mobile-content-edge)!important;
        padding-right:var(--xq-mobile-content-edge)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }
    main.xq-p2-main.container>*{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
    }

    /* Production-style mobile category selector shared by current/classic home + category pages. */
    .xq-mobile-category-selector{
        display:block;
        width:100%!important;
        max-width:100%!important;
        min-width:0;
        margin:0!important;
        position:relative;
        z-index:35;
        box-sizing:border-box;
    }
    .xq-mobile-category-dropdown{position:relative;width:100%;min-width:0}
    .xq-mobile-category-trigger{
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        min-width:0;
        height:42px;
        padding:0 38px 0 12px;
        border:1px solid #cfd8dd;
        border-radius:5px;
        background:#fff;
        color:#1f2937;
        font:inherit;
        font-size:13px;
        font-weight:400;
        line-height:40px;
        text-align:left;
        white-space:nowrap;
        cursor:pointer;
        box-sizing:border-box;
        position:relative;
    }
    .xq-mobile-category-trigger-text{
        display:block;
        min-width:0;
        max-width:100%;
        white-space:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        scrollbar-width:none;
    }
    .xq-mobile-category-trigger-text::-webkit-scrollbar{display:none}
    .xq-mobile-category-arrow{
        position:absolute;
        right:13px;
        top:50%;
        width:8px;
        height:8px;
        border-right:2px solid #64748b;
        border-bottom:2px solid #64748b;
        transform:translateY(-65%) rotate(45deg);
        pointer-events:none;
    }
    .xq-mobile-category-dropdown.is-open .xq-mobile-category-arrow{transform:translateY(-35%) rotate(-135deg)}
    .xq-mobile-category-menu{
        display:none;
        position:absolute;
        top:calc(100% + 2px);
        left:0;
        width:max(100%,max-content);
        max-width:calc(100vw - (var(--xq-mobile-content-edge) * 2));
        max-height:360px;
        overflow:auto;
        padding:2px 0;
        border:1px solid #cfd8dd;
        border-radius:5px;
        background:#fff;
        box-shadow:0 8px 20px rgba(0,0,0,.14);
        z-index:1080;
        box-sizing:border-box;
    }
    .xq-mobile-category-dropdown.is-open .xq-mobile-category-menu{display:block}
    .xq-mobile-category-option{
        display:block;
        width:max-content;
        min-width:100%;
        min-height:34px;
        padding:6px 12px;
        border:0;
        border-radius:0;
        background:#fff;
        color:#1f2937;
        font:inherit;
        font-size:13px;
        font-weight:400;
        line-height:22px;
        text-align:left;
        white-space:nowrap;
        cursor:pointer;
        box-sizing:border-box;
    }
    .xq-mobile-category-option:hover,.xq-mobile-category-option:focus-visible{
        background:#1677ff;
        color:#fff;
        outline:0;
    }

    /* All page shells use one width. Nested components may shrink, never grow the shell. */
    .xq-storefront-home,.kphyper-home-page,.classic-category-page,
    .xq-buy-page,.xq-topic-portal,.article-page,.article-inner,.article-row,.article-main,
    .article-side,#rightSidebar,#rightSidebarInner,.xq-search-page,.xq-cart-page,.xq-bill-page,
    .xq-order-search-page,.xq-order-info-page,.xq-order-detail-page,.xq-chainpay-page,
    .xq-content-page__updated,.xq-auth-shell,.xq-user-layout{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }
    .article-inner{padding-left:0!important;padding-right:0!important}
    .article-row{gap:var(--xq-mobile-module-gap)!important;align-items:stretch!important}
    .article-main,.article-side,#rightSidebar,#rightSidebarInner{flex:0 0 auto!important}
    .article-main>*,#rightSidebarInner>*{
        width:100%!important;max-width:100%!important;min-width:0!important;
        margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
    }
    .article-main>*+*{margin-top:var(--xq-mobile-module-gap)!important}

    .xq-buy-page>*,.xq-product-content-layout,.xq-product-content-main,.xq-product-content-sidebar,
    .xq-product-content-sidebar__inner,.xq-product-content-main>*,.xq-product-content-sidebar__inner>*{
        width:100%!important;max-width:100%!important;min-width:0!important;
        margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
    }
    .xq-product-content-layout{grid-template-columns:minmax(0,1fr)!important;gap:var(--xq-mobile-module-gap)!important}
    .xq-product-content-main>*+*{margin-top:var(--xq-mobile-module-gap)!important}
    .xq-product-content-sidebar__inner{
        display:grid!important;grid-template-columns:minmax(0,1fr)!important;
        gap:var(--xq-mobile-module-gap)!important;left:auto!important;
    }
    .xq-product-sidebar-card,.xq-buy-related-products,.xq-buy-faq-section,.xq-buy-faq-card-section,
    .article-card,.related-wrap,.article-search,.pager-wrap{
        width:100%!important;max-width:100%!important;min-width:0!important;
        overflow:hidden;box-sizing:border-box!important;
    }

    .xq-recommend-product-grid,.xq-buy-related-grid,.xq-article-related-product-grid,.article-product-grid,
    .xq-product-sidebar-articles,.related-grid,.post-grid,.xq-product-grid,.xq-topic-article-grid,.xq-topic-related-grid{
        width:100%!important;max-width:100%!important;min-width:0!important;
        grid-template-columns:minmax(0,1fr)!important;box-sizing:border-box!important;
    }
    .xq-recommend-product-card,.xq-product-sidebar-article,.article-product-card,.post-card,.xq-product-card,
    .related-card,.xq-topic-article-card,.xq-topic-related-card{
        width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
    }
    .xq-recommend-product-card>*,.xq-product-sidebar-article>*,.article-product-card>*,.post-card>*,
    .related-card>*,.xq-product-card>*{
        min-width:0!important;max-width:100%;box-sizing:border-box!important;
    }

    main.xq-p2-main :where(.card,.card-body,.xq-section,.xq-page-hero,.xq-faq-card,.group-section,
        .classic-category-info-card,.xq-category-related-section,.xq-topic-section,.article-card,.related-wrap,
        .article-search,.pager-wrap,.xq-buy-hero-card,.xq-buy-desc-card,.xq-cart-card,form,fieldset){
        max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
    }
    main.xq-p2-main :where(img,video,iframe,table,pre){max-width:100%;box-sizing:border-box}

    /* Classic Bootstrap outer gutters are neutralized only at module-shell level. */
    body.xq-storefront-style-classic.xq-storefront-home-page .kphyper-home-page>.xq-home-topic-panel,
    body.xq-storefront-style-classic.xq-storefront-home-page .kphyper-home-page>.xq-classic-home-group,
    body.xq-storefront-style-classic.xq-storefront-home-page .kphyper-home-page .kphyper-group-card,
    body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page>.classic-category-info-row,
    body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page>.group-section,
    body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page>.classic-category-info-card,
    body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page>.xq-faq-card,
    body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page>.xq-category-related-section{
        width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
    }
    body.xq-storefront-style-classic.xq-storefront-home-page .kphyper-home-page .kphyper-group-card>[class*="col-"],
    body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page>.classic-category-info-row>[class*="col-"]{
        width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding-left:0!important;padding-right:0!important;
    }
    body.xq-storefront-style-classic.xq-storefront-home-page .kphyper-home-page .kphyper-group-title,
    body.xq-storefront-style-classic.xq-storefront-home-page .kphyper-home-page .kphyper-group-body,
    body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page .xq-classic-category-group{
        width:100%!important;max-width:100%!important;min-width:0!important;
        margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
    }
    body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page .xq-classic-category-group{
        padding-left:0!important;padding-right:0!important;
    }

    .xq-storefront-home>*+*,.kphyper-home-page>*+*,.classic-category-page>*+*,.xq-buy-page>*+*,
    .xq-topic-portal>*+*,.xq-search-page>*+*,.xq-cart-page>*+*,.xq-bill-page>*+*,
    .xq-order-search-page>*+*,.xq-chainpay-page>*+*,.xq-content-page__updated>*+*,.xq-user-layout>*+*{
        margin-top:var(--xq-mobile-module-gap)!important;
    }
}

/* RC1.25-p8.3: desktop search divider + exact brand hit targets.
 * The brand row itself is not a link; only the icon/text anchors are clickable. */
.xq-p2-brand-row > .xq-p2-brand { cursor: default; }
.xq-p2-brand__logo-link, .xq-p2-brand__text-link { cursor: pointer; }

/* RC1.26-p4: header/content spacing authority moved to core/layout-rhythm.css.
 * Keeping the geometry in one late-loaded stylesheet prevents page/theme CSS
 * from reintroducing template-specific gaps. */

/* RC1.26-p15: desktop header geometry is centralized in components/site-header.css,
 * loaded after runtime theme CSS so global .container margins and theme border hacks
 * cannot change the 42/40/48px header geometry. */