.no-scroll {
   overflow: hidden;
}

@font-face {
   font-family: 'Polomanfont';
   src: local('Montserrat Hairline'), local('Montserrat-Hairline'), url('/fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: 'Polomanfont';
   src: local('Montserrat Light'), local('Montserrat-Light'), url('/fonts/montserrat/Montserrat-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Polomanfont';
   src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: 'Polomanfont';
   src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'Polomanfont';
   src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: 'Polomanfont';
   src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
}

/* Основные цвета */

:root {
   --background: #222222;
   --red: #ff0000;
   --select: #fff2a8;
   --black: #020D19;
   --white: #fff;
   --yell: #ffd760;
   --lighttone: linear-gradient(0deg, rgb(246 219 188) 0%, rgb(243 223 201) 100%);
   --lighttone: #f6dbbc;
   --minilighttone: #f9e9d6;
   --blue: #006bff;
   --mblue: #2d7fef;
   --green: #00bb3c;
   --orange: #ff6200;
   --maxwidth: 1300px;
   --ff: 'Polomanfont', sans-serif;
   --input: #adcfe9;
   --inp: #f0f8ff;
   --sizew: 1vw;
   --sizeh: 1vh;
   --otstup: calc(2 * var(--sizew));
   --otstup2: calc(3 * var(--sizew));
   --otstup3: calc(5 * var(--sizew));
   --shadow: 0 4px 44px #222222;
   --onix: #141414;
   --gray: #232323;
   --lamb: #fbfbfb;
   --lime: #d5ff59;
   --light: #f1f1f1;
}

/* Основное  */

::selection {
   background: var(--select);
   color: var(--black);
}

a {
   color: var(--onix);
   text-decoration: none;
}

a:hover {
   color: var(--lime);
}

span,
div,
h1,
h2,
h3,
h4,
p,
p b,
p a,
p strong {
   word-wrap: break-word;
   word-break: break-word;
}

p {
   margin: 0;
}

video,
svg,
svg g,
img {
   margin: 0px;
   padding: 0px;
   line-height: 0px;
   max-width: 100%;
}

a,
img,
.plavn {
   transition: all 0.5s;
}

ul[id*="uStarRating"] a {
   transition: all 0s;
}

* {
   outline: none
}

textarea,
input {
   outline: none;
   resize: none;
   box-sizing: border-box
}

img,
a img {
   border: none;
   outline: none
}

select:focus {
   outline: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: var(--ff);
   font-weight: 900;
}


html,
body {
   margin: 0px;
   padding: 0px;
   height: 100%
}

html {
   font-size: 14px;
}

body {
   font-size: 1rem;
   line-height: 1rem;
}

body {
   background-color: var(--background);
   color: var(--onix);
   font-weight: 400;
   font-family: var(--ff);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4 {
   line-height: initial;
   margin-top: 0px;
}

body {
   top: 0px !important;
   overflow-x: hidden;
}

html.over {
   overflow-x: hidden;
}

table {
   border-collapse: collapse;
   border-spacing: 0px;
   width: 100%;
}

table thead,
table tbody,
table td,
table tr,
table th {
   padding: 0px;
   margin: 0px;
   border: none;
}


@media only screen and (max-width: 1023px) {
   table {
      display: block;
      overflow: scroll;
      width: auto !important;
   }

table tr,
table th {
   max-width: calc(100% - 3px);
}
}

/* Инпут и кнопки */

label {
   line-height: calc(1.5* var(--sizew));
   display: inline;
   justify-content: flex-start;
   align-items: center;
   gap: 10px;
}

input[type="checkbox"] {
   display: inline-block;
   width: calc(1.5* var(--sizew));
   height: calc(1.5* var(--sizew));
   padding: 0px;
   border: none;
   border-radius: calc(0.35 * var(--sizew));
   cursor: pointer;
   vertical-align: middle;
   margin: 0px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   outline: 0px;
   position: relative;
   box-sizing: border-box !important;
   transition: all .5s ease;
   position: relative;
   top: 0px;
   left: 0px;
   float: left;
   overflow: hidden;
}

input[type="checkbox"]:hover {
   border: none;
}

input[type="checkbox"]::before {
   content: "";
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   background-image: url(/casepage/globalshipping/imgcss/tire.webp);
   background-repeat: no-repeat;
   background-size: 50%;
   background-position: center;
   transition: all 0.5s;
}

input[type="checkbox"]::after {
   content: "";
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0%;
   top: 0px;
   background-color: var(--light);
   z-index: 1;
   transition: all 0.5s;
}

input[type="checkbox"i]:disabled::after {
   background-color: var(--background);
}

input[type="checkbox"i]:hover:disabled::before,
input[type="checkbox"i]:disabled::before {
   background-image: none;
}

input[type="checkbox"]:hover::before {
   background-image: url(/casepage/globalshipping/imgcss/okb.webp);
}

input[type="checkbox"i]:checked:disabled::before,
input[type="checkbox"]:checked::before {
   content: "";
   display: block;
   height: 100%;
   width: 100%;
   background-color: var(--lime);
   position: absolute;
   left: 0px;
   top: 0px;
   background-image: url(/casepage/globalshipping/imgcss/okb.webp);
   background-repeat: no-repeat;
   background-size: 50%;
   background-position: center;
}

input[type="checkbox"]:checked::after {
   background-color: var(--lime);
}

textarea,
input {
   outline: none;
   resize: none;
   box-sizing: border-box;
   color: var(--onix);
   font-family: var(--ff);
   transition: all 0.5s;
   font-size: calc(1.3* var(--sizew));
}

button {
   outline: none;
   resize: none;
   box-sizing: border-box;
   font-family: var(--ff);
   transition: all 0.5s;
}

textarea {
   overflow: auto;
   border: 2px solid var(--lime);
   background-color: var(--white);
   color: var(--onix);
   box-sizing: border-box;
   font-size: calc(1.1 * var(--sizew));
   line-height: calc(1.8 * var(--sizew));
   padding: calc(1.0* var(--sizew)) calc(1.5* var(--sizew));
   border-radius: calc(1* var(--sizew));
}

select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
   color: var(--onix) !important;
   font-weight: 400;
}

select::-ms-input-placeholder,
textarea::-ms-input-placeholder,
input:-ms-input-placeholder {
   color: var(--onix) !important;
   font-weight: 400;
}

select::placeholder,
textarea::placeholder,
input::placeholder {
   color: var(--onix) !important;
   font-weight: 400;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
   box-sizing: border-box;
   border: 2px solid var(--lime);
   background-color: var(--lamb);
   color: var(--onix);
   font-size: calc(1.1 * var(--sizew));
   line-height: calc(3 * var(--sizew));
   height: calc(3* var(--sizew));
   padding: calc(1.0* var(--sizew)) calc(1.5* var(--sizew));
   border-radius: calc(1* var(--sizew));
}

textarea,
input {
   max-width: 100%;
}

textarea:hover,
input:hover {
   border: 2px solid var(--lime);
}

input[type="button"],
input[type="submit"],
input[type="reset"],
.profile-label,
button {
   border: none;
   color: var(--lime);
   cursor: pointer;
   box-sizing: border-box;
   background-color: var(--onix);
   transition: all 0.5s;
   font-weight: 500;
   font-size: calc(1.1 * var(--sizew));
   height: calc(3.2 * var(--sizew));
   padding: 0px calc(2* var(--sizew));
   border-radius: calc(1.5 * var(--sizew));
}

.profile-label {
      line-height: calc(3.2 * var(--sizew));
   width: 100%;
   max-width: 100%;
   text-align: center;
}

.profile-label:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
   background-color: var(--lime);
   color: var(--onix);
}

textarea:focus,
input[type="number"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
   color: var(--onix);
   border: 2px solid var(--lime) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   /* display: none; <- Crashes Chrome on hover */
   -webkit-appearance: none;
   margin: 0px;
   /* <-- Apparently some margin are still there even though it's hidden */
}

select {
   color: var(--lamb);
   border: none;
   background-color: var(--onix);
   cursor: pointer;
   font-size: calc(1.1 * var(--sizew));
   height: calc(3* var(--sizew));
   padding: 0 calc(1.5* var(--sizew));
   background-size: auto 16px;
   background-image: url(/casepage/globalshipping/imgcss/select.webp);
   background-repeat: no-repeat;
   background-position: right 20px center;
   font-family: var(--ff);
   -ms-appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 8px;
   white-space: nowrap;
   text-overflow: ellipsis;
   transition: all 0.5s;
   position: relative;
}

select::-ms-expand {
   display: none;
}

select:hover {
   outline: none;
   background-color: var(--lime);
   color: var(--onix);
}

select:focus {
   outline: none;
   background-color: var(--lime);
   color: var(--onix);
}

.dnone,
hr {display: none !important;}

.shop-tabs.with-clear {
       display: flex;
    flex-wrap: wrap;
    gap: calc(var(--otstup3) / 5);
    position: relative;
    justify-content: center;
    align-items: center;
   margin-bottom: var(--otstup);
}

.shop-tabs li {
       border: 2px solid var(--onix);
    border-radius: calc(0.5* var(--sizew));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: calc(0.5* var(--sizew));
    font-size: calc(1.1* var(--sizew));
    line-height: calc(1.1* var(--sizew));
    gap: calc(0.5* var(--sizew));
    color: var(--onix);
    transition: all 0.5s;
}

.shop-tabs li.postRest1 {
   background-color: var(--lime);
       border: 2px solid var(--lime);
}

.shop-tabs li:hover {
    border: 2px solid var(--lime);
    color: var(--onix);
}

.shop-tabs li.postRest1:hover {
   background-color: var(--onix);
       border: 2px solid var(--onix);
       color: var(--lime);
}

.shop-tabs li.postRest1:hover a {
       color: var(--lime);
}

.shop-tabs li a {
    cursor: pointer;
    padding: 0px;
    display: inline;
    background: transparent;
    border-radius: 0px;
   color: var(--onix);
}

.shop-tabs li a:hover {
    color: var(--onix);
}

.shop-tabs li i {
    font-size: calc(1.0* var(--sizew));
    line-height: calc(1.1* var(--sizew));
    display: inline-block;
    vertical-align: 0px !important;
    font-weight: 400;
}

@media only screen and (max-width: 1023px) {
   select,
input[type="button"],
input[type="submit"],
input[type="reset"],
   .profile-label,
button {
       font-size: calc(1.2* var(--sizew));
    height: calc(3.6* var(--sizew));
   }

   .profile-label {
      line-height: calc(3.6* var(--sizew));
   }

   textarea {
          font-size: calc(1.2 * var(--sizew));
    line-height: calc(3.4 * var(--sizew));
   }

   input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] {
    font-size: calc(1.2 * var(--sizew));
    line-height: calc(3.4 * var(--sizew));
    height: calc(3.4* var(--sizew));
}
}

