html, body {
	overflow-x: hidden;
	width: 100%;
}
body:is(.is-webview) .mobile-header ,body:is(.is-webview) .desktop-header{
	display: none;
}
body:is(.is-nowebview) .app-header {
	display: none;
}
/* 确保移动端导航样式正确 */
.wp-block-navigation__responsive-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100000;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.wp-block-navigation__responsive-container.is-menu-open {
    display: flex;
    opacity: 1;
}

.wp-block-navigation__responsive-dialog {
    background: white;
    margin-left: auto;
    width: 100%;
    max-width: 400px;
    height: 100%;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    transform: translateX(0);
}

/* 子菜单样式 */
.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
    display: none;
}

.wp-block-navigation-submenu.is-menu-open .wp-block-navigation__submenu-container {
    display: block;
}


/* 只针对 app-header 的导航菜单样式 */
.app-header .wp-block-navigation__responsive-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1) !important; /* 半透明黑色背景 */
    z-index: 100000;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.app-header .wp-block-navigation__responsive-container.is-menu-open,
.app-header .wp-block-navigation__responsive-container.has-modal-open {
    display: flex !important;
    opacity: 1;
}
.app-header .wp-block-navigation__responsive-container.is-menu-open {
	padding:0;
}
.app-header .wp-block-navigation__responsive-dialog {
    background: #E9F1F7;
    margin-left: 0;
    width: 50vw; /* 半屏宽度 */
    max-width: 400px;
    min-width: 300px;
    height: 100%;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
}

.app-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
.app-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog {
    transform: translateX(0);
}

/* 透明区域样式 */
.app-header .wp-block-navigation__responsive-close {
    flex: 1;
    background: transparent;
    cursor: pointer;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .app-header .wp-block-navigation__responsive-dialog {
        width: 70vw;
        max-width: none;
    }
}

@media (max-width: 480px) {
    .app-header .wp-block-navigation__responsive-dialog {
        width: 70vw;
    }
}
/* 移动端导航菜单样式 */
.wp-block-navigation__responsive-container {
    background: #f5f5f5;
}

.wp-block-navigation__responsive-container-content {
    padding: 20px;
}

/* 菜单项基础样式 */
.wp-block-navigation__container.is-responsive .wp-block-navigation-item {
    /*border-bottom: 1px solid #e0e0e0;*/
    margin-bottom: 10px;
}

.wp-block-navigation-item__content {
    display: flex !important;
    align-items: center !important;
    padding: 12px 0 !important;
    font-size: 16px !important;
    color: #333 !important;
    text-decoration: none !important;
}

