/* Scoped to the existing WeChat storefront. Keep scrolling and carousel geometry intact. */
html.wymk-mini-brand { --wymk-blue:#0866e8; --wymk-blue-dark:#084db1; --wymk-blue-soft:#edf5ff; --wymk-red:#db263b; --wymk-ink:#172b4d; --wymk-muted:#68778c; --wymk-line:#e2e9f2; --wymk-surface:#f5f7fb; }
html.wymk-mini-brand.wymk-mini-brand body { background:var(--wymk-surface)!important; color:var(--wymk-ink); }
html.wymk-mini-brand.wymk-mini-brand body header,
html.wymk-mini-brand.wymk-mini-brand .mobile-header,
html.wymk-mini-brand.wymk-mini-brand .mobile-bar { background:#fff!important; border-color:var(--wymk-line)!important; box-shadow:0 1px 0 var(--wymk-line)!important; }
html.wymk-mini-brand.wymk-mini-brand body header [data-wymk-mini-logo] { object-fit:contain!important; background:transparent!important; }
html.wymk-mini-brand.wymk-mini-brand body header .wymk-mobile-brand-b78 { width:138px!important; height:46px!important; }
html.wymk-mini-brand.wymk-mini-brand body header .wymk-mobile-brand-b78 img { width:138px!important; height:46px!important; max-width:138px!important; max-height:46px!important; }
html.wymk-mini-brand.wymk-mini-brand body header .wymk-mobile-logo-live { width:132px!important; height:44px!important; }
html.wymk-mini-brand.wymk-mini-brand body header .wymk-mobile-logo-live img { width:132px!important; height:44px!important; max-width:132px!important; max-height:44px!important; }
html.wymk-mini-brand.wymk-mini-brand body footer [data-wymk-mini-logo] { width:144px!important; height:48px!important; max-width:100%!important; object-fit:contain!important; }
html.wymk-mini-brand.wymk-mini-brand body .page-title,
html.wymk-mini-brand.wymk-mini-brand body .module-title,
html.wymk-mini-brand.wymk-mini-brand body .title { color:var(--wymk-ink)!important; }
html.wymk-mini-brand.wymk-mini-brand body a { -webkit-tap-highlight-color:rgba(8,102,232,.12); }
html.wymk-mini-brand.wymk-mini-brand body .btn-primary,
html.wymk-mini-brand.wymk-mini-brand body #button-cart,
html.wymk-mini-brand.wymk-mini-brand body .btn-cart,
html.wymk-mini-brand.wymk-mini-brand body .btn-extra,
html.wymk-mini-brand.wymk-mini-brand body .checkout-button,
html.wymk-mini-brand.wymk-mini-brand body .wymk-rebuy-button,
html.wymk-mini-brand.wymk-mini-brand body .wymk-rp-buy { background:var(--wymk-blue)!important; border-color:var(--wymk-blue)!important; color:#fff!important; text-shadow:none!important; box-shadow:none!important; border-radius:10px!important; }
html.wymk-mini-brand.wymk-mini-brand body .btn-primary:hover,
html.wymk-mini-brand.wymk-mini-brand body #button-cart:hover,
html.wymk-mini-brand.wymk-mini-brand body .btn-extra:hover { background:var(--wymk-blue-dark)!important; }
html.wymk-mini-brand.wymk-mini-brand body .btn-default,
html.wymk-mini-brand.wymk-mini-brand body .wymk-rebuy-link { background:#fff!important; color:var(--wymk-blue)!important; border:1px solid #bed6fa!important; border-radius:10px!important; box-shadow:none!important; }
html.wymk-mini-brand.wymk-mini-brand body .btn:disabled,
html.wymk-mini-brand.wymk-mini-brand body .btn.disabled { opacity:.5!important; }
html.wymk-mini-brand.wymk-mini-brand body .product-option-radio .option-wrapper { color:var(--wymk-ink)!important; background:#fff!important; border:1px solid var(--wymk-line)!important; border-radius:9px!important; box-shadow:none!important; }
html.wymk-mini-brand.wymk-mini-brand body .product-option-radio input:checked + .option-wrapper,
html.wymk-mini-brand.wymk-mini-brand body .product-option-radio .selected .option-wrapper { color:var(--wymk-blue)!important; background:var(--wymk-blue-soft)!important; border-color:var(--wymk-blue)!important; box-shadow:inset 0 0 0 1px var(--wymk-blue)!important; }
html.wymk-mini-brand.wymk-mini-brand body .form-control,
html.wymk-mini-brand.wymk-mini-brand body input[type=search],
html.wymk-mini-brand.wymk-mini-brand body select { border-color:var(--wymk-line)!important; border-radius:9px!important; }
html.wymk-mini-brand.wymk-mini-brand body .form-control:focus,
html.wymk-mini-brand.wymk-mini-brand body input[type=search]:focus { border-color:var(--wymk-blue)!important; box-shadow:0 0 0 3px rgba(8,102,232,.12)!important; }
html.wymk-mini-brand.wymk-mini-brand body input[type=checkbox],
html.wymk-mini-brand.wymk-mini-brand body input[type=radio] { accent-color:var(--wymk-blue); }
html.wymk-mini-brand.wymk-mini-brand body .product-thumb,
html.wymk-mini-brand.wymk-mini-brand body .wymk-rp-card,
html.wymk-mini-brand.wymk-mini-brand body .panel,
html.wymk-mini-brand.wymk-mini-brand body .well { background:#fff!important; border:1px solid var(--wymk-line)!important; border-radius:12px!important; box-shadow:none!important; }
html.wymk-mini-brand.wymk-mini-brand body .product-thumb .name a { color:var(--wymk-ink)!important; }
html.wymk-mini-brand.wymk-mini-brand body .product-price,
html.wymk-mini-brand.wymk-mini-brand body .price-new,
html.wymk-mini-brand.wymk-mini-brand body .wymk-rp-price { color:var(--wymk-red)!important; }
html.wymk-mini-brand.wymk-mini-brand body .nav-tabs > li.active > a,
html.wymk-mini-brand.wymk-mini-brand body .nav-tabs .nav-link.active,
html.wymk-mini-brand.wymk-mini-brand body .pagination > .active > span,
html.wymk-mini-brand.wymk-mini-brand body .pagination > .active > a { background:var(--wymk-blue-soft)!important; color:var(--wymk-blue)!important; border-color:#bed6fa!important; }
html.wymk-mini-brand.wymk-mini-brand body .bottom-menu,
html.wymk-mini-brand.wymk-mini-brand body .mobile-bottom-menu { background:#fff!important; border-top:1px solid var(--wymk-line)!important; box-shadow:0 -3px 16px rgba(23,43,77,.04)!important; }
html.wymk-mini-brand.wymk-mini-brand body .bottom-menu a,
html.wymk-mini-brand.wymk-mini-brand body .mobile-bottom-menu a { color:var(--wymk-muted)!important; }
html.wymk-mini-brand.wymk-mini-brand body .bottom-menu .active a,
html.wymk-mini-brand.wymk-mini-brand body .mobile-bottom-menu .active a { color:var(--wymk-blue)!important; }
html.wymk-mini-brand.wymk-mini-brand body .table thead td,
html.wymk-mini-brand.wymk-mini-brand body .table thead th,
html.wymk-mini-brand.wymk-mini-brand body .panel-heading { background:var(--wymk-blue-soft)!important; color:var(--wymk-ink)!important; border-color:var(--wymk-line)!important; }
html.wymk-mini-brand.wymk-mini-brand body .table td,
html.wymk-mini-brand.wymk-mini-brand body .table th { border-color:var(--wymk-line)!important; }
html.wymk-mini-brand.wymk-mini-brand body #wymk-rebuy-notice,
html.wymk-mini-brand.wymk-mini-brand body .alert-info { background:var(--wymk-blue-soft)!important; color:#174577!important; border-color:#c8defa!important; border-radius:10px!important; }
html.wymk-mini-brand.wymk-mini-brand body .alert-success { background:#edf9f2!important; color:#17613c!important; border-color:#bde3cd!important; }
html.wymk-mini-brand.wymk-mini-brand body .alert-warning { background:#fff8e8!important; color:#805515!important; border-color:#f2dda9!important; }
html.wymk-mini-brand.wymk-mini-brand body .alert-danger { background:#fff0f2!important; color:#a41f32!important; border-color:#f2bfca!important; }
html.wymk-mini-brand.wymk-mini-brand body :focus-visible { outline:2px solid var(--wymk-blue); outline-offset:3px; }
/* Existing mobile header has a generated live logo; retire its duplicate placeholders. */
@media(max-width:767px){
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body header.wymk-mini-live-logo .mobile-logo-wrapper #logo{display:none!important}
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body header.wymk-mini-live-logo .wymk-mobile-brand-b78,
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body header.wymk-mini-live-logo .wymk-mobile-logo-fallback{display:none!important}
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body header .mobile-logo-wrapper{display:flex!important;align-items:center!important;flex:1 1 auto!important;width:auto!important;min-width:132px!important;max-width:none!important}
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body header .mobile-logo-wrapper .wymk-mobile-logo-live{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 132px!important;width:132px!important;min-width:132px!important;height:44px!important;margin:0!important;padding:0!important}
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body header .mobile-logo-wrapper .wymk-mobile-logo-live img{width:132px!important;height:44px!important;margin:0!important;padding:0!important}
}
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body #product #button-cart,
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body #product .buttons-wrapper .btn-extra,
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body .wymk-cart-shell .wymk-cart-checkout,
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body .notification .notification-close,
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body button.notification-close{background:#0866e8!important;background-image:none!important;color:#fff!important;border-color:#0866e8!important;border-radius:10px!important;box-shadow:none!important}
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body #product #button-cart .btn-text,
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body #product .buttons-wrapper .btn-extra .btn-text{color:#fff!important}
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body #product .product-options .product-option-radio input:checked + .option-wrapper{background:#edf5ff!important;background-image:none!important;color:#0866e8!important;border-color:#0866e8!important;box-shadow:inset 0 0 0 1px #0866e8!important}
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body .wymk-cart-shell{background:#fff!important;border:1px solid #e2e9f2!important;border-radius:12px!important;box-shadow:none!important}
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body .wymk-cart-heading{color:#172b4d!important}

html.wymk-mini-brand.wymk-mini-brand{--brand:#0866e8;--soft:#edf5ff;--ink:#172b4d;--muted:#68778c;--line:#e2e9f2}
html.wymk-mini-brand.wymk-mini-brand body #wymk-cart-editor .wymk-cart-checkout{background:#0866e8!important;border-color:#0866e8!important;color:#fff!important;box-shadow:none!important;border-radius:10px!important}
html.wymk-mini-brand.wymk-mini-brand body .shell .brand{margin:4px 0 20px;display:flex;justify-content:center;align-items:center}
html.wymk-mini-brand.wymk-mini-brand body .wymk-mini-auth-logo{width:168px;height:56px;object-fit:contain}
html.wymk-mini-brand.wymk-mini-brand body .shell .card{border:1px solid #e2e9f2;border-radius:16px;box-shadow:0 6px 24px rgba(23,43,77,.04)}
html.wymk-mini-brand.wymk-mini-brand body .shell .submit{background:#0866e8;box-shadow:none;border-radius:10px}
html.wymk-mini-brand.wymk-mini-brand body .shell input:focus{border-color:#0866e8;box-shadow:0 0 0 3px rgba(8,102,232,.12)}

/* Mini-program polish: keep the existing links, icons, and fixed-nav behavior. */
@media(max-width:767px){
html.wymk-mini-brand.wymk-mini-brand body div.bottom-menu.bottom-menu-266 ul li a{color:#68778c!important}
html.wymk-mini-brand.wymk-mini-brand body div.bottom-menu.bottom-menu-266 ul li a.wymk-mini-nav-current{color:#0866e8!important}
html.wymk-mini-brand.wymk-mini-brand body div.bottom-menu.bottom-menu-266 ul li a::before,
html.wymk-mini-brand.wymk-mini-brand body div.bottom-menu.bottom-menu-266 ul li a .links-text,
html.wymk-mini-brand.wymk-mini-brand body div.bottom-menu.bottom-menu-266 ul li a .wymk-bottom-icon67{color:inherit!important;opacity:1!important}
html.wymk-mini-brand.wymk-mini-brand body div.bottom-menu.bottom-menu-266 ul li a.wymk-mini-nav-current .links-text{font-weight:600!important}
/* Existing order/contact SVGs were white for the former dark navigation. */
html.wymk-mini-brand.wymk-mini-brand body div.bottom-menu.bottom-menu-266 a.wymk-bottom-order67 .wymk-bottom-icon67{--wymk-nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12A1.5 1.5 0 0 1 19.5 5v15l-3-1.8-3 1.8-3-1.8-3 1.8-3-1.8V5A1.5 1.5 0 0 1 6 3.5Z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")}
html.wymk-mini-brand.wymk-mini-brand body div.bottom-menu.bottom-menu-266 a.wymk-bottom-contact67 .wymk-bottom-icon67{--wymk-nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 13h2.5v6H5.5A1.5 1.5 0 0 1 4 17.5V13ZM20 13h-2.5v6H19a1 1 0 0 1-1 1h-3'/%3E%3C/svg%3E")}
html.wymk-mini-brand.wymk-mini-brand body div.bottom-menu.bottom-menu-266 ul li a .wymk-bottom-icon67{background:currentColor!important;-webkit-mask:var(--wymk-nav-mask) center/27px 27px no-repeat!important;mask:var(--wymk-nav-mask) center/27px 27px no-repeat!important}
html.wymk-mini-brand.wymk-mini-brand.route-common-home body .module-products-973 .wymk-home-products-title{margin:14px 0 12px!important}
html.wymk-mini-brand.wymk-mini-brand.route-common-home body .module-products-973 .wymk-home-products-title .module-title{margin:0!important;padding:0!important}
html.wymk-mini-brand.wymk-mini-brand body footer.wymk-home-footer-compact{padding:12px 0 4px!important}
html.wymk-mini-brand.wymk-mini-brand body footer.wymk-home-footer-compact .grid-row-2{height:auto!important;min-height:0!important;padding:0 12px 6px!important}
html.wymk-mini-brand.wymk-mini-brand body footer.wymk-home-footer-compact .grid-row-2 .grid-cols-wrapper{padding:0!important}
html.wymk-mini-brand.wymk-mini-brand body footer.wymk-home-footer-compact .grid-row-2 .grid-cols{margin:0!important}
html.wymk-mini-brand.wymk-mini-brand body footer.wymk-home-footer-compact .grid-row-4{padding:6px 12px 4px!important}
html.wymk-mini-brand.wymk-mini-brand body footer.wymk-home-footer-compact .wymk-footer-copyright{gap:6px!important;font-size:12px!important;line-height:1.6!important}
html.wymk-mini-brand.wymk-mini-brand body #wymk-icp-footer{padding:0 12px 10px!important;line-height:1.6!important}
html.wymk-mini-brand.wymk-mini-brand body #wymk-icp-footer a{padding:4px 0!important}
/* Keep one safe-area-aware clearance, not both body padding and wrapper margin. */
html.wymk-mini-brand.wymk-mini-brand.has-bottom-menu body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
html.wymk-mini-brand.wymk-mini-brand.has-bottom-menu body .global-wrapper{margin-bottom:0!important}
}
/* All mini-program headers share the same artwork size and existing tap area. */
@media(max-width:767px){
html.wymk-mini-brand.wymk-mini-brand.wymk-mini-brand body header .mobile-logo-wrapper .wymk-mobile-logo-live img{width:112px!important;height:37.333333px!important}
}