/* Main style */

header {
   display: block;
   background-image: url(/casepage/globalshipping/imgcss/h-img.webp);
   background-repeat: no-repeat;
   background-position: bottom calc(8 * var(--sizew)) center;
   background-size: cover;
   position: relative;
   overflow: hidden;
   min-height: calc(6 * var(--sizew) + 0px);
}

header:after {
   content: '';
   display: block;
   width: 100%;
   height: calc(1 * var(--sizew));
   margin-top: calc(2 * var(--sizew));
   background-image: url(/casepage/globalshipping/imgcss/bottom.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

.header {
   background: #222222;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(34, 34, 34, 1) 100%);
   display: block;
   padding: var(--otstup3);
   padding-top: calc(calc(4* var(--sizew))* 2 + calc(2* var(--sizew)));
   position: relative;
}

.h-cont {
   position: relative;
   z-index: 3;
   display: block;
}

.header h1 {
   font-size: var(--otstup2);
   line-height: calc(var(--otstup2) * 1.2);
   color: var(--lamb);
   margin: 0px;
}

.header h1 b {
   color: var(--lime);
   font-weight: 900;
}

.header p {
   font-size: calc(1.4 * var(--sizew));
   line-height: calc(2.2 * var(--sizew));
   margin: 0px;
   margin-top: calc(var(--otstup) / 1.5);
   letter-spacing: calc(0.05* var(--sizew));
   font-weight: 500;
   color: var(--lamb);
}

button.scroll-button {
   position: relative;
   background-color: var(--lime);
   height: calc(4 * var(--sizew));
   border-radius: calc(2 * var(--sizew));
   font-size: calc(1.4 * var(--sizew));
   color: var(--onix);
   font-weight: 700;
   padding: 0 calc(2 * var(--sizew));
   z-index: 2;
   background: linear-gradient(0deg, rgb(120 150 30) 0%, rgb(213 255 89) 100%);
}

.header .inpulse {
   margin-top: calc(var(--otstup) / 1);
}

button.scroll-button i {
   margin-right: 10px;
   font-size: calc(1.8 * var(--sizew));
   float: left;
}

.uamap {
   position: absolute;
   opacity: 0.05;
   display: block;
   position: absolute;
   z-index: 1;
   top: calc(0px - 3 * var(--sizew));
   left: calc(0px - 15* var(--sizew));
   bottom: 0;
   width: calc(73* var(--sizew));
}

.avto {
   display: block;
   position: absolute;
   z-index: 2;
   right: calc(0px - 20 * var(--sizew));
   bottom: 0;
   width: calc(80 * var(--sizew));
}

.h-menu {
   flex-flow: row;
   align-items: center;
   display: flex;
   flex-wrap: nowrap;
   gap: calc(4* var(--sizew));
   justify-content: start;
   position: relative;
   width: calc(100% - (calc(2* var(--otstup3))));
   padding: calc(1* var(--sizew)) calc(1 * var(--otstup3));
   background-color: transparent;
   transition: all 0.5s;
   line-height: 0px;
}

header.openm .h-menu,
.h-menu.top {
   top: 0;
   background-color: var(--onix);
   padding: calc(1.5* var(--sizew)) calc(1 * var(--otstup3));
   padding-bottom: calc(2* var(--sizew));
}

.h-menu.home.top {
   padding-bottom: calc(1.5 * var(--sizew));
   box-shadow: var(--shadow);
}

.h-menu.top:after {
   content: '';
   display: block;
   width: 100%;
   height: calc(1* var(--sizew));
   margin-top: calc(2* var(--sizew));
   background-image: url(/casepage/globalshipping/imgcss/bottom.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   position: absolute;
   left: 0;
   bottom: 0;
}

.h-menu.home.top:after {
   display: none;
}

header .h-menu {
   position: fixed;
   z-index: 9999;
   top: calc(3* var(--sizew));
   left: 0;
}

.h-menu .logo {
   display: block;
   height: calc(2.5 * var(--sizew));
   line-height: 0px;
}

.h-menu .logo img {
   max-width: 100%;
   max-height: 100%;
}

nav.menu {
   display: flex;
   flex-wrap: nowrap;
   gap: calc(2 * var(--sizew));
   align-items: center;
   font-size: calc(1.4 * var(--sizew));
}

nav.menu a {
   position: relative;
   color: var(--lamb);
   text-decoration: none;
   display: inline-block;
   padding: calc(1 * var(--sizew)) 0px;
   overflow: hidden;
}

nav.menu a:hover {
   color: var(--lime);
}

nav.menu a::before {
   display: none;
   content: '';
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 2px;
   background-color: var(--lime);
   transform: translateX(-100%);
   transition: transform 0.3s ease;
}

nav.menu a.active::before,
nav.menu a:hover::before {
   transform: translateX(0);
}

nav.menu a.active::before,
nav.menu a:hover::before {
   animation: slideIn 0.3s forwards;
}

nav.menu a::before {
   animation: slideOut 0.3s forwards;
}

@keyframes slideIn {
   from {
      transform: translateX(-100%);
   }

   to {
      transform: translateX(0);
   }
}

@keyframes slideOut {
   from {
      transform: translateX(0);
   }

   to {
      transform: translateX(100%);
   }
}

nav.menu a.active {
   color: var(--lime);
}

.h-menu .icon {
   display: block;
   margin-left: auto;
}

.icon-svg {
   display: flex;
   flex-wrap: nowrap;
   gap: calc(3* var(--sizew));
   align-items: center;
   color: var(--lime);
}

.icon-svg a {
   color: var(--lime);
   display: block;
   position: relative;
}

.icon-svg i {
   font-size: calc(2.4 * var(--sizew));
}

.icon-svg > div {
   display: block;
   position: relative;
}

[data-title]:hover {
   position: relative;
}

[data-title]::before,
[data-title]:hover::before {
   all: initial;
   line-height: calc(0.8 * var(--sizew));
   font-size: calc(0.8 * var(--sizew));
   font-weight: 500;
   font-family: var(--ff);
   display: block;
   border-radius: calc(0.4 * var(--sizew));
   padding: 0px;
   background-color: var(--lime);
   content: attr(data-title);
   color: var(--onix);
   position: absolute;
   bottom: 0%;
   max-width: 140px;
   left: 50%;
   transform: translate(-50%, 0);
   margin-bottom: 0px;
   text-align: center;
   opacity: 0;
   transition: all .5s ease;
   height: 0px;
   overflow: hidden;
}

.mobmenu [data-title]::before,
[data-title]:hover::before {
   opacity: 1;
   transition: all .5s ease;
   bottom: calc(0px - calc(2.1 * var(--sizew)));
   height: auto;
   padding: calc(0.4 * var(--sizew)) calc(0.8 * var(--sizew));
   cursor: help;
   line-height: calc(0.8 * var(--sizew));
   z-index: 10;
   white-space: nowrap;
}

[data-title]::after,
[data-title]:hover::after {
   all: initial;
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   bottom: 0%;
   content: attr(data-title);
   left: 50%;
   transform: translate(-50%, 0);
   margin-bottom: 0px;
   opacity: 0;
   transition: all .5s ease;
   height: 0px;
   overflow: hidden;
   color: transparent;
   max-width: 140px;
}

.mobmenu [data-title]::after,
[data-title]:hover::after {
   opacity: 1;
   transition: all .5s ease;
   bottom: calc(0px - calc(0.8 * var(--sizew)));
   cursor: help;
   padding: 0px calc(0.8 * var(--sizew));
   line-height: calc(0.8 * var(--sizew));
   width: auto;
   z-index: 10;
   content: '▲';
   font-size: calc(0.8 * var(--sizew));
   color: var(--lime);
   height: auto;
}

/* Content */

#content {
   display: block;
   position: relative;
   background-color: var(--lamb);
}

.content {
   background-color: var(--lamb);
   display: block;
   padding: var(--otstup2) var(--otstup3);
   position: relative;
}

.zag {
   font-size: var(--otstup2);
   line-height: calc(var(--otstup2)* 1.2);
   text-align: center;
   display: table;
   margin: 0px auto;
   margin-bottom: var(--otstup);
}

.zag:after {
   content: '';
   display: block;
   height: calc(var(--otstup2) / 10);
   width: calc(var(--otstup) * 8);
   margin: 0px auto;
   margin-top: calc(var(--otstup) / 5);
   background-color: var(--lime);
}

.azag {
   font-size: calc(var(--otstup2) * 0.5);
   line-height: calc(var(--otstup2)* 1.2);
   text-align: center;
   display: table;
   margin: 0px auto;
   margin-top: var(--otstup);
   color: var(--onix);
}

.azag:hover {
   color: var(--lime);
}

.azag:before {
   content: '';
   display: block;
   height: calc(var(--otstup2) / 10);
   width: calc(var(--otstup) * 8);
   margin: 0px auto;
   margin-bottom: calc(var(--otstup) / 5);
   background-color: var(--lime);
}

.specfilttag {
    margin-bottom: calc(var(--otstup3) / 3);
}

.specfilttag .spec-filter-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--otstup3) / 5);
    position: relative;
       justify-content: center;
    align-items: center;
}

