/* region Общее */
body {
    overflow-x: hidden;
}

.ab .breadcrumbs {
    display: flex !important;
    flex-wrap: wrap;

    margin-top: 8px;

    line-height: 16px;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}
.ab .breadcrumbs > a,
.ab .breadcrumbs > span {
    display: flex;
    align-items: center;
    padding-bottom: 1px;
}

.ab__br {
    width: 100%;
    margin-bottom: 26px;
    display: block;
}
.ab__header-wrapper {
    display: inline-flex;
    align-items: baseline;
    width: max-content;
}
.ab__h1-subtitle {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-transform: uppercase;

    color: #2B2A2D;

    width: 100%;
    margin-right: 25px;
}

.ab__h1-aftertext {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;

    color: #000000;

    max-width: 573px;
    align-self: flex-start;
}

.container.ab__container--padding {
    margin: auto;
    width: 1248px;
}
.ab__blocks-aftertext {
    margin-top: 20px;
}
.ab__blocks {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 41px;
    align-items: baseline;
    justify-content: space-between;
}
.ab__wide {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.--hidden {
    display: none !important;
}
/* endregion */

/* region Выставочный зал */
.ab__h1 {
    margin-top: 18px;
    margin-bottom: 34px;

    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 44px;
    text-transform: uppercase;

    color: #000000;
}

.ab__square {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 72px;
    line-height: 55px;

    text-transform: uppercase;

    color: #E1B858;
    margin-right: 25px;
}
.ab__square > span {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;

    text-transform: uppercase;

    color: #E1B858;
}
/* endregion */

/* region Видео */
.ab-video {
    position: relative;
    display: flex;
    justify-content: center;
    height: 648px;

    background-color: #808080;
    background-image: url(../img/salon/video_block_placeholder_02.jpg);
    background-size: cover;
    background-position: center;

    cursor: pointer;
}
.ab-video__item {
    width: 100%;
    object-fit: cover;
}
.ab-video__play {
    display: grid;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(1px);
}
.ab-video:hover .ab-video__play {
    background-color: rgba(204, 204, 204, 0.5);
}
.ab-video__play:after {
    content: " ";
    display: block;
    width: 189px;
    height: 189px;
    background-color: rgba(255, 255, 255, 0.2);
    background-image: url(../svg/salon/play_icon.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    align-self: center;
    justify-self: center;
    border-radius: 50%;
    backdrop-filter: blur(4px);
}
.ab-video:not(.ab-video--playing) .ab-video__item--real,
.ab-video--playing .ab-video__play {
    display: none;
}
/* endregion */

/* region Карточки преимуществ */
.ab__card {
    max-width: 100%;
    display: flex;
    justify-self: center;
    margin-bottom: 25px;
}
.ab__card-block {
    margin-top: 82px;
    margin-bottom: 96px;

    display: grid;
}
.ab-card__text {
    display: flex;
    flex-direction: column;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: normal;
font-size: 14px;
line-height: 25px;
}
.ab-card__title {
    font-weight: bold;
    position: relative;
    word-break: break-word;
    max-width: 100%;
    width: 50%;
    font-weight: 700;
font-size: 36px;
line-height: 44px;
text-transform: uppercase;
color: #2B2A2D;
}
.ab-card__icon {
    position: absolute;
    width: 18px;
    height: 18px;

    display: inline-block;
    margin-left: 4px;
    bottom: 16px;
}
.ab-cus {
margin-top: 60px;
width: 100%;
}
.ab-img-cus {
	width: 34px;
	height: auto;
}
.ab-cus .ab-card__text {
position: relative;
width: 100%;
}
.ab-card-t-inn {
width: 60%;
position: absolute;
right: 20px;
top: 60px;
}	
.ab-card__img {
	width: 43px;
    max-width: 43px;
    max-height: 43px;
    margin-right: 21px;
    margin-top: 5px;
    flex-shrink: 0;
}
.ab__question-icon {
    background-image: url(../svg/salon/question_18px_18px.svg);
}
/* endregion */

/* region Оглядись */
.ab__look-around {
    position: relative;
    width: 100%;
    max-height: 500px;
    height: 500px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.ab__look-around > img {
    width: max-content;
    max-width: none;
    height: 100%;
}

.ab__look-around-inner-block {
    width: 100%;
    height: 100%;
    background-color: #00000080;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
}
.ab__look-around-text {
    display: flex;
    position: relative;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 44px;
    text-transform: lowercase;
    align-items: baseline;
    width: max-content;
    height: max-content;
    align-self: center;
    justify-self: center;
}
.ab__rotate180 {
    transform: rotate(180deg);
}
.ab__look-around-arrow {
    width: 16px;
    height: 16px;
    background-image: url(../svg/salon/look_around_arrow_left.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left top;
}
.ab__look-around-line {
    width: 91px;
    height: 16px;
    background-image: url(../svg/salon/look_around_line.svg);
    background-repeat: repeat-x;
    background-size: 16px 16px;
    background-position: left top;
}
.ab__look-around span {
    margin-left: 45px;
    margin-right: 45px;
}
.ab__look-around-icon {
    width: 46px;
    height: 46px;
    position: absolute;
    top: -100%;
    left: calc((100% - 46px) / 2);
    background-image: url(../svg/salon/look_around_eye.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
/* endregion */

/* region Преимущества 2 */
.ab__brands-wrapper {
    padding-top: 79px;
    padding-bottom: 107px;
}
.ab__brands-text {
    display: flex;
    justify-content: center;
    margin-bottom: 65px;
    padding-left: 72px;
}

.ab__brands-h1 {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-transform: uppercase;
    color: #000000;
    max-width: 573px;
    align-self: flex-start;
    margin-right: 34px;
}
.ab__brands-h1 {
    width: 45%;
}
.ab__brands-aftertext {
    width: 55%;
}

.ab__brands-blocks {
    margin-bottom: 0;
}
.ab__brands-card {
    max-width: 317px;
}
.ab__brands-card--wide {
    max-width: 356px;
}
/* endregion */

/* region Кросс-категории */
.ab__category-wrapper {
    background-image: url(../img/salon/all_categories_bg.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    background-position: center;
    padding-top: 60px;
    padding-bottom: 40px;
    color: white;
}
.ab__category-wrapper * {
    color: inherit;
}
.ab__category-wrapper.ab-bg-1 {
background: url(/assets_dev/img/partners/ab_bg_1.png) repeat calc(50% + 50px) -20px;
padding-bottom: 55px;
}
.ab-bg-wr {
width: 90%;
max-width: 995px;
margin: auto;
background: #fff;
color: #313033;
margin-top: 67px;
font-style: normal;
font-family: 'Montserrat';
}
.ab-logo-1 {
transform: translateY(-69px);
}
.ab-bg-tt {
transform: translateY(-69px);
padding-top: 10px;
}
.ab-tt-1 {
font-weight: 700;
font-size: 40px;
line-height: 49px;
margin-bottom: 10px;
}
.ab-tt-2 {
font-weight: 700;
font-size: 70px;
line-height: 85px;
margin-bottom: 25px;
}
.ab-tt-3 {
font-weight: 400;
font-size: 20px;
line-height: 24px;
border-top: 1px solid #111;
display: inline-block;
padding: 15px 30px 10px;
}

.ab-cus-2-1 .ab-card__img {
width: 55px;
max-width: 55px;
margin-right: 36px;
}
.ab-img-cus-2 {
width: 55px;
} 
.ab-cus-2-1 .ab-card__title {
width: 100%;
}
.ab-card-t-inn-2-1 {
margin: 25px 0;
text-transform: lowercase;
padding-left: 70px;
display: flex;
}
.ab-card-t-inn-2-1::before {
content: '';
width: 37px;
height: 8px;
display: inline-block;
vertical-align: top;
background: #E1B858;
margin: 10px 23px 0 -70px;
flex-shrink: 0;
}
.ab-card-t-inn-2-1 .footer-messengers {
margin: -5px 0 30px 20px;
}
.ab-card-t-inn-2-1 .footer-messengers .item {
width: 40px;
height: 40px;
}
#ab-card-main21 {
margin-bottom: 30px;
}
#ab-card-main22 > div.ab-cus {
margin-top: 0;	
}	
#ab-card-main22 {
margin-top: 0;	
display: block;
}	
#ab-card-main22 .ab-card__img {
width: 63px;
max-width: 63px;
margin-right: 25px;
}
#ab-card-main22 .ab-img-cus {
width: 63px;
}
#cat_gal .tile-gallery .group > * + * {
    margin-left: 5px;
}
#cat_gal .tile-gallery a {
opacity: 0.9;
transition: 200ms;
}
#cat_gal .tile-gallery a:hover {
opacity: 1;
}
.cat-gal-z {
max-width: 99.75%;
}
.ab-card__img.ab-img-lamp-wr {
width: 51px;
max-width: 51px;
margin-top: 0;
}
.ab-card__text.ab-lamp-tt {
display: block;
padding-right: 30px;
}
.ab-simple-hd {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 39px;
color: #313033;
margin-bottom: 10px;
}
.pd-top-10 {
	padding-top: 10px;
}	
.pd-top-0 {
padding-top: 0;
}
.ab-simple-wr {
display: flex;
}
.ab-simple-wr-1 {
display: flex;
margin-top: 30px;
margin-right: 50px;
width: 50%;
}
.ab-simple-wr-2 {
display: flex;
margin-top: 30px;
width: 50%;
}
.ab-simple-wr .ab-card__img {
width: 72px;
max-width: 72px;
max-height: 72px;
margin-right: 30px;
}
.ab-simple-tt {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 29px;
color: #313033;
}
#simple_2 .ab-simple-wr-1 {
width: 55%;
margin-bottom: 30px;
}
#simple_2 .ab-simple-wr-2 {
width: 45%;
margin-bottom: 30px;
}
#simple_2 .ab-simple-wr .ab-card__img {
width: 80px;
max-width: 80px;
max-height: 80px;
margin-right: 25px;
}
#simple_2 .ab-simple-tt {
width: 60%;
}
#simple_2 .ab-simple-wr-2 .ab-simple-tt {
width: 70%;
}

