@charset "utf-8";:root{--width: 150px;--hover-hazelblue: rgb(122, 179, 255);--purp: #401EDF;--purp-hov: #381ac4;--darkblue: #0f52ce;--yellowgreen: yellowgreen;--white: #FFF;--palewhite: #fff6ca;--black: #000;--grey: grey;--green: rgb(5, 135, 0);--darkgrey: #302f2f;    --lightgrey: #333;--red: #c91b1b;--purple: #cc3fea;--pink: pink;--orange: #ffba00;--yellow: yellow;--bannCol: #f5dc66;--lightblue: lightblue;--subcatunder: #535353;--bg2: url('/images/bg2.avif?11231');--spr1: url('/images/spr1_cp.avif?11231');--colors: url('/images/colors.avif?11231');--fontello: fontello;--borderrad: .3em;--rem2: 0.2rem;--rem5: 0.5rem;--rem6: 0.6rem;--rem7: 0.7rem;--rem75: 0.75rem;--rem8: 0.8rem;--rem85: 0.85rem;--rem9: 0.9rem;--rem95: 0.95rem;--rem10: 1rem;--rem11: 1.05rem;--rem12: 1.1rem;--rem13: 1.15rem;--rem14: 1.22rem;--rem15: 1.3rem;--rem16: 1.35rem;--rem18: 1.45rem;--rem20: 1.7rem;--rem22: 2rem;--rem30: 3rem;}.white{color: var(--white) !important;}.bg-blue{background: var(--hover-hazelblue) !important;}.bg-green{background: var(--yellowgreen) !important;}.bg-red{background: var(--red) !important;}.bg-yel{background: var(--yellow) !important;}.bg-pink{background: var(--yellow) !important;}.bg-purp{background: var(--purple) !important;}.bg-dark-purp{background: var(--purp) !important;}.bg-dark-purp:hover{background: var(--purp-hov) !important;}.pl{background-position: -10px -25px !important;}.mbr{background-position: -56px -25px !important;}.abr{background-position: -112px -25px !important;}.as{background-position: -172px -25px !important;}.cs{background-position: -227px -25px !important;}.cr{background-position: -290px -25px !important;}.zol{background-position: -345px -25px !important;}.ral{background: radial-gradient(circle, rgba(10, 235, 24, 1) 0%, rgba(249, 242, 9, 1) 4%, rgba(60, 59, 131, 1) 21%, rgba(101, 195, 99, 1) 40%, rgba(207, 79, 137, 1) 46%, rgba(227, 46, 86, 1) 59%, rgba(243, 147, 20, 1) 82%, rgba(0, 212, 255, 1) 100%) !important;}.md{background: linear-gradient(90deg, rgb(78, 31, 31) 0%, rgb(120, 50, 50) 100%) !important;}.cmb{background: linear-gradient(90deg, rgba(91, 55, 55, 1) 0%, rgba(77, 49, 49, 1) 50%, rgba(255, 242, 2, 1) 52%, rgba(252, 176, 69, 1) 100%) !important;}.of{background-position: -403px -25px !important;}.bl{background-position: -460px -25px !important;}.ns{background: rgba(146, 146, 89, 0.78) !important;}.silv{background-position: -593px -25px !important;}.wh{background-position: -638px -24px !important;}.sh{background-position: -698px -24px !important;}.bg1{background: var(--darkgrey) !important;}.bg2{background: var(--bg2) var(--lightgrey);}.bg_gr_rd{background: linear-gradient(to bottom, rgba(102, 102, 102, 0.65) 0%, rgba(0, 0, 0, 0) 100%);}.bg_gr_grey{background: linear-gradient(to bottom, rgba(102, 102, 102, 0.65) 0%, rgba(0, 0, 0, 0) 100%);}.bg-rd{background: var(--red) !important;}.bg-gr{background: var(--green) !important;color: var(--white);}.yel{border-color: var(--hover-hazelblue) !important;}.bg-wh{background: var(--white) !important;color: var(--black) !important;}.red{color: var(--red)}.bg_gr_gr{background: linear-gradient(to bottom, #006e2e 0%, #006e2e 100%);}.bg_gr_bl{background: var(--bg2) var(--darkgrey)}.bg_gr_purp{background: #8f0222}@font-face{font-family: 'fontello';src: url('/font/fontello.eot?6895241789');src: url('/font/fontello.eot?6895241789#iefix') format('embedded-opentype'), url('/font/fontello.woff2?6895241789') format('woff2'), url('/font/fontello.woff?6895241789') format('woff'), url('/font/fontello.ttf?6895241789') format('truetype'), url('/font/fontello.svg?6895241789#fontello') format('svg');font-weight: normal;font-style: normal;font-display: fallback;}

*, *::before, *::after{box-sizing: border-box;}

html{line-height: 1.15;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;overflow-x: hidden;}

body{margin: 0;overflow-x: hidden;padding: 0;max-width: 100vw;color: var(--white);letter-spacing: -.01em;font-family: Arial, sans-serif;font-size: var(--rem10);line-height: 1.2;background-image: var(--bg2);touch-action: pan-y;height: 100vh;}

h1, h2, h3, h4, h5, h6{text-align: center;display: block;width: 100%;line-height: 1.1em;height: auto;text-shadow: none;font-size: var(--rem8);-webkit-font-smoothing: subpixel-antialiased;margin: 1em 0;}

h1{font-size: var(--rem16);}

h2{font-size: var(--rem15);}

h3{font-size: var(--rem14);}

h4{font-size: var(--rem12);}

h5{font-size: var(--rem11);}

img, div, p, span, form, input, a, dd, dt, dl{outline: none;margin: 0;padding: 0;}

p{margin: .5em;padding: .1em;line-height: 1.1em;}

h1 ~ p{margin-top: 1em;}

a:active, a:hover, a:visited, a:focus, a{text-decoration: none;}

img{vertical-align: middle;image-rendering: optimizeQuality;image-rendering: -webkit-optimize-contrast;border: none;text-decoration: none;}

button, input, optgroup, select, textarea{font-family: inherit;line-height: 1;margin: 0;color: var(--black);background: var(--white);}

button, input{overflow: visible;}

button, select{text-transform: none;}

button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance: button;}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style: none;padding: 0;}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}

textarea{overflow: auto;resize: vertical;}

fieldset{padding: 0.35em 0.75em 0.625em;}

legend{color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}

[type="checkbox"], [type="radio"]{padding: 0;}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{height: auto;}

[type="search"]{-webkit-appearance: textfield;outline-offset: -2px;}

[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}

::-webkit-file-upload-button{-webkit-appearance: button;font: inherit;}

*::-webkit-scrollbar{width: 8px;background-color: var(--darkgrey);}

*::-webkit-scrollbar-thumb{border-width: 1px 1px 1px 2px;background-color: var(--grey);}

*::-webkit-scrollbar-thumb:hover{background-color: var(--grey);}

.wr{display: flex;flex-flow: column nowrap;align-items: center;gap: 8px;min-height: 100%;}

#stop{position: relative;min-height: 100%;width: auto;height: 100%;background: var(--bg2);flex-grow: 1;overflow: visible;display: flex;flex-direction: column;gap: 8px;&.closed{margin-top: -167px;}

    #banner{border-radius: .3em;background: #f5dc66;color: var(--black);text-align: center;line-height: 1.8em;transform-origin: top;padding: 0 .4rem;}
}


#topmost{display: grid;max-width: 1284px;gap: 8px;grid-template: 1fr  / min-content 1fr;background: var(--bg2) var(--lightgrey);}

#wr_tp{display: flex;flex-flow: column nowrap;gap: 8px;z-index: 100;background: var(--bg2);position: sticky;top: 0;}