.specfilttag .spec-filter-tag-wrapper {
    border: 2px solid var(--onix);
    border-radius: calc(0.5 * var(--sizew));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: calc(0.5 * var(--sizew));
    font-size: calc(1.1 * var(--sizew));
    line-height: calc(1.1 * var(--sizew));
   gap:calc(0.5 * var(--sizew));
       color: var(--onix);
   transition: all 0.5s;
}

.specfilttag .spec-filter-tag-wrapper:hover {
    border: 2px solid var(--lime);
    color: var(--onix);
}

.specfilttag .spec-filter-tag {
    cursor: pointer;
    padding: 0px;
    display: inline;
    background: transparent;
    border-radius: 0px;
}

.specfilttag .spec-filter-tag-wrapper i {
    font-size: calc(1.0* var(--sizew));
    line-height: calc(1.1* var(--sizew));
    display: inline-block;
    vertical-align: 0px !important;
    font-weight: 400;
}

.specfilt {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--otstup3) / 2);
    position: relative;
    align-items: center;
    justify-content: start;
    margin-bottom: calc(var(--otstup3) / 2);
    font-size: calc(1.1* var(--sizew));
    line-height: calc(1.1* var(--sizew));
}

.specfilt i {
       font-size: calc(1.1 * var(--sizew));
    line-height: calc(1.1 * var(--sizew));
}

