:root { --store-accent: #1677ff; --store-background: #f6f8fb; --store-header-height: 88px; }
body { min-width: 320px; background: var(--store-background); color: #283247; letter-spacing: 0; isolation:isolate; }
body > *:not(.store-background-layer) { position:relative; z-index:1; }
.store-background-layer { position:fixed; inset:0; z-index:0; pointer-events:none; background:#eef3f8; overflow:hidden; }
@keyframes store-background-drift { 0%,100% { transform:scale(1) translate3d(0,0,0); } 50% { transform:scale(1.05) translate3d(1.5%,-1%,0); } }
body[data-store-background="preset"][data-store-background-preset="soft-mesh"] .store-background-layer { background:radial-gradient(circle at 12% 18%,rgb(126 188 255 / 26%),transparent 32%),radial-gradient(circle at 86% 12%,rgb(167 243 208 / 22%),transparent 30%),linear-gradient(135deg,#edf5ff 0%,#f6f9fc 52%,#edf8f5 100%); background-size:140% 140%; animation:store-background-drift 18s ease-in-out infinite; }
body[data-store-background="preset"][data-store-background-preset="blue-wave"] .store-background-layer { background:radial-gradient(circle at 15% 70%,rgb(96 165 250 / 34%),transparent 30%),linear-gradient(135deg,#dbeafe,#eff6ff 45%,#dbeafe); background-size:150% 150%; animation:store-background-drift 15s ease-in-out infinite; }
body[data-store-background="preset"][data-store-background-preset="sunset-glow"] .store-background-layer { background:radial-gradient(circle at 82% 18%,rgb(251 146 60 / 30%),transparent 34%),linear-gradient(135deg,#fff7ed,#fff 50%,#fef3c7); background-size:140% 140%; animation:store-background-drift 20s ease-in-out infinite; }
body[data-store-background="preset"][data-store-background-preset="midnight-grid"] .store-background-layer { background-color:#111827; background-image:linear-gradient(rgb(148 163 184 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(148 163 184 / 9%) 1px,transparent 1px),radial-gradient(circle at 70% 0%,rgb(37 99 235 / 38%),transparent 38%); background-size:32px 32px,32px 32px,100% 100%; }
body[data-store-background="solid"] .store-background-layer { background:var(--store-background); }
body[data-store-background="image"] .store-background-layer { background-color:#eef3f8; }
@media (prefers-reduced-motion:reduce) { body[data-store-background="preset"] .store-background-layer { animation:none; } }
body *,button,input,select { letter-spacing: 0; }
#storeName,#heroTitle,#heroSubtitle { min-width:0;max-width:100%;overflow-wrap:anywhere; }
button,a { -webkit-tap-highlight-color: transparent; }
a:focus-visible,button:focus-visible,input:focus-visible { outline: 2px solid var(--store-accent); outline-offset: 3px; }
.site-header { display:flex; height: 88px; gap: 32px; padding: 0 max(24px,calc((100% - 1200px)/2)); background: #fff; border-color: #edf0f5; backdrop-filter: none; }
.store-brand { flex: 0 1 290px; gap: 16px; min-width: 0; }
.store-brand img { width: 180px; height: 80px; object-fit: contain; }
.store-brand span { padding-left: 16px; border-left: 1px solid #e4e9ef; color: #546077; font-size: 15px; font-weight: 500; }
.store-brand.has-logo span { display: none; }
.store-brand:not(.has-logo) span { display: inline; }
.site-header .store-navigation { margin-left: auto; }
@media (max-width: 780px) { .site-header .store-navigation { margin-left: 0; } }
.store-search { display: flex; align-items: center; flex: 1; gap: 12px; min-width: 0; max-width: 520px; height: 42px; padding-left: 14px; border: 1px solid #d6e5fa; border-radius: 6px; background: #f7faff; }
.store-search > svg { flex: 0 0 18px; width: 18px; height: 18px; color: #8ca2c0; }
.store-search input { width: 100%; min-width: 0; height: 38px; padding: 0; border: 0; background: transparent; color: #35435a; font: inherit; font-size: 13px; outline: 0; }
.store-search button { flex: 0 0 68px; align-self: stretch; border: 0; border-radius: 0 5px 5px 0; background: var(--store-accent); color: #fff; font-size: 13px; cursor: pointer; }
.account-link { flex: 0 0 auto; margin-left: auto; padding: 10px 16px; border: 0; background: #edf4ff; color: var(--store-accent); font-size: 13px; }
.store-navigation { display: flex; align-items: center; gap:var(--nav-gap,38px); height: 51px; padding: 0 max(24px,calc((100% - 1200px)/2)); border-bottom: 1px solid #e9edf3; background: #fff; }
.store-navigation a { position:relative;display: inline-flex; align-items: center; gap: 8px; align-self: stretch; border-bottom: 2px solid transparent; border-radius:var(--nav-radius,0);text-decoration: none; font-size:var(--nav-font-size,14px);font-weight:var(--nav-font-weight,500);color:var(--nav-text-color,#5d687b); white-space: nowrap; }
.store-navigation a.is-active { color:var(--nav-active-color,var(--store-accent)); border-bottom-color:var(--nav-active-color,var(--store-accent)); }
.store-navigation .nav-badge{--badge-color:#67c23a;position:absolute;bottom:calc(50% + 16px);right:0;max-width:100%;padding:1px 4px;border-radius:3px;background:var(--badge-color);color:#fff;font-size:10px;line-height:14px;font-weight:500;white-space:nowrap;pointer-events:none}.store-navigation .nav-badge>span{display:block;overflow:hidden;text-overflow:ellipsis}.store-navigation .nav-badge::after{content:"";position:absolute;top:100%;left:6px;border-top:4px solid var(--badge-color);border-right:4px solid transparent}
.store-navigation svg { width: 16px; height: 16px; align-self: center; }
.store-intro { display: block; min-height: 0; max-width: 1200px; margin: 0 auto; padding: 26px 0 20px; border: 0; background: transparent; }
.store-intro > div { display: flex; align-items: baseline; gap: 20px; max-width: none; flex-wrap: wrap; }
.store-intro h1 { margin: 0; color: #263248; font-size: 26px; line-height: 1.4; font-weight: 650; }
.store-intro p { margin: 0; color: #919baa; font-size: 13px; }
.store-intro .primary-action { margin: 0 0 0 auto; min-height: 32px; background: none; color: var(--store-accent); padding: 0; font-size: 13px; }
#storeHeroImage { display: block; width: 100%; max-height: 350px; object-fit: contain; margin-top: 18px; border-radius: 8px; }
[data-mall-page-sections] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; max-width: 1200px; margin: 0 auto 26px; }
[data-mall-page-sections] > .mps-band { grid-column: 1 / -1; border: 0; border-radius: 0; }
[data-mall-page-sections] > .mps-band-banner { grid-column: auto; padding: 0; }
.mps-band-shortcuts { padding: 22px 26px; background: #fff; }
.mps-shortcuts { grid-template-columns: repeat(4,minmax(0,1fr)); }
.mps-shortcuts a { display: flex; justify-content: center; align-items: center; gap: 14px; font-size: 14px; }
.announcement { padding: 10px 24px; background: #fff8e9; color: #987238; font-size: 12px; }
.catalog-shell { display: grid; grid-template-columns: 196px minmax(0,1fr); gap: 24px; max-width: 1200px; margin: 0 auto; padding: 0; border: 0; background: transparent; scroll-margin-top: 104px; }
.catalog-sidebar { align-self: start; min-width: 0; padding: 0; background: #fff; border: 1px solid #edf0f5; border-radius: 6px; }
.catalog-sidebar .section-head { display: flex; align-items: center; min-height: 55px; padding: 0 16px; margin: 0; border-bottom: 1px solid #edf0f5; }
.catalog-sidebar h2 { font-size: 14px; font-weight: 600; }
.catalog-sidebar #categoryCount { font-size: 10px; }
#catalogCategories { display: grid; padding: 8px 0; gap: 2px; }
#catalogCategories button { display: flex; align-items: center; justify-content:flex-start; gap: 10px; width: 100%; min-height: 41px; padding: 8px 16px; border: 0; border-left: 2px solid transparent; border-radius: 0; background: transparent; color: #717d90; font-size: 13px; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
#catalogCategories svg { flex: 0 0 16px; width: 16px; height: 16px; stroke-width: 1.7; }
#catalogCategories button.is-active { background: #edf5ff; border-left-color: var(--store-accent); color: var(--store-accent); }
.catalog-main { min-width: 0; }
.catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 50px; margin-bottom: 0; }
.catalog-toolbar p { display: none; }
.catalog-toolbar h2 { margin: 0; color: #2f3b50; font-size: 20px; font-weight: 600; }
.catalog-layout-switch { display: flex; gap: 2px; padding: 3px; border: 1px solid #e4eaf2; border-radius: 4px; background: #fff; }
.catalog-layout-switch button { display: grid; place-items: center; width: 30px; height: 28px; padding: 0; border: 0; border-radius: 2px; background: transparent; color: #95a2b4; cursor: pointer; }
.catalog-layout-switch button[aria-pressed=true] { color: var(--store-accent); background: #edf5ff; }
.catalog-layout-switch svg { width: 16px; height: 16px; }
.catalog-result-meta { display: flex; justify-content: space-between; margin: 0 0 14px; color: #9aa5b5; font-size: 11px; }
.catalog-main .product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.product-card { display: flex; flex-direction: column; min-width: 0; min-height: 0; border: 1px solid #e8edf3; border-radius: 6px; background: #fff; overflow: hidden; transition: box-shadow .18s,border-color .18s; }
.product-card:hover { border-color: #bfdbff; box-shadow: 0 5px 16px #345f9020; }
.product-visual { display: grid; place-items: center; width: 100%; min-height: 0; height: auto; aspect-ratio: 1.4; background: #edf5fc; color: #6aa4d8; overflow: hidden; }
.product-visual img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.product-visual > svg { width: 42px; height: 42px; stroke-width: 1.3; }
.product-card:nth-child(3n+2) .product-visual { background: #fff5ea; color: #dca65d; }
.product-card:nth-child(3n+3) .product-visual { background: #edf8f2; color: #6fb295; }
.product-card > .product-body { display: flex !important; align-content:normal !important; flex: 1; flex-direction: column; padding: 14px; min-width: 0; }
.product-label { color: #98a3b2; font-size: 10px; margin-bottom: 7px; }
.product-card h3 { margin: 0 0 6px; font-size: 14px; line-height: 1.6; font-weight: 600; overflow-wrap: anywhere; white-space:normal; }
.product-card p { min-height: 0; margin-bottom: 14px; color: #8e99a8; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.product-meta { gap: 6px; margin: auto 0 0; flex-wrap: wrap; }
.product-meta strong { color: #ed6943; font-size: 18px; }
.product-meta button { min-height: 29px; padding: 3px 9px; border: 0; border-radius: 4px; background: #eef5ff; color: var(--store-accent); font-size: 11px; cursor: pointer; }
.product-meta button:disabled { background: #f0f2f5; color: #a0a8b3; cursor: default; }
body[data-product-display-mode=list] .product-grid { grid-template-columns: 1fr; }
body[data-product-display-mode=list] .product-card { display: grid; grid-template-columns: 140px minmax(0,1fr); }
body[data-product-display-mode=list] .product-visual { height: 100%; aspect-ratio: auto; }
.service-band { display: flex; justify-content: space-evenly; max-width: 1200px; margin: 40px auto 0; padding: 28px 0; border: 0; border-top: 1px solid #e6ebf2; }
.service-band a { display: flex; align-items: center; gap: 10px; color: #7a879b; text-decoration: none; font-size: 13px; }
.service-band svg { width: 23px; height: 23px; color: #7caaeb; }
body > .store-footer { display: flex; padding: 26px max(24px,calc((100% - 1200px)/2)); background: #fff; border-top: 1px solid #edf0f5; color: #68778c; line-height: 1.7; }
.store-footer strong { font-size: 14px; font-weight: 500; }
.store-footer p { max-width: 700px; margin: 7px 0 0; font-size: 11px; color: #a0a9b6; overflow-wrap: anywhere; }
.store-footer nav { flex-wrap: wrap; gap: 18px; }
.store-footer a { color: #79879b; font-size: 12px; }
.account-view { max-width: 1200px; padding: 32px 0 60px; }
.account-heading h1 { font-size: 26px; }
.auth-intro .auth-kicker,.account-heading p,.panel-heading p { letter-spacing: 0; }
.auth-intro h2 { font-size: 28px; }
.member-auth { padding: 30px; border: 0; background: #fff; }
.auth-panel { box-shadow: none; border-radius: 6px; }
.primary-action { background: var(--store-accent); }
@media (max-width: 1248px) { .store-intro,[data-mall-page-sections],.catalog-shell,.service-band,.account-view { margin-left: 24px; margin-right: 24px; } .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 950px) { .site-header { gap: 18px; }.store-brand { flex-basis: 170px; }.store-brand span { display: none; }.catalog-shell { grid-template-columns: 160px minmax(0,1fr); gap: 16px; }.product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.store-navigation { gap: 24px; }.member-auth { grid-template-columns: 1fr; }.auth-intro { display: none; } }
@media (max-width: 650px) { .site-header { height: auto; min-height: 70px; padding: 12px; flex-wrap: wrap; }.store-brand { flex: 1; }.store-brand img { width: 90px; height: 38px; }.store-search { order: 3; flex-basis: 100%; max-width: none; }.store-navigation { height: 45px; padding: 0 12px; gap: 24px; overflow-x: auto; }.store-navigation a { font-size: 12px; }.store-intro,[data-mall-page-sections],.catalog-shell,.service-band,.account-view { margin-left: 12px; margin-right: 12px; }.store-intro h1 { font-size: 22px; }.store-intro > div { gap: 5px; flex-direction: column; }[data-mall-page-sections] { grid-template-columns: 1fr; }.catalog-shell { grid-template-columns: minmax(0,1fr); }.catalog-sidebar { display: none; }.mps-shortcuts a { display: grid; font-size: 12px; }.mps-band-shortcuts { padding: 18px 8px; }.store-footer { gap: 16px; flex-wrap: wrap; }.service-band { gap: 10px; }.service-band a { font-size: 11px; }.member-auth,.auth-panel { padding: 18px; }.account-view { width: auto; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }
@media (max-width:1248px) { .catalog-main .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:950px) { .catalog-main .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:650px) {
  .catalog-sidebar { display:block;position:static;border:0;background:transparent; }
  .catalog-sidebar .section-head { display:none; }
  #catalogCategories { display:flex;gap:8px;overflow:auto; }
  #catalogCategories button { flex:0 0 auto;width:auto;padding:8px 12px;min-height:35px;border:1px solid #e5ebf2;border-radius:4px;background:#fff; }
  #catalogCategories svg { display:none; }
}

/* KASUSHOU preset: blue utility bar, compact navigation and a three-column home card. */
.template-topbar { background:#1677ff; color:#fff; }
.template-topbar-inner { display:flex; align-items:center; justify-content:space-between; min-height:36px; width:100%; max-width:1240px; box-sizing:border-box; margin:0 auto; padding:0; }
.template-topbar nav { display:flex; align-items:center; gap:22px; min-width:0; }
.template-topbar a { display:inline-flex; align-items:center; gap:6px; min-height:36px; color:#fff; font-size:12px; text-decoration:none; white-space:nowrap; opacity:.96; }
.template-topbar a:hover { color:#fff; }
.template-topbar svg { width:14px; height:14px; }
body .template-topbar { position:relative; z-index:20; }
body .mc-portal-top { z-index:20; }
.template-quick-items { display:flex; align-items:center; gap:22px; min-width:0; }
.template-topbar [data-account-menu-host] { flex:0 0 auto; }
.template-account-menu { position:relative; }
.template-account-menu summary { display:flex; align-items:center; gap:6px; min-height:36px; padding:0; color:#fff; font-size:12px; line-height:20px; white-space:nowrap; cursor:pointer; list-style:none; }
.template-account-menu summary::-webkit-details-marker { display:none; }
.template-account-menu summary svg { transition:transform .18s ease; }
.template-account-menu[open] summary svg { transform:rotate(180deg); }
.template-account-panel { position:absolute; top:calc(100% + 8px); right:0; z-index:1; width:160px; padding:6px; border:1px solid #e8edf3; border-radius:8px; background:#fff; box-shadow:0 6px 24px rgb(24 45 75 / 14%); }
.template-account-panel::before { content:""; position:absolute; right:22px; top:-5px; width:8px; height:8px; border-top:1px solid #e8edf3; border-left:1px solid #e8edf3; background:#fff; transform:rotate(45deg); }
/* Keep the pointer inside the menu while crossing the gap below its trigger. */
.template-account-panel::after { content:""; position:absolute; left:0; right:0; top:-9px; height:9px; }
.template-topbar .template-account-panel a,
.template-topbar .template-account-panel button { display:flex; align-items:center; gap:10px; width:100%; min-height:38px; margin:0; padding:8px 12px; border:0; border-radius:4px; background:transparent; color:#414b5a; font:inherit; font-size:13px; line-height:22px; text-align:left; text-decoration:none; cursor:pointer; opacity:1; box-sizing:border-box; }
.template-topbar .template-account-panel a:hover,
.template-topbar .template-account-panel button:hover { color:#1677ff; background:#eef5ff; }
.template-account-panel svg { flex:0 0 16px; width:16px; height:16px; color:#8895a7; }
.template-account-session { margin-top:5px; padding-top:5px; border-top:1px solid #edf0f5; }
.template-account-panel [hidden] { display:none !important; }
.template-account-panel button:disabled { opacity:.5; cursor:wait; }
.template-account-panel p { margin:6px 10px; color:#d14343; font-size:12px; line-height:1.6; }
.template-account-menu :focus-visible { outline:2px solid #91c4ff; outline-offset:2px; }
.template-topbar .quick-link { position:relative; gap:5px; }
.quick-badge { display:inline-grid; place-items:center; min-width:15px; height:15px; margin-left:1px; padding:0 4px; border-radius:999px; background:#ff4d4f; color:#fff; font-size:9px; font-style:normal; font-weight:700; line-height:15px; box-sizing:border-box; }
.quick-badge[hidden] { display:none; }
@keyframes quick-bell-pulse { 0%,100% { transform:rotate(0deg); } 12% { transform:rotate(15deg); } 24% { transform:rotate(-13deg); } 36% { transform:rotate(8deg); } 48% { transform:rotate(-4deg); } 60% { transform:rotate(0deg); } }
@keyframes quick-badge-pulse { 0%,100% { transform:scale(1); box-shadow:0 0 0 0 rgb(255 77 79 / 0%); } 50% { transform:scale(1.12); box-shadow:0 0 0 4px rgb(255 77 79 / 18%); } }
.quick-link[data-quick-notifications].has-unread svg { transform-origin:50% 12%; animation:quick-bell-pulse 1.35s ease-in-out infinite; }
.quick-link[data-quick-notifications].has-unread .quick-badge { animation:quick-badge-pulse 1.35s ease-in-out infinite; }
@media (prefers-reduced-motion:reduce) { .quick-link[data-quick-notifications].has-unread svg,.quick-link[data-quick-notifications].has-unread .quick-badge { animation:none; } }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) { background:#f3f5f7; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .site-header { display:grid; grid-template-columns:220px minmax(0,1fr) 284px; align-items:center; gap:24px; height:80px; padding:0 max(24px,calc((100% - 1240px)/2)); border-bottom:1px solid #e7ebf0; background:#fff; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-brand { display:flex; align-items:center; flex:initial; min-width:0; gap:0; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-brand img { display:block; width:180px; height:80px; object-fit:contain; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-brand:not(.has-logo) span { padding-left:0; border-left:0; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-brand span { padding-left:14px; border-left:1px solid #e7ebf0; color:#111827; font-size:21px; font-weight:800; letter-spacing:0; }
/* Keep badges inside the scroll area and all header controls on the same center line. */
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation { grid-column:2; display:flex; align-items:center; align-self:center; justify-content:safe center; gap:var(--nav-gap,24px); width:100%; height:72px; min-width:0; margin:0; padding:0 12px; border:0; border-radius:0; background:transparent; box-shadow:none; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a { position:relative; display:inline-flex; flex:0 0 auto; align-items:center; align-self:stretch; gap:0; padding:0 4px; border:0; border-radius:0; background:transparent; color:var(--nav-text-color,#111827); font-size:var(--nav-font-size,17px); line-height:24px; font-weight:var(--nav-font-weight,700); transition:color .2s ease; }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a:hover { background:transparent; color:var(--nav-active-color,#1677ff); }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a.is-active,
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a[aria-current="page"] { color:var(--nav-active-color,#1677ff); background:transparent; box-shadow:none; }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a::after { content:""; position:absolute; left:4px; right:4px; top:calc(50% + 17px); height:2px; border-radius:var(--nav-radius,2px); background:currentColor; opacity:0; }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a.is-active::after,
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a[aria-current="page"]::after { opacity:1; }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a i,
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a svg { display:none; }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation .nav-badge { --badge-color:#67c23a; position:absolute; bottom:calc(50% + 16px); right:0; max-width:100%; padding:1px 4px; border-radius:3px; background:var(--badge-color); color:#fff; font-size:10px; line-height:14px; font-weight:500; white-space:nowrap; pointer-events:none; }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation .nav-badge > span { display:block; overflow:hidden; text-overflow:ellipsis; }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation .nav-badge::after { content:""; position:absolute; top:100%; left:6px; border-top:4px solid var(--badge-color); border-right:4px solid transparent; }
body:is([data-template-id="kasushou"],[data-template-id="kasuteng-lululike-1314"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a:nth-child(5) .nav-badge { --badge-color:#ff4d4f; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-search { grid-column:3; width:100%; max-width:none; height:38px; gap:8px; padding-left:16px; border:1px solid #1677ff; border-radius:6px; background:#fff; overflow:hidden; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-search > svg { display:none; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-search input { height:36px; color:#4d5664; font-size:13px; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-search input::placeholder { color:#9da3ad; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-search button { flex:0 0 72px; border-radius:0; background:#1677ff; font-size:13px; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .site-header .account-link { display:none; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .store-intro,
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) [data-mall-page-sections],
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .catalog-shell { max-width:1280px; }
/* 首页所有模块共用同一条 1240px 内容基线，避免首屏与下方模块左右错位。 */
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) #storeContent > [data-mall-page-sections] { width:calc(100% - 32px); max-width:1240px; margin-top:16px; row-gap:20px; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-band-showcase { padding:0; background:transparent; border:0; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-band-showcase .mps-inner { max-width:none; padding:0; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase { grid-template-columns:220px minmax(0,1fr) 248px; gap:20px; padding:16px; border:1px solid #edf0f4; border-radius:12px; background:#fff; box-shadow:0 5px 18px rgb(15 35 60 / 6%); }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories { max-height:420px; padding:8px 12px 8px 4px; border-right:1px solid #edf0f4; background:#fff; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories h3 { margin:4px 0 16px; color:#1f2937; font-size:16px; font-weight:650; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories .mps-shop-categories { gap:6px; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories .mps-commerce-slot[data-layout="matrix"] > .mps-shop-categories { grid-template-columns:minmax(0,1fr); gap:4px; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories .mps-commerce-slot[data-layout="matrix"] > .mps-shop-categories button { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; min-height:40px; padding:8px 10px; border:0; border-left:2px solid transparent; border-radius:4px; background:transparent; color:#52677d; font-size:12px; line-height:1.35; text-align:left; box-shadow:none; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories .mps-commerce-slot[data-layout="matrix"] > .mps-shop-categories button:first-child,
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories .mps-commerce-slot[data-layout="matrix"] > .mps-shop-categories button:hover { border-left-color:#1677ff; background:#edf5ff; color:#1677ff; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-carousel { align-self:stretch; border-radius:10px; background:#f5f7fa; overflow:hidden; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-carousel-track { aspect-ratio:590 / 360; height:100%; }
/* 卡速腾首屏图片按容器尺寸铺满，避免两侧裁切或上下留白。 */
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-carousel-slide .mps-image { object-fit:fill; background:#f5f7fa; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-panel { min-height:388px; padding:20px 16px 14px; border-left:1px solid #f0f2f5; border-radius:8px; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-avatar { display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:#eef3fa; color:#1677ff; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-avatar svg { width:31px; height:31px; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-name { color:#374151; font-size:14px; font-weight:500; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-actions { display:grid; grid-template-columns:1fr 1fr; width:100%; gap:8px; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-account,
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-support { display:flex; align-items:center; justify-content:center; min-height:34px; padding:7px 8px; border-radius:5px; font-size:12px; text-decoration:none; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-account { background:#1677ff; color:#fff; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-support { border:1px solid #b9d7ff; background:#fff; color:#1677ff; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-links { margin-top:2px; padding-top:14px; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-notices { display:grid; gap:8px; width:100%; margin:0; padding:14px 0 0; border-top:1px solid #edf0f4; list-style:none; text-align:left; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-notices a { display:flex; align-items:center; gap:8px; min-width:0; color:#64748b; font-size:11px; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-notice-tag { flex:0 0 auto; color:#1677ff; }
@media (max-width:950px) {
  .template-topbar-inner { padding-left:16px; padding-right:16px; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .site-header { grid-template-columns:180px minmax(0,1fr) 220px; gap:16px; padding-left:16px; padding-right:16px; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation { gap:var(--nav-gap,16px); }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a { font-size:var(--nav-font-size,14px); }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase { grid-template-columns:180px minmax(0,1fr) 210px; gap:12px; }
}
@media (max-width:650px) {
  .template-quick-items > a:first-child { display:none; }
  .template-topbar-inner { min-height:34px; gap:16px; }
  .template-topbar nav { gap:14px; }
  .template-topbar-left { flex:0 0 auto; }
  .template-topbar-right { overflow:visible; }
  .template-quick-items { gap:14px; overflow-x:auto; scrollbar-width:none; }
  .template-account-menu summary { min-height:34px; font-size:11px; }
  .template-topbar a { min-height:34px; font-size:11px; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .site-header { display:flex; height:auto; min-height:70px; flex-wrap:wrap; gap:0 14px; padding:12px 16px; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-brand { flex:1; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-brand img { width:120px; height:54px; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-brand span { font-size:20px; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation { order:3; flex:0 0 100%; height:72px; gap:var(--nav-gap,20px); padding:0 4px; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-navigation a { font-size:var(--nav-font-size,14px); }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"],[data-template-id="enterprise-mall"],[data-template-id="modern"]) .store-search { order:4; flex:0 0 100%; margin-top:10px; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase { grid-template-columns:1fr; gap:12px; padding:10px; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories { order:2; max-height:none; padding:4px; border:0; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories .mps-shop-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-showcase-categories .mps-shop-categories button { justify-content:center; text-align:center; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-carousel { order:1; }
  body:is([data-template-id="kasushou"],[data-template-id="blue-marketplace"]) .mps-member-panel { order:3; min-height:0; }
}