.div-nuxt,
.divdefault,
.w-light {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.w-light {
  width: 100%;
  position: relative;
  background-color: var(--wwwrolfru-White);
  overflow-x: hidden;
  line-height: normal;
  letter-spacing: normal;
}
.div-nuxt,
.divdefault {
  align-self: stretch;
  max-width: 100%;
}
.div-nuxt {
  justify-content: center;
  flex-shrink: 0;
}
.divdefault {
  position: relative;
  isolation: isolate;
  gap: var(--gap-16);
  background-image: url(./public/div-default@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.before {
  width: 100%;
  height: 39px;
  position: absolute;
  margin: 0 !important;
  top: -487px;
  right: 0;
  left: 0;
  background-color: var(--wwwrolfru-Mine-Shaft-95);
  opacity: 0;
  z-index: 0;
  flex-shrink: 0;
}
.headerthe-headermargin {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  z-index: 1;
  flex-shrink: 0;
}
.divthe-header-wrapper,
.headerthe-header {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.headerthe-header {
  align-self: stretch;
  border-radius: 0 0 var(--br-25) var(--br-25);
  background-color: var(--wwwrolfru-White);
  align-items: center;
  padding: var(--padding-0) 30px var(--padding-2);
  max-width: 100%;
}
.divthe-header-wrapper {
  width: 100%;
  align-items: flex-start;
  padding: 24px var(--padding-28);
  gap: var(--gap-16);
  max-width: 1480px;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--wwwrolfru-Dove-Gray);
  font-family: var(--font-inter);
}
.divthe-header-top {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-32);
}
.divthe-header-actions {
  height: var(--height-24);
  display: flex;
  align-items: flex-start;
  gap: var(--gap-16);
}
.athe-header-actions-item-icon {
  height: var(--height-24);
  width: var(--width-24);
  position: relative;
  cursor: pointer;
}
.divui-select,
.divui-select-input-container,
.divui-selectalign-stretch {
  height: var(--height-24);
  display: flex;
  align-items: flex-start;
}
.divui-select,
.divui-select-input-container {
  justify-content: center;
}
.divui-select {
  max-width: 1424px;
}
.divui-select-input-container {
  border-radius: var(--br-10);
  flex-direction: column;
}
.divui-select-input {
  width: 124px;
  display: flex;
  align-items: center;
  gap: var(--gap-8);
}
.spanui-select-left-icon {
  height: var(--height-24);
  width: var(--width-24);
  position: relative;
}
.spanui-select-text {
  height: var(--height-24);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.div {
  position: relative;
  text-decoration: underline;
  line-height: var(--lh-24);
}
.component-2-icon {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  height: var(--height-24);
  width: var(--width-24);
  position: relative;
}
.group-icon {
  position: absolute;
  height: 33.33%;
  width: 50%;
  top: 33.33%;
  right: 25%;
  bottom: 33.33%;
  left: 25%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  transform: rotate(-180deg);
}
.divui-button {
  height: var(--height-24);
  border-radius: 41px;
  display: flex;
  align-items: center;
  gap: var(--gap-4);
  color: var(--wwwrolfru-Gray);
}
.component-1,
.group-icon2,
.spanui-button-icon {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.spanui-button-icon {
  bottom: 0;
}
.component-1,
.group-icon2 {
  top: 0;
  overflow: hidden;
}
.group-icon2 {
  height: 62.5%;
  width: 62.5%;
  top: 18.75%;
  right: 18.75%;
  bottom: 18.75%;
  left: 18.75%;
  max-width: 100%;
  max-height: 100%;
}
.spannew-class-ct-header-msk-c {
  height: var(--height-24);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.div2 {
  position: relative;
  line-height: var(--lh-24);
}
.divthe-header-nav {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--gap-16);
  max-width: 100%;
}
.a-icon {
  height: var(--height-40);
  width: 148px;
  position: relative;
  object-fit: cover;
}
.buttonthe-header-nav-item,
.navthe-header-nav-list {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.navthe-header-nav-list {
  margin: 0;
  flex: 1;
  padding: var(--padding-0) var(--padding-32);
  gap: var(--gap-32);
  max-width: 100%;
}
.buttonthe-header-nav-item {
  cursor: pointer;
  border: 0;
  padding: var(--padding-8) var(--padding-16);
  background-color: var(--wwwrolfru-White);
  height: var(--height-40);
  border-radius: var(--br-25);
  justify-content: center;
}
.buttonthe-header-nav-item:hover {
  background-color: var(--color-gainsboro);
}
.div3 {
  position: relative;
  font-size: var(--fs-16);
  line-height: var(--lh-24);
  font-family: var(--font-inter);
  color: var(--wwwrolfru-Dove-Gray);
  text-align: left;
}
.divthe-header-nav-profile {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  height: var(--height-40);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.aui-button,
.divmenu-profile {
  height: var(--height-40);
  display: flex;
  align-items: center;
}
.divmenu-profile {
  width: 111px;
  flex-direction: column;
}
.aui-button {
  border-radius: 50px;
  background-color: var(--wwwrolfru-Black-Squeeze);
  justify-content: center;
  padding: var(--padding-8) var(--padding-32);
  box-sizing: border-box;
}
.a,
.divdefault-contentmargin {
  text-align: left;
  color: var(--wwwrolfru-Mine-Shaft);
}
.a {
  position: relative;
  font-size: var(--fs-16);
  line-height: var(--lh-24);
  font-family: var(--font-inter);
  text-decoration: none;
}
.divdefault-contentmargin {
  align-self: stretch;
  padding: var(--padding-0) 220px;
  box-sizing: border-box;
  max-width: 100%;
  z-index: 2;
  flex-shrink: 0;
  font-size: 32px;
  font-family: var(--font-unbounded);
}
.divdefault-content,
.divdefault-contentmargin,
.divview-container,
.main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.divdefault-contentmargin {
  align-items: center;
}
.divdefault-content {
  width: 100%;
  padding: var(--padding-0) var(--padding-28) var(--padding-16);
  box-sizing: border-box;
  gap: 56px;
  max-width: 1480px;
}
.divview-container,
.main {
  align-self: stretch;
  max-width: 100%;
}
.main {
  height: auto;
}
.divview-container {
  position: relative;
  isolation: isolate;
  gap: 56px;
}
.h1u-visually-hiddenmask-grou-icon {
  width: 1px;
  height: 1px;
  position: absolute;
  margin: 0 !important;
  top: -1px;
  left: -1px;
  z-index: 0;
}
.divmain-banner-slider-icon {
  align-self: stretch;
  height: 452px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 1;
}
.divbrands,
.sectionbrands {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.sectionbrands {
  align-items: flex-start;
  z-index: 2;
  text-align: left;
  font-size: var(--fs-14);
  color: var(--wwwrolfru-Dove-Gray);
  font-family: var(--font-inter);
}
.divbrands {
  align-items: center;
}
.divbrands-wrapperalign-stre {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.divbrands-wrapper {
  align-self: stretch;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-32) var(--padding-16) 34px;
}
.divbrands-list {
  align-self: stretch;
  height: 200px;
  position: relative;
}
.abrands-item {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 0;
  right: 1173.3px;
  left: 0;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.alfa-romeo-icon {
  width: var(--width-132);
  height: var(--height-58);
  position: relative;
  object-fit: cover;
  max-width: var(--max-w-132);
  max-height: var(--max-h-58);
}
.pbrands-item-name {
  width: 76px;
  height: var(--height-20);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.alfa-romeo {
  position: relative;
  line-height: var(--lh-20);
  color: inherit;
  text-decoration: none;
}
.abrands-item2 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 0;
  right: 938.6px;
  left: 234.7px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.pbrands-item-name2 {
  width: 30px;
  height: var(--height-20);
}
.abrands-item3,
.pbrands-item-name2,
.pbrands-item-name3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.abrands-item3 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 0;
  right: 704px;
  left: 469.3px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.pbrands-item-name3 {
  width: 42px;
  height: var(--height-20);
}
.abrands-item4 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 0;
  right: 469.3px;
  left: 704px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.abrands-item4,
.abrands-item5,
.pbrands-item-name4 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pbrands-item-name4 {
  width: 33px;
  height: var(--height-20);
}
.abrands-item5 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 0;
  right: 234.6px;
  left: 938.7px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
  font-size: 13.9px;
}
.pbrands-item-name5 {
  width: var(--width-46);
  height: var(--height-20);
}
.abrands-item6,
.pbrands-item-name5,
.pbrands-item-name6 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.abrands-item6 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 0;
  right: 0;
  left: 1173.3px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.pbrands-item-name6 {
  width: var(--width-36);
  height: var(--height-20);
}
.abrands-item7 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 108px;
  right: 1173.3px;
  left: 0;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.abrands-item7,
.abrands-item8,
.pbrands-item-name7 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pbrands-item-name7 {
  width: 53px;
  height: var(--height-20);
}
.abrands-item8 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 108px;
  right: 938.6px;
  left: 234.7px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
  font-size: 13.8px;
}
.pbrands-item-name8 {
  width: 59px;
  height: var(--height-20);
}
.abrands-item9,
.pbrands-item-name8,
.pbrands-item-name9 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.abrands-item9 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 108px;
  right: 704px;
  left: 469.3px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.pbrands-item-name9 {
  width: 41px;
  height: var(--height-20);
}
.abrands-item10 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 108px;
  right: 469.3px;
  left: 704px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.abrands-item10,
.abrands-item11,
.pbrands-item-name10 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pbrands-item-name10 {
  width: 65px;
  height: var(--height-20);
}
.abrands-item11 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 108px;
  right: 234.6px;
  left: 938.7px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.pbrands-item-name11 {
  width: 45px;
  height: var(--height-20);
}
.abrands-item12,
.pbrands-item-name11,
.pbrands-item-name12 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.abrands-item12 {
  position: absolute;
  width: var(--width-calc100-1173_3);
  top: 108px;
  right: 0;
  left: 1173.3px;
  border-radius: var(--br-25);
  background-color: var(--wwwrolfru-White);
  justify-content: center;
  padding: var(--padding-2) var(--padding-0) var(--padding-6);
  box-sizing: border-box;
  cursor: pointer;
}
.pbrands-item-name12 {
  width: 110px;
  height: var(--height-20);
}
.headermain-section-head,
.sectionmain-section {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.sectionmain-section {
  flex-direction: column;
  gap: var(--gap-24);
  z-index: 3;
}
.headermain-section-head {
  justify-content: space-between;
  gap: 0;
  row-gap: var(--gap-20);
}
.h1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.divsalons-map-filtersmargin {
  height: var(--height-36);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 12px var(--padding-4) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  min-width: 292.3px;
  font-size: var(--fs-16);
  color: var(--wwwrolfru-Dove-Gray);
  font-family: var(--font-inter);
}
.divsalons-map-filters {
  width: 289px;
  height: var(--height-24);
  display: flex;
  align-items: flex-end;
  gap: 40px;
}
.divui-select2,
.divui-selectalign-stretch2 {
  display: flex;
  align-items: flex-start;
}
.divui-select2 {
  align-self: stretch;
  justify-content: center;
}
.component-12 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  position: absolute;
  top: -2px;
  left: -0.02px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.group-icon3,
.group-icon4 {
  position: absolute;
  height: 66.67%;
  width: 66.67%;
  top: 16.67%;
  right: 16.67%;
  bottom: 16.67%;
  left: 16.67%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.group-icon4 {
  height: 33.33%;
  width: 50%;
  top: 25%;
  right: 25.08%;
  bottom: 41.67%;
  left: 24.92%;
  transform: rotate(-180deg);
}
.divui-selectalign-stretch3 {
  display: flex;
  align-items: flex-start;
  color: var(--wwwrolfru-Gray);
}
.divui-select-input3 {
  width: 125px;
  display: flex;
  align-items: center;
  gap: var(--gap-8);
}
.group-icon5 {
  position: absolute;
  height: 58.33%;
  width: 66.67%;
  top: 20.83%;
  right: 16.67%;
  bottom: 20.83%;
  left: 16.67%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.divsalons-map-container {
  border-radius: var(--br-25);
  overflow: hidden;
  font-size: var(--fs-16);
  color: var(--wwwrolfru-White);
  font-family: var(--font-inter);
}
.div-ymap,
.divsalons-map-container,
.ymaps3ymaps3-map,
.ymaps3ymaps3-map-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.div-ymap {
  justify-content: center;
  min-height: 424px;
}
.ymaps3ymaps3-map,
.ymaps3ymaps3-map-container {
  overflow: hidden;
  position: relative;
  isolation: isolate;
}
.ymaps3ymaps3-map {
  background-image: url(./public/ymaps3-ymaps3-map@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
}
.ymaps3ymaps3-main-engine-con {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  opacity: 0;
  max-width: 1424px;
  z-index: 0;
}
.brand-logo-row-2 {
  position: absolute;
  top: 246px;
  left: -55.5px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  row-gap: var(--gap-20);
  flex-shrink: 0;
}
.tiles-icon {
  height: var(--height-256);
  width: var(--width-256);
  position: relative;
  object-fit: cover;
  flex-shrink: 0;
}
.brand-logo-row-1,
.divcluster {
  position: absolute;
  display: flex;
  justify-content: center;
}
.brand-logo-row-1 {
  top: -10px;
  left: -55.5px;
  align-items: flex-start;
  row-gap: var(--gap-20);
  flex-shrink: 0;
}
.divcluster {
  width: var(--width-46);
  height: var(--height-46);
  margin: 0 !important;
  top: 25px;
  left: calc(50% - 41px);
  align-items: center;
  padding: var(--padding-15) var(--padding-0) var(--padding-16);
  box-sizing: border-box;
  background-image: url(./public/div-cluster@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 4;
}
.empty-cluster-content {
  position: relative;
  flex-shrink: 0;
}
.divcluster2 {
  width: var(--width-46);
  height: var(--height-46);
  top: 31px;
  left: calc(50% - 172px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-15) var(--padding-0) var(--padding-16);
  box-sizing: border-box;
  background-image: url(./public/div-cluster@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 11;
}
.divcluster2,
.divcluster3,
.divcluster4 {
  margin: 0 !important;
  position: absolute;
}
.divcluster3 {
  width: var(--width-46);
  height: var(--height-46);
  top: 37px;
  left: calc(50% - 173px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-15) var(--padding-0) var(--padding-16);
  box-sizing: border-box;
  background-image: url(./public/div-cluster@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 10;
}
.divcluster4 {
  top: 80px;
  left: calc(50% - 58px);
  z-index: 8;
}
.divcluster4,
.divcluster5,
.divcluster6 {
  width: var(--width-46);
  height: var(--height-46);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-15) var(--padding-0) var(--padding-16);
  box-sizing: border-box;
  background-image: url(./public/div-cluster@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.divcluster5 {
  margin: 0 !important;
  position: absolute;
  top: 85px;
  left: calc(50% - 135px);
  z-index: 7;
}
.divcluster6 {
  top: 90px;
  left: calc(50% + 29px);
  z-index: 13;
}
.divcluster6,
.divcluster7,
.map-pinwebp-icon {
  margin: 0 !important;
  position: absolute;
}
.map-pinwebp-icon {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  width: var(--width-40);
  height: var(--height-40);
  top: calc(50% - 90px);
  left: calc(50% - 185px);
  object-fit: cover;
  z-index: 15;
}
.divcluster7 {
  width: var(--width-46);
  height: var(--height-46);
  top: calc(50% - 40px);
  left: calc(50% - 91px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-15) var(--padding-0) var(--padding-16);
  box-sizing: border-box;
  background-image: url(./public/div-cluster@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 12;
}
.divcluster8 {
  top: calc(50% + 20px);
  left: calc(50% + 38px);
  z-index: 2;
}
.divcluster10,
.divcluster11,
.divcluster12,
.divcluster13,
.divcluster8,
.divcluster9 {
  width: var(--width-46);
  height: var(--height-46);
  margin: 0 !important;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-15) var(--padding-0) var(--padding-16);
  box-sizing: border-box;
  background-image: url(./public/div-cluster@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.divcluster9 {
  top: calc(50% + 21px);
  left: calc(50% + 93px);
  z-index: 14;
}
.divcluster10,
.divcluster11,
.divcluster12,
.divcluster13 {
  bottom: 95px;
  left: calc(50% - 74px);
  z-index: 9;
}
.divcluster11,
.divcluster12,
.divcluster13 {
  bottom: 31px;
  left: calc(50% - 111px);
  z-index: 3;
}
.divcluster12,
.divcluster13 {
  bottom: 19px;
  left: calc(50% + 63px);
  z-index: 5;
}
.divcluster13 {
  bottom: 3px;
  left: calc(50% + 40px);
  z-index: 6;
}
.ymaps3ymaps3-control-icon {
  width: var(--width-40);
  height: var(--height-80);
  position: absolute;
  margin: 0 !important;
  top: 10px;
  left: 12px;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-8);
  object-fit: cover;
  z-index: 3;
}
.buttonymaps3-button,
.ymaps3ymaps3-control {
  cursor: pointer;
  border: 0;
  background-color: var(--wwwrolfru-White);
  border-radius: var(--br-8);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ymaps3ymaps3-control {
  padding: var(--padding-01);
  width: 174px;
  height: 31px;
  margin: 0 !important;
  position: absolute;
  bottom: 13px;
  left: 12px;
  box-shadow: var(--shadow-drop);
  z-index: 2;
}
.buttonymaps3-button {
  padding: var(--padding-8);
  flex-shrink: 0;
}
.ymaps3ymaps3-open-maps-butto {
  width: 158px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.before-icon {
  height: var(--height-14);
  width: var(--width-14);
  position: relative;
}
.component-14,
.vector-icon {
  position: absolute;
  overflow: hidden;
}
.component-14 {
  top: -2px;
  left: 0;
  width: var(--width-14);
  height: var(--height-14);
}
.vector-icon {
  height: 93.57%;
  width: 75%;
  top: 4.29%;
  right: 12.14%;
  bottom: 2.14%;
  left: 12.86%;
  max-width: 100%;
  max-height: 100%;
}
.div24 {
  position: relative;
  font-size: 12px;
  font-family: var(--font-inter);
  color: var(--wwwrolfru-Black);
  text-align: left;
}
.ymaps3ymaps3-map-copyrights {
  margin: 0 !important;
  position: absolute;
  right: 17.7px;
  bottom: 12px;
  display: flex;
  align-items: center;
  row-gap: var(--gap-20);
  z-index: 3;
  font-size: var(--fs-11);
  color: var(--wwwrolfru-Black);
}
.ymaps3ymaps3-map-copyrights- {
  height: 16px;
  flex: 1;
  border-radius: 3px;
  background-color: var(--wwwrolfru-White-75);
  display: flex;
  align-items: flex-start;
  padding: 1px var(--padding-4);
  box-sizing: border-box;
  gap: var(--gap-4);
  flex-shrink: 0;
}
.a2,
.div25 {
  position: relative;
  line-height: var(--lh-14);
}
.a2 {
  text-decoration: underline;
  color: inherit;
}
.aymaps3-map-copyrights-logo-icon {
  height: var(--height-24);
  width: 135px;
  position: relative;
  object-fit: cover;
  flex-shrink: 0;
}
.aymaps3-map-copyrights-logo {
  position: absolute;
  top: -2px;
  left: 5px;
  width: 130px;
  height: var(--height-24);
  overflow: hidden;
  cursor: pointer;
}
.component-15 {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 65px);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.vector-icon2,
.vector-icon3,
.vector-icon4,
.vector-icon5 {
  position: absolute;
  height: 10.83%;
  width: 2.77%;
  top: 37.08%;
  right: 66.08%;
  bottom: 52.08%;
  left: 31.15%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.vector-icon3,
.vector-icon4,
.vector-icon5 {
  height: 28.33%;
  top: 37.92%;
  right: 74.23%;
  bottom: 33.75%;
  left: 23%;
}
.vector-icon4,
.vector-icon5 {
  height: 91.25%;
  width: 49.92%;
  top: 3.33%;
  right: 48.08%;
  bottom: 5.42%;
  left: 2%;
}
.vector-icon5 {
  height: 14.17%;
  width: 2.69%;
  top: 53.75%;
  right: 32.23%;
  bottom: 32.08%;
  left: 65.08%;
}
.icon-shape,
.logo-shape-icon,
.map-graphic-shape,
.vector-icon6,
.vector-icon7 {
  position: absolute;
  height: 30.42%;
  width: 3.31%;
  top: 37.08%;
  right: 23.38%;
  bottom: 32.5%;
  left: 73.31%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.icon-shape,
.map-graphic-shape,
.vector-icon6,
.vector-icon7 {
  height: 14.58%;
  width: 2.31%;
  top: 52.08%;
  right: 8.85%;
  bottom: 33.33%;
  left: 88.85%;
}
.map-graphic-shape,
.vector-icon6,
.vector-icon7 {
  height: 93.75%;
  width: 44.23%;
  top: 3.33%;
  right: 2.46%;
  bottom: 2.92%;
  left: 53.31%;
}
.vector-icon6,
.vector-icon7 {
  height: 56.67%;
  width: 37.23%;
  top: 28.75%;
  right: 49.69%;
  bottom: 14.58%;
  left: 13.08%;
}
.vector-icon7 {
  height: 62.92%;
  width: 8%;
  top: 12.08%;
  right: 37%;
  bottom: 25%;
  left: 55%;
}
.map-logo-detail,
.vector-icon10,
.vector-icon11,
.vector-icon8,
.vector-icon9 {
  position: absolute;
  height: 46.67%;
  width: 6.77%;
  top: 28.75%;
  right: 30.15%;
  bottom: 24.58%;
  left: 63.08%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.vector-icon10,
.vector-icon11,
.vector-icon8,
.vector-icon9 {
  height: 59.58%;
  width: 7.31%;
  right: 21.31%;
  bottom: 11.67%;
  left: 71.38%;
}
.vector-icon10,
.vector-icon11,
.vector-icon9 {
  height: 45.42%;
  width: 6.62%;
  top: 29.58%;
  right: 14.38%;
  bottom: 25%;
  left: 79%;
}
.vector-icon10,
.vector-icon11 {
  width: 9.08%;
  right: 4.08%;
  left: 86.85%;
}
.vector-icon11 {
  height: 62.92%;
  width: 7.69%;
  top: 12.08%;
  right: 88.62%;
  left: 3.69%;
}
.apromo-banner-icon,
.divfooter {
  align-self: stretch;
  max-width: 100%;
}
.apromo-banner-icon {
  height: 218px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  cursor: pointer;
  z-index: 4;
}
.divfooter {
  border-radius: var(--br-25) var(--br-25) 0 0;
  background-color: var(--wwwrolfru-Dove-Gray);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-32);
  box-sizing: border-box;
  gap: var(--gap-24);
  font-size: var(--fs-14);
  color: var(--wwwrolfru-White);
  font-family: var(--font-inter);
}
.divfooter-container-icon {
  align-self: stretch;
  height: var(--height-40);
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.component-16,
.group-icon7 {
  position: absolute;
  overflow: hidden;
}
.component-16 {
  top: calc(50% - 22px);
  left: 0;
  width: 148px;
  height: var(--height-40);
}
.group-icon7 {
  height: 40.25%;
  width: 97.23%;
  top: 29.5%;
  right: 1.42%;
  bottom: 30.25%;
  left: 1.35%;
  max-width: 100%;
  max-height: 100%;
}
.divfooter-wrapper,
.navfooter-nav {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-16);
}
.divfooter-wrapper {
  align-self: stretch;
  flex-wrap: wrap;
  align-content: flex-start;
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-14);
  color: var(--wwwrolfru-White);
  font-family: var(--font-inter);
}
.navfooter-nav {
  flex: 1;
  min-width: 378px;
  max-width: 944px;
}
.afooter-nav-link,
.afooter-nav-link2,
.divfooter-nav-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.divfooter-nav-col {
  flex: 1;
  gap: var(--gap-16);
  min-width: 168px;
  max-width: var(--max-w-224);
}
.afooter-nav-link,
.afooter-nav-link2 {
  align-self: stretch;
}
.afooter-nav-link2 {
  font-size: 13.8px;
}
.a15,
.c {
  position: relative;
  line-height: var(--lh-20);
  color: inherit;
  text-decoration: none;
}
.c {
  align-self: stretch;
}
.a15 {
  width: 100%;
  display: inline-block;
  max-width: var(--max-w-224);
}
.afooter-nav-link16 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 13.9px;
}
.div26 {
  align-self: stretch;
  position: relative;
  line-height: var(--lh-20);
}
.divfooter-mobile-app {
  height: 208px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-24);
}
.component-1-icon {
  width: 104px;
  height: 104px;
  position: relative;
  object-fit: cover;
}
.app-logo-graphics {
  position: absolute;
  height: 100%;
  width: 100%;
  top: -1.92%;
  right: 0;
  bottom: 1.92%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.divfooter-mobile-app-list {
  width: 172px;
  height: var(--height-80);
  position: relative;
}
.component-1-icon2 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  position: absolute;
  top: -2px;
  left: 0;
  width: var(--width-36);
  height: var(--height-36);
  flex-shrink: 0;
}
.group-icon8 {
  position: absolute;
  height: 69.17%;
  width: 56.39%;
  top: 12.5%;
  right: 22.78%;
  bottom: 18.33%;
  left: 20.83%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.component-1-icon3 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  position: absolute;
  top: -2px;
  left: 68px;
  width: var(--width-36);
  height: var(--height-36);
  flex-shrink: 0;
}
.group-icon9 {
  position: absolute;
  height: 61.67%;
  width: 57.78%;
  top: 20.83%;
  right: 20.83%;
  bottom: 17.5%;
  left: 21.39%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.component-1-icon4 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  position: absolute;
  top: -2px;
  left: 136px;
  width: var(--width-36);
  height: var(--height-36);
  flex-shrink: 0;
}
.group-icon10 {
  position: absolute;
  height: 53.06%;
  width: 69.44%;
  top: 23.89%;
  right: 16.67%;
  bottom: 23.06%;
  left: 13.89%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.component-1-icon5 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  position: absolute;
  top: 42px;
  left: 0;
  width: var(--width-36);
  height: var(--height-36);
  flex-shrink: 0;
}
.group-icon11 {
  position: absolute;
  height: 75%;
  width: 75%;
  top: 12.5%;
  right: 12.5%;
  bottom: 12.5%;
  left: 12.5%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.component-1-icon6,
.component-1-icon7 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  position: absolute;
  top: 42px;
  left: 68px;
  width: var(--width-36);
  height: var(--height-36);
  flex-shrink: 0;
}
.component-1-icon7 {
  left: 136px;
}
.group-icon13 {
  position: absolute;
  height: 75%;
  width: 78.89%;
  top: 12.5%;
  right: 10.56%;
  bottom: 12.5%;
  left: 10.56%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.divfooter-contacts {
  align-self: stretch;
  display: flex;
  align-items: center;
}
.divfooter-social-links {
  height: var(--height-36);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-32);
}
.afooter-social-links-item-icon,
.component-17 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
}
.afooter-social-links-item-icon {
  height: var(--height-36);
  width: var(--width-36);
  position: relative;
}
.component-17 {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.group-icon14,
.group-icon15,
.group-icon17,
.social-icon-graphics {
  position: absolute;
  height: 48.61%;
  width: 83.33%;
  top: 25%;
  right: 8.33%;
  bottom: 26.39%;
  left: 8.33%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.group-icon14,
.group-icon15,
.group-icon17 {
  height: 58.61%;
  top: 20.83%;
  bottom: 20.56%;
}
.group-icon15,
.group-icon17 {
  height: 66.11%;
  width: 79.17%;
  top: 16.67%;
  right: 10.28%;
  bottom: 17.22%;
  left: 10.56%;
}
.group-icon17 {
  height: 77.78%;
  width: 77.78%;
  top: 10.56%;
  right: 11.11%;
  bottom: 11.67%;
  left: 11.11%;
}
.ao-5047254063-container {
  width: 100%;
  position: relative;
  line-height: var(--lh-20);
  display: inline-block;
  max-width: 1360px;
}
.span {
  text-decoration: underline;
  line-height: var(--lh-20);
}
.receptionrolfru {
  color: inherit;
}
.iphone-android,
.receptionrolfru {
  line-height: var(--lh-20);
}
@media screen and (max-width: 1525px) {
  .divdefault-content,
  .divthe-header-wrapper,
  .divui-select {
    max-width: 100%;
  }
  .ymaps3ymaps3-main-engine-con {
    height: auto;
    max-width: 100%;
    min-height: 500px;
  }
  .brand-logo-row-1,
  .brand-logo-row-2 {
    flex-wrap: wrap;
    margin: 0 auto;
    grid-row-gap: 20px;
    grid-template-columns: repeat(3, minmax(192px, 333px));
  }
  .ao-5047254063-container {
    max-width: 100%;
  }
}
@media screen and (max-width: 1225px) {
  .divdefault-contentmargin {
    padding-left: 110px;
    padding-right: 110px;
    box-sizing: border-box;
  }
  .headermain-section-head {
    flex-wrap: wrap;
    gap: 0;
  }
  .navfooter-nav {
    flex-wrap: wrap;
    max-width: 100%;
  }
}
@media screen and (max-width: 850px) {
  .navthe-header-nav-list {
    gap: var(--gap-16);
  }
  .divdefault-contentmargin {
    padding-left: 55px;
    padding-right: 55px;
    box-sizing: border-box;
  }
  .divdefault-content,
  .divview-container {
    gap: var(--gap-28);
  }
  .h1 {
    font-size: 26px;
    line-height: 29px;
  }
  .brand-logo-row-1,
  .brand-logo-row-2 {
    grid-template-columns: repeat(2, minmax(192px, 333px));
  }
  .ymaps3ymaps3-map-copyrights {
    flex-wrap: wrap;
  }
  .divfooter {
    padding-top: 21px;
    padding-bottom: 21px;
    box-sizing: border-box;
  }
  .divfooter-social-links {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 450px) {
  .divthe-header-top {
    gap: var(--gap-16);
  }
  .h1 {
    font-size: 19px;
    line-height: 22px;
  }
  .divsalons-map-filters {
    gap: var(--gap-20);
    flex-wrap: wrap;
  }
  .brand-logo-row-2 {
    grid-template-columns: minmax(192px, 1fr);
  }
  .tiles-icon {
    width: 100%;
  }
  .brand-logo-row-1 {
    grid-template-columns: minmax(192px, 1fr);
  }
  .navfooter-nav {
    min-width: 100%;
  }
  .divfooter-social-links {
    gap: var(--gap-16);
  }
}

/* Custom responsive layout for brand logos - Grid in pairs */
.divbrands-wrapper {
  background-color: transparent !important; /* transparent container background */
  box-shadow: none !important;
  border: none !important;
}

.divbrands-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 300px)) !important; /* 3 columns grid */
  justify-content: center !important; /* center grid columns */
  gap: 20px !important;
  height: auto !important;
  width: 100% !important;
  align-self: stretch !important;
}

.divbrands-list > div {
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 300px !important; /* reduced width */
  height: 100px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--br-25) !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  border: 1px solid #e0e0e0 !important;
  background-color: #ffffff !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: 0 auto !important;
}

.divbrands-list > div:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(230, 57, 70, 0.18) !important;
  border-color: #e63946 !important;
}

.divbrands-list img {
  object-fit: contain !important;
  width: auto !important;
  height: 42px !important;
  max-width: 90% !important;
  margin-bottom: 6px !important;
}

/* Reset hardcoded widths for brand names to prevent text wrapping */
.pbrands-item-name,
.pbrands-item-name2,
.pbrands-item-name3,
.pbrands-item-name4,
.pbrands-item-name5,
.pbrands-item-name6 {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Style the brand name text */
.alfa-romeo {
  font-family: var(--font-unbounded), Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important; /* slightly smaller font for compact cards */
  text-decoration: none !important;
  display: inline-block !important;
  white-space: nowrap !important;
  color: #141414 !important; /* dark text for all white cards */
}

/* Custom full-width gray footer styling */
.divfooter {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #121212 !important; /* глубокий черный фон */
  padding: 40px 50px !important;
  margin: 0 !important;
  margin-top: auto !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important; /* remove rounded corners to stretch completely edge-to-edge */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
}

.divfooter-nav-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 30px !important;
  margin-bottom: 5px !important;
}

.divfooter-nav-row a {
  color: #f5f5f5 !important; /* светлый читаемый цвет на сером фоне */
  text-decoration: none !important;
  font-size: 15px !important;
  font-family: var(--font-inter) !important;
  transition: color 0.2s !important;
}

.divfooter-nav-row a:hover {
  color: #9e9e9e !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.12);
}

.divfooter-socials {
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
  margin-bottom: 5px !important;
}

.divfooter-socials img {
  width: 24px !important;
  height: 24px !important;
  opacity: 0.8 !important;
  transition: opacity 0.2s, transform 0.2s !important;
}

.divfooter-socials a:hover img {
  opacity: 1 !important;
  transform: scale(1.1) !important;
}

.divfooter-bottom {
  text-align: center !important;
  font-size: 13px !important;
  color: #666666 !important; /* серый цвет для копирайта на черном фоне */
  font-family: var(--font-inter) !important;
  max-width: 800px !important;
  line-height: 1.6 !important;
}

/* Red-White-Black sporty accent system styling */
.section-title {
  font-family: var(--font-unbounded) !important;
  color: #141414 !important; /* solid black for contrast */
  font-size: 36px !important;
  font-weight: 900 !important;
  text-align: center !important;
  position: relative !important;
  padding-bottom: 18px !important;
  margin: 0 auto 30px auto !important;
  width: 100% !important;
  display: block !important;
}

.section-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 80px !important;
  height: 4px !important;
  background-color: #e63946 !important; /* bold sporty red accent line */
  border-radius: 2px !important;
}

/* Brand cards red border and text hover animations */
.divbrands-list > div {
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.divbrands-list > div:hover {
  transform: translateY(-5px) !important;
  border-color: #e63946 !important;
  box-shadow: 0 10px 30px rgba(230, 57, 70, 0.22) !important;
}

.divbrands-list > div:hover .alfa-romeo {
  color: #e63946 !important;
}

/* Главная: навигация и футер — тёмно-серый hover с эффектом */
.w-light .nav-links a {
  transition: color 0.3s ease, transform 0.25s ease, text-shadow 0.25s ease !important;
}

.w-light .nav-links a:hover {
  color: #8a8a8a !important;
  transform: translateY(-1px);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}

.w-light .nav-links a[href*="preorder.html"]:hover {
  color: #e63946 !important;
  text-shadow:
    0 0 10px rgba(230, 57, 70, 0.6),
    0 0 22px rgba(230, 57, 70, 0.38);
}

/* Footer improvements: logo and divider */
.divfooter-logo {
  margin-bottom: 5px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.divfooter-divider {
  width: 100% !important;
  max-width: 1200px !important;
  height: 1px !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  margin: 10px 0 !important;
}

/* Widescreen and Mobile Responsiveness for brand list */
@media screen and (max-width: 900px) {
  .divbrands-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 15px !important;
  }
}

@media screen and (max-width: 500px) {
  .divbrands-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .divbrands-list > div {
    height: 90px !important;
    padding: 8px 12px !important;
  }
  .alfa-romeo {
    font-size: 12px !important;
  }
  .divbrands-list img {
    height: 32px !important;
  }
}

@media screen and (min-width: 1600px) {
  .divbrands-list {
    grid-template-columns: repeat(3, minmax(0, 360px)) !important;
    gap: 30px !important;
  }
  .divbrands-list > div {
    height: 120px !important;
    max-width: 360px !important;
  }
}

/* ===== Mobile Device Adaptations ===== */
@media screen and (max-width: 768px) {
  .divdefault-contentmargin {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .divdefault-content {
    gap: 36px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .divview-container {
    gap: 36px !important;
  }

  .section-title {
    font-size: 24px !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px !important;
  }

  .divfooter {
    padding: 30px 20px !important;
  }

  .divsalons-map-container iframe {
    height: 350px;
  }
}

@media screen and (max-width: 480px) {
  .divdefault-contentmargin {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .divdefault-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 28px !important;
  }

  .divview-container {
    gap: 28px !important;
  }

  .section-title {
    font-size: 20px !important;
    padding-bottom: 10px !important;
    margin-bottom: 14px !important;
  }

  .section-title::after {
    width: 50px !important;
    height: 3px !important;
  }

  .divfooter {
    padding: 24px 16px !important;
    gap: 14px !important;
  }

  .divfooter-nav-row {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
  }

  .divfooter-bottom {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .divsalons-map-container iframe {
    height: 280px;
  }

  .sectionbrands {
    gap: 16px !important;
  }
}