#top{height: 70px;display: grid;border-radius: .3em;grid-template-columns: 70px minmax(220px, 240px) minmax(470px, 1fr) minmax(70px, 280px) minmax(65px, auto);column-gap: 1em;justify-items: center;align-items: center;position: relative;transition: height 0.2s ease;#logo{grid-column: 1;grid-row: 1;justify-self: center;img{width: 45px;object-fit: scale-down;transition: width .3s ease-in-out;}
    }

    #contact-app{grid-column: 2;grid-row: 1;justify-self: start;}

    #search_box{grid-column: 3;grid-row: 1;width: 100%;flex-grow: 1;}

    #loginwrapper{grid-column: 4;grid-row: 1;}

    .upper-menu{grid-column: 4;grid-row: 1;display: flex;gap: 1em;flex-flow: row nowrap;padding: .8em;border-radius: .3em;border: 1px dashed #3b3b3b;align-items: center;a{color: var(--white);}

        .loved:before{font-family: var(--fontello);content: "\e801";color: darkviolet;font-size: var(--rem12);font-weight: bolder;}

        .favs, .icon-scales{position: relative;display: block;left: 0;top: 0;&:before{font-size: var(--rem14);margin-right: .7em;color: var(--white);}

            &:hover:before{color: var(--hover-hazelblue);}
        }
    }

    #bin{grid-column: 5;grid-row: 1;min-width: 125px;justify-self: end;text-align: right;color: var(--white);font-size: var(--rem95);margin-right: 1em;cursor: pointer;position: relative;z-index: 1200;#cart, .cart{position: relative;width: 42px;height: 22px;display: inline-block;z-index: 80;}
    }


}

#bottom{display: flex;width: 100%;flex-direction: column;min-height: 600px;background: url('/images/page-bg.png?111222') repeat;overflow: hidden;.main_phone{left: 520px !important;top: 9px;font-size: var(--rem12);color: var(--grey);font-weight: normal;border-bottom: none;cursor: inherit;}
}


.paymethods-bottom{display: block;width: 162px;height: 22px;background: var(--spr1) -84px -5px no-repeat;}


.catalog{display: flex;flex-flow: row wrap;align-content: space-between;justify-content: space-evenly;gap: 8px;}

.main{grid-column: 2/3;display: flex;flex-flow: column nowrap;gap: 8px;overflow: hidden;min-height: 70vh;& > .txt{margin-top: 0;}

    &.index{background: var(--bg2);}

    &.reg{width: 1007px;margin: auto;min-height: 750px;}
}

.crumbs{height: inherit;display: flex;flex-flow: row nowrap;align-items: center;min-height: 36px;padding-left: 8px;justify-content: flex-start;overflow-x: auto;overflow-y: hidden;gap: 1em;scrollbar-width: none;-webkit-overflow-scrolling: touch;white-space: nowrap;&::-webkit-scrollbar{display: none;}

    div{display: flex;flex-wrap: nowrap;white-space: nowrap;}

    a{display: flex;flex-wrap: nowrap;color: var(--white);text-decoration: none;white-space: nowrap;&:hover{color: var(--hover-hazelblue);}
    }
}

.index{ul{width: 100%;box-sizing: border-box;background-color: var(--darkgrey);line-height: 1.5em;margin: 0 auto 5px;border-radius: var(--borderrad);text-align: left;padding: 3em;}
}


#allOtherAccessories{width: 100%;position: relative;background-color: var(--darkgrey);padding: 8px 0;&:empty{height: 0;min-height: 0;margin: 0;padding: 0;}
}

.allOtherAccessoriesByBrand{display: flex;flex-flow: row wrap;justify-content: space-evenly;margin: 0;padding: 0;gap: 10px;&:empty{margin: 0;background-color: inherit;}

    li{display: flex;align-items: center;i{width: 3em;height: 3em;margin-right: 1em;margin-bottom: 0.3em;fill: var(--yellowgreen);stroke: #5897fb;stroke-width: 0.1em;transform: scale(1, -1);}

        a{color: var(--white);}
    }

    span{color: var(--hover-hazelblue);font-size: var(--rem7);display: inline-block;margin: 0 0.3em 1em;vertical-align: super;}
}

#allOtherAccessories:empty + .itemStack, .pages:empty + .itemStack{margin-top: -8px !important;}


.pages{width: 100%;display: flex;gap: 8px;align-items: flex-end;justify-content: center;text-align: center;vertical-align: middle;text-transform: lowercase;}

.pg, .next, .prev{width: 35px;height: 35px;line-height: 37px;padding: 0;border: solid 1px var(--yellowgreen);text-decoration: none;text-transform: lowercase;display: inline-block;text-align: center;border-radius: var(--borderrad);background: var(--white);color: var(--black);}

.prev, .next{width: auto;padding: 0 10px;border-radius: var(--borderrad);letter-spacing: 0.1em;line-height: 2em;}

.next{margin-left: auto
}

.prev{margin-right: auto
}

.warning{background-color: var(--red);display: inline-block;border-radius: var(--borderrad);color: var(--white);padding: 5px;margin: 0;}

.beta{border-radius: 0.4em;margin-left: 0.3em;padding: 0.1em;font-size: var(--rem7);color: var(--white);}

.botlnkswrap{display: flex;margin: 0 auto 20px;gap: 7em;flex-direction: row-reverse;align-items: start;justify-content: space-evenly;p{margin: .5em .5em .5em 0;padding: 0
    }

    h3{text-align: left;+ div{display: flex;flex-flow: column nowrap;text-align: left;}
    }
}

.bottombanners span{cursor: pointer;}


hr.deliv{display: block;float: left;width: 250px;margin: 20px 8px 8px 8px;padding: 0;clear: both;}

.gear, .magnit, .lookysee{position: absolute;bottom: 7em;left: 5px;margin: 0;}

.gear:before, .magnit:before, .lookysee:before{font-family: var(--fontello);font-size: var(--rem18);color: var(--darkblue);}

.gear:before{content: '\e80d'
}

.magnit:before{content: '\e823';}

.lookysee:before{content: '\e808'
}

.item-small{width: 175px;height: 170px;margin-right: 13px;.details{bottom: 0;left: 5px;right: inherit;}

    img{margin-left: auto;margin-right: auto;}

    &.videothumb{background-color: transparent;border: none;width: 119px;height: 115px;:hover{border: none
        }

        .details{margin: 0 auto;float: none;left: 0;top: 7px;position: relative;width: 100px;}

        img{margin: 0;}

        .desc{width: 100%;margin: 0 auto;text-align: center;margin-bottom: 15px;a{position: static;color: var(--white);text-align: center;font-size: var(--rem7);font-weight: normal;display: inline-block;width: 150px;}
        }

        &.long{margin-bottom: 160px;.name{min-height: 30px;height: 100px;margin: 10px auto auto 5px;font-size: var(--rem10);text-align: left;color: var(--white);border-bottom: none;}
        }
    }


    .price_bt{font-size: var(--rem18);bottom: 5px;right: 5px;}
}


#login-inv{grid-column: 5/6;grid-row: 1;align-self: center;align-items: center;justify-self: end;margin: 0 .5em 0 0;padding: 0.2em;display: flex;gap: .3em;i:before{margin-left: 0;margin-right: 0;color: var(--black) !important;}

    img{background: var(--spr1) no-repeat -317px -2px;width: 18px;height: 18px;vertical-align: top;}
}


.bottomlinks{color: var(--black);display: flex;flex-direction: column;align-items: start;a, a:hover, a:visited, a:active{color: var(--darkblue);display: inline-block;}

    h2{font-size: var(--rem14);text-align: left;}

    .wa{line-height: 1em
    }
}

.fixed-chat-widget{.icon-whatsapp:before, .icon-telegram:before{font-size: var(--rem22) !important;}
}

.videos{display: flex;background-color: var(--darkgrey);flex-direction: row;padding: 1em 0;flex-wrap: wrap;gap: 3em;justify-content: space-evenly;}

.redish{color: var(--red);background-color: var(--white);border-radius: var(--borderrad);max-width: 500px;}

.btn{display: inline-block;padding: 0.5em 1em 0.2em;margin-bottom: 0;color: white;line-height: 12px;text-align: center;vertical-align: middle;cursor: pointer;border-radius: var(--borderrad);background: var(--darkblue);border: none;text-decoration: none;&:hover{text-decoration: none;}
}

.btn-large{padding: 10px;font-size: var(--rem12);line-height: normal;border-radius: var(--borderrad);background-color: var(--darkblue);}

.btn-small{padding: 5px 3px;background-color: var(--hover-hazelblue);color: var(--black);}

.btn-primary{font-size: var(--rem12);background-color: var(--darkblue);}

.contractOnly{color: var(--red);span{color: var(--white)
    }
}

.yelbtn{background: var(--yellow);color: var(--black);font-size: var(--rem8);}