.sf-filt,
.slist {
    display: inline-flex;
    align-items: center;
       gap: calc(0.5* var(--sizew));
}

#reset-filter-btn a,
a.sff-close,
.sf-filt a,
.slist a {
    color: var(--onix);
    border: 2px solid var(--lime);
    border-radius: calc(0.5* var(--sizew));
    align-items: center;
    padding: calc(0.5* var(--sizew)) calc(1* var(--sizew));
    font-weight: 500;
    display: inline-flex;
   gap: calc(0.25 * var(--sizew));
}

#reset-filter-btn a, a.sff-close {
    display: flex;
    margin: 0px auto;
    width: fit-content;
    justify-content: center;
    align-items: center;
    padding: calc(1.5* var(--sizew)) calc(0* var(--sizew));
    border: none;
    background-color: var(--lime);
    font-weight: 900;
    font-size: calc(1.1* var(--sizew));
    line-height: calc(1.1* var(--sizew));
       border-radius: calc(1* var(--sizew));
    width: 100%;
}

#reset-filter-btn {
   margin-top: 0px !important;
          padding-bottom: calc(2* var(--sizew));
}

.sidebar-block {
   margin-bottom: calc(2* var(--sizew));
}

#spec-form-toggle {
   display: none;
}

#reset-filter-btn a:hover,
a.sff-close:hover,
.sf-filt a:hover,
.slist a:hover {
      color: var(--onix);
       background-color: var(--lime);

}

.sf-filt a.active,
.slist a.active {
    font-weight: 700;
}

.specfilt > div:last-child {
   margin-left: auto;
}

.filtbl {
    overflow-y: scroll;
    display: block;
    height: calc(100% - calc(10 * var(--sizew) + 0px));
    position: fixed;
    top: 100%;
    background-color: var(--lamb);
    left: 0px;
    padding: calc(2 * var(--sizew)) calc(5 * var(--sizew));
    width: calc(100% - (calc(5* var(--sizew)) * 2));
    transition: all 0.5s;
    z-index: 999;
}

.filtbl.open {
    top: calc(calc(6 * var(--sizew) + 0px));
}

.collapsed .spec-subfilter-list, .spec-values {
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / 7 - calc(calc(var(--otstup) / 3)* 1)), 1fr));
    gap: calc(var(--otstup) / 3);
   margin-top: calc(var(--otstup) / 2);
}

#spec-filter-44544 .spec-values.important-values {
 justify-content: space-between;
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(calc(100% / 7 - 4px - calc(calc(var(--otstup) / 3) * 1)), 1fr));
 gap: calc(var(--otstup) / 3);
}

table#shopCompareList {
    text-align: center;
    font-size: calc(var(--otstup2)* 0.5);
    line-height: calc(var(--otstup2)* 1.2);
   margin: 0px auto;
}

button.compare-product-remove {
    height: auto;
    border-radius: calc(0.5 * var(--sizew));
    line-height: 0px;
    padding: calc(0.5 * var(--sizew));
    width: 100%;
    background-color: var(--light);
    color: var(--onix);
}

button.compare-product-remove:hover {
       background-color: var(--lime);

}

button.compare-product-remove svg {
    width: calc(2* var(--sizew));
    height: calc(2* var(--sizew));
}

.udob .scrollable-table-container {
    overflow-x: auto;
}

.udob .scrollable-table-container {
   max-width: calc(100% - calc(var(--otstup2)* 3));
}

table#shopCompareList {
    border-collapse: collapse;
    width: 100%;
}

.udob table#shopCompareList {
   cursor: grab;
}

.udob {
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
    justify-content: center;
}

table#nazvfilt {
    width: calc(var(--otstup2)* 3) !important;
    text-align: center;
    font-size: calc(var(--otstup2)* 0.5);
    line-height: calc(var(--otstup2)* 1.2);
    overflow: auto !important;
    display: table !important;
}

table#nazvfilt th,
table#shopCompareList th {
    position: relative;
    vertical-align: top;
    min-width: calc(var(--otstup2)* 5);
    padding: 0 calc(var(--otstup2)* 0.25);
    text-align: center;
}

table#nazvfilt th {
       min-width: calc(var(--otstup2)* 3);
}


table#shopCompareList th:first

table#nazvfilt td,
table#shopCompareList td {
    padding: 0;
    vertical-align: middle;
}

table#nazvfilt td:first-child {
      font-weight: 900;
}

.udob table#shopCompareList th:first-child,
.udob table#shopCompareList td:first-child {
   display: none;
}

table#shopCompareList .av-name {
   margin-top: calc(1.5* var(--sizew));
}

span.compare-product-price {
    display: block;
}

.contc {
    display: block;
    position: relative;
    margin: 0px auto;
    width: fit-content;
       font-size: calc(var(--otstup2)* 0.4);
       line-height: calc(var(--otstup2)* 0.6);
}

.contc .profile {
    font-family: var(--ff);
}

button.tgme_widget_login_button {
   width: 100%;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: calc(1 * var(--sizew)) !important;
    font-size: calc(1.1* var(--sizew)) !important;
    line-height: calc(3* var(--sizew)) !important;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

table.adaptform tr td {
 padding: calc(var(--otstup)* 0.25) 0;
}

.user-form table tr th,
.user-form table tr td {
 padding: calc(var(--otstup)* 0.25) calc(var(--otstup)* 0.5);
}

table.adaptform tr td:nth-child(2) {
    padding-left: calc(var(--otstup)* 0.5);
}

.user-form table tr td.manTdSep,
#siM63,
table.adaptform tr td.manTdSep {
 display: none !important;
}

.ordercontent,
.basketcontent {
    display: flex;
    justify-content: space-between;
   gap: calc(2 * var(--sizew));
}

.ordercontent .orderc,
.basketcontent #order-form {
    width: calc(100% - calc(22 * var(--sizew)));
}

