:root {
    --bw-primary: #1769ff;
    --bw-primary-dark: #0753dc;
    --bw-primary-soft: #edf4ff;
    --bw-primary-faint: #f7faff;
    --bw-primary-rgb: 23, 105, 255;
    --bw-text: #0b1735;
    --bw-muted: #61708f;
    --bw-line: #e3eaf5;
    --bw-bg: #f5f8fd;
    --bw-card: #fff;
    --bw-success: #0eaa68;
    --bw-danger: #ef4444;
    --bw-warning: #f59e0b;
    --bw-shadow: 0 12px 35px rgba(34, 67, 126, .08);
}

/* Store notice list and detail */
.bluewind-notice-shell { max-width: 980px; }
.bluewind-notice-list { display: grid; gap: 10px; }
.bluewind-notice-item { display: grid; grid-template-columns: 46px minmax(0, 1fr) 30px; align-items: center; gap: 16px; min-height: 116px; padding: 18px 20px; color: var(--bw-text); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.bluewind-notice-item:hover { border-color: rgba(var(--bw-primary-rgb), .28); color: var(--bw-text); box-shadow: 0 16px 34px rgba(24, 45, 81, .1); transform: translateY(-1px); }
.bluewind-notice-item:focus-visible { outline: 3px solid rgba(var(--bw-primary-rgb), .22); outline-offset: 2px; }
.bluewind-notice-item-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 18px; }
.bluewind-notice-item-copy { display: grid; min-width: 0; gap: 7px; }
.bluewind-notice-item-heading { display: flex; align-items: center; min-width: 0; gap: 8px; }
.bluewind-notice-item-heading strong { overflow: hidden; font-size: 16px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-notice-item-heading em, .bluewind-notice-detail-label em { flex: 0 0 auto; padding: 3px 7px; border-radius: 999px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 9px; font-style: normal; font-weight: 950; }
.bluewind-notice-item p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--bw-muted); font-size: 12px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bluewind-notice-item time, .bluewind-notice-detail time { display: inline-flex; align-items: center; gap: 6px; color: #8995a9; font-size: 10px; }
.bluewind-notice-item > i { color: #aeb8c8; font-size: 15px; justify-self: end; }
.bluewind-notice-empty { min-height: 250px; }
.bluewind-notice-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin-top: 16px; }
.bluewind-notice-pagination a { display: inline-flex; align-items: center; width: max-content; min-height: 38px; gap: 7px; padding: 0 13px; border: 1px solid var(--bw-line); border-radius: 9px; background: #fff; color: var(--bw-primary); font-size: 12px; font-weight: 900; }
.bluewind-notice-pagination a:last-child { justify-self: end; }
.bluewind-notice-pagination em { color: var(--bw-muted); font-size: 11px; font-style: normal; }
.bluewind-notice-detail { overflow: hidden; }
.bluewind-notice-detail > header { padding: 30px 34px 22px; border-bottom: 1px solid var(--bw-line); background: linear-gradient(120deg, #fff, var(--bw-primary-faint)); }
.bluewind-notice-detail-label { display: flex; align-items: center; gap: 8px; color: var(--bw-primary); font-size: 11px; font-weight: 900; }
.bluewind-notice-detail h1 { margin: 12px 0 8px; color: var(--bw-text); font-size: clamp(24px, 3vw, 34px); font-weight: 950; line-height: 1.35; }
.bluewind-notice-detail header > p { max-width: 720px; margin: 0 0 14px; color: var(--bw-muted); line-height: 1.75; }
.bluewind-notice-detail > footer { padding: 16px 34px; border-top: 1px solid var(--bw-line); }
.bluewind-notice-detail > footer a { display: inline-flex; align-items: center; gap: 8px; color: var(--bw-primary); font-size: 12px; font-weight: 900; }

@media (max-width: 700px) {
    .bluewind-notice-hero { min-height: 116px; padding: 21px 19px; }
    .bluewind-notice-item { grid-template-columns: 38px minmax(0, 1fr) 18px; min-height: 104px; gap: 11px; padding: 15px 14px; }
    .bluewind-notice-item-icon { width: 38px; height: 38px; border-radius: 10px; font-size: 15px; }
    .bluewind-notice-item-heading strong { font-size: 14px; }
    .bluewind-notice-item p { font-size: 11px; }
    .bluewind-notice-detail > header { padding: 22px 18px 18px; }
    .bluewind-notice-detail h1 { font-size: 23px; }
    .bluewind-notice-detail .bluewind-rich-content { padding: 20px 18px 26px; }
    .bluewind-notice-detail > footer { padding: 14px 18px; }
}

.bluewind-palette-deep { --bw-primary: #164e9a; --bw-primary-dark: #0d3b78; --bw-primary-soft: #edf4fb; --bw-primary-faint: #f7fafd; --bw-primary-rgb: 22, 78, 154; }
.bluewind-palette-cyan { --bw-primary: #0891b2; --bw-primary-dark: #0e7490; --bw-primary-soft: #ecfeff; --bw-primary-faint: #f6feff; --bw-primary-rgb: 8, 145, 178; }
.bluewind-palette-green { --bw-primary: #0f9d73; --bw-primary-dark: #087c5a; --bw-primary-soft: #ecfdf5; --bw-primary-faint: #f7fefb; --bw-primary-rgb: 15, 157, 115; }
.bluewind-palette-purple { --bw-primary: #7257d9; --bw-primary-dark: #5b42bd; --bw-primary-soft: #f3f0ff; --bw-primary-faint: #faf9ff; --bw-primary-rgb: 114, 87, 217; }
.bluewind-palette-orange { --bw-primary: #e57b20; --bw-primary-dark: #c85f0c; --bw-primary-soft: #fff5e9; --bw-primary-faint: #fffaf5; --bw-primary-rgb: 229, 123, 32; }

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bw-bg); }
body.bluewind-theme { min-height: 100vh; margin: 0; background: var(--bw-bg); color: var(--bw-text); font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }
.bluewind-theme a { color: inherit; text-decoration: none; }
.bluewind-theme button, .bluewind-theme input, .bluewind-theme select, .bluewind-theme textarea { font: inherit; }
.bluewind-theme button { cursor: pointer; }
.bluewind-theme img { max-width: 100%; }
.bluewind-frame { display: flex; min-height: 100vh; flex-direction: column; }
#pjax-container { display: flex; min-height: 0; flex: 1; flex-direction: column; }
.bluewind-shell { width: min(1480px, calc(100% - 48px)); margin: 0 auto; }
.bluewind-main { min-height: 58vh; padding: 18px 0 56px; flex: 1; }
body.bluewind-theme[data-bluewind-show-sales="0"] .bluewind-sales-count,
body.bluewind-theme[data-bluewind-show-sales="0"] .bluewind-sales-sort { display: none !important; }
body.bluewind-display-group-selector-open { overflow: hidden; }
.bluewind-loading, .bluewind-empty-inline { display: flex; align-items: center; justify-content: center; grid-column: 1 / -1; min-height: 130px; gap: 9px; color: var(--bw-muted); }
.bluewind-empty-inline { flex-direction: column; padding: 30px; border: 1px dashed #ccdaed; border-radius: 12px; background: #fbfdff; }
.bluewind-empty-inline strong { color: var(--bw-text); font-size: 16px; }

/* header */
.bluewind-topbar { height: 34px; border-bottom: 1px solid #edf1f7; background: #f7f9fc; color: #586784; font-size: 12px; }
.bluewind-topbar-inner, .bluewind-header-main, .bluewind-nav-inner { display: flex; align-items: center; }
.bluewind-topbar-inner { height: 100%; justify-content: space-between; }
.bluewind-announcement { display: inline-flex; align-items: center; gap: 7px; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; }
.bluewind-announcement:disabled { cursor: default; }
.bluewind-announcement i { color: var(--bw-primary); }
.bluewind-top-links { display: flex; align-items: center; gap: 22px; }
.bluewind-top-links a, .bluewind-top-links span { display: inline-flex; align-items: center; gap: 5px; }
.bluewind-header { position: relative; z-index: 30; border-bottom: 1px solid var(--bw-line); background: #fff; box-shadow: 0 4px 18px rgba(26, 56, 111, .035); }
.bluewind-header-main { min-height: 82px; gap: 34px; }
.bluewind-brand { display: flex; align-items: center; min-width: 220px; max-width: 300px; gap: 12px; }
.bluewind-brand img { width: 54px; height: 54px; flex: 0 0 54px; border: 0; border-radius: 0; object-fit: contain; background: transparent; box-shadow: none; }
.bluewind-brand > span { display: grid; min-width: 0; }
.bluewind-brand strong { overflow: hidden; color: var(--bw-text); font-size: 22px; font-weight: 900; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-brand small { overflow: hidden; margin-top: 3px; color: #74819b; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-search { display: flex; align-items: center; height: 42px; flex: 1 1 auto; max-width: 600px; margin-left: auto; overflow: hidden; border: 1px solid #ced9eb; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px rgba(var(--bw-primary-rgb), .02); }
.bluewind-search:focus-within { border-color: var(--bw-primary); box-shadow: 0 0 0 3px rgba(var(--bw-primary-rgb), .1); }
.bluewind-search > i { margin-left: 14px; color: #8a97ae; }
.bluewind-search input { min-width: 0; height: 100%; flex: 1; padding: 0 12px; border: 0; outline: 0; color: var(--bw-text); }
.bluewind-search button { align-self: stretch; min-width: 78px; border: 0; background: var(--bw-primary); color: #fff; font-weight: 800; }
.bluewind-header-actions { display: flex; align-items: center; flex: 0 0 auto; gap: 13px; }
.bluewind-header-action { display: inline-flex; align-items: center; gap: 6px; color: #485775; font-weight: 700; }
.bluewind-header-action i { color: var(--bw-primary); font-size: 18px; }
.bluewind-auth-actions { display: flex; gap: 8px; }
.bluewind-auth-actions a { display: inline-flex; align-items: center; justify-content: center; min-width: 66px; height: 36px; padding: 0 15px; border: 1px solid #c9d6e9; border-radius: 7px; color: var(--bw-primary); font-weight: 800; }
.bluewind-auth-actions a.is-primary { border-color: var(--bw-primary); background: var(--bw-primary); color: #fff; }
.bluewind-user-trigger { display: flex; align-items: center; gap: 8px; max-width: 170px; padding: 5px 10px 5px 6px; border: 1px solid var(--bw-line); border-radius: 22px; background: #fff; color: var(--bw-text); font-weight: 800; }
.bluewind-user-trigger img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.bluewind-user-trigger span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-user-dropdown { min-width: 190px; padding: 8px; border-color: var(--bw-line); border-radius: 10px; box-shadow: var(--bw-shadow); }
.bluewind-user-dropdown .dropdown-item { display: flex; align-items: center; gap: 9px; padding: 9px 11px; border-radius: 7px; font-weight: 700; }
.bluewind-nav { border-top: 1px solid #f1f4f9; }
.bluewind-nav-inner { min-height: 48px; gap: 4px; overflow: hidden; }
.bluewind-dynamic-categories, .bluewind-nav-overflow-items { display: contents; }
.bluewind-nav-overflow-items > .bluewind-nav-link[hidden], .bluewind-nav-more[hidden], .bluewind-nav-overflow-menu-item[hidden] { display: none !important; }
.bluewind-nav-link { position: relative; display: inline-flex; align-items: center; height: 48px; flex: 0 0 auto; padding: 0 17px; border: 0; background: transparent; color: #34425f; font-size: 14px; font-weight: 800; }
.bluewind-nav-link:hover, .bluewind-nav-link.is-active { color: var(--bw-primary); }
.bluewind-nav-link.is-active:after { position: absolute; right: 17px; bottom: -1px; left: 17px; height: 3px; border-radius: 3px 3px 0 0; background: var(--bw-primary); content: ""; }
.bluewind-nav-link em { margin-left: 5px; padding: 1px 5px; border-radius: 8px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 9px; font-style: normal; }
.bluewind-mobile-head, .bluewind-mobile-search, .bluewind-mobile-tabs { display: none; }

/* buttons and breadcrumbs */
.bluewind-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; gap: 8px; padding: 0 22px; border: 1px solid transparent; border-radius: 7px; font-weight: 900; transition: transform .18s ease, box-shadow .18s ease; }
.bluewind-btn:hover { transform: translateY(-1px); }
.bluewind-btn-primary { border-color: var(--bw-primary); background: var(--bw-primary); color: #fff !important; box-shadow: 0 9px 20px rgba(var(--bw-primary-rgb), .2); }
.bluewind-btn-light { border-color: #cbd8eb; background: #fff; color: var(--bw-primary) !important; }
.bluewind-breadcrumb { display: flex; align-items: center; min-height: 34px; gap: 9px; margin-bottom: 12px; color: #71809b; font-size: 12px; }
.bluewind-breadcrumb a:hover { color: var(--bw-primary); }
.bluewind-breadcrumb span { min-width: 0; overflow: hidden; color: #34425f; text-overflow: ellipsis; white-space: nowrap; }

/* home */
.bluewind-home { padding-top: 16px; }
.bluewind-home-shell { display: grid; gap: 18px; }
.bluewind-hero { position: relative; min-height: 310px; overflow: hidden; border: 1px solid #d9e6fb; border-radius: 14px; background: linear-gradient(112deg, #f9fcff 0%, #eaf3ff 50%, #cfe2ff 100%); box-shadow: var(--bw-shadow); }
.bluewind-hero.has-custom-banner { min-height: 0; aspect-ratio: 4 / 1; background: #fff; }
.bluewind-hero-picture { position: absolute; inset: 0; }
.bluewind-hero-picture img { width: 100%; height: 100%; object-fit: cover; }
.bluewind-hero-custom-actions { position: absolute; z-index: 3; right: 34px; bottom: 24px; left: 34px; display: flex; justify-content: flex-start; width: fit-content; max-width: calc(100% - 68px); gap: 10px; padding: 9px; border: 1px solid rgba(255,255,255,.72); border-radius: 11px; background: rgba(255,255,255,.78); box-shadow: 0 12px 30px rgba(18, 48, 95, .18); backdrop-filter: blur(12px); }
.bluewind-hero-custom-actions.is-center { right: auto; left: 50%; transform: translateX(-50%); }
.bluewind-hero-custom-actions.is-right { right: 34px; left: auto; }
.bluewind-hero-custom-actions .bluewind-btn { min-width: 126px; }
.bluewind-hero-copy { position: relative; z-index: 3; display: flex; align-items: flex-start; justify-content: center; min-height: 310px; width: 53%; padding: 36px 0 34px 54px; flex-direction: column; }
.bluewind-hero-eyebrow, .bluewind-section-title > div > span, .bluewind-catalog-intro > div > span, .bluewind-smm-heading > div > span, .bluewind-product-kicker, .bluewind-query-hero > div > span, .bluewind-closed-copy > span { color: var(--bw-primary); font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.bluewind-hero-copy h1 { max-width: 100%; margin: 7px 0 5px; overflow: hidden; font-size: clamp(30px, 3vw, 46px); font-weight: 950; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-hero-copy p { margin: 0; color: #10224a; font-size: 24px; font-weight: 900; }
.bluewind-hero-copy small { margin-top: 8px; color: #61708f; font-size: 14px; font-weight: 700; }
.bluewind-hero-actions { display: flex; gap: 12px; margin-top: 24px; }
.bluewind-hero-decoration { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 54%; color: var(--bw-primary); }
.bluewind-globe { position: absolute; top: 34px; right: 12%; width: 220px; height: 220px; border: 2px solid rgba(var(--bw-primary-rgb), .32); border-radius: 50%; background: radial-gradient(circle at 32% 30%, #fff 0, rgba(var(--bw-primary-rgb), .17) 22%, rgba(var(--bw-primary-rgb), .55) 75%, var(--bw-primary) 100%); box-shadow: inset -18px -20px 40px rgba(0, 39, 126, .18), 0 28px 55px rgba(var(--bw-primary-rgb), .2); }
.bluewind-globe:before, .bluewind-globe:after { position: absolute; inset: 22px 56px; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; content: ""; }
.bluewind-globe:after { inset: 66px 0; }
.bluewind-orbit { position: absolute; top: 130px; right: 4%; width: 330px; height: 70px; border: 2px solid rgba(var(--bw-primary-rgb), .35); border-radius: 50%; transform: rotate(-12deg); }
.bluewind-orbit.orbit-two { top: 100px; right: 10%; width: 270px; transform: rotate(24deg); }
.bluewind-hero-decoration > i.fa-duotone { position: absolute; right: 6%; bottom: 36px; display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; border-radius: 20px; background: rgba(255,255,255,.85); box-shadow: 0 14px 30px rgba(29, 77, 154, .15); font-size: 35px; }
.bluewind-capabilities { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4, 1fr); margin: -36px 38px 0; padding: 16px 12px; border: 1px solid #dfe8f6; border-radius: 13px; background: rgba(255,255,255,.97); box-shadow: 0 12px 30px rgba(36, 72, 128, .1); }
.bluewind-hero.has-custom-banner + .bluewind-capabilities { margin: 0 38px; }
.bluewind-capabilities > div, .bluewind-trust-strip > div { display: flex; align-items: center; justify-content: center; min-width: 0; gap: 11px; padding: 4px 18px; border-right: 1px solid var(--bw-line); }
.bluewind-capabilities > div:last-child, .bluewind-trust-strip > div:last-child { border-right: 0; }
.bluewind-capabilities i, .bluewind-trust-strip i { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 17px; }
.bluewind-capabilities span, .bluewind-trust-strip span { display: grid; min-width: 0; }
.bluewind-capabilities strong, .bluewind-trust-strip strong { font-size: 14px; font-weight: 900; }
.bluewind-capabilities small, .bluewind-trust-strip small { margin-top: 2px; overflow: hidden; color: var(--bw-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-home-categories, .bluewind-home-products { padding: 20px 20px 22px; border: 1px solid var(--bw-line); border-radius: 13px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.bluewind-section-title h2 { margin: 2px 0 0; font-size: 20px; font-weight: 950; }
.bluewind-section-title h2 i { color: #ff5638; }
.bluewind-section-title > a { color: var(--bw-primary); font-size: 12px; font-weight: 900; }
.bluewind-category-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.bluewind-category-card { display: flex; align-items: center; min-width: 0; min-height: 78px; gap: 10px; padding: 12px; border: 1px solid var(--bw-line); border-radius: 11px; background: #fff; transition: border-color .18s, transform .18s, box-shadow .18s; }
.bluewind-category-card:hover { transform: translateY(-2px); border-color: rgba(var(--bw-primary-rgb), .45); box-shadow: 0 10px 22px rgba(var(--bw-primary-rgb), .1); }
.bluewind-category-card img { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; object-fit: cover; background: var(--bw-primary-soft); }
.bluewind-category-card span { display: grid; min-width: 0; flex: 1; }
.bluewind-category-card strong { overflow: hidden; font-size: 14px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-category-card small { margin-top: 3px; color: var(--bw-muted); font-size: 11px; }
.bluewind-category-card > i { color: var(--bw-primary); }
.bluewind-product-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 13px; }
.bluewind-product-card { display: flex; min-width: 0; overflow: hidden; border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; flex-direction: column; transition: transform .18s, border-color .18s, box-shadow .18s; }
.bluewind-product-card:hover { transform: translateY(-2px); border-color: rgba(var(--bw-primary-rgb), .38); box-shadow: 0 12px 25px rgba(32, 71, 135, .09); }
.bluewind-product-main { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: start; gap: 10px; }
.bluewind-product-copy { display: grid; min-width: 0; }
.bluewind-product-cover { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; overflow: hidden; border: 1px solid #dce6f4; border-radius: 50%; background: linear-gradient(135deg, var(--bw-primary-faint), #fff); }
.bluewind-product-cover img { width: 100%; height: 100%; object-fit: cover; }
.bluewind-product-body { display: flex; min-height: 190px; padding: 13px; flex-direction: column; }
.bluewind-product-tags { display: flex; min-height: 21px; gap: 5px; overflow: hidden; }
.bluewind-product-tags span, .bluewind-tag { display: inline-flex; align-items: center; width: fit-content; gap: 4px; padding: 2px 7px; border: 1px solid #cfe0fb; border-radius: 5px; background: var(--bw-primary-faint); color: var(--bw-primary); font-size: 10px; font-weight: 800; white-space: nowrap; }
.bluewind-product-tags .is-success, .bluewind-tag.is-success { border-color: #b9e9d2; background: #effcf5; color: #09945b; }
.bluewind-product-tags .is-danger, .bluewind-tag.is-danger { border-color: #ffc9c9; background: #fff3f3; color: #dc3b3b; }
.bluewind-product-tags .is-warning, .bluewind-tag.is-warning { border-color: #fed7aa; background: #fff8ed; color: #d5680d; }
.bluewind-product-name { display: -webkit-box; min-height: 38px; margin-top: 5px; overflow: hidden; font-size: 14px; font-weight: 950; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bluewind-product-copy > p { margin: 2px 0 0; overflow: hidden; color: var(--bw-muted); font-size: 10px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-product-stock { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 9px; border-top: 1px solid #edf1f7; color: #6a7893; font-size: 10px; }
.bluewind-product-stock span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-product-price { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; }
.bluewind-product-price strong { min-width: 0; overflow: hidden; color: #e63d2f; font-size: 15px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-product-price a, .bluewind-product-price button { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; gap: 5px; padding: 0 11px; border: 0; border-radius: 6px; background: var(--bw-primary); color: #fff; font-size: 11px; font-weight: 900; white-space: nowrap; }

/* Storefront display groups: one catalog card with the original products as country choices. */
.bluewind-product-card.is-display-group { border-color: rgba(var(--bw-primary-rgb), .28); background: linear-gradient(145deg, #fff 45%, var(--bw-primary-faint)); }
.bluewind-product-cover.bluewind-display-group-open { padding: 0; cursor: pointer; }
.bluewind-product-name.bluewind-display-group-open { padding: 0; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.bluewind-display-group-flags { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
.bluewind-display-group-flags > span { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid var(--bw-line); border-radius: 50%; background: #fff; font-size: 15px; line-height: 1; }
.bluewind-display-group-flags small { color: var(--bw-muted); font-size: 10px; font-weight: 850; }
.bluewind-display-group-selector { position: fixed; z-index: 100010; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; visibility: hidden; pointer-events: none; }
.bluewind-display-group-selector[aria-hidden="false"] { visibility: visible; pointer-events: auto; }
.bluewind-display-group-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(11, 23, 53, .48); opacity: 0; cursor: pointer; transition: opacity .22s ease; }
.bluewind-display-group-selector[aria-hidden="false"] .bluewind-display-group-backdrop { opacity: 1; }
.bluewind-display-group-sheet { position: relative; display: flex; width: min(720px, calc(100vw - 48px)); max-height: min(760px, calc(100dvh - 48px)); flex-direction: column; overflow: hidden; border: 1px solid var(--bw-line); border-radius: 20px; background: #fff; box-shadow: 0 24px 80px rgba(11, 23, 53, .22); opacity: 0; transform: translateY(16px) scale(.98); transition: transform .24s ease, opacity .2s ease; }
.bluewind-display-group-selector[aria-hidden="false"] .bluewind-display-group-sheet { opacity: 1; transform: translateY(0) scale(1); }
.bluewind-display-group-handle { display: none; }
.bluewind-display-group-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 24px 24px 18px; border-bottom: 1px solid var(--bw-line); }
.bluewind-display-group-header small { color: var(--bw-primary); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.bluewind-display-group-header h2 { margin: 3px 0 5px; color: var(--bw-text); font-size: 21px; line-height: 1.25; }
.bluewind-display-group-subtitle { margin: 0; color: var(--bw-muted); font-size: 12px; line-height: 1.45; }
.bluewind-display-group-close { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid var(--bw-line); border-radius: 50%; background: var(--bw-bg); color: var(--bw-text); flex: 0 0 38px; }
.bluewind-display-group-search { display: flex; align-items: center; min-height: 42px; gap: 10px; margin: 16px 24px 0; padding: 0 14px; border: 1px solid var(--bw-line); border-radius: 999px; background: var(--bw-bg); color: var(--bw-muted); }
.bluewind-display-group-search[hidden], .bluewind-display-group-option[hidden] { display: none !important; }
.bluewind-display-group-search input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--bw-text); flex: 1 1 auto; }
.bluewind-display-group-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; min-height: 0; gap: 10px; padding: 18px 24px; overflow-y: auto; }
.bluewind-display-group-option { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr) 18px; align-items: center; min-height: 84px; gap: 10px; padding: 12px; border: 1px solid var(--bw-line); border-radius: 14px; background: #fff; color: var(--bw-text); text-align: left; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.bluewind-display-group-option:hover, .bluewind-display-group-option.is-selected { border-color: var(--bw-primary); background: var(--bw-primary-faint); box-shadow: 0 8px 22px rgba(var(--bw-primary-rgb), .1); }
.bluewind-display-group-option.is-soldout { opacity: .5; cursor: not-allowed; }
.bluewind-display-group-option-flag { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; background: var(--bw-bg); font-size: 21px; }
.bluewind-display-group-option-copy { display: flex; min-width: 0; gap: 2px; flex-direction: column; }
.bluewind-display-group-option-copy strong, .bluewind-display-group-option-copy em, .bluewind-display-group-option-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-display-group-option-copy strong { font-size: 13px; }
.bluewind-display-group-option-copy em { color: var(--bw-primary); font-size: 12px; font-style: normal; font-weight: 850; }
.bluewind-display-group-option-copy small { color: var(--bw-muted); font-size: 10px; }
.bluewind-display-group-option-check { color: var(--bw-primary); opacity: 0; transform: scale(.75); transition: opacity .18s ease, transform .18s ease; }
.bluewind-display-group-option.is-selected .bluewind-display-group-option-check { opacity: 1; transform: scale(1); }
.bluewind-display-group-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; margin-top: auto; padding: 18px 24px calc(18px + env(safe-area-inset-bottom)); border-top: 1px solid var(--bw-line); background: #fff; box-shadow: 0 -8px 28px rgba(11, 23, 53, .05); }
.bluewind-display-group-selection { display: flex; min-width: 0; gap: 3px; flex-direction: column; }
.bluewind-display-group-selection span { overflow: hidden; color: var(--bw-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-display-group-selection strong { color: var(--bw-primary); font-size: 15px; }
.bluewind-display-group-confirm { min-width: 128px; min-height: 42px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--bw-primary); color: #fff; font-weight: 850; }
.bluewind-display-group-confirm:disabled { background: #cbd5e1; cursor: not-allowed; }
.bluewind-trust-strip { display: grid; grid-template-columns: repeat(6, 1fr); padding: 18px 12px; border: 1px solid var(--bw-line); border-radius: 13px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-trust-strip > div { padding: 2px 14px; }

/* catalog */
.bluewind-catalog-intro, .bluewind-smm-heading, .bluewind-query-hero { display: flex; align-items: center; justify-content: space-between; min-height: 126px; gap: 30px; margin-bottom: 14px; padding: 24px 28px; border: 1px solid #dbe7f8; border-radius: 13px; background: linear-gradient(108deg, #fff 0%, var(--bw-primary-faint) 58%, var(--bw-primary-soft) 100%); }
.bluewind-catalog-intro h1, .bluewind-smm-heading h1, .bluewind-query-hero h1 { margin: 2px 0 6px; font-size: 28px; font-weight: 950; }
.bluewind-catalog-intro p, .bluewind-smm-heading p, .bluewind-query-hero p { max-width: 720px; margin: 0; color: var(--bw-muted); }
.bluewind-catalog-benefits { display: flex; gap: 8px; }
.bluewind-catalog-benefits span, .bluewind-smm-heading-actions a { display: inline-flex; align-items: center; min-height: 38px; gap: 7px; padding: 0 13px; border: 1px solid #d8e4f5; border-radius: 8px; background: rgba(255,255,255,.82); color: #445474; font-size: 12px; font-weight: 800; }
.bluewind-catalog-benefits i, .bluewind-smm-heading-actions i { color: var(--bw-primary); }
.bluewind-catalog-layout { position: relative; display: grid; grid-template-columns: 240px minmax(0, 1fr); align-items: start; gap: 14px; }
.bluewind-category-sidebar, .bluewind-catalog-content, .bluewind-smm-browser, .bluewind-smm-order-placeholder, .bluewind-smm-order-panel { border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-category-sidebar { position: sticky; top: 14px; overflow: hidden; }
.bluewind-sidebar-title { display: flex; align-items: center; min-height: 52px; gap: 9px; padding: 0 15px; border-bottom: 1px solid var(--bw-line); color: var(--bw-primary); }
.bluewind-sidebar-title strong { flex: 1; color: var(--bw-text); }
.bluewind-category-drawer-hint { display: none; }
.bluewind-category-close { display: none; border: 0; background: transparent; color: var(--bw-muted); }
.bluewind-mobile-category-trigger { display: none; }
.bluewind-category-scroll-wrap { position: relative; }
.bluewind-category-scrollbar { display: none; }
.bluewind-category-tree { max-height: 720px; overflow: auto; padding: 8px; }
.bluewind-category-node > button { display: flex; align-items: center; width: 100%; min-height: 42px; gap: 9px; padding: 5px 9px 5px calc(9px + var(--depth) * 13px); border: 0; border-radius: 7px; background: transparent; color: #40506e; text-align: left; }
.bluewind-category-node > button:hover, .bluewind-category-node > button.is-active { background: var(--bw-primary-soft); color: var(--bw-primary); }
.bluewind-category-node > button img { width: 25px; height: 25px; flex: 0 0 25px; border-radius: 50%; object-fit: cover; }
.bluewind-category-node > button span { min-width: 0; flex: 1; overflow: hidden; font-size: 12px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-category-node > button small { color: #94a0b5; }
.bluewind-category-chevron { display: none; }
.bluewind-sidebar-note { display: flex; gap: 8px; padding: 13px; border-top: 1px solid var(--bw-line); background: #fbfcff; color: var(--bw-muted); font-size: 11px; line-height: 1.55; }
.bluewind-sidebar-note i { color: var(--bw-primary); }
.bluewind-category-backdrop { display: none; }
.bluewind-catalog-content { min-width: 0; overflow: hidden; }
.bluewind-catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 16px; border-bottom: 1px solid var(--bw-line); }
.bluewind-catalog-tabs { display: flex; min-width: 0; overflow-x: auto; }
.bluewind-catalog-tabs button { position: relative; min-height: 52px; flex: 0 0 auto; padding: 0 17px; border: 0; background: transparent; color: #596883; font-size: 12px; font-weight: 800; }
.bluewind-catalog-tabs button.is-active { color: var(--bw-primary); }
.bluewind-catalog-tabs button.is-active:after { position: absolute; right: 17px; bottom: 0; left: 17px; height: 3px; background: var(--bw-primary); content: ""; }
.bluewind-catalog-view { display: flex; gap: 6px; }
.bluewind-catalog-view button { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 34px; gap: 5px; padding: 0 9px; border: 1px solid #d9e3f1; border-radius: 6px; background: #fff; color: #687690; font-size: 11px; font-weight: 800; }
.bluewind-catalog-view button.is-active { border-color: var(--bw-primary); background: var(--bw-primary-soft); color: var(--bw-primary); }
.bluewind-active-filter { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 17px; background: #fbfcff; color: var(--bw-muted); }
.bluewind-current-category { color: var(--bw-text); font-weight: 900; }
.bluewind-active-filter-actions { display: flex; align-items: center; gap: 12px; }
.bluewind-category-notice-trigger { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; gap: 6px; padding: 0 11px; border: 1px solid rgba(var(--bw-primary-rgb), .22); border-radius: 7px; background: var(--bw-primary-faint); color: var(--bw-primary); font-size: 11px; font-weight: 900; }
.bluewind-category-notice-trigger:hover { border-color: var(--bw-primary); background: var(--bw-primary-soft); color: var(--bw-primary-dark); }
.bluewind-category-notice-trigger[hidden] { display: none !important; }
.bluewind-catalog-products { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 15px; }
.bluewind-catalog-products.is-list { grid-template-columns: minmax(0, 1fr); }
.bluewind-catalog-products.is-list .bluewind-product-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); }
.bluewind-catalog-products.is-list .bluewind-product-cover { height: 100%; aspect-ratio: auto; }

/* SMM */
.bluewind-smm-heading-actions { display: flex; gap: 8px; }
.bluewind-smm-layout { display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: start; gap: 14px; }
.bluewind-smm-browser { min-width: 0; overflow: hidden; }
.bluewind-smm-platform-bar { padding: 10px; border-bottom: 1px solid var(--bw-line); }
.bluewind-smm-subcategory-bar { padding: 10px 12px 0; }
.bluewind-smm-platforms, .bluewind-smm-subcategories { display: grid; gap: 8px; overflow: visible; }
.bluewind-smm-platforms { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); }
.bluewind-smm-subcategories { grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); }
.bluewind-smm-platforms button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; gap: 8px; padding: 0 13px; border: 1px solid #dbe5f2; border-radius: 8px; background: #fff; color: #475772; font-weight: 800; }
.bluewind-smm-platforms button.is-active { border-color: var(--bw-primary); background: var(--bw-primary-soft); color: var(--bw-primary); }
.bluewind-smm-platforms img { width: 25px; height: 25px; border-radius: 50%; object-fit: cover; }
.bluewind-smm-subcategories button { width: 100%; min-height: 34px; padding: 0 10px; border: 1px solid #dce5f2; border-radius: 6px; background: #fff; color: #53627d; font-size: 12px; font-weight: 800; }
.bluewind-smm-subcategories button.is-active { border-color: var(--bw-primary); background: var(--bw-primary); color: #fff; }
.bluewind-smm-subcategories small { margin-left: 4px; opacity: .7; }
.bluewind-smm-tools { display: grid; grid-template-columns: minmax(0, 1fr) auto 172px; gap: 9px; margin: 10px 12px; }
.bluewind-smm-tools .bluewind-category-notice-trigger { min-height: 40px; padding: 0 13px; }
.bluewind-smm-search { display: flex; align-items: center; height: 40px; gap: 8px; padding: 0 12px; border: 1px solid #dbe4f1; border-radius: 7px; background: #fbfcff; color: #8b98ad; }
.bluewind-smm-search:focus-within { border-color: var(--bw-primary); background: #fff; }
.bluewind-smm-search input { width: 100%; border: 0; outline: 0; background: transparent; }
.bluewind-smm-sort { position: relative; display: grid; height: 40px; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #dbe4f1; border-radius: 7px; background: #fff; color: #6d7b92; }
.bluewind-smm-sort > span { color: var(--bw-muted); font-size: 11px; font-weight: 800; }
.bluewind-smm-sort select { width: 100%; border: 0; outline: 0; appearance: none; background: transparent; color: var(--bw-text); font-size: 12px; font-weight: 850; cursor: pointer; }
.bluewind-smm-sort > i { color: var(--bw-primary); font-size: 11px; pointer-events: none; }
.bluewind-smm-sort:focus-within { border-color: var(--bw-primary); }
.bluewind-smm-service-list { display: grid; max-height: 760px; gap: 8px; padding: 0 12px 12px; overflow: auto; }
.bluewind-smm-service { display: grid; grid-template-columns: 20px minmax(0, 1fr) 165px; align-items: center; min-height: 86px; gap: 10px; padding: 10px 12px; border: 1px solid #dfe7f2; border-radius: 9px; background: #fff; }
.bluewind-smm-service:hover, .bluewind-smm-service.is-active { border-color: var(--bw-primary); background: var(--bw-primary-faint); }
.bluewind-smm-radio { width: 17px; height: 17px; border: 1px solid #cbd6e6; border-radius: 50%; background: #fff; }
.bluewind-smm-service.is-active .bluewind-smm-radio { border: 5px solid var(--bw-primary); }
.bluewind-smm-service-main, .bluewind-smm-service-price { display: grid; min-width: 0; }
.bluewind-smm-service-main strong { overflow: hidden; font-size: 13px; font-weight: 900; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-smm-service-main small { margin-top: 4px; overflow: hidden; color: var(--bw-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-smm-service-timing { display: inline-flex; align-items: center; width: fit-content; max-width: 100%; gap: 5px; margin-top: 5px; color: #14835c; font-size: 10px; font-weight: 700; line-height: 1.35; }
.bluewind-smm-service-timing.is-empty { color: #8b98ad; font-weight: 600; }
.bluewind-smm-service-price { justify-items: end; text-align: right; }
.bluewind-smm-service-price strong { color: var(--bw-primary); font-size: 14px; white-space: nowrap; }
.bluewind-smm-service-price small { margin-top: 5px; color: var(--bw-muted); font-size: 10px; white-space: nowrap; }
.bluewind-smm-load-more, .bluewind-catalog-load-more { display: flex; grid-column: 1 / -1; min-height: 48px; align-items: center; justify-content: center; padding: 4px 0 0; }
.bluewind-smm-load-more button, .bluewind-catalog-load-more button { display: inline-flex; align-items: center; justify-content: center; min-width: 210px; min-height: 40px; gap: 8px; padding: 0 16px; border: 1px solid rgba(var(--bw-primary-rgb), .25); border-radius: 9px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 12px; font-weight: 900; }
.bluewind-smm-load-more button:hover:not(:disabled), .bluewind-catalog-load-more button:hover:not(:disabled) { border-color: var(--bw-primary); background: #fff; }
.bluewind-smm-load-more button:disabled, .bluewind-catalog-load-more button:disabled { opacity: .65; cursor: wait; }
.bluewind-smm-load-more small, .bluewind-catalog-load-more small { color: var(--bw-muted); font-size: 10px; font-weight: 700; }
.bluewind-smm-load-more.is-complete, .bluewind-catalog-load-more.is-complete { min-height: 34px; padding: 2px 0; color: var(--bw-muted); font-size: 10px; }
.bluewind-inline-retry { min-height: 36px; margin-top: 8px; padding: 0 15px; border: 1px solid rgba(var(--bw-primary-rgb), .28); border-radius: 8px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 11px; font-weight: 900; }
.bluewind-smm-order-placeholder { position: sticky; top: 14px; display: grid; min-height: 410px; padding: 30px; place-content: center; text-align: center; }
.bluewind-smm-order-placeholder > div { display: grid; justify-items: center; }
.bluewind-smm-order-placeholder > div > i { display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; border-radius: 50%; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 28px; }
.bluewind-smm-order-placeholder strong { margin-top: 15px; font-size: 17px; }
.bluewind-smm-order-placeholder p { max-width: 260px; margin: 6px 0 18px; color: var(--bw-muted); line-height: 1.65; }
.bluewind-smm-order-placeholder ul { display: grid; gap: 8px; margin: 0; padding: 14px 0 0; border-top: 1px solid var(--bw-line); list-style: none; color: #52617b; font-size: 11px; text-align: left; }
.bluewind-smm-order-placeholder li { display: flex; gap: 7px; }
.bluewind-smm-order-placeholder li i { color: var(--bw-success); }
.bluewind-smm-order-panel { position: sticky; top: 14px; min-width: 0; overflow: hidden; }
.bluewind-smm-order-panel .bluewind-purchase-card { border: 0; border-radius: 0; box-shadow: none; }
.bluewind-smm-item-heading { min-height: 94px; padding-top: 18px; padding-bottom: 18px; }
.bluewind-smm-mobile-back { display: none; color: var(--bw-primary); font-weight: 800; }

/* item and purchase form */
.bluewind-item-layout { display: grid; grid-template-columns: minmax(320px, .9fr) minmax(0, 1.35fr); align-items: start; gap: 14px; }
.bluewind-item-gallery { position: sticky; top: 14px; padding: 18px; border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-item-cover { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border: 0; border-radius: 12px; background: linear-gradient(135deg, var(--bw-primary-faint), #fff); }
.bluewind-item-cover img { width: 100%; height: 100%; object-fit: contain; }
.bluewind-item-cover > span { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 7px; background: rgba(10, 24, 54, .75); color: #fff; font-size: 11px; }
.bluewind-item-gallery-note { display: flex; gap: 8px; margin-top: 12px; color: var(--bw-muted); font-size: 11px; line-height: 1.6; }
.bluewind-item-gallery-note i { color: var(--bw-primary); }
.bluewind-purchase-card { padding: 22px; border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-product-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.bluewind-product-title-row h1 { margin: 4px 0 0; font-size: clamp(24px, 2.4vw, 34px); font-weight: 950; line-height: 1.25; }
.bluewind-product-id { flex: 0 0 auto; padding: 5px 9px; border-radius: 6px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 11px; font-weight: 900; }
.bluewind-product-badges { display: flex; min-height: 28px; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
.bluewind-tag { border: 1px solid #d6e2f4; background: #f8fbff; }
button.bluewind-tag { cursor: pointer; }
.bluewind-service-promises { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 14px; padding: 13px 8px; border: 1px solid var(--bw-line); border-radius: 10px; background: var(--bw-primary-faint); }
.bluewind-service-promises > span { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; min-width: 0; padding: 0 10px; border-right: 1px solid var(--bw-line); }
.bluewind-service-promises > span:last-child { border-right: 0; }
.bluewind-service-promises i { grid-row: 1 / 3; color: var(--bw-primary); font-size: 20px; }
.bluewind-service-promises b { font-size: 12px; }
.bluewind-service-promises small { overflow: hidden; color: var(--bw-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-price-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; padding: 14px 16px; border: 1px solid #d9e6fb; border-radius: 10px; background: linear-gradient(90deg, #fbfdff, var(--bw-primary-soft)); }
.bluewind-price-summary > div:first-child { display: grid; }
.bluewind-price-summary span { color: var(--bw-text); font-weight: 900; }
.bluewind-price-summary small { margin-top: 2px; color: var(--bw-muted); font-size: 10px; }
.bluewind-price-summary .price { color: #e6382f; font-size: 27px; font-weight: 950; }
.bluewind-price-summary .price .unit { margin-right: 2px; color: inherit; font-size: 16px; }
.smm-payable-breakdown { color: var(--bw-muted) !important; font-size: 10px !important; text-align: right; }
.bluewind-smm-price { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; padding: 10px 13px; border-radius: 8px; background: #f8fbff; }
.bluewind-smm-price > span { display: grid; min-width: 0; gap: 2px; }
.bluewind-smm-price > span + span { padding-left: 12px; border-left: 1px solid var(--bw-line); }
.bluewind-smm-price small { color: var(--bw-muted); font-size: 10px; }
.bluewind-smm-price strong { overflow: hidden; color: var(--bw-primary); font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-buy-form { display: grid; gap: 14px; margin-top: 16px; }
.bluewind-field, .bluewind-buy-form > div:not(.bluewind-field):not(.bluewind-checkout-entry) { display: grid; gap: 6px; }
.bluewind-field > label, .bluewind-buy-form > div > label { color: #253454; font-size: 12px; font-weight: 900; }
.bluewind-buy-form .form-control, .bluewind-buy-form select, .bluewind-buy-form textarea { width: 100%; min-height: 42px; padding: 8px 11px; border: 1px solid #d7e1ef; border-radius: 7px; background: #fff; color: var(--bw-text); outline: 0; }
.bluewind-buy-form textarea { min-height: 90px; resize: vertical; }
.bluewind-buy-form .form-control:focus, .bluewind-buy-form select:focus, .bluewind-buy-form textarea:focus { border-color: var(--bw-primary); box-shadow: 0 0 0 3px rgba(var(--bw-primary-rgb), .08); }
.bluewind-sku-list { display: flex; gap: 8px; flex-wrap: wrap; }
.bluewind-sku-list .sku { display: flex; align-items: center; min-height: 40px; gap: 10px; padding: 0 12px; border: 1px solid #d7e1ef; border-radius: 7px; background: #fff; color: #40506e; font-size: 12px; font-weight: 800; }
.bluewind-sku-list .sku.is-primary { border-color: var(--bw-primary); background: var(--bw-primary-soft); color: var(--bw-primary); box-shadow: inset 0 0 0 1px var(--bw-primary); }
.bluewind-sku-list .sku b { color: #e63d2f; }
.bluewind-control-button { display: flex; align-items: center; min-height: 42px; gap: 8px; padding: 0 12px; border: 1px solid #d7e1ef; border-radius: 7px; background: #fff; color: var(--bw-primary); font-weight: 800; }
.bluewind-quantity-field > small { color: var(--bw-muted); font-size: 10px; }
.bluewind-quantity { display: grid; grid-template-columns: 42px minmax(80px, 120px) 42px; width: fit-content; overflow: hidden; border: 1px solid #d6e1ef; border-radius: 7px; }
.bluewind-quantity button, .bluewind-quantity input { height: 42px; border: 0 !important; border-radius: 0 !important; background: #fff; text-align: center; }
.bluewind-quantity input { border-right: 1px solid #d6e1ef !important; border-left: 1px solid #d6e1ef !important; box-shadow: none !important; }
.bluewind-captcha { display: grid; grid-template-columns: minmax(0, 1fr) 128px; gap: 8px; }
.bluewind-captcha img { width: 100%; height: 42px; border: 1px solid #d6e1ef; border-radius: 7px; object-fit: cover; cursor: pointer; }
.bluewind-checkout-entry { padding-top: 13px; border-top: 1px solid var(--bw-line); }
.bluewind-open-payment { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 58px; gap: 18px; padding: 9px 16px; border: 0; border-radius: 10px; background: linear-gradient(135deg, var(--bw-primary), var(--bw-primary-dark)); color: #fff; box-shadow: 0 12px 25px rgba(var(--bw-primary-rgb), .24); text-align: left; }
.bluewind-open-payment > span { display: grid; grid-template-columns: 22px auto; align-items: center; gap: 1px 8px; }
.bluewind-open-payment i { grid-row: 1 / 3; font-size: 19px; }
.bluewind-open-payment b { font-size: 15px; font-weight: 950; }
.bluewind-open-payment small { color: rgba(255,255,255,.78); font-size: 10px; }
.bluewind-open-payment > strong { flex: 0 0 auto; font-size: 19px; font-weight: 950; }
body.bluewind-payment-open { overflow: hidden; }
.bluewind-payment-modal { position: fixed; z-index: 120; inset: 0; display: flex; align-items: center; justify-content: center; padding: 22px; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .18s ease, visibility .18s ease; }
.bluewind-payment-modal.is-open { visibility: visible; opacity: 1; pointer-events: auto; }
.bluewind-payment-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(8, 18, 38, .56); backdrop-filter: blur(4px); }
.bluewind-payment-dialog { position: relative; z-index: 1; width: min(760px, 100%); max-height: 86vh; overflow: auto; padding: 22px; border: 1px solid rgba(215,225,239,.9); border-radius: 16px; background: #fff; box-shadow: 0 28px 80px rgba(9, 24, 54, .25); }
.bluewind-payment-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--bw-line); }
.bluewind-payment-header span { color: var(--bw-primary); font-size: 10px; font-weight: 950; letter-spacing: .16em; }
.bluewind-payment-header h2 { margin: 3px 0 4px; font-size: 24px; font-weight: 950; }
.bluewind-payment-header p { margin: 0; color: var(--bw-muted); font-size: 12px; }
.bluewind-payment-close { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; border: 1px solid var(--bw-line); border-radius: 9px; background: #fff; color: #34425f; font-size: 18px; }
.bluewind-payment-summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 16px; padding: 13px 15px; border: 1px solid rgba(var(--bw-primary-rgb), .18); border-radius: 10px; background: var(--bw-primary-faint); }
.bluewind-payment-summary span { color: #40506e; font-weight: 900; }
.bluewind-payment-summary strong { color: var(--bw-primary); font-size: 25px; font-weight: 950; }
.bluewind-payment-methods { margin-top: 17px; }
.bluewind-payment-methods > label { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 9px; color: #253454; font-size: 12px; font-weight: 900; }
.bluewind-pay-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 9px; }
.bluewind-pay-list .pay { position: relative; display: flex; align-items: center; min-height: 64px; gap: 10px; padding: 10px 38px 10px 12px; border: 1px solid #d7e1ef; border-radius: 9px; background: #fff; color: #34425f; font-weight: 900; cursor: pointer; }
.bluewind-pay-list .pay:hover { border-color: var(--bw-primary); background: var(--bw-primary-faint); color: var(--bw-primary); }
.bluewind-pay-list .pay.is-selected { border-color: var(--bw-primary); background: var(--bw-primary-soft); color: var(--bw-primary); box-shadow: inset 0 0 0 1px var(--bw-primary); }
.bluewind-pay-list .pay > i { position: absolute; right: 13px; color: var(--bw-primary); font-size: 17px; opacity: 0; }
.bluewind-pay-list .pay.is-selected > i { opacity: 1; }
.bluewind-pay-list img { width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain; }
.bluewind-pay-list .pay span { min-width: 0; overflow-wrap: anywhere; }
.bluewind-payment-loading, .bluewind-payment-empty { display: flex; align-items: center; justify-content: center; grid-column: 1 / -1; min-height: 90px; gap: 8px; padding: 16px; border: 1px dashed #ccd9eb; border-radius: 9px; color: var(--bw-muted); text-align: center; }
.bluewind-payment-actions { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--bw-line); }
.bluewind-payment-cancel { min-height: 52px; border: 1px solid #d7e1ef; border-radius: 9px; background: #fff; color: #40506e; font-weight: 900; }
.bluewind-order-submit { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; gap: 8px; border: 0; border-radius: 9px; background: linear-gradient(135deg, var(--bw-primary), var(--bw-primary-dark)); color: #fff; box-shadow: 0 10px 22px rgba(var(--bw-primary-rgb), .22); font-weight: 950; }
.bluewind-order-submit:not(.is-ready) { opacity: .78; }
.bluewind-order-submit:disabled { cursor: not-allowed; opacity: .52; box-shadow: none; }
.bluewind-order-submit.is-loading { cursor: wait; opacity: .72; }
.bluewind-order-submit strong { margin-left: auto; padding-right: 12px; font-size: 16px; }
.bluewind-login-required { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; border-radius: 8px; background: #fff8ed; color: #9a5214; }
.bluewind-login-required a { color: var(--bw-primary); font-weight: 900; }
.bluewind-purchase-footer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--bw-line); }
.bluewind-purchase-footer span { display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: #52617b; font-size: 11px; font-weight: 800; }
.bluewind-purchase-footer i { color: var(--bw-primary); }
.wholesale-table { overflow: hidden; border: 1px solid var(--bw-line); border-radius: 7px; font-size: 11px; }
.bluewind-detail-panel { margin-top: 14px; overflow: hidden; border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-detail-tabs { display: flex; gap: 0; overflow-x: auto; border-bottom: 1px solid var(--bw-line); }
.bluewind-detail-tabs button { position: relative; min-height: 52px; flex: 0 0 auto; padding: 0 24px; border: 0; background: transparent; color: #586782; font-weight: 900; }
.bluewind-detail-tabs button.is-active { color: var(--bw-primary); }
.bluewind-detail-tabs button.is-active:after { position: absolute; right: 22px; bottom: 0; left: 22px; height: 3px; background: var(--bw-primary); content: ""; }
.bluewind-detail-content { padding: 24px; }
.bluewind-detail-section { display: none; color: #43516d; line-height: 1.75; }
.bluewind-detail-section.is-active { display: block; }
.bluewind-detail-section h2 { margin: 0 0 14px; color: var(--bw-text); font-size: 20px; font-weight: 950; }
.bluewind-faq-list { display: grid; gap: 8px; }
.bluewind-faq-list details { padding: 12px 14px; border: 1px solid var(--bw-line); border-radius: 8px; }
.bluewind-faq-list summary { cursor: pointer; color: var(--bw-text); font-weight: 900; }
.bluewind-faq-list details > div { padding-top: 9px; color: var(--bw-muted); }

/* query and shared dynamic order markup */
.bluewind-query-shell { max-width: 1120px; }
.bluewind-query-hero { min-height: 150px; }
.bluewind-query-security { display: flex; align-items: center; max-width: 360px; gap: 12px; padding: 14px; border: 1px solid #d5e3f8; border-radius: 10px; background: rgba(255,255,255,.82); }
.bluewind-query-security > i { color: var(--bw-primary); font-size: 30px; }
.bluewind-query-security span { display: grid; }
.bluewind-query-security strong { font-weight: 900; }
.bluewind-query-security small { margin-top: 3px; color: var(--bw-muted); font-size: 10px; line-height: 1.5; }
.bluewind-query-form-card { margin-bottom: 14px; padding: 20px; border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-query-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) 170px; align-items: end; gap: 12px; }
.bluewind-query-form > label { display: grid; gap: 7px; }
.bluewind-query-form > label > span { color: #2f3f5f; font-size: 12px; font-weight: 900; }
.bluewind-query-form > label > div { display: flex; align-items: center; height: 44px; overflow: hidden; border: 1px solid #d7e1ef; border-radius: 8px; }
.bluewind-query-form > label > div:focus-within { border-color: var(--bw-primary); box-shadow: 0 0 0 3px rgba(var(--bw-primary-rgb), .08); }
.bluewind-query-form > label i { margin-left: 12px; color: var(--bw-primary); }
.bluewind-query-form input { height: 100%; border: 0; box-shadow: none !important; }
.bluewind-query-captcha .guest-query-captcha-img { width: 92px; height: 36px; margin-right: 4px; border-radius: 6px; object-fit: cover; cursor: pointer; }
.bluewind-query-page .panel, .bluewind-query-page .tokyo-order-summary-card, .bluewind-query-page .tokyo-delivery-card { border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; box-shadow: var(--bw-shadow); }
.recent-orders-panel { display: none; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; padding: 14px 16px; border: 1px solid var(--bw-line); border-radius: 10px; background: #fff; }
.recent-orders-panel.is-visible { display: flex; }
.recent-orders-panel > div { display: grid; }
.recent-orders-panel strong { font-weight: 950; }
.recent-orders-panel span { color: var(--bw-muted); font-size: 11px; }
.recent-orders-clear { border: 0; background: transparent; color: var(--bw-danger); font-size: 11px; font-weight: 800; }
.order-list { display: grid; gap: 14px; }
.tokyo-order-summary-title { min-height: 52px; padding: 0 18px; border-bottom: 1px solid var(--bw-line); }
.tokyo-order-summary-title h2 { margin: 0; font-size: 17px; font-weight: 950; line-height: 52px; }
.tokyo-order-summary-card > .panel-body { padding: 18px; }
.tokyo-order-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; overflow: hidden; border: 1px solid var(--bw-line); border-radius: 9px; }
.tokyo-summary-column { padding: 8px 15px; }
.tokyo-summary-column--right { border-left: 1px solid var(--bw-line); background: #fbfcff; }
.tokyo-summary-row { display: flex; align-items: center; justify-content: space-between; min-height: 38px; gap: 14px; border-bottom: 1px dashed #e5eaf2; }
.tokyo-summary-row:last-child { border-bottom: 0; }
.tokyo-summary-row > span { color: var(--bw-muted); font-size: 11px; }
.tokyo-summary-row strong { min-width: 0; overflow: hidden; color: #2c3c5b; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.tokyo-summary-row--amount strong { color: #e63d2f; font-size: 18px; }
.payment-method { display: inline-flex; align-items: center; gap: 5px; }
.payment-icon { width: 22px; height: 22px; object-fit: contain; }
.shipment-badge { display: inline-flex; padding: 3px 8px; border-radius: 10px; font-size: 10px; }
.shipment-paid { background: #eafbf3; color: #079457; }
.shipment-waiting { background: #fff6e8; color: #d46b0d; }
.tokyo-summary-goods { display: flex; align-items: center; gap: 13px; margin-top: 14px; padding: 14px; border-radius: 9px; background: var(--bw-primary-faint); }
.goods-thumb { width: 58px; height: 58px; flex: 0 0 58px; overflow: hidden; border-radius: 9px; background: #fff; }
.goods-image { width: 100%; height: 100%; object-fit: cover; }
.goods-details { min-width: 0; }
.goods-name { margin: 0 0 7px; color: var(--bw-text); font-size: 14px; font-weight: 950; }
.goods-meta { display: flex; gap: 5px; flex-wrap: wrap; }
.goods-sku { font-size: 9px; }
.tokyo-order-summary-actions { display: flex; justify-content: flex-end; margin-top: 12px; }
.tokyo-order-summary-actions .tokyo-button { min-height: 34px; padding: 0 12px; border: 1px solid #d5e1f1; border-radius: 7px; background: #fff; color: var(--bw-primary); font-size: 11px; font-weight: 900; }
.tokyo-delivery-card { margin-top: 10px; overflow: hidden; }
.tokyo-delivery-card-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-bottom: 1px solid var(--bw-line); }
.tokyo-delivery-card-head h3, .tokyo-delivery-lock-copy h3 { margin: 0; font-size: 16px; font-weight: 950; }
.tokyo-delivery-card-head p, .tokyo-delivery-lock-copy p { margin: 3px 0 0; color: var(--bw-muted); font-size: 11px; }
.tokyo-delivery-card-body { padding: 18px; }
.card-delivery-toolbar { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.card-copy-btn { min-height: 32px; padding: 0 11px; border: 1px solid #d4e1f2; border-radius: 6px; background: #fff; color: var(--bw-primary); font-size: 11px; }
.card-display { max-height: 420px; overflow: auto; padding: 14px; border: 1px solid #dce5f1; border-radius: 8px; background: #f8fafc; color: #263653; line-height: 1.7; white-space: pre-wrap; word-break: break-all; }
.tokyo-delivery-note { margin-top: 10px; padding: 10px; border-radius: 7px; background: #fff8e8; color: #8b5a14; font-size: 11px; }
.tokyo-delivery-card--locked { display: grid; grid-template-columns: minmax(0, 1fr) 350px; padding: 20px; }
.tokyo-delivery-protection { display: flex; align-items: center; gap: 14px; }
.tokyo-delivery-lock-icon { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; flex: 0 0 62px; border-radius: 50%; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 26px; }
.tokyo-delivery-lock-copy ul { display: grid; gap: 4px; margin: 9px 0 0; padding: 0; list-style: none; color: var(--bw-muted); font-size: 10px; }
.tokyo-delivery-lock-copy li { display: flex; gap: 6px; }
.tokyo-delivery-lock-copy li i { color: var(--bw-success); }
.tokyo-delivery-unlock { display: grid; align-content: center; gap: 7px; padding-left: 18px; border-left: 1px solid var(--bw-line); }
.tokyo-delivery-unlock label { font-size: 11px; font-weight: 900; }
.tokyo-secret-input-wrap { display: flex; align-items: center; height: 40px; border: 1px solid #d7e1ef; border-radius: 7px; }
.tokyo-secret-input-wrap input { height: 100%; border: 0; box-shadow: none !important; }
.tokyo-secret-input-wrap i { margin-right: 11px; color: var(--bw-muted); }
.tokyo-delivery-unlock .tokyo-button { min-height: 38px; border: 0; border-radius: 7px; background: var(--bw-primary); color: #fff; font-weight: 900; }
.bluewind-empty, .tokyo-empty-state { display: grid; min-height: 220px; padding: 30px; place-content: center; justify-items: center; text-align: center; }
.bluewind-empty > i, .tokyo-empty-state > i { color: var(--bw-primary); font-size: 34px; }
.bluewind-empty h3, .tokyo-empty-state h3 { margin: 12px 0 5px; font-weight: 950; }
.bluewind-empty p, .tokyo-empty-state p { margin: 0; color: var(--bw-muted); }
.guest-local-order-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); width: min(100%, 920px); gap: 9px; margin-top: 13px; }
.guest-local-order { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; min-width: 0; min-height: 58px; gap: 10px; padding: 9px 11px; border: 1px solid #d7e1ef; border-radius: 9px; background: #fff; color: var(--bw-text); text-align: left; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.guest-local-order:hover, .guest-local-order:focus-visible { border-color: var(--bw-primary); box-shadow: 0 8px 18px rgba(var(--bw-primary-rgb), .12); color: var(--bw-text); transform: translateY(-1px); }
.guest-local-order:focus-visible { outline: 3px solid rgba(var(--bw-primary-rgb), .12); outline-offset: 2px; }
.guest-local-order-mark { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9px; background: var(--bw-primary-faint); color: var(--bw-primary); font-size: 12px; font-weight: 950; }
.guest-local-order-copy { display: grid; min-width: 0; gap: 2px; }
.guest-local-order-copy small { color: var(--bw-muted); font-size: 9px; font-weight: 800; }
.guest-local-order-copy strong { overflow: hidden; color: var(--bw-text); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; font-size: 12px; font-weight: 900; letter-spacing: .01em; text-overflow: ellipsis; white-space: nowrap; }
.guest-local-order-action { padding: 4px 8px; border-radius: 999px; background: var(--bw-primary-faint); color: var(--bw-primary); font-size: 9px; font-weight: 900; }

/* closed, footer and overlays */
.bluewind-closed-shell { max-width: 980px; }
.bluewind-closed-card { display: grid; grid-template-columns: 40% minmax(0, 1fr); min-height: 440px; overflow: hidden; border: 1px solid #d8e5f7; border-radius: 16px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-closed-visual { position: relative; display: grid; overflow: hidden; background: linear-gradient(135deg, var(--bw-primary), var(--bw-primary-dark)); place-items: center; }
.bluewind-closed-visual > span { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 130px; height: 130px; border: 2px solid rgba(255,255,255,.45); border-radius: 35px; background: rgba(255,255,255,.15); color: #fff; backdrop-filter: blur(6px); font-size: 58px; transform: rotate(-4deg); }
.bluewind-closed-visual > .cloud-one, .bluewind-closed-visual > .cloud-two { position: absolute; color: rgba(255,255,255,.18); font-size: 90px; }
.bluewind-closed-visual > .cloud-one { top: 35px; left: 30px; }
.bluewind-closed-visual > .cloud-two { right: 20px; bottom: 35px; }
.bluewind-closed-copy { display: flex; align-items: flex-start; justify-content: center; padding: 50px; flex-direction: column; }
.bluewind-closed-copy h1 { margin: 6px 0 10px; font-size: 34px; font-weight: 950; }
.bluewind-closed-copy > p { margin: 0; color: var(--bw-muted); font-size: 15px; line-height: 1.8; }
.bluewind-closed-copy > div:last-child { display: flex; gap: 10px; margin-top: 22px; }
.bluewind-closed-notice { width: 100%; max-height: 130px; margin-top: 16px; overflow: auto; padding: 12px 14px; border-left: 3px solid var(--bw-primary); background: var(--bw-primary-faint); color: #43516d; font-size: 12px; line-height: 1.7; }
.bluewind-footer { margin-top: auto; padding: 34px 0 18px; border-top: 1px solid var(--bw-line); background: #fff; }
.bluewind-footer-main { display: grid; grid-template-columns: minmax(260px, 1.2fr) minmax(320px, 1fr); gap: 60px; }
.bluewind-footer-brand > a { display: flex; align-items: center; gap: 10px; }
.bluewind-footer-brand img { width: 42px; height: 42px; border-radius: 11px; object-fit: contain; }
.bluewind-footer-brand strong { font-size: 19px; font-weight: 950; }
.bluewind-footer-brand p { max-width: 470px; margin: 11px 0 0; color: var(--bw-muted); line-height: 1.7; }
.bluewind-footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; }
.bluewind-footer-links > div { display: grid; align-content: start; gap: 7px; }
.bluewind-footer-links strong { margin-bottom: 3px; }
.bluewind-footer-links a, .bluewind-footer-links button { width: fit-content; padding: 0; border: 0; background: transparent; color: var(--bw-muted); font-size: 12px; text-align: left; }
.bluewind-footer-links a:hover, .bluewind-footer-links button:hover { color: var(--bw-primary); }
.bluewind-footer-bottom { display: flex; align-items: center; gap: 18px; margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--bw-line); color: #8995a9; font-size: 11px; }
.bluewind-notice-body { max-height: 70vh; overflow: auto; padding: 22px; color: #33425f; line-height: 1.75; }
.bluewind-category-tip-layer { overflow: hidden; border: 1px solid rgba(var(--bw-primary-rgb), .2) !important; border-radius: 13px !important; background: #fff !important; box-shadow: 0 24px 60px rgba(17, 37, 72, .22) !important; }
.bluewind-category-tip-layer .layui-layer-content { overflow: hidden !important; background: #fff; }
.bluewind-category-tip { display: flex; max-height: min(620px, calc(100vh - 48px)); overflow: hidden; background: #fff; flex-direction: column; }
.bluewind-category-tip-head { display: flex; align-items: center; gap: 12px; padding: 19px 21px 16px; border-bottom: 1px solid var(--bw-line); background: linear-gradient(120deg, #fff, var(--bw-primary-faint)); }
.bluewind-category-tip-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: 0 0 40px; border: 1px solid rgba(var(--bw-primary-rgb), .18); border-radius: 10px; background: #fff; color: var(--bw-primary); font-size: 16px; box-shadow: 0 6px 18px rgba(var(--bw-primary-rgb), .08); }
.bluewind-category-tip-head > div { display: grid; min-width: 0; gap: 4px; flex: 1; }
.bluewind-category-tip-head small { color: var(--bw-primary); font-size: 9px; font-weight: 950; letter-spacing: .12em; }
.bluewind-category-tip-head strong { overflow: hidden; color: var(--bw-text); font-size: 18px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-category-tip-close { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; border: 1px solid #dce5f1; border-radius: 9px; background: #fff; color: var(--bw-muted); }
.bluewind-category-tip-close:hover { border-color: rgba(var(--bw-primary-rgb), .28); background: var(--bw-primary-soft); color: var(--bw-primary); }
.bluewind-category-tip-body { min-height: 86px; max-height: 360px; margin: 18px 21px 0; padding: 16px 17px; overflow: auto; border: 1px solid var(--bw-line); border-radius: 10px; background: #fbfcff; color: #354562; font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; }
.bluewind-category-tip-body > :first-child { margin-top: 0; }
.bluewind-category-tip-body > :last-child { margin-bottom: 0; }
.bluewind-category-tip-body img, .bluewind-category-tip-body video, .bluewind-category-tip-body iframe { max-width: 100%; height: auto; }
.bluewind-category-tip-body table { max-width: 100%; }
.bluewind-category-tip-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 21px 20px; }
.bluewind-category-tip-actions small { color: var(--bw-muted); font-size: 10px; line-height: 1.55; }
.bluewind-category-tip-confirm { display: inline-flex; align-items: center; justify-content: center; min-width: 108px; min-height: 40px; flex: 0 0 auto; padding: 0 18px; border: 1px solid var(--bw-primary); border-radius: 8px; background: var(--bw-primary); color: #fff; font-size: 12px; font-weight: 900; box-shadow: 0 8px 18px rgba(var(--bw-primary-rgb), .18); }
.bluewind-category-tip-confirm:hover { border-color: var(--bw-primary-dark); background: var(--bw-primary-dark); }
.bluewind-image-preview { padding: 10px; background: #fff; }
.bluewind-image-preview img { display: block; width: 100%; max-height: 78vh; object-fit: contain; }
.bluewind-tutorial-image-layer { overflow: visible; border-radius: 14px; background: transparent; box-shadow: 0 22px 70px rgba(2, 8, 23, .46); }
.bluewind-tutorial-image-layer .layui-layer-content { overflow: visible; border-radius: 14px; background: transparent; }
.bluewind-tutorial-image-layer .layui-layer-phimg, .bluewind-tutorial-image-layer .layer-layer-photos-main { position: relative; overflow: visible; border-radius: 14px; background: #081224; }
.bluewind-tutorial-image-layer .layui-layer-phimg img, .bluewind-tutorial-image-layer .layer-layer-photos-main > img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(100vh - 88px); border-radius: 14px; object-fit: contain; cursor: grab !important; }
.bluewind-tutorial-image-layer .layui-layer-phimg img:active, .bluewind-tutorial-image-layer .layer-layer-photos-main > img:active { cursor: grabbing !important; }
.bluewind-tutorial-image-layer .layui-layer-photos-header { display: none !important; }
.bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-prev, .bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-next { position: absolute !important; z-index: 5; top: 50% !important; display: flex; align-items: center; justify-content: center; width: 42px; height: 58px; margin-top: -29px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 12px; background: rgba(8, 18, 36, .74); color: #fff; font-size: 28px; line-height: 1; box-shadow: 0 8px 24px rgba(2, 8, 23, .22); backdrop-filter: blur(8px); transition: background .18s ease, transform .18s ease, opacity .18s ease; }
.bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-prev { right: auto !important; left: -58px !important; }
.bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-next { right: -58px !important; left: auto !important; }
.bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-prev:hover, .bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-next:hover { background: rgba(var(--bw-primary-rgb), .94); color: #fff; transform: scale(1.04); }
.bluewind-tutorial-image-layer .layui-layer-photos-footer { position: absolute; z-index: 4; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; width: auto; height: 42px; padding: 0 14px; border-radius: 0 0 14px 14px; background: linear-gradient(180deg, transparent, rgba(2, 8, 23, .82)); color: #fff; line-height: 42px; box-sizing: border-box; filter: none; }
.bluewind-tutorial-image-layer .layui-layer-photos-footer > h3 { display: none !important; }
.bluewind-tutorial-image-layer .layui-layer-photos-footer > em { padding: 0; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.bluewind-tutorial-image-layer .layui-layer-photos-footer > a { position: absolute; right: 14px; padding: 0; color: rgba(255, 255, 255, .86); font-size: 12px; }
.bluewind-tutorial-image-layer .layui-layer-photos-footer > a:hover { color: #fff; }
.bluewind-tutorial-image-layer .layui-layer-setwin { z-index: 8; top: -46px !important; right: 0 !important; width: 36px; height: 36px; }
.bluewind-tutorial-image-layer .layui-layer-setwin .layui-layer-close2 { position: static; display: flex; align-items: center; justify-content: center; top: auto; right: auto; width: 36px; height: 36px; margin: 0; padding: 0; border: 1px solid rgba(255, 255, 255, .26); border-radius: 50%; background: rgba(8, 18, 36, .82); color: #fff; font-size: 17px; box-sizing: border-box; backdrop-filter: blur(8px); }
.bluewind-tutorial-image-layer .layui-layer-setwin .layui-layer-close2:hover { background: var(--bw-primary); color: #fff; opacity: 1; }

@media (max-width: 600px) {
    .bluewind-tutorial-image-layer { border-radius: 11px; }
    .bluewind-tutorial-image-layer .layui-layer-content, .bluewind-tutorial-image-layer .layui-layer-phimg, .bluewind-tutorial-image-layer .layer-layer-photos-main, .bluewind-tutorial-image-layer .layui-layer-phimg img, .bluewind-tutorial-image-layer .layer-layer-photos-main > img { border-radius: 11px; }
    .bluewind-tutorial-image-layer .layui-layer-phimg img, .bluewind-tutorial-image-layer .layer-layer-photos-main > img { max-height: calc(100dvh - 40px); }
    .bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-prev, .bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-next { width: 32px; height: 40px; margin-top: -20px; border-radius: 10px; background: rgba(8, 18, 36, .62); font-size: 20px; }
    .bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-prev { left: 9px !important; }
    .bluewind-tutorial-image-layer .layer-layer-photos-page .layui-layer-photos-next { right: 9px !important; }
    .bluewind-tutorial-image-layer .layui-layer-photos-footer { height: 34px; padding: 0 12px; border-radius: 0 0 11px 11px; line-height: 34px; }
    .bluewind-tutorial-image-layer .layui-layer-photos-footer > a { right: 12px; font-size: 11px; }
    .bluewind-tutorial-image-layer .layui-layer-setwin { top: 6px !important; right: 9px !important; width: 34px; height: 34px; }
    .bluewind-tutorial-image-layer .layui-layer-setwin .layui-layer-close2 { width: 34px; height: 34px; border-color: rgba(255, 255, 255, .34); background: rgba(8, 18, 36, .68); font-size: 16px; }
}

/* BlueWind 1.1 content, catalog and ordering refinements */
.bluewind-section-title-centered { align-items: flex-end; }
.bluewind-section-title-centered p { margin: 4px 0 0; color: var(--bw-muted); font-size: 12px; }
.bluewind-home-tutorials { margin-top: 16px; padding: 22px; border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-tutorial-grid, .bluewind-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.bluewind-tutorial-card, .bluewind-article-card { display: flex; min-width: 0; overflow: hidden; border: 1px solid var(--bw-line); border-radius: 11px; background: #fff; color: var(--bw-text); flex-direction: column; transition: transform .18s, box-shadow .18s, border-color .18s; }
.bluewind-tutorial-card:hover, .bluewind-article-card:hover { color: var(--bw-text); border-color: rgba(var(--bw-primary-rgb), .38); transform: translateY(-2px); box-shadow: 0 12px 25px rgba(32, 71, 135, .09); }
.bluewind-tutorial-cover, .bluewind-article-cover { display: flex; align-items: center; justify-content: center; width: 100%; height: auto; overflow: hidden; aspect-ratio: 4 / 3; background: var(--bw-primary-faint); color: var(--bw-primary); font-size: 42px; }
.bluewind-tutorial-cover > picture, .bluewind-article-cover > picture { display: block; width: 100%; height: 100%; }
.bluewind-tutorial-cover > img, .bluewind-article-cover > img, .bluewind-tutorial-cover picture > img, .bluewind-article-cover picture > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.bluewind-tutorial-body, .bluewind-article-body { display: flex; min-height: 175px; padding: 16px; flex-direction: column; }
.bluewind-tutorial-body small, .bluewind-article-body small { display: flex; justify-content: space-between; gap: 8px; color: var(--bw-muted); font-size: 11px; }
.bluewind-tutorial-body small b, .bluewind-article-body small b { display: inline-flex; align-items: center; min-width: 0; gap: 5px; color: var(--bw-primary); }
.bluewind-tutorial-card-category-icon { width: 16px; height: 16px; flex: none; border-radius: 4px; object-fit: cover; }
.bluewind-tutorial-body small em, .bluewind-article-body small em { font-style: normal; }
.bluewind-tutorial-body > strong, .bluewind-article-body > strong { margin-top: 9px; font-size: 16px; line-height: 1.45; }
.bluewind-tutorial-body p, .bluewind-article-body p { display: -webkit-box; margin: 7px 0 14px; overflow: hidden; color: var(--bw-muted); font-size: 12px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bluewind-tutorial-body > span, .bluewind-article-body > span { margin-top: auto; color: var(--bw-primary); font-size: 12px; font-weight: 900; }
.bluewind-page-hero { display: flex; align-items: center; justify-content: space-between; min-height: 130px; gap: 24px; margin-bottom: 14px; padding: 26px 30px; border: 1px solid rgba(var(--bw-primary-rgb), .16); border-radius: 12px; background: linear-gradient(120deg, #fff, var(--bw-primary-faint)); }
.bluewind-page-hero span { color: var(--bw-primary); font-size: 10px; font-weight: 950; letter-spacing: .16em; }
.bluewind-page-hero h1 { margin: 4px 0; font-size: 28px; font-weight: 950; }
.bluewind-page-hero p { margin: 0; color: var(--bw-muted); line-height: 1.7; }
.bluewind-page-hero > i { color: rgba(var(--bw-primary-rgb), .2); font-size: 58px; }
.bluewind-article-filters { display: flex; gap: 8px; margin-bottom: 14px; overflow-x: auto; }
.bluewind-article-filters a { display: inline-flex; align-items: center; min-height: 36px; flex: 0 0 auto; gap: 7px; padding: 0 13px; border: 1px solid var(--bw-line); border-radius: 8px; background: #fff; color: #4c5b76; font-size: 12px; font-weight: 850; }
.bluewind-article-filters a.is-active { border-color: var(--bw-primary); background: var(--bw-primary-soft); color: var(--bw-primary); }
.bluewind-article-filters span { color: var(--bw-muted); }
.bluewind-page-card { border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-reading-shell { max-width: 1040px; }
.bluewind-article-detail { overflow: hidden; }
.bluewind-article-detail-cover { height: min(360px, 42vw); background: var(--bw-primary-faint) center/cover no-repeat; }
.bluewind-article-detail header { padding: 30px 34px 12px; }
.bluewind-article-detail header > div { display: flex; gap: 14px; color: var(--bw-primary); font-size: 12px; font-weight: 850; }
.bluewind-article-detail h1 { margin: 10px 0; font-size: clamp(25px, 3vw, 38px); font-weight: 950; line-height: 1.35; }
.bluewind-article-detail header p { color: var(--bw-muted); line-height: 1.75; }
.bluewind-rich-content { padding: 22px 34px 34px; color: #283750; font-size: 15px; line-height: 1.9; word-break: break-word; }
.bluewind-rich-content img { max-width: 100%; height: auto; border-radius: 10px; }
.bluewind-rich-content h1, .bluewind-rich-content h2, .bluewind-rich-content h3 { margin: 24px 0 10px; color: var(--bw-text); font-weight: 950; }
.bluewind-article-detail footer { padding: 18px 34px; border-top: 1px solid var(--bw-line); }
.bluewind-article-detail footer a { color: var(--bw-primary); font-weight: 850; }
.bluewind-notice-content { min-height: 240px; }
.bluewind-contact-section { margin-top: 18px; }
.bluewind-contact-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 10px; padding: 0 2px; }
.bluewind-contact-section-head span { color: var(--bw-primary); font-size: 10px; font-weight: 950; letter-spacing: .14em; }
.bluewind-contact-section-head h2 { margin: 3px 0 0; font-size: 18px; font-weight: 950; }
.bluewind-contact-section-head p { max-width: 520px; margin: 0; color: var(--bw-muted); font-size: 12px; text-align: right; }
.bluewind-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.bluewind-contact-grid--single { grid-template-columns: minmax(0, 1fr); }
.bluewind-contact-card { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 14px; min-height: 96px; padding: 17px; border: 1px solid var(--bw-line); border-radius: 11px; background: #fff; box-shadow: var(--bw-shadow); }
.bluewind-contact-card > i { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 22px; }
.bluewind-contact-card--channel > i { border-radius: 50%; background: #e8f5ff; color: #229ed9; }
.bluewind-contact-card--bot > i { background: linear-gradient(135deg, var(--bw-primary-soft), #edf7ff); }
.bluewind-contact-icon { display: block; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.bluewind-contact-card div { display: grid; min-width: 0; gap: 4px; }
.bluewind-contact-card small { color: var(--bw-muted); }
.bluewind-contact-card strong { overflow: hidden; text-overflow: ellipsis; }
.bluewind-contact-card > a { display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; border-radius: 7px; background: var(--bw-primary); color: #fff; font-size: 12px; font-weight: 850; }
.bluewind-contact-empty { margin-top: 18px; }
.bluewind-contact-tip { display: flex; gap: 13px; margin-top: 14px; padding: 17px 20px; border: 1px solid rgba(var(--bw-primary-rgb), .16); border-radius: 11px; background: var(--bw-primary-faint); }
.bluewind-contact-tip > i { color: var(--bw-primary); font-size: 24px; }
.bluewind-contact-tip p { margin: 3px 0 0; color: var(--bw-muted); }

.bluewind-catalog-tabs button { display: inline-flex; align-items: center; gap: 7px; }
.bluewind-catalog-tabs button i { color: #93a1b8; }
.bluewind-catalog-tabs button.is-active i { color: var(--bw-primary); }
.bluewind-stock-only { display: inline-flex; align-items: center; min-height: 34px; gap: 7px; padding: 0 10px; border: 1px solid #d9e3f1; border-radius: 6px; background: #fff; color: #687690; font-size: 11px; font-weight: 850; cursor: pointer; white-space: nowrap; }
.bluewind-stock-only input { width: 14px; height: 14px; accent-color: var(--bw-primary); }
.bluewind-stock-only:has(input:checked) { border-color: var(--bw-primary); background: var(--bw-primary-soft); color: var(--bw-primary); }
.bluewind-product-card.is-sold-out { border-color: #ffcaca; background: #fffafa; }
.bluewind-product-card.is-sold-out .bluewind-product-stock span, .bluewind-product-card.is-sold-out .bluewind-product-price strong { color: #e63b32; }
.bluewind-product-card.is-sold-out .bluewind-product-cover img { filter: grayscale(.55); opacity: .72; }
.bluewind-catalog-products.is-list .bluewind-product-card { display: block; }
.bluewind-catalog-products.is-list .bluewind-product-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(130px, auto) minmax(180px, auto); align-items: center; min-height: 112px; gap: 22px; padding: 15px 18px; }
.bluewind-catalog-products.is-list .bluewind-product-main { grid-template-columns: 76px minmax(0, 1fr); align-items: center; }
.bluewind-catalog-products.is-list .bluewind-product-cover { width: 76px; height: 76px; }
.bluewind-catalog-products.is-list .bluewind-product-name { min-height: 0; font-size: 15px; }
.bluewind-catalog-products.is-list .bluewind-product-stock { margin: 0; padding: 0 18px; border: 0; border-right: 1px solid var(--bw-line); border-left: 1px solid var(--bw-line); }
.bluewind-catalog-products.is-list .bluewind-product-price { margin: 0; }

.bluewind-item-thumbnails { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.bluewind-item-thumbnails button { aspect-ratio: 1; overflow: hidden; padding: 3px; border: 1px solid var(--bw-line); border-radius: 8px; background: #fff; }
.bluewind-item-thumbnails button.is-active { border-color: var(--bw-primary); box-shadow: 0 0 0 2px var(--bw-primary-soft); }
.bluewind-item-thumbnails img { width: 100%; height: 100%; border-radius: 5px; object-fit: cover; }
.bluewind-smm-panel-loading { display: grid; min-height: 360px; padding: 30px; place-content: center; justify-items: center; gap: 8px; color: var(--bw-muted); text-align: center; }
.bluewind-smm-panel-loading i { color: var(--bw-primary); font-size: 28px; }
.bluewind-smm-panel-loading strong { color: var(--bw-text); font-size: 16px; }
.bluewind-smm-panel-loading.is-error i { color: #e63b32; }

.bluewind-order-submit { min-height: 56px; font-size: 15px; }

/* BlueWind 1.4 tutorial center */
.bluewind-articles-page, .bluewind-article-page { background: radial-gradient(circle at 50% 0, rgba(var(--bw-primary-rgb), .045), transparent 34%); }
.bluewind-tutorial-search { position: relative; z-index: 24; display: flex; align-items: center; height: 46px; margin-bottom: 14px; border: 1px solid #d9e3f1; border-radius: 9px; background: #fff; box-shadow: 0 8px 22px rgba(34, 67, 126, .045); }
.bluewind-tutorial-search:focus-within { border-color: rgba(var(--bw-primary-rgb), .65); box-shadow: 0 0 0 3px rgba(var(--bw-primary-rgb), .09); }
.bluewind-tutorial-search > i { margin-left: 16px; color: #7f8daa; font-size: 17px; }
.bluewind-tutorial-search > input { min-width: 0; height: 100%; flex: 1; padding: 0 12px; border: 0; outline: 0; background: transparent; color: var(--bw-text); }
.bluewind-tutorial-search-clear { display: none; align-items: center; justify-content: center; width: 38px; height: 38px; margin-right: 4px; border: 0; border-radius: 8px; background: transparent; color: #8996ab; }
.bluewind-tutorial-search.has-value .bluewind-tutorial-search-clear { display: flex; }
.bluewind-tutorial-search-results { position: absolute; top: calc(100% + 7px); right: 0; left: 0; display: none; max-height: 360px; overflow-y: auto; padding: 7px; border: 1px solid var(--bw-line); border-radius: 10px; background: #fff; box-shadow: 0 20px 45px rgba(28, 57, 109, .16); }
.bluewind-tutorial-search.is-open .bluewind-tutorial-search-results { display: block; }
.bluewind-tutorial-search-results a { display: flex; align-items: center; gap: 11px; padding: 10px 12px; border-radius: 8px; }
.bluewind-tutorial-search-results a:hover, .bluewind-tutorial-search-results a.is-keyboard-active { background: var(--bw-primary-faint); color: var(--bw-primary); }
.bluewind-tutorial-search-results a > i { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 8px; background: var(--bw-primary-soft); color: var(--bw-primary); }
.bluewind-tutorial-search-results a > span { display: grid; min-width: 0; gap: 2px; }
.bluewind-tutorial-search-results a strong { overflow: hidden; color: var(--bw-text); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-tutorial-search-results a small { color: var(--bw-muted); font-size: 11px; }
.bluewind-tutorial-search-empty { display: none; padding: 24px; color: var(--bw-muted); text-align: center; }
.bluewind-tutorial-search-results.is-empty .bluewind-tutorial-search-empty { display: block; }

.bluewind-tutorial-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr) 280px; align-items: start; gap: 14px; }
.bluewind-tutorial-sidebar { position: sticky; top: 14px; display: grid; align-content: start; gap: 12px; }
.bluewind-tutorial-drawer-header { display: none; }
.bluewind-tutorial-drawer-body { display: contents; }
.bluewind-tutorial-catalog { overflow: hidden; box-shadow: 0 8px 24px rgba(34, 67, 126, .055); }
.bluewind-tutorial-side-title { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 14px; border-bottom: 1px solid var(--bw-line); font-size: 14px; font-weight: 950; }
.bluewind-tutorial-side-title span { display: inline-flex; align-items: center; gap: 8px; }
.bluewind-tutorial-side-title i { color: var(--bw-primary); }
.bluewind-tutorial-side-close { display: none; width: 34px; height: 34px; border: 0; border-radius: 7px; background: #f3f6fb; color: #64748b; }
.bluewind-tutorial-all { display: grid; grid-template-columns: 22px minmax(0,1fr) auto; align-items: center; min-height: 42px; gap: 6px; margin: 9px; padding: 0 10px; border-radius: 7px; color: #40506e; font-size: 12px; font-weight: 900; }
.bluewind-tutorial-all i { color: var(--bw-primary); }
.bluewind-tutorial-all em, .bluewind-tutorial-tree summary em { color: #8a97ab; font-size: 10px; font-style: normal; }
.bluewind-tutorial-all:hover, .bluewind-tutorial-all.is-active { background: var(--bw-primary-soft); color: var(--bw-primary); }
.bluewind-tutorial-tree { max-height: min(500px, 54vh); overflow-y: auto; padding: 0 9px 10px; }
.bluewind-tutorial-tree details { border-top: 1px solid #f0f3f8; }
.bluewind-tutorial-tree summary { display: flex; align-items: center; justify-content: space-between; min-height: 39px; padding: 0 9px; color: #33425f; font-size: 12px; font-weight: 900; cursor: pointer; list-style: none; }
.bluewind-tutorial-tree summary::-webkit-details-marker { display: none; }
.bluewind-tutorial-tree summary > span { display: inline-flex; align-items: center; min-width: 0; gap: 7px; }
.bluewind-tutorial-tree summary i { width: 16px; color: var(--bw-primary); text-align: center; }
.bluewind-tutorial-category-icon { width: 18px; height: 18px; flex: none; border: 1px solid rgba(var(--bw-primary-rgb), .12); border-radius: 5px; background: #fff; object-fit: cover; }
.bluewind-tutorial-tree details > div { display: grid; gap: 2px; padding: 0 0 7px 23px; }
.bluewind-tutorial-tree details a { position: relative; overflow: hidden; padding: 7px 9px 7px 14px; border-radius: 6px; color: #677590; font-size: 11px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-tutorial-tree details a:before { position: absolute; top: 13px; left: 4px; width: 4px; height: 4px; border-radius: 50%; background: #c3cede; content: ""; }
.bluewind-tutorial-tree details a:hover, .bluewind-tutorial-tree details a.is-active { background: var(--bw-primary-soft); color: var(--bw-primary); font-weight: 850; }
.bluewind-tutorial-tree details a.is-active:before { background: var(--bw-primary); box-shadow: 0 0 0 3px rgba(var(--bw-primary-rgb), .12); }
.bluewind-tutorial-help { display: flex; gap: 10px; margin: 0; padding: 13px 11px; border-color: rgba(var(--bw-primary-rgb), .13); background: linear-gradient(145deg, #fff, var(--bw-primary-faint)); box-shadow: 0 8px 24px rgba(34, 67, 126, .05); }
.bluewind-tutorial-help > i { color: var(--bw-primary); font-size: 20px; }
.bluewind-tutorial-help div { min-width: 0; }
.bluewind-tutorial-help strong { font-size: 12px; }
.bluewind-tutorial-help p { margin: 4px 0 8px; color: var(--bw-muted); font-size: 10px; line-height: 1.55; }
.bluewind-tutorial-help a { display: inline-flex; align-items: center; justify-content: center; min-height: 26px; padding: 0 9px; border-radius: 6px; background: var(--bw-primary); color: #fff; font-size: 10px; font-weight: 900; }
.bluewind-tutorial-trust { display: flex; align-items: center; gap: 10px; margin: 0; padding: 11px; border-color: rgba(11, 141, 88, .12); background: #effcf5; color: #0b8d58; box-shadow: 0 8px 24px rgba(34, 67, 126, .045); }
.bluewind-tutorial-trust > i { font-size: 20px; }
.bluewind-tutorial-trust div { display: grid; gap: 2px; }
.bluewind-tutorial-trust strong { font-size: 11px; }
.bluewind-tutorial-trust span { color: #5d7f70; font-size: 9px; }
.bluewind-tutorial-side-backdrop { display: none; }

.bluewind-tutorial-center { min-width: 0; }
.bluewind-tutorial-welcome, .bluewind-tutorial-article-hero { display: grid; overflow: hidden; background: linear-gradient(115deg, #fff 0%, #fbfdff 54%, var(--bw-primary-faint) 100%); }
.bluewind-tutorial-welcome { grid-template-columns: minmax(0, 1fr); min-height: 150px; }
.bluewind-tutorial-article-hero { grid-template-columns: minmax(0, 1fr); min-height: auto; }
.bluewind-tutorial-welcome-copy, .bluewind-tutorial-article-copy { display: flex; align-items: flex-start; justify-content: center; min-width: 0; padding: 28px; flex-direction: column; }
.bluewind-tutorial-welcome-copy { padding: 20px 28px; }
.bluewind-tutorial-welcome-copy > div:first-child, .bluewind-tutorial-article-copy > div:first-child { display: flex; align-items: center; gap: 14px; color: var(--bw-muted); font-size: 10px; font-weight: 800; }
.bluewind-tutorial-welcome-copy > div:first-child span, .bluewind-tutorial-article-copy > div:first-child span { padding: 4px 8px; border-radius: 6px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 10px; font-weight: 950; }
.bluewind-tutorial-article-copy > div:first-child span { display: inline-flex; align-items: center; gap: 5px; }
.bluewind-tutorial-hero-category-icon { width: 18px; height: 18px; flex: none; border-radius: 5px; object-fit: cover; }
.bluewind-tutorial-welcome h1, .bluewind-tutorial-article-copy h1 { margin: 11px 0 7px; font-size: clamp(26px, 2.4vw, 38px); font-weight: 950; line-height: 1.3; letter-spacing: -.025em; }
.bluewind-tutorial-welcome h1 { margin: 7px 0 4px; font-size: clamp(26px, 2.2vw, 34px); }
.bluewind-tutorial-welcome-copy > p, .bluewind-tutorial-article-copy > p { max-width: 660px; margin: 0; color: var(--bw-muted); font-size: 13px; line-height: 1.75; }
.bluewind-tutorial-welcome-visual, .bluewind-tutorial-article-visual { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; overflow: hidden; padding: 18px; }
.bluewind-tutorial-welcome-visual:before, .bluewind-tutorial-article-visual:before { position: absolute; width: 230px; height: 230px; border-radius: 50%; background: rgba(var(--bw-primary-rgb), .08); content: ""; }
.bluewind-tutorial-welcome-visual img, .bluewind-tutorial-article-visual img { position: relative; z-index: 2; width: 100%; max-width: 300px; max-height: 200px; border-radius: 14px; object-fit: cover; box-shadow: 0 18px 38px rgba(24, 57, 111, .15); }
.bluewind-tutorial-welcome-visual > span, .bluewind-tutorial-article-visual > span { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 132px; height: 132px; border-radius: 36px; background: #fff; color: var(--bw-primary); box-shadow: 0 18px 45px rgba(var(--bw-primary-rgb), .18); font-size: 58px; transform: rotate(-4deg); }

.bluewind-tutorial-library { margin-top: 14px; padding: 18px; }
.bluewind-tutorial-library > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.bluewind-tutorial-library > header > div { display: flex; align-items: center; gap: 10px; }
.bluewind-tutorial-library > header small { color: var(--bw-primary); font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.bluewind-tutorial-library > header h2 { margin: 2px 0 0; font-size: 19px; font-weight: 950; }
.bluewind-tutorial-library > header em { color: var(--bw-muted); font-size: 11px; font-style: normal; }
.bluewind-tutorial-library .bluewind-article-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bluewind-tutorial-library .bluewind-article-cover { width: 100%; height: auto; min-height: 0; overflow: hidden; aspect-ratio: 4 / 3; }
.bluewind-tutorial-library .bluewind-article-cover > picture { display: block; width: 100%; height: 100%; }
.bluewind-tutorial-library .bluewind-article-cover > img, .bluewind-tutorial-library .bluewind-article-cover picture > img { display: block; width: 100%; height: 100%; background: var(--bw-primary-faint); object-fit: contain; }
.bluewind-tutorial-library .bluewind-article-body { min-height: 168px; }
.bluewind-tutorial-library .bluewind-article-body > strong { display: -webkit-box; min-height: 2.9em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bluewind-tutorial-library .bluewind-article-body > p { min-height: 3.3em; }
.bluewind-tutorial-library .bluewind-article-card.is-filter-hidden, .bluewind-tutorial-library .bluewind-article-card.is-pagination-hidden { display: none; }
.bluewind-tutorial-filter-empty { display: none; align-items: center; justify-content: center; min-height: 220px; gap: 5px; color: var(--bw-muted); flex-direction: column; }
.bluewind-tutorial-filter-empty.is-visible { display: flex; }
.bluewind-tutorial-filter-empty i { margin-bottom: 8px; color: var(--bw-primary); font-size: 28px; }
.bluewind-tutorial-filter-empty strong { color: var(--bw-text); }
.bluewind-tutorial-filter-empty span { font-size: 11px; }
.bluewind-tutorial-load-more { display: flex; justify-content: center; margin-top: 18px; }
.bluewind-tutorial-load-more[hidden] { display: none; }
.bluewind-tutorial-load-more button { display: inline-flex; align-items: center; justify-content: center; min-width: 232px; min-height: 44px; gap: 9px; padding: 0 18px; border: 1px solid rgba(var(--bw-primary-rgb), .22); border-radius: 10px; background: var(--bw-primary-soft); color: var(--bw-primary); font-weight: 900; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.bluewind-tutorial-load-more button:hover { border-color: rgba(var(--bw-primary-rgb), .5); box-shadow: 0 10px 24px rgba(var(--bw-primary-rgb), .12); transform: translateY(-1px); }
.bluewind-tutorial-load-more button:focus-visible { outline: 3px solid rgba(var(--bw-primary-rgb), .2); outline-offset: 2px; }
.bluewind-tutorial-load-more button small { color: var(--bw-muted); font-size: 10px; font-weight: 700; }
.bluewind-tutorial-load-more button b { color: var(--bw-primary); font-weight: 950; }

.bluewind-tutorial-aside { position: sticky; top: 14px; display: grid; gap: 12px; }
.bluewind-tutorial-side-card { padding: 14px; box-shadow: 0 8px 24px rgba(34, 67, 126, .055); }
.bluewind-tutorial-side-card h3 { margin: 0 0 10px; font-size: 14px; font-weight: 950; }
.bluewind-tutorial-side-card > nav { display: grid; gap: 6px; }
.bluewind-tutorial-side-card > nav a { display: grid; grid-template-columns: 34px minmax(0, 1fr) 10px; align-items: center; min-height: 46px; gap: 8px; padding: 5px 8px; border: 1px solid #edf1f7; border-radius: 8px; color: #4b5b76; font-size: 11px; font-weight: 850; }
.bluewind-tutorial-side-card > nav a:hover { border-color: rgba(var(--bw-primary-rgb), .28); background: var(--bw-primary-faint); color: var(--bw-primary); }
.bluewind-tutorial-side-card > nav a > i { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 14px; }
.bluewind-tutorial-side-card > nav a > b { color: #9ba7ba; font-size: 10px; }
.bluewind-tutorial-related { display: grid; gap: 4px; }
.bluewind-tutorial-related > a { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 9px; padding: 7px 2px; border-top: 1px solid #f0f3f8; }
.bluewind-tutorial-related > a:first-child { border-top: 0; }
.bluewind-tutorial-related img, .bluewind-tutorial-related > a > span { display: flex; align-items: center; justify-content: center; width: 54px; height: 42px; border-radius: 7px; background: var(--bw-primary-soft); color: var(--bw-primary); object-fit: cover; }
.bluewind-tutorial-related div { display: grid; min-width: 0; gap: 4px; }
.bluewind-tutorial-related strong { display: -webkit-box; overflow: hidden; font-size: 11px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bluewind-tutorial-related small { overflow: hidden; color: var(--bw-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.bluewind-tutorial-article { display: grid; gap: 14px; }
.bluewind-tutorial-content-card { overflow: hidden; padding: 18px; }
.bluewind-tutorial-mobile-menu { display: none; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 0 11px; border: 1px solid var(--bw-line); border-radius: 7px; background: #fff; color: var(--bw-primary); font-size: 11px; font-weight: 900; }
.bluewind-tutorial-article-menu { grid-template-columns: 36px minmax(0, 1fr) auto; min-height: 54px; gap: 10px; padding: 7px 11px; border-color: rgba(var(--bw-primary-rgb), .22); border-radius: 10px; background: linear-gradient(135deg, #fff, var(--bw-primary-faint)); color: var(--bw-text); box-shadow: 0 9px 24px rgba(var(--bw-primary-rgb), .1); text-align: left; }
.bluewind-tutorial-article-menu > i { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9px; background: var(--bw-primary); color: #fff; font-size: 15px; }
.bluewind-tutorial-article-menu > span { display: grid; min-width: 0; gap: 2px; }
.bluewind-tutorial-article-menu strong { color: var(--bw-text); font-size: 13px; font-weight: 950; }
.bluewind-tutorial-article-menu small { overflow: hidden; color: var(--bw-muted); font-size: 9px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-tutorial-article-menu > em { display: inline-flex; align-items: center; gap: 6px; color: var(--bw-primary); font-size: 10px; font-style: normal; font-weight: 900; }
.bluewind-tutorial-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; gap: 10px; margin-top: 20px; }
.bluewind-tutorial-meta-item { display: flex; align-items: center; min-width: 0; min-height: 60px; gap: 9px; padding: 10px 12px; border: 1px solid rgba(var(--bw-primary-rgb), .12); border-radius: 10px; background: rgba(255,255,255,.9); box-shadow: 0 7px 18px rgba(34,67,126,.045); }
.bluewind-tutorial-meta-item > i { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 8px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 13px; }
.bluewind-tutorial-meta-item span { display: grid; min-width: 0; gap: 2px; }
.bluewind-tutorial-meta-item small { overflow: hidden; color: var(--bw-muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-tutorial-meta-item strong { overflow: hidden; color: var(--bw-text); font-size: 11px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-tutorial-content-card .bluewind-rich-content { counter-reset: tutorial-step; padding: 8px 0 12px; }
#tutorial-content { scroll-margin-top: 128px; }
.bluewind-rich-content .bluewind-tutorial-step { counter-increment: tutorial-step; margin-top: 16px; padding: 0 0 22px; border-bottom: 1px solid var(--bw-line); }
.bluewind-rich-content .bluewind-tutorial-step:last-child { border-bottom: 0; }
.bluewind-rich-content .bluewind-tutorial-step > h2 { display: flex; align-items: center; gap: 11px; margin: 0 0 13px; font-size: 18px; }
.bluewind-rich-content .bluewind-tutorial-step > h2:before { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 30px; flex: 0 0 36px; border-radius: 7px; background: var(--bw-primary); color: #fff; content: counter(tutorial-step, decimal-leading-zero); font-size: 12px; font-weight: 950; }
.bluewind-rich-content p { margin: 9px 0; color: #50607b; line-height: 1.85; }
.bluewind-rich-content ul, .bluewind-rich-content ol { padding-left: 22px; color: #50607b; }
.bluewind-rich-content li { margin: 5px 0; }
.bluewind-rich-content img, .bluewind-rich-content video { display: block; max-width: 100%; height: auto; margin: 15px auto; border: 1px solid var(--bw-line); border-radius: 10px; background: #081224; box-shadow: 0 10px 28px rgba(34, 67, 126, .08); }
.bluewind-rich-content img { cursor: zoom-in; background: #fff; }
.bluewind-rich-content figure { margin: 16px 0; }
.bluewind-rich-content figcaption { margin-top: -6px; color: var(--bw-muted); font-size: 10px; text-align: center; }
.bluewind-rich-content blockquote { margin: 14px 0; padding: 12px 15px; border: 1px solid rgba(var(--bw-primary-rgb), .15); border-left: 4px solid var(--bw-primary); border-radius: 7px; background: var(--bw-primary-faint); color: #52617b; }
.bluewind-rich-content pre { overflow-x: auto; padding: 14px; border-radius: 8px; background: #101a2d; color: #e5edf8; line-height: 1.65; }
.bluewind-rich-content table { width: 100% !important; margin: 14px 0; border-collapse: collapse; }
.bluewind-rich-content th, .bluewind-rich-content td { padding: 9px 10px; border: 1px solid var(--bw-line); text-align: left; }
.bluewind-rich-content th { background: var(--bw-primary-faint); color: var(--bw-text); }
.bluewind-article-attachments { margin-top: 10px; padding-top: 18px; border-top: 1px solid var(--bw-line); }
.bluewind-article-attachments > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.bluewind-article-attachments > header > div { display: flex; align-items: center; gap: 9px; }
.bluewind-article-attachments > header i { color: var(--bw-primary); font-size: 18px; }
.bluewind-article-attachments > header span { display: grid; gap: 1px; }
.bluewind-article-attachments > header strong { font-size: 14px; }
.bluewind-article-attachments > header small, .bluewind-article-attachments > header em { color: var(--bw-muted); font-size: 9px; font-style: normal; }
.bluewind-article-attachments > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.bluewind-article-attachments > div > a { display: grid; grid-template-columns: 42px minmax(0, 1fr) 20px; align-items: center; min-height: 58px; gap: 9px; padding: 8px 10px; border: 1px solid var(--bw-line); border-radius: 8px; background: #fff; }
.bluewind-article-attachments > div > a:hover { border-color: rgba(var(--bw-primary-rgb), .42); background: var(--bw-primary-faint); }
.bluewind-attachment-type { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 9px; font-weight: 950; }
.bluewind-article-attachments a > span:nth-child(2) { display: grid; min-width: 0; gap: 3px; }
.bluewind-article-attachments a strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-article-attachments a small { color: var(--bw-muted); font-size: 9px; }
.bluewind-article-attachments a > i { color: var(--bw-primary); }
.bluewind-tutorial-footer-nav { display: flex; align-items: stretch; gap: 8px; margin: 18px -18px -18px; padding: 14px 18px 13px; border-top: 1px solid var(--bw-line); background: #fbfcfe; flex-direction: column; }
.bluewind-tutorial-footer-next { display: grid; grid-template-columns: minmax(0, 1fr) 42px; align-items: center; min-width: 0; min-height: 72px; gap: 14px; padding: 12px 14px 12px 16px; border: 1px solid rgba(var(--bw-primary-rgb), .2); border-radius: 11px; background: linear-gradient(105deg, var(--bw-primary-faint), #fff); color: var(--bw-text); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.bluewind-tutorial-footer-next:hover { transform: translateY(-1px); border-color: rgba(var(--bw-primary-rgb), .42); box-shadow: 0 9px 22px rgba(var(--bw-primary-rgb), .09); }
.bluewind-tutorial-footer-next > span, .bluewind-tutorial-footer-complete > span { display: grid; min-width: 0; gap: 4px; }
.bluewind-tutorial-footer-next small, .bluewind-tutorial-footer-complete small { color: var(--bw-primary); font-size: 9px; font-weight: 900; letter-spacing: .05em; }
.bluewind-tutorial-footer-next strong, .bluewind-tutorial-footer-complete strong { overflow: hidden; font-size: 14px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.bluewind-tutorial-footer-next > i { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; background: var(--bw-primary); color: #fff; font-size: 14px; box-shadow: 0 7px 16px rgba(var(--bw-primary-rgb), .2); }
.bluewind-tutorial-footer-home { display: inline-flex; align-items: center; align-self: flex-start; min-height: 38px; gap: 7px; padding: 0 4px; color: var(--bw-muted); font-size: 11px; font-weight: 850; }
.bluewind-tutorial-footer-home:hover { color: var(--bw-primary); }
.bluewind-tutorial-footer-home > i { color: var(--bw-primary); font-size: 11px; }
.bluewind-tutorial-footer-complete { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; min-height: 72px; gap: 14px; padding: 12px 16px; border: 1px solid #ccebdc; border-radius: 11px; background: #f4fbf7; color: var(--bw-text); }
.bluewind-tutorial-footer-complete > i { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; background: #e4f7ed; color: var(--bw-success); font-size: 17px; }
.bluewind-tutorial-footer-complete small { color: var(--bw-success); }
.bluewind-article-back-to-top, .bluewind-smm-back-to-top { position: fixed; z-index: 90; right: max(24px, calc((100vw - 1490px) / 2 - 62px)); bottom: 28px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; visibility: hidden; padding: 0; border: 1px solid rgba(var(--bw-primary-rgb), .18); border-radius: 12px; background: var(--bw-primary); color: #fff; opacity: 0; box-shadow: 0 12px 28px rgba(var(--bw-primary-rgb), .27); cursor: pointer; pointer-events: none; transform: translateY(12px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease, background .2s ease; }
.bluewind-article-back-to-top:hover, .bluewind-smm-back-to-top:hover { background: var(--bw-primary-dark); color: #fff; transform: translateY(-2px); }
.bluewind-article-back-to-top:focus-visible, .bluewind-smm-back-to-top:focus-visible { outline: 3px solid rgba(var(--bw-primary-rgb), .25); outline-offset: 3px; }
.bluewind-article-back-to-top.is-visible, .bluewind-smm-back-to-top.is-visible { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
.bluewind-article-back-to-top.has-floating-support, .bluewind-smm-back-to-top.has-floating-support { bottom: 94px; }

@media (max-width: 1250px) {
    .bluewind-shell { width: min(100% - 32px, 1180px); }
    .bluewind-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .bluewind-category-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .bluewind-nav-link { padding-right: 10px; padding-left: 10px; }
    .bluewind-dynamic-categories .bluewind-nav-link:nth-child(n+3) { display: none; }
    .bluewind-tutorial-layout { grid-template-columns: 210px minmax(0, 1fr) 245px; }
    .bluewind-tutorial-library .bluewind-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    body.bluewind-theme { padding-bottom: 68px; }
    .bluewind-topbar, .bluewind-header { display: none; }
    .bluewind-mobile-head { position: sticky; z-index: 40; top: 0; display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 7px 16px; border-bottom: 1px solid var(--bw-line); background: rgba(255,255,255,.96); backdrop-filter: blur(10px); }
    .bluewind-mobile-brand { display: flex; align-items: center; min-width: 0; overflow: hidden; gap: 9px; flex: 1 1 auto; }
    .bluewind-mobile-brand img { width: 40px; height: 40px; flex: 0 0 40px; border: 0; border-radius: 0; object-fit: contain; background: transparent; box-shadow: none; }
    .bluewind-mobile-brand strong { min-width: 0; max-width: 100%; overflow: hidden; font-size: 17px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
    .bluewind-mobile-tools { display: flex; flex: 0 0 auto; gap: 6px; }
    .bluewind-mobile-tools .bluewind-mobile-tool { display: inline-flex; align-items: center; justify-content: center; min-width: 70px; height: 40px; gap: 6px; padding: 0 10px; border: 1px solid #d8e2f0; border-radius: 10px; background: #fff; color: #34425f; font-size: 11px; font-weight: 900; white-space: nowrap; box-shadow: 0 2px 8px rgba(31, 53, 91, .045); }
    .bluewind-mobile-tools .bluewind-mobile-tool > i { font-size: 15px; }
    .bluewind-mobile-tools .bluewind-mobile-tool.is-search { border-color: rgba(var(--bw-primary-rgb), .2); background: var(--bw-primary-soft); color: var(--bw-primary); }
    .bluewind-mobile-tools .bluewind-mobile-tool:active { transform: translateY(1px); }
    .bluewind-mobile-more { position: relative; }
    .bluewind-mobile-more .dropdown-toggle::after { margin-left: 1px; vertical-align: .12em; }
    .bluewind-mobile-more-menu { min-width: 210px; margin-top: 7px !important; }
    .bluewind-mobile-search { display: none; align-items: center; height: 46px; gap: 8px; padding: 6px 14px; border-bottom: 1px solid var(--bw-line); background: #fff; }
    .bluewind-mobile-search.is-open { display: flex; }
    .bluewind-mobile-search input { min-width: 0; height: 34px; flex: 1; padding: 0 9px; border: 1px solid #d7e1ef; border-radius: 7px; outline: 0; }
    .bluewind-mobile-search .bluewind-mobile-search-submit { height: 34px; padding: 0 14px; border: 0; border-radius: 7px; background: var(--bw-primary); color: #fff; font-weight: 800; }
    .bluewind-mobile-search .bluewind-mobile-search-close { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; padding: 0; border: 1px solid var(--bb-border, var(--bw-line)); border-radius: var(--bb-radius-sm, 7px); background: var(--bb-surface-muted, #f7f9fc); color: var(--bb-text-secondary, #475467); font-size: 16px; }
    .bluewind-mobile-search .bluewind-mobile-search-close:active { background: var(--bw-primary-soft); color: var(--bw-primary); }
    .bluewind-mobile-tabs { position: fixed; z-index: 80; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 64px; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid #dfe6f1; background: rgba(255,255,255,.97); box-shadow: 0 -8px 26px rgba(29, 49, 89, .08); backdrop-filter: blur(12px); }
    .bluewind-mobile-tabs.has-four-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .bluewind-mobile-tab { display: flex; align-items: center; justify-content: center; gap: 3px; color: #5b6881; font-size: 10px; flex-direction: column; }
    .bluewind-mobile-tab i { font-size: 21px; }
    .bluewind-mobile-tab.is-active { color: var(--bw-primary); }
    .bluewind-main { padding-top: 10px; padding-bottom: 32px; }
    .bluewind-shell { width: calc(100% - 24px); }
    .bluewind-footer { display: none; }
    .bluewind-hero { min-height: 430px; }
    .bluewind-hero.has-custom-banner { aspect-ratio: 750 / 560; }
    .bluewind-hero-picture img { object-position: center top; }
    .bluewind-hero-custom-actions,
    .bluewind-hero-custom-actions.is-center,
    .bluewind-hero-custom-actions.is-right { right: 12px; bottom: 12px; left: 12px; display: flex; width: auto; max-width: none; transform: none; }
    .bluewind-hero-custom-actions .bluewind-btn { min-width: 0; flex: 1; padding: 0 10px; }
    .bluewind-hero-copy { align-items: center; justify-content: flex-end; min-height: 430px; width: 100%; padding: 32px 24px 36px; text-align: center; }
    .bluewind-hero-copy h1 { max-width: 90%; font-size: 31px; }
    .bluewind-hero-copy p { font-size: 21px; }
    .bluewind-hero-copy small { font-size: 12px; }
    .bluewind-hero-decoration { top: 0; right: 0; bottom: auto; width: 100%; height: 235px; }
    .bluewind-globe { top: 28px; right: calc(50% - 86px); width: 172px; height: 172px; }
    .bluewind-orbit { top: 93px; right: calc(50% - 135px); width: 270px; }
    .bluewind-orbit.orbit-two { top: 76px; right: calc(50% - 108px); width: 216px; }
    .bluewind-hero-decoration > i.fa-duotone { right: 18px; bottom: 8px; width: 54px; height: 54px; font-size: 24px; }
    .bluewind-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: -20px 12px 0; padding: 8px; }
    .bluewind-hero.has-custom-banner + .bluewind-capabilities { margin: 0 12px; }
    .bluewind-capabilities > div { justify-content: flex-start; padding: 9px; border-right: 0; }
    .bluewind-home-categories, .bluewind-home-products { padding: 16px 12px; }
    .bluewind-category-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .bluewind-category-card { min-height: 70px; padding: 9px; }
    .bluewind-category-card img { width: 38px; height: 38px; flex-basis: 38px; }
    .bluewind-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .bluewind-product-body { min-height: 170px; padding: 10px; }
    .bluewind-product-main { grid-template-columns: 46px minmax(0, 1fr); gap: 8px; }
    .bluewind-product-cover { width: 46px; height: 46px; }
    .bluewind-product-name { min-height: 34px; font-size: 13px; }
    .bluewind-product-price { align-items: flex-end; }
    .bluewind-product-price a, .bluewind-product-price button { min-height: 29px; padding: 0 9px; }
    .bluewind-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; }
    .bluewind-trust-strip > div { justify-content: flex-start; padding: 9px; border-right: 0; }
    .bluewind-catalog-intro, .bluewind-smm-heading, .bluewind-query-hero { align-items: flex-start; min-height: auto; padding: 18px; flex-direction: column; }
    .bluewind-catalog-intro h1, .bluewind-smm-heading h1, .bluewind-query-hero h1 { font-size: 24px; }
    .bluewind-catalog-benefits { width: 100%; overflow-x: auto; }
    body.bluewind-category-opened { overflow: hidden; }
    .bluewind-catalog-layout { grid-template-columns: minmax(0, 1fr); }
    .bluewind-mobile-category-trigger { display: flex; align-items: center; width: 100%; min-height: 68px; gap: 11px; padding: 10px 13px; border: 1px solid var(--bw-line); border-radius: 12px; background: #fff; color: var(--bw-text); text-align: left; box-shadow: var(--bw-shadow); }
    .bluewind-mobile-category-trigger-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 10px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 17px; }
    .bluewind-mobile-category-trigger-copy { display: grid; min-width: 0; flex: 1; gap: 2px; }
    .bluewind-mobile-category-trigger-copy small { color: var(--bw-muted); font-size: 10px; font-weight: 800; }
    .bluewind-mobile-category-trigger-copy strong { overflow: hidden; font-size: 14px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
    .bluewind-mobile-category-trigger-meta { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 8px; color: var(--bw-primary); }
    .bluewind-mobile-category-trigger-meta small { color: var(--bw-muted); font-size: 10px; font-weight: 800; }
    .bluewind-mobile-category-trigger-meta > i { font-size: 13px; }
    .bluewind-category-sidebar { position: fixed; z-index: 96; top: 0; bottom: 0; left: 0; display: flex; width: min(340px, 88vw); max-height: 100dvh; overflow: hidden; border-radius: 0 16px 16px 0; background: #f4f7fb; box-shadow: 16px 0 38px rgba(9, 19, 39, .18); flex-direction: column; transform: translateX(-105%); transition: transform .24s ease; }
    body.bluewind-category-opened .bluewind-category-sidebar { transform: translateX(0); }
    .bluewind-sidebar-title { z-index: 2; min-height: 62px; padding: 0 12px 0 15px; border-radius: 0 16px 0 0; background: #fff; box-shadow: 0 7px 18px rgba(31, 53, 91, .08); flex: 0 0 62px; }
    .bluewind-sidebar-title > i { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; background: var(--bw-primary-soft); font-size: 15px; }
    .bluewind-sidebar-title strong { display: grid; gap: 1px; font-size: 15px; }
    .bluewind-category-drawer-hint { display: block; color: var(--bw-muted); font-size: 10px; font-weight: 700; }
    .bluewind-category-close { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 9px; background: #f4f7fb; font-size: 17px; }
    .bluewind-category-scroll-wrap { display: flex; min-height: 0; padding: 9px 7px 9px 10px; flex: 1 1 auto; }
    .bluewind-category-scroll-wrap:after { position: absolute; right: 24px; bottom: 9px; left: 10px; height: 38px; opacity: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(244,247,251,0), #f4f7fb 88%); content: ""; transition: opacity .16s ease; }
    body.bluewind-category-opened .bluewind-category-scroll-wrap.is-scrollable:not(.is-at-bottom):after { opacity: 1; }
    .bluewind-category-tree { display: grid; min-height: 0; max-height: 100%; gap: 3px; padding: 2px 25px 42px 0; overflow-x: hidden; overflow-y: auto; align-content: start; grid-auto-rows: max-content; overscroll-behavior: contain; scrollbar-width: none; flex: 1 1 auto; }
    .bluewind-category-tree::-webkit-scrollbar { width: 0; height: 0; }
    .bluewind-category-node { min-width: 0; }
    .bluewind-category-node > button { min-width: 0; min-height: 48px; padding: 6px 8px 6px calc(8px + var(--depth) * 13px); border: 1px solid transparent; border-radius: 9px; background: #fff; box-shadow: 0 2px 9px rgba(33, 55, 94, .045); }
    .bluewind-category-node > button:hover, .bluewind-category-node > button.is-active { border-color: rgba(var(--bw-primary-rgb), .2); }
    .bluewind-category-node > button img { width: 29px; height: 29px; flex-basis: 29px; }
    .bluewind-category-node > button span { font-size: 12px; white-space: normal; overflow-wrap: anywhere; }
    .bluewind-category-node.has-children > button small { display: none; }
    .bluewind-category-chevron { display: inline-flex; align-items: center; justify-content: center; width: 18px; color: #94a0b5; transition: transform .18s ease; }
    .bluewind-category-node.is-expanded > button .bluewind-category-chevron { color: var(--bw-primary); transform: rotate(90deg); }
    .bluewind-category-children { display: none; }
    .bluewind-category-node.is-expanded > .bluewind-category-children { display: block; }
    .bluewind-category-scrollbar { position: absolute; z-index: 2; top: 11px; right: 6px; bottom: 11px; display: flex; width: 18px; align-items: center; gap: 4px; opacity: 0; pointer-events: none; flex-direction: column; transition: opacity .16s ease; }
    body.bluewind-category-opened .bluewind-category-scroll-wrap.is-scrollable .bluewind-category-scrollbar { opacity: 1; pointer-events: auto; }
    .bluewind-category-scroll-arrow { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex: 0 0 18px; padding: 0; border: 1px solid rgba(var(--bw-primary-rgb), .18); border-radius: 6px; background: #fff; color: rgba(var(--bw-primary-rgb), .72); font-size: 10px; box-shadow: 0 1px 4px rgba(15, 23, 42, .08); }
    .bluewind-category-scrollbar.is-at-top .bluewind-category-scroll-arrow[data-direction="up"], .bluewind-category-scrollbar.is-at-bottom .bluewind-category-scroll-arrow[data-direction="down"] { opacity: .34; }
    .bluewind-category-scroll-track { position: relative; width: 3px; min-height: 42px; border-radius: 999px; background: rgba(var(--bw-primary-rgb), .18); cursor: pointer; flex: 1 1 auto; }
    .bluewind-category-scroll-thumb { position: absolute; top: 0; left: 0; width: 3px; min-height: 34px; border-radius: 999px; background: var(--bw-primary); transform: translateY(0); transition: height .08s ease, transform .04s linear; }
    .bluewind-sidebar-note { display: flex; padding: 11px 13px calc(11px + env(safe-area-inset-bottom)); background: #fff; flex: 0 0 auto; }
    .bluewind-category-backdrop { position: fixed; z-index: 95; inset: 0; display: block; border: 0; opacity: 0; pointer-events: none; background: rgba(9, 19, 39, .5); transition: opacity .2s ease; }
    body.bluewind-category-opened .bluewind-category-backdrop { opacity: 1; pointer-events: auto; }
    .bluewind-catalog-toolbar { align-items: stretch; padding: 0 10px; flex-direction: column; }
    .bluewind-catalog-tabs button { min-height: 46px; padding: 0 11px; }
    .bluewind-catalog-view { justify-content: flex-end; padding-bottom: 9px; }
    .bluewind-catalog-products { padding: 10px; }
    .bluewind-catalog-products.is-list .bluewind-product-body { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
    .bluewind-catalog-products.is-list .bluewind-product-main { grid-column: 1 / -1; grid-template-columns: 58px minmax(0, 1fr); }
    .bluewind-catalog-products.is-list .bluewind-product-cover { width: 58px; height: 58px; }
    .bluewind-catalog-products.is-list .bluewind-product-stock { padding: 0; border: 0; }
    .bluewind-smm-heading-actions { width: 100%; }
    .bluewind-smm-layout { grid-template-columns: minmax(0, 1fr); }
    .bluewind-smm-platform-bar { padding: 10px 12px; }
    .bluewind-smm-tools { grid-template-columns: minmax(0, 1fr) auto 150px; }
    .bluewind-smm-order-placeholder { display: none; }
    .bluewind-smm-workspace .bluewind-smm-browser { display: none; }
    .bluewind-smm-order-panel { position: static; }
    .bluewind-smm-item-heading { flex-direction: row; align-items: center; }
    .bluewind-smm-mobile-back { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 6px; }
    .bluewind-smm-service-list { max-height: none; }
    .bluewind-item-layout { grid-template-columns: minmax(0, 1fr); }
    .bluewind-item-gallery { position: static; padding: 12px; }
    .bluewind-item-cover { aspect-ratio: 4 / 3; }
    .bluewind-purchase-card { padding: 16px; }
    .bluewind-product-title-row { align-items: flex-start; flex-direction: column-reverse; }
    .bluewind-product-title-row h1 { font-size: 25px; }
    .bluewind-service-promises { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 0; }
    .bluewind-service-promises > span { border-right: 0; }
    .bluewind-price-summary { align-items: flex-start; }
    .bluewind-price-summary .price { font-size: 24px; }
    .bluewind-payment-modal { align-items: flex-end; padding: 0; }
    .bluewind-payment-dialog { width: 100%; max-height: 88vh; padding: 18px 14px calc(16px + env(safe-area-inset-bottom)); border-radius: 18px 18px 0 0; }
    .bluewind-payment-header h2 { font-size: 21px; }
    .bluewind-pay-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .bluewind-pay-list .pay { min-height: 62px; padding-right: 32px; }
    .bluewind-payment-actions { grid-template-columns: 100px minmax(0, 1fr); }
    .bluewind-item-page { padding-bottom: 96px; }
    .bluewind-open-payment { position: fixed; z-index: 74; right: 12px; bottom: calc(72px + env(safe-area-inset-bottom)); left: 12px; width: auto; min-height: 54px; margin: 0; border-radius: 12px; box-shadow: 0 14px 35px rgba(var(--bw-primary-rgb), .35); transition: right .18s ease; }
    .bluewind-article-back-to-top, .bluewind-smm-back-to-top { right: 12px; bottom: calc(80px + env(safe-area-inset-bottom)); width: 42px; height: 42px; border-radius: 11px; }
    .bluewind-article-back-to-top.has-floating-support, .bluewind-smm-back-to-top.has-floating-support { bottom: calc(146px + env(safe-area-inset-bottom)); }
    .bluewind-detail-content { padding: 17px; }
    .bluewind-detail-tabs button { padding: 0 17px; }
    .bluewind-query-security { max-width: none; }
    .bluewind-query-form { grid-template-columns: minmax(0, 1fr); }
    .tokyo-order-summary-grid { grid-template-columns: minmax(0, 1fr); }
    .tokyo-summary-column--right { border-top: 1px solid var(--bw-line); border-left: 0; }
    .tokyo-delivery-card--locked { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .tokyo-delivery-unlock { padding: 16px 0 0; border-top: 1px solid var(--bw-line); border-left: 0; }
    .bluewind-closed-card { grid-template-columns: minmax(0, 1fr); }
    .bluewind-closed-visual { min-height: 210px; }
    .bluewind-closed-copy { padding: 28px 22px; }
    .bluewind-home-tutorials { padding: 16px 12px; }
    .bluewind-tutorial-grid, .bluewind-article-grid { grid-template-columns: minmax(0, 1fr); }
    .bluewind-tutorial-card, .bluewind-article-card { display: grid; grid-template-columns: 120px minmax(0, 1fr); }
    .bluewind-tutorial-cover, .bluewind-article-cover { width: 120px; height: 90px; min-height: 0; aspect-ratio: 4 / 3; }
    .bluewind-home-tutorials .bluewind-tutorial-body { height: 90px; min-height: 90px; padding: 8px 10px; }
    .bluewind-home-tutorials .bluewind-tutorial-body > strong { min-height: 0; margin-top: 4px; overflow: hidden; font-size: 14px; line-height: 1.35; }
    .bluewind-home-tutorials .bluewind-tutorial-body > p { display: none; }
    .bluewind-home-tutorials .bluewind-tutorial-body > span { font-size: 11px; line-height: 1.2; }
    .bluewind-tutorial-library .bluewind-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bluewind-tutorial-library .bluewind-article-card { display: flex; flex-direction: column; }
    .bluewind-tutorial-library .bluewind-article-cover { width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 3; }
    .bluewind-page-hero { align-items: flex-start; min-height: auto; padding: 20px; }
    .bluewind-page-hero > i { font-size: 38px; }
    .bluewind-contact-section-head { align-items: flex-start; flex-direction: column; gap: 4px; }
    .bluewind-contact-section-head p { text-align: left; }
    .bluewind-contact-grid { grid-template-columns: minmax(0, 1fr); }
    .bluewind-contact-card { grid-template-columns: 44px minmax(0, 1fr); }
    .bluewind-contact-icon { width: 44px; height: 44px; }
    .bluewind-contact-card > a { grid-column: 1 / -1; justify-content: center; }
    .bluewind-rich-content, .bluewind-article-detail header, .bluewind-article-detail footer { padding-right: 18px; padding-left: 18px; }
    .bluewind-tutorial-layout { grid-template-columns: minmax(0, 1fr); }
    .bluewind-tutorial-sidebar { position: fixed; z-index: 96; top: 0; bottom: 0; left: 0; display: flex; width: min(320px, 88vw); overflow: hidden; gap: 0; padding: 0; border-radius: 0 14px 14px 0; background: #f4f7fb; box-shadow: 14px 0 34px rgba(9, 19, 39, .14); flex-direction: column; transform: translateX(-105%); transition: transform .22s ease; }
    .bluewind-tutorial-sidebar.is-open { transform: translateX(0); }
    .bluewind-tutorial-drawer-header { z-index: 2; display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 12px 0 15px; border-bottom: 1px solid #dfe6f1; border-radius: 0 14px 0 0; background: #fff; box-shadow: 0 7px 18px rgba(31, 53, 91, .08); flex: 0 0 58px; }
    .bluewind-tutorial-drawer-header > span { display: inline-flex; align-items: center; gap: 9px; color: var(--bw-text); font-size: 15px; font-weight: 950; }
    .bluewind-tutorial-drawer-header > span > i { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 14px; }
    .bluewind-tutorial-drawer-body { display: grid; min-height: 0; overflow-y: auto; align-content: start; grid-auto-rows: max-content; gap: 12px; padding: 10px 7px 10px 10px; scrollbar-color: rgba(var(--bw-primary-rgb), .72) #dfe5ee; scrollbar-gutter: stable; scrollbar-width: thin; overscroll-behavior: contain; flex: 1 1 auto; }
    .bluewind-tutorial-drawer-body::-webkit-scrollbar { width: 9px; }
    .bluewind-tutorial-drawer-body::-webkit-scrollbar-track { border-radius: 999px; background: #dfe5ee; }
    .bluewind-tutorial-drawer-body::-webkit-scrollbar-thumb { min-height: 52px; border: 2px solid #dfe5ee; border-radius: 999px; background: rgba(var(--bw-primary-rgb), .72); }
    .bluewind-tutorial-drawer-body::-webkit-scrollbar-thumb:hover { background: var(--bw-primary); }
    .bluewind-tutorial-catalog { overflow: hidden; }
    .bluewind-tutorial-side-title { position: static; background: #fff; }
    .bluewind-tutorial-side-close { display: inline-flex; align-items: center; justify-content: center; }
    .bluewind-tutorial-tree { max-height: none; overflow: visible; }
    .bluewind-tutorial-side-backdrop { position: fixed; z-index: 95; inset: 0; display: none; border: 0; background: rgba(9, 19, 39, .48); }
    .bluewind-tutorial-side-backdrop.is-open { display: block; }
    .bluewind-tutorial-mobile-menu { display: inline-flex; width: fit-content; margin-bottom: 12px; }
    .bluewind-tutorial-article-menu { position: sticky; z-index: 25; top: 66px; display: grid; width: 100%; margin: 0; }
    .bluewind-tutorial-library > header .bluewind-tutorial-mobile-menu { margin: 0; }
    .bluewind-tutorial-aside { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bluewind-tutorial-article-hero { grid-template-columns: minmax(0, 1fr); }
    .bluewind-tutorial-welcome-copy, .bluewind-tutorial-article-copy { padding: 22px; }
    .bluewind-tutorial-welcome-visual img, .bluewind-tutorial-article-visual img { max-height: 180px; }
    .bluewind-tutorial-content-card .bluewind-rich-content { padding-right: 0; padding-left: 0; }
    .bluewind-tutorial-search-results { max-height: 52vh; }
}

@media (max-width: 900px) {
    .bluewind-display-group-selector { align-items: flex-end; padding: 0; }
    .bluewind-display-group-sheet { width: 100%; max-height: min(84dvh, 720px); border-right: 0; border-bottom: 0; border-left: 0; border-radius: 22px 22px 0 0; box-shadow: 0 -18px 54px rgba(11, 23, 53, .2); opacity: 1; transform: translateY(104%); }
    .bluewind-display-group-selector[aria-hidden="false"] .bluewind-display-group-sheet { transform: translateY(0); }
    .bluewind-display-group-handle { display: block; width: 44px; height: 4px; margin: 9px auto 0; border-radius: 999px; background: #cbd5e1; flex: 0 0 auto; }
    .bluewind-display-group-header { padding: 12px 16px 14px; }
    .bluewind-display-group-header h2 { font-size: 18px; }
    .bluewind-display-group-search { margin: 12px 16px 0; }
    .bluewind-display-group-options { gap: 8px; padding: 14px 16px; }
    .bluewind-display-group-option { grid-template-columns: 32px minmax(0, 1fr); min-height: 74px; padding: 10px; }
    .bluewind-display-group-option-flag { width: 32px; height: 32px; font-size: 18px; }
    .bluewind-display-group-option-check { position: absolute; top: 8px; right: 8px; }
    .bluewind-display-group-footer { grid-template-columns: minmax(0, 1fr) minmax(124px, auto); gap: 10px; padding: 13px 16px calc(13px + env(safe-area-inset-bottom)); }
    .bluewind-display-group-confirm { min-width: 124px; padding: 0 14px; }
}

@media (max-width: 600px) {
    body.bluewind-has-floating-support .bluewind-open-payment { right: 74px; }
}

@media (prefers-reduced-motion: reduce) {
    .bluewind-open-payment, .bluewind-article-back-to-top, .bluewind-smm-back-to-top, .bluewind-category-sidebar, .bluewind-category-backdrop, .bluewind-category-chevron, .bluewind-display-group-backdrop, .bluewind-display-group-sheet, .bluewind-display-group-option, .bluewind-display-group-option-check { transition: none; }
}

/* BigBears storefront redesign — phase 2: product discovery. */
.bluewind-category-node.is-all {
    margin-bottom: 5px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--bb-border, var(--bw-line));
}

.bluewind-category-all-icon {
    display: inline-flex;
    width: 25px;
    height: 25px;
    flex: 0 0 25px !important;
    align-items: center;
    justify-content: center;
    border-radius: var(--bb-radius-sm, 6px);
    background: var(--bb-primary-soft, var(--bw-primary-soft));
    color: var(--bb-primary, var(--bw-primary));
}

.bluewind-clear-filter {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 5px;
    padding: 0 9px;
    border: 1px solid var(--bb-border-strong, #cbd7e8);
    border-radius: var(--bb-radius-sm, 6px);
    background: var(--bb-surface, #fff);
    color: var(--bb-text-secondary, #475467);
    font-size: 11px;
    font-weight: 600;
}

.bluewind-clear-filter[hidden] {
    display: none !important;
}

.bluewind-product-meta {
    display: flex;
    min-height: 18px;
    align-items: center;
    gap: 5px;
    margin-top: 3px !important;
    overflow: hidden;
}

.bluewind-product-meta span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bluewind-product-meta span + span::before {
    color: #c1cad8;
    content: "·";
}

.bluewind-product-stock {
    min-height: 26px;
}

.bluewind-product-stock > span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
}

.bluewind-product-stock.is-success > span { color: var(--bb-success, #067647); }
.bluewind-product-stock.is-warning > span { color: var(--bb-warning, #b54708); }
.bluewind-product-stock.is-danger > span { color: var(--bb-error, #b42318); }

.bluewind-product-stock small {
    color: var(--bb-text-muted, var(--bw-muted));
    text-align: right;
}

.bluewind-product-price-copy {
    display: inline-flex;
    min-width: 0;
    align-items: baseline;
    gap: 3px;
}

.bluewind-product-price-copy small {
    color: var(--bb-text-secondary, #475467);
    font-size: 10px;
    font-weight: 600;
}

.bluewind-product-price a.is-secondary {
    border: 1px solid var(--bb-border-strong, #cbd7e8);
    background: var(--bb-surface, #fff);
    color: var(--bb-text-secondary, #475467);
}

.bluewind-catalog-state {
    display: grid;
    grid-column: 1 / -1;
    place-items: center;
    align-content: center;
    gap: 7px;
    padding: clamp(28px, 3vw, 36px) 28px;
    color: var(--bb-text-secondary, #475467);
    text-align: center;
}

.bluewind-catalog-state-icon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: var(--bb-radius-md, 10px);
    background: var(--bb-primary-soft, var(--bw-primary-soft));
    color: var(--bb-primary, var(--bw-primary));
    font-size: 19px;
}

.bluewind-catalog-state strong {
    color: var(--bb-text, var(--bw-text));
    font-size: 15px;
}

.bluewind-catalog-state p {
    max-width: 36em;
    margin: 0;
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: 12px;
}

.bluewind-catalog-state button {
    min-height: 36px;
    margin-top: 5px;
    padding: 0 14px;
    border: 1px solid var(--bb-primary, var(--bw-primary));
    border-radius: var(--bb-radius-sm, 6px);
    background: var(--bb-primary, var(--bw-primary));
    color: #fff;
    font-weight: 600;
}

@media (max-width: 900px) {
    .bluewind-catalog-intro {
        gap: 12px;
        padding: 16px;
    }

    .bluewind-catalog-benefits span {
        flex: 0 0 auto;
    }

    .bluewind-category-all-icon {
        width: 29px;
        height: 29px;
        flex-basis: 29px !important;
    }
}

@media (max-width: 520px) {
    .bluewind-catalog-intro p {
        line-height: 1.55;
    }

    .bluewind-catalog-products .bluewind-product-body {
        min-height: 178px;
    }

    .bluewind-catalog-products .bluewind-product-price {
        align-items: center;
        flex-direction: row;
    }

    .bluewind-catalog-products .bluewind-product-price a,
    .bluewind-catalog-products .bluewind-product-price button {
        width: auto;
        min-width: 58px;
        padding: 0 7px;
    }

    .bluewind-product-stock {
        align-items: flex-start;
        gap: 3px;
        flex-direction: column;
    }

    .bluewind-product-stock small {
        text-align: left;
    }

    .bluewind-catalog-state {
        padding: 28px 14px;
    }
}

/* BigBears storefront redesign — phase 2: core purchase experience. */
.bluewind-mobile-item-summary {
    display: none;
}

.bluewind-purchase-card {
    padding: 20px;
    border-color: var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-lg, 16px);
    box-shadow: none;
}

.bluewind-product-kicker {
    color: var(--bb-primary, var(--bw-primary));
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .02em;
}

.bluewind-product-title-row h1 {
    font-size: clamp(24px, 2.25vw, 32px);
    font-weight: 700;
    line-height: 1.32;
    overflow-wrap: anywhere;
}

.bluewind-product-id {
    font-weight: 600;
}

.item-stock small {
    margin-left: 5px;
    font-size: inherit;
    font-weight: 500;
    opacity: .78;
}

.bluewind-service-promises {
    margin-top: 12px;
    padding: 11px 6px;
    border-color: var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-md, 10px);
    background: var(--bb-bg-subtle, #f8fafc);
}

.bluewind-service-promises > span {
    padding: 0 9px;
}

.bluewind-service-promises i {
    color: var(--bb-primary, var(--bw-primary));
    font-size: 18px;
}

.bluewind-service-promises b {
    font-weight: 600;
}

.bluewind-price-summary {
    margin-top: 12px;
    padding: 12px 14px;
    border-color: rgba(var(--bw-primary-rgb), .2);
    border-radius: var(--bb-radius-md, 10px);
    background: var(--bb-primary-soft, var(--bw-primary-soft));
    transition: border-color 160ms ease, background-color 160ms ease;
}

.bluewind-price-summary.is-loading {
    border-style: dashed;
}

.bluewind-price-summary.is-updated {
    border-color: var(--bb-primary, var(--bw-primary));
    background: #fff;
}

.bluewind-price-summary .price {
    font-size: 26px;
    font-weight: 700;
}

.bluewind-price-unavailable {
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: 14px;
}

.bluewind-price-feedback {
    min-height: 18px;
    margin-top: 4px;
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: 11px;
}

.bluewind-price-feedback.is-loading { color: var(--bb-primary, var(--bw-primary)); }
.bluewind-price-feedback.is-success { color: var(--bb-success, #067647); }
.bluewind-price-feedback.is-error { color: var(--bb-error, #b42318); }

.bluewind-buy-form {
    gap: 10px;
    margin-top: 10px;
}

.bluewind-field,
.bluewind-spec-field {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.bluewind-spec-field legend,
.bluewind-field > label,
.bluewind-buy-form > div > label {
    width: 100%;
    margin: 0 0 6px;
    padding: 0;
    color: var(--bb-text, #253454);
    font-size: 12px;
    font-weight: 600;
}

.bluewind-field > label small {
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: 10px;
    font-weight: 400;
}

.bluewind-spec-field {
    position: relative;
}

.bluewind-spec-field.is-loading::after {
    position: absolute;
    inset: 22px 0 0;
    display: grid;
    border-radius: var(--bb-radius-sm, 6px);
    background: rgba(255,255,255,.62);
    color: var(--bb-primary, var(--bw-primary));
    content: "正在检查";
    font-size: 10px;
    place-items: center;
}

.bluewind-sku-list {
    gap: 7px;
}

.bluewind-sku-list .sku {
    min-height: 38px;
    padding: 0 11px;
    border-color: var(--bb-border-strong, #cbd7e8);
    border-radius: var(--bb-radius-sm, 6px);
    color: var(--bb-text-secondary, #475467);
    font-weight: 500;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.bluewind-sku-list .sku:hover:not(:disabled) {
    border-color: var(--bb-primary, var(--bw-primary));
    color: var(--bb-primary, var(--bw-primary));
}

.bluewind-sku-list .sku.is-primary {
    border-color: var(--bb-primary, var(--bw-primary));
    background: var(--bb-primary-soft, var(--bw-primary-soft));
    color: var(--bb-primary, var(--bw-primary));
    box-shadow: inset 0 0 0 1px var(--bb-primary, var(--bw-primary));
}

.bluewind-sku-list .sku:disabled,
.bluewind-sku-list .sku.is-unavailable {
    border-style: dashed;
    opacity: .48;
    cursor: not-allowed;
}

.bluewind-buy-form .form-control,
.bluewind-buy-form select,
.bluewind-buy-form textarea,
.bluewind-control-button {
    min-height: 40px;
    border-color: var(--bb-border-strong, #cbd7e8);
    border-radius: var(--bb-radius-sm, 6px);
}

.bluewind-field.is-invalid .form-control {
    border-color: var(--bb-error, #b42318);
    box-shadow: 0 0 0 3px rgba(180, 35, 24, .1);
}

.bluewind-quantity {
    grid-template-columns: 40px minmax(72px, 104px) 40px;
    border-color: var(--bb-border-strong, #cbd7e8);
    border-radius: var(--bb-radius-sm, 6px);
}

.bluewind-quantity button,
.bluewind-quantity input {
    height: 40px;
}

.bluewind-coupon-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px;
    gap: 7px;
}

.bluewind-coupon-apply {
    min-height: 40px;
    border: 1px solid var(--bb-primary, var(--bw-primary));
    border-radius: var(--bb-radius-sm, 6px);
    background: var(--bb-surface, #fff);
    color: var(--bb-primary, var(--bw-primary));
    font-size: 12px;
    font-weight: 600;
}

.bluewind-coupon-apply:disabled {
    cursor: wait;
    opacity: .64;
}

.bluewind-coupon-field.is-applied .bluewind-coupon-apply {
    border-color: var(--bb-success, #067647);
    color: var(--bb-success, #067647);
}

.bluewind-coupon-status {
    min-height: 16px;
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: 10px;
    line-height: 16px;
}

.bluewind-coupon-status.is-checking,
.bluewind-coupon-status.is-typing { color: var(--bb-primary, var(--bw-primary)); }
.bluewind-coupon-status.is-applied,
.bluewind-coupon-status.is-valid { color: var(--bb-success, #067647); }
.bluewind-coupon-status.is-invalid,
.bluewind-coupon-status.is-expired,
.bluewind-coupon-status.is-unavailable { color: var(--bb-error, #b42318); }

.bluewind-checkout-error {
    grid-column: 1 / -1;
    padding: 10px 12px;
    border: 1px solid #fecdca;
    border-radius: var(--bb-radius-sm, 6px);
    background: #fff6f5;
    color: var(--bb-error, #b42318);
    font-size: 11px;
}

.bluewind-checkout-error[hidden] {
    display: none;
}

.bluewind-purchase-summary {
    display: grid;
    grid-column: 1 / -1;
    gap: 9px;
    padding: 12px;
    border: 1px solid var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-md, 10px);
    background: var(--bb-bg-subtle, #f8fafc);
    transition: border-color 160ms ease, background-color 160ms ease;
}

.bluewind-purchase-summary.is-updated {
    border-color: rgba(var(--bw-primary-rgb), .45);
    background: #fff;
}

.bluewind-purchase-summary > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bluewind-purchase-summary > header span {
    color: var(--bb-text, var(--bw-text));
    font-size: 13px;
    font-weight: 600;
}

.bluewind-purchase-summary > header small {
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: 10px;
}

.bluewind-purchase-summary-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr .55fr .75fr;
    gap: 7px;
}

.bluewind-purchase-summary-grid > span,
.bluewind-purchase-summary-prices > span {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.bluewind-purchase-summary-prices > .bluewind-summary-discount-row[hidden] {
    display: none;
}

.bluewind-purchase-summary-grid small,
.bluewind-purchase-summary-prices small {
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: 9px;
    font-weight: 400;
}

.bluewind-purchase-summary-grid strong {
    overflow: hidden;
    color: var(--bb-text-secondary, #475467);
    font-size: 11px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bluewind-purchase-summary-prices {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: 22px;
    padding-top: 9px;
    border-top: 1px solid var(--bb-border, var(--bw-line));
    text-align: right;
}

.bluewind-purchase-summary-prices strong {
    color: var(--bb-text, var(--bw-text));
    font-size: 12px;
    font-weight: 600;
}

.bluewind-purchase-summary-prices .bluewind-summary-discount {
    color: var(--bb-success, #067647);
}

.bluewind-purchase-summary-prices .is-total strong {
    color: #d92d20;
    font-size: 18px;
    font-weight: 700;
}

.bluewind-purchase-unavailable {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid #fecdca;
    border-radius: var(--bb-radius-md, 10px);
    background: #fff6f5;
    color: var(--bb-error, #b42318);
}

.bluewind-purchase-unavailable[hidden] { display: none; }
.bluewind-purchase-unavailable > i { font-size: 19px; }
.bluewind-purchase-unavailable > span { display: grid; gap: 2px; }
.bluewind-purchase-unavailable strong { font-size: 12px; }
.bluewind-purchase-unavailable small { color: #912018; font-size: 10px; }

.bluewind-checkout-entry {
    grid-column: 1 / -1;
    padding-top: 10px;
}

.bluewind-open-payment {
    min-height: 54px;
    border-radius: var(--bb-radius-md, 10px);
    background: var(--bb-primary, var(--bw-primary));
    box-shadow: none;
    transition: background-color 150ms ease, opacity 150ms ease;
}

.bluewind-open-payment:hover:not(:disabled) {
    background: var(--bb-primary-hover, var(--bw-primary-dark));
}

.bluewind-open-payment:disabled {
    cursor: not-allowed;
    opacity: .52;
}

.bluewind-purchase-footer {
    margin-top: 12px;
    padding-top: 11px;
}

.bluewind-payment-header span {
    font-weight: 600;
    letter-spacing: .02em;
}

.bluewind-payment-header h2,
.bluewind-payment-methods > label,
.bluewind-payment-cancel,
.bluewind-order-submit,
.bluewind-pay-list .pay {
    font-weight: 600;
}

.bluewind-pay-list .pay {
    width: 100%;
    color: var(--bb-text-secondary, #475467);
    text-align: left;
}

.bluewind-payment-empty {
    flex-direction: column;
}

.bluewind-payment-retry {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--bb-primary, var(--bw-primary));
    border-radius: var(--bb-radius-sm, 6px);
    background: #fff;
    color: var(--bb-primary, var(--bw-primary));
    font-weight: 600;
}

@media (min-width: 901px) {
    .bluewind-item-layout {
        grid-template-columns: minmax(320px, .86fr) minmax(0, 1.4fr);
        gap: 16px;
    }

    .bluewind-buy-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bluewind-buy-form > div:not(.bluewind-field):not(.bluewind-checkout-entry),
    .bluewind-wide-field,
    .bluewind-purchase-summary,
    .bluewind-purchase-unavailable,
    .bluewind-checkout-entry {
        grid-column: 1 / -1;
    }

    .bluewind-purchase-summary {
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        padding-block: 10px;
    }

    .bluewind-purchase-summary > header {
        display: grid;
        gap: 1px;
    }

    .bluewind-purchase-summary-grid {
        grid-template-columns: 1.4fr 1fr .45fr .65fr;
    }

    .bluewind-purchase-summary-prices {
        gap: 14px;
        padding-top: 0;
        padding-left: 12px;
        border-top: 0;
        border-left: 1px solid var(--bb-border, var(--bw-line));
    }

    body.bluewind-purchase-page .seller-chat-widget {
        right: 12px;
    }

    body.bluewind-purchase-page .seller-chat-launcher {
        width: 54px;
        height: 54px;
        min-width: 0;
        justify-content: center;
        padding: 0;
        border-radius: 50%;
    }

    body.bluewind-purchase-page .seller-chat-launcher > span:last-child {
        display: none;
    }

}

@media (min-width: 901px) and (max-width: 1399px) {
    body.bluewind-purchase-page.bluewind-has-floating-support .bluewind-open-payment {
        width: calc(100% - 74px);
    }
}

@media (max-width: 900px) {
    .bluewind-mobile-item-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 12px;
        margin-bottom: 10px;
        padding: 14px;
        border: 1px solid var(--bb-border, var(--bw-line));
        border-radius: var(--bb-radius-md, 10px);
        background: var(--bb-surface, #fff);
    }

    .bluewind-mobile-item-summary > div {
        display: grid;
        min-width: 0;
        gap: 3px;
    }

    .bluewind-mobile-item-summary > div:last-child {
        justify-items: end;
    }

    .bluewind-mobile-item-summary span:first-child {
        color: var(--bb-text-muted, var(--bw-muted));
        font-size: 10px;
    }

    .bluewind-mobile-item-summary h1 {
        margin: 0;
        font-size: 19px;
        font-weight: 700;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .bluewind-mobile-summary-price {
        color: #d92d20;
        font-size: 19px;
        white-space: nowrap;
    }

    .bluewind-mobile-item-summary .item-stock {
        display: inline-flex;
        align-items: center;
        color: var(--bb-success, #067647);
        font-size: 10px;
        font-weight: 600;
        white-space: nowrap;
    }

    .bluewind-mobile-item-summary .item-stock.is-warning { color: var(--bb-warning, #b54708); }
    .bluewind-mobile-item-summary .item-stock.is-danger { color: var(--bb-error, #b42318); }
    .bluewind-mobile-item-summary .item-stock small { display: none; }

    .bluewind-item-cover {
        max-height: 420px;
        aspect-ratio: 16 / 10;
    }

    .bluewind-item-purchase .bluewind-product-title-row {
        display: none;
    }

    .bluewind-buy-form {
        grid-template-columns: minmax(0, 1fr);
    }

    .bluewind-purchase-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bluewind-purchase-summary-prices {
        justify-content: space-between;
        gap: 10px;
    }
}

@media (max-width: 900px) and (min-width: 601px) {
    body.bluewind-theme .seller-chat-widget {
        right: 12px;
        bottom: calc(var(--bb-mobile-nav-height) + env(safe-area-inset-bottom) + var(--bb-mobile-action-gap));
    }

    body.bluewind-theme .seller-chat-launcher {
        width: 54px;
        height: 54px;
        min-width: 0;
        justify-content: center;
        padding: 0;
        border-radius: 50%;
    }

    body.bluewind-theme .seller-chat-launcher > span:last-child {
        display: none;
    }

    body.bluewind-purchase-page .seller-chat-widget {
        bottom: calc(var(--bb-mobile-nav-height) + env(safe-area-inset-bottom) + var(--bb-mobile-action-gap) + 66px);
    }

    body.bluewind-purchase-page.bluewind-has-floating-support .bluewind-open-payment {
        right: 12px;
    }
}

@media (max-width: 520px) {
    .bluewind-mobile-item-summary {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .bluewind-mobile-item-summary > div:last-child {
        grid-template-columns: auto 1fr;
        align-items: center;
        justify-items: start;
        gap: 10px;
    }

    .bluewind-item-cover {
        max-height: none;
    }

    .bluewind-service-promises {
        gap: 10px 0;
    }

    .bluewind-purchase-summary-prices {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bluewind-purchase-summary-prices .is-total {
        grid-column: 1 / -1;
        padding-top: 7px;
        border-top: 1px dashed var(--bb-border, var(--bw-line));
    }
}

@media (prefers-reduced-motion: reduce) {
    .bluewind-price-summary,
    .bluewind-purchase-summary,
    .bluewind-sku-list .sku,
    .bluewind-open-payment {
        transition: none;
    }
}

@media (max-width: 520px) {
    .bluewind-shell { width: calc(100% - 18px); }
    .bluewind-mobile-brand strong { max-width: 100%; }
    .bluewind-mobile-tools { gap: 5px; }
    .bluewind-mobile-tools .bluewind-mobile-tool { min-width: 66px; gap: 5px; padding: 0 8px; }
    .bluewind-hero-actions { width: 100%; }
    .bluewind-hero-actions .bluewind-btn { min-width: 0; flex: 1; padding: 0 10px; }
    .bluewind-capabilities small, .bluewind-trust-strip small { white-space: normal; }
    .bluewind-category-card > i { display: none; }
    .bluewind-product-price { align-items: stretch; flex-direction: column; }
    .bluewind-product-price a, .bluewind-product-price button { width: 100%; }
    .bluewind-smm-heading-actions { display: grid; grid-template-columns: repeat(2, 1fr); }
    .bluewind-smm-heading-actions a { justify-content: center; }
    .bluewind-smm-tools { grid-template-columns: minmax(0, 1fr); }
    .bluewind-smm-tools .bluewind-category-notice-trigger { width: 100%; }
    .bluewind-smm-sort { grid-template-columns: 34px minmax(0, 1fr) auto; }
    .bluewind-smm-service { grid-template-columns: 18px minmax(0, 1fr) 128px; padding: 9px; }
    .bluewind-smm-service-main strong { white-space: normal; }
    .bluewind-smm-service-price strong { font-size: 12px; }
    .bluewind-active-filter { align-items: flex-start; gap: 8px; padding-top: 9px; padding-bottom: 9px; }
    .bluewind-active-filter-actions { align-items: flex-end; gap: 5px; flex-direction: column-reverse; }
    .bluewind-category-tip { max-height: calc(100vh - 24px); }
    .bluewind-category-tip-head { gap: 9px; padding: 16px 15px 13px; }
    .bluewind-category-tip-icon { width: 34px; height: 34px; flex-basis: 34px; font-size: 14px; }
    .bluewind-category-tip-close { width: 32px; height: 32px; flex-basis: 32px; }
    .bluewind-category-tip-head strong { font-size: 16px; }
    .bluewind-category-tip-body { max-height: min(45vh, 320px); margin: 14px 15px 0; padding: 14px; }
    .bluewind-category-tip-actions { align-items: stretch; gap: 10px; padding: 13px 15px 16px; flex-direction: column; }
    .bluewind-category-tip-confirm { width: 100%; }
    .bluewind-purchase-footer { gap: 4px; }
    .bluewind-purchase-footer span { font-size: 9px; }
    .bluewind-captcha { grid-template-columns: minmax(0, 1fr) 105px; }
    .recent-orders-panel { align-items: flex-start; flex-direction: column; }
    .guest-local-order-list { grid-template-columns: minmax(0, 1fr); }
    .tokyo-summary-goods { align-items: flex-start; }
    .bluewind-closed-copy > div:last-child { width: 100%; flex-direction: column; }
    .bluewind-tutorial-search { height: 43px; }
    .bluewind-tutorial-article-hero { grid-template-columns: minmax(0, 1fr); }
    .bluewind-tutorial-welcome-visual, .bluewind-tutorial-article-visual { min-height: 150px; padding-top: 0; }
    .bluewind-tutorial-welcome-visual:before, .bluewind-tutorial-article-visual:before { width: 180px; height: 180px; }
    .bluewind-tutorial-welcome-visual img, .bluewind-tutorial-article-visual img { max-height: 140px; }
    .bluewind-tutorial-welcome-visual > span, .bluewind-tutorial-article-visual > span { width: 100px; height: 100px; border-radius: 26px; font-size: 42px; }
    .bluewind-tutorial-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
    .bluewind-tutorial-meta-item { min-height: 56px; padding: 8px 9px; }
    .bluewind-tutorial-library { padding: 13px; }
    .bluewind-tutorial-library .bluewind-article-grid { grid-template-columns: minmax(0, 1fr); }
    .bluewind-tutorial-library .bluewind-article-card { display: grid; grid-template-columns: 120px minmax(0, 1fr); }
    .bluewind-tutorial-library .bluewind-article-cover { width: 120px; height: 90px; min-height: 0; aspect-ratio: 4 / 3; }
    .bluewind-tutorial-library .bluewind-article-body { height: 90px; min-height: 90px; padding: 8px 10px; }
    .bluewind-tutorial-library .bluewind-article-body small { font-size: 10px; }
    .bluewind-tutorial-library .bluewind-article-body > strong { min-height: 0; margin-top: 4px; font-size: 14px; line-height: 1.35; }
    .bluewind-tutorial-library .bluewind-article-body > p { display: none; }
    .bluewind-tutorial-library .bluewind-article-body > span { font-size: 11px; line-height: 1.2; }
    .bluewind-tutorial-load-more { margin-top: 13px; }
    .bluewind-tutorial-load-more button { width: 100%; min-width: 0; }
    .bluewind-tutorial-aside { grid-template-columns: minmax(0, 1fr); }
    .bluewind-tutorial-content-card { padding: 13px; }
    .bluewind-rich-content .bluewind-tutorial-step > h2 { align-items: flex-start; font-size: 16px; }
    .bluewind-article-attachments > div { grid-template-columns: minmax(0, 1fr); }
    .bluewind-tutorial-footer-nav { margin: 14px -13px -13px; padding: 11px 13px 10px; }
    .bluewind-tutorial-footer-next, .bluewind-tutorial-footer-complete { min-height: 68px; gap: 10px; padding: 10px 11px 10px 13px; }
    .bluewind-tutorial-footer-next strong, .bluewind-tutorial-footer-complete strong { display: -webkit-box; overflow: hidden; font-size: 12px; line-height: 1.4; text-overflow: initial; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .bluewind-tutorial-footer-home { min-height: 44px; }
}

@media (max-width: 375px) {
    body.bluewind-has-floating-support .bluewind-open-payment { gap: 8px; padding-right: 10px; padding-left: 10px; }
    body.bluewind-has-floating-support .bluewind-open-payment small { display: none; }
}

/* Desktop commerce density: compact navigation and catalog without browser zoom. */
@media (min-width: 901px) {
    body.bluewind-theme { font-size: 13px; }
    .bluewind-shell { width: min(1280px, calc(100% - 36px)); }
    .bluewind-article-page .bluewind-shell { width: min(1440px, calc(100% - 36px)); }
    .bluewind-main { padding: 14px 0 44px; }

    .bluewind-topbar { height: 28px; font-size: 11px; }
    .bluewind-top-links { gap: 18px; }
    .bluewind-header-main { min-height: 68px; gap: 28px; }
    .bluewind-brand { min-width: 180px; max-width: 260px; gap: 10px; }
    .bluewind-brand img { width: 44px; height: 44px; flex-basis: 44px; border-radius: 12px; }
    .bluewind-brand strong { font-size: 18px; }
    .bluewind-brand small { margin-top: 2px; font-size: 10px; }
    .bluewind-search { height: 38px; max-width: 540px; }
    .bluewind-search button { min-width: 70px; }
    .bluewind-header-actions { gap: 11px; }
    .bluewind-header-action i { font-size: 16px; }
    .bluewind-auth-actions a { min-width: 60px; height: 32px; padding: 0 13px; }
    .bluewind-user-trigger { padding: 4px 9px 4px 5px; }
    .bluewind-user-trigger img { width: 25px; height: 25px; }
    .bluewind-nav-inner { min-height: 40px; }
    .bluewind-nav-link { height: 40px; padding: 0 14px; font-size: 13px; }
    .bluewind-nav-link.is-active:after { right: 14px; left: 14px; height: 2px; }

    .bluewind-btn { min-height: 36px; gap: 7px; padding: 0 18px; }
    .bluewind-breadcrumb { min-height: 28px; gap: 7px; margin-bottom: 9px; font-size: 11px; }

    .bluewind-home { padding-top: 12px; }
    .bluewind-home-shell { gap: 14px; }
    .bluewind-hero, .bluewind-hero-copy { min-height: 260px; }
    .bluewind-hero-copy { padding: 30px 0 28px 42px; }
    .bluewind-hero-copy h1 { font-size: clamp(28px, 2.6vw, 38px); }
    .bluewind-hero-copy p { font-size: 20px; }
    .bluewind-hero-copy small { margin-top: 6px; font-size: 13px; }
    .bluewind-hero-actions { gap: 10px; margin-top: 18px; }
    .bluewind-globe { top: 28px; width: 185px; height: 185px; }
    .bluewind-orbit { top: 108px; width: 280px; }
    .bluewind-orbit.orbit-two { top: 84px; width: 230px; }
    .bluewind-capabilities { margin: -30px 30px 0; padding: 12px 10px; }
    .bluewind-hero.has-custom-banner + .bluewind-capabilities { margin: 0 30px; }
    .bluewind-capabilities > div, .bluewind-trust-strip > div { gap: 9px; padding: 3px 14px; }
    .bluewind-capabilities i, .bluewind-trust-strip i { width: 32px; height: 32px; flex-basis: 32px; font-size: 15px; }
    .bluewind-capabilities strong, .bluewind-trust-strip strong { font-size: 13px; }
    .bluewind-capabilities small, .bluewind-trust-strip small { font-size: 10px; }
    .bluewind-home-categories, .bluewind-home-products { padding: 16px 16px 18px; }
    .bluewind-section-title { margin-bottom: 12px; }
    .bluewind-section-title h2 { font-size: 18px; }
    .bluewind-category-strip { gap: 10px; }
    .bluewind-category-card { min-height: 66px; gap: 9px; padding: 10px; }
    .bluewind-category-card img { width: 38px; height: 38px; flex-basis: 38px; }
    .bluewind-category-card strong { font-size: 13px; }
    .bluewind-category-card small { font-size: 10px; }

    .bluewind-catalog-intro, .bluewind-smm-heading, .bluewind-query-hero { min-height: 100px; gap: 24px; margin-bottom: 10px; padding: 18px 22px; }
    .bluewind-catalog-intro h1, .bluewind-smm-heading h1, .bluewind-query-hero h1 { margin-bottom: 4px; font-size: 24px; }
    .bluewind-catalog-benefits span, .bluewind-smm-heading-actions a { min-height: 34px; gap: 6px; padding: 0 11px; font-size: 11px; }
    .bluewind-catalog-layout { grid-template-columns: 212px minmax(0, 1fr); gap: 12px; }
    .bluewind-sidebar-title { min-height: 44px; gap: 8px; padding: 0 12px; }
    .bluewind-category-tree { max-height: 640px; padding: 7px; }
    .bluewind-category-node > button { min-height: 36px; gap: 8px; padding: 4px 8px 4px calc(8px + var(--depth) * 12px); }
    .bluewind-category-node > button img { width: 22px; height: 22px; flex-basis: 22px; }
    .bluewind-category-node > button span { font-size: 11px; }
    .bluewind-sidebar-note { padding: 10px; font-size: 10px; }
    .bluewind-catalog-toolbar { gap: 12px; padding: 0 12px; }
    .bluewind-catalog-tabs button { min-height: 44px; padding: 0 14px; font-size: 11px; }
    .bluewind-catalog-tabs button.is-active:after { right: 14px; left: 14px; height: 2px; }
    .bluewind-catalog-view button { min-width: 32px; height: 30px; padding: 0 8px; font-size: 10px; }
    .bluewind-stock-only { min-height: 30px; font-size: 10px; }
    .bluewind-active-filter { min-height: 38px; padding: 0 14px; }
    .bluewind-catalog-products { gap: 10px; padding: 12px; }

    .bluewind-product-main { grid-template-columns: 46px minmax(0, 1fr); gap: 9px; }
    .bluewind-product-cover { width: 46px; height: 46px; }
    .bluewind-product-body { min-height: 166px; padding: 11px; }
    .bluewind-product-tags { min-height: 19px; gap: 4px; }
    .bluewind-product-tags span, .bluewind-tag { padding: 2px 6px; font-size: 9px; }
    .bluewind-product-name { min-height: 34px; margin-top: 4px; font-size: 13px; line-height: 1.35; }
    .bluewind-product-copy > p { font-size: 9px; }
    .bluewind-product-stock { padding-top: 7px; font-size: 9px; }
    .bluewind-product-price { margin-top: 8px; }
    .bluewind-product-price strong { font-size: 14px; }
    .bluewind-product-price a, .bluewind-product-price button { min-height: 28px; padding: 0 9px; font-size: 10px; }
    .bluewind-display-group-flags { margin-top: 5px; }
    .bluewind-display-group-flags > span { width: 22px; height: 22px; font-size: 13px; }

    .bluewind-display-group-sheet { width: min(660px, calc(100vw - 48px)); max-height: min(700px, calc(100dvh - 48px)); }
    .bluewind-display-group-header { padding: 20px 20px 15px; }
    .bluewind-display-group-header h2 { font-size: 19px; }
    .bluewind-display-group-close { width: 34px; height: 34px; flex-basis: 34px; }
    .bluewind-display-group-search { min-height: 38px; margin: 13px 20px 0; }
    .bluewind-display-group-options { gap: 8px; padding: 15px 20px; }
    .bluewind-display-group-option { min-height: 74px; padding: 10px; }
    .bluewind-display-group-option-flag { width: 34px; height: 34px; font-size: 18px; }
    .bluewind-display-group-footer { padding: 15px 20px; }
    .bluewind-display-group-confirm { min-width: 116px; min-height: 38px; }

    .bluewind-footer { padding: 28px 0 14px; }
    .bluewind-footer-main { gap: 48px; }
    .bluewind-footer-brand img { width: 36px; height: 36px; }
    .bluewind-footer-brand strong { font-size: 16px; }
    .bluewind-footer-brand p { margin-top: 8px; }
    .bluewind-footer-bottom { margin-top: 20px; padding-top: 13px; font-size: 10px; }
}
/* unified customer toolbox */
.store-toolbox { display: grid; gap: 16px; margin-top: 18px; }
.store-toolbox-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.store-toolbox-card { display: grid; grid-template-columns: 42px minmax(0, 1fr) 16px; align-items: center; gap: 11px; min-height: 90px; padding: 14px; border: 1px solid var(--bw-line); border-radius: 11px; background: #fff; color: var(--bw-text); text-align: left; box-shadow: var(--bw-shadow); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.store-toolbox-card:hover, .store-toolbox-card.is-active { border-color: rgba(var(--bw-primary-rgb), .42); box-shadow: 0 14px 34px rgba(var(--bw-primary-rgb), .11); transform: translateY(-1px); }
.store-toolbox-icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; box-sizing: border-box; border-radius: 11px; background: var(--bw-primary-soft); color: var(--bw-primary); font-size: 19px; }
.store-toolbox-icon.has-image { overflow: hidden; padding: 3px; border: 1px solid rgba(15, 23, 42, .08); background: #fff; }
.store-toolbox-icon img { display: block; width: 100%; height: 100%; border-radius: 7px; object-fit: contain; }
.store-toolbox-copy { display: grid; min-width: 0; gap: 3px; }
.store-toolbox-card strong { font-size: 14px; font-weight: 900; }
.store-toolbox-card small { overflow: hidden; color: var(--bw-muted); font-size: 11px; line-height: 1.45; text-overflow: ellipsis; }
.store-toolbox-card > b { color: #9aacc5; font-size: 13px; }
.store-toolbox-panel { position: relative; overflow: hidden; border: 1px solid var(--bw-line); border-radius: 13px; background: #fff; box-shadow: var(--bw-shadow); }
.store-toolbox-panel > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 14px 18px; border-bottom: 1px solid var(--bw-line); background: #fbfdff; }
.store-toolbox-panel > header div { display: grid; gap: 2px; }
.store-toolbox-panel > header span { color: var(--bw-primary); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.store-toolbox-panel > header strong { font-size: 16px; }
.store-toolbox-panel > header p { margin: 0; color: var(--bw-muted); font-size: 11px; }
.store-toolbox-frame { display: block; width: 100%; height: 980px; border: 0; background: #f5f8fb; transition: opacity .18s ease; }
.store-toolbox-frame.is-loading { opacity: .28; }
.store-toolbox-loading { position: absolute; z-index: 2; top: 92px; left: 50%; display: flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid var(--bw-line); border-radius: 8px; background: #fff; color: var(--bw-muted); box-shadow: var(--bw-shadow); transform: translateX(-50%); }
.store-toolbox-loading[hidden] { display: none; }
.store-toolbox-noscript { padding: 14px; border: 1px solid #f6d491; border-radius: 9px; background: #fff8e8; }
.store-toolbox-noscript a { color: var(--bw-primary); font-weight: 800; }
@media (max-width: 720px) {
    .store-toolbox-grid { grid-template-columns: minmax(0, 1fr); }
    .store-toolbox-card { min-height: 82px; }
    .store-toolbox-panel > header { align-items: flex-start; flex-direction: column; gap: 4px; }
    .store-toolbox-frame { height: 1080px; }
}

/* BigBears storefront redesign — phase 1 (product-first, brand-aware). */
body.bluewind-theme {
    --bb-mobile-nav-height: 64px;
    --bb-mobile-action-gap: 12px;
    background: var(--bb-bg, var(--bw-bg));
    color: var(--bb-text, var(--bw-text));
    font-family: var(--bb-font-sans, Inter, "PingFang SC", "Microsoft YaHei", sans-serif);
}

.bluewind-theme :where(a, button, input, select, textarea):focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--bb-focus, rgba(var(--bw-primary-rgb), .18));
}

.bluewind-topbar {
    border-color: var(--bb-border, var(--bw-line));
    background: var(--bb-bg, #f5f8fd);
    color: var(--bb-text-muted, var(--bw-muted));
}

.bluewind-topbar-proof {
    display: inline-flex;
    align-items: center;
    gap: var(--bb-space-2, 8px);
    color: var(--bb-text-secondary, #475467);
    font-weight: 500;
}

.bluewind-topbar-proof i,
.bluewind-announcement i {
    color: var(--bb-primary, var(--bw-primary));
}

.bluewind-header {
    border-color: var(--bb-border, var(--bw-line));
    box-shadow: none;
}

.bluewind-header-main {
    min-height: 76px;
    gap: var(--bb-space-6, 24px);
}

.bluewind-brand {
    min-width: 200px;
    gap: var(--bb-space-3, 12px);
}

.bluewind-brand img {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.bluewind-brand strong {
    font-size: 20px;
    font-weight: 700;
}

.bluewind-brand small {
    color: var(--bb-text-muted, var(--bw-muted));
    font-weight: 400;
}

.bluewind-search {
    height: 42px;
    border-color: var(--bb-border-strong, #cbd7e8);
    border-radius: var(--bb-radius-md, 10px);
    box-shadow: none;
}

.bluewind-search:focus-within {
    border-color: var(--bb-primary, var(--bw-primary));
    box-shadow: 0 0 0 3px var(--bb-focus, rgba(var(--bw-primary-rgb), .18));
}

.bluewind-search button,
.bluewind-auth-actions a,
.bluewind-header-action,
.bluewind-user-trigger {
    font-weight: 600;
}

.bluewind-search button {
    background: var(--bb-primary, var(--bw-primary));
}

.bluewind-search button:hover {
    background: var(--bb-primary-hover, var(--bw-primary-dark));
}

.bluewind-auth-actions a {
    border-radius: var(--bb-radius-sm, 6px);
}

.bluewind-user-trigger {
    border-radius: var(--bb-radius-md, 10px);
}

.bluewind-user-dropdown,
.bluewind-nav-more-menu {
    padding: var(--bb-space-2, 8px);
    border-color: var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-md, 10px);
    box-shadow: var(--bb-shadow-elevated, 0 12px 32px rgba(16, 24, 40, .10));
}

.bluewind-nav {
    border-color: var(--bb-border, var(--bw-line));
}

.bluewind-nav-inner {
    min-height: 44px;
    gap: var(--bb-space-2, 8px);
    overflow: visible;
}

.bluewind-nav-link {
    height: 44px;
    padding: 0 var(--bb-space-4, 16px);
    color: var(--bb-text-secondary, #475467);
    font-size: 13px;
    font-weight: 600;
}

.bluewind-nav-link.is-active::after {
    right: var(--bb-space-4, 16px);
    left: var(--bb-space-4, 16px);
    height: 2px;
    border-radius: 0;
}

.bluewind-nav-more {
    position: relative;
}

.bluewind-nav-more .dropdown-toggle::after {
    margin-left: var(--bb-space-2, 8px);
    vertical-align: .15em;
}

.bluewind-nav-more-menu {
    min-width: 220px;
    margin-top: 0 !important;
}

.bluewind-nav-more-menu .dropdown-item {
    display: flex;
    align-items: center;
    min-height: 40px;
    gap: var(--bb-space-3, 12px);
    padding: var(--bb-space-2, 8px) var(--bb-space-3, 12px);
    border-radius: var(--bb-radius-sm, 6px);
    color: var(--bb-text-secondary, #475467);
    font-size: 13px;
    font-weight: 500;
}

.bluewind-nav-more-menu .dropdown-item i {
    width: 18px;
    color: var(--bb-primary, var(--bw-primary));
    text-align: center;
}

.bluewind-nav-more-menu .dropdown-item span {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.bluewind-nav-more-menu .dropdown-item small {
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: 11px;
}

.bluewind-btn {
    min-height: 40px;
    border-radius: var(--bb-radius-sm, 6px);
    font-weight: 600;
    transition: border-color var(--bb-motion-base, 180ms) ease, background-color var(--bb-motion-base, 180ms) ease, color var(--bb-motion-base, 180ms) ease;
}

.bluewind-btn:hover {
    transform: none;
}

.bluewind-btn-primary {
    border-color: var(--bb-primary, var(--bw-primary));
    background: var(--bb-primary, var(--bw-primary));
    box-shadow: none;
}

.bluewind-btn-primary:hover {
    border-color: var(--bb-primary-hover, var(--bw-primary-dark));
    background: var(--bb-primary-hover, var(--bw-primary-dark));
}

.bluewind-btn-light {
    border-color: var(--bb-border-strong, #cbd7e8);
    color: var(--bb-text-secondary, #475467) !important;
}

.bluewind-home {
    padding-top: var(--bb-space-4, 16px);
}

.bluewind-home-shell {
    gap: var(--bb-space-6, 24px);
}

.bluewind-hero {
    min-height: 286px;
    border-color: var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-lg, 16px);
    background: linear-gradient(112deg, #fbfdff 0%, var(--bb-primary-soft, #edf4ff) 100%);
    box-shadow: none;
}

.bluewind-hero-copy {
    min-height: 286px;
    width: 58%;
    padding: var(--bb-space-8, 32px) 0 var(--bb-space-8, 32px) var(--bb-space-12, 48px);
}

.bluewind-hero-eyebrow,
.bluewind-section-title > div > span {
    color: var(--bb-primary, var(--bw-primary));
    font-size: var(--bb-type-caption-size, 12px);
    font-weight: 600;
    line-height: var(--bb-type-caption-line, 16px);
    letter-spacing: .02em;
}

.bluewind-hero-copy h1 {
    margin: var(--bb-space-2, 8px) 0 var(--bb-space-1, 4px);
    font-size: clamp(32px, 3vw, var(--bb-type-display-size, 48px));
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.12;
}

.bluewind-hero-copy p {
    color: var(--bb-text, var(--bw-text));
    font-size: var(--bb-type-h3-size, 20px);
    font-weight: 600;
    line-height: var(--bb-type-h3-line, 28px);
}

.bluewind-hero-copy small {
    margin-top: var(--bb-space-1, 4px);
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: var(--bb-type-small-size, 13px);
    font-weight: 400;
    line-height: var(--bb-type-small-line, 20px);
}

.bluewind-hero-search {
    display: flex;
    align-items: center;
    width: min(520px, 100%);
    height: 44px;
    margin-top: var(--bb-space-4, 16px);
    overflow: hidden;
    border: 1px solid var(--bb-border-strong, #cbd7e8);
    border-radius: var(--bb-radius-md, 10px);
    background: var(--bb-surface, #fff);
}

.bluewind-hero-search:focus-within {
    border-color: var(--bb-primary, var(--bw-primary));
    box-shadow: 0 0 0 3px var(--bb-focus, rgba(var(--bw-primary-rgb), .18));
}

.bluewind-hero-search > i {
    margin-left: var(--bb-space-4, 16px);
    color: var(--bb-text-muted, var(--bw-muted));
}

.bluewind-hero-search input {
    min-width: 0;
    height: 100%;
    flex: 1;
    padding: 0 var(--bb-space-3, 12px);
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--bb-text, var(--bw-text));
}

.bluewind-hero-search button {
    align-self: stretch;
    min-width: 76px;
    border: 0;
    background: var(--bb-primary, var(--bw-primary));
    color: #fff;
    font-weight: 600;
}

.bluewind-hero-search button:hover {
    background: var(--bb-primary-hover, var(--bw-primary-dark));
}

.bluewind-hero-actions {
    gap: var(--bb-space-3, 12px);
    margin-top: var(--bb-space-4, 16px);
}

.bluewind-hero-decoration {
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    width: 42%;
    align-items: center;
    justify-content: center;
    padding: var(--bb-space-8, 32px);
}

.bluewind-hero-brand-card {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    width: min(390px, 100%);
    gap: var(--bb-space-4, 16px);
    padding: var(--bb-space-6, 24px);
    border: 1px solid rgba(var(--bw-primary-rgb), .20);
    border-radius: var(--bb-radius-lg, 16px);
    background: var(--bb-surface, #fff);
}

.bluewind-hero-brand-logo {
    display: flex;
    width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-md, 10px);
    background: var(--bb-primary-soft, var(--bw-primary-soft));
}

.bluewind-hero-brand-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bluewind-hero-brand-copy {
    display: grid;
    min-width: 0;
    gap: var(--bb-space-1, 4px);
}

.bluewind-hero-brand-copy small {
    color: var(--bb-primary, var(--bw-primary));
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .08em;
}

.bluewind-hero-brand-copy strong {
    color: var(--bb-text, var(--bw-text));
    font-size: var(--bb-type-h3-size, 20px);
    font-weight: 700;
    line-height: var(--bb-type-h3-line, 28px);
}

.bluewind-hero-brand-copy em {
    color: var(--bb-text-muted, var(--bw-muted));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.bluewind-hero-custom-actions {
    border-color: var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-md, 10px);
    background: var(--bb-surface, #fff);
    box-shadow: var(--bb-shadow-elevated, 0 12px 32px rgba(16, 24, 40, .10));
    backdrop-filter: none;
}

.bluewind-home-categories,
.bluewind-home-products,
.bluewind-home-tutorials {
    padding: var(--bb-space-6, 24px);
    border-color: var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-lg, 16px);
    background: var(--bb-surface, #fff);
    box-shadow: none;
}

.bluewind-section-title {
    margin-bottom: var(--bb-space-4, 16px);
}

.bluewind-section-title h2 {
    margin-top: var(--bb-space-1, 4px);
    font-size: var(--bb-type-h3-size, 20px);
    font-weight: 700;
    line-height: var(--bb-type-h3-line, 28px);
}

.bluewind-section-title > a {
    font-weight: 600;
}

.bluewind-category-card,
.bluewind-product-card {
    border-color: var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-md, 10px);
    box-shadow: none;
}

.bluewind-category-card:hover,
.bluewind-product-card:hover {
    border-color: rgba(var(--bw-primary-rgb), .42);
    box-shadow: none;
    transform: none;
}

.bluewind-category-card strong,
.bluewind-product-name,
.bluewind-product-price strong,
.bluewind-product-price a,
.bluewind-product-price button {
    font-weight: 600;
}

.bluewind-trust-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: var(--bb-space-3, 12px);
    border: 1px solid var(--bb-border, var(--bw-line));
    border-radius: var(--bb-radius-md, 10px);
    background: var(--bb-surface, #fff);
    box-shadow: none;
}

.bluewind-trust-strip > div {
    padding: var(--bb-space-2, 8px) var(--bb-space-4, 16px);
}

.bluewind-trust-strip i {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: var(--bb-radius-sm, 6px);
}

.bluewind-trust-strip strong {
    font-weight: 600;
}

.bluewind-mobile-tabs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1100px) and (min-width: 901px) {
    .bluewind-brand { min-width: 176px; }
    .bluewind-brand small { display: none; }
    .bluewind-header-main { gap: var(--bb-space-4, 16px); }
    .bluewind-nav-link { padding-right: var(--bb-space-3, 12px); padding-left: var(--bb-space-3, 12px); }
    .bluewind-hero-copy { width: 61%; padding-left: var(--bb-space-8, 32px); }
    .bluewind-hero-decoration { width: 39%; padding: var(--bb-space-6, 24px); }
}

@media (max-width: 900px) {
    body.bluewind-theme {
        padding-bottom: calc(var(--bb-mobile-nav-height) + env(safe-area-inset-bottom));
    }

    .bluewind-mobile-head {
        min-height: 58px;
        padding: var(--bb-space-2, 8px) var(--bb-space-4, 16px);
        border-color: var(--bb-border, var(--bw-line));
        background: var(--bb-surface, #fff);
        box-shadow: none;
        backdrop-filter: none;
    }

    .bluewind-mobile-brand img {
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .bluewind-mobile-brand strong {
        font-weight: 700;
    }

    .bluewind-mobile-tools .bluewind-mobile-tool {
        min-width: 76px;
        border-color: var(--bb-border, var(--bw-line));
        border-radius: var(--bb-radius-md, 10px);
        color: var(--bb-text-secondary, #475467);
        font-weight: 600;
        box-shadow: none;
    }

    .bluewind-mobile-search {
        border-color: var(--bb-border, var(--bw-line));
    }

    .bluewind-mobile-tabs {
        min-height: calc(var(--bb-mobile-nav-height) + env(safe-area-inset-bottom));
        padding-bottom: env(safe-area-inset-bottom);
        border-color: var(--bb-border, var(--bw-line));
        background: var(--bb-surface, #fff);
        box-shadow: var(--bb-shadow-sticky, 0 -8px 24px rgba(16, 24, 40, .10));
        backdrop-filter: none;
    }

    .bluewind-mobile-tab {
        min-width: 0;
        min-height: var(--bb-mobile-nav-height);
        color: var(--bb-text-muted, var(--bw-muted));
        font-weight: 500;
    }

    .bluewind-mobile-tab i {
        font-size: 20px;
    }

    .bluewind-home-shell {
        gap: var(--bb-space-4, 16px);
    }

    .bluewind-hero {
        min-height: 344px;
    }

    .bluewind-hero-copy {
        align-items: flex-start;
        justify-content: flex-end;
        min-height: 344px;
        width: 100%;
        padding: 126px var(--bb-space-4, 16px) var(--bb-space-6, 24px);
        text-align: left;
    }

    .bluewind-hero-copy h1 {
        max-width: 100%;
        font-size: 30px;
    }

    .bluewind-hero-copy p {
        font-size: 18px;
        line-height: 26px;
    }

    .bluewind-hero-copy small {
        font-size: 12px;
        line-height: 18px;
    }

    .bluewind-hero-decoration {
        top: var(--bb-space-4, 16px);
        right: var(--bb-space-4, 16px);
        bottom: auto;
        left: var(--bb-space-4, 16px);
        width: auto;
        height: 96px;
        padding: 0;
    }

    .bluewind-hero-brand-card {
        grid-template-columns: 56px minmax(0, 1fr);
        width: 100%;
        gap: var(--bb-space-3, 12px);
        padding: var(--bb-space-3, 12px);
        border-radius: var(--bb-radius-md, 10px);
    }

    .bluewind-hero-brand-logo {
        width: 56px;
        height: 56px;
    }

    .bluewind-hero-brand-copy strong {
        font-size: 16px;
        line-height: 22px;
    }

    .bluewind-hero-brand-copy em {
        font-size: 11px;
        line-height: 16px;
    }

    .bluewind-hero-search {
        width: 100%;
        margin-top: var(--bb-space-3, 12px);
    }

    .bluewind-hero-actions {
        width: 100%;
        margin-top: var(--bb-space-3, 12px);
    }

    .bluewind-home-categories,
    .bluewind-home-products,
    .bluewind-home-tutorials {
        min-width: 0;
        padding: var(--bb-space-4, 16px) var(--bb-space-3, 12px);
        border-radius: var(--bb-radius-md, 10px);
    }

    .bluewind-category-strip {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: visible;
        gap: var(--bb-space-2, 8px);
        padding-bottom: 0;
    }

    .bluewind-category-card {
        width: 100%;
        min-width: 0;
        flex: initial;
        scroll-snap-align: none;
    }

    .bluewind-trust-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: var(--bb-space-2, 8px);
    }

    .bluewind-trust-strip > div {
        justify-content: flex-start;
        padding: var(--bb-space-2, 8px);
        border-right: 0;
    }

    .bluewind-item-page {
        padding-bottom: calc(var(--bb-mobile-nav-height) + env(safe-area-inset-bottom) + 96px);
    }

    .bluewind-open-payment {
        right: var(--bb-space-3, 12px);
        bottom: calc(var(--bb-mobile-nav-height) + env(safe-area-inset-bottom) + var(--bb-mobile-action-gap));
        left: var(--bb-space-3, 12px);
        min-height: 54px;
        border-radius: var(--bb-radius-md, 10px);
        box-shadow: 0 12px 28px rgba(var(--bw-primary-rgb), .24);
    }

    body.bluewind-has-floating-support .bluewind-open-payment {
        right: 76px;
    }
}

@media (max-width: 520px) {
    .bluewind-hero {
        min-height: 344px;
    }

    .bluewind-hero-copy {
        min-height: 344px;
        padding-top: 116px;
    }

    .bluewind-hero-actions {
        gap: var(--bb-space-2, 8px);
    }

    .bluewind-hero-actions .bluewind-btn {
        padding: 0 var(--bb-space-2, 8px);
        font-size: 12px;
    }

    .bluewind-trust-strip small {
        white-space: normal;
    }
}

@media (max-width: 375px) {
    .bluewind-hero-brand-copy em {
        display: none;
    }

    .bluewind-hero-copy small {
        max-width: 32ch;
    }

    body.bluewind-has-floating-support .bluewind-open-payment {
        right: 72px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bluewind-btn,
    .bluewind-category-card,
    .bluewind-product-card,
    .bluewind-mobile-tab,
    .bluewind-open-payment {
        transition: none;
    }
}

/* Phase 2 responsive rules stay last so the purchase-density decisions win. */
@media (max-width: 520px) {
    .bluewind-catalog-benefits {
        display: none;
    }

    .bluewind-catalog-intro {
        padding: 14px;
    }

    .bluewind-catalog-products .bluewind-product-price {
        align-items: center;
        flex-direction: row;
    }

    .bluewind-catalog-products .bluewind-product-price a,
    .bluewind-catalog-products .bluewind-product-price button {
        width: auto;
        min-width: 58px;
        padding: 0 7px;
    }
}

/* BigBears visual stabilization — approved catalog and mobile purchase contracts. */
.bluewind-category-node.is-recommended .bluewind-category-all-icon {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: var(--bb-primary, var(--bw-primary));
}

.bluewind-category-node.is-recommended button.is-active .bluewind-category-all-icon,
.bluewind-category-node.is-all button.is-active .bluewind-category-all-icon {
    border-color: rgba(var(--bw-primary-rgb), .2);
    background: #fff;
}

.bluewind-catalog-heading,
.bluewind-catalog-breadcrumb-current,
.bluewind-current-category,
.bluewind-mobile-current-category {
    overflow-wrap: anywhere;
}

.bluewind-catalog-content:has(.bluewind-catalog-state) {
    min-height: 0;
}

.bluewind-catalog-content:has(.bluewind-catalog-state) .bluewind-catalog-products {
    min-height: 0;
    align-items: start;
}

@media (min-width: 901px) {
    .bluewind-catalog-page .bluewind-catalog-intro {
        min-height: 104px;
        padding: 18px 22px;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    .bluewind-catalog-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    body.bluewind-purchase-page .seller-chat-widget,
    body:has(.bluewind-item-page .bluewind-open-payment) .seller-chat-widget {
        right: 12px !important;
        bottom: calc(var(--bb-mobile-nav-height) + env(safe-area-inset-bottom) + var(--bb-mobile-action-gap) + 66px) !important;
    }

    body.bluewind-purchase-page.bluewind-has-floating-support .bluewind-open-payment,
    body:has(.bluewind-item-page .bluewind-open-payment) .bluewind-open-payment {
        right: 12px !important;
    }

    .bluewind-item-page {
        padding-bottom: calc(var(--bb-mobile-nav-height) + env(safe-area-inset-bottom) + 126px);
    }
}

@media (max-width: 520px) {
    .bluewind-catalog-products {
        gap: 8px;
    }

    .bluewind-catalog-products .bluewind-product-body {
        min-height: 242px;
        padding: 10px;
    }

    .bluewind-catalog-products .bluewind-product-main {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: 7px;
    }

    .bluewind-catalog-products .bluewind-product-cover {
        width: 64px;
        height: 64px;
    }

    .bluewind-catalog-products .bluewind-product-copy {
        width: 100%;
    }

    .bluewind-catalog-products .bluewind-product-tags {
        min-height: 0;
    }

    .bluewind-catalog-products .bluewind-product-name {
        min-height: 38px;
        margin-top: 2px;
        font-size: 12px;
        line-height: 1.55;
    }

    .bluewind-catalog-products .bluewind-product-meta {
        min-height: 17px;
        font-size: 9px;
    }

    .bluewind-catalog-products .bluewind-product-stock {
        min-height: 45px;
        justify-content: flex-end;
        padding-top: 8px;
    }

    .bluewind-catalog-products .bluewind-product-price {
        gap: 5px;
        margin-top: 7px;
    }

    .bluewind-catalog-products .bluewind-product-price strong {
        font-size: 14px;
    }

    .bluewind-catalog-products .bluewind-product-price a,
    .bluewind-catalog-products .bluewind-product-price button {
        min-width: 62px;
        min-height: 34px;
        padding: 0 7px;
        font-size: 10px;
    }

    .bluewind-catalog-content:has(.bluewind-catalog-state),
    .bluewind-catalog-content:has(.bluewind-catalog-state) .bluewind-catalog-products {
        min-height: 0;
    }
}