.se_name{color: var(--white);margin: 0 8px 0 0;padding: 35px;text-align: center;background-color: var(--lightgrey);font-size: var(--rem13);}

#math{display: inline-block;p{display: inline;padding: 0;margin: 3px;font-size: var(--rem10);&.first{margin-right: 10px;}
    }
}

#math p.last, .favam, .cmpam{position: absolute;background-color: var(--red);width: 1.7em;height: 1.7em;box-sizing: border-box;z-index: 1;right: -6px;bottom: .8em;text-align: center;vertical-align: middle;line-height: 1.7em;border-radius: 1em;}

.favam, .cmpam{font-size: var(--rem6);right: inherit;left: 1.5em;top: -1em;}

.cmpam{left: 2em;}

.blank{background: none;}


.inddescr{display: block;bottom: 0;padding: 10px;margin-left: 0;background-color: rgba(255, 255, 255, 0.7);color: var(--black);font-weight: normal;text-align: left;z-index: 10;max-height: 2.8em;line-height: 1.4em;overflow: hidden;position: relative;opacity: 0.7;transition: max-height 0.4s ease, opacity 0.4s ease;&::after{content: '';position: absolute;bottom: 0;right: 0;width: 100%;height: 1.4em;background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.9));pointer-events: none;transition: opacity 0.4s ease;}

    & + span{color: var(--darkblue);cursor: pointer;}

    &.show{max-height: 500px;opacity: 1;&::after{opacity: 0;}
    }

    &.clear{overflow: inherit;position: inherit;max-height: inherit;}

    &:after{content: " ";position: absolute;left: 0;bottom: 0;height: 2em;width: 100%;}
}

.pg:hover:not(.selected2){background: var(--yellowgreen);text-decoration: none;color: var(--black);}

.pg.dis, .pg.dis:hover, .pg.dis2, .pg.dis2:hover{background-color: var(--white);color: var(--black);cursor: inherit;text-transform: lowercase;}

.selected2{color: var(--white);background-color: var(--darkgrey);border-color: var(--white);}

.ir2{float: left;border: 3px solid var(--lightgrey);margin: 5px 0 0 0;visibility: hidden;}

.ir3{float: right;border: 3px solid var(--lightgrey);margin: 5px 0 0 0;visibility: hidden;}

.cheaper:not(.it_wr .cheaper), .dummy{cursor: pointer;color: var(--red);border-bottom: 1px dotted var(--hover-hazelblue);}

.dummy{color: var(--red);line-height: 1.3em;right: 45px;margin-bottom: .5em;+ .price_bt{bottom: 10px;color: var(--yellowgreen);font-size: var(--rem20);}

    + .price_bt .rub{color: var(--yellowgreen);border-color: var(--yellowgreen);}
}

.shad{width: 100%;height: 5px;margin-top: -5px;left: 0;box-shadow: 0 3px 3px var(--black);}

.itemStack{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-around;align-content: space-around;gap: 8px;margin: 0;padding: 0 0 200px 0;}

.bonus_col{flex: 0 1 34px;}

.phone, .email{font-size: var(--rem95);color: var(--white);font-weight: normal;margin-bottom: 15px;}

.phone a{color: var(--white);text-decoration: none;}

#email a{border-bottom: 1px solid var(--white)
}

.backtotop{left: -10px;top: 50%;position: fixed;line-height: 100%;width: 2em;padding: .5em;vertical-align: middle;border-radius: var(--borderrad);text-align: center;z-index: 1000;cursor: pointer;height: 2em;background: var(--hover-hazelblue);display: none;i:before, span{color: var(--black);}
}

.backtotop.visible{display: block;}

.pdf-catalogue-every-day{
    display: flex;align-self: center;color: var(--white);font-size: var(--rem12);img{border-radius: .3em;margin: 1.5em;}

    .icon-file-pdf:before{font-size: var(--rem16);color: var(--red)
    }
}


.sertificates{display: flex;flex-flow: row wrap;justify-content: center;gap: 5em
}

.sub_cat.selected + span{color: var(--yellowgreen);}

.shaded, .shaded:before{color: var(--hover-hazelblue);fill: var(--hover-hazelblue);}


.discount-img{position: absolute;top: 70px;left: 50px;right: inherit;transform: rotate(10deg);padding: 5px;background-color: var(--yellowgreen);color: var(--black);}

#fPane{display: flex;align-items: center;gap: 1em;min-height: 150px;padding-top: 1em;justify-content: space-around;.style{display: flex;flex-flow: column;justify-content: center;color: var(--yellowgreen);text-transform: lowercase;margin-bottom: 8px;gap: .2em;align-items: center;}

    label[for='slider']{text-align: center;margin-left: 0;font-size: var(--rem95);}


    .style{.style-descr{text-transform: lowercase;color: var(--yellowgreen);font-size: var(--rem10);}

        select{width: auto;height: 25px;margin: 0 10px 5px;min-width: 140px;max-width: 140px;border-radius: var(--borderrad);font-size: var(--rem9);option.inactive{display: none;}

        }

    }


}


.rub{line-height: 5px;width: 0.4em;border-bottom: 2px solid var(--darkgrey);display: inline-block;color: var(--darkgrey);margin-right: 5px;}

.promo .cheaper{font-size: var(--rem10);border: none;width: 100%;text-decoration: none;background: var(--purp)
}

#topmenu{background-color: var(--darkgrey);border: 0;height: 28px;width: 100%;bottom: 0;margin-bottom: 0;text-align: center;transition: height .3s linear;}

#top-menu-wrapper{display: flex;justify-content: space-evenly;align-items: center;flex-flow: row nowrap;margin: 0 auto;height: 1.8em;border-radius: .3em;}

.topmenu-set{border-right: 1px solid var(--darkgrey);cursor: pointer;position: relative;&:first-of-type{margin-right: auto;justify-self: flex-start;border-right: none;}

    &.hover{background-color: var(--white);color: var(--black);cursor: pointer;}
}

#filter-panel-mount{min-width: 100%
}

.it-im-br{filter: grayscale(100%);transition: all 300ms ease;&:hover{filter: grayscale(0%);transition: all 100ms ease;}
}

.rate_desc{text-decoration: none;display: inline-block;color: var(--yellow);}


