/* ATC DETAIL LAYOUT v7 | 2026.09.11.7 | Complete stylesheet. */
/* ATC DETAIL LAYOUT v6 | 2026.09.11.6 | Complete stylesheet. */
/* ATC DETAIL LAYOUT v5 | 2026.09.11.5 | Complete stylesheet. */
/* ATC DETAIL LAYOUT v4 | 2026.09.11.4 | Complete stylesheet. */
/* ATC DETAIL LAYOUT v3 | 2026.09.11.3 | Complete stylesheet, including original backup styles. */
/*
Theme Name: ATC_Prototype
Theme URI: http://www.autotirechecking.com/
Author: Supachai C.
Author URI: http://www.autotirechecking.com/
Description: ATC_Prototype
License: ATC_Prototype
License URI: http://www.autotirechecking.com/
Tags: http://www.autotirechecking.com/
Text Domain: http://www.autotirechecking.com/
/* =Reset
-------------------------------------------------------------- */
/* =Basic structure
-------------------------------------------------------------- */
*{

    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-overflow-scrolling: touch;

}
h1, h2, h3, h4, h5, h6, pre, code, p {
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    margin: 0px;
}
@import url('https://fonts.googleapis.com/css?family=Kanit');
body{
    margin:0px;
    font-family: 'Kanit',Tahoma, Geneva, sans-serif;
    background:#FFF;
}
a:link {
    color: #333333;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #333333;
}
a:hover {
    text-decoration: none;
    color:#D6A739;
}
a:active {
    text-decoration: none;
    color:#a86200;
}
*{
    box-sizing:border-box;
}
.clear-both{
    clear:both;
}
.contain-adsense
{
    width: 100%;
}
[data-scroll]{
    font-size:16px; 
    color:#666; 
    display:none; 
    cursor:pointer; 
    position: fixed; 
    text-align:center; 
    right:10px; 
    bottom:0px; 
    background:url(images/bg-gototop.png) no-repeat; 
    width:100px; 
    padding:10px 0;
}
.text-center{
    text-align:center;
}
@media (max-width: 767px){
    .text-center{
        text-align: center;
        float: left;
        width: 100%;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.text-left{
    text-align: left;
}
.text-right{
    text-align:right;
}
.bottom2{
    margin-bottom:2px;
}
.bottom5{
    margin-bottom:5px;
}
.bottom10{
    margin-bottom:10px;
}
.bottom15{
    margin-bottom:15px;
}
.bottom20{
    margin-bottom:20px;
}
.bottom30{
    margin-bottom:30px;
}

.accordion_tab{
    /*display:none;*/
}


#header-box{
    width: 1170px;
    background-color:#111; 
    margin: 0 auto;
}

.topnav {
  display: none;
}

@media (max-width: 767px){
    #menu-bg{
    display: none;
    }
    .topnav {
      background-color: #000;
        float: none;
        display: block;
        text-align: left;
        padding: 0px 20px;
        line-height: 25px;
        color: #fff;
        border-bottom: 3px solid #f90;
        min-height: 55px;
    }
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
        margin-top: 13px;
        font-size: 25px;
        color: #fff;
    }
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a:not(:first-child) {
        float: none;
        display: block;
        text-align: left;
        padding: 10px 20px;
        color: #fff;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#menu-box .menu{
    padding:10px 20px; 
    color:#000;
    cursor:pointer; 
    font-size:14px; 
    border-left:1px solid #f8ce7b;
    transition:all ease 0.3s;
    float:left;
}
#menu-box .menu.select, #menu-box .menu:hover{
    color:#fff;
    /*background-color:#a86200; */
     background-color:#1a0000; 
}
#menu-box .menu.last{
    border-right:1px solid #f8ce7b; 
}

#quick-search{
    float:right;
    margin-top:7px;
}
#quick-search i{
    margin-right:5px;
    color:#FFF;
    text-shadow:-1px 1px 1px rgba(0,0,0,0.2);
}
#quick-search input{
    padding:10px;
    border:0px;
    border-radius:4px;
    width:160px;
    height:20px;
    color:#FFF !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c67d00), to(#f19300));
    background: -webkit-linear-gradient(top, #c67d00, #f19300);
    background: -moz-linear-gradient(top, #c67d00, #f19300);
    background: -ms-linear-gradient(top, #c67d00, #f19300);
    background: -o-linear-gradient(top, #c67d00, #f19300);
}


.submenu{
    position:absolute;
    z-index:99;
    top:43px;
    display:none;
}
#submenu1{
    left:0px;
    width:100%;
    background:#FFF;
    
}
.submenu .sub-frame{
    padding:15px 1px 15px 2px;
}
.submenu .sub-frame .item{
    width:177px;
    margin-left:15px;
    float:left;
}
.submenu .sub-frame .item .banner{
    height:118px; 
    margin-bottom:10px; 
    background:#7a7a7a;
}

.submenu .sub-frame .item .title{
    font-size:12px; 
    font-weight:NORMAL; 
    text-align:center;
}
#submenu-more{
    font-size:14px; 
    font-weight:NORMAL; 
    color:#000; 
    text-align:center; 
    width:100px; 
    line-height:30px; 
    background:#ffa800; 
    float:right; 
    cursor:pointer
}
#submenu-more:hover{
    color:#ffa800; 
    background:#000; 
}

#bg-header{
    background-image: url(images/bg_header.jpg);
    position: relative;
}

/*@media (max-width: 767px){
    #bg-header a{
        display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}*/

#bg-head{
    width:1170px;
    margin:0 auto;
}

#bg-head1{
    float:left;
}

#banner-header{
    float:right; 
    margin:15px 0 10px;
    width:728px
}
#banner-hd{
    width:728px;
    height:90px;
    background:#464646;
}

#content-box{
    width:1170px; 
    margin:0 auto; 
    z-index: 999;
    min-height: 2000px;
}
@media (max-width: 767px){
    #content-box{
        width:100%; 
        margin:0 auto; 
        z-index: 999;
        min-height: 2000px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#recomment-search-box-pro{
    /*background:url(images/recomment-search-bg.jpg) repeat-x; */
    padding:0 15px;
    background-color: #1408cc;
        margin-bottom: 10px;
}
@media (max-width: 767px){
    #recomment-search-box-pro{

    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

#recomment-search-box{
    background:url(images/recomment-search-bg.jpg) repeat-x; 
    padding:0 15px;
}
@media (max-width: 767px){
    #recomment-search-box{
        display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#recomment-search-box .title{
    font-size:24px; 
    color:#FFF; 
    float:left;
    padding:5px 0px;
}
#recomment-search-box .title span{
    font-size:11px;
    margin-left:10px;
}
#recomment-search-box .title span a:hover{
    color:#D6A739;
    text-decoration:underline;
}
#recomment-search-box .title span a:link{
    color:#D6A739;
}
#recomment-search-box .tool{
    margin-left:250px;
    padding-top:8px;
}
#recomment-search-box .tool select{
    width:170px; 
    height:25px; 
    border:1px #a46c14 solid; 
    margin-left:5px; 
    font-size:12px;
}
#recomment-result-box{
    background-color:#f0f0f0; 
    padding:15px;
}
#recomment-result-box .title-banner{
    display:inline-block;
    padding:0 15px;
    height:30px;
    line-height:30px;
    text-align: center; 
    /*border-bottom: #e79500 2px solid; */
    font-size: 12px; 
    color: #FFF; 
    font-weight: NORMAL;
    margin-bottom:15px;
}
#recomment-result-box .title-banner.red{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9e030b), to(#060405));
    background: -webkit-linear-gradient(top, #9e030b, #060405);
    background: -moz-linear-gradient(top, #9e030b, #060405);
    background: -ms-linear-gradient(top, #9e030b, #060405);
    background: -o-linear-gradient(top, #9e030b, #060405);
}
#recomment-result-box .title-banner.blue{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0153a5), to(#050608));
    background: -webkit-linear-gradient(top, #0153a5, #050608);
    background: -moz-linear-gradient(top, #0153a5, #050608);
    background: -ms-linear-gradient(top, #0153a5, #050608);
    background: -o-linear-gradient(top, #0153a5, #050608);
}
#recomment-result-box .result-arrow{
    background-color:#000; 
    width:28px; 
    padding:8px; 
    float:right; 
    color:#ffa400; 
    text-align:center; 
    margin-left:8px;
    cursor:pointer;
}
#recomment-result-box .result-arrow.last{
    margin-left:0px;
}
#recomment-result-box .tire-score-box{
    margin-right:16px; 
    margin-bottom:20px; 
    width:273px; 
    background-color:#fff; 
    border:1px #e79500 solid; 
    position:relative; 
    float:left; 
    padding:15px;
    cursor:pointer;
    height:426px;
}
#recomment-result-box .tire-score-box:hover{
    border:1px #e79500 solid;
    background:#fefaf4;
}
#recomment-result-box .tire-score-box.last{
    margin-right:0px !important;
}
#recomment-result-box .tire-score-box .pin-box{
    width: 78px; 
    height: 78px; 
    line-height: 78px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: -4px;
    color: #FFF;
    font-weight: NORMAL;
    font-size: 12px;
}
#recomment-result-box .tire-score-box .tire-score-title{
    font-size: 15px; 
    font-weight: NORMAL; 
    width:200px;
    margin-bottom:15px;
    height: 50px;
}
#recomment-result-box .tire-score-box .tire-score-title span{
    color:#197b30;
    font-size:13px;
}
#recomment-result-box .tire-score-box .tire-info .rim{
    width: 30px;
    line-height:30px;
    float:left;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-weight: NORMAL;
    font-size: 12px;
}
#recomment-result-box .tire-score-box .tire-info .brand{
    float:left;
    margin-left:5px;
    text-align: center;
    color: #FFF;
}
#recomment-result-box .tire-score-box .tire-score .score-box{
    margin-left:110px;
}
#recomment-result-box .tire-score-box .tire-score .score-box .score-tab{
    font-size: 12px;
    color: #FFF;
    background-color: #5e8540;
    padding: 0px 5px;
    margin-left: 0px;
    height: 17px;
    float: left;
    margin-bottom: 5px;
    border-radius: 4px;
}
#recomment-result-box .tire-score-box .tire-score .score-box .score-point{
    margin-left: 134px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 0;
}
#recomment-result-box .tire-score-box .best-click{
    background-color: #197b30;  
}
#recomment-result-box .tire-score-box .best-price{
    background-color: #d20612;
}
#recomment-result-box .tire-score-box .best-performanc{
    background-color: #0055a6;
}
#recomment-result-box .tire-score-box .best-new{
    background-color: #652d92;
}
#recomment-result-box .tire-score-box .price-box{
    position:relative;
    padding-top:20px;
    border-top:1px solid #E79500;
    margin:0 -15px;
}
#recomment-result-box .tire-score-box .price-box .price-tag{
    height: 30px; 
    line-height: 30px; 
    position: absolute; 
    text-align: center; 
    color: #FFF; 
    font-weight: NORMAL; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    top: -15px;
    padding:0 10px;
    margin:0 15px;
}
#recomment-result-box .tire-score-box .price-box .seller-box{
    padding:0 15px;
}
/*.seller-banner{
    width:120px; 
    color:#666; 
    font-family:Tahoma, Geneva, sans-serif; 
    font-size: 11px; 
    font-weight: NORMAL; 
    float:left;
    margin-bottom:5px;#tire-detail-box .tire-score-box .price-box .seller-box .seller-banner
    text-align:left;
    margin-right:1px;
}*/

#recomment-result-box .tire-score-box .price-box .seller-box .seller-banner
{
    width: 100%;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    float: left;
    margin-bottom: 5px;
    text-align: left;
    margin-right: 1px;
    margin-top: 11px;
    text-align: center;
}
img{
    max-width: 100%;
    height: auto;
}

.update_spec
{
    width: 125px;
    color: #666;
    font-size: 12px;
    margin-bottom: 5px;
    position: relative;
    left: 134px;
    margin-top: 4px;
}
#recomment-result-box .tire-score-box .price-box .seller-box .seller-banner img{
    vertical-align:middle;
}
#recomment-result-box .tire-score-box .price-box .seller-box .seller-banner.last{
    margin-right:0px;
}
#recomment-result-box .tire-score-box .price-box .seller-box .seller-banner.num{
    color:#d10512;
}
#recomment-result-box .tire-score-box .price-box .seller-box .seller-banner.date{
    color: #999;
    font-weight: normal;
    width: 239px;
    text-align: right;
}


#detail-box{
    margin-top:15px;
}
@media (max-width: 767px){
    #detail-box{
        margin-top: 0px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#detail-box .detail-left-box{
    width:855px;
    float:left;
    margin-right:15px;
    overflow : hidden;
}
@media (max-width: 767px){
    #detail-box .detail-left-box{
        width:100%;
        float:left;
        /*margin-right:15px;*/
        overflow : hidden;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#detail-box .detail-right-box{
    margin-left:870px;
    width:300px;
}
#detail-box .detail-left-box.rev{
    float:left;
    margin-right:0px;
    margin-left:10px;
}
@media (max-width: 767px){
    #detail-box .detail-left-box.rev{
    float:left;
    margin-right:0px;
    padding: 0px;
    margin-left:0px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#detail-box .detail-right-box.rev{
    float:left;
    margin-left:0px;
}
@media (max-width: 767px){
   #detail-box .detail-right-box{
    display: none;
   } 
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

