/* Start:/html/critical.css?175079294947796*/
@font-face{font-family:Inter;src:url("/html/fonts/Inter-Light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Inter;src:url("/html/fonts/inter-v8-latin_cyrillic-ext-regular.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url("/html/fonts/inter-v8-latin_cyrillic-ext-500.woff2") format("woff2");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url("/html/fonts/inter-v8-latin_cyrillic-ext-600.woff2") format("woff2");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url("/html/fonts/inter-v8-latin_cyrillic-ext-700.woff2") format("woff2");font-display:swap}.container{width:100%;max-width:1311px;margin:0 auto}@media (max-width: 1380px){.container{padding:0 32px}}@media (max-width: 990.75px){.container{padding:0 20px}}.container--sm{max-width:1200px}.no-transition *{transition:none !important}html{box-sizing:border-box;color:#555;color:#000;background:#fff;font-family:"Inter",Arial,Verdana,sans-serif;font-size:16px;font-weight:300;font-style:normal;line-height:1.3;scroll-behavior:smooth}body{font-size:16px;fill:transparent;color:#000}body a{color:#000}@media (hover: hover){body a:hover{cursor:pointer;color:#8a6048}}*,*::before,*::after{box-sizing:inherit}.wrapper{display:flex;flex-direction:column;max-width:100vw;min-height:100vh}.main{flex:1 0 auto}.hidden{display:none !important}.icon{flex-shrink:0}svg{max-width:100%}img{max-width:100%;object-fit:contain}button{font-family:inherit}a{display:inline-block;margin:0;padding:0;vertical-align:baseline;text-decoration:none;color:#000}input{font-family:inherit}input::placeholder{font-family:inherit}:root{--ON_toggle: initial;--OFF_toggle: }.theme-default{--light: var(--ON_toggle);--dark: var(--OFF_toggle)}.theme-dark{--light: var(--OFF_toggle);--dark: var(--ON_toggle)}html{--theme-base-color: #5b7fff;--theme-base-color-hue: 227;--theme-base-color-saturation: 100%;--theme-base-color-lightness: 68%;--theme-lightness-hover-diff: 6%}body{--white_text_black: var(--light, #222) var(--dark, white);--white_text_black_reverse: var(--light, #fff) var(--dark, #222);--basic_text_black: var(--light, #555) var(--dark, #ccc);--lite_basic_text_black: var(--light, #666) var(--dark, #ccc);--black_bg_black: var(--light, #fff) var(--dark, #1b1b1b);--darkerblack_bg_black: var(--light, #f8f8f8) var(--dark, #121212);--darkgrey_bg_black: var(--light, #f4f4f4) var(--dark, #343434);--stroke_black: var(--light, #ededed) var(--dark, #3a3a3a);--stroke_black_hover: var(--light, #fff) var(--dark, #3a3a3a);--card_bg_black: var(--light, #fff) var(--dark, #232323);--card_bg_hover_black: var(--light, #fff) var(--dark, #2b2b2b);--arrows_bg_black: var(--light, #fff) var(--dark, #444);--lite_bg_black: var(--light, #fafafa) var(--dark, #1b1b1b);--light2_bg_black: var(--light, #fafafa) var(--dark, #232323);--gray_bg_black: var(--light, #ccc) var(--dark, #3a3a3a);--white_bg_ccc: var(--light, #fff) var(--dark, #ccc);--fill_dark_light: var(--light, #222) var(--dark, #fff);--fill_dark_lite_ccc: var(--light, #222) var(--dark, #ccc);--fill_dark_lite_hover: var(--light, var(--theme-base-color)) var(--dark, #ccc);--fill_dark_lite_white_hover: var(--light, var(--theme-base-color)) var(--dark, #fff);--dark_light-wtheme-hue: var(--light, var(--theme-base-color-hue)) var(--dark, 0);--dark_light-wtheme-saturation: var(--light, var(--theme-base-color-saturation)) var(--dark, 0%);--dark_light-wtheme-lightness: var(--light, var(--theme-base-color-lightness)) var(--dark, 100%);--dark_light-hue: var(--light, 0) var(--dark, 0);--dark_light-saturation: var(--light, 0%) var(--dark, 0%);--dark_light-lightness: var(--light, 97%) var(--dark, 7%);--checkbox_dark_light: var(--light, #afafaf) var(--dark, #3a3a3a);--opacity_dark_lite_hover: var(--light, var(--theme-base-opacity-color)) var(--dark, #3a3a3a);--dff_dark_light: var(--light, #fff) var(--dark, #121212);--input_color: var(--light, #222) var(--dark, var(--basic_text_black));--input_bg_color: var(--black_bg_black);--input_bg_color-hover: var(--black_bg_black);--input_bg_color-focus: var(--card_bg_hover_black);--input_border_color: var(--light, #dadada) var(--dark, var(--stroke_black));--input_border_color-hover: var(--light, #dadada) var(--dark, var(--stroke_black_hover));--input_border_color-focus: var(--light, #999) var(--dark, #999)}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){html{height:0}body{height:auto}.wrapper{height:auto}.main{flex:none}.main{flex:none}}@media print{body *{visibility:hidden}#section-to-print,#section-to-print *{visibility:visible}#section-to-print{position:absolute;top:0;left:0}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;vertical-align:baseline;border:0;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0) !important}*{box-sizing:border-box}*:before,*:after{box-sizing:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none;color:#000;background-color:#ff9}hr{position:relative;height:1px;margin:20px 0;border:0;background:#ccc}mark{padding:0 5px;color:#000;background:#ccc;font-weight:normal;font-style:italic}del,s{text-decoration:line-through}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}img,fieldset,a img,iframe{border:none}input[type='text'],input[type='email'],input[type='tel'],input[type='search'],input[type='file'],input[type='number'],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type='submit'],button{background-color:transparent}input[type='submit']::-moz-focus-inner,button::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;padding:0;resize:none;border:none}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}input,button{margin:0;padding:0;border:0;border:none;border-radius:0}div,input,textarea,select,button,h1,h2,h3,h4,h5,h6,a,span,a:focus{outline:none}ul,ol,li{list-style-type:none}table{width:100%;border-spacing:0;border-collapse:collapse}button{border-radius:0;outline:none !important;background:none;-webkit-appearance:none}@media (prefers-reduced-motion: reduce){*{transition:none !important}}[x-cloak]{display:none !important}.overlay{background:#000;height:100%;width:100%;position:fixed;left:0;top:0;z-index:6;opacity:0;visibility:hidden}.overlay.visible{opacity:0.6;visibility:visible}.content-container{max-width:880px;margin:0 auto}.page-top{padding-top:30px;padding-bottom:35px;position:relative}.page-top__header{display:flex;align-items:center;flex-wrap:wrap}.page-top__title{color:#000;font-size:32px;font-style:normal;font-weight:700;line-height:36px;margin:0;padding-bottom:0;text-overflow:ellipsis;overflow:hidden;display:inline;vertical-align:middle}.page-top__info{display:flex;gap:10px 30px;align-items:center;margin-top:10px;flex-wrap:wrap;white-space:nowrap}.page-top__tag{height:28px;background-color:#8a6048;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;color:#ffffff;font-size:0.8756rem}.page-top__date{display:flex;align-items:center;color:#444444;font-size:.94rem;gap:6px}.page-top__count{position:relative;top:0;margin-left:11px;margin-bottom:2px;display:inline-block;vertical-align:middle;color:#999}.page-top__descr{margin-top:15px;color:#444444}.page-top__descr p:not(:last-child){margin-bottom:15px}.page-top--center{display:flex;justify-content:center;flex-direction:column;align-items:center}.page-top .stat-block{margin-top:10px}.section-title{font-weight:700;font-size:32px;line-height:36px;font-style:normal;color:#000}@media (max-width: 599.75px){.section-title{font-size:26px}}.section-title__link{color:inherit;display:flex;align-items:center}.section-title__link:hover{color:#8a6048}.section-title__link:hover .icon{stroke:#8a6048}.section-title .icon-wrap{display:inline-flex;align-items:center;justify-content:center;height:28px;font-size:0;line-height:28px;margin-left:20px;background-color:rgba(136,136,136,0.1);padding:0 7px 0 8px;border-radius:8px}.section-title .icon{fill:rgba(0,0,0,0);stroke:#222;stroke:var(--white_text_black)}.badge{text-transform:uppercase;letter-spacing:1.2px;font-size:0.625rem;height:23px;padding:1px 6px 1px 8px;margin:0 2px 4px;color:#fff;border-radius:6px;font-weight:500;display:flex;align-items:center}.badge--red{background:#ff6565;box-shadow:0 6px 12px rgba(255,101,101,0.2)}.badge--yellow{background:#ffeb81;color:#222;box-shadow:0 6px 12px rgba(255,235,129,0.2)}.badge--gray{background:var(--darkgrey_bg_black)}.badge--purple{background:#a56ffd;box-shadow:0 6px 12px rgba(165,111,253,0.2)}.badge--green{background:#32cb5d;box-shadow:0 6px 12px rgba(50,203,93,0.2)}.badge--countdown{line-height:1;align-items:baseline;padding:1px 2px 1px 7px}.discount{display:flex;align-items:center}.discount span{color:#fff;font-size:10px;font-style:normal;font-weight:500;line-height:10px;border-radius:1px;background:#d64a4a;padding:3px 3px 2px}.discount svg{margin-right:-1px}.main-row{display:flex}.main-row__aside{width:270px;margin-right:39px;flex-shrink:0}@media (max-width: 766.75px){.main-row__aside{display:none}}.main-row__aside--right{margin-right:0;margin-left:39px}@media (max-width: 990.75px){.main-row__aside--right{display:none}}.main-row__main{flex:1;min-width:0}.main-row .tabs-nav{margin-bottom:0}.custom-grid{display:grid;grid-template-columns:auto 320px;gap:20px;padding-bottom:100px}@media (max-width: 766.75px){.custom-grid{padding-bottom:60px;gap:25px;grid-template-columns:100%}}.sticky-block{top:92px;position:sticky;z-index:5}.top-description{line-height:calc(1em + 10px);color:#666;color:var(--lite_basic_text_black);margin-bottom:32px}.return-btn{margin:24px 0 2.89rem;display:inline-flex;align-items:center;color:#222;color:var(--white_text_black)}@media (min-width: 991.75px){.return-btn:hover{color:var(--fill_dark_lite_hover)}.return-btn:hover .icon{stroke:var(--fill_dark_lite_hover)}}.return-btn .icon{flex-shrink:0;margin-right:10px;fill:rgba(0,0,0,0);transition:all ease 0.3s;stroke:var(--fill_dark_light);opacity:0.35}.counter{border-radius:90px;background-color:#f6f6f6;height:42px;user-select:none;width:142px;min-width:103px;display:flex;justify-content:space-between;padding:12px 0}.counter__action{cursor:pointer;flex:0 0 45px;position:relative}@media (min-width: 991.75px){.counter__action{cursor:pointer}.counter__action:hover:after,.counter__action:hover:before{background-color:#000000}}.counter__action::before,.counter__action::after{content:"";position:absolute;display:block;background-color:#acacac;border-radius:1px;top:50%;left:50%;transition:all ease .3s}.counter__action:before{width:12px;height:2px;margin-top:-1px;margin-left:-6px}.counter__action--minus{border-right:1px solid rgba(0,0,0,0.1)}.counter__action--plus{border-left:1px solid rgba(0,0,0,0.1)}.counter__action--plus:after{width:2px;height:12px;margin-top:-6px;margin-left:-1px}.counter__count{flex:1;width:100%;height:100%;border:none;background:0 0;text-align:center;color:#000;font-size:15px}@media (max-width: 766.75px){.counter__count{font-size:12px}}.in-stock{color:#69be15}.outin-stock{color:#fe5252}.preloader{background:url("/html/images/preloader.gif") no-repeat scroll center center rgba(0,0,0,0) !important;border-color:transparent !important;color:transparent !important;cursor:default !important}.loading-popover{position:relative}.loading-popover:before{content:"";display:block;background:rgba(255,255,255,0.5) url("/html/images/preloader2.svg") center 50px no-repeat;position:absolute;z-index:105;top:0;left:0;right:0;bottom:0}.form-block{display:flex;flex-direction:column;gap:15px}.form-block__grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}@media (max-width: 766.75px){.form-block__grid{grid-template-columns:100%;gap:20px}}.form-block__descr{padding:0 0 16px 0}.form-block__footer{margin-top:20px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #E3E3E3}@media (max-width: 766.75px){.form-block__footer{margin-top:25px;padding-top:25px;flex-direction:column;align-items:flex-start;gap:35px}.form-block__footer .form-block__submit{width:100%}.form-block__footer .btn{width:100%;max-width:360px}}.form-block__submit{margin-top:15px;display:flex;flex-direction:column;gap:15px;width:auto}.form-block__submit .btn{width:180px}@media (max-width: 599.75px){.form-block__submit .btn{width:100%;max-width:360px}}.form-block__auth{display:flex;gap:10px;flex-wrap:wrap}.form-block__row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.form-block .forgot{font-size:0.875rem;line-height:calc(1em + 7px)}.form-block-container{max-width:484px;margin:auto}.main-inner{padding-bottom:80px}.policy-block{margin:0;position:relative;display:block;box-shadow:none;color:#444444;font-size:14px;font-style:normal;font-weight:300;line-height:24px;display:flex;align-items:center}.policy-block a{color:#444444;border-bottom:1px solid #e3e3e3}.policy-block a:hover{color:#8a6048;border-bottom:1px solid #8a6048}.tip{pointer-events:auto}.tip:hover .tip__text{opacity:1;visibility:visible}.tip .tip__text{position:absolute;top:100%;left:0;max-width:280px;min-width:200px;opacity:0;visibility:hidden;transition:all ease 0.3s;padding:10px;font-size:12px;line-height:18px;background:#fff;z-index:1;box-shadow:0px 4px 30px 0px rgba(0,0,0,0.1)}.tip svg{margin-left:5px;cursor:pointer}.star{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4073 0.907715L15.2053 6.27296L21.4816 8.22716L17.5526 13.4973L17.6335 20.0703L11.4073 17.9621L5.18096 20.0703L5.2619 13.4973L1.3329 8.22716L7.60922 6.27296L11.4073 0.907715Z' fill='%23E3E3E3'/%3E%3C/svg%3E%0A")}.star.filled{background-image:url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9991 0.907715L14.7971 6.27296L21.0734 8.22716L17.1444 13.4973L17.2253 20.0703L10.9991 17.9621L4.77276 20.0703L4.8537 13.4973L0.924699 8.22716L7.20101 6.27296L10.9991 0.907715Z' fill='%238A6048'/%3E%3C/svg%3E%0A")}.star.half{background-image:url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2041 0.907715L15.0022 6.27296L21.2785 8.22716L17.3495 13.4973L17.4304 20.0703L11.2041 17.9621L4.97784 20.0703L5.05877 13.4973L1.12978 8.22716L7.40609 6.27296L11.2041 0.907715Z' fill='%23E3E3E3'/%3E%3Cpath d='M11.2033 0.907715L11.2041 17.9621L4.97697 20.0703L5.0579 13.4973L1.12891 8.22716L7.40522 6.27296L11.2033 0.907715Z' fill='%238A6048'/%3E%3C/svg%3E%0A")}.sp-popup-outer{z-index:20}@media (max-width: 991.75px){.services .main-row__aside,.catalog .main-row__aside{display:none}}@media (max-width: 767.75px){[x-cloak="sm"]{display:none}.counter{width:100%}}@media (max-width: 600.75px){.page-top__header{gap:10px}.page-top__title{line-height:calc(1em + 6px)}.page-top__count{display:block;margin:3px 0 0}}[id^="bx_incl_area"] .index-banners__grid>div:first-child{min-width:100%;grid-area:product}[id^="bx_incl_area"] .index-banners__grid>div:nth-child(2){min-width:100%;grid-area:slider}body{background-color:#fff;background-color:var(--black_bg_black)}body.overflow{overflow:hidden;width:calc(100vw - var(--scrollWidth))}body.overflow header.is-sticky .header-inner{padding-right:var(--scrollWidth)}@keyframes stickyAnim{0%{transform:translateY(-100%)}100%{transform:translateY(0%)}}.header-inner{width:100%;height:56px;display:flex;align-items:center;box-shadow:0px 4px 9px 0px rgba(0,0,0,0.05)}@media (max-width: 990.75px){.header-inner{height:52px}}.header__top{display:flex;align-items:center;position:relative;z-index:6;background:#f8f8f8;padding:9px 0}.header__top-inner{flex:1;display:flex;align-items:center;justify-content:space-between;margin:0 -16px;width:calc(100% + 32px)}.header__top-nav{position:relative;z-index:2;padding:0 3px}.header__top-nav .nav-list{display:flex}.header__top-nav .nav-item{position:relative}.header__top-nav .nav-item:hover .nav-lvl2{opacity:1;visibility:visible}.header__top-nav .nav-item.has-nav .nav-item-name{padding-right:7px}.header__top-nav .nav-item.accent{border-left:1px solid #cfcfcf;padding-left:13px;margin-left:13px}.header__top-nav .nav-item.accent .nav-link{color:#8a6048}.header__top-nav .nav-item.accent .nav-toggle{display:none}.header__top-nav .nav-link{cursor:default;display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;padding:0 13px;font-size:13px;color:#000}.header__top-nav a.nav-link:hover{cursor:pointer;color:#8a6048}.header__top-nav a.nav-link:hover .nav-toggle{color:#8a6048}.header__top-nav .nav-item.active .nav-link{font-weight:500}.header__top-nav .nav-item.color .nav-link{color:#000}.header__top-nav .nav-speaker{margin-right:10px;line-height:0}.header__top-nav .nav-toggle{line-height:0;fill:#000}.header__top-nav .nav-lvl2{border-radius:8px;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;transition-delay:0.2s;position:absolute;z-index:2;top:25px;left:0;background:#fff;background:var(--card_bg_black);text-align:left;box-shadow:0 5px 30px rgba(34,34,34,0.1)}.header__top-nav .nav-lvl2-list{background:#fff;background:var(--card_bg_black);text-align:left;box-shadow:0 5px 30px rgba(34,34,34,0.1);max-width:450px;min-width:190px;padding:8px 20px 8px 20px;border-radius:8px}.header__top-nav .nav-lvl2-item{position:relative}.header__top-nav .nav-lvl2-item:hover .nav-lvl3{opacity:1;visibility:visible}.header__top-nav .nav-lvl2-item.active .nav-lvl2-link{font-weight:500}.header__top-nav .nav-lvl2-link{font-size:13px;line-height:normal;color:#000;display:block;padding:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.header__top-nav .nav-lvl2-link:hover{color:#8a6048}.header__top-nav .nav-lvl2-toggle{position:absolute;top:calc(1em + 5px);transform:translateY(-50%) rotate(270deg);right:16px}.header__top-nav .nav-lvl3{position:absolute;left:calc(100% + 8px);top:-8px;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;transition-delay:0.2s}.header__top-nav .nav-lvl3-list{background:#fff;background:var(--card_bg_black);text-align:left;box-shadow:0 5px 30px rgba(34,34,34,0.1);overflow:hidden;max-width:450px;min-width:220px;padding:8px;border-radius:8px}.header__top-nav .nav-lvl3-link{font-size:0.9375rem;line-height:calc(1em + 7px);color:#222;color:var(--white_text_black);display:block;padding:9px 16px 10px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.header__top-nav .nav-lvl3-link:hover{color:#000;color:var(--fill_dark_lite_hover)}.header__top-nav .nav-item--more{display:none}.header__top-nav .nav-item--more .nav-link{padding:9px 16px 10px 16px}.header__top-inner.is-more .nav-item--more{display:block;flex-shrink:0}.header__phones-line{padding:0 16px}.header__swither{padding:0 16px}.header__main{height:56px;display:flex;align-items:center;position:relative;top:0;left:0;right:0;z-index:7}@media (max-width: 990.75px){.header__main{height:52px;background-color:var(--darkerblack_bg_black)}}.header__main.is-sticky .header-inner{position:fixed !important;top:0 !important;z-index:998 !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(var(--dark_light-hue), var(--dark_light-saturation), var(--dark_light-lightness), 80%);box-shadow:0 4px 10px rgba(0,0,0,0.1);border-bottom:1px solid rgba(34,34,34,0.08);border-bottom:var(--light, 1px solid rgba(34,34,34,0.08)) var(--dark, 1px solid rgba(237,237,237,0.08));transition:transform 0.2s;animation:stickyAnim 0.25s linear 1}.header__main-inner{position:relative;flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0;margin:0 -16px}.header__main-inner .search{width:100%}.header__main-group{display:flex;align-items:center}.header__main-logo{display:flex;align-items:center;height:100%;margin:0 16px;width:92px}.header__main-logo .lazy-img-wrap{width:100%}.header__main-nav-wrap{margin:0 16px;flex-shrink:0}.header__main-burger .icon{fill:#fff}.header__main-burger .icon:nth-child(2){display:none}.header__main-burger span{padding-right:0;padding-left:16px;font-size:1.06667em;font-weight:600;color:#fff}.header__main-burger.active .icon:nth-child(1){display:none}.header__main-burger.active .icon:nth-child(2){display:block}.header__main-info{width:100px;color:#444;font-size:10px;font-style:normal;line-height:normal}@media (max-width: 1199.75px){.header__main-info{display:none}}.header__main-search{flex:1;margin:0 auto;background:#f8f8f8;display:flex;align-items:center;justify-content:center;position:fixed;top:40px;left:0;right:0;z-index:8;transform:translateY(-135%);transition:transform 0.3s;width:895px;padding:45px}.header__main-search.visible{transform:translateY(0%)}.header__main-items{margin:0 16px;flex-shrink:0;display:flex;gap:30px}@media (max-width: 1199.75px){.header__main-items{gap:20px}}.header__main-item-link{display:flex;flex-direction:column;align-items:center;cursor:pointer;color:#000;fill:#000}.header__main-item-link:hover{color:#8a6048}.header__main-item-link:hover .header__main-item-icon-wrap{fill:#8a6048}.header__main-item-link:hover .header__main-item-icon-wrap svg path{stroke:#8a6048}.header__main-item-link .header__main-item-icon-wrap svg path{transition:all ease 0.3s}.header__main-item-link span{font-size:0.875rem;line-height:calc(1rem + 3px);padding-top:7px;max-width:120px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.header__main-item-icon-wrap{position:relative;height:20px;display:flex;align-items:center;justify-content:center;transition:all ease 0.3s;fill:var(--fill_dark_light)}.header__main-item-count{position:absolute;top:0;right:0;transform:translate(57%, -31%);color:#fff;font-size:10px;border-radius:15px;text-align:center;line-height:15px;min-width:15px;padding:0 3px;white-space:nowrap;z-index:2;background-color:#8a6048}.header__bottom{position:relative;z-index:2;padding-bottom:9px;border-bottom:1px solid rgba(34,34,34,0.08);border-bottom:var(--light, 1px solid rgba(34,34,34,0.08)) var(--dark, 1px solid rgba(237,237,237,0.08))}.header__bottom-inner{display:flex;align-items:center;justify-content:space-between;min-width:0;flex-grow:1}.header__bottom-scroll{display:flex;align-items:center;flex-shrink:0;width:100%}.header__bottom-scroll .nav-list{width:100%;justify-content:center}@media (max-width: 1379px){.header__bottom-scroll .nav-list{gap:12px}}.header__bottom-scroll .nav-item{white-space:nowrap}.header__bottom-scroll .nav-item.active:before{content:"";display:block;position:absolute;bottom:-17px;left:0;height:2px;width:100%;background:#8a6048}.header__bottom-scroll .nav-item.active:not(.has-nav){pointer-events:none}.header__bottom-scroll .nav-item.has-nav{cursor:pointer}.header__bottom-scroll .nav-item.has-nav .nav-link{cursor:pointer}.header__bottom-scroll .nav-link{flex-shrink:0;font-size:15px;line-height:calc(1em + 7px);position:relative}@media (max-width: 1379px){.header__bottom-scroll .nav-link{padding:0}}.header__bottom-scroll .nav-link:hover{color:#8a6048}.header__bottom-scroll .nav-link.active{text-shadow:0 0 0.1px #000,0 0 0.1px #000}.search-mobile-close{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;height:100%;pointer-events:all;z-index:1;fill:#cfcfcf;position:absolute;bottom:45px;right:15px}.header-phones{display:flex;align-items:center}.header-phones__left{position:relative;display:flex;align-items:center}.header-phones__left:hover .header-phones__dropdown{opacity:1;visibility:visible}.header-phones__link{font-weight:600;line-height:normal;font-size:14px;color:#000;margin-right:20px}.header-phones__link:hover{color:#8a6048}.header-phones__link span{font-size:11px;font-style:normal;font-weight:700}.header-phones__link svg{margin-right:7px}.header-phones__icon{margin-left:8px;line-height:0;fill:var(--fill_dark_light)}.header-phones__dropdown{opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;position:absolute;top:-18px;left:-16px;z-index:2}.header-phones__dropdown-inner{padding:15px 16px;min-width:240px;width:240px;box-shadow:0 5px 30px rgba(34,34,34,0.1);background-color:#fff;background-color:var(--card_bg_black);border-radius:8px}.header-phones__dropdown-inner+.header-phones__dropdown-inner{margin-top:4px}.header-phones__dropdown-phone{padding:3.5px 0}.header-phones__dropdown-phone:first-child{padding-top:0}.header-phones__dropdown-phone:last-child{padding-top:12px;padding-bottom:5px}.header-phones__dropdown-phone-link{font-weight:600;line-height:calc(1em + 3px);font-size:0.9375em;color:#222;color:var(--white_text_black)}.header-phones__dropdown-phone-link:hover{color:#000;color:var(--fill_dark_lite_hover)}.header-phones__dropdown-phone-descr{display:block;font-size:12px;line-height:calc(1em + 4px);color:#999;font-weight:300}.header-phones__dropdown-item{padding:5px 0 7px}.header-phones__dropdown-item.socials{padding:9px 0 5px 0}.header-phones__dropdown-item-title{font-size:12px;line-height:calc(1em + 4px);color:#999}.header-phones__dropdown-item-value{margin-top:5px;font-size:0.9375em;line-height:calc(1em + 3px);color:#222;color:var(--white_text_black)}.header-phones a.header-phones__dropdown-item-value:hover{color:#000;color:var(--fill_dark_lite_hover)}.header-phones__right{cursor:pointer;font-size:14px;line-height:calc(1em + 4px);color:#8a6048}.header-phones__right:hover{text-shadow:0 0 0.1px #8a6048, 0 0 0.1px #8a6048}.socials__list{grid-template-columns:repeat(auto-fit, minmax(40px, 1fr));grid-gap:4px;display:grid}.socials__icon-wrap{width:100%;display:flex;justify-content:center;align-items:center;border-radius:8px;height:40px;min-width:40px;background-color:#f4f4f4;background-color:var(--light, #f4f4f4) var(--dark, #343434)}.socials__icon{width:20px;height:20px}.theme-default .socials__icon-wrap--dark{display:flex}.theme-default .socials__icon-wrap--light{display:none}.theme-dark .socials__icon-wrap--dark{display:none}.theme-dark .socials__icon-wrap--light{display:flex}.search{position:relative}.search .form-control{color:#000;box-shadow:none;border:transparent;height:47px;padding:13px 90px 13px 25px;background-color:#fff;font-size:16px;line-height:calc(1em + 4px);border-radius:90px;position:relative;width:100%;padding-right:190px}.search .form-control:focus{box-shadow:0 1px 1px rgba(0,0,0,0.02) inset;background-color:var(--input_bg_color-focus);border-color:#999;border-color:var(--input_border_color-focus)}.search .form-control:focus+.search__btns .btn--clear{display:block}.search .form-control:focus+.search__btns .btn--search{background-color:#000;fill:#fff}.search__btns{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center}.search__btns .btn--clear{border-radius:50%;background:#8a6048;padding:7px;height:23px;line-height:0;border-width:0;margin-right:20px;fill:#fff;cursor:pointer;display:none}.search__btns .btn--search{border:none;padding:12px 45px 14px 45px;line-height:0;display:flex;height:100%;align-items:center;border-radius:90px;background-color:#000;transition:background-color 0.3s, fill 0.3s;fill:#000}.search__btns .btn--search:hover{background-color:#000}.search-result{position:absolute;top:100%;left:0px;width:100%;z-index:100;border:none;overflow:hidden}.header__main-item--mobile{display:none}.header__main-item--cart{position:relative}.header-cart-wrap{position:absolute;top:100%;right:0;width:544px;visibility:hidden;opacity:0;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;transition-delay:0.2s;z-index:2}.header__main-item--cart:hover .header-cart-wrap{opacity:1;visibility:visible;z-index:110}.header__main-burger.active+.header-menu{opacity:1;visibility:visible}.header-menu{z-index:107;cursor:default;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;position:absolute;left:16px;right:16px;opacity:0;visibility:hidden;top:calc(100% + 12px)}.header-phones__dropdown-mobile-title,.header-mobile-burger{display:none}.mobile-nav{position:fixed;left:0;top:0;bottom:0;z-index:999;transform:translateX(-100%);transition:transform 0.5s}.mobile-nav.visible{box-shadow:3px 0 10px 0 rgba(0,0,0,0.45);transform:translateX(0)}.header-cabinet{position:relative}.header-cabinet::after{content:"";position:absolute;top:100%;height:8px;left:0;right:0}@media (min-width: 991.75px){.header-cabinet:hover .header-cabinet__dropdown{display:block;opacity:1;visibility:visible}}.header-cabinet__dropdown{position:absolute;top:calc(100% + 8px);left:0;display:block;z-index:107;cursor:default;right:-1px;left:auto;border-radius:8px;transition:all ease 0.3s;opacity:0;visibility:hidden}.header-cabinet__dropdown-inner{background:#fff;text-align:left;box-shadow:0 5px 30px rgba(36,36,36,0.1);overflow:hidden;max-width:450px;min-width:220px;padding:8px;border-radius:8px}.header-cabinet__dropdown-link{display:block;padding:8px 16px 8px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-size:14px;color:#222;line-height:1.33}.header-cabinet__dropdown-link:hover:not(.header-cabinet__dropdown-link.active){color:#8a6048}.header-cabinet__dropdown-link:last-child{display:flex;align-items:center;width:100%}.header-cabinet__dropdown-link:last-child:hover:not(.header-cabinet__dropdown-link.active){color:#8a6048}.header-cabinet__dropdown-link:last-child:hover:not(.header-cabinet__dropdown-link.active) .icon{fill:#8a6048}.header-cabinet__dropdown-link:last-child .icon{margin-left:5px;transition:all ease 0.3s}.header-cabinet__dropdown-link.active{border-radius:8px;background-color:rgba(136,136,136,0.1)}@media (min-width: 992px){.mobile-nav{display:none}}@media (max-width: 1199.75px){.header-phones__right{display:none}}@media (max-width: 991.75px){.header__top{display:none}.header-inner{border-bottom:1px solid rgba(34,34,34,0.08);border-bottom:var(--light, 1px solid rgba(34,34,34,0.08)) var(--dark, 1px solid rgba(237,237,237,0.08))}.header__top-nav{display:none}.header__bottom{display:none}.header__main-inner{margin:0}.header__main-logo{margin-left:4px;margin-right:16px}.header__main-logo svg{width:140px}.header__main-nav-wrap{display:none}.header__main-items{margin-left:auto}.header__main-item--mobile{display:block}.header__main-item--mobile .icon{min-width:22px}.header__main-item-link span{display:none}.header__swither{display:none}.header__main-search{margin:0;padding:30px 50px;width:auto;top:0}.header__bottom-inner{display:none}header .header-phones__link,header .header-phones__icon{display:none}header .header-phones__dropdown-mobile-title{display:block;padding:18px 23px 18px;color:#222;color:var(--white_text_black);font-size:1.125rem;line-height:calc(1em + 7px);font-weight:700;position:relative}header .header-phones__dropdown-mobile-title .icon-wrap{position:absolute;right:0;top:50%;transform:translateY(-50%)}header .header-phones__dropdown{opacity:1;visibility:visible;position:fixed;left:0;right:0;top:63px;z-index:99;transform:translateY(-150%);transition:transform 0.3s;margin:0 20px;max-height:calc(100vh - 120px);overflow:auto}header .header-phones__dropdown-phone{padding:10px 23px}header .header-phones__dropdown-phone .btn{background:transparent;color:var(--theme-base-color)}header .header-phones__dropdown-phone-link{font-size:1.125rem;line-height:calc(1em + 7px);font-weight:300}header .header-phones__left--visible .header-phones__dropdown{transform:translateY(0%)}header .header-phones__dropdown-inner{width:100%;border-radius:0}.search{flex:1}.header-mobile-burger{display:block;padding:20px 0 20px 20px;fill:#000;transition:none}.header-mobile-burger .icon{transition:none}.header-mobile-burger:active{fill:#8a6048}.search-mobile-close{bottom:35px}.header-cart-wrap{display:none !important}.mobile-nav__logo{display:flex;padding-bottom:15px;border-bottom:1px solid #e5e5e5}.mobile-nav__logo .mobile-nav__info{width:98px;margin-left:12px;color:#444;font-size:10px;font-style:normal;font-weight:300;line-height:normal}}@media (max-width: 600.75px){.header__main-item--hidden-xs:not(.header__main-item--mobile){display:none}.header__main-items{gap:20px}.header__main-search{padding:25px 15px}.search-mobile-close{bottom:33px;right:10px}.search-mobile-close svg{height:12px !important;width:12px !important}.search .form-control{height:40px;padding:13px 145px 13px 15px;font-size:13px}.search__btns .btn--search{padding:12px 30px 14px 30px;font-size:13px}.search__btns .btn--clear{padding:5px;height:18px;margin-right:10px}.search__btns .btn--clear svg{height:7px !important;width:7px !important}}@media (min-width: 992px){.header-opacity .header__top{position:absolute;left:0;right:0;top:0;z-index:8}.header-opacity .header__top-nav .nav-item.active .nav-link{color:#fff}.header-opacity .header__top-nav .nav-link{color:#fff}.header-opacity .header__top-nav .nav-link:hover{color:#fff;opacity:0.5}.header-opacity .header__top-nav .nav-link:hover .nav-toggle{fill:#fff}.header-opacity .header__top-nav .nav-toggle{fill:#fff}.header-opacity .header__main{position:absolute;top:45px;left:0;right:0;z-index:7}.header-opacity .header__bottom{position:absolute;top:calc(75px + 45px);left:0;right:0;z-index:6;border-bottom:1px solid rgba(255,255,255,0.08)}.header-opacity .header__bottom-scroll a{color:#fff}.header-opacity .header__main:not(.is-sticky) .header__main-logo .fill-theme-svg,.header-opacity .header__main:not(.is-sticky) .header__main-logo .fill-dark-light{fill:#fff}.header-opacity .header__main:not(.is-sticky) .header__main-item-link{color:#fff}.header-opacity .header__main:not(.is-sticky) .header__main-item-icon-wrap{fill:#fff}.header-opacity .header__main:not(.is-sticky) .search__btns .btn--search{fill:#fff}.header-opacity .header__main:not(.is-sticky) .search .form-control{color:#fff;background:rgba(0,0,0,0)}.header-opacity .header__main:not(.is-sticky) .search .form-control::placeholder{color:rgba(255,255,255,0.5)}.header-opacity .header-phones__link,.header-opacity .header-phones__right{color:#fff}.header-opacity .header-phones__icon{fill:#fff}}.breadcrumbs{margin-bottom:5px}.breadcrumbs__item{display:inline-block;position:relative;font-size:13px;font-style:normal;font-weight:300;line-height:normal;color:#808080}.breadcrumbs__separator{position:relative;zoom:1;bottom:2px;display:inline-block;line-height:18px;margin:0 5px;border:none;fill:#808080}.breadcrumbs__separator svg{display:block}.breadcrumbs__separator:last-child{display:none}a.breadcrumbs__link{color:#808080;font-size:13px;font-style:normal;font-weight:300;line-height:normal}@media (hover: hover){a.breadcrumbs__link:hover{color:#8a6048}}@media (hover: hover){span.breadcrumbs__link:hover{cursor:default}}@media (min-width: 601px){.page-hero .breadcrumbs__separator{fill:#fff}.page-hero .breadcrumbs__item,.page-hero a.breadcrumbs__link{color:#fff}}.ics-item{background:#fff;border:1px solid #e3e3e3;padding:15px;color:#000;display:flex;align-items:center;transition:box-shadow 0.3s, border-color 0.3s;width:calc(100% / 5 - 10px);animation:ics-list 0.3s ease-in}.ics-item__img{width:45px;height:45px;margin-right:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ics-item__img img{width:100%;height:100%}.ics-item__title{color:#000;font-size:15px;font-style:normal;font-weight:500;line-height:normal;text-overflow:ellipsis;overflow:hidden}.ics-item:hover{border-color:#fff;border-color:var(--stroke_black_hover);background-color:#fff;background-color:var(--card_bg_hover_black);box-shadow:0 5px 30px rgba(34,34,34,0.1);z-index:1}.ics-item:hover .ics-item__title{color:#8a6048}@keyframes ics-list{from{opacity:0}to{opacity:1}}.ics-item--btn .ics-item__img{background-color:rgba(136,136,136,0.1);border-radius:8px}.ics-item--btn .icon{stroke:var(--fill_dark_light);fill:rgba(0,0,0,0)}.ics-item--btn:hover .ics-item__img{background-color:#9e9e9e;background-color:var(--theme-base-color)}.ics-item--btn:hover .icon{stroke:#fff}@media (max-width: 1199.75px){.ics-item{width:calc(100% / 4 - 10px)}}@media (max-width: 991.75px){.ics-item{width:calc(100% / 3 - 10px)}}@media (max-width: 767.75px){.ics-item{width:calc(100% / 2 - 10px)}}@media (max-width: 600.75px){.ics-item{width:100%;flex-shrink:0;padding:10px}.ics-item__img{width:40px;height:40px;margin-right:6px}.ics-item__title{font-size:14px;line-height:18px}}.theme-selector{display:flex;align-items:center;height:24px;line-height:24px;cursor:pointer}.theme-selector__item{opacity:0.5;flex:1;width:34px;height:100%;background-color:#fff;background-color:var(--black_bg_black);display:flex;align-items:center;justify-content:center;border-radius:6px}.theme-selector__item svg path{fill:#222;fill:var(--fill_dark_light)}.theme-selector__item:hover{opacity:1}.theme-selector__item.current{opacity:1;background-color:#f4f4f4;background-color:var(--light, #f4f4f4) var(--dark, #343434)}.header-opacity .theme-selector__item{background:rgba(0,0,0,0)}.header-opacity .theme-selector__item.current{background-color:rgba(255,255,255,0.1)}.header-opacity .theme-selector__item svg path{fill:#fff}.btn{text-transform:none;letter-spacing:normal;margin:0;border:1px solid;overflow:hidden;display:inline-flex;user-select:none;background-image:none;cursor:pointer;white-space:nowrap;transition:background-color 0.1s ease;-moz-transition:background-color 0.1s ease;-ms-transition:background-color 0.1s ease;-o-transition:background-color 0.1s ease;-webkit-transition:background-color 0.1s ease;border-color:#000;background-color:#000;color:#fff;text-decoration:none;padding:12px 45px 14px 45px;justify-content:center;align-items:center;gap:7px;border-radius:90px;font-size:16px;font-style:normal;font-weight:300;line-height:24px}.btn:active{color:#ffffff;border-color:#000;background-color:#000}.btn:focus,.btn:hover{color:#ffffff;border-color:#8a6048;background-color:#8a6048}.btn.btn-sm{height:35px;font-size:0.875rem;padding:1px 16px}.btn.btn--cart{height:47px}.btn.btn-lg{height:47px;font-size:1rem;padding:1px 24px}.btn.btn-white{color:#000;background-color:#fff}.btn.btn-white:active{color:#ffffff;border-color:#000;background-color:#000}.btn.btn-white:focus,.btn.btn-white:hover{color:#fff;border-color:#8a6048;background-color:#8a6048}.btn.btn-second{color:#ffffff;background-color:#8a6048;border-color:#8a6048}.btn.btn-second:active{color:#ffffff;border-color:#000;background-color:#000}.btn.btn-second:focus,.btn.btn-second:hover{color:#fff;background-color:#000000}.btn.btn-transparent{background-color:hsla(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), 0.1);color:#9e9e9e;color:var(--fill_dark_lite_white_hover);border-color:transparent}.btn.btn-transparent:active,.btn.btn-transparent:focus,.btn.btn-transparent:hover{color:#fff;border-color:#9e9e9e;background-color:#9e9e9e;background-color:#7a97ff;border-color:#7a97ff}.btn.btn-bordered{background-color:transparent;color:#9e9e9e;color:var(--fill_dark_lite_white_hover);border:1px solid;border-color:hsla(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), 0.35)}.btn.btn-bordered:active,.btn.btn-bordered:focus,.btn.btn-bordered:hover{color:#fff;border-color:#9e9e9e;background-color:#9e9e9e;background-color:#7a97ff;border-color:#7a97ff}.btn.btn-wide{width:100%}.lazy-img-wrap{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.lazy-img-wrap.loaded .preloader{display:none}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0 !important;padding:0 !important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none !important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0 !important;padding:0 !important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none !important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:40px;-ms-flex-pack:center;justify-content:center;opacity:1;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:1;box-shadow:0 5px 20px rgba(34,34,34,0.07);background:#f8f8f8;transition:all 0.3s}.splide__arrow svg{fill:#444;height:0.9em;width:0.9em;transition:fill 0.3s}.splide__arrow:hover:not(:disabled){background-color:#000}.splide__arrow:hover:not(:disabled) svg{fill:#fff}.splide__arrow:disabled svg{fill:#e3e3e3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:0;transform:translate(-50%, -50%)}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:0;transform:translate(50%, -50%)}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:0.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#fff;border:0;border-radius:50%;display:inline-block;height:8px;margin:6px;opacity:1;padding:0;position:relative;transition:transform 0.2s linear;width:8px;box-shadow:0 0 0 2px rgba(0,0,0,0.1)}.splide__pagination__page.is-active{transform:scale(1.5);z-index:1;background-color:#9e9e9e;background-color:var(--theme-base-color);box-shadow:0 0 0 2px rgba(0,0,0,0)}.splide__pagination__page:hover{cursor:pointer;opacity:1;transform:scale(1.5);background-color:#9e9e9e;background-color:var(--theme-base-color);box-shadow:0 0 0 2px rgba(0,0,0,0)}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports (outline-offset: -3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset: -3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:0.5em;top:0}
/* End */
/* Start:/html/components-template/header/style.css?172780955121311*/
.header-cart {
padding-top: 12px;
display: flex;
flex-direction: column; }
.header-cart__block {
overflow: hidden;
background: #fff;
-webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.05); }
.header-cart__block.order-1 {
order: 1; }
.header-cart__block.order-2 {
order: 2; }
.header-cart__block.order-3 {
order: 3; }
.header-cart__block-top {
display: flex;
padding: 20px 35px;
justify-content: space-between;
align-items: flex-start;
gap: 15px;
-webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.05); }
.header-cart__block-title {
color: #000000;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; }
.header-cart__block-title span {
color: #4b4b4b;
font-size: 16px;
font-weight: 300;
line-height: 24px; }
.header-cart__block-clear {
cursor: pointer;
color: #acacac;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 23px;
display: flex;
align-items: center; }
.header-cart__block-clear:hover {
color: #8a6048; }
.header-cart__block-clear:hover svg {
fill: #8a6048; }
.header-cart__block-clear svg {
fill: #acacac;
margin-right: 8px; }
.header-cart__list {
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
max-height: 340px;
padding: 0 35px; }
.header-cart__list::-webkit-scrollbar {
width: 6px;
height: 6px; }
.header-cart__list::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #ccc;
background: var(--gray_bg_black);
border: 1px solid #fff;
border-color: var(--black_bg_black); }
.header-cart__list::-webkit-scrollbar-track {
border-radius: 5px; }
.header-cart__item {
padding: 16px 0 16px;
position: relative;
display: flex;
flex-shrink: 0;
align-items: center; }
.header-cart__item:not(:last-child) {
border-bottom: 1px solid #e3e3e3;
border-color: #e3e3e3; }
.header-cart__item .lazy-img-wrap {
flex-shrink: 0;
width: 65px;
max-height: 65px;
text-align: center; }
.header-cart__item .lazy-img {
height: 100%;
width: 100%;
object-fit: contain; }
.header-cart__item-content {
padding-left: 20px; }
.header-cart__item-badges {
display: flex;
align-items: center;
margin-left: 9px; }
.header-cart__item-prices {
display: flex;
align-items: center;
margin-bottom: 4px; }
.header-cart__item-prices .price {
color: #000000;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; }
.header-cart__item-prices .price-additional {
color: #444444;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 18px;
margin-left: 5px;
text-decoration: line-through; }
.header-cart__item-prices .count {
font-size: 0.875rem;
line-height: calc(1em + 7px);
color: #999;
font-weight: 300;
padding-left: 5px; }
.header-cart__item-title {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
color: #000000;
margin-bottom: 5px; }
.header-cart__item-title:hover {
color: #8a6048; }
.header-cart__item-remove {
position: absolute;
top: 16px;
right: 16px;
cursor: pointer;
transition: opacity 0.1s ease;
opacity: 0.35;
fill: var(--fill_dark_light); }
.header-cart__item-remove:hover {
opacity: 1;
fill: #9e9e9e;
fill: var(--fill_dark_lite_hover); }
.header-cart__block-inner {
padding: 15px 35px;
background: #f8f8f8;
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px; }
.header-cart__block-header {
flex-shrink: 0;
width: 50%; }
.header-cart__block-btns {
width: 50%; }
.header-cart__block-text {
color: #444444;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 18px; }
.header-cart__block-price {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
color: #000000; }
.error-block {
padding: 16px;
margin-bottom: 16px;
background-color: rgba(92, 127, 255, 0.1);
border-radius: 8px;
display: flex;
justify-content: space-between; }
.error-block__title {
font-weight: 500;
color: #222;
color: var(--white_text_black);
font-size: 1rem;
line-height: calc(1em + 7px); }
.error-block__text {
font-size: 0.8125rem;
line-height: calc(1em + 7px);
color: #555;
color: var(--basic_text_black); }
.error-block__icon {
flex-shrink: 0;
padding-left: 32px;
fill: #9e9e9e;
fill: var(--theme-base-color); }
.header-menu__inner {
border-radius: 12px;
background: #fff;
background: var(--card_bg_black);
text-align: left;
box-shadow: 0 5px 30px rgba(34, 34, 34, 0.1);
overflow: hidden;
max-width: 100%;
min-width: 220px; }
.header-menu__scroll {
max-height: calc(80vh - 100px);
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 40px; }
.header-menu__scroll::-webkit-scrollbar {
width: 6px;
height: 6px; }
.header-menu__scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #ccc;
background: var(--gray_bg_black);
border: 1px solid #fff;
border-color: var(--black_bg_black); }
.header-menu__scroll::-webkit-scrollbar-track {
border-radius: 5px; }
.header-menu__left {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
width: calc(100% - 280px);
grid-gap: 32px; }
.header-menu__item {
display: flex; }
.header-menu__item .lazy-img-wrap {
margin-right: 24px;
flex-shrink: 0;
width: 56px;
height: 56px;
display: flex;
align-items: flex-start;
justify-content: flex-end; }
.header-menu__item-content {
margin-top: -4px; }
.header-menu__item-title {
font-weight: 500;
font-size: 1rem;
line-height: calc(1em + 7px);
color: #222;
color: var(--white_text_black); }
.header-menu__item-title:hover {
color: #000;
color: var(--fill_dark_lite_hover); }
.header-menu__item-list {
padding-top: 6px; }
.header-menu__item-list li {
padding: 2px 0 4px;
line-height: calc(1em + 5px); }
.header-menu__item-list a {
font-size: 0.9375rem;
line-height: calc(1em + 7px);
color: #222;
color: var(--white_text_black); }
.header-menu__item-list a:hover {
color: #000;
color: var(--fill_dark_lite_hover); }
.header-menu__item-list .collapsed {
overflow: hidden;
padding: 0;
height: 0px;
transition: height 0.3s; }
.header-menu__item-list .more {
cursor: pointer;
display: flex;
align-items: center;
font-size: 0.9375rem;
line-height: calc(1em + 7px);
color: #222;
color: var(--white_text_black);
fill: #222;
fill: var(--white_text_black); }
.header-menu__item-list .more b {
font-weight: 300; }
.header-menu__item-list .more .icon-wrap {
margin-left: 3px;
line-height: 1;
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: center;
width: 17px;
height: 16px;
border-radius: 3px; }
.header-menu__item-list .more .icon {
transition: transform 0.3s; }
.header-menu__item-list .more:hover {
color: #000;
color: var(--fill_dark_lite_hover);
fill: #000;
fill: var(--fill_dark_lite_hover); }
.header-menu__item-list .more:hover .icon-wrap {
background-color: #5b7fff1a; }
.header-menu__item-list .more.active .icon {
transform: scale(1, -1); }
.header-menu__item-list.visible .collapsed {
height: auto;
padding: 2px 0 4px; }
.header-menu .has-nav > a {
cursor: pointer;
display: flex;
align-items: center;
font-size: 0.9375rem;
line-height: calc(1em + 7px);
color: #222;
color: var(--white_text_black);
fill: #222;
fill: var(--white_text_black); }
.header-menu .has-nav > a b {
font-weight: 300; }
.header-menu .has-nav > a .icon-wrap {
margin-left: 3px;
line-height: 1;
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: center;
width: 17px;
height: 16px;
border-radius: 3px; }
.header-menu .has-nav > a .icon {
transition: transform 0.3s; }
.header-menu .has-nav > a:hover {
color: #000;
color: var(--fill_dark_lite_hover);
fill: #000;
fill: var(--fill_dark_lite_hover); }
.header-menu .has-nav > a:hover .icon-wrap {
background-color: #5b7fff1a; }
.header-menu .has-nav > a.active .icon {
transform: scale(1, -1); }
.header-menu .has-nav > ul {
padding: 0;
visibility: hidden;
overflow: hidden;
max-height: 0;
transition: padding 0.3s, max-height 0.3s, visibility 0.3s; }
.header-menu .has-nav.visible > ul {
padding: 4px 0 2px;
visibility: visible;
max-height: 500px; }
.header-menu .lvl2 {
padding-left: 12px !important; }
.header-menu__right {
width: 240px;
position: sticky;
top: 0; }
.header-menu__right .lazy-img-wrap {
width: 100%;
height: 310px;
border-radius: 8px; }
@media (max-width: 991.75px) {
.search-result {
display: none; } }
.search-result__list {
background-color: #fff;
background-color: var(--card_bg_black);
max-height: 350px;
padding: 35px 45px 0 45px;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin; }
.search-result__list::-webkit-scrollbar {
width: 6px;
height: 6px; }
.search-result__list::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #ccc;
background: var(--gray_bg_black);
border: 1px solid #fff;
border-color: var(--black_bg_black); }
.search-result__list::-webkit-scrollbar-track {
border-radius: 5px; }
.search-result__item {
display: flex;
align-items: center;
padding: 15px 0;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
border-bottom: 1px solid #e3e3e3; }
.search-result__item:last-child {
padding-bottom: 0;
border-bottom: 0; }
.search-result__item:first-child {
padding-top: 0; }
.search-result__item:hover .search-result__item-title {
color: #8a6048; }
.search-result__item .lazy-img-wrap {
width: 65px;
height: 65px;
margin-right: 25px;
align-self: start;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
background: #fff; }
.search-result__item .lazy-img {
margin: auto;
width: 100%;
height: 100%;
object-fit: contain; }
.search-result__item-content {
flex: 1; }
.search-result__item-title {
margin-bottom: 5px; }
.search-result__btn {
padding: 20px 45px 45px 45px;
background-color: #fff; }
.mobile-nav {
background: #fff;
background: var(--black_bg_black);
width: 100%;
max-width: 375px;
overflow: hidden;
overflow-y: auto; }
.mobile-nav__close {
width: 46px;
height: 46px;
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
cursor: pointer;
fill: #999; }
.mobile-nav__inner {
position: relative;
background: #fff;
display: flex;
flex-direction: column;
width: 100%;
max-width: 375px;
padding: 15px 25px 15px 20px;
min-height: 100vh; }
.mobile-nav__inner.catalog .cat-open {
display: none; }
.mobile-nav__logo .fill-dark-light {
fill: var(--fill_dark_light); }
.mobile-nav__item {
padding: 26px 0 0; }
.mobile-nav__item-title {
display: block;
color: #000000;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
text-decoration: none;
margin-bottom: 15px; }
.mobile-nav__item-value {
padding: 9px 0;
position: relative;
word-break: break-word;
display: flex;
align-items: center;
justify-content: space-between;
color: #555;
color: var(--basic_text_black); }
.mobile-nav__item-value-content:active .mobile-nav__item-value-link {
color: var(--fill_dark_lite_hover);
fill: var(--fill_dark_lite_hover); }
.mobile-nav__item-value-link {
display: flex;
align-items: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
color: #000000;
margin-bottom: 10px; }
.mobile-nav__item-value-link:active {
color: #000000; }
.mobile-nav__item-value-link svg {
margin-right: 7px; }
.mobile-nav__item-value-dop {
color: #8a6048;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px; }
.mobile-nav__item-value-text {
color: #999;
font-size: 0.75rem;
line-height: calc(1em + 7px); }
.mobile-nav__item-value-icon {
fill: var(--fill_dark_light);
transform: rotate(-90deg); }
.mobile-nav__sep {
flex-shrink: 0;
height: 1px;
background: #e5e5e5;
background: var(--stroke_black);
margin: 26px 0 0; }
.mobile-nav__search {
padding: 26px 0 0; }
.mobile-nav__search .btn--search {
padding: 10px 15px 10px 5px;
border-radius: 0;
background-color: transparent; }
.mobile-nav__search .search .form-control {
border-radius: 0;
background-color: #f8f8f8;
padding: 13px 90px 13px 15px;
padding-right: 90px; }
.mobile-nav__search .search .form-control ::placeholder {
color: #acacac; }
.mobile-nav__search .search .form-control:focus + .search__btns .btn--search {
background-color: transparent;
fill: #000; }
.mobile-nav .nav-lvl2-list,
.mobile-nav .nav-lvl3s-list {
overflow: auto; }
a.mobile-nav__item-value {
color: #222;
color: var(--white_text_black); }
a.mobile-nav__item-value:hover, a.mobile-nav__item-value:active {
color: var(--fill_dark_lite_hover); }
.mobile-nav__menu .nav-item {
font-size: 16px; }
.mobile-nav__menu a {
color: var(--white_text_black); }
.mobile-nav__menu .nav-item.active .nav-link {
color: #8a6048; }
.mobile-nav__menu .nav-item.accent .nav-link {
color: #8a6048;
justify-content: start; }
.mobile-nav__menu .nav-item.accent .nav-link svg {
margin-right: 10px;
width: 19px !important;
height: 19px !important; }
.mobile-nav__menu .nav-item.accent .nav-link .nav-toggle {
display: none; }
.mobile-nav__menu .nav-link {
color: #000000;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
width: 100%; }
.mobile-nav__menu .nav-link:active, .mobile-nav__menu .nav-link:hover {
color: #8a6048; }
.mobile-nav__menu .nav-link:active .nav-item-name, .mobile-nav__menu .nav-link:hover .nav-item-name {
color: #8a6048; }
.mobile-nav__menu .nav-toggle {
fill: #222;
fill: var(--white_text_black);
transform: rotate(-90deg); }
.mobile-nav__menu .nav-lvl3,
.mobile-nav__menu .nav-lvl2 {
background: #fff;
background: var(--black_bg_black);
overflow: hidden;
overflow-y: auto;
display: flex;
flex-direction: column;
width: 100%;
max-width: 375px;
padding: 40px 32px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
transform: translateX(100%);
transition: transform 0.3s; }
.mobile-nav__menu .nav-lvl3.is-active,
.mobile-nav__menu .nav-lvl2.is-active {
transform: translateX(0%);
box-shadow: 0 500px 0 0 var(--black_bg_black); }
.mobile-nav__menu .nav-lvl3-close,
.mobile-nav__menu .nav-lvl2-close {
width: 46px;
height: 46px;
position: absolute;
top: 31px;
right: 24px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
cursor: pointer; }
.mobile-nav__menu .nav-lvl3-close:hover, .mobile-nav__menu .nav-lvl3-close:active,
.mobile-nav__menu .nav-lvl2-close:hover,
.mobile-nav__menu .nav-lvl2-close:active {
color: var(--fill_dark_lite_hover); }
.mobile-nav__menu .nav-lvl3-close:hover .icon, .mobile-nav__menu .nav-lvl3-close:active .icon,
.mobile-nav__menu .nav-lvl2-close:hover .icon,
.mobile-nav__menu .nav-lvl2-close:active .icon {
stroke: var(--fill_dark_lite_hover); }
.mobile-nav__menu .nav-lvl3-header,
.mobile-nav__menu .nav-lvl2-header {
align-items: center;
display: flex;
height: 28px; }
.mobile-nav__menu .nav-lvl3-header .icon,
.mobile-nav__menu .nav-lvl2-header .icon {
margin-right: 20px;
transform: scale(-1, 1);
fill: rgba(0, 0, 0, 0);
stroke: #222; }
.mobile-nav__menu .nav-lvl3-header:hover, .mobile-nav__menu .nav-lvl3-header:active,
.mobile-nav__menu .nav-lvl2-header:hover,
.mobile-nav__menu .nav-lvl2-header:active {
color: var(--fill_dark_lite_hover); }
.mobile-nav__menu .nav-lvl3-header:hover .icon, .mobile-nav__menu .nav-lvl3-header:active .icon,
.mobile-nav__menu .nav-lvl2-header:hover .icon,
.mobile-nav__menu .nav-lvl2-header:active .icon {
stroke: var(--fill_dark_lite_hover); }
.mobile-nav__menu .nav-lvl3-title,
.mobile-nav__menu .nav-lvl2-title {
margin: 27px 0 8px 0;
font-size: 1.125rem;
line-height: calc(1em + 7px);
font-weight: 600;
align-items: center;
display: flex;
height: 28px;
padding: 10px 0; }
.mobile-nav__menu .nav-lvl3-title .icon,
.mobile-nav__menu .nav-lvl2-title .icon {
margin-left: 20px;
transform: scale(1, 1);
fill: rgba(0, 0, 0, 0);
stroke: #222; }
.mobile-nav__menu .nav-lvl3-title:hover, .mobile-nav__menu .nav-lvl3-title:active,
.mobile-nav__menu .nav-lvl2-title:hover,
.mobile-nav__menu .nav-lvl2-title:active {
color: #8a6048; }
.mobile-nav__menu .nav-lvl3-title:hover .icon, .mobile-nav__menu .nav-lvl3-title:active .icon,
.mobile-nav__menu .nav-lvl2-title:hover .icon,
.mobile-nav__menu .nav-lvl2-title:active .icon {
stroke: #8a6048; }
.mobile-nav__menu .nav-lvl3-item,
.mobile-nav__menu .nav-lvl2-item {
padding: 5px 0;
font-size: 16px; }
.mobile-nav__menu .nav-lvl3-link,
.mobile-nav__menu .nav-lvl2-link {
display: flex;
align-items: center;
justify-content: space-between; }
.mobile-nav__menu .nav-lvl3-link:active, .mobile-nav__menu .nav-lvl3-link:hover,
.mobile-nav__menu .nav-lvl2-link:active,
.mobile-nav__menu .nav-lvl2-link:hover {
color: #8a6048; }
.mobile-nav__menu .nav-lvl3-link:active span, .mobile-nav__menu .nav-lvl3-link:hover span,
.mobile-nav__menu .nav-lvl2-link:active span,
.mobile-nav__menu .nav-lvl2-link:hover span {
color: #8a6048; }
.mobile-nav__menu .nav-lvl2-toggle .icon {
transform: rotate(-90deg); }
.mobile-nav-lvl2 {
background: #fff;
background: var(--black_bg_black);
overflow: hidden;
overflow-y: auto;
display: flex;
flex-direction: column;
width: 100%;
max-width: 375px;
padding: 40px 32px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
transform: translateX(100%);
transition: transform 0.3s; }
.mobile-nav-lvl2.visible {
transform: translateX(0%); }
.mobile-nav-lvl2__close {
width: 46px;
height: 46px;
position: absolute;
top: 31px;
right: 24px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
cursor: pointer; }
.mobile-nav-lvl2__header {
align-items: center;
display: flex;
height: 28px; }
.mobile-nav-lvl2__header:active {
color: var(--fill_dark_lite_hover); }
.mobile-nav-lvl2__header:active .icon {
fill: var(--fill_dark_lite_hover); }
.mobile-nav-lvl2__header .icon {
margin-right: 20px;
transform: scale(-1, 1);
fill: rgba(0, 0, 0, 0);
stroke: #222; }
.mobile-nav-lvl2__phones-title {
margin: 27px 0 8px 0;
color: #222;
color: var(--white_text_black);
font-size: 1.125rem;
line-height: calc(1em + 7px);
font-weight: 700; }
.mobile-nav-lvl2 .header-phones__dropdown-phone {
padding: 10px 0; }
.mobile-nav-lvl2 .header-phones__dropdown-phone a {
font-size: 1.125rem;
line-height: calc(1em + 7px);
font-weight: 300; }
.mobile-nav-lvl2 .header-phones__dropdown-phone .btn {
background: transparent;
color: var(--theme-base-color); }
.mobile-nav-link {
padding: 9px 0;
position: relative;
word-break: break-word;
color: #222;
color: var(--white_text_black);
align-items: center;
display: flex;
fill: var(--fill_dark_light); }
.mobile-nav-link:hover, .mobile-nav-link:active {
fill: var(--fill_dark_lite_hover);
color: var(--fill_dark_lite_hover); }
.mobile-nav-link .icon {
align-items: center;
display: flex;
height: 26px;
margin-right: 20px;
width: 21px; }
.mobile-nav-link span {
font-size: 0.9375rem;
line-height: calc(1em + 7px); }
.mobile-nav-link__count {
margin-left: auto;
color: #fff;
font-size: 12px;
border-radius: 17px;
text-align: center;
line-height: 17px;
min-width: 17px;
padding: 0 4px;
white-space: nowrap;
z-index: 2;
background-color: #9e9e9e;
background-color: var(--theme-base-color); }
/* End */
/* Start:/html/components-template/index-tabs/style.css?17229702181745*/
.index-tabs {
padding-top: 110px; }
@media (max-width: 991.75px) {
.index-tabs {
padding-top: 60px; } }
.index-tabs__header {
margin-bottom: 31px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative; }
.index-tabs__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px; }
.tabs-nav__list {
white-space: nowrap;
display: flex;
margin: 0 -4px;
width: calc(100% + 8px); }
.tabs-nav__item {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 90px;
height: 38px;
color: #000000;
padding: 9px 20px 10px 20px;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal; }
.tabs-nav__item.active {
color: #000000;
background-color: #f8f8f8; }
.tabs-nav__item.active:hover {
color: #000000;
cursor: default; }
.tabs-nav__item:hover {
color: #8a6048; }
@media (max-width: 1199.75px) {
.index-tabs__grid {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 991.75px) {
.index-tabs__grid {
grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767.75px) {
.index-tabs {
padding-top: 60px; }
.index-tabs__header {
flex-wrap: wrap; }
.index-tabs__grid {
grid-template-columns: repeat(3, 1fr); }
.tabs-nav__list {
display: flex;
justify-content: space-between; } }
@media (max-width: 600.75px) {
.tabs-nav {
margin-right: -15px;
margin-top: 20px; }
.index-tabs__grid {
display: flex;
overflow: auto;
padding: 15px 24px !important;
margin: -15px -24px !important;
grid-gap: 0; }
.index-tabs__header {
margin-bottom: 20px; } }
/* End */
/* Start:/html/components-template/form-mixin/style.css?174050904318144*/
.form-group {
position: relative; }
.form-group__description {
font-size: 0.8125rem;
line-height: calc(1em + 7px);
color: #999;
margin: 4px 0 0 0; }
.form-group__description--sm {
font-size: 12px;
margin-top: 14px; }
@media (max-width: 766.75px) {
.form-group__description--sm {
margin-top: -5px; } }
.form-control-label {
color: #000;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 23px;
display: inline-block; }
.form-control-label--small {
font-size: 0.875rem;
line-height: calc(1em + 7px); }
.form-control {
color: var(--input_color);
box-shadow: none;
border: none;
height: 50px;
padding: 13px 15px;
background-color: #f8f8f8;
font-size: 16px;
line-height: calc(1em + 4px);
position: relative;
width: 100%; }
textarea.form-control {
min-height: 90px; }
.form-control:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02) inset; }
.form-control:focus + .search__btns .btn--search {
background-color: #000000;
fill: #fff; }
.checkbox {
position: relative;
display: flex;
align-items: center; }
.checkbox input {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
opacity: 0; }
.checkbox label {
font-size: 0.875rem;
padding: 0 0 0 35px;
position: relative;
z-index: 1;
cursor: pointer;
outline: 0;
display: block;
color: #444444;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 23px;
min-height: 20px; }
@media (max-width: 767.75px) {
.checkbox label {
padding: 0 0 0 28 px; } }
.checkbox label b {
font-weight: 300; }
.checkbox label:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 19px;
width: 19px;
box-sizing: border-box;
background: #e3e3e3;
border: 1px solid #e3e3e3; }
.checkbox input:disabled ~ label {
color: #666;
cursor: not-allowed;
opacity: 0.6; }
.checkbox input:checked ~ label {
color: #444444; }
.checkbox input:checked ~ label:before {
border: 8px solid #000000;
background-color: #000000; }
.checkbox input:checked ~ label::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 4px;
top: 8px;
width: 4px;
height: 8px;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
content: "";
box-sizing: content-box;
transform-origin: 0 100%;
animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards; }
.checkbox input:disabled ~ label:before {
background-color: rgba(224, 224, 224, 0.5); }
.checkbox:hover input:not(:disabled) ~ label {
color: #000000; }
.checkbox:hover input:not(:disabled) ~ label::before {
box-shadow: 0 0 0 1px inset #000000;
border-color: #000000;
background: #000000; }
.checkbox-wrap {
display: flex;
gap: 40px;
margin-top: 6px; }
@media (max-width: 599.75px) {
.checkbox-wrap {
flex-direction: column;
gap: 10px; } }
.checkbox--img input:checked ~ label:before {
border-width: 2px;
background: rgba(0, 0, 0, 0); }
.checkbox--img label {
min-height: 30px;
line-height: calc(1em + 14px); }
.checkbox--img label::before {
height: 30px;
width: 30px;
border-radius: 8px; }
.checkbox--img label::after {
display: none; }
.checkbox--img .checkbox__img {
position: absolute;
left: 4px;
top: 4px;
border-radius: 4px;
height: 22px;
width: 22px; }
@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #fff;
transform: translate3d(0, 0, 0) rotate(45deg); }
33% {
width: 0.2em;
width: 4px;
height: 0;
transform: translate3d(0, 0, 0) rotate(45deg); }
100% {
width: 0.2em;
width: 4px;
height: 0.5em;
height: 8px;
border-color: #fff;
transform: translate3d(0, -8px, 0) rotate(45deg); } }
.radio {
position: relative;
display: flex;
align-items: center; }
.radio input {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
opacity: 0; }
.radio label {
padding: 0 0 0 35px;
position: relative;
z-index: 1;
cursor: pointer;
outline: 0;
display: block;
color: #444444;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 23px; }
.radio label b {
font-weight: 300; }
.radio label:before {
border-radius: 50%;
content: "";
position: absolute;
left: 0;
flex-shrink: 0;
top: 0;
height: 24px;
width: 24px;
box-sizing: border-box;
background: #fff;
border: 1px solid #000000; }
.radio input:disabled ~ label {
color: #666;
color: var(--lite_basic_text_black);
cursor: not-allowed;
opacity: 0.6; }
.radio input:checked ~ label {
color: #333;
color: var(--white_text_black); }
.radio input:checked ~ label:before {
border: 7px solid #9e9e9e;
border-color: #000000;
box-shadow: none; }
.radio input:disabled ~ label:before {
background-color: #000000; }
.radio:hover input:not(:disabled) ~ label {
color: #000000; }
.radio:hover input:not(:disabled) ~ label::before {
box-shadow: 0 0 0 1px inset #000000;
border-color: #000000; }
.select {
position: relative; }
.select__header {
position: relative;
white-space: nowrap;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: normal;
padding: 4px 11px;
cursor: pointer;
display: flex;
align-items: center;
transition: box-shadow ease 0.3s, border ease 0.3s, background ease 0.3s, padding 0.3; }
.select__header:hover {
z-index: 1;
background-color: #fff; }
.select__title {
color: #000000;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%; }
.select__title .icon {
fill: #000000;
margin-left: 6px;
vertical-align: middle;
transform-origin: center;
transition: transform 0.3s; }
.select__body {
position: absolute;
top: calc(100% + 8px);
right: 0;
z-index: 107;
background: #fff;
text-align: left;
box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;
max-width: 100%;
min-width: 100%;
transform: translateY(-10px);
opacity: 0;
visibility: hidden;
transition: visibility 0.3s, opacity 0.3s, transform 0.3s; }
.select__body-list {
overflow: hidden;
margin: -1px 0 1px -1px;
padding: 15px 20px; }
.select__body-list li {
font-size: 0.9375rem;
line-height: calc(1em + 7px);
color: #222;
color: #000000;
cursor: pointer;
padding-bottom: 15px;
color: inherit; }
.select__body-list li:last-child {
padding-bottom: 0; }
.select__body-list li span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: inherit; }
.select__body-list li.active {
cursor: default;
font-weight: 600;
pointer-events: none; }
.select__body-list li:hover {
color: #8a6048; }
.select.active .select__header {
background-color: var(--theme-base-color);
border-color: var(--theme-base-color);
color: #fff;
padding-right: 46px;
fill: #fff; }
.select.opened .select__title .icon {
transform: rotate(180deg); }
.select.opened .select__body {
transform: translateY(0px);
opacity: 1;
visibility: visible; }
.select--recipe .select__header {
padding: 12px;
background-color: #F8F8F8; }
@media (max-width: 766.75px) {
.select--recipe .select__header {
padding: 15px 12px; } }
.rate-group {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end; }
.rate-group .radio-rate {
opacity: 0;
visibility: hidden;
height: 0;
width: 0; }
.rate-group .radio-rate-label {
position: relative;
cursor: pointer;
display: block;
height: 16px;
width: 16px;
background-image: url("data:image/svg+xml,%3Csvg fill='%23E3E3E3' width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg' id='star-13-13'%3E%3Cpath d='M6.05163 0.288589C6.23504 -0.0830334 6.76496 -0.0830334 6.94837 0.288589L8.50624 3.44518C8.57907 3.59275 8.71986 3.69504 8.88271 3.7187L12.3662 4.22488C12.7763 4.28448 12.9401 4.78846 12.6433 5.07773L10.1226 7.53479C10.0048 7.64966 9.95102 7.81516 9.97884 7.97736L10.5739 11.4468C10.6439 11.8552 10.2152 12.1667 9.84842 11.9739L6.73267 10.3358C6.58701 10.2593 6.41299 10.2593 6.26733 10.3358L3.15159 11.9739C2.78478 12.1667 2.35606 11.8552 2.42612 11.4468L3.02117 7.97736C3.04899 7.81516 2.99521 7.64966 2.87737 7.53479L0.356683 5.07773C0.0599248 4.78846 0.22368 4.28448 0.63379 4.22488L4.1173 3.7187C4.28015 3.69504 4.42093 3.59275 4.49376 3.44518L6.05163 0.288589Z'/%3E%3C/svg%3E");
background-size: contain; }
.rate-group .radio-rate-label:not(:last-child) {
margin-left: 2px; }
.rate-group .radio-rate-label::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("data:image/svg+xml,%3Csvg fill='%238a6048' width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg' id='star-13-13'%3E%3Cpath d='M6.05163 0.288589C6.23504 -0.0830334 6.76496 -0.0830334 6.94837 0.288589L8.50624 3.44518C8.57907 3.59275 8.71986 3.69504 8.88271 3.7187L12.3662 4.22488C12.7763 4.28448 12.9401 4.78846 12.6433 5.07773L10.1226 7.53479C10.0048 7.64966 9.95102 7.81516 9.97884 7.97736L10.5739 11.4468C10.6439 11.8552 10.2152 12.1667 9.84842 11.9739L6.73267 10.3358C6.58701 10.2593 6.41299 10.2593 6.26733 10.3358L3.15159 11.9739C2.78478 12.1667 2.35606 11.8552 2.42612 11.4468L3.02117 7.97736C3.04899 7.81516 2.99521 7.64966 2.87737 7.53479L0.356683 5.07773C0.0599248 4.78846 0.22368 4.28448 0.63379 4.22488L4.1173 3.7187C4.28015 3.69504 4.42093 3.59275 4.49376 3.44518L6.05163 0.288589Z'/%3E%3C/svg%3E");
background-size: contain;
opacity: 0;
transition: opacity 0.3s; }
.rate-group .radio-rate:hover ~ .radio-rate-label::after,
.rate-group .radio-rate:checked ~ .radio-rate-label::after {
opacity: 1; }
.rate-group-wrap {
margin-top: 10px;
display: flex;
align-items: center; }
.rate-group-wrap__text {
margin-left: 10px;
padding: 0 0 0 25px;
color: #000;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 23px;
position: relative; }
.rate-group-wrap__text:before {
content: "\2014";
position: absolute;
left: 0;
top: 0; }
.uploader {
padding: 13px 54px 4px 47px;
border: 1px solid #dadada;
border-color: var(--input_border_color);
position: relative;
margin-top: 10px;
background: #f8f8f8;
background: var(--input_bg_color);
cursor: pointer;
transition: background-color 0.3s ease, border-color 0.3s ease;
-moz-transition: background-color 0.3s ease, border-color 0.3s ease;
-ms-transition: background-color 0.3s ease, border-color 0.3s ease;
-o-transition: background-color 0.3s ease, border-color 0.3s ease;
-webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
min-height: 48px;
border-radius: 8px; }
.uploader:hover {
background-color: #9e9e9e;
background-color: var(--theme-base-color);
border-color: #9e9e9e;
border-color: var(--theme-base-color); }
.uploader:hover .filename {
color: #fff; }
.uploader:hover::before {
background-position: -15px 0; }
.uploader::before {
content: "";
position: absolute;
top: 13px;
left: 16px;
width: 11px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='20' viewBox='0 0 26 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15V5.5C10 3 8 1 5.5 1C3 1 1 3 1 5.5V16C1 18 2.5 19 4 19C5.5 19 7 18 7 16V6.5C7 5.67157 6.32843 5 5.5 5C4.67157 5 4 5.67157 4 6.5V15' stroke='%23999999' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M25 15V5.5C25 3 23 1 20.5 1C18 1 16 3 16 5.5V16C16 18 17.5 19 19 19C20.5 19 22 18 22 16V6.5C22 5.67157 21.3284 5 20.5 5C19.6716 5 19 5.67157 19 6.5V15' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-position: 0 0;
background-repeat: no-repeat; }
.uploader input {
z-index: 10;
opacity: 0;
border: none;
background: 0 0;
position: absolute;
top: 0;
right: 0;
float: right;
width: 100%;
height: 100%;
cursor: pointer; }
.uploader input .filename {
display: inline-block;
width: 100%;
white-space: nowrap;
font-size: 1em;
color: #222;
color: var(--white_text_black);
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
line-height: 25px; }
.show-pass {
position: absolute;
right: 0;
top: 39px;
right: 15px;
display: flex;
align-items: center;
justify-content: center;
fill: #D9D9D9; }
@media (min-width: 1024px) {
.show-pass:hover {
cursor: pointer; } }
.pass-descr {
font-size: .8666rem;
color: #8a6048;
margin-top: 4px; }
@media (min-width: 991.75px) {
.pass-descr {
position: absolute;
right: -25px;
transform: translateX(100%);
top: 36px;
margin: auto 0; } }
input.btn.btn--primary[type="submit"] {
background-color: var(--theme-base-color);
border-color: var(--theme-base-color);
text-align: center; }
input.btn.btn--primary[type="submit"]:active, input.btn.btn--primary[type="submit"]:focus, input.btn.btn--primary[type="submit"]:hover {
border-color: #9e9e9e;
background-color: #9e9e9e;
background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc( var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc( var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))); }
.custom-select {
background-color: #f3f3f3;
height: 46px;
padding: 0px 12px;
display: flex;
align-items: center;
position: relative;
border-radius: 2px;
border: none;
transition: all 0.3s ease;
padding-right: 25px; }
@media (max-width: 599.75px) {
.custom-select {
height: 32px; } }
@media (min-width: 1024px) {
.custom-select:hover {
cursor: pointer; } }
@media (max-width: 766.75px) {
.custom-select.form-control {
font-size: 15px; } }
.custom-select.active .custom-select__overflow {
max-height: 500px; }
.custom-select.active .custom-select__trigger {
transform: rotate(90deg); }
.custom-select__input {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: absolute; }
@media (max-width: 766.75px) {
.custom-select__input {
font-size: 15px; } }
.custom-select__overflow {
position: absolute;
top: calc(100% + 12px);
right: 0px;
max-height: 0px;
overflow: hidden;
transition: all 0.3s ease;
z-index: 25;
box-shadow: 0px 0px 12px rgba(21, 94, 164, 0.2);
border-radius: 8px; }
.custom-select__list {
padding: 12px 16px;
background-color: #fff; }
.custom-select__list-item {
padding: 5px 0px;
transition: all 0.3s ease; }
@media (min-width: 1024px) {
.custom-select__list-item:hover {
cursor: pointer;
color: red; } }
.custom-select__selected {
transition: all ease 0.3s; }
@media (min-width: 991.75px) {
.custom-select__selected:hover {
color: #34de34; } }
.custom-select__trigger {
position: absolute;
right: 12px;
top: 12px;
transform: rotate(-90deg);
transition: all 0.3s ease;
top: calc(50% - 6px);
right: 0;
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 599.75px) {
.custom-select__trigger {
top: 10px; } }
.radio-point input {
position: absolute;
visibility: hidden;
opacity: 0; }
.radio-point input:checked + label {
border-color: rgba(178, 193, 224, 0.3); }
.radio-point input:checked + label .radio-point__point:after {
position: absolute;
content: "";
width: 8px;
height: 8px;
background-color: #34de34;
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.radio-point label {
padding: 16px;
padding-left: 40px;
display: block;
border: 1px solid transparent;
border-radius: 8px; }
.radio-point label .radio-point__point {
position: absolute;
left: 16px;
top: 19px;
width: 16px;
height: 16px; }
.radio-point label .radio-point__point:before {
position: absolute;
content: "";
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #e3e3e3;
left: 0;
top: 0;
transition: all 0.3s ease; }
@media (min-width: 1024px) {
.radio-point label:hover {
cursor: pointer; }
.radio-point label:hover .radio-point__point:before {
border-color: #34de34; } }
.form-group-select--default {
position: relative; }
.form-group-select--default .custom-select {
background-color: #f4f6fb;
border-radius: 8px;
border: 1px solid transparent; }
@media (min-width: 1024px) {
.form-group-select--default .custom-select:hover {
cursor: pointer;
border-color: #b2c1e0; } }
.form-group-select--default .custom-select__trigger {
right: 16px; }
.form-group-select--default .custom-select__overflow {
left: 0;
top: calc(100% + 3px);
padding-right: 5px;
background-color: #f4f6fb;
box-shadow: 0px 3px 5px rgba(21, 94, 164, 0.2); }
.form-group-select--default .custom-select__list {
padding: 12px 16px;
padding-right: 11px;
background-color: transparent;
max-height: 150px;
overflow: auto; }
/* End */
/* Start:/html/components-template/footer/style.css?17491341666308*/
.footer {
background: #242424; }
.footer__inner {
padding: 80px 0;
display: flex;
justify-content: space-between;
color: #ffffff; }
.footer__left {
flex: 1; }
.footer__left-top {
padding-bottom: 76px; }
.footer__left-bottom {
display: flex; }
.footer__left-item {
flex: 1; }
.footer__left-item-opened {
margin-bottom: 35px; }
.footer__left-item-title {
color: #444444;
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.1px;
text-transform: uppercase;
fill: #444444; }
.footer__left-item-title a {
color: inherit; }
.footer__left-item-title a.active,
.footer__left-item-title a:hover {
color: #000;
color: #8a6048; }
.footer__left-item-title .icon {
display: none; }
.footer__left-item-list {
margin: 19px 0 0 0; }
.footer__left-item-list li:not(:last-child) {
margin-bottom: 10px; }
.footer__left-item-list a {
font-weight: 300;
font-size: 0.9375rem;
color: #ffffff;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: normal; }
.footer__left-item-list a:hover {
color: #8a6048; }
.footer__right {
max-width: 30%; }
.footer__title {
color: #444444;
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.1px;
text-transform: uppercase;
margin-bottom: 19px; }
.footer__dropdown {
position: relative;
margin: 12px 0 0 0; }
.footer__dropdown .header-phones__dropdown {
top: auto;
bottom: -34px;
display: flex;
flex-direction: column-reverse; }
.footer__dropdown .header-phones__dropdown-inner {
display: flex;
flex-direction: column-reverse; }
.footer__dropdown .header-phones__dropdown-inner .btn {
width: 100%; }
.footer__dropdown .header-phones__dropdown-inner + .header-phones__dropdown-inner {
margin: 0 0 4px; }
.footer__dropdown:hover .header-phones__dropdown {
opacity: 1;
visibility: visible; }
.footer__item {
margin-bottom: 15px;
color: #ffffff;
display: flex;
align-items: start;
font-style: normal;
font-weight: 300;
line-height: 24px; }
.footer__item:last-child {
margin-bottom: 0; }
.footer__item svg {
margin-right: 15px; }
.footer__item a {
color: #ffffff;
font-size: 15px; }
.footer__item span {
font-size: 14px; }
.footer__item-group span {
display: block; }
.footer .footer__item a {
color: #ffffff; }
.footer .footer__item a:hover {
color: #8a6048; }
.footer__socials {
margin-top: 15px; }
.footer__socials .footer__socials-list {
display: flex;
gap: 15px;
align-items: center; }
.footer__bottom {
border-top: 1px solid #3a3a3a;
padding: 20px 0; }
.footer__bottom-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: start;
margin: 0 -16px; }
@media (max-width: 990.75px) {
.footer__bottom-inner {
gap: 30px; } }
.footer__bottom-copy {
margin: 0 16px;
flex: 1;
color: #7a7a7a;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 20px; }
.footer__bottom-pays {
margin: 0px 16px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px; }
.footer__bottom-pays li {
display: flex;
align-items: center;
width: auto; }
.footer__bottom-pays li:last-child {
margin-right: 0; }
.footer__bottom-links {
margin: 0 16px; }
.footer__bottom-links a {
color: #999; }
.footer__bottom-links a:not(:first-child) {
margin-left: 32px; }
.footer__bottom-links a:hover {
color: #555;
color: var(--fill_dark_lite_hover); }
.footer__bottom-dev {
margin: 0 16px;
color: #999; }
.footer__bottom-dev:hover {
color: #555;
color: var(--fill_dark_lite_hover); }
@media (max-width: 991.75px) {
.footer__inner {
flex-wrap: wrap;
padding: 45px 0; }
.footer__left {
min-width: 100%; }
.footer__right {
margin-left: 0;
max-width: 100%;
min-width: 100%; }
.footer__left-top {
padding-bottom: 40px; }
.footer__bottom {
padding: 30px 0; }
.footer__bottom-copy {
flex: auto; } }
@media (max-width: 767.75px) {
.footer__left-bottom {
flex-wrap: wrap; }
.footer__left-item {
min-width: 100%; }
.footer__left-item-opened {
margin-bottom: 30px; }
.footer__left-item-opened.opened .footer__left-item-title .icon {
transform: scale(1, -1); }
.footer__left-item-opened.opened .footer__left-item-list {
margin-top: 19px;
max-height: 500px; }
.footer__left-item-title {
display: flex;
align-items: center; }
.footer__left-item-title .icon {
display: block;
transition: transform 0.3s;
margin-left: 10px; }
.footer__left-item-list {
margin: 0;
overflow: hidden;
max-height: 0px;
transition: max-height 0.3s, margin-top 0.3s; } }
@media (max-width: 600.75px) {
.footer__right {
min-width: 100%;
max-width: 100%; } }
.modal-information {
position: fixed;
bottom: 20px;
right: 20px;
left: 20px;
z-index: 20;
display: none; }
.modal-information.show {
display: block; }
.modal-information__dialog {
margin: 0 auto;
max-width: 760px;
padding: 20px 14px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.modal-information__content {
position: relative; }
.modal-information .modal-close {
right: 0;
top: -5px; }
.sublist > a {
display: inline-flex; }
@media (hover: hover) {
.sublist > a:hover {
cursor: pointer; }
.sublist > a:hover svg {
fill: #8a6048; } }
.sublist.opened > a {
color: #8a6048; }
.sublist.opened .sublist-toggler {
transform: rotate(180deg);
fill: #8a6048; }
.sublist-toggler {
height: 20px;
width: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-left: 4px;
fill: #ffffff; }
.sublist-list {
margin-top: 10px;
padding-left: 20px;
margin-bottom: 8px; }
/* End */
/* Start:/html/components-template/modal/style.css?175520260712580*/
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
.modal-open {
overflow: hidden; }
.modal-open .wrapper {
filter: blur(3px);
-webkit-filter: blur(3px); }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 2000;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0; }
.fade {
transition: opacity 0.15s linear; }
.modal-narrow .modal-dialog {
max-width: 716px; }
.modal-sm .modal-dialog {
max-width: 486px; }
.modal-wide .modal-dialog {
max-width: 860px; }
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none; }
.modal-dialog .form-block__footer {
gap: 0 30px; }
.modal.fade .modal-dialog {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px); }
.modal-close {
position: absolute;
top: 18px;
right: 15px;
fill: #e3e3e3;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.3s ease; }
@media (max-width: 767.75px) {
.modal-close {
top: 13px;
right: 13px; } }
@media (min-width: 1024px) {
.modal-close:hover {
cursor: pointer;
fill: #8a6048; } }
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none; } }
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none; }
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem); }
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: ""; }
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: var(--black_bg_black);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
outline: 0;
padding: 45px; }
@media (max-width: 766.75px) {
.modal-content {
padding: 20px; } }
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.show {
opacity: 0.5; }
.modal-title {
color: #000;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 36px;
margin-bottom: 30px; }
@media (max-width: 600.75px) {
.modal-title {
font-size: 26px;
line-height: 34px;
margin-bottom: 25px; } }
.modal-descr {
margin: -20px 0 30px;
color: #444444; }
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
@media (min-width: 600.75px) {
.modal-dialog {
margin: 1.75rem auto; }
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem); }
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem); }
.modal-dialog-centered {
min-height: calc(100% - 3.5rem); }
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content; }
.modal-xs {
max-width: 300px; } }
@media (min-width: 991.75px) {
.modal-md,
.modal-lg {
max-width: 800px; } }
@media (min-width: 1199.75px) {
.modal-lg {
max-width: 1140px; } }
.modal-comment .modal-close {
fill: #666666; }
@media (hover: hover) {
.modal-comment .modal-close:hover {
cursor: pointer;
fill: #8a6048; } }
.modal-one-click__product {
margin-top: 0; }
.modal-one-click__success {
display: flex;
flex-direction: column;
align-items: center;
padding: 30px;
padding-top: 75px;
text-align: center;
max-width: 388px;
margin: auto; }
.modal-one-click__success-title {
color: var(--white_text_black);
font-size: 24px;
font-weight: 600;
margin-bottom: 20px; }
@media (max-width: 599.75px) {
.modal-one-click__success-title {
font-size: 16px; } }
.modal-one-click__success-descr {
font-size: 16px;
margin-bottom: 34px; }
@media (max-width: 599.75px) {
.modal-one-click__success-descr {
font-size: 12px; } }
@media (max-width: 599.75px) {
.modal-one-click__success-image {
max-width: 70px; } }
.modal-one-click__success-image svg {
height: auto; }
.modal-one-click__product-title {
font-size: 0.9375rem;
line-height: calc(1em + 7px); }
.modal-one-click__product-status {
font-size: 0.875rem;
line-height: calc(1em + 7px); }
.modal-one-click__product-price {
font-weight: 600;
line-height: 20px;
font-size: 1.5rem;
margin-top: 15px; }
.modal-one-click .modal-close {
z-index: 10; }
.modal-one-click .modal-dialog {
max-width: 957px; }
.modal-one-click .modal-content {
padding: 0px; }
.modal-one-click .rowblock {
display: flex; }
@media (max-width: 599.75px) {
.modal-one-click .rowblock {
display: block; } }
.modal-one-click .rowblock__left, .modal-one-click .rowblock__right {
flex-grow: 1;
padding: 35px 32px; }
@media (max-width: 766.75px) {
.modal-one-click .rowblock__left, .modal-one-click .rowblock__right {
padding: 20px; } }
@media (max-width: 599.75px) {
.modal-one-click .rowblock__left, .modal-one-click .rowblock__right {
width: auto; } }
.modal-one-click .rowblock__left {
width: 393px;
flex: 0 0 auto;
display: flex;
flex-direction: column;
border-right: 1px solid var(--stroke_black); }
@media (max-width: 766.75px) {
.modal-one-click .rowblock__left {
display: none; } }
.modal-one-click .product-card__stock {
margin: 10px 0px; }
@media (max-width: 599.75px) {
.modal-one-click .product-card__stock {
order: 3;
height: auto; } }
.modal-one-click .product-card__footer {
margin-top: 13px; }
@media (max-width: 599.75px) {
.modal-one-click .product-card__footer {
order: 4;
margin-top: 0px; } }
.modal-one-click .product-card__title {
height: 48px; }
@media (max-width: 599.75px) {
.modal-one-click .product-card__title {
order: 1;
font-size: 12px;
height: 30px; } }
@media (max-width: 599.75px) {
.modal-one-click .product-card__mid {
display: flex; } }
.modal-one-click .product-card__image {
display: block;
padding-bottom: 100%;
position: relative;
width: 100%;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
margin-bottom: 26px; }
.modal-one-click .product-card__image .lazy-img-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.modal-one-click .product-card__image .lazy-img-wrap img {
max-width: 100%;
max-height: 100%; }
.modal-one-click .product-card__content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
color: var(--white_text_black); }
@media (max-width: 599.75px) {
.modal-one-click .product-card__id,
.modal-one-click .product-card__availability {
font-size: 10px;
margin-right: 16px; } }
@media (max-width: 599.75px) {
.modal-one-click .product-card__status-wrap {
order: 2;
height: auto; } }
@media (max-width: 599.75px) {
.modal-one-click .product-card__status {
justify-content: flex-start; } }
@media (max-width: 599.75px) {
.modal-one-click .counter-input {
max-width: none;
width: 100%; } }
.modal-container .modal-dialog {
max-width: 460px; }
.comment-form {
border-color: var(--stroke_black);
border-radius: 8px;
display: grid;
gap: 25px;
grid-template-columns: 1fr 1fr; }
.comment-form__full {
grid-column: 2 span; }
.comment-form .btn {
width: 205px;
padding: 12px 40px 14px 40px; }
@media (max-width: 600.75px) {
.comment-form .btn {
width: 100%; } }
.comment-form__bottom {
display: flex;
justify-content: space-between; }
@media (max-width: 600.75px) {
.comment-form__bottom {
flex-direction: column;
gap: 25px; } }
.comment-form__success {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
text-align: center;
max-width: 388px;
margin: auto; }
@media (max-width: 600.75px) {
.comment-form__success {
gap: 10px; } }
.comment-form__success-title {
color: #000;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 36px; }
@media (max-width: 599.75px) {
.comment-form__success-title {
font-size: 22px;
line-height: 30px; } }
.comment-form__success-descr {
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px; }
@media (max-width: 599.75px) {
.comment-form__success-descr {
font-size: 12px;
line-height: 18px; } }
.comment-form__success-image svg {
height: auto; }
.modal-auth .forgot {
color: #8a6048; }
.modal-auth .form-block__footer {
margin-top: 0;
padding-top: 0;
border-top: none;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px dashed #E3E3E3; }
.modal-auth .form-block__footer .btn {
width: auto; }
@media (max-width: 600.75px) {
.comment-form {
grid-template-columns: 1fr; }
.comment-form .comment-form__full {
grid-column: span 1; }
.comment-form .btn {
width: 100%; } }
.modal-pickup__grid {
display: grid;
grid-template-columns: 400px 1fr;
border-radius: 10px;
overflow: hidden; }
@media (max-width: 990.75px) {
.modal-pickup__grid {
grid-template-columns: 300px 1fr; } }
@media (max-width: 766.75px) {
.modal-pickup__grid {
grid-template-columns: 1fr; } }
.modal-pickup__map {
height: 600px; }
@media (max-width: 990.75px) {
.modal-pickup__map {
height: 400px; } }
@media (max-width: 990.75px) {
.modal-pickup__map {
height: 340px; } }
.modal-pickup__ovh {
flex-grow: 1;
position: relative; }
@media (max-width: 766.75px) {
.modal-pickup__ovh {
height: 320px; } }
.modal-pickup__list {
padding: 24px;
height: 100%;
display: flex;
flex-direction: column;
background-color: #F8F8F8; }
@media (max-width: 990.75px) {
.modal-pickup__list {
padding: 16px; } }
.modal-pickup__title {
margin-bottom: 24px;
font-weight: 600;
font-size: 20px; }
@media (max-width: 990.75px) {
.modal-pickup__title {
font-size: 18px;
margin-bottom: 16px; } }
.modal-pickup__points {
height: 100%;
overflow: auto;
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
gap: 10px; }
@media (max-width: 990.75px) {
.modal-pickup__points {
gap: 8px; } }
@media (min-width: 767.75px) {
.modal-pickup__points::-webkit-scrollbar {
width: 6px;
height: 6px; }
.modal-pickup__points::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #ccc;
background: var(--gray_bg_black);
border: 1px solid #fff;
border-color: var(--black_bg_black); }
.modal-pickup__points::-webkit-scrollbar-track {
border-radius: 5px; } }
.modal-pickup__item {
padding: 15px;
display: flex;
align-items: center;
border: 1px solid #ECECEC;
border-radius: 10px;
font-size: 15px;
font-weight: 500;
gap: 16px; }
@media (max-width: 990.75px) {
.modal-pickup__item {
font-size: 13px;
padding: 10px; } }
.modal-pickup__item .round {
width: 20px;
height: 20px;
flex-shrink: 0;
border: 1px solid #ececec;
border-radius: 50%; }
.modal-pickup__item.active {
border-color: #8a6048;
border-width: 2px;
pointer-events: none; }
.modal-pickup__item.active .round {
border-width: 5px;
border-color: #8a6048; }
.modal-pickup__footer {
position: sticky;
width: 100%;
bottom: 0;
margin-top: 24px; }
.modal-pickup__footer .btn {
width: 100%; }
.modal-pickup__footer .btn[disabled] {
background-color: #bdbdbd;
border-color: #bdbdbd;
pointer-events: none; }
.modal-pickup .modal-dialog {
max-width: 1100px;
padding: 0 30px; }
.modal-pickup .modal-content {
padding: 0;
border: none;
background-color: transparent; }
.modal-pickup .modal-close {
right: -20px;
top: 10px; }
/* End */
/* Start:/html/components-template/mixin__info-slider/style.css?1722970218886*/
.info-slider {
border: 1px solid #dadada;
border-color: var(--input_border_color);
border-radius: 8px;
padding: 6px 14px;
margin: 17px 0 15px 0;
background: #fff;
background-color: var(--input_bg_color); }
.info-slider__title {
color: var(--white_text_black); }
.info-slider__header {
padding: 3px 0 4px;
display: flex;
align-items: center;
gap: 5px;
justify-content: space-between; }
.info-slider__toggle {
display: flex;
align-items: center;
justify-content: center;
fill: var(--white_text_black); }
.info-slider__content {
max-height: 70px;
overflow: hidden;
transition: all 0.3s ease; }
.info-slider__content.start {
max-height: 0px; }
.info-slider.active .info-slider__toggle {
transform: rotate(-180deg); }
@media (min-width: 1024px) {
.info-slider:hover {
cursor: pointer; } }
/* End */
/* Start:/html/components-template/auth-service/style.css?1722970218430*/
.auth-service__title {
font-weight: 300;
text-align: center;
padding: 33px 0 15px 0;
font-size: 0.875rem;
line-height: calc(1em + 7px); }
.auth-service__list {
display: flex;
gap: 8px; }
.auth-service__item {
width: 100%;
min-width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
background-color: var(--light, #f4f4f4) var(--dark, #343434); }
/* End */
/* Start:/html/components-template/personal/style.css?175520166216565*/
.personal__title {
margin-bottom: 35px;
font-size: 26px;
font-weight: 600; }
.personal-grid {
display: grid;
grid-template-columns: 314px auto;
padding-bottom: 110px; }
@media (max-width: 1198.75px) {
.personal-grid {
grid-template-columns: 260px auto; } }
@media (max-width: 990.75px) {
.personal-grid {
grid-template-columns: 100%;
gap: 30px; } }
@media (max-width: 766.75px) {
.personal-grid {
padding-bottom: 60px; } }
.personal-grid__item {
border: 1px solid #E3E3E3;
padding: 40px; }
@media (max-width: 1198.75px) {
.personal-grid__item {
padding: 30px; } }
@media (max-width: 990.75px) {
.personal-grid__item {
border: none;
padding: 0; } }
.personal-grid__item:first-child {
border-right: none; }
@media (min-width: 991.75px) {
.personal-nav__header {
display: none; }
.personal-nav__body {
gap: 30px; } }
@media (max-width: 990.75px) {
.personal-nav {
width: 100%;
max-width: 360px;
position: relative; }
.personal-nav__header {
height: 48px;
background-color: #F8F8F8;
padding: 12px 15px;
display: flex;
align-items: center;
font-weight: 600;
gap: 20px;
justify-content: space-between;
transition: all ease .3s;
fill: #000000; }
.personal-nav__body {
z-index: 10;
gap: 15px;
padding: 18px 20px;
position: absolute;
top: 49px;
left: 0;
right: 0;
background: #FFF;
box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
transition: all ease .3s; }
.personal-nav.active .personal-nav__header .icon {
transform: rotate(180deg); }
.personal-nav.active .personal-nav__body {
opacity: 1;
visibility: visible; } }
.personal-nav__body {
display: flex;
flex-direction: column; }
.personal-nav__item {
display: flex;
gap: 12px;
align-items: center;
fill: #ACACAC; }
.personal-nav__item.active {
pointer-events: none;
font-weight: 600;
fill: #000000; }
.order-item {
padding: 25px 0;
border-bottom: 1px solid #E3E3E3;
position: relative; }
.order-item:first-child {
border-top: 1px solid #E3E3E3; }
.order-item__head {
display: grid;
font-size: .8666rem;
align-items: center;
gap: 20px;
justify-content: space-between;
grid-template-columns: 180px 80px 120px 65px 80px 34px; }
@media (max-width: 1198.75px) {
.order-item__head {
gap: 10px; } }
@media (max-width: 766.75px) {
.order-item__head {
justify-content: start;
gap: 5px 0;
grid-template-columns: 145px 80px 90px; } }
.order-item__name {
font-weight: 600;
font-size: 1rem; }
@media (max-width: 766.75px) {
.order-item__name {
grid-column: span 3; } }
.order-item__date {
color: #444444; }
@media (max-width: 766.75px) {
.order-item__date {
grid-column: span 3;
margin-bottom: 10px; } }
.order-item__status {
position: relative;
display: flex;
align-items: center;
gap: 10px; }
.order-item__status:before {
flex-shrink: 0;
content: '';
width: 6px;
height: 6px;
display: inline-block;
border-radius: 50%;
background-color: #68A1B4; }
.order-item__status--done:before {
background: #914600; }
.order-item__status--buy:before {
background: #7DAC7F; }
.order-item__status--cancel:before {
background: #ACACAC; }
.order-item__summ {
font-weight: 600; }
.order-item__action {
color: #8a6048; }
@media (min-width: 991.75px) {
.order-item__action:hover {
text-decoration: underline; } }
.order-item__control {
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #F5F5F5;
display: flex;
align-items: center;
justify-content: center;
fill: #000000;
transition: all ease .3s; }
@media (min-width: 991.75px) {
.order-item__control {
cursor: pointer; }
.order-item__control:hover {
background-color: #8a6048;
fill: #ffffff; } }
@media (max-width: 766.75px) {
.order-item__control {
position: absolute;
right: 0;
top: 25px; } }
.order-item__control.active {
transform: rotate(180deg);
fill: #ffffff;
background-color: #000000; }
.order-item__list {
margin-top: 25px;
display: flex;
flex-direction: column;
gap: 10px; }
@media (max-width: 766.75px) {
.order-item__list {
gap: 15px; } }
.order-item__info {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 10px; }
.order-item__info-row {
display: grid;
grid-template-columns: 80px auto;
gap: 8px;
font-size: .8666rem; }
@media (max-width: 599.75px) {
.order-item__info-row {
gap: 2px;
grid-template-columns: 100%; } }
.order-item__info-prop {
font-weight: 600; }
.order-item__info-val {
color: #444444; }
.order-card {
padding: 18px;
background: #F8F8F8;
display: grid;
align-items: center;
gap: 20px;
font-size: 0.8756rem;
grid-template-columns: auto 310px 40px 90px; }
@media (max-width: 1198.75px) {
.order-card {
grid-template-columns: auto 210px 40px 80px; } }
@media (max-width: 766.75px) {
.order-card {
padding: 15px;
gap: 10px;
justify-content: start;
grid-template-columns: minmax(45px, auto) auto; } }
.order-card__head {
display: grid;
grid-template-columns: 45px auto;
align-items: center;
gap: 20px; }
@media (max-width: 766.75px) {
.order-card__head {
grid-column: span 2;
gap: 15px; } }
.order-card__img {
position: relative;
padding-bottom: 100%; }
.order-card__img .lazy-img-wrap {
position: absolute;
inset: 0; }
.order-card__img .lazy-img-wrap img {
width: 100%;
height: 100%;
object-fit: contain; }
.order-card__title {
font-weight: 600; }
.order-card__props {
gap: 20px;
display: grid;
grid-template-columns: 1fr 1fr; }
@media (max-width: 766.75px) {
.order-card__props {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
grid-column: span 2; } }
.order-card__prop {
display: flex;
flex-direction: column; }
@media (max-width: 766.75px) {
.order-card__prop {
flex-direction: row; } }
.order-card__prop-prop {
color: #444444; }
.order-card__summ {
font-weight: 600;
text-align: right; }
@media (max-width: 766.75px) {
.order-card__summ {
text-align: left; } }
.personal-user {
display: flex;
flex-direction: column;
gap: 50px; }
@media (max-width: 766.75px) {
.personal-user {
gap: 30px; } }
.personal-sale {
padding: 35px;
background-color: #F8F8F8; }
@media (max-width: 766.75px) {
.personal-sale {
padding: 20px; }
.personal-sale .personal__title {
margin-bottom: 15px;
font-weight: 300; } }
.personal-sale .progress {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 30px; }
.personal-sale .progress-line {
width: 100%;
height: 16px;
position: relative;
background-color: #E3E3E3; }
.personal-sale .progress-line__progress {
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
top: 0;
height: 16px;
background-color: #000000; }
.personal-sale .progress-line__val {
position: absolute;
top: -6px;
transform: translate(-100%, -100%); }
.personal-sale .progress-point {
font-size: 0.8756rem;
color: #ACACAC;
margin-top: 4px; }
.personal-sale .progress-info {
flex-grow: 1;
padding: 0 20px;
margin-top: 4px;
font-size: 14px;
text-align: center;
color: #757575; }
@media (max-width: 599.75px) {
.personal-sale .progress-info {
font-size: 12px;
padding: 0 10px;
max-width: 80%;
margin: 4px auto 0; } }
.personal-sale__info {
margin-top: 20px;
display: grid;
gap: 30px;
grid-template-columns: 260px auto; }
@media (max-width: 599.75px) {
.personal-sale__info {
grid-template-columns: 100%;
gap: 16px; } }
.personal-sale__info-desc {
display: flex;
flex-direction: column;
gap: 12px; }
@media (max-width: 599.75px) {
.personal-sale__info-desc {
gap: 10px; } }
.personal-sale__info-desc p {
font-size: .92rem; }
.personal-sale__info-desc p b {
font-size: 1rem; }
.personal-sale__info-desc span {
font-size: .82rem;
color: #757575;
display: inline-block;
margin-bottom: 8px; }
.personal-sale .sale {
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
height: 100%; }
@media (max-width: 766.75px) {
.personal-sale .sale {
padding: 10px; } }
.personal-sale .sale-percent {
font-size: 60px;
font-weight: 300; }
@media (max-width: 766.75px) {
.personal-sale .sale-percent {
font-size: 50px; } }
.personal-bill__inner {
display: flex;
gap: 15px; }
@media (max-width: 766.75px) {
.personal-bill__inner {
gap: 10px; } }
@media (max-width: 599.75px) {
.personal-bill__inner {
flex-direction: column; } }
.personal-bill__summ {
font-size: 1.25rem;
font-weight: 600; }
.personal-bill__info {
color: #444444;
font-size: .8666rem; }
.personal-mail__form .form-block {
gap: 0; }
.personal-mail__form .form-block__submit {
margin-top: 0; }
.personal-subs {
display: grid;
grid-template-columns: 36% auto;
gap: 50px;
align-items: center; }
@media (max-width: 766.75px) {
.personal-subs {
grid-template-columns: 100%;
gap: 30px; } }
.personal-subs__img {
position: relative;
padding-bottom: 100%; }
@media (max-width: 766.75px) {
.personal-subs__img {
width: 100%;
max-width: 360px;
aspect-ratio: 1;
padding-bottom: 0; } }
.personal-subs__img .lazy-img-wrap {
position: absolute;
inset: 0; }
.personal-subs__img .lazy-img-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center; }
.personal-subs__content {
display: flex;
flex-direction: column;
gap: 15px; }
@media (max-width: 766.75px) {
.personal-subs__content {
gap: 20px; } }
.personal-subs__content h2 {
font-size: 1.25rem; }
.personal-subs__btn {
margin-top: 15px; }
@media (max-width: 766.75px) {
.personal-subs__btn {
margin-top: 10px; } }
.personal-stat {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
align-items: flex-start; }
.personal-stat__block {
border-radius: 15px;
padding: 20px; }
.personal-stat__block--v1 {
grid-column: span 3;
background-color: #F6E4DB; }
@media (max-width: 1198.75px) {
.personal-stat__block--v1 .personal-stat__cards {
display: flex;
flex-direction: column; } }
.personal-stat__block--v1 .stat-card {
flex-direction: row;
padding: 30px 20px; }
@media (max-width: 1398.75px) {
.personal-stat__block--v1 .stat-card {
padding: 20px; } }
@media (max-width: 599.75px) {
.personal-stat__block--v1 .stat-card {
flex-direction: column; } }
.personal-stat__block--v1 .stat-card__content {
height: 100%;
gap: 10px; }
@media (max-width: 599.75px) {
.personal-stat__block--v1 .stat-card__content {
gap: 5px;
height: auto;
align-items: flex-start; } }
@media (max-width: 599.75px) {
.personal-stat__block--v1 .stat-card__title {
font-size: 14px; } }
.personal-stat__block--v1 .stat-card__text {
margin-top: auto; }
.personal-stat__block--v1 .stat-card__img {
width: 80px;
height: 80px;
margin: 0; }
@media (max-width: 1398.75px) {
.personal-stat__block--v1 .stat-card__img {
width: 60px;
height: 60px; } }
@media (max-width: 766.75px) {
.personal-stat__block--v1 .stat-card__img {
width: 100px;
height: 100px; } }
.personal-stat__block--v2 {
grid-column: span 2;
background-color: #F6ECC9; }
@media (max-width: 766.75px) {
.personal-stat__block--v2 {
grid-column: span 3; } }
@media (max-width: 1398.75px) {
.personal-stat__block--v2 .personal-stat__cards {
grid-template-columns: 1fr 1fr; } }
@media (max-width: 599.75px) {
.personal-stat__block--v2 .personal-stat__cards {
grid-template-columns: 1fr; } }
.personal-stat__block--v3 {
background-color: #F8F8F8; }
@media (max-width: 766.75px) {
.personal-stat__block--v3 {
grid-column: span 3;
max-width: 400px;
width: 100%;
justify-self: center; } }
.personal-stat__title {
font-weight: 600;
font-size: 16px;
margin-bottom: 15px; }
.personal-stat__cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px; }
.stat-card {
background-color: #fff;
padding: 20px 15px;
display: flex;
gap: 16px;
flex-direction: column;
border-radius: 15px; }
@media (max-width: 599.75px) {
.stat-card {
gap: 10px;
padding: 20px; } }
.stat-card__img {
width: 32px;
height: 32px;
position: relative;
margin-left: auto;
flex-shrink: 0;
margin-top: auto; }
@media (max-width: 599.75px) {
.stat-card__img {
width: 40px;
height: 40px;
align-self: center;
margin-left: 0; } }
.stat-card__img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain; }
.stat-card__content {
display: flex;
flex-direction: column; }
@media (max-width: 599.75px) {
.stat-card__content {
align-items: center; } }
.stat-card__title {
font-size: 14px;
font-weight: 600; }
@media (max-width: 599.75px) {
.stat-card__title {
font-size: 16px; } }
.stat-card__text {
color: #666666;
font-size: 13px; }
.stat-total {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center; }
.stat-total .segment-circle {
width: 170px;
height: 170px;
border-radius: 50%;
background: #C99D80;
position: relative; }
@media (max-width: 1198.75px) {
.stat-total .segment-circle {
width: 120px;
height: 120px; } }
@media (max-width: 766.75px) {
.stat-total .segment-circle {
width: 140px;
height: 140px; } }
.stat-total .segment-circle__text {
content: '';
position: absolute;
width: 120px;
height: 120px;
background: white;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 16px;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2; }
@media (max-width: 1398.75px) {
.stat-total .segment-circle__text {
width: 80px;
height: 80px; } }
@media (max-width: 766.75px) {
.stat-total .segment-circle__text {
width: 100px;
height: 100px; } }
.stat-total .segment {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
clip-path: circle(50% at 50% 50%); }
.stat-total__footer {
width: 100%;
display: flex;
flex-direction: column;
gap: 5px; }
.stat-total__row {
color: #696969;
display: flex;
gap: 5px;
font-size: 13px;
align-items: center; }
.stat-total__row .thumb {
width: 10px;
height: 10px;
border-radius: 50%;
flex-shrink: 0;
background-color: #C99D80; }
.stat-total__row .thumb--tea {
background-color: #FFE986; }
.stat-total__row .value {
display: flex;
align-items: center;
gap: 20px;
margin-left: auto; }
/* End */
/* Start:/html/components-template/company/style.css?17229702182048*/
.company-top {
display: grid;
grid-template-columns: 32% auto; }
@media (max-width: 1198.75px) {
.company-top {
grid-template-columns: 360px auto; } }
@media (max-width: 990.75px) {
.company-top {
grid-template-columns: 160px auto;
gap: 20px; } }
@media (max-width: 766.75px) {
.company-top {
grid-template-columns: 100%; } }
.company-top__img {
position: relative;
width: 100%;
min-height: 420px; }
@media (max-width: 990.75px) {
.company-top__img {
position: sticky;
min-height: auto;
top: 60px;
aspect-ratio: 0.72; } }
@media (max-width: 766.75px) {
.company-top__img {
position: relative;
top: 0;
max-width: 360px; } }
.company-top__img .lazy-img-wrap {
position: absolute;
inset: 0; }
.company-top__img .lazy-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover; }
.company-top__content {
padding: 60px;
background-color: #242424; }
@media (max-width: 1198.75px) {
.company-top__content {
padding: 30px; } }
@media (max-width: 990.75px) {
.company-top__content {
padding: 14px; } }
.company-top__content.content h3 {
color: #ffffff;
margin-bottom: 15px; }
.company-top__content.content p, .company-top__content.content h5 {
color: #E3E3E3;
margin-bottom: 15px;
margin-top: 0; }
.company-top__content.content h5 {
margin-bottom: 0; }
.company-top__content.content p {
font-size: .945rem; }
.company-info {
margin-top: 80px; }
@media (max-width: 990.75px) {
.company-info {
margin-top: 40px; } }
.company-imgs {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 35px; }
@media (max-width: 766.75px) {
.company-imgs {
grid-template-columns: 100%; } }
.company-imgs__item {
aspect-ratio: 1.56; }
.company-imgs__item img {
width: 100%;
height: 100%;
object-fit: cover; }
/* End */
/* Start:/html/components-template/contacts/style.css?17552032536926*/
.contacts {
display: grid;
grid-template-columns: auto 320px;
gap: 20px;
padding-bottom: 100px; }
@media (max-width: 766.75px) {
.contacts {
padding-bottom: 60px;
gap: 25px;
grid-template-columns: 100%; } }
.contacts__item {
display: flex;
align-items: flex-start;
gap: 15px; }
.contacts__item:not(:last-child) {
margin-bottom: 15px; }
.contacts__item-icon {
flex-shrink: 0;
fill: #8a6048;
display: flex;
align-items: center;
justify-content: center; }
.contacts__item-text {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 0.945rem; }
.contacts__item-text .desc {
color: #444444;
font-size: 0.8125rem; }
.contacts__item-title {
color: #999;
font-size: .8125rem;
line-height: calc(1em + 7px);
margin-bottom: 2px; }
.contacts__item-text {
color: #222;
color: var(--white_text_black); }
.contacts__right--sticky {
background-color: var(--card_bg_black);
position: sticky;
top: 100px; }
.contacts-map {
background: rgba(0, 0, 0, 0.2);
overflow: hidden;
height: 480px; }
.contacts-region {
margin-top: 35px; }
.contacts-region h3 {
font-weight: 600;
margin-bottom: 20px;
font-size: 2rem; }
.contacts-region__card {
padding: 30px;
border: 1px solid #E3E3E3;
display: grid;
grid-template-columns: 50% auto;
gap: 10px 30px;
transition: all ease .3s;
position: relative; }
@media (max-width: 1379px) {
.contacts-region__card {
padding: 20px; } }
@media (max-width: 766.75px) {
.contacts-region__card {
grid-template-columns: 100%;
gap: 15px;
padding: 20px; } }
.contacts-region__card:not(:last-child) {
margin-bottom: -1px; }
@media (min-width: 991.75px) {
.contacts-region__card:hover {
border-color: var(--card_bg_black);
z-index: 1;
box-shadow: 0 5px 30px rgba(34, 34, 34, 0.1); }
.contacts-region__card:hover .contacts-region__card-address {
color: #8a6048; } }
.contacts-region__card-right {
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
font-size: 0.945rem; }
@media (max-width: 766.75px) {
.contacts-region__card-right {
gap: 10px 30px; } }
.contacts-region__card-list {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
padding-left: 26px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 19px 19px;
white-space: nowrap; }
.contacts-region__card-list--time {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 9.99989C16.5 14.1399 13.14 17.4999 9 17.4999C4.86 17.4999 1.5 14.1399 1.5 9.99989C1.5 5.85989 4.86 2.49989 9 2.49989C13.14 2.49989 16.5 5.85989 16.5 9.99989Z' stroke='%238A6048' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7827 12.3853L9.45766 10.9978C9.05266 10.7578 8.72266 10.1803 8.72266 9.70781V6.63281' stroke='%238A6048' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.contacts-region__card-list--phone {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3584 14.8557C15.3584 15.1034 15.3034 15.358 15.1864 15.6057C15.0694 15.8535 14.9181 16.0874 14.7185 16.3076C14.3813 16.6792 14.0098 16.9475 13.59 17.1196C13.1772 17.2916 12.7299 17.381 12.2482 17.381C11.5464 17.381 10.7964 17.2159 10.0051 16.8787C9.21375 16.5416 8.42244 16.0874 7.63801 15.5163C6.8467 14.9383 6.09668 14.2984 5.38106 13.5896C4.67233 12.874 4.0324 12.124 3.46128 11.3396C2.89704 10.5551 2.4429 9.7707 2.11262 8.99316C1.78233 8.20873 1.61719 7.45871 1.61719 6.74309C1.61719 6.27518 1.69976 5.82792 1.8649 5.41507C2.03004 4.99533 2.29152 4.61 2.65621 4.26595C3.09659 3.83245 3.57826 3.61914 4.08745 3.61914C4.28011 3.61914 4.47278 3.66043 4.6448 3.743C4.82371 3.82557 4.98197 3.94943 5.10583 4.12833L6.7022 6.3784C6.82606 6.55042 6.91551 6.70868 6.97744 6.86006C7.03937 7.00456 7.07378 7.14906 7.07378 7.2798C7.07378 7.44494 7.02561 7.61009 6.92928 7.76835C6.83982 7.92661 6.70908 8.09175 6.54394 8.2569L6.02099 8.80049C5.9453 8.87618 5.9109 8.96563 5.9109 9.07573C5.9109 9.13078 5.91778 9.17894 5.93154 9.23399C5.95218 9.28904 5.97282 9.33032 5.98659 9.37161C6.11044 9.59868 6.32375 9.89456 6.62651 10.2524C6.93616 10.6102 7.26644 10.9749 7.62425 11.3396C7.99582 11.7042 8.35363 12.0414 8.71832 12.3511C9.07613 12.6538 9.37201 12.8602 9.60596 12.9841C9.64037 12.9979 9.68165 13.0185 9.72982 13.0392C9.78487 13.0598 9.83991 13.0667 9.90184 13.0667C10.0188 13.0667 10.1083 13.0254 10.184 12.9497L10.7069 12.4336C10.8789 12.2616 11.0441 12.1309 11.2023 12.0483C11.3606 11.952 11.5189 11.9038 11.6909 11.9038C11.8216 11.9038 11.9592 11.9313 12.1106 11.9932C12.262 12.0552 12.4203 12.1446 12.5923 12.2616L14.8699 13.8786C15.0488 14.0025 15.1726 14.147 15.2483 14.319C15.3171 14.491 15.3584 14.6631 15.3584 14.8557Z' stroke='%238A6048' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M12.9708 8.43571C12.9708 8.02286 12.6474 7.38981 12.1658 6.87374C11.7254 6.39895 11.1405 6.02738 10.5625 6.02738' stroke='%238A6048' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.3792 8.43583C15.3792 5.77291 13.2254 3.61917 10.5625 3.61917' stroke='%238A6048' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.contacts-region__card-address {
font-weight: 600;
font-size: 1.25rem; }
.contacts-region__card-address:hover {
color: #8a6048; }
.contacts-region__card-map {
color: #8a6048;
font-size: .875rem; }
.contacts-region__card-map:hover {
text-decoration: underline; }
.contacts-region__card-info {
display: grid;
grid-template-columns: 23px auto;
gap: 15px;
grid-column: span 2; }
@media (max-width: 766.75px) {
.contacts-region__card-info {
grid-column: span 1; } }
.contacts-region__card-info svg {
width: 23px;
height: 23px; }
.contacts-region__card-info p {
color: #444444;
font-size: 0.945em; }
.contacts-region__card-footer {
align-self: end;
display: flex;
gap: 12px;
justify-content: flex-end; }
.contacts-region__card-footer a {
width: 32px;
height: 32px;
position: relative;
flex-shrink: 0; }
.contacts-region__card-footer a img {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain; }
@media (min-width: 767.75px) {
.contacts-region__card-footer {
grid-column: span 2; } }
@media (max-width: 991.75px) {
.contacts {
grid-template-columns: 100%; } }
/* End */
/* Start:/html/components-template/mixin__sticky-block/style.css?1722970219762*/
.sticky-block {
padding: 35px;
background-color: #F8F8F8; }
@media (max-width: 990.75px) {
.sticky-block {
padding: 20px; } }
.sticky-block__img {
margin-bottom: 30px;
height: 140px;
position: relative; }
.sticky-block__img .lazy-img-wrap {
position: absolute;
inset: 0; }
.sticky-block h4 {
font-size: 1.25rem;
margin-bottom: 15px; }
.sticky-block__btn {
margin-top: 30px; }
.sticky-block--contacts {
padding: 20px; }
.sticky-block--contacts .sticky-block__img {
height: 196px;
margin: -20px -20px 0 -20px; }
.sticky-block--contacts .sticky-block__content {
padding-top: 20px; }
.sticky-block--contacts h3 {
margin-bottom: 15px;
font-size: 1.25rem; }
/* End */
/* Start:/html/components-template/review/style.css?17229702191048*/
.review-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px 40px;
flex-wrap: wrap;
margin-bottom: 30px; }
.review-header__left {
font-size: 1.625rem; }
@media (max-width: 766.75px) {
.review-header__left {
font-size: 18px; } }
.review-header__right {
display: flex;
gap: 10px; }
@media (max-width: 766.75px) {
.review-header__right {
overflow: auto; } }
.review-list .comment:not(:last-child) {
border-bottom: transparent; }
.review-filter {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 15px;
height: 32px;
border-radius: 90px;
background-color: #F8F8F8;
transition: all ease .3s;
font-size: 0.8675rem;
flex-shrink: 0; }
@media (min-width: 991.75px) {
.review-filter {
cursor: pointer; }
.review-filter:hover {
background: #8a6048;
color: #ffffff; } }
.review-filter.active {
pointer-events: none;
background-color: #000000;
color: #ffffff; }
/* End */
/* Start:/html/components-template/mixin__comment/style.css?17405088516165*/
.comment {
border: 1px solid #e3e3e3;
padding: 30px; }
.comment .comment {
padding-right: 0; }
.comment__header {
margin-bottom: 25px; }
.comment__header-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 5px; }
.comment__title {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
color: #000; }
.comment__date {
margin-left: auto;
display: flex;
align-items: center;
gap: 10px; }
.comment__date svg {
width: 14px;
height: 15px; }
.comment__date span {
color: #000;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 23px; }
.comment__time {
margin-left: 10px;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 23px;
color: #acacac; }
.comment__rating {
align-items: center;
display: flex;
gap: 12px; }
.comment__stars {
display: flex;
gap: 2px;
fill: #e3e3e3; }
.comment__stars .filled {
fill: #8a6048; }
.comment__info {
font-size: 0.8125rem;
line-height: calc(1em + 7px);
color: #25a70f; }
.comment__main {
display: flex;
flex-direction: column;
gap: 12px; }
.comment__main-product {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 8px; }
.comment__main-product .lazy-img-wrap {
width: 38px;
height: 38px;
flex-shrink: 0;
border: 1px solid #E3E3E3;
padding: 2px; }
.comment__main-product .lazy-img-wrap img {
width: 100%;
height: 100%;
object-fit: contain; }
.comment__main-product a {
font-weight: 600;
font-size: .945em;
color: #8a6048; }
@media (min-width: 991.75px) {
.comment__main-product a:hover {
text-decoration: underline; } }
.comment__main-item {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
display: flex;
gap: 15px; }
.comment__main-item__title {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
width: 115px;
flex-shrink: 0; }
.comment__main-item__text {
color: #444444;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px; }
.comment__main-photos-title {
font-size: 0.875rem;
color: #222;
color: var(--white_text_black);
font-weight: 500;
margin-bottom: 6px; }
.comment__main-photos-list {
display: grid;
grid-template-columns: repeat(10, 1fr);
gap: 12px; }
.comment__photo {
padding-bottom: 100%;
position: relative; }
.comment__photo img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px; }
.comment__main-meta {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 12px; }
.comment__main-meta-rating {
display: flex;
align-items: flex-start;
gap: 12px;
margin-right: 14px; }
.comment__main-meta-rating a {
display: flex;
align-items: center;
margin-right: 5px;
color: #222;
color: var(--white_text_black);
opacity: 0.35; }
.comment__main-meta-rating a:hover {
opacity: 1;
color: #000;
color: var(--fill_dark_lite_hover); }
.comment__main-meta-rating a:hover svg {
stroke: var(--theme-base-color); }
.comment__main-meta-rating svg {
margin-right: 3px;
fill: rgba(0, 0, 0, 0);
stroke: var(--fill_dark_light); }
.comment__main-meta-link {
text-decoration: underline;
text-decoration-style: dotted;
text-underline-offset: 0.15em;
text-decoration-thickness: 1px;
text-decoration-skip-ink: none;
font-size: 0.875rem;
line-height: calc(1em + 7px);
color: #222;
color: var(--white_text_black); }
.comment__main-meta-link:hover {
cursor: pointer;
color: #000;
color: var(--fill_dark_lite_hover);
text-decoration: none; }
.comment__main-form {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s; }
.comment__main-form.opened {
max-height: 1000px; }
.comment .comment-text__text {
color: #7a7a7a; }
.comment__main-answers {
margin-top: 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px; }
@media (max-width: 766.75px) {
.comment__main-answers {
margin-top: 0;
gap: 16px; } }
.comment__main-answers-btn {
font-size: 14px;
color: #9B9EA7;
transition: all ease .3s; }
@media (hover: hover) {
.comment__main-answers-btn:hover {
cursor: pointer;
opacity: .75; } }
.comment__main-answers-toggler {
font-size: 14px;
color: #946143;
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: 600;
fill: #946143;
transition: all ease .3s; }
@media (hover: hover) {
.comment__main-answers-toggler:hover {
cursor: pointer;
opacity: .75; } }
.comment__main-answers-toggler.active .icon {
transform: rotate(180deg); }
.comment__main-answers-list .comment {
padding-top: 0;
padding-bottom: 0;
border: none; }
.comment__main-answers-list > .comment:not(:last-child) {
margin-bottom: 20px; }
.comment--recipe .comment__date span {
font-size: 14px;
color: #9B9EA7; }
.comment--recipe .comment__main-item {
flex-direction: column;
gap: 0; }
.comment--recipe .comment__main-item__title {
width: auto; }
.comment--recipe .comment__main-item__text {
color: #000000; }
@media (max-width: 599.75px) {
.comment {
padding: 20px; }
.comment__date {
display: none; }
.comment__time {
display: none; }
.comment__main-item {
gap: 5px;
flex-direction: column; } }
/* End */
/* Start:/local/components/gcode/smallbasket.ajax/templates/.default/style.css?1718707309665*/
.offer-value-js.deactivate{
cursor: not-allowed;
opacity: 0.4;
}
.cart-product__type-prop {
padding-right: 5px;
}
.header__main-item-link:hover .header-cart-wrap {
color: var(--white_text_black);
}
.warning-img {
display: none;
flex-shrink: 0;
}
.cart-form__block .alert-danger {
font-family: Montserrat, Arial, sans-serif;
display: none;
font-size: 14px;
line-height: 20px;
border-radius: 0;
padding: 15px 29px;
background: #fee;
border-color: #EBCCD1;
color: #e83333;
margin-bottom: 20px;
}
.cart-form__block.error-msg .alert-danger,
.cart-form__block.error-msg .warning-img {
display: block;
}
/* End */
/* Start:/html/components-template/cart/style.css?175404771323169*/
.cart .rowblock {
display: flex;
gap: 20px; }
@media (max-width: 1379px) {
.cart .rowblock {
gap: 0; } }
.cart .rowblock__left {
width: 75%; }
@media (max-width: 1379px) {
.cart .rowblock__left {
width: 100%; } }
.cart .rowblock__right {
width: 25%;
min-width: 290px; }
@media (max-width: 1379px) {
.cart .rowblock__right {
width: 100%; } }
@media (max-width: 1379px) {
.cart .rowblock {
flex-direction: column; } }
.cart .form-control {
border-radius: 0px; }
.cart-form__block {
padding: 30px;
border: 1px solid #E3E3E3;
margin-bottom: 40px; }
@media (max-width: 766.75px) {
.cart-form__block {
padding: 20px;
margin-bottom: 30px; } }
@media (max-width: 766.75px) {
.cart-form__block--person .cart-form__header {
flex-direction: column;
align-items: flex-start; }
.cart-form__block--person .person-type {
margin-left: 0;
white-space: nowrap; }
.cart-form__block--person .person-type__overflow {
overflow: auto;
width: 100%; } }
.cart-form__block--person .form-group input.is-invalid {
border: 1px solid #b81111; }
.cart-form__block--person .form-group.is-success .form-control {
border: 1px solid green; }
.cart-form__block--person .form-group.is-invalid:before {
content: '!';
font-weight: 700;
position: absolute;
right: 10px;
z-index: 2;
top: 36px;
font-size: 18px;
color: #b81111; }
.cart-form__block--person .form-group.is-invalid .form-control {
border: 1px solid #b81111; }
.cart-form__block--comment {
pointer-events: none;
filter: grayscale(100%) opacity(0.6) blur(2px); }
.cart-form__block--comment.enabled {
filter: none;
pointer-events: auto; }
.cart-form__block-grid {
grid-template-columns: 1fr 1fr;
display: grid;
margin-bottom: 40px;
transition: all ease .3s;
pointer-events: none;
filter: grayscale(100%) opacity(0.6) blur(2px); }
@media (max-width: 766.75px) {
.cart-form__block-grid {
margin-bottom: 30px;
grid-template-columns: 100%;
gap: 30px; } }
.cart-form__block-grid.enabled {
filter: none;
pointer-events: auto; }
.cart-form__block-grid .cart-form__block {
margin-bottom: 0;
min-width: 100%; }
@media (min-width: 767.75px) {
.cart-form__block-grid .cart-form__block:first-child {
border-right: none; } }
@media (max-width: 766.75px) {
.cart-form__block.collapse .cart-products,
.cart-form__block.collapse .cart-form__section,
.cart-form__block.collapse .cart-form__delivery,
.cart-form__block.collapse .cart-form__pay,
.cart-form__block.collapse .person-type__overflow {
display: none; }
.cart-form__block.collapse .cart-form__header {
margin-bottom: 0; }
.cart-form__block.collapse .cart-form__toggler span:before {
transform: rotate(90deg); } }
.cart-form__toggler {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: -5px;
top: 12px;
z-index: 2; }
@media (min-width: 767.75px) {
.cart-form__toggler {
display: none; } }
.cart-form__toggler span {
position: relative;
width: 15px;
height: 15px; }
.cart-form__toggler span:before, .cart-form__toggler span:after {
content: '';
position: absolute;
display: block;
width: 15px;
height: 1px;
background-color: #8a6048;
margin: 0 auto;
transition: all ease .3s; }
.cart-form__header {
margin-bottom: 25px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
position: relative; }
.cart-form__title {
margin: 0;
font-size: 1.25rem;
font-weight: 600; }
@media (max-width: 766.75px) {
.cart-form__title {
padding-right: 30px;
font-size: 20px; } }
.cart-form__form {
display: flex;
flex-wrap: wrap;
gap: 20px; }
.cart-form__form-desc {
color: #444444;
font-size: .8666rem;
margin-bottom: 10px; }
.cart-form__form .checkbox {
flex-wrap: wrap; }
.cart-form__form .checkbox label {
width: 100%; }
.cart-form__field {
flex: 0 0 100%; }
.cart-form__field--2 {
flex: 0 0 calc(50% - 16px); }
@media (max-width: 766.75px) {
.cart-form__field--2 {
flex: 0 0 100%; } }
.cart-form__field-location {
position: relative; }
.cart-form__field-dropdown {
z-index: 10;
position: absolute;
left: 0;
right: 0;
max-height: 200px;
overflow: auto;
top: calc(100% + 2px);
padding: 0 20px;
background-color: #fff;
font-size: .8675rem;
box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.15); }
@media (min-width: 991.75px) {
.cart-form__field-dropdown::-webkit-scrollbar {
width: 6px;
height: 6px; }
.cart-form__field-dropdown::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #ccc;
background: var(--gray_bg_black);
border: 1px solid #fff;
border-color: var(--black_bg_black); }
.cart-form__field-dropdown::-webkit-scrollbar-track {
border-radius: 5px; } }
.cart-form__field-item {
transition: all ease .3s; }
@media (min-width: 991.75px) {
.cart-form__field-item:hover {
cursor: pointer;
color: #8a6048; } }
.cart-form__field-item:not(:last-child) {
margin-bottom: 8px; }
.cart-form__field-item:first-of-type {
padding-top: 8px; }
.cart-form__field-item:last-of-type {
padding-bottom: 8px; }
.cart-form__more {
margin-top: 40px; }
@media (max-width: 766.75px) {
.cart-form__more {
margin-top: 20px; } }
.cart-form__delivery-period {
color: var(--lite_basic_text_black);
font-size: 0.9333em;
line-height: 1.501em; }
.cart-form__delivery-descr {
margin-top: 6px;
font-size: 14px;
line-height: 20px;
color: #444444; }
.cart-form__delivery-post {
display: grid;
gap: 10px;
grid-template-columns: 120px auto; }
@media (max-width: 599.75px) {
.cart-form__delivery-post {
grid-template-columns: 100%; } }
.cart-form__delivery-post .form-group:nth-child(3) {
grid-column: span 2; }
@media (max-width: 599.75px) {
.cart-form__delivery-post .form-group:nth-child(3) {
grid-column: span 1; } }
.cart-form__pay .policy-block {
margin-top: 10px; }
.cart-form__subtitle {
font-size: 1.2em;
line-height: calc(1em + 5px);
margin-bottom: 10px; }
.cart-form__city-picker {
border-bottom: 1px dotted;
font-size: 0.867rem;
line-height: 1.4;
cursor: pointer;
color: var(--fill_dark_lite_white_hover); }
@media (min-width: 1024px) {
.cart-form__city-picker:hover {
cursor: pointer;
color: var(--fill_dark_lite_hover); } }
.person-type {
display: flex;
gap: 30px;
margin-left: 40px; }
.form-group.form-group--person-type label {
padding-left: 0;
font-size: 0.928em;
line-height: 20px;
position: relative; }
.form-group.form-group--person-type label:before {
position: absolute;
content: "";
display: none; }
.form-group.form-group--person-type .radio input:checked ~ label:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
height: 2px;
background-color: #8a6048; }
.cart-checkout-sticky {
position: sticky;
top: 100px; }
.cart-empty {
text-align: center;
padding: 40px 83px 46px 83px;
border: 1px solid #e4e4e4;
max-width: 996px;
margin: auto;
margin-top: 40px; }
@media (max-width: 766.75px) {
.cart-empty {
padding: 20px 10px 24px 10px; } }
.cart-empty__title {
font-size: 40px;
font-weight: 600;
margin-bottom: 32px; }
@media (max-width: 766.75px) {
.cart-empty__title {
font-size: 18px;
margin-bottom: 26px; } }
.cart-empty__descr {
font-size: 16px;
margin-bottom: 36px; }
@media (max-width: 766.75px) {
.cart-empty__descr {
font-size: 12px;
margin-bottom: 24px; } }
@media (max-width: 990.75px) {
.cart-map {
flex-direction: column; } }
.cart-map__item {
margin-bottom: 20px; }
.cart-map__title {
margin-bottom: 6px; }
.cart-map__left {
width: 45%;
padding-right: 15px; }
@media (max-width: 990.75px) {
.cart-map__left {
width: auto; } }
.cart-map__right {
width: 100%; }
.cart-map .map {
width: 100%;
height: 250px; }
.cart-checkout {
padding: 30px;
background: #F8F8F8;
display: flex;
flex-direction: column; }
@media (max-width: 766.75px) {
.cart-checkout {
padding: 20px; } }
@media (max-width: 766.75px) {
.cart-checkout-wrap {
display: flex;
flex-direction: column; } }
.cart-checkout__title {
font-weight: 600;
font-size: 1.25rem;
margin-bottom: 20px; }
.cart-checkout__submit {
margin: 25px 0 0;
display: flex;
justify-content: center; }
.cart-checkout__submit .btn {
max-width: none; }
.cart-checkout__total-line {
display: flex;
font-size: 0.9266em;
position: relative;
gap: 6px;
margin-bottom: 6px; }
.cart-checkout__total-line .tip {
position: relative;
display: flex;
align-items: center;
justify-content: center; }
.cart-checkout__total-line .tip__text {
left: auto;
right: 0;
z-index: 10; }
.cart-checkout__total-line--totals {
margin-top: 25px;
font-weight: 600;
font-size: 1.1rem;
gap: 0 10px;
flex-wrap: wrap; }
@media (max-width: 1379px) {
.cart-checkout__total-line--totals {
display: flex;
justify-items: start;
grid-template-columns: 50px auto;
position: relative; } }
.cart-checkout__total-line--totals .cart-checkout__d {
color: #000;
min-width: auto; }
.cart-checkout__total-line--totals .sale {
font-weight: normal;
text-decoration: line-through;
color: #444444;
font-size: .86rem; }
.cart-checkout__total-line:not(.cart-checkout__total-line--totals):before {
position: absolute;
content: "";
left: 0;
right: 0;
border-bottom: 1px dashed var(--white_text_black);
top: 50%;
transform: translateY(-50%);
z-index: -1; }
.cart-checkout__d {
min-width: 80px;
color: #444444; }
.cart-checkout__t {
padding-left: 10px; }
.cart-checkout__scroll-info {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 17px;
color: var(--white_text_black);
line-height: 25px; }
.cart-checkout__scroll-info-title {
padding-right: 10px;
font-weight: 700; }
.cart-checkout__scroll-info-value span {
cursor: pointer;
border-bottom: 1px dotted; }
.cart-checkout__delivery-info {
font-size: 0.867em;
line-height: 1.5379em; }
.cart-checkout__promo {
position: relative;
margin-bottom: 20px; }
@media (max-width: 766.75px) {
.cart-checkout__promo {
margin-bottom: 12px; } }
.cart-checkout__promo .form-control {
background-color: #fff;
border: 1px solid #E5E5E5;
padding-right: 46px; }
.cart-checkout__promo-list {
display: flex;
flex-direction: column;
margin-top: -10px; }
@media (max-width: 766.75px) {
.cart-checkout__promo-list {
margin-top: -6px; } }
.cart-checkout__promo-item {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
position: relative;
padding: 5px 10px;
border: 1px solid #CFCFCF;
margin-bottom: 5px; }
.cart-checkout__promo-item:last-child {
margin-bottom: 20px; }
@media (max-width: 1379px) {
.cart-checkout__promo-item {
justify-content: flex-start; } }
@media (max-width: 599.75px) {
.cart-checkout__promo-item {
justify-content: space-between; } }
.cart-checkout__promo-item:before {
position: absolute;
content: "";
left: 0;
right: 0;
border-bottom: 1px dashed var(--white_text_black);
top: 50%;
transform: translateY(-50%);
z-index: -1; }
.cart-checkout__promo-item-name {
padding-right: 20px;
white-space: nowrap;
overflow: hidden;
max-width: calc(100% - 80px);
text-overflow: ellipsis; }
.cart-checkout__promo-item-status {
padding-left: 10px;
white-space: nowrap;
display: flex;
align-items: center;
flex: 0 0 auto; }
.cart-checkout__promo-item-remove {
flex: 0 0 auto;
padding-left: 10px;
display: flex;
align-items: center;
justify-content: center;
fill: #CFCFCF; }
@media (min-width: 1024px) {
.cart-checkout__promo-item-remove:hover {
cursor: pointer;
fill: #8a6048; } }
.cart-checkout__promo-submit {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #000000;
transition: all ease .3s; }
@media (hover: hover) {
.cart-checkout__promo-submit:hover {
cursor: pointer;
opacity: .7; } }
.cart-checkout__promo-submit:before {
content: "";
display: block;
width: 13px;
height: 2px;
background-color: #fff;
position: absolute;
right: 10px;
top: 50%;
margin-top: -1px;
z-index: 2; }
.cart-checkout__promo-submit:after {
position: absolute;
content: "";
display: block;
width: 10px;
height: 10px;
background-color: transparent;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
position: absolute;
right: 9px;
top: 50%;
margin-top: -5px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
cursor: pointer;
z-index: 3; }
.cart-checkout__sale {
position: relative;
padding: 2px 4px;
background-color: #D64A4A;
color: #ffffff;
font-weight: 500;
font-size: 11px;
border-radius: 2px;
margin-left: 75px; }
@media (max-width: 1379px) {
.cart-checkout__sale {
position: absolute;
bottom: 0;
left: 75px;
margin-left: 0;
transform: translateY(100%); } }
.cart-checkout__sale:before {
border: 4px solid transparent;
border-bottom-color: #D64A4A;
content: '';
position: absolute;
bottom: 100%;
left: 8px;
z-index: 1; }
.cart-checkout__back {
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
transition: all ease .3s;
margin-top: 20px; }
.cart-checkout__back svg {
transition: all ease .3s; }
@media (min-width: 991.75px) {
.cart-checkout__back:hover svg {
transform: rotate(90deg); } }
.cart-checkout__info {
position: relative;
padding: 15px;
border: 1px solid #E3E3E3;
display: grid;
grid-template-columns: 20px auto;
color: #8a6048;
font-size: 13px;
margin-top: 13px;
gap: 10px; }
.cart-checkout__info-close {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 4px;
right: 4px;
fill: #C5C5C5;
transition: all ease .3s; }
@media (min-width: 991.75px) {
.cart-checkout__info-close {
cursor: pointer; }
.cart-checkout__info-close:hover {
fill: #8a6048; } }
.cart-form-radio {
margin: 0;
font-size: 1rem;
z-index: 1;
width: 100%;
padding-left: 36px; }
.cart-form-radio:not(:last-child) {
margin-bottom: 30px; }
@media (max-width: 766.75px) {
.cart-form-radio:not(:last-child) {
margin-bottom: 25px; } }
.cart-form-radio--2 {
width: calc(50% - 16px); }
@media (max-width: 766.75px) {
.cart-form-radio--2 {
flex: 0 0 100%; } }
.cart-form-radio--3 {
width: calc(33% - 18px); }
@media (max-width: 766.75px) {
.cart-form-radio--3 {
flex: 0 0 100%; } }
.cart-form-radio__cost {
font-weight: 600;
color: #8a6048;
font-size: 0.9333em;
line-height: 1.501em;
margin-left: auto; }
@media (max-width: 599.75px) {
.cart-form-radio__cost {
white-space: nowrap; } }
.form-group.cart-form-radio__header {
margin-left: -36px; }
.form-group.cart-form-radio__header .radio {
width: 100%; }
.form-group.cart-form-radio__header label {
width: 100%;
padding-left: 0px;
display: flex;
font-size: 16px;
line-height: 26px;
align-items: center;
font-weight: 600;
gap: 16px; }
.form-group.cart-form-radio__header label:before {
position: relative;
display: inline-block; }
.cart-product {
display: grid;
align-items: center;
gap: 15px;
grid-template-columns: 10% auto 220px 110px 100px 95px 30px; }
.cart-product:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #E3E3E3; }
@media (max-width: 990.75px) {
.cart-product {
gap: 10px;
grid-template-columns: 85px 32px auto;
position: relative; } }
.cart-product__image {
padding-bottom: 100%;
position: relative; }
.cart-product__image .lazy-img-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.cart-product__image .lazy-img-wrap img {
object-fit: contain;
max-width: 100%;
max-height: 100%; }
@media (max-width: 990.75px) {
.cart-product__content {
grid-column: span 2; } }
.cart-product__title {
font-weight: 600;
font-size: 1em;
text-decoration: none;
color: var(--white_text_black);
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-box-orient: vertical;
-moz-line-clamp: 2;
overflow: hidden; }
.cart-product__prop {
display: flex;
flex-direction: column;
gap: 5px; }
@media (max-width: 990.75px) {
.cart-product__prop {
grid-column: span 3;
margin-bottom: 10px; } }
.cart-product__type {
display: flex;
align-items: center;
font-size: 13px; }
.cart-product__type-prop {
color: #444444; }
.cart-product__type-val {
color: #ACACAC;
margin-left: 4px; }
.cart-product__type-val.active {
color: #8a6048;
text-decoration: underline dotted; }
.cart-product__counter {
display: flex;
flex-direction: column;
align-items: center; }
@media (max-width: 990.75px) {
.cart-product__counter {
grid-column: span 2; } }
.cart-product__counter .counter {
width: 90px; }
@media (max-width: 990.75px) {
.cart-product__counter .counter {
width: 100%; } }
.cart-product__counter .counter__action {
border: none;
flex: 0 0 40px; }
.cart-product__price {
display: flex;
flex-direction: column; }
@media (max-width: 990.75px) {
.cart-product__price {
grid-column: span 3; } }
.cart-product__price .price--old {
text-decoration: line-through;
color: #444444;
font-size: 12px; }
@media (max-width: 990.75px) {
.cart-product__totalprice {
margin-left: 10px; } }
.cart-product__totalprice .price {
font-weight: 600; }
.cart-product__totalprice .price--old {
text-decoration: line-through;
color: #444444;
font-size: 12px; }
.cart-product__control {
display: flex;
justify-content: flex-end; }
@media (max-width: 990.75px) {
.cart-product__control {
position: absolute;
right: 0px;
bottom: 30px; } }
.cart-product__control-item {
display: flex;
align-items: flex-start;
justify-content: center;
margin-left: 20px;
transition: all 0.3s ease;
fill: #E3E3E3; }
@media (min-width: 1024px) {
.cart-product__control-item:hover {
cursor: pointer; }
.cart-product__control-item:hover .icon {
fill: #8a6048; } }
.cart-time-picker,
.cart-city-picker {
margin-top: 20px; }
.cart-time-picker .select__header,
.cart-city-picker .select__header {
background-color: #F8F8F8;
height: 50px;
padding: 13px 15px;
border: 1px solid transparent; }
@media (min-width: 991.75px) {
.cart-time-picker .select__header:hover,
.cart-city-picker .select__header:hover {
background-color: #f8f8f8; } }
.cart-city-picker .select__title span {
width: calc(100% - 15px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.cart-bill {
z-index: 10;
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
padding: 5px 20px;
position: fixed;
left: 0;
right: 0;
bottom: 0;
background: var(--FFFFFF, #FFF);
box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.15);
transition: all ease .3s;
opacity: 0;
visibility: hidden; }
@media (min-width: 1380px) {
.cart-bill {
display: none; } }
.cart-bill.active {
opacity: 1;
visibility: visible; }
.cart-bill__price {
margin: 0;
font-size: 16px; }
.cart-bill__price .cart-checkout__t {
padding-left: 0; }
.cart-bill__btn .btn {
padding: 10px 30px;
height: 42px; }
.cart-delivery {
padding: 20px;
background-color: #F8F8F8;
margin-top: 13px;
display: flex;
flex-direction: column;
gap: 30px;
position: relative; }
@media (max-width: 766.75px) {
.cart-delivery {
order: -1;
margin-bottom: 13px;
margin-top: 0; } }
.cart-delivery:before {
content: '';
position: absolute;
left: 20px;
top: 0;
bottom: 0;
width: 1px;
height: 30px;
margin: auto 0;
background-color: #E3E3E3; }
.cart-delivery__item {
display: flex;
align-items: center;
gap: 15px;
fill: #000000; }
.cart-delivery__item .prop {
color: #757575; }
.pickup-point {
padding: 15px;
border-radius: 10px;
margin-top: 10px;
background-color: #F8F8F8;
display: flex;
flex-direction: column;
gap: 16px; }
.pickup-point__address {
font-weight: 500; }
.cart-form.mk .cart-form__delivery .cart-form-radio {
display: none; }
.cart-form.mk .cart-form__delivery .cart-form-radio:first-of-type {
display: block; }
.cart-form.mk .cart-form__delivery .cart-form-radio:first-of-type .select__body-list li {
display: none; }
.cart-form.mk .cart-form__delivery .cart-form-radio:first-of-type .select__body-list li:first-of-type {
display: list-item;
padding-bottom: 0; }
.cart-form.mk .cart-form__pay .cart-form-radio {
display: none; }
.cart-form.mk .cart-form__pay .cart-form-radio:last-of-type {
display: block; }
/* End */
/* Start:/html/components-template/mixin__search-results-card/style.css?17229702186206*/
.search-results-card {
display: flex;
align-items: flex-start;
padding: 10px 0px;
border-bottom: 1px solid #e4e9e1;
position: relative; }
@media (max-width: 766.75px) {
.search-results-card {
display: grid;
grid-template-columns: 105px 1fr;
grid-template-areas: "image content" "image price" "image status" "image control"; } }
.search-results-card__image {
width: 60px;
height: 60px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center; }
.search-results-card__image img {
max-height: 100%;
max-width: 100%; }
@media (max-width: 766.75px) {
.search-results-card__image {
width: 92px;
grid-area: image; } }
.search-results-card__content {
flex-grow: 1;
margin-left: 22px;
padding-right: 40px;
width: 385px; }
@media (max-width: 990.75px) {
.search-results-card__content {
width: 200px; } }
@media (max-width: 766.75px) {
.search-results-card__content {
grid-area: content;
margin-left: 0px;
padding-right: 0px;
width: auto; } }
.search-results-card__labels {
display: flex;
flex-direction: column;
align-items: flex-start; }
@media (max-width: 766.75px) {
.search-results-card__labels {
position: absolute;
top: 10px;
left: 0; } }
.search-results-card__title {
font-size: 14px;
font-weight: 300;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; }
.search-results-card__code {
margin-top: 8px;
color: #aaaaaa;
font-size: 12px; }
.search-results-card__status {
padding-left: 15px;
width: 140px; }
@media (max-width: 766.75px) {
.search-results-card__status {
grid-area: status;
padding-left: 0px;
margin-top: 10px; } }
.search-results-card__control {
max-width: 177px;
padding-left: 15px;
display: flex;
width: 100%;
position: relative; }
.search-results-card__control .btn {
height: 32px;
font-size: 12px;
padding: 0px 7px; }
.search-results-card__control .btn.btn--color {
font-size: 10px;
padding: 0px 2px;
margin-left: 3px; }
.search-results-card__control--col {
flex-direction: column;
align-items: center; }
.search-results-card__control .basketData-msg-wrap {
position: absolute;
top: 100%;
font-size: 12px;
font-weight: 600; }
@media (max-width: 766.75px) {
.search-results-card__control {
grid-area: control;
padding-left: 0px;
margin-top: 10px; } }
.search-results-card__price-wrap {
white-space: nowrap;
width: 140px; }
@media (max-width: 766.75px) {
.search-results-card__price-wrap {
grid-area: price;
margin-top: 10px; } }
.search-results-card__add-to-cart {
flex: 0 0 auto;
width: 40px;
height: 40px;
border-radius: 3px;
margin-left: 5px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: all 0.3s ease; }
@media (min-width: 1024px) {
.search-results-card__add-to-cart:hover {
cursor: pointer; } }
.search-results-card__add-to-cart .icon {
fill: #fff; }
.search-results-card__count {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #fe7235;
color: #fff;
font-size: 9px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 7px;
right: 7px; }
.search-results-card__link {
font-size: 12px;
margin-top: 14px; }
.search-results-card__delete {
flex: 0 0 auto;
margin-left: 37px; }
.search-results-card__delete:hover {
cursor: pointer; }
.search-results-card__delete:hover .icon {
transition: all 0.3s ease;
transform: rotate(180deg); }
@media (max-width: 766.75px) {
.search-results-card__delete {
position: absolute;
top: -35px;
right: 0px; } }
.search-results-card__row {
display: flex;
align-items: center;
justify-content: space-between; }
.search-results-card__remove {
order: 5;
fill: #aaaaaa;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto; }
@media (min-width: 1024px) {
.search-results-card__remove:hover {
transition: all 0.3s ease;
cursor: pointer;
transform: rotate(180deg); } }
.search-results-card .product-card__label {
font-size: 8px;
height: 16px;
margin-right: 0px; }
@media (max-width: 766.75px) {
.search-results-card .product-card__label {
display: none; } }
@media (max-width: 766.75px) {
.search-results-card .product-card__discount {
display: flex; } }
.search-results-card .product-card__price-old {
margin-left: 0px;
margin-top: 6px; }
.search-results-card .product-card__availability {
font-size: 12px; }
.search-results-card .counter-btn,
.search-results-card .counter-input {
width: 32px;
height: 32px; }
.search-results-card .counter-input {
width: 100%;
max-width: none;
padding: 5px; }
.search-results-card--basket-mini .search-results-card__status {
margin-top: 8px;
width: auto; }
.search-results-card--basket-mini .search-results-card__labels {
order: 1;
position: absolute; }
.search-results-card--basket-mini .search-results-card__labels .product-card__label:not(.product-card__discount) {
display: none; }
.search-results-card--basket-mini .search-results-card__image {
order: 2; }
.search-results-card--basket-mini .search-results-card__title {
-webkit-line-clamp: 2; }
.search-results-card--basket-mini .search-results-card__content {
order: 3;
padding-right: 26px; }
.search-results-card--basket-mini .search-results-card__control {
order: 4;
padding-left: 0px;
max-width: 155px;
margin-right: 25px; }
.search-results-card--basket-mini .search-results-card__price-wrap {
order: 5;
width: 140px; }
/* End */
/* Start:/html/components-template/mixin__product-card2/style.css?17329028948826*/
.product-block {
padding: 25px 30px;
border: 1px solid #e3e3e3;
background: #fff;
position: relative; }
@media (max-width: 991.75px) {
.product-block {
padding: 20px; } }
@media (max-width: 359px) {
.product-block {
min-width: auto;
padding: 20px 10px; } }
.product-block:hover {
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1); }
.product-block__inner {
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
position: relative; }
.product-block__header {
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
align-items: flex-start;
height: 36px; }
.product-block__labels {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 12px;
text-align: right; }
.product-block__label--v2 {
color: #757575; }
.product-block__label b {
font-weight: 600; }
.product-block__badges {
position: static;
display: flex;
align-items: center;
top: 0;
left: 0;
gap: 10px; }
.product-block__badge {
display: flex;
align-items: center;
justify-content: center;
color: #757575;
font-size: 13px;
gap: 5px;
transition: all ease .3s; }
.product-block__badge path {
fill: #A0A0A0; }
@media (min-width: 767.75px) {
.product-block__badge {
cursor: pointer; }
.product-block__badge:hover {
color: #757575;
opacity: .7; } }
.product-block__title {
color: #000000;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 26px;
margin-bottom: 5px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block; }
.product-block__subtitle {
color: #757575;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
min-height: 22px;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
display: -moz-box;
overflow: hidden;
height: 60px;
margin-bottom: 15px; }
.product-block__body {
display: flex;
gap: 25px;
justify-content: space-between; }
.product-block__body-left {
flex-grow: 1; }
.product-block__body-group {
display: flex;
gap: 15px;
margin-bottom: 25px; }
.product-block__rating {
align-items: center;
display: flex;
gap: 15px; }
.product-block__stars {
display: flex;
gap: 1px;
fill: #e3e3e3; }
.product-block__stars .filled {
fill: #8a6048; }
.product-block__review {
fill: #000000;
display: flex;
align-items: center; }
.product-block__review span {
color: #000000;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-left: 5px; }
@media (max-width: 600.75px) {
.product-block__review .dn {
display: none; } }
.product-block__grid {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 10px;
margin-bottom: 20px; }
.product-block__grid__group {
display: flex;
gap: 20px;
justify-content: space-between; }
.product-block__grid__item.select {
width: 100%; }
.product-block__grid__item-row {
display: flex;
gap: 5px;
margin-top: 5px; }
.product-block__grid__item-row li {
padding: 0px 10px;
color: #000000;
font-size: 12px;
height: 30px;
font-style: normal;
font-weight: 300;
line-height: normal;
border: 1px solid #e3e3e3;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center; }
.product-block__grid__item-row li.active {
border: 1px solid #8a6048; }
.product-block__grid__item-title {
color: #757575;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: normal; }
.product-block__grid__item-select {
margin-top: 5px; }
.product-block__grid__item-select .select__header {
border: 1px solid #e3e3e3;
color: #000;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 20px; }
.product-block__grid__item-select .select__body-list {
overflow: auto;
max-height: 150px; }
.product-block__grid__item-line {
width: 100%;
height: 4px;
margin-top: 5px;
background: linear-gradient(90deg, black 0%, #e3e3e3 0%); }
.product-block__img-wrap {
width: 120px;
height: 140px;
position: relative; }
.product-block__img {
position: absolute;
inset: 0; }
.product-block__img img {
height: 100%;
object-fit: contain;
width: 100%; }
.product-block__sticker {
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
color: #FFFFFF;
border-radius: 100px;
padding: 2px 6px;
background-color: #8A6048;
position: absolute;
right: -10px;
left: 10px;
margin: 0 auto;
display: table;
top: 2px;
transform: rotate(8deg);
z-index: 2; }
.product-block__action {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
margin-top: auto; }
@media (max-width: 359px) {
.product-block__action {
margin-top: 10px;
justify-content: center;
gap: 10px;
flex-wrap: wrap; } }
.product-block__prices {
color: #000000;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px; }
@media (max-width: 359px) {
.product-block__prices {
width: 100%;
text-align: center; } }
.product-block__price {
white-space: nowrap; }
.product-block__price-old {
display: flex;
color: #444444;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 18px; }
@media (max-width: 359px) {
.product-block__price-old {
justify-content: center; } }
.product-block__price-old span {
text-decoration: line-through; }
.product-block__price-old .discount {
margin-left: 7px; }
.product-block__price-old .discount span {
text-decoration: none; }
.product-block .product-block__favorite,
.product-block .product-block__compare {
background: #f8f8f8;
border-radius: 50%;
fill: #000000;
display: flex;
justify-content: center;
align-items: center;
height: 42px;
width: 42px;
flex-shrink: 0;
cursor: pointer;
transition: background 0.3s;
margin-left: auto; }
@media (max-width: 359px) {
.product-block .product-block__favorite,
.product-block .product-block__compare {
margin-right: auto; } }
.product-block .product-block__favorite svg path,
.product-block .product-block__compare svg path {
transition: 0.3s; }
.product-block .product-block__favorite:hover svg path,
.product-block .product-block__compare:hover svg path {
stroke: #8a6048; }
.product-block .product-block__favorite.active:hover svg path,
.product-block .product-block__compare.active:hover svg path {
stroke: #8a6048;
fill: transparent; }
.product-block .product-block__favorite.active svg path,
.product-block .product-block__compare.active svg path {
stroke: #8a6048;
fill: #8a6048; }
.product-block .product-block__compare {
display: none; }
@media (max-width: 991.75px) {
.product-block .product-block__compare {
display: none; } }
.product-block__btns {
width: 100%;
max-width: 142px; }
@media (max-width: 766.75px) {
.product-block__btns {
max-width: 147px; } }
.product-block__btns .product-block__buy {
fill: #fff;
padding: 10px 35px;
font-size: 15px;
height: 42px;
max-width: 142px;
width: 100%; }
.product-block__btns .product-block__buy.out-of-stock {
pointer-events: none;
border-color: #d0d0d0;
background-color: #d0d0d0; }
.product-block__btns .product-block__buy svg path {
stroke: #fff; }
@media (max-width: 1280px) {
.product-block__btns .product-block__buy {
padding: 10px 21px; } }
@media (max-width: 599.75px) {
.product-block__btns .product-block__buy {
max-width: 147px; } }
@media (max-width: 359px) {
.product-block__btns .product-block__buy {
width: 100%;
max-width: none; } }
@media (max-width: 359px) {
.product-block__btns {
width: 100%;
max-width: none; } }
@media (max-width: 767.75px) {
.product-block__counter {
width: 116px; } }
@media (max-width: 1280px) {
.product-block__counter .counter__action {
flex: 0 0 35px; } }
/* End */
/* Start:/html/components-template/viewed-section/style.css?17229702191779*/
.viewed-section {
padding-bottom: 80px; }
.viewed-section__header {
margin-bottom: 25px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative; }
@media (max-width: 766.75px) {
.viewed-section__header {
margin-bottom: 11px; } }
.viewed-item {
display: block;
color: #222;
color: var(--white_text_black);
border: 1px solid #ededed;
border-color: var(--stroke_black);
border-radius: 12px;
background: #fff;
background: var(--card_bg_black);
overflow: hidden;
height: 100%;
padding: 23px 23px 19px; }
@media (max-width: 599.75px) {
.viewed-item {
display: flex;
flex-direction: column;
align-items: center; } }
.viewed-item:hover {
color: #000;
color: var(--fill_dark_lite_hover); }
.viewed-item__img-wrap {
margin-bottom: 15px;
width: 80px;
height: 80px;
position: relative; }
.viewed-item__img {
height: 100%;
width: 100%;
object-fit: contain;
border-radius: 8px; }
.viewed-item__badges {
display: flex;
position: absolute;
left: 0;
bottom: 0; }
.viewed-item__badges .badge {
margin: 0; }
.viewed-item__price {
color: #222;
color: var(--white_text_black);
font-weight: 600;
line-height: 20px;
margin: 0 0 1px 0; }
.viewed-item__title {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-box-orient: vertical;
-moz-line-clamp: 2;
overflow: hidden;
font-size: .875rem;
line-height: calc(1em + 7px); }
@media (max-width: 600.75px) {
.viewed-section .splide__track {
margin: 0 -24px;
padding: 0 24px !important; }
.viewed-section .viewed-item {
width: 260px; } }
/* End */
/* Start:/html/components-template/tg/style.css?17446155531186*/
.tg-label {
position: fixed;
z-index: 200;
right: 150px;
bottom: 0; }
@media (max-width: 766.75px) {
.tg-label {
bottom: 50px;
right: 50px; } }
@media (max-width: 599.75px) {
.tg-label {
bottom: 30px;
right: 20px; } }
.tg-label__inner {
padding: 4px 12px;
background-color: #00A1DB;
border-radius: 8px 8px 0 0;
display: flex;
align-items: center;
color: #FFFFFF;
transition: all ease .3s;
font-size: 12px;
gap: 6px; }
@media (max-width: 766.75px) {
.tg-label__inner {
padding: 0px;
width: 56px;
height: 56px;
border-radius: 50px;
justify-content: center; } }
@media (hover: hover) {
.tg-label__inner:hover {
cursor: pointer;
color: #FFFFFF;
opacity: .95; } }
@media (min-width: 767.75px) {
.tg-label__icon svg {
max-width: 25px;
max-height: 25px; } }
@media (max-width: 766.75px) {
.tg-label__icon {
transform: translate(6px, 6px); }
.tg-label__icon svg {
width: 50px;
height: 50px; } }
@media (max-width: 766.75px) {
.tg-label__title {
display: none; } }
/* End */
/* Start:/local/templates/html/components/bitrix/socserv.auth.form/main/style.css?17187073093165*/
.bx-authform-social-popup{
display: none;
background: #fff;
width: auto;
padding: 15px;
font-size: 14px;
white-space: nowrap;
}
.bx-authform-social-popup form{margin-bottom: 0;}
.bx-authform-social-popup input[type="text"] {
display: inline-block;
max-width: 150px;
font-size: 18px;
height: 30px;
margin: 0;
padding: 0 4px;
border: 1px solid #CCD5DB;
border-radius: 2px;
background: #f8fafc;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-authform-social ul {
padding: 5px 0 12px;
margin: 0 0 15px;
display: block;
}
.bx-authform-social ul li {
position: relative;
display: inline-block;
width: 35px;
height: 35px;
margin-right: 5px;
}
.bx-authform-social ul li .bx-authform-social-icon {
display: block;
width: 35px;
height: 35px;
background-image: url(/local/templates/html/components/bitrix/socserv.auth.form/main/images/sprite.png);
background-repeat: no-repeat;
border-bottom: none;
}
.bx-authform-social ul li .bx-authform-social-icon:hover{opacity: .9;}
.bx-authform-social ul li .bx-authform-social-icon.box {background-position: 0 0;}
.bx-authform-social ul li .bx-authform-social-icon.dropbox {background-position: -44px 0;}
.bx-authform-social ul li .bx-authform-social-icon.bitrix24 {background-position: -88px 0;}
.bx-authform-social ul li .bx-authform-social-icon.yandex {background-position:-132px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid {background-position:-176px 0;}
.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki {background-position:-220px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google {background-position:0;background-image: url(/local/templates/html/components/bitrix/socserv.auth.form/main/images/google_300221.png);background-size: contain;}
.bx-authform-social ul li .bx-authform-social-icon.mymailru {background-position:-308px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mailru2 {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.livejournal {background-position:-352px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveid {background-position:-484px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveinternet {background-position:-528px 0;}
.bx-authform-social ul li .bx-authform-social-icon.blogger {background-position:-572px 0;}
.bx-authform-social ul li .bx-authform-social-icon.vkontakte {background-position:-616px 0;}
.bx-authform-social ul li .bx-authform-social-icon.twitter {background-position:-660px 0;}
.bx-authform-social ul li .bx-authform-social-icon.facebook {background-position:-704px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google-plus {background-position:-748px 0;}
.bx-authform-social ul li .bx-authform-social-icon.office365 {background-position:-792px 0;}
.bx-authform-social ul li .bx-authform-social-icon.zoom {background-position:-836px 0;}
.bx-authform-social.inline,
.bx-authform-social.inline ul {
display: inline-block;
}
.form-block__submit {
flex-direction: unset;
}
/* End */
/* Start:/html/components-template/pagination/style.css?17229702191777*/
.pagination {
--darkgrey_bg: var(--light, #f4f4f4) var(--dark, #2b2b2b);
display: flex;
justify-content: center; }
.pagination__btn {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
border-radius: 50%; }
.pagination__btn .icon {
fill: rgba(0, 0, 0, 0);
stroke: var(--fill_dark_light); }
.pagination__btn.is-hidden {
opacity: 0;
visibility: hidden; }
.pagination__btn:hover {
background-color: var(--darkgrey_bg); }
.pagination__btn--prev {
transform: scale(-1, -1); }
.pagination__btn--prev .icon {
fill: rgba(0, 0, 0, 0);
stroke: #acacac; }
.pagination__list {
margin: 0 2px;
display: flex;
align-items: center;
justify-content: center; }
.pagination__item {
margin: 0 2px;
display: inline-block;
width: 44px;
height: 44px;
text-align: center;
text-decoration: none;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 44px;
position: relative;
color: #000000;
border-radius: 50%; }
@media (max-width: 767.75px) {
.pagination__item {
width: 35px;
height: 35px;
line-height: 35px;
margin: 0; } }
.pagination__item:not(.pagination__item--current):hover {
background-color: var(--darkgrey_bg); }
.pagination__item--current {
background-color: #000000;
color: #fff; }
.pagination-wrap {
position: relative;
display: flex;
justify-content: center;
margin-top: 40px; }
.pagination-wrap .pagination {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0; }
@media (max-width: 1198.75px) {
.pagination-wrap .pagination {
display: none; } }
/* End */
/* /html/critical.css?175079294947796 */
/* /html/components-template/header/style.css?172780955121311 */
/* /html/components-template/index-tabs/style.css?17229702181745 */
/* /html/components-template/form-mixin/style.css?174050904318144 */
/* /html/components-template/footer/style.css?17491341666308 */
/* /html/components-template/modal/style.css?175520260712580 */
/* /html/components-template/mixin__info-slider/style.css?1722970218886 */
/* /html/components-template/auth-service/style.css?1722970218430 */
/* /html/components-template/personal/style.css?175520166216565 */
/* /html/components-template/company/style.css?17229702182048 */
/* /html/components-template/contacts/style.css?17552032536926 */
/* /html/components-template/mixin__sticky-block/style.css?1722970219762 */
/* /html/components-template/review/style.css?17229702191048 */
/* /html/components-template/mixin__comment/style.css?17405088516165 */
/* /local/components/gcode/smallbasket.ajax/templates/.default/style.css?1718707309665 */
/* /html/components-template/cart/style.css?175404771323169 */
/* /html/components-template/mixin__search-results-card/style.css?17229702186206 */
/* /html/components-template/mixin__product-card2/style.css?17329028948826 */
/* /html/components-template/viewed-section/style.css?17229702191779 */
/* /html/components-template/tg/style.css?17446155531186 */
/* /local/templates/html/components/bitrix/socserv.auth.form/main/style.css?17187073093165 */
/* /html/components-template/pagination/style.css?17229702191777 */