.txt{background-color: var(--darkgrey);padding: .5em;color: var(--white);width: 100%;overflow: hidden;img{float: right;margin: 1em 0 1em 1em;}

    p{margin: 0;line-height: 2em;}

    a{color: var(--yellowgreen);text-decoration: none;display: inline-block;&.tag{padding: 0.4em;background: #f5dc66;color: var(--black);border-radius: 0.3em;margin-right: 0.5em;}
    }

    & > div:has(a.tag){padding: 0;margin: 0 0 1em 0;display: flex;gap: 1em;flex-wrap: wrap;justify-content: space-evenly;}

    iframe{margin: 2em
    }


    h1, h2, h3{text-align: center;margin: .2em 0;line-height: 40px;vertical-align: middle;height: auto;font-weight: normal;color: var(--white);}

    h1{font-size: var(--rem18);}

    #filter-panel-mount + & h1:first-of-type{margin: 0;}

    hr{clear: both;display: block;margin: 2em 0;}

    ul{padding: 1em 1em 1em 1em;list-style-type: square;li{line-height: 2em;padding: 0.3em 1em 0 0;}
    }
}


.description{font-size: var(--rem10);margin: 0 8px 8px 0;float: right;padding: 1.5em;letter-spacing: 0.1em;color: var(--white);text-align: justify;border: 1px solid var(--grey);img{display: block;margin-left: -5px;&.logo{float: right;padding-left: 15px;padding-bottom: 5px;}
    }
}

#price{text-align: center;display: inline-block;font-size: var(--rem22);line-height: 100%;white-space: nowrap;padding: 3px 6px;color: var(--white);margin: 0;}

.before-price{text-align: right;font-size: var(--rem7);.ex-price{color: var(--red);font-weight: normal;font-size: var(--rem13);text-decoration: line-through;}
}

.buy_bt{flex: 1 0 50%;display: flex;color: var(--white);flex-flow: column;justify-content: center;align-items: center;cursor: pointer;background-color: var(--darkblue);padding: 0.8em 1em;min-height: 2.5em;}

.buy_bt.disabled, .wr_it_b a.disabled{background-color: var(--grey);cursor: inherit;font-size: var(--rem10);}

.wr_it_b{display: flex;width: 60%;height: 50px;color: var(--white);border-radius: var(--borderrad);.minus, .plus{display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid var(--darkblue);height: 50%;vertical-align: middle;padding: 0.3em 0.5em;min-width: 2em;cursor: pointer;}

    .plus{border-bottom: none !important;}

    [class*='icon']:before{color: var(--darkblue);font-size: var(--rem7);}


    span:before{color: var(--black);font-size: var(--rem9);}

    a{font-weight: normal;text-decoration: none;}

    a:hover:not(.buy_bt,.wa){color: var(--hover-hazelblue);text-decoration: underline;}

    & > div:not(.buy_bt){flex: 1 0 20%;display: flex;flex-flow: column;}

    .amnt{width: 35px;border: 1px solid var(--darkblue);border-left: none;}
}

.minus, .plus{border-bottom: none;border-left: 1px solid var(--grey);border-right: 1px solid var(--grey);background-color: var(--white);vertical-align: middle;cursor: pointer;}

.plus{border-bottom: 1px solid var(--grey);}

.popular{width: 500px;height: 200px;position: relative;float: right;}

.copy{display: flex;gap: 2em;align-items: center;justify-content: space-evenly;width: 100%;font-size: var(--rem8);color: var(--black);height: 5em;p{text-align: center;max-width: 600px !important;}
}


.howToFindUs{margin-left: .3em;color: var(--white)
}

.geo{border-bottom: dotted 1px var(--hover-hazelblue);cursor: pointer;&:hover{color: var(--hover-hazelblue);}
}


.area{display: none;position: absolute;margin: 0 auto;width: auto;max-width: 400px;height: auto;max-height: 150px;padding: 15px;overflow: auto;font-size: var(--rem8);font-weight: normal;color: var(--black);border-radius: var(--borderrad);background-color: var(--palewhite);z-index: 10000;}


.area p{z-index: 10000;padding: .3em;color: var(--black);a{color: var(--darkblue);}
}

#yesButton{padding: 7px 15px;}


.icon-mail, .fixedPh a{color: var(--yellowgreen);line-height: 30px;display: inline-block;text-decoration: none;}

.fixedPh a{line-height: 12px;font-size: var(--rem9);}

.emailicon:not(.top) + a{color: var(--white);border-bottom: dotted 1px var(--hover-hazelblue);}

.emailicon + a:hover, .fixedPh a:hover{color: var(--hover-hazelblue);}

.sched{position: relative;text-align: left;margin: 0 20px 0 15px;padding: 0 5px 5px 5px;letter-spacing: 0.1em;color: var(--white);font-size: var(--rem95);}

#brief{float: right;font-size: var(--rem10);font-weight: bold !important;margin-right: 120px
}

.up{vertical-align: super;font-size: var(--rem6);}

#loader{position: absolute;bottom: 5px;left: 10px;width: 22px;height: 22px;cursor: wait;z-index: 9999;}

.loader, .loader *, .cursor-wait{cursor: wait;}


.item{display: flex;flex-flow: column;justify-content: space-between;gap: .5em;position: relative;height: 400px;width: 320px;text-align: center;border-radius: var(--borderrad);background-color: var(--white);}


.desc.big{margin: 1em;+ div{margin-bottom: var(--rem10);display: flex;flex-flow: row wrap;justify-content: center;gap: 8px
    }

    img{display: inline-block;}

    p{color: black;}

    a{position: relative;font-weight: bold;padding: 0;font-size: var(--rem14);color: black;&:hover, &:active{color: black;}
    }
}

#follow{background-color: var(--lightgrey);width: 254px;margin-top: -4px;height: 44px;}


input[disabled='disabled'], .items select{color: var(--black) !important;background-color: var(--hover-hazelblue) !important;height: 26px;border-radius: var(--borderrad);}

.items label{margin-right: 1em;}

.topmenu-link{color: var(--white);display: inline-block;margin-top: 1px;text-decoration: none;&:hover{color: var(--hover-hazelblue);}
}

.error{margin: 0 0 10px;}

.reg div:not(first-child){margin-top: 8px;}


#amnt, .amnt{text-align: center;width: 3em;font-size: 1.2em;border: 1px solid var(--grey);padding: 0.5em 0.3em;min-height: 2em;color: var(--black);}


.hit, .new{display: block;position: absolute;left: calc(70% - 20px);top: 70px;transform: rotate(2deg);background: var(--spr1) 0 0 no-repeat;width: 43px;height: 33px;}

.new{background-position: -45px 0;}

.bg_bask, #price.inquire{background: var(--darkblue);color: var(--white) !important;font-size: var(--rem11);}


.color{margin-top: 10px;margin-left: 30px;padding-left: 5px;cursor: pointer;&:first-child{margin-top: 0
    }

    &.selected{cursor: default;}
}

.selected{color: var(--yellowgreen);}

.tip{position: absolute;left: 50px;z-index: 1000;padding: 10px;display: flex;flex-flow: row wrap;color: var(--black);border: none;font-size: var(--rem10);background-color: var(--yellowgreen);}

.tip span{z-index: 1000
}

.tip_arr{width: 15px;height: 15px;margin-left: -15px;z-index: 999;background-color: var(--yellowgreen);transform: rotate(135deg);}

.tip.col{width: 215px;top: 0;left: 0
}

.buy_wr{min-height: 55px;display: flex;flex-flow: row nowrap;justify-content: space-between;margin-right: 8px;}

.codice_wr{display: flex;justify-content: space-between;margin: 3em .3em 0;}

.price_bt{width: auto;font-size: var(--rem20);color: var(--darkgrey);&.inquire{font-size: var(--rem9) !important;margin-right: 0;vertical-align: middle;}

    img{margin: 0;}
}

.img_wr a{flex: 1 1 90%;display: flex;justify-content: center;align-items: center;}

.img_wr img{display: inline-block;margin: 0 auto;max-width: 100%;height: auto;}

#price.inquire{font-size: var(--rem15);margin-bottom: 0.5em;margin-right: 20px;}

.desc:not(.item_small .desc){padding: .2em;flex: 0 0 70px;overflow-y: auto;p{color: black;}

    a{color: var(--lightgrey);font-weight: normal;text-decoration: none;}
}

.item_small > a:before, .subcat li a:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;&:hover{border-color: inherit
    }
}

.item_small{position: relative;overflow-x: hidden;width: calc(100% / 3 - 6px);height: inherit;min-height: 250px;display: flex;border: 2px solid var(--white);flex-direction: column;justify-content: space-between;cursor: pointer;&::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}

    .btn-large, .btn-large i:before{background: var(--white) !important;margin: 1em !important;color: var(--black) !important;i:before{font-size: var(--rem10)
        }
    }

    .desc p{color: black;}

    &.sm4{flex-grow: 1;width: calc(100% / 4 - 6px);}

    &.sm2{width: calc(100% / 2 - 4px);}

    &.sm2:nth-of-type(1){gap: 10px
    }

    &.sm2:nth-of-type(7), &.sm2:nth-of-type(9), &.sm2:nth-of-type(8){width: calc(100% / 3 - 6px);}

    &.smicons i{width: 60px;}

    .inddescr{max-height: 2.8em;overflow: hidden;opacity: 0.7;transition: max-height 0.4s ease, opacity 0.3s ease;color: #333;line-height: 1.4em;position: relative;&::after{content: '';position: absolute;bottom: 0;right: 0;width: 100%;height: 1.4em;background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.9));pointer-events: none;transition: opacity 0.4s ease;}

        &.expanded{max-height: 500px;opacity: 1;&::after{opacity: 0;}
        }
    }

    .indd{display: inline-block;margin-top: 0.5em;padding: 0.3em 0.6em;background: none;color: #006fff;border-radius: 3px;font-size: 0.85em;cursor: pointer;transition: all 0.3s ease;position: relative;z-index: 11;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);&:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);transform: translateY(-1px);}

        &:active{transform: translateY(0);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
    }

    > div:not(.desc):not(.btn){transition: opacity 0.3s ease, transform 0.3s ease;}
}

.subcat li{position: relative;}

.middle1 img{margin: 100px auto !important;}


.rota_pr_old{font-size: var(--rem8) !important;text-decoration: line-through;}

