/*
	Theme Name:     Mobex Child
	Theme URI:      http://www.enovathemes.com/mobex
	Description:    Mobex - Auto Parts Woocommerce WordPress Theme
	Author:         Enovathemes
	Author URI:     https://enovathemes.com
	Version:        1.0
	Template:       mobex
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
.spswiper-horizontal,.spswiper-vertical{touch-action:none !important;}
.spswiper-container,
.spswiper-wrapper,
.spswiper-slide {
  touch-action: none;       /* 核心禁用属性 */
  user-select: none;        /* 禁止文本选择 */
  -webkit-user-drag: none;  /* 禁止元素拖动 */
}
.comp ul.products .product .post-body, ul.products .product .comp-body {flex-direction: column;}
.relatelist{margin-bottom:20px !important;}
ul#ls-filter-nav, ul#ls-enhance-filter-nav, ul#ls-isotope-filter-nav
{
	margin: 20px 0px 0px !important;
    padding: 10px !important;
}
 .en-quick-view {
    display: block;
    position: relative !important;
   
    z-index: 5;
    width: 16px;
    height: 16px;
    outline: none;
    border: none;
}
ul#ls-filter-nav, ul#ls-enhance-filter-nav, ul#ls-isotope-filter-nav{text-align: left !important;}
ul#ls-filter-nav li, ul#ls-enhance-filter-nav li, ul#ls-isotope-filter-nav li{
    padding:5px !important;
}
@media(min-width:1000px){
.lshowcase-box-10 {
    flex-basis: 12.5% !important;
    width: 12.5% !important;
}
}
.lshowcase-flex{border-left:1px solid #ccc;}
.lshowcase-box-10{border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;}
@media(max-width:640px){
.lshowcase-box-10 {
    flex-basis: 33.33% !important;
    width: 33.33% !important;
}
}


.base-info .value{
    margin: 0 0 8px 0 !important;
}
.br_filter{padding:10px 20px;display:inline-block;}
.sticky-dashboard{height:60px !important;}
.accessories {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-top: 10px;
}

.accessories li{
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin-bottom: 7px;
    margin-right: 7px;
    padding: 0 3px;
    text-align: center;
    width: calc(25% - 7px);
}

.primary-border {
    border: 1px solid #e3e4e8;
    overflow: hidden;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-title h2{
margin: 0 !important;
padding-left: 20px !important;
	}
.box-title h2:before {
    background-color: #f36458;
    content: "";
    display: inline-block;
    height: 80%;
    left: 0 ;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
}
@media(max-width:640px)
{.accessories li{
	width: calc(50% - 7px) !important;
	}
}
.quick-view-wrapper #wpgs-gallery{max-width:50% !important;width:50% !important}
.el-descriptions__label.el-descriptions__cell.is-bordered-label {
    background: rgb(245, 247, 250);
    color: #606266;
    font-weight: 700;
}
.el-descriptions__body table{width:100% !important;}
.gallery-navigation-carousel-wrapper .spswiper-wrapper{
	display: grid;
	row-gap:5px;
grid-template-columns: repeat(6, 1fr);}


/*.quick-view-wrapper .spswiper-wrapper{
	display: flex !important;
	row-gap:5px;
}*/
.lshowcase-isotope-container{justify-content:start !important;}
.el-divider--vertical {
    border-left: 1px #dcdfe6 solid;
    display: inline-block;
    height: 1em;
    margin: 0 8px;
    position: relative;
    vertical-align: middle;
    width: 1px;
}
.base-info{
    align-items: center;
    display: flex;
   justify-content: flex-start;
        margin: 0; 
}
.base-info .item {
    flex: 1;
    text-align: center;
}
.arrowicon2{
    mask-image: url(https://motoocar.com/wp-content/uploads/arrow-cart.svg);
    -webkit-mask-image: url(https://motoocar.com/wp-content/uploads/arrow-cart.svg);
    width: 11px;
    height: 11px;
   background:#000; 
}
.sr7-btn:hover .arrowicon2{background:#fff !important;}
@media only screen and (max-width: 640px) {
.arrowicon2{display:none;}
.comp-body{padding-left:20px !important;}
}
.base-info .item .label{
    position:relative !important;
    color:#034C8C !important;
    background:none !important;
    left:0 !important;
}
.comp .product .price{flex-direction:row-reverse;}
.product .price, .wc-block-components-product-price{justify-content: center !important;align-items: center !important;}
@media only screen and (min-width: 640px) {
.sticky-dashboard
{display: none;}
}


    ul.products .product .post-image {
        padding: 5px !important;
    }
    
    @media only screen and (min-width: 768px) {
     .comp ul.products .product .en-quick-view {
        top: 15px !important;
     }
}

.relatelist{display: flex;gap:20px;}


#wrapper {
	width:300px;
	margin:0 auto 50px;
	background:#f8f8f8;
	border:1px solid #a3a3a3;
	padding:20px 20px 50px;
	border-radius:5px;-moz-border-radius:5px;
}
.box{width:210px;margin:10px auto 0;background:#fff;border:1px solid #d3d3d3;padding:10px 20px 15px;}
.box pre{font-family:"Consolas","Courier New",Courier,mono;font-size:12px;line-height:20px;}
.box a{width:60px;height:22px;line-height:22px;background:#f0f0f0;border:1px solid #d2d2d2;text-align:center;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;display:block;margin-top:20px;border-radius:2px;cursor:pointer;font-size:13px;color:#09c;}
.box a:hover{border-color:#fbcb09;color:#c77405;background:#fdf8df;}
 

@media(min-width:900px)
{.hide_box{min-width:800px;}
    
}

@media(max-width:640px)
{.hide_box{width:320px;}
    
}
.hide_box{color:#fff;color:#444;background:#fff;box-shadow:1px 2px 2px #555;display:none;}
.hide_box h4{height:26px;line-height:26px;overflow:hidden;background:#f7b64b;color:#fff;padding:0 10px;border:1px solid #e78f08;font-size:14px;border-bottom:1px solid #eaa12a;}
.hide_box h4 a{width:14px;line-height:13px;_line-height:15px;height:13px;font-family:arial;overflow:hidden;display:block;background:#fff;color:#c77405;float:right;text-align:center;text-decoration:none;margin-top:7px;font-size:14px;font-weight:normal;border-radius:2px;_font-size:12px;}
.hide_box p{padding:30px 10px;font-size:13px;border:1px solid #ccc;}
.comparelist{display:flex;}
.comparelist li{list-style:none !important;}
.privilege-item .accessories{flex-direction: column;}
.privilege-item .accessories li{width:auto !important;}
.dialog_box{margin:10% !important;left:10% !important;top:10% !important;}
.rightcontent h5{margin-bottom:0px !important;}

@media(min-width:1200px){
.diffacc .accessories li{
    width: calc(31% - 7px);
}
}

@media(max-width:640px){
.diffacc .accessories li{
    width: calc(50% - 7px);
}
}