/* Small & Medium */
@media screen and (max-width: 63.9375em) {
    h1 {
        font-size: 1.5rem;
    }
    h2 {
        font-size: 1.4rem;
    }
    h3 {
        font-size: 1.3rem;
    }
    h4 {
        font-size: 1.2rem;
    }
    h5 {
        font-size: 1.1rem;
    }
    h6 {
        font-size: 1rem;
    }
}



.title-bar-right a i.fi-shopping-cart {
    color: #FFFFFF;
}



img.large-logo {
    margin: 0.7rem auto 0;
}








.orbit-container {
    height: auto !important;
}

i.large {
    font-size: 50px;
    line-height: 50px;
}

i.medium {
    font-size: 35px;
    padding: 0 5px;
}

i.small {
    font-size: 20px;
    padding: 0 5px;
}



.quantity-text {
    padding-top: 10px;
}

.quantity-display input {
    width: 60px;
}

li.menu-text {

}

li.menu-text > a {
    padding: 0 !important;
    margin: 0 !important;
}

li.menu-text > a > img {
    height: 40px;
    width: auto;
}



div.top-bar-left {
    margin-left: 2em !important;
}

.truncate1 .cell h5 a {
    width: 235px;
    display: block;
    display: -webkit-box;
    height: 50px;
    margin: 0 auto;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate2 .cell h5 a {
    width: 150px;
    font-size: 1.1rem;
    display: block;
    display: -webkit-box;
    height: 45px;
    margin: 0 auto;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.media-object-section h5.truncate3 {
    width: 220px;
    display: block;
    display: -webkit-box;
    height: 50px;
    margin: 0 auto;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

input.button.search-button {
    max-width: 100px;
}

table#upcomingProductsTable {
    width: 100% !important;
    margin-top: 1em;
}

.normalprice {
	font-size:12px;
	font-weight:normal;
	color:#666;
    text-decoration: line-through;
}

.productSpecialPriceSale {
    text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale {
    color: #d3222a;
	font-weight:normal;
	font-size:15px;
}
.productPriceDiscount{ font-size:12px; font-weight:normal; color:#fe2a2a;}

h2 > span.normalprice {
    font-size: 1.5rem !important;
    color: #FF0000;
}

.truncate1 > .cell > a > img {
    width: 100%;
    height: auto;
}

.truncate2 > .cell > a > img {
    width: 100%;
    height: auto;
}

.media-object > .media-object-section > a > img {
    width: 100px;
    height: auto;
}

.centerBoxWrapper > .cell:last-child {
    float: left !important;
}

#productDetailsList {
    list-style-type: none;
}


#alsoPurchased .thumbnail {
    width: 229px;
    height: auto;
}

#alsoPurchased h5.truncate {
    font-size: 1rem;
    display: block;
    display: -webkit-box;
    height: 40px;
    margin: 0 auto;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#alsoPurchased p {
    font-size: 0.9rem;
}

#navNextPrevWrapper {
    margin: 0 auto 1em auto !important;
}

label small {
	font-size:12px;
    text-transform: capitalize;
    color: #f00;
	font-family: Arial, Helvetica, sans-serif;
}



#navNextPrevList {
    margin-top: 1rem;
}

.alert {
    color: #FF0000;
}

.bold {
    font-weight: 700;
}



h3.leftBoxHeading, h3.rightBoxHeading {
	line-height:32px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#3d3d3d000;
	letter-spacing:1px;
    padding-left: 5px;
}
h3.leftBoxHeading a, h3.rightBoxHeading a{ color:#111;}
h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover{ text-decoration:underline;}

/*Product Listing*/
h3.itemTitle {
    font-size: 1rem;
    font-weight: 800;
}

.product-image {
    text-align: center;
}

.description {
    vertical-align: top;
    padding-top: 1em;
}

img.thumbnail {
    background-color: #ffffff;
}

.price [type=number] {
    max-width: 70px;
    float: right;
}

@media screen and (min-width: 40em) {
    .product-image {
        min-width: 170px;
    }
}

/* Featu#d3222a Listing */
.item.small-12 {
    margin: 1em 0;
}

.item.small-12:first-child {
    margin-top: 0;
}

.grid .item-description {
    display: none;
}

.image-wrapper {
    text-align: center;
}

.forward{ float:right;}
.navSplitPagesLinks {
    padding: 0 10px 0 0;
}
.navSplitPagesResult {
    padding: 0 0 0 10px;
}


#indexCategoriesHeading, #productListHeading {
line-height: 32px;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
color: #3d3d3d;
letter-spacing: 1px;
padding-bottom:10px;
text-align: center;
/*padding-left: 8px;*/
}

#gvSendDefaultHeadingSend, #newProductsDefaultHeading, #allProductsDefaultHeading, #featu#d3222aDefaultHeading, #specialsListingHeading, #reviewsDefaultHeading {
line-height: 32px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #3d3d3d;
letter-spacing: 1px;
padding-bottom:10px;
}

#accountDefaultHeading, #accountHistoryDefaultHeading, #accountNotificationsHeading, #addressBookDefaultHeading, #advSearchDefaultHeading, #advSearchResultsDefaultHeading, #checkoutShippingHeading, #checkoutPaymentHeading, #checkoutConfirmDefaultHeading, #checkoutPayAddressDefaultHeading, #checkoutShipAddressDefaultHeading, #checkoutSuccessHeading, #conditionsHeading, #cookieUsageDefaultHeading, #createAcctDefaultHeading, #createAcctSuccessHeading, #customerAuthDefaultHeading, #discountcouponInfoHeading, #maintenanceDefaultHeading, #downloadTimeOutHeading, #gvFaqDefaultHeading, #ContantDefaultHeading, #gv#d3222aeemDefaultHeading, #gvSendDefaultHeadingDone, #indexDefaultHeading, #loginDefaultHeading, #logoffDefaultHeading, #pageNotFoundHeading, #pageTwoHeading, #pageThreeHeading, #pageFourHeading, #privacyDefaultHeading, #shippingInfoHeading, #cartDefaultHeading, #siteMapHeading, #sslCheckHeading, #timeoutDefaultHeading, #unsubDefaultHeading, #ezPagesHeading, #acctNewslettersDefaultHeading, #maintenanceDefault h1, #addressBookProcessDefaultHeading{
line-height: 32px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #3d3d3d;
letter-spacing: 1px;
padding-bottom:10px;

}


.current {
	font-size: 14px;
	line-height:18px;
	background:#000;
	color:#fff;
	padding: 9px 14px;
	font-weight:normal;
    border-radius: 1px;
    font-weight: bold;	
}
.navSplitPagesLinks a, .navSplitPagesLinks a:visited {
	color: #000;
	/*background:#ccc;*/
    border: 1px solid #ddd;
	text-decoration: none;
	padding: 9px 14px;
	line-height:18px;
    border-radius:  1px;
	
}
.navSplitPagesLinks a:hover {
	padding: 9px 14px;
	border-color: #909090;
	color: #000;
	
}

span.label {
    text-transform: uppercase;
}

.fi-star {
    color: rgba(245, 159, 26, 0.9);
    text-shadow: 1px 4px 6px #FFF, 0 0 0 #3d3d3d, 1px 4px 6px #FFF;
    padding: 0 2px !important;
}

.fi-star.empty {
    color: rgba(110, 55, 28, 0.49);
    text-shadow: 1px 4px 6px #FFF, 0 0 0 #3d3d3d, 1px 4px 6px #FFF;
    padding: 0 2px !important;
}

/*.thumbnail {*/
/*box-shadow: none;*/
/*wenkit-box-shadow: none;*/
/*}*/

.category-icons > .cell {
    margin-top: 1em;
}

.file-upload {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .275rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#productReviewLink {
    margin: 2em 1em 0;
}

.full.reveal.without-overlay {
    text-align: center;
}



div.address-book.button-group a {
    margin: 0.05em;
}

#categoriesContent.sideBoxContent > .badge {
    margin: 0 0 .2em 1em;
    padding: .2em;
}

.advanced-search-help {
    padding: 2rem;
}

.item.grid {
    margin-bottom: 1em;
}

input.listing-cart-quantity {
    width: 100%;
    max-width: 100% !important;
}

.tabs-container {
    margin-top: 2em;
    margin-bottom: 3rem;
}

.reviewContentWrapper {
    margin:1em;
}



input.input-group-field {
    max-height: 40px;
}

img.small-logo {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 35px;
    width: auto;
}

#siteMapList .menu.vertical {
    margin-left: 2rem;
}



.sup {
    vertical-align: super;
    font-size: 10px;
    margin: 0 0.1em
}

.messageStackError{ border:#cc4b37 solid 1px; background:#f9ecea; color:#cc4b37; padding:10px; box-sizing: border-box; margin-bottom:10px;}

ul, ol{ list-style:none;}

.mu-headerboxs{ padding:10px 0; display:none;}
#logo{ float: left;
    padding-left: 10px;
    padding-top: 15px;
    font-size: 30px;}
#logo a{ display:inline-block;}
#logo a img{ /*width: auto;
    height: 64px;*/}
.topheader-rt{ float:right; padding-top: 40px; padding-right: 6.0px;}
.mu-top-box-pc{ height:36px; line-height:36px; font-size:13px; width:100%; /*background:#000;border-bottom:#d2d2d2 solid 1px;*/}
.welcome-msg { float:right; }
.welcome-msg  li{ float:left; padding-right:20px;}
.welcome-msg  li i{ padding-right:3px; font-size:15px;}
.welcome-msg a{ color:#fff; text-transform:capitalize; display:inline-block; line-height:36px;}
.welcome-msg a:hover{ color:#cfcfcf;font-weight: bold;}


.mu-tips{ float:left; font-size:13px; text-transform:capitalize; letter-spacing:1px; color: #fff;}

.mu-top-box-pc  .navigation-nav a{ line-height:26px; text-transform:capitalize;}
.mu-top-box-pc .currency, .mu-top-box-pc .top-item {
    float: right;
}

 .mu-top-box-pc .top-item{ padding-right:20px;}

.mu-top-box-pc .currency #currency_switcher i.fa ,.mu-top-box-pc #menu_more i.fa{ padding-left:5px;
   
    
}
.mu-top-box-pc .currency #currency_switcher,.mu-top-box-pc #menu_more{ color:#fff; display: block;}
.mu-top-box-pc .currency #currency_switcher:hover{ color:#cfcfcf;font-weight: bold;}

#mu-head-search-boxs{ float:right;  padding-right:30px;}
#mu-head-search{ position:relative; width:360px;}
.mu-search-header-input{ margin:0; line-height:18px;  padding:5px 30px 5px 5px;; background:#fff; box-shadow:none; border:#e3e3e3  solid 1px;color: #777777;}
.musearbtn{ border:none; height:30px; width:40px;  color:#fff; text-align:center; padding:0; cursor:pointer; font-weight:bold;  text-transform:uppercase; background:#000 url(../images/icon-zoom-h.png) no-repeat center center; position:absolute; top:0; right:0; z-index:10; text-indent:-9999px;}
/*.musearbtn:hover, #mu-head-search:hover .musearbtn{  background:url(../images/icon-zoom-h.png) no-repeat center center;}*/
#musearchboxs.popup-win{ border:none; width:100% !important; box-sizing: border-box; padding:10px;}
#tab_nav #mu-head-search{ margin:10px 0 0 10px; width: calc(100% - 110px); height:32px;}


/*myslidemenu_2*/
#mupcnavboxs.munavfixed{ position:fixed; top: 0; left: 0; z-index: 9999;background-color: #000;}
#mupcnavboxs{/*height:42px;*/ width:100%;}
#myslidemenu_2{ height:60px; position: relative;}
.mu_home{ float:left; line-height:60px; overflow:hidden;}
.mu_home a{ color: #fff; display:block;
    font-size: 18px;
    font-weight:normal; text-decoration:none;  padding: 0 10px; text-transform: uppercase;font-weight: bold;}

.mu_home a:hover{color:#fff; text-decoration:none; background:#d3222a;}

#myslidemenu_2 .mu_nav_ico{float: left;
    line-height:60px;}
#myslidemenu_2 .mu_nav_ico a i.fa { font-size:13px; /*padding:0 0 0 5px;*/}
#myslidemenu_2 .mu_nav_ico a.mutopcat-a{ position:relative; display:block;}
#myslidemenu_2 .mu_nav_ico a{color: #fff;
    font-size: 18px;
    font-weight:bold; text-decoration:none;  }

#myslidemenu_2 .mu_nav_ico a:hover{  color:#fff; text-decoration:none;}

.jqueryslidemenu ul li ul {
    background-color: #191919;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    /*border:#e3e3e3  solid 1px;*/    
    border-top:none;
    display: block;
    left: 0 !important;
    top:60px !important;
    position: absolute;
    visibility: hidden;
    white-space: normal;
    width: calc(100% - 2px) !important;
    z-index: 22;
    padding:10px 0 10px 20px;
}
#myslidemenu_2 .mu_nav_ico ul li{ line-height:26px; float:left; width:20%; padding:2px 0 2px 0;}
#myslidemenu_2 .mu_nav_ico ul li a{ font-size:13px; font-weight:normal; text-transform:capitalize; color:#fff;}
#myslidemenu_2 .mu_nav_ico ul li a:hover{  background:#d3222a; color:#fff;padding: 8px;border: 1px solid #5e5e5e;}
#myslidemenu_2 ul li:hover a span {color:#fff; background:#d3222a;}
#myslidemenu_2 ul li a span {padding: 0 10px; text-transform: uppercase; display:block;}
#myslidemenu_2 .mu_nav_ico ul li i.mu_nav_img{ display:inline-block; font-style:normal; padding-right:6px;}
#myslidemenu_2 .mu_nav_ico ul li i.mu_nav_img img{ height:40px; width:auto;}
#mutopcat_else_img{ width: 20%; padding-right: 10px; margin-bottom: 10px;}

		
		
	#tab_nav a {
	color: #3d3d3d;
	text-decoration: none;
}

#tab_nav li {
	float:right;
	height: 60px;
	padding: 0;
	text-align: center;
	margin:0 10px 0 0;
}
#tab_nav li{
	box-sizing: border-box;
} 
#tab_nav li.tm-cart   { margin-right: 54px;  position:relative;}
#tab_nav li img {
	width:30px;
	height: 60px;
}
.mu-mobile-logo{ position:absolute; top:5px; left:10px; z-index: 10;}
.mu-mobile-logo a{ display:inline-block;}
.mu-mobile-logo img{ height:50px; width:auto;}


.mucurrboxs select{ border: none; line-height:26px; height:auto;}
.mu-mobile-top{ position: fixed; top: 0; left: 0; z-index:9999; width:100%; background: #000;}
#top_nav {
	width:100%;
	margin: 0em;

	}
#tab_nav {
	height: 60px;
}
.title-bar-left{ position:absolute; top: 22px;
    right: 16px;}

#tab_nav .list-style-none{ width:100%;}