#office{margin-bottom: 25px;}


.youtube img{border-color: var(--lightgrey);}


.resSel{max-width: 200px
}

.subscribe{display: flex;width: 80%;background: var(--bannCol);margin: 1em auto;gap: 1em;padding: 2em;align-items: center;justify-content: center;box-sizing: content-box;max-width: 1000px;input{font-size: 1em;flex: 0 1 50%;letter-spacing: 0.1em;margin-bottom: 0.2em;border-radius: 0.3em;border: none !important;padding: 0.5em;}

    input[type=submit]{cursor: pointer !important;flex: 0 1 10%;}

    label{flex: 1 1 30%;text-align: center;color: var(--darkgrey)
    }

    label:hover{color: black !important;}
}

.agreement{margin: 10px auto;text-align: left;}

#agreembox, #agreembox:hover, #agreembox:active, #agreembox:visited{text-decoration: underline;color: var(--darkblue)
}

label[for=agreem] + .agreement, .callback .agreement{display: none;}

label[for=agreem]{margin-top: 17px !important;margin-bottom: 17px !important;}

.forgot label{color: var(--black);font-size: var(--rem10);letter-spacing: 0.2em;line-height: 2em;float: none;margin: 20px auto;}

button:active, button:focus, textarea, textarea:focus, select, select option:focus{outline: none !important;}

#stats input[readonly]{background-color: var(--white);}

.paymethods{background: var(--spr1) -84px 0 no-repeat;width: 150px;height: 30px;margin: 20px auto 20px;}

span.yel, a.yel{color: var(--yellowgreen);font-weight: normal;text-decoration: none;}

#getxls, #getxls:visited{color: var(--green) !important;}

.selected a.yel{border-bottom: 1px dotted;border-bottom-color: var(--yellowgreen) !important;&:hover{color: var(--hover-hazelblue);border-bottom: 1px dotted var(--hover-hazelblue);}
}

.colors a.yel{cursor: default !important;}

.details .red{margin-right: 15px;float: right;}

.details a, .details a:hover{color: var(--hover-hazelblue) !important;text-decoration: none;}

.item-small .details{padding: 0;display: block
}

.avinquire, .avfalse, .avtrue, .avpreorder{position: absolute;&:before{font-family: var(--fontello);font-size: var(--rem10);animation: avtrue 0.2s 1 ease-in-out;}
}

.avinquire:before{content: "\e822";color: var(--orange);}

.avtrue:before{content: "\f164";color: var(--green);}

.avfalse:before{content: "\e80f";color: var(--red);}

.avpreorder:before{content: "\e803";color: var(--darkblue);}

@keyframes avtrue{from{font-size: var(--rem30);}
    to{font-size: inherit;}
}

.chkav{color: var(--green);font-size: var(--rem10);border-bottom: 1px dotted var(--green);cursor: pointer;}


.preorder{.minus, .plus, .amnt{border-color: var(--red) !important;border-left: none !important;}

    .buy_bt{background: var(--red) !important;}

    [class*='icon']:before{color: var(--red);}
}

.logo{float: right;clear: none;margin: 15px 0 5px 15px;overflow: hidden;background: var(--white);}

.clip{position: absolute;border-radius: 0.3em;padding: 0.3em;background: var(--darkblue);color: var(--white);z-index: 10;opacity: 0;transition: opacity .3s ease-out;&.vis{opacity: .9;z-index: 1000;}
}

.soc{margin-left: 0;p{margin-top: 3px;margin-left: 5px;font-size: var(--rem7);}

    #soc{padding: 0;display: flex;justify-content: center;align-self: center;li{display: inline-block;float: left;padding: 0 10px 0 0;span{cursor: pointer;}
        }
    }
}

.notices{position: absolute;top: 200px;left: 0;width: 100%;margin-top: 0;opacity: 0;display: flex;flex-flow: column nowrap;align-items: center;z-index: 1100;animation-iteration-count: 1;animation: abought 1s ease-out;span{border-radius: var(--borderrad);background-color: var(--green);padding: 1em;font-size: var(--rem10);}
}

@keyframes abought{0%{margin-top: 0;opacity: 1;}
    100%{margin-top: -3em;opacity: 0;}
}



.fixed-chat-widget{position: fixed;bottom: 24px;right: 24px;z-index: 9999;display: flex;flex-direction: column;gap: 12px;}

.chat-button{position: relative;width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-decoration: none;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow: visible;&:hover{transform: scale(1.1);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.15);.chat-tooltip{opacity: 1;visibility: visible;transform: translateX(-8px);}
    }

    &:active{transform: scale(0.95);}

    [class^="icon-"]{font-size: 36px;margin: 0;line-height: 1;&:before{margin: 0;color: white;}
    }
}

.chat-whatsapp{background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);&:hover{background: linear-gradient(135deg, #128C7E 0%, #25D366 100%);}
}

.chat-telegram{background: linear-gradient(135deg, #0088cc 0%, #005f99 100%);&:hover{background: linear-gradient(135deg, #005f99 0%, #0088cc 100%);}
}

.chat-tooltip{position: absolute;right: calc(100% + 12px);top: 0;transform: translateY(-50%) translateX(-8px);background: white;padding: 12px 16px;border-radius: 12px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);opacity: 0;visibility: hidden;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);white-space: nowrap;display: flex;align-items: center;gap: 10px;&::after{content: '';position: absolute;right: -6px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 6px;border-color: transparent transparent transparent white;}
}

.typing-indicator{display: flex;gap: 4px;align-items: center;span{width: 6px;height: 6px;border-radius: 50%;background: var(--yellowgreen);animation: typing-dot 1.4s infinite ease-in-out;&:nth-child(1){animation-delay: 0s;}

        &:nth-child(2){animation-delay: 0.2s;}

        &:nth-child(3){animation-delay: 0.4s;}
    }
}

.tooltip-text{color: #333;font-size: 14px;font-weight: 500;}

@keyframes typing-dot{0%, 60%, 100%{transform: translateY(0);opacity: 0.5;}
    30%{transform: translateY(-8px);opacity: 1;}
}

@media screen and (max-width: 780px){.fixed-chat-widget{bottom: 16px;right: 16px;gap: 10px;}

    .chat-button{width: 50px;height: 50px;[class^="icon-"]{font-size: 24px;}
    }

    .chat-tooltip{display: none;}
}





.filter-select-wrapper{display: flex;flex-direction: column;gap: 6px;min-width: 180px;position: relative;}

.filter-label{font-size: var(--rem9);color: var(--yellowgreen);text-transform: lowercase;text-align: center;}

.filter-select{position: relative;cursor: pointer;user-select: none;.filter-selected{display: flex;align-items: center;justify-content: space-between;gap: 4px;padding: 4px;background: var(--white);color: var(--black);border: 1px solid var(--grey);border-radius: var(--borderrad);font-size: var(--rem9);min-height: 26px;transition: all 0.2s ease;&:hover{border-color: var(--hover-hazelblue);}

        .placeholder{color: var(--grey);}

        span{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

        i{font-size: var(--rem7);color: var(--black);}
    }

    .filter-options{position: absolute;top: calc(100% + 4px);left: 0;right: 0;min-width: 200px;background: var(--white);border: 1px solid var(--grey);border-radius: var(--borderrad);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);z-index: 11222;animation: dropdownSlide 0.3s ease;display: flex;flex-direction: column;max-height: 400px;.filter-search{display: flex;align-items: center;gap: 8px;padding: 8px;border-bottom: 1px solid var(--grey);background: var(--white);position: sticky;top: 0;z-index: 1;i{font-size: var(--rem9);color: var(--grey);}

            input{flex: 1;border: none;outline: none;font-size: var(--rem9);padding: 4px;background: transparent;&::placeholder{color: var(--grey);}
            }
        }

        .options-list{overflow-y: auto;max-height: 300px;overflow-x: hidden;.filter-option{display: flex;align-items: center;gap: 4px;padding: 5px 8px;color: var(--black);cursor: pointer;transition: all 0.2s ease;font-size: var(--rem85);&:hover:not(.inactive){background: var(--hover-hazelblue);}

                &.active{background: var(--hover-hazelblue);}

                &.inactive{color: var(--grey);cursor: not-allowed;opacity: 0.5;}

                input[type="checkbox"]{cursor: pointer;}

                .option-name{flex: 0;flex-basis: auto;}

                .option-count{color: var(--grey);vertical-align: super;font-size: var(--rem6);}

                i.icon-ok{font-size: var(--rem7);color: var(--yellowgreen);}
            }
        }

        .filter-actions{display: flex;gap: 8px;padding: 8px;border-top: 1px solid var(--grey);background: var(--white);position: sticky;bottom: 0;button{flex: 1;padding: 6px 12px;border: none;border-radius: var(--borderrad);cursor: pointer;font-size: var(--rem85);transition: all 0.2s ease;}

            .apply-btn{background: var(--hover-hazelblue);border: none;color: var(--black);position: relative;&:hover{opacity: 0.8;}
            }

            .clear-btn{background: var(--grey);color: var(--white);&:hover{background: var(--darkgrey);}
            }
        }
    }
}

@keyframes dropdownSlide{from{opacity: 0;transform: translateY(-10px);}
    to{opacity: 1;transform: translateY(0);}
}





.filter{display: flex;box-sizing: border-box;width: 100%;flex-flow: row wrap;align-items: center;justify-content: space-between;line-height: 36px;padding: 8px 0;#filters{margin-right: 8px;&:hover{opacity: .8
        }
    }

    div{display: flex;justify-self: center;justify-content: center;align-items: center;}
}