#article-box .article-main-title{
    font-size:30px; 
    font-weight:NORMAL; 
    border-bottom:1px solid #C0C0C0; 
    padding-bottom:5px; 
    margin-bottom:40px;
}
#article-box .article-main-title span{
    font-size:13px;
}
#article-box .article-hilight-box{
    margin-bottom:25px;
}
#article-box .article-hilight-box .hilight-pic{
    /*width: 290px;*/
    /*height: 195px;*/
    background-color: #7A7A7A;
    border: 3px solid #D6A739;
    float: left;
    overflow: hidden;
}
#article-box .article-hilight-box .hilight-content{
    padding:15px 20px;
    height: 195px;
    background:#e5e5e5;
    margin-left:290px;
}
#article-box .article-hilight-box .hilight-content .hilight-title{
    font-size:24px;
    font-weight:NORMAL;
    color:#000;
}
#article-box .article-hilight-box .hilight-content .hilight-info{
    font-size:12px;
    color:#999;
    margin-top:5px;
}
#article-box .article-hilight-box .hilight-content .hilight-summary{
    font-size: 13px;
    height: 65px;
    overflow: hidden;
    padding-top: 8px;
}
#article-box .article-hilight-box .hilight-content .hilight-summary p{
    height: 48px;
    overflow: hidden;
}
#article-box .article-hilight-box .hilight-content .hilight-more-btn{
    width:100px;
    border:1px solid #ce8802;
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    line-height:26px;
    text-align:center;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a101), to(#c17b00));
    background: -webkit-linear-gradient(top, #f9a101, #c17b00);
    background: -moz-linear-gradient(top, #f9a101, #c17b00);
    background: -ms-linear-gradient(top, #f9a101, #c17b00);
    background: -o-linear-gradient(top, #f9a101, #c17b00);
    cursor:pointer;
}
#article-box .article-hilight-box .hilight-content .hilight-more-btn:hover{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d68c04), to(#a06903));
    background: -webkit-linear-gradient(top, #d68c04, #a06903);
    background: -moz-linear-gradient(top, #d68c04, #a06903);
    background: -ms-linear-gradient(top, #d68c04, #a06903);
    background: -o-linear-gradient(top, #d68c04, #a06903);
}
#article-box .article-hilight-box .hilight-content .fa-star{
    color:#e79500;
    float:left; 
    margin-left:5px; 
    margin-top:6px
}
#article-box .article-hilight-box .hilight-content .fa-star.first{
    margin-left:20px; 
}
#article-box .article-hilight-box .hilight-content .fa-star.none{
    color:#a2a2a2;
}
#article-box #article-list{
    margin-bottom:20px;
}
#article-box #article-list .blog{
    width:268px;
    margin-right:25px;
    float:left;
    cursor:pointer;
}
#article-box #article-list .blog.last{
    margin-right:0px;
}
#article-box #article-list .blog .banner{
    height: 180px;
    background-color: #999;
}
#article-box #article-list .blog .text-box{
    padding:12px 10px; 
    border-bottom:1px solid #d6d6d6;
}
#article-box #article-list .blog .text-box .title{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: NORMAL;
    height: 18px;
}
#article-box #article-list .blog .text-box .info{
    font-size: 10px; 
    margin-top:10px;
    color: #999;
}
#article-box #article-list .blog:hover, #article-box #article-list .blog:hover .text-box .info{
    color:#D6A739;
}
#article-box .article-mini-box{
    float:left; width:265px; 
    margin-right:25px; 
    margin-bottom:15px;
    cursor:pointer;
}
#article-box .article-mini-box.last{
    margin-right:0px;
}
#article-box .article-mini-box .banner{
    width:85px;
    height:55px;
    background-color:#999;
    float:left;
    margin-right:10px;
}
#article-box .article-mini-box .title{
    padding:5px 15px; 
    font-size:11px;
}
#article-box .article-mini-box .info{
    padding:0 5px;
    font-size: 10px; 
    color:#999;
}
#article-box .article-mini-box:hover, #article-box .article-mini-box:hover .info{
    color:#D6A739;
}



.ads-banner{
    
}
@media (max-width: 767px){
   .ads-banner{
        display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

.ads-banner.wide{
    width:100%;
}

#detail-box .detail-left-box #hire-box{
    margin-bottom:30px;
    background:#e5e5e5;
}
#detail-box .detail-left-box #hire-box .header{
    font-size:24px; 
    color:#FFF; 
    text-align:center; 
    padding:8px 0;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d030b), to(#070604));
    background: -webkit-linear-gradient(top, #9d030b, #070604);
    background: -moz-linear-gradient(top, #9d030b, #070604);
    background: -ms-linear-gradient(top, #9d030b, #070604);
    background: -o-linear-gradient(top, #9d030b, #070604);
}
#detail-box .detail-left-box #hire-box .header span{
    font-size:11px;
    margin-left:10px;
}
#detail-box .detail-left-box #hire-box .hire-menu-row, #detail-box .detail-left-box  #promotion-box .promotion-menu-row{
    background-color: #e79500; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #333; 
    font-weight:NORMAL; 
    text-align: center; 
    position:relative;
}
#detail-box .detail-left-box #hire-box .hire-menu-row .fa, #detail-box .detail-left-box  #promotion-box .promotion-menu-row .fa{
    background-color:#d18d11; 
    width:20px; 
    height:40px; 
    margin:0 auto; 
    padding-top:12px;
    transition:ease-in-out 0.2s;
    position:absolute;
    top:0px;
    cursor:pointer;
}
#detail-box .detail-left-box #hire-box .hire-menu-row .fa:hover, #detail-box .detail-left-box #promotion-box .promotion-menu-row .fa:hover{
    background-color:#f4cc2e; 
}
#detail-box .detail-left-box #hire-box .hire-menu-row .fa-angle-left, #detail-box .detail-left-box #promotion-box .promotion-menu-row .fa-angle-left{
    left:0px; 
}
#detail-box .detail-left-box #hire-box .hire-menu-row .fa-angle-right, #detail-box .detail-left-box #promotion-box .promotion-menu-row .fa-angle-right{
    right:0px;
}
#detail-box .detail-left-box #hire-box .hire-menu-row .hire-menu-tab, #detail-box .detail-left-box #promotion-box .promotion-menu-row .promotion-menu-tab{
    font-family: Arial, Helvetica, sans-serif; 
    padding: 0px 15px; 
    line-height:40px; 
    color: #333; 
    cursor: pointer; 
    font-size: 14px; 
    transition: all ease 0.3s; 
    display:inline-block;
    cursor:pointer;
}
#detail-box .detail-left-box #hire-box .hire-menu-row .hire-menu-tab.select, #detail-box .detail-left-box #promotion-box .promotion-menu-row .promotion-menu-tab.select{
    color: #FFF !important;
    background:none !important;
}
#detail-box .detail-left-box #hire-box .hire-menu-row .hire-menu-tab:hover, #detail-box .detail-left-box #promotion-box .promotion-menu-row .promotion-menu-tab:hover{
    color: #FFF;
    background:rgba(0,0,0,0.2);
}

.hire-list-box article .title h2
{
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    height: 28px;
}

#detail-box .detail-left-box #hire-box .hire-list-box{
    width:214px; 
    border-bottom: 1px solid #fff; 
    border-right:1px solid #fff;
    float:left;
    padding:15px 20px;
    cursor:pointer;
}
#detail-box .detail-left-box #hire-box .hire-list-box:hover, #detail-box .detail-left-box #hire-box .hire-list-box:hover .info{
    color:#000;
    background:#f1b03b;

}
#detail-box .detail-left-box #hire-box .hire-list-box.last{
    width:213px;
    border-right:none;
}
#detail-box .detail-left-box #hire-box .hire-list-box .banner{
    height:115px;
    background-color:#999;
}
#detail-box .detail-left-box #hire-box .hire-list-box .title{
    padding: 10px 0; 
    font-size: 12px; 
    font-weight: NORMAL; 
    text-align:center;
}
#detail-box .detail-left-box #hire-box .hire-list-box .info{
    padding-top:3px;
    font-size: 10px; 
    color:#999; 
    text-align:center
}
.info a{
    color:#999 !important; 
}
#detail-box .detail-left-box #issue-box{
    margin-bottom:30px;
    background:#e5e5e5;
}
#detail-box .detail-left-box #issue-box .header{
    font-size:24px; 
    color:#FFF; 
    text-align:center; 
    padding:8px 0;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d030b), to(#070604));
    background: -webkit-linear-gradient(top, #9d030b, #070604);
    background: -moz-linear-gradient(top, #9d030b, #070604);
    background: -ms-linear-gradient(top, #9d030b, #070604);
    background: -o-linear-gradient(top, #9d030b, #070604);
}
#detail-box .detail-left-box #issue-box .header span{
    font-size:11px;
    margin-left:10px;
}
#detail-box .detail-left-box #issue-box #issue-list-box{
    padding:25px 25px 0;
}
#detail-box .detail-left-box #issue-box #issue-list-box .issue-item{
    width:390px; 
    float:left;
    margin-bottom:25px;
    margin-right:25px;
    cursor:pointer;
}
#detail-box .detail-left-box #issue-box #issue-list-box .issue-item:hover, #detail-box .detail-left-box #issue-box #issue-list-box .issue-item:hover .content .info{
    color:#D6A739;
}
#detail-box .detail-left-box #issue-box #issue-list-box .issue-item.last{
    margin-right:0px;
}
#detail-box .detail-left-box #issue-box #issue-list-box .issue-item .banner{
    width:145px; 
    height:95px; 
    background-color:#999;
    float:left;
    overflow: hidden;
}
#detail-box .detail-left-box #issue-box #issue-list-box .issue-item .content{
    margin-left:160px;
}
#detail-box .detail-left-box #issue-box #issue-list-box .issue-item .content .title{
    padding:10px 0;
    font-size: 12px;
    font-weight: NORMAL;
}
#detail-box .detail-left-box #issue-box #issue-list-box .issue-item .content .info{
    padding:3px  0 15px 0px;
    font-size: 10px;
    color:#999;
}

#detail-box .detail-left-box #forum-box{
    border-bottom:1px solid #c0c0c0; 
    padding:0px 10px;
    margin-bottom:10px;
}
#detail-box .detail-left-box #forum-box .forum-btn{
    float:left; 
    position:relative; 
    padding:0px 20px;
    line-height:50px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    font-weight:NORMAL; 
    color:#333333;
    cursor:pointer;
}
#detail-box .detail-left-box #forum-box .forum-btn img{
    display:none;
}
#detail-box .detail-left-box #forum-box .forum-btn.select{
    color:#e79500;
}
#detail-box .detail-left-box #forum-box .forum-btn.select img{
    display:block;
}
#detail-box .detail-left-box #forum-box .forum-btn:hover{
    color:#e79500;
}
#detail-box .detail-left-box #forum-box .forum-btn img{
    position:absolute; 
    left:50%; 
    bottom:-1px; 
    margin-left:-6px;
}
.forum-item{
    padding:15px 0; 
    border-bottom:1px #e0e0e0 solid;
    cursor:pointer;
}