.basketuser {
    width: calc(17 * var(--sizew) - 4px);
    position: sticky;
    top: calc(calc(5 * var(--sizew) + 40px));
    align-self: flex-start;
    border: 2px solid var(--lime);
    color: var(--onix);
    font-size: calc(1.1* var(--sizew));
    line-height: calc(1.1* var(--sizew));
    padding: calc(1.5* var(--sizew));
    border-radius: calc(1* var(--sizew));
}

.ordercontent #order-table table thead,
.ordercontent #order-table table tbody:last-child {
   display: none;
}

.order-block-body,
.basketuser #checkout-form {
    display: flex;
    flex-wrap: wrap;
    gap: calc(1 * var(--sizew));
}

.order-block-body > div,
.basketuser #checkout-form > div {
    width: 100%;
    display: block;
}

.basketuser #checkout-form > div .label {
    display: block;
    font-weight: 700;
   margin-bottom: calc(1 * var(--sizew));
}

.basketuser #checkout-form > div input {
    width: 100%;
}

.ordercontent #order-table table tbody tr td.order-item-nom,
.ordercontent #order-table table tbody tr td.order-item-cnt,
.ordercontent #order-table table tbody tr td.order-item-sum,
.basketcontent #order-table tbody tr td.order-item-nom,
.basketcontent #order-table tbody tr td.order-item-cnt,
.basketcontent #order-table tbody tr td.order-item-sum,
.basketcontent #order-table thead tr:first-child,
.basketcontent #order-table tbody tr:last-child {
   display: none;
}

.ordercontent #order-table table tbody,
.basketcontent #order-table tbody {
    display: flex;
    flex-wrap: wrap;
    gap: calc(1 * var(--sizew)) calc(2 * var(--sizew));
    font-size: calc(1.3* var(--sizew));
    line-height: calc(1.6* var(--sizew));
}

.ordercontent #order-table table tbody tr,
.basketcontent #order-table tbody tr {
    width: calc(100% - calc(0 * var(--sizew)));
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: nowrap;
    gap: calc(1* var(--sizew));
}

.ordercontent #order-table table tbody tr td.order-item-price,
.basketcontent #order-table tbody tr td.order-item-price {
   margin-left: auto;
}

.ordercontent #order-table table tbody tr td.order-item-img,
.basketcontent td.order-item-img {
    width: calc(5 * var(--sizew));
}

.ordercontent #order-table table tbody tr td.order-item-img a.ulightbox,
.basketcontent td.order-item-img a.ulightbox {
    display: block;
    line-height: 0px;
    position: relative;
}

.ordercontent #order-table table tbody tr td.order-item-img img,
.basketcontent td.order-item-img a.ulightbox img {
   width: 100%;
       border-radius: calc(0.5* var(--sizew));
    overflow: hidden;
}

.ordercontent td.order-item-name,
.basketcontent td.order-item-name {
    width: calc(100% - calc(13 * var(--sizew)));
   font-weight: 700;
}

.ordercontent td.order-item-name a,
.basketcontent td.order-item-name a {
   color: var(--onix);
}

.ordercontent td.order-item-name a:hover,
.basketcontent td.order-item-name a:hover {
   color: var(--lime);
}

.ordercontent td.order-item-price,
.basketcontent td.order-item-price {
    width: calc(5 * var(--sizew));
}

.basketcontent td.order-item-del {
    width: calc(2 * var(--sizew));
    line-height: 0;
    background-color: var(--lime);
   color: var(--onix);
          border-radius: calc(0.5* var(--sizew));
    overflow: hidden;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.5s;
}

.basketcontent td.order-item-del:hover {
       background-color: var(--onix);
   color: var(--lime);

}

.basketcontent td.order-item-del i {font-size: calc(1 * var(--sizew));
padding: calc(0.5* var(--sizew));
}

.basketcontent td.order-item-del input {display: none;}
.basketcontent td.order-item-del img {width: 100%;cursor: pointer;}

@media only screen and (max-width: 1023px) {
   .ordercontent, .basketcontent {
    flex-wrap: wrap;
}
   .ordercontent .orderc, .basketcontent #order-form {
    width: 100%;
}
   .basketuser {width:calc(100% - 4px);}
.ordercontent #order-table table tbody tr, .basketcontent #order-table tbody tr {
    width: 100%;
}
}

/* Страница авто */

.page-avto {
    display: flex;
    justify-content: space-between;
    gap: calc(1 * var(--sizew));
}

.pa-img {
    width: calc(30 * var(--sizew) - 0px);
    position: sticky;
    top: calc(calc(5 * var(--sizew) + 40px));
    align-self: flex-start;
    color: var(--onix);
    line-height: 0;
    border-radius: calc(0* var(--sizew));
}

.pa-img .bl {
       display: flex;
    flex-wrap: wrap;
    gap: calc(var(--otstup) / 2);
    position: relative;
}

.pa-img .slider {
    border-radius: calc(1* var(--sizew));
    display: block;
    line-height: 0px;
    overflow: hidden;
}

.pa-info {
    width: calc(100% - calc(32 * var(--sizew)) - 0px);
}

.pai-bl {
       width: calc(100% - calc(3 * var(--sizew)) - 4px);
   border: 2px solid var(--light);
    color: var(--onix);
    font-size: calc(1.3* var(--sizew));
    line-height: calc(1.8* var(--sizew));
    padding: calc(1.5* var(--sizew));
    border-radius: calc(1* var(--sizew));
       position: sticky;
    top: calc(calc(5* var(--sizew) + 40px));
}

.pai-brief {
       margin-bottom: calc(0.75* var(--sizew));
       padding-bottom: calc(0.75* var(--sizew));
border-bottom: 2px solid var(--light);
}

@media only screen and (max-width: 1023px) {
   .page-avto {
    flex-wrap: wrap;
}
   .pa-img, .pa-info {
    width: 100%;
      position: relative;
        top: 0;
}

   .pa-info table {
    display: table;
    overflow: auto;
    width: 100% !important;
}
}

/* form */

.avtzai {
    display: none;
    z-index: 99999999;
    background-color: #242424cc;
    overflow-y: scroll;
    height: 100%;
    position: fixed;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
}

.formzakaz {
    display: flex;
    z-index: 1;
    overflow-y: scroll;
    height: 100%;
    position: fixed;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
}

.fz-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: calc(2* var(--sizew));
    width: calc(100% - calc(4* var(--sizew)));
    gap: calc(2* var(--sizew));
}