.sort-dropdown{position: relative;min-width: auto;cursor: pointer;user-select: none;.sort-selected{display: inline-flex;align-items: center;justify-content: center;gap: 4px;min-width: 10em;margin-left: 8px;line-height: 16px;padding: 5px 8px 5px 0;background-color: var(--hover-hazelblue);color: var(--black);border-radius: var(--borderrad);border: none;text-decoration: none;transition: all 0.2s ease;font-size: var(--rem9);&:hover{opacity: 0.8;}

        i{font-size: var(--rem6);color: var(--black);&:before{font-size: var(--rem6);color: var(--black);}
        }

        span{font-size: var(--rem10);white-space: nowrap;}
    }

    .sort-options{position: absolute;top: calc(100% + 4px);left: .6em;min-width: 150px;background: var(--white);border: 1px solid var(--grey);border-radius: var(--borderrad);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);z-index: 1000;overflow: hidden;animation: dropdownSlide 0.3s ease;display: block;.sort-option{display: flex;align-items: flex-start;gap: 6px;padding: 6px;color: var(--black);transition: all 0.2s ease;cursor: pointer;font-size: var(--rem85);width: 100%;&:hover{background: var(--hover-hazelblue);}

            &.active{background: var(--hover-hazelblue);color: var(--black);}

            i{flex-grow: 1;flex-basis: 1em;color: var(--black);&:before{color: var(--black);}
            }

            span{flex: 1;flex-basis: 5em;}
        }
    }
}

@keyframes dropdownSlide{from{opacity: 0;transform: translateY(-10px);}
    to{opacity: 1;transform: translateY(0);}
}







