@font-face {
  font-display: swap;
  font-family: 'Aeroport';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/Aeroport-Light.woff') format('woff'), 
url('./fonts/Aeroport-Light.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Aeroport';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Aeroport-Regular.woff') format('woff'), 
url('./fonts/Aeroport-Regular.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Aeroport';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/Aeroport-Medium.woff') format('woff'), 
url('./fonts/Aeroport-Medium.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Aeroport';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/AeroportBold.woff') format('woff'), 
url('./fonts/AeroportBold.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Aeroport';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/Aeroport-LightItalic.woff') format('woff'), 
url('./fonts/Aeroport-LightItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Aeroport';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/Aeroport-Regular.woff') format('woff'), 
url('./fonts/Aeroport-Regular.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Aeroport';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/Aeroport-MediumItalic.woff') format('woff'), 
url('./fonts/Aeroport-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Aeroport';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/Aeroport-BoldItalic.woff') format('woff'), 
url('./fonts/AeroportBoldItalic.ttf') format('truetype');
}

:root {
  --background-color-default: #FFF;
  --background-color-default-hover: #F5F5F5;
  --background-color-dark: #090909;
  --background-color-dark-hover: #090909;
  --background-color-light: #0000000A;
  --background-color-light-hover: #00000014;
  --background-color-hover: #090909;
  --background-color-label: #FF9500;
  --background-color-active: #EDEDED;
  --background-color-footer: #EDECE8;
  --background-color-cart: #EEE8DE;
  --background-color-attention: #FF3730;
  --text-color-default: #090909;
  --text-color-disable: #737373;
  --text-color-hover: #0909094D;
  --text-color-grey: #1B1F26B8;
  --text-color-light: #FFF;
  
  --main-main-gap: 80px;
  --content-main-gap: 40px;

  --h1-text-size: 40px;
  --h1-margin: 0 0 0 0;
  --h2-text-size: 32px;
  --h2-margin: 0 0 40px 0;
  --h3-text-size: 20px;
  --h3-margin: 0 0 8px 0;
  --h4-text-size: 10px;
  --h4-margin: 0 0 10px 0;
  --h5-text-size: 16px;
  --h5-margin: 0 0 10px 0;
  --p-margin: 0 0 10px 0;
  --text-size-default: 16px;

  --button-size-social-icon: 16px;
  --button-size-social: 32px;
  --button-size-icon: 24px;
  --button-size-xs: 40px;
  --button-size-s: 48px;
  --button-size-m: 56px;
  --button-size-l: 64px;
  --button-padding-icon: 0 8px;
  --button-padding-xs: 0 20px;
  --button-padding-s: 0 24px;
  --button-padding-m: 0 40px;
  --button-padding-l: 0 48px;
  --button-border-radius-social: 6px;
  --button-border-radius-icon: 20px;
  --button-border-radius-xs: 12px;
  --button-border-radius-s: 12px;
  --button-border-radius-m: 16px;
  --button-border-radius-l: 20px;
  --button-text-size-icon: 12px;
  --button-text-size-xs: 14px;
  --button-text-size-s: 16px;
  --button-text-size-m: 18px;
  --button-text-size-l: 18px;

  --btn-tranzition: all .2s linear;
  --slow-tranzition: all .5s linear;

  --cart-border-radius: 30px;

  --padding-plug: 40px;

  --menu-text-size: 16px;
  --menu-padding-li: 9px 12px 11px 12px;

  --denominator-Desktop: ((100vw - 1050px) / (1280 - 1050));    
  --denominator-Tablet: ((100vw - 600px) / (1050 - 600));
  --denominator-Mobile: ((100vw - 360px) / (599 - 360));

}

@media screen and (max-width: 1050px) {
  :root {
  --main-main-gap: 112px;
  --h2-margin: 0 0 48px 0;
  --padding-plug: 32px;

  --menu-text-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  :root {
  --main-main-gap: 64px;

  --h2-text-size: 24px;
  --h2-margin: 0 0 24px 0;
  --h3-text-size: 18px;
  --text-size-default: 14px;

  --button-size-s: 40px;
  --button-size-m: 48px;
  --button-size-l: 56px;
  --button-padding-s: 0 20px;
  --button-padding-m: 0 24px;
  --button-padding-l: 0 40px;
  --button-border-radius-s: 12px;
  --button-border-radius-m: 12px;
  --button-border-radius-l: 16px;
  --button-text-size-s: 16px;
  --button-text-size-m: 16px;
  --button-text-size-l: 18px;

  --padding-plug: 24px;

  --menu-text-size: 22px;
  }
}


body { background-color: var(--background-color-default); overflow-x: hidden; }

html,
body { margin: 0; padding: 0; font-family: 'Aeroport', sans-serif; font-size: var(--text-size-default); line-height: 1.2; font-weight: 400; color: var(--text-color-default); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; width: 100%; }
body * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

form, ul, ol, li, p, h1, h2, h3, h4, h5, h6 { list-style: none; margin: 0; padding: 0; }

.container { position: relative; max-width: 1280px; width: 100% !important; display: flex; flex-direction: column; margin: 0 auto;  min-width: 360px; }
  .container::before, .container::after {content: ''; position: absolute; width: 0; height: 0;}
  main.container { gap: var(--main-main-gap); padding-bottom: var(--main-main-gap); }
  main.container.containerContent { gap: var(--content-main-gap); padding-top: var(--content-main-gap); }
  main.container.containerShop { gap: 0; padding-top: 0; }
  main.container.containerPersonal { row-gap: 126px; flex-direction: row; justify-content: space-between; }

header { height: 140px; }
  header.container { position: sticky; top: 0; z-index: 10; background-color: var(--background-color-default); }
  .headerTop { height: 70px; display: flex; justify-content: space-between; align-items: center; }
  .headerTopRight { height: 70px; display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
  .headerTopMenu { position: relative; }
  .headerTop .logo, .footer_logo .logo { fill: var(--text-color-default); height: 25px; width: auto; }  

.userBlock { display: flex; gap: 15px; justify-content: flex-end; align-items: center; }

.menuLeft { width: 310px; }

.contentPersonal { display: flex; flex-direction: column; gap: 40px; width: calc(100% - 310px - 128px); }

@media screen and (max-width: 1328px) { 
  .container { padding: 0 24px; }
}

footer { padding-top: 80px; padding-bottom: 58px; background-color: var(--background-color-footer); }
  footer .container { gap: 80px; }
  .footer_row { display: flex; gap: 120px; }
  .footer_row_two { gap: 80px; align-items: center; }
  .footer_logo { flex-basis: calc(30% - 60px); }
  .footer_colls { flex-basis: calc(70% - 60px); display: flex; gap: 120px; }
  .footer_coll { flex-basis: calc(33.33% - 80px); font-size: var(--h4-text-size); text-transform: uppercase; font-weight: 300; line-height: 16px; }
  .footer_copy { font-size: 11px; font-weight: 300; white-space: nowrap; }
  .footer_сonnect { font-size: 11px; font-weight: 300; white-space: nowrap; display: flex; align-items: center; gap: 8px; }
  .footer_coll p:last-child { margin: 0 0 0 0; }
  footer a:hover { color: var(--text-color-grey); }

@media screen and (max-width: 1050px) {
  footer { padding-top: 48px; padding-bottom: 48px; }
  .footer_row { display: flex; gap: 16px; }
  .footer_logo { flex-basis: calc(30% - 16px); }
  .footer_colls { flex-basis: calc(70% - 16px); gap: 16px; flex-wrap: wrap; }
  .footer_coll { flex-basis: calc(50% - 8px); } 
  .footer_copy { flex-basis: calc(60% - 40px); }
  .footer_сonnect { flex-basis: calc(40% - 40px); }
}

@media screen and (max-width: 600px) {
  footer .container { gap: 48px; } 
  .footer_row { flex-direction: column; gap: 48px; }
  .footer_row_two { gap: 48px; align-items: flex-start; }
  .footer_logo { flex-basis: 100%; }
  .footer_colls { flex-direction: column; flex-basis: 100%; gap: 48px; }
  .footer_coll { flex-basis: 70%; }
  .footer_copy { flex-basis: 100%; } 
  .footer_сonnect { flex-basis: 100%; }
}
.title { text-align: center;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 600;}
h5 { font-size: var(--h5-text-size); margin: var(--h5-margin); padding: 0; }
h4 { font-size: var(--h4-text-size); margin: var(--h4-margin); padding: 0; text-transform: uppercase;}
h3 { font-size: var(--h3-text-size); margin: var(--h3-margin); padding: 0;}
h2 { font-size: var(--h2-text-size); margin: var(--h2-margin); padding: 0;}
h1 { font-size: var(--h1-text-size); margin: var(--h1-margin); padding: 0;}

p { margin: var(--p-margin); padding: 0; }
a {color: var(--text-color-default); text-decoration: none; transition: var(--btn-tranzition)}

.plug { width: 100%; background-color: var(--background-color-footer); border-radius: var(--button-border-radius-l); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: var(--padding-plug);}

/* Элементы */
.button { display: inline-block; border: none; outline: none; text-decoration: none; display: flex; gap: 10px; justify-content: center; align-items: center; font-weight: 700; font-family: 'Aeroport', sans-serif; width: fit-content; cursor: pointer;text-decoration: none; appearance: none; letter-spacing: .1px; line-height: 1.5; color: var(--text-color-light); background-color: var(--background-color-default); color: var(--text-color-default); transition: var(--btn-tranzition);}
  .button:hover,  .button:active, .button:focus { background-color: var(--background-color-default-hover); }
  .button svg {transition: var(--btn-tranzition); stroke: var(--text-color-default); fill: var(--text-color-default); }

  .button-large { height: var(--button-size-l); padding: var(--button-padding-l); border-radius: var(--button-border-radius-l); font-size: var(--button-text-size-l); }
  .button-medium { height: var(--button-size-m); min-height: var(--button-size-m); padding: var(--button-padding-m); border-radius: var(--button-border-radius-m); font-size: var(--button-text-size-m);}
  .button-small { height: var(--button-size-s); padding: var(--button-padding-s); border-radius: var(--button-border-radius-s); font-size: var(--button-text-size-s);}
  .button-xsmall { height: var(--button-size-xs); padding: var(--button-padding-xs); border-radius: var(--button-border-radius-xs); font-size: var(--button-text-size-xs);}
  .button-social { height: var(--button-size-social); width: var(--button-size-social);  border-radius: var(--button-border-radius-social);}
  .button-social svg { height: var(--button-size-social-icon); width: var(--button-size-social-icon); stroke: none; }
  
  .button-icon { height: var(--button-size-icon); padding: var(--button-padding-icon); border-radius: var(--button-border-radius-icon); font-size: var(--button-text-size-icon); gap: 4px; line-height: 1.0;  }
  .button-icon svg { height: var(--button-size-social-icon); width: var(--button-size-social-icon); }

  .button-grey { color: var(--text-color-default); background-color: var(--background-color-light);}
  .button-grey svg { fill: transparent; stroke: var(--text-color-default); stroke-width: 2; }
  .button-grey svg path {	fill: var(--text-color-default);}
  .button-grey:hover, .button-grey:active, .button-grey:focus { background-color: var(--background-color-light-hover); }

  .button-dark {color: var(--text-color-light); background-color: var(--background-color-dark);}
  .button-dark svg {	fill: none; stroke: var(--text-color-light); stroke-width: 2;}
  .button-dark:hover, .button-dark:active { background-color: var(--background-color-dark-hover); }

.button-white {color: var(--text-color-default);  background-color: var(--background-color-default);}
  .button-white svg {	fill: none; stroke: var(--text-color-default); }
  .button-white:hover, .button-white:active {background-color: var(--background-color-light-hover); }

  .button-transparent { color: var(--text-color-default); background-color: transparent;}
  .button-transparent:hover, .button-transparent:active, .button-transparent:focus { background-color: var(--background-color-default-hover); }

  button svg { pointer-events: none;}    

.userCart { padding: 0 18px 0 8px; background-color: var(--background-color-cart); border-radius: var(--button-border-radius-s); }

  .userIconIcon {  display: flex; justify-content: center; align-items: center; height: var(--button-size-xs); width: var(--button-size-xs); }
  .userIconIcon svg { align-items: center; height: 24px; width: 24px; stroke: #090909; stroke-width: 2; }
  .userBlock a:hover { color: var(--text-color-grey); text-decoration: none; }

  .userAuth { display: flex; justify-content: center; align-items: center; text-decoration: none; height: var(--button-size-xs); font-size: 16px; font-weight: 700; }
  .userIcons { display: flex; gap: 2px; justify-content: flex-end; align-items: center; }
  .userIcon { display: flex; justify-content: center; align-items: center; text-decoration: none; height: var(--button-size-xs); border-radius: var(--button-border-radius-s); font-size: 14px; font-weight: 700; padding: 0 12px 0 0; transition: var(--btn-tranzition); }
  .userIcon:hover { background-color: var(--background-color-default-hover); cursor: pointer; } 
  .userIcon svg { align-items: center; height: 24px; width: 24px; stroke: #090909; stroke-width: 2; }

/* menuTop */
.navMenuTop { display: flex; justify-content: start; align-items: center; height: 40px; }
.menu-top { display: flex; justify-content: start; align-items: center; padding: 0; z-index: 10; margin-left: -12px; }
.menu-top-li { display: flex; justify-content: start; align-items: center; font-size: var(--menu-text-size); font-weight: 700; cursor: pointer; }
.menu-top-link { display: inline-block; padding: var(--menu-padding-li); border-radius: var(--button-border-radius-xs); transition: var(--btn-tranzition); }
.menu-top-li:hover .menu-top-link { background-color: var(--background-color-default-hover); }
.menu-top-li.active .menu-top-link, .menu-top-li.active .menu-top-link { background-color: var(--background-color-active); }

.menu-catalog-filters { position: absolute; width: 100vw; left: calc((100vw - 1280px + 16px ) / (-2)); top: 70px; background-color: var(--background-color-default); overflow: hidden; transition: height .5s linear; }
.menu-catalog-filters.close { height: 0px; }
.menu-catalog-filters.open { box-shadow: -10px 28px 13px 0px rgba(34, 60, 80, 0.2); }
.filters-sections-bank { display: none; }
@media screen and (max-width: 1100px) {
    .filters-section-image {display: none;}
    .filters-section-colls {width: 100%;}
    .filters-section-coll { width: calc(25% - 30px);}
}
.filters-section.container { display: flex; flex-direction: row; justify-content: space-between; padding-top: 40px; padding-bottom: 60px; padding-left: 9px; align-items: flex-start;}
.filters-section-colls { display: flex; justify-content: flex-start; align-items: flex-start; gap: 40px;}
.filters-section-coll { display: flex; flex-direction: column; gap: 10px; width: 150px;}
.filters-section-coll a { display: block; color: var(--text-color-grey); text-decoration: none; font-weight: 300;}
.filters-section-coll a:hover {color: var(--text-color-default);}
.filters-section-coll a.all {color: var(--text-color-default); text-decoration: underline;}
.filters-section-coll a.all:hover {text-decoration: none;}
@media screen and (max-width: 1380px) { 
  .menu-catalog-filters { left: -24px; width: calc(100% + 48px); }
    .filters-section.container  { padding: 0 24px;   }
}

/* Menu Mobile */
.userIcon.menuIconMobile svg { width: 32px; height: 32px; }
    .menuIconMobile .closeIcon { display: none;}
    .menuIconMobile .openIcon { display: block;}
    .menuIconMobile.openMenuMobile .closeIcon { display: block; width: 24px; height: 24px;}
    .menuIconMobile.openMenuMobile .openIcon { display: none;}

    .filters-sections-bank-mobile { display: none; }

.menu-top-mobile { display: flex; flex-direction: column;  gap: 30px; padding: 0; z-index: 10; }
    .menu-catalog-section-mobile { position: absolute; width: 100%;  height: 100%; left: 0px; top: 64px;  background-color: var(--background-color-default); overflow: hidden; transition: height .5s linear; }
    .menu-catalog-section-mobile.close { height: 0px; }
    .menu-catalog-section-mobile.open { box-shadow: 0px 28px 13px 0px rgba(34, 60, 80, 0.2); }
    .menu-catalog-section-mobile .container { gap: 64px; padding-top: 20px;}

    .menu-catalog-section-mobile .userBlock { gap: 8px; flex-direction: column; align-items: flex-start; }
    .menu-catalog-section-mobile .userIcon { height: var(--button-size-xs); border-radius: var(--button-border-radius-s); font-size: 14px; font-weight: 700; padding: 0 12px 0 0; transition: var(--btn-tranzition);}
    .menu-catalog-section-mobile .userIconIcon svg {stroke: var(--text-color-hover); }
    .menu-catalog-section-mobile .userAuth a, .menu-catalog-section-mobile .userAuth, .menu-catalog-section-mobile .userLike { font-size: 20px; color: var(--text-color-hover); }

    .menu-top-li-mobile { display: flex; justify-content: start; align-items: center; font-size: var(--menu-text-size); line-height: 30px; font-weight: 700; cursor: pointer;  }
    .menu-top-link-mobile { display: inline-block;  }
    .menu-top-li-mobile:hover .menu-top-link-mobile { color: var(--text-color-hover); }
    .menu-top-li.active .menu-top-link-mobile, .menu-top-li.active .menu-top-link-mobile { color: var(--text-color-hover); }

    .menu-top-li-mobile-add { display: flex; justify-content: start; align-items: center; font-size: var(--menu-text-size); line-height: 30px; font-weight: 700; cursor: pointer;  }

.menu-top-mobile-image * { width: 100%; height: auto;}   
.menu-top-submenu-mobile { display: none; }


.linkBack { display: flex;  justify-content: center; align-items: center; height: var(--button-size-xs); font-size: 14px; font-weight: 700; transition: var(--btn-tranzition); color: var(--text-color-default); text-decoration: none; margin-left: -20px; text-decoration: none; border-radius: var(--button-border-radius-s); font-size: 14px; font-weight: 700; padding: 0 16px 0 0; transition: var(--btn-tranzition);}
    .linkBack:hover {background-color: var(--background-color-default-hover); cursor: pointer;}

.menu-catalog-filters-mobile { position: absolute; width: 100vw; left: 0px; right: 0px;  top: 64px;  background-color: var(--background-color-default); overflow: hidden;  transition: height .5s linear; height: 0px; z-index: 15  ; }
    .menu-catalog-filters-mobile.close { height: 0px; }
    .menu-catalog-filters-mobile.open { box-shadow: 0px 28px 13px 0px rgba(34, 60, 80, 0.2); }
.menu-catalog-filters-mobile .container { gap: 20px; padding-top: 20px; padding-bottom: 60px; align-items: flex-start;}
@media screen and (max-width: 1050px) {
.filters-section-mobile { display: flex; align-items: flex-start; gap: 80px; width: 100%;}
.filters-section-colls-mobile { display: flex; justify-content: flex-start; align-items: flex-start; gap: 80px;  width: 100%;}
.filters-section-coll-mobile_section_title { display: flex; flex-direction: column; gap: 48px; width: calc(33.33% - 80px);}
/* .filters-section-coll-mobile_section_filters { display: flex; flex-wrap: wrap; justify-content: flex-start;  align-items: flex-start; gap: 48px; width: 66.66%;} */
.filters-section-coll-mobile_section_filters {  column-count: 2; column-gap: 48px; width: 66.66%; padding-bottom: 60px;}
.filters-section-coll-mobile { display: flex; flex-direction: column; break-inside: avoid; }
.filters-section-coll-mobile > div { display: flex; width: 100%; flex-direction: column; gap: 10px; margin-bottom: 30px; break-inside: avoid; }
.filters-section-coll-mobile a { display: block; color: var(--text-color-grey); text-decoration: none; font-weight: 300;}
.filters-section-coll-mobile a:hover {color: var(--text-color-default);}
.filters-section-coll-mobile a.all {color: var(--text-color-default); text-decoration: underline;}
.filters-section-coll-mobile a.all:hover {text-decoration: none;}
}
@media screen and (max-width: 600px) {
    .menu-top-mobile { gap: 24px; }
    .filters-section-mobile { gap: 30px; display: flex; flex-direction: column; }
    .filters-section-coll-mobile_section_filters {  column-count: 1; display: flex; flex-direction: column; gap: 30px; }
    .filters-section-colls-mobile { gap: 30px; flex-direction: column; }
    .filters-section-coll-mobile { gap: 30px; width: 100%;}
    .filters-section-coll-mobile > div { gap: 12px; margin-bottom: 0;  }
    .filters-section-coll-mobile a { font-size: 16px;}
    .filters-section-coll-mobile h5 { font-size: 18px;}
    .filters-section-coll-mobile h5.section_title  { font-size: 22px;}
}
@media screen and (max-width: 1050px) {
  header { height: 64px; }
  .userIcons { gap: 8px; }
  .userIcon { width: var(--button-size-xs); padding: 0 0 0 0; }
}

/* forms */
input.form-input { display: flex; align-items: center; width: 100%; height: 56px; min-height: 56px; background-color: var(--background-color-default-hover); border-radius: var(--button-border-radius-s); padding: 0 10px; border: none; outline: none; font-weight: 700;  font-family: 'Aeroport'; font-size: 15px;}  
  input.form-input::placeholder { opacity: 0.3;  font-family: 'Aeroport',}

  .input.form-input:active, input.form-input:focus { box-shadow: inset 0 0 0 2px var(--text-color-default);}

/* search */
.search-form { position: relative;}
.search-form > input.search-form-input { display: flex; align-items: center; width: 310px; height: 40px; background-color: var(--background-color-default-hover); border-radius: var(--button-border-radius-s); padding: 0 10px 0 var(--button-size-xs); border: none; outline: none; font-weight: 700;  font-family: 'Aeroport'; font-size: 15px;}  
  .search-form > input.search-form-input::placeholder { opacity: 0.3;  font-family: 'Aeroport',}
  .search-form-icon { position: absolute; display: block; display: flex; align-items: center; justify-content: center; width: var(--button-size-xs); height:  var(--button-size-xs); top: 0; left: 0;}
  .search-form-icon svg { width: 16px; height: 16px; fill: var(--text-color-default); }
  
  .search-form input.search-form-input:active, .search-form input.search-form-input:focus { box-shadow: inset 0 0 0 2px var(--text-color-default);}
  .searchIcon { position: absolute; top: 0; left: 0; z-index: 2;}
  .userIcon.searchIcon svg { stroke: none; stroke-width: 0; fill: #090909; z-index: 10; width: 24px; height: 24px; }
  @media screen and (max-width: 1050px) {
    .search-form input.search-form-input { display: flex; width: 40px; height: 40px; padding: 0 0 0 0; background-color: transparent; transition: width .5s linear; box-shadow: inset 0 0 0 2px transparent;}
    .search-form input.search-form-input:active, .search-form input.search-form-input:focus { box-shadow: inset 0 0 0 2px transparent;}
    .search-form input.search-form-input::placeholder { opacity: 0.0;  font-family: 'Aeroport',}
    .search-form input.search-form-input.search-form-input-open {  padding: 0 10px 0 var(--button-size-xs); background-color: var(--background-color-default-hover); }
    .search-form input.search-form-input.search-form-input-open::placeholder { opacity: 0.3;}
    
  }


/* Cart Header */
.cartHeader { right: 0px !important; top: -128px !important; height: 100vh; width: 50vw; border-radius: 0; background-color: #FFF; border: none; padding: 30px 8px 30px 48px; box-shadow: -28px 0px 13px 0px rgba(34, 60, 80, 0.2);  }
.cartHeader.show { display: flex; flex-direction: column;  gap: 30px;}
.cartHeaderHead { display: flex; justify-content: space-between; align-items: center; padding-right: 40px;}
  .buttonsCart { display: flex; gap: 12px;}
  .buttonsCart .userIcon { padding: 0 0 0 0; width: var(--button-size-s); height: var(--button-size-s);}
  .cartHeaderHead h2 { font-size: 40px; margin-bottom: 0;  }
  .cartHeaderHead h2 span { font-size: 20px; font-weight: 400; display: inline-block; margin-left: 14px;}
.cartContent { display: flex; flex-direction: column; gap: 40px; overflow-y: auto; overflow-x: hidden; padding-right: 40px;}
  .cartInfo  { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 700;}
.productItem { display: flex; gap: 24px; position: relative; }
  .productItemImage {  display: flex; align-items: center; justify-content: center; width: 144px; height: 144px; background-color: rgba(118, 118, 128, 0.12); border-radius: 10px;}
  .productItemImage a {display: flex; width: 144px; height: 144px; display: flex; align-items: center; justify-content: center;}
  .productItemImage img { max-width: 80%; height: auto; display: block; margin: auto;}
  .productItemInfo { position: relative; display: flex; flex-direction: column; gap: 16px; width: calc(100% - 168px); padding-top: 6px; }
  .productItemInfo h4 { font-size: 16px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
  .productItem-amount { display: flex; align-items: center; transition: var(--btn-tranzition); background-color: var(--background-color-default); }  
    .productItem-amount-btn { width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 32px; background-color: var(--background-color-light); transition: var(--btn-tranzition); }  
    .productItem-amount-btn svg { stroke: var(--text-color-default); width: 20px; height: 20px; pointer-events: none; }  
    .productItem-quantity { padding: 13px 12px 13px 20px; display: flex; justify-content: space-between; align-items: center; }   
    .productItem-amount-field { width: 36px; font-size: 14px; padding: 5px 0; border: none; font-family: 'Aeroport'; font-size: 14px; font-weight: 700; text-align: center; outline: none; appearance: none; pointer-events: none; }  
    .productItem-amount-field[type="number"]::-webkit-inner-spin-button, .product-item-amount-field[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }  
    .productItem-amount-field[type="number"] { -moz-appearance: textfield; }  
  .productItemPrice { font-size: 14px; font-weight: 700;}

  .productItemDelete { position: absolute; top: 0; right: 0;}
   .productItemDelete .social { padding: 0 0 0 0; width: var(--button-size-social); height: var(--button-size-social);}

  .cartButtonCheckout { padding: 16px 0; background-color: 16px; position: sticky; bottom: 0; background-color: #fff;}
  .cartButtonCheckout .button-checkout { width: 100%;}
  .cartButtonCheckout .button-checkout:hover { color: #FFF; }

  .cartTotalList  {display: flex; flex-direction: column; gap: 10px;}
  .cartTotal  { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 20px; font-weight: 400;}
  .cartTotal strong { font-weight: 700;}
  .productItemType { font-size: 14px; font-weight: 300; color: var(--text-color-grey);}


  .cartEmpty { width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; gap: 32px;}

@media screen and (max-width: 1050px) {
  .cartHeader { top: -56px !important; width: 75vw; padding: 24px 8px 24px 32px; }
  .cartHeaderHead { padding-right: 24px;}
  .cartHeaderHead h2 { font-size: 32px;  }
  .cartInfo  { font-size: 18px; }
  .cartContent { padding-right: 24px; gap: 32px; }
  .productItem { gap: 16px; }
  .productItemImage {  width: 140px; height: 140px; }
  .productItemInfo { gap: 16px; width: calc(100% - 156px); }
}

@media screen and (max-width: 600px) {
  .cartHeader { width: 100vw; padding: 16px 8px 16px 24px; }
  .cartHeaderHead h2 { font-size: 24px;  }
  .cartHeaderHead h2 span { font-size: 20px; font-weight: 400; display: inline-block; margin-left: 14px;}
  .cartInfo  { font-size: 14px; }
  .cartHeaderHead { padding-right: 8px;}
  .cartContent { padding-right: 8px; gap: 32px; }
  .productItemImage {  width: 70px; height: 70px; }
  .productItemInfo {padding-top: 0;}
  .productItemInfo h4 { font-size: 14px; }
  .productItemInfo { gap: 8px; width: calc(100% - 86px); }
}

/* slider Home-top */
  .slider-main-top { width: 100%; margin: 0; aspect-ratio: 2.51 / 1; border-radius: var(--cart-border-radius); overflow: hidden;  }
  .slider-main-top .slick-list,
  .slider-main-top.slick-slider .slick-track,
  .slider-main-top.slick-slider .slick-track .slick-slide,
  .slider-main-top.slick-slider .slick-track .slick-slide > div { width: 100%; overflow: hidden; }
  .slider-main-top .slick-list,
  .slider-main-top.slick-slider .slick-track .slick-slide,
  .slider-main-top.slick-slider .slick-track .slick-slide > div { aspect-ratio: 2.51 / 1; }
  .slider-main-top .slide-content { 
  width: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%;aspect-ratio: 2.51 / 1; }
  
  .slider-main-top .slick-arrow { width: var(--button-size-xs) !important; height: var(--button-size-xs) !important; background-color: transparent!important;  background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% auto !important; top: calc(50% - 20px); z-index: 10; border-radius: 50%; background-color: rgba(245, 245, 245, 0.2) !important; 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuODk1MTQgMTUuODA1MkwxMy43MDAxIDEwLjAwMDJMNy44OTUxNCA0LjE5NDM0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) !important;}
  
  .slider-main-top .slick-arrow::before { display: none; content: ' '!important;}
  .slider-main-top .slick-prev { left: 24px !important; transform: rotate(180deg); }
  .slider-main-top .slick-next { right: 24px !important; }
  
  .slider-main-top .slide-image { position: absolute; width: 100%; z-index: 1; display: flex; aspect-ratio: 2.51 / 1; }
  
  .slider-main-top .slide-link, .slider-main-top .slide-content { position: relative !important; display: flex !important; flex-direction: column; justify-content: center; height: 100%; width: 100% !important; text-decoration: none; }
  
  .slider-main-top .slide-info { display: flex; flex-direction: column; justify-content: center; max-width: 45%; margin: 0 108px; position: relative;  z-index: 2; gap: 32px;}
  .slider-main-top .slide-title { color: var(--text-color-light); margin: 0; padding: 0; font-size: 48px;   }
  .slider-main-top .slide-description { color: var(--text-color-light); font-size: 18px; margin: 0; padding: 0;  }
  
  @media screen and (max-width: 1380px) {
  .slider-main-top .slide-info { max-width: 50%;}
  }
  
  @media screen and (max-width: 1280px) {
  .slider-main-top .slide-title { font-size: calc(40px + (48 - 40) * var(--denominator-Desktop));    }
  }
  
  @media screen and (max-width: 1051px) {
  .slider-main-top { margin: 0 -24px -72px -24px; width: calc(100% + 48px); aspect-ratio: 1.56 / 1; border-radius: 0; }
  .slider-main-top .slick-list,  .slider-main-top.slick-slider .slick-track .slick-slide, .slider-main-top.slick-slider .slick-track .slick-slide > div, .slider-main-top .slide-content, .slider-main-top .slide-image { aspect-ratio: 1.56 / 1}  
  .slider-main-top .slide-info { max-width: calc(85% - 80px); margin: 0 24px; }
  .slider-main-top .slide-title { font-size: calc(31px + (52 - 31) * var(--denominator-Tablet));}
  .slider-main-top .slide-description { font-size: 16px; }
  .slider-main-top .slick-dots { left: 40px; bottom:  calc(50px + (140 - 50) * var(--denominator-Tablet));}
  }
  @media screen and (max-width: 600px) {
  .slider-main-top { aspect-ratio: 0.71 / 1;  }
  .slider-main-top { margin: 0 -24px -32px -24px; aspect-ratio: 0.71 / 1; }
  .slider-main-top .slick-list,  .slider-main-top.slick-slider .slick-track .slick-slide, .slider-main-top.slick-slider .slick-track .slick-slide > div, .slider-main-top .slide-content, .slider-main-top .slide-image {  aspect-ratio: 0.71 / 1;}
  .slider-main-top .slide-image img { display: block;  aspect-ratio: 0.71 / 1;}
  
  .slider-main-top .slide-info { max-width: calc(100% - 48px); gap: calc(24px + (36 - 24) * var(--denominator-Mobile)); }
  .slider-main-top .slide-description { font-size: 14px; }
  .slider-main-top .slide-title { font-size: calc(32px + (51 - 32) * var(--denominator-Mobile)); }
  .slider-main-top .slick-dots { left: 24px; bottom:  calc(112px + (140 - 112) * var(--denominator-Mobile));}
  }

/* Popular categories */
  .popular { margin: 0 auto 0 auto; max-width: 1064px; }    
  .popular__list { margin: 0 auto; max-width: 1024px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }    
  .popular__item { gap: 12px !important; }
  .popular__item span { white-space: nowrap; }
  .button__arrow { fill: transparent;}

/* product-item-small-card */  
.product-item { position: relative; width: 100%; display: flex; flex-direction: column; border-radius: 2px; }  
.product-item-label-text { position: absolute; left: 0; top: 0; padding: 12px 0 0 12px; display: flex; flex-wrap: wrap; width: 45%; }  
.product-label-text-item { margin: 0 3px 3px 0; padding: 4px 5px; background-color: var(--background-color-label); color: var(--text-color-light); font-size: 8px; line-height: 6px; font-weight: 700; border-radius: 3px;} 
.product-item-image-wrapper { position: relative; background: var(--background-color-light); border-radius: var(--button-border-radius-l); display: flex; overflow: hidden; width: 100%; aspect-ratio: 1 / 1.27; padding: 60px 24px; margin-bottom: 12px; }  
.product-item-image { object-fit: contain; width: 100%; height: 100%; transition: var(--slow-tranzition); }  
.product-item-title-container { margin-bottom: 4px; display: flex; gap: 16px; justify-content: space-between; align-items: center; height: 24px; }  
.product-item-title { margin: 0 0 8px; line-height: 1; font-size: 15px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  } 
.product-item-title-container .product-item-title { margin: 0 0 0 0; }  
.product-item-title a { text-decoration: none; color: var(--text-color-default); }  
.product-item-price-container { margin-bottom: 16px; font-size: 14px; }  
.product-item-price-old { font-weight: 700; margin-right: 4px; position: relative; }  
.product-item-price-old::before { position: absolute; content: ''; width: 100%; height: 1px; top: 54%; left: 0; right: 0; background-color: var(--text-color-default); }  
.product-item-actions { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; padding: 8px; opacity: 0; transform: translateY(50%); transition: var(--btn-tranzition); }  
.product-item-info { padding: 2px 0 10px; background-color: var(--background-color-default); border-radius: 12px 12px 0 0; overflow: hidden; }  
.product-item-buy-btn { min-width: 100%; padding: 14px 20px; border-radius: 0 0 12px 12px; font-size: 14px; font-weight: 700; }  
.product-buy-btn { min-width: 100%; padding: 14px 20px; border-radius: 12px; font-size: 16px; font-weight: 700; opacity: 0; transform: translateY(50%); }   .product-item-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }  
.product-item-buttons { position: absolute; top: 0; right: 0; padding: 12px 12px 0 0; display: flex; transition: var(--btn-tranzition); opacity: 0; transform: translateY(-50%); }  
.product-item-icon { stroke: var(--text-color-default); border: none; background: none; cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0; }  
.product-item-icon svg { width: 20px; height: 20px; opacity: .65; }  
.product-item-cart-icon { display: none; }  
.product-item-text { position: relative; padding: 6px 12px 6px 20px; display: flex; justify-content: space-between; align-items: center; height: 44px; }  
.product-item-label { font-weight: 300; font-size: 14px; margin-right: auto; width: 70%; }  
.product-item-cost { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-weight: 700; line-height: 1; font-size: 14px; transition: var(--btn-tranzition); }  
.product-item-amount { position: absolute; right: 20px; top: 50%; display: flex; align-items: center; transition: var(--btn-tranzition); opacity: 0; transform: translate(50%, -50%); background-color: var(--background-color-default); }  
.product-item-amount-btn { width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 32px; background-color: var(--background-color-light); transition: var(--btn-tranzition); }  
.product-item-amount-btn svg { stroke: var(--text-color-default); width: 20px; height: 20px; pointer-events: none; }  
.product-item-quantity { padding: 13px 12px 13px 20px; display: flex; justify-content: space-between; align-items: center; }   .product-item-amount-field { width: 36px; font-size: 14px; padding: 5px 0; border: none; font-family: 'Aeroport'; font-size: 14px; font-weight: 700; text-align: center; outline: none; appearance: none; pointer-events: none; }  
.product-item-amount-field[type="number"]::-webkit-inner-spin-button, .product-item-amount-field[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }  
.product-item-amount-field[type="number"] { -moz-appearance: textfield; }  
.product-review { background-color: var(--background-color-light); padding: 15px 20px; border-radius: 10px; }  
.product-review-star { margin-bottom: 10px; display: flex; align-items: center; font-size: 16px; font-weight: 700; line-height: 1; }  
.product-review-star svg { margin-right: 6px; width: 20px; height: 20px; fill: var(--text-color-default); }  
.product-review-star-mini { display: flex; align-items: center; font-size: 12px; font-weight: 700; line-height: 1; background-color: var(--background-color-light); }  
.product-review-star-mini svg { width: 16px; height: 16px; fill: var(--text-color-default); opacity: 0.72; } .product-review-star-mini span { color: var(--text-color-default); opacity: 0.72; } .product-review-text { font-size: 14px; margin-bottom: 10px; color: var(--text-color-grey); font-weight: 300; line-height: 1.3; -webkit-line-clamp: 2;    display: -webkit-box;   -webkit-box-orient: vertical;    overflow: hidden; height: 35px; }  
.product-review-author { font-size: 12px; font-weight: 700; color: var(--text-color-grey);  }  
.product-item-icon-fav.favorite_active svg{ opacity: 1; stroke: var(--background-color-attention); }  
.product-item-icon-done.tried_active svg{ opacity: 1; stroke: var(--background-color-attention); }  
@media screen and (max-width: 1280px) { 
  .product-item-image-wrapper {   padding: calc(50px + (60 - 50) * var(--denominator-Desktop)) 24px; }  
}  
@media screen and (min-width: 1050px) and (hover: hover) {   
  .product-item:hover .product-buy-btn {   opacity: 1;   transform: translateY(0); }  
  .product-item:hover .product-item-actions {   opacity: 1;   transform: translateY(0); }  
  .product-item:hover .product-item-image {   opacity: .12; }  
  .product-item-icon:hover svg {   opacity: 1; }  
  .product-item-text:hover .product-item-amount {   opacity: 1;   transform: translate(0, -50%); }  
  .product-item-text:hover .product-item-cost {   opacity: 0; }  
  .product-item:hover .product-item-buttons {   opacity: 1;   transform: translateY(0); } 
}   
@media screen and (max-width: 1050px) {
  .product-item-buy-btn span {   display: none; } .product-buy-btn span {   display: none; }  
  .product-item-cart-icon {   display: block;   width: 24px;   height: 24px; }  
  .product-item-buy-btn {   min-width: 48px;   width: 48px;   height: 48px;   padding: 0;   margin-left: auto;   opacity: 1;   transform: translateY(0);   border-radius: 48px; } .product-buy-btn {   min-width: 48px;   width: 48px;   height: 48px;   padding: 0;   margin-left: auto;   opacity: 1;   transform: translateY(0);   border-radius: 48px; }  
  .product-item-image-wrapper {   aspect-ratio: 1 / 1.23;   margin-bottom: 16px;   border-radius: var(--cart-border-radius);   padding: calc(46px + (70 - 46) * var(--denominator-Tablet)) 12px; }  
  .product-item-actions {   opacity: 1;   transform: translateY(0);   padding: 0 15px 15px; }  
  .product-item-info {   display: none; }   
}  
@media (max-width: 600px) {    
  .product-item-image-wrapper { margin-bottom: 12px; border-radius: var(--button-border-radius-s); padding: calc(24px + (40 - 24) * var(--denominator-Mobile)) 12px;   }    
  .product-buy-btn { min-width: 40px; width: 40px; height: 40px;   }    
  .product-item-buy-btn { min-width: 40px; width: 40px; height: 40px;   }    
  .product-review-text { font-size: 12px;   }    
  .product-review-star { font-size: 15px;   }    
  .product-review-star svg { width: 16px; height: 16px;   }    
  .product-item-actions { padding: 0 17px 15px;   } 
} 

/* Sale New Best-selling */
.top-tabs__header { margin: 0 auto 24px; display: flex; flex-wrap: wrap; max-width: 1064px; }
.top-tabs__link { display: inline-block; margin-right: 15px; padding-bottom: 5px; border-bottom: 2px solid rgba(0, 0, 0, 0); font-size: 24px; line-height: 1; font-weight: 700; color: var(--text-color-default); transition: var(--btn-tranzition); opacity: .30; text-decoration: none; }
.top-tabs__link.is-active { opacity: 1; border-bottom: 2px solid var(--text-color-default); }
.top-tabs__link:not(.is-active):hover { opacity: .65 }
.top-tabs__tab { opacity: 0; max-height: 0; pointer-events: none }
.top-tabs__tab.is-active { opacity: 1; max-height: 100%; pointer-events: visible }
@media screen and (max-width: 1050px) { 
  .top-tabs {     margin: 0 -24px 0;     padding-left: 16px;     width: calc(100% + 48px); } 
  .top-tabs__header { margin: 0 24px 20px 8px }
}
@media screen and (max-width: 600px) { 
  .top-tabs__header { margin: 0 24px 20px 8px }
  .top-tabs__link {     font-size: 20px;     margin-right: 12px; }
}

.slider-main-sale { margin: 0 auto; max-width: 1080px }
.slider-main-sale-wrapper { overflow: hidden; max-width: 100vw }
.slider-main-sale .slick-slide { padding: 0 8px }
.slider-main-sale .slick-arrow { width: var(--button-size-xs) !important; height: var(--button-size-xs) !important; top: calc(50% - 40px); border-radius: var(--button-size-xs) !important; background: var(--background-color-light) }
.slider-main-sale .slick-next { right: -65px }
.slider-main-sale .slick-prev { left: -65px; transform: rotate(180deg) }
.slider-main-sale .slick-arrow::before { content: url('/image/icon-arrow-slider.svg') }
@media screen and (max-width: 1279px) { 
  .slider-main-sale .slick-arrow {     display: none !important; } 
}
@media screen and (max-width: 1050px) { 
  .slider-main-sale {     width: 119vw; }
}

/* Most reviewed Best rated  */
.rating-tabs__header { margin: 0 auto 24px; padding: 0 8px; display: flex; flex-wrap: wrap; max-width: 1064px; }
.rating-tabs__link { display: flex; padding: 10px 25px; font-size: 15px; line-height: 1; font-weight: 700; color: var(--text-color-default); transition: var(--btn-tranzition); text-decoration: none; border-radius: var(--button-border-radius-l); line-height: 1.3; } 
.rating-tabs__link.is-active { opacity: 1; background-color: #EFEFEF; }
.rating-tabs__link:not(.is-active):hover, .rating-tabs__link:not(.is-active):active, .rating-tabs__link:not(.is-active):focus {  opacity: .65; }
.rating-tabs__tab { opacity: 0; max-height: 0; pointer-events: none; }
.rating-tabs__tab.is-active { opacity: 1; max-height: 100%; pointer-events: visible; }
@media screen and (max-width: 1050px) {
  .rating-tabs { margin: 0 -24px 0; padding-left: 16px; width: calc(100% + 48px); }
}
@media screen and (max-width: 500px) {
  .rating-tabs__header { margin: 0 24px 20px 0; }
  .rating-tabs__link { font-size: 16px; padding: 10px 20px; }
}
.slider-main-rating { margin: 0 auto; max-width: 1080px; }
.slider-main-rating-wrapper { overflow: hidden; max-width: 100vw; }
.slider-main-rating .slick-slide { padding: 0 8px; }
.slider-main-rating .slick-arrow { width: var(--button-size-xs) !important; height: var(--button-size-xs) !important; top: 158px; border-radius: var(--button-size-xs) !important; background: var(--background-color-light); }
.slider-main-rating .slick-next { right: -65px; }
.slider-main-rating .slick-prev { left: -65px; transform: rotate(180deg); }
.slider-main-rating .slick-arrow::before { content: url('/image/icon-arrow-slider.svg'); width: 20px; height: 20px; }
@media screen and (max-width: 1279px) {
  .slider-main-rating .slick-arrow { display: none !important; }
}
@media screen and (max-width: 1024px) {
  .slider-main-rating { width: 119vw; }
}

/* Our experts  */
.expertsBox { margin: 0 auto; width: 100%; max-width: 1280px; gap: 48px; display: flex; flex-direction: column; align-items: center;}
.experts { width: 100%; padding: 48px 108px 80px 108px; background-color: var(--background-color-light); border-radius: var(--cart-border-radius); }
.experts__title { margin-bottom: 48px; font-size: 36px; }
.experts__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; }
.experts__item { padding: 0 44px 0 34px; display: flex; flex-direction: column; align-items: center; }
.experts__photo { margin-bottom: 20px; width: 112px; height: 112px; border-radius: 50%; display: flex; overflow: hidden; }
.experts__photo img { object-fit: cover; width: 100%; height: 100%; }
.experts__info { margin-bottom: 4px; display: inline-block; font-size: 14px; font-weight: 700; }
.experts__state { margin: 8px auto 16px; min-width: 70px; height: 26px; display: flex; justify-content: center; align-items: center; padding: 0 10px; font-size: 12px; line-height: 1; font-weight: 700; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--text-color-default); }
.experts__person { color: var(--text-color-disable); font-size: 12px; font-weight: 700; }
.experts__btn { margin: 0 auto; }
@media screen and (max-width: 1050px) {
    .expertsBox { margin:  0 -24px; width: calc(100% + 48px); }
    .experts { padding: 64px 30px 64px 30px; border-radius: 0; }
    .experts__title { margin-bottom: 64px; font-size: 32px; }
    .experts__item { width: 25%; min-width: 190px; }
    .experts__photo { margin-bottom: 24px; width: 96px; height: 96px; }
}
@media screen and (max-width: 700px) {
    .experts__item { width: calc(50% - 25px); min-width: auto; }
}
@media screen and (max-width: 600px) {
    .expertsBox { gap: 32px; width: 100%; margin:  0 0 -32px 0;   }
    .experts { padding: 32px 16px 32px 16px; border-radius: var(--button-border-radius-s); }
    .experts__photo { margin-bottom: 28px; width: 80px; height: 80px; }
    .experts__title { margin-bottom: 48px; font-size: 24px; }
    .experts__item { padding: 0 20px 16px; width: calc(50% - 16px); }
    .experts__info { margin-bottom: 10px; }
    .experts__state { margin: 0 auto 16px; }
    .experts__btn { width: 100% !important; }
}

/* Map */
.map-box { position: relative; border-radius: 20px; overflow: hidden; max-width: 1064px; width: 100%; min-height: 400px; margin: 0 auto; padding: 80px 70px; }
.map-box #map { position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0; -webkit-filter: grayscale(100%);  /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
.mapeFrame {width: 100%; height: 400px; }
.map-box__tooltype { position: relative; z-index: 1; padding: 40px; border-radius: 20px; background-color: #fff; z-index: 1; width: 38%; }
.map-box h5 { margin-bottom: 8px; }
.map-box p { margin-bottom: 8px; }
.map-box__text { margin-bottom: 40px; font-size: 14px; line-height: 1.5; }
.map-box__text:last-child { margin-bottom: 0; }
@media screen and (max-width: 1050px) {
  .map-box { margin: 0 -24px; padding: 30px 24px; width: calc(100% + 48px); border-radius: 0; min-height: 316px; } 
  .mapeFrame {height: 316px; }
  .map-box__tooltype { width: 49%; max-width: 360px; }
  .map-box__text { margin-bottom: 32px; }
}
@media screen and (max-width: 600px) {
  .map-box { display: flex; flex-direction: column; padding: 0 24px; }
  .map-box__tooltype { width: 100%; max-width: 100%; padding: 0 0 32px; }
  .map-box h5 { margin-bottom: 4px; }
  .map-box__text { margin-bottom: 24px; }
  .map-box #map { border-radius: 12px; position: relative; top: auto; bottom: auto; left: auto; right: auto; width: 100%; aspect-ratio: 1.5 / 1; order: 1; }
}

/* Our blog */
.main-articles { max-width: 1064px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; }
.main-articles__head { display: flex; justify-content: space-between; align-items: center; }
.main-articles__title { margin-bottom: 0; font-size: 40px; line-height: 1; }
.main-articles__wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.main-articles__item { width: calc(50% - 8px); display: flex; flex-direction: column; }
.main-articles__img { position: relative; margin-bottom: 20px; aspect-ratio: 1.41 / 1; width: 100%; display: flex; overflow: hidden; border-radius: 20px; }
.main-articles__img img { object-fit: cover; width: 100%; height: 100%; transition: var(--slow-tranzition); }
.main-articles__img a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.main-articles__name { line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.main-articles__text { color: var(--text-color-grey); font-size: var(--text-size-default); font-weight: 300; line-height: normal; -webkit-line-clamp: 2;  display: -webkit-box; -webkit-box-orient: vertical;  overflow: hidden; height: 43px; margin-bottom: 12px; }
.main-articles__more { cursor: pointer; display: flex; align-items: center; gap: 8px; font-size: var(--text-size-default); font-weight: 700; line-height: 1.4; letter-spacing: 0.2px; width: fit-content; transition: var(--btn-tranzition); }
.main-articles__more svg { margin-top: 2px; width: 17px; height: 18px; stroke: var(--text-color-default); transition: var(--btn-tranzition); pointer-events: none; }
.main-articles__more span { pointer-events: none; }
@media screen and (min-width: 1050px) and (hover: hover) {
	.main-articles__img:hover img { transform: scale(1.2); }
	.main-articles__more:hover { color: var(--text-color-grey); }
	.main-articles__more:hover svg { stroke: var(--text-color-grey); }
}
@media screen and (max-width: 1050px) {
	.main-articles { gap: 24px; margin-bottom: 0; }
	.main-articles__title { font-size: 32px; }
	.main-articles__title { font-size: 32px; }	
	.main-articles__img { margin-bottom: 12px; width: 100%; aspect-ratio: 1.2 / 1; }
	.main-articles__more { margin-top: 6px; }
}
@media screen and (max-width: 600px) { 
	.main-articles__title { font-size: 24px; }
	.main-articles__wrapper { flex-direction: column; gap: 24px; }
	.main-articles__item { width: 100%; }
	.main-articles__text { margin-bottom: 10px; height: auto; }
	.main-articles__img { margin-bottom: 12px; aspect-ratio: 1.36 / 1; border-radius: 12px; }
	.main-articles__more { margin-top: 0; }
}
.gm-style .place-card-large {display: none;}


/* Brends */
.brands { display: flex; flex-direction: column; gap: 30px; align-items: center; }
.brands__title { margin-bottom: 0; }
.brands__slider { position: relative; margin: 0 56px 80px 56px; padding-bottom: 37px; max-width: calc(100% - 112px); }
.brands { overflow: hidden; max-width: 100vw; }
.brands__slider .slick-slide { padding: 0 8px; } 
.brands__slider .slick-dots { bottom: 0; width: 100%; justify-content: center; }
.brands__slider .slick-dots li button { padding: 0; background-color: #0909091f; }
.brands__slider .slick-dots li.slick-active button { background-color: var(--text-color-default); }
.brands__slider .slick-arrow { width: var(--button-size-xs) !important; height: var(--button-size-xs) !important; top: 50%; transform: translateY(-40px); border-radius: var(--button-size-xs) !important; background: var(--background-color-light); }
.brands__slider .slick-next { right: -45px; }
.brands__slider .slick-prev { left: -45px; transform: translateY(-40px) rotate(180deg); }
.brands__slider .slick-arrow::before { content: url('/image/icon-arrow-slider.svg'); }
.brands__item { background-color: var(--background-color-light); border-radius: 20px; overflow: hidden; height: 144px; }
.brands__logo { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 1050px) {
    .brands { margin: 0 -24px; width: calc(100% + 48px); overflow: hidden; }
    .brands__title { font-size: 40px; } 
    .brands__slider { width: 82%; }
    .brands__slider .slick-list { overflow: visible; }
}
@media screen and (max-width: 600px) {
    .brands { margin: 0 -24px; }    
    .brands__title { font-size: 32px; }    
    .brands__slider { padding-bottom: 28px; }
    .brands__item { height: 128px; }
}

/* Two banners */
.content-banners { max-width: 1064px; width: 100%; margin: 0 auto 0 auto; }
.content-banners__head { margin-bottom: 46px; display: flex; justify-content: space-between; align-items: center; }
.content-banners__text { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; }
.content-banners__title { margin: 0 0 24px; font-size: 28px; line-height: normal; letter-spacing: 0.2px; }
.content-banners__desc { font-size: 16px; line-height: normal; letter-spacing: 0.2px; font-weight: 700; }
.content-banners__wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.content-banners__item { position: relative; aspect-ratio: 1.41 / 1; padding: 48px; width: calc(50% - 8px); display: flex; flex-direction: column; justify-content: flex-end; border-radius: var(--cart-border-radius); overflow: hidden; }
.content-banners__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; z-index: 0; }
.content-banners__filter { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.25); }
.content-banners__bg img { object-fit: cover; width: 100%; height: 100%; object-position: center; transition: var(--slow-tranzition); } 
.content-banners__text { position: relative; color: var(--text-color-light); }
.content-banners__btns { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 8px; }
.content-banners__main-title { font-size: 36px; margin-bottom: 20px; line-height: normal; }
@media screen and (max-width: 1280px) { 
  .content-banners__title { font-size: calc(22px + (28 - 22) * var(--denominator-Desktop)); }
}
@media screen and (min-width: 1050px) and (hover: hover) { 
  .content-banners__item:hover img { transform: scale(1.2); }
}
@media screen and (max-width: 1050px) {
  .content-banners__main-title { font-size: 32px; margin-bottom: 24px; }  .content-banners__item { border-radius: 20px; aspect-ratio: 1.2 / 1; padding: calc(24px + (52 - 24) * var(--denominator-Tablet)); }
  .content-banners__title { font-size: calc(22px + (31 - 22) * var(--denominator-Tablet)); margin-bottom: calc(14px + (21 - 14) * var(--denominator-Tablet)); }
  .content-banners__desc { margin-bottom: 0; font-size: calc(12px + (18 - 12) * var(--denominator-Tablet)); }
  .content-banners__btns { margin-top: auto; }
  .content-banners__text { justify-content: space-between; }
}
@media screen and (max-width: 785px) and (min-width: 601px) { 
  .content-banners__btns .button-xsmall {height: calc(30px + (40 - 30) * var(--denominator-Tablet)); font-size: calc(12px + (16 - 12) * var(--denominator-Tablet)); border-radius: calc(9px + (12 - 9) * var(--denominator-Tablet)); padding-left: calc(16px + (20 - 16) * var(--denominator-Tablet));  }
}
@media screen and (max-width: 600px) {
  .content-banners__main-title { font-size: 24px; }  .content-banners__item { margin-bottom: 0; width: 100%; aspect-ratio: 1.36 / 1; padding: 40px 32px; }
  .content-banners__title { font-size: calc(23px + (36 - 23) * var(--denominator-Mobile)); margin-bottom: calc(10px + (18 - 10) * var(--denominator-Mobile)); }
  .content-banners__desc { margin-bottom: calc(32px + (54 - 32) * var(--denominator-Mobile));   font-size: calc(14px + (18 - 14) * var(--denominator-Mobile)); }
  .content-banners__wrapper { gap: 12px; flex-direction: column; }
  .content-banners__wrapper--without-title { gap: 16px; } .content-banners__text { justify-content: center; }
}
@media screen and (max-width: 360px) {
  .content-banners__title { font-size: 23px; margin-bottom: 10px; }
  .content-banners__desc { margin-bottom: 32px;   font-size: 14px; }
}

/* Single Banner */
.content-banner { aspect-ratio: 4.57 / 1; position: relative; width: 100%; display: flex; justify-content: space-between; overflow: hidden; border-radius: var(--cart-border-radius); background-color: #3F312E; color: var(--text-color-light); }
.content-banner__title { margin-bottom: 32px; line-height: normal; }
.content-banner__title--with-btn { margin-bottom: 24px; }
.content-banner__text { align-self: center; width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 108px; }
.content-banner__bg { width: 45%; display: flex; justify-content: end; transition: var(--slow-tranzition); }
.content-banner:hover .content-banner__bg { transform: scale(1.2); }
.content-banner__desc { line-height: normal; letter-spacing: 0.2px; }
.content-banner__bg img { object-fit: cover; width: 100%; height: 100%; }
.content-banner__btns { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 12px; }
@media screen and (max-width: 1280px) {
  .content-banner__title { font-size: calc(26px + (32 - 26) * var(--denominator-Desktop));  margin-bottom: calc(26px + (32 - 26) * var(--denominator-Desktop)); }
  .content-banner__title--with-btn { margin-bottom: calc(19px + (24 - 19) * var(--denominator-Desktop)); }
  .content-banner__text { padding-left: calc(86px + (108 - 86) * var(--denominator-Desktop));  }  
}
@media screen and (max-width: 1050px) {
  .content-banner { border-radius: 20px; aspect-ratio: 3.3 / 1; }
  .content-banner--with-btn { aspect-ratio: 3 / 1;}
  .content-banner__text { width: 65%; padding-left: calc(37px + (63 - 37) * var(--denominator-Tablet)); }
  .content-banner__title { font-size: calc(18px + (31 - 18) * var(--denominator-Tablet)); margin-bottom: calc(18px + (31 - 18) * var(--denominator-Tablet)); }
  .content-banner__desc { font-size: calc(12px + (18 - 12) * var(--denominator-Tablet)); }      
}
@media screen and (max-width: 785px) and (min-width: 601px) {
  .content-banner__btns .button-xsmall {height: calc(30px + (40 - 30) * var(--denominator-Tablet)); font-size: calc(12px + (16 - 12) * var(--denominator-Tablet)); border-radius: calc(9px + (12 - 9) * var(--denominator-Tablet)); padding-left: calc(16px + (20 - 16) * var(--denominator-Tablet));  }
}
@media screen and (max-width: 600px) {
  .content-banner { border-radius: 12px; flex-direction: column; aspect-ratio: 1.1 / 1; }
  .content-banner--with-btn { aspect-ratio: 0.8 / 1;}
  .content-banner__text { width: 100%; height: 50%; padding-left: calc(24px + (48 - 24) * var(--denominator-Mobile)); padding-right: calc(24px + (48 - 24) * var(--denominator-Mobile)); }
  .content-banner--with-btn  .content-banner__text { height: 50%;}
  .content-banner__title { font-size: calc(19px + (32 - 19) * var(--denominator-Mobile)); margin-bottom: calc(10px + (15 - 10) * var(--denominator-Mobile)); }
  .content-banner__title--with-btn { font-size: calc(22px + (36 - 22) * var(--denominator-Mobile)); margin-bottom: calc(15px + (20 - 15) * var(--denominator-Mobile)); letter-spacing: 0.2px; }
  .content-banner__bg { width: 100%; justify-content: center; }
  .content-banner__img {width: 75%; height: auto;}
  .content-banner__desc { line-height: 20px; font-size: calc(14px + (18 - 14) * var(--denominator-Mobile)); }
  .content-banner--with-btn .content-banner__desc { margin-bottom: calc(14px + (18 - 14) * var(--denominator-Mobile)); }
  .content-banner__btns { margin-top: 30px; }
}
@media screen and (max-width: 430px) {
  .content-banner { aspect-ratio: 1 / 1; }
  .content-banner--with-btn { aspect-ratio: 0.8 / 1;}
}
@media screen and (max-width: 360px) {
  .content-banner__text { padding-left: 24px; padding-right: 24px; }
  .content-banner__title { font-size: 19px; margin-bottom: 13px; }
  .content-banner__title--with-btn { font-size: 22px; margin-bottom: 15px; }
  .content-banner--with-btn .content-banner__desc { margin-bottom: 14px; }
}

/* Slider + Text Banner */
.slider-banner { display: flex; flex-direction: column; gap: 64px; }
.slider-banner__info { display: flex; flex-direction: column; gap: 32px; margin: 0 auto; width: 100%; max-width: 630px; display: flex; flex-direction: column; align-items: center; }
.slider-banner__title { margin-bottom: 0; font-size: 40px; line-height: normal; }
.slider-banner__desc { text-align: center; font-size: 14px; line-height: normal; color: var(--text-color-grey); font-weight: 300; }
.slider-banner__btn { min-width: 201px; margin: 0 auto; } 
.slider-banner__slider { margin: 0 auto; width: 100%; max-width: 1064px; }
.slider-banner__slider .slick-dots { bottom: 24px; width: 100%; justify-content: center; }
.slider-banner__slider .slick-dots li button { padding: 0; }
.slider-banner__picture { width: 100%; height: 100%; }
.slider-banner__image { border-radius: 30px; overflow: hidden; display: flex; width: 100%; height: 480px; }
.slider-banner__image img { object-fit: cover; width: 100%; height: 100%; }
.slider-banner .slick-arrow { width: var(--button-size-xs) !important; height: var(--button-size-xs) !important; top: 52%; transform: translateY(-50%); border-radius: var(--button-size-xs) !important; background: var(--background-color-light); }
.slider-banner .slick-next { right: -83px; }
.slider-banner .slick-prev { left: -83px; transform: translateY(-50%) rotate(180deg); }
.slider-banner .slick-arrow::before { content: url('/image/icon-arrow-slider.svg'); width: 20px; height: 20px; }
@media screen and (max-width: 1279px) { 
  .slider-banner .slick-arrow { display: none !important; }
}
@media screen and (max-width: 1050px) {
  .slider-banner { gap: 80px; margin-bottom: -48px;  }
  .slider-banner__slider { margin: 0 -24px; width: calc(100% + 48px); }
  .slider-banner__image { border-radius: 0; height: 500px; }
  .slider-banner__btn--down { margin-top: -16px; }
}
@media screen and (max-width: 600px) {
  .slider-banner { gap: 64px; margin-bottom: 0; }
  .slider-banner__title { font-size: 36px; }
  .slider-banner__desc { max-width: calc(100% - 60px); font-size: 16px; }
  .slider-banner__btn { min-height: 48px; min-width: 100%; margin: 0 auto; }
  .slider-banner__btn--down { min-width: 100% !important; margin-top: -32px !important; }
  .slider-banner__info { margin: 0 auto; gap: 24px; }
  .slider-banner__image { height: 460px; }
}

/* Slider + Text Banner Horizontal */
.slider-banner-horizontal { width: 100%; max-width: 1064px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.slider-banner-horizontal__info { width: 30%; display: flex; flex-direction: column; align-items: flex-start; }
.slider-banner-horizontal__title { margin-bottom: 24px; font-size: 32px; letter-spacing: 0.2px; line-height: normal; }
.slider-banner-horizontal__desc { font-size: 14px; line-height: 1.4; color: var(--text-color-grey); font-weight: 300; letter-spacing: 0.2px; }
.slider-banner-horizontal__btn { min-width: 167px; margin-top: 32px; }
.slider-banner-horizontal__slider { width: 59.5%; max-width: 1064px; }
.slider-banner-horizontal__slider .slick-dots { bottom: 24px; width: 100%; justify-content: center; }
.slider-banner-horizontal__slider .slick-dots li button { padding: 0; }
.slider-banner-horizontal__picture { width: 100%; height: 100%; }
.slider-banner-horizontal__image { border-radius: 30px; overflow: hidden; display: flex; width: 100%; height: 770px; }
.slider-banner-horizontal__image img { object-fit: cover; width: 100%; height: 100%; }
.slider-banner-horizontal .slick-arrow { width: var(--button-size-xs) !important; height: var(--button-size-xs) !important; top: 50%; transform: translateY(-50%); border-radius: var(--button-size-xs) !important; background: #F5F5F533; z-index: 1; }
.slider-banner-horizontal .slick-next { right: 24px; }
.slider-banner-horizontal .slick-prev { left: 24px; transform: translateY(-50%) rotate(180deg); }
.slider-banner-horizontal .slick-arrow::before { content: url('/image/icon-arrow-slider-white.svg'); width: 20px; height: 20px; }
@media screen and (max-width: 1050px) {
  .slider-banner-horizontal { flex-wrap: wrap; }
  .slider-banner-horizontal__info { margin: 116px auto 34px; width: 100%; order: 1; align-items: center; }
  .slider-banner-horizontal__desc { text-align: center; width: 90%; }
  .slider-banner-horizontal__title { font-size: 40px; }
  .slider-banner-horizontal__slider { margin: 0 -24px; width: calc(100% + 48px); } 
  .slider-banner-horizontal__image { border-radius: 0; height: 500px; }
  .slider-banner-horizontal__btn { min-width: 200px; }
}
@media screen and (max-width: 600px) { 
  .slider-banner-horizontal { margin: 0 auto 30px; }
  .slider-banner-horizontal__title { margin-bottom: 24px; font-size: 36px; }
  .slider-banner-horizontal__desc { width: 100%; }
  .slider-banner-horizontal__btn { min-height: 48px; min-width: 100%; margin: 22px auto 0; }
  .slider-banner-horizontal__image { height: 460px; } 
  .slider-banner-horizontal__info { margin: 34px auto; }
}

.blockDesktop { display: flex; }
.blockMobile { display: none; }  
@media screen and (max-width: 1050px) {
.blockDesktop { display: none;  }
.blockMobile { display: flex; }
}

/* Переопределение bootstrap*/
.form-switch-lg {position: relative; padding-left: 3em;}
.form-switch-lg  .form-check-input { position: absolute; top: 0px; left: 0px; margin-left: 0; margin-top: 2px;}


#form-register .form-switch-lg { padding-left: 0;}
#form-register .form-switch-lg .form-check-input { position: static; }
#form-register .col-sm-10 {display: flex; align-items: center;}