/* 顶部区域 */
 .topbar {
   background: #fff;
   border-bottom: 1px solid #eee;
   display: flex;
   align-items: end;
   justify-content: space-between;
   padding: 10px 20px;

   border: 0;
 }

 .logo img {
   height: 40px;
 }

 /* 搜索框 */
 .search-box {
   flex: 1;
   max-width: 600px;
   margin: 0 20px;
   position: relative;
 }

 .search-box input {
   width: 100%;
   padding: 5px 30px 5px 15px;
   border: 1px solid var(--header_search_border);
   color: var(--header_search_text);
   outline: none;
   border-radius: 15px;
   font-size: 14px;
 }

 .search-box input:focus {
   border: 1px solid var(--header_search_focus_border) !important;
 }

 .search-box input::placeholder {
   color: var(--header_search_placeholder_text);
   /* 改成你要的颜色 */
   opacity: 1;
   /* 有些浏览器 placeholder 默认半透明，设为1可以强制不透明 */
 }

 .search-box .icon {
   position: absolute;
   right: 15px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 16px;
   color: var(--header_search_icon);
   cursor: pointer;
 }

 /* 语言 + 积分 */
 .user-info {
   text-align: right;
   font-size: 13px;
 }


 .user-info .lang {
   display: block;
   margin-bottom: 5px;
 }

 .user-info .lang .pull-left .fa-globe,
 .user-info .lang .pull-left .languageTitle,
 .user-info .lang .pull-left .fa-caret-down {
   color: var(--header_language_text);
 }


 .user-info .lang .pull-left .fa-globe,
 .user-info .lang .pull-left .dropdown-toggle {
   padding-right: 0px;
   padding-left: 0px;
 }

 .user-info .lang .pull-left .language-select {
   width: 100%;
   font-size: 12px;
   color: var(--header_language_text);
   text-align: left;
 }

 .user-info .lang .pull-left .language-select:hover {
   color: #000;
 }

 .languageMenu li:not(:last-child) {
   border-bottom: 1px solid #ddd;
   /* 你可以换成需要的颜色 */
 }

 .dropdown-menu {
   display: block;
   opacity: 0;
   transform: scale(0.95);
   visibility: hidden;
   transition: all 0.2s ease;
   transform-origin: top center;
 }

 .dropdown-menu.show {
   opacity: 1;
   transform: scale(1);
   visibility: visible;
 }


 .dropdown-menu.show {
   min-width: 100%;
 }

 .user-info .lang .pull-left .languageTitle {
   padding: 0 5px;
 }

 .user-info .points {
   font-weight: bold;
   color: var(--header_points);
 }

 .user-info .balance {
   font-weight: bold;
   color: var(--header_balances);
 }








 /* Header Menu ================================================================= */

 nav {
   background: #333;
 }

 .menu {
   list-style: none;
   margin: 0;
   padding: 0;

   display: flex;
   flex-wrap: wrap;
   gap: 0;
 }

 .menu>.menu-item {
   position: relative;
   display: inline-block;
 }

 .menu>.menu-item>a {
   display: block;
   padding: 15px 20px 15px 0;
   color: white;
   text-decoration: none;
 }

 .menu>.menu-item>a>span {
   /* margin-right: 15px; */
 }

 .menu>.menu-item>a {
   color: var(--header_menu_item_BG_notFirstChild);
 }

 .menu>.menu-item>a:hover {
   color: var(--header_menu_item_BG_notFirstChild_hover);
   font-weight: bold;
 }





 .headerMenuTop .menu>.menu-item>a {
   display: block;
   padding: 10px 20px 10px 0;
   color: black;
   text-decoration: none;
 }

 .headerMenuTop .menu>.menu-item>a {
   color: var(--header_menu_TOP_item_BG_notFirstChild);
 }

 .headerMenuTop .menu>.menu-item>a:hover {
   color: var(--header_menu_TOP_item_BG_notFirstChild_hover);
   font-weight: bold;
 }

 /* .menu > .menu-item:first-child > a {
 background: var(--header_menu_item_BG_FirstChild);
    }
  

    .menu > .menu-item:first-child > a:hover,
    .menu > .menu-item:first-child > a.active {
      background: var(--header_menu_item_BG_FirstChild_hover);
    }


     .menu > .menu-item:not(:first-child) > a {
 background: var(--header_menu_item_BG_notFirstChild);
    }

    .menu > .menu-item:not(:first-child) > a:hover
{
    background: var(--header_menu_item_BG_notFirstChild_hover);
} */

 /* 一级 submenu */
 .submenu {
   position: absolute;
   top: 100%;
   left: 0;
   width: 200px;
   max-height: 250px;
   overflow-y: auto;
   background: #fff;
   border: 1px solid #ccc;
   display: none;
   z-index: 1000;

   padding: 0;
 }

 .submenu li {
   list-style: none;
 }

 .submenu a {
   display: block;
   padding: 10px;
   color: #333;
 }

 .submenu-item a {
   display: block;
   padding: 10px;
   color: #333;
   text-decoration: none;
 }

 .submenu-item a:hover {
   background: #f2f2f2;
 }

 /* 二级 submenu（独立在 body 外层） */
 .submenu.child {
   position: absolute;
   width: 200px;
   max-height: 250px;
   overflow-y: auto;
   border: 1px solid #ccc;
   background: #fff;
   display: none;
   z-index: 2000;
 }

 /* 三级 submenu（独立放外面） */
 .submenu.grandchild {
   position: absolute;
   width: 200px;
   max-height: 250px;
   overflow-y: auto;
   border: 1px solid #ccc;
   background: #fff;
   display: none;
   z-index: 3000;
 }

 /* Chrome, Edge, Safari → Thin Scrollbar */
 .submenu::-webkit-scrollbar,
 .submenu.child::-webkit-scrollbar,
 .submenu.grandchild::-webkit-scrollbar {
   width: 3px;
   /* make scrollbar thin */
   height: 3px;
   /* for horizontal scrollbar if any */
 }

 .submenu::-webkit-scrollbar-track,
 .submenu.child::-webkit-scrollbar-track,
 .submenu.grandchild::-webkit-scrollbar-track {
   background: transparent;
   /* or #f2f2f2 if you want visible track */
 }

 .submenu::-webkit-scrollbar-thumb,
 .submenu.child::-webkit-scrollbar-thumb,
 .submenu.grandchild::-webkit-scrollbar-thumb {
   background-color: #888;
   /* thumb color */
   border-radius: 6px;
   /* rounded edges */
 }

 .submenu::-webkit-scrollbar-thumb:hover,
 .submenu.child::-webkit-scrollbar-thumb:hover,
 .submenu.grandchild::-webkit-scrollbar-thumb:hover {
   background-color: #555;
   /* darker on hover */
 }



 #navbar-menu {

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

 }

 .nav-left {
   display: flex;
   align-items: center;
 }



 /* Header Menu END =======================================================================  */
 .cm-e-menu {
   background-color: transparent !important;
   position: relative !important;
   /* z-index: 1000 !important; */
   color: #fff !important;
   font-weight: 200 !important;

 }

 .cm-e-menu a {
   color: var(--navBar_text) !important;
   font-weight: normal !important;
   font-size: 14px;

 }

 .cm-e-menu ul {
   margin: 0 !important;
   padding: 0 !important;
 }

 .cm-e-menu li {
   position: relative !important;
   white-space: nowrap !important;
   cursor: pointer !important;
   text-transform: capitalize !important;
   list-style: none !important;

   -webkit-transition: background-color ease-in 300ms;
   -moz-transition: background-color ease-in 300ms;
   -ms-transition: background-color ease-in 300ms;
   -o-transition: background-color ease-in 300ms;
   transition: background-color ease-in 300ms;
 }

 .cm-e-menu li:hover {
   color: var(--navBar_background) !important;
   /* text-shadow: 0 10px 10px #222 !important; */
 }

 .cm-e-menu ul li.topmenu {
   display: inline-table !important;

 }

 .cm-e-menu .topmenu ul {
   display: none !important;
   position: absolute !important;
   background-color: white !important;
 }

 .cm-e-menu li:hover>ul {
   display: table !important;
   z-index: 4;
   right: 0;

 }

 .cm-e-menu ul.submenu2 {
   top: 100% !important;
   left: 0 !important;
   padding-top: 0.5em !important;
   padding-bottom: 0.5em !important;
   border: 1px solid #f2f2f2 !important;
   box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
   /*
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		 box-shadow: 0 0 10px black !important;
		  */

   width: 120px;
 }

 .cm-e-menu ul.submenu2 .submenu2 {
   top: -0.5em !important;
   left: 100% !important;
   font-size: 15px !important;
 }

 .cm-e-menu ul.submenu2 li {
   padding: 0.5em 1.5em !important;
   font-size: 15px !important;
 }

 .cm-e-menu ul.submenu2 li a {

   font-size: 14px !important;
 }

 .cm-e-menu li.divider {
   padding: 0 !important;
   border-top: 1px solid #343434 !important;
   margin: 0.5rem auto 0.3rem !important;
   cursor: default !important;
 }

 .cm-e-menu li.divider:hover {
   background-color: transparent !important;
 }

 .topmenu ul li a:hover {
   color: var(--header_drop_down_hover_text) !important;
 }




 /* Product Slider Block */
 .title_more_link {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .title_more_link h2 {
   font-size: 15px;
   font-weight: bold;
   color: var(--product_block_title);
 }

 .title_more_link a h4 {
   font-size: 13px;
   text-decoration: underline;
   color: var(--product_block_viewMore_link);
 }

 .homeSliderProduct .product-title {
   font-size: 13px;
   color: var(--product_price_name);
   margin-bottom: 6px;
   line-height: 1.3em;
   flex-grow: 1;
   /* pushes priceSection down 
		min-height: 35px;*/
 }

 .homeSliderProduct .product-title a {
   color: var(--product_price_name);
 }

 .homeSliderProduct .priceSection {
   margin-top: auto;
   /* stick to bottom */
 }



 .product-price {
   display: block;
   font-weight: bold;
   color: var(--product_price);
 }


 .product-price.normalPrice {
   display: block;
   font-weight: bold;
   font-size: 14px;
   color: var(--product_price_with_no_discount);
 }


 .homeSliderProduct .product-old-price {
   font-size: 11px;
   color: var(--product_discount_price);
   text-decoration: line-through;

 }

 .homeSliderProduct .product-discount {
   background: var(--product_discountTag_BG);
   color: var(--product_discountTag_text);
   font-size: 10px;
   border-radius: 10px;
   padding: 2px 10px;
   margin-left: 6px;
 }


 @media(max-width: 989px) {

   .homeSliderProduct .product-title {
     font-size: 12px;
   }

   .product-price.normalPrice {
     font-size: 13px;
   }

 }

 @media(max-width: 500px) {
   .homeSliderProduct .product-title {
     font-size: 11px;
   }

   .product-price.normalPrice {
     font-size: 12px;
   }
 }

 /* Layout GRID banner */

 .Imagegrid-container {
   display: grid;
   grid-template-columns: auto auto;
   gap: 10px;
   /* background-color: #2196F3; */
   padding: 10px;
 }

 .Imagegrid-container>div {
   background-color: rgba(255, 255, 255, 0.8);
   text-align: center;
   /* padding: 20px 0; */
   font-size: 30px;
 }

 .image1 {
   grid-row-start: 1;
   grid-row-end: 3;
 }

 .Imagegrid-container img {
   height: 100%;
   width: 100%;
 }



 .webShow {
   display: grid !important;
 }

 .mobileShow {
   display: none !important;
 }


 @media(max-width:500px) {


   .webShow {
     display: none !important;
   }

   .mobileShow {
     display: block !important;
   }

 }

 /* end */







 /* Footer */
 .footerWeb {
   margin-top: 40px;
   background: var(--footer-color) !important;
   padding-top: 20px !important;
   padding-bottom: 20px !important;
 }

 .footerLogo {
   /* max-width: 200px; */
   margin-top: 20px !important;


   max-width: 180px;

 }


 .footerWeb .block-center ul {
   padding: 0 !important;
 }

 .footerLogoPart {
   display: flex;
   align-items: center;
 }

 .footerLogoMobile {
   max-width: 120px;
   margin: 0 10px;
 }



 .footerWeb>div>div {
   border: 0 !important;
 }


 .block-center p,
 .block-center h3,
 .block-center a {
   color: #fff;
 }


 .block-center a {
   font-size: 12px;
 }



 @media(max-width:1200px) {

   .footerWeb .block-center {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
   }



   .footerWeb .block-center p {
     text-align: center !important;
     margin-bottom: 0px !important;
   }


   .block-center.contentLink p,
   .block-center.contentLink h3,
   .block-center.contentLink ul {
     width: 100%;
     text-align: center;
   }


   .footerWeb .socialMediaSection {
     margin-top: 30px !important;
     margin-bottom: 40px;
   }

   .footerLogo {
     /* max-width: 250px; */
     margin-top: 20px !important;
   }

   .footerLogoMobile {
     max-width: 100px;
   }

   .footer-column4 {
     display: none;
   }










   .block-center.contentLink h3 {
     font-size: 18px;
   }

   .block-center.contentLink ul li a {
     font-size: 15px;
   }
 }


 @media(max-width:900px) {


   .block-center.contentLink h3 {
     font-size: 15px;
   }

   .block-center.contentLink ul li a {
     font-size: 13px;
   }
 }

 /* end */















 /* Product Detail Page */
.product-details h1.product-name
{
	font-weight: bold;
}

.product-details ul.product-price h2
{
	font-size: 25px !important;
}


.product-price li
{
	display: inline !important;
}


.product-price .price-discount-percent
{
	background-color: var(--percentag);
	color: #fff;

	padding: 2px 10px;
	border-radius: 50px;
}



.rating_review_section
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}


