@media only screen and (min-width: 1024px) {
    .mainmenu {
        margin-left: auto !important;
    }
}

a {
    text-decoration: none;
}

div.section-cover__tagline {
    color: var(--white);
    font-weight: 500;
    line-height: 1.2;
    font-size: 24px;
    margin-right: auto;
    margin-left: auto;
    width: 40%;
    margin-bottom: 30px;
}

h1.section-cover__tagline {
    color: var(--white);
    margin-right: auto;
    margin-left: auto;
    width: 60%;
    font-weight: 700;
    line-height: 1.2;
    font-size: 52px;
}

.section-cover__title h1 {
    font-size: 18px;
    font-weight: 700;

}

@media only screen and (min-width:768px) {
    .section-cover__title h1 {
    font-size: 52px;
}
}

.section-cover__name {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
}

@media only screen and (min-width:768px) {
    .section-cover__name {
    font-size: 16px;
}
    button.hamburger {
        visibility: hidden !important;
}
}

button.hamburger {
    visibility: hidden !important;
}

.section-cover__title a {
    font-size: 20px;
    padding: 10px 15px 11px 15px;
    border-radius: 10px;
    margin-right: 10px;
    font-weight: 700;
}

.section-cover__tagline {
    margin: 1.5em 0 1em;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

@media only screen and (min-width:768px) {
    .section-cover__tagline {
    font-size: 72px;
}
}

.section__title {
    font-size: 32px;
    margin: 0 0 1em;
    text-align: center;
}

@media only screen and (min-width:768px) {
    .section__title {
    font-size: 42px;
}
}



div {
    font-weight: 500;
}

div a {
    font-weight: 600;
}

h4 {
    font-size: 19px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0;

}





.salons {
    display: grid;
}

@media only screen and (min-width: 768px) {
    .salons {
        grid-template-columns: repeat(3, minmax(auto, 350px));
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}

.map {
    display: flex !important;
    justify-content: center;
}

.map iframe {
    width: 93%;
    border-radius: 20px;
}

@media only screen and (max-width: 1200px) {
    .map iframe {
        width: 100%;
        border-radius: 20px;
    }
}

@media only screen and (max-width: 800px) {
    h1.section-cover__tagline,
    div.section-cover__tagline {
        width: 98%;
    }

    h1.section-cover__tagline {
        font-size: 32px;
    }

    div.section-cover__tagline {
        font-size: 18px;
    }


    .salon-card {
        margin-bottom: 20px;
    }

    .salon-card__header {
        font-size: 24px !important;
    }

    .salon-card__landmark {
        font-size: 18px !important;
    }

    .master-card__name-role h4 {
        font-size: 20px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .master-card__role {
        font-size: 14px !important;
    }
}

.salon-card__img {
    display: flex; 
}

.salon-card__adress {
    position: relative;
}

.salon-card__rating {
    position: absolute;
    top: -2px;
    right: 5px;
}

.salon-card__rating a {
    text-decoration: none;
    color: white;
    font-weight: 600;
    font-size: 12px;
    background-color: #837b7b62;
    border-radius: 8px;
    padding: 1px 6px 1px 5px;
    display: inline-block;
    border: 0.8px solid rgba(255, 255, 255, 0.134);
}

.salon-card__master-block {
    display: flex;
    align-items: flex-end;
    align-items: center;
    margin: 0px;
}


.salon-card__master-role {
    font-size: 18px;
    display: inline-block;
    margin: 20px 0 20px 0px;
    font-weight: 600;
}

.salon-card__name-master-troshin {
    font-size: 16px;
}

.salon-card__img-master-troshin img {
    width: 50px;
    border-radius: 50%;
    height: 50px;
    object-fit:cover;
    border: 1px solid white;
}

.salon-card__name-master {
    font-size: 12px;
}


.salon-card__master {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.salon-card__img-master img {
    width: 30px;
    border-radius: 50%;
    height: 30px;
    object-fit:cover;
    border: 1px solid white;
}

.master-card__img img {
    width: 120px;
    border-radius: 50%;
    height: 120px;
    object-fit:cover;
    border: 1px solid white;
}

.salon-card,
.master-card {
    background-color: #524848;
    border-radius: 20px;
    padding: 25px;
    display: grid;
    align-content: space-between;
}


.master-card__head {
    display: flex;
    align-items: flex-end;
}

.master-card__content ul {
    /* list-style: none; */
    padding: 0;
    padding-left: 0px;
}

.master-card__content li {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}

.master-card__name-role {
    line-height: 1;
    padding-bottom: 10px;
    margin-left: 20px;
}

.master-card__role {
    text-align: left;
    font-size: 16px;
    letter-spacing: normal;
    
}

.master-card__name-role h4 {
    font-size: 28px;
    font-weight: 600;

    margin-top: 0px;
}

.master-card__preheader {
    font-size: 12px;
}





section .acc span {
    background-color: #837b7b;
    border-radius: 8px;
    padding: 1px 6px 1px 5px;
    display: inline-block;
    margin: 4px 5px;
    font-weight: 800;
    border: 0.8px solid rgba(255, 255, 255, 0.346);
}

.salon-card span  {
    background-color: #837b7b;
    border-radius: 8px;
    padding: 1px 6px 1px 5px;
    display: inline-block;
    border: 0.8px solid rgba(255, 255, 255, 0.346);
}

button > span {
    margin: 0 !important;
    padding: 1px 6px 4px 5px !important;
    /* border: none !important; */
}

.button {
    color: black;
    border-radius: 8px;
    background-color: white;
    padding: 4px 8px; 
    font-weight: 600;
    margin-top: 8px;
    margin-right: 2px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.salon-card__buttons {
    margin-top: 10px;
}

.salon-button {
    color: white;
    background-color: #372a28;
}

.salon-card__master-name-role {
    margin-left: 10px;
    line-height: 1;
    padding-bottom: 10px;
}

.salon-card__preheader {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}

.salon-stroke__adress { 
    background-color: #504c4c !important;
    border-radius: 8px;
    padding: 1px 6px 1px 5px;
    display: inline-block;
    margin: 4px 0px !important;
    font-weight: 800;
    border: 0.8px solid rgba(255, 255, 255, 0.346);
}

.salon-stroke__adress:hover {
    background-color: rgb(146, 135, 122) !important;
}


.salon-card__header {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 15px;
}

.salon-card__landmark {
    font-size: 16px;
    font-weight: 600;
}

/* .acc__content .textblock {
    line-height:2vh;
} */



.banner {
    position: fixed;
    max-width: 400px;
    height: 150px;
    z-index: 999;
    background-color: #837b7b;
    padding: 20px;
    border-radius: 20px;
    bottom: 10px;
    right: 10px;
}

.banner-close {
    position: absolute;
    top:0px;
    right: 0px;
    z-index: 9999;
}

.banner-content__header span {
    text-decoration: none;
    color: white;
    font-weight: 600;
    font-size: 14px;
    background-color: #979797;
    padding: 1px 6px 1px 5px;
    border-radius: 10px;
    display: inline-block;
    border: 0.8px solid rgb(255 255 255 / 73%);
}

.banner-content__header {
    margin-bottom: 10px;
}

.banner-close button {
    font-weight: 500;
    color: #fdfdfd;
    border-radius: 5px 20px 5px 5px;
    padding: 5px 15px;
    background-color: #bcbcbc00;
    cursor: pointer;
    border: 0;
}


.master-card__content hr {
    width: 100%;
    border: none;
    border-top: 1px solid #ffffff8a;
    margin-top: 15px;
    margin-bottom: 15px;
}

.master-card__content li {
    list-style: none;
}

.background {
    background-color: #453f3f;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
}

.sale-info {
    background-color: #837b7b;
    border: 0.8px solid rgba(255, 255, 255, 0.346);
    text-align: center;
}

.sale-info p {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.sale-info h4 {
    font-size: 22px;
    margin-bottom: 10px;
}

.sale-info span {
    background-color: #837b7b;
    border-radius: 8px;
    padding: 1px 6px 1px 5px;
    display: inline-block;
    margin: 4px 5px;
    font-weight: 800;
    border: 0.8px solid rgba(255, 255, 255, 0.346);
}

img {
    border-radius: 20px;
}

iframe {
    border-radius: 20px;    
}

.master__contact-map {
    border-radius: 20px;   
}

picture img {
    border-radius: 0px;
}

.master__doc img {
    border-radius: 0px;
}


@media only screen and (min-width: 768px) {
    .specialists__list--featured .specialists__card:first-child {
        grid-column: 1 / -1;
    }
}


/* начало кода секции о специалисте победная 18 */
.master__cover--pobednaya {
    background-image: url('../images/gallery/pobednaya18-bg.jpg');
    height: 260px;
}

@media only screen and (min-width: 1024px) {
    .master__cover--pobednaya {
        height: 360px;
    }
}

@media only screen and (min-width: 1200px) {
    .master__cover--pobednaya {
        height: 520px;
    }
}

.master__cover--moscow {
    background-image: url('../images/gallery/moscow-higway85-bg.jpg');
    height: 260px;
}

@media only screen and (min-width: 1024px) {
    .master__cover--moscow {
        height: 360px;
    }
}

@media only screen and (min-width: 1200px) {
    .master__cover--moscow {
        height: 520px;
    }
}

.specialists__list {
    display: grid;
    gap: 24px;
}

@media only screen and (min-width: 768px) {
    .specialists__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.specialists__card {
    background-color: #524848;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media only screen and (min-width: 1024px) {
    .specialists__card {
        padding: 20px;
    }
}

.specialists__head {
    display: flex;
    gap: 16px;
    align-items: center;
}

@media only screen and (max-width: 640px) {
    .specialists__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

.specialists__photo img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--white);
}

.salon-photo-circle > img {
        object-fit: cover;
        border-radius: 50%;
        border: 2px solid white;
}

@media only screen and (min-width: 768px) {
    .specialists__photo img {
        width: 50px;
        height: 50px;
    }
}

.specialists__info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.specialists__name {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

@media only screen and (min-width: 768px) {
    .specialists__name {
        font-size: 14px;
    }
}

.specialists__role {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    opacity: 1;
}

.specialists__body p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}

.specialists__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.specialists__button {
    margin: 0;
}

.specialists__hidden-gallery {
    display: none;
}

.specialists__popups {
    display: none;
}

/* .specialists__popup-grid {
    display: grid;
    gap: 16px;
} */

/* @media only screen and (min-width: 640px) {
    .specialists__popup-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
} */

.specialists__popup-grid img {
    width: 100%;
    border-radius: 16px;
}