.gen-tabs .tabs li{float:left;margin:0;}
.gen-tabs .tabs a{display:block;padding: 0 30px;text-decoration:none;outline:none;}
.gen-tabs .tabs-panels{padding: 15px;}
.gen-tabs .tabs-panels .panel{}
.gen-tabs .acctab{display:none;padding:0 0.5em;margin-bottom:1px;font-weight:normal;}
.gen-tabs .acctab:hover{cursor:pointer;}
.gen-tabs.accor .tabs{display:none;}
.gen-tabs.accor .acctab{display:block;}
.gen-tabs.accor .tabs-panels{padding-top:0;}
.gen-tabs.accor .tabs-panels .panel{display:none;margin:0 0 10px;padding:15px;}
.gen-tabs .tabs a{color:#333;background-color:#eee;line-height:3em;}
.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus{background-color:#e5e5e5;}
.gen-tabs .tabs a.current{background-color:#ddd;}
.gen-tabs .acctab{font-size:1.5em;line-height:2.7777em;background-color:#f5f5f5;color:#333;}
.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current{background-color:#e5e5e5;}
.gen-tabs.accor .tabs-panels .panel{border-bottom:1px solid #e5e5e5;}
.gen-tabs-style1 .tabs a{font-size: 14px;color:#333;background-color:#eee;/* border:1px solid transparent; */border-bottom:none;}
.gen-tabs-style1 .tabs a:hover,
.gen-tabs-style1 .tabs a:focus{background-color:#e5e5e5;border-color:#e5e5e5;}
.gen-tabs-style1 .tabs a.current{background-color:#fff;border-color:#e5e5e5;/* border-bottom:1px solid transparent; *//* margin-bottom:-1px; *//* padding-top:4px; *//* margin-top:-4px; *//* margin-left: -1px; */}
.gen-tabs-style1 .tabs-panels{border-top:1px solid #e5e5e5;}
.gen-tabs-style1.accor .tabs-panels{border-top:none;}
.gen-tabs-style2 .tabs a{font-size:1.3333em;}
.gen-tabs-style2 .tabs a.current{box-shadow:0 0 10px rgba(0,0,0, 0.15);position:relative;z-index:1;padding-top:4px;margin-top:-4px;}
.gen-tabs-style2 .tabs-panels{background-color:#fff;position:relative;z-index:2;}


@media screen and (max-width:767px){
    .gen-tabs-style1 .tabs a { font-size: 12px; padding: 0 15px; }

    body.catalog-product-view #product-tabs > .tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    body.catalog-product-view #product-tabs > .tabs > li {
        float: none;
        flex: 0 0 auto;
    }
    body.catalog-product-view #product-tabs > .tabs > li > a {
        white-space: nowrap;
    }
}