#filter-panel-mount{min-width: 100%;&:empty{display: flex;flex-direction: column;gap: 8px;width: 100%;&::before{content: '';display: block;width: 100%;height: 52px;background: linear-gradient(90deg, #444 25%, #555 50%, #444 75%);background-size: 200% 100%;animation: shimmer 1.5s infinite;border-radius: 4px;}

        &::after{content: '';display: block;width: 100%;min-height: 206px;background: linear-gradient(#555, #555) 1em 1em / 180px 40px no-repeat,
            linear-gradient(#555, #555) calc(1em + 200px) 1em / 180px 40px no-repeat,
            linear-gradient(#555, #555) calc(1em + 400px) 1em / 180px 40px no-repeat,
            linear-gradient(#555, #555) calc(1em + 600px) 1em / 180px 40px no-repeat,
            linear-gradient(#555, #555) 1em calc(1em + 52px) / 180px 40px no-repeat,
            linear-gradient(#555, #555) calc(1em + 200px) calc(1em + 52px) / 180px 40px no-repeat,
            linear-gradient(#555, #555) calc(1em + 400px) calc(1em + 52px) / 180px 40px no-repeat,
            linear-gradient(90deg, #444 25%, #555 50%, #444 75%);background-size: 180px 40px, 180px 40px, 180px 40px, 180px 40px, 180px 40px, 180px 40px, 180px 40px, 200% 100%;animation: shimmer 1.5s infinite;border-radius: 4px;}
    }
}


#fPane{min-height: 150px;transition: all 0.3s ease-out;background: var(--darkgrey);}

.slide-enter-active, .slide-leave-active{transition: max-height 0.3s ease-out, opacity 0.3s ease-out;overflow: hidden;}

.slide-enter-to, .slide-leave-from{max-height: 2000px;opacity: 1;}

.slide-enter-from, .slide-leave-to{max-height: 0;opacity: 0;}

@media (max-width: 600px){#fPane{flex-direction: column;padding-top: 2em;}
}







.slider{max-width: 200px;width: 100%;margin-left: 2em;margin-top: .3em;.slider-connect{background-color: var(--hover-hazelblue) !important;}

    .slider-base{background-color: #ddd !important;}

    .slider-header{display: flex;flex-flow: column;gap: .5em;width: 100%;padding: 0;position: relative;.slider-origin{z-index: 2;&:first-of-type{z-index: 3;.slider-tooltip{top: -2.8em;bottom: auto;&::before{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border: 5px solid transparent;border-top-color: var(--hover-hazelblue);border-bottom-width: 0;}
                }
            }

            &:last-of-type .slider-tooltip{top: auto;bottom: -2.8em;&::before{content: '';position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border: 5px solid transparent;border-bottom-color: var(--hover-hazelblue);border-top-width: 0;}
            }
        }

        .slider-tooltip{background-color: var(--hover-hazelblue) !important;border: 1px solid var(--hover-hazelblue) !important;font-weight: lighter !important;padding: 0.3em 0.5em !important;border-radius: 3px !important;font-size: 0.85em !important;white-space: nowrap !important;position: absolute !important;left: 50% !important;transform: translateX(-50%) !important;color: var(--black) !important;}
    }

    .lowhighparent{display: flex;margin-top: 2em;width: 100%;justify-content: space-between;input{max-width: 83px;min-width: 50px;border-color: var(--hover-hazelblue);text-align: center;padding: 0.5em 0.1em;font-size: var(--rem95);border-radius: var(--borderrad);}
    }

    .sample-d{display: flex;align-items: center;gap: 1em;margin-top: 1em;flex-direction: row-reverse;input[type="checkbox"]{margin: 0;}

        label{cursor: pointer;}

        .resetPrice{padding: 0.5em 1em;text-decoration: none;border-radius: 4px;color: white;border: none;cursor: pointer;background: var(--red);font-size: var(--rem85);&:hover{opacity: 0.8;}
        }
    }
}

@media (max-width: 600px){.slider{margin: 0;}
}





.skeleton-item{background: var(--white);border-radius: 4px;padding: 12px;display: flex;flex-direction: column;gap: 8px;box-sizing: border-box;width: 320px;}

.skeleton-image, .skeleton-title, .skeleton-text, .skeleton-price{background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size: 200% 100%;animation: shimmer 1.5s ease-in-out infinite;border-radius: 4px;}

.skeleton-image{width: 100%;height: 180px;}

.skeleton-title{width: 80%;height: 20px;}

.skeleton-text{width: 100%;height: 14px;&.short{width: 60%;}
}

.skeleton-price{width: 40%;height: 24px;margin-top: 4px;}

.red{width: 300px;background: var(--darkgrey);border-radius: 5px;padding: 10px;color: var(--orange);position: relative;font-size: var(--rem13);margin: 20px auto;text-align: center;}

.pages{display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 8px;}


[class^="icon-"]:before, [class*=" icon-"]:before{font-family: "fontello";font-style: normal;font-weight: normal;speak: never;color: var(--hover-hazelblue);display: inline-block;text-decoration: inherit;width: 1em;margin-right: .3em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .3em;font-size: var(--rem9);--webkit-font-smoothing: antialiased;}.kind .bg1 i{width: 40px;}.navicon{fill: var(--white);transform: scale(1, -1)}#allOtherAccessories i:before{font-size: 4rem;}.icon-picture:before{font-size: var(--rem12) !important;margin-right: var(--rem10);content: '\e800';}.icon-heart:before{content: '\e801';}.icon-scales:before{content: '\f24e';font-weight: bolder;}.disabled .icon-scales:before{color: var(--grey) !important;cursor: no-drop;}#addToCompare .icon-scales:before{color: var(--white);font-size: var(--rem11);}.icon-docs:before{content: '\f0c5';font-size: var(--rem85);margin: 0 0.5em;cursor: pointer;}.icon-search:before{content: '\e802';color: var(--white);font-size: var(--rem11);}.icon-mail:before{content: '\e803';color: var(--white)}.subscribe .icon-mail:before{font-size: 60px;color: var(--darkblue) !important;}.icon-login:before{content: '\f02c';}.icon-info-circled:before{content: '\e804';}.icon-home:before{content: '\e805';color: var(--white);}.topmenu-set i:before{color: var(--white) !important;margin-right: 1em;}.item_small i{fill: #109d04 !important;width: var(--width);height: auto;transform: scale(1, -1)}.main_phone + .icon-left-open:before, .main_phone + .icon-down-open:before{margin-left: 0.5em;font-size: var(--rem8);}.schedule > .icon-phone{margin-right: 0.25em;}#top-menu-wrapper .icon-home:before{color: var(--hover-hazelblue);!important;}.icon-user:before{content: '\e806';}.icon-lock:before{content: '\e807';}.icon-eye:before{content: '\e808';}.icon-eye-off:before{content: '\e809';}.icon-print:before{content: '\e80a';}.icon-chat:before{content: '\e80b';}.icon-attention:before{content: '\e80c';color: var(--red);}.warning .icon-attention:before{color: var(--white) !important;}.icon-cog:before{content: '\e80d';}.icon-clock:before{content: '\e80e';color: var(--yellowgreen) !important;font-size: var(--rem11);}.icon-block:before{content: '\e80f';}.icon-magnet:before{content: '\e823';}.icon-zoom-in:before{content: '\e810';}.icon-left-open:before{content: '\e811';}.icon-right-open:before{content: '\e812';}.icon-left-open:before, .icon-right-open:before{font-size: var(--rem6);color: var(--white) !important;}.crumbs i:before, .crumbs i:hover:before{color: var(--white);text-decoration: none;}.filter [class*='icon-']:before{font-size: var(--rem10);text-decoration: none;}.filter [class*='icon-'].arr:before{color: var(--yellowgreen);}.icon-right-open:before{content: '\e812';}.icon-cog:before{content: '\e80d';}#topmenu .icon-down-open:before{color: var(--white);font-size: var(--rem5);vertical-align: middle;margin-left: 2em !important;}.icon-down-open:before{content: '\e820';color: var(--white);font-size: var(--rem5);}.icon-up-open:before{content: '\e821';}.filter [class^='icon-down']:before, .filter [class^='icon-up']:before{color: var(--white);margin: 0 8px;}#filters [class^='icon-left']:before, #filters [class^='icon-down']:before{color: var(--white);font-size: var(--rem6);margin: 0 5px 2px;vertical-align: middle;}.btn-small [class^="icon-"]:before, .btn-small [class^="icon-"]:after{color: var(--black) !important;}.icon-sliders:before{content: '\f1de';color: var(--white);margin-right: 0.5em;}.icon-flash:before{content: '\e813';}.icon-cancel-circled:before{content: '\e814';}.icon-align-justify:before{content: '\e815';color: var(--white);margin-right: 1.1em}.icon-off:before{content: '\e816';}.icon-credit-card:before{content: '\e817';}.icon-truck:before{content: '\e818';}.promo .icon-truck:before{content: '\e818';font-size: var(--rem11);color: var(--black);}.icon-glass:before{content: '\e819';}.icon-logout:before{content: '\e81a';}.icon-location:before{content: '\e81b';color: var(--white);font-size: var(--rem11);}.howToFindUs .icon-location:before{margin-left: .6em}.icon-spin5:before{content: '\e838';}.icon-angle-double-left:before{content: '\f100';}.icon-angle-double-right:before{content: '\f101';}.icon-reply:before{content: '\f112';font-size: var(--rem10) !important;}.icon-unlink:before{content: '\f127';}.icon-thumbs-up-alt:before{content: '\f164';color: var(--black)}.promo .banner .icon-thumbs-up-alt:before{content: '\f164';font-size: 16px}.icon-thumbs-down-alt:before{content: '\f165';}.icon-bug:before{content: '\f188';}.icon-file-pdf:before{content: '\f1c1';}.icon-trash:before{content: '\f1f8';color: var(--red);font-size: var(--rem10);}#basket .icon-trash:before{font-size: var(--rem16);}.icon-angellist:before{content: '\f209';color: var(--black);font-size: var(--rem16);}.icon-handshake-o:before{content: '\f2b5';color: var(--black);font-size: var(--rem16);margin-right: 10px;}.icon-down-micro:before{content: '\e81c';color: var(--white);vertical-align: middle;font-size: var(--rem9);margin-right: 5px;}.icon-basket:before{content: '\e81d';color: var(--yellow);font-size: var(--rem18);margin-right: 0 !important;}.icon-phone:before{content: '\e81e';color: var(--white);transform: scaleX(-1);font-size: var(--rem10);margin-bottom: 2px;}#top i:before:not(.icon-basket){color: var(--white);}.icon-history:before{content: '\f1da';color: var(--white);font-size: var(--rem11);}.icon-whatsapp:before, .icon-telegram:before{content: '\f232';font-size: var(--rem18) !important;margin: auto 5px 5px auto;}.icon-telegram:before{content: '\f2c6';font-size: var(--rem11) !important;}.wa{cursor: pointer;}.wa.icon-whatsapp:before, .wa.icon-telegram:before{font-size: 22px !important;margin: 0 0 auto -30px;transform: scaleX(-1);color: var(--yellowgreen) !important;}.wa.icon-telegram{margin-bottom: 2em;margin-top: auto;color: var(--darkblue)}.wa.icon-whatsapp{margin-bottom: 0;margin-top: auto;color: var(--darkblue)}.wa.icon-telegram:before{margin-left: -28px;font-size: 18px !important;color: var(--white) !important;}.bg-green .icon-right-open:before{font-size: small}.bottomlinks .icon-telegram:before, .callback .icon-telegram:before{margin-left: 0 !important;margin-right: 0.4em;color: var(--yellowgreen) !important;}.bottomlinks .icon-whatsapp:before, .callback .icon-whatsapp:before{margin-left: 0 !important;margin-right: 0.2em;}.icon-th-large:before{content: '\e81f';color: var(--white);font-size: var(--rem8);vertical-align: middle;margin-right: 0.5em;}.icon-facebook:before{content: '\f301';font-size: var(--rem11);color: var(--darkblue);}.icon-vkontakte:before{content: '\f30a';font-size: var(--rem11);color: var(--darkblue);}.icon-youtube:before{content: '\f313';font-size: var(--rem11);color: var(--darkblue);}.icon-rutube:before{content: '\e825';font-size: var(--rem11);color: var(--darkblue);}.icon-instagram:before{content: '\f31e';font-size: var(--rem11);color: var(--darkblue);}.icon-plus-squared-alt:before{content: '\f196';font-size: var(--rem20);margin: 10px auto}.icon-minus-squared-alt:before{content: '\f147';font-size: var(--rem20);margin: 10px auto}@media screen and (min-width: 1660px){#top-menu-wrapper, #top, #topmost, .botlnkswrap{max-width: 1612px
    }

}

@media screen and (max-width: 1280px){.upper-menu a span{display: none
    }


    #top{.upper-menu{justify-content: space-around;width: 100%;margin-top: 0;a:before{margin: 0 !important;}

        }
    }


    .item_small{width: 100% !important;}


    .botlnkswrap{gap: 2em
    }

    .item_small{width: 100%;}

    .it_wr{flex-wrap: wrap !important;}

    .promowr{flex-grow: 1 !important;}

    .item_big{max-width: inherit !important;}

    .search_hints{display: none
    }
}

@media screen and (max-width: 1100px){#top-menu-wrapper{gap: .8em;.howToFindUs{margin-right: 0
        }

        a i:not(.icon-login), a + i{display: none;}
    }

    #login-inv span{display: none
    }

    #contact-app{justify-content: center;}

    #top{grid-template-columns: 60px minmax(180px, 220px) minmax(280px, 400px) 150px 60px;#bin{.first{display: none;}
        }

    }


    .schedule i{display: none;}
}

