@font-face {
font-family: 'Averta CY';
src: url('../fonts/AvertaCY-Semibold.eot');
src: url('../fonts/AvertaCY-Semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/AvertaCY-Semibold.woff2') format('woff2'),
url('../fonts/AvertaCY-Semibold.woff') format('woff'),
url('../fonts/AvertaCY-Semibold.ttf') format('truetype'),
url('../fonts/AvertaCY-Semibold.svg#AvertaCY-Semibold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Averta CY';
src: url('../fonts/AvertaCY-Bold.eot');
src: url('../fonts/AvertaCY-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/AvertaCY-Bold.woff2') format('woff2'),
url('../fonts/AvertaCY-Bold.woff') format('woff'),
url('../fonts/AvertaCY-Bold.ttf') format('truetype'),
url('../fonts/AvertaCY-Bold.svg#AvertaCY-Bold') format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Averta CY';
src: url('../fonts/AvertaCY-Regular.eot');
src: url('../fonts/AvertaCY-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/AvertaCY-Regular.woff2') format('woff2'),
url('../fonts/AvertaCY-Regular.woff') format('woff'),
url('../fonts/AvertaCY-Regular.ttf') format('truetype'),
url('../fonts/AvertaCY-Regular.svg#AvertaCY-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Averta CY';
src: url('../fonts/AvertaCY-Light.eot');
src: url('../fonts/AvertaCY-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/AvertaCY-Light.woff2') format('woff2'),
url('../fonts/AvertaCY-Light.woff') format('woff'),
url('../fonts/AvertaCY-Light.ttf') format('truetype'),
url('../fonts/AvertaCY-Light.svg#AvertaCY-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
:root {
/* основные цвета */
--b-c--white: #ffffff;
--b-c--black: #000000;
--b-c--black-30: #0000004D;
--b-c--Dgrey: #202020;
--b-c--VDgrey: #1E1E1E;
--b-c--VLgrey: #F6F6F6;
--b-c--Lgrey: #EDEDED;
--b-c--grey: #A6A6A6;
--b-c--Dgrey: #202020;
--b-c--VDgrey: #1E1E1E;
--b-c--grey-satan: #666666;
--b-c--Dgrey-4B: #4B4B4B;
--b-c--black-0: #00000000;
--b-c--black-30: #0000004D;
--b-c--black-80: #000000CC;
/* --b-c--grey: #828282; */
--b-c--grey2: #CECECE;
/* Вспомогательные цвета */
--b-c--red: #EF3340;
--b-c--red-error: #EB5B72;
--b-c--red-bg: #FFEEF0;
--b-c--green: #7EC41F;
--b-c--green-bg: #E9F6D8;
--b-c--yellow: #FFB932;
--b-c--green-bg: #E9F6D8;
/* Градиенты */
--b-g--dark-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.66%, rgba(0, 0, 0, 0.7) 111.74%);
/* Тени */
--box-shadow: 0px 0px 4px 0px #00000014;
/* Размеры шрифтов */
--fs--ttl--main: 26px;
--fs--ttl--sub: 18px;
--fs--ttl--promo: 28px;
--fs--ttl--subpromo: var(--fs--ttl--sub);
--fs--ttl-blog: 12px;
--fs--txt-s: 10px;
--fs--txt-m: 14px;
--fs--txt-l: 16px;
--fs--txt-xl: 24px;
--fs--btn: 14px;
--fs--phn: 16px;
/* Размеры отступов */
--padding--side: 12px;
--padding--input-adaptive: 5px 17px;
--padding--input-nulled: 9px 2px;
--padding--input: 12px 17px;
--padding--input-search: 10px 12px;
--padding--btn-cube: 9px 9px 9px 9px;
--padding--btn-m: 14px 17px 14px 17px;
--padding--select-l: 12.5px 16px 12.5px 16px;
--padding--select-m: 8.5px 16px 8.5px 16px;
--padding--radio-s: 8px 12px 8px 12px;
--padding--radio-m: 10px 12px 10px 12px;
--padding--radio-l: 14px 12px 14px 12px;
/* Размеры гридов */
--grid-1-2: 1fr;
/* Другие размеры */
--b-s--logo: 38px;
--hb-mkt-bar-height: 36px;
--b-s--icon: 24px;
--b-s--emoji-s: 32px;
--b-s--checkbox: 18px;
/* параметры цветов */
--param--footer--bgrd: var(--b-c--VLgrey);
--param--txt--color-sub: var(--b-c--grey);
--param--txt--color-error: var(var(--b-c--red-error));
--param--btn--dark: var(--b-c--Dgrey);
--param--btn--disabled: var(--b-c--VLgrey);
/* параметры шрифтов */
--param--header--main: 400 16px/1.2 'Averta CY', sans-serif;
--param--header--categories: 600 22px/1.2 'Averta CY', sans-serif;
--param--header--categories-sub: 400 22px/1 'Averta CY', sans-serif;
--param--txt--main: 400 16px/1.2 'Averta CY', sans-serif;
--param--txt--cart-s: 400 14px/1.2 'Averta CY', sans-serif;
--param--txt--cart-m: 600 16px/1.2 'Averta CY', sans-serif;
--param--txt--card-s: 400 14px/1.2 'Averta CY', sans-serif;
--param--txt--card-m: 600 16px/1.2 'Averta CY', sans-serif;
--param--txt--card-name: 400 var(--fs--txt-m)/1.5 'Averta CY', sans-serif;
--param--txt--card-bnpl: 400 14px/1.2 'Averta CY', sans-serif;
--param--txt--price-cur-s: 600 var(--fs--txt-m)/1.2 'Averta CY', sans-serif;
--param--txt--price-old-s: 400 11px/1.2 'Averta CY', sans-serif;
--param--txt--price-old-m: 600 14px/1.2 'Averta CY', sans-serif;
--param--txt--price-sale-s: 600 var(--fs--txt-s)/1.2 'Averta CY', sans-serif;
--param--txt--price-sale-m: 600 14px/1.2 'Averta CY', sans-serif;
--param--txt--select: 400 14px/1.2 'Averta CY', sans-serif;
--param--txt--radiobox: 400 var(--fs--txt-m)/1.25 'Averta CY', sans-serif;
--param--ttl--main: 600 var(--fs--ttl--main)/1.2 'Averta CY', sans-serif;
--param--ttl--sub: 600 var(--fs--ttl--sub)/1.2 'Averta CY', sans-serif;
--param--ttl--promo: 600 var(--fs--ttl--promo)/0.9 'Averta CY', sans-serif;
--param--ttl--subpromo: 600 var(--fs--ttl--subpromo)/1.2 'Averta CY', sans-serif;
--param--txt--sale-s: 600 10px/1.2 'Averta CY', sans-serif;
/* blog */
--fs-blogpost-ttl: 28px;
--fs-blogpost-ttl-sub: 28px;
--fs-blogpost-dt: 14px;
--fs-blogcard-ttl: 12px;
--fs-blogcard-dt: 12px;
--ts-blogpost-ttl: 600 var(--fs-blogpost-ttl)/1.1 'Averta CY', sans-serif;
--ts-blogpost-ttl-sub: 600 var(--fs-blogpost-ttl-sub)/1.1 'Averta CY', sans-serif;
--ts-blogpost-dt: 400 var(--fs-blogpost-dt)/1 'Averta CY', sans-serif;
--ts-blogcard-ttl: 400 var(--fs-blogcard-ttl)/1 'Averta CY', sans-serif;
--ts-blogcard-dt: 400 var(--fs-blogcard-dt)/1.12 'Averta CY', sans-serif;
/* 400 16 to 18 txt | */
/* 400 14 to 18 txt | */
/* 16 to 18 txt */
/* 400 32/.9 to 600 52/.8 txt | blogpage ttl*/
--param--btn--main: 400 var(--fs--btn)/1.2 'Averta CY', sans-serif;
--param--txt-card-bnpl: 400 var(--fs--btn)/1.2 'Averta CY', sans-serif;
/* icons */
--ico--file: url('data:image/svg+xml,');
--ico--back-grey: url('data:image/svg+xml,');
--ico--back: url('data:image/svg+xml,');
--ico--close: url('data:image/svg+xml,');
--ico--nav-r-18: url('data:image/svg+xml,');
/* colors */
--b-c--white-15p: #FFFFFF26;
/* font sizes */
--fs-btn-m: 14px;
--fs-btn-l: 16px;
--fs-listcard-cost: 14px;
--fs-listcard-oldprice: 14px;
/* text styles */
--ts-btn-m: 600 var(--fs-btn-m)/1 'Averta CY', sans-serif;
--ts-btn-l: 600 var(--fs-btn-l)/1 'Averta CY', sans-serif;
--ts-listcard-cost: 600 var(--fs-listcard-cost)/1.3 'Averta CY', sans-serif;
--ts-listcard-oldprice: 400 var(--fs-listcard-oldprice)/1.3 'Averta CY', sans-serif;
/* sizes */
--size-bradius-s: 4px;
--size-bradius-m: 8px;
--size-bradius-l: 12px;
/* colors */
--color-counter-base: var(--b-c--black);
--color-counter-hover: var(--b-c--Dgrey);
/* borders */
--brdr-Lgrey: 1px solid var(--b-c--Lgrey);
--brdr-Dgrey: 1px solid var(--b-c--Dgrey);
--brdr-error: 1px solid var(--b-c--red-error);
--brdr-priceinput-base: var(--brdr-Lgrey);
--brdr-priceinput-active: var(--brdr-Dgrey);
--brdr-checkbox-base: var(--brdr-Lgrey);
--brdr-checkbox-active: var(--brdr-Dgrey);
--brdr-btn-slider-base: var(--b-c--white-15p);
--brdr-btn-slider-base: transparent;
--brdr-btn-slider-hover: var(--b-c--Dgrey);
/* backgrounds */
--bgrd-ps-bgrd-base: var(--b-c--Lgrey);
--bgrd-ps-prog-base: var(--b-c--black);
--bgrd-ps-prog-hover: var(--b-c--Dgrey);
--bgrd-btn-slider: var(--b-c--white-15p);
/* icons */
--ico--cart-18: url('data:image/svg+xml,');
--ico--cart-24: url('data:image/svg+xml,');
--ico--cart-24-d: url('data:image/svg+xml,');
--ico--arrow-18-d: url('data:image/svg+xml,');
--ico--arrow-18-u: url('data:image/svg+xml,');
--ico--arrow-18-l: url('data:image/svg+xml,');
--ico--arrow-18-r: url('data:image/svg+xml,');
--ico--arrow-24-d: url('data:image/svg+xml,');
--ico--arrow-24-u: url('data:image/svg+xml,');
--ico--arrow-24-l: url('data:image/svg+xml,');
--ico--arrow-24-r: url('data:image/svg+xml,');
--ico--heart-base: url('data:image/svg+xml,');
--ico--heart-hover: url('data:image/svg+xml,');
--ico--heart-active: url('data:image/svg+xml,');
--ico--checkbox-checked-18: url('data:image/svg+xml,');
--ico--radio-checked-18: url('data:image/svg+xml,');
--ico--counter-minus-w-24: url('data:image/svg+xml,');
--ico--counter-plus-w-24: url('data:image/svg+xml,');
--ico--counter-minus-b-24: url('data:image/svg+xml,');
--ico--counter-plus-b-24: url('data:image/svg+xml,');
--ico--back-24-grey: url('data:image/svg+xml,');
--ico--back-24: url('data:image/svg+xml,');
--ico--back-18: url('data:image/svg+xml,');
--ico--nav-r-18: url('data:image/svg+xml,');
--ico--list-v-lent: url('data:image/svg+xml,');
--ico--list-v-grid: url('data:image/svg+xml,');
--ico--play: url('data:image/svg+xml,');
--ico--play-filled: url('data:image/svg+xml,');
--ico--play-filled30: url('data:image/svg+xml,');
--ico--eye-s: url('data:image/svg+xml,');
--ico--eye-m: url('data:image/svg+xml,');
--ico--points: url('data:image/svg+xml,');
--ico--social-map: url('data:image/svg+xml,');
--ico--social-call: url('data:image/svg+xml, ');
--ico--social-wapp: url('data:image/svg+xml, ');
--ico--cartdel-red: url('data:image/svg+xml,');
--ico--cartdel-green: url('data:image/svg+xml,');
--ico--close-white: url('data:image/svg+xml,');
--ico--chat: url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0005 0.143188C21.7323 0.143269 28.0005 5.09997 28.0005 11.2135C28.0003 17.3269 21.7322 22.2828 14.0005 22.2828C13.241 22.2828 12.4958 22.2323 11.769 22.1403L4.88428 24.2369L6.7876 20.7018C2.72094 18.765 0.000594703 15.2408 0.000488281 11.2135C0.000488281 5.09992 6.2686 0.143188 14.0005 0.143188Z' fill='white'/%3E%3C/svg%3E%0A");
--ico--phone-24: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9994 16.4765V19.1862C21.0005 19.4377 20.9488 19.6867 20.8479 19.9172C20.7469 20.1477 20.5988 20.3546 20.413 20.5247C20.2273 20.6947 20.008 20.8242 19.7693 20.9048C19.5305 20.9854 19.2775 21.0153 19.0265 20.9927C16.2415 20.6907 13.5664 19.7409 11.216 18.2197C9.02929 16.8329 7.17534 14.9827 5.7858 12.8003C4.25627 10.4439 3.30442 7.76107 3.00735 4.96915C2.98473 4.71938 3.01447 4.46764 3.09468 4.22996C3.17489 3.99229 3.30381 3.77389 3.47323 3.58866C3.64265 3.40343 3.84885 3.25544 4.07872 3.15411C4.30858 3.05278 4.55707 3.00032 4.80837 3.00009H7.52347C7.96269 2.99577 8.3885 3.151 8.72152 3.43683C9.05455 3.72267 9.27207 4.11961 9.33354 4.55366C9.44814 5.42084 9.66067 6.27229 9.96707 7.09177C10.0888 7.41507 10.1152 7.76642 10.043 8.1042C9.97082 8.44198 9.80313 8.75203 9.5598 8.99761L8.41041 10.1447C9.69877 12.406 11.5748 14.2784 13.8406 15.5642L14.99 14.4171C15.2361 14.1742 15.5467 14.0069 15.8852 13.9348C16.2236 13.8628 16.5757 13.8891 16.8996 14.0106C17.7207 14.3164 18.5739 14.5285 19.4428 14.6429C19.8824 14.7048 20.2839 14.9258 20.5709 15.2639C20.858 15.6019 21.0105 16.0335 20.9994 16.4765Z' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--map-24: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10.1818C20 16.5455 12 22 12 22C12 22 4 16.5455 4 10.1818C4 8.01187 4.84285 5.93079 6.34315 4.3964C7.84344 2.86201 9.87827 2 12 2C14.1217 2 16.1566 2.86201 17.6569 4.3964C19.1571 5.93079 20 8.01187 20 10.1818Z' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12.9091C13.4728 12.9091 14.6667 11.688 14.6667 10.1818C14.6667 8.67559 13.4728 7.45455 12 7.45455C10.5272 7.45455 9.33333 8.67559 9.33333 10.1818C9.33333 11.688 10.5272 12.9091 12 12.9091Z' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
/*chat icons. всегда после остальных*/
--ico--chat-send: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 14.25V3.75M9 3.75L3.75 9M9 3.75L14.25 9' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--chat-file: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10.9072L12.49 19.3791C11.4475 20.4169 10.0335 21 8.55912 21C7.08475 21 5.67077 20.4169 4.62823 19.3791C3.58569 18.3412 3 16.9335 3 15.4658C3 13.998 3.58569 12.5904 4.62823 11.5525L13.1382 3.08062C13.8332 2.38871 14.7759 2 15.7588 2C16.7417 2 17.6844 2.38871 18.3794 3.08062C19.0744 3.77254 19.4649 4.71097 19.4649 5.68948C19.4649 6.66799 19.0744 7.60643 18.3794 8.29834L9.86016 16.7702C9.51265 17.1162 9.04132 17.3105 8.54986 17.3105C8.0584 17.3105 7.58708 17.1162 7.23956 16.7702C6.89205 16.4243 6.69682 15.955 6.69682 15.4658C6.69682 14.9765 6.89205 14.5073 7.23956 14.1614L15.1013 6.344' stroke='%23202020' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--chat-smile: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14C8 14 9.5 16 12 16C14.5 16 16 14 16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23202020' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.00977 8C9.56205 8 10.0098 8.44772 10.0098 9C10.0098 9.55228 9.56205 10 9.00977 10H9C8.44772 10 8 9.55228 8 9C8 8.44772 8.44772 8 9 8H9.00977Z' fill='black'/%3E%3Cpath d='M15.0098 8C15.5621 8 16.0098 8.44772 16.0098 9C16.0098 9.55228 15.5621 10 15.0098 10H15C14.4477 10 14 9.55228 14 9C14 8.44772 14.4477 8 15 8H15.0098Z' fill='black'/%3E%3C/svg%3E%0A");
--ico--chat-close: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5' stroke='%23202020' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--chat-grabber: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.42456 2.35355L2.35349 9.42461' stroke='%23202020' stroke-linecap='round'/%3E%3Cpath d='M4.82837 2L1.99994 4.82843' stroke='%23202020' stroke-linecap='round'/%3E%3C/svg%3E%0A");
--ico--chat-share: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12V19.2C4 19.6774 4.21071 20.1352 4.58579 20.4728C4.96086 20.8104 5.46957 21 6 21H18C18.5304 21 19.0391 20.8104 19.4142 20.4728C19.7893 20.1352 20 19.6774 20 19.2V12M16 6.6L12 3M12 3L8 6.6M12 3V14.7' stroke='%23202020' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--chat-rate: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11L11 2C11.7956 2 12.5587 2.31607 13.1213 2.87868C13.6839 3.44129 14 4.20435 14 5V9H19.66C19.9499 8.99672 20.2371 9.0565 20.5016 9.17522C20.7661 9.29393 21.0016 9.46873 21.1919 9.68751C21.3821 9.90629 21.5225 10.1638 21.6033 10.4423C21.6842 10.7207 21.7035 11.0134 21.66 11.3L20.28 20.3C20.2077 20.7769 19.9654 21.2116 19.5979 21.524C19.2304 21.8364 18.7623 22.0055 18.28 22H7M7 11V22M7 11H4C3.46957 11 2.96086 11.2107 2.58579 11.5858C2.21071 11.9609 2 12.4696 2 13V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H7' stroke='%23202020' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--chat-rate-like: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11L11 2C11.7956 2 12.5587 2.31607 13.1213 2.87868C13.6839 3.44129 14 4.20435 14 5V9H19.66C19.9499 8.99672 20.2371 9.0565 20.5016 9.17522C20.7661 9.29393 21.0016 9.46873 21.1919 9.68751C21.3821 9.90629 21.5225 10.1638 21.6033 10.4423C21.6842 10.7207 21.7035 11.0134 21.66 11.3L20.28 20.3C20.2077 20.7769 19.9654 21.2116 19.5979 21.524C19.2304 21.8364 18.7623 22.0055 18.28 22H7M7 11V22M7 11H4C3.46957 11 2.96086 11.2107 2.58579 11.5858C2.21071 11.9609 2 12.4696 2 13V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H7' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--chat-rate-like-active: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%237EC41F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11L11 2C11.7956 2 12.5587 2.31607 13.1213 2.87868C13.6839 3.44129 14 4.20435 14 5V9H19.66C19.9499 8.99672 20.2371 9.0565 20.5016 9.17522C20.7661 9.29393 21.0016 9.46873 21.1919 9.68751C21.3821 9.90629 21.5225 10.1638 21.6033 10.4423C21.6842 10.7207 21.7035 11.0134 21.66 11.3L20.28 20.3C20.2077 20.7769 19.9654 21.2116 19.5979 21.524C19.2304 21.8364 18.7623 22.0055 18.28 22H7M7 11V22M7 11H4C3.46957 11 2.96086 11.2107 2.58579 11.5858C2.21071 11.9609 2 12.4696 2 13V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H7' stroke='%237EC41F' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--chat-rate-dislike: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6826 13.0001L12.6826 22.0001C11.887 22.0001 11.1239 21.6841 10.5613 21.1214C9.99869 20.5588 9.68262 19.7958 9.68262 19.0001L9.68262 15.0001L4.02262 15.0001C3.73271 15.0034 3.44555 14.9436 3.18105 14.8249C2.91654 14.7062 2.681 14.5314 2.49076 14.3126C2.30052 14.0938 2.16011 13.8363 2.07928 13.5579C1.99844 13.2794 1.97911 12.9868 2.02262 12.7001L3.40262 3.70012C3.47494 3.22322 3.71718 2.78851 4.08471 2.47611C4.45224 2.16372 4.92029 1.99467 5.40262 2.00012L16.6826 2.00012M16.6826 13.0001L16.6826 2.00012M16.6826 13.0001L19.6826 13.0001C20.2131 13.0001 20.7218 12.7894 21.0968 12.4143C21.4719 12.0393 21.6826 11.5306 21.6826 11.0001L21.6826 4.00012C21.6826 3.46969 21.4719 2.96098 21.0968 2.58591C20.7218 2.21084 20.2131 2.00012 19.6826 2.00012L16.6826 2.00012' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--chat-rate-dislike-active: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23EB5B72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6826 13.0001L12.6826 22.0001C11.887 22.0001 11.1239 21.6841 10.5613 21.1214C9.99869 20.5588 9.68262 19.7958 9.68262 19.0001L9.68262 15.0001L4.02262 15.0001C3.73271 15.0034 3.44555 14.9436 3.18105 14.8249C2.91654 14.7062 2.681 14.5314 2.49076 14.3126C2.30052 14.0938 2.16011 13.8363 2.07928 13.5579C1.99844 13.2794 1.97911 12.9868 2.02262 12.7001L3.40262 3.70012C3.47494 3.22322 3.71718 2.78851 4.08471 2.47611C4.45224 2.16372 4.92029 1.99467 5.40262 2.00012L16.6826 2.00012M16.6826 13.0001L16.6826 2.00012M16.6826 13.0001L19.6826 13.0001C20.2131 13.0001 20.7218 12.7894 21.0968 12.4143C21.4719 12.0393 21.6826 11.5306 21.6826 11.0001L21.6826 4.00012C21.6826 3.46969 21.4719 2.96098 21.0968 2.58591C20.7218 2.21084 20.2131 2.00012 19.6826 2.00012L16.6826 2.00012' stroke='%23EB5B72' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--ico--chat-form-success: url('data:image/svg+xml,');
}
@media (min-width: 600px) {
:root {
--fs--txt-m: 16px;
--fs--ttl--main: 27px;
--fs--ttl-blog: 18px;
--fs--ttl--sub: 20px;
--fs--ttl--promo: 48px;
--fs--phn: 22px;
--padding--input-adaptive: 12px 17px;
--padding--side: 20px;
--grid-1-2: 1fr 1fr;
}
}
@media (min-width: 769px) {
:root {
--padding--side: 40px;
--b-s--logo: 42px;
--b-s--emoji-s: 40px;
}
}
@media (min-width: 1023px) {
:root {
--fs--txt-m: 16px;
--fs--txt-s: 14px;
--fs--txt-l: 18px;
--fs--txt-xl: 28px;
--fs--btn: 16px;
--fs--ttl--main: 32px;
--fs--ttl--sub: 22px;
--fs--ttl--subpromo: 26px;
--padding--input-search: 15px 12px;
--padding--side: 60px;
--b-s--logo: 48px;
--param--txt--price-old-s: 400 14px/1.2 'Averta CY', sans-serif;
/* blog */
--fs-blogpost-ttl: 60px;
--fs-blogpost-ttl-sub: 40px;
--fs-blogpost-dt: 18px;
--fs-blogcard-ttl: 16px;
--fs-blogcard-dt: 12px;
--ts-blogpost-ttl: 600 var(var(--fs-blogpost-ttl))/1 'Averta CY', sans-serif;
--ts-blogpost-ttl-sub: 600 var(--fs-blogpost-ttl-sub)/1 'Averta CY', sans-serif;
--ts-blogcard-ttl: 400 var(--fs-blogcard-ttl)/1.2 'Averta CY', sans-serif;
--ts-blogcard-dt: 400 var(--fs-blogcard-dt)/1'Averta CY', sans-serif;
/* icons */
--ico--file: url('data:image/svg+xml,');
}
}
@media (min-width: 1400px) {
:root {
--padding--side: 80px;
}
}
@keyframes fromBtoT {
0% {
bottom: -100vh;
}
100% {
bottom: 0;
}
}
@keyframes fromTtoB {
0% {
top: -100vh;
}
100% {
top: 0;
}
}
@keyframes fromLtoR {
0% {
left: -100vh;
}
100% {
left: 0;
}
}
@keyframes fromRtoL {
0% {
left: 0;
}
100% {
left: -100vh;
}
}
@-o-keyframes loading-spinner {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-moz-keyframes loading-spinner {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes loading-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes loading-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.load-spinner_wrapper {
position: fixed;
z-index: 9999;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #ffffffd7;
display: none;
align-items: center;
}
.load-spinner_wrapper .load-spinner {
display: block;
margin: auto;
transition: all 3s ease;
max-width: 30%;
max-width: min(200px, 30%);
width: 100%;
-webkit-animation: loading-spinner 3s infinite linear;
-moz-animation: loading-spinner 3s infinite linear;
-o-animation: loading-spinner 3s infinite linear;
animation: loading-spinner 3s infinite linear;
}
.load-spinner svg {
width: 100%;
height: auto;
}
html {
scroll-behavior: smooth;
}
body {
display: flex;
flex-direction: column;
background-color: var(--b-c--white);
font-family: 'Averta CY', sans-serif;
font-weight: 400;
color: var(--b-c--Dgrey);
max-width: 100vw;
overflow-x: hidden;
padding-top: 80px;
vertical-align: bottom;
min-height: 100vh;
position: relative;
}
body.hb-mkt-possible:not(.hb-mkt-dismissed) {
padding-top: calc(80px + var(--hb-mkt-bar-height));
}
main {
flex: 1 0 auto;
}
body.scroll-lock {
max-height: 100vh;
overflow: hidden;
}
section {
width: 100%;
margin-bottom: 57px;
}
span > a:link,
span > a:visited,
p > a:link,
p > a:visited {
text-decoration: underline;
color: var(--b-c--Dgrey);
}
.visually-hidden {
position: absolute;
left: -200vw;
}
.ttl {
font: var(--param--ttl--main);
color: var(--b-c--black);
display: inline-block;
margin-bottom: 35px;
font-weight: 600;
width: 100%;
}
.catalog_main .ttl {
padding: 0;
margin: 0;
}
.ttl-sub {
font-size: var(--fs--phn);
font-weight: 400;
margin-bottom: 24px;
}
.ttl-sub2 {
font-size: var(--fs--phn);
font-weight: 600;
}
.ttl-sub3 {
font-size: var(--fs--phn);
font-weight: 600;
margin-bottom: 24px;
}
.ttl-promo {
font: var(--param--ttl--promo);
color: var(--b-c--Dgrey);
}
.ttl-subpromo {
font: var(--param--ttl--subpromo);
color: var(--b-c--Dgrey);
}
h3 {
font-weight: 600;
}
.container {
width: 100%;
max-width: 1440px;
padding-left: var(--padding--side);
padding-right: var(--padding--side);
margin-left: auto;
margin-right: auto;
}
.container-600 {
max-width: calc(634px + var(--padding--side) + var(--padding--side));
margin: auto;
padding-left: var(--padding--side);
padding-right: var(--padding--side);
}
.txt-grey2 {
color: var(--b-c--grey2);
}
.txt-grey {
color: var(--b-c--grey);
}
/* Маркетинговая полоса (бегущая строка) */
.hb-marketing-ticker {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1002;
display: flex;
align-items: center;
min-height: var(--hb-mkt-bar-height);
box-sizing: border-box;
padding: 6px 44px 6px 12px;
background-color: var(--hb-mkt-banner-bg, var(--b-c--Dgrey));
color: var(--b-c--white);
font-size: 13px;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0.02em;
}
body.hb-mkt-dismissed .hb-marketing-ticker {
display: none !important;
}
body.hb-mkt-possible:not(.hb-mkt-dismissed) header,
body.hb-mkt-possible:not(.hb-mkt-dismissed) .menu_container {
top: var(--hb-mkt-bar-height);
}
.hb-marketing-ticker__link {
flex: 1;
min-width: 0;
color: inherit;
text-decoration: none;
display: block;
text-align: center;
}
.hb-marketing-ticker__link:hover {
color: inherit;
text-decoration: none;
}
.hb-marketing-ticker__marquee {
overflow: hidden;
width: 100%;
}
/* общая логика: 6 одинаковых сегментов (3+3), translate -50% без срыва; скорость одна на всех ширинах */
.hb-marketing-ticker__track {
display: inline-flex;
flex-wrap: nowrap;
width: max-content;
gap: 0;
animation: hb-mkt-marquee var(--hb-mkt-marquee-dur, 18s) linear infinite;
will-change: transform;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.hb-marketing-ticker__chunk {
flex-shrink: 0;
white-space: nowrap;
box-sizing: border-box;
/* ~3 повтора по ширине; на узком экране — чуть плотнее, но третья копия всё равно в зоне видимости */
padding-inline-end: clamp(1.5rem, calc(33.33vw - 12ch), 24rem);
}
@media (min-width: 900px) {
.hb-marketing-ticker__chunk {
padding-inline-end: clamp(3rem, calc(33.33vw - 14ch), 24rem);
}
}
@keyframes hb-mkt-marquee {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.hb-marketing-ticker__track {
animation: none;
justify-content: center;
width: 100%;
transform: none;
will-change: auto;
flex-wrap: wrap;
row-gap: 0.25rem;
}
.hb-marketing-ticker__chunk {
padding-inline-end: 1rem;
}
.hb-marketing-ticker__chunk:nth-child(n + 2) {
display: none;
}
}
.hb-marketing-ticker__close {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
margin: 0;
padding: 0;
border: none;
background: transparent;
color: inherit;
cursor: pointer;
border-radius: 4px;
}
.hb-marketing-ticker__close:hover {
opacity: 0.85;
}
.hb-marketing-ticker__close:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
/* header menus styles */
header {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
background-color: transparent;
padding-top: 8px;
padding-bottom: 8px;
z-index: 999;
transition: all 0.6s ease;
}
header::before {
position: absolute;
content: ' ';
background-color: var(--b-c--white);
top: 0; bottom: 0;
left: 0; right: 0;
z-index: -1;
transition: all 0.3s ease;
}
body:has(.shoping_card) header::before,
body:has(#indexPage) header::before,
body:has(#collectionPage) header::before {
top: -100px; bottom: 100px;
}
body:has(.shoping_card) header.show_bg::before,
body:has(#indexPage) header.show_bg::before,
body:has(#collectionPage) header.show_bg::before {
top: 0; bottom: 0;
box-shadow: var(--box-shadow);
}
header > .container {
/* position: relative; */
display: flex;
justify-content: center;
}
header .header_logo {
display: flex;
max-width: fit-content;
margin: auto;
}
footer details summary {
padding: 20px 0 0 0;
}
.header_logo img {
width: var(--b-s--logo);
height: var(--b-s--logo);
}
.menu_container {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.menu_container.--menu-show {
bottom: 0;
top: 0;
left: 0;
right: 0;
animation: fromLtoR ease .3s;
}
.menu_container .container {
position: relative;
overflow: hidden;
padding: 0;
height: 100%;
max-height: 100%;
}
.menu-nav,
.menu-panel {
position: fixed;
top: 0;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
gap: 20px;
}
.menu-panel {
right: 0;
left: 0;
padding: 20px;
background-color: var(--b-c--white);
bottom: -1px;
margin-bottom: 0;
top: inherit;
z-index: 1000;
box-shadow: var(--box-shadow);
}
.menu-panel.only-mob path {
stroke: var(--b-c--grey);
}
.menu-panel.only-mob .--link-active path {
stroke: var(--b-c--Dgrey);
}
.menu-panel > * {
display: flex;
padding: 0 !important;
margin: auto 0 auto 0;
}
.menu-nav {
position: absolute;
/* top: 0;
left: 0;
right: 0;
bottom: 7svh; */
background-color: var(--b-c--white);
width: 100%;
max-width: 100vw;
z-index: 999;
overflow: scroll;
font-size: 18px;
height: 100vh;
}
.search_form {
position: relative;
}
.search_form .btn-search {
position: absolute;
right: 12px;
top: 8px;
}
.openSearchBtn {
position: absolute;
top: 15px;
right: var(--padding--side);
fill: var(--b-c--grey);
}
.search_form .btn-search path {
stroke: var(--b-c--grey);
}
.search_form input::placeholder {
color: var(--b-c--grey);
}
.search_popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
max-height: 100vh;
overflow: hidden;
background-color: #2D2D2D90;
}
.search_popup .search_header {
display: flex;
flex-direction: row;
gap: 20px;
flex-wrap: nowrap;
padding: 18px var(--padding--side);
max-width: 1440px;
margin: auto;
background-color: var(--b-c--white);
}
.search_form {
display: flex;
width: 100%;
border-radius: 8px;
padding: var(--padding--input-search);
background-color: var(--b-c--VLgrey);
}
.search_popup input {
width: 100%;
}
.search_popup .search_body {
max-width: 1440px;
margin: auto;
max-height: 91%;
overflow-y: scroll;
}
.search_body .search_top {
display: none;
flex-direction: column;
gap: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--b-c--grey);
}
.search_body .search_list {
/* padding-top: 40px; */
/* overflow: scroll; */
/* max-height: 100vh; */
}
.search_body .search_lent {
display: grid;
grid-template-columns: repeat(2, minmax(1px, 1fr));
gap: 6px;
padding-bottom: 40px;
}
.search_popup .search_body {
background-color: var(--b-c--white);
padding: var(--padding--side);
}
.search_popup .btn-close::before {
content: ' ';
background-image: var(--ico--close);
background-position: center center;
background-size: 12px;
width: 24px;
height: 24px;
background-repeat: no-repeat;
}
.navmenu_header.only-mob .openSearchBtn {
display: flex;
position: static;
width: 100%;
max-width: 100%;
background-color: var(--b-c--VLgrey);
border-radius: 8px;
margin: auto 0 auto 0;
padding: var(--padding--input-search);
justify-content: space-between;
}
.navmenu_header.only-mob .openSearchBtn::before {
content: 'Поиск';
}
.btn-recs {
font-size: 12px;
color: var(--b-c--grey);
background-color: var(--b-c--VLgrey);
padding: var(--padding--input-adaptive);
}
.mainmenu_block {
max-width: 100%;
width: 100%;
}
.mainmenu_block .navmenu_header {
display: flex;
position: sticky;
top: 0;
justify-content: space-between;
padding: 10px;
background-color: var(--b-c--white);
gap: 20px;
}
.mainmenu_categories {
max-width: 100%;
overflow-x: scroll;
/* color: var(--b-c--grey); */
}
.mainmenu_categories.only-desc a {
color: var(--b-c--grey);
text-decoration: none;
transition: color 0.3s ease;
}
.mainmenu_categories.only-desc a:hover {
color: var(--b-c--Dgrey);
}
.mainmenu_categories.only-desc .mainmenu_link:first-child a {
pointer-events: none;
}
body:has(.--menu-show) .mainmenu_link:first-child a {
color: var(--b-c--Dgrey);
}
.mainmenu_categories.only-mob .mainmenu_link:first-child {
display: none;
}
.mainmenu_categories .mainmenu_list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
min-width: -webkit-max-content;
min-width: max-content;
gap: 20px;
padding: 10px var(--padding--side) 10px;
}
.mainmenu_categories.only-mob {
border-bottom: 1px solid var(--b-c--Lgrey);
}
.mainmenu_categories .mainmenu_list.--sub,
.navmenu_categories .navmenu_list {
display: flex;
flex-direction: column;
max-width: 100%;
min-width: 100%;
gap: 0px;
padding: var(--padding--side) 0;
color: var(--b-c--Dgrey);
font: var(--param--header--categories-sub);
background-color: var(--b-c--white);
}
.mainmenu_categories .mainmenu_list.--sub {
padding-bottom: 80px;
}
.mainmenu_list * {
text-wrap: nowrap
}
.menu-panel > *,
.menu-panel button img {
max-height: fit-content;
margin-top: auto;
margin-bottom: auto;
}
.navmenu_categories {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: var(--b-c--white);
}
.navmenu_categories .navmenu_block-scd {
display: none;
height: 93svh;
position: relative;
}
.navmenu_block.navmenu_block-scd.--active {
display: flex;
flex-direction: column;
animation: fromLtoR .3s ease;
}
.search-classic {
display: flex;
flex-direction: row;
width: 100%;
padding: 10px 12px;
background-color: var(--b-c--VLgrey);
border-radius: 8px;
}
.search-classic input {
width: 100%;
}
.search-classic button {
display: contents;
}
.menu-panel button {
position: relative;
display: flex;
}
.menu-panel button.--opened::before {
position: absolute;
padding: 5px;
box-sizing: content-box;
right: -5px;
width: 24px;
height: 24px;
content: ' ';
background-color: #000000;
background-image: var(--ico--close-white);
background-position: center center;
background-repeat: no-repeat;
border-radius: 100%;
}
.navmenu_block-scd .navmenu_link,
.mainmenu_categories .mainmenu_link.--sub {
padding: 8px var(--padding--side) 8px var(--padding--side);
text-wrap: nowrap;
display: flex;
justify-content: space-between;
}
.mainmenu_categories .mainmenu_link.--sub:nth-child(3) {
margin-bottom: 28px;
}
.navmenu_block-scd .navmenu_link a {
font-weight: 400;
}
.mainmenu_categories .mainmenu_link.--sub::after {
content: url('../img/icons/Navigation/Right.svg');
display: flex;
align-items: center;
}
.menu-nav .mainmenu_categories a {
color: var(--b-c--grey);
word-break: keep-all;
text-wrap: nowrap;
overflow-wrap: normal;
}
.menu-nav .mainmenu_categories.--sub a {
word-break: break-word;
text-wrap: balance;
overflow-wrap: break-word;
max-width: 100%;
}
.nvamenu_categories a,
.mainmenu_link.--sub a {
color: var(--b-c--Dgrey);
font: var(--param--header--categories);
}
.mainmenu_link.--sub.--notParent::after {
content: ' ';
}
.mainmenu_link.--sub.--notParent a {
pointer-events: all;
}
.nvamenu_categories a {
font: 400 18px/1.2 'Acerta CY', sans-serif;
}
.profile_popup {
display: flex;
flex-direction: column;
justify-content: flex-end;
background-color: #0000004d;
/* margin: auto 0 0 0; */
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
/* padding-bottom: ; */
z-index: 998;
transition: all 1s ease;
}
.profile_popup .profile_links {
position: relative;
bottom: 0;
background-color: var(--b-c--white);
padding: 20px var(--padding--side) 90px var(--padding--side);
/* transition: all 1s ease; */
animation: fromBtoT ease .5s;
}
.profile_popup.--hidden {
animation: slowHide ease .5s;
}
.profile_popup.--hidden .profile_links {
bottom: -100%;
}
.profile_popup .profile_link button,
.profile_popup .profile_link a {
color: var(--b-c--Dgrey);
font: var(--param--txt--main);
padding: 3px;
padding: 10px 4px;
display: block;
}
#feedbackPopup .popup,
#feedbackForm {
display: flex;
flex-direction: column;
}
#feedbackPopup .popup {gap: 16px;}
#feedbackForm {gap: 40px;}
#feedbackPopup .emoji-40 {
width: 40px;
}
/* footer styles */
footer {
background-color: var(--param--footer--bgrd);
margin-top: 4rem;
padding: 30px 0 6rem 0;
/* margin: max(4rem, 23%) 0 0 0; */
margin: clamp(4rem, 4rem, 20%) 0 0 0;
/* position: sticky; */
/* bottom: 0; */
/* top: 100%; */
position: relative;
}
footer .container {
display: flex;
flex-direction: column;
}
footer .footer_socials {
display: flex;
flex-wrap: nowrap;
gap: 22px;
margin: 40px auto 0 0;
}
footer .footer_links {
display: flex;
flex-direction: column;
gap: 14px;
}
footer .footer_contacts {
display: flex;
flex-direction: column;
background-color: var(--b-c--white);
max-height: fit-content;
gap: 40px;
padding: 16px;
border-radius: 12px;
overflow: hidden;
margin-top: 28px;
}
footer .footer_bottom {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 40px;
}
footer a {
margin-bottom: 14px;
color: var(--b-c--black);
}
footer a:hover {color: var(--b-c--grey);}
.footer_socials a {margin: 0;}
footer h3 {
font-size: var(--fs--ttl--sub);
margin-bottom: 14px;
}
footer .footer_row {
gap: 6%;
}
footer .footer_shops,
footer .footer_tel {
display: flex;
align-items: center;
gap: 8px;
justify-content: flex-start;
font-size: var(--fs--phn);
font: 600 var(--fs--phn)/1.2 'Averta CY', sans-serif;
}
footer .footer_shops::before,
footer .footer_tel::before {
display: block;
width: 24px; height: 24px;
}
footer .footer_shops::before {content: var(--ico--map-24);}
footer .footer_tel::before {content: var(--ico--phone-24);}
footer .footer_info {
display: flex;
flex-direction: column;
/* gap: 10px; */
}
footer .accordeon-onlymob {
border-bottom: 1px solid var(--b-c--Lgrey);
}
footer .accordeon-onlymob div {
padding-bottom: 20px;
}
.copyright {
color: var(--b-c--grey);
font-size: 12px;
}
input[type="date"] {
padding-right: 0 !important;
}
input[type="date"]::-webkit-calendar-picker-indicator {
color: rgba(0, 0, 0, 0);
opacity: 1;
display: block;
background-color: var(--b-c--white);
background: url('../img/Icon\ S/System/Calendar.svg'), no-repeat;
background-size: contain;
border-width: 0;
}
/* btns styles */
.btn-slider {
/* border: 1px solid var(--b-c--grey2); */
border-radius: 100%;
padding: 8px;
/*box-shadow: var(--box-shadow);*/
}
.btn-slider:hover {
/* border: 1px solid var(--b-c--Dgrey); */
/* background: var(--b-g--dark-gradient); */
/*background-color: var(--b-c--white);*/
}
.btn-slider:focus,
.btn-slider:active {
background-color: transparent;
}
button:disabled,
.btn:disabled {
background-color: var(--param--btn--disabled) !important;
color: var(--b-c--grey) !important;
}
.btn {
display: flex;
vertical-align: middle;
align-items: center;
font-size: var(--fs--btn);
line-height: 100%;
padding: var(--padding--input);
border-radius: 8px;
text-wrap: nowrap;
transition: all .3s ease;
cursor: pointer;
gap: 10px;
}
.btn-slider {
border-radius: 100%;
padding: 5px;
background-color: var(--bgrd-btn-slider);
border: 1px solid var(--brdr-btn-slider-base);
}
.btn-slider::before {width: 18px; height: 18px;}
.btn-slider-next::before {
content: var(--ico--arrow-18-r);
padding-left: 5%;
}
.btn-slider-prev::before {
content: var(--ico--arrow-18-l);
padding-right: 5%;
}
.btn-slider.swiper-button-disabled {
background-color: var(--bgrd-btn-slider)!important;
}
.btn-slider.swiper-button-disabled::before {
opacity: .5;
}
.btn-txt {
width: fit-content;
height: fit-content;
text-wrap: nowrap;
word-wrap: break-word;
overflow-wrap: break-word;
font: 400 14px/18px 'Averta CY', sans-serif;
color: var(--b-c--grey);
}
.btn-cube {
font-size: var(--fs--btn);
padding: var(--padding--btn-cube);
border-radius: 8px;
text-wrap: nowrap;
transition: all .3s ease;
}
.btn-m {
font-size: var(--fs--btn);
padding: var(--padding--btn-m);
border-radius: 8px;
text-wrap: nowrap;
transition: all .3s ease;
}
.btn-dwld {
max-width: fit-content;
}
.btn-file::before {
content: var(--ico--file);
}
.btn-close svg,
.btn-close img {
display: none;
}
.btn-close::before {
content: var(--ico--close);
}
.btn-back {
display: flex;
align-items: center;
position: fixed;
top: 14px;
font-size: 14px;
left: var(--padding--side);
z-index: 999;
}
.btn-close::after,
.btn-close::before,
.btn-file::before,
.btn-file::after,
.btn-dwld::before,
.btn-copy::after,
.btn-copy::before,
.btn-back::before,
.btn-info::after,
.btn-info::before,
.btn-cert::after,
.btn-cert::before {
vertical-align: middle;
width: 24px; height: 24px;
}
.btn-grey.btn-file::before,
.btn-grey.btn-file::after,
.btn-grey.btn-dwld::before,
.btn-grey.btn-copy::after,
.btn-grey.btn-copy::before,
.btn-grey.btn-back::before,
.btn-grey.btn-info::after,
.btn-grey.btn-info::before,
.btn-grey.btn-cert::after,
.btn-grey.btn-cert::before {
filter: invert(1);
}
.btn-like svg {
display: none;
}
.btn-like::before {
content: var(--ico--heart-base);
width: 24px;
height: 24px;
}
*[data-liked='1'] .btn-like::before {
content: var(--ico--heart-active);
}
.btn-like.btn-like-anim::before {
animation: like .6s forwards;
animation-iteration-count: 1;
}
.btn-checkbox {
position: relative;
display: flex;
padding: 0;
align-items: center;
}
.btn-checkbox span {
display: none;
opacity: 0;
}
.btn-video::before {
content: var(--ico--play);
width: 24px; height: 24px;
}
.btn-wapp::before {
content: var(--ico--social-wapp);
}
.btn-map::before {
content: var(--ico--social-map);
}
.btn-call::before {
content: var(--ico--social-call);
}
.btn-wapp::before,
.btn-map::before,
.btn-call::before {
height: 24px; width: 24px;
opacity: .5;
transition: opacity .3s ease;
}
.view-toggler::before {
content: var(--ico--list-v-grid);
width: 24px; height: 24px;
transition: all .3s ease;
}
.view-toggler:has(input[type="checkbox"]:checked)::before {
content: var(--ico--list-v-lent);
}
@keyframes like {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.btn-back::after {
margin: 1px auto auto 0;
}
/* .btn::before {
margin-right: 10px;
} */
.btn-back::after {
margin: 2px auto auto 0;
}
.btn::after {
margin-left: 10px;
height: var(--b-s--icon);
width: var(--b-s--icon);
}
.btn-copy::before {
content: url('../img/icons/System/Copy.svg');
}
.btn-dwld::before {
content: url('../img/icons/System/Download.svg');
}
.btn-grey {
background-color: var(--b-c--black);
color: var(--b-c--white);
}
.btn-grey:hover {
background-color: var(--b-c--Dgrey);
}
.btn-grey:focus,
.btn-grey:active {
background-color: var(--b-c--black);
}
.btn-lgrey {
background-color: var(--b-c--VLgrey);
color: var(--b-c--black);
}
.btn-look {
background-color: #2020204D;
color: var(--b-c--white);
padding: 3px 7px;
font-size: 12px;
line-height: 100%;
font-weight: 700;
display: flex;
max-height: fit-content;
height: min-content;
align-items: center;
gap: 4px;
border-radius: var(--size-bradius-s);
}
.btn-color {
color: var(--b-c--Dgrey);
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}
.btn-color div.color {
display: block;
width: 24px; height: 24px;
border-radius: 100%;
background-size: cover;
}
.btn-look::before {
content: var(--ico--eye-s);
display: block;
height: 18px;
width: 18px;
}
.btn-minus-white,
.btn-plus-white {
position: relative;
display: flex;
align-items: center;
width: 24px;
height: 24px;
}
.btn-minus-white::before,
.btn-plus-white::before {
width: 24px;
height: 24px;
}
.btn-minus-white::before {
content: url('data:image/svg+xml,');
}
.btn-plus-white::before {
content: url('data:image/svg+xml,');
}
.btn-side {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: var(--b-c--Dgrey);
padding: 0px 14px 0 0;
}
.btn-side::after {
content: url('data:image/svg+xml,');
width: 18px; height: 18px;
}
.btn-back::before {
content: var(--ico--back-24);
width: 24px; height: 24px;
}
.btn-cert::after {
content: url(../img/icons/Poduct/File.svg);
}
.btn-info::after {
content: url(../img/icons/Poduct/Info.svg);
}
.btn-print::before {
content: url(../img/icons/System/Printer.svg);
}
.btn-share::before {
content: url(../img/icons/System/Share.svg);
}
.btn-brdr {
border: 1px solid var(--b-c--Lgrey);
border-radius: 8px;
color: var(--b-c--Dgrey);
}
/*.btn-lgrey:hover,*/
/*.btn-brdr:hover {*/
/* background-color: var(--b-c--Dgrey);*/
/* color: var(--b-c--white);*/
/*}*/
.btn-lgrey:active,
.btn-lgrey:focus {
background-color: var(--b-c--Lgrey);
}
.btn-brdr:active,
.btn-brdr:focus {
/* background-color:x ; */
}
/*.btn-lgrey:hover img,*/
/*.btn-brdr:hover img,*/
/*.btn-lgrey:hover::before,*/
/*.btn-brdr:hover::before,*/
/*.btn-lgrey:hover::after,*/
/*.btn-brdr:hover::after {*/
/* filter: invert(100%);*/
/*}*/
.btn-brdr.--active {
border: 1px solid var(--b-c--Dgrey);
}
.btn-buy {
padding: 9px;
border-radius: var(--size-bradius-l);
fill: var(--b-c--white);
background-color: var(--b-c--black);
max-width: fit-content;
}
.btn-buy::before {
content: var(--ico--cart-18);
width: 18px;
height: 18px;
}
.btn-buy svg { /* l be ref*/
display: none;
width: 18px;
height: 18px;
}
.btn-buy:hover {
background-color: var(--b-c--black);
}
.select-unbrdr,
.select-brdr {
/* padding: 5px 17px; */
font-size: var(--fs--txt-m);
}
.select-brdr {
border: 1px solid var(--b-c--grey2);
border-radius: 8px;
color: var(--b-c--Dgrey);
}
label span {
font: 400 14px/18px 'Averta CY', sans-serif;
letter-spacing: 0;
}
label.input-underline:has(input:required) > span::after {
content: '*';
display: block;
color: var(--b-c--red-error);
}
label.input-underline:has(input[type='date']) {
max-width: fit-content;
}
label.input-underline:has(input:required):has(input:disabled) > span::after {
content: '';
}
label.input-underline {
position: relative;
}
label.input-underline {
position: relative;
border-bottom: 1px solid var(--b-c--grey2);
padding: var(--padding--input-nulled);
transition: all .3s ease;
}
label.input-underline > span {
display: flex;
flex-wrap: nowrap;
gap: 3px;
position: absolute;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 100%;
color: var(--b-c--grey);
transition:
top 0.3s ease,
color 0.3s ease,
font-size 0.3s ease;
}
label.input-underline input {
border: none;
width: 100%;
}
label.input-underline:hover,
label.input-underline:focus {
border-bottom: 1px solid var(--b-c--Dgrey);
}
label.input-underline:hover span,
label.input-underline:has(input:focus) span {
transform: translateY(-20px) translateX(-8px) scale(80%);
}
label.input-underline.--checked span {
transform: translateY(-20px) translateX(-12px) scale(80%);
}
.input-underline.field_promocode > span {
top: 20px;
}
label.input-underline.field_promocode .btn-lgrey {
display: flex;
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
max-width: 40px;
max-height: 40px;
}
label.input-underline.field_promocode .btn-lgrey svg:last-child {
display: none;
}
label.input-underline.field_promocode:hover .btn-lgrey,
label.input-underline.field_promocode:focus .btn-lgrey {
background-color: var(--b-c--Dgrey);
filter: grayscale(100%);
}
label.input-underline.field_promocode:hover .btn-lgrey path,
label.input-underline.field_promocode:focus .btn-lgrey path {
stroke: var(--b-c--white);
}
#resetPromocode {
display: none;
}
/*label.input-underline.field_promocode:hover #resetPromocode,*/
/*label.input-underline.field_promocode:focus #resetPromocode {*/
/* display: block;*/
/*}*/
label.input-underline.field_promocode.--isValid #resetPromocode,
label.input-underline.field_promocode:has(input.--isValid) #resetPromocode {
display: none;
}
label.input-underline.field_promocode.--isValid .btn-lgrey,
label.input-underline.field_promocode:has(input.--isValid) .btn-lgrey {
content: url('data:image/svg+xml,');
}
label.input-underline.field_promocode.--isValid::after,
label.input-underline.field_promocode:has(input.--isValid)::after {
top: 20px;
right: 42px;
}
select {
/* Reset */
appearance: none;
border: 1px solid var(--b-c--Lgrey);
outline: 0;
font: inherit;
/* Personalize */
width: 20rem;
padding: var(--padding--input);
background: url('../img/icons/Navigation/Down.svg') no-repeat right 0.8em center;
color: var(--b-c--Dgrey);
border-radius: 8px;
cursor: pointer;
font-size: var(--fs--txt-m);
max-width: 100%;
}
select option {
color: var(--b-c--Dgrey);
background-color: var(--b-c--white);
}
select.select-clean {
border: none;
}
label.radio-boxed-o,
label.radio-boxed-s,
label.radio-boxed-m,
label.radio-boxed-l {
position: relative;
display: inline-block;
border: solid 1px var(--b-c--Lgrey);
border-radius: var(--size-bradius-m);
transition: all 0.3s;
font: var(--param--txt--radiobox);
}
label.radio-boxed-o input[type="radio"],
label.radio-boxed-s input[type="radio"],
label.radio-boxed-m input[type="radio"],
label.radio-boxed-l input[type="radio"] {
display: none;
}
label.radio-boxed-o:has(input[type="radio"]:checked),
label.radio-boxed-s:has(input[type="radio"]:checked),
label.radio-boxed-m:has(input[type="radio"]:checked),
label.radio-boxed-l:has(input[type="radio"]:checked) {
border: solid 1px var(--b-c--Dgrey);
}
label.radio-boxed-o:has(input:disabled),
label.radio-boxed-s:has(input:disabled),
label.radio-boxed-m:has(input:disabled),
label.radio-boxed-l:has(input:disabled) {
border: solid 1px #F9F9F9;
background-color: #F9F9F9;
color: var(--b-c--grey);
}
label.radio-boxed-o {
padding: 0;
}
label.radio-boxed-s {
padding: var(--padding--radio-s);
}
label.radio-boxed-m {
padding: var(--padding--radio-m);
}
label.radio-boxed-l {
padding: var(--padding--radio-l);
}
.radio-boxed_content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: 2px;
color: var(--b-c--Dgrey);
}
.radio-boxed_content span:nth-child(2) {
color: var(--b-c--grey2);
}
label.--locked {
display: flex;
}
label.--locked::after {
content: url('../img/icons/System/lock.svg');
transform: scale(.8);
opacity: .5;
}
input:disabled {
color: var(--b-c--grey2);
}
label.radio-boxed-o::after,
label.radio-boxed-s::after,
label.radio-boxed-m::after,
label.radio-boxed-l::after {
position: absolute;
display: flex;
top: 0;
bottom: 0;
right: 12px;
align-items: center;
vertical-align: middle;
}
.payment_method--cards::after {
content: url('../img/icons/Cards\ logo.svg');
}
.payment_method--dolyame::after {
content: url('../img/icons/Dolyame\ logo.svg');
}
.payment_method--split::after {
content: url('../img/icons/Split\ logo.svg');
}
.--PVZ-5post::after {
content: url('/img/icons/5post.svg');
}
.radio-boxed-l.payment_method--cards {
min-height: 65px;
display: flex;
align-items: center;
}
.emoji-64 {
height: 64px;
width: fit-content;
}
.emoji-40 {
height: 40px;
width: fit-content;
}
.loyalty-points {
display: flex;
align-items: center;
gap: 4px;
line-height: 100%important;
font-size: 14px;
}
.loyalty-points::before {
content: var(--ico--points);
width: 14px; height: 14px;
}
.bnpl-info {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin: 20px 0;
}
.bnpl-payment {
display: flex;
flex-direction: column;
padding-top: 6px;
gap: 4px;
border-top: 3px solid var(--b-c--Lgrey);
}
.bnpl-payment:nth-child(1) {
border-top: 3px solid var(--b-c--Dgrey);
}
input[type="file"] {
padding: var(--padding--input);
border: 1px dashed var(--b-c--grey);
clip: rect(0, 0, 0, 0);
border-radius: 8px;
}
input[type="radio"],
input[type="checkbox"] {
order: -1;
position: relative;
width: var(--b-s--checkbox);
height: var(--b-s--checkbox);
min-width: var(--b-s--checkbox);
min-height: var(--b-s--checkbox);
-webkit-border-radius: var(--size-bradius-s);
border-radius: var(--size-bradius-s);
-webkit-appearance: none;
-webkit-transition: none;
overflow: hidden;
}
input[type="radio"]::before ,
input[type="checkbox"]::before {
content: ' ';
position: absolute;
background-color: var(--b-c--white);
top: 0; left: 0; right: 0; bottom: 0;
border: var(--brdr-checkbox-base);
border-radius: var(--size-bradius-s);
display: flex;
align-items: center;
justify-content: center;
}
input[type="radio"]::before {
border-radius: 100%;
background-color: transparent;
}
input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {
border: var(--brdr-checkbox-active);
background-color: var(--b-c--Dgrey);
padding-top: 4px;
}
input[type="checkbox"]:checked::before {
content: var(--ico--checkbox-checked-18);
}
input[type="radio"]:checked::before {
content: var(--ico--radio-checked-18);
}
label:has(input[type="radio"]),
label:has(input[type="checkbox"]) {
position: relative;
display: flex;
vertical-align: middle;
gap: 8px;
}
label:has(input[type="checkbox"])>span {
margin: auto auto auto 0;
line-height: 100%;
}
.form_row,
.form_col {
display: flex;
flex-direction: column;
gap: 30px;
}
.form_row label {
width: 100%;
}
.form_row .btn {
margin: auto 0 auto 0;
}
label.field_promocode,
label.input-city {
display: flex;
width: 100%;
padding-bottom: 2px;
padding-right: 2px;
}
label.field_promocode {
margin-top: 40px;
}
label.field_promocode input,
.input-city input {
width: 100%;
}
label.switch {
position: relative;
}
label.switch {
width: 36px;
height: 21px;
background-color: var(--b-c--grey);
border-radius: 50px;
transition: all .3s ease;
}
label.switch:has(input[disabled]) {
background-color: var(--b-c--grey2);
}
label.switch input[type="checkbox"] {
visibility: hidden;
}
label.switch:after {
content: ' ';
line-height: 0%;
display: flex;
width: 17px;
height: 17px;
border-radius: 100%;
position: absolute;
top: 2px;
left: 2px;
bottom: 2px;
right: auto;
transition: all .3s ease;
background-color: var(--b-c--white);
border: none;
}
label.switch:has(input[type="checkbox"]:checked):after {
left: auto;
right: 2px;
}
label.switch:has(input[type="checkbox"]:checked) {
background-color: var(--b-c--Dgrey);
}
.row,
.col,
.col-popup {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 12px;
}
.col-popup {
gap: 30px;
}
.row {
flex-direction: row;
}
.popup-container {
position: fixed;
display: flex;
top: 0;
left: 0;
right: 0;
background-color: #000000ce;
height: 100vh;
max-height: 100vh;
z-index: 9999;
overflow-y: scroll;
max-width: 100vw;
}
.popup-container .ttl {
margin-bottom: 0;
}
.popup-container.--hide {
background-color: var(--b-c--black-0);
display: none;
}
.popup-container:has(.popup-side) {overflow: hidden;}
.popup {
position: relative;
display: flex;
flex-direction: column;
max-width: 500px;
margin: auto;
padding: 44px 32px 44px 32px;
background-color: var(--b-c--white);
border-radius: 8px;
}
.popup .btn {
width: 100%;
text-align: center;
}
.popup p {
font: 400 14px/1.2 'Averta CY', sans-serif;
}
.popup .popup_ttl {
font: 600 22px/1.2 "Averta CY", sans-serif;
}
/* cookie popup css */
#cookiePopup {
top: auto;
bottom: -100%;
height: auto;
background-color: transparent;
overflow: hidden;
transition: all .6s ease;
z-index: 998;
}
#cookiePopup .popup {
padding: 24px 12px 28px 12px;
border-radius: 12px 12px 0 0;
margin: 0;
flex-direction: column;
gap: 24px;
}
#cookiePopup .container {padding: 0;}
#cookiesBtnSubmit {margin-top: 24px;}
#cookiesBtnSubmit {height: 44px;}
#cookiePopup.--cookie-show {bottom: 60px;}
body:has(.shoping_card) #cookiePopup.--cookie-show {bottom: 128px;}
#cookiePopup a {border-bottom: 1px solid var(--b-c--Dgrey);}
#cookiePopup a:hover {border-bottom: 1px solid var(--b-c--grey); color: var(--b-c--grey); cursor: pointer;}
.popup-side {
width: 100%;
max-width: inherit;
padding: 0 12px 24px 12px;
margin: auto 0 0 0;
border-radius: 8px 8px 0 0;
transition: all .6s ease;
top: 0;
animation: pupTop ease .6s;
overflow: hidden;
max-height: 100vh;
}
/* .popup-container:has(.popup-side) {
overflow: hidden;
} */
@keyframes pupTop {
0% {
top: 100%;
}
100% {
top: 0;
}
}
@keyframes pupTopRev {
0% {
top: 0;
}
100% {
top: 100%;
}
}
.popup-side .popup_header .ttl {
margin: 24px 24px 20px 0;
font: 600 26px/1 "Averta CY", sans-serif;
}
.popup-side .popup_btn-close {
top: 24px;
right: 12px;
}
.popup-container.--hidden .popup-side {
top: 100%;
animation: pupTopRev ease .6s;
transition: all .6s ease;
}
@keyframes dispnoneAfter {
0% {display: flex;}
99% {display: flex;}
100% {display: none;}
}
.popup-container.--hidden:has(.popup-side) {
top: 0;
right: -100%;
animation: dispnoneAfter ease .7s;
}
.code_popup {
position: relative;
max-width: 600px;
margin: auto;
padding: 90px var(--padding--side) 60px var(--padding--side);
background-color: var(--b-c--white);
border-radius: 8px;
}
.popup_btn-close {
background-image: var(--ico--close);
position: absolute;
top: 13px;
right: 12px;
border-radius: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: auto;
width: 24px; height: 24px;
}
.popup_btn-back {
background-image: var(--ico--back-24);
right: auto;
left: 12px;
}
.code_input {
border-bottom: 1px solid var(--b-c--grey);
text-align: center;
font-size: 22px;
}
.code_popup .popup_btn-close {
position: absolute;
top: 20px;
right: 20px;
font-size: 24px;
color: var(--b-c--red);
z-index: 1;
}
.code_popup-wrapper.--closed {
display: none;
}
details summary {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
cursor: pointer;
list-style: none;
padding: 20px 24px 24px 0;
gap: 4px;
-webkit-user-select: none;
user-select: none;
}
details summary * {
display: flex;
}
details[open] {
padding-bottom: 32px;
}
details[open] summary {
padding: 20px 24px 16px 0;
}
details[open] summary~* {
animation: open 0.3s ease-in-out;
-webkit-user-select: none;
user-select: none;
/* prevents text selection */
}
@keyframes open {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
details summary::-webkit-details-marker {
display: none;
}
details summary:after {
content: var(--ico--arrow-18-d);
color: black;
width: 18px;
height: 18px;
position: absolute;
right: 0;
top: 22px;
transition: all .1s ease;
}
details[open] summary:after {
transform: rotate(180deg);
}
/* styles for filter */
.price-input {
width: 100%;
display: flex;
margin: 30px 0 35px;
justify-content: space-between;
gap: 20px;
}
.price-input .field {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
position: relative;
font-size: 14px;
border-radius: 8px;
text-align: center;
border: var(--brdr-priceinput-base);
padding: 28px 12px 12px 12px;
text-align: left;
gap: 4px;
transition: all .3s ease;
}
.price-input .field:has(input:focus) {
border: var(--brdr-priceinput-active);
}
.price-input .field::after {
content: ' ₽';
}
.price-input .field span {
position: absolute;
top: 12px;
left: 12px;
color: var(--b-c--grey);
}
.price-input .field input {
outline: none;
font-size: 14px;
position: relative;
border: none;
box-shadow: none;
text-align: left;
min-width: 1ch;
width: -moz-fit-content;
width: fit-content;
max-width: 10ch;
}
.slider {
height: 24px;
position: relative;
background: var(--bgrd-ps-bgrd-base);
border-radius: 24px;
overflow: hidden;
}
.sliderPrice_filter:has(input[type="range"]:hover) .slider .progress {
background: var(--bgrd-ps-prog-hover);
}
.slider .progress {
height: 100%;
left: 0%;
right: 0%;
position: absolute;
border-radius: 12px;
background: var(--bgrd-ps-prog-base);
}
.range-input {
position: relative;
}
.range-input input {
position: absolute;
height: 6px;
top: -15px;
background: none;
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.range-input input:first-child {
left: 0;
right: 0;
}
.range-input input:last-child {
left: 0;
right: 0;
}
input[type="range"]::-webkit-slider-thumb {
height: 24px;
width: 24px;
border-radius: 100%;
background: var(--b-c--white);
pointer-events: auto;
-webkit-appearance: none;
border: 3px solid var(--b-c--black);
cursor: pointer;
}
input[type="range"]::-moz-range-thumb {
height: 12px;
width: 12px;
border: 3px solid var(--b-c--black);
border-radius: 100%;
background: var(--b-c--white);
pointer-events: auto;
-moz-appearance: none;
border: 3px solid var(--b-c--black);
padding: 3px;
cursor: pointer;
}
button {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
text-wrap: nowrap;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.counter {
display: flex;
max-width: fit-content;
background-color: var(--color-counter-base);
color: var(--b-c--white);
padding: 4px 6px;
border-radius: var(--size-bradius-l);
/* overflow: hidden; */
}
.counter button::before {width: 24px; height: 24px;}
.counter .btn-minus::before {content: var(--ico--counter-minus-w-24);}
.counter:has(input[value="0"]) .btn-minus::before {content: var(--ico--cart-24);}
.counter:has(input[value="1"]) .btn-minus::before {content: var(--ico--cart-24);}
.counter .btn-plus::before {content: var(--ico--counter-plus-w-24);}
.counter-cart .btn-minus::before {content: var(--ico--counter-minus-b-24);}
.counter-cart:has(input[value="0"]) .btn-minus::before {content: var(--ico--cart-24-d);}
.counter-cart:has(input[value="1"]) .btn-minus::before {content: var(--ico--cart-24-d);}
.counter-cart .btn-plus::before {content: var(--ico--counter-plus-b-24);}
.counter-cart {
background-color: var(--b-c--VLgrey);
color: var(--b-c--Dgrey);
}
.counter .btn-minus:disabled,
.counter .btn-plus:disabled {
background-color: transparent!important;
opacity: .5;
}
.counter input[type='number'] {
max-width: 20px;
text-align: center;
/*pointer-events: none;*/
}
.txt-green {
color: var(--b-c--green)
}
.txt-red {
color: var(--b-c--red-error);
}
.txt-red-brand {
color: var(--b-c--red)!important;
}
.txt-bold {
font-weight: 600;
}
.input-unclickable,
.txt-labeled {
display: flex;
flex-direction: column;
gap: 2px;
}
.input-unclickable span,
.txt-label {
color: var(--b-c--grey);
font: 400 12px/1 "Averta CY", sans-serif;
}
.input-unclickable {
padding: 9px 0;
}
.input-unclickable input {
pointer-events: none;
}
#indexPage {
margin-top: -80px;
}
label.input-underline.--isValid::after,
label.input-underline:has(input.--isValid)::after,
label.input-underline.--isValid-req::after,
label.input-underline:has(input.--isValid-req)::after {
position: absolute;
/* top: 0px; */
right: 0;
content: url('../img/icons/Poduct/Check.svg');
width: 24px;
height: 24px;
z-index: 1;
}
label.input-underline.--invalid span,
label.input-underline:has(input.--invalid) span,
label.input-underline.--invalid-req span,
label.input-underline:has(input.--invalid-req) span {
content: "ошибка";
color: var(--b-c--red-error);
}
/* label.input-underline.--invalid span::after,
label.input-underline:has(input.--invalid) span::after, */
label.input-underline.--invalid-req span::after,
label.input-underline:has(input.--invalid-req) span::after {
content: "обязательно";
color: var(--b-c--red-error);
}
label.input-underline.--invalid,
label.input-underline:has(input.--invalid),
label.input-underline.--invalid-req,
label.input-underline:has(input.--invalid-req) {
border-bottom: 1px solid var(--b-c--red-error);
}
label.input-underline.--invalid-req::after,
label.input-underline:has(input.--invalid-req)::after {
content: "обязательно";
}
label.input-underline.--invalid span::after,
label.input-underline:has(input.--invalid) span::after {
/* label.input-underline.--invalid span::after{ */
content: "ошибка";
}
/* Drop Zone */
.drop-zone {
padding: var(--padding--radio-l);
border: 1px dashed var(--b-c--Dgrey);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 8px;
}
.drop-zone::before {
content: url('../img/icons/System/Download\ to\ device.svg');
margin-right: 8px;
}
/* Highlighted Drop Zone */
.drop-zone.dragged-over {
background-color: var(--b-c--VLgrey);
}
/* Drop Zone Text */
.dropbox_container {
display: flex;
flex-direction: column;
gap: 12px;
}
.drop-zone-text {
text-align: center;
font-size: 14px;
}
.dropFile_preview {
background-color: var(--b-c--grey);
position: relative;
width: 54px;
height: 76px;
object-fit: cover;
}
.dropFile_preview::before {
content: ' ';
background: #00000066;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.dropFile_preview::after {
content: url('../img/icons/Navigation/Close-white.svg');
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
.dropdown_container {
position: relative;
font: 400 14px/1.2 "Averta CY", sans-serif;
padding: var(--padding--input);
cursor: pointer;
transition: all .3s ease-in-out;
}
.dropdown_container:first-child {
margin: auto 0 auto auto;
}
.dropdown_container .dropdown_options {
background-color: var(--b-c--white);
position: absolute;
right: 0;
left: 0;
top: 100%;
box-shadow: var(--box-shadow);
z-index: 1;
display: flex;
flex-direction: column;
transition: all .3s ease-in-out;
opacity: 1;
}
.dropdown_container .dropdown_option {
padding: var(--padding--input);
text-wrap: nowrap;
}
.dropdown_container .dropdown_option a,
.dropdown_container .dropdown_option button {
color: var(--b-c--Dgrey);
}
.dropdown_container.dropdown-closed .dropdown_options {
top: 0;
opacity: 0;
z-index: -1;
visibility: hidden;
pointer-events: none;
}
.dd-mobicon {
padding: 12px 40px 12px 17px;
}
.dd-mobicon .dropdown_ttl {
display: block;
text-align: right;
}
.view-toggler::before {
content: var(--ico--list-v-grid);
width: 24px; height: 24px;
transition: all .3s ease;
}
.view-toggler:has(input[type="checkbox"]:checked)::before {
content: var(--ico--list-v-lent);
}
/*.dd-view::after,*/
.dd-sort::after {
width: var(--b-s--icon);
height: var(--b-s--icon);
position: absolute;
right: 0;
top: 9px;
bottom: auto;
}
/*.dd-view::after {*/
/* content: url('../img/icons/System/4\ block.svg');*/
/*}*/
.dd-sort::after {
content: url('../img/icons/Filter\ &\ sort/Sorting.svg');
}
.dd-sort {
margin: auto 0 auto auto;
}
.dd-category {
display: flex;
align-items: center;
padding: 0;
gap: 4px;
font-size: 14px;
position: absolute;
top: 20px; left: 86px;
}
.dd-category::before {
display: block;
content: var(--ico--arrow-18-d);
width: 18px; height: 18px;
}
ol.round {
list-style-type: none;
counter-reset: num;
margin: 0 0 0 36px;
padding: 0px 0 5px 0;
display: flex;
flex-direction: column;
gap: 16px;
}
ol.round li {
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ol.round li:before {
background-color: var(--b-c--Dgrey);
border-radius: 100%;
content: counter(num);
counter-increment: num;
display: inline-block;
text-align: center;
position: absolute;
top: 3px;
left: -36px;
width: 24px;
height: 24px;
color: var(--b-c--white);
font-size: 16px;
line-height: 1.4;
}
.suggestions-suggestions {
border: none!important;
box-shadow: var(--box-shadow)!important;
}
.suggestions-suggestions strong {
font-weight: normal;
color: var(--b-c--grey);
}
.suggestions-suggestion {
padding: 12px 20px;
}
.suggestions-suggestion:hover {
background: var(--b-c--VLgrey)!important;
}
.suggestions-selected {
background: var(--b-c--VLgrey)!important;
}
.suggestions-selected:hover {
background: var(--b-c--VLgrey)!important;
}
.table-warn {
border: 1px solid var(--b-c--red-error);
padding: 20px;
border-radius: 12px;
display: flex;
flex-direction: column;
}
.table-warn p {
margin-top: 12px;
}
.table-warn li::before {
content: '•';
margin-right: 12px;
}
.table-grey {
background-color: var(--b-c--VLgrey);
color: var(--b-c--grey);
padding: 16px 24px;
border-radius: 12px;
display: flex;
flex-direction: column;
}
.table-grey li {
display: flex;
flex-direction: row;
gap: 40px;
}
.table-grey li:not(:last-child) {
border-bottom: 1px solid var(--b-c--Lgrey);
padding-bottom: 12px;
margin-bottom: 12px;
}
.table-grey li * {
width: 100%;
}
@media (min-width: 450px) {
/*.dd-view {*/
/* width: 108px;*/
/* margin: auto 0px auto 0px;*/
/* padding: 12px 36px 12px 17px;*/
/* justify-content: flex-end;*/
/*}*/
.dd-sort:not(.dropdown-closed)::before {
content: 'Выберите сортировку';
position: absolute;
background-color: var(--b-c--white);
padding: 12px 32px 12px 17px;
top: 0;
bottom: 0;
left: 0;
right: 0;
/* animation: fromRtoL .3s ease; */
}
.dd-sort {
width: 196px;
margin: auto 0 auto auto;
padding: 12px 32px 12px 17px;
justify-content: flex-end;
}
}
@media (max-width: 450px) {
.dd-mobicon {
padding: 12px 20px 12px 17px;
}
.dd-mobicon::after {
top: 0;
}
.dd-mobicon .dropdown_ttl {
display: none;
}
.dd-mobicon .dropdown_options {
left: auto;
}
}
@media (min-width: 600px) {
header {
padding-top: 18px;
padding-bottom: 18px;
}
header>.container {
position: relative;
}
.navmenu_block-scd .navmenu_link,
.mainmenu_categories .mainmenu_link.--sub {
padding: 8px var(--padding--side) 8px 30px;
}
section {
margin-bottom: 88px;
}
.footer_contacts {
order: -1;
max-width: fit-content;
}
.footer_contacts p {
max-width: 360px;
}
.footer_row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.cart-empty {
display: grid;
grid-template-columns: 1fr 1fr;
}
.cart-empty .cart-empty_message {
justify-content: flex-start;
padding: 160px 0 0 0;
}
.cart-empty .listing_item {
margin-bottom: 28px;
}
.btn-cert::after {
content: none;
}
.btn-info::after {
content: none;
}
.btn-cert::before {
content: url(../img/icons/Poduct/File.svg);
}
.btn-info::before {
content: url(../img/icons/Poduct/Info.svg);
}
.form_row {
flex-direction: row;
}
.bnpl-payment {
flex-direction: column;
}
.accordeon-onlymob {
pointer-events: none;
/* prevents click events */
}
.accordeon-onlymob button,
.accordeon-onlymob a {
pointer-events: all;
}
.accordeon-onlymob summary::after {
display: none;
}
}
@media (max-width: 600px) {
.catalog_page {
position: relative;
padding: 0 !important;
}
}
@media (min-width: 768px) {
footer {
padding-top: 40px;
}
body {
padding-top: 80px;
}
.search_body .search_lent {
grid-template-columns: repeat(3, minmax(1px, 1fr));
}
.btn-slider {
padding: 6px;
}
.btn-slider::before {width: 24px; height: 24px;}
.btn-slider-next::before {
content: var(--ico--arrow-24-r);
}
.btn-slider-prev::before {
content: var(--ico--arrow-24-l);
}
ol.round {
margin: 0 0 0 48px;
padding: 0 0 5px 0;
gap: 28px;
}
ol.round li {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ol.round li:before {
top: 3px;
left: -48px;
width: 32px;
height: 32px;
color: var(--b-c--white);
font-size: 20px;
line-height: 1.5;
}
}
.--num-ico {
position: relative;
display: flex;
}
.--num-ico .--num-ico_num {
position: absolute;
top: -4px;
right: -4px;
text-align: center;
width: 16px;
height: 16px;
background-color: var(--b-c--Dgrey);
border-radius: 100%;
border: 2px solid var(--b-c--white);
color: var(--b-c--white);
font: 400 8px/12px 'Avrta CY', sans-serif;
padding-top: 1px;
}
.--num-ico[data-num='0'] .--num-ico_num {
display: none;
}
@media (min-width: 1023px) {
#indexPage {
margin-top: 1px;
/* padding-top: 130px; */
}
.menu_container {
z-index: 1000;
background: var(--b-g--dark-gradient);
background-color: #1e1e1e90;
}
.menu_container.--menu-show {
animation: fromTtoB ease .3s;
}
header {
background-color: var(--b-c--white);
position: sticky;
z-index: 1001;
padding: 0;
}
body.scroll-lock header {
position: fixed;
top: 0;
left: 0; right: 9;
}
body.hb-mkt-possible:not(.hb-mkt-dismissed).scroll-lock header {
top: var(--hb-mkt-bar-height);
}
body.scroll-lock main {padding-top: 81px;}
header:has(.mainmenu_categories:hover)+.menu-nav,
.menu-nav:hover {
display: block !important;
}
.openSearchBtn {
display: flex;
position: static;
width: 22vw;
max-width: 270px;
background-color: var(--b-c--VLgrey);
border-radius: 8px;
margin: auto 20px auto auto;
/* padding: var(--padding--input-search); */
padding: 10px 12px;
justify-content: space-between;
}
.openSearchBtn::before {
content: 'Поиск';
color: var(--b-c--grey);
}
.search_popup form {
padding: 12px;
}
body {
padding-top: 0;
}
body.hb-mkt-possible:not(.hb-mkt-dismissed) {
padding-top: var(--hb-mkt-bar-height);
}
footer {
padding: 48px 0 48px 0;
}
footer a {
margin-bottom: 16px;
}
footer .container {
flex-direction: row;
justify-content: space-between;
gap: 40px;
}
footer details.accordeon-onlymob[open] {padding: 0;}
footer .footer_contacts {
padding: 36px 44px 36px 44px;
gap: 44px; margin-top: 0;
}
.footer_contacts .footer_tel {margin-bottom: 26px;}
.footer_contacts .footer_email {margin-bottom: 0px;}
footer .footer_bottom {
flex-direction: col-reverse;
gap: 12px;
margin-top: 60px;
}
footer .footer_row {
gap: 90px;
display: grid;
grid-template-columns: repeat(3, minmax(100px, 204px));
}
footer .footer_row summary {
padding: 0 0 0 0;
}
footer h3 {color: var(--b-c--grey);}
.btn-slider:hover {
border: 1px solid var(--brdr-btn-slider-hover);
}
.btn-slider.swiper-button-disabled:hover {
border: 1px solid var(--brdr-btn-slider-base);
}
.btn-like:hover::before {
content: var(--ico--heart-hover);
}
.btn-buy {
padding: 13px;
}
.search_form .btn-search {
top: 12px;
}
.only-mob {
display: none !important;
}
.btn-back {
position: static;
}
.btn-back::before {
content: var(--ico--back-18);
width: 18px; height: 18px;
}
.btn-back::after {
content: 'Назад';
line-height: 100%;
}
.btn-look {
order: -1;
font-size: 14px;
padding: 4px 6px;
font-weight: 500;
}
.btn-look::before {
content: var(--ico--eye-m);
width: 20px; height: 20px;
}
.menu-panel {
background-color: transparent;
position: static;
}
.header_container .container {
display: flex;
justify-content: space-between;
}
.mainmenu_categories {
display: flex;
justify-content: space-around;
overflow: hidden;
background-color: var(--b-c--white);
padding: 30px 0;
}
.mainmenu_categories.--sub {
padding: 0;
}
.mainmenu_categories .mainmenu_list {
overflow: inherit;
padding: 0;
margin: auto auto auto 0;
}
header .header_logo {
left: 0;
right: 0;
top: 16px;
position: absolute;
}
.menu-panel {
display: grid;
grid-template-columns: repeat(4, 40px);
box-shadow: none;
padding: 0;
gap: 0;
}
.menu-panel>* {
min-width: 100%;
min-height: 100%;
display: flex;
margin: 0;
padding: 0;
justify-content: flex-end;
align-items: center;
vertical-align: middle;
}
.btn-back {
margin-bottom: 40px;
margin-top: 20px;
}
.mainmenu_block {
display: flex;
background-color: var(--b-c--white);
padding-top: 80px;
max-height: 100%;
overflow: hidden;
}
.menu-nav {
height: auto;
max-width: fit-content;
max-height: 100%;
left: 0;
animation: fromTtoB .5s ease;
background-color: transparent;
overflow: hidden;
}
.navmenu_categories {
position: relative;
max-height: 100%;
overflow-y: hidden;
}
.nvamenu_categories .navmenu_link a {
font-size: 16px;
}
.navmenu_main {
border-right: 1px solid var(--b-c--Lgrey);
z-index: 1;
background-color: var(--b-c--white);
}
.navmenu_main .mainmenu_categories.--sub,
.navmenu_categories .navmenu_block-scd {
height: auto;
overflow: hidden;
overflow-y: auto;
max-height: 100%;
transition: display .3s ease;
padding-top: 10px;
}
.navmenu_main .mainmenu_categories.--sub {
padding: 10px 12px 0 0;
}
.navmenu_categories .navmenu_block-scd.--active {
animation: none;
height: fit-content;
max-height: 100%;
}
.navmenu_categories .navmenu_block-scd.--active .navmenu_list {
position: relative;
animation: fromLtoR .5s ease;
}
.navmenu_main .mainmenu_categories.--sub::-webkit-scrollbar,
.navmenu_categories .navmenu_block-scd::-webkit-scrollbar {
width: 4px;
}
.navmenu_main .mainmenu_categories.--sub::-webkit-scrollbar-track,
.navmenu_categories .navmenu_block-scd::-webkit-scrollbar-track {
background: transparent;
}
.navmenu_categories .navmenu_block-scd::-webkit-scrollbar-thumb,
.navmenu_categories .navmenu_block-scd::-webkit-scrollbar-thumb:hover {
background: var(--b-c--grey);
}
.navmenu_main .mainmenu_categories.--sub::-webkit-scrollbar-thumb,
.navmenu_categories .navmenu_block-scd.--active::-webkit-scrollbar-thumb {
background: var(--b-c--grey);
border-radius: 4px;
}
.navmenu_main .mainmenu_categories.--sub::-webkit-scrollbar-thumb:hover,
.navmenu_categories .navmenu_block-scd::-webkit-scrollbar-thumb:hover {
background: var(--b-c--grey);
}
.mainmenu_categories .mainmenu_link.--sub {
/* padding: 0; */
padding: 8px 8px 8px var(--padding--side);
width: 360px;
}
.mainmenu_categories .mainmenu_link.--sub:nth-child(3) {
margin-bottom: 32px;
}
.navmenu_block-scd .navmenu_link:hover {
background-color: var(--b-c--VLgrey);
}
.mainmenu_categories .mainmenu_list.--sub {
overflow: hidden;
padding: 0 0 var(--padding--side) 0;
background-color: var(--b-c--white);
}
.navmenu_categories .navmenu_list {
min-width: 413px;
padding: 0 0 0 0;
}
.profile_popup {
/* z-index: -1; */
background-color: var(--b-c--white);
max-width: fit-content;
padding: 80px 0px calc(var(--padding--side) / 3 * 2) 0;
margin: 0 0 auto auto;
box-shadow: var(--box-shadow);
position: absolute;
top: 0;
bottom: inherit;
left: inherit;
right: 0px;
animation: fromTtoB .5s ease;
}
.menu-panel button.--opened::before {display: none;}
.profile_popup .profile_link {
padding: 0 var(--padding--side) 0 20px;
}
.profile_popup .profile_link:hover {
background-color: var(--b-c--VLgrey);
}
.search_body .search_lent {
grid-template-columns: repeat(6, minmax(1px, 1fr));
}
.search_popup .search_body {
padding: 20px var(--padding--side);
overflow: inherit;
}
.search_body .search_list {
padding-top: 40px;
/* overflow: scroll; */
max-height: calc(100vh - 200px);
}
.navbtnProfile.--opened::before {
display: none;
}
.accordeon-onlymob {
pointer-events: none;
/* prevents click events */
}
.accordeon-onlymob button,
.accordeon-onlymob a {
pointer-events: all;
}
.accordeon-onlymob summary::after {
display: none;
}
.profile_popup .profile_links {
animation: none;
padding: 0;
}
footer {
padding-top: 60px;
}
@keyframes pupRight {
0% {
right: -100%;
}
100% {
right: 0;
}
}
@keyframes pupRightBack {
0% {
right: 0;
}
100% {
right: -100%;
}
}
.popup-side {
width: calc(420px + max(calc((100vw - 1440px)/2 + var(--padding--side)), var(--padding--side)));
max-width: inherit;
padding: 0 max(calc((100vw - 1440px)/2 + var(--padding--side)), var(--padding--side)) 40px 40px;
margin: 0 0 0 auto;
border-radius: 8px 0 0 8px;
transition: right 0.6s ease;
top: 0;
/* bottom: 0; */
right: 0;
min-height: 100%;
animation: pupRight ease .6s;
}
.popup-side .popup_header .ttl {
margin: 40px 24px 40px 0;
}
.popup-side .popup_btn-close {
top: 40px;
right: max(calc((100vw - 1440px)/2 + var(--padding--side)), var(--padding--side));
}
.popup-container.--hidden .popup-side {
top: 0;
bottom: 0;
right: -100%;
transition: all .6s ease;
animation: pupRightBack ease .6s;
}
#cookiePopup {background-color: var(--b-c--white);}
#cookiePopup .container {padding: 0 var(--padding--side);}
#cookiePopup .popup {
width: 100%;
max-width: inherit;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 10%;
border-radius: 12px;
padding: 32px 0;
}
#cookiePopup .btn {
max-width: 260px;
height: 50px;
margin: 0;
}
#cookiePopup.--cookie-show {bottom: 0px!important;}
}
@media (max-width: 1023px) {
.mainmenu_block:has(.navmenu_categories .navmenu_block.navmenu_block-scd.--active) .navmenu_main .mainmenu_categories.--sub {overflow: hidden; max-height: 0px;}
}
@media (min-width: 1441px) {}
#bx-panel.bx-panel-fixed {
top: 80px !important;
}
/* HTML: */
.loader {
content: ' ';
color: #fff;
position: relative;
height: 50px;
}
.loader::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: ' ';
height: 4px;
width: 100%;
--c: no-repeat linear-gradient(var(--b-c--Dgrey) 0 0);
background: var(--c), var(--c), var(--b-c--grey);
background-size: 60% 100%;
animation: l16 3s infinite;
}
@keyframes l16 {
0% {
background-position: -150% 0, -150% 0
}
66% {
background-position: 250% 0, -150% 0
}
100% {
background-position: 250% 0, 250% 0
}
}
@keyframes l14 {
100% {
background-position: right, left, center, right
}
}
@media (hover: hover) {
span>a:hover,
p>a:hover {
color: var(--b-c--grey-satan);
text-decoration: none;
}
.mainmenu_categories.only-desc a:hover {
color: var(--b-c--Dgrey);
}
.navmenu_block-scd .navmenu_link:hover {
background-color: var(--b-c--VLgrey);
}
.profile_popup .profile_link:hover {
background-color: var(--b-c--VLgrey);
}
.dropdown_container .dropdown_option:hover {
background-color: var(--b-c--VLgrey);
}
.btn-buy:hover {
background-color: var(--b-c--Dgrey);
}
.btn-grey:hover {
background-color: var(--b-c--Dgrey);
}
.btn-lgrey:hover,
.btn-brdr:hover {
border: 1px solid var(--b-c--Dgrey);
}
.params_value .btn-brdr:hover {
border: 1px solid var(--b-c--grey)
}
label.radio-boxed-o:not(:has(input:disabled)):hover,
label.radio-boxed-s:not(:has(input:disabled)):hover,
label.radio-boxed-m:not(:has(input:disabled)):hover,
label.radio-boxed-l:not(:has(input:disabled)):hover {
border: solid 1px var(--b-c--grey);
}
.popup_btn-close:hover,
.btn-close:hover {
opacity: .5;
}
.avaliabile_shop .avaliable_shop-social a:hover path {
transition: all .3s ease;
stroke: var(--b-c--Dgrey);
}
.btn-wapp:hover::before,
.btn-map:hover::before,
.btn-call:hover::before {
opacity: 1;
}
}
/* HTML: */
.atc-loader {
width: 16px;
aspect-ratio: 1;
border-radius: 50%;
animation: l5 1s infinite linear alternate;
z-index: 100;
filter: invert(1);
}
/* @keyframes l5 {
0% {box-shadow: 20px 0 var(--b-c--white), -20px 0 var(--b-c--VLgrey);background: var(--b-c--white) }
33% {box-shadow: 20px 0 var(--b-c--white) -20px 0 var(--b-c--VLgrey);background: var(--b-c--VLgrey)}
66% {box-shadow: 20px 0 var(--b-c--VLgrey),-20px 0 var(--b-c--white); background: var(--b-c--VLgrey)}
100%{box-shadow: 20px 0 var(--b-c--VLgrey),-20px 0 var(--b-c--white); background: var(--b-c--white) }
} */
@keyframes l5 {
0% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}
.--hidden {
display: none!important;
}
.swiper-slide {
-webkit-transform: translateZ(0)!important;
-webkit-transform: translate3d(0, 0, 0)!important;
-webkit-backface-visibility: hidden;
backdrop-filter: blur(3.5px);
-webkit-backdrop-filter: blur(3.5px);
-moz-backdrop-filter: blur(3.5px);
}
html body .bx-imopenlines-message-dialog-number {
font: 600 12px/1.4 'Averta CY', sans-serif!important;
padding: 12px 24px;
}
html body .bx-im-message-content {
font: 14px/1.4 'Averta CY', sans-serif!important;
background: var(--b-c--VLgrey)!important;
color: var(--b-c--Dgrey)!important;
box-shadow: none!important;
border: 1px solid var(--b-c--grey)!important;
}
html body .bx-im-message-type-opponent .bx-im-message-content {
border: 1px solid var(--b-c--grey)!important;
background: var(--b-c--white)!important;
}
html body .bx-im-message-type-system .bx-im-message-content {
background: transparent!important;
border: none!important;
}
html body .b24-form-header-description {
font: 16px/1.4 'Averta CY', sans-serif!important;
}
html body .b24-form-control-string .b24-form-control:focus {
border-color: var(--b-c--Dgrey)!important;
}
html body .bx-imopenlines-form-result-container.bx-imopenlines-form-success {
background: var(--b-c--green)!important;
border: none!important;
}
}
/* b24 chat css */
.bx-livechat-head-wrap>.bx-livechat-head {background-color: #FFFFFF!important; background-image: url('data:image/svg+xml,'); background-size: cover;}
html body .bx-livechat-wrapper {border-radius: 12px!important; overflow: hidden;}
html body .b24-form {--b24-primary-color: var(--b-c--Dgrey)!important; --b24-primary-text-color: var(--b-c--white)!important; --b24-primary-hover-color: var(--b24-primary-color)!important; --b24-text-color: var(--b-c--Dgrey)!important; --b24-background-color: var(--b-c--white)!important; --b24-field-focus-background-color: var(--b-c--white)!important; --b24-popup-background-color: var(--b-c--white)!important; --b24-font-family-default: 'Averta CY', sans-serif!important;}
html body .b24-form-btn {background-color: var(--b-c--black)!important; color: var(--b-c--white)!important; font: 600 14px/1 'Averta CY', sans-serif!important; padding: 13px 28px!important; border-radius: 8px!important; height: fit-content; max-height: fit-content; max-width: fit-content; min-height: auto;}
html body .b24-form-btn:hover {background-color: var(--b-c--Dgrey)!important;}
html body .b24-form-wrapper {background-color: var(--b-c--VLgrey)!important;}
html body .b24-form-wrapper.b24-form-border-bottom {border: none!important;}
html body .b24-form-control-alert-message {background: var(--b-c--red-error)!important; border: 1px solid var(--b-c--red-error)!important;}
html body .b24-form-control-alert-message:after {border: 3px solid var(--b-c--red-error)!important; border-top-color: transparent!important; border-right-color: transparent!important;}
html body .b24-form-control-alert.b24-form-control-string .b24-form-control {background: transparent!important; border-color: var(--b-c--red-error)!important;}
.bx-im-dialog-list {overflow-x: hidden!important; width: 100%!important; padding: 12px!important; display: flex!important; flex-direction: column!important; gap: 12px!important;}
html body .bx-imopenlines-message-dialog-number {font: 600 12px/1.4 'Averta CY', sans-serif!important; padding: 12px 0 12px 24px; margin: 0!important;}
html body .bx-im-message-content {font: 400 14px/1.4 'Averta CY', sans-serif!important; background: var(--b-c--Dgrey-4B)!important; color: var(--b-c--white)!important; box-shadow: none!important; border: none!important; padding: 8px; margin: 0!important;}
.bx-im-message-without-menu, .bx-im-message-without-menu, .bx-im-message-without-menu.bx-im-message-type-opponent {margin: 0 30px 0 0!important;}
.bx-im-message.bx-im-message-type-self {margin-right: 0!important; margin-left: 30px!important;}
html body .bx-im-message-type-opponent .bx-im-message-content {border: none!important; background: var(--b-c--VLgrey)!important; color: var(--b-c--Dgrey)!important; margin: 0!important;}
html body .bx-im-message-type-system .bx-im-message-content {border: none!important; background-color: var(--b-c--VLgrey)!important; color: var(--b-c--Dgrey)!important;}
html body .bx-im-message-content-box {padding: 0!important;}
.bx-im-message-content-params {margin-left: 12px!important; padding-top: 8px!important;}
.bx-im-dialog-delimiter {display: none!important;}
html body .bx-im-dialog-group-date {margin: 0!important; padding: 0!important; background-color: transparent!important; color: var(--b-c--grey)!important; font: 400 14px/14px 'Averta CY', sans-serif; border: none!important;}
.bx-im-message-content-date {display: block!important; color: var(--b-c--grey)!important; font: 400 12px/1 'Averta CY', sans-serif!important; padding: 0!important;}
.bx-im-message-content-name {color: var(--b-c--Dgrey)!important; font: 600 14px/1 'Averta CY', sans-serif!important; margin-bottom: 4px;}
.bx-im-message-content-reaction .ui-vue-reaction, .ui-vue-reaction-button-container {margin: 0!important; padding: 0!important; display: none!important; pointer-events: none!important;}
.bx-im-message-content-reaction .ui-vue-reaction {position: absolute!important; top: 12px!important; left: -4px!important;}
.ui-vue-reaction-button-container,.ui-vue-reaction-button {display: flex!important; width: fit-content!important; height: fit-content!important; margin: 0!important;}
.ui-vue-reaction-button-icon {width: 24px!important; height: 24px!important; border: none!important; border-radius: 0!important;}
.ui-vue-reaction-button-icon.ui-vue-reaction-icon-none {background-image: var(--ico--heart-base)!important;}
.ui-vue-reaction-button-icon.ui-vue-reaction-icon-like {background-image: var(--ico--heart-active)!important;}
.b24-form-header {padding: 20px 12px 0 12px!important; border: none!important; text-align: left!important;}
html body .b24-form-header-description {font: 600 18px/20px 'Averta CY', sans-serif!important; margin: 0!important; padding: 0!important; opacity: 1!important; color: var(--b-c--Dgrey)!important;}
html body .b24-form-control-string .b24-form-control:focus {border-color: var(--b-c--Dgrey)!important;}
.bx-imopenlines-form-wrapper {padding-left: 0!important; border-radius: 12px!important; overflow: hidden; width: 100%!important; max-width: 406px; margin: 0!important;}
.bx-imopenlines-form-content {width: 100%;}
.b24-form-control-container {margin-bottom: 0!important;}
.b24-form-compact .b24-form-padding-side {padding-left: 12px!important; padding-right: 12px!important;}
.b24-form-content {padding: 20px 12px!important;}
.b24-form-control-string .b24-form-control {border: none!important; border-radius: 0!important; border-bottom: 1px solid var(--b-c--grey)!important; height: 50px!important; padding: 23px 25px 0 0!important; background-color: transparent!important; background-image: none!important; color: var(--b-c--Dgrey)!important; font:400 14px/18px 'Averta CY', sans-serif!important;}
.b24-form-control-string .b24-form-control-label {padding-left: 0!important; font: 400 14px/18px 'Averta CY', sans-serif;}
html body .bx-imopenlines-form-result-container {background: var(--b-c--VLgrey)!important; border: none!important; color: var(--b-c--Dgrey); padding: 12px 8px!important; align-items: flex-start!important; min-height: inherit!important; gap: 12px!important; width: auto!important;}
html body .bx-imopenlines-form-result-title {color: var(--b-c--Dgrey)!important; font: 600 18px/20px 'Aerta CY', sans-serif!important; text-align: left!important; margin: 0!important;}
.bx-imopenlines-form-success .bx-imopenlines-form-result-icon {background-image: var(--ico--chat-form-success)!important; background-repeat: no-repeat!important; background-position: center center!important; background-size: cover!important; margin: 0!important; width: 40px!important; height: 40px!important;}
.b24-widget-button-inner-item.b24-widget-button-icon-animation svg {display: none;}
.b24-widget-button-inner-item.b24-widget-button-icon-animation {background-image: var(--ico--chat)!important; background-repeat: no-repeat; background-position: center;}
.bx-livechat-head {background-color: var(--b-c--white)!important; border-bottom: 1px solid var(--b-c--Lgrey)!important; padding: 12px!important; height: 64px!important; position: relative;}
.bx-livechat-head::before {content: ' '; background-color: var(--b-c--white)!important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.bx-livechat-box .bx-livechat-user, .bx-livechat-box .bx-livechat-user-info {z-index: 2;}
.bx-livechat-box .bx-livechat-user-info {display: flex!important; flex-direction: column!important; gap: 4px;}
.bx-livechat-box .bx-livechat-title {color: var(--b-c--Dgrey); font: 600 18px/1 'Averta CY', sans-serif; overflow: visible; letter-spacing: normal; z-index: 1;}
.bx-livechat-box .bx-livechat-user-name {z-index: 2; color: var(--b-c--Dgrey); font: 600 18px/1 'Averta CY', sans-serif; overflow: visible; letter-spacing: normal;}
.bx-livechat-box .bx-livechat-user-position {z-index: 2; color: var(--b-c--grey); font: 400 14px/1 'Averta CY', sans-serif; overflow: visible; letter-spacing: normal; opacity: 1!important;}
.bx-livechat-box .bx-livechat-control-box { height: 100%!important; z-index: 1; gap: 24px!important;}
.bx-livechat-control-box-active {display: flex!important; flex-direction: row!important; flex-wrap: nowrap!important; gap: 24px;}
.bx-livechat-box .bx-livechat-control-btn-like {background-image: var(--ico--chat-rate)!important;}
.bx-livechat-box .bx-livechat-control-btn-like.bx-livechat-dialog-vote-like {background-image: var(--ico--chat-rate-like-active)!important;}
.bx-livechat-box .bx-livechat-control-btn-like.bx-livechat-dialog-vote-dislike {background-image: var(--ico--chat-rate-dislike-active)!important;}
.bx-livechat-box .bx-livechat-control-btn {width: 24px!important; height: 24px!important; padding: 0!important; background: var(--ico--chat-share);}
.bx-livechat-box .bx-livechat-control-btn-close {background-image: var(--ico--close); width: 24px; height: 24px; padding: 12px; margin: 0!important;}
.bx-livechat-body {background-image: none!important; background-color: var(--b-c--white)!important;}
.bx-livechat-textarea {flex-direction: column; height: auto; max-height: fit-content; border: none!important;}
.bx-livechat-textarea-resize-handle {display: none!important;}
.bx-im-textarea {padding: 11px 12px!important; display: flex!important; flex-direction: column!important; border-top: none!important; background-color: var(--b-c--VLgrey)!important;}
.bx-im-textarea-app-box {height: 0px!important; max-height: 0px!important;}
.bx-im-textarea .bx-im-textarea-box {padding: 0 48px 0 36px; gap: 12px;}
.bx-im-textarea .bx-im-textarea-box .bx-im-textarea-input {color: var(--b-c--Dgrey); font: var(--fs--txt-l); padding: 7px 42px 7px 8px!important; background-color: var(--b-c--white); border-radius: 12px; margin: 0; min-width: 100%!important; max-width: 100%!important; field-sizing: content; min-height: 40px!important; height: fit-content!important;}
.bx-im-textarea .bx-im-textarea-box .bx-im-textarea-send-button.bx-im-textarea-send-button-bright-arrow {position: relative; overflow: hidden; opacity: 1!important; width: 36px!important; height: 36px!important; border-radius: 12px;}
.bx-im-textarea .bx-im-textarea-box .bx-im-textarea-send-button.bx-im-textarea-send-button-bright-arrow::after {content: var(--ico--chat-send); display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--b-c--Dgrey); padding-top: 4px;}
.bx-im-textarea-app-button {width: 24px!important; height: 24px!important; margin-top: 8px;}
.bx-im-textarea-app-button:hover {opacity: .5;}
.bx-im-textarea-app-button.bx-im-textarea-app-smile {background-image: var(--ico--chat-smile)!important;}
.bx-im-textarea-app-button.bx-im-textarea-app-file {background-image: var(--ico--chat-file)!important;}
.bx-im-textarea-app-box {order: -1; padding: 0 60px 0 0!important; margin: 0!important; display: flex; flex-direction: row; justify-content: space-between; flex: auto!important; z-index: 10;}
.bx-livechat-help-container {margin: 20px auto auto 12px!important; display: flex; flex-direction: column; gap: 12px;}
.bx-livechat-help-container .bx-livechat-user-info {display: none!important;}
.bx-livechat-help-container .bx-livechat-help-user {flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: flex-start;}
.bx-livechat-help-container .bx-livechat-help-user .bx-livechat-user {margin: 0;}
.bx-livechat-help-container .bx-livechat-help-user .bx-livechat-user-icon {margin: 0; width: 60px; height: 60px;}
.bx-livechat-help-container .bx-livechat-help-title.bx-livechat-help-title-lg {order: 10; margin: 0; opacity: 1; text-align: left; color: var(--b-c--Dgrey); font: var(--fs--txt-l); background-color: var(--b-c--Lgrey); align-items: center; padding: 12px 8px 14px 8px; border-radius: 12px;}
.bx-livechat-help-container .bx-livechat-help-title .bx-livechat-help-subtitle {font: var(--fs--txt-l); margin-left: 4px;}
.bx-livechat-alert-box.bx-livechat-alert-box-zero-padding.bx-livechat-form-show {border-top: 1px solid var(--b-c--Lgrey); background-color: var(--b-c--white);}
.bx-ui-smiles-sets {border-top: 1px solid var(--b-c--Lgrey);}
.bx-ui-smiles-set.bx-ui-smiles-set-selected {border-bottom-color: var(--b-c--Dgrey);}
.bx-livechat-alert-box::before {content: ' '; background-color: var(--b-c--black-30);position: absolute; top: -100vh; left: 0; right: 0; bottom: 100%;}
.bx-livechat-alert-box {background: var(--b-c--white)!important; border: none!important; padding: 24px 12px 40px 12px!important; overflow-y: visible!important;}
.bx-livechat-alert-rate-box {display: flex!important; flex-direction: column!important; gap: 28px!important; margin: 0!important;}
.bx-livechat-alert-title-mdl {font: 600 18px/20px 'Averta CY', sans-serif!important; margin: 0!important; color: var(--b-c--Dgrey)!important; text-align: left!important;}
.bx-livechat-btn-box {display: flex!important; flex-direction: row!important; gap: 16px!important; justify-content: flex-start!important; margin: 0!important;}
.bx-livechat-btn {margin: 0!important; border-radius: 16px!important; height: 52px!important; width: 52px!important; background-position: center!important}
.bx-livechat-btn-like {background-color: var(--b-c--green)!important; background-image: var(--ico--chat-rate-like)!important; background-position: center!important;}
.bx-livechat-btn-dislike {background-color: var(--b-c--red-error)!important; background-image: var(--ico--chat-rate-dislike)!important;background-position: center!important}
.bx-livechat-alert-later-btn {font: 400 12px/1 'Averta CY', sans-serif!important; color: var(--b-c--grey)!important; border-bottom: 1px dashed var(--b-c--grey)!important; display: none!important;}
.bx-livechat-alert-close {width: 24px!important; height: 24px!important; top: 20px!important; right: 12px!important; background: var(--ico--close)!important; opacity: .5!important;}
html body .b24-widget-button-popup-name, html body .b24-widget-button-popup-image, html body .b24-widget-button-inner-mask {display: none!important;}
.b24-widget-button-popup-btn-hide {opacity: 1!important; background-image: var(--ico--chat-close)!important; top: 10px!important; right: 6px!important;}
.b24-widget-button-position-bottom-right .b24-widget-button-popup {border: none!important; box-shadow: 0px 16px 24px 0px #0000000F, 0px 4px 12px 0px #00000014;}
.b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle {box-shadow: none; bottom: calc(50% - 6px)!important; right: -3.4px!important; border-color: var(--b-c--white)!important;}
.b24-widget-button-popup-description {margin: 0!important; color: var(--b-c--Dgrey)!important; font: 400 12px/16px 'Averta CY', sans-serif!important; text-align: left!important;}
.bx-livechat-position-bottom-right .bx-livechat-widget-resize-handle, .bx-livechat-position-bottom-center .bx-livechat-widget-resize-handle {background-image: var(--ico--chat-grabber)!important; background-position: left 4px top 4px!important; height: 16px!important; opacity: 1!important;}
html body:has(#indexPage) .b24-widget-button-wrapper {display: none!important;}
html body .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup {left: -240px!important;}
@media (max-width: 1000px) {
html body .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {right: 12px!important;bottom: 76px!important;}
html body:has(.shoping_card) .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {bottom: 140px!important;}
html body:has(.promo-info) .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {bottom: 140px!important;}
html body .b24-widget-button-popup {border: 1px solid var(--b-c--Dgrey)!important; padding: 12px!important; border-radius: 8px!important; width: 250px!important;}
html body .b24-widget-button-position-bottom-right .b24-widget-button-popup {display: none!important;}
html body .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle {display: none!important;}
.bx-livechat-position-bottom-right .bx-livechat-widget-resize-handle, .bx-livechat-position-bottom-center .bx-livechat-widget-resize-handle {display: none!important;}
}
@media (min-width: 1000px) {
.bx-livechat-box {border-radius: 12px!important;}
.bx-livechat-show {min-width: 341px!important; min-height: 497px!important;}
}
html body:has(.ongallery_container.--show) .b24-widget-button-wrapper.b24-widget-button-position-bottom-right,
html body:has(.popup-container:not(.--hidden)) .b24-widget-button-shadow, html body:has(.popup-container:not(.--hidden)) .b24-widget-button-wrapper { display: none;}
/* Базовый кастомный селект (минимальный). Разметка: .select-box > .select-box__value + .select-box__drop > ul.select-box__list > li.select-box__option. Выбранный: .is-selected */
.select-box {
position: relative;
display: flex;
flex-wrap: nowrap;
border-radius: 8px;
border: 1px solid var(--b-c--Lgrey);
width: 100%;
color: var(--b-c--Dgrey);
padding: 0 12px 0 16px;
min-height: 36px;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.select-box:hover {
border-color: var(--b-c--grey);
}
.select-box::after {
content: var(--ico--arrow-24-d);
width: 24px;
height: 24px;
flex-shrink: 0;
}
.select-box.is-open::after {
transform: rotate(-180deg);
}
.select-box.is-open {
border-color: var(--b-c--Dgrey);
}
.select-box__value {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: var(--fs--txt-m);
}
.select-box__drop {
position: absolute;
top: calc(100% + 1px);
left: 0;
right: 0;
margin-top: 0;
background: var(--b-c--white);
padding: 8px 0 0;
overflow: hidden;
z-index: 10;
height: 0;
transition: height 0.2s ease;
}
.select-box.is-open .select-box__drop {
height: auto;
z-index: 11;
}
.select-box__list {
border: 1px solid var(--b-c--Lgrey);
border-radius: var(--size-bradius-m);
list-style: none;
margin: 0;
padding: 0;
}
.select-box__option {
cursor: pointer;
padding: var(--padding--input-adaptive);
padding-right: 28px;
font-size: var(--fs--txt-m);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.select-box__option:hover {
background-color: var(--b-c--VLgrey);
}
.select-box__option.is-selected {
display: none;
}
.select-box.is-invalid {
border-color: var(--b-c--red);
}
/* Модификатор размера: как нативный select (Номер заказа) — больший padding и ширина */
.select-box.select-box-m {
padding: var(--padding--input);
min-height: auto;
width: 20rem;
max-width: 100%;
}