/* 为每个菜单项添加图标 */
.wp-block-navigation-item__content::before {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* Shop 图标 */
.wp-block-navigation-item a[href*="/shop/"]::before {
    background-image: url('/wp-content/uploads/2025/07/shopping-bag@2x.webp');
}

/* Product 图标 */
.wp-block-navigation-submenu > .wp-block-navigation-item__content::before {
    background-image: url('/wp-content/uploads/2025/07/package@2x.webp');
}

/* Cart 图标 */
.wp-block-navigation-item a[href*="/cart"]::before {
    background-image: url('/wp-content/uploads/2025/07/shopping-cart@2x.webp');
}

/* Blog 图标 */
.wp-block-navigation-item a[href*="/blog/"]::before {
    background-image: url('/wp-content/uploads/2025/07/edit@2x.webp');
}

/* About Us 图标 */
.wp-block-navigation-item a[href*="/about-us/"]::before {
    background-image: url('/wp-content/uploads/2025/07/users@2x.webp');
}

/* Support 图标 */
.wp-block-navigation-item a[href*="/support"]::before {
    background-image: url('/wp-content/uploads/2025/07/tools-1@2x.webp');
}

/* 子菜单样式 */
.wp-block-navigation__submenu-container {
    background: #fff !important;
    border-left: 2px solid #131B2380 !important;
    margin-left: 20px !important;
    padding-left: 15px !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item {
    border-bottom: none !important;
    margin-bottom: 5px !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 8px 0 !important;
    font-size: 14px !important;
    color: #666 !important;
}

/* 产品子菜单项图标 */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content::before {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #e3f2fd;
    margin-right: 12px;
}

/* 为每个产品添加特定图标 */
.wp-block-navigation__submenu-container a[href*="eggsentry"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-10@2x.webp');
}

.wp-block-navigation__submenu-container a[href*="solarflask"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-11@2x.webp');
}

.wp-block-navigation__submenu-container a[href*="kolawise"]::before {
    background-image: url('/wp-content/uploads/2025/07/koala@2x.webp');
}

.wp-block-navigation__submenu-container a[href*="vistaflask"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-12@2x.webp');
}

.wp-block-navigation__submenu-container a[href*="mileflask"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-13@2x.webp');
}

.wp-block-navigation__submenu-container a[href*="virtavo-outdoor-wired-security-camera"]::before {
    background-image: url('/wp-content/uploads/2025/07/mantis-1@2x.webp');
}
.wp-block-navigation__submenu-container a.wp-block-navigation-item__content:has(span:contains("MantisWatch"))::before {
	background-image: url('/wp-content/uploads/2025/07/mantis-1@2x.webp');
}

.wp-block-navigation__submenu-container a[href*="pandavista"]::before {
    background-image: url('/wp-content/uploads/2025/07/Rectangle-14@2x.webp');
}
.banner_slide1 {
	position:relative;
	height:100%;
	border-radius:12px;
	background:url(https://d38gi7q067ln2c.cloudfront.net/wp-content/uploads/2025/09/mileflask-index-banner_phone.webp) center center / cover no-repeat;
}
.right_bottom {
	position:absolute;
	bottom:10px;
	right:15px;
	color:#FFFFFF;
	text-align:right;
}
.right_bottom .T1 {
	font-size:20px;
	font-weight:bold;
}
.right_bottom .T2 {
	font-size:14px;
	font-weight:bold;
}
.right_bottom .T3 {
	font-size:13px;
	display:inline-flex;
	align-items:center;
	gap:5px;
}
.right_bottom .S1 {
	font-family:var(--wp--preset--font-family--open-sans);
}
.blue {
	color:#00c6ff;
}
.swiper-slide > a > img {
	border-radius:12px;
}
.swiper-slide img.kickstarter_logo {
	height:13px;
	width:auto;
}
.right_bottom button {
	background:#05ce78;
	color:#FFFFFF;
	border-radius:24px;
	font-size:16px;
	border:none;
	outline:none;
	padding: 5px 16px;
    margin-top: 6px;
}
.mobile-homepage {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.wp-block-template-part .wp-block-image img {vertical-align:middle;}
.wp-block-template-part .is-layout-constrained > * {
	margin-block-start:0;
}
.banner-slider .swiper-container {padding-bottom:30px;}
.header-section {
    padding: 15px 15px 0;
}

.search-container {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input {
    width: 100%;
    padding: 12px 50px 12px 15px;
    border: 1px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
}
input[type=text].search-input {
	background-color:#f3f3f3;
	color:;
}
input[type=text].search-input::placeholder,input[type=text].search-input::-webkit-input-placeholder,input[type=text].search-input::-moz-placeholder,input[type=text].search-input::-ms-input-placeholder {
    color: #676767;
    opacity: 1; 
}
input[type=text].search-input:is(:focus) {
}
.search-btn {
    position: absolute;
    right: 15px;
    background: none;
    border: none;
    font-size: 0;
    color: #666;
    cursor: pointer;
}
.app-header .is-layout-flex {gap:2px;}
.app-header #showMModalBtn {visibility:hidden;}
.app-header .wp-block-navigation__responsive-container-close {visibility:hidden;}
.banner-slider {
    margin: 20px 15px;
    position: relative;
}

.swiper-container {
    border-radius: 12px;
    overflow: hidden;
}

.swiper-slide {
    position: relative;
    height: 200px;
    /*background: linear-gradient(45deg, #4CAF50, #45a049);*/
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    color: white;
}

.banner-content h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.banner-content p {
    font-size: 14px;
    margin-bottom: 10px;
}

.banner-btn {
    background: white;
    color: #4CAF50;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.category-section {
    padding: 0 15px;
    margin: 0 0;
}

.category-section h2 {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: left;
}

.category-tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tab-btn {
    flex: 1;
    padding: 10px 5px;
    background: transparent;
    border: none;
    margin: 0 0;
    font-size: 12px;
	font-weight:bold;
    cursor: pointer;
    transition: all 0.3s;
	border-bottom: 3px solid #dcdcdc;
}

.tab-btn.active {
    border-bottom: 3px solid #00a6d2;
}

.category-grid {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.category-grid.active {
    /*display: grid;*/
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	gap: 8px;
	margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
	scroll-padding-left: 16px;
	scroll-padding-right: 16px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.product-item {
    aspect-ratio: 1;
    background: #f8f8f8;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #00a6d2;
    cursor: pointer;
    transition: border-color 0.3s;
	flex: 0 0 100px;
    scroll-snap-align: start;
}

.product-item:hover {
    border-color: #007cba;
}

.product-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-section {
    padding: 20px 15px;
    margin: 20px 0;
}

.featured-section h2 {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
}

.featured-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.product-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s;
	position:relative;
	padding-bottom:36px;
}

.product-card:hover {
    transform: translateY(-2px);
}

.product-image {
    position: relative;
    aspect-ratio: 1;
    /*background: #f5f5f5;*/
	line-height:0;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-badge {
    position: absolute;
    color: #999;
    font-size: 12px;
	line-height: 120%;
    position: relative;
    text-align: right;
    padding: 4px 15px;
    display: block;
	min-height:36px;
}

.product-info {
    padding: 6px 15px 15px;
}

.product-info h3 {
	margin-block-start:0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

.price {
    margin-bottom: 8px;
}

.current-price {
    font-weight: bold;
    color: #e74c3c;
    font-size: 16px;
}

.original-price {
    text-decoration: line-through;
    color: #999;
    margin-left: 8px;
    font-size: 12px;
}

.rating {
    display: flex;
    align-items: center;
	justify-content:space-between;
    gap: 5px;
}

.stars {
    color: #ffc107;
    font-size: 12px;
}

.review-count {
    font-size: 15px;
    color: #666;
}

.preorder-section {
    padding: 20px 15px;
    margin: 20px 0;
}

.preorder-section h2 {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
}

.preorder-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.preorder-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ff6b35;
    color: white;
    padding: 8px 10px;
    border-radius: 15px;
    font-size: 10px;
}

.track-order-section {
    padding: 20px 15px;
}

.track-order-btn {
    display: block;
    width: 100%;
    padding: 15px;
    background: #000;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 14px;
    transition: background 0.3s;
}

.track-order-btn:hover {
    background: #333;
}

.bottom-features {
    display: flex;
    justify-content: space-around;
    padding: 30px 20px;
    background: white;
    margin-top: 20px;
}

.feature-item {
    text-align: center;
    font-size: 12px;
    color: #666;
}

.feature-item i {
    display: block;
    margin-bottom: 5px;
	height: 40px;
}
.feature-item i img {
	width: 100%;
    height: 100%;
    object-fit: contain;
}
.bling_star {
	color:var(--wp--preset--color--warning);
}
.add-to-cart-container {
	height:36px;
	position:absolute;
	bottom:10px;
	right:10px;
}
.wp-block-button.wc-block-components-product-button{
	position: absolute;
	right: 0;
	top: 0;
	margin-bottom: 0;
}
.wp-block-button.wc-block-components-product-button .add_to_cart_button, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	display:inline-flex;
	align-items: center;
    gap: 6px;
}
.wc-block-components-product-button .add_to_cart_button {
	        margin-bottom: 0;
        padding: 0 0 0 18px;
}
.wc-block-components-product-button .add_to_cart_button::before{
    content: "";
    text-indent: 0;
    font-size: 16px;
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="20px"><path fill-rule="evenodd" fill="%2335404A" d="M17.641,16.539 C17.485,16.538 17.444,16.577 17.445,16.731 C17.452,17.821 17.449,18.910 17.449,19.999 C16.878,19.999 16.307,19.999 15.736,19.999 C15.736,18.910 15.733,17.819 15.740,16.729 C15.742,16.572 15.695,16.538 15.543,16.539 C14.506,16.546 13.469,16.539 12.432,16.546 C12.273,16.547 12.218,16.512 12.223,16.345 C12.236,15.914 12.237,15.481 12.223,15.050 C12.217,14.879 12.279,14.851 12.434,14.852 C13.464,14.858 14.494,14.851 15.524,14.859 C15.698,14.861 15.742,14.816 15.741,14.645 C15.732,13.610 15.739,12.575 15.733,11.540 C15.733,11.402 15.760,11.349 15.913,11.353 C16.365,11.363 16.818,11.363 17.270,11.353 C17.420,11.350 17.453,11.397 17.452,11.538 C17.446,12.573 17.453,13.608 17.445,14.643 C17.444,14.811 17.483,14.861 17.660,14.859 C18.773,14.851 19.886,14.855 20.1000,14.855 C20.1000,15.418 20.1000,15.980 20.1000,16.542 C19.880,16.542 18.760,16.546 17.641,16.539 ZM19.810,9.447 C19.783,9.550 19.745,9.591 19.630,9.590 C19.115,9.583 18.600,9.584 18.085,9.589 C17.957,9.590 17.930,9.556 17.971,9.434 C18.034,9.246 18.071,9.050 18.134,8.862 C18.176,8.740 18.146,8.700 18.019,8.703 C17.838,8.708 17.657,8.705 17.476,8.705 C12.638,8.705 7.799,8.705 2.960,8.705 C2.680,8.705 2.681,8.705 2.755,8.969 C3.366,11.147 3.979,13.323 4.583,15.502 C4.634,15.689 4.713,15.744 4.908,15.743 C6.600,15.734 8.292,15.740 9.983,15.734 C10.168,15.733 10.234,15.772 10.227,15.968 C10.211,16.413 10.217,16.859 10.225,17.305 C10.228,17.442 10.200,17.493 10.046,17.493 C8.257,17.487 6.467,17.492 4.678,17.488 C3.865,17.486 3.175,16.985 2.955,16.214 C2.376,14.183 1.811,12.149 1.240,10.117 C1.048,9.432 0.854,8.749 0.661,8.065 C0.652,8.033 0.656,7.995 0.614,7.982 C0.614,7.872 0.614,7.762 0.614,7.652 C0.629,7.639 0.651,7.629 0.656,7.613 C0.829,7.119 1.196,6.945 1.705,6.949 C2.972,6.959 4.240,6.950 5.507,6.956 C5.642,6.957 5.719,6.912 5.793,6.806 C7.018,5.051 8.249,3.300 9.471,1.543 C9.709,1.200 9.948,0.876 10.389,0.779 C10.431,0.779 10.473,0.779 10.515,0.779 C10.957,0.872 11.197,1.192 11.435,1.537 C12.639,3.289 13.856,5.032 15.063,6.782 C15.152,6.910 15.242,6.957 15.399,6.956 C16.673,6.949 17.947,6.952 19.221,6.952 C19.967,6.953 20.361,7.457 20.167,8.164 C20.049,8.592 19.924,9.019 19.810,9.447 ZM10.452,3.227 C9.576,4.477 8.721,5.696 7.852,6.934 C9.592,6.934 11.296,6.934 13.023,6.934 C12.160,5.690 11.313,4.468 10.452,3.227 Z"/></svg>');
	background-repeat: no-repeat;
    background-position: center center;
    border: 2px solid var(--wp--preset--color--gray-100);
    border-radius: 50%;
    display: block;
    width: 35px;
    height: 35px;
    order: 1;
    transition: 0.3s ease-in-out;
}
.wp-block-button__link{
    background-color: transparent;
    border-radius: 50px;
    border-color: var(--wp--preset--color--primary);
    border-width: 0;
    border-style: solid;
    color: var(--wp--preset--color--base);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--tiny);
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    padding-top: 7px;
    padding-right: 23px;
    padding-bottom: 7px;
    padding-left: 23px;
    text-decoration: none;
    text-transform: uppercase;
}
.product-card:is(:hover) .wc-block-components-product-button .add_to_cart_button::before{
	background-color: var(--wp--preset--color--primary);        
		background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="20px"><path fill-rule="evenodd" fill="%23ffffff" d="M17.641,16.539 C17.485,16.538 17.444,16.577 17.445,16.731 C17.452,17.821 17.449,18.910 17.449,19.999 C16.878,19.999 16.307,19.999 15.736,19.999 C15.736,18.910 15.733,17.819 15.740,16.729 C15.742,16.572 15.695,16.538 15.543,16.539 C14.506,16.546 13.469,16.539 12.432,16.546 C12.273,16.547 12.218,16.512 12.223,16.345 C12.236,15.914 12.237,15.481 12.223,15.050 C12.217,14.879 12.279,14.851 12.434,14.852 C13.464,14.858 14.494,14.851 15.524,14.859 C15.698,14.861 15.742,14.816 15.741,14.645 C15.732,13.610 15.739,12.575 15.733,11.540 C15.733,11.402 15.760,11.349 15.913,11.353 C16.365,11.363 16.818,11.363 17.270,11.353 C17.420,11.350 17.453,11.397 17.452,11.538 C17.446,12.573 17.453,13.608 17.445,14.643 C17.444,14.811 17.483,14.861 17.660,14.859 C18.773,14.851 19.886,14.855 20.1000,14.855 C20.1000,15.418 20.1000,15.980 20.1000,16.542 C19.880,16.542 18.760,16.546 17.641,16.539 ZM19.810,9.447 C19.783,9.550 19.745,9.591 19.630,9.590 C19.115,9.583 18.600,9.584 18.085,9.589 C17.957,9.590 17.930,9.556 17.971,9.434 C18.034,9.246 18.071,9.050 18.134,8.862 C18.176,8.740 18.146,8.700 18.019,8.703 C17.838,8.708 17.657,8.705 17.476,8.705 C12.638,8.705 7.799,8.705 2.960,8.705 C2.680,8.705 2.681,8.705 2.755,8.969 C3.366,11.147 3.979,13.323 4.583,15.502 C4.634,15.689 4.713,15.744 4.908,15.743 C6.600,15.734 8.292,15.740 9.983,15.734 C10.168,15.733 10.234,15.772 10.227,15.968 C10.211,16.413 10.217,16.859 10.225,17.305 C10.228,17.442 10.200,17.493 10.046,17.493 C8.257,17.487 6.467,17.492 4.678,17.488 C3.865,17.486 3.175,16.985 2.955,16.214 C2.376,14.183 1.811,12.149 1.240,10.117 C1.048,9.432 0.854,8.749 0.661,8.065 C0.652,8.033 0.656,7.995 0.614,7.982 C0.614,7.872 0.614,7.762 0.614,7.652 C0.629,7.639 0.651,7.629 0.656,7.613 C0.829,7.119 1.196,6.945 1.705,6.949 C2.972,6.959 4.240,6.950 5.507,6.956 C5.642,6.957 5.719,6.912 5.793,6.806 C7.018,5.051 8.249,3.300 9.471,1.543 C9.709,1.200 9.948,0.876 10.389,0.779 C10.431,0.779 10.473,0.779 10.515,0.779 C10.957,0.872 11.197,1.192 11.435,1.537 C12.639,3.289 13.856,5.032 15.063,6.782 C15.152,6.910 15.242,6.957 15.399,6.956 C16.673,6.949 17.947,6.952 19.221,6.952 C19.967,6.953 20.361,7.457 20.167,8.164 C20.049,8.592 19.924,9.019 19.810,9.447 ZM10.452,3.227 C9.576,4.477 8.721,5.696 7.852,6.934 C9.592,6.934 11.296,6.934 13.023,6.934 C12.160,5.690 11.313,4.468 10.452,3.227 Z"/></svg>');
        border-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--white);
}
.wc-block-components-product-button .add_to_cart_button:is(:hover) {
	color: var(--wp--preset--color--primary);
	background:transparent;
}
hr + #footer,
hr:has(+ #footer) {
    display: none;
}
.track-order-section a{color:#fff;text-decoration:none;}
#footer {display:none;}
/* 响应式设计 */
@media (max-width: 480px) {
    /*.featured-grid, .preorder-grid {
        grid-template-columns: 1fr;
    }*/
    
    .category-tabs {
        flex-wrap: wrap;
    }
    
    .tab-btn {
        margin-bottom: 5px;
    }
	.page-id-6950 .wp-block-template-part .is-layout-flex {justify-content: space-between;}
	
	.wp-block-button__link{ 
	    width:0;
		color:transparent;
		word-break: keep-all;
		white-space: nowrap;
    }
	.wc-block-components-product-button .add_to_cart_button {
		padding:0;
	}
	.wp-block-button.wc-block-components-product-button .add_to_cart_button, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
		align-items: flex-end;
	}
	.wc-block-components-product-button .add_to_cart_button:is(:hover) span {
		display:none!important;
	}
}
.bottom-support {
	text-align:center;
	padding: 24px 16px;
}	
.bottom-support img {
	width:80px;
}
/* 购物车操作区域 */
.cart-actions-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* 加入购物车区域 */
.add-to-cart-section {
    position: relative;
    display: inline-block;
}

/* View Cart 区域 */
.view-cart-section {
    position: relative;
}

/* 基础按钮样式 */
.wc-block-components-product-button {
    position: relative;
    margin: 0;
}

.wc-block-components-product-button .add_to_cart_button {
    position: relative;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    width: 35px !important;
    height: 35px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block !important;
}

/* 按钮图标样式 */
.wc-block-components-product-button .add_to_cart_button .button-icon {
    display: block;
    width: 35px;
    height: 35px;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="20px"><path fill-rule="evenodd" fill="%2335404A" d="M17.641,16.539 C17.485,16.538 17.444,16.577 17.445,16.731 C17.452,17.821 17.449,18.910 17.449,19.999 C16.878,19.999 16.307,19.999 15.736,19.999 C15.736,18.910 15.733,17.819 15.740,16.729 C15.742,16.572 15.695,16.538 15.543,16.539 C14.506,16.546 13.469,16.539 12.432,16.546 C12.273,16.547 12.218,16.512 12.223,16.345 C12.236,15.914 12.237,15.481 12.223,15.050 C12.217,14.879 12.279,14.851 12.434,14.852 C13.464,14.858 14.494,14.851 15.524,14.859 C15.698,14.861 15.742,14.816 15.741,14.645 C15.732,13.610 15.739,12.575 15.733,11.540 C15.733,11.402 15.760,11.349 15.913,11.353 C16.365,11.363 16.818,11.363 17.270,11.353 C17.420,11.350 17.453,11.397 17.452,11.538 C17.446,12.573 17.453,13.608 17.445,14.643 C17.444,14.811 17.483,14.861 17.660,14.859 C18.773,14.851 19.886,14.855 20.1000,14.855 C20.1000,15.418 20.1000,15.980 20.1000,16.542 C19.880,16.542 18.760,16.546 17.641,16.539 ZM19.810,9.447 C19.783,9.550 19.745,9.591 19.630,9.590 C19.115,9.583 18.600,9.584 18.085,9.589 C17.957,9.590 17.930,9.556 17.971,9.434 C18.034,9.246 18.071,9.050 18.134,8.862 C18.176,8.740 18.146,8.700 18.019,8.703 C17.838,8.708 17.657,8.705 17.476,8.705 C12.638,8.705 7.799,8.705 2.960,8.705 C2.680,8.705 2.681,8.705 2.755,8.969 C3.366,11.147 3.979,13.323 4.583,15.502 C4.634,15.689 4.713,15.744 4.908,15.743 C6.600,15.734 8.292,15.740 9.983,15.734 C10.168,15.733 10.234,15.772 10.227,15.968 C10.211,16.413 10.217,16.859 10.225,17.305 C10.228,17.442 10.200,17.493 10.046,17.493 C8.257,17.487 6.467,17.492 4.678,17.488 C3.865,17.486 3.175,16.985 2.955,16.214 C2.376,14.183 1.811,12.149 1.240,10.117 C1.048,9.432 0.854,8.749 0.661,8.065 C0.652,8.033 0.656,7.995 0.614,7.982 C0.614,7.872 0.614,7.762 0.614,7.652 C0.629,7.639 0.651,7.629 0.656,7.613 C0.829,7.119 1.196,6.945 1.705,6.949 C2.972,6.959 4.240,6.950 5.507,6.956 C5.642,6.957 5.719,6.912 5.793,6.806 C7.018,5.051 8.249,3.300 9.471,1.543 C9.709,1.200 9.948,0.876 10.389,0.779 C10.431,0.779 10.473,0.779 10.515,0.779 C10.957,0.872 11.197,1.192 11.435,1.537 C12.639,3.289 13.856,5.032 15.063,6.782 C15.152,6.910 15.242,6.957 15.399,6.956 C16.673,6.949 17.947,6.952 19.221,6.952 C19.967,6.953 20.361,7.457 20.167,8.164 C20.049,8.592 19.924,9.019 19.810,9.447 ZM10.452,3.227 C9.576,4.477 8.721,5.696 7.852,6.934 C9.592,6.934 11.296,6.934 13.023,6.934 C12.160,5.690 11.313,4.468 10.452,3.227 Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.3s ease-in-out;
}

/* 悬停效果 */
.add-to-cart-section:hover .button-icon {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="20px"><path fill-rule="evenodd" fill="%23ffffff" d="M17.641,16.539 C17.485,16.538 17.444,16.577 17.445,16.731 C17.452,17.821 17.449,18.910 17.449,19.999 C16.878,19.999 16.307,19.999 15.736,19.999 C15.736,18.910 15.733,17.819 15.740,16.729 C15.742,16.572 15.695,16.538 15.543,16.539 C14.506,16.546 13.469,16.539 12.432,16.546 C12.273,16.547 12.218,16.512 12.223,16.345 C12.236,15.914 12.237,15.481 12.223,15.050 C12.217,14.879 12.279,14.851 12.434,14.852 C13.464,14.858 14.494,14.851 15.524,14.859 C15.698,14.861 15.742,14.816 15.741,14.645 C15.732,13.610 15.739,12.575 15.733,11.540 C15.733,11.402 15.760,11.349 15.913,11.353 C16.365,11.363 16.818,11.363 17.270,11.353 C17.420,11.350 17.453,11.397 17.452,11.538 C17.446,12.573 17.453,13.608 17.445,14.643 C17.444,14.811 17.483,14.861 17.660,14.859 C18.773,14.851 19.886,14.855 20.1000,14.855 C20.1000,15.418 20.1000,15.980 20.1000,16.542 C19.880,16.542 18.760,16.546 17.641,16.539 ZM19.810,9.447 C19.783,9.550 19.745,9.591 19.630,9.590 C19.115,9.583 18.600,9.584 18.085,9.589 C17.957,9.590 17.930,9.556 17.971,9.434 C18.034,9.246 18.071,9.050 18.134,8.862 C18.176,8.740 18.146,8.700 18.019,8.703 C17.838,8.708 17.657,8.705 17.476,8.705 C12.638,8.705 7.799,8.705 2.960,8.705 C2.680,8.705 2.681,8.705 2.755,8.969 C3.366,11.147 3.979,13.323 4.583,15.502 C4.634,15.689 4.713,15.744 4.908,15.743 C6.600,15.734 8.292,15.740 9.983,15.734 C10.168,15.733 10.234,15.772 10.227,15.968 C10.211,16.413 10.217,16.859 10.225,17.305 C10.228,17.442 10.200,17.493 10.046,17.493 C8.257,17.487 6.467,17.492 4.678,17.488 C3.865,17.486 3.175,16.985 2.955,16.214 C2.376,14.183 1.811,12.149 1.240,10.117 C1.048,9.432 0.854,8.749 0.661,8.065 C0.652,8.033 0.656,7.995 0.614,7.982 C0.614,7.872 0.614,7.762 0.614,7.652 C0.629,7.639 0.651,7.629 0.656,7.613 C0.829,7.119 1.196,6.945 1.705,6.949 C2.972,6.959 4.240,6.950 5.507,6.956 C5.642,6.957 5.719,6.912 5.793,6.806 C7.018,5.051 8.249,3.300 9.471,1.543 C9.709,1.200 9.948,0.876 10.389,0.779 C10.431,0.779 10.473,0.779 10.515,0.779 C10.957,0.872 11.197,1.192 11.435,1.537 C12.639,3.289 13.856,5.032 15.063,6.782 C15.152,6.910 15.242,6.957 15.399,6.956 C16.673,6.949 17.947,6.952 19.221,6.952 C19.967,6.953 20.361,7.457 20.167,8.164 C20.049,8.592 19.924,9.019 19.810,9.447 ZM10.452,3.227 C9.576,4.477 8.721,5.696 7.852,6.934 C9.592,6.934 11.296,6.934 13.023,6.934 C12.160,5.690 11.313,4.468 10.452,3.227 Z"/></svg>') !important;
}

/* View Cart 链接样式 - 圆形按钮 */
.view-cart-link {
    display: inline-block !important;
    width: 35px !important;
    height: 35px !important;
    background: #00bcd4 !important;
    border: 2px solid #00bcd4 !important;
    border-radius: 50% !important;
    color: white !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

/* View Cart 图标 */
.view-cart-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="20px"><path fill-rule="evenodd" fill="%23ffffff" d="M17.641,16.539 C17.485,16.538 17.444,16.577 17.445,16.731 C17.452,17.821 17.449,18.910 17.449,19.999 C16.878,19.999 16.307,19.999 15.736,19.999 C15.736,18.910 15.733,17.819 15.740,16.729 C15.742,16.572 15.695,16.538 15.543,16.539 C14.506,16.546 13.469,16.539 12.432,16.546 C12.273,16.547 12.218,16.512 12.223,16.345 C12.236,15.914 12.237,15.481 12.223,15.050 C12.217,14.879 12.279,14.851 12.434,14.852 C13.464,14.858 14.494,14.851 15.524,14.859 C15.698,14.861 15.742,14.816 15.741,14.645 C15.732,13.610 15.739,12.575 15.733,11.540 C15.733,11.402 15.760,11.349 15.913,11.353 C16.365,11.363 16.818,11.363 17.270,11.353 C17.420,11.350 17.453,11.397 17.452,11.538 C17.446,12.573 17.453,13.608 17.445,14.643 C17.444,14.811 17.483,14.861 17.660,14.859 C18.773,14.851 19.886,14.855 20.1000,14.855 C20.1000,15.418 20.1000,15.980 20.1000,16.542 C19.880,16.542 18.760,16.546 17.641,16.539 ZM19.810,9.447 C19.783,9.550 19.745,9.591 19.630,9.590 C19.115,9.583 18.600,9.584 18.085,9.589 C17.957,9.590 17.930,9.556 17.971,9.434 C18.034,9.246 18.071,9.050 18.134,8.862 C18.176,8.740 18.146,8.700 18.019,8.703 C17.838,8.708 17.657,8.705 17.476,8.705 C12.638,8.705 7.799,8.705 2.960,8.705 C2.680,8.705 2.681,8.705 2.755,8.969 C3.366,11.147 3.979,13.323 4.583,15.502 C4.634,15.689 4.713,15.744 4.908,15.743 C6.600,15.734 8.292,15.740 9.983,15.734 C10.168,15.733 10.234,15.772 10.227,15.968 C10.211,16.413 10.217,16.859 10.225,17.305 C10.228,17.442 10.200,17.493 10.046,17.493 C8.257,17.487 6.467,17.492 4.678,17.488 C3.865,17.486 3.175,16.985 2.955,16.214 C2.376,14.183 1.811,12.149 1.240,10.117 C1.048,9.432 0.854,8.749 0.661,8.065 C0.652,8.033 0.656,7.995 0.614,7.982 C0.614,7.872 0.614,7.762 0.614,7.652 C0.629,7.639 0.651,7.629 0.656,7.613 C0.829,7.119 1.196,6.945 1.705,6.949 C2.972,6.959 4.240,6.950 5.507,6.956 C5.642,6.957 5.719,6.912 5.793,6.806 C7.018,5.051 8.249,3.300 9.471,1.543 C9.709,1.200 9.948,0.876 10.389,0.779 C10.431,0.779 10.473,0.779 10.515,0.779 C10.957,0.872 11.197,1.192 11.435,1.537 C12.639,3.289 13.856,5.032 15.063,6.782 C15.152,6.910 15.242,6.957 15.399,6.956 C16.673,6.949 17.947,6.952 19.221,6.952 C19.967,6.953 20.361,7.457 20.167,8.164 C20.049,8.592 19.924,9.019 19.810,9.447 ZM10.452,3.227 C9.576,4.477 8.721,5.696 7.852,6.934 C9.592,6.934 11.296,6.934 13.023,6.934 C12.160,5.690 11.313,4.468 10.452,3.227 Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px 20px;
}

.view-cart-link:hover::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="20px"><path fill-rule="evenodd" fill="%23ffffff" d="M17.641,16.539 C17.485,16.538 17.444,16.577 17.445,16.731 C17.452,17.821 17.449,18.910 17.449,19.999 C16.878,19.999 16.307,19.999 15.736,19.999 C15.736,18.910 15.733,17.819 15.740,16.729 C15.742,16.572 15.695,16.538 15.543,16.539 C14.506,16.546 13.469,16.539 12.432,16.546 C12.273,16.547 12.218,16.512 12.223,16.345 C12.236,15.914 12.237,15.481 12.223,15.050 C12.217,14.879 12.279,14.851 12.434,14.852 C13.464,14.858 14.494,14.851 15.524,14.859 C15.698,14.861 15.742,14.816 15.741,14.645 C15.732,13.610 15.739,12.575 15.733,11.540 C15.733,11.402 15.760,11.349 15.913,11.353 C16.365,11.363 16.818,11.363 17.270,11.353 C17.420,11.350 17.453,11.397 17.452,11.538 C17.446,12.573 17.453,13.608 17.445,14.643 C17.444,14.811 17.483,14.861 17.660,14.859 C18.773,14.851 19.886,14.855 20.1000,14.855 C20.1000,15.418 20.1000,15.980 20.1000,16.542 C19.880,16.542 18.760,16.546 17.641,16.539 ZM19.810,9.447 C19.783,9.550 19.745,9.591 19.630,9.590 C19.115,9.583 18.600,9.584 18.085,9.589 C17.957,9.590 17.930,9.556 17.971,9.434 C18.034,9.246 18.071,9.050 18.134,8.862 C18.176,8.740 18.146,8.700 18.019,8.703 C17.838,8.708 17.657,8.705 17.476,8.705 C12.638,8.705 7.799,8.705 2.960,8.705 C2.680,8.705 2.681,8.705 2.755,8.969 C3.366,11.147 3.979,13.323 4.583,15.502 C4.634,15.689 4.713,15.744 4.908,15.743 C6.600,15.734 8.292,15.740 9.983,15.734 C10.168,15.733 10.234,15.772 10.227,15.968 C10.211,16.413 10.217,16.859 10.225,17.305 C10.228,17.442 10.200,17.493 10.046,17.493 C8.257,17.487 6.467,17.492 4.678,17.488 C3.865,17.486 3.175,16.985 2.955,16.214 C2.376,14.183 1.811,12.149 1.240,10.117 C1.048,9.432 0.854,8.749 0.661,8.065 C0.652,8.033 0.656,7.995 0.614,7.982 C0.614,7.872 0.614,7.762 0.614,7.652 C0.629,7.639 0.651,7.629 0.656,7.613 C0.829,7.119 1.196,6.945 1.705,6.949 C2.972,6.959 4.240,6.950 5.507,6.956 C5.642,6.957 5.719,6.912 5.793,6.806 C7.018,5.051 8.249,3.300 9.471,1.543 C9.709,1.200 9.948,0.876 10.389,0.779 C10.431,0.779 10.473,0.779 10.515,0.779 C10.957,0.872 11.197,1.192 11.435,1.537 C12.639,3.289 13.856,5.032 15.063,6.782 C15.152,6.910 15.242,6.957 15.399,6.956 C16.673,6.949 17.947,6.952 19.221,6.952 C19.967,6.953 20.361,7.457 20.167,8.164 C20.049,8.592 19.924,9.019 19.810,9.447 ZM10.452,3.227 C9.576,4.477 8.721,5.696 7.852,6.934 C9.592,6.934 11.296,6.934 13.023,6.934 C12.160,5.690 11.313,4.468 10.452,3.227 Z"/></svg>');
}

/* View Cart 提示框 */
.view-cart-section::after {
    content: "View Cart";
    position: absolute;
    top: 0;
    right: 36px;
    background: transparent;
    color: #00a6d2;
    padding: 6px 4px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    font-size: 14px;
    font-weight: 500;
    pointer-events: none;
}

.view-cart-section:hover::after {
    opacity: 1;
    visibility: visible;
}

/* 购物车提示框 */
.cart-tooltip {
    position: absolute;
    top: 0;
    right: 36px;
    transform: none;
    background: transparent;
    color: #00a6d2;
    padding: 6px 4px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
    font-size: 14px;
    font-weight: 500;
    pointer-events: none;
}

/* 悬停显示提示框 */
.add-to-cart-section:hover .cart-tooltip {
    opacity: 1;
    visibility: visible;
}

/* 强制显示状态 */
.cart-tooltip.force-visible {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 购物车信息 */
.cart-info {
    display: inline-block;
}

/* 滑动动画 */
.block-slide-out {
    animation: slideOut .1s linear 1 normal forwards;
}

.block-slide-in {
    animation: slideIn .1s linear 1 normal forwards;
}

@keyframes slideOut {
    0% { transform: translateY(0); }
    100% { transform: translateY(-100%); }
}

@keyframes slideIn {
    0% { transform: translateY(100%); }
    100% { transform: translateY(0); }
}

/* 加载状态 */
.cart-actions-wrapper.loading .button-icon {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 响应式设计 */
@media (min-width: 768px) {
    .add-to-cart-container {
        position: absolute;
        right: 18px;
        bottom: 16px;
    }
    
    .cart-actions-wrapper {
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }
}

/* 简化的其他按钮样式 */
.add-to-cart-btn {
    background: #00bcd4;
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-decoration: none;
}

.add-to-cart-btn:hover {
    background: #0097a7;
}

.add-to-cart-btn.out-of-stock {
    background: #ccc;
    cursor: not-allowed;
}