@media screen and (max-width: 780px){#getxls, #mul, .secDescr, #feedback, .howToFindUs, .forum, #similarBox, #loginwrapper, hr, #selfpic{display: none
    }

    #top-menu-wrapper{gap: 1em;.topmenu-set{.icon-down-micro, i{display: none;}
        }
    }

    .sb{& .fldv{img{width: 60px;}
        }
    }


    .code{display: none;}


    #stop{display: flex;flex-direction: column;width: 100%;#wr_tp{width: 100vw;margin: 0;height: auto;#top{grid-template-columns: minmax(40px, 60px) minmax(190px, auto) minmax(100px, auto) minmax(min-content, max-content );height: auto;column-gap: 8px;margin-right: 8px;padding: 0 8px 0;#logo{grid-row: 2;grid-column: 1;align-self: center;justify-self: flex-start;height: 73px;display: flex;align-items: center;img{width: 45px;transition: width .3s ease-in-out;}
                }


                #contact-app{grid-row: 2;grid-column: 2/3;justify-self: stretch;}

                #search_box{grid-row: 3;grid-column: 1/5;width: 100% !important;height: auto;}

                #loginwrapper{grid-row: 2;grid-column: 2;}

                .upper-menu{grid-row: 2;grid-column: 3;justify-content: space-around;flex-direction: row !important;gap: 8px;padding: 4px;& .favs, & .icon-scales{&:before{margin-right: 0;}
                    }
                }

                #bin{grid-row: 2;grid-column: 4;min-width: 55px;justify-self: end;white-space: nowrap;.first{margin-right: .1em;display: inherit;}
                }
            }

        }

        #banner{top: 262px;margin-right: 8px !important;}

        #topmost{margin-top: 0;width: 100%;padding: 0;text-align: center;display: flex;flex-flow: row wrap;align-items: center;}
    }

    #bottom{height: auto;gap: 2em;.main_phone{position: inherit;float: inherit;margin: auto;top: -5px;text-align: center;left: inherit;}

        & > #shad + div{width: 320px;}
    }

    h1, h2, h3, h4, h5, h6{line-height: 1.4em;height: auto;text-align: center;}

    .sertificates{flex-direction: column;a img{margin: 10px;}
    }


    .ym{h2{width: 350px;}

        p{width: 300px;}
    }

    .vid{& + h2, & + h3{text-align: center;}
    }

    .btn-large{font-size: inherit
    }


    .copy{flex-direction: column;gap: 0
    }

    .subscribe{flex-direction: column;}

    .bottomlinks p{text-align: center;}

    .tabsheaders{margin-bottom: -9px;}

    .allfilter{display: inherit;}

    #filter-panel-mount{&:empty{&::before{content: '';display: block;width: 100%;height: 60px;background: linear-gradient(90deg, #444 25%, #555 50%, #444 75%);background-size: 200% 100%;animation: shimmer 1.5s infinite;border-radius: 4px;margin-bottom: 8px;}

            &::after{content: '';display: block;width: 100%;min-height: 140px;padding: 1em;background: linear-gradient(#555, #555) 1em 1em / calc(50% - 1.5em) 40px no-repeat,
                linear-gradient(#555, #555) calc(50% + 0.5em) 1em / calc(50% - 1.5em) 40px no-repeat,
                linear-gradient(#555, #555) 1em calc(1em + 52px) / calc(50% - 1.5em) 40px no-repeat,
                linear-gradient(#555, #555) calc(50% + 0.5em) calc(1em + 52px) / calc(50% - 1.5em) 40px no-repeat,
                linear-gradient(90deg, #444 25%, #555 50%, #444 75%);background-size: calc(50% - 1.5em) 40px, calc(50% - 1.5em) 40px, calc(50% - 1.5em) 40px, calc(50% - 1.5em) 40px, 200% 100%;animation: shimmer 1.5s infinite;border-radius: 4px;}
        }
    }


    #dopsec{.remd{flex-direction: column;align-items: center;}

    }

    .allOtherAccessoriesByBrand{flex-flow: column;}


    .promowr{flex-direction: column
    }

    section{& + h2, & + h3{text-align: center;margin-top: 1em;}

        .tabs{display: block;}
    }

    .crumbs{.icon-right-open:before, .icon-home:before{color: var(--white);}

        .icon-right-open:before{font-size: smaller
        }
    }

    .tabs_cont{ul{width: auto;font-size: var(--rem10);}

        & > div{margin: 0;padding: 0;& > ul{margin: 0;padding: 0;}
        }

        p.descr{font-size: var(--rem13);margin: 0;width: 100%;}

        & > .tabs_active{padding: 10px;}
    }

    .tabs p.descr{font-size: var(--rem13);margin: 0;width: 100%;}


    #office{width: 100%;height: auto;}


    .descr.count span{display: inline-block;}

    .main{min-width: 100%;.tabs{display: flex !important;flex-flow: column wrap;align-items: center;gap: 8px;background: #3F3F3F;}
    }

    .it_wr, .it_wr_delivery{padding-bottom: 0
    }

    .it_wr{display: flex;flex-flow: row wrap;width: 320px;}

    .item_info{width: 100%;flex-basis: 100% !important;}

    .propertyTable{text-align: left;font-size: var(--rem9)
    }


    .buy_wr{align-items: center;}


    .item_info.mobile{display: block !important;height: auto;min-height: auto;flex-basis: auto !important;h1{margin-bottom: 0
        }
    }

    .item_big{width: 320px !important;height: auto !important;.magn{top: 300px !important;}

        .sb{object-fit: scale-down;width: 300px;img{width: 100vw;object-fit: scale-down;}
        }
    }

    .itemStack{display: flex;flex-flow: row wrap;justify-content: center;gap: 1em
    }


    #topmenu{&, #top-menu-wrapper{width: 100%;height: auto;justify-content: space-evenly;}

        #top-menu-wrapper{margin-bottom: 0.5em;width: inherit;gap: 0;a span{display: none;margin: 0;padding: 0;}

            .topmenu-set{padding: 2px;i{display: inherit;&:before{font-size: var(--rem16)
                    }
                }

                .icon-down-micro{display: none;}
            }
        }
    }


    .seek #fPane + .itemStack{margin-top: 0
    }

    .item{.price_bt{font-size: var(--rem12)
        }

        &:hover{box-shadow: none !important;}


    }


    .botlnkswrap{display: flex;flex-flow: column wrap;align-items: flex-start;align-content: center;padding-left: 5em;}

    .bottomlinks.soc{margin-left: -3em
    }


    .newsblock{.box{margin-left: 0 !important;}
    }

}

@media screen and (max-width: 480px){.sort-selected{min-width: inherit !important;span{display: none;}
    }

    .items label{display: none;}

    #filters{& > span{display: none;}
    }

    #bin{margin-right: auto;}

    #top{grid-template-columns: 30px minmax(40px, auto) minmax(80px, auto) 50px !important;#bin{grid-column: 4;#math{.first{display: none !important;}
            }
        }
    }

    .allOtherAccessoriesByBrand{align-items: center;li{a{text-align: left;min-width: 200px;}
        }

    }
}.small_brands{width: 100%;display: flex;height: 280px;flex-flow: row wrap;gap: 2em;justify-content: space-between;overflow: auto;margin-bottom: 2em;}.small_brands a{display: flex;align-items: center;border-radius: 1em;background: var(--white);height: auto;width: auto;}.small_brands a img{height: 40px;width: auto;object-fit: scale-down;object-position: center;filter: grayscale(100%);transition: all 300ms ease;}.small_brands a img:hover{filter: grayscale(0%);transition: all 300ms ease;}@media screen and (max-width: 780px){.small_brands{overflow-y: scroll;}    .small_brands a img{height: 20px !important;}    .small_brands a img:nth-of-type(even){display: none;}}.appeal{background: var(--white);color: var(--black);border-radius: 0.4em;}.v-thumbs{display: flex;flex-flow: row;width: 100%;justify-content: space-between;}.vid{margin-right: auto;}