.ab__category-img {
    margin: 0 0 5px;
}
.ab__category-text {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
}
.ab__category-subtitle {
    max-width: 604px;
    width: 100%;
    margin-bottom: 17px;
}
.ab__category-aftertext {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    text-transform: lowercase;
    max-width: 443px;
    margin-bottom: 51px;
}

.ab__category-blocks {
    align-items: end;
    margin-bottom: 83px;
}
.ab__category-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    max-width: 391px;
}

.ab-cross-brand {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.ab-cross-brand__item {
    width: auto;
    max-height: 50px;
    height: 50px;
}
.ab-cross-brand__item:not(:last-child) {
    margin-right: 80px;
}
.ab-cross-brand__item > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* endregion */

/* region Преимущества в сотах */
.ab__features-wrapper {
    padding-top: 83px;
    padding-bottom: 90px;
    min-height: 600px;
    color: #000;
    background-color: #2B2A2D;
    background-image: url(../img/salon/features_block_bg.png);
    background-size: 100% auto;
    background-position: center center;
}
.ab__features {
    --bottom-left-hex-size-multiplier: 1;
    --top-right-hex-size-multiplier: 1;
}

.ab__feature-grid {
    display: grid;
    grid-template-columns: repeat(12, calc(100% / 12));
    grid-template-rows: repeat(2, 1fr);
    max-width: 100%;
    align-items: center;
}
.ab__feature-grid .ab__feature:nth-child(1),
.ab__feature-grid .ab__feature:nth-child(2),
.ab__feature-grid .ab__feature:nth-child(3) {
    grid-row: 1/2;
}
.ab__feature-grid .ab__feature:nth-child(1) {
    grid-column: 1/3;
}
.ab__feature-grid .ab__feature:nth-child(2) {
    grid-column: 3/9;
    justify-self: flex-end;
}
.ab__feature-grid .ab__feature:nth-child(3) {
    grid-column: 10/13;
    justify-self: end;
}
.ab__feature-grid .ab__feature:nth-child(4),
.ab__feature-grid .ab__feature:nth-child(5) {
    grid-row: 2/3;
}
.ab__feature-grid .ab__feature:nth-child(4) {
    grid-column: 2/4;
    justify-self: flex-start;
}
.ab__feature-grid .ab__feature:nth-child(5) {
    grid-column: 8/10;
    justify-self: center;
}

.ab__feature {
    position: relative;
    display: block !important;
}
.ab__feature-bottom-left {
    width: calc(341px * var(--bottom-left-hex-size-multiplier, 1));
    height: calc(404px * var(--bottom-left-hex-size-multiplier, 1));
}
.ab__feature-top-right {
    width: calc(378px * var(--top-right-hex-size-multiplier, 1));
    height: calc(342px * var(--top-right-hex-size-multiplier, 1));
}
.ab__feature-text-bottom-left,
.ab__feature-text-top-right,
.ab__feature-bg-bottom-left,
.ab__feature-bg-top-right {
    position: absolute;
    margin: 0;
    transform: none;
}
.ab__feature-bg-bottom-left {
    width: calc(270px * var(--bottom-left-hex-size-multiplier, 1));
    height: calc(312px * var(--bottom-left-hex-size-multiplier, 1));
    left: calc(70px * var(--bottom-left-hex-size-multiplier, 1));
    top: 0 !important;
}
.ab__feature-bg-top-right {
    width: calc(270px * var(--top-right-hex-size-multiplier, 1));
    height: calc(312px * var(--top-right-hex-size-multiplier, 1));
    top: calc(30px * var(--top-right-hex-size-multiplier, 1));
    left: 0 !important;
}
.ab__feature-bg {
    display: block;
    transform: none;
}
.ab__feature-text {
    background-image: url(../svg/salon/hexagon_bg.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;

    padding: 0 !important;
    display: grid !important;
    align-content: center !important;
    justify-content: center !important;

    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    transform: none !important;
}
.ab__feature-text-bottom-left {
    width: calc(216px * var(--bottom-left-hex-size-multiplier, 1));
    height: calc(250px * var(--bottom-left-hex-size-multiplier, 1));
    left: 0 !important;
    top: calc(154px * var(--bottom-left-hex-size-multiplier, 1));
}
.ab__feature-text-top-right {
    width: calc(216px * var(--top-right-hex-size-multiplier, 1));
    height: calc(250px * var(--top-right-hex-size-multiplier, 1));
    left: calc(162px * var(--top-right-hex-size-multiplier, 1));
    top: 0 !important;
}
.ab__feature-bold {
    font-weight: bold;
}
.ab__feature-content {
    transform: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 33px;
    padding-right: 10px;
    width: 100%;
    max-width: 100%;
}

.ab__feature--managers {
    padding-left: 51px;
    padding-right: 12px;
}
.ab__feature--logist {
    padding-left: 40px;
    padding-right: 12px;
}
.ab__feature--photograph {
    padding-left: 37px;
    padding-right: 17px;
}
.ab__feature--contracts {
    padding-left: 33px;
    padding-right: 22px;
}
.ab__feature--oplata {
    padding-left: 43px;
    padding-right: 17px;
}
/* endregion */

/* region Ещё несколько преимуществ */
.ab__more-advantages {
    padding-top: 58px;
    margin-bottom: 88px;
    display: flex;
    flex-direction: row;
}

.ab__advantages-image {
    position: relative;
    max-width: 453px;
    width: 100%;
    height: auto;
    margin-right: 65px;
}
.ab__advantages-image > img:not(.ab__on-top-image) {
    width: 100%;
    height: auto;
}
.ab__on-top-image {
    position: absolute;
    display: block;
    top: calc(50% - 323px / 2 + 17px);
    left: calc(50% - 279px / 2);
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
    opacity: 0.5;
}

.ab__advantages-text {
    max-width: 627px;
}
.ab__advantages-header {
    margin-top: -1px;
    margin-bottom: 44px;

    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-transform: uppercase;

    color: #2B2A2D;
}

.ab__advantages-list {
    display: flex;
    flex-direction: column;
}
.ab__advantages-list-item {
    display: flex;
    align-items: baseline;

    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;

    color: #000000;
}
.ab__advantages-list-item:before {
    content: " ";
    display: block;
    width: 37px;
    height: 8px;
    background-color: #E1B858;
    margin-right: 28px;
    flex-shrink: 0;
}
/* endregion */

/* region Записаться */
.ab__wait-customer {
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
.ab__wait-customer-header {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;

    text-transform: uppercase;

    color: #2B2A2D;

    margin-right: 53px;
}
.ab__wait-customer-link {
    display: flex;
    align-items: center;
    justify-content: space-around;

    margin-top: 5px;
    margin-right: 50px;
    padding: 23px 37px 18px 45px;

    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;

    background: #E1B858;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}
.ab__wait-customer-link:hover {
    filter: brightness(105%);
}
.ab__wait-customer-link:after {
    content: url(../svg/salon/arrow-left.svg);
    display: block;
    margin-left: 9px;
}

#fast-order-popup-basket {
    width: 937px;
    max-width: 100%;
    padding: 43px 72px 64px;

    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
}
#fast-order-popup-basket .popup-header {
    padding: 0 0 53px;
    height: auto;
    background: transparent;
}
#fast-order-popup-basket .popup-body {
    padding: 0;
}
#fast-order-popup-basket .popup-header .icon {
    display: none;
}
#fast-order-popup-basket .fast-order-close-basket {
    top: 18px;
    right: 14px;
    width: 42px;
    height: 42px;
    background: url(../svg/salon/Union.svg) no-repeat center;
    background-size: 100%;
}
#fast-order-popup-basket .popup-title {
    display: block;
    height: auto;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
}

