#showroom {
    & {
        overflow: hidden;
    }

    & .showroom__socials {
        & {
            padding: 15px 0;
            border-bottom: 1px solid var(--color-dark);
            gap: 15px;
        }

        & .showroom__socials-line {
            gap: 15px
        }

        & .showroom__socials-social {
            & {
                gap: 5px;
                --img: '';
                color: var(--color-gray);
                white-space: nowrap;
            }

            &:before {
                content: '';
                width: 24px;
                aspect-ratio: 1;
                background-position: center;
                background-repeat: no-repeat;
                background-image: var(--img);
                background-size: contain;
                flex-shrink: 0;
            }

            &[class*="-address"] {
                --img: url('data:image/svg+xml,<svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8032 2.18348C9.87432 -0.727825 5.12568 -0.727825 2.19681 2.18348C1.50142 2.86998 0.948857 3.69003 0.571599 4.59542C0.194341 5.50081 0 6.47328 0 7.45565C0 8.43803 0.194341 9.41049 0.571599 10.3159C0.948857 11.2213 1.50142 12.0413 2.19681 12.7278L7.49953 18L12.8032 12.7278C13.4986 12.0413 14.0511 11.2213 14.4284 10.3159C14.8057 9.41049 15 8.43803 15 7.45565C15 6.47328 14.8057 5.50081 14.4284 4.59542C14.0511 3.69003 13.4986 2.86998 12.8032 2.18348ZM7.49953 9.94726C6.87326 9.94726 6.28542 9.70094 5.84196 9.25378C5.40296 8.80922 5.15641 8.20684 5.15641 7.57881C5.15641 6.95078 5.40296 6.3484 5.84196 5.90384C6.28448 5.45668 6.87326 5.21036 7.49953 5.21036C8.12581 5.21036 8.71458 5.45668 9.1571 5.90384C9.5961 6.3484 9.84265 6.95078 9.84265 7.57881C9.84265 8.20684 9.5961 8.80922 9.1571 9.25378C8.71458 9.70094 8.12581 9.94726 7.49953 9.94726Z" fill="%23BAA483"/></svg>');
            }

            &[class*="-telephone"] {
                --img: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0568 11.5476L11.6018 12.0273C11.6018 12.0273 10.5188 13.1666 7.5638 10.0557C4.60882 6.94486 5.69181 5.80555 5.69181 5.80555L5.97781 5.50273C6.68481 4.75943 6.75181 3.56507 6.13481 2.69259L4.87482 0.910574C4.11082 -0.169435 2.63584 -0.312377 1.76084 0.608807L0.190852 2.26059C-0.242146 2.718 -0.532144 3.30883 -0.497144 3.9653C-0.407145 5.64567 0.31085 9.25947 4.31482 13.4757C8.5618 17.9461 12.5468 18.124 14.1758 17.9631C14.6918 17.9122 15.1398 17.6348 15.5007 17.2536L16.9207 15.7586C17.8807 14.7495 17.6107 13.0183 16.3827 12.3121L14.4728 11.212C13.6668 10.7492 12.6868 10.8848 12.0568 11.5476Z" fill="%23BAA483"/></svg>');
            }

            &[class*="-email"] {
                --img: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-0.5 0H19.5V2.91667L9.5 7.77778L-0.5 2.91667V0Z" fill="%23BAA483"/><path d="M-0.5 13.3332L6.375 7.64434L9.5 9.3036L12.625 7.64434L19.5 13.3332H-0.5ZM5.25 7.17026L-0.5 4.44434V12.148L5.25 7.17026ZM13.75 7.17026L19.5 4.44434V12.148L13.75 7.17026Z" fill="%23BAA483"/></svg>');
            }

            & a: hover, a&:hover {
                color:var(--color-gray2)
            }
        }
    }

    & .showroom__header {
        & {
            position: relative;
            color: var(--color-gray2);
        }

        &:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 80%;
            bottom: 0;
            background: linear-gradient(90deg, #1B1B1B 0%, rgba(27, 27, 27, 0.84) 36.32%, rgba(27, 27, 27, 0.74) 44.8%, rgba(27, 27, 27, 0.12) 61.33%, rgba(27, 27, 27, 0.12) 66.04%, rgba(27, 27, 27, 0) 76.56%, rgba(27, 27, 27, 0) 100%);
            z-index: 2;
        }

        & .breadcrumbs-container {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: 3;
        }

        & .breadcrumbs {
            color: var(--color-gray2);
        }

        & .showroom__header-image {
            aspect-ratio: 3.84 /1;
        }

        & .showroom__header-container {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin-top: 5%;
            z-index: 3;
        }

        & .showroom__title {
            color: inherit;
            margin-bottom: 30px;
        }
    }

    & .showroom__text {
        & {
            padding: 30px 0 60px;
        }

        & .showroom__text-wrap {
            & {
                gap: 15px;
                font-size: var(--font-size-large);
                text-align: center;
                color: var(--color-gray);
                max-width: 800px;
                margin: 0 auto;
            }

            &:before {
                content: '';
                max-width: 165px;
                width: 50%;
                border-bottom: 1px solid var(--color-gray2);
            }
        }

        & p {
            margin: 0;
        }
    }

    & .showroom__white {
        & {
            background: var(--color-white-h);
            color: var(--color-dark2);
        }

        & .site__underline {
            --underlinecolor: var(--color-dark2)
        }
    }

    & .showroom__grid {
        & {
            padding: 60px 0;
            gap: 60px;
            font-size: var(--font-size-price);
            line-height: 1.4;
        }

        & .container {
            max-width: calc(var(--max-width) / 2);
            margin-right: 0;
        }

        & [class*="lg-1"] .container {
            margin-right: auto;
            margin-left: 0;
        }

        & .showroom__title {
            color: inherit;
            margin-bottom: 30px;
        }

        & .site__btn {
            width: 252px;
        }
    }

    & .showroom__contacts {
        & {
            border-top: 1px solid var(--color-dark);
        }

        & .showroom__contacts-map {
            width: 100%;
            aspect-ratio: 3.35 / 1;
        }
    }
}

