:root{--mall-blue:var(--xq-mall-content-accent,#1677ff);--mall-blue2:var(--xq-mall-search-button,#0b6ef3);--mall-ink:var(--xq-mall-text,#10234a);--mall-muted:var(--xq-mall-muted,#64748b);--mall-line:var(--xq-mall-card-border,#e7edf5);--mall-soft:#f6f9fd;--mall-card:var(--xq-mall-card-bg,#fff)}
body.xq-storefront-style-mall{background:var(--xq-mall-page-bg,#f7faff);color:var(--mall-ink)}
body.xq-storefront-style-mall .xq-p2-notice{display:block!important}.xq-mall-main{width:calc(100% - 32px);max-width:1400px;margin:0 auto;padding:20px 0 0}
.xq-mall-header{background:var(--xq-mall-header-bg,#fff);border-bottom:1px solid var(--xq-mall-header-border,#e8eef6);box-shadow:0 2px 12px rgba(18,50,91,.05);position:relative;z-index:20}.xq-mall-header__inner{width:calc(100% - 32px);max-width:1400px;margin:0 auto;min-height:78px;padding:0;display:grid;grid-template-columns:auto auto minmax(280px,1fr) auto;align-items:center;gap:28px}.xq-mall-brand{display:flex;align-items:center;gap:11px;color:#0c2250;text-decoration:none;font-size:27px;font-weight:800;white-space:nowrap}.xq-mall-brand img{width:48px;height:48px;object-fit:contain;border-radius:9px}.xq-mall-nav{display:flex;align-items:center;gap:30px}.xq-mall-nav a{color:#192b51;font-size:16px;font-weight:600;text-decoration:none;padding:27px 0 24px;border-bottom:3px solid transparent;white-space:nowrap}.xq-mall-nav a:hover,.xq-mall-nav a.is-active{color:var(--mall-blue);border-bottom-color:var(--mall-blue)}
.xq-mall-search{justify-self:end;width:min(100%,390px);height:44px;border:1px solid var(--xq-mall-search-border,#dbe5f1);border-radius:8px;background:var(--xq-mall-search-bg,#f8fafe);display:flex;overflow:hidden}.xq-mall-search input{flex:1;min-width:0;border:0;background:transparent;padding:0 15px;color:#243858;outline:none;font-size:15px}.xq-mall-search button{width:48px;border:0;background:var(--mall-blue);color:#fff;font-size:26px;line-height:1;cursor:pointer}.xq-mall-account{display:flex;align-items:center;gap:14px;white-space:nowrap}.xq-mall-account a{color:var(--xq-mall-header-text,#17284a);text-decoration:none;font-weight:600}.xq-mall-account .xq-mall-register{background:var(--mall-blue);color:#fff;padding:10px 18px;border-radius:7px}.xq-mall-cart{font-size:14px}
.xq-mall-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.xq-mall-sidebar{background:var(--xq-mall-card-bg,#fff);border:1px solid var(--xq-mall-card-border,#e5edf6);border-radius:12px;padding:12px 8px 16px;box-shadow:0 8px 28px rgba(24,62,105,.04);position:sticky;top:12px}.xq-mall-sidebar h2{font-size:18px;margin:2px 10px 12px;padding:10px 6px 13px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:10px}.xq-mall-grid-icon{font-size:21px;color:#415a83}.xq-mall-category-link{min-height:52px;margin:2px 0;padding:0 12px;border-radius:8px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;text-decoration:none!important;color:#314462;font-size:15px}.xq-mall-category-link:hover{background:#f2f7ff;color:var(--mall-blue)}.xq-mall-category-link.is-active{background:#eaf3ff;color:var(--mall-blue);font-weight:700;box-shadow:inset 3px 0 0 var(--mall-blue)}.xq-mall-category-link small{color:#4f6fa2;font-size:13px}.xq-mall-category-icon{font-size:14px;text-align:center;color:#6c7e9b}.xq-mall-category-link.is-active .xq-mall-category-icon{color:var(--mall-blue)}
.xq-mall-content{min-width:0}.xq-mall-hero{min-height:145px;border:1px solid #e0ebf9;border-radius:12px;background:linear-gradient(105deg,var(--xq-mall-hero-start,#f4f8ff) 0%,var(--xq-mall-hero-end,#eaf3ff) 70%,var(--xq-mall-card-bg,#fff) 100%);display:grid;grid-template-columns:minmax(320px,1.1fr) 150px minmax(420px,.95fr);align-items:center;gap:18px;padding:18px 22px;overflow:hidden}.xq-mall-hero__copy h1{margin:0 0 10px;font-size:32px;line-height:1.2;color:#0d2c68;font-weight:800}.xq-mall-hero__copy p{margin:0;color:#647a9c;font-size:18px;letter-spacing:.04em}.xq-mall-hero__art{height:110px;position:relative;display:flex;align-items:center;justify-content:center}.xq-mall-hero__art b{font-size:70px;color:#2d82ff;transform:rotate(-9deg);text-shadow:12px 15px 24px rgba(43,125,255,.16)}.xq-mall-hero__art span,.xq-mall-hero__art i{position:absolute;width:28px;height:28px;border-radius:8px;background:#cfe2ff;transform:rotate(28deg)}.xq-mall-hero__art span{left:15px;top:18px}.xq-mall-hero__art i{right:16px;bottom:15px;background:#8ab9ff}.xq-mall-hero__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.xq-mall-hero__benefits>div{min-height:78px;background:rgba(255,255,255,.74);border:1px solid rgba(222,234,249,.85);border-radius:10px;padding:13px 11px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-content:center}.xq-mall-hero__benefits span{grid-row:1/3;width:30px;height:30px;border-radius:50%;background:#e6f1ff;color:var(--mall-blue);display:flex;align-items:center;justify-content:center;font-weight:800}.xq-mall-hero__benefits strong{font-size:14px;color:#172b52}.xq-mall-hero__benefits small{font-size:12px;color:#71829d;margin-top:2px}
.xq-mall-list-card{margin-top:18px;background:var(--xq-mall-card-bg,#fff);border:1px solid var(--xq-mall-card-border,#e5edf6);border-radius:12px;overflow:hidden;box-shadow:0 8px 28px rgba(24,62,105,.035)}.xq-mall-section-head{min-height:64px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf2f7}.xq-mall-section-head>div{display:flex;align-items:baseline;gap:14px;min-width:0}.xq-mall-section-head h2{margin:0;font-size:20px;color:var(--xq-mall-heading,#102850);white-space:nowrap}.xq-mall-section-head h2 span{color:var(--mall-blue);font-size:14px;margin-right:7px}.xq-mall-section-head p{margin:0;color:#7b8ba4;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xq-mall-section-head>a{color:#536984;text-decoration:none;font-size:13px;white-space:nowrap}.xq-mall-list-head,.xq-mall-product-row{display:grid;grid-template-columns:minmax(480px,1fr) 112px 86px 112px 148px;align-items:center}.xq-mall-list-head{min-height:42px;background:#f8fafc;color:#1b3158;font-weight:700;font-size:14px;border-bottom:1px solid var(--mall-line)}.xq-mall-list-head span:first-child{padding-left:24px}.xq-mall-list-head span:not(:first-child){text-align:center}.xq-mall-product-row{min-height:88px;border-bottom:1px solid var(--mall-line);transition:background-color .16s ease}.xq-mall-product-row:last-child{border-bottom:0}.xq-mall-product-row:hover{background:#fbfdff}.xq-mall-product-main{min-width:0;display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:14px;padding:10px 14px 10px 22px;text-decoration:none!important}.xq-mall-product-thumb{width:108px;aspect-ratio:16/9;border-radius:9px;background:#f1f5f9;overflow:hidden;display:block}.xq-mall-product-thumb img{width:100%;height:100%;object-fit:cover;display:block}.xq-mall-product-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.xq-mall-product-copy strong{font-size:17px;color:#102650;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xq-mall-product-main:hover strong{color:var(--mall-blue)}.xq-mall-product-copy small{font-size:14px;line-height:1.35;color:var(--xq-mall-muted,#6a7d9b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xq-mall-product-type,.xq-mall-product-stock,.xq-mall-product-price,.xq-mall-product-action{text-align:center;padding:0 7px}.xq-mall-product-type span{display:inline-block;border-radius:7px;padding:5px 9px;font-size:13px;font-weight:700}.xq-mall-product-stock{font-size:15px;color:var(--xq-mall-text,#263a59)}.xq-mall-product-price{font-size:17px;font-weight:800;color:#f02424;white-space:nowrap}.xq-mall-buy,.xq-mall-soldout{display:inline-flex;min-width:118px;min-height:42px;align-items:center;justify-content:center;border-radius:7px;text-decoration:none!important;font-size:14px;font-weight:700}.xq-mall-buy{background:linear-gradient(135deg,#1684ff,#0871ef);color:#fff!important;box-shadow:0 5px 14px rgba(22,119,255,.18)}.xq-mall-buy:hover{filter:brightness(.97);transform:translateY(-1px)}.xq-mall-soldout{background:#eef2f6;color:#8b98aa}.xq-mall-empty{padding:48px;text-align:center;color:#7b8ba4}.xq-mall-pagination{padding:14px 18px;border-top:1px solid var(--mall-line)}.xq-mall-seo-card{margin-top:18px;padding:20px 22px;background:var(--xq-mall-card-bg,#fff);border:1px solid var(--xq-mall-card-border,#e5edf6);border-radius:12px}.xq-mall-seo-card h2{font-size:18px;margin:0 0 10px}
.xq-mall-footer{width:calc(100% - 32px);max-width:1400px;margin:18px auto 0;padding:0 0 20px;color:var(--xq-mall-footer-text,#6b7c96)}.xq-mall-service-strip{background:var(--xq-mall-footer-card-bg,#fff);border:1px solid var(--xq-mall-footer-border,#e5edf6);border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);padding:14px 18px}.xq-mall-service-strip>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;padding:5px 22px;border-right:1px solid var(--xq-mall-footer-border,#edf2f7)}.xq-mall-service-strip>div:last-child{border-right:0}.xq-mall-service-strip span{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:#e9f3ff;color:var(--mall-blue);display:flex;align-items:center;justify-content:center;font-weight:800}.xq-mall-service-strip strong{font-size:14px;color:var(--xq-mall-footer-heading,#1d3155)}.xq-mall-service-strip small{font-size:12px;color:var(--xq-mall-footer-text,#7e8ca3)}
.xq-mall-footer-card{margin-top:16px;padding:34px 38px;background:var(--xq-mall-footer-bg,#fff);border:1px solid var(--xq-mall-footer-border,#e5edf6);border-radius:12px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.7fr) minmax(260px,.85fr);gap:58px}.xq-mall-footer-brand-block p{max-width:520px;margin:16px 0 0;color:var(--xq-mall-footer-text,#6b7c96);line-height:1.8;font-size:14px}.xq-mall-footer-brand{font-size:21px;font-weight:800;color:var(--xq-mall-footer-heading,#16315f)!important;text-decoration:none}.xq-mall-footer-links,.xq-mall-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.xq-mall-footer-links h3,.xq-mall-footer-contact h3{margin:0 0 10px;color:var(--xq-mall-footer-heading,#172b52);font-size:16px}.xq-mall-footer-links a,.xq-mall-footer-contact a{color:var(--xq-mall-footer-link,#516784)!important;text-decoration:none;font-size:14px}.xq-mall-footer-contact-list{width:100%;display:grid;gap:9px}.xq-mall-footer-contact-list a,.xq-mall-footer-contact-list span{display:block;padding:10px 12px;border:1px solid var(--xq-mall-footer-border,#e5edf6);border-radius:8px;background:var(--xq-mall-footer-card-bg,#fff);color:var(--xq-mall-footer-link,#516784)}.xq-mall-footer-bottom{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--xq-mall-footer-border,#e5edf6);color:var(--xq-mall-footer-text,#7a899f);font-size:13px}.xq-mall-footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px}.xq-mall-footer-bottom a{color:var(--xq-mall-footer-link,#687a95)!important;text-decoration:none}
.xq-mall-locale{display:inline-flex;align-items:center;gap:5px;font-size:13px}.xq-mall-locale i{font-style:normal;color:#a0aec0}.xq-mall-locale a{font-weight:600}.xq-mall-locale a.is-active{color:var(--mall-blue)!important}.xq-mall-standard-page{max-width:1400px!important}.xq-storefront-style-mall .xq-p2-main{background:transparent}.xq-storefront-style-mall .xq-p2-card,.xq-storefront-style-mall .card{border-color:var(--xq-mall-card-border,#e5edf6)}
@media(max-width:1180px){.xq-mall-header__inner{grid-template-columns:auto 1fr auto;gap:18px}.xq-mall-nav{display:none}.xq-mall-shell{grid-template-columns:190px minmax(0,1fr)}.xq-mall-hero{grid-template-columns:1fr 120px}.xq-mall-hero__benefits{display:none}.xq-mall-list-head,.xq-mall-product-row{grid-template-columns:minmax(390px,1fr) 100px 72px 100px 132px}.xq-mall-product-main{grid-template-columns:96px minmax(0,1fr)}.xq-mall-product-thumb{width:96px}}
@media(max-width:860px){.xq-mall-header__inner{padding:10px 14px;min-height:auto;grid-template-columns:1fr auto}.xq-mall-brand span{font-size:20px}.xq-mall-brand img{width:38px;height:38px}.xq-mall-search{grid-column:1/-1;grid-row:2;width:100%;justify-self:stretch}.xq-mall-account>a:not(.xq-mall-register):not(.xq-mall-cart){display:none}.xq-mall-main{padding:10px}.xq-mall-shell{display:block}.xq-mall-sidebar{position:static;display:flex;overflow-x:auto;gap:6px;padding:8px;border-radius:10px;margin-bottom:10px}.xq-mall-sidebar h2{display:none}.xq-mall-category-link{flex:0 0 auto;display:flex;min-height:38px;padding:0 12px;white-space:nowrap}.xq-mall-category-link small{display:none}.xq-mall-category-link.is-active{box-shadow:none}.xq-mall-hero{min-height:120px;padding:20px;grid-template-columns:1fr 95px}.xq-mall-hero__copy h1{font-size:24px}.xq-mall-hero__copy p{font-size:14px}.xq-mall-list-head{display:none}.xq-mall-product-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px;min-height:0}.xq-mall-product-main{grid-column:1/-1;padding:0;grid-template-columns:112px minmax(0,1fr)}.xq-mall-product-thumb{width:112px}.xq-mall-product-copy strong{font-size:16px}.xq-mall-product-copy small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xq-mall-product-type,.xq-mall-product-stock,.xq-mall-product-price{display:inline-flex;align-items:center;text-align:left;padding:0;margin-right:8px}.xq-mall-product-action{grid-column:2;grid-row:2/5;align-self:center;padding:0}.xq-mall-product-stock:before{content:'库存 ';color:#8a98aa;font-size:12px;margin-right:3px}.xq-mall-buy,.xq-mall-soldout{min-width:92px;min-height:38px}.xq-mall-service-strip{grid-template-columns:1fr 1fr;gap:0;padding:8px}.xq-mall-service-strip>div{border-right:0;border-bottom:1px solid #edf2f7;padding:10px}.xq-mall-service-strip>div:nth-last-child(-n+2){border-bottom:0}.xq-mall-footer{padding:0 10px 16px}.xq-mall-footer__bottom{grid-template-columns:1fr;justify-items:center;text-align:center;padding:14px}.xq-mall-footer__bottom>span{text-align:center}.xq-mall-footer__bottom nav{gap:16px}}
@media(max-width:520px){.xq-mall-register{padding:8px 10px!important}.xq-mall-cart{display:none}.xq-mall-hero__art{display:none}.xq-mall-hero{grid-template-columns:1fr}.xq-mall-section-head{padding:12px}.xq-mall-section-head>div{display:block}.xq-mall-section-head p{margin-top:4px}.xq-mall-section-head>a{display:none}.xq-mall-product-main{grid-template-columns:92px minmax(0,1fr)}.xq-mall-product-thumb{width:92px}.xq-mall-service-strip{grid-template-columns:1fr}.xq-mall-service-strip>div{border-bottom:1px solid #edf2f7!important}.xq-mall-service-strip>div:last-child{border-bottom:0!important}}

/* V14.0.15 global Mall shell, unified 1400px geometry and support-dock anchoring. */
body.xq-storefront-style-mall .xq-mall-header,body.xq-storefront-style-mall .xq-mall-footer-card{background-color:var(--xq-mall-header-bg,#fff)}
body.xq-storefront-style-mall .xq-mall-footer-card{background-color:var(--xq-mall-footer-bg,#fff)}
body.xq-storefront-style-mall .xq-mall-sidebar,body.xq-storefront-style-mall .xq-mall-list-card,body.xq-storefront-style-mall .xq-mall-seo-card{background:var(--xq-mall-card-bg,#fff);border-color:var(--xq-mall-card-border,#e5edf6)}
body.xq-storefront-style-mall .xq-mall-brand,body.xq-storefront-style-mall .xq-mall-nav a,body.xq-storefront-style-mall .xq-mall-account a{color:var(--xq-mall-header-text,#17284a)}
body.xq-storefront-style-mall .xq-mall-nav a:hover,body.xq-storefront-style-mall .xq-mall-nav a.is-active{color:var(--xq-mall-primary,#1677ff);border-bottom-color:var(--xq-mall-primary,#1677ff)}
body.xq-storefront-style-mall .xq-mall-search button,body.xq-storefront-style-mall .xq-mall-register,body.xq-storefront-style-mall .xq-mall-buy{background:var(--xq-mall-search-button,#1677ff)}
@media(max-width:860px){.xq-mall-footer-card{grid-template-columns:1fr;gap:28px;padding:24px 20px}.xq-mall-footer-bottom{align-items:flex-start;flex-direction:column;padding:16px 0}.xq-mall-service-strip{grid-template-columns:1fr 1fr}.xq-mall-service-strip>div:nth-child(2){border-right:0}}
@media(max-width:575.98px){.xq-mall-main,.xq-mall-header__inner,.xq-mall-footer{width:calc(100% - 20px)}.xq-mall-service-strip{grid-template-columns:1fr}.xq-mall-service-strip>div{border-right:0;border-bottom:1px solid var(--xq-mall-footer-border,#e5edf6)}.xq-mall-service-strip>div:last-child{border-bottom:0}.xq-mall-locale{width:100%;justify-content:center}}

/* V14.0.15-p1: Mall footer is a true full-bleed band. Its content remains on
   the same centered 1400px canvas used by the other storefront templates. */
body.xq-storefront-style-mall .xq-mall-footer{
  width:100%;max-width:none;margin:18px 0 0;padding:0;
  background:var(--xq-mall-footer-bg,#fff);
  border-top:1px solid var(--xq-mall-footer-border,#e5edf6);
  color:var(--xq-mall-footer-text,#6b7c96);
}
body.xq-storefront-style-mall .xq-mall-footer__inner{
  width:calc(100% - 32px);max-width:1400px;margin:0 auto;
}
body.xq-storefront-style-mall .xq-mall-footer-card{
  margin:0;padding:34px 38px;background:transparent;border:0;border-radius:0;
}
body.xq-storefront-style-mall .xq-mall-footer-bottom{
  padding:0 38px;
}
/* The former four-item assurance/service card is intentionally retired. */
body.xq-storefront-style-mall .xq-mall-service-strip{display:none!important}
@media(max-width:860px){
  body.xq-storefront-style-mall .xq-mall-footer{padding:0}
  body.xq-storefront-style-mall .xq-mall-footer-card{padding:24px 20px}
  body.xq-storefront-style-mall .xq-mall-footer-bottom{padding:16px 20px}
}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-footer{width:100%}
  body.xq-storefront-style-mall .xq-mall-footer__inner{width:calc(100% - 20px)}
}

/* V14.0.15-p2: contact rows use the configured contact logo, with the same
   fallback icon set used by the admin/customer-chat surfaces. */
.xq-mall-footer-contact-list a,.xq-mall-footer-contact-static{display:flex!important;align-items:center;gap:9px}
.xq-mall-footer-contact-list img{width:22px;height:22px;min-width:22px;object-fit:contain}

/* V14.0.15-p3: footer contact keeps one outer card per contact, while the
   nested text label is plain text. Compact vertical rhythm reduces the
   Contact Us column height without shrinking the logo or click target too far. */
body.xq-storefront-style-mall .xq-mall-footer-contact{
  gap:6px;
}
body.xq-storefront-style-mall .xq-mall-footer-contact h3{
  margin:0 0 6px;
}
body.xq-storefront-style-mall .xq-mall-footer-contact-list{
  gap:6px;
}
body.xq-storefront-style-mall .xq-mall-footer-contact-list > a,
body.xq-storefront-style-mall .xq-mall-footer-contact-list > .xq-mall-footer-contact-static{
  display:flex!important;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:7px 10px;
  border:1px solid var(--xq-mall-footer-border,#e5edf6);
  border-radius:8px;
  background:var(--xq-mall-footer-card-bg,#fff);
  color:var(--xq-mall-footer-link,#516784);
}
body.xq-storefront-style-mall .xq-mall-footer-contact-list > a > span,
body.xq-storefront-style-mall .xq-mall-footer-contact-list > .xq-mall-footer-contact-static > span{
  display:inline;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
}

/* V14.0.15-p4 */
body.xq-storefront-style-mall .xq-mall-footer-card{grid-template-columns:minmax(0,1.35fr) minmax(150px,.55fr) minmax(150px,.55fr) minmax(250px,.8fr);gap:38px}
body.xq-storefront-style-mall .xq-mall-footer-channels{margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
body.xq-storefront-style-mall .xq-mall-footer-channel{width:24px;height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;padding:0!important;border:0!important;border-radius:50%;background:transparent!important;color:var(--xq-mall-footer-link,#516784)!important;text-decoration:none;line-height:1;overflow:hidden}
body.xq-storefront-style-mall .xq-mall-footer-channel img{width:24px;height:24px;object-fit:contain;display:block}
body.xq-storefront-style-mall .xq-mall-footer-channel i,body.xq-storefront-style-mall .xq-mall-footer-channel span{font-size:20px;line-height:24px}
body.xq-storefront-style-mall .xq-mall-footer-empty{font-size:14px;color:var(--xq-mall-footer-text,#7a899f)}
body.xq-storefront-style-mall .xq-mall-hero-slider{position:relative;width:100%;height:109px;border-radius:10px;overflow:hidden;background:var(--xq-mall-card-bg,#fff);border:1px solid var(--xq-mall-card-border,#e3edf9)}
body.xq-storefront-style-mall .xq-mall-hero-slider__link{display:block;width:100%;height:100%;overflow:hidden}
body.xq-storefront-style-mall .xq-mall-hero-slider__link[aria-disabled="true"]{cursor:default}
body.xq-storefront-style-mall .xq-mall-hero-slider__link img{display:block;width:100%;height:100%;object-fit:cover}
body.xq-storefront-style-mall .xq-mall-hero-slider__dots{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:6px}
body.xq-storefront-style-mall .xq-mall-hero-slider__dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.62);box-shadow:0 0 0 1px rgba(0,0,0,.08)}
body.xq-storefront-style-mall .xq-mall-hero-slider__dots button.is-active{width:18px;border-radius:999px;background:#fff}
@media(max-width:1180px){body.xq-storefront-style-mall .xq-mall-hero{grid-template-columns:1fr 120px minmax(300px,.9fr)}body.xq-storefront-style-mall .xq-mall-footer-card{grid-template-columns:1.3fr .7fr .7fr 1fr;gap:24px}}
@media(max-width:980px){body.xq-storefront-style-mall .xq-mall-hero{grid-template-columns:1fr 110px}body.xq-storefront-style-mall .xq-mall-hero-slider{display:none}}
@media(max-width:860px){body.xq-storefront-style-mall .xq-mall-footer-card{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:575.98px){body.xq-storefront-style-mall .xq-mall-footer-card{grid-template-columns:1fr;gap:22px}}


/* V14.0.15-p5: Mall home slider becomes a standalone 1400px-wide module
   directly under the global header and above the sidebar/product columns. */
body.xq-storefront-style-mall .xq-mall-home-slider-wrap{width:100%;max-width:1400px;margin:0 0 10px}
body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider{display:block!important;width:100%;height:109px;border-radius:10px}
body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider__link,
body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider__link img{width:100%;height:100%}
body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider__link img{object-fit:cover}
/* Mall footer fixed pages follow the same split used by the other two storefronts. */
body.xq-storefront-style-mall .xq-mall-footer-card{grid-template-columns:minmax(0,1.2fr) minmax(125px,.42fr) minmax(135px,.48fr) minmax(125px,.42fr) minmax(240px,.72fr);gap:28px}
@media(max-width:1180px){body.xq-storefront-style-mall .xq-mall-footer-card{grid-template-columns:1.2fr .6fr .7fr .6fr 1fr;gap:20px}}
@media(max-width:980px){body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider{display:block!important}}
@media(max-width:860px){body.xq-storefront-style-mall .xq-mall-footer-card{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:575.98px){body.xq-storefront-style-mall .xq-mall-home-slider-wrap{margin-bottom:8px}body.xq-storefront-style-mall .xq-mall-footer-card{grid-template-columns:1fr;gap:22px}}

/* V14.0.15-p6: Mall homepage slideshow is authored at 1400x400 and scales
   proportionally below the desktop canvas. Home catalog columns always share
   the same top edge, including when Popular is the active left item. */
body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider{
  width:100%;height:auto;aspect-ratio:1400/400;
}
body.xq-storefront-style-mall .xq-mall-shell{align-items:start}
body.xq-storefront-style-mall .xq-mall-content > .xq-mall-list-card:first-child{margin-top:0}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider{height:auto;aspect-ratio:1400/400}
}


/* V14.0.15-p7: 1400x280 Mall slider + clean two-pixel mobile catalog geometry. */
body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider{
  width:100%;height:auto;aspect-ratio:7/1;
}
@media(max-width:860px){
  /* Guests keep both Sign in and Register visible on the compact header. */
  body.xq-storefront-style-mall .xq-mall-account>a.xq-mall-login{display:inline-flex!important;align-items:center;justify-content:center}
  body.xq-storefront-style-mall .xq-mall-account{gap:10px}
  body.xq-storefront-style-mall .xq-mall-login{font-size:14px;padding:7px 2px}
}
@media(max-width:575.98px){
  /* Match the other two storefronts: content cards stop 2px from the viewport. */
  body.xq-storefront-style-mall .xq-mall-main{width:calc(100% - 4px);max-width:none;margin-left:auto;margin-right:auto;padding:8px 0 0}
  body.xq-storefront-style-mall .xq-mall-home-slider-wrap{width:100%;margin-bottom:6px}
  body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider{height:auto;aspect-ratio:7/1;border-radius:7px}
  body.xq-storefront-style-mall .xq-mall-sidebar{margin:0 0 2px;border-radius:7px;padding:6px}
  body.xq-storefront-style-mall .xq-mall-list-card{margin-top:0;border-radius:7px;box-shadow:none}
  body.xq-storefront-style-mall .xq-mall-section-head{min-height:52px;padding:9px 10px}
  body.xq-storefront-style-mall .xq-mall-section-head h2{font-size:18px}
  body.xq-storefront-style-mall .xq-mall-section-head p{font-size:12px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  /* One predictable product card: media/title first, then two compact metadata rows. */
  body.xq-storefront-style-mall .xq-mall-product-row{
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;
    gap:7px 10px;padding:9px 8px;min-height:0;align-items:center;
  }
  body.xq-storefront-style-mall .xq-mall-product-main{
    grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:96px minmax(0,1fr);gap:9px;padding:0;align-items:center;
  }
  body.xq-storefront-style-mall .xq-mall-product-thumb{width:96px;border-radius:7px}
  body.xq-storefront-style-mall .xq-mall-product-copy{gap:3px}
  body.xq-storefront-style-mall .xq-mall-product-copy strong{font-size:15px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.xq-storefront-style-mall .xq-mall-product-copy small{font-size:12px;line-height:1.35;-webkit-line-clamp:2}
  body.xq-storefront-style-mall .xq-mall-product-type{grid-column:1;grid-row:2;justify-self:start;margin:0;padding:0;display:flex;align-items:center}
  body.xq-storefront-style-mall .xq-mall-product-stock{grid-column:2;grid-row:2;justify-self:end;margin:0;padding:0;display:flex;align-items:center;font-size:13px}
  body.xq-storefront-style-mall .xq-mall-product-type span{font-size:12px;padding:4px 7px;border-radius:6px}
  body.xq-storefront-style-mall .xq-mall-product-stock:before{font-size:11px}
  body.xq-storefront-style-mall .xq-mall-product-price{grid-column:1;grid-row:3;justify-self:start;margin:0;padding:0;font-size:16px;text-align:left}
  body.xq-storefront-style-mall .xq-mall-product-action{grid-column:2;grid-row:3;justify-self:end;align-self:center;margin:0;padding:0}
  body.xq-storefront-style-mall .xq-mall-buy,body.xq-storefront-style-mall .xq-mall-soldout{min-width:88px;min-height:34px;padding:0 9px;font-size:12px;border-radius:6px}
  body.xq-storefront-style-mall .xq-mall-empty{padding:32px 12px}
  body.xq-storefront-style-mall .xq-mall-pagination{padding:10px 8px}
  /* Keep language, login and registration usable without forcing a second hidden menu. */
  body.xq-storefront-style-mall .xq-mall-header__inner{width:calc(100% - 4px);padding:8px 4px;gap:8px}
  body.xq-storefront-style-mall .xq-mall-account{gap:7px}
  body.xq-storefront-style-mall .xq-mall-login{display:inline-flex!important;font-size:13px;padding:7px 0}
  body.xq-storefront-style-mall .xq-mall-register{font-size:13px;padding:8px 9px!important}
}
@media(max-width:390px){
  body.xq-storefront-style-mall .xq-mall-brand span{display:none}
  body.xq-storefront-style-mall .xq-mall-account{gap:6px}
  body.xq-storefront-style-mall .xq-mall-locale{font-size:12px}
  body.xq-storefront-style-mall .xq-mall-product-main{grid-template-columns:88px minmax(0,1fr)}
  body.xq-storefront-style-mall .xq-mall-product-thumb{width:88px}
}

/* V14.0.15-p8: category SEO hero spans the full content column; delivery badges reuse the global storefront status palette. */
body.xq-storefront-style-mall .xq-mall-category-seo-hero{
  width:100%;box-sizing:border-box;margin:0;padding:20px 22px;
  background:var(--xq-mall-card-bg,#fff);border:1px solid var(--xq-mall-card-border,#e5edf6);
  border-radius:12px;box-shadow:0 8px 28px rgba(24,62,105,.035);
}
body.xq-storefront-style-mall .xq-mall-category-seo-hero h1{
  display:block;width:100%;margin:0 0 8px;font-size:26px;line-height:1.35;font-weight:800;
  color:var(--xq-mall-heading,#102850);white-space:normal;overflow-wrap:anywhere;
}
body.xq-storefront-style-mall .xq-mall-category-seo-hero p{
  display:block;width:100%;margin:0;font-size:16px;line-height:1.7;font-weight:400;
  color:var(--xq-mall-muted,#6a7d9b);white-space:normal;overflow-wrap:anywhere;
}
body.xq-storefront-style-mall .xq-mall-product-type .xq-product-meta-badge{
  display:inline-block;border-radius:7px;padding:5px 9px;font-size:13px;font-weight:700;line-height:1.2;
}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-category-seo-hero{padding:14px 12px;border-radius:8px}
  body.xq-storefront-style-mall .xq-mall-category-seo-hero h1{font-size:20px;margin-bottom:6px}
  body.xq-storefront-style-mall .xq-mall-category-seo-hero p{font-size:14px;line-height:1.6}
}


/* V14.0.15-p9: category H1 is the sole category heading; mobile cards reuse global badge palette and are fully clickable. */
body.xq-storefront-style-mall .xq-mall-product-mobile{display:none}
body.xq-storefront-style-mall .xq-mall-list-card--category{margin-top:18px}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-list-card--category{margin-top:2px}
  body.xq-storefront-style-mall .xq-mall-product-row{display:block;padding:0;min-height:0}
  body.xq-storefront-style-mall .xq-mall-product-row>.xq-mall-product-main,
  body.xq-storefront-style-mall .xq-mall-product-row>.xq-mall-product-type,
  body.xq-storefront-style-mall .xq-mall-product-row>.xq-mall-product-stock,
  body.xq-storefront-style-mall .xq-mall-product-row>.xq-mall-product-price,
  body.xq-storefront-style-mall .xq-mall-product-row>.xq-mall-product-action{display:none!important}
  body.xq-storefront-style-mall .xq-mall-product-mobile{display:block;padding:8px;text-decoration:none!important;color:inherit}
  body.xq-storefront-style-mall .xq-mall-product-mobile__top{display:grid;grid-template-columns:96px minmax(0,1fr);gap:9px;align-items:center}
  body.xq-storefront-style-mall .xq-mall-product-mobile__top .xq-mall-product-thumb{width:96px;border-radius:7px}
  body.xq-storefront-style-mall .xq-mall-product-mobile__top .xq-mall-product-copy strong{font-size:15px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.xq-storefront-style-mall .xq-mall-product-mobile__top .xq-mall-product-copy small{font-size:12px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.xq-storefront-style-mall .xq-mall-product-mobile__badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:7px}
  body.xq-storefront-style-mall .xq-mall-product-mobile__badges .xq-product-meta-badge{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:25px;padding:4px 3px!important;border-radius:5px!important;font-size:11px!important;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* Compact mobile footer: brand first, two-column links, contacts as short chips. */
  body.xq-storefront-style-mall .xq-mall-footer{margin-top:8px;padding-bottom:8px}
  body.xq-storefront-style-mall .xq-mall-footer__inner{padding-top:8px}
  body.xq-storefront-style-mall .xq-mall-footer-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding:16px 12px;border-radius:7px}
  body.xq-storefront-style-mall .xq-mall-footer-brand-block{grid-column:1/-1}
  body.xq-storefront-style-mall .xq-mall-footer-brand{font-size:18px}
  body.xq-storefront-style-mall .xq-mall-footer-brand-block p{display:none}
  body.xq-storefront-style-mall .xq-mall-footer-channels{margin-top:9px;gap:9px}
  body.xq-storefront-style-mall .xq-mall-footer-channel,body.xq-storefront-style-mall .xq-mall-footer-channel img{width:22px;height:22px;min-width:22px}
  body.xq-storefront-style-mall .xq-mall-footer-links,body.xq-storefront-style-mall .xq-mall-footer-contact{gap:5px}
  body.xq-storefront-style-mall .xq-mall-footer-links h3,body.xq-storefront-style-mall .xq-mall-footer-contact h3{margin:0 0 3px;font-size:14px}
  body.xq-storefront-style-mall .xq-mall-footer-links a{font-size:12px;line-height:1.35}
  body.xq-storefront-style-mall .xq-mall-footer-contact{grid-column:1/-1}
  body.xq-storefront-style-mall .xq-mall-footer-contact-list{display:flex;flex-wrap:wrap;gap:6px}
  body.xq-storefront-style-mall .xq-mall-footer-contact-list a,body.xq-storefront-style-mall .xq-mall-footer-contact-list span{width:auto;min-height:32px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;border-radius:6px;font-size:12px}
  body.xq-storefront-style-mall .xq-mall-footer-contact-list img{width:18px;height:18px}
  body.xq-storefront-style-mall .xq-mall-footer-bottom{min-height:42px;align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;padding:8px 0;font-size:11px}
  body.xq-storefront-style-mall .xq-mall-footer-bottom nav{gap:10px}
}
@media(max-width:390px){
  body.xq-storefront-style-mall .xq-mall-product-mobile__top{grid-template-columns:88px minmax(0,1fr)}
  body.xq-storefront-style-mall .xq-mall-product-mobile__top .xq-mall-product-thumb{width:88px}
  body.xq-storefront-style-mall .xq-mall-product-mobile__badges .xq-product-meta-badge{font-size:10px!important;padding-left:2px!important;padding-right:2px!important}
}

/* V14.0.15-p10: mobile brand is logo + text only-click targets; shared cart entry stays visible; register is text-only. */
body.xq-storefront-style-mall .xq-mall-brand{
  display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;justify-self:start;
  color:#0c2250;font-size:27px;font-weight:800;white-space:nowrap;
}
body.xq-storefront-style-mall .xq-mall-brand__logo-link,
body.xq-storefront-style-mall .xq-mall-brand__text-link{
  display:inline-flex;align-items:center;width:auto;max-width:100%;color:inherit;text-decoration:none;
}
body.xq-storefront-style-mall .xq-mall-brand__text-link{font:inherit;line-height:1.15}
body.xq-storefront-style-mall .xq-mall-register{
  background:transparent!important;color:var(--xq-mall-header-text,#17284a)!important;
  padding:0!important;border-radius:0!important;box-shadow:none!important;
}
body.xq-storefront-style-mall .xq-mall-cart{
  position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;
  padding:0 3px;text-decoration:none!important;
}
body.xq-storefront-style-mall .xq-mall-cart__icon{font-size:18px;line-height:1}
body.xq-storefront-style-mall .xq-mall-cart__count{
  position:absolute;top:-7px;right:-8px;display:flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e60012;color:#fff;
  border:2px solid var(--xq-mall-header-bg,#fff);font-size:11px;font-weight:800;line-height:1;box-sizing:border-box;
}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-header__inner{
    grid-template-columns:minmax(0,1fr) auto;align-items:center;
  }
  body.xq-storefront-style-mall .xq-mall-brand{gap:7px;min-width:0;max-width:100%}
  body.xq-storefront-style-mall .xq-mall-brand img{width:36px;height:36px}
  body.xq-storefront-style-mall .xq-mall-brand__text-link{
    display:inline-flex!important;min-width:0;max-width:145px;font-size:18px!important;font-weight:800;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  body.xq-storefront-style-mall .xq-mall-account{gap:8px}
  body.xq-storefront-style-mall .xq-mall-cart{display:inline-flex!important;margin-right:3px}
  body.xq-storefront-style-mall .xq-mall-register{display:inline-flex!important;font-size:13px;padding:7px 0!important}
}
@media(max-width:390px){
  body.xq-storefront-style-mall .xq-mall-brand span{display:initial}
  body.xq-storefront-style-mall .xq-mall-brand__text-link{display:inline-flex!important;max-width:105px;font-size:16px!important}
  body.xq-storefront-style-mall .xq-mall-account{gap:6px}
}


/* V14.0.15-p12: Mall header/footer palette cleanup.
   - overall background also owns the shell extension/gutter canvas;
   - brand, nav default/active, and footer contact text are independently configurable;
   - nav active state is color-only (no underline). */
html:has(body.xq-storefront-style-mall),
body.xq-storefront-style-mall{
  background-color:var(--xq-mall-page-bg,#f7faff)!important;
}
body.xq-storefront-style-mall .xq-mall-header{
  background-color:var(--xq-mall-page-bg,#f7faff)!important;
}
body.xq-storefront-style-mall .xq-mall-header__inner{
  background-color:var(--xq-mall-header-bg,#fff);
}
body.xq-storefront-style-mall .xq-mall-footer{
  background-color:var(--xq-mall-page-bg,#f7faff)!important;
}
body.xq-storefront-style-mall .xq-mall-footer__inner{
  background-color:var(--xq-mall-footer-bg,#fff);
}
body.xq-storefront-style-mall .xq-mall-brand__text-link{
  color:var(--xq-mall-brand-text,#0c2250)!important;
}
body.xq-storefront-style-mall .xq-mall-nav a{
  color:var(--xq-mall-nav-text,#192b51)!important;
  border-bottom:0!important;
}
body.xq-storefront-style-mall .xq-mall-nav a:hover,
body.xq-storefront-style-mall .xq-mall-nav a.is-active{
  color:var(--xq-mall-nav-active,#1677ff)!important;
  border-bottom:0!important;
}
body.xq-storefront-style-mall .xq-mall-footer-contact-list > a,
body.xq-storefront-style-mall .xq-mall-footer-contact-list > .xq-mall-footer-contact-static{
  color:var(--xq-mall-footer-contact-text,#516784)!important;
}

/* V14.0.15-p13: header/footer are true full-viewport bands.
   The overall page background applies only to the page canvas; header/footer
   keep their own configured backgrounds while only their inner content is
   constrained to the shared 1400px desktop canvas. */
body.xq-storefront-style-mall .xq-mall-header{
  width:100%;max-width:none;margin-left:0;margin-right:0;
  background-color:var(--xq-mall-header-bg,#fff)!important;
}
body.xq-storefront-style-mall .xq-mall-header__inner{
  width:calc(100% - 32px);max-width:1400px;margin-left:auto;margin-right:auto;
  background:transparent!important;
}
body.xq-storefront-style-mall .xq-mall-footer{
  width:100%;max-width:none;margin-left:0;margin-right:0;
  background-color:var(--xq-mall-footer-bg,#fff)!important;
}
body.xq-storefront-style-mall .xq-mall-footer__inner{
  width:calc(100% - 32px);max-width:1400px;margin-left:auto;margin-right:auto;
  background:transparent!important;
}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-header__inner{width:calc(100% - 4px)}
  body.xq-storefront-style-mall .xq-mall-footer__inner{width:calc(100% - 4px)}
}


/* V14.0.15-p14: authoritative Mall viewport bands + palette isolation.
   Header/footer own their full viewport bands. The page background only paints
   the middle canvas. Header navigation colors never drive category/content colors. */
html:has(body.xq-storefront-style-mall),
body.xq-storefront-style-mall{
  background-color:var(--xq-mall-page-bg,#f7faff)!important;
}
body.xq-storefront-style-mall > .xq-mall-header{
  width:100%!important;max-width:none!important;
  margin:0!important;padding-left:0!important;padding-right:0!important;
  background:var(--xq-mall-header-bg,#fff)!important;
  box-sizing:border-box;
}
body.xq-storefront-style-mall > .xq-mall-header > .xq-mall-header__inner{
  width:calc(100% - 32px)!important;max-width:1400px!important;
  margin-left:auto!important;margin-right:auto!important;
  background:transparent!important;
}
body.xq-storefront-style-mall > .xq-mall-footer{
  width:100%!important;max-width:none!important;
  margin:18px 0 0!important;padding-left:0!important;padding-right:0!important;
  background:var(--xq-mall-footer-bg,#fff)!important;
  box-sizing:border-box;
}
body.xq-storefront-style-mall > .xq-mall-footer > .xq-mall-footer__inner{
  width:calc(100% - 32px)!important;max-width:1400px!important;
  margin-left:auto!important;margin-right:auto!important;
  background:transparent!important;
}
/* Header palette: header-only. */
body.xq-storefront-style-mall .xq-mall-brand__text-link{
  color:var(--xq-mall-brand-text,#0c2250)!important;
}
body.xq-storefront-style-mall .xq-mall-nav a{
  color:var(--xq-mall-nav-text,#192b51)!important;
}
body.xq-storefront-style-mall .xq-mall-nav a:hover,
body.xq-storefront-style-mall .xq-mall-nav a.is-active{
  color:var(--xq-mall-nav-active,#1677ff)!important;
}
body.xq-storefront-style-mall .xq-mall-account a,
body.xq-storefront-style-mall .xq-mall-locale{
  color:var(--xq-mall-header-text,#17284a)!important;
}
body.xq-storefront-style-mall .xq-mall-locale a.is-active{
  color:var(--xq-mall-nav-active,#1677ff)!important;
}
/* Middle content palette is independent from header navigation. */
body.xq-storefront-style-mall .xq-mall-category-link{
  color:var(--xq-mall-sidebar-text,#314462)!important;
}
body.xq-storefront-style-mall .xq-mall-category-link:hover,
body.xq-storefront-style-mall .xq-mall-category-link.is-active{
  color:var(--xq-mall-sidebar-active-text,#1677ff)!important;
}
body.xq-storefront-style-mall .xq-mall-category-link small,
body.xq-storefront-style-mall .xq-mall-category-icon{
  color:inherit!important;
}
body.xq-storefront-style-mall .xq-mall-category-seo-hero h1{
  color:var(--xq-mall-category-title,#102850)!important;
}
body.xq-storefront-style-mall .xq-mall-product-copy strong{
  color:var(--xq-mall-product-title,#102650)!important;
}
body.xq-storefront-style-mall .xq-mall-product-main:hover strong{
  color:var(--xq-mall-product-title-hover,#1677ff)!important;
}
@media(max-width:575.98px){
  body.xq-storefront-style-mall > .xq-mall-header > .xq-mall-header__inner,
  body.xq-storefront-style-mall > .xq-mall-footer > .xq-mall-footer__inner{
    width:calc(100% - 4px)!important;
  }
}

/* V14.0.15-p16: mall storefront homepage vertical rhythm.
   Header -> slider -> catalog -> shared footer uses a consistent 5px gap.
   Horizontal desktop column spacing remains unchanged. */
body.xq-storefront-style-mall .xq-mall-main{padding-top:5px}
body.xq-storefront-style-mall .xq-mall-home-slider-wrap{margin-top:0;margin-bottom:5px}
body.xq-storefront-style-mall .xq-mall-main + .xq-p2-footer{margin-top:5px!important}
@media(max-width:860px){
  body.xq-storefront-style-mall .xq-mall-main{padding-top:5px}
  body.xq-storefront-style-mall .xq-mall-home-slider-wrap{margin-bottom:5px}
  body.xq-storefront-style-mall .xq-mall-sidebar{margin-bottom:5px}
}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-main{padding-top:5px}
  body.xq-storefront-style-mall .xq-mall-home-slider-wrap{margin-bottom:5px}
}

/* V14.0.15-p18: Mall category 5px vertical rhythm + tighter catalog columns. */
@media (min-width: 861px){
  body.xq-storefront-style-mall .xq-mall-shell{
    grid-template-columns:243px minmax(0,1fr);
    gap:5px;
  }
}
body.xq-storefront-style-mall .xq-mall-content--category > *{
  margin-bottom:0!important;
}
body.xq-storefront-style-mall .xq-mall-content--category > * + *{
  margin-top:5px!important;
}
body.xq-storefront-style-mall .xq-mall-content--category > .xq-mall-category-seo-hero:first-child{
  margin-top:0!important;
}
@media (max-width: 860px){
  body.xq-storefront-style-mall .xq-mall-content--category > * + *{
    margin-top:5px!important;
  }
}

/* V14.0.15-p19: mall home slider final desktop/mobile ratio 1400x200. */
body.xq-storefront-style-mall .xq-mall-home-slider-wrap .xq-mall-hero-slider{height:auto!important;aspect-ratio:7/1!important}
/* V14.0.15-p22: Mall homepage announcement is a true viewport-wide square band.
   The message/close control remain aligned to the shared centered content canvas. */
body.xq-storefront-style-mall .xq-mall-header > .xq-p2-notice{
  display:block;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-radius:0!important;
}
/* V14.0.15-p32: hidden must beat Mall visible-state styling so the shared
   one-hour dismiss logic can actually collapse the full-bleed notice. */
body.xq-storefront-style-mall .xq-mall-header > .xq-p2-notice[hidden]{
  display:none!important;
}
body.xq-storefront-style-mall .xq-mall-header > .xq-p2-notice > .xq-p2-notice__inner{
  width:calc(100% - 32px)!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:0!important;
}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-header > .xq-p2-notice > .xq-p2-notice__inner{width:calc(100% - 20px)!important}
}

/* V14.0.15-p27: Mall desktop navigation order + responsive hamburger menu.
   Locale and cart stay in their existing header positions; account actions move into the menu on compact widths. */
body.xq-storefront-style-mall .xq-mall-menu-toggle{
  display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;
  border:1px solid var(--xq-mall-search-border,#dbe5f1);border-radius:7px;
  background:var(--xq-mall-header-bg,#fff);color:var(--xq-mall-header-text,#17284a);
  font-size:22px;font-weight:700;line-height:1;cursor:pointer;
}
body.xq-storefront-style-mall .xq-mall-mobile-nav{display:none}
@media(max-width:1180px){
  body.xq-storefront-style-mall .xq-mall-header{position:relative}
  body.xq-storefront-style-mall .xq-mall-menu-toggle{display:inline-flex}
  body.xq-storefront-style-mall .xq-mall-account-desktop{display:none!important}
  body.xq-storefront-style-mall .xq-mall-mobile-nav{
    position:absolute;z-index:80;right:16px;top:72px;width:min(280px,calc(100vw - 20px));
    padding:7px;background:var(--xq-mall-header-bg,#fff);border:1px solid var(--xq-mall-header-border,#e5edf6);
    border-radius:8px;box-shadow:0 12px 30px rgba(19,43,77,.16);
  }
  body.xq-storefront-style-mall .xq-mall-mobile-nav.is-open{display:block}
  body.xq-storefront-style-mall .xq-mall-mobile-nav>a,
  body.xq-storefront-style-mall .xq-mall-mobile-nav__form>button{
    display:flex;width:100%;min-height:40px;align-items:center;padding:8px 11px;border:0;border-radius:6px;
    background:transparent;color:var(--xq-mall-nav-text,#192b51);font:inherit;font-size:15px;font-weight:600;
    text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box;
  }
  body.xq-storefront-style-mall .xq-mall-mobile-nav>a:hover,
  body.xq-storefront-style-mall .xq-mall-mobile-nav>a.is-active,
  body.xq-storefront-style-mall .xq-mall-mobile-nav__form>button:hover{
    color:var(--xq-mall-nav-active,#1677ff);background:color-mix(in srgb,var(--xq-mall-nav-active,#1677ff) 8%,transparent);
  }
  body.xq-storefront-style-mall .xq-mall-mobile-nav__divider{display:block;height:1px;margin:5px 4px;background:var(--xq-mall-header-border,#e5edf6)}
  body.xq-storefront-style-mall .xq-mall-mobile-nav__form{margin:0}
}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-account{gap:6px}
  body.xq-storefront-style-mall .xq-mall-menu-toggle{width:34px;height:34px;font-size:20px}
  body.xq-storefront-style-mall .xq-mall-mobile-nav{right:5px;width:min(270px,calc(100vw - 10px))}
  body.xq-storefront-style-mall .xq-mall-locale{width:auto!important;justify-content:flex-start!important}
  body.xq-storefront-style-mall .xq-mall-cart{display:inline-flex!important}
}

/* V14.0.15-p28: compact Mall hamburger menu + account actions menu-only on compact widths.
   Explicit high-specificity overrides retire older p7/p10 mobile login/register visibility rules. */
@media(max-width:1180px){
  body.xq-storefront-style-mall .xq-mall-account>a.xq-mall-login.xq-mall-account-desktop,
  body.xq-storefront-style-mall .xq-mall-account>a.xq-mall-register.xq-mall-account-desktop,
  body.xq-storefront-style-mall .xq-mall-account>a.xq-mall-account-desktop{
    display:none!important;
  }
  body.xq-storefront-style-mall .xq-mall-mobile-nav{
    width:max-content!important;
    min-width:0!important;
    max-width:calc(100vw - 32px)!important;
  }
  body.xq-storefront-style-mall .xq-mall-mobile-nav>a{
    width:auto!important;
    white-space:nowrap;
  }
  body.xq-storefront-style-mall .xq-mall-mobile-nav__form{
    width:100%;
  }
  body.xq-storefront-style-mall .xq-mall-mobile-nav__form>button{
    width:100%!important;
    white-space:nowrap;
  }
}
@media(max-width:575.98px){
  body.xq-storefront-style-mall .xq-mall-mobile-nav{
    right:5px;
    max-width:calc(100vw - 10px)!important;
  }
}