#fast-order-popup-basket form {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 38px;
}
#fast-order-popup-basket .inp {
    padding-left: 26px;
    padding-right: 26px;
    max-width: 417px;

    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    font-size: 18px;
    line-height: 36px;
}
#fast-order-popup-basket .inp::placeholder {
    color: #dbdbdb;
}
#fast-order-popup-basket .inp:focus {
    box-shadow: none;
    outline: 1px solid #E1B858;
}
#fast-order-popup-basket .form-label {
    padding-top: 14px;
    font-size: 18px;
    line-height: 25px;
}
#fast-order-popup-basket .form-field {
    position: relative;
}
#fast-order-popup-basket .form-field .errorMessage {
    font-size: 14px;
    color: #ff5350;
    position: absolute;
    bottom: -25px;
}
#fast-order-popup-basket #fast-order-form-error {
    margin-top: -30px;
    margin-bottom: 20px;
}
#fast-order-popup-basket .form-row::before {
    display: none;
}
#fast-order-popup-basket .form-row {
    display: grid;
    grid-template-columns: 252px minmax(0, 1fr);
    grid-column-gap: 3px;
    align-items: start;
}
#fast-order-popup-basket .form-field--datetime {
    display: grid;
    grid-template-columns: 156px 116px;
    grid-column-gap: 21px;
}
#fast-order-popup-basket .form-hint {
    display: none;
}
#fast-order-popup-basket .form-row:nth-of-type(4) {
    display: none;
}
#fast-order-popup-basket .form-row:last-of-type {
    display: flex;
    padding-left: 252px;
}
#fast-order-popup-basket .form-row:last-of-type > .form-field {
    display: inline-block;
}
#fast-order-popup-basket .fast-order-submit-basket {
    display: inline-flex;
    justify-content: center;
    border: none;
    width: 204px;
    height: 62px;


    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;

    background: #E1B858;
    color: #ffffff;
}
#fast-order-popup-basket .fast-order-submit-basket:hover {
    filter: brightness(105%);
}