.forum-item:hover, .forum-item:hover .detail .info{
    /*color:#D6A739;*/
}
.forum-item .banner{
    width:180px; 
    height:120px; 
    float:left; 
    margin-right:20px;
}
@media (max-width: 767px){
    .forum-item .banner{
        width: 30%;
        height: 120px;
        float: left;
        margin-right: 10px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

.forum-item .detail{
    padding:10px 20px 0;
    margin-left:180px;
}
@media (max-width: 767px){
    .forum-item .detail{
        width: 65%;
        float: left;
        padding:0px;
        margin-left:0px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.forum-item .detail .title{
    font-size: 20px; 
    font-weight: NORMAL;
    margin-bottom:10px;
}
 .forum-item .detail .summary{
        font-size: 12px;
    margin-bottom: 10px;
    line-height: 16px;
    height: 50px;
    overflow: hidden;
}
.forum-item .detail .info{
    font-size: 12px; 
    color:#999;
}
.forum-tab{
    display:none;
}



#detail-box .detail-left-box #promotion-box .header{
     font-size:30px;
     font-weight:NORMAL; 
    padding:8px 0;
}
#detail-box .detail-left-box #promotion-box .header span{
    font-size:12px;
}

#promotion-list .promotion-item{
    width: 195px;
    border-bottom: 1px #e0e0e0 solid;
    float: left;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-right: 21px;
}
#promotion-list .promotion-item.last{
    margin-right:0px;
}
#promotion-list .promotion-item .banner{
    height: 289px;
    width: 194px;
    background-color: #999;
}
#promotion-list .promotion-item .title{
    padding: 10px 0; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: NORMAL; 
    text-align: center;
}
#promotion-list .promotion-item .promotion{
    height: 55px;
    overflow: hidden;
}
#promotion-list .promotion-item .info{
    padding:3px  0 15px 0px;
    font-size: 10px; 
    color:#999; 
    text-align:center
}
#promotion-list .promotion-item .btn-download{
       width: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff !important;
    text-align: center;
    padding: 6px 10px;
    margin: 0 auto;
    border: 1px solid #d38800;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fba200), to(#c17d00));
    background: -webkit-linear-gradient(top, #fba200, #c17d00);
    background: -moz-linear-gradient(top, #fba200, #c17d00);
    background: -ms-linear-gradient(top, #fba200, #c17d00);
    background: -o-linear-gradient(top, #fba200, #c17d00);
    cursor: pointer;
}
#promotion-list .promotion-item .btn-download:hover{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d68c04), to(#a06903));
    background: -webkit-linear-gradient(top, #d68c04, #a06903);
    background: -moz-linear-gradient(top, #d68c04, #a06903);
    background: -ms-linear-gradient(top, #d68c04, #a06903);
    background: -o-linear-gradient(top, #d68c04, #a06903);
}

#top-post-box .header{
    font-size:24px; 
    color:#FFF;
    padding:8px 15px;
    margin-bottom:15px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d030b), to(#070604));
    background: -webkit-linear-gradient(top, #9d030b, #070604);
    background: -moz-linear-gradient(top, #9d030b, #070604);
    background: -ms-linear-gradient(top, #9d030b, #070604);
    background: -o-linear-gradient(top, #9d030b, #070604);
}
#top-post-box .category{
    width: 90px; 
    font-size: 18px; 
    padding: 8px; 
    color: #FFF; 
    text-align: center;
}
#top-post-box .category.blue{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0054a6), to(#013b72));
    background: -webkit-linear-gradient(top, #0054a6, #013b72);
    background: -moz-linear-gradient(top, #0054a6, #013b72);
    background: -ms-linear-gradient(top, #0054a6, #013b72);
    background: -o-linear-gradient(top, #0054a6, #013b72);
}
#top-post-box .category.purple{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#662d91), to(#472064));
    background: -webkit-linear-gradient(top, #662d91, #472064);
    background: -moz-linear-gradient(top, #662d91, #472064);
    background: -ms-linear-gradient(top, #662d91, #472064);
    background: -o-linear-gradient(top, #662d91, #472064);
}
#top-post-box .category.green{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#197b30), to(#005826));
    background: -webkit-linear-gradient(top, #197b30, #005826);
    background: -moz-linear-gradient(top, #197b30, #005826);
    background: -ms-linear-gradient(top, #197b30, #005826);
    background: -o-linear-gradient(top, #197b30, #005826);
}
#top-post-box .blog{ 
    padding:15px 30px;
}
#top-post-box .blog.blue{
    border:1px #a46c14 solid; 
}
#top-post-box .blog.purple{
    border:1px #a80711 solid; 
}
#top-post-box .blog.green{
    border:1px #005826 solid; 
}
#top-post-box .blog .item{
    font-size:14px;
    float:left;
    width:545px;
    margin-right:8px;
    margin-bottom:10px;
    cursor:pointer;
}
#top-post-box .blog .item:hover{
    color:#D6A739;
}
#top-post-box .blog .item.last{
    margin-right:0px;
}
#top-post-box .blog .item i{
    margin-right:5px;
}

.banner-ads{
    /*height:250px; */
    background-color:#000; 
    margin-bottom:10px;
}

#banner-ads{
    /*height:250px; */
    background-color:#000; 
    margin-bottom:10px;
}
#newcar-box{
    background-color:#d6d6d6;
    margin-bottom:10px;
}
#newcar-box .header{
    font-size:16px;
    font-weight:NORMAL;
    color:#FFF; 
    padding: 7px 15px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d030b), to(#070604));
    background: -webkit-linear-gradient(top, #9d030b, #070604);
    background: -moz-linear-gradient(top, #9d030b, #070604);
    background: -ms-linear-gradient(top, #9d030b, #070604);
    background: -o-linear-gradient(top, #9d030b, #070604);
    border-bottom:2px solid #e79500;
}
#newcar-box .detail{
    padding:0px 2px 1px;
    overflow: auto;
    max-height: 350px;
}
#newcar-box .detail .item{
    background-color:#fff; 
    margin-bottom:4px;
    cursor:pointer;
}
#newcar-box .detail .item:hover, #newcar-box .detail .item:hover .box .info{
/*    color:#FFF;
    background-color:#D6A739;*/
}
#newcar-box .detail .item .banner{
    height: 89px;
    width: 135px;
    float: left;
    padding-top: 10px;
    margin-right: 5px;
}
#newcar-box .detail .item .box{
    padding: 10px 10px 0;
    min-height: 75px;
}
#newcar-box .detail .item .box .title{
    font-size: 14px;
    font-weight: bold;
}
@media (max-width: 767px){
    #newcar-box .detail .item .box .title{
        font-size: 16px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}


#newcar-box .detail .item .box .info{
    font-size: 14px; 
    color:#ff0000;;
}
@media (max-width: 767px){
    #newcar-box .detail .item .box .info{
        font-size: 16px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

#newcar-box .detail .item .box .title-content{
    font-size: 12px;
}
#newcar-box .detail .item .box .info-content{
    font-size: 12px; 
    color:#ff0000;;
}

.tire-box{
    /*background-color:#d6d6d6;*/
    padding-bottom:15px;
    margin-bottom:0px;
}
.tire-box.last{
    margin-bottom:15px;
}
.tire-box .header{
    font-size:16px;
    font-weight:NORMAL;
    color:#FFF; 
    padding: 7px 15px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fea707), to(#bd7d07));
    background: -webkit-linear-gradient(top, #fea707, #bd7d07);
    background: -moz-linear-gradient(top, #fea707, #bd7d07);
    background: -ms-linear-gradient(top, #fea707, #bd7d07);
    background: -o-linear-gradient(top, #fea707, #bd7d07);
    margin-bottom:2px;
}
.tire-box .item{
    font-size:14px; 
    background-color:#bdbdbd; 
    color:#333; 
    padding:9px 15px; 
    margin-bottom:2px;
    cursor:pointer;
}
.tire-box .item.select{
    background-color:#e79500 !important; 
}
.tire-box .item:hover{
    background-color:#999; 
}
.tire-box .sub-item{
    padding:0px 2px 5px;
    cursor:pointer;
}
.tire-box .sub-item.top{
    margin-top:15px;
}
.tire-box .sub-item .box{
    background-color: #fff;
    border-bottom: #f2f2f2;
    display: inline-block;
    width: 100%;
    min-height: 83px;
}
.boxPromotion{
    background-color: #eaeaea !important;
}
.tire-box .sub-item.select .box{ 
    border-bottom:2px #F90 solid; 
}
.tire-box .sub-item .box .num{
     width:30px;
     height:30px;
     line-height:30px; 
     background-color:#555;
     float:right;
     margin:5px;
     border-radius: 50%; 
     text-align:center; 
     color:#FFF; 
     font-weight:NORMAL; 
     font-size:14px;
}
.tire-box .sub-item.select .box .num{
    background-color:#e79500; 
}
.tire-box .sub-item .box .banner{
    width: 145px;
    height: 95px;
    float: left;
    text-align: center;
    margin-left: 0px;
}
.tire-box .sub-item .box .detail{
    margin-left:10px;
    width:160px;
    float:left;
}
.tire-box .sub-item .box .detail .title{
    font-size:16px; 
    font-weight:NORMAL;
    margin-top:5px;
    color:#333;
}
.tire-box .sub-item .box .detail .price{
    font-size:16px;
    font-weight:NORMAL;
    color:#ff0000
}
.tire-box .sub-item .box .detail .view{
    font-size:12px;
    margin-top:3px;
    color:#333;
}
.tire-box .sub-item:hover .box .detail .title, .tire-box .sub-item:hover .box .detail .price, .tire-box .sub-item:hover .box .detail .view{
    color:#D6A739;
}





#top-article-box{
    background-color:#d6d6d6;
    margin-bottom:10px;
}
#top-article-box .header{
    font-size:16px;
    font-weight:NORMAL;
    color:#FFF; 
    padding: 7px 15px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d030b), to(#070604));
    background: -webkit-linear-gradient(top, #9d030b, #070604);
    background: -moz-linear-gradient(top, #9d030b, #070604);
    background: -ms-linear-gradient(top, #9d030b, #070604);
    background: -o-linear-gradient(top, #9d030b, #070604);
    border-bottom:2px solid #e79500;
}
#top-article-box .detail{
    padding:10px 10px 1px;
}
#top-article-box .detail .item{
    background-color:#fff; 
    margin-bottom:10px;
    cursor:pointer;
}
#top-article-box .detail .item:hover, #top-article-box .detail .item:hover .box .info, #top-article-box .detail .item.sub:hover .box .info{
    color:#D6A739;
}
#top-article-box .detail .item .banner{
    height:90px; 
    width:135px; 
    background-color:#999;
    float:left; 
    margin-right:10px;
}
#top-article-box .detail .item .box{
    margin-left:135px; 
    padding:10px 10px 0; 
    min-height:90px;
}
#top-article-box .detail .item .box .title{
    font-size:12px;
}
#top-article-box .detail .item .box .info{
    font-size: 10px; 
    color:#999;
}
#top-article-box .detail .item.sub .banner{
    height:65px;
    width:95px; 
    background-color:#999;
    float:left; 
    margin-right:10px;
}
#top-article-box .detail .item.sub .box{
    margin-left:95px; 
    padding:10px 10px 0; 
    min-height:65px;
}
#top-article-box .detail .item.sub .box .info{
    font-size: 10px; 
    color:#999;
    margin-top:2px;
}
#facebook-box{
    width:300px; 
    height: 450px; 
    border:#CCC 1px solid; 
    text-align:center; 
    font-size:12px; 
    color:#7d7d7d; 
    line-height:450px;
    margin-bottom:10px;
}
@media (max-width: 767px){
    #facebook-box{
        width:100%; 
        height: 450px; 
        border:#CCC 1px solid; 
        text-align:center; 
        font-size:12px; 
        color:#7d7d7d; 
        line-height:450px;
        margin-bottom:10px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#category-box{
    background-color:#d6d6d6;
    margin-bottom:10px;
}
#category-box .header{
    font-size:16px;
    font-weight:NORMAL;
    color:#FFF; 
    padding: 7px 15px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d030b), to(#070604));
    background: -webkit-linear-gradient(top, #9d030b, #070604);
    background: -moz-linear-gradient(top, #9d030b, #070604);
    background: -ms-linear-gradient(top, #9d030b, #070604);
    background: -o-linear-gradient(top, #9d030b, #070604);
    border-bottom:2px solid #e79500;
}
#category-box .detail{
    padding:12px;
    display:inline-block;
    width:100%;
}
#category-box .detail .item{
    width:100%; 
    background-color:#fff; 
    margin-bottom:3px;
    cursor:pointer; 
}
#category-box .detail .item:hover, #category-box .detail .item:hover .info{
    background:#D6A739;
    color:#FFF;
}
#category-box .detail .item.last{
    margin-bottom:0px;
}
#category-box .detail .item .title{
    padding:5px 0; 
    font-size:12px; 
    float:left; 
    margin-left:10px;
}
#category-box .detail .item .info{
    padding:5px 0; 
    font-size: 10px;
    color:#999;
    float:right; 
    margin-right:10px;
}
.wp-pagenavi
{
    text-align:center; 
    padding:30px 0px 15px;
}

.pagination-box{
    text-align:center; 
    padding:30px 0px 15px;
}

.pagination-box .paginate-btn{
    display:inline-block; 
    font-size:12px !important; 
    color:#666; 
    width:30px; 
    height:30px; 
    line-height:30px !important; 
    border-radius:50%; 
    background:#d6d6d6;
    cursor:pointer;
    text-align:center;
}
.pagination-box .paginate-btn .fa{
    font-size:inherit;
    line-height:inherit
}
.pagination-box .paginate-btn.select, .pagination-box .paginate-btn:hover{
    color:#FFF; 
    background:#e79500; 
}

#article-box .article-hilight-box.content-detail{
    margin-top: 25px;
    margin-bottom:5px;
}

#content-detail-box .title{
    font-size:24px; 
    text-transform:uppercase; 
    padding: 5px 15px; 
    background:#000; 
    color:#FFF; 
    border:1px solid #e79500;
}
#content-detail-box .info{
    font-size:12px; 
    color:#999; 
    padding:10px 15px; 
    border-bottom:1px solid #c0c0c0; 
    margin-bottom:30px;
}
#content-detail-box .detail{
    font-size:14px; 
    color:#333; 
    /*margin-bottom:20px;*/
}
#content-detail-box .detail .banner{
    height:397px; 
    background:#dadada;
}
#content-tag{
    padding:25px 0px 15px;
    font-size:12px;
    color:#999;
}
#content-tag a {
    font-size:12px;
    color: #999 !important;
}
#content-search-btn{
    padding:5px 20px; 
    font-size:14px; 
    color:#FFF; 
    background:#e79500; 
    border:none;
    cursor:pointer;
}

#facebook-comment{
    padding: 30px 0px;
    text-align: center;
    width: 555px;
    float: left;
}
@media (max-width: 767px){
   #facebook-comment{
        padding: 30px 5px;
        text-align: center;
        width: 100%;
        float: left;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}


#each_other_model_title_orig{
   display: block;
}
@media (max-width: 767px){
   #each_other_model_title_orig{
        display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

#each_other_model_box_orig{
   display: block;
}
@media (max-width: 767px){
   #each_other_model_box_orig{
        display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

#recomment-search-box.search-page{
    padding:2px 15px 8px;
    padding-right:3px;
}
#recomment-search-box.search-page .title{
    font-size:18px; 
    color:#FFF; 
    float:left;
    padding:5px 0px;
}
#recomment-search-box.search-page .tool{
    font-size:13px;
    color:#FFF;
    margin-left:500px;
    padding-top:5px;
    
}
#recomment-search-box.search-page .tool select{
    width:auto; 
    height:25px; 
    border:1px #a46c14 solid; 
    margin-left:5px; 
    font-size:12px;
}
#recomment-result-box.search-page{
    background:none; 
    padding:0px;
}
#recomment-result-box .tire-score-box .tire-score-title.search-page{
    font-size: 14px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: NORMAL; 
    width:100%;
    margin-bottom:0px;
}
#recomment-result-box .tire-score-box .tire-score-title.search-page div{
    font-size: 12px; 
    font-weight: NORMAL; 
    color:#197b30;
    margin-bottom:15px;
}

#form-box{
    padding:25px 20px;
    background:#ebebeb; 
    margin-bottom:15px;
}
#form-box-mobile-car-rec{
    display: none;
}
@media (max-width: 767px){
    #form-box-mobile-car-rec{
        display: block;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#form-box .form-topic{
    padding:0px 15px; 
    line-height:32px; 
    background:url(images/topic-bg.png) repeat-x; 
    color:#FFF; 
    font-size:18px; 
    border-left:3px solid #000;
    margin-bottom:10px;
}
#form-box .form-topic.gold{
    border-left:3px solid #bf801e;
}
#form-box .form-topic.gold-bar{
    padding:0px 15px; 
    line-height:32px; 
    background:#d6a739; 
    color:#000; 
    font-size:16px; 
    border-left:3px solid #000;
    margin-bottom:10px;
}
#form-box select, #form-box input {
    width: 100%;
    height: 32px;
    border: 1px solid #A46C14;
    padding:0 5px;
    font-size: 14px;
    margin-bottom:10px;
    background: #fff
}
#form-box .search-btn{
    border:1px solid #a46c14;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a70512), to(#6f0007));
    background: -webkit-linear-gradient(top, #a70512, #6f0007);
    background: -moz-linear-gradient(top, #a70512, #6f0007);
    background: -ms-linear-gradient(top, #a70512, #6f0007);
    background: -o-linear-gradient(top, #a70512, #6f0007);
    cursor:pointer; 
    margin-bottom:25px; 
    line-height:28px; 
    font-size:16px; 
    color:#FFF; 
    width:90px;
}
#form-box .search-btn:hover{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#970712), to(#6f0007));
    background: -webkit-linear-gradient(top, #970712, #6f0007);
    background: -moz-linear-gradient(top, #970712, #6f0007);
    background: -ms-linear-gradient(top, #970712, #6f0007);
    background: -o-linear-gradient(top, #970712, #6f0007);
}
#form-box .search-btn.last{
    margin-bottom:0px; 
}
#form-box .gold-frame{
    background:#d6d6d6;
    border:1px solid #d6a739;
    height:180px;
    margin-bottom:10px;
}





.back-btn-box{
    background:#d6a739;
    text-align:center;
    color:#FFF;
    font-size:14px;
    width:80px;
    line-height:28px;
    cursor:pointer;
}
.back-btn-box:hover{
    background:#a67d1d;
}
#tire-detail-box{
    background:#FFF;
    padding:20px;
    display:inline-block;
    width:100%;
    margin-bottom:20px;
}
@media (max-width: 767px){
    #tire-detail-box{
    background:#FFF;
    border:none;
    padding:7px;
    display:inline-block;
    width:100%;
    margin-bottom:20px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.tire-left-box{
    float: left;
    width: 35%;
    margin-top: 25px;
}
@media (max-width: 767px){
    .tire-left-box{
        float: left;
        width: 100%;
        margin-top: 45px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.tire-right-box{
    margin-left: 8px;
    float: left;
    width: 63%;
}
@media (max-width: 767px){
    .tire-right-box{
        margin-left: 0px;
        float: left;
        width: 100%;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
/*@media (max-width: 767px){
    .tire-right-box{
        display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}*/
#tire-detail-box .tire-score-box{
    width: 290px;
    background-color: #fff;
    position: relative;
    padding-right: 8px;
    padding-top: 8px;
}
@media (max-width: 767px){
    #tire-detail-box .tire-score-box{
        width:100%; 
        background-color:#fff; 
        position:relative; 
        padding:8px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

#tire-detail-box .tire-score-box .pin-box{
    width: 78px; 
    height: 78px; 
    line-height: 78px;
    position: absolute;
    right: -3px;
    text-align: center;
    top: -3px;
    color: #FFF;
    font-weight: NORMAL;
    font-size: 12px;
}
#tire-detail-box .tire-score-box .tire-score-title{
    font-size: 14px; 
    font-weight: NORMAL; 
    width:165px;
    margin-bottom:15px;
}
#tire-detail-box .tire-score-box .tire-score-title span{
    color:#197b30;
    font-size:10px;
}
#tire-detail-box .tire-score-box .tire-info .rim{
    width: 35px;
    line-height: 35px;
    float: left;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-weight: NORMAL;
    font-size: 20px;
    margin-left: 260px;
    position: absolute;
}
#tire-detail-box .tire-score-box .tire-info .brand{
    float:left;
    margin-left:5px;
    text-align: center;
    color: #FFF;
}
#tire-detail-box .tire-score-box .tire-score .score-box{
    margin-top: 20px;
}
@media (max-width: 767px){
    #tire-detail-box .tire-score-box .tire-score .score-box{
        width: 315px;
        margin: 0px auto;
        float: none;
        height: 140px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#tire-detail-box .tire-score-box .tire-score .score-box .score-tab{
        font-weight: NORMAL;
    font-size: 14px;
    color: #FFF;
    padding: 2px 5px;
    float: left;
    margin: 2px;
    border-radius: 5px;
}
@media (max-width: 767px){
    #tire-detail-box .tire-score-box .tire-score .score-box .score-tab{
        font-size:14px;
        color: #FFF;
        background-color: #666;
        padding: 2px 5px;
        width: 90%;
        float: left;
        margin: 2px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#tire-detail-box .tire-score-box .tire-score .score-box .score-point{
        font-weight: NORMAL;
    padding: 2px 0;
    font-size: 1.1em;
    float: right;
    margin-left: 0px;
    margin-top: -4px;
}
@media (max-width: 767px){
    #tire-detail-box .tire-score-box .tire-score .score-box .score-point{
        font-size: 1.1em;
        float: right;
        margin-left: 0px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#tire-detail-box .tire-score-box .best-click{
    background-color: #197b30;  
}
#tire-detail-box .tire-score-box .best-price{
    background-color: #d20612;
}
#tire-detail-box .tire-score-box .best-performanc{
    background-color: #0055a6;
}
#tire-detail-box .tire-score-box .best-new{
    background-color: #652d92;
}
#tire-detail-box .tire-score-box .price-box{
    position: relative;
    padding-top: 20px;
    border: 1px solid #E79500;
    float: left;
    width: 100%;
    margin-top: 20px;
}
@media (max-width: 767px){
    #tire-detail-box .tire-score-box .price-box{
        position: relative;
        padding-top: 20px;
        border: 1px solid #E79500;
        margin: 0 0px;
        float: left;
        width: 100%;
        margin-top: 20px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}


