/* CSS Document */
html, body {
    overflow-x: hidden !important; /* 禁止横向滚动 */
    width: 100% !important; /* 确保页面宽度适应屏幕 */
    font-family: Poppins, Sans-Serif  !important;
}

/* 去掉点击后的边框 */
a:focus,
button:focus,
img:focus {
    outline: none !important;
    box-shadow: none !important;
}

.countCart {
   /* position:absolute !important;*/
    display: inline-block !important;
    text-align: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    top: -11px !important;
    right: -10px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 22px !important;
    background-color: #F30A0B !important;
					
}


.main a {
    font-size: 16px !important;
					
    
}
/*.wow-button {
   background-color: #25d366 !important;
}


.wow-button:hover {
    background-color: #128c7e !important;
}*/
.herder_top {
margin-top:0px;
}

.label_txt {
	font-size: 16px;
}

.center-row {
        display: flex;
        justify-content: center; /* 居中对齐 */
        gap: 20px; /* 控制间距 */
        flex-wrap: wrap; /* 当屏幕变小时自动换行 */
    }

.oldpriceTag {
	text-decoration: line-through; color: gray;
}

.priceTag {
font-size: 20px; font-weight: bold; color: red;
}

@media (max-width: 768px) {
        .btn-action .col-xs-12 {
            margin-bottom: 10px;
        }
    }

.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none !important;
}

/* WhatsApp 按钮样式 */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 70px;  /* 按钮更大 */
    height: 70px;
    background-color: #25d366;
    color: white !important;  /* 确保文本颜色始终是白色 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none; /* 去除默认链接样式 */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s;
}

/* WhatsApp 图标样式 */
.whatsapp-float i {
    font-size: 40px; /* 图标更大 */
    color: white !important; /* 彻底移除 hover 颜色变化 */
}

/* 悬停效果（仅放大，不改变颜色） */
.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.4);
    background-color: #25d366 !important; /* 确保 hover 时颜色不变 */
	text-decoration: none; /* 去除默认链接样式 */
}

/* 在移动端隐藏 */
@media (max-width: 768px) {
    .whatsapp-float {
        display: none;
    }
}
/* WhatsApp 按钮样式 */


/* 让整个 section 高度铺满视口，并实现垂直居中 */
.login-section {
    width: 100%;
   /*height: 100vh;*/
    display: table;
	margin: 50px 0 50px 0; 
}

/* 让 .container 在垂直方向上居中 */
.login-section .container {
    display: table-cell;
    vertical-align: middle;
}

/* 让 .login-box 居中，并稍微上移 */
.login-box {
    background: #fff;
    border-radius: 10px;
   /* max-width: 400px;*/
    /*margin: 0 auto;*/
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    position: relative;
	text-align: center;
   /* top: -100px; *//* 上移 20px，你可以调整为 -30px 试试看 */
}
/* 在小屏幕（max-width: 768px）时，稍微上移 login-box */
@media (max-width: 768px) {
    .login-box {
       /* margin-top: -280px;*/ /* 适当上移 */
    }
}
/* 让整个 section 高度铺满视口，并实现垂直居中 */




/* 让整个 section 高度铺满视口，并实现垂直居中 */
.register-section {
    width: 100%;
   /*height: 100vh;*/
    display: table;
	margin: 50px 0 60px 0; 
}

/* 让 .container 在垂直方向上居中 */
.register-section .container {
    display: table-cell;
    vertical-align: middle;
}

/* 让 .register-box 居中，并稍微上移 */
.register-box {
    background: #fff;
    border-radius: 10px;
   /* max-width: 400px;*/
    /*margin: 0 auto;*/
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    position: relative;
	text-align: center;
   /* top: -100px; *//* 上移 20px，你可以调整为 -30px 试试看 */
}
/* 在小屏幕（max-width: 768px）时，稍微上移 register-box */
@media (max-width: 768px) {
    .register-box {
       /* margin-top: -280px;*/ /* 适当上移 */
    }
}
/* 让整个 section 高度铺满视口，并实现垂直居中 */

.icons {
	display: table;
	padding-bottom: 20px;
}

.alert {
	font-size: 16px !important;
}

.dropdown-menu>li>a {
    padding: 5px 20px;
    font-size: 20px !important;
}


/*.main-menu {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px 20px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}*/



/* cart */
.cart-item {
    position: relative;
}

/* 红点 */
.cart-badge {
    position: absolute;
    top: -6px;
    right: -10px;

    background: red;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 50%;
}