#fast-order-form-success-basket {
    margin-top: -53px !important;
}
#fast-order-form-success-basket .success-message:first-child {
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
}
#fast-order-form-success-basket .success-message:last-child {
    padding-top: 20px;
    text-align: center;
}


/* endregion */

/* region Всплывающие карточки */
.ab-hover-card {
    display: flex;
    width: 1007px;
    height: 452px;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 11px -1px 24px rgba(0, 0, 0, 0.05);
    background: #fff;

    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #000;

    z-index: 900;
}
.ab-hover-card__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) min-content;
    grid-template-rows: min-content minmax(0, 1fr);
}
.ab-hover-card__image { grid-column: 1; grid-row: 1 / span 2;}
.ab-hover-card__title { grid-column: 2; grid-row: 1}
.ab-hover-card__description { grid-column: 2; grid-row: 2;}
.ab-hover-card__title {
    width: 631px;
    max-width: 100%;

    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;

    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}
.ab-hover-card__description {
    padding: 20px 30px;
}
.ab-hover-card__question {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 8px;
    top: 8px;
    z-index: 10;
}
.ab-hover-card__close {
    position: absolute;
    right: 20px;
    top: 13px;
    z-index: 10;
}
.ab-hover-card__image {
    overflow: hidden;
    flex-shrink: 0;
}
.ab-hover-card__image img {
    width: 100%;
    height: 100%;
    object-fit: none;
    object-position: right -80px top -180px;
}
/* endregion */

