/* ==========================================================================
   Sternparts — storefront design system
   Tokens, base, layout, header/nav, catalog, product, home, footer
   ========================================================================== */

@font-face{
    font-family:'Golos Text';
    src:url(../fonts/golos-text-cyrillic.woff2) format('woff2');
    font-weight:400 900;font-style:normal;font-display:swap;
    unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
    font-family:'Golos Text';
    src:url(../fonts/golos-text-latin.woff2) format('woff2');
    font-weight:400 900;font-style:normal;font-display:swap;
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
    --bg:#f4f5f7;
    --bg-strip:#eef0f3;
    --surface:#ffffff;
    --well:#f7f8fa;
    --line:#e6e8ec;
    --line-strong:#d5d8de;
    --text:#1c2230;
    --text-2:#454d5c;
    --muted:#6b7280;
    --accent:#d96f00;
    --accent-dark:#b25a00;
    --accent-soft:#fff3e6;
    --ok:#1e7e46;
    --radius:14px;
    --radius-sm:10px;
    --shadow-1:0 1px 2px rgba(18,22,32,.05),0 6px 18px rgba(18,22,32,.06);
    --shadow-2:0 2px 6px rgba(18,22,32,.07),0 16px 36px rgba(18,22,32,.12);
    --font:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

/* ---------- base ---------- */
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden;overflow-x:clip}
body{font-family:var(--font);font-size:15px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
body a{color:var(--text-2);text-decoration:none;transition:color .15s ease}
body a:hover{color:var(--accent)}
body a.btn,body a.button,body a.button_buy,body a.mainbtn,body a.showmore,body a.callbackbtn{text-decoration:none}
body .glyphicon:empty{width:1.25em;height:1.25em}
.hidden-0-x{display:none}
.fast-order .policyinfo,.fast-order-outofstock .policyinfo{display:none}
@media (max-width:399px){.hidden-0-399{display:none}}
img{max-width:100%}
.nowrap{white-space:nowrap}
.relative{position:relative}
.bold,.storng{font-weight:700}
.strike{text-decoration:line-through}
.italic{font-style:italic}
.valigntop{vertical-align:top}
.floatleft{display:inline-block}
.clearfix{clear:both}

body h1,body .h1{font-size:32px;line-height:38px;font-weight:600;letter-spacing:-.02em;margin:0 0 18px;color:var(--text)}
body h2,body .h2{font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.015em;color:var(--text)}
body h3,body .h3{font-size:19px;line-height:26px;font-weight:700;color:var(--text)}
body h4,body .h4{font-size:17px;line-height:24px;font-weight:700}
body h5,body .h5,body h6,body .h6{font-size:15px;line-height:22px;font-weight:700}
body h1,body .h1,body h2,body .h2,body h3,body .h3,body h4,body .h4,body h5,body .h5,body h6,body .h6{font-family:var(--font)}
.informationarea .h2,.informationarea h2,.productfull h2,.productfull .h2{border-bottom:none}
.moduletable h3{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:28px 0 14px}

/* prose links */
.std a,.category_description a,.intro-content a,.tab-content a,.informationarea a,.blog a,.item-page a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.std a:hover,.category_description a:hover,.intro-content a:hover,.tab-content a:hover,.informationarea a:hover,.blog a:hover,.item-page a:hover{color:var(--accent-dark);text-decoration:none}

/* spacing utilities (legacy) */
.mtxl{margin-top:40px}.mtl{margin-top:30px}.mtm{margin-top:20px}.mts{margin-top:10px}.mtxs{margin-top:5px}
.mrxl{margin-right:40px}.mrl{margin-right:30px}.mrm{margin-right:20px}.mrs{margin-right:10px}.mrxs{margin-right:5px}
.mbxl{margin-bottom:40px}.mbl{margin-bottom:30px}.mbm{margin-bottom:20px}.mbs{margin-bottom:10px}.mbxs{margin-bottom:5px}
.mlxl{margin-left:40px}.mll{margin-left:30px}.mlm{margin-left:20px}.mls{margin-left:10px}.mlxs{margin-left:5px}
.m15{margin:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}
.p10{padding:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}
.p15{padding:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}
.p20{padding:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}
.p100{padding:100px}.pt100{padding-top:100px}.pr100{padding-right:100px}.pb100{padding-bottom:100px}.pl100{padding-left:100px}
.width5{width:5%}.width8{width:8%}.width10{width:10%}.width25{width:25%}.width50{width:50%}.width100{width:100%}

video{position:relative;padding-bottom:56.25%;height:0}

/* ---------- layout ---------- */
.wrapper{background:var(--bg);width:100%;background-image:none}
@media (min-width:1300px){.container{width:1280px}}
#id-body{padding-top:8px}
#id-content{padding:8px 0 44px;margin-top:0;background:none;border:none;box-shadow:none}
#id-left-inner>div,#id-right-inner>div{min-width:0}

/* ---------- top strip ---------- */
.top-menu{background:var(--bg-strip);border-bottom:1px solid var(--line)}
.top-menu .nav{display:flex;justify-content:center;flex-wrap:wrap;margin:0}
.top-menu .nav>li>a{padding:8px 11px;font-size:13px;color:var(--muted)}
.top-menu .nav>li>a:hover{color:var(--accent)}
.city-select{padding:0}
.city-select p,.city-select select{float:left}
.city-select span,.city-select a{display:inline-block}
.city-select a,.citychoose{cursor:pointer;color:var(--text-2);font-size:13px;text-decoration:none}
.city-select a:hover,.citychoose:hover{color:var(--accent)}
.city-select span:before{content:"";width:15px;height:15px;display:inline-block;position:relative;top:3px;margin-right:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E") center/contain no-repeat}
#citymodalwindow .citychoose{display:block;margin:5px;font-weight:700}
.modalcityname{display:inline-block}
.login-btn{border:none;background:none;height:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 0;margin:0;cursor:pointer;color:var(--text-2);font-size:13px;line-height:1}
.login-btn:before{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23454d5c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.8 20a7.2 7.2 0 0 1 14.4 0'/%3E%3C/svg%3E") center/contain no-repeat}
.login-btn:hover{color:var(--accent)}
.logged-user{color:var(--text-2);margin-top:8px;cursor:pointer;display:inline-flex;align-items:center;font-size:13px}
.logged-menu{display:none;position:absolute;z-index:1060;background:var(--surface);padding:8px;margin-top:6px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);min-width:160px;right:10px}
.logged-menu:before{display:none}
.logged-menu ul{list-style:none;padding-left:0;margin:0}
.logged-menu li{margin:0}
.logged-menu li a{display:block;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--text-2)}
.logged-menu li a:hover{background:var(--accent-soft);color:var(--accent-dark)}
.user-name{max-width:80px;text-overflow:ellipsis;overflow:hidden;line-height:1.2}
.user-icon{background:var(--accent);width:24px;height:24px;display:inline-block;text-align:center;line-height:24px;border-radius:50%;color:#fff;text-transform:uppercase;margin-right:6px;font-size:12px;font-weight:700}

/* ---------- header ---------- */
#id-header{background:var(--surface)}
.tophead{padding-top:18px;padding-bottom:18px}
#id-header-logo .logo{margin-top:0}
#id-header-logo .logo img{height:54px;width:auto;max-height:none}
#id-header-search{padding:6px 0}
.search{display:flex;align-items:stretch;position:relative}
.search form{display:flex;flex:1 1 auto;align-items:stretch;min-width:0;margin:0}
.search .inputbox.search-query{flex:1 1 auto;min-width:0;max-width:none;width:auto;display:block;height:46px;background:var(--surface);border:1px solid var(--line-strong);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding:0 16px;font-size:15px;color:var(--text);box-shadow:none}
.search .inputbox.search-query::placeholder{color:#9aa1ad}
.search .inputbox.search-query:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(217,111,0,.13)}
.searchbtn{height:46px;width:54px;padding:0;border:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center/20px no-repeat;font-size:0;cursor:pointer;transition:background .15s ease}
.searchbtn:hover{background-color:var(--accent-dark)}
#search-result{position:absolute;top:100%;left:0;right:54px;z-index:1050;background:var(--surface);border:1px solid var(--line);border-top:none;border-radius:0 0 12px 12px;box-shadow:var(--shadow-2);max-height:340px;overflow:auto}
.id-telephone{padding:0;margin:0}
.id-telephone a{font-size:17px;margin:0 0 0 14px;letter-spacing:0;text-decoration:none;font-family:var(--font);font-weight:700;color:var(--text)}
.mobphone,.phone{display:block;font-size:17px;font-weight:600;color:var(--text);text-decoration:none;letter-spacing:-.01em}
.mobphone:hover,.phone:hover{color:var(--accent)}
.telarea,.ordphone{margin:0 0 0 18px;vertical-align:middle}
.callbackbtn{padding:8px 16px;background:var(--surface);color:var(--accent)!important;border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:background .15s ease,color .15s ease}
.callbackbtn:hover{background:var(--accent);color:#fff!important}

/* ---------- main nav ---------- */
#category-menu{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1030;transition:box-shadow .2s ease}
#category-menu.is-stuck{box-shadow:0 8px 24px rgba(18,22,32,.09)}
#category-menu .id-top{display:flex;align-items:center;margin:0}
#category-menu ul li{display:inline-block}
.catalogbtn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:12px 22px 12px 48px;font-size:15px;font-weight:600;position:relative;transition:background .15s ease;white-space:nowrap}
.catalogbtn:before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:19px;height:19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat}
.catalogbtn:hover{background:var(--accent-dark);color:#fff}
#id-header-menu{flex:1 1 auto;text-align:center}
.menusm{background:transparent!important;display:inline-flex;max-height:none;overflow:visible;flex-wrap:wrap;justify-content:center}
.menusm li a{color:var(--text-2)}
#id-header-menu .sm-simple{background:transparent!important}
#id-header-menu .sm-simple>li{border:none;padding:0!important}
#id-header-menu .sm-simple a{padding:15px 14px;font-size:15px;font-weight:500;color:var(--text-2);font-family:var(--font);line-height:1.3}
#id-header-menu .sm-simple a:hover,#id-header-menu .sm-simple a.highlighted{color:var(--accent);background:none}
#id-header-menu .sm-simple a.current,#id-header-menu .sm-simple a.current:hover{background:none;color:var(--accent)}
#id-header-menu .sm-simple ul{background:var(--surface)!important;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);padding:8px;min-width:230px;margin-top:0}
#id-header-menu .sm-simple ul li{border:none;display:block}
#id-header-menu .sm-simple ul a{display:block;padding:9px 12px;border-radius:8px;font-size:14px}
#id-header-menu .sm-simple ul a:hover{background:var(--accent-soft);color:var(--accent-dark)}
#id-header-menu .sub-arrow{display:none}
#id-header-menu .menusm .parent>ul{padding-left:0}
ul.sm ul{position:absolute}
ul.sm a{z-index:1!important}

/* wrapped catalog dropdown */
#id-header-menu-wrapped{position:relative;display:inline-block}
#id-header-menu-wrapped li{display:block!important;padding:0}
#id-header-menu-wrapped .sm-wrapped>.deeper.parent{min-width:220px;float:left}
.wrapped-menu-area{display:none;position:absolute;top:100%;left:0;background:var(--surface);z-index:1040;color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);padding:14px;margin-top:8px;max-height:70vh;overflow:auto;width:640px}
.sm-wrapped{background:transparent!important;display:block;max-height:none;overflow:visible;column-count:3;column-gap:22px}
.sm-wrapped li a{color:var(--text-2);font-size:14px;font-weight:600;display:block;padding:7px 4px;text-decoration:none}
.sm-wrapped li a:hover{color:var(--accent)}
.sm-wrapped ul.nav-child{position:static;display:block;box-shadow:none;border:none;background:none;padding:0 0 10px 10px;margin:0}
.sm-wrapped ul.nav-child li a{font-weight:400;font-size:13.5px;color:var(--muted);padding:4px}
.sm-wrapped ul.nav-child li a:hover{color:var(--accent)}
.sm-wrapped>li{padding:0!important;border:none;break-inside:avoid}

/* ---------- breadcrumbs ---------- */
#bread{margin:0}
.overflow-auto{max-width:100%;overflow:visible}
.breadcrumb{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:12px 0 2px;margin:0;list-style:none;background:none;border:none;border-radius:0;min-width:0;justify-content:flex-start!important}
.breadcrumb:after{display:none}
.breadcrumb>li{font-size:13px;color:var(--muted);display:flex;align-items:center}
.breadcrumb>li+li:before{content:"";width:13px;height:13px;margin:0 7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3b8c2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat}
.breadcrumb>li>a{color:var(--muted)}
.breadcrumb>li>a:hover{color:var(--accent)}
.breadcrumb>li>span{color:var(--text-2)}

/* ---------- sidebar (filters + subcategories) ---------- */
.nfilter{border:none;padding:0}
@media (min-width:992px){
    .nfilter{position:sticky;top:76px;align-self:flex-start}
}
.jshop.list_category{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px;margin-bottom:16px;max-height:340px;overflow-y:auto;overscroll-behavior:contain}
.jshop.list_category::-webkit-scrollbar{width:6px}
.jshop.list_category::-webkit-scrollbar-track{background:transparent}
.jshop.list_category::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}
.product_link{display:block;text-decoration:none}
.sblock1.category{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none!important;border-radius:var(--radius-sm);font-size:14px;transition:background .15s ease}
.sblock1:hover{background:var(--accent-soft)}
.sblock2.image{display:block;opacity:1;flex:0 0 auto}
.sblock2.image img{width:36px;height:36px;object-fit:contain;border-radius:8px;background:var(--well)}
.category .category_name{padding:0;display:block;word-break:normal;color:var(--text-2);font-weight:500;line-height:1.3}
.sblock1:hover .category_name{color:var(--accent-dark)}
#id-left-filter{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.mobilefilter{display:none}
.jshop-simpleajax-filter .filter-head:first-child,.jshop-simpleajax-filter .filter-head{margin-top:0}
.filter-head,.char-head{font-size:14px;font-weight:700;color:var(--text);margin:18px 0 10px;display:block}
.jshop-simpleajax-filter .filter-head:first-child{margin-top:0}
.char-head{margin-top:18px}
.filter-item,.filter-inem-value{display:block;position:relative;padding-left:0;margin:0 0 8px;cursor:pointer;font-size:14px;user-select:none;width:100%}
.filter-item.invis,.filter-inem-value.invis{display:none}
.filter-item label,.filter-inem-value label{max-width:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--text-2);font-weight:400;margin:0;padding-left:28px;line-height:1.4}
.jshop label{margin:0;margin-left:0;display:inline-flex!important;margin-right:0;position:relative;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.filter-item input,#table_payments input,#table_shippings input{position:absolute;opacity:0;cursor:pointer}
.filter-item .checkmark,#table_payments .checkmark,#table_shippings .checkmark{position:absolute;top:1px;left:0;height:18px;width:18px;background-color:var(--surface);border-radius:6px;border:1.5px solid var(--line-strong);transition:background .12s ease,border-color .12s ease}
.filter-item .checkmark{left:0}
.checkmark:after{content:"";position:absolute;display:none}
.filter-item input:checked ~ .checkmark,#table_payments input:checked ~ .checkmark,#table_shippings input:checked ~ .checkmark{background-color:var(--accent);border-color:var(--accent)}
.filter-item input:checked ~ .checkmark:after,#table_payments input:checked ~ .checkmark:after,#table_shippings input:checked ~ .checkmark:after,.checkmark-bns:after{display:block}
.filter-item .checkmark:after,#table_payments .checkmark:after,#table_shippings .checkmark:after,.checkmark-bns:after{left:5.5px;top:2px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.bonus_block input:checked ~ .checkmark-bns:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:"";display:block;margin-top:5px}
.manufacturer-filter .filter-item:hover input ~ label,.characteristic-filter .filter-inem-value:hover input ~ label{color:var(--accent-dark)}
.manufacturer-filter .filter-item:hover input ~ .checkmark,.characteristic-filter .filter-inem-value:hover input ~ .checkmark,#table_payments td:hover input ~ .checkmark,#table_shippings td:hover input ~ .checkmark,.bonus_block input:hover ~ .checkmark-bns{border-color:var(--accent)}
.filter-item .price-from-to input{position:inherit;opacity:1;cursor:text;background:var(--surface);border:1px solid var(--line-strong);box-shadow:none;padding:7px 9px;border-radius:8px;width:80px;font-size:13.5px;color:var(--text)}
.price-from,.price-to{display:inline-block;margin:0 10px 0 0;font-size:13.5px;color:var(--muted)}
.filter-item select{width:100%;padding:8px 10px;background:var(--well);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:13.5px}
.filter-item{max-width:none;margin:0 0 8px}
.sf_block_params{padding:0 0 10px}
.showmore{background:none;padding:6px 0 0;width:auto;display:inline-block;text-align:left;text-decoration:none;color:var(--accent);border:none;font-size:13px;font-weight:600}
.showmore:hover{color:var(--accent-dark)}
.manufacturer-area .showmore{margin-left:0}
.clear-simpleajax-filter a,.js-trigger-clear{padding:10px 12px;display:block;margin:14px 0 0;text-decoration:none;background:var(--accent-soft);color:var(--accent-dark)!important;border:none;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;text-align:center}
.clear-simpleajax-filter a:hover,.js-trigger-clear:hover{background:var(--accent);color:#fff!important}
.js-trigger-clear span{border:none}
.attention-filter{background:var(--accent-soft);border-radius:var(--radius-sm);padding:10px}
.popup-goto{display:none}
.js-showallfilter,.js-hideallfilter{display:none}
.arrowfilter{cursor:pointer}

/* ---------- product cards ---------- */
.block_product{margin-bottom:20px;display:flex}
.block_product>.interdiesel-main-product{width:100%}
.interdiesel-main-product .item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:relative;min-height:0;height:100%;width:100%;display:flex;flex-direction:column;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.interdiesel-main-product .item:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}
.interdiesel-main-product .item .item-inner{border:none;position:relative;overflow:hidden;border-radius:inherit;display:flex;flex-direction:column;flex:1 1 auto}
.interdiesel-main-product .item .item-inner-top{padding:0;text-align:left;transition:none}
.interdiesel-main-product .item .item-inner-top>a{display:block;background:var(--well);border-radius:var(--radius) var(--radius) 0 0;padding:16px}
.interdiesel-main-product .item .item-inner-top>a img{width:100%;height:168px;object-fit:contain;transition:transform .25s ease}
.interdiesel-main-product .item:hover .item-inner-top>a img{transform:scale(1.04)}
.interdiesel-main-product .item .info{padding:12px 14px 0;opacity:1!important}
.product-name{margin:0;font-weight:600;text-align:left;font-size:14px;line-height:1.35;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;padding-top:0}
.product-name a{color:var(--text)!important;text-transform:none;max-height:none;overflow:hidden;text-overflow:ellipsis;display:block;font-weight:600}
.product-name a:hover{color:var(--accent-dark)!important}
.card-meta{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.4}
.card-meta .card-stock.in{color:var(--ok)}
.card-meta .card-stock.out,.card-meta .not_available{color:#b3402f}
.content_price{text-align:left;border-bottom:none;padding:10px 0 0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.content_price .product-price{font-size:18px;font-weight:600;color:var(--text);letter-spacing:-.01em}
.content_price .product-price.old-price{text-decoration:line-through;font-size:13px;font-weight:500;color:var(--muted)}
.interdiesel-main-product .item .description{display:none}
.row.group-items{display:flex;flex-wrap:wrap;margin:0 -10px}
.row.group-items>*{flex:0 0 25%;max-width:25%;padding:0 10px;margin-bottom:20px;min-width:0}
.jshop.list_product .row{display:flex;flex-wrap:wrap}
.jshop.list_product .row>*{flex:0 0 auto;min-width:0}
.jshop_list_product .jshop .block_product{border:none;border-radius:0;background:none}
.list_related .carousel-inner>.row{display:flex;flex-wrap:wrap}
.list_related .carousel-inner>.row>*{flex:0 0 25%;max-width:25%;min-width:0;padding:0 15px}
@media all and (max-width:991px){.list_related .carousel-inner>.row>*{flex:0 0 50%;max-width:50%}}
@media all and (max-width:767px){.list_related .carousel-inner>.row>*{flex:0 0 50%;max-width:50%}}
.last_visited_products{display:flex;flex-wrap:wrap;margin:0 -15px;row-gap:20px}
.last_visited_products>*{flex:0 0 25%;max-width:25%;width:auto;float:none;padding:0 15px;margin-bottom:0;min-width:0}
@media all and (max-width:991px){.last_visited_products>*{flex:0 0 50%;max-width:50%}}
@media all and (max-width:560px){.last_visited_products{row-gap:15px}.last_visited_products>*{flex:0 0 50%;max-width:50%}}
.productfull [class*="moduletable"]{margin-top:8px;border-top:1px solid var(--line);padding-top:24px}
.productfull [class*="moduletable"] h3{font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.015em;margin:0 0 16px}
.interdiesel-main-product .item .des-inbox{position:static;bottom:auto;width:auto;background:none;padding:12px 14px 14px;margin-top:auto;transition:none}
.interdiesel-main-product .item .des-inbox .content_price,.interdiesel-main-product .item .des-inbox .product-name{display:none}
.interdiesel-main-product .item .des-inbox .button-container{padding-top:0;border-top:none;width:100%;float:none;text-align:center}
.interdiesel-main-product .item .des-container{display:none}
.button_buy{background:var(--accent);padding:11px 12px;width:100%;text-align:center;margin:0 auto;color:#fff!important;display:block;text-decoration:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;border:none;transition:background .15s ease}
.button_buy:hover{background:var(--accent-dark);color:#fff!important}
.plabel{position:absolute;left:10px;top:10px;z-index:2;overflow:visible;width:auto;height:auto;text-align:left}
.plabel .sale,.plabel .new{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center;line-height:1;display:inline-block;position:static;width:auto;padding:6px 10px;border-radius:8px;letter-spacing:.05em;margin:0}
.plabel .sale{background:var(--accent)}
.plabel .new{background:#232a3d}
.promolisting{background:var(--surface);margin:0 0 22px;border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.promolisting p{text-align:left;font-size:16px;font-weight:700;margin:0 0 14px;color:var(--text)}
.promolisting .block_product{margin-bottom:0}

/* ---------- sort toolbar + pagination ---------- */
.block_sorting_count_to_page{background:var(--surface);padding:10px 14px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.jshop_list_product form{padding:0;margin:0 0 18px;display:block;width:100%;text-align:left}
.jshop_list_product form label{display:inline-block;margin:0 8px 0 0;font-weight:500;vertical-align:middle;color:var(--muted);line-height:22px;font-size:13.5px}
.jshop_list_product form .sort-by{float:none;margin:0;padding:0;position:relative;display:inline-flex;align-items:center}
.jshop_list_product form .select-sort-by{display:inline-flex;align-items:center;gap:6px}
.jshop_list_product form .limiter{color:var(--muted);float:none;font-size:13.5px;line-height:22px;margin:0;padding:0;text-transform:none;display:inline-flex;align-items:center;position:relative}
.jshop_list_product form .select-limiter{display:inline-block}
.jshop_list_product form select,.form-list select{box-sizing:border-box;line-height:1.4;padding:8px 32px 8px 12px;border:1px solid var(--line-strong);margin:0;vertical-align:middle;color:var(--text);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/14px no-repeat;border-radius:var(--radius-sm);width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;font-size:14px}
.jshop_list_product form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(217,111,0,.13)}
.jshop_list_product form select option{padding-right:10px}
.jshop_list_product .list_product{width:100%;float:left}
.jshop_list_product #sort_count{width:100%}
.jshop_list_product .jshop_pagination_bottom{position:relative}
.jshop_list_product .jshop_pagination_bottom .jshop_pagination{width:100%}
.jshop_pagination .pagination{padding:28px 0 4px;margin:0;width:100%;float:left;display:flex;justify-content:center}
.jshop_pagination .pagination ul{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}
.jshop_pagination .pagination ul li{display:inline-block;margin:0}
.jshop_pagination .pagination ul li a{background:var(--surface);border:1px solid var(--line);color:var(--text-2);text-decoration:none;padding:8px 13px;line-height:1.2;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:border-color .15s ease,color .15s ease}
.jshop_pagination .pagination ul li a:hover{border-color:var(--accent);color:var(--accent)}
.jshop_pagination .pagination ul li.pagination-active a{background:var(--accent);border-color:var(--accent);color:#fff}
.jshop_pagination .pagination .pagination-start,.jshop_pagination .pagination .pagination-prev{display:none}

/* ---------- category page ---------- */
.jshop-category h1{margin:6px 0 16px}
.mobilefilterplace{margin-bottom:4px}
.category_description{margin-top:26px;color:var(--text-2);font-size:14.5px}
.category_description h2,.category_description h3{margin-top:20px}

/* ---------- product page ---------- */
.productfull{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}
.productfull h1,.product-name h1{font-size:26px;line-height:1.25;letter-spacing:-.018em;margin:0 0 18px!important;font-weight:600}
.productfull .thumbnail{width:100%;float:none;border:none;padding:24px;background:var(--well);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;min-height:300px;margin:0}
.productfull .thumbnail img{max-height:340px;width:auto;object-fit:contain}
.actuallistimg{text-align:center;width:100%}
.productfull #list_product_image_thumb{width:100%;max-height:none;overflow:visible;margin-top:12px}
.productfull .nav-pills>li{width:auto!important;float:none;margin:0}
.productfull #list_product_image_thumb .nav-pills{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}
.productfull .jshop_img_thumb{border:1px solid var(--line);padding:6px;height:64px;overflow:hidden;width:64px;text-align:center;border-radius:var(--radius-sm);background:var(--surface);display:flex;align-items:center;justify-content:center;transition:border-color .15s ease}
.productfull .jshop_img_thumb:hover{cursor:pointer;border-color:var(--accent)}
.productfull .jshop_img_thumb img{width:100%;height:100%;object-fit:contain}
.manufacturer_logo{margin-top:14px}
.detailsRight{background:var(--well);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.short-description .std{font-size:14px;color:var(--text-2)}
.id-line{width:100%;display:block;margin-top:6px}
.id-line .infoelem{width:auto;padding:0;font-size:14px;float:none;display:block}
.availability-price{display:block;width:auto;float:none}
.price-container{margin-bottom:4px}
.productfull #block_price{font-size:30px;display:inline-block;font-weight:600;letter-spacing:-.02em;color:var(--text);background:none}
.productfull #block_price.promo{font-size:30px;background:none;display:inline-block;color:var(--text);min-height:0;border-radius:0;z-index:auto}
.price#old_price{text-decoration:line-through;font-size:16px;font-weight:500;color:var(--muted)}
.old-price{margin:0 0 2px}
.special-price{margin:0}
.availability span{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e7e46' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.4l2.7 2.7L16 9.8'/%3E%3C/svg%3E") no-repeat left center/18px;display:inline-block;padding:2px 0 2px 26px;color:var(--ok);font-weight:600;font-size:14px}
.product-options-bottom{clear:both;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:18px}
.product-options-bottom .add-to-cart{flex:1 1 auto;min-width:0}
.product-options-bottom .button_buy{height:46px;padding:0 14px;display:flex;align-items:center;justify-content:center;margin:0}
.product-options-bottom .quabtity-mf{flex:0 0 auto;width:auto;display:block;text-align:left}
.productfull .desh + hr{display:none}
.quabtity-mf{width:auto}
.quabtity-mf label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:500}
.quabtity-mf .input-content{display:flex;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);height:46px}
.sp-quantity{width:auto;height:auto;font-family:var(--font)}
.sp-minus{width:42px;height:46px;border:none;float:none;text-align:center;border-radius:0;background:var(--well)}
.sp-plus{width:42px;height:46px;border:none;border-left:1px solid var(--line);float:none;text-align:center;border-radius:0;background:var(--well)}
.sp-minus a,.sp-plus a{display:block;width:100%;height:100%;padding-top:0;text-decoration:none;font-size:22px;line-height:44px;color:var(--text-2);cursor:pointer;background:transparent;border-radius:0;transition:background .12s ease,color .12s ease}
.sp-minus a:hover,.sp-plus a:hover{background:var(--accent-soft);color:var(--accent-dark)}
.sp-input{width:52px;height:46px;border-left:1px solid var(--line);float:none}
.sp-input input{width:52px;height:46px;text-align:center;border:none;font-size:16px;font-weight:600;color:var(--text)}
.sp-input input:focus{border:none;outline:none}
.prod_qty_input .quantity .sp-input{margin-top:0}
.add-to-cart{width:auto;flex:1 1 200px;display:block}
.add-to-box{width:auto}
.add-to-cart .button_buy{height:46px;font-size:15px;display:flex;align-items:center;justify-content:center}
.viewoffers{background:var(--accent);padding:12px 18px;width:100%;border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:15px}
.viewoffers:hover{background:var(--accent-dark)}
.desh .fst{padding:14px 18px;background:var(--accent-soft);text-align:left;font-size:14px;margin-top:18px;box-shadow:none;border-radius:12px;color:var(--text-2);line-height:1.5}
.desh .fst img{display:block;margin-top:10px}
.outofstock .txt p{font-size:14px;color:var(--text-2)}
.fast-order{margin-top:20px}
.fast-order .defbtn{border-radius:var(--radius-sm);padding:10px 16px;color:#fff;background:var(--accent);border:none}
.paycard{text-align:center;margin-top:15px;opacity:.75}
.product-options-item.jshop_prod_attributes dt,.product-options-item.jshop_prod_attributes dd{display:inline-block}
div.jshop_prod_attributes{margin:0 0 12px}
div.jshop_prod_attributes select{width:100%;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}
.prod_attr_img{display:none}
.id-line,.product-options{display:block}
.product-tabs-container{margin-top:28px}
#tab-product{margin:0;padding:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:nowrap;justify-content:flex-start;min-width:0;gap:2px}
#tab-product li{display:inline-block;margin:0}
#tab-product li>a,#tab-product span{display:block;padding:12px 16px;text-decoration:none;font-size:15px;font-weight:600;cursor:pointer;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:0;line-height:1.3}
#tab-product li>a:hover,#tab-product span:hover{background:none;color:var(--accent)}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:none;border:none;border-bottom:2px solid var(--accent);color:var(--text)}
#tab-product.fixed{position:static;width:auto}
#tab-product.fixed li{display:inline-block;padding:0}
.tab-content{border-bottom:none;padding-top:20px}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:none;border-bottom:2px solid var(--accent)}
#tab-product li.active>a,#tab-product li.active>span,#tab-product li.active>a:hover,#tab-product li.active>a:focus{color:var(--text);border:none;border-bottom:2px solid var(--accent)}
.product-tab-content h2{font-size:20px;margin:0 0 14px}
.product-tab-content .std{font-size:14.5px;color:var(--text-2)}
.product-tab-content .std div{margin-bottom:6px}
.extra_fields_group{font-weight:700;margin:12px 0 6px;color:var(--text)}
#tab-buy{margin-top:0}
table.price_prod_qty_list{width:100%;margin-top:10px}
table.price_prod_qty_list td{padding:8px 10px;border-bottom:1px solid var(--line);font-size:14px}
.button_back{margin-top:18px}
.button_back .btn{background:var(--well);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-2);padding:9px 16px}
.button_back .btn:hover{border-color:var(--accent);color:var(--accent)}
.print{cursor:pointer;color:var(--muted);font-size:13px}
.print:hover{color:var(--accent)}

/* ---------- home ---------- */
#id-slider-area{padding-top:16px}
#myCarousel{border-radius:16px;overflow:hidden;box-shadow:none}
#myCarousel .h3{font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--text)}
.item.first-item{background:linear-gradient(100deg,#fdf8ee,#ecd9b8)}
.item.second-item{background:linear-gradient(100deg,#fff8ea,#ffd9a1)}
.item.third-item{background:linear-gradient(100deg,#f6f7f9,#ffe7c9)}
.slidearea{margin-top:48px;margin-bottom:48px}
.slidearea p{color:var(--text-2);font-size:16px}
.slidearea .mainbtn{margin-top:22px;text-decoration:none;display:inline-block}
.mainbtn{padding:11px 22px;background:var(--accent);color:#fff!important;border:none;border-radius:var(--radius-sm);margin:0;font-size:15px;font-weight:600;transition:background .15s ease}
.mainbtn:hover{background:var(--accent-dark)}
.carousel-control{background:none!important;text-shadow:none;opacity:.7}
.carousel-control:hover{opacity:1}
#id-banner{background:none;padding:18px 0 0;border-bottom:none;position:relative;width:100%;float:left}
.preim{padding:16px 18px 16px 58px;font-size:15px;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:60px;display:flex;align-items:center;position:relative}
.preim:before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;background-position:center;background-size:contain;background-repeat:no-repeat}
.preim.one:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d96f00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v6c0 4.6-3.2 8.3-7.5 9.5-4.3-1.2-7.5-4.9-7.5-9.5V6L12 3z'/%3E%3Cpath d='M8.8 12.2l2.2 2.2 4.2-4.4'/%3E%3C/svg%3E")}
.preim.two:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d96f00' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M19 5L5 19'/%3E%3Ccircle cx='7.5' cy='7.5' r='2.6'/%3E%3Ccircle cx='16.5' cy='16.5' r='2.6'/%3E%3C/svg%3E")}
.preim.three:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d96f00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5V8z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E")}
.intro-content{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 30px;margin:20px 0}
.intro-content h1{margin:0 0 10px}
.intro-content p{color:var(--text-2);font-size:15px;margin:0;max-width:75ch}
.promo{background:linear-gradient(rgba(23,27,38,.62),rgba(23,27,38,.68)),url(/images/promo.jpg) no-repeat center center/cover;display:block;width:100%;height:auto;min-height:200px;z-index:4;border-radius:16px;display:flex;align-items:center}
.promo .overlap{padding:28px 34px;color:#fff}
.promo h2{color:#fff;padding:0;margin:0 0 8px;font-size:26px;font-weight:600;letter-spacing:-.015em}
.promo p{color:#fff;padding:0;margin:0 0 4px;font-size:17px;text-shadow:none;font-weight:500}
.promoitems{margin-top:20px}
.last-prods{margin-top:8px}
.deutz,.cummins,.perkins{background-repeat:no-repeat;background-position:center center;background-size:cover;display:block;width:100%;max-width:none;height:170px;text-decoration:none;border-radius:var(--radius);overflow:hidden;position:relative}
.cummins{background-image:url(/images/cummins-main.jpg)}
.deutz{background-image:url(/images/deutz-main.jpg)}
.perkins{background-image:url(/images/perkins-main.jpg)}
.deutz p,.cummins p,.perkins p{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;background:linear-gradient(rgba(23,27,38,0),rgba(23,27,38,.82));color:#fff;font-size:15px;font-weight:600;margin:0}
.continfo .h3{color:var(--text)!important}

/* ---------- footer ---------- */
#id-footer{background:var(--surface);border-top:1px solid var(--line)}
#id-copyright{background:var(--surface);border-top:1px solid var(--line)}
#id-copyright-2{padding:34px 0 10px}
#id-copyright-2-mod .h3{color:var(--text);font-size:15px;font-weight:700;margin-bottom:12px;display:block;cursor:default}
#id-copyright-2-mod a{color:var(--text-2)}
#id-copyright-2-mod a:hover{color:var(--accent)}
#id-copyright-2-mod ul li{margin-left:0;padding:0;font-size:14px;margin-bottom:8px}
#id-copyright-2-mod ul{list-style:none;padding-left:0}
#id-copyright-2-mod .copyright{color:var(--muted);margin-top:20px}
.footerphone{padding-left:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d96f00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3h3l1.5 4-2 1.4a12 12 0 0 0 5.6 5.6L16 12l4 1.5v3a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 4.5 5.2 2 2 0 0 1 6.5 3z'/%3E%3C/svg%3E") no-repeat left center/18px}
.footermob{padding-left:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d96f00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.5'/%3E%3Cpath d='M11 18.5h2'/%3E%3C/svg%3E") no-repeat left center/18px}
.footermail{padding-left:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d96f00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.6 6.5L12 13l8.4-6.5'/%3E%3C/svg%3E") no-repeat left center/18px}
.footerskype{padding-left:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d96f00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 10.5c0-1.4 1.3-2.5 3-2.5s3 1.1 3 2.5-1.3 2-3 2.5-3 1.1-3 2.5 1.3 2.5 3 2.5 3-1.1 3-2.5'/%3E%3C/svg%3E") no-repeat left center/18px}
#id-copyright-3{background:transparent;border-top:1px solid var(--line);padding:6px 0}
#id-copyright-3 .card img{max-height:40px;opacity:.9}
.copyright a,.copyright p{color:var(--muted);font-size:13px}
#id-copyright-4{background:transparent}
#id-copyright-4 p{color:var(--muted)!important;font-size:12.5px;padding:0 0 20px!important;text-align:center;margin:0}

/* ---------- buttons, forms, tables ---------- */
.btn-primary{border:none}
.btn-primary:hover{background:var(--accent-dark);color:#fff!important}
.defbtn{padding:10px 16px;background:var(--accent);color:#fff!important;border:none;border-radius:var(--radius-sm);margin:0;font-weight:600}
.defbtn:hover{background:var(--accent-dark)}
#button_order_finish.defbtn{padding:12px 10px;background:var(--accent);color:#fff!important;border:none;border-radius:var(--radius-sm);margin:5px 0;width:100%}
#button_order_finish{margin-top:20px}
.form-control{height:44px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);box-shadow:none;color:var(--text)}
.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(217,111,0,.13)}
textarea.form-control{height:auto}
#order_add_info{width:100%;height:80px}
#idorders_fastorder{display:none}
table.jshop{font-size:15px;width:100%}
table.jshop td{vertical-align:middle;padding:8px 6px;border-bottom:1px solid var(--line)}
table.jshop th{padding:8px 6px;border-bottom:1px solid var(--line);font-weight:700}
#table_payments .payment_image{margin-top:0;margin-right:6px}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:var(--accent-soft);color:var(--accent-dark)}
.close{font-size:30px;margin-top:-6px;color:var(--muted);opacity:.8;text-shadow:none}
.close:hover{color:var(--text);opacity:1}
.modal_checkout{background:var(--accent);text-align:center;display:block;border-radius:var(--radius-sm);transition:background .15s ease}
.modal_checkout:hover{background:var(--accent-dark);box-shadow:none}
.modal_checkout:hover a{color:#fff}
.modal_checkout a{color:#fff;display:block;padding:12px}
.gotocart .checkout{display:inline-block;margin-left:12px;color:#fff;text-decoration:underline}
.modal-content{border:none;border-radius:16px;box-shadow:var(--shadow-2)}
.modal-header{border-bottom:1px solid var(--line);padding:16px 20px;border-radius:16px 16px 0 0}
.modal-header .modal-title{font-size:18px;font-weight:700;margin:0}
.modal-body{padding:20px}
#LoginModal h2{border:none;font-size:18px;margin:0}
#LoginModal .mainbtn{width:100%}
#LoginModal .form-list{padding:0}
.form-list li{list-style:none;margin-bottom:12px}
.form-list label{color:var(--text-2);font-size:14px;font-weight:500;margin-bottom:6px;display:block}
.modal-backdrop{z-index:1040}
body.bar-modal-open #category-menu{z-index:1060}
body.bar-modal-open #category-menu:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);z-index:1045}
#search_callback .defbtn{width:100%;padding:11px 0;margin:0;font-size:14px}
.search-area{text-align:center;font-size:16px;margin:25px 0}
.spoiler-wrapper{border:0 none;margin-bottom:12px;float:none;width:auto;clear:both;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.spoiler{float:none;width:auto;display:block;border-bottom:1px solid var(--line);cursor:pointer;margin:0;text-decoration:none;padding:0 16px 0 46px;background-position:14px center;background-size:18px 18px;background-repeat:no-repeat}
.spoiler.folded{background-color:var(--well);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.spoiler.folded h2{line-height:48px;padding:0;margin:0;text-align:left;border-bottom:0;font-size:16px;font-weight:600;color:var(--text)}
.spoiler.unfolded h2{line-height:48px;padding:0;margin:0;font-size:16px;font-weight:600;color:var(--text)}
.spoiler.unfolded{background-color:var(--well);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.spoiler a{text-decoration:none;color:var(--text);display:block}
.spoiler-text{padding:16px 18px;float:none;width:auto;background-color:var(--surface)}
.spoiler-text p{margin:0 0 8px;font-size:14.5px;line-height:1.6;color:var(--text-2)}
.spoiler-text p:last-child{margin-bottom:0}
.spoiler-text table tr td{padding:10px}
.items-list{background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}
.items-list-btn{cursor:pointer;padding-left:28px;background:url(/components/com_jshopping/templates/addons/extended_profile/images/orderlist.png) no-repeat left center/20px}
.mb_orders .table{margin-bottom:5px;box-shadow:none;border:1px solid var(--line)}
.items-list .table{display:none}
.deliveryman{text-align:center;background-color:var(--well);border-radius:var(--radius-sm);padding:10px}
#oneStepCheckoutForm #step5 .minicart.uk-table{display:none}
#oneStepCheckoutForm .jshop_subtotal{display:flex;flex-direction:column;gap:8px;background:var(--well);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;text-align:left;float:none;width:100%;margin-bottom:16px;box-shadow:none}
#oneStepCheckoutForm .jshop_subtotal>div{display:flex;gap:12px;justify-content:space-between;align-items:baseline}
#oneStepCheckoutForm .jshop_subtotal>div .name{color:var(--muted);font-size:13.5px;display:inline;padding-right:0}
#oneStepCheckoutForm .jshop_subtotal>div .value{font-weight:600;text-align:right;color:var(--text);display:inline;white-space:normal}
#oneStepCheckoutForm .jshop_subtotal>div.total{border-top:1px solid var(--line);padding-top:8px}
#oneStepCheckoutForm .jshop_subtotal>div.total .name{color:var(--text);font-weight:700;font-size:15px}
#oneStepCheckoutForm .jshop_subtotal>div.total .value{font-weight:700;font-size:15px}
#oneStepCheckoutForm #order_add_info{width:100%}
#oneStepCheckoutForm .rabatt_input{padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;display:flex;gap:8px}
#oneStepCheckoutForm .rabatt_input input[type=text]{height:40px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 12px;width:200px;background:var(--surface);color:var(--text)}
#oneStepCheckoutForm .rabatt_input .defbtn{height:40px;padding:0 16px;border-radius:var(--radius-sm)}
#oneStepCheckoutForm .uk-panel-box{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
#oneStepCheckoutForm .uk-panel-title.step-header{color:var(--text);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}
#oneStepCheckoutForm .uk-form input[type=text],#oneStepCheckoutForm .os-value input[type=text]{height:44px;padding:0 14px;font-size:14px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);width:100%;max-width:560px}
#oneStepCheckoutForm .os-value{display:flex;align-items:center;gap:8px}
#oneStepCheckoutForm .os-value>span:first-child{flex:1;min-width:0;max-width:568px}
#oneStepCheckoutForm .jshop_register input,#oneStepCheckoutForm .jshop_nvg_register input{width:100%;max-width:560px}
#oneStepCheckoutForm div.quantity{position:static;width:auto;display:inline-flex;align-items:center}
#oneStepCheckoutForm div.quantity span.quantitymore,#oneStepCheckoutForm div.quantity span.quantityless{display:flex;position:static;width:30px;height:40px;border:1px solid var(--line);background:var(--well);align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:16px;line-height:1;user-select:none}
#oneStepCheckoutForm div.quantity span.quantityless{order:-1;border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}
#oneStepCheckoutForm div.quantity span.quantitymore{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none;order:1}
#oneStepCheckoutForm div.quantity span.quantityless:after,#oneStepCheckoutForm div.quantity span.quantitymore:after{border:none;position:static;margin:0;display:block}
#oneStepCheckoutForm div.quantity span.quantityless:after{content:"−"}
#oneStepCheckoutForm div.quantity span.quantitymore:after{content:"+"}
#oneStepCheckoutForm div.quantity span:hover{color:var(--accent);background:var(--accent-soft)}
#oneStepCheckoutForm input[id^=quantity],#oneStepCheckoutForm input[id^=topquantity]{width:52px;height:40px;border:1px solid var(--line);border-radius:0;text-align:center;font-size:14px;font-weight:600;color:var(--text);margin:0;background:var(--surface)}
#oneStepCheckoutForm .add_info textarea.inputbox{width:100%;min-height:96px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;color:var(--text);background:var(--surface);margin-top:14px;resize:vertical}
#oneStepCheckoutForm #button_order_finish{width:100%;height:48px;font-size:15px;font-weight:700;border-radius:var(--radius-sm)}
.extern_wrap .desription-bottom.block{display:none}
.mycart_wrapp.externbootstrap_wrapp{position:relative}
.externbootstrap_wrapp .extern_wrap{left:auto;right:0;top:100%;margin-top:8px!important;width:300px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);padding:0;z-index:1050}
.logged .externbootstrap_wrapp .extern_wrap{right:0;left:auto;margin-top:8px!important}
.ajax_cart_wl .extern_wrap:before{position:absolute;right:67px;top:-7px;width:12px;height:12px;content:' ';background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.ajax_cart_wl .extern_content{padding:2px 14px}
.ajax_cart_wl .extern_row{min-height:0;border:none;border-bottom:1px solid var(--line);padding:12px 0;margin:0;display:flex;align-items:flex-start}
.ajax_cart_wl .extern_content .extern_row:nth-last-child(2){border-bottom:none}
.ajax_cart_wl .extern_row .desription-top{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0}
.ajax_cart_wl .extern_row .pict{flex:0 0 56px;width:56px;height:56px;border:1px solid var(--line);border-radius:10px;background:var(--well);display:flex;align-items:center;justify-content:center;padding:4px}
.ajax_cart_wl .extern_row .pict img{max-width:100%;max-height:100%;width:auto;height:auto;border:none}
.ajax_cart_wl .extern_row .desription-top-middle{flex:1 1 auto;min-width:0}
.ajax_cart_wl .extern_row .name{font-size:13.5px;line-height:1.35;font-weight:500;color:var(--text)}
.ajax_cart_wl .extern_row .name a{color:var(--text);text-decoration:none}
.ajax_cart_wl .extern_row .name a:hover{color:var(--accent)}
.ajax_cart_wl .extern_row .quantity.block{margin-top:6px;font-size:13px;color:var(--muted)}
.ajax_cart_wl .extern_row .quantity .summ{color:var(--text);font-weight:600;margin-left:6px}
.ajax_cart_wl .extern_row .delete{flex:0 0 auto}
.ajax_cart_wl .extern_row span.delete{position:static;width:22px;height:22px;max-width:none;border:none;border-radius:8px;background:none;line-height:1}
.ajax_cart_wl .extern_row span.delete a{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;color:var(--muted);font-size:13px;font-weight:600;line-height:1;border-radius:8px;text-decoration:none}
.ajax_cart_wl .extern_row span.delete a:hover{color:var(--accent);background:var(--accent-soft)}
.ajax_cart_wl .extern_bottom{background:var(--well);border-top:1px solid var(--line);padding:12px 14px;border-radius:0 0 11px 11px}
.ajax_cart_wl .extern_bottom .total{display:block;text-align:left;font-size:13px;line-height:1.45;color:var(--muted);padding:0 0 10px}
.ajax_cart_wl .extern_bottom .total .total_qtty{color:var(--text);font-weight:700}
.ajax_cart_wl .extern_bottom .summ_total{color:var(--text);font-weight:700;font-size:15px}
.ajax_cart_wl .mycart_wrapp .extern_bottom .gotocart{padding:0}
.ajax_cart_wl .mycart_wrapp .extern_bottom .gotocart a,.ajax_cart_wl .mycart_wrapp .extern_bottom .gotocart :last-child{display:block;height:40px;line-height:40px;padding:0;box-sizing:border-box;text-align:center;border-radius:10px;background:var(--accent);background-color:var(--accent);color:#fff!important;font-weight:600;font-size:14px;text-decoration:none;transition:background .15s ease}
.ajax_cart_wl .mycart_wrapp .extern_bottom .gotocart a:hover{background:var(--accent-dark);background-color:var(--accent-dark)}
.ajax_cart_wl .extern_wrap .extern_empty,.ajax_cart_wl .extern_wrap .extern_empty_jq{display:block;padding:12px 14px;font-size:13.5px;color:var(--muted)}
.itemsearch:hover{background-color:var(--accent-soft)}
.arrowleft{left:0;z-index:10;height:100%;top:0}
.arrowright{right:0;z-index:10;height:100%;top:0}
.ExtQv{left:15%}
.ExtQv,.sm-simple,.sm-simple ul,.noUi-connect{background:var(--surface)!important}
.noUi-connect{background:var(--accent)!important}
#slider-mod{margin:6px 4px 14px}
.manufacturer-filter .filter-item,.characteristic-filter .filter-inem-value{margin-bottom:8px}

/* ---------- floating controls ---------- */
.scrollit{width:44px;height:44px;padding:0;text-align:center;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23454d5c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E") no-repeat center center/20px;color:transparent;font-weight:700;text-decoration:none;position:fixed;bottom:24px;right:20px;display:none;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-1);cursor:pointer;z-index:1040;transition:background-color .15s ease}
.scrollit:hover{background-color:var(--accent-soft)}
.whatsapp-btn{left:auto;right:20px;bottom:80px;position:fixed;width:52px;height:52px;background:url(/images/w.png) no-repeat center center/cover;text-indent:-999999px;border-radius:50%;filter:drop-shadow(0 4px 12px rgba(18,22,32,.25));transition:transform .15s ease}
.whatsapp-btn:hover{transform:scale(1.06)}

/* ---------- responsive ---------- */
@media all and (max-width:1200px){
    .search .inputbox.search-query{max-width:none}
    .wrapped-menu-area{width:520px}
    .sm-wrapped{column-count:2}
}
@media all and (max-width:991px){
    .row.group-items>*{flex:0 0 50%;max-width:50%}
    body h1,body .h1{font-size:24px;line-height:30px}
    .productfull h1,.product-name h1{font-size:22px}
    .tophead{padding-top:10px;padding-bottom:10px}
    #id-header-logo .logo img{height:40px}
    .id-top-btn{display:block}
    #MenuButton{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2230' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") no-repeat left center/22px;padding-left:30px;margin:8px 0;font-size:15px;font-weight:600;color:var(--text)}
    #SearchButton{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2230' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") no-repeat center center/22px;width:35px;height:35px;display:inline-block;margin:6px 4px}
    #TelButton{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2230' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3h3l1.5 4-2 1.4a12 12 0 0 0 5.6 5.6L16 12l4 1.5v3a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 4.5 5.2 2 2 0 0 1 6.5 3z'/%3E%3C/svg%3E") no-repeat center center/22px;width:35px;height:35px;display:inline-block;margin:6px 4px}
    #SearchButton,#TelButton{cursor:pointer}
    .mobphone,.phone{display:inline-block;margin:0 12px 0 0}
    #id-city-select{display:inline-block}
    #id-top-elements ul li,#category-menu ul li{display:block!important}
    #id-header-menu{display:none}
    .wrapped-menu-area{position:static;display:block;border:none;box-shadow:none;width:auto;max-height:none;padding:0;margin:0;background:var(--surface);color:var(--text)}
    .menusm{width:auto;max-width:inherit;display:block;background:var(--surface)!important}
    .sm-wrapped{column-count:1}
    .sm-wrapped li a{color:var(--text-2);font-size:15px;padding:11px 0;display:block;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500}
    .sm-wrapped>li{border:none}
    .menusm ul{padding-left:16px}
    .sm-wrapped ul.nav-child li a{border-bottom:none;padding:6px 0;font-size:14px}
    #id-left-filter{background:none;border:none;padding:0;border-radius:0}
    #id-left-filter .moduletable{margin:0}
    .mobilefilter{position:relative;display:flex;align-items:center;width:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d96f00' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E") no-repeat 14px center/20px 20px var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 44px 13px 46px;text-align:left;color:var(--text);font-weight:600;font-size:14.5px;cursor:pointer;margin:0;-webkit-tap-highlight-color:transparent}
    .mobilefilter:after{content:"";position:absolute;right:14px;top:50%;width:16px;height:16px;margin-top:-8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease}
    .mobilefilter.open{border-color:var(--accent);background-color:var(--accent-soft);border-radius:12px 12px 0 0}
    .mobilefilter.open:after{transform:rotate(180deg)}
    #id-left-filter.filter-open .moduletable{background:var(--surface);border:1px solid var(--accent);border-top:1px solid var(--line);border-radius:0 0 12px 12px;padding:14px;margin:0 0 14px}
    .jshop-simpleajax-filter{display:none}
    .filter-head,.char-head{background:var(--well);padding:9px 10px;margin-left:0;border-radius:8px}
    .filter-item{max-width:none;margin:0 0 8px}
    .filter-inem-value label,.filter-item label{max-width:none;display:block;overflow:hidden;font-size:13.5px}
    .price-from,.price-to{display:inline-block;margin:10px 10px 0 0}
    .filter-item .price-from-to input{width:80px}
    .clear-simpleajax-filter{display:block;width:100%}
    .filter-block-wrap{float:none}
    .productfull{padding:16px}
    .productfull .thumbnail{width:100%;min-height:220px;padding:14px}
    .productfull .thumbnail img{max-height:240px}
    .productfull #list_product_image_thumb{width:100%}
    .list_product_image_thumb li{width:24%!important;float:left}
    .productfull .nav-pills>li{width:24%!important;display:inline-block}
    .id-line{margin-top:10px}
    .nav>li>a{padding:10px 6px}
    .add-to-cart{width:100%}
    .product-options-bottom .quabtity-mf{text-align:left}
    .desh .fst{font-size:14px}
    .uk-panel-box{padding:10px}
    .jshop.list_category{max-height:264px;display:block;overflow-y:auto;margin-top:10px;-webkit-overflow-scrolling:touch}
    .jshop.list_category.expanded{max-height:none}
    .showallcats{position:relative;padding:11px 40px 11px 14px;background:var(--accent-soft);color:var(--accent-dark)!important;border:none;border-radius:var(--radius-sm);margin:8px 0 0;text-decoration:none;display:block;width:100%;font-weight:600;font-size:13.5px;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
    .showallcats:after{content:"";position:absolute;right:14px;top:50%;width:15px;height:15px;margin-top:-7.5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b25a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease}
    .showallcats.open:after{transform:rotate(180deg)}
    .intro-content{padding:18px 20px}
    .promo .overlap{padding:20px 22px}
    .promo h2{font-size:22px}
    .slidearea{margin-top:24px;margin-bottom:24px}
    #myCarousel .h3{font-size:24px}
    .interdiesel-main-product .item .item-inner-top>a img{height:150px}
    .nfilter{position:static}
}
@media all and (max-width:560px){
    .row.group-items>*{flex:0 0 100%;max-width:100%}
    .interdiesel-main-product .item .item-inner-top>a{padding:10px}
    .interdiesel-main-product .item .item-inner-top>a img{height:128px}
    .interdiesel-main-product .item .info{padding:10px 12px 0}
    .interdiesel-main-product .item .des-inbox{padding:10px 12px 12px}
    .content_price .product-price{font-size:16px}
    .product-name{font-size:13px;min-height:35px}
    .block_product{margin-bottom:12px}
    .block_sorting_count_to_page{padding:8px 10px;gap:10px}
    .breadcrumb>li{font-size:12px}
    .productfull .nav-pills>li{width:32%!important}
    .top-menu .nav>li>a{padding:6px 7px;font-size:12px}
    .id-telephone a{font-size:15px;margin:0 0 0 8px}
    .product-options-bottom .quabtity-mf{order:-1}
}

/* ---------- round 3: callback button, info pages, checkout ---------- */
a.callbackbtn{background:var(--surface);color:var(--accent)!important;border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:13px;font-weight:600;padding:8px 16px}
a.callbackbtn:hover{background:var(--accent);color:#fff!important;border-color:var(--accent)}
.item-page{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;margin:0 0 24px}
.item-page h1,.item-page h2{margin-top:0}
.item-page .ya-map{margin-top:18px}
.item-page .ya-map iframe{display:block;border:1px solid var(--line);border-radius:var(--radius-sm)}
.uk-panel-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}
.uk-panel-title.step-header{color:var(--text);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}
.requiredtext{color:var(--muted)}
.requiredtext i{color:var(--muted)}
.os-value input[type=text]{width:100%;max-width:560px;height:44px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 14px;font-size:14px;color:var(--text);background:var(--surface)}
.os-value input[type=text]:focus{border-color:var(--accent);outline:none}
#table_shippings label,#table_payments label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin:0}
#table_shippings input[type=radio],#table_payments input[type=radio]{position:absolute;opacity:0;width:0;height:0}
#table_shippings .checkmark,#table_payments .checkmark{flex:0 0 auto;width:20px;height:20px;border:1.5px solid var(--line-strong);border-radius:6px;background:var(--surface);position:relative;margin-top:1px;transition:border-color .15s ease}
#table_shippings input[type=radio]:checked+.checkmark,#table_payments input[type=radio]:checked+.checkmark{border-color:var(--accent)}
#table_shippings input[type=radio]:checked+.checkmark:after,#table_payments input[type=radio]:checked+.checkmark:after{content:"";position:absolute;inset:3px;background:var(--accent);border-radius:3px}
#table_shippings input[type=radio]:checked+.checkmark:after,#table_payments input[type=radio]:checked+.checkmark:after{left:7px;top:3.5px;right:auto;bottom:auto;width:5px;height:10px;background:transparent;border:solid #fff;border-width:0 2px 2px 0;border-radius:0;transform:rotate(45deg)}
#table_shippings label b,#table_payments label b{font-size:14.5px;font-weight:700;color:var(--text)}
.shipping_descr p,.jshop_payment_method{color:var(--muted);font-size:13.5px;margin:2px 0 10px;padding-left:30px}
div.uk-width-1-2:has(#step4){width:100%}
table.minicart th{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)}
table.minicart td{border-top:1px solid var(--line);vertical-align:middle;color:var(--text)}
table.minicart a .uk-icon-trash-o{color:var(--muted);font-size:16px}
table.minicart a:hover .uk-icon-trash-o{color:#b3402f}
table.minicart .uk-thumbnail{border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px;background:#fff}
table.minicart .quantity{display:inline-flex;align-items:center}
table.minicart .quantity input[type=text]{width:52px;height:40px;border:1px solid var(--line);border-radius:0;text-align:center;font-size:14px;font-weight:600;color:var(--text);margin:0;background:var(--surface)}
table.minicart .quantity span{width:30px;height:40px;border:1px solid var(--line);background:var(--well);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:16px;line-height:1;user-select:none}
table.minicart .quantity span.quantityless{order:-1;border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}
table.minicart .quantity span.quantitymore{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none;order:1}
table.minicart .quantity span.quantityless:after{content:"−"}
table.minicart .quantity span.quantitymore:after{content:"+"}
table.minicart .quantity span:hover{color:var(--accent);background:var(--accent-soft)}
.jshop_subtotal{display:grid;grid-template-columns:1fr auto;gap:6px 20px;background:var(--well);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}
.jshop_subtotal>div{display:flex;gap:12px;justify-content:flex-end;align-items:baseline}
.jshop_subtotal>div .name{color:var(--muted);font-size:13.5px}
.jshop_subtotal>div .value{font-weight:600;min-width:90px;text-align:right;color:var(--text)}
.jshop_subtotal>div.total .name{color:var(--text);font-weight:700}
.jshop_subtotal>div.total .value{font-weight:700}
.jshop_subtotal .uk-navbar{grid-row:1/4;grid-column:1;align-self:center;background:none;border:none;box-shadow:none;min-height:0}
.jshop_subtotal .rabatt_input{display:flex;gap:8px}
.jshop_subtotal .rabatt_input input{height:40px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 12px;width:200px;background:var(--surface);color:var(--text)}
.jshop_subtotal .rabatt_input .defbtn{height:40px;padding:0 16px;border-radius:var(--radius-sm)}
.add_info textarea.inputbox{width:100%;min-height:96px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;color:var(--text);background:var(--surface);margin-top:14px;resize:vertical}
.add_info textarea.inputbox:focus{border-color:var(--accent);outline:none}
#button_order_finish{width:100%;height:48px;border-radius:var(--radius-sm);font-size:15px;font-weight:700}
.summ_total{color:var(--text)}
@media all and (max-width:560px){
    .item-page{padding:18px 16px}
    .os-value input[type=text]{max-width:100%}
    #step5top{overflow-x:auto;-webkit-overflow-scrolling:touch}
    #step5top .minicart{min-width:520px}
}
/* ---------- round 9: mobile ---------- */
/* the Jivo teaser pill owns the bottom band on phones; keep it out of modal sheets */
#jivo-iframe-container,#jcont,#jvLabelWrap{transition:opacity .18s ease,visibility .18s ease}
body.modal-open #jivo-iframe-container,body.modal-open #jcont,body.modal-open #jvLabelWrap{opacity:0 !important;visibility:hidden !important;pointer-events:none}
@media (max-width:991px){
    /* top strip is empty on phones: city/login/links move into the Меню sheet */
    .top-menu{display:none}
    .top-menu:has(#id-top-elements){display:block}

    /* header: grid with equal side columns keeps the logo optically centered in the viewport */
    .tophead>.row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0}
    /* BS3 clearfix pseudos would become grid items and occupy the first track */
    .tophead>.row:before,.tophead>.row:after{display:none}
    .tophead>.row>[class*="col-"]{padding:0;width:auto;max-width:none;min-width:0}
    .tophead>.row>[class*="col-"]:first-child{justify-self:start}
    .tophead>.row>[class*="col-"]:nth-child(2){justify-self:center}
    .tophead>.row>[class*="col-"]:last-child{justify-self:end}
    .tophead .mobcenter{display:flex;justify-content:center;padding:0 8px}
    .tophead .mobright{display:flex;align-items:center}
    .tophead .mobright>.row{display:none}
    #id-header-logo .logo img{height:28px}
    #MenuButton{margin:0;padding-left:28px;font-size:14.5px}
    #SearchButton,#TelButton{width:38px;height:38px;margin:0;border-radius:10px}
    #MenuButton:active,#SearchButton:active,#TelButton:active{background-color:var(--accent-soft)}

    /* sticky bar: padding around it, two aligned halves inside */
    #category-menu .container{padding-left:12px;padding-right:12px}
    #category-menu .container>.row{margin-left:0;margin-right:0}
    #category-menu .id-top{padding:7px 0;margin:0;gap:10px}
    #category-menu .id-top>[class*="col-"]{padding:0;width:auto;max-width:none;flex:0 0 auto}
    #category-menu .id-top>.col-xs-6:first-child{flex:1 1 auto;min-width:0}
    #id-header-menu-wrapped{display:block;width:100%}
    .catalogbtn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px 0 42px;font-size:14.5px}
    .catalogbtn:before{left:14px}
    #id-header-cart .shopping_cart{float:none;height:44px}
    #id-header-cart .shopping_cart:hover .cart_block{display:none}
    .externbootstrap_wrapp .extern_wrap{width:calc(100vw - 24px);max-width:340px;right:0}

    /* home: advantage cards and brand tiles must not touch */
    .preim{min-height:56px;margin-bottom:10px;padding:14px 16px 14px 52px;font-size:14.5px}
    .preim:before{left:16px;width:24px;height:24px}
    #id-banner .row>div:last-child .preim{margin-bottom:0}
    #id-main-links .cummins,#id-main-links .deutz,#id-main-links .perkins{height:150px;margin-bottom:12px}
    #id-main-links .row>div:last-child>a{margin-bottom:0}

    /* floating controls: left stack sits above the Jivo teaser band, right corner stays Jivo's */
    .whatsapp-btn{left:14px;right:auto;bottom:84px;width:50px;height:50px}
    .scrollit{left:14px;right:auto;bottom:142px;width:42px;height:42px;border-radius:11px}

    /* catalog + menu sheets: one column, no floats, list-style links */
    #CatalogModal .wrapped-menu-area{padding:0;margin:0;width:auto;max-height:none;overflow:visible}
    #id-header-menu-wrapped .sm-wrapped>.deeper.parent{float:none;min-width:0;width:100%}
    #MenuModal #id-top-elements .nav{margin:0}
    #MenuModal #id-top-elements .nav>li{border:none}
    #MenuModal #id-top-elements .nav>li>a{display:block;padding:13px 2px;border-bottom:1px solid var(--line);font-size:15.5px;font-weight:500;color:var(--text)}
    #MenuModal #id-top-elements .nav>li:last-child>a{border-bottom:none}
    #MenuModal #id-header-login{float:none;display:block;text-align:left;width:100%;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
    #MenuModal .login-btn{font-size:15px;padding:6px 0}
    #CatalogModal .sm-wrapped ul,#CatalogModal .sm-wrapped li{list-style:none}
}
@media (max-width:767px){
    /* every dialog is a bottom sheet with its own scroll area */
    .modal-dialog{position:fixed;left:0;right:0;bottom:0;width:auto;max-width:none;margin:0}
    .modal.fade .modal-dialog{transform:translateY(100%);transition:transform .28s cubic-bezier(.22,.61,.36,1)}
    .modal.in .modal-dialog{transform:translateY(0)}
    .modal-content{border-radius:18px 18px 0 0;box-shadow:0 -10px 34px rgba(18,22,32,.24)}
    .modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px 18px 0 0}
    .modal-header .modal-title{flex:1 1 auto;min-width:0;font-size:17px}
    .modal-header .close{order:2;margin:0;padding:0;width:34px;height:34px;font-size:26px;line-height:34px;text-align:center;border-radius:10px;opacity:1;color:var(--muted)}
    .modal-body{max-height:calc(86vh - 58px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 22px}
}
@media (prefers-reduced-motion:reduce){
    *,*:before,*:after{transition:none!important;animation:none!important}
    .interdiesel-main-product .item:hover{transform:none}
}