.fz-content .formclose {
    width: 100%;
    display: block;
    text-align: center;
}

.fzc-info {
    display: flex;
    flex-wrap: wrap;
    width: calc(var(--otstup)* 8.5 * 3 + calc(2* var(--sizew)));
    padding: calc(2* var(--sizew));
    gap: calc(1* var(--sizew));
    border-radius: calc(2* var(--sizew));
    justify-content: center;
    background-color: var(--lamb);
}

.formzakaz .title h2 {
    font-size: calc(var(--otstup2) * 0.8);
    line-height: calc(var(--otstup2) * 0.7);
    margin: 0px;
    color: var(--onix);
    display: block;
    text-align: center;
    width: 100%;
}

.formzakaz .title h2 b {
    font-size: calc(var(--otstup2) * 0.7);
    line-height: calc(var(--otstup2) * 0.7);
    color: var(--onix);
    font-weight: 900;
}

.formzakaz p {
    font-size: calc(1.4* var(--sizew));
    line-height: calc(2* var(--sizew));
    margin: 0px;
    margin-top: calc(var(--otstup) / 2);
    letter-spacing: calc(0.05* var(--sizew));
    font-weight: 500;
    text-align: center;
}

.fs-pidpys {
    display: block;
    width: 100%;
    position: relative;
}

.fs-pidpys p {
    display: table;
    margin: 0 auto;
    padding: 0 calc(2* var(--sizew));
    background-color: var(--lamb);
    z-index: 2;
    position: relative;
}

.fs-pidpys::after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    height: 2px;
    background-color: var(--light);
    width: 100%;
}

.formzakaz button.fz-close {
    background-color: var(--lime);
    color: var(--onix);
   font-weight: 900;
}

.formzakaz button.fz-close:hover {
    background-color: var(--onix);
    color: var(--lime);
}

.fzc-info button {
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: calc(0.5* var(--sizew));
   background-color: transparent;
    border: 2px solid var(--onix);
    color: var(--onix);
       justify-content: center;
}

.fzc-info button:hover {
    background-color: var(--onix);
    border: 2px solid var(--onix);
    color: var(--lime);
}

.fzc-info button.fz-telegram {
   background-color: transparent;
    border: 2px solid #0088cc;
    color: #0088cc;
}

.fzc-info button.fz-telegram:hover {
   background-color: #0088cc;
       color: #fff;
   border: 2px solid #0088cc;
}

.fzc-info button.fz-viber {
   background-color: transparent;
    border: 2px solid #7360f2;
    color: #7360f2;
}

.fzc-info button.fz-viber:hover {
   background-color: #7360f2;
       color: #fff;
   border: 2px solid #7360f2;
}

.fzc-info button.fz-whatsapp {
   background-color: transparent;
    border: 2px solid #25d366;
    color: #25d366;
}

.fzc-info button.fz-whatsapp:hover {
   background-color: #25d366;
       color: #fff;
   border: 2px solid #25d366;
}

.fzc-info button.fz-insta {
   background-color: transparent;
    border: 2px solid #E4405F;
    color: #E4405F;
}

.fzc-info button.fz-insta:hover {
   background-color: #E4405F;
       color: #fff;
   border: 2px solid #E4405F;
}

@media only screen and (max-width: 699px) {

   .formzakaz button {
      width: 100%;
   }

   .formzakaz button.fz-close {
      width: calc(var(--otstup)* 8.5);
   }
}


@media only screen and (max-width: 1023px) {
   table.adaptform tbody,
   table.adaptform tr,
table.adaptform tr td {
 width: 100%;
 display: block;
padding:0;
}

   table.adaptform tr td:nth-child(2) {
    padding-left: 0;
}

   td.manTdSep {
 display: none !important;
}

table.adaptform tr td:first-child {
 margin: calc(var(--otstup)* 0.5) 0;
}
}

/* Footer */

footer {
   display: block;
   position: relative;
   background-color: var(--background);
   padding-bottom: calc(0.5 * var(--sizew));
}

footer:before {
   content: '';
   display: block;
   width: 100%;
   height: calc(1 * var(--sizew));
   margin-bottom: calc(1 * var(--sizew));
   background-image: url(/casepage/globalshipping/imgcss/bottom.svg);
   background-repeat: no-repeat;
   background-position: bottom -1px center;
   background-size: cover;
   transform: scaleY(-1);
}

footer .h-menu .logo {
   height: calc(2.5 * var(--sizew));
}

footer .h-menu {
   gap: calc(2* var(--sizew));
}

footer nav.menu {
   font-size: calc(1.3 * var(--sizew));
           line-height: normal;
}

.poloman {
   font-size: calc(1.3* var(--sizew));
   font-weight: 700;
   color: var(--lamb);
}

.poloman a {
   color: var(--lamb);
   font-weight: 700;
}

.poloman a:hover {
   color: var(--lime);

}

.poloman a:last-child {
   font-weight: 900;
   color: var(--lime);
}

/* */

#toggleButton {
   display: none;
   border-radius: var(--otstup);
   background: var(--lime);
   color: var(--onix);
   position: relative;
   padding-left: 54px;
   font-weight: 500;
   font-size: calc(1.3 * var(--sizew));
   line-height: 0px;
   height: 40px;
   padding-right: 30px;
}

#toggleButton.active {
   background-color: var(--lamb);
   color: var(--onix);
}

#toggleButton span {
   display: block;
   position: absolute;
   top: calc(50% - 1px);
   width: 14px;
   left: 30px;
   height: 2px;
   border-radius: 4px;
   transition: all 0.5s;
}

#toggleButton b {
   font-weight: 500;
}

#toggleButton span::before,
#toggleButton span::after {
   position: absolute;
   display: block;
   left: 0;
   width: 80%;
   height: 2px;
   content: "";
   border-radius: 4px;
}

#toggleButton span,
#toggleButton span::before,
#toggleButton span::after {
   background-color: var(--onix);
}

#toggleButton.active span,
#toggleButton.active span::before,
#toggleButton.active span::after {
   background-color: var(--onix);
}

#toggleButton span::before {
   top: -6px;
}

#toggleButton span::after {
   bottom: -6px;
}

#toggleButton span {
   transition: background 0s 0.0s;
}

#toggleButton span::before,
#toggleButton span::after {
   transition-duration: 0.3s, 0.3s;
   transition-delay: 0.3s, 0s;
}

#toggleButton span::before {
   transition-property: top, transform;
}

#toggleButton span::after {
   transition-property: bottom, transform;
}

#toggleButton.active span {
   background: none;
}

#toggleButton.active span::before {
   top: 0;
   transform: rotate(45deg);
   width: 100%;
}

#toggleButton.active span::after {
   bottom: 0;
   transform: rotate(-45deg);
   width: 100%;
}