/* region Адаптация */
@media (min-width: 1249px) {
    .ab-card__icon {
        top: -10px;
    }

    .ab__feature:nth-child(2) { top: 20px; }
    .ab__feature:nth-child(4) { top: -28px; }
    .ab__feature:nth-child(5) { top: -8px; left: -15px; }
}

@media (max-width: 1248px) {
    .container.ab__container--padding {
        width: auto;
        padding-left: 24px;
        padding-right: 24px;
    }

    .ab__header-blocks {
        justify-content: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .ab__header-wrapper {
        flex-direction: column;
    }

    .ab__brands-wrapper {
        padding-bottom: 80px;
    }
    .ab__brands-text {
        padding-left: 0;
    }
    .ab__brands-h1 {
        max-width: 45%;
        width: 45%;
    }
    .ab__brands-aftertext {
        max-width: 55%;
        width: 55%;
    }

    .ab__feature-grid {
        display: grid;
        grid-template-columns: repeat(2, calc(100% / 2));
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 10px;
        max-width: 100%;
        align-items: center;
        justify-items: center;
        justify-content: center;
    }
    .ab__feature-grid .ab__feature {
        justify-self: auto !important;
    }
    .ab__feature-grid .ab__feature:nth-child(1) {
        grid-column: 1/2;
        grid-row: 1/2;
    }
    .ab__feature-grid .ab__feature:nth-child(2) {
        grid-column: -1/-2;
        grid-row: 1/2;
    }
    .ab__feature-grid .ab__feature:nth-child(3) {
        grid-column: 1/2;
        grid-row: 2/3;
    }
    .ab__feature-grid .ab__feature:nth-child(4) {
        grid-column: -1/-2;
        grid-row: 2/3;
    }
    .ab__feature-grid .ab__feature:nth-child(5) {
        grid-column: 1/2;
        grid-row: 3/4;
    }

    .ab__category-card {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .ab__card:not(.ab__card--qrcode) {
        margin-bottom: 30px;
    }

    .ab__brands-card {
        width: 100%;
        min-width: 298px;
        max-width: 560px;
    }
    .ab__brands-blocks {
        display: grid;
        flex-basis: 360px;
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
        justify-items: center;
    }

    .ab__advantages-image {
        height: max-content;
    }

    .ab__on-top-image {
        position: absolute;
        --h: 70%;
        left: calc((100% - var(--h)) / 2);
        top: calc((100% - var(--h)) / 2);
        height: var(--h);
        width: var(--h);
    }
}

@media (max-width: 1028px) {
    .ab__more-advantages {
        display: flex;
        flex-direction: column;
        padding-top: 24px;
    }
    .ab__advantages-image {
        width: 100%;
        max-width: 100%;
        height: 50vw;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        background-image: url(../img/salon/advantages_cup.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 50% 54%;
        margin-bottom: 58px;
    }
    .ab__advantages-inner-image {
        display: none;
    }
    .ab__advantages-text {
        max-width: none;
    }

    .ab__wait-customer-link {
        margin-right: 0;
    }
}

@media (min-width: 801px) and (max-width: 1028px) {
    .ab__category-blocks::after {
        content: "";
        flex: auto;
    }

    .ab-card__img > img {
        width: 100%;
        height: 100%;
    }

    .ab__category-text {
        padding-top: 5px;
    }
    .ab-card-t-inn {
position:static;    
    }
}

@media (max-width: 800px) {
    .ab .breadcrumbs {
        margin-top: 15px;
    }

    .container.ab__container--padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ab__header-wrapper {
        max-width: 100%;
        width: auto;
    }

    .ab__blocks {
        margin-bottom: 0;
        flex-direction: column;
    }
    .ab__blocks-aftertext {
        margin-top: 3px;
        align-self: auto;
        max-width: none;
    }
    .ab__half-block {
        width: auto;
        max-width: none;
    }
    .ab__h1 {
        margin-top: 19px;
        font-size: 20px;
line-height: 30px;
margin-bottom: 25px;
    }
    .ab__h1 strong {
font-size: 25px;    
    }
    .ab__square {
        margin-bottom: 10px;
        font-size: 72px;
        line-height: 88px;
        width: 100%;
        max-width: 100%;
    }
    .ab__h1-subtitle {
        line-height: 29px;
        max-width: 100%;
        font-size: 20px;
margin-bottom: 20px;
    }
    
.ab__category-wrapper.ab-bg-1 {
background-size: 50px auto;
background-position: calc(50% + 24px) -10px;
}
.ab-bg-wr {
width: 85%;
}
.ab-tt-1 {
font-size: 30px;
line-height: 35px;
}  
.ab-tt-2 {
font-size: 40px;
line-height: 50px;
} 
.ab-tt-3 {
font-size: 16px;
width: 75%;
padding-bottom: 0;
} 
.ab-card-t-inn-2 {
width: 90vw;
margin-left: -85px;
}
.ab-card-t-inn-2-1 .footer-messengers {
display: flex;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 0;
}
#cat_gal .tile-gallery {
	max-width: 600px;
}	
#cat_gal .tile-gallery .m5 {
	margin-bottom: 0;
}
#cat_gal .tile-gallery img {
	margin-bottom: 5px;
}	
#cat_gal .tile-gallery > .group {
	display: block;
}	
#cat_gal .tile-gallery .group .fr {
	float: left;
}	
#cat_gal .tile-gallery .group > .fr {
    margin-left: 0;
}
.pd-top-0 {
padding-top: 0 !important;
}
.ab-simple-hd {
font-size: 20px;
line-height: 30px;
}
.ab-simple-wr {
display: block;
}
.ab-simple-wr-1 {
width: 100%;
}
.ab-simple-wr-2 {
width: 100%;
}
.ab-simple-tt {
font-size: 16px;
line-height: 24px;
}
#simple_2 .ab-simple-wr-1 {
width: 100%;
margin-bottom: 30px;
}
#simple_2 .ab-simple-wr-2 {
width: 100%;
margin-bottom: 30px;
}

    .ab-video {
        display: flex;
        justify-content: center;

        overflow: hidden;
        height: 0;
        padding-top: 56.25%;
    }
    .ab-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .ab-video__play:after {
        width: 139px;
        height: 139px;
    }

    .ab__look-around {
        display: flex;
        justify-content: center;
    }
    .ab__look-around > img {
        max-width: none;
        height: 100%;
    }
    .ab__look-around-line {
        width: 10vw;
    }
    .ab__look-around span {
        margin-left: 12.5vw;
        margin-right: 12.5vw;
    }

    .ab__card-block {
        margin-top: 41px;
        margin-bottom: 20px;
        justify-items: center;
    }
    .ab__card {
        max-width: 520px;
        justify-self: auto;
        width: 100%;
    }

    .ab__look-around {
        display: flex;
        justify-content: center;
    }
    .ab__look-around > img {
        max-width: none;
        height: 100%;
    }