.sold_out
{
    position: absolute;
    left: 22px;
    top: 125px;
    opacity: 0.8;
}
#tire-detail-box .tire-score-box .price-box .price-tag{
    height: 30px; 
    line-height: 30px; 
    position: absolute; 
    text-align: center; 
    color: #FFF; 
    font-weight: NORMAL; 
    font-size: 14px; 
    top: -15px;
    padding:0 10px;
    margin:0 15px;
}
#tire-detail-box .tire-score-box .price-box .seller-box{
    padding:0 5px;
}
#tire-detail-box .tire-score-box .price-box .seller-box .seller-banner{
    width: 260px;
    color: #666;
    font-size: 18px;
    font-weight: NORMAL;
    float: left;
    margin-bottom: 5px;
    text-align: left;
    margin-right: 1px;
    text-align: center;
}
@media (max-width: 767px){
    #tire-detail-box .tire-score-box .price-box .seller-box .seller-banner{
        width: 100%;
        color: #666;
        font-size: 18px;
        font-weight: NORMAL;
        float: left;
        margin-bottom: 5px;
        text-align: left;
        margin-right: 1px;
        text-align: center;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

#tire-detail-box .tire-score-box .price-box .seller-box .seller-banner img{
    vertical-align:middle;
}
#tire-detail-box .tire-score-box .price-box .seller-box .seller-banner.last{
    margin-right:0px;
}
#tire-detail-box .tire-score-box .price-box .seller-box .seller-banner.num{
}
#tire-detail-box .tire-score-box .price-box .seller-box .seller-banner.date{
    color: #999;
    font-weight:normal;
    line-height:25px;
    font-size: 12px;
}
#tire-detail-box .tire-box{
    padding:2px 0;

}
#tire-detail-box .tire-box .sub-item{
    padding:0 2px;
}
#tire-detail-box .tire-box .sub-item .box .detail {
    width: 175px;
}
#tire-detail-box .tire-top-list{
    background: #008436;
    color: #FFF;
    font-size: 16px;
    padding: 0px 5px;
    line-height: 30px;
    border-color: #008436;
    box-shadow: 0px 2px 0px #004d1f;
}
#tire-brand-logo{
    margin-bottom:0;
    height: 40px;
}
@media (max-width: 767px){
    #tire-brand-logo{
        text-align: center;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#tire-name{
    font-size:30px;
    color:#000;
    font-weight:NORMAL;
    margin-bottom:25px;
}
@media (max-width: 767px){
    #tire-name{
        display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#tire-name .info{
    font-size:18px;
    color:#a1a1a1;
    font-weight:normal;
}
#tire-name .info span{
    color:#197b30;  
    font-weight:NORMAL;
    font-size: 24px;
}
#tire-spec-title{
    font-size:18px; 
    font-style:italic; 
    color:#d6a739;
    text-decoration:underline;
    margin-bottom:25px;
}


.tire-right-box .category{
    min-width:155px;
    display:inline-block;
    line-height:30px;
    color:#FFF;
    font-size:18px;
    padding:0 15px;
    background:#0052a4;
}
.spec-table{
    border-top:1px solid #f3f3f3;
    margin-bottom:20px;
}
.spec-table .tr{
    display:inline-block; 
    width:100%;
    background:#fff;
}
.spec-table .tr.strip{
    background:#f3f3f3;
}
.spec-table .tr .td{
    float: left;
    font-size: 14px;
    padding: 5px 15px;
    color: #333;
}
@media (max-width: 767px){
    .spec-table .tr .td{
        float: left;
        font-size: 14px;
        padding: 5px 3px;
        color: #333;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.banner-top
{
    display: none;
    /*width: 100%;*/
}
@media (max-width: 767px){
    .banner-top
    {
        margin-top: 5px;
        display: block;
        float: none;
        width: 100%;
        text-align: center;
    }
}

.banner-center
{
    display: inline-block;
    /*width: 100%;*/
}
@media (max-width: 767px){
    .banner-center
    {
        margin-top: 25px;
        display: block;
        position: relative;
        padding: 0px 20px;
        height: 200px;
        overflow: hidden;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

.spec-table .tr .td.th{
    color:#666; 
    width:260px;
}
@media (max-width: 767px){
    .spec-table .tr .td.th{
        color:#666; 
        width:51%;
        font-size: 14px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

.teachnology-table{
    display:table; margin-top:10px;
}
.teachnology-table .banner{
    width:120px; 
    height:90px; 
    /*background:#cccccc;  */
    display:table-cell
}
.teachnology-table .info{
    display:table-cell; 
    vertical-align:middle; 
    padding:0 15px; 
    font-size:14px; 
    color:#666;
}
.deal_with_atc
{
    border:1px dashed #d8b480; 
    padding:3px; 
    margin-bottom: 10px;
}
.deal_with_atc .title{
    padding:0 15px; 
    line-height:60px; 
    color:#FFF; 
    background:#7e020a; 
    font-size:24px;
}
@media (max-width: 767px){
    .deal_with_atc .title{
        font-size:18px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#tire-size-table{
    border:1px dashed #d8b480; 
    padding:3px; 
}
#tire-size-table .title{
    padding:0 15px; 
    line-height:60px; 
    color:#FFF; 
    background:#135b24; 
    font-size:24px;
}
@media (max-width: 767px){
    #tire-size-table{
    display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

#tire-size-table .title{
    padding:0 15px; 
    line-height:60px; 
    color:#FFF; 
    background:#135b24; 
    font-size:24px;
}
#tire-size-table .th-row{
    background:#FFF;
    display:table;
    height:50px;
    color:#135b24;
    width:100%;
}
#tire-size-table .th-row .td{
    display:table-cell; 
    vertical-align:middle; 
    text-align:center; 
    border-right:1px solid #d9e0ec;
    padding:0 6px;
    font-size:11px;
}
#tire-size-table .th-row .td.first{
    width:106px;
    padding:0px;
    font-size:18px;
}
#tire-size-table .th-row .td.last{
    padding:0px;
    border-right:0px;
}
#tire-size-table .rowtable{
    background:#f3f3f3;
    display:table;
    height:35px;
    color:#333;
    width:100%;
    cursor: pointer;
}
#tire-size-table .rowtable:hover {
    background: #efdddd;
    transition: all 0.5s ease;
}
#tire-size-table .rowtable .td{
    display:table-cell; 
    vertical-align:middle; 
    text-align:center; 
    border-right:1px solid #d9e0ec;
    border-bottom:1px solid #d9e0ec;
    padding:0 6px;
    font-size:11px;
}
#tire-size-table .rowtable .td.first{
    width:106px;
    padding:0px;
    font-size:14px;
    font-weight:NORMAL;
    color:#000;
    background:#d6a739;
    border-right:1px solid #b6994f;
    border-bottom:1px solid #b6994f;
}
#tire-size-table .rowtable .td.last{
    padding:0px;
    border-right:0px;
}
#tire-size-table .col1{
    width:35px;
}
#tire-size-table .col2{
    width:35px;
}
#tire-size-table .col3{
    width:60px;
}
#tire-size-table .col4{
    width:40px;
}
#tire-size-table .col5{
    width:74px;
}
#tire-size-table .col6{
    width:62px;
}
#tire-size-table .col7{
    width:72px;
}
#tire-size-table .col8{
    width:77px;
}
#tire-size-table .col9{
    width:67px;
}
#tire-size-table .col10{
    width:105px;
}


#recomment-search-box.tire-page{
    padding:2px 15px 8px;
    padding-right:3px;
    background:#000;
    height: 35px;
}
@media (max-width: 767px){
    #recomment-search-box.tire-page{
        padding: 10px 5px 8px;
        padding-right: 3px;
        background: #000;
        height: 35px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

#recomment-search-box.tire-page .title{
    font-size:18px; 
    color:#FFF; 
    float:left;
    padding:5px 0px;
}
@media (max-width: 767px){
    #recomment-search-box.tire-page .title{
        font-size:14px; 
        color:#FFF; 
        float:left;
        padding:0px 0px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#recomment-search-box.tire-page .tool{
    font-size:13px;
    color:#FFF;
    margin-left:500px;
    padding-top:5px;
    
}
#recomment-search-box.tire-page .tool select{
    width:auto; 
    height:25px; 
    border:1px #a46c14 solid; 
    margin-left:5px; 
    font-size:12px;
}
#recomment-result-box.tire-page{
    background:none; 
    padding:0px;
    display:inline-block;
}
#recomment-result-box.tire-page{
    background:none; 
    padding:0px;
    display:inline-block;
}
#recomment-result-box.search-page .tire-score-box, #recomment-result-box.tire-page .tire-score-box{
    margin-right:12px; 
}

#forum-box.tire-page{
    border-bottom:1px solid #c0c0c0; 
    padding:0px 10px;
    margin-bottom:10px;
    display:inline-block;
    width:100%;
}














#footer{
    background-color: #000;
}
@media (max-width: 767px){
    #footer{
        display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#footer-box{
    background-color: #000;
    margin: 0 auto;
    width: 1170px;
}
#footer-box .footer-content{
    width:1170px; 
    margin:0px auto; 
    padding:30px 0
}
#footer-box .footer-content a {
    background-color: #999;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 9px;
    line-height: 26px;
    margin-right: 7px;
    margin-bottom: 7px;
    cursor: pointer;
    float: left;
}
.footer-tag-item{
    background-color:#999;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:0 9px;
    line-height:26px;
    margin-right:7px;
    margin-bottom:7px;
    cursor:pointer;
    float:left;
}
#footer-box .footer-content a:hover{
    background-color:#a46c14;
}
.footer-tag-item.gold{
    background-color:#a46c14;
}
.footer-tag-item.gold:hover{
    background-color:#999;
}
#footer-link{
    padding: 30px 0 15px; 
    font-size:14px; 
    text-align:center;
    color:#777;
}
#footer-link span{
    padding:0 20px;
    color:#777;
    cursor:pointer;
}
#footer-link span:hover{
    color:#a46c14;
}
#footer-credit{
    background-color: #a46c14;
    font-size: 12px;
    color: #000;
    text-align: center;
}

.footer-tag-item{
    background-color:#999;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:0 9px;
    line-height:26px;
    margin-right:7px;
    margin-bottom:7px;
    cursor:pointer;
    float:left;
}

