/* V13.0.0-RC1.25-p7 — centralized storefront color system.
 * Dynamic values are emitted by the extensionless Laravel theme runtime as CSS variables.
 * This file is deliberately loaded after page-level styles so administrator
 * settings win without unsafe-inline style blocks.
 */

/* ---------- shared header ---------- */
.xq-p2-header{background:var(--xq-header-middle-bg,#fff)}
.xq-p2-topbar{background:var(--xq-header-topbar-bg,#14213d)!important;color:var(--xq-header-topbar-text,#cbd5e1)!important}
.xq-p2-top-actions a,.xq-link-button{color:var(--xq-header-topbar-link,#e2e8f0)!important}
.xq-p2-brand-row{background:var(--xq-header-middle-bg,#fff)!important}
.xq-p2-brand,.xq-p2-brand__text-link{color:var(--xq-header-brand-text,#111827)!important}
.xq-p2-search{background:var(--xq-header-search-bg,#fff)!important;border-color:var(--xq-header-search-border,#cbd5e1)!important;overflow:visible!important}
.xq-p2-search input[name="q"]{background:var(--xq-header-search-bg,#fff)!important;color:var(--xq-header-search-text,#1f2937)!important}
.xq-p2-search>button[type="submit"]{background:var(--xq-header-search-button-bg,#3688fc)!important;color:var(--xq-header-search-button-text,#fff)!important;border-radius:0 11px 11px 0}
.xq-p2-category-dropdown{background:var(--xq-header-category-bg,#fff)!important;border-right-color:var(--xq-header-search-border,#cbd5e1)!important}
.xq-p2-category-trigger,.xq-p2-category-trigger:hover,.xq-p2-category-trigger:focus,.xq-p2-category-dropdown.is-open .xq-p2-category-trigger{background:var(--xq-header-category-bg,#fff)!important;color:var(--xq-header-category-text,#1f2937)!important;box-shadow:none!important;outline:none}
.xq-p2-category-menu{background:var(--xq-header-category-bg,#fff)!important;border-color:var(--xq-header-search-border,#cbd5e1)!important}
.xq-p2-category-option{background:var(--xq-header-category-bg,#fff)!important;color:var(--xq-header-category-text,#1f2937)!important}
.xq-p2-category-option:hover,.xq-p2-category-option:focus-visible{background:var(--xq-header-category-hover-bg,#1677ff)!important;color:var(--xq-header-category-hover-text,#fff)!important;outline:none}
/* Closed/current value never receives the hover blue. Only an actual open-list row does. */
.xq-p2-category-option:active{background:var(--xq-header-category-hover-bg,#1677ff)!important;color:var(--xq-header-category-hover-text,#fff)!important}
.xq-p2-menu-toggle,.xq-p2-nav{background:var(--xq-header-nav-bg,#3688fc)!important}
.xq-p2-nav a{color:var(--xq-header-nav-text,#fff)!important}
.xq-p2-nav a:hover,.xq-p2-nav a.active{background:var(--xq-header-nav-hover-bg,#246bd1)!important;color:var(--xq-header-nav-text,#fff)!important}
.xq-p2-notice{background:var(--xq-header-notice-bg,#fff8e1)!important;color:var(--xq-header-notice-text,#725400)!important;border-bottom-color:var(--xq-header-notice-border,#f4dc8b)!important}
.xq-p2-notice__close{color:var(--xq-header-notice-close,#9a6b00)!important}

/* ---------- shared footer ---------- */
.xq-p2-footer{background:var(--xq-footer-bg,#202833)!important;color:var(--xq-footer-text,#cbd5e1)!important}
.xq-p2-footer .xq-footer-main{background:var(--xq-footer-main-bg,#202833)!important}
.xq-p2-footer h3,.xq-p2-footer__brand,.xq-footer-contact__title,.xq-footer-contact__title a{color:var(--xq-footer-heading,#fff)!important}
.xq-footer-brand__description{color:var(--xq-footer-text,#cbd5e1)!important}
.xq-footer-links a,.xq-footer-contact__names,.xq-footer-contact__names a,.xq-footer-channel{color:var(--xq-footer-link,#dce4ef)!important}
.xq-footer-links a:hover,.xq-footer-contact__names a:hover,.xq-footer-channel:hover{color:var(--xq-footer-link-hover,#fff)!important}
.xq-footer-contact{background:var(--xq-footer-contact-bg,rgba(255,255,255,.045))!important;border-color:var(--xq-footer-card-border,#414a57)!important}
/* p8.8.2: footer channels are pure icon links. Custom icon paths such as /res/logo/tel.png
 * must render their own alpha channel; never paint the legacy feature-card background behind them. */
.xq-footer-channels .xq-footer-channel{background:transparent!important;border-color:transparent!important}
.xq-footer-channels .xq-footer-channel:hover,.xq-footer-channels .xq-footer-channel:focus-visible{background:transparent!important;border-color:transparent!important}
.xq-footer-channels .xq-footer-channel__icon,.xq-footer-channels .xq-footer-channel__icon img{background:transparent!important;border:0!important}
.xq-p2-footer__bottom{background:var(--xq-footer-bg,#202833)!important;color:var(--xq-footer-bottom-text,#aebaca)!important}

/* ---------- shared content / detail / FAQ / recommendations ---------- */
body.xq-p2-body{background:var(--xq-content-page-bg,#f5f7fb);color:var(--xq-content-text,#1f2937)}
.xq-section,.xq-content-page,.xq-product-detail,.xq-auth-card,.xq-buy-hero-card,.xq-buy-desc-card,.xq-product-sidebar-card,.xq-search-article-section{background:var(--xq-content-card-bg,#fff)!important;border-color:var(--xq-content-card-border,#e2e8f0)!important}
.xq-content-page h1,.xq-product-detail__info h1,.xq-buy-title,.xq-buy-desc-head,.xq-product-sidebar-card .xq-buy-section-head>span{color:var(--xq-content-heading,#172554)!important}
.xq-content-page,.xq-buy-desc-body,.xq-product-detail__desc{color:var(--xq-content-text,#1f2937)!important}
.xq-content-page__updated,.xq-product-card__body p,.xq-buy-price-strike,.xq-product-sidebar-article__desc{color:var(--xq-content-muted,#475569)!important}
a{--xq-blue:var(--xq-content-primary,#3688fc)}
.xq-breadcrumb--global .xq-breadcrumb__link:hover,.xq-breadcrumb--global .xq-breadcrumb__link:focus-visible{color:var(--xq-content-link-hover,#f97316)!important}
.xq-buy-price-current,.xq-buy-price-current .buy-price,.xq-product-detail__price{color:var(--xq-content-price,#ff5f87)!important}
.xq-product-meta-badge--auto,.xq-recommend-badge--auto{background:var(--xq-content-badge-auto,#34c38f)!important}
.xq-product-meta-badge--manual,.xq-recommend-badge--manual{background:var(--xq-content-badge-manual,#de6d09)!important}
.xq-product-meta-badge--stock,.xq-recommend-badge--stock{background:var(--xq-content-badge-stock,#3b82f6)!important}
.xq-product-meta-badge--stock-empty,.xq-recommend-badge--stock-empty{background:var(--xq-content-badge-stock-empty,#ef4444)!important}
.xq-product-meta-badge--price,.xq-recommend-badge--price{background:var(--xq-content-badge-price,#ff6b6b)!important}
.xq-product-meta-badge--discount,.xq-recommend-badge--promo{background:var(--xq-content-badge-discount,#f4b400)!important}
.xq-product-meta-badge--regular,.xq-recommend-badge--regular{background:var(--xq-content-badge-regular,#94a3b8)!important}
.xq-product-meta-badge,.xq-recommend-badge,#xq-spec-type-badge,#xq-spec-stock-badge,#xq-rebate-badge{color:var(--xq-content-badge-text,#fff)!important}
#xq-spec-type-badge.badge-danger{background:var(--xq-content-badge-auto,#34c38f)!important}
#xq-spec-type-badge.badge-warning{background:var(--xq-content-badge-manual,#de6d09)!important}
#xq-spec-stock-badge{background:var(--xq-content-badge-stock,#3b82f6)!important}
#xq-rebate-badge{background:var(--xq-content-rebate,#f4b400)!important}
#xq-submit-order,.xq-buy-page .btn-primary,.xq-buy-actions .xq-buy-cart-checkout-btn{background:var(--xq-content-buy,#3688fc)!important;border-color:var(--xq-content-buy,#3688fc)!important;color:var(--xq-content-buy-text,#fff)!important}
#xq-submit-order:hover,#xq-submit-order:focus,.xq-buy-page .btn-primary:hover,.xq-buy-page .btn-primary:focus,.xq-buy-actions .xq-buy-cart-checkout-btn:hover,.xq-buy-actions .xq-buy-cart-checkout-btn:focus{background:var(--xq-content-buy-hover,#246bd1)!important;border-color:var(--xq-content-buy-hover,#246bd1)!important;color:var(--xq-content-buy-text,#fff)!important}
#xq-submit-order:disabled,#xq-submit-order.disabled{background:var(--xq-content-out,#919ca7)!important;border-color:var(--xq-content-out,#919ca7)!important;color:var(--xq-content-buy-text,#fff)!important}
#add-cart{background:var(--xq-content-secondary-bg,#fff)!important;border-color:var(--xq-content-secondary-text,#3688fc)!important;color:var(--xq-content-secondary-text,#3688fc)!important}
#add-cart:hover,#add-cart:focus{background:var(--xq-content-secondary-text,#3688fc)!important;border-color:var(--xq-content-secondary-text,#3688fc)!important;color:var(--xq-content-secondary-bg,#fff)!important}
.xq-buy-wholesale{background:var(--xq-content-wholesale,#2f6971)!important;border-color:var(--xq-content-wholesale,#2f6971)!important;color:var(--xq-content-wholesale-text,#fff)!important}
.xq-buy-wholesale #xq-wholesale-box,.xq-buy-wholesale #xq-wholesale-box>div,.xq-buy-wholesale #xq-wholesale-box>span{color:var(--xq-content-wholesale-text,#fff)!important}
.xq-badge-rebate,.badge-rebate,[data-rebate-badge]{background:var(--xq-content-rebate,#f4b400)!important}
.xq-spec-tag:hover{border-color:var(--xq-content-spec-active,#ff5f87)!important;color:var(--xq-content-spec-active,#ff5f87)!important}.xq-spec-tag.is-active{border-color:var(--xq-content-spec-active,#ff5f87)!important;background:var(--xq-content-spec-active,#ff5f87)!important;color:#fff!important}.xq-spec-tag.is-active .xq-spec-tag__name{color:#fff!important}
.xq-buy-inline-col--qty .bootstrap-touchspin .btn,.xq-buy-inline-col--qty .input-group .btn,.xq-buy-inline-col--qty .bootstrap-touchspin-down,.xq-buy-inline-col--qty .bootstrap-touchspin-up{background:var(--xq-content-qty-button,#2f80ed)!important;border-color:var(--xq-content-qty-button,#2f80ed)!important}

.xq-faq-card{background:var(--xq-faq-card-bg,#fff)!important}
.xq-faq-card__item,.xq-faq-document>h3,.xq-faq-document>p,.xq-faq-document>div,.xq-faq-document>ul,.xq-faq-document>ol,.xq-faq-document>table,.xq-faq-document>blockquote{background:var(--xq-faq-item-bg,#fbfcfe)!important;border-color:var(--xq-faq-border,#eef1f5)!important}
.xq-faq-card__title,.xq-faq-card__question,.xq-faq-document>h3{color:var(--xq-faq-question,#17233d)!important}
.xq-faq-card__answer,.xq-faq-document>p,.xq-faq-document>div,.xq-faq-document>ul,.xq-faq-document>ol,.xq-faq-document>table,.xq-faq-document>blockquote{color:var(--xq-faq-answer,#536171)!important}

.xq-recommend-product-card,.xq-product-sidebar-article,.related-card,.xq-category-related-card{background:var(--xq-related-card-bg,#fff)!important;border-color:var(--xq-related-card-border,#e5e8ed)!important}
.xq-recommend-product-card__title,.xq-product-sidebar-article,.xq-product-sidebar-article__title,.related-title,.xq-category-related-card strong{color:var(--xq-related-title,#26344d)!important}
.xq-product-sidebar-article:hover .xq-product-sidebar-article__title,.related-card:hover .related-title,.xq-category-related-card:hover strong{color:var(--xq-related-title-hover,#f97316)!important}

/* Category FAQ/related articles are common under both middle-layout styles. */
.xq-category-related-section{margin-top:20px;padding:20px 22px;background:var(--xq-content-card-bg,#fff);border:1px solid var(--xq-content-card-border,#e2e8f0);border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.xq-category-related-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.xq-category-related-head h2{margin:0;color:var(--xq-content-heading,#172554);font-size:20px;font-weight:800}
.xq-category-related-head>a{color:var(--xq-content-primary,#3688fc);text-decoration:none;font-weight:700}
.xq-category-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.xq-category-related-card{display:flex;flex-direction:column;gap:7px;padding:13px 14px;border:1px solid;border-radius:9px;text-decoration:none;min-width:0}
.xq-category-related-card strong{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.xq-category-related-card span{color:var(--xq-content-muted,#475569);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.xq-category-related-card time{color:var(--xq-content-muted,#475569);font-size:12px}
.xq-category-related-card:hover{text-decoration:none;border-color:var(--xq-content-primary,#3688fc)!important}

/* ---------- current portal homepage/category middle ---------- */
body.xq-storefront-style-current.xq-storefront-home-page,body.xq-storefront-style-current.xq-storefront-category-page{background:var(--xq-portal-page-bg,#f5f7fb)!important}
/* RC1.25-p8.8.5: optional portal full-screen top-to-bottom background gradient.
 * Extra body-class specificity intentionally wins over the flat home/category
 * background only while the administrator switch is enabled. */
body.xq-p2-body.xq-storefront-style-current.xq-portal-gradient-enabled{
    min-height:100vh;
    background-color:var(--xq-portal-gradient-end,#fff)!important;
    background-image:linear-gradient(180deg,var(--xq-portal-gradient-start,#dbeafe) 0%,var(--xq-portal-gradient-end,#fff) 100%)!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
}

/* RC1.25-p8.8.6: readable foreground zones for dark-top -> light-bottom portal homepage gradients.
 * Only exposed headings/copy outside cards are recolored. Product/topic/category/help cards keep
 * their own established foreground palette so white cards never inherit light gradient text. */
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-portal-intro h1,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-hot-products > .xq-home-module__head h2,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-category-products > .xq-home-module__head h2,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-featured-products > .xq-home-module__head h2,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-topics > .xq-home-module__head h2{
    color:var(--xq-portal-gradient-dark-title,#fff)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.28);
}
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-portal-intro p,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-portal-intro__links,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-portal-intro__links > span,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-portal-intro__links a,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-hot-products > .xq-home-module__head .xq-home-module__en-subtitle,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-hot-products > .xq-home-module__head .xq-home-module__more,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-category-products > .xq-home-module__head .xq-home-module__en-subtitle,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-category-products > .xq-home-module__head .xq-home-module__more,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-featured-products > .xq-home-module__head .xq-home-module__en-subtitle,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-featured-products > .xq-home-module__head .xq-home-module__more,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-topics > .xq-home-module__head .xq-home-module__en-subtitle,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-topics > .xq-home-module__head .xq-home-module__more{
    color:var(--xq-portal-gradient-dark-text,#e3edef)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.22);
}
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-more-categories > .xq-home-module__head h2,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-help > .xq-home-module__head h2,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-featured-articles > .xq-home-module__head h2,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-seo-content h2{
    color:var(--xq-portal-gradient-light-title,#172f36)!important;
    text-shadow:none;
}
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-more-categories > .xq-home-module__head .xq-home-module__en-subtitle,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-more-categories > .xq-home-module__head .xq-home-module__more,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-help > .xq-home-module__head .xq-home-module__en-subtitle,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-help > .xq-home-module__head .xq-home-module__more,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-featured-articles > .xq-home-module__head .xq-home-module__en-subtitle,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-featured-articles > .xq-home-module__head .xq-home-module__more,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-seo-content{
    color:var(--xq-portal-gradient-light-text,#52666c)!important;
    text-shadow:none;
}
/* Preserve the established orange hover action regardless of foreground zone. */
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-module__more:hover,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-portal-intro__links a:hover{
    color:#f97316!important;
    text-shadow:none;
}
body.xq-storefront-style-current.xq-storefront-home-page .xq-p2-hero,
body.xq-storefront-style-current.xq-storefront-category-page .xq-page-hero{background:linear-gradient(135deg,var(--xq-portal-hero-start,#fff),var(--xq-portal-hero-end,#edf4ff))!important;border-color:var(--xq-portal-hero-border,#dce8fb)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-p2-hero h1,body.xq-storefront-style-current.xq-storefront-category-page .xq-page-hero h1{color:var(--xq-portal-hero-title,#102a56)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-p2-hero p,body.xq-storefront-style-current.xq-storefront-category-page .xq-page-hero p{color:var(--xq-portal-hero-text,#475569)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-section__head h1,
body.xq-storefront-style-current.xq-storefront-home-page .xq-section__head h2,
body.xq-storefront-style-current.xq-storefront-category-page .xq-section h2{color:var(--xq-portal-section-title,#1e3a5f)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-product-card,
body.xq-storefront-style-current.xq-storefront-category-page .xq-product-card{background:var(--xq-portal-card-bg,#fff)!important;border-color:var(--xq-portal-card-border,#e2e8f0)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-product-card:hover,
body.xq-storefront-style-current.xq-storefront-category-page .xq-product-card:hover{border-color:var(--xq-portal-card-hover-border,#b8d4f7)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-product-card__image,
body.xq-storefront-style-current.xq-storefront-category-page .xq-product-card__image{background:var(--xq-portal-image-bg,#f8fafc)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-product-card__title,
body.xq-storefront-style-current.xq-storefront-category-page .xq-product-card__title{color:var(--xq-portal-product-title,#172554)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-product-card__title:hover,
body.xq-storefront-style-current.xq-storefront-category-page .xq-product-card__title:hover{color:var(--xq-portal-product-title-hover,#f97316)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-product-card__body p,body.xq-storefront-style-current.xq-storefront-category-page .xq-product-card__body p,body.xq-storefront-style-current.xq-storefront-home-page .xq-home-product-tile__summary{color:var(--xq-portal-product-summary,#64748b)!important}
body.xq-storefront-style-current.xq-storefront-home-page .xq-product-card__bottom strong,
body.xq-storefront-style-current.xq-storefront-category-page .xq-product-card__bottom strong{color:var(--xq-portal-product-price,#e11d48)!important}

/* ---------- classic middle ---------- */
body.xq-storefront-style-classic{min-height:100vh;background:var(--xq-classic-page-bg,#305157)!important}
body.xq-storefront-style-classic .classic-category-page .xq-classic-category-body,
body.xq-storefront-style-classic .classic-category-page .classic-category-info-card{background:var(--xq-classic-table-bg,#fff)!important}
body.xq-storefront-style-classic .toggle-category.btn-info{background:var(--xq-classic-primary,#3688fc)!important;border-color:var(--xq-classic-primary,#3688fc)!important;color:var(--xq-classic-filter-text,#fff)!important}
body.xq-storefront-style-classic .toggle-category.btn-outline-info{background:transparent!important;border-color:var(--xq-classic-primary,#3688fc)!important;color:var(--xq-classic-primary,#3688fc)!important}
body.xq-storefront-style-classic .toggle-category.btn-outline-info:hover,body.xq-storefront-style-classic .toggle-category.btn-outline-info.active,body.xq-storefront-style-classic .toggle-category.btn-outline-info[aria-selected="true"]{background:var(--xq-classic-primary,#3688fc)!important;border-color:var(--xq-classic-primary,#3688fc)!important;color:var(--xq-classic-filter-text,#fff)!important}
body.xq-storefront-style-classic .kphyper-group-title,
body.xq-storefront-style-classic .classic-category-page .xq-classic-category-title{background:var(--xq-classic-category-tag,#4f7a7a)!important;color:var(--xq-classic-title-text,#fff)!important}
body.xq-storefront-style-classic .kphyper-group-title:hover,
body.xq-storefront-style-classic .kphyper-group-title:focus,
body.xq-storefront-style-classic .classic-category-page .xq-classic-category-title:hover,
body.xq-storefront-style-classic .classic-category-page .xq-classic-category-title:focus{background:var(--xq-classic-title-hover-bg,#27acd2)!important;border-color:var(--xq-classic-title-hover-border,#25a3c8)!important;color:var(--xq-classic-title-text,#fff)!important}
body.xq-storefront-style-classic .kphyper-goods-table thead th,
body.xq-storefront-style-classic .xq-classic-category-table thead th{color:var(--xq-classic-table-header-text,#1f2937)!important}
body.xq-storefront-style-classic .kphyper-goods-table tbody td,
body.xq-storefront-style-classic .xq-classic-category-table tbody td,
body.xq-storefront-style-classic .xq-classic-mobile-card{color:var(--xq-classic-table-text,#000)!important}
body.xq-storefront-style-classic .kphyper-goods-table .table-user>a,body.xq-storefront-style-classic .xq-classic-category-table .xq-classic-table-user>a,body.xq-storefront-style-classic .kphyper-mobile-name,body.xq-storefront-style-classic .xq-classic-mobile-name{color:var(--xq-classic-product-title,#3688fc)!important}
body.xq-storefront-style-classic .kphyper-goods-table .text-danger,body.xq-storefront-style-classic .xq-classic-category-table .text-danger{color:var(--xq-classic-price-text,#e712a4)!important}
body.xq-storefront-style-classic .kphyper-home-page .kphyper-goods-table tbody tr:hover,
body.xq-storefront-style-classic .classic-category-page .xq-classic-category-row:hover{background:var(--xq-classic-row-hover,#b0acac)!important}
body.xq-storefront-style-classic .kphyper-stock-badge{background:transparent!important;color:var(--xq-classic-stock-text,#000)!important;border:0!important;box-shadow:none!important}
@media(max-width:767.98px){
 body.xq-storefront-style-classic .kphyper-home-page .product-item.mobile-product:hover,
 body.xq-storefront-style-classic .kphyper-home-page .product-item.mobile-product:active,
 body.xq-storefront-style-classic .classic-category-page .xq-classic-mobile-card:hover,
 body.xq-storefront-style-classic .classic-category-page .xq-classic-mobile-card:active{background:var(--xq-classic-mobile-hover,#b7b9ba)!important}
 .xq-category-related-grid{grid-template-columns:1fr}
 .xq-category-related-section{padding:16px 14px}
}

/* Portal middle: module/card/status coverage beyond the generic product-card view. */
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-module,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-hot-products__card,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-category-board,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-product-tile,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-featured-product-card,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-topic-card,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-article-card,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-seo-content.is-boxed,
body.xq-storefront-style-current.xq-storefront-category-page .xq-section{
    background:var(--xq-portal-card-bg,#fff)!important;
    border-color:var(--xq-portal-card-border,#e2e8f0)!important;
}
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-module__head h2,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-category-board__head h2,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-seo-content h2{
    color:var(--xq-portal-section-title,#1e3a5f)!important;
}
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-product-tile__media,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-category-product__media,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-featured-product-card__media{
    background:var(--xq-portal-image-bg,#f8fafc)!important;
}
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-product-tile__title,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-category-product__title,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-featured-product-card__title{
    color:var(--xq-portal-product-title,#172554)!important;
}
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-product-tile:hover .xq-home-product-tile__title,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-category-product:hover .xq-home-category-product__title,
body.xq-storefront-style-current.xq-storefront-home-page .xq-home-featured-product-card__title:hover{color:var(--xq-portal-product-title-hover,#f97316)!important}
/* Product status/action colors are deliberately NOT template-specific.
 * Portal and classic layouts consume only the shared semantic palette below. */

/* ---------- RC1.25-p5 spacing / module parity ---------- */
/* The classic homepage wrapper is transparent: only the product body is white.
 * This exposes the classic page background as the same compact gap used by the
 * production horizontal layout instead of a white Bootstrap margin strip. */
body.xq-storefront-style-classic.xq-storefront-home-page .kphyper-home-page .xq-classic-home-group{
    background:transparent!important;
    margin-top:0!important;
    margin-bottom:5px!important;
}
body.xq-storefront-style-classic.xq-storefront-home-page .kphyper-home-page .xq-classic-home-group:last-child{margin-bottom:0!important}

/* Category cards share one vertical rhythm. FAQ/related components previously
 * carried their own 20px margin while classic cards used ~3px. */
body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page{--xq-category-module-gap:5px}
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{
    margin-top:var(--xq-category-module-gap)!important;
    margin-bottom:0!important;
}
body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page > :first-child{margin-top:0!important}
body.xq-storefront-style-current.xq-storefront-category-page .xq-p2-main > section{margin-bottom:0!important}
body.xq-storefront-style-current.xq-storefront-category-page .xq-p2-main > section + section{margin-top:5px!important}


/* ---------- RC1.25-p6 global visual consistency ---------- */
:root{
    --xq-ui-radius:5px;
    --xq-module-gap:5px;
    --xq-card-gap:5px;
    --xq-detail-column-gap:10px;
}

/* Shared header: menu items are transparent at rest. Only hover/focus receives a background. */
.xq-p2-nav a,
.xq-p2-nav a.active{
    background:transparent!important;
    box-shadow:none!important;
}
.xq-p2-nav a:hover,
.xq-p2-nav a:focus-visible{
    background:var(--xq-header-nav-hover-bg,#246bd1)!important;
    color:var(--xq-header-nav-text,#fff)!important;
}


/* Category/search geometry: normal-weight trigger text and a continuous 5px left edge. */
.xq-p2-search{
    border-radius:var(--xq-ui-radius)!important;
    overflow:visible!important;
}
.xq-p2-category-dropdown{
    border-radius:var(--xq-ui-radius) 0 0 var(--xq-ui-radius)!important;
}
.xq-p2-category-trigger,
.xq-p2-category-trigger>span:first-child{
    font-weight:400!important;
}
.xq-p2-category-trigger{
    border-radius:4px 0 0 4px!important;
    overflow:hidden;
}
.xq-p2-category-menu{
    border-radius:0 0 var(--xq-ui-radius) var(--xq-ui-radius)!important;
}
.xq-p2-search>button[type="submit"]{
    border-radius:0 4px 4px 0!important;
}

/* One radius across cards, tags and ordinary action buttons. Circular identity/chat controls are not touched. */
.card,
.xq-section,
.xq-content-page,
.xq-page-hero,
.xq-p2-hero,
.xq-product-card,
.xq-topic-hero,
.xq-topic-section,
.xq-topic-article-card,
.xq-topic-related-card,
.article-hero-card,
.post-card,
.article-card,
.related-wrap,
.related-card,
.xq-faq-card,
.xq-faq-card__item,
.xq-category-related-section,
.xq-category-related-card,
.classic-category-info-card,
.xq-classic-category-title,
.xq-classic-category-body,
.xq-classic-mobile-card,
.kphyper-mobile-card,
.xq-home-module,
.xq-home-hot-products__card,
.xq-home-category-board,
.xq-home-product-tile,
.xq-home-featured-product-card,
.xq-home-topic-card,
.xq-home-article-card,
.xq-home-seo-content.is-boxed,
.xq-cart-card,
.xq-cart-summary-card,
.xq-cart-checkout-card,
.xq-cart-item,
.xq-bill-card,
.xq-bill-info-panel,
.xq-bill-pay-select-card,
.xq-order-search-card,
.xq-order-search-shell,
.xq-order-search-panel,
.xq-search-article-section,
.xq-product-sidebar-card,
.xq-buy-hero-card,
.xq-buy-desc-card{
    border-radius:var(--xq-ui-radius)!important;
}
.btn,
.badge,
.xq-product-meta-badge,
.xq-product-status,
.xq-recommend-badge,
.mobile-badge,
.xq-classic-mobile-badge,
.xq-cart-pill,
.xq-bill-delivery-badge,
.xq-topic-hero__categories a,
.article-detail-tag,
.xq-search-category-links a,
#xq-spec-type-badge,
#xq-spec-stock-badge,
#xq-rebate-badge{
    border-radius:var(--xq-ui-radius)!important;
}

/* Major page/module rhythm: 10px in both styles and on shared pages. */
.xq-p2-main{
    padding-bottom:var(--xq-module-gap)!important;
}
.xq-p2-main>.xq-breadcrumb--global{
    margin-bottom:0!important;
}
.xq-p2-main>*+*{
    margin-top:var(--xq-module-gap)!important;
}
.xq-storefront-home>*{
    margin-top:0!important;
    margin-bottom:0!important;
}
.xq-storefront-home>*+*{
    margin-top:var(--xq-module-gap)!important;
}
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{
    margin-top:0!important;
    margin-bottom:0!important;
}
body.xq-storefront-style-classic.xq-storefront-home-page .kphyper-home-page>*+*{
    margin-top:var(--xq-module-gap)!important;
}
body.xq-storefront-style-current.xq-storefront-category-page .xq-p2-main>section,
body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page>*{
    margin-bottom:0!important;
}
body.xq-storefront-style-current.xq-storefront-category-page .xq-p2-main>section+section,
body.xq-storefront-style-classic.xq-storefront-category-page .classic-category-page>*+*{
    margin-top:var(--xq-module-gap)!important;
}
.xq-topic-portal{
    gap:var(--xq-module-gap)!important;
}
.article-main>*{
    margin-top:0!important;
    margin-bottom:0!important;
}
.article-main>*+*{
    margin-top:var(--xq-module-gap)!important;
}
.article-main .post-grid,
.article-main .pager-wrap,
.article-main .article-hero-card{
    margin-top:0!important;
    margin-bottom:0!important;
}
.xq-buy-page>*{
    margin-top:0!important;
    margin-bottom:0!important;
}
.xq-buy-page>*+*{
    margin-top:var(--xq-module-gap)!important;
}
.xq-product-content-main>*{
    margin-top:0!important;
    margin-bottom:0!important;
}
.xq-product-content-main>*+*,
.xq-product-content-sidebar__inner>*+*{
    margin-top:var(--xq-module-gap)!important;
}
.xq-cart-bottom-grid{
    gap:var(--xq-module-gap)!important;
    margin-top:var(--xq-module-gap)!important;
}

/* Classic product title gets its own normal + hover colors.
 * RC1.25-p7.2: use a dedicated semantic link/label class so Bootstrap text utilities
 * and legacy KPHyper link rules cannot mask the administrator-selected hover color. */
html body.xq-storefront-style-classic a.xq-classic-product-title-link,
html body.xq-storefront-style-classic a.xq-classic-product-title-link .xq-classic-product-title-label{
    color:var(--xq-classic-product-title,#3688fc)!important;
}
html body.xq-storefront-style-classic a.xq-classic-product-title-link:hover,
html body.xq-storefront-style-classic a.xq-classic-product-title-link:focus-visible,
html body.xq-storefront-style-classic a.xq-classic-product-title-link:hover .xq-classic-product-title-label,
html body.xq-storefront-style-classic a.xq-classic-product-title-link:focus-visible .xq-classic-product-title-label{
    color:var(--xq-classic-product-title-hover,#3688fc)!important;
}

/* Global status palette: one set for portal/classic, desktop/mobile, detail/cart/recommendations. */
.xq-product-meta-badge--auto,
.xq-recommend-badge--auto,
.mobile-badge--auto,
.xq-classic-mobile-badge--auto,
.xq-cart-pill--auto,
.xq-bill-delivery-badge--auto,
body.xq-storefront-style-classic .kphyper-goods-table td:nth-child(2) .badge-outline-primary,
body.xq-storefront-style-classic .xq-classic-category-table td:nth-child(2) .badge-outline-primary,
#xq-spec-type-badge.badge-danger{
    background:var(--xq-content-badge-auto,#34c38f)!important;
    border-color:var(--xq-content-badge-auto,#34c38f)!important;
    color:var(--xq-content-badge-text,#fff)!important;
}
.xq-product-meta-badge--manual,
.xq-recommend-badge--manual,
.mobile-badge--manual,
.xq-classic-mobile-badge--manual,
.xq-cart-pill--manual,
.xq-bill-delivery-badge--manual,
body.xq-storefront-style-classic .kphyper-goods-table td:nth-child(2) .badge-outline-danger,
body.xq-storefront-style-classic .xq-classic-category-table td:nth-child(2) .badge-outline-danger,
#xq-spec-type-badge.badge-warning{
    background:var(--xq-content-badge-manual,#de6d09)!important;
    border-color:var(--xq-content-badge-manual,#de6d09)!important;
    color:var(--xq-content-badge-text,#fff)!important;
}
.xq-product-meta-badge--stock,
.xq-recommend-badge--stock,
.mobile-badge--stock,
.xq-classic-mobile-badge--stock,
.kphyper-stock-badge,
.xq-classic-stock-badge,
#xq-spec-stock-badge{
    background:var(--xq-content-badge-stock,#3b82f6)!important;
    border-color:var(--xq-content-badge-stock,#3b82f6)!important;
    color:var(--xq-content-badge-text,#fff)!important;
    box-shadow:none!important;
}
.xq-product-meta-badge--stock-empty,
.xq-recommend-badge--stock-empty,
.mobile-badge--stock-empty,
.xq-classic-mobile-badge--stock-empty{
    background:var(--xq-content-out,#919ca7)!important;
    border-color:var(--xq-content-out,#919ca7)!important;
    color:var(--xq-content-badge-text,#fff)!important;
}
.xq-product-meta-badge--price,
.xq-recommend-badge--price,
.mobile-badge--price,
.xq-classic-mobile-badge--price,
.xq-cart-pill--unit,
body.xq-storefront-style-classic .kphyper-goods-table td:nth-child(4) .text-danger,
body.xq-storefront-style-classic .xq-classic-category-table td:nth-child(4) .text-danger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    padding:4px 8px;
    background:var(--xq-content-badge-price,#ff6b6b)!important;
    border:1px solid var(--xq-content-badge-price,#ff6b6b)!important;
    border-radius:var(--xq-ui-radius)!important;
    color:var(--xq-content-badge-text,#fff)!important;
    line-height:1.1;
}
.xq-product-meta-badge--discount,
.xq-recommend-badge--promo,
.mobile-badge--promo:not(.mobile-badge--placeholder),
.mobile-badge--discount:not(.mobile-badge--placeholder),
.xq-classic-mobile-badge--promo:not(.xq-classic-mobile-badge--placeholder),
.xq-classic-mobile-badge--discount:not(.xq-classic-mobile-badge--placeholder){
    background:var(--xq-content-badge-discount,#f4b400)!important;
    border-color:var(--xq-content-badge-discount,#f4b400)!important;
    color:var(--xq-content-badge-text,#fff)!important;
}
.xq-product-meta-badge--regular,
.xq-recommend-badge--regular{
    background:var(--xq-content-badge-regular,#94a3b8)!important;
    border-color:var(--xq-content-badge-regular,#94a3b8)!important;
    color:var(--xq-content-badge-text,#fff)!important;
}
.xq-product-meta-badge,
.xq-recommend-badge,
.mobile-badge,
.xq-classic-mobile-badge,
.xq-cart-pill,
.xq-bill-delivery-badge{
    color:var(--xq-content-badge-text,#fff)!important;
    border-radius:var(--xq-ui-radius)!important;
}

/* Global purchase/out-of-stock palette. Add-to-cart is intentionally no longer an outline color. */
#xq-submit-order,
#add-cart,
.xq-buy-actions .xq-buy-cart-checkout-btn,
.xq-list-buy,
.kphyper-buy-btn,
.xq-classic-buy-btn,
[data-cart-checkout-submit],
.xq-cart-checkout-btn,
.xq-bill-pay-btn{
    background:var(--xq-content-buy,#3688fc)!important;
    border-color:var(--xq-content-buy,#3688fc)!important;
    color:var(--xq-content-buy-text,#fff)!important;
    border-radius:var(--xq-ui-radius)!important;
}
#xq-submit-order:hover,
#xq-submit-order:focus,
#add-cart:hover,
#add-cart:focus,
.xq-buy-actions .xq-buy-cart-checkout-btn:hover,
.xq-buy-actions .xq-buy-cart-checkout-btn:focus,
.xq-list-buy:hover,
.xq-list-buy:focus,
.kphyper-buy-btn:hover,
.kphyper-buy-btn:focus,
.xq-classic-buy-btn:hover,
.xq-classic-buy-btn:focus,
[data-cart-checkout-submit]:hover,
[data-cart-checkout-submit]:focus,
.xq-cart-checkout-btn:hover,
.xq-cart-checkout-btn:focus,
.xq-bill-pay-btn:hover,
.xq-bill-pay-btn:focus{
    background:var(--xq-content-buy-hover,#246bd1)!important;
    border-color:var(--xq-content-buy-hover,#246bd1)!important;
    color:var(--xq-content-buy-text,#fff)!important;
}
.xq-list-out-of-stock,
.kphyper-out-btn,
.xq-classic-out-btn,
#xq-submit-order:disabled,
#xq-submit-order.disabled,
[data-cart-checkout-submit]:disabled{
    background:var(--xq-content-out,#919ca7)!important;
    border-color:var(--xq-content-out,#919ca7)!important;
    color:var(--xq-content-buy-text,#fff)!important;
    border-radius:var(--xq-ui-radius)!important;
    opacity:1!important;
}

/* RC1.25-p6 R1: exact 10px main-to-footer gap and complete ordinary UI radius normalization. */
.xq-p2-footer{margin-top:0!important}
.form-control,
.form-select,
.input-group-text,
.dropdown-menu,
.alert,
.nav-pills .nav-link,
.pagination .page-link,
.xq-p2-menu-toggle,
.xq-p2-notice,
.xq-p2-notice__inner,
.xq-buy-spec-select .xq-spec-tag,
.xq-spec-option,
.xq-payment-preview,
.xq-order-grid>div,
.xq-cart-row,
.xq-cart-summary{
    border-radius:var(--xq-ui-radius)!important;
}
/* Keep the outer search border visually continuous while the dropdown itself may overflow downward. */
.xq-p2-search{
    position:relative;
    background:var(--xq-header-search-bg,#fff)!important;
}
.xq-p2-search::before{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:0;
    pointer-events:none;
    border:1px solid var(--xq-header-search-border,#cbd5e1);
    border-radius:var(--xq-ui-radius);
}
.xq-p2-search>.xq-p2-category-dropdown,
.xq-p2-search>input,
.xq-p2-search>button[type="submit"]{
    position:relative;
    z-index:1;
}
.xq-p2-search>.xq-p2-category-dropdown{
    border-left:0!important;
}
.xq-p2-category-option{font-weight:400!important}
.xq-p2-search{border-color:transparent!important}
.xq-footer-contact,.xq-footer-contact__qr-preview{border-radius:var(--xq-ui-radius)!important}
.mobile-badge--regular,
.xq-classic-mobile-badge--regular{
    background:var(--xq-content-badge-regular,#94a3b8)!important;
    border-color:var(--xq-content-badge-regular,#94a3b8)!important;
    color:var(--xq-content-badge-text,#fff)!important;
}


/* ---------- RC1.25-p7 unified semantic badges + production detail actions ---------- */
/* Zero stock is a dedicated state and must stay visually different from the disabled/out-of-stock action. */
.xq-product-meta-badge--stock-empty,
.xq-recommend-badge--stock-empty,
.mobile-badge--stock-empty,
.xq-classic-mobile-badge--stock-empty{
    background:var(--xq-content-badge-stock-empty,#ef4444)!important;
    border-color:var(--xq-content-badge-stock-empty,#ef4444)!important;
    color:var(--xq-content-badge-text,#fff)!important;
}

/* Unit price badges contain the amount only; keep the number visually centered everywhere. */
.xq-product-meta-badge--price,
.xq-recommend-badge--price,
.mobile-badge--price,
.xq-classic-mobile-badge--price,
.xq-cart-pill--unit{
    justify-content:center!important;
    text-align:center!important;
}

/* Selected product spec follows the active swatch and always uses white text. */
.xq-buy-spec-select .xq-spec-tag.is-active,
.xq-spec-tag.is-active{
    background:var(--xq-content-spec-active,#ff5f87)!important;
    border-color:var(--xq-content-spec-active,#ff5f87)!important;
    color:#fff!important;
}
.xq-buy-spec-select .xq-spec-tag.is-active .xq-spec-tag__name,
.xq-spec-tag.is-active .xq-spec-tag__name{color:#fff!important}

/* Classic horizontal desktop table follows the production station: stock and price are plain text, not chips. */
@media (min-width:768px){
    body.xq-storefront-style-classic .kphyper-goods-table td:nth-child(3) .kphyper-stock-badge,
    body.xq-storefront-style-classic .xq-classic-category-table td:nth-child(3) .xq-classic-stock-badge{
        display:inline!important;
        min-height:0!important;
        padding:0!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        color:var(--xq-classic-desktop-stock-text,#000)!important;
        line-height:inherit!important;
    }
    body.xq-storefront-style-classic .kphyper-goods-table td:nth-child(4) .text-danger,
    body.xq-storefront-style-classic .xq-classic-category-table td:nth-child(4) .text-danger{
        display:inline!important;
        min-height:0!important;
        padding:0!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        color:var(--xq-classic-desktop-price-text,#e712a4)!important;
        line-height:inherit!important;
    }
}

/* Generic list purchase remains one shared palette across both templates. */
.xq-list-buy,
.kphyper-buy-btn,
.xq-classic-buy-btn,
.xq-bill-pay-btn{
    background:var(--xq-content-buy,#3688fc)!important;
    border-color:var(--xq-content-buy,#3688fc)!important;
    color:var(--xq-content-buy-text,#fff)!important;
}
.xq-list-buy:hover,.xq-list-buy:focus,
.kphyper-buy-btn:hover,.kphyper-buy-btn:focus,
.xq-classic-buy-btn:hover,.xq-classic-buy-btn:focus,
.xq-bill-pay-btn:hover,.xq-bill-pay-btn:focus{
    background:var(--xq-content-buy-hover,#246bd1)!important;
    border-color:var(--xq-content-buy-hover,#246bd1)!important;
    color:var(--xq-content-buy-text,#fff)!important;
}
.xq-list-out-of-stock,
.kphyper-out-btn,
.xq-classic-out-btn{
    background:var(--xq-content-out,#919ca7)!important;
    border-color:var(--xq-content-out,#919ca7)!important;
    color:var(--xq-content-out-text,#fff)!important;
}

/* Product detail: reproduce production station's three separate action states. */
#xq-submit-order{
    background:var(--xq-content-buy-now-bg,#fa6767)!important;
    border-color:var(--xq-content-buy-now-bg,#fa6767)!important;
    color:var(--xq-content-buy-now-text,#fff)!important;
}
#xq-submit-order:hover,#xq-submit-order:focus-visible,#xq-submit-order:focus{
    background:var(--xq-content-buy-now-hover-bg,#f94242)!important;
    border-color:var(--xq-content-buy-now-hover-bg,#f94242)!important;
    color:var(--xq-content-buy-now-hover-text,#fff)!important;
}
#add-cart{
    background:var(--xq-content-add-cart-bg,rgba(255,255,255,0))!important;
    border-color:var(--xq-content-add-cart-text,#fa6767)!important;
    color:var(--xq-content-add-cart-text,#fa6767)!important;
}
#add-cart:hover,#add-cart:focus-visible,#add-cart:focus{
    background:var(--xq-content-add-cart-hover-bg,#fa6767)!important;
    border-color:var(--xq-content-add-cart-hover-bg,#fa6767)!important;
    color:var(--xq-content-add-cart-hover-text,#fff)!important;
}
.xq-buy-actions .xq-buy-cart-checkout-btn{
    background:var(--xq-content-cart-checkout-bg,#2563eb)!important;
    border-color:var(--xq-content-cart-checkout-bg,#2563eb)!important;
    color:var(--xq-content-cart-checkout-text,#fff)!important;
}
.xq-buy-actions .xq-buy-cart-checkout-btn:hover,
.xq-buy-actions .xq-buy-cart-checkout-btn:focus-visible,
.xq-buy-actions .xq-buy-cart-checkout-btn:focus{
    background:var(--xq-content-cart-checkout-hover-bg,#1d4ed8)!important;
    border-color:var(--xq-content-cart-checkout-hover-bg,#1d4ed8)!important;
    color:var(--xq-content-cart-checkout-hover-text,#fff)!important;
}
/* The actual cart confirmation button is btn-danger on the production station. */
[data-cart-checkout-submit],.xq-cart-checkout-btn{
    background:var(--xq-content-buy-now-bg,#fa6767)!important;
    border-color:var(--xq-content-buy-now-bg,#fa6767)!important;
    color:var(--xq-content-buy-now-text,#fff)!important;
}
[data-cart-checkout-submit]:hover,[data-cart-checkout-submit]:focus-visible,[data-cart-checkout-submit]:focus,
.xq-cart-checkout-btn:hover,.xq-cart-checkout-btn:focus-visible,.xq-cart-checkout-btn:focus{
    background:var(--xq-content-buy-now-hover-bg,#f94242)!important;
    border-color:var(--xq-content-buy-now-hover-bg,#f94242)!important;
    color:var(--xq-content-buy-now-hover-text,#fff)!important;
}
#xq-submit-order:disabled,#xq-submit-order.disabled,
#add-cart:disabled,#add-cart.disabled,
[data-cart-checkout-submit]:disabled,.xq-cart-checkout-btn:disabled{
    background:var(--xq-content-out,#919ca7)!important;
    border-color:var(--xq-content-out,#919ca7)!important;
    color:var(--xq-content-out-text,#fff)!important;
    opacity:1!important;
}

/* RC1.25-p8.3: classic template background is global; page-specific middle
 * structures remain Next except the already-classic home/category layouts. */
body.xq-p2-body.xq-storefront-style-classic{background-color:var(--xq-classic-page-bg,#305157)!important}
.xq-p2-category-dropdown::after{background:var(--xq-header-search-border,#cbd5e1)!important}

/* RC1.25-p8.6: global card rhythm refinement.
 * All card/module gaps are 5px on desktop and mobile. Product/article detail
 * keeps a special 10px main-column/sidebar-column gap on desktop only. Mobile
 * page-to-screen edge remains 2px and stacked cards use the shared 5px gap. */
body.xq-p2-body{
    --xq-site-card-gap:var(--xq-card-gap,5px);
    --xq-page-section-gap:var(--xq-card-gap,5px);
}

/* Portal homepage is a flex column with its own legacy gap; use only the
 * shared 5px gap and neutralize the old sibling-margin fallback to avoid
 * double spacing. */
.xq-storefront-home{
    gap:var(--xq-card-gap,5px)!important;
}
.xq-storefront-home>*+*{
    margin-top:0!important;
}

/* Top-level module rhythm. */
body.xq-product-detail-page .xq-buy-page>*,
body.xq-article-detail-page .article-main>*{
    margin-top:0!important;
    margin-bottom:0!important;
}
body.xq-product-detail-page .xq-buy-page>*+*,
body.xq-product-detail-page .xq-product-content-main>*+*,
body.xq-article-detail-page .article-main>*+*{
    margin-top:var(--xq-card-gap,5px)!important;
}
body.xq-product-detail-page .xq-product-content-sidebar__inner{
    gap:var(--xq-card-gap,5px)!important;
}
body.xq-product-detail-page .xq-product-content-sidebar__inner>*{
    margin-top:0!important;
    margin-bottom:0!important;
}
body.xq-article-detail-page #rightSidebarInner{
    display:flex;
    flex-direction:column;
    gap:var(--xq-card-gap,5px)!important;
}
body.xq-article-detail-page #rightSidebarInner>.rs-card{
    margin:0!important;
}

/* Desktop-only: main content and sidebar stay 10px apart. This is NOT an
 * outer page inset. */
@media (min-width:768px){
    body.xq-product-detail-page .xq-product-content-layout,
    body.xq-article-detail-page .article-row{
        gap:var(--xq-detail-column-gap,10px)!important;
    }
}

/* Mobile keeps the 2px screen edge from core/layout.css and uses 5px between
 * the now-stacked main/sidebar cards. */
@media (max-width:767.98px){
    body.xq-product-detail-page main.xq-p2-main.container,
    body.xq-article-detail-page main.xq-p2-main.container{
        padding-left:var(--xq-mobile-content-edge,2px)!important;
        padding-right:var(--xq-mobile-content-edge,2px)!important;
    }
    body.xq-product-detail-page .xq-product-content-layout,
    body.xq-article-detail-page .article-row{
        gap:var(--xq-card-gap,5px)!important;
    }
}

/* Card-to-card gaps across storefront pages. Internal text/icon spacing is
 * intentionally not changed. */
.xq-product-grid,
.xq-recommend-product-grid,
.xq-buy-related-grid,
.xq-article-related-product-grid,
.article-product-grid,
.post-grid,
.related-grid,
.xq-topic-article-grid,
.xq-topic-related-grid,
.xq-product-sidebar-articles,
.xq-home-product-grid,
.xq-home-category-board-grid,
.xq-home-category-board__products,
.xq-home-help-grid,
.xq-home-more-category-grid,
.xq-home-topic-grid,
.xq-home-article-grid,
.xq-home-featured-products__grid,
.xq-cart-bottom-grid{
    gap:var(--xq-card-gap,5px)!important;
}
body.xq-storefront-style-classic .kphyper-home-page .kphyper-mobile-card,
body.xq-storefront-style-classic .classic-category-page .xq-classic-mobile-card{
    margin-bottom:var(--xq-card-gap,5px)!important;
}
body.xq-storefront-style-classic .kphyper-home-page .kphyper-mobile-card:last-child,
body.xq-storefront-style-classic .classic-category-page .xq-classic-mobile-card:last-child{
    margin-bottom:0!important;
}

/* Normal breadcrumb color is controlled independently for each storefront style.
 * Hover/focus remains the shared content-link hover color configured separately. */
body.xq-storefront-style-current .xq-breadcrumb--global,
body.xq-storefront-style-current .xq-breadcrumb--global .xq-breadcrumb__link,
body.xq-storefront-style-current .xq-breadcrumb--global .xq-breadcrumb__separator,
body.xq-storefront-style-current .xq-breadcrumb--global .xq-breadcrumb__current{
    color:var(--xq-portal-breadcrumb-text,#475569)!important;
}
body.xq-storefront-style-classic .xq-breadcrumb--global,
body.xq-storefront-style-classic .xq-breadcrumb--global .xq-breadcrumb__link,
body.xq-storefront-style-classic .xq-breadcrumb--global .xq-breadcrumb__separator,
body.xq-storefront-style-classic .xq-breadcrumb--global .xq-breadcrumb__current{
    color:var(--xq-classic-breadcrumb-text,#ffffff)!important;
}
body.xq-p2-body .xq-breadcrumb--global .xq-breadcrumb__link:hover,
body.xq-p2-body .xq-breadcrumb--global .xq-breadcrumb__link:focus-visible{
    color:var(--xq-content-link-hover,#f97316)!important;
}


/* RC1.25-p8.6: Help Center/article-index spacing convergence.
 * The legacy V9 article sheet still carried 0/14/16px spacing on the list page.
 * Keep detail-page desktop main/sidebar at 10px, but article-index cards use the
 * site-wide 5px card rhythm everywhere. */
body:not(.xq-article-detail-page) .article-page .article-row{
    gap:var(--xq-card-gap,5px)!important;
}
body:not(.xq-article-detail-page) .article-main>.article-hero-card{
    margin-top:0!important;
    margin-bottom:0!important;
}
body:not(.xq-article-detail-page) .article-main>.article-search,
body:not(.xq-article-detail-page) .article-main>.post-grid,
body:not(.xq-article-detail-page) .article-main>.pager-wrap,
body:not(.xq-article-detail-page) .article-main>.article-empty{
    margin-top:var(--xq-card-gap,5px)!important;
    margin-bottom:0!important;
}
body:not(.xq-article-detail-page) .article-page #rightSidebarInner{
    display:flex;
    flex-direction:column;
    gap:var(--xq-card-gap,5px)!important;
}
body:not(.xq-article-detail-page) .article-page #rightSidebarInner>.rs-card{
    margin:0!important;
}
/* RC1.25-p8.8.7: strengthen More Categories text contrast over the light half of the portal gradient.
 * Scope is limited to the More Categories module; other cards and gradient zones keep p8.8.6 colors. */
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-more-categories > .xq-home-module__head .xq-home-module__more{
    color:#334d54!important;
}
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-more-categories .xq-home-more-category-card__body strong{
    color:#172f36!important;
    font-weight:700;
}
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-more-categories .xq-home-more-category-card__body em{
    color:#738187!important;
}
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-more-categories .xq-home-more-category-card__body > span{
    color:#596a70!important;
}
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-more-categories .xq-home-more-category-card:hover .xq-home-more-category-card__body strong,
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-more-categories .xq-home-more-category-card:focus-visible .xq-home-more-category-card__body strong{
    color:#f97316!important;
}



/* RC1.26-p3: compact semantic H1 rendered as a mall-style guide strip.
 * The H1 stays machine-readable while its visual weight remains below product modules. */
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-portal-intro--compact{
    border-color:rgba(255,255,255,.10)!important;
    background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-portal-intro--compact::before{
    background:#6fd3ff!important;
}
body.xq-p2-body.xq-storefront-style-current.xq-storefront-home-page.xq-portal-gradient-enabled .xq-home-portal-intro--compact h1{
    color:var(--xq-portal-gradient-dark-title,#eef7f9)!important;
    text-shadow:0 1px 1px rgba(0,0,0,.16)!important;
}