.rating_review_section .ratingStar
{
	margin-right: 15px;
}

.rating_review_section .ratingStar img
{
	width: 20px;
}

.rating_review_section .totalReview
{
	margin-right: 15px;
}

.rating_review_section .totalReview span
{
	color: var(--product-slider-rating-text);
	font-weight: 600;
	font-size: 12px;
}


.rating_review_section .totalSold
{
	margin-right: 15px;
}

.rating_review_section .totalSold span
{
	color: var(--product-slider-rating-text);
	font-weight: 600;
	font-size: 12px;
}


.product-info td
{
	border: 0 !important;
}


.cardAvailableList{
	display: flex;
	flex-direction: column;

}

.cardAvailableList img
{
	width: 100%;
	max-width: 150px;
	margin: 10px 0;

	box-shadow: rgba(0, 0, 0, 0.04) 0px 10px 8px;
}



@media(max-width:989px)
{
	.cardAvailableList{
		display: flex;
		flex-direction: row;
		align-items: center;

		flex-wrap: wrap;
		margin-top: 25px;
	
	}


	.cardAvailableList img
	{

		max-width: 120px;
		margin: 10px;
	}

}




@media (min-width: 481px) and (max-width: 989px) {
	.product-product .product-image {
	  margin: 0 auto;
	  width: 76%;
	}
	.product-images .additional-images-container {
	  width: 370px;
	}

	.breadcrumb
	{
		text-align: center;
	}
}