#toggleButton.active span::before,
#toggleButton.active span::after {
   transition-delay: 0s, 0.3s;
   background-color: var(--onix);
}

.mobmenu {
   overflow-y: scroll;
   display: block;
   height: calc(100% - calc(6 * var(--sizew) + 0px));
   position: fixed;
   top: calc(calc(6 * var(--sizew) + 0px));
   background-color: var(--lamb);
   left: 100%;
   padding: calc(2* var(--sizew)) calc(2* var(--sizew));
   width: calc(100% - (calc(2* var(--sizew)) * 2));
   transition: all 0.5s;
   z-index: 10000;
}

@media only screen and (max-width: 1023px) {
.mobmenu {
   height: calc(100% - calc(7.5 * var(--sizew) + 40px));
   top: calc(3.5 * var(--sizew) + 40px);
}
   .mobmenu.mmhome {
   height: calc(100% - calc(7 * var(--sizew) + 40px));
   top: calc(3 * var(--sizew) + 40px);
}
}

header .mobmenu nav.menu,
header .mobmenu .icon-svg {
   display: flex;
}

header .mobmenu .icon-svg {
   justify-content: center;
}

header .mobmenu .icon-svg i {
   font-size: calc(4 * var(--sizew));
}

header .mobmenu .icon-svg a {
   color: var(--onix);
}

header .mobmenu nav.menu {
   display: grid;
   text-align: center;
   grid-template-columns: repeat(auto-fill, minmax(calc(50% - calc(0.5* var(--sizew))), 1fr));
   gap: calc(1* var(--sizew));
   align-items: center;
   justify-content: space-around;
   margin-top: calc(4 * var(--sizew));
   margin-bottom: calc(2* var(--sizew));
}

header .mobmenu nav.menu a.active {
   color: var(--onix);
   background-color: var(--lime);
}

header .mobmenu nav.menu a {
   color: var(--lamb);
   background-color: var(--onix);
   border-radius: calc(1* var(--sizew));
}

.mobcont {
   display: grid;
   text-align: center;
   grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - calc(1* var(--sizew))), 1fr));
   gap: calc(1* var(--sizew));
   align-items: center;
   justify-content: space-around;
}

.mobcont a {
   color: var(--onix);
   border: 2px solid var(--onix);
   border-radius: calc(1* var(--sizew));
   font-size: calc(1.4* var(--sizew));
   padding: calc(1* var(--sizew)) 0px;
}

/* Вид материалов */

.goods-list.with-clear {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(calc(var(--otstup3) * 4), 1fr));
   gap: calc(var(--otstup3) / 2);
}

.avtovid {
   display: flex;
   flex-wrap: wrap;
   gap: calc(var(--otstup3) / 5);
   position: relative;
}

.avtovid .product-moder-panel {
   position: absolute;
   top: calc(var(--otstup3) / 5);
   left: calc(var(--otstup3) / 5);
   z-index: 1;
}

.av-img {
   border-radius: calc(1 * var(--sizew));
   display: block;
   line-height: 0px;
   overflow: hidden;
   width: 100%;
}

.av-name {
   display: flex;
   align-items: center;
   text-align: center;
       justify-content: center;
   margin: 0px auto;
   font-size: calc(1.5 * var(--sizew));
   line-height: calc(1.8 * var(--sizew));
   height: calc(3.6 * var(--sizew));
}

.av-name span {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.av-name a.product-card-title {
   color: var(--onix);
   font-weight: 900;
}

.av-name a.product-card-title:hover {
   color: var(--lime);
}

.av-rp {
   display: grid;
   text-align: center;
   grid-template-columns: repeat(auto-fill, minmax(calc(50% - calc(0.5 * var(--sizew))), 1fr));
   gap: calc(1 * var(--sizew));
   align-items: center;
   justify-content: space-around;
   font-size: calc(1.5 * var(--sizew));
   line-height: calc(1.8 * var(--sizew));
   width: 100%;
}

.av-price {
   font-weight: 700;
}

.av-km {
   font-weight: 500;
   font-size: calc(1.2* var(--sizew));
}

.av-knop {
   display: flex;
   flex-wrap: wrap;
   gap: calc(1 * var(--sizew));
   /* отступ между элементами */
   position: relative;
   align-items: center;
   width: 100%;
   justify-content: space-between;
   font-size: calc(1.5* var(--sizew));
   line-height: calc(1.8* var(--sizew));
}

.av-k-basket,
.av-k-poriv {
   width: calc(50% - 0.5 * var(--sizew));
   /* 50% ширины минус половина отступа */
}

.av-zaiavka {
   width: 100%;
   /* Ширина на 100% */
}


.zaiavkaavto {
   height: calc(3* var(--sizew));
   border-radius: calc(1* var(--sizew));
   font-size: calc(1.1 * var(--sizew));
   color: var(--lime);
   font-weight: 500;
   padding: 0 calc(2* var(--sizew));
   background: var(--onix);
   width: 100%;
}

.zaiavkaavto:hover {
   background: var(--lime) !important;
   color: var(--onix) !important;
}

.compare-widget-add {
   transition: all 0.5s;
   cursor: pointer;
}

.likeavto.fade-in,
.compare-widget-add:hover,
.likeavto.added-to-basket,
.likeavto:hover {
   background: var(--onix) !important;
   color: var(--lamb) !important;
}

.likeavto.added-to-basket:hover,
.compare-widget-remove + a:hover,
.likeavto.fade-in:hover {
      color: var(--lime) !important;
}

.likeavto {
   height: calc(2.5 * var(--sizew));
   border-radius: calc(1* var(--sizew));
   font-size: calc(1.0 * var(--sizew));
   color: var(--onix);
   font-weight: 400;
   padding: 0 calc(2* var(--sizew));
   background: var(--lime);
   width: 100%;
}

.likeavto.fade-out {
   opacity: 0;
   /* Плавное исчезновение */
}

.likeavto.fade-in {
   opacity: 1;
   /* Плавное появление */
}

.compare-widget-remove + a,
.compare-widget-add {
   height: calc(2.5* var(--sizew)) !important;
   border-radius: calc(1* var(--sizew)) !important;
   font-size: calc(1.0* var(--sizew)) !important;
   color: var(--onix);
   font-weight: 400;
   background: var(--lime) !important;
   width: 100% !important;
   position: relative;
}

.compare-widget-remove + a {
   display: flex !important;
   width: 100% !important;
   align-items: center;
   justify-content: center;
   background-color: var(--onix) !important;
   color: var(--lamb);
}

.compare-widget-add:before {
   content: 'Порівняти';
   display: block;
   line-height: calc(2.5* var(--sizew));
   width: 100%;
   position: absolute;
   z-index: 1;
   text-align: center;
}

.shop-cat-descr {
   margin-top: var(--otstup3);
   font-size: calc(1.2* var(--sizew));
   line-height: calc(1.8* var(--sizew));
   text-align: justify;
   border: 2px solid var(--lime);
   padding: var(--otstup);
   border-radius: var(--otstup);
}

#shop-page-more button {
   font-size: calc(var(--otstup2)* 0.5);
   line-height: calc(var(--otstup2)* 1.2);
   text-align: center;
   display: table;
   margin: 0px auto;
   color: var(--onix);
   background: transparent;
   position: relative;
   margin-top: var(--otstup);
}