@media screen and (max-width: 991px) {
    #showroom {
        & {
        }

        & .showroom__header {
            &:before {
                width: 100%;
            }
            & .breadcrumbs {
                margin: 15px 0;
            }
            & .showroom__header-image {
                aspect-ratio: 2.512 / 1;
            }

            & .showroom__header-container {
                margin-top: 10%;
            }

            & .showroom__title {
                margin-bottom: 30px;
            }
        }

        & .showroom__grid {
            & {
                gap: 30px;
                padding: 20px 0
            }

            & .showroom__grid-row {
                gap: 30px 0;
            }

            & .container {
                max-width: var(--max-width);
                margin: 0 auto;
            }

            & .showroom__title {
                margin-bottom: 17px;
                letter-spacing: 1px;
                line-height: 1.24;
            }
        }

        & .showroom__contacts {
            & .showroom__contacts-map {
                aspect-ratio: 4 /1;
            }
        }
    }
}

@media screen and (max-width: 767px) {
    #showroom {
        & .showroom__socials {
            & .showroom__socials-social {
                & {
                    white-space: normal;
                    order: 1;
                    color: var(--color-dark);
                    gap: 6px;
                    line-height: 1.25;
                    letter-spacing: -.15px;
                }

                &:before {
                    filter: grayscale(1) brightness(0.3);
                }

                &[class*="-address"] {
                    order: 0;
                    --img: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3032 5.18348C14.3743 2.27217 9.62568 2.27217 6.69681 5.18348C6.00142 5.86998 5.44886 6.69003 5.0716 7.59542C4.69434 8.50081 4.5 9.47328 4.5 10.4557C4.5 11.438 4.69434 12.4105 5.0716 13.3159C5.44886 14.2213 6.00142 15.0413 6.69681 15.7278L11.9995 21L17.3032 15.7278C17.9986 15.0413 18.5511 14.2213 18.9284 13.3159C19.3057 12.4105 19.5 11.438 19.5 10.4557C19.5 9.47328 19.3057 8.50081 18.9284 7.59542C18.5511 6.69003 17.9986 5.86998 17.3032 5.18348ZM11.9995 12.9473C11.3733 12.9473 10.7854 12.7009 10.342 12.2538C9.90296 11.8092 9.65641 11.2068 9.65641 10.5788C9.65641 9.95078 9.90296 9.3484 10.342 8.90384C10.7845 8.45668 11.3733 8.21036 11.9995 8.21036C12.6258 8.21036 13.2146 8.45668 13.6571 8.90384C14.0961 9.3484 14.3427 9.95078 14.3427 10.5788C14.3427 11.2068 14.0961 11.8092 13.6571 12.2538C13.2146 12.7009 12.6258 12.9473 11.9995 12.9473Z" fill="%23BAA483"/></svg>')
                }

                &[class*="-telephone"] {
                    --img: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_512_35506)"><path d="M12.0568 13.5476L11.6018 14.0273C11.6018 14.0273 10.5188 15.1666 7.5638 12.0557C4.60882 8.94486 5.69181 7.80555 5.69181 7.80555L5.97781 7.50273C6.68481 6.75943 6.75181 5.56507 6.13481 4.69259L4.87482 2.91057C4.11082 1.83057 2.63584 1.68762 1.76084 2.60881L0.190852 4.26059C-0.242146 4.718 -0.532144 5.30883 -0.497144 5.9653C-0.407145 7.64567 0.31085 11.2595 4.31482 15.4757C8.5618 19.9461 12.5468 20.124 14.1758 19.9631C14.6918 19.9122 15.1398 19.6348 15.5007 19.2536L16.9207 17.7586C17.8807 16.7495 17.6107 15.0183 16.3827 14.3121L14.4728 13.212C13.6668 12.7492 12.6868 12.8848 12.0568 13.5476Z" fill="%23BAA483"/></g><defs><clipPath id="clip0_512_35506"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')
                }

                &[class*="-email"] {
                    --img: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_512_35511)"><path d="M-0.5 5H19.5V7.91667L9.5 12.7778L-0.5 7.91667V5Z" fill="%23BAA483"/><path d="M-0.5 18.3332L6.375 12.6443L9.5 14.3036L12.625 12.6443L19.5 18.3332H-0.5ZM5.25 12.1703L-0.5 9.44434V17.148L5.25 12.1703ZM13.75 12.1703L19.5 9.44434V17.148L13.75 12.1703Z" fill="%23BAA483"/></g><defs><clipPath id="clip0_512_35511"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>')
                }
            }
        }

        & .showroom__header {
            &:before {
                width: 100%;
                height: 20%;
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0) 48.3%, rgba(0, 0, 0, 0) 100%);
            }

            & .showroom__header-image {
                aspect-ratio: 3 /2;
                object-fit: cover;
                width: 100%;
            }

            & .showroom__header-container {
                position: relative;
                margin: 0;
                padding-top: 20px;
                padding-bottom: 20px;
                background: var(--color-white-h);
                color: var(--color-black2);
            }

            & .showroom__header-topText {
                width: 100%;
            }

            & .showroom__title {
                margin-bottom: 20px;
                letter-spacing: 1px;
            }

            & .showroom__header-socials {
                padding: 0;
                border: none;
                gap: 16px;
                font-size: var(--font-size-price);
            }
        }

        & .showroom__text {
            & {
                padding: 28px 0;
            }

            & .showroom__text-wrap {
                & {
                    font-size: var(--font-size-price);
                    line-height: 1.3;
                }
            }
        }
        & .showroom__white {margin-bottom: 30px;padding-bottom: 10px;}
        & .showroom__grid {
            & {
                gap: 10px;
                padding: 0;
            }

            & .showroom__grid-row {
                gap: 0;
                line-height: 1.3;
            }

            & .container {
                padding-top: 20px;
                padding-bottom: 20px;
            }

            & p:last-of-type {
                margin: 0;
            }

            & .site__btn {
                width: 100%;
                margin-top: 20px;
            }

            & .showroom-full img {
                width: 100%;
                aspect-ratio: 3 /2;
                object-fit: cover;
            }
        }

        & .showroom__contacts {
            & {margin-top: 10px;}
            & .showroom__socials {
                color: var(--color-gray);
                gap: 16px;
                padding: 15px 0 17px;
            }
            & .showroom__socials-social {
                & {
                color: inherit;
                line-height: 1.4;
                letter-spacing: .9px;
                }
                &:before {
                    filter: none
                }
            }
            & .showroom__contacts-map {
                aspect-ratio: 3 /2;
            }
        }
    }
}