.carousel-box{
        overflow-y: hidden;
}
.carousel-box.full{

}
.carousel-box ul{
    height: 430px;
    margin: 0px;
    padding: 0px;

}
.carousel-box.full ul{
     overflow-y: hidden;
}
.carousel-box li{
    display: inline-block;
}
#promotion-list li{
    display: inline-block;
    float: left;
    width: 856px;
}
#hire li{
    display: inline-block;
    float: left;
    width: 856px;
}
.carousel-box.by4{
    width: 855px;
    height: 836px; 
}
.carousel-box.by4 ul{
    width:2000px;
    height: 418px;
}
.carousel-box.by3{
    width: 855px;
    height: 985px; 
}
.carousel-box.by3 ul{
    width:3000px;
    height: 718px;
}
.hilight-info a 
{
    color: #999;
}
.hilight-summary p
{
    color: #666;
}
.detail p img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-left
{
    text-align: center;
    width: 100%;
}
.pull-left img 
{
    width:180px;
}
@media (max-width: 767px){
    .pull-left img {
        max-width:200px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.brand img 
{
    max-height: 30px;
    max-width: 90px;
}
.sideimage a img 
{
    max-height: 90px;
    max-width: 135px;
}
.sidecontenthit img 
{
    max-height: 100%;
}
.itemtophit
{
    background-color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}
.itemtophit .banner
{
        height: 90px;
    width: 135px;
    background-color: #999;
    float: left;
    margin-right: 10px;
}
.itemtophit .banner a img
{
    height: 90px;
    width: 135px;
}
.itemtophit .box
{
    margin-left: 135px;
    padding: 10px 10px 0;
    min-height: 90px;
}
.itemtophit .box .title {
    font-size: 12px;
}
.itemtophit .box  .info {
    font-size: 10px;
    color: #999;
}
.clearlinkcolor:hover
{
    color:black;
}
.clear
{
    clear:both;
}
.comment-title
{
    font-size: 18px;
    padding: 5px;
    background-color: #5b74a8;
    width: 170px;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 25px;
}
@media (max-width: 767px){
    .comment-title
    {
        font-size: 14px;
        padding: 5px;
        background-color: #5b74a8;
        width: 100%;
        color: #fff;
        margin-top: 25px;
        margin-bottom: 25px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

.comment-head
{
    text-align: left;
    margin-bottom: 20px;
}
.fb_iframe_widget
{
    background-color: #f1f1f1;
    padding: 10px;
}
#cs-title-wpcontent_slider
{
    z-index:500 !important;
}
.crop_advance
{
    width: 204px;
    height: 156px;
    margin: 0 auto;
    margin-top: 12px;
}
.wp-pagenavi
{
    font-size: 11px;
    height: 44px;
    position: relative;
}
.#article-box .article-hilight-box .hilight-content a:hover{
    color:#D6A739;
}
.CSSTableGenerator {
    margin: 0px auto;
    padding: 0px;
    width: 700px;
    line-height: 14px;
    box-shadow: 10px 10px 5px #888888;
    border:1px solid #000000;
    
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
    
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
    
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
    
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
    width:100%;
    height:100%;
    margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
    
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#ffc9c9; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
    vertical-align:middle;
    
    
    border:1px solid #000000;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    font-size:14px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}.CSSTableGenerator tr:last-child td{
    border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
    border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
        background:-o-linear-gradient(bottom, #ff0000 5%, #ff0000 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #ff0000) );
    background:-moz-linear-gradient( center top, #ff0000 5%, #ff0000 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ff0000");  background: -o-linear-gradient(top,#ff0000,ff0000);

    background-color:#ff0000;
    border:0px solid #000000;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:14px;
    font-family:Arial;
    font-weight:NORMAL;
    color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #ff0000 5%, #ff0000 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #ff0000) );
    background:-moz-linear-gradient( center top, #ff0000 5%, #ff0000 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ff0000");  background: -o-linear-gradient(top,#ff0000,ff0000);

    background-color:#ff0000;
}
.CSSTableGenerator tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}
.carsupport-title
{
    
    background: #008436;
    color: #FFF;
    font-size: 15.5px;
    padding: 0px 5px;
    line-height: 30px;
    border-color: #008436;
    box-shadow: 0px 2px 0px #004d1f;
}

@media (max-width: 767px){
    .carsupport-title {
        color: #fff;
        line-height: 30px;
        height: auto;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

.imagecar img 
{
    width: 135px;
}
.imagecar
{
    overflow: hidden;
}

#breadcrumb {
    font-size: 12px;
    padding-left: 15px;
    padding-bottom: 5px;
}
@media (max-width: 767px){
    #breadcrumb {
        /*display: none;*/
        font-size: 12px;
        padding-left: 10px;
        padding-bottom: 5px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#breadcrumb > a {
    color: rgba(0, 0, 0, 0.55);
    font-size: 14px;
}
#breadcrumb > a:hover {
    color: rgba(0, 0, 0, 1);
}
.promotion span {
    text-decoration: line-through;
    color: red;
    float: left;
}
.seller-banner-promotion a {
    float: left;
}
.seller-banner-promotion{
    width:170px; 
    color:#666; 
    font-size: 14px; 
    font-weight: NORMAL; 
    float:left;
    margin-bottom:5px;
    text-align:left;
    margin-right:1px;
}
.newpromotion
{
    margin-left: 10px;
    float: left;
    color: blue;
}
.footer
{
    width: 1170px;
    background-color: #a46c14;
    height: 42px;
    padding: 12px 0;
    margin: 0 auto;
}
@media (max-width: 767px){
    .footer
    {
        width: 100%;
        background-color: #a46c14;
        height: 42px;
        padding: 12px 0;
        margin: 0 auto;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.right-ad
{
    float: left;
    margin: 30px 0px;
    height: auto;
    width: auto;
    margin-bottom: 10px;
}
@media (max-width: 767px){
    .right-ad
    {
        display: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

.leftretailbox
{
    width: 100px;
    float: left;
    text-align: center;
    color: blue;
}
.dropdown-content {
         display: none; 
    position: absolute;
    background-color: #ffa800;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: 90px;
    top: 40px;
    width: 206px;
    font-size: 14px;
}

.dropdown-content a {
    color: black;
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #f8ce7b;
}

.dropdown-content a:hover {
    background-color: #000;
    color: #fff;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.tire-name{
    font-size:22px;
    color:#000;
    font-weight:NORMAL;
    margin-bottom:7px;
    display: none;
}
@media (max-width: 767px){
    .tire-name{
        font-size:24px;
        color:#000;
        font-weight:NORMAL;
        margin-bottom:7px;
        display: block;
        text-align: center;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.tire-name .info{
    font-size:18px;
    color:#a1a1a1;
    font-weight:normal;
}
.tire-name .info span{
    color:#197b30;  
    font-weight:NORMAL;
    font-size: 22px;
}
.tire-spec-title{
    font-size:18px; 
    font-style:italic; 
    color:#d6a739;
    text-decoration:underline;
    margin-bottom:25px;
}

.fb {
  padding: 20px;
  font-size: 30px;
  width: 55px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fb:hover {
    opacity: 0.7;
}


.fa-facebook {
  background: #3B5998;
  color: white !important;
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social_icon
{
    float: left;
    width: 100%;
    text-align: center;
    font-style: italic;
    margin-top: 15px;
}

.fa-envelope {
    color: white !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.email
{
    padding: 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 64%;
    background-color: gray;
    color: white !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn-download{
       width: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff !important;
    text-align: center;
    padding: 6px 10px;
    margin: 0 auto;
    border: 1px solid #d38800;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fba200), to(#c17d00));
    background: -webkit-linear-gradient(top, #fba200, #c17d00);
    background: -moz-linear-gradient(top, #fba200, #c17d00);
    background: -ms-linear-gradient(top, #fba200, #c17d00);
    background: -o-linear-gradient(top, #fba200, #c17d00);
    cursor: pointer;
}
.btn-download:hover{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d68c04), to(#a06903));
    background: -webkit-linear-gradient(top, #d68c04, #a06903);
    background: -moz-linear-gradient(top, #d68c04, #a06903);
    background: -ms-linear-gradient(top, #d68c04, #a06903);
    background: -o-linear-gradient(top, #d68c04, #a06903);
}
.relate_content h3
{
    padding: 0 15px;
    line-height: 60px;
    color: #FFF;
    background: #135b24;
    font-size: 24px;
}
@media (max-width: 767px){
    .relate_content h3{
        font-size: 18px;
         line-height: 40px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}

.relate_content
{
    margin-top: 25px;
}
@media (max-width: 767px){
    .relate_content{
        background: #FFF;
        border: none;
        padding: 7px;
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
#box-search-tire-option{
    display: none;
}
@media (max-width: 767px){
    #box-search-tire-option{
        display: block;
        padding: 20px;
        background-color: #f1f1f1;
    }
}
@media (min-width: 768px){
    #box-search-tire-option{
        display: none !important;
    }
}
@media (min-width: 992px){
    #box-search-tire-option{
        display: none !important;
    }
    
}
@media (min-width: 1200px) {
    #box-search-tire-option{
        display: none !important;
    }
    
}
.button {
    line-height: 34px;
    text-align: center;
    width: 180px;
    margin: 0 auto 0;
    font-size: 12px;
    border-radius: 30px;
    border: 2px solid #197b30;
    color: #197b30;
    background: #fff;
    cursor: pointer;
}
.search-option
{
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #f1f1f1;
    float: left;
    width: 100%;
}
.tire_brand{
        width: 100%;
    height: 25px;
    border: 1px solid #A46C14;
    padding: 0 5px;
    font-size: 12px;
    margin: 0 auto;
    float: left;
    margin-bottom: 10px;
}
.tire_model
{
        width: 100%;
    height: 25px;
    border: 1px solid #A46C14;
    padding: 0 5px;
    font-size: 12px;
    margin: 0 auto;
    float: left;
    margin-bottom: 10px;
}
.tire_front_area
{
        width: 100%;
    height: 25px;
    border: 1px solid #A46C14;
    padding: 0 5px;
    font-size: 12px;
    margin: 0 auto;
    float: left;
    margin-bottom: 10px;
}
.tire_series{
    width: 100%;
    height: 25px;
    border: 1px solid #A46C14;
    padding: 0 5px;
    font-size: 12px;
    margin: 0 auto;
    float: left;
    margin-bottom: 10px;
}
.tire_dimeter{
    width: 100%;
    height: 25px;
    border: 1px solid #A46C14;
    padding: 0 5px;
    font-size: 12px;
    margin: 0 auto;
    float: left;
    margin-bottom: 10px;
}
.search-btn {
    border: 1px solid #a46c14;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a70512), to(#6f0007));
    background: -webkit-linear-gradient(top, #a70512, #6f0007);
    background: -moz-linear-gradient(top, #a70512, #6f0007);
    background: -ms-linear-gradient(top, #a70512, #6f0007);
    background: -o-linear-gradient(top, #a70512, #6f0007);
    cursor: pointer;
    margin-bottom: 25px;
    line-height: 28px;
    font-size: 16px;
    color: #FFF;
    width: 90px;
}
.form-topic{
    font-size: 18px;
    margin-bottom: 10px;
}
.welcome_ad_banner{display:none;}
@media (max-width:767px){.welcome_ad_banner{display:block;}
}
.label_sport
{
    float: right;
    background-color: #d32f2f;
    padding: 0 10px;
    color: #fff !important;
    position: absolute;
    right: 1px;
    top: 47px;
}
.label_comfort
{
    float: right;
    background-color: #0091EA;
    padding: 0 10px;
    color: #fff !important;
    position: absolute;
    right: 1px;
    top: 47px;
}
.label_sportcomfort
{
    float: right;
    background-color: #FF1744;
    padding: 0 10px;
    color: #fff !important;
    position: absolute;
    right: 1px;
    top: 47px;
}
.label_eco
{
    float: right;
    background-color: #2E7D32;
    padding: 0 10px;
    color: #fff !important;
    position: absolute;
    right: 1px;
    top: 47px;
}
.label_duration
{
    float: right;
    background-color: #004D40;
    padding: 0 10px;
    color: #fff !important;
    position: absolute;
    right: 1px;
    top: 47px;
}
.label_general
{
    background-color: #006064;
    padding: 5px 10px;
    color: #fff !important;
    position: absolute;
    right: 5px;
    top: 18px;
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.adasense
{
    text-align:center;margin-bottom:10px;margin-top:10px;
    
}
.adNewGen
{
    display:none;
    
}
@media (max-width:767px){
    .adNewGen{
        display:block;
        margin: 10px 0 10px 0;
        text-align: center;
    }
}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}

#flash_sales
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.topsize
{
    padding: 2px 11px;
    background-color: #ff0010;
    color: #FFF;
    position: absolute;
    margin-left: 583px;
    margin-top: -25px;
    font-size: 15px;
}
@media (max-width:767px){
    .topsize{
        padding: 2px 11px;
        background-color: #ff0010;
        color: #FFF;
        font-size: 15px;
        margin-left: 0;
        margin-top: 10px;
        right: 0px;
    }
}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
.proprice
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.banner_synergy
{
    width:100%;
    display: block;
    text-align:center;margin-bottom:10px;margin-top:10px;
}
@media (max-width:767px){
        .banner_synergy{
            display: none;
        }
}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
.label_sponsor
{
        font-size: 9px;
    text-align: center;
    padding: 4px;
    color: #999;
}
.special_camp
{
    margin-top: 10px;
    position: relative;
    left: -15px;
    margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media (max-width: 767px){
    .special_camp{
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
        left: auto;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.stock_label
{
    color: #32CD32;
    font-size: 18px;
}
.ranking
{
    margin-top: 20px;
    margin-bottom: 5px;
    float: left;
}
@media (max-width: 767px){
    .ranking{
        float: none;
        display: inline-grid;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.brand_ranking
{
    width: 120px;
    text-align: center;
}
.brand_ranking_header
{
    border: 1px solid #000000;
    border-radius: 3px;
}
.brand_ranking_header_insite
{
    background-color: #ffa800;
    font-weight: bold;
    color: #000;
    line-height: 25px;
}
.brand_ranking_header_top
{
    line-height: 35px;
    font-size: 22px;
}
.brand_ranking_header_total
{
    font-size: 11px;
    padding-bottom: 3px;
}
.size_ranking
{
    width: 145px;
    text-align: center;
}
@media (max-width: 767px){
    .size_ranking{
        width: 165px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.size_ranking_header
{
    border: 1px solid #000000;
    border-radius: 3px;
    margin-left: 5px;
}
.size_ranking_header_insite
{
    background-color: #ffa800;
    font-weight: bold;
    color: #000;
    line-height: 25px;
}
.size_ranking_header_top
{
    line-height: 35px;
    font-size: 22px;
}
.size_ranking_header_total
{
    font-size: 11px;
    padding-bottom: 3px;
}
.wrap_ranking
{

}
@media (max-width: 767px){
    .wrap_ranking{
        width: 100%;
    text-align: center;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.tire_style_cbo_mobile{
    width: 100%;
    height: 25px;
    border: 1px solid #A46C14;
    padding: 0 5px;
    font-size: 12px;
    margin: 0 auto;
    float: left;
    margin-bottom: 10px;
}
.promotion_bottom_line
{
    position: relative;
}
.promotion_bottom_line_before
{
    position: relative;
    background: #EE4D2D;
    float: left;
    color: white;
    font-size: 16px;
    margin-left: 1px;
    text-align: center;
    padding: 1px;
    width: 32px;
    height: 22px;
    font-weight: bold;
    line-height: 19px;
}
.promotion_bottom_line_after
{
    position: relative;
    background: #0053D1;
    float: left;
    color: white;
    font-size: 14px;
    padding-left: 2px;
    text-align: center;
    width: 225px;
    height: 22px;
    line-height: 26px;
}
.linktotopbrand
{
    font-size: 14px;
    float: left;
    width: 100%;
    text-align: center;
    font-style: oblique;
    text-decoration: underline;
    color: darkred;
    margin-top: 10px;
}
.leaf {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: conic-gradient(from 180deg, #2f7d32, #7ad05e);
    border-radius: 6px 14px 6px 14px;
    transform: rotate(15deg);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
}
.eco-strip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-top: 5px;
}
.eco-pill__label {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 2px 5px 2px 5px;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(180deg, #2f7d32, #2a6e2d);
    letter-spacing: .2px;
    font-weight: bold;
}
@media (max-width: 767px){
    .eco-pill__label{
        position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 2px 10px 2px 10px;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(180deg, #2f7d32, #2a6e2d);
    letter-spacing: .2px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.eco-mid {
        display: inline-flex;
    align-items: center;
    height: 25px;
    overflow: hidden;
    background: #f4f5f7;
}
.eco-mid__icon {
    width: 50px;
    height: 29px;
    display: grid;
    place-items: center;
    background: #eef3f9;
    border-right: 1px solid #d6d9de;
}
.eco-icon {
    width: 22px;
    height: 22px;
    display: block;
}
.eco-mid__grade {
    width: 40px;
    height: 32px;
    display: grid;
    place-items: center;
    letter-spacing: .2px;
        font-weight: bold;
    font-size: 16px;
}
@media (max-width: 767px){
    .eco-mid__grade {
        width: 40px;
    height: 32px;
    display: grid;
    place-items: center;
    letter-spacing: .2px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.eco-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 25px;
    overflow: hidden;
    background: #fff;
}
.eco-pill__grade {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 30px;
    padding: 0 5px 0 5px;
    background: #f4f5f7;
    font-size: 16px;
    font-weight: bold;
}
@media (max-width: 767px){
    .eco-pill__grade{
        padding: 0 10px 0 10px;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.eco-db {
    font-size: 12px;
    margin-left: 4px;
    font-weight: 900;
    opacity: .85;
}
.eco-sticker-outbox
{
    width: 100%;
    float: left;
    margin: 0 auto;
}
.eco-sticker
{
    float: left;width: 100%;margin-top: 10px;margin-left: 0px;
}
@media (max-width: 767px){
    .eco-sticker{
        font-size: 16px;
        width: 315px;
        margin: 10px auto;
        float: none;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.tire-info
{

}@media (max-width: 767px){
    .tire-info{
        position: absolute;
    right: 20%;
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
    
}
@media (min-width: 1200px) {
    
}
.score-box-outbox
{
    width: 100%;
    float: left;
    margin: 0 auto;
}
/* Mobile Sticky Order */
.mobile-sticky-order {
    display: none;
}

@media (max-width: 767px) {

    body.sticky-order-enabled {
        padding-bottom:
            calc(82px + env(safe-area-inset-bottom));
    }

    .mobile-sticky-order {
        display: block;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1100;

        padding:
            8px 12px
            calc(8px + env(safe-area-inset-bottom));

        background: #fff;
        border-top: 1px solid #ddd;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.16);
    }

    .mobile-sticky-order__inner {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .mobile-sticky-order__price {
        min-width: 0;
        line-height: 1.15;
    }

    .mobile-sticky-order__stock {
        display: block;
        margin-bottom: 2px;
        color: #197b30;
        font-size: 13px;
        white-space: nowrap;
    }

    .mobile-sticky-order__value {
        color: #555;
        font-size: 15px;
        white-space: nowrap;
    }

    .mobile-sticky-order__value strong {
        color: #d20612;
        font-size: 22px;
        font-weight: 700;
    }

    .mobile-sticky-order__total {
        display: block;
        margin-top: 1px;
        color: #777;
        font-size: 13px;
        white-space: nowrap;
    }

    .mobile-sticky-order__button {
        min-width: 145px;
        min-height: 48px;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;

        padding: 8px 12px;
        border: 1px solid #d38800;
        border-radius: 6px;

        color: #fff !important;
        background:
            linear-gradient(to bottom, #fba200, #c17d00);

        font-size: 17px;
        font-weight: 500;
        text-align: center;
        text-decoration: none !important;
    }

    .mobile-sticky-order__button:active {
        background: #b97500;
    }

    /* ซ่อนปุ่มโทรศัพท์ LINE Facebook เฉพาะ Mobile */
    .lineOfficialIcon,
    .facebookOfficialIcon {
        display: none !important;
    }

    /* ซ่อนปุ่มกลับขึ้นด้านบนเมื่อมี Sticky */
    body.sticky-order-enabled [data-scroll] {
        display: none !important;
    }

    /* ซ่อนราคาและ CTA ในการ์ดเมื่อ Sticky แสดง */
    body.sticky-order-enabled .promotion-price-block,
    body.sticky-order-enabled .promotion-desktop-actions {
        display: none !important;
    }
}

@media (max-width: 359px) {

    .mobile-sticky-order__stock {
        max-width: 135px;
        overflow: hidden;
        font-size: 11px;
        text-overflow: ellipsis;
    }

    .mobile-sticky-order__total {
        display: none;
    }

    .mobile-sticky-order__button {
        min-width: 132px;
        padding-right: 8px;
        padding-left: 8px;
        font-size: 13px;
    }
}

/* ================================================================
   Recommended tyre cards — shared visual language with Search 2026
   Scope every rule to this section so the original detail layout stays intact.
   ================================================================ */

#atc-detail-recommendations,
#atc-detail-recommendations * {
    box-sizing: border-box;
}

#atc-detail-recommendations {
    width: 100%;
    margin: 0 4px 18px;
}

#atc-detail-recommendations .atc-detail-recommend-viewport {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 10px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: #d8b480 #f5efe6;
    -webkit-overflow-scrolling: touch;
}

#atc-detail-recommendations .atc-detail-recommend-list {
    width: max-content !important;
    height: auto !important;
    display: flex;
    align-items: stretch;
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

#atc-detail-recommendations .atc-detail-recommend-list > li {
    width: 280px;
    min-width: 280px;
    display: flex;
    margin: 0;
    padding: 0;
    scroll-snap-align: start;
}

#atc-detail-recommendations .atc-search-card {
    width: 100%;
    min-width: 0;
    min-height: 520px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin: 0;
    border: 1px solid #e79500;
    border-top: 4px solid #a46c14;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(75, 49, 16, 0.08);
}

#atc-detail-recommendations .atc-detail-recommend-card__product {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 10px 10px 0;
    color: inherit;
    text-decoration: none !important;
}

#atc-detail-recommendations .atc-search-card__mobile-meta {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 7px;
}

#atc-detail-recommendations .atc-search-card__mobile-badge {
    min-width: 0;
    overflow: hidden;
    padding: 4px 7px;
    border-radius: 3px;
    background: #f4e6cd;
    color: #704b12;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#atc-detail-recommendations .atc-search-card__mobile-size {
    flex: 0 0 auto;
    color: #197b30;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

#atc-detail-recommendations .atc-detail-recommend-card__product > h3 {
    min-height: 42px;
    overflow: hidden;
    display: -webkit-box;
    margin: 0;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#atc-detail-recommendations .atc-detail-recommend-card__product > h3 span {
    color: #9e050f;
}

#atc-detail-recommendations .atc-search-card__mobile-product {
    min-width: 0;
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-height: 132px;
    margin-top: 5px;
}

#atc-detail-recommendations .atc-search-card__mobile-tire-image {
    width: 82px;
    height: 124px;
    display: block;
    object-fit: contain;
}

#atc-detail-recommendations .atc-search-card__mobile-product-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

#atc-detail-recommendations .atc-search-card__mobile-brand-logo {
    width: auto;
    max-width: 92px;
    height: 23px;
    display: block;
    object-fit: contain;
    object-position: left center;
}

#atc-detail-recommendations .atc-search-card__mobile-type {
    max-width: 100%;
    overflow: hidden;
    padding: 3px 6px;
    border-radius: 3px;
    background: #205f60;
    color: #fff;
    font-size: 9px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#atc-detail-recommendations .atc-search-card__mobile-price {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#atc-detail-recommendations .atc-search-card__mobile-price strong {
    max-width: 100%;
    overflow: hidden;
    color: #d20612;
    font-size: 26px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#atc-detail-recommendations .atc-search-card__mobile-price strong.is-enquiry {
    font-size: 17px;
}

#atc-detail-recommendations .atc-search-card__mobile-price small {
    color: #777;
    font-size: 11px;
}

#atc-detail-recommendations .atc-card-reasons {
    min-height: 33px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 5px;
}

#atc-detail-recommendations .atc-overall-score,
#atc-detail-recommendations .atc-benefit-chip {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #f3f3f3;
    color: #555;
    font-size: 10px;
    line-height: 1.1;
    white-space: nowrap;
}

#atc-detail-recommendations .atc-overall-score {
    background: #fff3d7;
    color: #765000;
}

#atc-detail-recommendations .atc-overall-score b {
    color: #d18a00;
    font-size: 12px;
}

#atc-detail-recommendations .atc-overall-score small {
    font-size: 9px;
}

#atc-detail-recommendations .atc-benefit-chip--promotion {
    background: #d8341f;
    color: #fff;
}

#atc-detail-recommendations .atc-search-card__mobile-insights {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 6px;
    padding-top: 7px;
    border-top: 1px solid #eee5d6;
}

#atc-detail-recommendations .atc-search-card__mobile-eco {
    min-width: 0;
    display: grid;
    grid-template-columns: auto repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 3px;
    color: #40523d;
    font-size: 9px;
    text-align: center;
}

#atc-detail-recommendations .atc-search-card__mobile-eco > span {
    min-width: 0;
    padding: 4px 2px;
    border-radius: 3px;
    background: #eef5e9;
    white-space: nowrap;
}

#atc-detail-recommendations .atc-search-card__mobile-eco .atc-search-card__mobile-insight-label {
    background: #197b30;
    color: #fff;
    font-weight: 700;
}

#atc-detail-recommendations .atc-search-card__mobile-eco strong {
    color: #197b30;
    font-size: 11px;
}

#atc-detail-recommendations .atc-search-card__mobile-scores {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
}

#atc-detail-recommendations .atc-search-card__mobile-scores span {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
    padding: 4px 5px;
    border-radius: 3px;
    background: #f4f4f4;
    color: #555;
    font-size: 10px;
    line-height: 1.2;
    white-space: nowrap;
}

#atc-detail-recommendations .atc-search-card__mobile-scores strong {
    color: #222;
    font-size: 11px;
}

#atc-detail-recommendations .atc-detail-recommend-card__offer {
    margin: auto -10px 0;
    padding: 9px 10px;
    border-top: 1px solid #ece1cf;
    background: #fffdf8;
    color: #666;
    font-size: 11px;
    line-height: 1.35;
    text-align: center;
}

#atc-detail-recommendations .atc-detail-recommend-card__offer > span {
    display: block;
    margin-top: 4px;
}

#atc-detail-recommendations .atc-detail-recommend-card__offer > span strong {
    color: #d20612;
    font-size: 14px;
}

#atc-detail-recommendations .atc-detail-recommend-card__dealer {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

#atc-detail-recommendations .atc-detail-recommend-card__dealer img {
    width: auto;
    max-width: 74px;
    height: 24px;
    display: block;
    object-fit: contain;
}

#atc-detail-recommendations .atc-detail-recommend-card__dealer strong {
    overflow: hidden;
    color: #222;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#atc-detail-recommendations .atc-search-card__partner {
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    border-top: 1px solid #ece1cf;
    border-bottom: 1px solid #ece1cf;
    background: #fff9ef;
    color: #6d604c;
}

#atc-detail-recommendations .atc-search-card__partner-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

#atc-detail-recommendations .atc-search-card__partner-check {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #a46c14;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

#atc-detail-recommendations .atc-search-card__actions {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 7px;
    padding: 8px 9px 10px;
    background: #fff;
}

#atc-detail-recommendations .atc-card-btn {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
}

#atc-detail-recommendations .atc-card-btn--secondary {
    border: 1px solid #a46c14;
    background: #fff;
    color: #6f4b11 !important;
}

#atc-detail-recommendations .atc-card-btn--primary {
    border: 1px solid #7e020a;
    background: linear-gradient(to bottom, #a70512, #6f0007);
    color: #fff !important;
}

#atc-detail-recommendations .atc-cta-mobile {
    display: none;
}

/* Tirebids — yellow and black */
#atc-detail-recommendations .atc-search-card--tirebids {
    border-color: #f4d81f;
    border-top-color: #f4d81f;
}

#atc-detail-recommendations .atc-search-card--tirebids .atc-search-card__mobile-badge,
#atc-detail-recommendations .atc-search-card--tirebids .atc-search-card__partner-check {
    background: #f4d81f;
    color: #212121;
}

#atc-detail-recommendations .atc-search-card--tirebids .atc-search-card__partner {
    border-color: #f4d81f;
    background: #fff9cf;
    color: #212121;
}

#atc-detail-recommendations .atc-search-card--tirebids .atc-card-btn--primary {
    border-color: #212121;
    background: #f4d81f;
    color: #212121 !important;
}

/* Mega Euro — black and orange */
#atc-detail-recommendations .atc-search-card--mega_euro {
    border-color: #faaa37;
    border-top-color: #08090b;
}

#atc-detail-recommendations .atc-search-card--mega_euro .atc-search-card__mobile-badge {
    background: #08090b;
    color: #faaa37;
}

#atc-detail-recommendations .atc-search-card--mega_euro .atc-search-card__partner {
    border-color: #faaa37;
    background: #fff3e2;
    color: #08090b;
}

#atc-detail-recommendations .atc-search-card--mega_euro .atc-search-card__partner-check {
    background: #faaa37;
    color: #08090b;
}

#atc-detail-recommendations .atc-search-card--mega_euro .atc-card-btn--primary {
    border-color: #faaa37;
    background: #08090b;
    color: #faaa37 !important;
}

@media (max-width: 767px) {
    .deal_with_atc .title {
        padding: 10px 12px;
        font-size: 17px;
        line-height: 1.4;
    }

    #atc-detail-recommendations .atc-detail-recommend-viewport {
        padding-right: 0;
        padding-left: 0;
    }

    #atc-detail-recommendations .atc-detail-recommend-list {
        gap: 8px;
    }

    #atc-detail-recommendations .atc-detail-recommend-list > li {
        width: clamp(158px, calc((100vw - 34px) / 2), 184px);
        min-width: clamp(158px, calc((100vw - 34px) / 2), 184px);
    }

    #atc-detail-recommendations .atc-search-card {
        min-height: 480px;
        border-radius: 5px;
    }

    #atc-detail-recommendations .atc-detail-recommend-card__product {
        padding: 8px 7px 0;
    }

    #atc-detail-recommendations .atc-search-card__mobile-meta {
        gap: 3px;
        margin-bottom: 5px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-badge {
        padding: 3px 4px;
        font-size: 10px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-size {
        font-size: 11px;
    }

    #atc-detail-recommendations .atc-detail-recommend-card__product > h3 {
        min-height: 38px;
        font-size: 14px;
        line-height: 1.4;
    }

    #atc-detail-recommendations .atc-search-card__mobile-product {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 5px;
        min-height: 104px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-tire-image {
        width: 58px;
        height: 98px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-product-info {
        gap: 5px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-brand-logo {
        max-width: 72px;
        height: 18px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-type {
        padding: 3px 4px;
        font-size: 8px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-price strong {
        font-size: clamp(20px, 5.6vw, 24px);
    }

    #atc-detail-recommendations .atc-search-card__mobile-price strong.is-enquiry {
        font-size: 14px;
    }

    #atc-detail-recommendations .atc-card-reasons {
        min-height: 30px;
        gap: 3px;
    }

    #atc-detail-recommendations .atc-overall-score,
    #atc-detail-recommendations .atc-benefit-chip {
        min-height: 22px;
        padding: 3px 4px;
        font-size: 8px;
    }

    #atc-detail-recommendations .atc-overall-score b {
        font-size: 10px;
    }

    #atc-detail-recommendations .atc-overall-score small {
        display: none;
    }

    #atc-detail-recommendations .atc-search-card__mobile-eco {
        font-size: 8px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-eco > span {
        padding: 3px 1px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-eco strong,
    #atc-detail-recommendations .atc-search-card__mobile-scores strong {
        font-size: 9px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-scores span {
        padding: 3px;
        font-size: 8px;
    }

    #atc-detail-recommendations .atc-detail-recommend-card__offer {
        margin-right: -7px;
        margin-left: -7px;
        padding: 7px 6px;
        font-size: 9px;
    }

    #atc-detail-recommendations .atc-detail-recommend-card__dealer {
        gap: 4px;
    }

    #atc-detail-recommendations .atc-detail-recommend-card__dealer img {
        max-width: 52px;
        height: 18px;
    }

    #atc-detail-recommendations .atc-detail-recommend-card__dealer strong {
        font-size: 9px;
    }

    #atc-detail-recommendations .atc-search-card__partner {
        min-height: 32px;
        padding: 5px;
    }

    #atc-detail-recommendations .atc-search-card__partner-status {
        gap: 3px;
        font-size: 9px;
    }

    #atc-detail-recommendations .atc-search-card__partner-check {
        width: 15px;
        height: 15px;
        font-size: 10px;
    }

    #atc-detail-recommendations .atc-search-card__actions {
        grid-template-columns: 1fr;
        padding: 7px;
    }

    #atc-detail-recommendations .atc-card-btn {
        min-height: 41px;
        padding: 6px 4px;
        font-size: 11px;
    }

    #atc-detail-recommendations .atc-card-btn--secondary,
    #atc-detail-recommendations .atc-cta-desktop {
        display: none;
    }

    #atc-detail-recommendations .atc-cta-mobile {
        display: inline;
    }
}

