/*
Theme Name: DERUIZ Dealer
Theme URI: 
Author: DERUIZ
Author URI: 
Description: Custom theme for DERUIZ Dealer website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: 
Text Domain: deruiz-dealer
Tags: business, custom, responsive
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins';
    color: #000;
    background-color: #fff;
    font-size: 15px;
    line-height: inherit;
    
}
ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
dl {
    margin: 0;
    padding: 0;
}

dt {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: inherit;
}

dd {
    margin: 0;
    padding: 0;
}
img{width: 100%;display: block;height: auto;}
a{text-decoration: none;color: #000;}
a:hover{color: #95C74E!important;transition: .4s all;}
strong{font-weight: 600;}
button,input,select,option,textarea{font-family: 'Poppins';border: none;background: none;color: #000;cursor: pointer;}
bdi {text-decoration: none !important;}
p,h1,h2,h3,h4,h5,a{white-space: normal;word-break: break-all;}

.yotpo-base-layout{width: 100%!important;max-width: 100%!important;}

.c{clear: both;}



/*page-22293 Ddashboards*/
.site-main{position: relative;display: flow-root;}
.font-line{white-space: normal;word-break: break-all;}

.dashboard-left{width: 300px;float: left;height: calc(100vh - var(--header-height));background: rgba(17, 17, 17, 1);position: fixed;left: 0;top: var(--header-height);z-index: 999;padding: 30px 20px;color: #fff;overflow-y: auto;}
.dashboard-left::-webkit-scrollbar {width: 6px;}
.dashboard-left::-webkit-scrollbar-thumb {background-color: #95C74E;cursor: pointer;}
.dashboard-left::-webkit-scrollbar-track {background: #dadada;}
.sidebar-dropdown .classification{width: calc(100% - 45px);float: left;}
.sidebar-dropdown .title-box1 .classification h2{font-size: 24px;font-weight: 600;float: left;width: calc(100% - 45px);line-height: 24px;}
.sidebar-dropdown .title-box2{margin-top: 20px;display: flow-root;}
.sidebar-click .click-box span.arrow{display: inline-block;width: 14px;height: 14px;border-right: 3px solid currentColor;border-bottom: 3px solid currentColor;transform: rotate(-135deg);transition: transform 0.3s ease;margin-top: 5px;float: right;}
.sidebar-click:not(.open) .click-box span.arrow{transform: rotate(45deg);margin-top: 0px;}
.sidebar-click .show-box{display: block;margin-top: 5px; }
.sidebar-click:not(.open) .show-box{display: none;}
.sidebar-click .click-box{display: flow-root;margin-top: 2px;}
.sidebar-click .click-box h2{font-size: 19px;font-weight: 500;width: calc(100% - 30px);float: left;line-height: 20px;}
.sidebar-click .click-box a.no-drow{font-size: 19px;font-weight: 500;float: left;line-height: 20px;color: #fff;}
.sidebar-click .click-box:hover{cursor: pointer;color: #95C74E;}
.sidebar-click .show-box .name-second{font-size: 16px;color: rgba(255,255,255,0.6);font-weight: 400;display: inline-block;width: 100%;line-height: 20px;margin-top: 5px;}
.dashboard-select-font{color: #95C74E;}
.dashboard-left .icon{width: 20px;height: 20px;background-color: #fff;float: left;margin-right: 15px;}
.dashboard-left .icon1{mask: url(/wp-content/themes/deruiz-dealer/images/1.Dashboard.webp) center / contain no-repeat;}
.dashboard-left .icon2{mask: url(/wp-content/themes/deruiz-dealer/images/2.Allgemein.webp) center / contain no-repeat;}
.dashboard-left .icon3{mask: url(/wp-content/themes/deruiz-dealer/images/3.Bestellung.webp) center / contain no-repeat;}
.dashboard-left .icon4{mask: url(/wp-content/themes/deruiz-dealer/images/4.Downloads.webp) center / contain no-repeat;}
.dashboard-left .icon5{mask: url(/wp-content/themes/deruiz-dealer/images/5.Aftersales.webp) center / contain no-repeat;}
.dashboard-left .icon6{mask: url(/wp-content/themes/deruiz-dealer/images/6.Werbematerial_-1.webp) center / contain no-repeat;}
.dashboard-left .icon7{mask: url(/wp-content/themes/deruiz-dealer/images/7.Werbematerial_.webp) center / contain no-repeat;}
.dashboard-left .icon8{mask: url(/wp-content/themes/deruiz-dealer/images/8.Einstellungen.webp) center / contain no-repeat;}
.dashboard-left .icon9{mask: url(/wp-content/themes/deruiz-dealer/images/9.Hilfe.webp) center / contain no-repeat;}
/*.dashboard-left .title-box1:hover .icon{background-color: #95C74E;}*/



.dashboard-right{width: calc(100% - 300px);float: right;}



.dashboard-introduction,.dashboard-workbench{padding: 30px;display: flow-root;}
.dashboard-introduction h3{font-size: 24px;font-weight: 600;line-height: 30px;}
.dashboard-introduction p{font-size: 18px;color: #666;line-height: 20px;margin-top: 5px;}



.dashboard-quick-acces{background-color: #f1f6ed;padding: 40px 30px 20px;display: flow-root;}
.dashboard-quick-acces ul{/*display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px*/;}
.dashboard-quick-acces li{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 20px;}
.dashboard-quick-acces li:nth-child(4n){margin-right: 0;}
.dashboard-quick-acces li a{background: #fff;padding: 35px;border-radius: 12px;display: block;}
.dashboard-quick-acces li.description{background: rgba(255,255,255,0);border-radius: 0px!important;/*display: flex;flex-direction: column;justify-content: center;*/margin-top: 3%;}
.dashboard-quick-acces li.description h4{margin-bottom: 5px;}
.dashboard-quick-acces li svg{width: 24px;}
.dashboard-quick-acces li h4{width: calc(100% - 40px);}
.dashboard-quick-acces li.description p{font-size: 16px;color: #666;line-height: 20px;}
.dashboard-quick-acces li .ic{filter: invert(80%) sepia(6%) saturate(3864%) hue-rotate(38deg) brightness(93%) contrast(87%);width: 40px;}
.dashboard-quick-acces li h4,.dashboard-workbench h4{font-size: 19px;font-weight: 600;line-height: 20px;}
.dashboard-quick-acces li .icon{width: 40px;height: 40px;background-color: #95C74E;margin-bottom: 25px;}
.dashboard-quick-acces li .icon01{mask: url(/wp-content/themes/deruiz-dealer/images/3.Bestellung.webp) center / contain no-repeat;}
.dashboard-quick-acces li .icon02{mask: url(/wp-content/themes/deruiz-dealer/images/10.Meine_.webp) center / contain no-repeat;}
.dashboard-quick-acces li .icon03{mask: url(/wp-content/themes/deruiz-dealer/images/5.Aftersales.webp) center / contain no-repeat;}
.dashboard-quick-acces li .icon04{mask: url(/wp-content/themes/deruiz-dealer/images/11.Rechnungserstattung.webp) center / contain no-repeat;}
.dashboard-quick-acces li .icon05{mask: url(/wp-content/themes/deruiz-dealer/images/12.Service.webp) center / contain no-repeat;}
.dashboard-quick-acces li .icon06{mask: url(/wp-content/themes/deruiz-dealer/images/13.Marketing.webp) center / contain no-repeat;}
.dashboard-quick-acces li .icon07{mask: url(/wp-content/themes/deruiz-dealer/images/14.Feedbackcenter.webp) center / contain no-repeat;}
.dashboard-quick-acces li:hover a{background: #95C74E;}
.dashboard-quick-acces li:hover a .title{color: #fff!important;}
.dashboard-quick-acces li:hover .icon{background-color: #fff;}


.dashboard-workbench .bottom-status,.dashboard-workbench .bottom-news{width: 25%;float: left;margin-right: 3%;}
.dashboard-workbench .bottom-bestellunge{width: 44%;float: left;}
.dashboard-workbench .title{margin-bottom: 20px;}
.dashboard-workbench .title a{color: #666;text-decoration: underline;text-underline-offset: 2px;}

.dashboard-workbench .bottom-status ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 14px;margin-top: 10%;}
.dashboard-workbench .bottom-status li{border: 1px solid #333;border-radius: 4px;padding: 20px 15px;}
.dashboard-workbench .bottom-status li p{color: #666;line-height: 16px;}
.dashboard-workbench .bottom-status li .icon{width: 20px;height: 20px;background-color: #000;}
.dashboard-workbench .bottom-status li .icon01{mask: url(/wp-content/themes/deruiz-dealer/images/15.BestellteFahrzeuge_.webp) center / contain no-repeat;background-color: #fff;}
.dashboard-workbench .bottom-status li .icon02{mask: url(/wp-content/themes/deruiz-dealer/images/16.Bestellungenin_.webp) center / contain no-repeat;}
.dashboard-workbench .bottom-status li .icon03{mask: url(/wp-content/themes/deruiz-dealer/images/17.Offene_-1.webp) center / contain no-repeat;}
.dashboard-workbench .bottom-status li .icon04{mask: url(/wp-content/themes/deruiz-dealer/images/18.Offene_.webp) center / contain no-repeat;}
.dashboard-workbench .bottom-status li.first{border: none;background: #95C74E;color: #fff;}
.dashboard-workbench .bottom-status li.first p{text-decoration: underline;text-underline-offset: 2px;color: #fff;}
.dashboard-workbench .bottom-status li .box-line{display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}
.dashboard-workbench .bottom-status li .box-line .number{font-size: 20px;font-weight: 600;height: 20px;line-height: 24px;}

.dashboard-workbench .bottom-news li{width: 100%;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #333;}
.dashboard-workbench .bottom-news li .pic{width: 18%;}
.dashboard-workbench .bottom-news li .word{width: 80%;line-height: 20px;}
.dashboard-workbench .bottom-news li .word h5{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 15px;font-weight: 500;line-height: 18px;}
.dashboard-workbench .bottom-news li .word span{font-size: 14px;color: #666;}

.dashboard-workbench .bottom-bestellunge table.order-table{border-collapse: collapse;}
.dashboard-workbench .bottom-bestellunge table.order-table th,.dashboard-workbench .bottom-bestellunge table.order-table td span.phone-title{font-size: 16px;text-align: left;font-weight: 500;padding: 0 5px;color: #000;}
.dashboard-workbench .bottom-bestellunge table.order-table td span.phone-title{display: none;}
.dashboard-workbench .bottom-bestellunge table.order-table td{padding: 10px 5px;}
.dashboard-workbench .bottom-bestellunge table.order-table td a{font-size: 16px;color: #666;display: block;line-height: 20px;}
.dashboard-workbench .bottom-bestellunge table.order-table{width: 100%;}
.dashboard-workbench .bottom-bestellunge table.order-table thead th{border-bottom: 1px solid #333;padding-bottom: 10px;}
.dashboard-workbench .bottom-bestellunge table.order-table .status-color2{color: #95C74E;}
.dashboard-workbench .bottom-bestellunge table.order-table .status-color3{color: #e91d1d;}
.dashboard-workbench .bottom-bestellunge table.order-table .status-color4{color: #3c3c97;}

@media (max-width: 1400px) {
    .dashboard-left{width: 320px;}
    .dashboard-right{width: calc(100% - 320px);}
    .dashboard-quick-acces ul li{width: 32%;}
    .dashboard-quick-acces li:nth-child(4n){margin-right: 2%;}
    .dashboard-quick-acces li:nth-child(3n){margin-right: 0;}
    .dashboard-quick-acces li h4, .dashboard-workbench h4,.sidebar-click .click-box h2,.sidebar-click .click-box a.no-drow{font-size: 16px;line-height: 20px;}
    .dashboard-quick-acces li .icon{width: 34px;height: 34px;margin-bottom: 20px;}
    .dashboard-introduction h3,.sidebar-dropdown .title-box1 .classification h2{font-size: 22px;}
    .dashboard-introduction p{font-size: 16px;}
    .dashboard-workbench .bottom-status, .dashboard-workbench .bottom-news{width: 48.5%;margin-right: 0;margin-bottom: 25px;}
    .dashboard-workbench .bottom-status{margin-right: 3%;}
    .dashboard-workbench .bottom-bestellunge{width: 100%;}
    .dashboard-workbench .bottom-bestellunge table.order-table td a{}
    .dashboard-workbench .bottom-bestellunge table.order-table td{padding: 5px;}
}

@media (max-width: 1200px){
    .dashboard-quick-acces ul li{width: 48.5%;margin-right: 3%}
    .dashboard-quick-acces li:nth-child(3n){margin-right: 3%;}
    .dashboard-quick-acces li:nth-child(2n){margin-right: 0;}
}

@media (max-width: 992px) {
    .dashboard-left{display: none;}
    .dashboard-right{width: 100%;}
}

@media (max-width: 768px) {
    .dashboard-workbench .bottom-status, .dashboard-workbench .bottom-news{width: 100%;margin-right: 0;}
    .dashboard-workbench .bottom-status ul{margin-top: 0;}
}

@media (max-width: 576px) {
    .dashboard-quick-acces,.dashboard-introduction, .dashboard-workbench{padding-left: 4%;padding-right: 4%;}
    .dashboard-quick-acces li a{padding: 15px;}
    .dashboard-quick-acces li .icon{width: 24px;height: 24px;margin-bottom: 15px;}
    .dashboard-quick-acces li h4, .dashboard-workbench h4, .sidebar-click .click-box h2, .sidebar-click .click-box a.no-drow{font-size: 16px;line-height: 16px;}
    .dashboard-introduction p{}
    .dashboard-introduction h3, .sidebar-dropdown .title-box1 .classification h2{font-size: 20px;line-height: 20px;}
    .dashboard-workbench .title a{font-size: 14px;}
    .dashboard-quick-acces li.description p{font-size: 14px;line-height: 16px;margin-top: 5px;}
    .dashboard-workbench .bottom-bestellunge table.order-table thead{display: none;}
    .dashboard-workbench .bottom-bestellunge table.order-table td span.phone-title{display: block;margin-right: 10px;}
    .dashboard-workbench .bottom-bestellunge table.order-table td{width: 100%;display: inline-block;padding-top: 0;padding-bottom: 0;}
    .dashboard-workbench .bottom-bestellunge table.order-table td a{display: flex;}
    .dashboard-workbench .bottom-bestellunge table.order-table tr{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #333;display: flow-root;}
    .dashboard-workbench .bottom-bestellunge table.order-table th, .dashboard-workbench .bottom-bestellunge table.order-table td span.phone-title{}
    .dashboard-workbench .bottom-news li{padding-bottom: 10px;margin-bottom: 10px;}
}





/* Dashboard Ebike */
input[type="search"]:focus {
    outline: none;
    box-shadow: none;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") no-repeat center / contain;
    cursor: pointer;
}

.dashboard-padding{padding: 30px;display: flow-root;}
.dashboard-padding01{padding: 15px 30px;}
.box-flex{display: flex;justify-content: space-between;align-items: center;}
.dashboard-product01 .dashboard-introduction{width: calc(100% - 350px);}

.rules261014{position: relative;display: inline-block;cursor: pointer;max-width: 300px;}
.rules261014 .rules261014-word{position: absolute;top: calc(100% + 8px);left: 50%;transform: translateX(-50%) translateY(-4px);background: #fff;padding: 8px 14px;white-space: nowrap;opacity: 0;visibility: hidden;transition: all 0.25s ease;z-index: 10;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);line-height: 20px;font-weight: 400;border: 1px solid #ccc;border-radius: 6px;}
.rules261014:hover .rules261014-word{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}
/* .rules261014 .rules261014-word::before{content: "";position: absolute;top: -5px;left: 50%;transform: translateX(-50%);border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;}*/


.dashboard-product01 .rules261014 .rules261014-name{padding: 10px 20px;background: #95C74E;border-radius: 500px;gap: 10px;}
.dashboard-product01 .rules261014 .rules261014-name h3{font-size: 19px;font-weight: 600;color: #000;line-height: 20px;width: calc(100% - 36px);}
.dashboard-product01 .rules261014 .rules261014-word{left: auto;right: 0;transform: none;white-space: normal;word-break: break-all;overflow-wrap: break-word;width: 340px;}
.dashboard-product01 .rules261014 .rules261014-word .bolded{font-weight: 600;margin: 10px 0;}
.dashboard-product01 .rules261014:hover .rules261014-name{background-color: rgba(17, 17, 17, 1);}
.dashboard-product01 .rules261014:hover .rules261014-name h3{color: #fff;}
.dashboard-product01 .rules261014:hover .rules261014-name svg{stroke: #fff;}

.dashboard-product02{background-color: rgba(17, 17, 17, 1);display: flow-root;}
.dashboard-product02 .screening-02{gap: 6px;color: #fff;line-height: 16px;}
.dashboard-product02 .screening-02:hover{cursor: pointer;color: #95C74E;}
.dashboard-product02 .screening-02:hover svg{stroke: #95C74E;}
.dashboard-product02 .screening-01{gap: 20px;}
.dashboard-product02 .screening-01 .sbox01{color: #fff;font-weight: 500;line-height: 16px;}
.dashboard-product02 .screening-01 .sbox02{background: #fff;height: 30px;line-height: 30px;font-weight: 500;padding: 0 15px;}
.dashboard-product02 .screening-01 .sbox02:hover{cursor: pointer;background: #95C74E;color: #fff;}
.dashboard-product02 .mb261022{gap: 20px;}

.options261010{width: fit-content;position: relative;margin: 0 auto;}
.options261010 .options-trigger{display: flex;justify-content: space-between;align-items: center;cursor: pointer;user-select: none;padding: 0 15px;height: 30px;line-height: 30px;overflow: hidden;font-weight: 500;background: #fff;}
.options261010 .options-arrow{width: 8px;height: 8px;border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(45deg) translateY(-2px);transition: transform 0.3s ease;margin-left: 10px;}
.options261010 span.options-label{white-space: nowrap;}
.options261010.open .options-arrow{transform: rotate(-135deg) translateY(-2px);}
.options261010 .options-list{position: absolute;top: calc(100% + 6px);left: 0;right: 0;margin: 0;list-style: none;background: #fff;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);overflow-y: auto;opacity: 0;visibility: hidden;transform: translateY(-6px);transition: all 0.25s ease;z-index: 100;width: 200px;}
.options261010.open .options-list{opacity: 1;visibility: visible;transform: translateY(0);border: 1px solid #ccc;border-radius: 6px;}
.options261010 .options-list li{padding: 8px 14px;cursor: pointer;transition: background 0.2s ease;line-height: 16px;}
.options261010 .options-list li:hover{background: #f5f5f5;}
.options261010 .options-list li.selected{background: #95C74E;color: #fff;}

.dashboard-product02 form.search{background: #fff;}
.dashboard-product02 form.search input{height: 30px;line-height: 30px;padding-left: 10px;color: #000;font-weight: 500;font-size: 15px;width: 180px;}
.dashboard-product02 form.search input[type="search"]::placeholder{color: #000;font-weight: 400;color: #666;}
.dashboard-product02 form.search button{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}

.box-multiple-choice{display: flow-root;}
.multiple-choice261016{position: relative;width: fit-content;float: left;margin-right: 20px;margin-bottom: 15px;}
.multiple-choice261016:last-child{margin-right: 0;}
.multiple-choice261016 .mc-trigger{display: flex;justify-content: space-between;align-items: center;background: #fff;cursor: pointer;user-select: none;border-radius: 500px;border: 1px solid #000;height: 36px;line-height: 36px;padding: 0 15px;width: fit-content;}
.multiple-choice261016 .mc-arrow{width: 8px;height: 8px;border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(45deg) translateY(-2px);transition: transform 0.3s ease;margin-left: 10px;}
.multiple-choice261016.open .mc-arrow{transform: rotate(-135deg) translateY(-2px);}
.multiple-choice261016 .mc-list{position: absolute;top: calc(100% + 6px);left: 0;right: 0;margin: 0;list-style: none;background: #fff;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);/*max-height: 260px;*/overflow-y: auto;opacity: 0;visibility: hidden;transform: translateY(-6px);transition: all 0.25s ease;z-index: 100;width: max-content;min-width: 100%;border: 1px solid #ccc;border-radius: 6px;}
.multiple-choice261016.open .mc-list{opacity: 1;visibility: visible;transform: translateY(0);}
.multiple-choice261016 .mc-list li{display: flex;align-items: center;gap: 8px;padding: 8px 14px;cursor: pointer;transition: background 0.2s ease;}
.multiple-choice261016 .mc-list li:hover{background: #f5f5f5;}
.multiple-choice261016 .mc-list li input{width: 16px;height: 16px;cursor: pointer;accent-color: #95C74E;pointer-events: none;}
.multiple-choice261016 .mc-list li span{flex: 1;line-height: 16px;}
.multiple-choice261016 .mc-label{font-weight: 600;font-size: 16px;}
.multiple-choice261016 .mc-label .ic{max-height: 13px;display: block;}

.dashboard-product03 .box-result dt{height: 30px;line-height: 30px;padding: 0 10px;background: #95C74E;color: #fff;gap: 10px;float: left;margin-right: 20px;}
.dashboard-product03 .box-result dt:last-child{margin-right: 0;}
.dashboard-product03 .box-result dt .close:hover{cursor: pointer;color: #000;}

.dashboard-product04 .product-list:nth-child(odd){background: #f1f6ed;display: inline-flex;width: 100%;}
.dashboard-product04 .clicklink{height: 32px;line-height: 32px;font-size: 16px;font-weight: 600;padding: 0 15px;background: #95C74E;border-radius: 500px;float: right;overflow: hidden;}
.dashboard-product04 .clicklink:hover{background: #000;color: #fff;}

.product-list-ebike .box-flex{width: 100%;}
.product-list-ebike .box-left{width: 58%;border-right: 2px solid #ccc;box-sizing: border-box;padding-right: 2%;margin-right: 2%;min-height: 150px;}
.product-list-ebike .box-right{width: 40%;}
.product-list-ebike .image{width: 22%;}
.product-list-ebike .content{width: 75%;}
.product-list-ebike .title{display: flex;gap: 10px;align-items: center;}
.product-list-ebike .title h2{font-size: 18px;font-weight: 600;max-width: calc(100% - 100px);line-height: 22px;word-break: normal;}
.product-list-ebike .title .icon img{max-height: 12px;display: block;}
.product-list-ebike .word{font-weight: 600;color: #95C74E;line-height: 18px;margin-top: 5px;}
.product-list-ebike dl.parameters{margin: 10px 0;}
.product-list-ebike dl.parameters dt{display: flex;flex-direction: column;align-items: center;gap: 5px;width: 20%;padding: 0 10px;}
.product-list-ebike dl.parameters dt .icon2{width: 22px;}
.product-list-ebike dl.parameters dt p{color: #666;font-size: 14px;line-height: 16px;text-align: center;}

.download261019 .click{color: #666;line-height: 16px;cursor: pointer;}
.download261019 .click:hover{color: #95C74E;}
.download261019 .show{display: none;}
.show-body261019{display: none;}
.show-body261019.active{display: block;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;z-index: 10001;max-width: 90%;max-height: 90%;overflow-y: auto;padding-top: 60px;}
.show-body261019 .buttton{position: absolute;top: 10px;right: 15px;}
.show-body261019 .buttton .circle{width: 40px;height: 40px;background: #000;float: left;margin-left: 15px;border-radius: 500px;display: flex;align-items: center;justify-content: center;color: #fff;}
.show-body261019 .buttton .circle:hover{background: #95C74E;}
.show-close261019{cursor: pointer;font-size: 21px;line-height: 1;font-weight: 600;}
.show-overlay261019{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 10000;}
.show-overlay261019.active{display: block;}

.price-table261019{text-align: left;width: 100%;}
.price-table261019 th,.price-table261019 td{padding: 0 5px;line-height: 20px;}
.price-table261019 th{}
.price-table261019 th h3{font-weight: 500;font-size: 15px;}
.price-table261019 td{font-weight: 600;font-size: 16px;}
.price-table261019 .sale td span{position: relative;font-size: 14px;color: #999;font-weight: 400;height: 16px;line-height: 16px;display: inline-block;}
.price-table261019 .sale td span::after{content: '';position: absolute;top: 7px;left: 0;width: 100%;height: 1px;background: #999;}
.price-table261019 .mark{width: 18px;height: 18px;border-radius: 500px;background: #ccc;text-align: center;line-height: 18px;color: #fff;font-size: 14px;font-weight: 400;margin-left: 5px;}
.price-table-wrap261019{--uvp-width: 120px;--visible-cols: 3;position: relative;width: 100%;padding-right: 20px;}
.price-table-scroll261019{overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;scrollbar-width: none;-ms-overflow-style: none;}
.price-table-scroll261019::-webkit-scrollbar{display: none;}
.price-table261019{border-collapse: collapse;table-layout: fixed;}
.price-table261019 .uvp261019{position: sticky;left: 0;z-index: 2;width: var(--uvp-width);min-width: var(--uvp-width);max-width: var(--uvp-width);}
.price-table261019 .uvp261019{z-index: 3;background: #fff;}
.dashboard-product04 .product-list:nth-child(odd) .uvp261019{background: #f1f6ed;}
.price-table-prev261019,.price-table-next261019{position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 5;user-select: none;}
.price-table-prev261019{left: 80px;}
.price-table-next261019{right: 0px;}
.switch-style261022 svg {width: 30px;height: 30px;display: block;color: #000;stroke-width: 1.5;}
.switch-style261022:hover svg{color: #95C74E;}

.rules261014-2{position: relative;display: inline-block;cursor: pointer;}
.word-float261019{position: fixed;transform: translate(-50%, -100%);background: #fff;padding: 8px 14px;white-space: nowrap;width: max-content;min-width: max-content;opacity: 0;visibility: hidden;transition: opacity 0.25s ease, visibility 0.25s ease;z-index: 99999;box-shadow: 0 1px 5px rgba(0,0,0,0.15);line-height: 20px;font-weight: 400;pointer-events: none;border: 1px solid #ccc;border-radius: 6px;}
.rules261014-2 .rules261014-word-2{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}

.dashboard-product04 .inventory{color: #666;line-height: 16px;display: flow-root;margin: 20px 0 10px;}
.dashboard-product04 .inventory b{font-weight: 600;color: #000;font-size: 16px;}
.dashboard-product04 .box-right .fbox-1{align-items: flex-start;}

.quantity261020{display: inline-flex;align-items: center;/*gap: 10px;*/border: 1px solid #000;}
.quantity261020 button {width: 30px;height: 30px;cursor: pointer;font-size: 20px;}
.quantity261020 button:hover {color: #95C74E;}
.quantity261020 .number {width: 50px;height: 30px;text-align: center;padding: 0;-moz-appearance: textfield;border-left: 1px solid #000;border-right: 1px solid #000;font-size: 15px;}
.quantity261020 .number::-webkit-inner-spin-button,
.quantity261020 .number::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.quantity261020 .number:focus {outline: none;border-color: #000;}
.quantity261020 .selector{display: flex;align-items: center;height: 30px;}

.product-list-ebike .title .icon-2 img{max-height: 21px;}
.product-list-ebike .title .rules261014-word-2{max-width: 300px;}
.product-list-ebike .title .icon-3 img{max-height: 18px;}

.rules261014-3{position: relative;display: inline-block;cursor: pointer;max-width: 300px;}
.rules261014-3 .rules261014-word-3{position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%) translateY(4px);background: #fff;padding: 8px 14px;opacity: 0;visibility: hidden;transition: all 0.25s ease;z-index: 10;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);line-height: 20px;font-weight: 400;border: 1px solid #ccc;border-radius: 6px;width: 360px;}
.rules261014-3:hover .rules261014-word-3{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}

.addcart261021 .rules261014-name{width: 16px;height: 16px;background: #95C74E;color: #fff;border-radius: 500px;font-size: 14px;text-align: center;line-height: 16px;}
.addcart261021 .rules261014-name:hover{background: #000;}
.addcart261021 .rules261014 .rules261014-word{left: auto;right: 0;transform: none;white-space: normal;word-break: break-all;overflow-wrap: break-word;width: 340px;}
.addcart261021 .bflex{display: flex;gap: 5px;align-items: center;}
.addcart261021.bflex-2{display: flex;gap: 20px;}

.parameters261022{position: relative;width: 100%;}
.parameters261022 .parameters261022-track-wrap{position: relative;overflow: hidden;}
.parameters261022 .parameters261022-track{display: flex;margin: 0;padding: 0;list-style: none;transition: transform 0.3s ease;}
.parameters261022 .parameters261022-prev,
.parameters261022 .parameters261022-next{position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 5;user-select: none;}
.parameters261022 .parameters261022-prev{left: 0;}
.parameters261022 .parameters261022-next{right: 0;}
.parameters261022 .parameters261022-prev.hide,
.parameters261022 .parameters261022-next.hide{display: none;}

.product-list-ebike .image-2{display: none;}

@media (max-width: 1600px){
    .addcart261021.bflex-2{flex-direction: column;gap: 10px;align-items: flex-end;}
}

@media (max-width: 1400px){
    .dashboard-product01 .rules261014 .rules261014-name h3{font-size: 17px;}
    
    .dashboard-product02 .mb261022,.dashboard-product02 .screening-01{gap: 10px;}
    .dashboard-product02 .screening-01{flex-direction: column;align-items: flex-start;}
    
}

@media (max-width: 1200px) {
    .parameters261022 .parameters261022-track-wrap{position: relative;padding: 0 30px;}
    .parameters261022 .parameters261022-clip{overflow: hidden;}
    
    .product-list-ebike .title h2{font-size: 16px;line-height: 20px;}
    
    .dashboard-product04 .box-right .fbox-1{flex-direction: column;gap: 10px;align-items: flex-start;}
    .addcart261021.bflex-2{align-items: flex-start;}
    .dashboard-product04 .clicklink{font-size: 15px;}
}

@media (max-width: 768px){
    .product-list-ebike .box-left,.product-list-ebike .box-right{width: 100%;}
    .product-list-ebike .box-left{padding-right: 0;margin-right: 0;border-right: none;border-bottom: 1px solid #ccc;margin-bottom: 15px;padding-bottom: 15px;}
    .product-list-ebike .flex01{flex-direction: column;}
    
    .product-list-ebike .image{width: 32%;}
    .product-list-ebike .content{width: 65%;}
    
    .dashboard-product01{flex-direction: column;gap: 15px;}
    .dashboard-product01 .dashboard-introduction{width: 100%;}
    .dashboard-product01 .rules261014 .rules261014-word{left: 50%;right: auto;transform: translateX(-50%) translateY(-4px);}
    .dashboard-product02 .screening-01{align-items: center;}
    
    .dashboard-product02 .dashboard-padding01.box-flex,.mb261022-2{flex-direction: column;gap: 10px;}
    .mb261022-2{width: 100%;}
    
    .dashboard-padding01{padding-left: 20px;padding-right: 20px;}
    .mb261022-2{}
    
    .dashboard-padding{padding: 20px;}
    .multiple-choice261016{margin-right: 15px;margin-bottom: 10px;}
    .dashboard-product03 .box-result dt{margin-right: 15px;margin-bottom: 8px;}
    
    .show-body261019.active{top: 25%;left: 20%;transform: translate(-12%, -30%);}
    .dashboard-product04 .box-right .fbox-1,.mb261022-2{flex-direction: row;}
}

@media (max-width: 576px){
    .addcart261021.bflex-2{align-items: flex-end;gap: 8px;}
    
    .product-list-ebike .image{display: none;}
    .product-list-ebike .image-2{display: block;width: 18%;}
    .parameters261022{width: 80%;}
    .product-list-ebike .content{width: 100%;}
    
    .rules261014-3 .rules261014-word-3{width: 300px;left: auto;right: 0;transform: none;right: -50px;}
    .rules261014-3:hover .rules261014-word-3{transform: none;}
    
}


.return-top261022{position: fixed;right: 30px;bottom: 30px;width: 50px;height: 50px;background: #95C74E;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 9999;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}
.return-top261022 svg{width: 30px;height: 30px;}
.return-top261022.show{opacity: 1;visibility: visible;}
.return-top261022:hover{background: #000;}