.ab-cus {
margin-top: 0;
}
.ab-card__title {
width: 100%;
font-size: 20px;
line-height: 30px;
}
.ab-card-t-inn {
width: 100%;
position: static;
}
    .ab__card--qrcode {
    }
    .ab-card__img {
        width: 37px;
    }

    .ab__brands-wrapper {
        padding-top: 50px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    .ab__brands-blocks {
        margin-bottom: 0;
    }
    .ab__brands-text {
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        margin-bottom: 44px;
    }
    .ab-cross-brand {
        display: none;
    }
    .ab__brands-h1 {
        margin-bottom: 29px;
        font-size: 24px;
        line-height: 29px;
    }
    .ab__brands-h1,
    .ab__brands-aftertext {
        max-width: 100%;
        width: auto;
    }
    /*.ab__brands-blocks {
        display: none;
    }*/

    .ab__category-wrapper {
        padding-top: 59px;
        padding-bottom: 0;
        background-position: 45% center;
    }
    .ab__category-blocks {
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        position: relative;
    }
    .ab__category-aftertext {
        display: none;
    }
    .ab__category-img {
        width: auto;
        max-height: none;
        height: 48px;
        margin: 0 0 5px 0;
    }
    .ab__category-card {
        margin: 0;
        --margin: 7px;
        margin-left: var(--margin);
        margin-right: var(--margin);
        text-align: center;
        width: 266px;
    }
    .ab__category-card:not(:last-child) {
        margin-bottom: 50px;
    }

    .ab__features-wrapper {
        padding-top: 45px;
        padding-bottom: 106px;
        min-height: auto;
        max-width: 100%;
        background-image: none;
    }
    .ab__feature-grid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
    }
    .ab__feature:not(:last-child) {
        margin-bottom: 50px;
    }
    .ab__feature:nth-child(2n) {
        padding-left: 3px;
    }
    .ab__feature:nth-child(2n+1) {
        padding-right: 3px;
    }
    .ab__feature-content > span {
        display: none;
    }

    .ab__more-advantages {
        display: flex;
        flex-direction: column;
        padding-top: 60px;
        margin-bottom: 50px;
    }
    .ab__advantages-header {
        margin-bottom: 40px;
        font-size: 24px;
        line-height: 29px;
    }
    .ab__advantages-image {
        display: none;
    }
    .ab__br {
        margin-bottom: 24px;
    }

    .ab__wait-customer {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 60px;
    }
    .ab__wait-customer-header {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 23px;
    }

    .ab-hover-card {
        position: fixed !important;
        left: 0 !important;
        top: 51px !important;
        width: 100vw;
        height: calc(100vh - 51px);
    }
    .ab-hover-card__content {
        display: flex;
        flex-direction: column;
    }
    .ab-hover-card__title {
        padding-left: 19px;
        padding-right: 19px;
    }
    .ab-hover-card__description {
        padding-right: 19px;
        padding-left: 19px;
    }
    .ab-hover-card__image img {
        height: 257px;
    }
    .body--has-active-hover-card { overflow: hidden }
    .body--has-modal { overflow: hidden }

    #fast-order-popup-basket {
        padding-left: 17px;
        padding-right: 17px;
        padding-bottom: 20px;
    }
    #fast-order-popup-basket form {
        grid-row-gap: 0px;
    }
    #fast-order-popup-basket .form-row {
        display: flex;
        flex-direction: column;
    }
    #fast-order-popup-basket .inp {
        max-width: unset;
    }
    #fast-order-popup-basket .form-field--datetime {
        width: 324px;
        max-width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }
    #fast-order-popup-basket .form-field--datetime .inp {
        text-align: center;
    }
    #fast-order-popup-basket .form-row:last-of-type {
        padding-left: 0;
    }

    #fast-order-popup-basket .popup-header {
        padding-bottom: 20px;
    }
    #fast-order-popup-basket .popup-title {
        position: relative;
        left: -10px;
        padding: 0 20px;
        font-size: 24px;
        line-height: 29px;
    }
    #fast-order-popup-basket .fast-order-close-basket {
        width: 28px;
        height: 28px;
    }
    #fast-order-popup-basket .form-field {
        width: 100%;
    }
    #fast-order-popup-basket .form-row:last-of-type {
        padding-top: 20px;
    }
    #fast-order-popup-basket .form-row:last-of-type > .form-field {
        width: auto;
    }

    #fast-order-form-success-basket {
        margin-top: 15px !important;
        position: relative;
        top: -29px;
    }
    #fast-order-form-success-basket .success-message:first-child {
        position: relative;
        left: -10px;
        padding: 0 20px;
        font-size: 24px;
        line-height: 29px;
    }
    #fast-order-form-success-basket .success-message:last-child {
        padding: 20px 50px 0;
    }
}

@media (max-width: 400px) {
    .ab__look-around-line {
        /*17px to vw on 360px*/
        width: 4.7222vw;
    }
    .ab__look-around span {
        margin-left: 12.5vw;
        margin-right: 12.5vw;
    }

    .ab__features {
        --bottom-left-hex-size-multiplier: .956;
        --top-right-hex-size-multiplier: .862;
    }
}

@media (max-width: 360px) {
    .ab-video__play:after {
        /* 139px to vw*/
        width: 38.611vw;
        height: 38.611vw;
    }
}

@media (max-width: 359px) {
    .ab__features {
        --bottom-left-hex-size-multiplier: .838;
        --top-right-hex-size-multiplier: .756;
    }
    .ab__feature-content {
        font-size: 13px;
        line-height: 15px;
    }
}
/* endregion */