@media (max-width: 359px) {
    #atc-detail-recommendations .atc-detail-recommend-list > li {
        width: 154px;
        min-width: 154px;
    }

    #atc-detail-recommendations .atc-search-card__mobile-product {
        grid-template-columns: 52px minmax(0, 1fr);
    }

    #atc-detail-recommendations .atc-search-card__mobile-tire-image {
        width: 52px;
        height: 92px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #atc-detail-recommendations .atc-detail-recommend-viewport {
        scroll-behavior: auto;
    }
}

/* Detail SEO summary — scoped so the original product layout is unchanged. */
.atc-fit-summary {
    clear: both;
    margin: 14px 0 8px;
    padding: 16px 18px;
    border: 1px solid #eadfca;
    border-radius: 12px;
    background: linear-gradient(135deg, #fffaf1 0%, #ffffff 70%);
    color: #2a2a2a;
    text-align: left;
}

.atc-fit-summary h2 {
    margin: 0 0 7px;
    color: #181818;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.atc-fit-summary p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
}

.atc-fit-summary__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 11px;
}

.atc-fit-summary__badges span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid #efb642;
    border-radius: 999px;
    background: #fff4d8;
    color: #5b3b00;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.seo-internal {
    margin: 10px 0 0;
    text-align: center;
}