.buyProductGetPointsNotice
{

	clear: both;
	display: block;

	font-style: italic;
	font-size: 12px;
	color: #000;
}



#product-product .shareto
{
	width: 80px;
}

.productdetail_shareButton
{
	color: #fff;
	background-color: var(--shareBtn);
	padding: 3px 10px;
}



.product-product .nav.nav-tabs li.active a, .product-product .nav.nav-tabs li:hover a
{
	background: var(--product_detail_tab_selected);
}


.product-product .nav-tabs > li > a
{
	background-color: var(--product_detail_tab_no_selected);
	color: #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}













 /* Mobile Responsive */

 @media (max-width: 991px) {



   .headerMenuTop {
     display: none !important;
   }

   .nav-left {
     display: none !important;
   }


   #navbar-menu {
     display: contents;
     flex-basis: auto;
   }







   .user-info {
     display: none;
   }

   /* .topbar {
        
         padding: 50px 20px;
     } */

   .topbar {
     flex-direction: column;
     align-items: center;

     padding: 50px 20px 30px 20px;
   }

   .logo img {
     margin-bottom: 20px;
   }

   .search-box {
     margin: 10px 0;
     width: 100%;
   }

 }

 @media (max-width: 768px) {















   .topbar {
     flex-direction: column;
     align-items: center;

     padding: 50px 20px 30px 20px;
   }

   .logo img {
     margin-bottom: 20px;
   }

   .search-box {
     margin: 10px 0;
     width: 100%;
   }


 }



 @media (max-width: 480px) {

   .site-container {
     padding: 0 10px;
   }

   .topbar {

     padding: 50px 10px 30px 10px;
   }
 }