#shop-page-more button:hover {
   color: var(--lime);

}

#shop-page-more button:before {
   content: '';
   display: block;
   height: calc(var(--otstup2) / 10);
   width: calc(var(--otstup) * 8);
   margin: 0px auto;
   margin-bottom: calc(var(--otstup) / 5);
   background-color: var(--lime);
}

.shop-pagination {
   display: none;
}

.shop-cat-descr h2 {
   margin-bottom: calc(0.5 * var(--sizew));
   margin-top: calc(1 * var(--sizew));
   font-size: calc(1.4* var(--sizew));
   line-height: calc(1.8* var(--sizew));
}

.shop-cat-descr h2:first-child {
   margin-top: 0;
}

.empty {
       font-size: calc(var(--otstup2)* 0.5);
    line-height: calc(var(--otstup2)* 1.2);
   text-align: center;
}

/* Добавление */

tr.shop_spec_add_row {
    line-height: calc(4 * var(--sizew));
    font-size: calc(1.0* var(--sizew));
    color: var(--onix);
    font-weight: 400;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 100%;
    padding-bottom: calc(0.75* var(--sizew));
   display: none;
}

.shop_spec_add_row td {
    display: block;
    background: var(--lime);
    border-radius: calc(1.3* var(--sizew));
}

tr.shop_spec_grp .spec-values {
   display: block;
   margin-top: 0px;
}

tr.shop_spec_grp .spec-values .spec-value {
    display: block;
    line-height: 0px;
}

@media only screen and (max-width: 1023px) {

   tr.shop_spec_grp td {
    width: 100%;
    display: block;
    padding: 0;
      border-bottom: none;
}

tr.shop_spec_grp td:first-child {
    margin: calc(var(--otstup)* 0.5) 0;
}

}

/* Адаптация */

@media only screen and (max-width: 1023px) {

   :root {
      --sizew: 12px;
      --otstup: calc(2 * var(--sizew));
      --otstup2: calc(3 * var(--sizew));
      --otstup3: calc(2 * var(--sizew));
   }

   #toggleButton {
      display: block;
   }

   header .icon-svg,
   header nav.menu {
      display: none;
   }

         header {
      min-height:calc(3.5 * var(--sizew) + 40px)
   }

   .header {
      text-align: center;
   }

   .uamap {
      max-width: 200%;
   }

   .avto {
      opacity: 0.2;
      max-width: 140%;
   }

   .header br {
      display: none;
   }

   footer {
      padding-bottom: calc(3* var(--sizew));
   }

   footer .h-menu {
      flex-wrap: wrap;
   }

   footer .h-menu .logo {
      width: 100%;
      text-align: center;
   }

   footer .h-menu .logo img {
      height: calc(2.5* var(--sizew));
   }

   footer nav.menu a {
      padding: calc(0.5* var(--sizew)) 0px;
   }

   .goods-list.with-clear {
      grid-template-columns: repeat(auto-fill, minmax(calc(var(--otstup3) * 10), 1fr));
      gap: calc(var(--otstup3) / 2);
   }

   .avtovid {
      gap: calc(var(--otstup3) / 2);
   }

   .av-knop {
      gap: calc(1 * var(--sizew)) calc(1.5 * var(--sizew));
   }

   .av-k-basket,
   .av-k-poriv {
      width: calc(50% - 0.75 * var(--sizew));
   }

   .zaiavkaavto,
   .compare-widget-remove + a,
   .compare-widget-add,
   .likeavto {
      height: calc(4 * var(--sizew)) !important;
      font-size: calc(1.3 * var(--sizew)) !important;
   }

   .compare-widget-add:before {
      line-height: calc(4 * var(--sizew));
   }

   .goods-list.with-clear {
      gap: calc(var(--otstup3) * 1);
   }

   .mobmenu.open {
      left: 0px;
   }

   .filtbl {
    height: calc(100% - calc(7.5 * var(--sizew) + 40px));
    padding: calc(2* var(--sizew)) calc(2 * var(--sizew));
    width: calc(100% - (calc(2 * var(--sizew)) * 2));
}

   .filtbl.open {
    top: calc(3.5 * var(--sizew) + 40px);
}

   .sf-sort {
      display: none;
   }

   .sf-filt, .slist {
    justify-content: center;
    margin: 0px auto;
}

   .specfilt {
    margin-bottom: calc(var(--otstup) * 1);
    font-size: calc(1.2* var(--sizew));
    line-height: calc(2 * var(--sizew));
}

#reset-filter-btn a, a.sff-close {
    font-size: calc(1.2* var(--sizew));
    line-height: calc(1.2 * var(--sizew));
    padding: calc(0.75 * var(--otstup)) calc(0* var(--otstup));
}

   .specfilttag {
    margin-bottom: calc(var(--otstup) / 1);
}

   .collapsed .spec-subfilter-list, .spec-values {
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / 4 - calc(calc(var(--otstup) / 2)* 1)), 1fr));
    gap: calc(var(--otstup) / 2);
}

}

@media only screen and (max-width: 699px) {

   footer nav.menu,
   footer .h-menu {
      gap: calc(2 * var(--sizew));
      flex-wrap: wrap;
      text-align: center;
      justify-content: center;
   }

   footer nav.menu {
      gap: calc(1 * var(--sizew));
   }

   footer .h-menu > div {
      width: 100%;
   }

   header .mobmenu nav.menu {
      grid-template-columns: repeat(auto-fill, minmax(calc(100% - calc(0.0* var(--sizew))), 1fr));
   }

   .mobcont {
      grid-template-columns: repeat(auto-fill, minmax(calc(100% - calc(0.0* var(--sizew))), 1fr));
   }

   #spec-filter-44544 .spec-values.important-values,
   .collapsed .spec-subfilter-list, .spec-values {
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / 2 - calc(calc(var(--otstup) / 2)* 1)), 1fr));
    gap: calc(var(--otstup) / 2);
}

}

@media only screen and (max-width: 449px) {
   #toggleButton b {
      display: none;
   }

   #toggleButton {
      padding: 0px;
      width: 54px;
      border-radius: calc(var(--otstup) / 2);
   }

   #toggleButton span {
      left: 20px;
   }
}