.seo-internal a {
    color: #1459a6;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#tire-name h2 {
    margin: 0;
    font-size: inherit;
    font-weight: 700;
    line-height: 1.25;
}

.atc-ranking-period {
    margin: 5px 0 10px;
    color: #777;
    font-size: 11px;
    text-align: center;
}

.atc-price-enquiry {
    color: #b85b00;
    font-weight: 700;
}

@media (max-width: 767px) {
    .atc-fit-summary {
        margin: 12px 0 7px;
        padding: 13px 14px;
        border-radius: 10px;
    }

    .atc-fit-summary h2 {
        font-size: 16px;
    }

    .atc-fit-summary p {
        font-size: 13px;
        line-height: 1.65;
    }

    .atc-fit-summary__badges {
        gap: 5px;
        margin-top: 9px;
    }

    .atc-fit-summary__badges span {
        min-height: 25px;
        padding: 3px 8px;
        font-size: 11px;
    }
}

/* ATC Detail 2026.09.11.3 — scoped refresh; explicit resets for legacy layout. */
#detail-box.atc-detail-refresh {
    --atcdi-release: "2026.09.11.3";
    --atcdi-ink: #18202d;
    --atcdi-muted: #586579;
    --atcdi-line: #dfe4ec;
    --atcdi-gold: #eea20d;
    --atcdi-soft: #f5f6f9;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 20px;
    width: calc(100% - 32px);
    max-width: 1480px;
    margin: 18px auto 28px;
    color: var(--atcdi-ink);
    font-size: 16px;
    line-height: 1.6;
    align-items: start;
}
#detail-box.atc-detail-refresh > .detail-left-box.rev,
#detail-box.atc-detail-refresh > .detail-right-box.rev {
    width: 100%; min-width: 0; margin: 0; float: none;
}
#detail-box.atc-detail-refresh > .detail-left-box.rev { overflow: visible; }
#detail-box.atc-detail-refresh > .detail-right-box.rev img { max-width: 100%; }
#detail-box.atc-detail-refresh #form-box .form-topic {
    height: auto; min-height: 40px; box-sizing: border-box;
    padding: 8px 10px; line-height: 1.5; font-size: 16px;
    white-space: normal; overflow-wrap: anywhere;
    background: linear-gradient(180deg, #9c231a, #651009); color: #fff;
}
#detail-box.atc-detail-refresh > .clear-both { display: none; }
#detail-box.atc-detail-refresh .atcdi-jump,
#detail-box.atc-detail-refresh .atcdi__panel,
#detail-box.atc-detail-refresh #tire-detail-box,
#detail-box.atc-detail-refresh .atcdi__panel * { box-sizing: border-box; }
#detail-box.atc-detail-refresh #recomment-search-box.tire-page {
    padding: 8px 12px; border-radius: 10px; background: #19212d;
}
#detail-box.atc-detail-refresh #recomment-search-box.tire-page .title {
    margin: 0; padding: 0; font-size: 16px; line-height: 1.5; color: #fff;
}
#detail-box.atc-detail-refresh .atc-detail-breadcrumb {
    display: flex; flex-wrap: wrap; align-items: center; gap: 5px 8px;
    padding: 12px 0; margin: 0; width: auto; font-size: 14px; line-height: 1.6;
    color: var(--atcdi-muted); background: transparent;
}
#detail-box.atc-detail-refresh .atc-detail-breadcrumb a { color: #435571; }
#detail-box.atc-detail-refresh #box-search-tire-option { margin: 0 0 12px; padding: 0; }
#detail-box.atc-detail-refresh #box-search-tire-option .btn-option {
    padding: 9px 16px; min-height: 44px; font-size: 14px; line-height: 1.5;
    border: 1px solid var(--atcdi-line); border-radius: 10px; background: #fff; color: #40506a;
}
#detail-box.atc-detail-refresh #tire-detail-box {
    width: 100%; padding: 20px; margin: 0 0 18px;
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    align-items: start; gap: 20px; background: #fff;
    border: 1px solid var(--atcdi-line); border-top: 3px solid var(--atcdi-gold);
    border-radius: 14px; box-shadow: 0 5px 20px #18202d08;
}
#detail-box.atc-detail-refresh .atcdi-product-heading {
    display: block; text-align: left;
    grid-column: 1 / -1; padding-bottom: 12px; border-bottom: 1px solid var(--atcdi-line);
}
#detail-box.atc-detail-refresh .atcdi-product-heading h1 {
    margin: 0 0 8px; font-size: clamp(26px, 2.3vw, 32px); line-height: 1.35;
    color: var(--atcdi-ink); overflow-wrap: anywhere;
}
#detail-box.atc-detail-refresh .atcdi-product-heading .info {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    font-size: 16px; color: #40506a;
}
#detail-box.atc-detail-refresh .atcdi-product-heading .info span {
    font-size: 16px; color: inherit; line-height: 1.5;
}
#detail-box.atc-detail-refresh .atcdi-product-heading .info span:first-child {
    display: inline-block; padding: 3px 9px; border-radius: 6px;
    color: #243e60; background: #edf1f7; font-weight: 700;
}
.atcdi-jump { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 10px; }
.atcdi-jump a {
    display: inline-flex; align-items: center; min-height: 40px; padding: 2px 0;
    color: #865600; font-size: 14px; font-weight: 700; text-decoration: underline;
    text-underline-offset: 4px;
}
#detail-box.atc-detail-refresh #tire-detail-box > .tire-left-box,
#detail-box.atc-detail-refresh #tire-detail-box > .tire-right-box {
    float: none; min-width: 0; width: 100%; margin: 0;
}
#detail-box.atc-detail-refresh #tire-detail-box > .topsize {
    position: static; inset: auto; grid-column: 1 / -1; margin: 0;
    width: auto; min-width: 0; padding: 8px 12px; border-radius: 8px;
    font-size: 14px; line-height: 1.5;
}
#detail-box.atc-detail-refresh #tire-detail-box .tire-score-box {
    width: 100%; max-width: none; padding: 0; margin: 0;
}
#detail-box.atc-detail-refresh #tire-brand-logo { margin: 0 0 12px; }
#detail-box.atc-detail-refresh .tire-score > .pull-left {
    float: none; display: flex; justify-content: center; width: 100%;
}
#detail-box.atc-detail-refresh .tire-score > .pull-left img {
    width: auto; height: 220px; max-width: 100%; object-fit: contain; margin: 0 auto 10px;
}
#detail-box.atc-detail-refresh .tire-score-box > .tire-info { position: static; }
#detail-box.atc-detail-refresh .eco-sticker { width: 100%; float: none; margin: 10px 0; }
#detail-box.atc-detail-refresh .eco-strip { justify-content: center; gap: 6px; flex-wrap: wrap; }
#detail-box.atc-detail-refresh .eco-pill__label { font-size: 14px; padding-inline: 6px; }
#detail-box.atc-detail-refresh .eco-mid__icon { width: 30px; }
#detail-box.atc-detail-refresh .eco-mid__grade { width: 28px; }
#detail-box.atc-detail-refresh .score-box-outbox { float: none; clear: both; }
#detail-box.atc-detail-refresh .tire-score .score-box { width: 100%; max-width: 360px; float: none; margin: 12px auto; }
#detail-box.atc-detail-refresh .tire-score .score-tab {
    height: 26px; line-height: 26px; padding: 0 8px; margin: 5px 0;
    border-radius: 5px; font-size: 14px; box-sizing: border-box;
}
#detail-box.atc-detail-refresh .tire-score .score-point { font-size: 14px; line-height: 26px; }
#detail-box.atc-detail-refresh .linktotopbrand { clear: both; font-size: 14px; line-height: 1.5; margin: 10px 0; }
#detail-box.atc-detail-refresh .tire-score-box .price-box {
    float: none; width: 100%; box-sizing: border-box; padding: 0; margin: 16px 0;
    overflow: visible; border: 1px solid #e4d4ae; border-radius: 10px;
}
#detail-box.atc-detail-refresh .tire-score-box .price-box .price-tag {
    float: none; width: auto; padding: 8px 12px; margin: 0; line-height: 1.5;
    font-size: 16px; border-radius: 9px 9px 0 0;
}
#detail-box.atc-detail-refresh .atc-fit-summary { padding: 14px; margin: 14px 0; }
#detail-box.atc-detail-refresh .atc-fit-summary h2 { font-size: 20px; line-height: 1.4; }
#detail-box.atc-detail-refresh .atc-fit-summary p { font-size: 16px; line-height: 1.65; }
#detail-box.atc-detail-refresh .atc-fit-summary__badges span { font-size: 13px; }
#detail-box.atc-detail-refresh .seo-internal a { font-size: 14px; }
#detail-box.atc-detail-refresh #tire-spec-title,
#detail-box.atc-detail-refresh .tire-top-list {
    float: none; width: 100%; box-sizing: border-box; padding: 10px 12px;
    margin: 16px 0 10px; border: 1px solid var(--atcdi-line); border-left: 3px solid var(--atcdi-gold);
    border-radius: 8px; background: var(--atcdi-soft); color: var(--atcdi-ink);
    font-size: 18px; font-weight: 700; line-height: 1.5;
}
#detail-box.atc-detail-refresh .tire-right-box > header { display: none; }
#detail-box.atc-detail-refresh .tire-right-box .category { font-size: 18px; line-height: 1.5; color: #253750; }
#detail-box.atc-detail-refresh .spec-table { width: 100%; font-size: 16px; line-height: 1.6; }
#detail-box.atc-detail-refresh .spec-table .tr { display: flex; flex-wrap: wrap; }
#detail-box.atc-detail-refresh .spec-table .td { padding: 8px 10px; font-size: 16px; overflow-wrap: anywhere; }
#detail-box.atc-detail-refresh .spec-table .tr .td { box-sizing: border-box; float: none; min-width: 0; flex: 1; }
#detail-box.atc-detail-refresh .spec-table .tr .td.th { flex: 0 0 48%; width: 48%; }
#detail-box.atc-detail-refresh .atcdi-side-link {
    display: block; margin-top: 16px; padding: 12px; border: 1px solid #e6d4a5;
    border-radius: 10px; background: #fff9e9; color: #775100; font-size: 14px;
}
.atcdi-insights { clear: both; display: grid; gap: 16px; margin-top: 20px; }
.atcdi__panel {
    min-width: 0; padding: 16px; border: 1px solid #dfe4ec; border-radius: 12px;
    background: #fafbfd; color: #18202d; font-size: 16px; line-height: 1.6;
    scroll-margin-top: 20px;
}
.atcdi__head { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.atcdi__panel .atcdi__eyebrow { margin: 0 0 4px; color: #906009; font-size: 13px; font-weight: 700; }
.atcdi__panel h2 { margin: 0; font-size: 20px; line-height: 1.4; color: #18202d; }
.atcdi__badge { padding: 2px 8px; border: 1px solid #e5c572; border-radius: 20px; font-size: 13px; color: #7a5100; white-space: nowrap; background: #fff7dc; }
.atcdi__panel .atcdi__note { margin: 8px 0 12px; color: #586579; font-size: 14px; line-height: 1.6; }
.atcdi__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 14px 0; }
.atcdi__metrics > div { min-width: 0; border-left: 2px solid #dbe2ed; padding-left: 10px; }
.atcdi__metrics span { display: block; color: #586579; font-size: 13px; }
.atcdi__metrics strong { display: block; margin: 4px 0; font-size: 23px; line-height: 1.4; font-variant-numeric: tabular-nums; }
.atcdi__metrics strong.atcdi__delta { font-size: 16px; color: #3d526e; }
.atcdi__metrics small { font-size: 13px; font-weight: 400; }
.atcdi__chart { width: 100%; min-width: 0; height: 180px; margin: 8px 0; }
.atcdi__chart[hidden] { display: none; }
.atcdi__chart svg { display: block; max-width: 100%; }
.atcdi__readout { margin: 8px 0; min-height: 44px; padding-top: 8px; border-top: 1px solid #e2e7ef; color: #405571; font-size: 14px; line-height: 1.6; }
.atcdi__panel details > summary { cursor: pointer; min-height: 44px; padding: 10px 0; font-size: 14px; font-weight: 700; color: #765300; }
.atcdi__panel details[open] > summary { margin-bottom: 4px; }
.atcdi__table-details { border-top: 1px solid #e2e7ef; }
.atcdi__table-scroll { overflow-x: auto; max-width: 100%; }
.atcdi__table-scroll table { border-collapse: collapse; width: 100%; min-width: 450px; font-size: 14px; background: #fff; }
.atcdi__table-scroll th, .atcdi__table-scroll td { padding: 9px 8px; text-align: left; border-bottom: 1px solid #e2e7ef; }
.atcdi__table-scroll thead th { background: #edf1f6; }
.atcdi__table-scroll td:nth-child(2), .atcdi__table-scroll td:nth-child(3) { text-align: right; font-variant-numeric: tabular-nums; }
.atcdi__table-scroll small { display: block; font-size: 12px; color: #6b7280; }
.atcdi__table-scroll caption { text-align: left; font-size: 13px; padding-bottom: 8px; }
.atcdi__panel .atcdi__method > summary { color: #586579; font-weight: 400; }
.atcdi__method p { font-size: 14px; margin: 8px 0; color: #586579; }
.atcdi__fit-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.atcdi__fit-group { min-width: 0; padding: 0 10px; border: 1px solid #dfe4ec; border-radius: 8px; background: #fff; }
.atcdi__panel .atcdi__fit-group > summary { color: #23334a; font-size: 15px; line-height: 1.45; }
.atcdi__fit-count { display: block; color: #586579; font-size: 13px; font-weight: 400; }
.atcdi__fit-list { list-style: none; padding: 0; margin: 0 0 8px; }
.atcdi__fit-list li { margin: 0; border-top: 1px solid #edf0f5; }
.atcdi__fit-link { display: block; padding: 10px 0; min-height: 44px; color: #294b78; text-decoration: none; overflow-wrap: anywhere; font-size: 14px; }
.atcdi__fit-link:hover { text-decoration: underline; }
.atcdi__fit-meta { display: block; font-size: 13px; color: #586579; }
.atcdi__fit-more { margin-top: 10px; }
.atcdi__empty { border: 1px dashed #d2dbe8; border-radius: 8px; padding: 12px; margin: 12px 0; font-size: 14px; color: #586579; background: #fff; }
#detail-box.atc-detail-refresh :is(.atcdi-jump a, .atcdi__panel a, .atcdi__panel summary, .atcdi__table-scroll):focus-visible { outline: 3px solid #315d9b; outline-offset: 3px; }
#detail-box.atc-detail-refresh :is(#atc-detail-price, #atc-detail-specs, #atc-detail-recommendations, #each_other_model_title, #atc-detail-wheels-title) { scroll-margin-top: 20px; }
#detail-box.atc-detail-refresh .atcdi-wheel-note { font-size: 14px; color: #586579; margin: 8px 0; }
#detail-box.atc-detail-refresh [data-atcdi-list] { display: grid; gap: 8px; margin: 10px 0; padding: 0; }
#detail-box.atc-detail-refresh [data-atcdi-list] > .sub-item { padding: 0; }
#detail-box.atc-detail-refresh [data-atcdi-list] > [hidden] { display: none !important; }
#detail-box.atc-detail-refresh [data-atcdi-list] .box {
    display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 10px; align-items: center;
    padding: 10px; width: 100%; min-height: 96px; box-sizing: border-box;
    border: 1px solid #dfe4ec; border-radius: 10px; background: #fff;
}
#detail-box.atc-detail-refresh [data-atcdi-list] .box .num {
    grid-column: 3; grid-row: 1; float: none; margin: 0; width: 24px; height: 24px;
    line-height: 24px; font-size: 13px; color: #775100; background: #fff3d3;
}
#detail-box.atc-detail-refresh [data-atcdi-list] .box .banner {
    grid-column: 1; grid-row: 1; float: none; width: 72px; height: 80px; margin: 0; background: #fff;
}
#detail-box.atc-detail-refresh [data-atcdi-list] .box .banner img { width: 100%; height: 80px; object-fit: contain; }
#detail-box.atc-detail-refresh [data-atcdi-list] .box .detail {
    grid-column: 2; grid-row: 1; float: none; min-width: 0; width: auto; margin: 0;
}
#detail-box.atc-detail-refresh [data-atcdi-list] .box .detail .title { font-size: 16px; line-height: 1.45; margin: 0; }
#detail-box.atc-detail-refresh [data-atcdi-list] .box .detail .price { font-size: 18px; font-weight: 700; }
#detail-box.atc-detail-refresh [data-atcdi-list] .box .detail .view { font-size: 13px; }
#detail-box.atc-detail-refresh .atcdi-list-toggle {
    display: block; width: 100%; min-height: 44px; margin: 8px 0 14px; padding: 8px 12px;
    border: 1px solid #dabb78; border-radius: 8px; background: #fff9ea; color: #775100;
    font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
#detail-box.atc-detail-refresh .atcdi-list-toggle:focus-visible { outline: 3px solid #315d9b; outline-offset: 3px; }
.atcdi-anchor { display: block; clear: both; scroll-margin-top: 20px; }
#detail-box.atc-detail-refresh #atc-detail-recommendations { margin-inline: 0; }
@media (min-width: 992px) and (max-width: 1279px) {
    #detail-box.atc-detail-refresh { grid-template-columns: 230px minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 991px) {
    #detail-box.atc-detail-refresh { grid-template-columns: minmax(0, 1fr); }
    #detail-box.atc-detail-refresh > .detail-right-box.rev { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
    #detail-box.atc-detail-refresh #box-search-tire-option { display: block !important; }
}
@media (max-width: 767px) {
    #detail-box.atc-detail-refresh { width: calc(100% - 24px); margin-top: 12px; gap: 12px; }
    #detail-box.atc-detail-refresh #tire-detail-box { grid-template-columns: minmax(0, 1fr); padding: 14px; gap: 16px; }
    #detail-box.atc-detail-refresh .atcdi-product-heading h1 { font-size: 25px; }
    #detail-box.atc-detail-refresh .atcdi-product-heading .info { font-size: 16px; }
    #detail-box.atc-detail-refresh .tire-score > .pull-left img { height: 190px; }
    #detail-box.atc-detail-refresh .atc-detail-breadcrumb { font-size: 14px; }
    #detail-box.atc-detail-refresh :is(.atcdi__panel h2, .atc-fit-summary h2) { font-size: 19px; }
    .atcdi__panel { padding: 12px; }
    .atcdi__chart { height: 150px; }
    .atcdi__metrics strong { font-size: 21px; }
    .atcdi__metrics strong.atcdi__delta { font-size: 15px; }
    .atcdi-jump { gap: 0 12px; }
    .atcdi-jump a { min-height: 44px; }
    body.atcdi-refresh.sticky-order-enabled { padding-bottom: var(--atcdi-sticky-space, calc(106px + env(safe-area-inset-bottom))) !important; }
    body.atcdi-refresh .mobile-sticky-order { box-sizing: border-box; }
    body.atcdi-refresh .mobile-sticky-order__stock,
    body.atcdi-refresh .mobile-sticky-order__total { white-space: normal; }
    body.atcdi-refresh .mobile-sticky-order__button { min-width: 120px; flex-shrink: 0; }
}
@media (max-width: 359px) {
    #detail-box.atc-detail-refresh { width: calc(100% - 16px); }
    #detail-box.atc-detail-refresh #tire-detail-box { padding: 10px; }
    .atcdi__metrics { grid-template-columns: minmax(0, 1fr); }
    body.atcdi-refresh .mobile-sticky-order__inner { gap: 6px; }
    body.atcdi-refresh .mobile-sticky-order__button { min-width: 105px; font-size: 15px; padding: 8px; }
}

/* ATC Detail layout refinements 2026.09.11.4.
   This complete stylesheet is loaded by the Detail header only. */
#content-box {
    width: 1185px;
    max-width: calc(100% - 32px);
}
#detail-box.atc-detail-refresh {
    --atcdi-release: "2026.09.11.4";
    width: 100%;
    max-width: none;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 16px;
}

/* The price heading participates in normal flow, above every dealer logo. */
#detail-box.atc-detail-refresh #tire-detail-box .price-box {
    display: block;
    float: none;
    height: auto;
}
#detail-box.atc-detail-refresh #tire-detail-box .price-box .price-tag {
    display: block;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    float: none;
    width: 100%;
    height: auto;
    min-height: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 12px;
    white-space: normal;
    overflow-wrap: anywhere;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
}
#detail-box.atc-detail-refresh #tire-detail-box .price-box .prices {
    box-sizing: border-box;
    width: 100%;
    padding: 14px 12px;
}
#detail-box.atc-detail-refresh #tire-detail-box .price-box .seller-box {
    display: flow-root;
    padding: 0;
}
#detail-box.atc-detail-refresh #tire-detail-box .price-box .seller-box .seller-banner {
    float: none;
    width: 100%;
    min-width: 0;
    margin: 0;
}

/* Reset both sides of the previous dark-text/blue-background combination. */
#detail-box.atc-detail-refresh #tire-detail-box .tire-right-box .category {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 16px 0 0;
    padding: 8px 10px;
    border-radius: 6px;
    background: #edf1f6;
    color: #18202d;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
#detail-box.atc-detail-refresh #tire-spec-title {
    font-style: normal;
    text-decoration: none;
}

/* Full desktop: 300px filters + product/prices + specifications.
   Narrow desktop: keep 300px filters and stack the two product sections.
   Tablet: use the existing search controls and two product sections side by side. */
@media (min-width: 992px) and (max-width: 1199px) {
    #detail-box.atc-detail-refresh #tire-detail-box {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media (max-width: 991px) {
    #detail-box.atc-detail-refresh {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media (max-width: 767px) {
    #content-box {
        max-width: calc(100% - 24px);
    }
}
@media (max-width: 359px) {
    #content-box {
        max-width: calc(100% - 16px);
    }
}

/* Detail mobile search, spec contrast and promotion wrapping — v5. */
#detail-box.atc-detail-refresh { --atcdi-release: "2026.09.11.5"; }

#detail-box.atc-detail-refresh .atcdi-search {
    display: none;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0 0 14px;
    border: 1px solid #dfe4ec;
    border-top: 3px solid #eea20d;
    border-radius: 12px;
    background: #fff;
    color: #18202d;
}
#detail-box.atc-detail-refresh .atcdi-search > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    min-height: 48px;
    box-sizing: border-box;
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
#detail-box.atc-detail-refresh .atcdi-search > summary::-webkit-details-marker { display: none; }
#detail-box.atc-detail-refresh .atcdi-search > summary::after {
    content: "+";
    flex: 0 0 auto;
    font-size: 24px;
    line-height: 1;
    color: #875b09;
}
#detail-box.atc-detail-refresh .atcdi-search[open] > summary::after { content: "−"; }
#detail-box.atc-detail-refresh .atcdi-search[open] > summary {
    border-bottom: 1px solid #e2e7ef;
    background: #fff9ec;
    border-radius: 9px 9px 0 0;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__expanded { display: none; }
#detail-box.atc-detail-refresh .atcdi-search[open] .atcdi-search__collapsed { display: none; }
#detail-box.atc-detail-refresh .atcdi-search[open] .atcdi-search__expanded { display: inline; }
#detail-box.atc-detail-refresh .atcdi-search .detail-page-search {
    display: block;
    float: none;
    width: 100%;
    min-width: 0;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 8px;
    box-sizing: border-box;
    float: none;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 12px;
    background: #fff;
    border-radius: 0 0 12px 12px;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__note,
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__field--full,
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__submit {
    grid-column: 1 / -1;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__note {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #586579;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__field {
    display: grid;
    gap: 5px;
    min-width: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: #344359;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__field select {
    display: block;
    box-sizing: border-box;
    float: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 8px;
    border: 1px solid #cbd3df;
    border-radius: 8px;
    background-color: #fff;
    color: #18202d;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    appearance: auto;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__submit {
    display: block;
    box-sizing: border-box;
    float: none;
    width: 100%;
    min-height: 46px;
    height: auto;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid #dd9509;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffc039, #eea00b);
    color: #171717;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
}
#detail-box.atc-detail-refresh .atcdi-search :is(summary, select, button):focus-visible {
    outline: 3px solid #315d9b;
    outline-offset: 3px;
}
@media (max-width: 991px) {
    #detail-box.atc-detail-refresh .atcdi-search { display: block; }
}

/* Strong section hierarchy, separate from the white/grey table rows. */
#detail-box.atc-detail-refresh #tire-spec-title {
    background: #1b2433;
    color: #fff;
    border-color: #1b2433;
    border-left-color: #eea20d;
    font-size: 20px;
    line-height: 1.5;
}
#detail-box.atc-detail-refresh #tire-detail-box .tire-right-box .category {
    color: #2c3b56;
}
#detail-box.atc-detail-refresh #atc-detail-recommendations .atc-search-card__mobile-badge {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
    line-height: 1.4;
}

/* Detail v6: compact gold search button and prominent tyre size. */
#detail-box.atc-detail-refresh { --atcdi-release: "2026.09.11.6"; }
#detail-box.atc-detail-refresh .atcdi-search {
    padding: 10px;
    border: 0;
    border-radius: 10px;
    background: #f3f4f6;
    text-align: center;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__toggle {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto;
    max-width: 100%;
    min-height: 46px;
    margin: 0;
    padding: 10px 20px;
    border: 1px solid #e27a00;
    border-radius: 8px;
    color: #1c1409;
    background: linear-gradient(180deg, #ffb33b, #ff8a00);
    box-shadow: 0 4px 12px rgba(220, 109, 0, .2);
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__toggle:hover {
    background: linear-gradient(180deg, #ffc45d, #f88300);
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__toggle-mark {
    font-size: 18px;
    line-height: 1;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__toggle[aria-expanded="true"] .atcdi-search__toggle-mark {
    transform: rotate(180deg);
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__panel {
    box-sizing: border-box;
    margin-top: 12px;
    border: 1px solid #d9dce1;
    border-radius: 10px;
    background: #fff;
    text-align: left;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__form {
    border-radius: 10px;
}
/* Override inherited display:block/inline-flex when hidden is set. */
#detail-box.atc-detail-refresh .atcdi-search [hidden] { display: none !important; }

#detail-box.atc-detail-refresh .atcdi-product-heading .info > span.atcdi-size {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    padding: 7px 10px;
    border: 1px solid #e1ac2f;
    border-radius: 8px;
    background: #fff2cc;
    color: #18202d;
    white-space: nowrap;
}
#detail-box.atc-detail-refresh .atcdi-product-heading .info .atcdi-size > .atcdi-size__label {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #775100;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}
#detail-box.atc-detail-refresh .atcdi-product-heading .info .atcdi-size__value {
    color: #18202d;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
}
@media (max-width: 767px) {
    #detail-box.atc-detail-refresh .atcdi-product-heading .info .atcdi-size__value { font-size: 24px; }
}

/* Detail v7: product name first; compact controls using the Search form palette. */
#detail-box.atc-detail-refresh { --atcdi-release: "2026.09.11.7"; }

#detail-box.atc-detail-refresh .atc-detail-breadcrumb {
    gap: 3px 6px;
    padding: 6px 0 8px;
    font-size: 12px;
    line-height: 1.5;
}
#detail-box.atc-detail-refresh .atc-detail-breadcrumb a { font-size: inherit; }
#detail-box.atc-detail-refresh .atcdi-product-heading {
    margin: 0;
    padding-bottom: 10px;
    min-width: 0;
}
#detail-box.atc-detail-refresh .atcdi-product-heading h1 {
    margin: 0 0 6px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    color: #18202d;
}
#detail-box.atc-detail-refresh .atcdi-product-heading .info {
    gap: 4px 12px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}
#detail-box.atc-detail-refresh .atcdi-product-heading .info > span {
    font-size: 22px;
    font-weight: 400;
    color: #ab610f;
}
#detail-box.atc-detail-refresh .atcdi-product-heading .info > span.atcdi-size {
    display: inline;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #b65b00;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
}

/* The disclosure sits below the name and size, without a padded banner. */
#detail-box.atc-detail-refresh .atcdi-search {
    margin: 8px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: center;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__toggle {
    min-height: 34px;
    padding: 5px 12px;
    gap: 8px;
    border-radius: 6px;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.5;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__toggle-mark { font-size: 16px; }
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__panel {
    margin-top: 8px;
    border: 0;
    border-radius: 3px;
    background: #f1f1f1;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__form {
    gap: 9px;
    padding: 12px;
    border-radius: 3px;
    background: #f1f1f1;
    color: #333;
    font-size: 13px;
    font-weight: 400;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__note {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 6px 8px;
    margin: 0 0 3px;
    border-radius: 3px;
    background: #9e050f;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__field {
    position: relative;
    display: block;
    font-size: 13px;
    color: #333;
}
/* Keep programmatic labels; descriptive empty options carry the visible label. */
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__field > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__field select {
    height: 42px;
    padding: 0 9px;
    border: 1px solid #a46c14;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
    font-size: 13px;
    font-weight: 400;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__submit {
    width: 150px;
    max-width: 100%;
    min-height: 42px;
    margin: 2px auto 0;
    padding: 8px 12px;
    border: 1px solid #a46c14;
    border-radius: 3px;
    background: linear-gradient(180deg, #a70512, #6f0007);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}
#detail-box.atc-detail-refresh .atcdi-search .atcdi-search__submit:hover {
    background: #6f0007;
}
@media (max-width: 767px) {
    #detail-box.atc-detail-refresh #tire-detail-box { padding: 12px; gap: 12px; }
    #detail-box.atc-detail-refresh .atcdi-product-heading h1 { font-size: 26px; }
}
@media (max-width: 359px) {
    #detail-box.atc-detail-refresh #tire-detail-box { padding: 10px; }
    #detail-box.atc-detail-refresh .atcdi-search .atcdi-search__form { padding: 9px; gap: 8px; }
    #detail-box.atc-detail-refresh .atcdi-search .atcdi-search__field select { padding: 0 5px; }
}
.eco-head
{
        margin-left: 65px;
}