#tab_nav  li.tm-catalog {	background: url("../images/tm_catalog_icon.png") no-repeat center center; margin:0 10px 0 12px;}
li.tm-account {	background: url("../images/tm_account_icon.png") no-repeat center center;}
li.tm-account.tab-active {	}
li.tm-cart {	background: url("../images/tm_cart_icon.png") no-repeat center center;}
li.tm-cart.tab-active  {	}
li.tm-search {	background: url("../images/tm_search_icon.png") no-repeat center center;}
li.tm-search.tab-active{	}	
		
.header_cart_only_number{ position:absolute; top:5px; right:2px; height:16px; line-height:16px; width:16px; z-index:10; font-size:12px; font-weight:bold; color:#fff; background:#e85f5f; border-radius:50%; }

.muopacity a:hover img{ opacity:0.8;}


.mumin-boxs{ min-height:460px; padding:0 0 10px 0;}

#navColumnOneWrapper .leftBoxContainer{ padding-bottom:10px;}
#categoriesContent ul li.category-top a{ font-size: 14px; color: #222;}
#categoriesContent ul li{ line-height:26px;  text-transform:capitalize;}
#categoriesContent ul li a{ color:#666; font-size: 13px;}
#categoriesContent ul li a:hover{ color:#d3222a;}
.category-top a{ font-weight:normal; font-size:14px;}
.category-subs-parent, .category-subs-selected{ color:#d3222a;}
/*#categoriesContent .category-top a{ font-size:15px;}*/

.muleftbox{ padding:10px 0 0 0;}
.muleftboximg{ float:left; width:32%;}
.muleftboximg a{ display:block;  border:1px solid #d3d3d3;}
.muleftboxdesc{ float:right; width: calc(68% - 10px);}
.muleftboxdesc a{ display:block; line-height:16px; text-transform:capitalize; color:#666;}
.muleftboxdesc a:hover{ color:#111;}
.muleftboxprice{ padding:8px 0 0 0; line-height:18px; color:#d3222a; font-weight:normal; font-size:15px;}
.muleftboxprice .productPriceDiscount{ display: none;}

h2.centerBoxHeading{
	background: url(../images/lines.png) no-repeat center bottom;
	line-height: 36px;
font-size: 22px;
font-weight:bold;
text-transform:uppercase;
color: #1a1a1e;
letter-spacing: 1px;
padding-bottom: 10px;
text-align: center;
margin-top: 20px;}
	
	
	
.mumobilenewlist {

    box-sizing: border-box;
    float: left;
    width: 49.5555%;
    padding: 10px 10px 0 5px;

}

.superstar8_box{display: block; position: relative;text-align: center;border: 1px solid #ddd;border-radius: 10px; padding: 5px;}
.superstar8_box:hover .superstar8_name a{color:#d3222a;}


.superstar8_box .superstar8_img{ overflow:hidden; height:170px;}
.superstar8_box .superstar8_img a{ display:block; position:relative;
    height: 196px;
    text-decoration: none;
    vertical-align: middle;}
.superstar8_box .superstar8_img img {
    vertical-align: middle;
    box-sizing: border-box;
    display: block;
    max-height:100%;
    width:auto;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);

}

.superstar8_box .superstar8_bottom{ padding:10px 0 0 0; }

.superstar8_box .superstar8_name{ line-height:16px; height:20px; width: 100%; overflow:hidden;}

.superstar8_box .superstar8_name a{ font-size:16px; color:#111; text-transform:capitalize; line-height: 18px;}

.superstar8_box .superstar8_name a:hover{ color:#d3222a; text-decoration:underline;}

.superstar8_box .superstar8_price{ padding:5px 0 10px 0; line-height:18px; /*height:36px;*/  overflow:hidden; font-weight:bold; font-size:16px; color:#d3222a;}

.normalprice{ font-size:14px;  color:#999; padding-right:3px;}

.superstar8_box .superstar8_price .productSpecialPrice{font-size:20px; color:#e53c2e; font-weight:bold;}
.heartico{ position: absolute; top: 15px; left: 15px; z-index: 10; line-height: 20px; color: #f00;}
.heartico i.fa{ font-size: 14px; padding-right: 3px; }
.productPriceDiscount{ font-weight:normal; font-size:12px; color: #666;}
.mu_reviews_s{ height:14px; line-height:14px; padding-top:5px;}
.mu_reviews_s img{vertical-align: top;}
.mu_reviews_s  a{ padding-left:3px; display:inline-block;}	
	
	/*gotoTop*/


    #gotoTop{display:none;position:fixed;top:75%; right:10px;cursor:pointer;margin-top:-50px; margin-left:535px;width:36px; height:36px;background:url(../images/backtop.png) no-repeat left top;}   
      
    #gotoTop.hover{background:url(../images/backtop.png) no-repeat right top;} 
	
	
	

/**********************************/
.subNavBox{  text-align:left;}
.subNav{cursor:pointer;font-weight:normal;font-size:15px;color:#111;line-height:42px; background:url(../images/des.png) no-repeat 100% 6px; text-transform:uppercase; border-bottom:1px solid #d2d2d2; padding-left:10px;}
.currentDt{background:url(../images/des.png) no-repeat 100%  -24px;}
.navContent{ padding:10px 0 0 0;}
.navContent  li{ line-height: 30px;font-size: 14px;}
.navContent li i.fa{ padding-right: 5px;}
.navContent  li a{ color:#777777; display:inline-block; text-transform:capitalize;}
.navContent  li a:hover{ color:#111; text-decoration:underline;}
.navContent p{ line-height:22px; color:#777777;}
/**********************************/	

.mumucopyrightbox{  line-height:20px; color:#888; padding:8px 0;}	
.mumucopyrightbox a{ color:#888;}
.mumucopyrightbox a:hover{font-weight: bold;}




.mumbnubtop, .mumbnubbom {
    color: #3d3d3d;
    line-height: 36px;
    font-size: 13px;
    padding: 0;
	/*border: #ddd solid 1px;*/
}
#productsListingTopNumber, #advSearchResultsDefault .h_sort{ display:none;}
#advSearchResultsDefault #productsListingTopNumber{ display:block;}
/*.h_sort*/
.h_sort{ float:left;}
.h_sort a{ display:block; padding:0 20px; border-right:1px solid #dddddd; float:left;  font-size:13px; color:#111; text-transform:capitalize;border: #ddd solid 1px;margin-right: 5px;}
.h_sort a:hover{ background:#000; text-decoration:none; color:#fff;}
.h_sort a.on{background:#000; color:#fff;}
.h_sort a i.fa { padding-right:3px;}
.h_sort a i.fa-long-arrow-up, .h_sort a i.fa-long-arrow-down{ padding:0 0 0 3px;}
/*.h_sort*/


	#sorter{ position:absolute; left:50%; top:6px; margin-left:-100px;}
	#sorter  select{ padding:2px 24px 2px 2px; line-height:20px; height:26px; margin:0;}
	#sorter label{ display:none;}
	
	
#sitemap_cates ul li{ line-height:22px;}	

.messageStackCaution { text-align:center; padding:10px; border:#ccc solid 1px; background:#efefef;}
.mu_advanced_search_boxs{ position:relative;}
.mu_advanced_search_boxs .mu_searchtext input{ margin:0; line-height:24px;}
.mu_advanced_search_boxs .buttonRow input{border: none;
height: 38px;
line-height: 38px;
color: #fff;
text-align: center;
padding: 0 16px;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
background: url(../images/searchbtn.png) repeat-x left center;
position: absolute;
top: 0;
right: 0;
z-index: 10;}

.grid-padding-x{ clear: both;
    padding: 10px;
    background-color: #f4f5f5;
    line-height: 22px;
    margin-bottom: 5px;}
.grid-x > .small-6{ width:auto;margin-right: 15px;padding-left: 5px;}
.grid-x > .small-6 .button{ margin:0;}


h1#productName {
    color: #3d3d3d;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 0;
    line-height: 26px;
    text-transform: capitalize;
    text-align: left;
}
#productDetailsList {
	text-align:left;
	
}
#productDetailsList li{ padding:5px 0 0  0; line-height: 22px; color:#666; }
#productDetailsList li.mu_info_review_top_l{ height:13px; line-height:13px; padding-top:6px;}
#productDetailsList li.mu_info_review_top_l a{ padding:0 0 0 5px;}


#productPrices{ color:#e53c2e; padding:10px 0; font-size:18px; line-height:26px; }
#productPrices .normalprice{ font-size:15px; font-weight:normal; color:#666;}
#productPrices  .productSpecialPrice{font-size:22px; color:#e53c2e; font-weight:normal; }
#productPrices br{ display: none;}
#productPrices  .productPriceDiscount{ padding-left:10px; color:#666; font-weight:normal; font-size:13px;}

#productAttributes .wrapperAttribsOptions{ padding-bottom:5px;}
.wrapperAttribsOptions legend{ display:block; width:100%; margin:0; padding-bottom:6px;}
.wrapperAttribsOptions label{ font-size:16px; /*font-weight:bold;display:block;*/ text-transform:capitalize; line-height:16px;width: 80%;}


/**************************************************/
#productReviewsDefaultProductImage #mainImg a{ font-size:0;}
.productininfoReviews .pageresults{ padding-bottom:8px;}
.productininfoReviews .mu_re_info span{ padding-right:20px;}
.productininfoReviews .mu_re_info strong{ padding-right:3px;}
.productininfoReviews .mu_re_main{ border-bottom:#ccc dashed 1px; padding-top:5px; padding-bottom:8px; margin-bottom:8px;}
.mu_reviewer .ratingRow input{ height:auto !important;}
.mu_reviewer   .productininfoReviews{ padding: 10px;}

.mu_reviewer  #reviewsWrite .ratingRow,.mu_reviewer #reviewsWriteReviewsRate{ text-align:left;}

#reviewsWrite.centerColumn{ padding:0;}
#reviewsWrite.centerColumn .ratingRow{ padding:0;}
#reviewsWrite.centerColumn .ratingRow br{ display:none;}
#reviewsWrite.centerColumn .ratingRow input{ width:12px; height:12px;}
#reviewsWrite.centerColumn .buttonRow input{ width:100% !important;}
/**************************************************/


.mu_qtybox #min, .mu_qtybox #add{ line-height:32px; height:32px; text-align:center; display:block; text-indent:0; width:40px;  padding:0; margin:0; font-size:16px; color:#888;  border:#ddd solid 1px; cursor: pointer; 
float:left; text-indent:-9999px;}
.mu_qtybox #add{ background:#f9f9f9 url(../images/addico.png) no-repeat center center / 10px 10px;}
.mu_qtybox #min{ background:#f9f9f9 url(../images/addico02.png) no-repeat center center / 10px 10px;}
.mu_qtybox #text_box{ text-align:center; line-height:32px; height:32px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; float:left; padding:0; width:50px; margin:0; border:#ddd solid 1px; border-left:none; border-right:none;}
.mu_qtybox_btn{ padding-top:10px;}
.mu_qtybox_btn .button_in_cart{ width:100% !important; margin:0;  font-size:15px; transition: background-color .25s ease-out, color .25s ease-out; background: #ce1126; padding:13px 20px; text-transform:uppercase; border:#ce1126 solid 1px;
line-height: 16px; cursor:pointer; border-radius: 3px;}
.mu_qtybox_btn .button_in_cart:hover{background: #222;
color: #fff;
border: #222 solid 1px;}

#cartAdd{ padding:10px 0 20px 0;}

.musharebox{ padding:16px 0 0 0;}



.muezpageboxs{ line-height:22px;}
.muezpageboxs p{ padding-bottom:10px;}
.muezpageboxs td{ border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.muezpageboxsbank {margin-top: 22px;
    display: block;
    line-height: 33px;
    text-align: center;
    background: #F9F9F9;
    color: #333333;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    padding: 10px;
    margin-right: 15px;
    text-overflow: ellipsis;
    width: 300px;}

br.clearBoth{ clear:both; height:0; line-height:0;}

#cartEmptyText{ padding:10px 0 0 0; text-align:center; font-size:15px; text-transform:capitalize; font-weight:bold; letter-spacing: 1px;}

#loginDefault h4, #loginDefault h3{ font-size:13px; font-weight:bold; text-transform:capitalize; padding:10px 0;}
#loginDefault .medium-pull-6{ padding-top:10px;}
#stateLabel.hiddenField{ display:none;}
#loginDefault small{ font-size:12px; padding-left:2px;}

#createAcctSuccessMainContent{ padding-bottom:10px;}
#createAcctSuccess fieldset legend{ font-weight:bold; font-size:13px;}
.createAcctSuccess-infoboxs{ padding:10px; border:1px solid #d3d3d3; margin-bottom:16px;}
.createAcctSuccess-infoboxs .medium-6{ line-height:22px;}
.createAcctSuccess-infoboxs .addressBookDefaultName, .addressBookDefaultName{ font-size:12px; font-weight:bold;}

#addressBookDefaultPrimary{font-size:13px; font-weight:bold; text-transform:capitalize; padding:0 0 10px 0;}

#accountLinksWrapper{ line-height:22px;}
#accountLinksWrapper h2, #checkoutShippingHeadingAddress, #checkoutShippingHeadingMethod, #checkoutPaymentHeadingAddress, #checkoutConfirmDefaultBillingAddress, #checkoutConfirmDefaultShippingAddress, #checkoutConfirmDefaultPayment, #checkoutConfirmDefaultShipment, #checkoutConfirmDefaultHeadingComments, #checkoutConfirmDefaultHeadingCart, #orderHistoryStatus{ font-size:13px; font-weight:bold; padding-bottom:6px;}
#myAccountGen{ padding-bottom:10px;}
#accountNotifications .grid-padding-x{ padding-top:10px;}
#checkoutShipto .small-6 address, #checkoutBillto address{ line-height:22px; padding-bottom:10px;}
#checkoutShipto { padding-bottom:16px; border-bottom:1px solid #d3d3d3; margin-bottom:16px;}
#checkoutShipto.muno{ border:none;}
#checkoutShipto .small-order-2{ padding-top:10px;}
.muDiscount-boxs fieldset{ padding-bottom:10px;}
.muPaymentMethod-boxs fieldset{ padding-bottom:16px;}
.muDiscount-boxs , .muPaymentMethod-boxs, .checkoutOrderTotals-boxs, .mu-Billing-boxs, #orderTotals{ border-bottom:1px solid #d3d3d3; margin-bottom:16px;}
.muDiscount-boxs p{ padding-bottom:6px;}
.muDiscount-boxs .inputLabel{ font-weight:bold;}
#disc-ot_coupon{ max-width:260px;}
.checkoutOrderTotals-boxs, .mu-Billing-boxs{ padding-bottom:20px;}
.checkout_payment-boxs .medium-6{ float:right; width:auto; padding-left:20px;}
.checkout_payment-boxs.grid-x{ display:block;}

#checkoutConfirmDefaultBillingAddress, #checkoutConfirmDefaultShippingAddress{ padding-bottom:10px;}
#checkoutConfirmDefaultPaymentTitle, #checkoutConfirmDefaultShipmentTitle{ font-size:12px; font-weight:bold; padding-bottom:6px;}
.cartContentsDisplay-boxs{ padding:10px 0 0 0;}
.checkoutOrderTotals-boxs .grid-x.grid-padding-x, #orderTotals .grid-x.grid-padding-x{ line-height:22px;}
.cartContentsDisplay-boxs .cartTableHeading, #orderHistoryHeading tr.tableHeading{font-weight: bold; text-align:left;
font-size: 12px;
padding: 10px 10px;
line-height: 16px;
background-color: #f6f6f6;}
.cartContentsDisplay-boxs tr, #orderHistoryHeading tr{ border-top:1px solid #e7e7e7;}
#orderTotals{ padding:10px 0 20px 0;}
.checkout_payment-boxs.grid-x > .small-6{ margin-right:0;}
.orderAttribsList{ line-height:16px; font-size:12px; color:#666; padding-top:6px;}


#accountHistInfo .forward{ padding-bottom:10px;}
.checkout_success_infoboxs h3, .checkout_success_infoboxs h4{ font-size:12px; font-weight:bold; padding-bottom:6px;}
.checkout_success_infoboxs address{ line-height:20px; padding-bottom:10px;}

#checkoutSuccessThanks{ padding:20px 0 0 0; text-align:center; font-size:15px; font-weight:bold; color:#fe2a2a;}




#mufooter1{ background:#f8f8f8; font: 75%/150% Tahoma,sans-serif,Arial;color: #777777;line-height: 25px;}
#mufooter{ background:#ffffff; border-top: #ddd solid 1px; margin-top: 20px;}

.mufootercols{ float:left; box-sizing: border-box;}
.mu-mufooter1{ padding-bottom:20px;}
.mu-mufooter{ padding-bottom:20px;}

.copyrightbox-main{ text-align:center;}






.one-step-checkout fieldset {
	border:none;
	padding: 0;
	
}
.one-step-checkout fieldset legend {
	background: #efefef;
}
.one-step-checkout fieldset .panel-body{
	border: 1px solid #ddd;
}
#password-wrapper{
	display: none;
}
/*mu-onepageboxs*/
.mu-onepageboxs{ padding:10px 0 0 0;}
.muonepage-l{ float:left;}
.muonepage-r{ float:right;}
.muonepage-l,.muonepage-r{ width:100%;}
.mu-onepage-login, #billing-address-module, #shipping-address-module, .mu-onepage-shipping, .mu-onepage-payment, .mu-onepage-comments, .mu-onepage-coupon, .onepage-checkoutbox-boxs, .mu-onepage-price, .col-md-6, .mu-onepage-psboxs{/* border:#ddd solid 1px;*/}
.mu-onepage-title, .mu-onepagecheck-title{ font-size:13px; font-weight:bold; text-transform:uppercase;  color:#111; border-bottom:#ddd solid 1px; line-height:36px; padding-left:12px;}
.mu-onepageboxs .panel-body,.mu-onepage-checkoutbox .panel-body, .mu-onepage-confir .panel-body{ padding:16px 8px;}
.mu-onepageboxs .panel-body input, .mu-onepage-checkoutbox .panel-body input{ padding:6px; line-height:20px;}
.mu-onepageboxs .panel-body select, .mu-onepage-checkoutbox .panel-body select{ padding:6px 24px 6px 6px; line-height:20px;}
.mu-onepageboxs LABEL.inputLabel, .mu-onepage-checkoutbox LABEL.inputLabel{ margin-bottom:14px; padding-left:0;}
.mu-onepage-login, #billing-address-module, .mu-onepage-shipping, .mu-onepage-payment, .mu-onepage-comments, .mu-onepage-coupon, .onepage-checkoutbox-boxs{ margin-bottom:6px;}

#billing-address-wrapper .checkbox label{ padding-bottom:6px; display:block; }


.muonepage-btn, .mu-onepagecheck-btn{ text-align:right; padding:16px 0 0 0;}
.muonepage-btn input, .mu-onepagecheck-btn input{ padding:8px 16px; }

#order-total-warpper{ background:url(../images/az_loading.gif) no-repeat   center right; min-height:50px; color:#111;}
#order-total-warpper table{ background:#fff;}
#order-total-warpper table tr{ line-height:22px;}
.mu-onepage-methods .mu-onepage-methods-title{ font-size:13px; color:#111; font-weight:normal; height:20px; line-height:20px;}
.mu-onepage-methods .col-xs-8{ padding:6px 0 0 0;}

.mu-onepage-coupon p.inputLabel{ padding:8px 0; font-weight:bold;}
.mu-onepage-coupon-main input{ float:left; width:260px; margin:0 !important; line-height:22px; padding:3px;}
.mu-onepage-coupon-main #btn-ot_coupon{ float:left; border: 1px solid #3d3d3d; background:#000;
    border-radius: 3px;
    color: #fff;
    cursor: pointer !important; padding:1px 16px;  line-height:22px; margin-left:6px;}

#btn-login{border: 1px solid #a72d2c; background:#a72d2c;
    border-radius: 3px;
    color: #fff;
	font-size:13px;
    cursor: pointer !important; padding:1px 16px;  line-height:22px;}


.mu-onepage-checkoutbox{ padding:20px 0 0 0;}
.onepage-checkoutbox-left{ float:left;}
.onepage-checkoutbox-rt{ float:right;}

.onepage-checkoutbox-left,.onepage-checkoutbox-rt{ width:100%; box-sizing: border-box;}

.mu-onepage-price-main{ padding-bottom:12px;}
.mu-onepage-price-main td{ border-bottom:#ddd solid 1px; border-right:#ddd solid 1px; padding:6px 0 6px 10px;}
#order-total-warpper td{ padding:5px 10px;}
.mu-onepage-confir-title{ font-size:13px; padding:20px 0;}
.onepage-checkoutbox-left .col-md-6,.onepage-checkoutbox-rt .col-md-6{ margin-bottom:16px;}
.muonetextboxs{ font-weight:normal; font-size:16px; text-transform: capitalize;  text-align:center; padding:20px 0;}
.mu-onepage-confir, .mu-onepage-coupon{ display:none;}
.muonepage-l select{ width:60%;}
/*mu-onepageboxs*/

.mu-one-name{ float:left; width:50%; padding:0 8px 0 8px;  box-sizing: border-box;}
.mu-one-emails{padding:0 8px 0 8px; box-sizing: border-box;}
.mu-one-name .inputLabel, .mu-one-emails .inputLabel{ display:block; float:none; margin:0 0 5px 0!important;}
.mu-one-name input, .mu-one-emails input,.mu-one-name select{ width:100%;  box-sizing: border-box;}
#billing-address-wrapper.panel-body, #shipping-address-wrapper.panel-body{ padding:6px 0 8px 0;}
#add-billing-address, #add-deliver-address{ padding-bottom:16px;}
#billing-address-wrapper .checkbox, #shipping-address-wrapper .checkbox{ padding-left:8px;}
.onepageboxs-titles{ font-size:20px; color:#111; font-weight:normal; padding-bottom:16px; text-align:left; text-transform:uppercase;}
.mu-onepage-login-boxs{ position:absolute; top:6px; right:10px;}

#billing-address-module .mu-onepagecheck-title,.muloing-onepage .mu-onepagecheck-title{ background:url(../images/oneico01.jpg) no-repeat left center; padding-left:32px;}
.mu-onepage-shipping.onepage-checkoutbox-boxs .mu-onepagecheck-title{ background:url(../images/oneico02.jpg) no-repeat left center; padding-left:38px;}
.mu-onepage-payment.onepage-checkoutbox-boxs .mu-onepagecheck-title{ background:url(../images/oneico03.jpg) no-repeat left center; padding-left:42px;}
.mu-onepage-comments .mu-onepage-title,.mu-onepage-price .mu-onepagecheck-title{ background:url(../images/oneico04.jpg) no-repeat left center; padding-left:36px;}
#shipping-address-module .mu-onepage-title{ background:url(../images/oneico01.jpg) no-repeat left center; padding-left:32px;}
#billing-address-module, .onepage-checkoutbox-boxs{ position:relative;}
.mu-onepage-methods{
    border: #ddd solid 1px; border-radius: 4px; padding:10px; margin-bottom:10px;}
	.mu-onepage-methods .important { font-weight:normal; margin:0;}
	.mu-one-name label{ width:80%;}
/*mu-onepageboxs 222222*/
#billing-address, #deliver-address{ width:96%;}




#newslist{overflow: hidden;
    height: 46px;
    line-height: 46px;
    text-align:center;
    color: #fff;
    text-transform: capitalize;
	width:100%;
	background:#222; letter-spacing:2px; text-transform:uppercase;
    font-size: 16px; font-weight:bold;}

#contain {
    overflow: hidden;
}
#contain li{ 
height:40px;line-height:40px;white-space:nowrap;overflow:hidden; color:#fff;
} 


#IsNew{ padding:20px 0 0 0;}



.mu_error_box {
    background: url("../images/icon_error.gif") no-repeat scroll 20px 10px #fedfdf;
    border: 1px solid #bf0000;
    color: #bf0000;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
}

.mufootercols.footer-NewsLetter .navContent{ padding-top: 10px;color: #777777;}
.musubfrom {
    max-width: 580px;
    padding-top: 10px;
}
#newsletter-validate-detail .lettertxt, .musubfromtext {
    border: 1px solid #ccc;
    color: #777777;
    float: left;
    line-height: 28px;
    padding: 4px 6px 4px 8px;
    margin:0; width: calc(100% - 110px);
}
#newsletter-validate-detail .letterbtn, .musubfrombtn {
    background:#000;
    border:none;
    float: left;
    width: 110px;
    line-height: 28px;
    margin:0;
	text-transform:uppercase;
	color:#fff;
    padding:5px 0;
	cursor:pointer;
}
#newsletter-validate-detail .letterbtn:hover, .musubfrombtn:hover{ background:#000;}

.mufoot-follow{ padding:10px 0 10px 0;}
.mufoot-follow a{ display:inline-block; padding-right:10px; }
.mufoot-follow a i{font-size:26px; color:#676767;margin-top: 5px;margin-left: 10px;}
.mufoot-follow a:hover i{ color:#111;}

.mu-topheader{ display:none; background: #000;}


.mureviews-rowboxs {
    padding: 20px 0;
    text-align: center;
    line-height: 26px;
}

.pagination li {
    display: inline-block;
    margin-left: 3px;
}



.mureview-listboxs{ padding:0 10px 10px 10px; line-height:24px; border-bottom:1px solid #e6e7e8;}
	.mureview-listboxs-left{ float:left;}
	.mureview-listboxs-left span{ display:inline-block; padding-left:10px;}
	.mureview-listboxs-rt{ float:right;}
	.mureview-listboxs-rt a{ color:#53a318; text-transform:capitalize;}
	
	.mureviews-rowboxs{ padding:20px 0; text-align:center; line-height:26px;}
	.mureviews-main{ border-top:1px solid #e6e7e8;}
	.mureviews-infoboxs{ padding:16px 12px; border-bottom:1px solid #e6e7e8;}
	.mureviews-infoboxs .productReviewsDefaultReviewer{ line-height:16px; padding-bottom:10px; color:#a5a8ab;}
	.muname-rating-date{ float:right;}
	.muname-rating img, .muname-rating02 img{vertical-align: top;}
	.muname-rating02{line-height:16px; padding-bottom:10px; color:#333;  font-size:13px;}
	 .muname-rating02 img{ padding-right:3px;}
	 .productReviewsDefaultProductMainContent{ line-height:22px; text-transform:capitalize;}
.muinforew-topnub{ line-height:20px; padding:5px 0;}
.clear{ clear:both;}
.muinforew-topnub-num{ float:left;}
.muinforew-topnub-num-page{ float:right;}
.muinforew-nameboxs{ line-height:18px; padding-top:10px;}
.muinforew-nameboxs span{ padding-right:20px;}
.reviews_textboxs{ padding:8px 0 10px 0; border-bottom:#eee dotted 1px;}	

.fi-star.empty {
	background:url(../images/starsempty.gif) no-repeat center center; width:14px; height:13px; display:inline-block;
}


.muinforew-topnub{ line-height:20px; padding:5px 0;}
.clear{ clear:both;}
.muinforew-topnub-num{ float:left;}
.muinforew-topnub-num-page{ float:right;}
.muinforew-nameboxs{ line-height:18px; padding-top:10px;}
.muinforew-nameboxs span{ padding-right:20px;}
.reviews_textboxs{ padding:8px 0 10px 0; border-bottom:#eee dotted 1px;}

.cartRemoveItemDisplay-m{ padding:8px 0 0 0; display:none;}

.list_cate{ padding-top: 16px;}
.inxex_cat_box{ padding-top: 20px;}
.list_cate_title{font-size: 24px;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    line-height: 26px;
    padding-bottom: 10px;
    }
.indexcat_title{font-size: 18px;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    line-height: 20px;
    padding-bottom: 20px;
    color: #6b686b;}
.list_cate_main ul li{width: 20%;
    box-sizing: border-box;
    float: left;
    padding: 0 30px 20px 0;
    text-align: center;}
.list_cate_main ul{ margin-right: -20px;}



#countdown {
    display: block;
   min-height: 60px;
       margin-top: 5px;
    margin-bottom: 5px;
}
.time_pc{ overflow: hidden; line-height: 60px; text-align: center;}
.boxleft_one_left {
    float: left; padding: 0 0 0 5px; line-height: 60px; font-size: 20px; color: #fff; text-transform: uppercase;}
.tick-wrapper {
    padding:7px 0 0 10px;
    float:left;

}

.tick-wrapper li {
    padding:0 5px;


    display: inline-block;

    text-align: center;


}

.tick-wrapper li p {

    font-size:13px;color:#fff;line-height:16px;font-weight:normal; text-transform:capitalize;
}



.shipping-countdown-hours,.shipping-countdown-minutes,.shipping-countdown-seconds, #gtday{font-size:22px;color:#fff;line-height:30px;font-weight:bold; display:inline-block;}


#muinfo-decs{border-top:#e4e4e4 solid 1px;}
#muinfo-decs .subNav{ font-size: 15px; color: #262422; text-transform: capitalize; font-weight: normal; line-height: 44px; border-top:none; border-bottom:#e4e4e4 solid 1px;  background:url("../images/cos-arr.png") no-repeat  99% -19px;}
#muinfo-decs .navContent { color: #7f7f7f; padding:10px 0; border-bottom:#e4e4e4 solid 1px; line-height:22px;}
#muinfo-decs .subNav.currentDt {
    background:url("../images/cos-arr.png") no-repeat  99% 14px !important;
}

 @media (max-width: 480px) {
     .inxex_cat_box{ padding-top: 10px;}
     .list_cate_main ul{ margin-right: -10px;}
     .list_cate_main ul li{padding: 0 10px 0px 10px; width: 32.5555%;text-align: center;/*height: 120px;*/}
 #ajax-login-form{ left:5% !important; margin:0 !important; width:82% !important;}
 .cartRemoveItemDisplay-m{  display:block;}
 #reviewsWrite.centerColumn .ratingRow br{ display:inline-block;}
 .mu-mufooter {
    padding-bottom: 10px;
}
 .mu-mufooter1 {
    padding: 10px;
}
.mumbnubbom{ text-align:center;}
.mumbnubbom .navSplitPagesLinks.forward{ float:none;}
.welcome-msg{ display:none;}

.mumin-boxs{ padding:20px  2px 10px 2px;}

#indexCategoriesHeading, #productListHeading,#gvSendDefaultHeadingSend, #newProductsDefaultHeading, #allProductsDefaultHeading, #featu#d3222aDefaultHeading, #specialsListingHeading,#advSearchResultsDefaultHeading{
	line-height:20px;  font-size:16px; padding:10px 0 0 0; font-weight:bold;
	}
     #indexCategoriesHeading, #productListHeading{ padding-bottom: 6px;padding-top: 20px;}
	#advSearchResultsDefaultHeading{ border:none; margin-bottom:0;}
	
 #reviewsDefaultHeading,#accountDefaultHeading, #accountHistoryDefaultHeading, #accountNotificationsHeading, #addressBookDefaultHeading, #advSearchDefaultHeading,  #checkoutShippingHeading, #checkoutPaymentHeading, #checkoutConfirmDefaultHeading, #checkoutPayAddressDefaultHeading, #checkoutShipAddressDefaultHeading, #checkoutSuccessHeading, #conditionsHeading, #cookieUsageDefaultHeading, #createAcctDefaultHeading, #createAcctSuccessHeading, #customerAuthDefaultHeading, #discountcouponInfoHeading, #maintenanceDefaultHeading, #downloadTimeOutHeading, #gvFaqDefaultHeading, #ContantDefaultHeading, #gv#d3222aeemDefaultHeading, #gvSendDefaultHeadingDone, #indexDefaultHeading, #loginDefaultHeading, #logoffDefaultHeading, #pageNotFoundHeading, #pageTwoHeading, #pageThreeHeading, #pageFourHeading, #privacyDefaultHeading, #shippingInfoHeading, #cartDefaultHeading, #siteMapHeading, #sslCheckHeading, #timeoutDefaultHeading, #unsubDefaultHeading, #ezPagesHeading, #acctNewslettersDefaultHeading, #maintenanceDefault h1, #addressBookProcessDefaultHeading{ line-height: 20px;
    font-size: 16px; font-weight: bold;
    padding: 12px 0 10px 0;}



.mu-m-boxs{ margin-right:-10px;}
#featu#d3222aProducts{ padding-top:10px;}

  #productListing .mu-m-boxs{ padding-bottom:5px;}
	.navSplitPagesLinks{ padding-right:0;}
	.mumbnubbom{ border:none;}
 .navSplitPagesResult{ display:none;}
 
 h1#productName{ font-size:18px; line-height:22px; font-weight:bold; padding-bottom:4px;}
 .nTab .TabTitle li{ padding:0 10px; font-size:12px;}
 
 .mu-Billing-boxs02{ padding:0 0 10px 0; border-bottom:#d3d3d3 solid 1px; margin-bottom:16px;}




.mufootercols{ width:100%; float:none; padding:0;}

#productGeneral{ padding-top:10px;}

.mumbsimilar .centerBoxHeading{ padding-top:0;}



#subnav-foot .navContent{ padding:10px; border-bottom:1px solid #d2d2d2;color: #777777;}
.footer-NewsLetter .subNav{ background:none;}
.footer-NewsLetter.mufootercols .navContent{ border-bottom:none !important; display:block !important; padding-top:0 !important;}

#IsNew{ padding:0;}

#newslist{ font-weight:normal; letter-spacing:1px; font-size:15px;}
 .muindexads{ padding:0;}
 .muindexads ul li{ padding-bottom:10px;}

 
	#navBreadCrumb{  margin:0 -10px; padding-left:10px;}					  }
						  
@media (min-width:480px) and (max-width:979px){
    .list_cate_main ul li{ width: 12.5%; padding: 0 20px 20px 0;}
    .inxex_cat_box{ padding-top: 0;}
    .time_mobile{ float: right;}
	.mufooterico{ width:230px;}
  .mu-newsletter-box{ margin-right:10px;}

    .superstar8_box .superstar8_img, .superstar8_box .superstar8_img a{height:230px;}
	#navBreadCrumb{ margin:0 -20px; padding-left:20px;}


#indexCategoriesHeading, #productListHeading, #gvSendDefaultHeadingSend, #newProductsDefaultHeading, #allProductsDefaultHeading, #featu#d3222aDefaultHeading, #specialsListingHeading, #reviewsDefaultHeading,#accountDefaultHeading, #accountHistoryDefaultHeading, #accountNotificationsHeading, #addressBookDefaultHeading, #advSearchDefaultHeading,  #checkoutShippingHeading, #checkoutPaymentHeading, #checkoutConfirmDefaultHeading, #checkoutPayAddressDefaultHeading, #checkoutShipAddressDefaultHeading, #checkoutSuccessHeading, #conditionsHeading, #cookieUsageDefaultHeading, #createAcctDefaultHeading, #createAcctSuccessHeading, #customerAuthDefaultHeading, #discountcouponInfoHeading, #maintenanceDefaultHeading, #downloadTimeOutHeading, #gvFaqDefaultHeading, #ContantDefaultHeading, #gv#d3222aeemDefaultHeading, #gvSendDefaultHeadingDone, #indexDefaultHeading, #loginDefaultHeading, #logoffDefaultHeading, #pageNotFoundHeading, #pageTwoHeading, #pageThreeHeading, #pageFourHeading, #privacyDefaultHeading, #shippingInfoHeading, #cartDefaultHeading, #siteMapHeading, #sslCheckHeading, #timeoutDefaultHeading, #unsubDefaultHeading, #ezPagesHeading, #acctNewslettersDefaultHeading, #maintenanceDefault h1, #addressBookProcessDefaultHeading{line-height: 20px;
    font-size:18px; font-weight: bold;
    padding: 20px 0 10px 0;}
    #indexCategoriesHeading, #productListHeading{ padding-bottom: 10px;}
#checkoutConfirmDefaultHeading{ margin-bottom:10px;}

#advSearchResultsDefaultHeading{ margin:0; border:none; line-height: 26px;
    font-size: 18px;
    padding: 16px 0 10px 0;}
.mumin-boxs.mu-indexpd{ padding-top: 80px;}
.mumin-boxs {
    padding:70px 20px 20px 20px;
}
.mu-m-boxs{ margin-right:-20px;}
#featu#d3222aProducts{ padding-top:10px;}
.mumobilenewlist{ width:33.3334%; padding:20px 20px 0 0;}
 #productListing .mu-m-boxs{ padding-bottom:20px;}
 .mu-info-rt-boxs{ padding-top: 16px;}
 .musimilist6.mumobilenewlist , .musimilist7.mumobilenewlist, .welcome-msg span.mutopemail , .welcome-msg .welcome-line{ display:none;}


.muindexads{ padding:0; margin:0;}	


.link-follow{ padding-right:20px;}

.mufootercols{ width:50%; padding:20px 0 0 20px;}
.mucatsbox li{ width:33.3334%;}

#productGeneral{ padding-top:16px;}
h1#productName{ padding-top:0; font-size: 20px; line-height: 26px; font-weight: bold;}
.mumbsimilar .centerBoxHeading{ padding-top:6px;}

.subNav{ padding-left:20px;}
.mufootercols{ width:100%; float:none; padding:0;}
.mu-mufooter1{  padding-bottom:10px;}
.mu-mufooter{  padding-bottom:10px;}

#subnav-foot .navContent{ padding:10px 20px; border-bottom:1px solid #d2d2d2;}
.footer-NewsLetter .subNav{ background:none;}
.footer-NewsLetter.mufootercols .navContent{ border-bottom:none !important; display:block !important; padding-top:6px !important;}

#IsNew{ padding:0;}


                                               }
											   
@media (min-width: 979px) { 

  
						  }	


@media (min-width:320px) and (max-width:979px){
.time_mobile{ text-align: center;top: 60px;position: relative;/*background: #363437;*/}
    .muinfo-navno .breadcrumbs li:last-child {
        display: none;
    }
	#filter_tabboxs, .time_pc{ display:none;}
	#most_popular_tab{ display:none; height:36px; line-height:36px; text-align:center; font-size:13px; background:#000; border-radius:3px; color:#fff;}
		.mumbnubtop{ border:none; height:auto; display:none;}
	.is-open02 .mumbnubtop,.is-open03 #filter_tabboxs{ position:absolute; top:36px; left:0; background:#fff; z-index:100; width:100%; box-shadow: 0 0 5px rgba(0,0,0,0.1); display:block;}
	.is-open03 #filter_tabboxs{ z-index:200;}
	.is-open02 #most_popular_tab, .is-open03 #filter_tab{ border-radius: 3px 3px 0 0;}
	.h_sort, .h_sort a{ float:none; border:none;}
	.h_sort{ border:#ddd solid 1px;}
    #attributesfilter{ padding:10px 20px; border:#ddd solid 1px;}
	#most_popular .fa-angle-down{ padding-left:6px;}
	
	
	#most_popular_tab, #filter_tab{ display:block;}
	
	
	#most_popular{  position:relative;}
	#most_popular_tab{ box-sizing: border-box;}
	#filter_tab{float:left; width: calc(50% - 10px); margin-left:10px; box-sizing: border-box; height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 13px;
    background: #f76793;
    border-radius: 3px;
    color: #fff;}
	
	.popup-cart-link-box{ padding:10px 10px 0 10px}
	.popup-cart-link-box a{ display:block; line-height:36px; text-align:center; color:#fff !important; text-transform:capitalize; margin-bottom:10px; background:#333; border-radius:18px;}
	
	#musearchboxs #mu-head-search{ width:100%;}
	.grid-x>.medium-3, .footer-des{ display:none;}
	#navBreadCrumb{ padding-top:0; border-bottom:#eee solid 1px;}
	.mumbnubtop, #sorter{ display:none;}
	.mu-new-listboxs,#specialsListing .mu-m-boxs{ padding-bottom:10px; margin-right:-10px;}
	.mu_advanced_search_boxs{ margin-top:10px;}
	.mumbsimilar{ padding-top:10px;}
	#similar_product{ margin-right:-10px;}
	
	.mu-top-box-pcboxs{ padding:0 10px;}
	
	.copyrightbox-main-boxs{ text-align:center;}
	.mumucopyrightbox, .mufoot-pay{ float:none;}

	/*.mucatsbox{ border-bottom:#eee solid 1px;}*/
	.mu-onepagecheck-btn input{ width:100% !important;}
	

	.footer-NewsLetter .subNav{ border-bottom:none;}
}

@media only screen and (min-width: 980px){
    .superstar8_box .superstar8_img, .superstar8_box .superstar8_img a{height:180px;}
    #gotoTop{ right: 20px;}
h1#productName{ font-size:22px;}
.mumin-boxs.mu-indexpd{ /*padding-top:2px;*/}

	
	#mupcnavboxs, .mu-headerboxs, .mu-topheader{ display:block;}
	#top_nav, #most_popular_tab, .time_mobile{ display:none;}
	
	.mumin-boxs{ /*padding:10px 0 20px 0;*/}
	
	.grid-x>.medium-3 {
width:240px; padding-right:20px;
}
.grid-x > .large-9{ width: calc(100% - 260px);}

.mumobilenewlist{ width:25%; padding:20px 20px 20px 0;}
#IsNew .mumobilenewlist{ width:20%; }


.mu-m-boxs, .mu-new-listboxs, #similar_product{ margin-right:-20px;}
#productListing .mu-m-boxs, .mu-new-listboxs, #specialsListing .mu-m-boxs{ padding-bottom:20px;}


#featu#d3222aProducts{ padding-top:20px;}


.munewlist-boxs {
    position: relative;
}
.mu-info-rt-boxs{ float:right; width: 40%;}

h1#productName { padding-top:0;}
.nTab .TabContent{ padding:20px;}

#reviewsWrite{ width:600px;}
.mumbsimilar{ padding-top:20px;}

#similar_product .mumobilenewlist{ width:25%;}
.mumin-boxs{ padding-bottom:20px;}

#loginDefault .large-6{ width:50%; padding:0 20px 0 0; float:left; box-sizing: border-box;}
#loginDefault .grid-padding-x{ margin-right:-20px;}
.mu-top-box-pcboxs, #myslidemenu_2, .mumin-boxs,  .mu-mufooter,  .mu-mufooter1, .copyrightbox-main-boxs, .mu-headerboxs{ margin:0 auto; width:980px;}


.muindexads{ padding:0 20px;}




.mu-mufooter1{ padding:26px 0 15px 0;}
.mu-mufooter{ padding:26px 0 7px 0;}

.mufootercols{ width:25%;}
.subNav{ line-height:22px; border:none; background:none; font-weight: bold; padding:0; font-size:16px;}
.mufootercols .navContent{ display:block !important; padding:5px 0 0 0;}


	
.mucatsbox li{ width:25%;}	

#productGeneral{ padding:0;}

#your-name{ width:130px;}
.TabContent #reviewsWrite .buttonRow input{ width:auto !important;}	

.muonepage-l,.muonepage-r, .onepage-checkoutbox-left, .onepage-checkoutbox-rt{ width:50%; padding:0 10px;}

}



@media (max-width: 1024px) and (min-width: 980px){
	
	.muleftboxdesc {
    width: calc(64% - 10px);
}
.muleftbox{ padding-top:12px;}
#navColumnOneWrapper .leftBoxContainer {
    padding-bottom: 20px;
}




}

@media (max-width: 1199px) and (min-width: 1025px){
	
		.muleftboxdesc {
    width: calc(64% - 10px);
}
.muleftbox{ padding-top:12px;}
#navColumnOneWrapper .leftBoxContainer {
    padding-bottom: 20px;
}

#indexCategoriesHeading, #productListHeading, #gvSendDefaultHeadingSend, #newProductsDefaultHeading, #allProductsDefaultHeading, #featu#d3222aDefaultHeading, #specialsListingHeading, #reviewsDefaultHeading{ margin-bottom:20px;}


}


@media (min-width: 1200px){
    .superstar8_box .superstar8_img, .superstar8_box .superstar8_img a{height:300px;}
    #IsNew .mumobilenewlist{ width:25%; }
    #IsNew .mumobilenewlist.newrec15,#IsNew .mumobilenewlist.newrec16, #IsNew .mumobilenewlist.newrec17 { display:none;}
	

		
			.grid-x>.medium-3 {
width:260px; padding-right:20px;
}
.grid-x > .large-9{ width: calc(100% - 280px);}
		
	
		
		#featu#d3222aProducts{ padding:30px 0 0 0;}
		
		
		
		





#loginDefault .large-6{padding:0 30px 0 0;}
#loginDefault .grid-padding-x{ margin-right:-30px;}

.mu_home a, #myslidemenu_2 ul li a span{ padding:0 26px;}


.mu-top-box-pcboxs, #myslidemenu_2, .mumin-boxs, .mu-mufooter, .mu-mufooter1, .copyrightbox-main-boxs, .mu-headerboxs{ width:1160px;}
	.mucatsbox li{ width:20%;}
}



@media (min-width: 1360px){
    #mu-head-search{ width: 460px;}
    .mu-top-box-pcboxs, #myslidemenu_2, .mumin-boxs, .mu-mufooter, .mu-mufooter1, .copyrightbox-main-boxs, .mu-headerboxs{ width:1360px;}
}

@media (min-width: 1600px){
    #mu-head-search{ width:300px;}
    .mu-top-box-pcboxs, #myslidemenu_2, .mumin-boxs, .mu-mufooter, .mu-mufooter1, .copyrightbox-main-boxs, .mu-headerboxs{ width:1600px;}

}

.faqtit{ display: block;padding-left: 20px; font-size: 14px; cursor: pointer; /*border-bottom: 1px solid #ccc;*/padding-top: 5px; padding-bottom: 5px; position: relative; }
.secondcontent{ padding:5px; line-height: 20px; }
.faqtit .fa{ position: absolute; left:0; top: -2px !important; }

.sideBoxContent{background-color:#f6f6f6;border: solid 1px #ccc; padding-left: 10px;}
.category-products{border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;margin-left: 13px;}
.category-top{ text-decoration: none; padding: 0 0 0 13px;background: url(../images/arrow.gif) no-repeat 0 center;    margin: 5px 0 0 0;}
.category-subs{ text-decoration: none; padding: 0 0 0 13px;}


.content{color: #5b5b5b;padding: 0px;margin-bottom: 10px;}
.content1{color: #5b5b5b;padding: 10px;margin-bottom: 10px;text-indent: 2em;}
.categoryImg{text-align: center;margin-bottom: 5px;}


 .category-links {
        margin: 15px 0;
    }
    
    .category-links ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 3px 10px;
    }
    
    .category-links li {
        margin: 2px 0;
        flex: 0 0 auto;
    }
    
    .category-links a {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #333;
        font-size: 16px;
        padding: 4px 6px;
        border-radius: 3px;
        transition: all 0.2s ease;
        line-height: 1.3;
        text-decoration: underline;
    }
    
    .category-links a:hover {
        background: #f5f5f5;
        font-weight: bold;;
        border: 1px solid #818181;
    }
    
    .category-links img {
        /*width: 24px;
        height: 24px;*/
        margin-right: 1px;
        object-fit: contain;
        vertical-align: middle;
        border-radius: 2px;
    }
    
    /* 响应式调整 */
    @media (max-width: 768px) {
        .category-links ul {
            gap: 2px 8px;
        }
        
        .category-links a {
            font-size: 12px;
            padding: 3px 5px;
        }
        
        .category-links img {
            width: 24px;
            height: 24px;
            margin-right: 5px;
        }
    }
    
    @media (max-width: 480px) {
        .category-links ul {
            gap: 2px 6px;
        }
        
        .category-links a {
            font-size: 11px;
            padding: 2px 4px;
        }
        
        .category-links img {
            width: 24px;
            height: 24px;
            margin-right: 4px;
        }
    }

 .mufoot-pay img {
    display:inline-block;
    vertical-align:middle;
    max-width:80%;
    height:auto;
    -ms-interpolation-mode:bicubic
}

/* ========== 属性筛选模块样式 ========== */
#attributeFilter {
    margin: 20px 0 25px 0;
    padding: 15px 20px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    transition: all 0.2s;
}

/* 筛选表单布局 */
#attrFilterForm {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 15px 30px;
}

/* 每个选项组 */
#attrFilterForm > div[style*="display:inline-block"] {
    flex: 0 1 auto;
    min-width: 140px;
    margin-right: 0 !important;  /* 清除内联样式干扰 */
    padding: 0;
}

/* 选项名称 */
#attrFilterForm strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #343a40;
    margin-bottom: 6px;
    letter-spacing: 0.3px;
}

/* 复选框标签行 */
#attrFilterForm label {
    display: block;
    font-weight: 400;
    cursor: pointer;
    padding: 4px 0;
    font-size: 12px;
    color: #495057;
    transition: color 0.15s;
    line-height: 1.4;
}
#attrFilterForm label:hover {
    color: #d3222a;
}

/* 复选框本身 */
#attrFilterForm input[type="checkbox"] {
    margin-right: 6px;
    vertical-align: middle;
    width: 15px;
    height: 20px;
    cursor: pointer;
    accent-color: #007bff;  /* 现代浏览器自定义颜色 */
    margin-bottom: -0.5px;
}

/* 清除按钮区域 */
#attrFilterForm > div:last-child {
    flex: 0 0 auto;
    align-self: flex-end;
    padding-top: 0 !important;
    margin-left: auto;
}

/* 清除筛选链接 */
#clearFilters {
    display: inline-block;
    padding: 6px 16px;
    background: #fff;
    color: #6c757d;
    border: 1px solid #ced4da;
    border-radius: 20px;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s;
    font-weight: 500;
}
#clearFilters:hover {
    background: #e9ecef;
    color: #343a40;
    border-color: #adb5bd;
    text-decoration: none;
}

/* --- 移动端适配 --- */
@media (max-width: 768px) {
    #attributeFilter {
        padding: 12px 15px;
        margin: 12px 0 18px 0;
    }

    #attrFilterForm {
        flex-direction: column;
        gap: 12px;
    }

    /* 每个选项组占满宽度 */
    #attrFilterForm > div[style*="display:inline-block"] {
        width: 100%;
        min-width: 0;
    }

    #attrFilterForm label {
        font-size: 14px;  /* 触屏设备加大字体 */
        padding: 5px 0;
    }

    #attrFilterForm input[type="checkbox"] {
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

    /* 清除按钮置于底部居中 */
    #attrFilterForm > div:last-child {
        align-self: stretch;
        text-align: center;
        margin-left: 0;
        padding-top: 8px !important;
        border-top: 1px solid #e9ecef;
    }

    #clearFilters {
        padding: 8px 28px;
        font-size: 15px;
        border-radius: 25px;
        background: #f1f3f5;
    }
}

/* 小屏手机（≤480px） */
@media (max-width: 480px) {
    #attributeFilter {
        padding: 10px 12px;
    }
    #attrFilterForm strong {
        font-size: 15px;
    }
    #attrFilterForm label {
        font-size: 12px;
    }
    #clearFilters {
        font-size: 16px;
        padding: 10px 30px;
    }
}

/* 属性值滚动容器 */
.attr-values-container {
    max-height: 150px;          /* 固定最大高度，超出滚动 */
    overflow-y: auto;
    padding-right: 5px;
    margin-top: 4px;
}

/* 美化滚动条（适用于 WebKit 浏览器） */
.attr-values-container::-webkit-scrollbar {
    width: 6px;
}
.attr-values-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.attr-values-container::-webkit-scrollbar-thumb {
    background: #c1c7cd;
    border-radius: 3px;
}
.attr-values-container::-webkit-scrollbar-thumb:hover {
    background: #a0a7ae;
}

/* 移动端适配：适当增加高度便于触屏 */
@media (max-width: 768px) {
    .attr-values-container {
        max-height: 180px;
    }
}

/* 筛选标题样式 */
.filter-title {
    font-size: 16px;
    font-weight: 700;
    color: #495057;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 2px solid #495057;
    display: inline-block;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .filter-title {
        font-size: 18px;
        margin-bottom: 15px;
        border-bottom-width: 3px;
        width: 100%;
    }
}

/* ========== 分类描述滚动容器 ========== */
#indexProductListCatDescription.content1 {
    max-height: 120px;          /* 最大高度，超过则出现滚动条 */
    overflow-y: auto;
    padding-right: 8px;
    margin-bottom: 15px;
    /*line-height: 1.6;*/
}

/* 美化滚动条（WebKit 内核浏览器） */
#indexProductListCatDescription.content1::-webkit-scrollbar {
    width: 6px;
}
#indexProductListCatDescription.content1::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
#indexProductListCatDescription.content1::-webkit-scrollbar-thumb {
    background: #c1c7cd;
    border-radius: 3px;
}
#indexProductListCatDescription.content1::-webkit-scrollbar-thumb:hover {
    background: #a0a7ae;
}

/* 移动端调整 */
@media (max-width: 768px) {
    #indexProductListCatDescription.content1 {
        max-height: 150px;      /* 移动端适当增高 */
        padding-right: 5px;
    }
}










/* ============================================
   Hero / Splash 广告样式 (固定高度 500px)
   ============================================ */

#slider-wrapper {   
   margin: -2px;
}

.d1-section {
    width: 100%;
    height: 400px;              /* 固定高度，不再随视口变化 */
    min-height: 400px;
    max-height: 400px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    background-color: #0a0a0a;
    position: relative;
}

/* ---------- 左侧文字区 ---------- */
.d1-section .container-content {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0.5% 6%;
    color: #ffffff;
    background: linear-gradient(135deg, #0a0a0a 0%, #000 100%);
    z-index: 2;
    min-height: 100%;
}

.d1-section .logo-wrapper {
    margin-bottom: 1.2rem;
}
.d1-section .hero-logo {
    max-height: 50px;
    width: auto;
    display: block;
}

.d1-section .text-wrapper {
    max-width: 500px;
}
.d1-section .accent-title {
    font-size: clamp(0.8rem, 1.1vw, 1.2rem);
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #d3222a;
    margin-bottom: 1rem;
    font-weight: 600;
}
.d1-section .hero-heading {
    font-size: clamp(2rem, 1vw, 1.5rem);;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
}
.d1-section .hero-para {
    font-size: clamp(0.85rem, 1.1vw, 1.1rem);
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 1.5rem;
    max-width: 450px;
}

.d1-section .hero-button {
    display: inline-block;
    padding: 0.7rem 2.5rem;
    background: #d3222a;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: clamp(0.75rem, 0.9vw, 0.95rem);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(232, 184, 75, 0.3);
}
.d1-section .hero-button:hover {
    background: #d3222a;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(214 0 0 / 50%);
}

/* ---------- 右侧图片区 ---------- */
.d1-section .hero-image-wrapper {
    flex: 1 1 50%;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 100%;
}
.d1-section .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 小屏备用图（隐藏） */
.d1-section .d1-hero-image-wrapper-small {
    display: none;
}



/* ============================================
   移动端适配 (≤ 768px) —— 固定高度不变
   ============================================ */
@media screen and (max-width: 768px) {
    .d1-section {
        height: 400px;          /* 保持相同固定高度 */
        min-height: 400px;
        max-height: 400px;
        flex-direction: column;
    }

    .d1-section .hero-image-wrapper {
        flex: 0 0 55%;
        order: -1;
        min-height: auto;
        background: #0a0a0a;
        overflow: hidden;
    }

    /* 使用你验证有效的 margin-top 偏移 */
    .d1-section .hero-image {
        object-fit: cover;
        margin-top: 30px;       /* 根据实际图片调整，让主体显示 */
    }

    .d1-section .container-content {
        flex: 0 0 45%;
        padding: 3% 5% 4%;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-height: auto;
        order: 0;
    }

    .d1-section .text-wrapper {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .d1-section .hero-para {
        max-width: 100%;
    }

    .d1-section .accent-title {
        font-size: clamp(0.7rem, 2vw, 0.9rem);
        letter-spacing: 3px;
    }
    .d1-section .hero-heading {
        font-size: clamp(1.5rem, 5vw, 2.2rem);
    }
    .d1-section .hero-para {
        font-size: clamp(0.8rem, 2vw, 0.95rem);
    }
    .d1-section .hero-button {
        padding: 0.6rem 2rem;
        font-size: clamp(0.7rem, 1.8vw, 0.85rem);
    }
    .d1-section .logo-wrapper {
        margin-bottom: 0.8rem;
    }
    .d1-section .hero-logo {
        max-height: 35px;
    }
}

/* ============================================
   极小屏适配 (≤ 480px) —— 高度不变，比例微调
   ============================================ */
@media screen and (max-width: 480px) {
    .d1-section {
        height: 400px;          /* 依然固定 */
        min-height: 400px;
        max-height: 400px;
    }
    .d1-section .hero-image-wrapper {
        flex: 0 0 50%;
    }
    .d1-section .container-content {
        flex: 0 0 50%;
        padding: 2% 4% 3%;
    }
    .d1-section .hero-heading {
        font-size: clamp(1.2rem, 4.5vw, 1.6rem);
    }
    .d1-section .hero-logo {
        max-height: 30px;
    }
    /* 极小屏可微调偏移量 */
    .d1-section .hero-image {
        margin-top: 45px;
    }
}




/* ============================================
   联赛图标展示区 - 图片放大 大气版本
   ============================================ */

.indexfive {
    width: 100%;
    padding: 50px 20px;            /* 增加上下内边距 */
    /*background: #fafafa;*/
    box-sizing: border-box;
}

.indexfive_main {
    max-width: 1600px;             /* 稍微放宽，容纳更大卡片 */
    margin: 0 auto;
}

.indexfive_main ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;                     /* 间距拉大 */
    list-style: none;
    margin: 0;
    padding: 0;
}

.indexfive_main ul li {
    flex: 0 0 auto;
    width: 160px;                  /* 卡片宽度增加 */
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 卡片样式 - 更厚实 */
.indexfive_main ul li a {
    display: block;
    text-decoration: none;
    color: #1a1a2e;
    background: #ffffff;
    border-radius: 20px;           /* 更大圆角 */
    padding: 30px 15px 20px;       /* 内边距增大 */
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.indexfive_main ul li a:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.15);
    border-color: #d3222a;
}

/* ===== 图片尺寸放大 ===== */
.indexfive_main ul li a img {
    display: block;
    width: 100px;                  /* 从 70px → 100px */
    height: 100px;
    margin: 0 auto 14px;           /* 底部间距增大 */
    object-fit: contain;
    border-radius: 50%;
    background: #ffffff;
    padding: 8px;                  /* 边框内边距增加 */
    border: 3px solid #e9ecef;     /* 边框加粗 */
    transition: border-color 0.3s ease;
}

.indexfive_main ul li a:hover img {
    border-color: #d3222a;
}

/* 文字样式 - 增大字体 */
.indexfive_main ul li a {
    font-family: 'Arial', sans-serif;
    font-size: 16px;               /* 从 14px → 16px */
    font-weight: 700;              /* 加粗 */
    letter-spacing: 0.5px;
    color: #1a1a2e;
}

/* 隐藏原有的 <br>（保持用块级显示） */
.indexfive_main ul li a br {
    display: none;
}

.indexfive_main .clear {
    display: none;
}

/* ============================================
   响应式适配 - 同步放大
   ============================================ */

/* 平板 */
@media screen and (max-width: 768px) {
    .indexfive {
        padding: 40px 15px;
    }

    .indexfive_main ul {
        gap: 20px;
    }

    .indexfive_main ul li {
        width: 130px;              /* 从 100px → 130px */
    }

    .indexfive_main ul li a {
        padding: 22px 12px 16px;
        border-radius: 18px;
    }

    .indexfive_main ul li a img {
        width: 80px;               /* 从 60px → 80px */
        height: 80px;
        padding: 6px;
        margin-bottom: 12px;
    }

    .indexfive_main ul li a {
        font-size: 14px;
    }
}

/* 手机小屏 */
@media screen and (max-width: 480px) {
    .indexfive {
        padding: 30px 10px;
    }

    .indexfive_main ul {
        gap: 14px;
    }

    .indexfive_main ul li {
        width: 100px;              /* 从 80px → 100px */
    }

    .indexfive_main ul li a {
        padding: 16px 8px 14px;
        border-radius: 16px;
    }

    .indexfive_main ul li a img {
        width: 65px;               /* 从 50px → 65px */
        height: 65px;
        padding: 5px;
        margin-bottom: 8px;
    }

    .indexfive_main ul li a {
        font-size: 12px;
    }
}






/* ========== 搜索框默认隐藏，点击图标后显示 ========== */

/* 默认隐藏搜索框 */
#mu-head-search-boxs {
    display: none !important;      /* 默认隐藏 */
    float: none !important;        /* 清除原有浮动影响 */
    padding-right: 0 !important;
    width: 100%;
    max-width: 400px;
}

/* 显示状态 */
#mu-head-search-boxs.active {
    display: block !important;
}

/* 在 flex 容器中，搜索框显示时占满剩余宽度 */
.topheader-rt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px 20px;
}

/* 图标组 */
.nav-links {
    display: flex;
    align-items: center;
    gap: 6px 12px;
    font-size: 0;
}

.nav-links .nav-link {
    color: #fff;
    text-decoration: none;
    transition: color 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    padding-right: 30px;
}
.nav-links .nav-link:hover {
    color: #d3222a;
}
.nav-links .nav-link i {
    font-size: inherit;
}

.nav-links .divider {
    color: #ccc;
    font-size: 18px;
    user-select: none;
    line-height: 1;
}

/* 购物车角标 */
.nav-links .cart-badge {
    display: inline-block;
    background: #d3222a;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
    padding: 0 5px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-left: 2px;
    font-size: 11px;
}

/* 搜索框显示时，输入框宽度自适应 */
#mu-head-search-boxs.active #mu-head-search {
    width: 100%;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .topheader-rt {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .nav-links {
        justify-content: center;
        gap: 4px 10px;
    }
    .nav-links .nav-link {
        font-size: 20px;
    }
    .nav-links .divider {
        font-size: 16px;
    }
    #mu-head-search-boxs {
        max-width: 100%;
    }
    #mu-head-search-boxs.active #mu-head-search {
        width: 100% !important;
    }
    #mu-head-search-boxs.active .mu-search-header-input {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 480px) {
    .nav-links .nav-link {
        font-size: 18px;
    }
    .nav-links .divider {
        font-size: 14px;
    }
    .nav-links .cart-badge {
        font-size: 10px;
        min-width: 16px;
        height: 16px;
        line-height: 16px;
    }
}







/* ============================================
   Footer 美化（不修改任何标签）
   ============================================ */

/* ---- 整体 Footer 背景与内边距 ---- */
#mufooter {
    background: #1a1a1a;          /* 深色背景，替代原来的白色 */
    border-top: 3px solid #d3222a; /* 品牌红顶边 */
    padding: 30px 0 0 0;
    margin-top: 30px;
}

.mu-mufooter {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
}

/* ---- 每一列 ---- */
.mufootercols {
    padding: 0 15px 20px 15px;
    box-sizing: border-box;
}

/* ---- 折叠标题（subNav）---- */
.subNav {
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;               /* 白色标题 */
    line-height: 42px;
    border-bottom: 2px solid #333;
    padding-left: 0;
    margin-bottom: 8px;
    background: none !important;  /* 移除原有背景图片 */
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

/* 添加小箭头（模拟展开/收起） */
.subNav::after {
    content: "\f107";            /* FontAwesome 下箭头 */
    font-family: 'FontAwesome';
    float: right;
    font-size: 18px;
    color: #d3222a;
    transition: transform 0.3s ease;
}
.subNav.currentDt::after {
    transform: rotate(180deg);
}

/* 当展开时，标题颜色微变 */
.subNav.currentDt {
    color: #d3222a;
}

/* ---- 折叠内容（navContent）---- */
.navContent {
    display: none;                /* 保持 JS 控制，但增加默认样式 */
    padding: 8px 0 12px 0;
    color: #aaaaaa;
    line-height: 1.8;
}

.navContent li {
    list-style: none;
    margin-bottom: 4px;
}

.navContent li a {
    color: #cccccc;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
    display: inline-block;
    padding: 2px 0;
}

.navContent li a i {
    color: #d3222a;
    margin-right: 8px;
    font-size: 13px;
    transition: margin 0.2s;
}

.navContent li a:hover {
    color: #ffffff;
    padding-left: 6px;
}
.navContent li a:hover i {
    margin-right: 12px;
}

/* ---- 订阅栏目（最后一个）特殊样式 ---- */
.footer-NewsLetter .navContent {
    color: #bbbbbb;
    font-size: 14px;
    line-height: 1.6;
}

/* 订阅表单 */
.newsletter {
    margin-top: 15px;
}

.newsletter form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lettertxt {
    flex: 1 1 180px;
    padding: 10px 14px;
    border: 1px solid #444;
    background: #2a2a2a;
    color: #ddd;
    border-radius: 30px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s;
    min-width: 130px;
}
.lettertxt:focus {
    border-color: #d3222a;
}

.letterbtn {
    background: #d3222a;
    color: #fff;
    border: none;
    padding: 10px 28px;
    border-radius: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background 0.3s, transform 0.1s;
    font-size: 14px;
}
.letterbtn:hover {
    background: #b01b22;
    transform: scale(1.02);
}

/* ---- 社交图标 ---- */
.mufoot-follow {
    margin-top: 18px;
}

.mufoot-follow a {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #2a2a2a;
    border-radius: 50%;
    margin-right: 8px;
    transition: background 0.3s, transform 0.2s;
    color: #cccccc !important;
    font-size: 22px;
}
.mufoot-follow a:hover {
    background: #d3222a;
    color: #fff !important;
    transform: translateY(-3px);
}

/* ---- 版权栏 ---- */
.copyrightbox-main {
    background: #111;
    padding: 12px 0;
    border-top: 1px solid #333;
}

.copyrightbox-main-boxs {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.mumucopyrightbox {
    color: #888;
    font-size: 13px;
    line-height: 1.8;
}
.mumucopyrightbox a {
    color: #999;
    text-decoration: none;
}
.mumucopyrightbox a:hover {
    color: #d3222a;
}

/* ---- 移动端响应式优化 ---- */
@media (max-width: 768px) {
    .mu-mufooter {
        padding: 0 15px 15px 15px;
    }
    .mufootercols {
        padding: 0 0 12px 0;
    }
    .subNav {
        font-size: 16px;
        line-height: 40px;
    }
    .lettertxt {
        flex: 1 1 100%;
        border-radius: 30px;
    }
    .letterbtn {
        width: 100%;
        border-radius: 30px;
    }
    .mufoot-follow a {
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 18px;
        margin-right: 6px;
    }
}

@media (max-width: 480px) {
    .subNav {
        font-size: 15px;
        line-height: 38px;
    }
    .navContent li a {
        font-size: 13px;
    }
    .mufoot-follow a {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        margin-right: 4px;
    }
}




/* ============================================
   产品卡片 · 零位移精致版
   ============================================ */

/* ---- 网格容器 ---- */
.mu-m-boxs {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 20px;
    padding: 20px 12px;
    margin-right: 0 !important;
    background: #ffffff;
    justify-content: flex-start;
}

/* ---- 每个卡片项 ---- */
.mumobilenewlist {
    float: none !important;
    width: calc(25% - 20px) !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* ---- 卡片主体（完全静止，无位移） ---- */
.superstar8_box {
    background: #ffffff;
    border: 2px solid #f0f0f0 !important;
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: border-color 0.35s ease, box-shadow 0.35s ease;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* 悬停时：边框变为品牌色渐变，阴影加深，无位移 */
.superstar8_box:hover {
    border-color: #d3222a !important;
    box-shadow: 0 4px 20px rgba(211, 34, 42, 0.10);
}

/* ---- 图片区域 ---- */
.superstar8_img {
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    position: relative;
    aspect-ratio: 1 / 1;
    height: auto !important;
    width: 100%;
}

@supports not (aspect-ratio: 1/1) {
    .superstar8_img {
        padding-top: 100% !important;
        height: 0 !important;
    }
}

.superstar8_img a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
    height: 100% !important;
}

.superstar8_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 16px;
    display: block;
    transition: opacity 0.4s ease;
}

/* 悬停时图片微微变暗 + 光晕 */
.superstar8_box:hover .superstar8_img img {
    opacity: 0.92;
}

/* ---- 图片悬停光晕层（替代位移） ---- */
.superstar8_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(211, 34, 42, 0.06), transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    border-radius: 16px 16px 0 0;
    z-index: 2;
}

.superstar8_box:hover .superstar8_img::after {
    opacity: 1;
}

/* ---- 收藏心形（右上角） ---- */
.heartico {
    position: absolute;
    top: 12px;
    right: 12px;
    left: auto !important;
    z-index: 10;
    background: rgba(255, 255, 255, 0.92);
    padding: 4px 12px 4px 10px;
    border-radius: 30px;
    font-size: 13px;
    color: #555;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    line-height: 28px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.heartico i {
    font-size: 14px;
    color: #d3222a;
    transition: transform 0.3s ease;
}

.heartico:hover {
    background: #d3222a;
    color: #fff;
    box-shadow: 0 4px 16px rgba(211, 34, 42, 0.25);
}
.heartico:hover i {
    color: #fff;
    transform: scale(1.15);
}

/* ---- 底部内容 ---- */
.superstar8_bottom {
    padding: 16px 16px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 0 0 16px 16px;
    position: relative;
}

/* 底部装饰条（悬停时出现，无位移） */
.superstar8_bottom::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 3px;
    background: #d3222a;
    transition: left 0.4s ease, right 0.4s ease;
    border-radius: 0 0 16px 16px;
}

.superstar8_box:hover .superstar8_bottom::after {
    left: 0;
    right: 0;
}

.superstar8_bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* ---- 商品名称 ---- */
.superstar8_name {
    height: 46px !important;
    line-height: 1.5;
    overflow: hidden;
    margin-bottom: 8px;
}

.superstar8_name a {
    font-size: 15px;
    color: #1a1a2e;
    text-decoration: none;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s ease;
}

/* 悬停时标题变色 */
.superstar8_box:hover .superstar8_name a {
    color: #d3222a;
}

/* ---- 价格区域 ---- */
.superstar8_price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
    margin-top: auto;
}

.superstar8_price .normalprice {
    font-size: 16px;
    color: #bbb;
    text-decoration: line-through;
    font-weight: 400;
    padding-left: 10px;
}

.superstar8_price .productSpecialPrice {
    font-size: 22px;
    color: #d3222a;
    font-weight: 700;
    transition: transform 0.3s ease;
}

/* 悬停时特价轻微跳动（极小幅度，非位移） */
.superstar8_box:hover .superstar8_price .productSpecialPrice {
    transform: scale(1.04);
}

.superstar8_price .productPriceDiscount {
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    background: #d3222a;
    padding: 0 12px;
    border-radius: 30px;
    line-height: 24px;
    display: inline-block;
}
.superstar8_price .productPriceDiscount br {
    display: none;
}

/* ---- 隐藏清除浮动 ---- */
.mu-m-boxs .clear {
    display: none !important;
}

/* ============================================
   响应式适配
   ============================================ */

@media (min-width: 1200px) {
    .mumobilenewlist {
        width: calc(25% - 20px) !important;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .mumobilenewlist {
        width: calc(33.333% - 20px) !important;
    }
}

@media (max-width: 768px) {
    .mu-m-boxs {
        gap: 16px 12px;
        padding: 16px 8px;
    }
    .mumobilenewlist {
        width: calc(50% - 12px) !important;
    }
    .superstar8_bottom {
        padding: 12px 12px 14px;
    }
    .superstar8_name {
        height: 40px !important;
    }
    .superstar8_name a {
        font-size: 14px;
    }
    .superstar8_price .productSpecialPrice {
        font-size: 19px;
    }
    .superstar8_price .normalprice {
        font-size: 13px;
    }
    .heartico {
        font-size: 12px;
        padding: 2px 10px 2px 8px;
        line-height: 24px;
        top: 10px;
        right: 10px;
    }
    .heartico i {
        font-size: 13px;
    }
    .superstar8_img img {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .mu-m-boxs {
        gap: 12px 8px;
        padding: 12px 4px;
    }
    .mumobilenewlist {
        width: calc(50% - 8px) !important;
    }
    .superstar8_box {
        border-radius: 12px;
        border-width: 2px !important;
    }
    .superstar8_img {
        border-radius: 12px 12px 0 0;
    }
    .superstar8_img img {
        padding: 8px;
    }
    .superstar8_bottom {
        padding: 10px 10px 12px;
        border-radius: 0 0 12px 12px;
    }
    .superstar8_name {
        height: 36px !important;
    }
    .superstar8_name a {
        font-size: 13px;
    }
    .superstar8_price {
        padding-top: 8px;
        gap: 4px 6px;
    }
    .superstar8_price .productSpecialPrice {
        font-size: 17px;
    }
    .superstar8_price .normalprice {
        font-size: 12px;
    }
    .superstar8_price .productPriceDiscount {
        font-size: 10px;
        line-height: 20px;
        padding: 0 8px;
    }
    .heartico {
        font-size: 11px;
        padding: 2px 8px 2px 6px;
        line-height: 20px;
        top: 8px;
        right: 8px;
    }
    .heartico i {
        font-size: 12px;
    }
}

@media (max-width: 359px) {
    .mu-m-boxs {
        gap: 8px 6px;
        padding: 8px 2px;
    }
    .mumobilenewlist {
        width: calc(50% - 6px) !important;
    }
    .superstar8_name a {
        font-size: 12px;
    }
    .superstar8_price .productSpecialPrice {
        font-size: 15px;
    }
    .superstar8_img img {
        padding: 4px;
    }
}




 /*.else-order-process*/
    .else-order-process {
        margin: 0 auto;
        padding: 4px 5px 5px;
        background: #ffffff;
        color: #1a1a1a;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        line-height: 1.5;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.03);
    }

    .else-order-process .section-head {
        font-size: 22px;
        font-weight: 500;
        color: #000;
        margin: 12px 0 14px;
        display: flex;
        align-items: baseline;
        gap: 12px;
    }
    .else-order-process .section-head .num {
        color: #d3222a;
        font-weight: 800;
        font-size: 26px;
        line-height: 1;
    }
    .else-order-process .section-head .line {
        flex: 1;
        border-bottom: 2px solid #eaeaea;
        margin-left: 4px;
    }

    .else-order-process .text-body {
        font-size: 16px;
        color: #222;
        line-height: 1.7;
        margin-bottom: 10px;
    }
    .else-order-process .text-body strong {
        font-weight: 600;
        color: #000;
    }

    /* ---- 步骤列表 (a-g) ---- */
    .else-order-process .step-list {
        list-style: none;
        padding: 0;
        margin: 12px 0 16px;
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .else-order-process .step-list li {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 6px 0;
        border-bottom: 1px solid #f0f0f0;
        font-size: 15px;
        color: #1a1a1a;
        line-height: 1.6;
    }
    .else-order-process .step-list li:last-child {
        border-bottom: none;
    }
    .else-order-process .step-list .letter {
        display: inline-block;
        min-width: 28px;
        font-weight: 700;
        color: #d3222a;
        font-size: 15px;
    }

    .else-order-process .note-box {
        background: #f8f8f8;
        border-left: 4px solid #d3222a;
        padding: 12px 18px;
        margin: 14px 0 12px;
        font-size: 15px;
        color: #1a1a1a;
    }

    /* ---- Timeline (flujo) ---- */
    .else-order-process .timeline {
        margin: 36px 0 28px;
        padding: 24px 20px 16px;
        background: #fafafa;
        border-top: 3px solid #d3222a;
        border-bottom: 3px solid #d3222a;
    }
    .else-order-process .timeline-title {
        font-size: 24px;
        font-weight: 700;
        color: #000;
        text-align: center;
        margin-bottom: 24px;
        letter-spacing: 0.5px;
    }
    .else-order-process .timeline-title span {
        color: #d3222a;
    }

    .else-order-process .tl-item {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        padding: 12px 0;
        border-bottom: 1px solid #e6e6e6;
    }
    .else-order-process .tl-item:last-child {
        border-bottom: none;
    }

    .else-order-process .tl-left {
        min-width: 110px;
        flex-shrink: 0;
        padding-top: 2px;
    }
    .else-order-process .tl-badge {
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        color: #000;
        background: transparent;
        border: 2px solid #000;
        padding: 2px 16px;
        border-radius: 20px;
    }
    .else-order-process .tl-badge.red {
        border-color: #d3222a;
        color: #d3222a;
    }

    .else-order-process .tl-arrow {
        display: block;
        font-size: 18px;
        color: #d3222a;
        margin-top: 2px;
        font-weight: 300;
    }

    .else-order-process .tl-content {
        flex: 1;
    }
    .else-order-process .tl-content .tl-title {
        font-size: 17px;
        font-weight: 700;
        color: #000;
        margin-bottom: 4px;
    }

    .else-order-process .tl-options {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 20px;
        margin-top: 4px;
    }
    .else-order-process .tl-opt {
        font-size: 14px;
        color: #1a1a1a;
        display: flex;
        align-items: baseline;
        gap: 6px;
    }
    .else-order-process .tl-opt .label {
        font-weight: 500;
    }
    .else-order-process .tl-opt .time {
        background: #000;
        color: #fff;
        padding: 0 12px;
        border-radius: 30px;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        white-space: nowrap;
    }
    .else-order-process .tl-opt .time.red {
        background: #d3222a;
    }

    .else-order-process .tl-single-time {
        display: inline-block;
        background: #d3222a;
        color: #fff;
        padding: 0 20px;
        border-radius: 30px;
        font-size: 13px;
        font-weight: 600;
        line-height: 28px;
        margin-top: 4px;
    }

    .else-order-process .tl-note {
        font-size: 13px;
        color: #888;
        margin-top: 4px;
    }

    /* ---- 响应式 Timeline ---- */
    @media (max-width: 700px) {
        .else-order-process .tl-item {
            flex-direction: column;
            align-items: stretch;
            gap: 4px;
            padding: 14px 0;
        }
        .else-order-process .tl-left {
            min-width: auto;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }
        .else-order-process .tl-arrow {
            display: inline;
            transform: rotate(90deg);
            margin: 0 4px;
        }
        .else-order-process .tl-content .tl-title {
            font-size: 16px;
        }
        .else-order-process .tl-options {
            flex-direction: column;
            gap: 4px;
        }
        .else-order-process .tl-opt {
            font-size: 14px;
        }
    }

    /* ---- 底部区域 ---- */
    .else-order-process .bottom-section {
        margin-top: 32px;
        padding-top: 24px;
        border-top: 2px solid #ececec;
    }

    .else-order-process .bullet-list {
        list-style: none;
        padding: 0;
        margin: 8px 0 16px;
    }
    .else-order-process .bullet-list li {
        padding: 3px 0 3px 22px;
        position: relative;
        font-size: 15px;
        color: #1a1a1a;
        line-height: 1.6;
    }
    .else-order-process .bullet-list li::before {
        content: '—';
        position: absolute;
        left: 0;
        top: 3px;
        color: #d3222a;
        font-weight: 700;
    }

    .else-order-process .cancel-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        margin: 10px 0 16px;
    }
    .else-order-process .cancel-card {
        background: #fafafa;
        padding: 16px 20px;
        border: 1px solid #e6e6e6;
    }
    .else-order-process .cancel-card h4 {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        margin-bottom: 4px;
    }
    .else-order-process .cancel-card h4 .tag {
        color: #d3222a;
        font-weight: 800;
        margin-right: 6px;
    }
    .else-order-process .cancel-card p {
        font-size: 14px;
        color: #1a1a1a;
        line-height: 1.7;
        margin: 0;
    }

    @media (max-width: 680px) {
        .else-order-process .cancel-grid {
            grid-template-columns: 1fr;
            gap: 16px;
        }
    }

    /* ---- 辅助类 ---- */
    .else-order-process .mt-1 {
        margin-top: 6px;
    }
    .else-order-process .mb-1 {
        margin-bottom: 6px;
    }
    .else-order-process .text-center {
        text-align: center;
    }
    .else-order-process .spacer {
        height: 6px;
    }
    .else-order-process .fine {
        font-size: 13px;
        color: #888;
    }





       /* ---- All styles scoped under .contact-module ---- */
    .contact-module {
        font-family: 'Inter', 'Segoe UI', Roboto, -apple-system, sans-serif;
        max-width: 1600px;
        margin: 0 auto;
        padding: 30px 40px 50px;
        color: #000000;
        line-height: 1.7;
        background: #ffffff;
    }

    /* ---- Header ---- */
    .contact-module .cm-headline {
        font-size: 32px;
        font-weight: 700;
        color: #000000;
        margin: 0 0 12px 0;
        letter-spacing: -0.3px;
    }

    .contact-module .cm-headline span {
        color: #d3222a;
        font-weight: 700;
        font-size: 18px;
        background: #f5f5f5;
        padding: 2px 14px;
        border-radius: 20px;
        margin-left: 10px;
        letter-spacing: 0;
    }

    /* ---- Subhead ---- */
    .contact-module .cm-subhead {
        font-size: 16px;
        color: #000000;
        margin: 0 0 16px 0;
        line-height: 1.8;
        text-indent: 2em;
    }

    /* ---- Links ---- */
    .contact-module .cm-links {
        font-size: 15px;
        color: #000000;
        margin: 0 0 28px 0;
        line-height: 1.8;
        text-indent: 2em;
    }

    .contact-module .cm-links a {
        color: #d3222a;
        font-weight: 500;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: border-color 0.2s;
    }

    .contact-module .cm-links a:hover {
        border-bottom-color: #d3222a;
    }

    /* ---- Divider ---- */
    .contact-module .cm-divider {
        border: 0;
        height: 2px;
        background: #000000;
        margin: 24px 0 32px 0;
        opacity: 0.15;
    }

    /* ---- Cards Grid (2 columns) ---- */
    .contact-module .cm-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin-top: 8px;
    }

    /* ---- Individual Card ---- */
    .contact-module .cm-card {
        background: #fafafa;
        border: 1px solid #e8e8e8;
        border-radius: 12px;
        padding: 32px 28px 28px;
        text-align: center;
        transition: all 0.25s ease;
    }

    .contact-module .cm-card:hover {
        border-color: #d3222a;
        background: #f7f7f7;
    }

    /* ---- Card Icon ---- */
    .contact-module .cm-icon {
        width: 60px;
        height: 60px;
        margin: 0 auto 14px auto;
        background: #000000;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        color: #ffffff;
        transition: background 0.25s ease;
    }

    .contact-module .cm-card:hover .cm-icon {
        background: #d3222a;
    }

    /* ---- Card Text ---- */
    .contact-module .cm-card h5 {
        font-size: 20px;
        font-weight: 700;
        color: #000000;
        margin: 0 0 8px 0;
        letter-spacing: -0.2px;
    }

    .contact-module .cm-card p {
        font-size: 15px;
        color: #000000;
        margin: 6px 0;
        line-height: 1.6;
    }

    .contact-module .cm-card a {
        color: #d3222a;
        font-weight: 500;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: border-color 0.2s;
    }

    .contact-module .cm-card a:hover {
        border-bottom-color: #d3222a;
    }

    .contact-module .cm-card .cm-small {
        font-size: 13px;
        color: #666666;
        margin-top: 8px;
    }

    /* ===== Responsive ===== */

    @media (max-width: 1024px) {
        .contact-module {
            padding: 24px 30px 40px;
        }
        .contact-module .cm-headline {
            font-size: 28px;
        }
    }

    @media (max-width: 768px) {
        .contact-module {
            padding: 18px 20px 32px;
        }
        .contact-module .cm-headline {
            font-size: 24px;
        }
        .contact-module .cm-headline span {
            font-size: 15px;
            padding: 2px 12px;
            margin-left: 8px;
        }
        .contact-module .cm-subhead {
            font-size: 15px;
        }
        .contact-module .cm-links {
            font-size: 14px;
        }
        .contact-module .cm-grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        .contact-module .cm-card {
            padding: 26px 22px 22px;
        }
        .contact-module .cm-card h5 {
            font-size: 18px;
        }
        .contact-module .cm-card p {
            font-size: 14px;
        }
        .contact-module .cm-divider {
            margin: 18px 0 24px 0;
        }
    }

    @media (max-width: 480px) {
        .contact-module {
            padding: 14px 14px 4px;
        }
        .contact-module .cm-headline {
            font-size: 20px;
        }
        .contact-module .cm-headline span {
            font-size: 13px;
            padding: 1px 10px;
            margin-left: 6px;
            display: inline-block;
            margin-top: 4px;
        }
        .contact-module .cm-subhead {
            font-size: 14px;
        }
        .contact-module .cm-links {
            font-size: 13px;
        }
        .contact-module .cm-card {
            padding: 20px 16px 18px;
        }
        .contact-module .cm-card h5 {
            font-size: 17px;
        }
        .contact-module .cm-card p {
            font-size: 13px;
        }
        .contact-module .cm-icon {
            width: 50px;
            height: 50px;
            font-size: 22px;
        }
        .contact-module .cm-card .cm-small {
            font-size: 12px;
        }
        .contact-module .cm-divider {
            margin: 14px 0 18px 0;
        }
    }

    @media print {
        .contact-module .cm-card {
            break-inside: avoid;
            page-break-inside: avoid;
        }
    }


  
  /* ===== Scoped styles – no global pollution ===== */
        .sg-app {
            --sg-primary: #1a1a2e;
            --sg-accent: #d3222a;
            --sg-bg: #f4f6fa;
            --sg-card: #ffffff;
            --sg-border: #e5e7eb;
            --sg-text: #1e1e2a;
            --sg-muted: #6b7280;
            --sg-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
            --sg-radius: 14px;
            --sg-font: 'Inter', system-ui, -apple-system, sans-serif;
            font-family: var(--sg-font);
            max-width: 1600px;
            margin-top: 10px;
            /*margin: 0 auto;
            padding: 20px 16px 40px;*/
            color: var(--sg-text);
            /*background: var(--sg-bg);*/
            border-radius: var(--sg-radius);
        }

        /* ===== Header ===== */
        .sg-app .sg-header {
            background: var(--sg-primary);
            color: #fff;
            border-radius: var(--sg-radius);
            padding: 24px 28px;
            margin-bottom: 24px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
        }
        .sg-app .sg-header h1 {
            font-size: 22px;
            font-weight: 700;
            letter-spacing: -0.3px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .sg-app .sg-header h1 small {
            font-size: 12px;
            font-weight: 500;
            background: rgba(255, 255, 255, 0.18);
            padding: 2px 12px;
            border-radius: 20px;
            letter-spacing: 0.3px;
        }
        .sg-app .sg-header .sg-unit {
            display: flex;
            gap: 6px;
            background: rgba(255, 255, 255, 0.10);
            padding: 4px 6px;
            border-radius: 30px;
            flex-shrink: 0;
        }
        .sg-app .sg-header .sg-unit button {
            background: transparent;
            border: none;
            color: rgba(255, 255, 255, 0.6);
            font-family: var(--sg-font);
            font-size: 12px;
            font-weight: 600;
            padding: 6px 16px;
            border-radius: 24px;
            cursor: pointer;
            transition: 0.25s;
        }
        .sg-app .sg-header .sg-unit button.active {
            background: #fff;
            color: var(--sg-primary);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        }
        .sg-app .sg-header .sg-unit button:hover:not(.active) {
            color: #fff;
        }

        /* ===== Navigation Tabs ===== */
        .sg-app .sg-nav {
            display: flex;
            gap: 4px;
            background: var(--sg-card);
            padding: 5px;
            border-radius: 12px;
            border: 1px solid var(--sg-border);
            margin-bottom: 24px;
            overflow-x: auto;
            flex-wrap: nowrap;
        }
        .sg-app .sg-nav button {
            background: transparent;
            border: none;
            font-family: var(--sg-font);
            font-size: 14px;
            font-weight: 500;
            padding: 10px 20px;
            border-radius: 8px;
            cursor: pointer;
            transition: 0.25s;
            color: var(--sg-muted);
            white-space: nowrap;
        }
        .sg-app .sg-nav button:hover {
            color: var(--sg-text);
            background: var(--sg-bg);
        }
        .sg-app .sg-nav button.active {
            background: var(--sg-primary);
            color: #fff;
            box-shadow: 0 4px 12px rgba(26, 26, 46, 0.20);
        }

        /* ===== Section Cards ===== */
        .sg-app .sg-section {
            background: var(--sg-card);
            border-radius: var(--sg-radius);
            border: 1px solid var(--sg-border);
            margin-bottom: 16px;
            overflow: hidden;
            box-shadow: var(--sg-shadow);
            transition: 0.25s;
        }
        .sg-app .sg-section:hover {
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
        }

        .sg-app .sg-section-head {
            padding: 16px 20px;
            background: #fafbfc;
            border-bottom: 1px solid var(--sg-border);
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            user-select: none;
            transition: 0.2s;
        }
        .sg-app .sg-section-head:hover {
            background: #f1f2f6;
        }
        .sg-app .sg-section-head .sg-title {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
            font-size: 16px;
        }
        .sg-app .sg-section-head .sg-title .sg-icon {
            font-size: 18px;
            width: 32px;
            height: 32px;
            background: var(--sg-bg);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .sg-app .sg-section-head .sg-title .sg-sub {
            font-weight: 400;
            font-size: 13px;
            color: var(--sg-muted);
        }
        .sg-app .sg-section-head .sg-arrow {
            transition: 0.3s;
            font-size: 16px;
            color: var(--sg-muted);
        }
        .sg-app .sg-section-head .sg-arrow.open {
            transform: rotate(180deg);
        }

        .sg-app .sg-section-body {
            padding: 18px 20px 22px;
            display: none;
            animation: sgFade 0.3s ease;
        }
        .sg-app .sg-section-body.open {
            display: block;
        }

        @keyframes sgFade {
            0% { opacity: 0; transform: translateY(-6px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        /* ===== Brand Pills ===== */
        .sg-app .sg-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-bottom: 14px;
        }
        .sg-app .sg-pills .sg-pill {
            background: var(--sg-bg);
            border: 1px solid var(--sg-border);
            border-radius: 30px;
            padding: 5px 16px;
            font-size: 13px;
            font-weight: 500;
            color: var(--sg-muted);
            cursor: pointer;
            transition: 0.2s;
            font-family: var(--sg-font);
        }
        .sg-app .sg-pills .sg-pill:hover {
            border-color: var(--sg-accent);
            color: var(--sg-text);
        }
        .sg-app .sg-pills .sg-pill.active {
            background: var(--sg-accent);
            border-color: var(--sg-accent);
            color: #fff;
        }

        /* ===== Tables ===== */
        .sg-app .sg-table-wrap {
            overflow-x: auto;
            border-radius: 10px;
            border: 1px solid var(--sg-border);
        }
        .sg-app .sg-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
            min-width: 480px;
        }
        .sg-app .sg-table thead {
            background: var(--sg-bg);
        }
        .sg-app .sg-table th {
            padding: 10px 14px;
            text-align: left;
            font-weight: 600;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.4px;
            color: var(--sg-muted);
            border-bottom: 2px solid var(--sg-border);
            white-space: nowrap;
        }
        .sg-app .sg-table td {
            padding: 9px 14px;
            border-bottom: 1px solid var(--sg-border);
        }
        .sg-app .sg-table tbody tr:hover td {
            background: #fafbfc;
        }
        .sg-app .sg-table tbody tr:last-child td {
            border-bottom: none;
        }
        .sg-app .sg-table .sg-label {
            font-weight: 600;
            text-transform: uppercase;
            font-size: 13px;
            color: var(--sg-primary);
        }

        /* ===== Note ===== */
        .sg-app .sg-note {
            background: #fef9e7;
            border-left: 4px solid #fdcb6e;
            padding: 12px 18px;
            border-radius: 10px;
            font-size: 14px;
            color: var(--sg-muted);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* ===== Footer ===== */
        .sg-app .sg-footer {
            text-align: center;
            font-size: 13px;
            color: var(--sg-muted);
            padding: 20px 0 4px;
            border-top: 1px solid var(--sg-border);
            margin-top: 12px;
            opacity: 0.7;
        }

        /* ===== Scroll Top ===== */
        .sg-app .sg-scroll-top {
            position: fixed;
            bottom: 28px;
            right: 28px;
            background: var(--sg-primary);
            color: #fff;
            border: none;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            box-shadow: var(--sg-shadow);
            transition: 0.3s;
            opacity: 0;
            pointer-events: none;
            transform: translateY(20px);
            z-index: 999;
        }
        .sg-app .sg-scroll-top.visible {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0);
        }
        .sg-app .sg-scroll-top:hover {
            background: var(--sg-accent);
            transform: translateY(-2px);
        }

        /* ===== Responsive ===== */
        @media (max-width: 768px) {
            .sg-app { padding: 12px 10px 30px; }
            .sg-app .sg-header { padding: 18px 20px; flex-direction: column; align-items: stretch; }
            .sg-app .sg-header h1 { font-size: 18px; }
            .sg-app .sg-nav button { font-size: 13px; padding: 8px 14px; }
            .sg-app .sg-section-head { padding: 12px 16px; }
            .sg-app .sg-section-head .sg-title { font-size: 14px; }
            .sg-app .sg-table { font-size: 13px; min-width: 360px; }
            .sg-app .sg-table th, .sg-app .sg-table td { padding: 7px 10px; }
        }
        @media (max-width: 480px) {
            .sg-app .sg-header h1 { font-size: 16px; }
            .sg-app .sg-nav button { font-size: 12px; padding: 6px 10px; }
            .sg-app .sg-table { font-size: 12px; min-width: 300px; }
            .sg-app .sg-table th, .sg-app .sg-table td { padding: 5px 8px; }
        }



 /* ---- All styles are scoped under .about-us-module ---- */
    .about-us-module {
        font-family: 'Inter', 'Segoe UI', Roboto, -apple-system, sans-serif;
        /*max-width: 960px;*/
        margin: 0 auto;
        padding: 10px 0;
        color: #000000;
        line-height: 1.7;
    }

    /* ---- Hero / Header Section WITH SIDE IMAGE ---- */
    .about-us-module .au-hero {
        display: flex;
        align-items: stretch;
        gap: 0;
        border-radius: 16px;
        margin-bottom: 40px;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.10);
        overflow: hidden;
        background: #000000;
        min-height: 280px;
    }

    /* Left: Text content */
    .about-us-module .au-hero .au-hero-text {
        flex: 1 1 55%;
        padding: 44px 40px 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #ffffff;
        border-left: 6px solid #d3222a;
    }

    .about-us-module .au-hero .au-hero-text h1 {
        font-size: 34px;
        font-weight: 700;
        margin: 0 0 8px 0;
        letter-spacing: -0.5px;
        color: #ffffff;
    }

    .about-us-module .au-hero .au-hero-text h1 span {
        color: #d3222a;
    }

    .about-us-module .au-hero .au-hero-text .au-tagline {
        font-size: 18px;
        font-weight: 400;
        color: #cccccc;
        margin: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.10);
        padding-top: 18px;
        line-height: 1.6;
    }

    .about-us-module .au-hero .au-hero-text .au-tagline strong {
        color: #ffffff;
        font-weight: 600;
    }

    /* Right: Image */
    .about-us-module .au-hero .au-hero-image {
        flex: 0 0 45%;
        overflow: hidden;
        background: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about-us-module .au-hero .au-hero-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.5s ease;
    }

    .about-us-module .au-hero:hover .au-hero-image img {
        transform: scale(1.03);
    }

    /* ---- Intro Paragraph ---- */
    .about-us-module .au-intro {
        font-size: 17px;
        color: #000000;
        background: #f5f5f5;
        padding: 24px 32px;
        border-radius: 12px;
        margin-bottom: 36px;
        border: 1px solid #e5e5e5;
        line-height: 1.8;
    }

    .about-us-module .au-intro strong {
        color: #000000;
    }

    /* ---- Section Titles ---- */
    .about-us-module .au-section-title {
        font-size: 24px;
        font-weight: 700;
        color: #000000;
        margin: 40px 0 24px 0;
        padding-bottom: 12px;
        border-bottom: 3px solid #d3222a;
        display: inline-block;
        letter-spacing: -0.3px;
    }

    /* ---- Features Grid (5 columns) ---- */
    .about-us-module .au-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 18px;
        margin-bottom: 40px;
    }

    .about-us-module .au-grid-item {
        background: #ffffff;
        border: 1px solid #e5e5e5;
        border-radius: 12px;
        padding: 24px 18px 20px;
        text-align: center;
        transition: all 0.25s ease;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    }

    .about-us-module .au-grid-item:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
        border-color: #d3222a;
    }

    .about-us-module .au-grid-item .au-icon {
        font-size: 40px;
        display: block;
        margin-bottom: 10px;
        color: #d3222a;
    }

    .about-us-module .au-grid-item h4 {
        font-size: 16px;
        font-weight: 700;
        margin: 0 0 6px 0;
        color: #000000;
    }

    .about-us-module .au-grid-item p {
        font-size: 13.5px;
        color: #333333;
        margin: 0;
        line-height: 1.5;
    }

    /* ---- Our Values / Philosophy Section ---- */
    .about-us-module .au-values {
        background: #f5f5f5;
        border-radius: 14px;
        padding: 32px 36px;
        margin: 32px 0 28px 0;
        border-left: 5px solid #d3222a;
        border: 1px solid #e5e5e5;
        border-left-width: 5px;
    }

    .about-us-module .au-values h3 {
        font-size: 20px;
        font-weight: 700;
        color: #000000;
        margin: 0 0 12px 0;
    }

    .about-us-module .au-values p {
        font-size: 16px;
        color: #000000;
        margin: 12px 0;
        line-height: 1.8;
    }

    .about-us-module .au-values .au-strong-red {
        color: #d3222a;
        font-weight: 700;
    }

    /* ---- Closing Statement ---- */
    .about-us-module .au-closing {
        background: #000000;
        color: #ffffff;
        padding: 32px 36px;
        border-radius: 12px;
        margin-top: 36px;
        text-align: center;
        border-bottom: 4px solid #d3222a;
    }

    .about-us-module .au-closing p {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        color: #ffffff;
        letter-spacing: 0.3px;
    }

    .about-us-module .au-closing p strong {
        color: #ffffff;
        font-weight: 700;
    }

    .about-us-module .au-closing .au-small {
        font-size: 15px;
        font-weight: 400;
        color: #999999;
        margin-top: 12px;
        display: block;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        padding-top: 14px;
    }

    /* ===== Responsive ===== */
    @media (max-width: 820px) {
        .about-us-module .au-hero {
            flex-direction: column;
            min-height: auto;
        }

        .about-us-module .au-hero .au-hero-text {
            flex: 1 1 auto;
            padding: 34px 28px;
            border-left-width: 4px;
        }

        .about-us-module .au-hero .au-hero-text h1 {
            font-size: 27px;
        }

        .about-us-module .au-hero .au-hero-image {
            flex: 0 0 220px;
            min-height: 180px;
        }

        .about-us-module .au-hero .au-hero-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .about-us-module .au-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 14px;
        }

        .about-us-module .au-values {
            padding: 26px 24px;
        }

        .about-us-module .au-closing {
            padding: 26px 24px;
        }
    }

    @media (max-width: 520px) {
        .about-us-module .au-hero .au-hero-text {
            padding: 24px 18px;
        }

        .about-us-module .au-hero .au-hero-text h1 {
            font-size: 22px;
        }

        .about-us-module .au-hero .au-hero-text .au-tagline {
            font-size: 15px;
            padding-top: 12px;
        }

        .about-us-module .au-hero .au-hero-image {
            flex: 0 0 160px;
            min-height: 140px;
        }

        .about-us-module .au-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

        .about-us-module .au-intro {
            padding: 18px 18px;
            font-size: 15px;
        }

        .about-us-module .au-section-title {
            font-size: 20px;
        }

        .about-us-module .au-values {
            padding: 20px 16px;
        }

        .about-us-module .au-values p {
            font-size: 14px;
        }

        .about-us-module .au-closing p {
            font-size: 16px;
        }

        .about-us-module .au-grid-item {
            padding: 18px 12px 16px;
        }

        .about-us-module .au-grid-item h4 {
            font-size: 14px;
        }

        .about-us-module .au-grid-item p {
            font-size: 12.5px;
        }
    }



    .privacy-module {
        max-width: 1600px;
        margin: 0 auto;
        padding: 20px 40px 40px;
        font-family: 'Segoe UI', Roboto, Arial, sans-serif;
        color: #000000;
        line-height: 1.8;
        text-indent: 2em;
        background: #ffffff;
    }

    .privacy-module p {
        font-size: 15px;
        color: #000000;
        margin: 14px 0;
        line-height: 1.8;
    }

    .privacy-module p strong {
        color: #000000;
        font-weight: 700;
    }

    @media (max-width: 768px) {
        .privacy-module {
            padding: 14px 18px 28px;
        }
        .privacy-module p {
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .privacy-module {
            padding: 10px 14px 20px;
        }
        .privacy-module p {
            font-size: 13px;
        }
    }

 /* ===== Self-contained 404 styles (no global variables) ===== */
        .error-404-container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 30px 20px;
            font-family: Arial, Helvetica, sans-serif;
            text-align: center;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 24px rgba(0,0,0,0.06);
        }
        .error-404-container .icon-emoji {
            font-size: 64px;
            display: block;
            margin-bottom: 12px;
        }
        .error-404-container .error-code {
            font-size: 140px;
            font-weight: 900;
            color: #d3222a;
            line-height: 1;
            margin: 0 0 6px;
            letter-spacing: -4px;
        }
        .error-404-container .error-message {
            font-size: 28px;
            color: #000;
            margin: 0 0 10px;
            font-weight: 700;
        }
        .error-404-container .error-description {
            font-size: 18px;
            color: #555;
            margin: 0 0 32px;
        }
        .error-404-container .btn-continuar {
            display: inline-block;
            padding: 14px 44px;
            background: #d3222a;
            color: #fff !important;
            text-decoration: none;
            border-radius: 4px;
            font-size: 18px;
            font-weight: 600;
            transition: background 0.25s, transform 0.1s;
            border: 2px solid #d3222a;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .error-404-container .btn-continuar:hover {
            background: #b01c22;
            border-color: #b01c22;
            transform: scale(1.02);
        }
        .error-404-container .btn-continuar:active {
            transform: scale(0.97);
        }

        /* ===== Popular categories - centered ===== */
        .error-404-container .error-main-hot {
            margin-top: 48px;
            border-top: 2px solid #000;
            padding-top: 32px;
        }
        .error-404-container .error-main-hot ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 24px 30px;
        }
        .error-404-container .error-main-hot li {
            flex: 0 0 auto;
            width: 130px;
            background: #f8f8f8;
            border-radius: 8px;
            padding: 16px 10px 14px;
            transition: box-shadow 0.25s, transform 0.2s;
            border: 1px solid #eee;
            text-align: center;
        }
        .error-404-container .error-main-hot li:hover {
            box-shadow: 0 6px 18px rgba(0,0,0,0.08);
            transform: translateY(-4px);
            border-color: #d3222a;
        }
        .error-404-container .error-main-hot a {
            display: block;
            text-decoration: none;
            color: #000;
            font-size: 15px;
            font-weight: 500;
        }
        .error-404-container .error-main-hot a:hover {
            color: #d3222a;
        }
        .error-404-container .error-main-hot img {
            display: block;
            width: 100%;
            height: auto;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            border-radius: 6px;
            background: #fff;
            margin-bottom: 8px;
            border: 1px solid #e0e0e0;
            transition: border-color 0.2s;
        }
        .error-404-container .error-main-hot a:hover img {
            border-color: #d3222a;
        }
        .error-404-container .error-main-hot br {
            display: none;
        }

        /* ===== Responsive ===== */
        @media (max-width: 768px) {
            .error-404-container {
                padding: 20px 15px;margin-top: 30px;
            }
            .error-404-container .error-code {
                font-size: 90px;
            }
            .error-404-container .error-message {
                font-size: 22px;
            }
            .error-404-container .error-description {
                font-size: 16px;
            }
            .error-404-container .btn-continuar {
                padding: 12px 32px;
                font-size: 16px;
            }
            .error-404-container .error-main-hot ul {
                gap: 16px 20px;
            }
            .error-404-container .error-main-hot li {
                width: 110px;
                padding: 12px 8px 10px;
            }
            .error-404-container .error-main-hot a {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .error-404-container .error-code {
                font-size: 70px;
            }
            .error-404-container .error-message {
                font-size: 18px;
            }
            .error-404-container .error-description {
                font-size: 14px;
            }
            .error-404-container .error-main-hot ul {
                gap: 12px 14px;
                justify-content: center;
            }
            .error-404-container .error-main-hot li {
                width: 90px;
                padding: 10px 6px 8px;
            }
            .error-404-container .error-main-hot a {
                font-size: 12px;
            }
            .error-404-container .error-main-hot img {
                border-radius: 4px;
            }
        }

        @media (max-width: 359px) {
            .error-404-container .error-main-hot li {
                width: 75px;
                padding: 8px 4px 6px;
            }
            .error-404-container .error-main-hot ul {
                gap: 8px 10px;
            }
            .error-404-container .error-main-hot a {
                font-size: 10px;
            }
        }