/* ===== before.css ===== */
/* ===== all.css ===== */
/*bazovie nastroiki*/
html {
scroll-behavior: smooth;
}
body {
font-family: 'Montserrat', sans-serif;
background-color: #fafafa;
color: #333;
line-height: 1.6;
}
* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
p {
margin: 0 0 20px 0;
line-height: 150%;
font-size: 18px;
color: #555;
}
a {
text-decoration: none;
color: #d5b963;
transition: 0.3s ease;
}
a:hover {
text-decoration: none;
color: #b8983f;
}
input,
textarea,
button {
outline: none;
resize: none;
border: none;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
}
select {
border: none;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
}
.coment {
background: #f9f1da;
border-left: 8px solid #d5b963;
padding: 26px 36px 29px;
border-radius: 5px 0 0 5px;
}
.coment a[href^="tel:"] {
display: inline;
line-height: inherit;
vertical-align: baseline;
position: static;
top: auto;
}
.danger {
background: #c249331c;
border-left: 8px solid #c24933;
padding: 26px 36px 29px;
border-radius: 5px 0 0 5px;
}
.rsform-error {
background: linear-gradient(45deg, #ff00004d 100%, #ffffff 0%) #fff !important;
}
/*bazovie nastroiki end*/
/* list */
ul li,
ol li {
list-style: none;
}
.stand-ul {
margin: 0 0 30px 0;
}
.stand-ul li {
position: relative;
padding: 0 0 0 30px;
font-size: 18px;
}
.stand-ul li:not(:last-child) {
margin: 0 0 10px 0;
}
.stand-ul li:before {
content: '';
width: 6px;
height: 6px;
top: 7px;
left: 1px;
position: absolute;
background: #d5b963;
border-radius: 2px;
transform: rotate(45deg);
}
.stand-ol {
margin: 0 0 20px 0;
}
.stand-ol li {
position: relative;
padding: 0 0 0 30px;
counter-increment: cntr;
font-size: 18px;
}
.stand-ol li:not(:last-child) {
margin: 0 0 10px 0;
}
.stand-ol li:before {
content: counter(cntr);
left: 0px;
position: absolute;
font-size: 15px;
color: #247600;
}
/* list end */
/*zagalovki*/
h1,
h2,
h3,
h4 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #2c2c2c;
}
h1,
.h1 {
font-size: 48px;
margin: 0px 0 50px;
font-family: 'Oranienbaum', serif;
font-weight: 400;
letter-spacing: 0.5px;
}
h2,
.h2 {
font-family: 'Oranienbaum', serif;
font-size: 38px;
margin: 5px 0 30px;
color: #2c2c2c;
}
h3,
.h3 {
font-size: 28px;
margin: 42px 0 31px;
}
h4,
.h4 {
font-size: 21px;
margin: 36px 0 21px;
font-weight: 600;
}
@media (min-width: 993px) and (max-width: 1220px) {
h1,
.h1 {}
h2,
.h2 {}
h3,
.h3 {}
h4,
.h4 {}
}
@media (min-width: 769px) and (max-width: 992px) {
h1,
.h1 {}
h2,
.h2 {}
h3,
.h3 {}
h4,
.h4 {}
}
@media (min-width: 482px) and (max-width: 768px) {
h1,
.h1 {}
h2,
.h2 {}
h3,
.h3 {}
h4,
.h4 {}
}
@media screen and (max-width: 481px) {
h1,
.h1 {
font-size: 30px;
}
h2,
.h2 {
font-size: 27px;
}
h3,
.h3 {
font-size: 21px;
}
h4,
.h4 {
font-size: 17px;
}
}
@media screen and (max-width: 320px) {
h1,
.h1 {}
h2,
.h2 {}
h3,
.h3 {}
h4,
.h4 {}
}
/*zagalovki end*/
/* table */
.stand-table {
border-collapse: collapse;
margin: 0 0 30px 0;
display: block;
border-radius: 7px 7px 0 0;
overflow: hidden;
}
.stand-table tr:nth-child(odd) {
background: #2f890724;
}
.stand-table tr:nth-child(even) {
background: #2f89070f;
}
.stand-table tr:first-child {
background: #2f8907;
color: #fff;
}
.stand-table th {
padding: 12px 35px;
font-weight: 600;
}
.stand-table td {
padding: 15px 35px;
}
.stand-table td:nth-child(1) {
text-align: center;
}
.stand-table td:nth-child(3) {
text-align: center;
}
@media screen and (max-width: 1220px) {
.stand-table {
width: 100%;
overflow: auto;
}
.stand-table th,
.stand-table td {
padding: 10px 13px;
font-weight: 400;
font-size: 14px;
}
}
/* table end */
/* sigplus */
body .sigplus-gallery>ul>li {
margin: 0px;
display: block;
}
body a.sigplus-image>img {
display: block !important;
}
body .sigplus-gallery ul>li>a {
display: block !important;
outline: none;
}
body .sigplus-center ul {
display: flex;
}
body .sigplus-center li {
margin-right: 13px !important;
}
body .sigplus-center a {
position: relative;
border-radius: 4px;
overflow: hidden;
}
body .sigplus-center a:before {
content: '';
background: rgb(207 204 175 / 80%) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAYCAMAAAClZq98AAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEnRSTlMAmYYTfTkKj2AmHHNpVkwwTR1NdL1GAAABBElEQVQoz3WSWYLEIAhEBfc9uf9lB0XsdpLmK+KjqCDqiHhlBPC5JvUrbIYdaF+RaEijdq2UjgEJe1GrZ7Ul7PqHaJJpbnwl21miARh9MLjUL8+GJKkPxgwZl8lWKQh81IYpYcJsRcm4DOV5EyYlDJv9TrWDctSLrxDsngd4/jDcuUr9Dfix6SGpJRFmzerRoXygIqp64PeG7An1DcXpzXE79iH+kvxCHV3ZG8WsEVUU4+iOEbTvEdiXQU08rweJaypOGHkWzZ0BS/EA2fFRmOMtLQKFn+NOktyUkfVJ3abZ6jpXhV0/l66qR9xIWIhjfXv1JBMfiFRLZKt+RaqZNDC3U+UPhEQGqel4UhIAAAAASUVORK5CYII=') center center no-repeat;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transition: 0.3s;
}
body .sigplus-center a:hover:before {
visibility: visible;
opacity: 1;
}
body table .sigplus-center img {
max-width: none;
}
/* sigplus end */
/* swiper */
.swiper-container {
overflow-x: hidden;
overflow-y: clip;
}
.swiper-wrapper {
display: flex;
}
.swiper-slide {
flex-shrink: 0;
}
/* swiper end */
/* hlebnie kroshki */
.breadcrumb {
font-size: 14px;
margin: 24px 0;
color: #8a8578;
}
.breadcrumb [role="navigation"] {
text-align: center;
}
.breadcrumb__spisok {
display: inline-flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.breadcrumb__spisok li {
display: inline-flex;
align-items: baseline;
}
.breadcrumb__spisok li+li::before {
content: "→";
color: #8a8578;
margin-right: 8px;
}
.breadcrumb__spisok .divider {
display: none;
}
.breadcrumb__spisok a {
color: #8a8578;
text-decoration: none;
transition: color 0.2s;
}
.breadcrumb__spisok a:hover {
color: #c9a96e;
}
.breadcrumb__spisok .active,
.breadcrumb__spisok .active span,
.breadcrumb__spisok li:last-child span[itemprop="name"] {
color: #2F2A22;
}
body.page-kitchen .breadcrumb.breadcrumb--after-hero [role="navigation"] {
text-align: left;
}
body.page-kitchen .breadcrumb.breadcrumb--after-hero .breadcrumb__spisok {
display: flex;
justify-content: flex-start;
}
body.page-kitchen>.breadcrumb.container:not(.breadcrumb--after-hero) {
display: none;
}
body.page-kitchen main .breadcrumb.container.breadcrumb--after-hero {
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 481px) {
.breadcrumb {
font-size: 14px;
}
}
@media screen and (max-width: 320px) {
.breadcrumb {
font-size: 13px;
}
}
/* hlebnie kroshki end */
/* indents */
.container-margin {
width: 1170px;
margin-right: auto;
margin-left: auto;
}
.container {
padding-right: calc(50vw - 600px);
padding-left: calc(50vw - 600px);
}
.soderjimoe {
margin-bottom: 50px;
}
.modulmargin {
margin-bottom: 80px;
}
main {
display: flex;
/* align-items: flex-end; */
/* align-items: flex-start; */
}
.aside__left {
width: 287px;
flex-shrink: 0;
margin: 0 0 70px 46px;
position: sticky;
bottom: 30px;
box-sizing: border-box;
align-self: flex-end;
order: 2;
}
.aside__left::-webkit-scrollbar {
width: 10px;
height: 13px;
background-color: #edece4;
border-radius: 7px;
display: none
}
.aside__left::-webkit-scrollbar-thumb {
background-color: #deddd4;
border-radius: 10px;
}
.aside__left::-webkit-scrollbar-thumb:hover {
background-color: #c7c6be;
}
.soderjimoe {
flex: 1;
min-width: 0;
order: 1;
}
@media (min-width: 993px) and (max-width: 1220px) {
.container-margin {
width: 100%;
padding-right: 20px;
padding-left: 20px;
box-sizing: border-box;
margin-right: 0px;
margin-left: 0px;
}
.container {
margin-right: 0px;
margin-left: 0px;
padding-right: 20px !important;
padding-left: 20px !important;
box-sizing: border-box;
}
main {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
}
.aside__left {
width: 26% !important;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
position: sticky;
top: 30px;
bottom: auto;
align-self: flex-start;
margin: 0 0 70px 46px;
order: 2;
}
.aside__left .yakormenu.modulmargin {
order: 1 !important;
}
.modulmargin--vizovform-side {
display: block !important;
order: 2 !important;
}
.soderjimoe {
order: 1;
flex: 1 1 auto;
min-width: 0;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.container-margin {
width: 100%;
padding-right: 20px;
padding-left: 20px;
box-sizing: border-box;
margin-right: 0px;
margin-left: 0px;
}
.container {
margin-right: 0px;
margin-left: 0px;
padding-right: 20px;
padding-left: 20px;
}
main {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.aside__left {
position: static;
bottom: auto;
align-self: auto;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
gap: 14px;
width: 100%;
margin: 0 0 60px;
order: 2;
}
.soderjimoe {
width: 100%;
flex: 1 1 auto;
order: 1;
}
.modulmargin--vizovform-side {
display: none;
}
.aside__left .modulmargin--ugolok,
.aside__left .modulmargin--newsmod {
flex: 0 0 calc(50% - 7px);
width: calc(50% - 7px);
margin: 0;
display: flex;
flex-direction: column;
}
.aside__left .modulmargin--ugolok {
background: linear-gradient(145deg, #f8f6f0 0%, #fff 100%);
border: 1px solid #ece7da;
border-radius: 12px;
padding: 18px 16px;
}
.aside__left .modulmargin--newsmod {
background: linear-gradient(145deg, #f8f6f0 0%, #fff 100%);
border: 1px solid #ece7da;
border-radius: 12px;
padding: 18px 16px;
}
.aside__left .modulmargin--ugolok .ugolok-menu-zag,
.aside__left .modulmargin--newsmod .newsmod__zag {
font-size: 28px;
margin: 0 0 16px;
}
.aside__left .modulmargin--ugolok li {
margin: 0 0 10px;
}
.aside__left .modulmargin--ugolok a {
font-size: 15px;
}
.aside__left .modulmargin--newsmod .mod-list li {
margin: 0 0 12px;
padding: 0 0 12px;
border-bottom: 1px solid #ece7da;
}
.aside__left .modulmargin--newsmod .mod-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.aside__left .modulmargin--newsmod .mod-articles-category-title {
font-size: 16px;
font-weight: 600;
line-height: 1.3;
margin: 0 0 6px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-date {
font-size: 12px;
margin: 0 0 6px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-introtext {
font-size: 13px;
line-height: 1.35;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.aside__left .modulmargin--ugolok {
margin-left: auto !important;
margin-right: auto !important;
align-self: center;
}
}
@media (min-width: 993px) and (max-width: 1220px) {
main {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
}
.soderjimoe {
order: 1 !important;
flex: 1 1 auto !important;
min-width: 0;
}
.aside__left {
width: 26% !important;
margin: 0 0 70px 46px !important;
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
position: sticky !important;
top: 30px !important;
bottom: auto !important;
align-self: flex-start !important;
order: 2 !important;
}
.aside__left .yakormenu.modulmargin {
order: 1 !important;
}
.modulmargin--vizovform-side {
display: block !important;
order: 2 !important;
}
.aside__left .modulmargin--ugolok {
order: 3 !important;
}
.aside__left .modulmargin--newsmod {
order: 4 !important;
}
.aside__left .modulmargin--newsmod {
background: linear-gradient(145deg, #f8f6f0 0%, #fff 100%);
border: 1px solid #ece7da;
border-radius: 12px;
padding: 18px 16px;
}
.aside__left .modulmargin--newsmod .newsmod__zag {
font-size: 30px;
margin: 0 0 16px;
}
.aside__left .modulmargin--newsmod .mod-list li {
margin: 0 0 12px;
padding: 0 0 12px;
border-bottom: 1px solid #ece7da;
}
.aside__left .modulmargin--newsmod .mod-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.aside__left .modulmargin--newsmod .mod-articles-category-title {
font-size: 16px;
font-weight: 600;
line-height: 1.3;
margin: 0 0 6px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-date {
font-size: 12px;
margin: 0 0 6px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-introtext {
font-size: 13px;
line-height: 1.35;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@media (min-width: 1221px) {
.aside__left .modulmargin--newsmod {
background: linear-gradient(145deg, #f8f6f0 0%, #fff 100%);
border: 1px solid #ece7da;
border-radius: 12px;
padding: 20px 18px;
}
.aside__left .modulmargin--newsmod .newsmod__zag {
font-size: 32px;
margin: 0 0 18px;
}
.aside__left .modulmargin--newsmod .mod-list li {
margin: 0 0 14px;
padding: 0 0 14px;
border-bottom: 1px solid #ece7da;
}
.aside__left .modulmargin--newsmod .mod-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.aside__left .modulmargin--newsmod .mod-articles-category-title {
font-size: 17px;
font-weight: 600;
line-height: 1.3;
margin: 0 0 7px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-date {
font-size: 13px;
margin: 0 0 7px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-introtext {
font-size: 14px;
line-height: 1.35;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.container-margin {
width: 100%;
padding-right: 20px;
padding-left: 20px;
box-sizing: border-box;
margin-right: 0px;
margin-left: 0px;
}
.container {
margin-right: 0px;
margin-left: 0px;
padding-right: 20px;
padding-left: 20px;
}
.soderjimoe {
margin-bottom: 70px;
}
.modulmargin {
margin-bottom: 80px;
}
main {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.aside__left {
position: static !important;
width: 100% !important;
margin: 0 0 70px;
display: flex !important;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
gap: 14px;
order: 2 !important;
}
.aside__left .modulmargin {
margin: 0 0 50px;
}
.aside__left .yakormenu.modulmargin {
order: 1 !important;
width: 100%;
flex: 0 0 100%;
}
.aside__left .modulmargin--ugolok,
.aside__left .modulmargin--newsmod {
flex: 0 0 calc(50% - 7px);
width: calc(50% - 7px);
margin: 0;
display: flex;
flex-direction: column;
}
.aside__left .modulmargin--ugolok {
background: linear-gradient(145deg, #f8f6f0 0%, #fff 100%);
border: 1px solid #ece7da;
border-radius: 12px;
padding: 18px 16px;
}
.aside__left .modulmargin--newsmod {
background: linear-gradient(145deg, #f8f6f0 0%, #fff 100%);
border: 1px solid #ece7da;
border-radius: 12px;
padding: 18px 16px;
}
.aside__left .modulmargin--ugolok .ugolok-menu-zag,
.aside__left .modulmargin--newsmod .newsmod__zag {
font-size: 28px;
margin: 0 0 16px;
}
.aside__left .modulmargin--ugolok li {
margin: 0 0 10px;
}
.aside__left .modulmargin--ugolok a {
font-size: 15px;
}
.aside__left .modulmargin--newsmod .mod-list li {
margin: 0 0 12px;
padding: 0 0 12px;
border-bottom: 1px solid #ece7da;
}
.aside__left .modulmargin--newsmod .mod-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.aside__left .modulmargin--newsmod .mod-articles-category-title {
font-size: 16px;
font-weight: 600;
line-height: 1.3;
margin: 0 0 6px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-date {
font-size: 12px;
margin: 0 0 6px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-introtext {
font-size: 13px;
line-height: 1.35;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.modulmargin--vizovform-side {
display: none;
}
.soderjimoe {
width: 100% !important;
flex: 1 1 auto !important;
order: 1 !important;
}
.aside__left .modulmargin--ugolok {
margin-left: auto !important;
margin-right: auto !important;
align-self: center;
}
}
@media screen and (max-width: 481px) {
.container-margin {
width: 100%;
padding-right: 20px;
padding-left: 20px;
box-sizing: border-box;
margin-right: 0px;
margin-left: 0px;
}
.container {
margin-right: 0px;
margin-left: 0px;
padding-right: 20px !important;
padding-left: 20px !important;
box-sizing: border-box;
}
.soderjimoe {
margin-bottom: 60px;
}
.modulmargin {
margin-bottom: 70px;
}
.content-flow {
display: flex;
flex-direction: column;
}
main {
display: flex;
flex-wrap: wrap;
order: 1;
}
.soderjimoe {
width: 100%;
flex: 0 0 100%;
order: 1;
}
.modulmargin--vizovform-footer {
order: 2;
}
.aside__left {
display: none !important;
}
.aside__left .modulmargin {
margin: 0 0 50px;
}
.modulmargin--vizovform-side {
display: none;
}
.aside__left .modulmargin--newsmod {
background: linear-gradient(145deg, #f8f6f0 0%, #fff 100%);
border: 1px solid #ece7da;
border-radius: 12px;
padding: 16px 14px;
}
.aside__left .modulmargin--newsmod .newsmod__zag {
font-size: 28px;
margin: 0 0 14px;
}
.aside__left .modulmargin--newsmod .mod-list li {
margin: 0 0 12px;
padding: 0 0 12px;
border-bottom: 1px solid #ece7da;
}
.aside__left .modulmargin--newsmod .mod-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.aside__left .modulmargin--newsmod .mod-articles-category-title {
font-size: 17px;
font-weight: 600;
line-height: 1.3;
margin: 0 0 6px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-date {
font-size: 12px;
margin: 0 0 6px;
}
.aside__left .modulmargin--newsmod .mod-articles-category-introtext {
font-size: 14px;
line-height: 1.35;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.aside__left .modulmargin--ugolok {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media screen and (max-width: 320px) {
.soderjimoe {
margin-bottom: 60px;
}
.modulmargin {
margin-bottom: 70px;
}
main {}
.aside__left {}
.soderjimoe {
width: 100%;
flex: 0 0 100%;
}
}
/* indents end */
/* buttons */
/*buttons*/
.button-blue {
background: linear-gradient(135deg, #0493d3 0%, #0377b5 100%);
border-radius: 8px;
color: #fff;
height: 48px;
padding: 0 25px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 4px 15px rgba(4, 147, 211, 0.3);
}
.button-blue:hover {
background: linear-gradient(135deg, #0682b9 0%, #046a96 100%);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(4, 147, 211, 0.4);
}
.button-green {
background: #FFFFFF;
border: 2px solid #247600;
border-radius: 8px;
font-size: 17px;
height: 50px;
padding: 0 25px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
text-decoration: none;
color: #247600;
}
.button-green:hover {
background: rgba(36, 118, 0, 0.08);
border-color: #1e5f00;
transform: translateY(-2px);
}
.button-white {
color: #000;
background: #fff;
border-radius: 8px;
font-size: 17px;
height: 56px;
padding: 0px 30px;
border: 1px solid #E1E1E1;
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
box-sizing: border-box;
align-items: center;
justify-content: center;
text-decoration: none;
flex-shrink: 0;
box-shadow: 0px 8px 19px rgba(0, 0, 0, 0.07);
}
.button-white:hover {
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.15);
transform: translateY(-2px);
}
.button-red {
background: linear-gradient(135deg, #C24933 0%, #a63d29 100%);
border-radius: 8px;
color: #fff;
font-size: 17px;
height: 56px;
padding: 0 30px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
text-decoration: none;
box-shadow: 0 4px 15px rgba(194, 73, 51, 0.3);
}
.button-red:hover {
background: linear-gradient(135deg, #df381a 0%, #c24933 100%);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(194, 73, 51, 0.4);
}
/* buttons end */
/*header*/
.header {
padding-top: 25px;
padding-bottom: 25px;
background-image:
radial-gradient(at 0% 0%, rgba(242, 240, 235, 0.8) 0, transparent 50%),
radial-gradient(at 100% 0%, rgba(255, 248, 220, 0.7) 0, transparent 50%),
radial-gradient(at 50% 100%, rgba(245, 245, 220, 0.8) 0, transparent 50%);
background-color: rgba(255, 255, 255, 0.72);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
box-shadow:
0 4px 30px rgba(0, 0, 0, 0.03),
0 1px 0 rgba(194, 155, 109, 0.25);
/* Тонкий золотой отсвет */
position: sticky;
top: 0;
z-index: 100;
border-bottom: 1.5px solid rgba(194, 155, 109, 0.4);
/* Золотая нить */
}
.header__osnova {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 20px;
flex-wrap: wrap;
gap: 15px;
}
.header__logo {
display: block;
transition: transform 0.3s ease;
}
.header__logo:hover {
transform: scale(1.02);
}
.header__logo svg {
width: 200px;
}
.header__svyaz {
font-weight: 300;
font-size: 16px;
color: #666;
}
.header__geo {
text-decoration: none;
margin: 0 0 5px;
display: flex;
align-items: center;
color: #333;
transition: color 0.3s ease;
}
.header__geo:hover {
color: #d5b963;
}
.header__geo svg {
fill: #d5b963;
width: 14px;
flex-shrink: 0;
margin: 0 10px 0 0;
}
.header__clock {
display: flex;
align-items: center;
color: #666;
}
.header__clock svg {
fill: #d5b963;
width: 14px;
flex-shrink: 0;
margin: 0 8px 0 0;
}
.header__nomers {
display: flex;
flex-direction: column;
}
.header__nomers .header__nomer:first-child {
margin: 0 0 5px;
}
.header__nomer {
font-size: 18px;
color: #444444;
text-decoration: none;
display: flex;
align-items: center;
font-weight: 600;
transition: color 0.3s ease;
}
.header__nomer:hover {
color: #d5b963;
}
.header__nomer span {
font-weight: 600;
margin: 0 0 0 4px;
}
.header__nomer svg {
fill: none;
color: #d5b963;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
width: 16px;
margin: 0 8px 0 0;
}
.header__email {
font-size: 15px;
color: #666;
text-decoration: none;
display: flex;
align-items: center;
margin: 5px 0 0;
transition: color 0.3s ease;
}
.header__email:hover {
color: #d5b963;
}
.header__email svg {
fill: #d5b963;
stroke: #d5b963;
stroke-width: 0.6;
width: 18px;
margin: 0 8px 0 0;
flex-shrink: 0;
}
.header__menu {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
}
.header__catalog {
padding: 0 22px;
margin: 0 15px 0 0;
border-color: #D6C799;
font-size: 16px;
}
.header__catalog svg {
width: 22px;
fill: #247600;
margin: 0 10px 0 0;
}
.header__material {
padding: 0 22px;
margin: 0;
border: 2px solid #D6C799;
text-decoration: none;
color: #333;
font-weight: 500;
font-size: 16px;
}
.header__material--mobile {
display: none;
}
.header__material svg {
width: 22px;
fill: #d5b963;
margin: 0 10px 0 0;
}
header .glav-menu {
flex: auto;
}
header .glav-menu ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
header .glav-menu a {
font-size: 16px;
color: #333;
padding: 8px 15px;
border-radius: 6px;
transition: all 0.3s ease;
}
header .glav-menu a:hover {
color: #d5b963;
background: rgba(213, 185, 99, 0.1);
}
@media (min-width: 993px) and (max-width: 1220px) {
.header__logo svg {
width: 181px;
}
.header__svyaz {
font-size: 16px;
}
.header__menu {
flex-wrap: wrap;
}
.header__material {
margin: 0 30px 0 0;
}
header .glav-menu a {
font-size: 16px;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.header {
padding-top: 20px;
padding-bottom: 23px;
}
.header__osnova {
flex-wrap: wrap;
margin: 0 0 30px;
justify-content: space-around;
}
.header__logo {
width: 100%;
text-align: center;
margin: 0 0 17px;
}
.header__svyaz {
font-size: 16px;
}
.header__menu {
flex-wrap: wrap;
justify-content: space-evenly;
}
.header__catalog {
margin: 0 0 20px;
}
.header__material {
margin: 0 0 20px;
}
.header__osnova .header__material {
display: none;
}
.header__menu .header__material--mobile {
display: inline-flex;
}
.header__menu .header__catalog {
order: 1;
}
.header__menu .header__material--mobile {
order: 1;
}
.header__menu .glav-menu {
order: 2;
width: 100%;
}
header .glav-menu {
width: 100%;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.header {
padding-top: 20px;
padding-bottom: 20px;
}
.header__osnova {
flex-wrap: wrap;
justify-content: space-around;
margin: 0 0 10px;
}
.header__osnova>* {
margin: 0 0 13px;
}
.header__logo svg {
width: 179px;
}
.header__svyaz {
font-size: 14px;
}
.header__menu {
justify-content: space-evenly;
}
.header__catalog {
margin: 0px;
}
.header__material {
margin: 0px;
}
.header__osnova .header__material {
display: none;
}
.header__menu .header__material--mobile {
display: inline-flex;
}
header .glav-menu {
display: none;
}
}
@media screen and (max-width: 481px) {
.header {
padding-top: 16px;
padding-bottom: 16px;
}
.header__osnova {
flex-wrap: wrap;
justify-content: space-around;
margin: 0 0 20px;
}
.header__logo {
margin: 0 10px 16px;
}
.header__logo svg {
/* width: 155px; */
}
.header__svyaz {
font-size: 15px;
margin: 0 10px 20px;
line-height: 1.25;
min-height: 48px;
}
.header__menu {
justify-content: space-between;
gap: 5px;
flex-wrap: nowrap;
}
.header__catalog {
margin: 0px;
padding: 0 15px;
font-size: 15px;
}
.header__material {
margin: 0;
padding: 0 19px;
font-size: 15px;
}
.header__nomers {
line-height: 1.25;
min-height: 56px;
}
.header__osnova .header__material {
display: none;
}
.header__menu .header__material--mobile {
display: inline-flex;
}
header .glav-menu {
display: none;
}
}
@media screen and (max-width: 320px) {
.header__catalog {
padding: 0 15px;
}
.header__material {
padding: 0 15px;
}
}
/*header end*/
/*footer*/
.footer {
display: flex;
padding-top: 70px;
padding-bottom: 60px;
background: linear-gradient(180deg, #f8f6f0 0%, #EDECE4 100%);
border-top: 1px solid #e8e4d9;
}
.footer__osnova {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0 60px 0 0;
flex-shrink: 0;
}
.footer__logo {
margin: 0 0 25px;
transition: transform 0.3s ease;
}
.footer__logo:hover {
transform: scale(1.02);
}
.footer__logo svg {
width: 180px;
}
.footer__nomers {
margin: 0 0 30px;
}
.footer__nomer:last-child {
margin: 0px;
}
.footer__nomer {
font-size: 20px;
color: #444444;
text-decoration: none;
display: flex;
align-items: center;
font-weight: 500;
margin: 0 0 12px;
transition: color 0.3s ease;
}
.footer__nomer:hover {
color: #d5b963;
}
.footer__nomer span {
font-weight: 400;
margin: 0 0 0 5px;
color: #000;
}
.footer__nomer svg {
fill: none;
color: #d5b963;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
width: 16px;
margin: 0 10px 0 0;
}
.footer__email {
font-size: 16px;
color: #666;
text-decoration: none;
display: flex;
align-items: center;
margin: 0 0 12px;
transition: color 0.3s ease;
}
.footer__email:hover {
color: #d5b963;
}
.footer__email svg {
fill: #d5b963;
stroke: #d5b963;
stroke-width: 0.6;
width: 18px;
margin: 0 10px 0 0;
flex-shrink: 0;
}
.footer__svyaz {
font-weight: 300;
font-size: 16px;
margin: 0 0 30px;
color: #666;
}
.footer__geo {
text-decoration: none;
margin: 0 0 10px;
display: flex;
align-items: center;
color: #333;
transition: color 0.3s ease;
}
.footer__geo:hover {
color: #d5b963;
}
.footer__geo svg {
fill: #d5b963;
width: 14px;
flex-shrink: 0;
margin: 0 10px 0 0;
}
.footer__clock {
display: flex;
align-items: center;
color: #666;
}
.footer__clock svg {
fill: #d5b963;
width: 14px;
flex-shrink: 0;
margin: 0 8px 0 0;
}
.footer__socseti {
display: flex;
margin: 0 0 30px;
gap: 12px;
}
.footer__razdelitel {
display: none;
}
.footer__socset-icon {
text-decoration: none;
box-sizing: border-box;
border-radius: 10px;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
transition: all 0.3s ease;
background: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.footer__socset-icon:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.footer__socset-icon:hover svg {
transform: scale(1.2);
}
.footer__socset-icon svg {
transition: all 0.3s ease;
}
.footer__socset-vk {
border: 2px solid #579FB6;
}
.footer__socset-vk svg {
width: 20px;
fill: #579FB6;
}
.footer__socset-ok {
border: 2px solid #E8A21B;
}
.footer__socset-ok svg {
width: 14px;
fill: #E8A21B;
}
.footer__socset-inst {
border: 2px solid #A74F99;
}
.footer__socset-inst svg {
width: 16px;
fill: #A74F99;
}
.footer__prava {
color: #666;
margin: 0 0 20px;
font-size: 14px;
}
.footer__politica {
margin: 0 0 25px;
font-size: 14px;
}
.footer__politica a {
color: #888;
text-decoration: underline;
transition: color 0.3s ease;
}
.footer__politica a:hover {
color: #d5b963;
}
.footer__bl {}
.footer__bl svg {
height: 35px;
}
.footer__menu-box {
display: flex;
flex: 1;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
column-gap: 40px;
}
.footer__but-menu {
width: 100%;
display: flex;
justify-content: flex-end;
margin: 0 0 45px;
gap: 15px;
}
.footer__catalog {
padding: 0 25px;
margin: 0 30px 0 0;
font-size: 16px;
}
.footer__catalog svg {
width: 22px;
fill: #247600;
margin: 0 10px 0 0;
}
.footer__material {
padding: 0 25px;
border: 2px solid #A4C054;
font-size: 16px;
}
.footer__material svg {
width: 22px;
fill: #d5b963;
margin: 0 10px 0 0;
}
footer .glav-menu {
flex: auto;
}
footer .glav-menu ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
footer .glav-menu li {}
footer .glav-menu a {
font-size: 16px;
color: #333;
padding: 8px 15px;
border-radius: 6px;
transition: all 0.3s ease;
}
footer .glav-menu a:hover {
color: #247600;
background: rgba(36, 118, 0, 0.1);
}
footer .mebel-menu {}
footer .mebel-menu-zag {
font-family: 'Oranienbaum', serif;
text-transform: uppercase;
margin: 0 0 30px;
font-size: 28px;
color: #2c2c2c;
}
footer .mebel-menu ul {}
footer .mebel-menu ul,
footer .komnati-menu ul,
footer .pokupat-menu ul {
display: flex;
flex-direction: column;
row-gap: 15px;
}
footer .mebel-menu li {
margin: 0;
}
footer .mebel-menu li.active a {
border-bottom: 2px solid #d5b963;
}
footer .menu-icon {
width: 20px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 15px 0 0;
}
footer .mebel-menu a {
display: inline-flex;
align-items: center;
font-size: 16px;
line-height: 1.2;
min-height: 24px;
color: #555;
text-decoration: none;
padding: 0;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
}
footer .mebel-menu a:hover {
border-bottom: 2px solid #d5b963;
color: #d5b963;
}
footer .pokupat-menu {}
footer .pokupat-menu-zag {
font-family: 'Oranienbaum', serif;
text-transform: uppercase;
margin: 0 0 30px;
font-size: 28px;
color: #2c2c2c;
}
footer .pokupat-menu ul {}
footer .pokupat-menu li {
margin: 0;
}
footer .pokupat-menu a {
display: inline-flex;
align-items: center;
font-size: 16px;
line-height: 1.2;
min-height: 24px;
color: #555;
text-decoration: none;
transition: color 0.3s ease;
}
footer .pokupat-menu a:hover {
color: #d5b963;
}
footer .komnati-menu {}
footer .komnati-menu-zag {
font-family: 'Oranienbaum', serif;
text-transform: uppercase;
margin: 0 0 30px;
font-size: 28px;
color: #2c2c2c;
}
footer .komnati-menu ul {}
footer .komnati-menu li {
margin: 0;
}
footer .komnati-menu a {
display: inline-flex;
align-items: center;
font-size: 16px;
line-height: 1.2;
min-height: 24px;
color: #555;
text-decoration: none;
transition: color 0.3s ease;
}
footer .komnati-menu a:hover {
color: #d5b963;
}
footer .komnati-menu .menu-icon {
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
flex-shrink: 0;
}
footer .komnati-menu .menu-icon svg {
fill: #2c2c2c;
transition: fill 0.3s ease;
}
footer .komnati-menu a:hover .menu-icon svg {
fill: #d5b963;
}
@media (min-width: 993px) and (max-width: 1220px) {
.footer {
align-items: flex-start;
}
.footer__osnova {
flex-shrink: 1;
margin: 0 40px 0 0;
}
.footer__nomers {
margin: 0 0 25px;
}
.footer__nomer {
white-space: nowrap;
margin: 0 0 8px;
font-size: 18px;
}
.footer__svyaz {
font-size: 15px;
}
.footer__geo svg {
flex-shrink: 0;
}
.footer__prava {
margin: 0 0 18px;
font-size: 14px;
}
.footer__politica {
margin: 0 0 18px;
font-size: 14px;
}
.footer__menu-box {
max-width: none;
flex: 1 1 auto;
min-width: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 24px;
row-gap: 0;
align-items: start;
}
footer .mebel-menu,
footer .komnati-menu,
footer .pokupat-menu {
min-width: 0;
}
.footer__but-menu {
margin: 60px 0 40px;
}
footer .mebel-menu-zag {
font-size: 26px;
margin: 0 0 20px;
}
footer .mebel-menu li {
margin: 0 0 10px;
}
footer .pokupat-menu-zag {
font-size: 26px;
margin: 0 0 20px;
}
footer .pokupat-menu li {
margin: 0 0 10px;
}
footer .komnati-menu-zag {
font-size: 26px;
margin: 0 0 20px;
}
footer .komnati-menu li {
margin: 0 0 10px;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.footer {
flex-wrap: wrap;
padding-bottom: 70px;
background: linear-gradient(180deg, #f8f6f0 0%, #f5f3ed 100%);
}
.footer__osnova {
flex-direction: row;
margin: 0px;
flex: auto;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
order: 2;
width: 100%;
padding-top: 30px;
}
.footer__razdelitel {
display: none;
}
.footer__logo svg {
width: 165px;
}
.footer__logo,
.footer__nomers,
.footer__svyaz {
width: calc((100% / 3) - 20px);
max-width: calc((100% / 3) - 20px);
margin: 0;
}
.footer__nomers,
.footer__svyaz {
padding-top: 0;
align-self: flex-start;
}
.footer__nomer {
margin: 0 0 8px;
font-size: 18px;
}
.footer__svyaz {
margin: 0 0 20px;
font-size: 15px;
}
.footer__socseti {
margin: 0 0 20px;
}
.footer__prava {
font-size: 14px;
margin: 0 0 0;
}
.footer__politica {
font-size: 14px;
margin: 0 0 0;
}
.footer__menu-box {
order: 1;
margin: 0 0 50px;
width: 100%;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 24px;
row-gap: 0;
align-items: start;
justify-content: stretch;
}
footer .mebel-menu,
footer .komnati-menu,
footer .pokupat-menu {
min-width: 0;
}
.footer__but-menu {
margin: 0 0 30px;
}
footer .glav-menu ul {
justify-content: space-evenly;
flex-wrap: wrap;
gap: 8px;
}
footer .mebel-menu-zag {
font-size: 26px;
margin: 0 0 22px;
}
footer .mebel-menu li {
margin: 0 0 10px;
}
footer .mebel-menu a {
font-size: 15px;
}
footer .pokupat-menu-zag {
font-size: 26px;
margin: 0 0 22px;
}
footer .pokupat-menu li {
margin: 0 0 10px;
}
footer .pokupat-menu a {
font-size: 15px;
}
footer .komnati-menu-zag {
font-size: 26px;
margin: 0 0 22px;
}
footer .komnati-menu li {
margin: 0 0 10px;
}
footer .komnati-menu a {
font-size: 15px;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.footer {
padding-top: 0;
padding-bottom: 60px;
flex-wrap: wrap;
background: linear-gradient(180deg, #f8f6f0 0%, #f5f3ed 100%);
}
.footer__osnova {
flex-direction: row;
margin: 0px;
flex: auto;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
order: 2;
width: 100%;
padding-top: 30px;
}
.footer__logo svg {
width: 165px;
}
.footer__logo,
.footer__nomers,
.footer__svyaz {
width: calc((100% / 3) - 20px);
max-width: calc((100% / 3) - 20px);
margin: 0;
}
.footer__nomers,
.footer__svyaz {
padding-top: 0;
align-self: flex-start;
}
.footer__nomer {
margin: 0 0 8px;
font-size: 18px;
}
.footer__email {
margin: 0;
font-size: 16px;
}
.footer__geo {
margin: 0 0 8px;
}
.footer__clock {
margin: 0;
}
.footer__svyaz {
margin: 0 0 20px;
font-size: 15px;
}
.footer__prava {
width: 100%;
text-align: center;
margin: 0 0 12px;
font-size: 13px;
}
.footer__politica {
width: 100%;
text-align: center;
margin: 0 0 15px;
font-size: 13px;
}
.footer__menu-box {
display: grid;
order: 1;
width: 100%;
margin: 70px 0 50px;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 22px;
row-gap: 0;
align-items: start;
}
footer .mebel-menu,
footer .komnati-menu,
footer .pokupat-menu {
min-width: 0;
}
footer .mebel-menu-zag,
footer .komnati-menu-zag,
footer .pokupat-menu-zag {
font-size: 26px;
margin: 0 0 22px;
}
footer .mebel-menu a,
footer .komnati-menu a,
footer .pokupat-menu a {
font-size: 15px;
}
footer .mebel-menu li,
footer .komnati-menu li,
footer .pokupat-menu li {
margin: 0 0 10px;
}
}
@media screen and (max-width: 481px) {
.footer {
padding-top: 0px;
padding-bottom: 50px;
}
.footer__osnova {
margin: 0px;
flex: auto;
align-items: center;
flex-direction: column;
width: 100%;
padding-top: 25px;
}
.footer__logo {
margin: 0 0 25px;
}
.footer__nomers {
margin: 0 0 25px;
text-align: center;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.footer__nomer {
margin: 0 0 8px;
justify-content: center;
font-size: 16px;
width: 100%;
max-width: 280px;
text-align: center;
}
.footer__email {
justify-content: center;
width: 100%;
max-width: 280px;
text-align: center;
}
.footer__svyaz {
font-size: 15px;
text-align: center;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.footer__geo {
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 280px;
margin: 0 auto 8px;
text-align: left;
line-height: 1.35;
white-space: normal;
overflow-wrap: normal;
}
.footer__geo svg {
margin-top: 2px;
}
.footer__geo-text {
display: inline-block;
}
.footer__clock {
justify-content: center;
width: 100%;
max-width: 280px;
text-align: center;
}
.footer__socseti {
justify-content: center;
}
.footer__prava {
margin: 0 0 10px;
font-size: 13px;
text-align: center;
width: 100%;
}
.footer__politica {
margin: 0 0 15px;
font-size: 13px;
text-align: center;
width: 100%;
}
.footer__menu-box {
display: none;
}
.footer__but-menu {
flex-direction: column;
align-items: center;
gap: 10px;
}
}
@media screen and (max-width: 320px) {
.footer__prava {
font-size: 12px;
}
.footer__politica {
font-size: 12px;
}
}
/*footer end*/
/* standform */
.standform {
position: fixed;
top: 50%;
left: 50%;
z-index: 13;
transform: translate(-50%, -50%) scale(0.9);
background: #fff;
display: flex;
border-radius: 20px;
overflow: hidden;
box-sizing: border-box;
visibility: hidden;
opacity: 0;
width: 100%;
max-width: 600px;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25);
}
.standform.active {
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.standform__imgfon {
width: 40%;
object-fit: cover;
background-size: cover;
background-position: center;
}
.standform__box {
padding: 35px 40px 40px 35px;
width: 60%;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.standform__close {
position: absolute;
right: 15px;
top: 12px;
font-size: 20px;
line-height: 1;
font-weight: 500;
cursor: pointer;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease;
color: #5b5b5b;
border: 1px solid #e7e1d2;
background: #fff;
z-index: 3;
}
.standform__close:hover {
background: #f5f3ed;
color: #333;
transform: rotate(90deg);
}
.standform__zag {
font-weight: 500;
font-size: 26px;
margin: 0 0 18px 0;
text-align: center;
font-family: 'Oranienbaum', serif;
text-transform: uppercase;
color: #2c2c2c;
}
.standform__subtext {
margin: 0 0 12px;
font-size: 16px;
line-height: 1.45;
color: #6e6e6e;
text-align: left;
}
.standform__input {
width: 100%;
border: 2px solid #E8E4D9;
border-radius: 8px;
height: 48px;
padding: 0 15px;
box-sizing: border-box;
font-size: 17px;
margin: 0;
transition: all 0.3s ease;
}
.standform__input:focus {
border-color: #d5b963;
box-shadow: 0 0 0 4px rgba(213, 185, 99, 0.15);
}
.standform__input::placeholder {
color: #bbb;
}
.standform__mail {
width: 0px;
height: 0px;
padding: 0px;
margin: 0px;
border: none;
display: block;
position: absolute;
left: -9999px;
}
.standform__name {
margin-top: 0;
}
.standform__nomer {
margin-top: 12px;
}
.standform__but {
width: 100%;
margin: 18px 0 15px;
font-size: 17px;
height: 48px;
border-radius: 8px;
}
.standform__blok-polit {
display: flex;
align-items: flex-start;
}
.standform__checkpolit {
-webkit-appearance: none;
-moz-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #ddd;
border-radius: 5px;
position: relative;
margin: 3px 12px 0 0;
cursor: pointer;
transition: all 0.3s ease;
flex-shrink: 0;
}
.standform__checkpolit:checked {
border-color: #c24933;
}
.standform__checkpolit:after {
content: '';
position: absolute;
display: block;
width: 10px;
height: 10px;
border-radius: 3px;
background: #c24933;
opacity: 0;
left: 3px;
top: 3px;
transition: opacity 0.3s ease;
}
.standform__checkpolit:checked:after {
opacity: 1;
}
.standform__checkpolit+span {
display: none;
}
.standform__checkpolit-text {
font-size: 13px;
color: #888;
line-height: 1.4;
}
.standform__checkpolit-text a {
color: #666;
text-decoration: underline;
}
.standform__checkpolit-text a:hover {
color: #d5b963;
}
@media screen and (max-width: 650px) {
.standform {
flex-direction: column;
width: calc(100% - 40px);
max-width: 310px;
max-height: calc(100% - 40px);
}
.standform__imgfon {
width: 100%;
height: 130px;
}
.standform__box {
width: 100%;
height: auto;
box-sizing: border-box;
padding: 40px 30px;
}
}
@media screen and (max-width: 320px) {
.standform__box {
padding: 35px 20px 40px 20px;
}
.standform__checkpolit-text {
font-size: 11px;
}
}
/* standform end */
/* popap-fon */
.popap-fon {
position: fixed;
z-index: 12;
top: 0px;
left: 0px;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(5px);
transition: all 0.4s ease;
}
.popap-fon.active {
visibility: visible;
opacity: 1;
}
/* popap-fon end */
/*modalmenu*/
.modalmenu {
z-index: 11;
position: fixed;
width: 80%;
height: 100%;
overflow: auto;
box-sizing: border-box;
background: #EDECE4;
padding: 52px 20px 32px;
display: flex;
flex-direction: column;
align-items: center;
right: -100%;
top: 0px;
transition: 0.4s;
max-width: 330px;
}
.modalmenu__close {
position: absolute;
right: 19px;
top: 13px;
color: #3f3f3f;
font-size: 20px;
line-height: 1;
font-weight: 500;
cursor: pointer;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid #e7e1d2;
background: #fff;
z-index: 2;
}
.modalmenu__close:hover {
background: #f5f3ed;
color: #222;
}
.modalmenu__fon {
position: fixed;
z-index: 10;
top: 0px;
left: 0px;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
background: #00000099;
transition: 0.6s;
}
.modalmenu__razdelitel {
flex: auto;
margin: 0 0 40px;
}
.modalmenu__nomers {
margin: 0 0 26px;
}
.modalmenu__nomer:last-child {
margin: 0px;
}
.modalmenu__nomer {
font-size: 19px;
color: #444444;
text-decoration: none;
display: flex;
align-items: center;
font-weight: 600;
margin: 0 0 7px;
}
.modalmenu__nomer span {
font-weight: 400;
margin: 0 0 0 4px;
color: #000;
}
.modalmenu__nomer svg {
fill: none;
color: #d5b963;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
width: 15px;
margin: 0 9px 0 0;
}
.modalmenu__obratn {
width: 90%;
box-sizing: border-box;
height: 46px;
padding: 0px;
margin: 0 0 30px;
}
.modalmenu__obratn {
display: none;
}
.modalmenu__menu {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
margin: 0 0 30px;
}
.modalmenu__menu {
display: none;
}
.modalmenu__menu>* {
width: calc((100% / 2) - 3px);
box-sizing: border-box;
padding: 0px;
font-size: 15px;
}
.modalmenu__catalog {}
.modalmenu__catalog svg {
width: 20px;
fill: #d5b963;
margin: 0 9px 0 0;
flex-shrink: 0;
}
.modalmenu__material {}
.modalmenu__material svg {
width: 22px;
fill: #d5b963;
margin: 0 09px 0 0;
flex-shrink: 0;
}
.modalmenu__svyaz {
font-weight: 300;
font-size: 15px;
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
max-width: 265px;
margin: 0 auto;
align-self: center;
text-align: left;
}
.modalmenu__svyaz .modalmenu__nomer {
font-size: 17px;
margin: 0 0 10px;
font-weight: 500;
line-height: 1.25;
color: #000;
justify-content: flex-start;
display: flex;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.modalmenu__svyaz .modalmenu__nomer svg {
width: 13px;
margin: 2px 10px 0 0;
}
.modalmenu__geo {
text-decoration: none;
margin: 0 0 3px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
color: #000;
line-height: 1.35;
white-space: normal;
overflow-wrap: anywhere;
text-align: left;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.modalmenu__geo svg {
fill: #d5b963;
width: 9px;
flex-shrink: 0;
margin: 2px 10px 0 0;
}
.modalmenu__clock {
display: flex;
align-items: flex-start;
justify-content: flex-start;
line-height: 1.35;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.modalmenu__clock svg {
fill: #d5b963;
width: 12px;
flex-shrink: 0;
margin: 2px 10px 0 0;
}
.modalmenu .glav-menu {
width: 100%;
}
.modalmenu .glav-menu ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.modalmenu .glav-menu li {
margin: 0 0 10px;
width: calc((100% / 2) - 5px);
}
.modalmenu .glav-menu a {
background: #fff;
display: block;
text-align: center;
padding: 9px 0px;
color: #000;
text-decoration: none;
font-weight: 600;
border-radius: 8px;
width: 100%;
}
.modalmenu .pokupat-menu {
width: 80%;
}
.modalmenu .pokupat-menu-zag {
margin: 40px 0 26px;
font-family: 'Oranienbaum';
text-transform: uppercase;
font-size: 25px;
display: block;
text-align: center;
}
.modalmenu .pokupat-menu ul {}
.modalmenu .pokupat-menu li {
margin: 0 0 8px;
}
.modalmenu .pokupat-menu a {
background: #fff;
display: block;
text-align: center;
padding: 9px 0px;
color: #000;
text-decoration: none;
font-weight: 600;
border-radius: 8px;
}
/*modalmenu end*/
/*panel*/
.panel {
position: fixed;
background: rgba(34, 34, 34, 0.72) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
width: 100%;
padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
box-sizing: border-box;
justify-content: center;
display: none;
z-index: 1000;
transform: none;
left: 0;
bottom: 0;
border-radius: 0;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18);
border-top: 1px solid rgba(255, 255, 255, 0.2);
max-width: none;
gap: 10px;
}
.panel__icon {
height: 56px;
width: 100%;
background: none;
border-radius: 12px;
padding: 8px 10px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.panel__icon:not(:last-child) {
margin: 0;
}
.panel__icon svg {
flex-shrink: 0;
width: 22px;
height: 22px;
fill: #247600;
}
.panel__box[data-panel="off"] {
height: 44px;
width: 44px;
background: #f8f8f8;
border-radius: 10px;
padding: 4px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-right: 8px;
position: relative;
bottom: 0px;
overflow: hidden;
transition: 0.2s;
max-width: 44px;
}
.panel__box[data-panel="off"] .panel__box-icon {
width: calc((100% / 2) - 2px);
display: flex;
align-items: center;
justify-content: center;
max-width: 17px;
max-height: 48%;
/*transition: 0.3s;*/
}
.panel__box[data-panel="off"] .panel__box-icon:nth-child(n + 3) {
margin-top: 2px;
}
.panel__box[data-panel="off"] .panel__close {
opacity: 0;
}
.panel__box[data-panel="off"] .panel__close:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 2;
}
.panel__box[data-panel="on"] {
position: fixed;
bottom: 70px;
display: flex;
background: #A4C054;
padding: 7px;
border-radius: 16px;
width: 100%;
max-width: fit-content;
transition: 0.2s;
margin-right: 8px;
}
.panel__box[data-panel="on"] .panel__box-icon {
width: 44px;
height: 44px;
background: #fff;
border-radius: 10px;
padding: 8px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
margin-right: 7px;
max-width: 45px;
/*transition: 0.3s;*/
}
.panel__box[data-panel="on"] .panel__box-icon:last-child {
margin-right: 0px;
}
.panel__box[data-panel="on"] .panel__box-icon:nth-child(n + 3) {}
.panel__box[data-panel="on"] .panel__close {}
.panel__box-interval {
height: 44px;
width: 44px;
margin-right: 8px;
}
.panel__box-icon svg {
display: block;
width: 100%;
height: 100%;
flex-shrink: 0;
fill: #247600;
}
.panel__close svg {}
.panel__wa svg {
fill: #1bd741;
}
.panel__vb svg {
fill: #7d3daf;
}
.panel__tel svg {
width: 23px;
}
.panel__zvon svg {
width: 23px;
}
.panel__tg svg {
fill: #0088CC;
}
.panel__menu svg {
fill: #d5b963;
}
.panel__razdelitel {
display: none;
}
.panel__actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
}
.panel__action {
min-width: 0;
width: 100%;
height: 56px;
background: none;
border-radius: 12px;
padding: 6px 10px;
box-sizing: border-box;
text-decoration: none;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 500;
line-height: 1.1;
position: relative;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.panel__action::after,
.panel__icon::after {
content: '';
position: absolute;
right: -3px;
top: 10px;
bottom: 10px;
width: 1px;
background: rgba(255, 255, 255, 0.18);
}
.panel__actions> :last-child::after {
display: none;
}
.panel__action-icon {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 3px;
}
.panel__action-icon svg {
width: 100%;
height: 100%;
fill: #d5b963;
}
.panel__action--wa .panel__action-icon svg {
fill: #1bd741;
}
.panel__action-text {
white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
.panel__action:hover,
.panel__icon:hover {
background: rgba(255, 255, 255, 0.08);
}
}
@media (min-width: 769px) and (max-width: 992px) {
.panel {
display: flex;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.panel {
display: flex;
}
}
@media screen and (max-width: 481px) {
.panel {
display: flex;
}
}
/*panel end*/
@media screen and (max-width: 481px) {
.modulmargin--vizovform-footer .vizovform--footer {
padding: 30px 20px;
text-align: center;
}
.modulmargin--vizovform-footer .vizovform--footer .vizovform__zag {
margin: 0 auto 10px;
text-align: center;
}
.modulmargin--vizovform-footer .vizovform--footer .vizovform__text {
max-width: 290px;
margin: 0 auto 10px;
line-height: 1.35;
text-align: center;
}
.modulmargin--vizovform-footer .vizovform--footer .vizovform__box {
gap: 6px;
align-items: center;
justify-content: center;
}
.modulmargin--vizovform-footer .vizovform--footer .vizovform__field {
width: 100%;
max-width: 290px;
}
.modulmargin--vizovform-footer .vizovform--footer .vizovform__box .vizovform__field:first-child {
display: block;
}
.modulmargin--vizovform-footer .vizovform--footer .vizovform__input {
width: 100%;
max-width: 290px;
height: 44px;
text-align: left;
}
.modulmargin--vizovform-footer .vizovform--footer .vizovform__nomer {
width: 100%;
max-width: 290px;
}
.modulmargin--vizovform-footer .vizovform--footer .vizovform__error,
.modulmargin--vizovform-footer .vizovform--footer .vizovform__name-error {
display: none;
min-height: 0;
margin-top: 0;
}
.modulmargin--vizovform-footer .vizovform--footer .vizovform__but {
width: 100%;
max-width: 290px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
justify-content: flex-start !important;
text-align: left !important;
padding-left: 16px !important;
}
}
@media screen and (max-width: 992px) {
.aside__left .modulmargin--ugolok {
display: none !important;
}
}
@media screen and (min-width: 482px) and (max-width: 1366px) {
.soderjimoe {
margin-bottom: 0 !important;
}
}
/* ===== content.css ===== */
.item-page img {
max-width: 100%;
}
/*404*/
.ne-najden__center {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.ne-najden__img-center {
margin: 0 0 30px;
}
/*404 end*/
/* raboti__img-pagination */
.raboti__img-pagination {
position: absolute;
left: 10px;
bottom: 10px;
display: flex;
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50px;
background: #fff;
margin: 0 5px 0 0;
cursor: pointer;
}
.swiper-pagination-bullet-active {
background: #2f8907;
}
/* raboti__img-pagination end */
/*akcii*/
.akcii {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.akcii__item {
border: 1px dashed #CECECE;
padding: 35px;
}
.akcii__item h2 {
margin: 10px 0 30px;
}
.akcii__button {
text-align: center;
padding: 25px 0 10px;
}
.akcii__button a {
padding: 15px 20px;
border: 1px solid #C24933;
cursor: pointer;
text-decoration: none;
border-radius: 7px;
color: #000;
font-size: 17px;
}
.akcii__button a:hover {
background: linear-gradient(0deg, #C249331f 100%, #C249331f 100%) #fff;
}
@media screen and (max-width: 817px) {
.akcii {
grid-template-columns: 1fr;
}
}
/*akcii end*/
/* slider */
/* slider */
.slider__container {
padding: 35px 0 50px;
margin: -35px 0 -50px;
position: relative;
}
.slider__slide {
width: 100%;
box-sizing: border-box;
}
.slider__skidka {
background: url(../images/slider-skidka-fon.png) calc(50vw - 143.5px) center no-repeat, linear-gradient(90deg, #F5F5ED 42.97%, rgba(243, 242, 234, 0) 59.66%);
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
.slider__skidka-zag {
font-family: 'Oranienbaum';
font-weight: 400;
font-size: 55px;
letter-spacing: -0.01em;
margin: 0 0 19px;
}
.slider__skidka-info {
list-style: none;
padding: 0;
margin: 0 0 80px;
display: grid;
gap: 12px;
font-size: 20px;
color: #515151;
font-weight: 400;
line-height: 1.3;
}
.slider__skidka-info li {
display: flex;
align-items: center;
gap: 12px;
}
.slider__skidka-info li::before {
content: "";
width: 32px;
height: 32px;
border: 1px solid #e1d7c8;
border-radius: 6px;
background-color: #f7f2ea;
background-repeat: no-repeat;
background-position: center;
background-size: 18px 18px;
flex: 0 0 32px;
}
.slider__skidka-info li:nth-child(1)::before {
background-image: url("data:image/svg+xml;utf8,");
}
.slider__skidka-info li:nth-child(2)::before {
background-image: url("data:image/svg+xml;utf8,");
}
.slider__skidka-info li:nth-child(3)::before {
background-image: url("data:image/svg+xml;utf8,");
}
.slider__skidka-info li:nth-child(4)::before {
background-image: url("data:image/svg+xml;utf8,");
}
.slider__skidka-strong {
font-weight: 700;
}
.slider__skidka-buts {
display: flex;
align-items: center;
}
.slider__skidka-zapic {
padding: 0 33px;
}
.slider__skidka-girl {
position: absolute;
left: calc(50vw - -16.5px);
bottom: 0px;
}
.slider__skidka-list {
position: absolute;
left: calc(50vw - 213.5px);
transform: rotate(-54deg);
top: 306px;
}
.slider__skidka-gift {
position: absolute;
left: calc(50vw - 243.5px);
transform: rotate(360deg);
top: 277px;
}
.slider__pagination {
display: flex;
position: absolute;
background: #ffffff;
border-radius: 5px;
padding: 6px;
right: calc(50vw - 593.5px);
bottom: 70px;
box-shadow: 0px 8px 19px rgb(0 0 0 / 7%);
}
.slider__pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: #e1e1e1;
display: block;
border-radius: 3px;
margin: 0 5px 0 0;
cursor: pointer;
}
.slider__pagination .swiper-pagination-bullet:last-child {
margin: 0px;
}
.slider__pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
background: #c2493366;
}
.slider__pagination .swiper-pagination-bullet-active {
background: #c24933;
}
@media (min-width: 993px) and (max-width: 1220px) {
.slider__skidka-list {
display: none;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.slider__skidka {
background: url(../images/slider-skidka-fon.png) calc(50vw - 83.5px) center no-repeat, linear-gradient(90deg, #F5F5ED 42.97%, rgba(243, 242, 234, 0) 59.66%);
}
.slider__skidka-girl {
width: 350px;
}
.slider__skidka-list {
display: none;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.slider__skidka-zag {
font-size: 59px;
}
.slider__skidka-info {
font-size: 22px;
}
.slider__skidka-buts {
position: relative;
z-index: 2;
}
.slider__skidka-girl {
width: 270px;
}
.slider__skidka-list {
display: none;
}
}
@media screen and (max-width: 481px) {
.slider__skidka {
background: url(../images/slider-skidka-fon.png) -19% center no-repeat, linear-gradient(90deg, #F5F5ED 42.97%, rgba(243, 242, 234, 0) 59.66%);
overflow: hidden;
position: relative;
}
.slider__skidka-zag {
font-size: 46px;
}
.slider__skidka-info {
font-size: 20px;
max-width: 260px;
}
.slider__skidka-buts {
flex-wrap: wrap;
}
.slider__skidka-buts>* {
width: calc(50% - 12px);
padding: 0px;
text-align: center;
}
.slider__skidka-zapic {
position: relative;
z-index: 2;
width: auto;
max-width: 100%;
white-space: nowrap;
padding: 0 20px;
margin: 0 auto;
box-sizing: border-box;
}
.slider__skidka-girl {
width: 240px;
left: 41%;
}
.slider__skidka-list {
display: none;
}
.slider__pagination {
right: unset;
left: 20px;
bottom: 70px;
}
}
@media screen and (max-width: 320px) {
.slider__skidka-zag {
font-size: 38px;
}
.slider__skidka-info {
font-size: 18px;
}
}
/* slider end */
/* preimush */
/* preimush */
.preimush__spisok {
display: flex;
justify-content: space-between;
}
.preimush__box-svg {
width: 170px;
height: 170px;
background: #FFFFFF;
border: 1px dashed #CECECE;
box-sizing: border-box;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 17px;
}
.preimush__box-svg svg,
.preimush__box-svg img {
display: block;
width: 80px;
height: 80px;
object-fit: contain;
}
.preimush__spisok .preimush__elem:nth-child(5) .preimush__box-svg img {
width: 90px;
height: 90px;
}
.preimush__text {
font-weight: 400;
font-size: 17px;
max-width: 170px;
display: block;
text-align: center;
}
.preimush__text a {
color: #4F4F4F;
}
.preimush__text a span {
color: #000;
font-weight: 600;
}
@media (min-width: 993px) and (max-width: 1220px) {
.preimush__spisok {
flex-wrap: wrap;
}
.preimush__elem {
width: calc((100% / 6) - 10px);
max-width: 170px;
}
.preimush__box-svg {
width: auto;
}
.preimush__text {
font-size: 16px;
}
.preimush__text a {
white-space: nowrap;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.preimush__spisok {
flex-wrap: wrap;
justify-content: space-evenly;
}
.preimush__elem {
margin: 0 35px 30px;
}
.preimush__box-svg {
margin: 0 0 9px;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.preimush__spisok {
flex-wrap: wrap;
justify-content: space-around;
}
.preimush__elem {
margin: 0 10px 30px;
}
.preimush__box-svg {
margin: 0 0 9px;
}
}
@media screen and (max-width: 481px) {
.preimush__spisok {
flex-wrap: wrap;
justify-content: space-around;
}
.preimush__elem:nth-child(n + 3) {
margin-top: 21px;
}
.preimush__elem {
width: calc((100% / 2) - 12px);
max-width: 170px;
}
.preimush__box-svg {
width: auto;
margin: 0 0 12px;
}
.preimush__text {
font-size: 16px;
}
}
@media screen and (max-width: 320px) {
.preimush__spisok {
justify-content: space-between;
}
.preimush__elem {
width: calc((100% / 2) - 6px);
}
.preimush__box-svg {
height: 140px;
}
.preimush__text {
font-size: 14px;
}
}
/* preimush end */
/* preimush refresh (compact steps layout) */
.preimush__spisok {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 24px;
align-items: start;
}
.preimush__elem {
position: relative;
text-align: center;
}
.preimush__box-svg {
width: 100%;
max-width: 156px;
height: 146px;
margin: 0 auto 12px;
border: 1px dashed #d8d8d8;
border-radius: 12px;
transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.preimush__elem:hover .preimush__box-svg {
transform: translateY(-3px);
border-color: #c24933;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}
.preimush__text {
max-width: 172px;
margin: 0 auto;
font-size: 15px;
line-height: 1.35;
}
.preimush__text a span {
font-weight: 700;
}
.preimush__elem:not(:last-child)::after {
content: "";
position: absolute;
top: 73px;
left: calc(100% + 4px);
width: 16px;
height: 1px;
background: linear-gradient(90deg, rgba(194, 73, 51, 0.45), rgba(194, 73, 51, 0.15));
}
@media (min-width: 769px) and (max-width: 992px) {
.preimush__spisok {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.preimush__elem {
margin: 0;
}
.preimush__elem::after {
content: none;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.preimush__spisok {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 14px;
}
.preimush__elem {
margin: 0;
}
.preimush__elem::after {
content: none;
}
}
@media screen and (max-width: 481px) {
.preimush__spisok {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px 12px;
}
.preimush__elem,
.preimush__elem:nth-child(n + 3) {
margin: 0;
}
.preimush__box-svg {
max-width: 100%;
height: 132px;
margin-bottom: 10px;
}
.preimush__text {
font-size: 14px;
}
.preimush__elem::after {
content: none;
}
}
/* preimush adaptive cleanup */
@media (max-width: 992px) {
.preimush__spisok {
align-items: stretch;
}
.preimush__elem,
.preimush__elem:nth-child(n + 3) {
margin: 0 !important;
}
.preimush__box-svg {
max-width: 100%;
margin: 0 auto 10px !important;
}
.preimush__text {
max-width: none;
}
}
@media (max-width: 767px) {
.preimush__spisok {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px 10px !important;
}
}
@media (max-width: 540px) {
.preimush__spisok {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.preimush__elem {
max-width: 280px;
margin: 0 auto !important;
}
.preimush__box-svg {
height: 120px !important;
}
.preimush__text {
font-size: 15px !important;
line-height: 1.3;
}
}
/* preimush non-desktop responsive map */
@media (min-width: 993px) and (max-width: 1199px) {
.preimush__spisok {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 16px !important;
justify-items: center !important;
}
.preimush__elem {
width: 100% !important;
max-width: 170px !important;
margin: 0 !important;
text-align: center !important;
position: relative !important;
}
.preimush__box-svg {
width: 146px !important;
min-width: 146px !important;
max-width: 146px !important;
height: 136px !important;
margin: 0 auto 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.preimush__text {
max-width: 156px !important;
margin: 0 auto !important;
text-align: center !important;
font-size: 14px !important;
line-height: 1.3 !important;
}
.preimush__elem:not(:last-child)::after {
content: "" !important;
position: absolute !important;
top: 68px !important;
left: calc(50% + 92px) !important;
width: 12px !important;
height: 1px !important;
background: linear-gradient(90deg, rgba(194, 73, 51, 0.45), rgba(194, 73, 51, 0.15)) !important;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.preimush__spisok {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 16px 14px !important;
justify-items: center !important;
}
.preimush__elem {
grid-column: span 2 !important;
width: 100% !important;
max-width: 190px !important;
margin: 0 !important;
text-align: center !important;
}
.preimush__box-svg {
max-width: 170px !important;
height: 140px !important;
margin: 0 auto 10px !important;
}
.preimush__text {
max-width: 170px !important;
margin: 0 auto !important;
text-align: center !important;
font-size: 15px !important;
line-height: 1.32 !important;
}
.preimush__elem:nth-child(4) {
grid-column: 2 / span 2 !important;
}
.preimush__elem:nth-child(5) {
grid-column: 4 / span 2 !important;
}
.preimush__elem::after {
content: none !important;
}
}
@media (min-width: 541px) and (max-width: 767px) {
.preimush__spisok {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px 12px !important;
justify-items: center !important;
}
.preimush__elem {
width: 100% !important;
max-width: 182px !important;
margin: 0 !important;
text-align: center !important;
}
.preimush__box-svg {
max-width: 170px !important;
height: 132px !important;
margin: 0 auto 10px !important;
}
.preimush__text {
max-width: 170px !important;
margin: 0 auto !important;
text-align: center !important;
font-size: 15px !important;
line-height: 1.24 !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.preimush__elem:nth-child(5) {
grid-column: 1 / -1 !important;
justify-self: center !important;
width: 100% !important;
max-width: 182px !important;
}
.preimush__elem::after {
content: none !important;
}
}
@media (max-width: 540px) {
.preimush__spisok {
grid-template-columns: repeat(2, 162px) !important;
gap: 12px !important;
justify-items: stretch !important;
justify-content: center !important;
}
.preimush__elem {
width: 162px !important;
max-width: 162px !important;
margin: 0 !important;
display: block !important;
text-align: center !important;
}
.preimush__box-svg {
width: 162px !important;
min-width: 0 !important;
max-width: 162px !important;
height: 120px !important;
margin: 0 auto 8px !important;
border-radius: 10px !important;
}
.preimush__box-svg svg,
.preimush__box-svg img {
width: 52px !important;
height: 52px !important;
}
.preimush__text {
max-width: 162px !important;
margin: 0 auto !important;
text-align: center !important;
font-size: 15px !important;
line-height: 1.24 !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.preimush__elem:nth-child(5) {
grid-column: 1 / -1 !important;
justify-self: center !important;
width: 162px !important;
max-width: 162px !important;
}
.preimush__elem::after {
content: none !important;
}
}
@media (max-width: 380px) {
.preimush__spisok {
gap: 10px 8px !important;
}
.preimush__elem {
max-width: 154px !important;
}
.preimush__box-svg {
max-width: 148px !important;
height: 114px !important;
}
.preimush__text {
max-width: 148px !important;
font-size: 14px !important;
line-height: 1.22 !important;
}
.preimush__elem:nth-child(5) {
max-width: 154px !important;
}
}
/* yakormenu */
/* yakormenu */
.yakormenu {
background: linear-gradient(135deg, #f8f6f0 0%, #fff 100%);
padding: 30px;
border-radius: 15px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);
}
.yakormenu__zag {
margin: 0 0 25px;
line-height: 120%;
text-transform: uppercase;
font-size: 32px;
color: #2c2c2c;
font-family: 'Oranienbaum', serif;
}
.yakormenu__spisok {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.yakormenu__elem {
display: inline-flex;
align-items: center;
font-size: 17px;
color: #333;
text-decoration: none;
padding: 12px 20px;
border-bottom: none;
border-radius: 10px;
transition: all 0.3s ease;
background: rgba(255, 255, 255, 0.8);
width: 100%;
}
.yakormenu__elem:last-child {
margin: 0px;
}
.yakormenu__icon-box {
width: 24px;
height: 20px;
margin: 0 15px 0 0;
display: flex;
align-items: center;
justify-content: center;
}
.yakormenu__icon-box svg {
width: 24px;
height: 20px;
fill: #d5b963;
}
.yakormenu__elem:hover {
background: #d5b963;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(213, 185, 99, 0.3);
border-bottom: none;
}
.yakormenu__elem:hover .yakormenu__icon-box svg {
fill: #fff;
}
.header__material svg,
.footer__material svg,
.modalmenu__material svg {
transform: rotate(0deg) scaleX(-1) translateY(-2px);
}
@media (min-width: 993px) and (max-width: 1220px) {
.yakormenu__zag {
font-size: 32px;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.yakormenu {
margin-bottom: 30px;
padding: 12px 0;
background: transparent;
box-shadow: none;
border-radius: 0;
}
.yakormenu__spisok {
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.yakormenu__elem {
background: #edece4ba;
padding: 8px 11px;
border-radius: 8px;
margin: 0;
font-size: 15px;
border-bottom: none;
width: auto;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.yakormenu {
margin-bottom: 30px;
padding: 12px 0;
background: transparent;
box-shadow: none;
border-radius: 0;
}
.yakormenu__spisok {
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.yakormenu__elem {
background: #edece4ba;
padding: 8px 11px;
border-radius: 8px;
margin: 0;
font-size: 15px;
border-bottom: none;
width: auto;
}
}
@media screen and (max-width: 481px) {
.yakormenu.modulmargin {
display: none;
}
.yakormenu {
margin-bottom: 30px;
}
.yakormenu__zag {
font-size: 26px;
}
.yakormenu__spisok {
flex-direction: unset;
flex-wrap: wrap;
}
.yakormenu__elem {
background: #edece4ba;
padding: 8px 11px;
border-radius: 8px;
margin: 0 9px 9px 0;
font-size: 14px;
border-bottom: none;
}
.yakormenu__icon-box {
margin: 0 7px 0 0;
}
}
/* yakormenu end */
/* vizovform */
/* vizovform */
.vizovform--side {
background: linear-gradient(145deg, #f5f3ed 0%, #eae7dc 100%);
border-radius: 12px;
padding: 20px 25px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
border: 1px solid #e0dcd0;
}
.vizovform--footer {
background: linear-gradient(145deg, #f5f3ed 0%, #eae7dc 100%);
border-radius: 12px;
padding: 35px 25px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
border: 1px solid #e0dcd0;
}
.vizovform--side .vizovform__mail,
.vizovform--footer .vizovform__mail {
width: 0px;
height: 0px;
display: block;
padding: 0px;
margin: 0px;
position: absolute;
left: -9999px;
}
.vizovform--side .vizovform__zag,
.vizovform--footer .vizovform__zag {
font-family: 'Oranienbaum', serif;
text-transform: uppercase;
font-size: 26px;
line-height: 120%;
color: #2c2c2c;
}
.vizovform--footer .vizovform__zag {
width: 100%;
margin-bottom: 10px;
}
.vizovform--side .vizovform__text,
.vizovform--footer .vizovform__text {
font-size: 15px;
line-height: 140%;
color: #666;
margin: 15px 0 15px 0;
}
.vizovform--footer .vizovform__text {
width: 100%;
margin: 0 0 20px 0;
}
.vizovform--side .vizovform__box,
.vizovform--footer .vizovform__box {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.vizovform--footer .vizovform__box {
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
}
.vizovform--side .vizovform__field,
.vizovform--footer .vizovform__field {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.vizovform--side .vizovform__name,
.vizovform--footer .vizovform__name {
width: 100%;
}
.vizovform--footer .vizovform__name {
width: calc(50% - 60px);
max-width: 250px;
}
.vizovform--side .vizovform__nomer,
.vizovform--footer .vizovform__nomer {
width: 100%;
}
.vizovform--footer .vizovform__nomer {
width: calc(50% - 60px);
max-width: 250px;
}
.vizovform--side .vizovform__input,
.vizovform--footer .vizovform__input {
height: 50px;
background: #fff;
border-radius: 6px;
padding: 0 12px;
width: 100%;
box-sizing: border-box;
border: 2px solid #e0dcd0;
transition: all 0.3s ease;
}
.vizovform--side .vizovform__field .vizovform__input,
.vizovform--footer .vizovform__field .vizovform__input {
margin-right: 0;
}
.vizovform--side .vizovform__input:focus,
.vizovform--footer .vizovform__input:focus {
border-color: #d5b963;
box-shadow: 0 0 0 4px rgba(213, 185, 99, 0.15);
}
.vizovform--side .vizovform__input::placeholder,
.vizovform--footer .vizovform__input::placeholder {
color: #aaa;
}
.vizovform--side .vizovform__name-error,
.vizovform--footer .vizovform__name-error {
display: block;
font-size: 13px;
color: #d14a3a;
width: 100%;
min-height: 18px;
visibility: hidden;
margin-top: 8px;
}
.vizovform--side .vizovform__name.is-invalid+.vizovform__name-error,
.vizovform--footer .vizovform__name.is-invalid+.vizovform__name-error {
visibility: visible;
}
.vizovform--side .vizovform__error,
.vizovform--footer .vizovform__error {
display: block;
font-size: 13px;
color: #d14a3a;
width: 100%;
min-height: 18px;
visibility: hidden;
margin-top: 8px;
}
.vizovform--side .vizovform__nomer.is-invalid+.vizovform__error,
.vizovform--footer .vizovform__nomer.is-invalid+.vizovform__error {
visibility: visible;
}
.standform__name-error {
display: block;
font-size: 13px;
color: #d14a3a;
margin: 8px 0 10px 2px;
width: 100%;
min-height: 18px;
visibility: hidden;
}
.standform__name.is-invalid+.standform__name-error {
visibility: visible;
}
.standform__error {
display: block;
font-size: 13px;
color: #d14a3a;
margin: 8px 0 10px 2px;
width: 100%;
min-height: 18px;
visibility: hidden;
}
.standform__nomer.is-invalid+.standform__error {
visibility: visible;
}
.vizovform--side .vizovform__name-error,
.vizovform--side .vizovform__error {
margin: 8px 0 0 2px;
}
.vizovform--footer .vizovform__name-error,
.vizovform--footer .vizovform__error {
margin: 8px 0 0 2px;
}
/* Footer form: no permanent empty space under fields */
.vizovform--footer .vizovform__name-error,
.vizovform--footer .vizovform__error {
display: none;
min-height: 0;
margin: 6px 0 0 2px;
}
.vizovform--footer .vizovform__name.is-invalid+.vizovform__name-error,
.vizovform--footer .vizovform__nomer.is-invalid+.vizovform__error {
display: block;
visibility: visible;
}
.vizovform--footer .vizovform__box {
align-items: flex-start;
flex-wrap: nowrap;
}
.vizovform--footer .vizovform__but {
align-self: flex-start;
}
.vizovform--side .vizovform__but,
.vizovform--footer .vizovform__but {
padding: 0 0;
width: 100%;
box-sizing: border-box;
justify-content: center;
font-size: 15px;
height: 50px;
}
.vizovform--footer .vizovform__but {
max-width: 250px;
justify-content: center;
text-align: center;
padding-left: 0;
}
.vizovform--side .vizovform__but {
justify-content: center;
text-align: center;
padding-left: 0;
}
.vizovform--side .vizovform__but:after,
.vizovform--footer .vizovform__but:after {
display: none;
}
.vizovform--side .vizovform__politica,
.vizovform--footer .vizovform__politica {
font-size: 13px;
color: #888;
}
.vizovform--footer .vizovform__politica {
width: 100%;
margin-top: 10px;
}
.vizovform--side .vizovform__politica a,
.vizovform--footer .vizovform__politica a {
color: #888;
text-decoration: underline;
}
.vizovform--side .vizovform__politica a:hover,
.vizovform--footer .vizovform__politica a:hover {
color: #d5b963;
}
@keyframes movefour {
0%,
30%,
100% {
background-position-x: center;
background-position-y: center;
}
5% {
background-position-x: 0px;
background-position-y: center;
}
10% {
background-position-x: 120px;
background-position-y: center;
}
15% {
background-position-y: -70px;
}
20% {
background-position-x: -50px;
}
25% {
background-position-y: center;
}
}
@media (min-width: 993px) and (max-width: 1220px) {
.vizovform--side {
padding: 30px 30px;
}
.vizovform--footer {
padding: 30px 30px;
}
}
@media screen and (max-width: 481px) {
.vizovform--side {
padding: 40px 29px;
}
.vizovform--footer {
padding: 40px 29px;
}
.vizovform--side .vizovform__zag,
.vizovform--footer .vizovform__zag {
font-size: 32px;
}
.vizovform--side .vizovform__text,
.vizovform--footer .vizovform__text {
font-size: 16px;
}
.vizovform--side .vizovform__box,
.vizovform--footer .vizovform__box {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.vizovform--side .vizovform__input,
.vizovform--footer .vizovform__input {
margin: 0 0 14px;
}
.vizovform--side .vizovform__politica,
.vizovform--footer .vizovform__politica {
font-size: 13px;
}
}
/* vizovform end */
/* ugolok-menu */
.ugolok-menu {
background: linear-gradient(145deg, #f8f6f0 0%, #fff 100%);
padding: 30px;
border-radius: 15px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);
}
.ugolok-menu-zag {
font-size: 30px;
line-height: 120%;
text-transform: uppercase;
margin: 0 0 25px;
font-family: 'Oranienbaum', serif;
color: #2c2c2c;
}
.ugolok-menu li {
display: flex;
align-items: center;
margin: 0 0 18px;
transition: all 0.3s ease;
}
.ugolok-menu li:before {
content: '';
width: 10px;
height: 10px;
background: #d5b963;
border-radius: 3px;
transform: rotate(-45deg);
margin: 0 18px 0 0;
transition: all 0.3s ease;
}
.ugolok-menu li:hover:before {
background: #d5b963;
transform: rotate(0deg) scale(1.2);
}
.ugolok-menu li:hover {
transform: translateX(8px);
}
.ugolok-menu a {
border-bottom: 2px solid #a4c05400;
text-decoration: none;
color: #333;
font-size: 17px;
transition: all 0.3s ease;
padding: 5px 0;
}
.ugolok-menu a:hover {
border-bottom: 2px solid #d5b963;
color: #d5b963;
}
/* ugolok-menu end */
/* mastera */
.mastera__zag {
font-size: 34px;
line-height: 120%;
text-transform: uppercase;
margin: 0 0 30px;
}
.mastera__master {
border: 1px solid #F2F2F2;
box-sizing: border-box;
border-radius: 5px;
display: flex;
align-items: center;
padding: 16px 17px 18px;
}
.mastera__master:not(:last-child) {
margin-bottom: 8px;
}
.mastera__foto {
border-radius: 50%;
margin: 0 20px 0 0;
}
.mastera__name {
font-weight: 700;
font-size: 16px;
line-height: 160%;
color: #4F4F4F;
}
.mastera__ps {
font-weight: 300;
font-size: 14px;
line-height: 160%;
color: #4F4F4F;
}
/* mastera end */
/* glmebelmod */
/* glmebelmod */
.glmebelmod {
background: linear-gradient(145deg, #ffffff 0%, #faf9f5 100%);
border-radius: 15px;
border: 1px solid #e8e4d9;
padding: 45px 35px 40px 40px;
display: flex;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
margin: 0 0 50px;
position: relative;
align-items: flex-start;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
transition: all 0.4s ease;
}
.glmebelmod:hover {
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1);
transform: translateY(-5px);
}
.glmebelmod__id {
position: absolute;
top: -50px;
}
.glmebelmod__info {
width: calc(100% - 280px);
order: 2;
align-self: flex-start;
display: flex;
flex-direction: column;
}
.glmebelmod .vidymebeli__more {
margin-top: 15px;
align-self: flex-start;
}
@media (hover: hover) and (pointer: fine) {
.glmebelmod:hover .vidymebeli__more {
background: #d5b963;
border-color: #d5b963;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(213, 185, 99, 0.25);
}
}
.glmebelmod__glavni-zag {
font-size: 30px;
color: #2c2c2c;
text-transform: uppercase;
margin: 0 0 20px;
font-family: 'Oranienbaum',
serif;
letter-spacing: 0.5px;
}
.glmebelmod__text {
font-size: 17px;
color: #666;
line-height: 1.7;
margin-bottom: 25px;
}
.glmebelmod__vidi-zag {
font-size: 28px;
color: #2c2c2c;
text-transform: uppercase;
margin: 0 0 20px;
}
.glmebelmod__ceny-zag {
font-size: 33px;
color: #4F4F4F;
text-transform: uppercase;
}
.glmebelmod .menu {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 10px;
}
.glmebelmod .menu li {
margin: 0;
}
.glmebelmod .menu a {
font-size: 16px;
color: #555;
text-decoration: none;
background: linear-gradient(145deg, #f5f3ed 0%, #eae7dc 100%);
border-radius: 8px;
padding: 10px 20px;
display: block;
transition: all 0.3s ease;
border: 1px solid transparent;
}
.glmebelmod .menu a:hover {
background: linear-gradient(145deg, #d5b963 0%, #c4a350 100%);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(213, 185, 99, 0.4);
}
.glmebelmod__spisok {
margin: 0 0 25px;
}
.glmebelmod__elem {
font-size: 17px;
color: #4F4F4F;
display: flex;
margin: 0 0 12px;
align-items: baseline;
}
.glmebelmod__elem span:nth-child(1) {
font-weight: 400;
color: #666;
}
.glmebelmod__elem span:nth-child(2) {
flex: auto;
border-bottom: 2px dotted #e0dcd0;
margin: 0 15px;
}
.glmebelmod__elem span:nth-child(3) {
font-weight: 700;
color: #2c2c2c;
}
.glmebelmod__elem:last-child {
margin: 0px;
}
.glmebelmod__ceny-href {
float: none;
margin: 15px 0 0;
padding: 0 35px;
font-size: 16px;
}
.glmebelmod__bigimg-box {
animation: gl-photo-reveal 0.8s ease-out 0s 1 both, gl-photo-pan 10s ease-in-out 0s infinite alternate both;
width: 240px;
flex: 0 0 240px;
height: 640px;
overflow: hidden;
border-radius: 12px;
position: relative;
background-position-y: center;
background-position-x: center;
background-size: cover;
order: 1;
margin-right: 35px;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15);
transition: transform 0.45s ease, filter 0.45s ease, box-shadow 0.45s ease;
}
@media (min-width: 993px) and (hover: hover) and (pointer: fine) {
.glmebelmod__bigimg-box:hover {
animation-play-state: paused, paused;
transform: scale(1.03) translateY(-4px);
filter: saturate(1.05) contrast(1.02);
box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);
}
}
.glmebelmod__smallimg-box {
height: 240px;
}
@media (min-width: 540px) {
.glmebelmod__bigimg-box,
.glmebelmod__smallimg-box {
height: auto;
align-self: stretch;
margin-top: 8px;
background-size: cover;
background-position: center;
}
}
.glmebelmod__bigimg {
position: relative;
left: -100%;
}
.glmebelmod__primeri-box {
width: 100%;
order: 3;
margin-top: 35px;
padding-top: 30px;
border-top: 1px solid #e8e4d9;
}
.glmebelmod__primeri-zag {
font-size: 28px;
color: #2c2c2c;
text-transform: uppercase;
margin: 0 0 25px;
font-family: 'Oranienbaum', serif;
}
.glmebelmod__primeri-box .sigplus-preview {
width: 140px !important;
height: 88px !important;
object-fit: cover;
image-rendering: auto;
display: block;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.glmebelmod__primeri-box .sigplus-preview:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
/* Main page kitchen examples: disable hover caption overlay and its scroll arrows */
#sigplus_1001 .captionplus-overlay {
display: none !important;
}
#sigplus_1001 .captionplus-outside {
display: none !important;
}
#sigplus_1002 .captionplus-overlay {
display: none !important;
}
#sigplus_1002 .captionplus-outside {
display: none !important;
}
#sigplus_1001.sigplus-center a:before,
#sigplus_1001 a.sigplus-image:before {
content: none !important;
display: none !important;
}
#sigplus_1002.sigplus-center a:before,
#sigplus_1002 a.sigplus-image:before {
content: none !important;
display: none !important;
}
#sigplus_1001 a.sigplus-image,
#sigplus_1001 a.sigplus-image:hover,
#sigplus_1001 a.sigplus-image:focus {
background: transparent !important;
box-shadow: none !important;
outline: none !important;
}
#sigplus_1002 a.sigplus-image,
#sigplus_1002 a.sigplus-image:hover,
#sigplus_1002 a.sigplus-image:focus {
background: transparent !important;
box-shadow: none !important;
outline: none !important;
}
#sigplus_1001 .sigplus-preview:hover,
#sigplus_1001 .sigplus-preview:focus {
transform: translateY(-5px) !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}
.glmebelmod__primeri-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
gap: 0;
margin-top: 0;
transform: translateY(-50%);
pointer-events: none;
z-index: 3;
}
.glmebelmod__primeri-btn {
width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
border: 2px solid #e0dcd0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.glmebelmod__primeri-btn:hover {
background: #d5b963;
border-color: #d5b963;
transform: scale(1.1);
}
.glmebelmod__primeri-btn:hover svg {
fill: #fff;
}
.glmebelmod__primeri-btn svg {
width: 20px;
height: 20px;
fill: #666;
transition: fill 0.3s ease;
}
@keyframes img {
0%,
100% {
background-position-x: left;
}
50% {
background-position-x: right;
}
}
@keyframes gl-photo-reveal {
from {
opacity: 0;
transform: translateY(14px) scale(0.985);
filter: saturate(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
filter: saturate(1);
}
}
@keyframes gl-photo-pan {
0% {
background-position: 46% 6%;
}
50% {
background-position: 54% 50%;
}
100% {
background-position: 48% 94%;
}
}
@media (prefers-reduced-motion: reduce) {
.glmebelmod__bigimg-box {
animation: none !important;
transition: none !important;
}
}
.glkuhnya {}
.glshkafi {}
@media (min-width: 993px) and (max-width: 1220px) {
.glmebelmod {
padding: 40px 30px;
}
.glmebelmod__id {}
.glmebelmod__info {
width: calc(100% - 163px);
}
.glmebelmod__glavni-zag {}
.glmebelmod__text {}
.glmebelmod__href {}
.glmebelmod__vidi-zag {}
.glmebelmod__ceny-zag {}
.glmebelmod .menu {}
.glmebelmod .menu ul {}
.glmebelmod .menu li {}
.glmebelmod .menu a {}
.glmebelmod .menu a:hover {}
.glmebelmod__spisok {}
.glmebelmod__elem {}
.glmebelmod__elem span:nth-child(1) {}
.glmebelmod__elem span:nth-child(2) {}
.glmebelmod__elem span:nth-child(3) {}
.glmebelmod__elem:last-child {}
.glmebelmod__ceny-href {}
.glmebelmod__bigimg-box {
max-width: 128px;
}
.glmebelmod__bigimg {}
.glmebelmod__primeri-box {}
.glmebelmod__primeri-zag {}
}
@media (min-width: 540px) and (max-width: 992px) {
.glmebelmod {
padding: 40px 30px;
max-width: 854px;
margin: 0 auto 40px;
}
.glmebelmod__id {}
.glmebelmod__info {}
.glmebelmod__glavni-zag {}
.glmebelmod__text {}
.glmebelmod__href {}
.glmebelmod__vidi-zag {}
.glmebelmod__ceny-zag {}
.glmebelmod .menu {}
.glmebelmod .menu ul {}
.glmebelmod .menu li {}
.glmebelmod .menu a {}
.glmebelmod .menu a:hover {}
.glmebelmod__spisok {}
.glmebelmod__elem {}
.glmebelmod__elem span:nth-child(1) {}
.glmebelmod__elem span:nth-child(2) {}
.glmebelmod__elem span:nth-child(3) {}
.glmebelmod__elem:last-child {}
.glmebelmod__ceny-href {}
.glmebelmod__bigimg-box {
max-width: 230px;
}
.glmebelmod__bigimg {}
.glmebelmod__primeri-box {}
.glmebelmod__primeri-zag {}
}
@media (min-width: 482px) and (max-width: 539px) {
.glmebelmod {
border: 7px solid rgba(237, 236, 228, 0.55);
padding: 27px;
flex-wrap: wrap;
}
.glmebelmod__id {}
.glmebelmod__info {
width: auto;
flex: 1 1 0;
min-width: 0;
max-width: calc(100% - 132px);
}
.glmebelmod__glavni-zag {}
.glmebelmod__text {}
.glmebelmod__href {}
.glmebelmod__vidi-zag {}
.glmebelmod__ceny-zag {}
.glmebelmod .menu {}
.glmebelmod .menu ul {}
.glmebelmod .menu li {}
.glmebelmod .menu a {
padding: 8px 12px;
font-size: 15px;
}
.glmebelmod .menu a:hover {}
.glmebelmod__spisok {}
.glmebelmod__elem {
font-size: 14px;
}
.glmebelmod__elem span:nth-child(1) {}
.glmebelmod__elem span:nth-child(2) {}
.glmebelmod__elem span:nth-child(3) {}
.glmebelmod__elem:last-child {}
.glmebelmod__ceny-href {}
.glmebelmod__bigimg-box {
width: 110px;
flex: 0 0 110px;
max-width: 110px;
margin-right: 22px;
}
.glmebelmod__primeri-box {
flex: 0 0 100%;
width: 100%;
order: 3;
}
.glmebelmod__bigimg {}
.glmebelmod__primeri-box {}
.glmebelmod__primeri-zag {}
}
@media screen and (max-width: 481px) {
.glmebelmod {
border-width: 6px;
padding: 20px;
}
.glmebelmod__id {}
.glmebelmod__info {
order: 2;
width: 100%;
}
.glmebelmod__glavni-zag {
font-size: 35px;
}
.glmebelmod__text {}
.glmebelmod__href {}
.glmebelmod__vidi-zag {
font-size: 31px;
}
.glmebelmod__ceny-zag {
font-size: 31px;
}
.glmebelmod .menu {
gap: 4px;
}
.glmebelmod .menu ul {}
.glmebelmod .menu li {
margin: 0 10px 10px 0;
}
.glmebelmod .menu a {
font-size: 15px;
padding: 8px 13px;
}
.glmebelmod .menu a:hover {}
.glmebelmod__spisok {}
.glmebelmod__elem {
font-size: 13px;
margin: 0 0 8px;
}
.glmebelmod__elem span:nth-child(1) {}
.glmebelmod__elem span:nth-child(2) {}
.glmebelmod__elem span:nth-child(3) {}
.glmebelmod__elem:last-child {}
.glmebelmod__ceny-href {}
.glmebelmod__bigimg-box {
order: 1;
flex: 0 0 100%;
width: 100%;
max-width: none;
height: 170px;
background-size: 120%;
margin: 0 0 30px;
}
.glmebelmod__bigimg {}
.glmebelmod__primeri-box {
order: 3;
}
.glmebelmod__primeri-zag {
font-size: 31px;
}
.glmebelmod .sigplus-gallery ul {}
.glmebelmod .sigplus-gallery img {
max-width: 100%;
}
}
@media screen and (max-width: 320px) {
.glmebelmod {}
.glmebelmod__id {}
.glmebelmod__info {}
.glmebelmod__glavni-zag {}
.glmebelmod__text {
font-size: 14px;
}
.glmebelmod__href {
font-size: 15px;
}
.glmebelmod__vidi-zag {}
.glmebelmod__ceny-zag {}
.glmebelmod .menu {}
.glmebelmod .menu ul {}
.glmebelmod .menu li {}
.glmebelmod .menu a {
font-size: 14px;
padding: 3px 8px;
}
.glmebelmod .menu a:hover {}
.glmebelmod__spisok {}
.glmebelmod__elem {
font-size: 11px;
}
.glmebelmod__elem span:nth-child(1) {}
.glmebelmod__elem span:nth-child(2) {}
.glmebelmod__elem span:nth-child(3) {}
.glmebelmod__elem:last-child {}
.glmebelmod__ceny-href {}
.glmebelmod__bigimg-box {}
.glmebelmod__bigimg {}
.glmebelmod__primeri-box {}
.glmebelmod__primeri-zag {}
}
/* glmebelmod end */
/* anskaf */
:root {
--perpect: 720px;
--cvet: #fff;
--ramka: 2px;
--widtruchk: 20px;
--tolshina: 20px;
--ramkaruch: 1px;
}
/*.anskaf, .anskaf * {-webkit-transform: translate3d(0, 0, 0);-webkit-overflow-scrolling: touch}*/
.anskaf {
height: 80%;
position: fixed;
top: 10%;
left: -220px;
transform-style: preserve-3d;
transform: rotateX(3deg) rotateY(356deg) translateZ(70px);
display: flex;
transition: 0.4s;
max-height: 660px;
z-index: 12;
}
.anskaf__tumba>* {
position: absolute;
top: 0px;
left: 0px;
border: var(--ramka) solid black;
box-sizing: border-box;
}
.anskaf__tumba {
height: 100%;
width: 0px;
transform-style: preserve-3d;
position: relative;
transition: 0.5s;
}
.anskaf__tumba-right {
width: var(--perpect);
height: 100%;
left: 100%;
/* background: var(--cvet); */
transform:
/*translateX(100%)*/
translateZ(var(--perpect)) rotateY(90deg);
transform-origin: left center;
transform-style: preserve-3d;
}
.anskaf__tumba-otverst {
position: absolute;
/* background: #fff; */
width: calc(100% - 60px);
height: calc(100% - 60px);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
border: var(--ramka) solid black;
transform-style: preserve-3d;
outline: 26px solid var(--cvet);
outline-offset: 0px;
}
.anskaf__tumba-polost {
width: 100%;
height: 100%;
background: var(--cvet);
border-top: var(--ramka) solid black;
border-bottom: var(--ramka) solid black;
transform: rotateY(270deg);
transform-origin: right center;
position: absolute;
}
.anskaf__tumba-bottom {
width: 100%;
height: var(--perpect);
top: 100%;
background: var(--cvet);
transform:
/*translateY(100%)*/
translateZ(var(--perpect)) rotateX(-90deg);
transform-origin: top right;
border-width: 3px;
}
.anskaf__tumba-front {
background: var(--cvet);
width: 100%;
height: 100%;
transform: translateZ(var(--perpect));
}
.anskaf__dver>* {
position: absolute;
top: 0px;
left: 0px;
border: var(--ramka) solid black;
box-sizing: border-box;
}
.anskaf__dver {
height: 100%;
width: 44px;
transform-style: preserve-3d;
/*border: 1px solid black;*/
position: relative;
transform: rotateY(0deg);
transform-origin: left center;
transition: 0.7s;
}
.anskaf__dver-left {
width: var(--perpect);
height: 100%;
left: 0px;
background: var(--cvet);
transform: translateZ(0px) rotateY(270deg);
transform-origin: left center;
z-index: 500;
}
.anskaf__dver-right {
width: var(--perpect);
height: 100%;
left: 100%;
background: var(--cvet);
transform: translateZ(var(--perpect)) rotateY(90deg);
transform-origin: left center;
}
.anskaf__dver-bottom {
width: 100%;
height: var(--perpect);
top: 100%;
background: var(--cvet);
transform: translateZ(var(--perpect)) rotateX(270deg);
transform-origin: top right;
}
.anskaf__dver-front {
background: var(--cvet);
width: 100%;
height: 100%;
transform: translateZ(var(--perpect));
}
.anskaf__ruchka {
height: 30%;
width: 46px;
transform-style: preserve-3d;
position: relative;
transform: rotateY(360deg) translateZ(calc(var(--perpect) - 130px)) translateX(44px);
transform-origin: left center;
display: flex;
flex-direction: column;
justify-content: space-between;
border: none;
top: calc(100% - 36%);
left: unset;
}
.anskaf__ruchka-vverh * {
position: absolute;
top: 0px;
left: 0px;
box-sizing: border-box;
border: var(--ramkaruch) solid #000;
}
.anskaf__ruchka-vverh {
height: var(--tolshina);
width: 100%;
align-self: flex-end;
transform-style: preserve-3d;
/* border: 1px solid black; */
position: relative;
}
.anskaf__ruchka-vverh-right {
width: var(--widtruchk);
height: 100%;
left: 100%;
background: var(--cvet);
transform: rotateY(270deg);
transform-origin: left center;
;
}
.anskaf__ruchka-vverh-bottom {
top: 100%;
width: 100%;
height: var(--widtruchk);
background: var(--cvet);
transform: rotateX(90deg);
transform-origin: top right;
}
.anskaf__ruchka-vverh-front {
width: 100%;
height: 100%;
background: var(--cvet);
transform: translateZ(var(--widtruchk));
}
.anskaf__ruchka-center * {
position: absolute;
top: 0px;
left: 0px;
box-sizing: border-box;
border: var(--ramkaruch) solid #000;
}
.anskaf__ruchka-center {
flex: auto;
width: var(--tolshina);
align-self: flex-end;
transform-style: preserve-3d;
/* border: 1px solid black; */
position: relative;
}
.anskaf__ruchka-center-right {
width: var(--widtruchk);
height: 100%;
left: 100%;
background: var(--cvet);
transform: rotateY(270deg);
transform-origin: left center;
}
.anskaf__ruchka-center-left {
width: var(--widtruchk);
height: 100%;
background: var(--cvet);
transform: rotateY(270deg);
transform-origin: left center;
}
.anskaf__ruchka-center-front {
width: 100%;
height: 100%;
background: var(--cvet);
transform: translateZ(var(--widtruchk));
}
.anskaf__ruchka-niz * {
position: absolute;
top: 0px;
left: 0px;
box-sizing: border-box;
border: var(--ramkaruch) solid #000;
}
.anskaf__ruchka-niz {
height: var(--tolshina);
width: 100%;
align-self: flex-end;
transform-style: preserve-3d;
/* border: 1px solid black; */
position: relative;
}
.anskaf__ruchka-niz-right {
width: var(--widtruchk);
height: 100%;
left: 100%;
background: var(--cvet);
transform: rotateY(270deg);
transform-origin: left center;
}
.anskaf__ruchka-niz-bottom {
top: 100%;
width: 100%;
height: var(--widtruchk);
background: var(--cvet);
transform: rotateX(90deg);
transform-origin: top right;
}
.anskaf__ruchka-niz-front {
width: 100%;
height: 100%;
background: var(--cvet);
transform: translateZ(var(--widtruchk));
}
.anskaf__info {
padding: 40px 40px;
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.anskaf__info-close {
position: absolute;
top: 10px;
right: 17px;
font-size: 26px;
cursor: pointer;
}
.anskaf__info-zag {
text-align: center;
font-size: 32px;
font-weight: 500;
font-family: 'Oranienbaum';
text-transform: uppercase;
margin: 0 0 20px;
}
.anskaf .anskaf-menu {
overflow: auto;
height: calc(100% - 70px);
}
.anskaf .anskaf-menu>ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.anskaf .anskaf-menu>ul>li {
min-width: 30%;
}
.anskaf .anskaf-menu .menu-icon {
width: 20px;
height: 16px;
margin: 0 10px 0 0;
display: flex;
align-items: center;
justify-content: center;
}
.anskaf .anskaf-menu>ul>li>a {
display: flex;
align-items: center;
color: #000;
font-size: 16px;
margin: 0 0 11px;
}
.anskaf .anskaf-menu .nav-child {
margin: 0 0 20px;
}
.anskaf .anskaf-menu .nav-child li {}
.anskaf .anskaf-menu .nav-child a {
background: #EDECE4;
border-radius: 6px;
color: #000000;
padding: 3px 10px;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 0 0 6px;
}
.anskaf .anskaf-menu a:hover {}
@media (min-width: 482px) and (max-width: 768px) {
:root {
--perpect: 480px;
--cvet: #fff;
--ramka: 2px;
--widtruchk: 20px;
--tolshina: 20px;
--ramkaruch: 1px;
}
.anskaf {
top: 5%;
}
.anskaf .anskaf-menu {
height: calc(100% - 40px);
}
.anskaf .anskaf-menu>ul>li {
width: 50%;
}
.anskaf .anskaf-menu .nav-child a {
font-size: 15px;
}
}
@media screen and (max-width: 481px) {
:root {
--perpect: 300px;
--cvet: #fff;
--ramka: 2px;
--widtruchk: 20px;
--tolshina: 20px;
--ramkaruch: 1px;
}
.anskaf {
top: 5%;
max-height: 500px;
}
.anskaf__info {
padding: 40px 30px;
}
.anskaf .anskaf-menu {
height: calc(100% - 30px);
}
.anskaf .anskaf-menu>ul>li {
min-width: 90%;
}
.anskaf .anskaf-menu .nav-child {
display: flex;
flex-wrap: wrap;
}
.anskaf .anskaf-menu .nav-child li {
margin-right: 3px;
}
.anskaf .anskaf-menu .nav-child a {
font-size: 14px;
}
}
/* anskaf end */
/* cenapage */
.cenapage {
display: flex;
background: #EDECE4;
padding: 9px 14px;
border-radius: 9px;
margin: 0 0 30px;
flex-wrap: wrap;
}
.cenapage__page-but {
background: #fff;
padding: 10px 15px;
border-radius: 7px;
margin-right: 14px;
font-size: 16px;
cursor: pointer;
margin-bottom: 7px;
margin-top: 7px;
}
.cenapage__page-but.page-active {
border: 1px solid #C24933;
}
/* cenapage end */
/* anskaftwo__info */
.anskaftwo__info {
padding: 40px 43px 40px 42px;
position: fixed;
width: 716px;
height: auto;
box-sizing: border-box;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
max-width: calc(100% - 40px);
background: #fff;
border-radius: 11px;
transition: 0.2s;
visibility: hidden;
opacity: 0;
max-height: calc(100% - 40px);
z-index: 12;
display: flex;
flex-direction: column;
}
.anskaftwo__info-close {
position: absolute;
top: 10px;
right: 17px;
font-size: 20px;
line-height: 1;
font-weight: 500;
cursor: pointer;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid #e7e1d2;
background: #fff;
color: #5b5b5b;
z-index: 3;
}
.anskaftwo__info-close:hover {
background: #f5f3ed;
color: #222;
}
.anskaftwo__info-zag {
text-align: center;
font-size: 32px;
font-weight: 500;
font-family: 'Oranienbaum';
text-transform: uppercase;
margin: 0 0 20px;
}
.anskaftwo__info .anskaf-menu {
height: calc(100% - 77px);
overflow: auto;
}
.anskaftwo__info .anskaf-menu>ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.anskaftwo__info .anskaf-menu>ul>li {
min-width: 30%;
}
.anskaftwo__info .anskaf-menu .menu-icon {
width: 20px;
height: 16px;
margin: 0 10px 0 0;
display: flex;
align-items: center;
justify-content: center;
}
.anskaftwo__info .anskaf-menu>ul>li>a {
display: flex;
align-items: center;
color: #000;
font-size: 15px;
margin: 0 0 11px;
}
.anskaftwo__info .anskaf-menu .nav-child {
margin: 0 0 20px;
}
.anskaftwo__info .anskaf-menu .nav-child li {}
.anskaftwo__info .anskaf-menu .nav-child a {
background: #EDECE4;
border-radius: 6px;
color: #000000;
padding: 3px 10px;
text-decoration: underline;
text-underline-offset: 3px;
display: inline-block;
font-size: 16px;
margin: 0 0 6px;
}
.anskaftwo__info .anskaf-menu>ul>li>a {
text-decoration: underline;
text-underline-offset: 3px;
}
.anskaftwo__info .anskaf-menu a:hover {
text-decoration-color: transparent;
}
@media (min-width: 482px) and (max-width: 768px) {
.anskaftwo__info .anskaf-menu>ul>li {
width: 50%;
}
.anskaftwo__info .anskaf-menu .nav-child a {
font-size: 15px;
}
}
@media screen and (max-width: 481px) {
.anskaftwo__info .anskaf-menu>ul>li {
min-width: 90%;
}
.anskaftwo__info .anskaf-menu .nav-child {
display: flex;
flex-wrap: wrap;
}
.anskaftwo__info .anskaf-menu .nav-child li {
margin-right: 3px;
}
.anskaftwo__info .anskaf-menu .nav-child a {
font-size: 14px;
}
}
@media screen and (max-width: 991px) {}
.anskaftwo__info .anskaf-menu li:has(a[href*="mebel-dlya-vannoj"]),
.anskaftwo__info .anskaf-menu a[href*="mebel-dlya-vannoj"] {
display: none !important;
}
/* anskaftwo__info end */
/* faq */
.faq h3 {
display: flex;
justify-content: flex-start;
vertical-align: middle;
align-items: flex-start;
}
.faq h3:before {
content: '?';
background: #2f8907;
color: #fff;
padding: 3px 10px;
border-radius: 100%;
font-size: 20px;
margin: 2px 20px 0 0;
}
.faq h3+div {
background: #2f89070f;
border-left: 8px solid #2f8907;
padding: 26px 36px 29px;
border-radius: 5px 0 0 5px;
}
.faq h3+div p:last-child {
margin: 0;
}
/* faq end */
/* mainpic */
.mainpic {
border-radius: 5px;
border: 10px solid #EDECE4;
padding: 30px 27px 30px 27px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
margin: 0 0 40px;
}
.mainpic__left {
padding: 5px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.mainpic__title {
font-size: 38px;
color: #4F4F4F;
text-transform: uppercase;
margin: 0 0 20px;
font-family: 'Oranienbaum';
}
.mainpic__descr {
font-size: 20px;
color: #888;
font-weight: 300;
}
.mainpic__img {
border-radius: 5px;
display: block;
}
.mainpic__btn {
margin: auto 0 0;
}
@media screen and (max-width:481px) {
.mainpic__title {
font-size: 30px;
}
}
@media screen and (max-width:850px) {
.mainpic__left {
align-items: center;
width: 100%;
margin: 0 0 30px 0;
}
.mainpic__right {
width: 100%;
}
.mainpic__img {
margin: 0 auto;
max-width: 100%;
}
.mainpic {
padding: 30px 27px 40px 27px;
}
}
@media screen and (min-width:851px) {
.mainpic__left {
width: 45%;
}
}
/* mainpic end */
/* flexgal ul */
.flexgal {
margin: 10px 0;
}
.flexgal ul {
display: flex;
flex-wrap: wrap;
}
.flexgal ul li {
margin: 0 30px 30px 0 !important;
}
.flexgal ul li img {
border-radius: 6px;
}
/* style galleries on kitchen page: same layout + no hover dark caption */
.page-kitchen #sigplus_1008>ul,
.page-kitchen #sigplus_1009>ul,
.page-kitchen #sigplus_1010>ul,
.page-kitchen #sigplus_1011>ul {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin: 0 !important;
padding: 0 !important;
align-items: stretch;
}
.page-kitchen #sigplus_1008>ul>li,
.page-kitchen #sigplus_1009>ul>li,
.page-kitchen #sigplus_1010>ul>li,
.page-kitchen #sigplus_1011>ul>li {
margin: 0 !important;
width: auto !important;
max-width: none !important;
display: block !important;
}
.page-kitchen #sigplus_1008 .sigplus-image,
.page-kitchen #sigplus_1009 .sigplus-image,
.page-kitchen #sigplus_1010 .sigplus-image,
.page-kitchen #sigplus_1011 .sigplus-image {
display: block !important;
width: 100%;
aspect-ratio: 555 / 335;
overflow: hidden;
border-radius: 6px;
}
.page-kitchen #sigplus_1008 .captionplus,
.page-kitchen #sigplus_1009 .captionplus,
.page-kitchen #sigplus_1010 .captionplus,
.page-kitchen #sigplus_1011 .captionplus {
display: block !important;
width: 100% !important;
}
.page-kitchen #sigplus_1008 .captionplus>.sigplus-image,
.page-kitchen #sigplus_1009 .captionplus>.sigplus-image,
.page-kitchen #sigplus_1010 .captionplus>.sigplus-image,
.page-kitchen #sigplus_1011 .captionplus>.sigplus-image {
width: 100% !important;
}
.page-kitchen #sigplus_1008 .sigplus-summary,
.page-kitchen #sigplus_1009 .sigplus-summary,
.page-kitchen #sigplus_1010 .sigplus-summary,
.page-kitchen #sigplus_1011 .sigplus-summary {
display: none !important;
}
.page-kitchen #sigplus_1008 .sigplus-preview,
.page-kitchen #sigplus_1009 .sigplus-preview,
.page-kitchen #sigplus_1010 .sigplus-preview,
.page-kitchen #sigplus_1011 .sigplus-preview {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.page-kitchen #sigplus_1008 .captionplus-overlay,
.page-kitchen #sigplus_1008 .captionplus-outside,
.page-kitchen #sigplus_1009 .captionplus-overlay,
.page-kitchen #sigplus_1009 .captionplus-outside,
.page-kitchen #sigplus_1010 .captionplus-overlay,
.page-kitchen #sigplus_1010 .captionplus-outside,
.page-kitchen #sigplus_1011 .captionplus-overlay,
.page-kitchen #sigplus_1011 .captionplus-outside {
display: none !important;
}
.page-kitchen #sigplus_1008.sigplus-center a:before,
.page-kitchen #sigplus_1008 a.sigplus-image:before,
.page-kitchen #sigplus_1009.sigplus-center a:before,
.page-kitchen #sigplus_1009 a.sigplus-image:before,
.page-kitchen #sigplus_1010.sigplus-center a:before,
.page-kitchen #sigplus_1010 a.sigplus-image:before,
.page-kitchen #sigplus_1011.sigplus-center a:before,
.page-kitchen #sigplus_1011 a.sigplus-image:before {
content: none !important;
display: none !important;
}
@media (min-width: 993px) and (max-width: 1160px) {
.flexgal ul {}
.flexgal ul li {}
.flexgal ul li img {}
}
@media (min-width: 769px) and (max-width: 992px) {
.flexgal ul {}
.flexgal ul li {}
.flexgal ul li img {}
}
@media (min-width: 482px) and (max-width: 768px) {
.flexgal ul {
justify-content: space-between;
}
.page-kitchen #sigplus_1008>ul,
.page-kitchen #sigplus_1009>ul,
.page-kitchen #sigplus_1010>ul,
.page-kitchen #sigplus_1011>ul {
grid-template-columns: 1fr;
gap: 14px;
}
.flexgal ul li a {
max-width: 100%;
}
.flexgal ul li {
margin: 0 0 20px !important;
width: calc((100% / 3) - 7px);
max-width: 200px;
}
.flexgal ul li img {
max-width: 100%;
height: auto !important;
}
.flexgal ul:after {
content: '';
margin: 0 0 20px !important;
width: calc((100% / 3) - 7px);
max-width: 200px;
}
}
@media screen and (max-width: 481px) {
.flexgal ul {
justify-content: space-between;
}
.page-kitchen #sigplus_1008>ul,
.page-kitchen #sigplus_1009>ul,
.page-kitchen #sigplus_1010>ul,
.page-kitchen #sigplus_1011>ul {
grid-template-columns: 1fr;
gap: 12px;
}
.flexgal ul li a {
max-width: 100%;
}
.flexgal ul li {
margin: 0 0 20px !important;
width: calc((100% / 2) - 7px);
}
.flexgal ul li img {
max-width: 100%;
height: auto !important;
}
}
@media screen and (max-width: 320px) {
.flexgal ul {}
.flexgal ul li {}
.flexgal ul li img {}
}
/* flexgal ul end */
/* kitchen recommend gallery */
#sigplus_1007>ul {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 20px;
}
#sigplus_1007>ul>li {
margin: 0 !important;
width: auto !important;
max-width: none !important;
}
#sigplus_1007 a.sigplus-image,
#sigplus_1007 .sigplus-preview {
width: 100%;
}
#sigplus_1007 a.sigplus-image {
display: block;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 6px;
cursor: zoom-in;
position: relative;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#sigplus_1007 .sigplus-preview {
height: 100% !important;
object-fit: cover;
border-radius: 0;
transition: transform 0.55s ease;
}
#sigplus_1007 .sigplus-summary,
#sigplus_1007 .captionplus-overlay,
#sigplus_1007 .captionplus-outside {
display: none !important;
}
#sigplus_1007.sigplus-center a:before,
#sigplus_1007 a.sigplus-image:before {
content: none !important;
display: none !important;
}
#sigplus_1007 a.sigplus-image:hover,
#sigplus_1007 a.sigplus-image:focus {
background: transparent !important;
box-shadow: none !important;
outline: none !important;
}
@media (hover: hover) and (pointer: fine) {
#sigplus_1007 a.sigplus-image:hover {
transform: translateY(-4px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
}
#sigplus_1007 a.sigplus-image:hover .sigplus-preview {
transform: scale(1.05);
}
}
@media (min-width: 769px) and (max-width: 992px) {
#sigplus_1007>ul {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 482px) and (max-width: 768px) {
#sigplus_1007>ul {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
#sigplus_1007 a.sigplus-image {
aspect-ratio: 4 / 3;
}
}
@media screen and (max-width: 481px) {
#sigplus_1007>ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
#sigplus_1007 a.sigplus-image {
aspect-ratio: 4 / 3;
border-radius: 8px;
}
}
/* flexwrap ul */
.flexwrap {
margin: 10px 0;
}
.flexwrap ul {
display: flex;
flex-wrap: wrap;
}
.flexwrap ul li {
margin: 0 30px 30px 0 !important;
}
.flexwrap ul li img {
border-radius: 6px;
}
@media (min-width: 993px) and (max-width: 1220px) {
.flexwrap ul li {
margin: 0 auto 30px !important;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.flexwrap ul li {
margin: 0 auto 30px !important;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.flexwrap ul li {
margin: 0 auto 30px !important;
}
}
@media screen and (max-width: 481px) {
.flexwrap ul li {
margin: 0 auto 30px !important;
}
}
/* flexwrap ul end */
/* fotoblog__content */
.fotoblog__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fotoblog__blog {
max-width: 370px;
display: flex;
flex-direction: column;
}
.fotoblog__blog:nth-child(n + 4) {
margin: 30px 0 0;
}
.fotoblog__href-img {
display: block;
}
.fotoblog__img {
display: block;
border-radius: 6px 6px 0 0;
}
.novostiblog__blog .fotoblog__opis {
border-top: 1px dashed #CECECE;
margin: 0 0 40px;
border-radius: 6px;
}
.fotoblog__opis {
background: #FFFFFF;
border: 1px dashed #CECECE;
border-top: 0px;
padding: 35px 38px;
border-radius: 0 0 6px 6px;
display: flex;
flex-direction: column;
height: 100%;
}
.fotoblog__title {
margin: 0 0 26px;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 25px;
line-height: 120%;
}
.fotoblog__title-href {
color: #000;
text-decoration: none;
}
.fotoblog__title-href:hover {
text-decoration: underline;
}
.fotoblog__text,
.fotoblog__text p {
font-weight: 400;
font-size: 17px;
line-height: 130%;
color: #757575;
}
.fotoblog__text p:last-child {
margin-bottom: 0px;
}
@media (min-width: 993px) and (max-width: 1220px) {
.fotoblog__blog {
width: calc((100% / 3) - 16px);
}
.fotoblog__img {
max-width: 100%;
}
.fotoblog__opis {
padding: 35px 25px;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.fotoblog__content {
justify-content: space-evenly;
}
.fotoblog__blog {
width: calc((100% / 2) - 11px);
margin: 0 0 27px;
}
.fotoblog__blog:nth-child(n + 4) {
margin: 0 0 27px;
}
.fotoblog__img {
max-width: 100%;
}
}
@media (min-width: 482px) and (max-width: 768px) {
.fotoblog__content {
margin: 0 0 -20px;
justify-content: space-around;
}
.fotoblog__blog {
width: calc((100% / 2) - 9px);
max-width: 230px;
margin: 0 0 20px;
}
.fotoblog__blog:nth-child(n + 4) {
margin: 0 0 20px;
}
.fotoblog__img {
max-width: 100%;
}
.fotoblog__opis {
padding: 30px 20px;
}
.fotoblog__title {
font-size: 19px;
}
.fotoblog__text,
.fotoblog__text p {
font-size: 15px;
}
}
@media screen and (max-width: 481px) {
.fotoblog__blog:first-child {
margin-top: 0px !important;
}
.fotoblog__blog {
width: 100%;
margin: 20px auto 0 !important;
}
.fotoblog__img {
max-width: 100%;
}
.fotoblog__opis {
padding: 32px 25px;
}
}
/* fotoblog__content end */
/* kitchen color grid */
#kitchen-color-grid {
align-items: flex-start;
gap: 30px 0;
}
#kitchen-color-grid .fotoblog__blog {
width: calc((100% / 3) - 16px);
max-width: none;
margin: 0;
border-radius: 8px;
border: none;
background: #fff;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05);
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#kitchen-color-grid .fotoblog__blog:nth-child(n + 4) {
margin: 0;
}
#kitchen-color-grid .fotoblog__href-img {
width: 100%;
aspect-ratio: 370 / 245;
overflow: hidden;
border-radius: 6px 6px 0 0;
border: none;
cursor: zoom-in;
}
#kitchen-color-grid .fotoblog__img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
transition: transform 0.55s ease;
}
#kitchen-color-grid .fotoblog__opis {
height: auto;
min-height: 100px;
box-sizing: border-box;
padding: 18px 16px 20px;
border: none;
border-radius: 0 0 8px 8px;
background: #fff;
}
#kitchen-color-grid .fotoblog__title {
margin: 0;
font-size: 22px;
line-height: 1.2;
letter-spacing: 0.02em;
min-height: 2.4em;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
}
#kitchen-color-grid .fotoblog__title-href,
#kitchen-color-grid .fotoblog__title-href:hover {
text-decoration: none !important;
}
#kitchen-color-grid .fotoblog__title-href {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
#kitchen-color-grid .fotoblog__blog:hover {
transform: translateY(-7px);
box-shadow: 0 18px 36px rgba(0, 0, 0, 0.1);
}
#kitchen-color-grid .fotoblog__blog:hover .fotoblog__img {
transform: scale(1.05);
}
}
.kitchen-color__toggle {
margin: 40px 0 0;
}
@media (min-width: 769px) and (max-width: 992px) {
#kitchen-color-grid .fotoblog__blog {
width: calc((100% / 2) - 11px);
}
}
@media (min-width: 482px) and (max-width: 768px) {
#kitchen-color-grid .fotoblog__blog {
width: calc((100% / 2) - 9px);
max-width: none;
margin: 0 0 20px;
}
}
@media screen and (max-width: 481px) {
#kitchen-color-grid {
gap: 20px 0;
}
#kitchen-color-grid .fotoblog__blog {
width: calc((100% / 2) - 7px);
margin: 0 !important;
}
#kitchen-color-grid .fotoblog__opis {
min-height: 88px;
padding: 12px 12px;
}
#kitchen-color-grid .fotoblog__title {
font-size: 17px;
min-height: 2.3em;
}
}
/* raboti */
.page-kitchen .raboti:not(.raboti--hydrated) {
visibility: hidden;
}
.raboti {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 40px;
}
.raboti__onerab {
max-width: 370px;
display: flex;
flex-direction: column;
box-sizing: border-box;
min-width: 0;
transition: transform 0.25s ease, filter 0.25s ease;
}
.raboti__onerab:nth-child(n + 4) {
margin-top: 30px;
}
.raboti__img-box {
position: relative;
border-radius: 6px 6px 0 0 !important;
overflow: hidden;
flex-shrink: 0;
height: auto;
aspect-ratio: 37 / 26;
background: #f2f2f2;
width: 100%;
box-sizing: border-box;
}
.raboti__img-box .sigplus-gallery,
.raboti__img-box .sigplus-gallery ul,
.raboti__img-box .sigplus-gallery li {
margin: 0;
padding: 0;
list-style: none;
}
.raboti__img-box .sigplus-gallery.sigport-1>ul.swiper-wrapper {
display: flex !important;
text-align: left !important;
height: 100%;
}
.raboti__img-box .sigplus-gallery.sigport-1>ul.swiper-wrapper>li.swiper-slide {
display: block !important;
height: 100%;
width: 100%;
line-height: 0;
}
.raboti__img-box .sigplus-gallery {
position: relative;
height: 100%;
line-height: 0;
}
.raboti__img-box .sigplus-gallery .sigplus-image {
display: block !important;
width: 100%;
height: 100%;
}
.raboti__img-box .sigplus-gallery .sigplus-image>img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
vertical-align: top;
}
.raboti__img-box .raboti__img-pagination {
position: absolute !important;
left: 10px;
bottom: 10px;
z-index: 3;
}
.raboti__img-box .swiper-pagination,
.raboti__img-box .swiper-pagination-bullets {
position: absolute !important;
left: 10px !important;
right: auto !important;
top: auto !important;
margin: 0 !important;
}
.raboti__img-box .swiper-pagin.raboti__img-box {
height: 260px;
width: 100%;
position: relative;
box-sizing: border-box;
background: #fff;
border-radius: 6px 6px 0 0;
overflow: hidden;
}
.raboti__img-box .swiper-pagination-bullet-active {
width: 11px;
height: 11px;
border: 1px solid #d5b963;
background: #d5b963;
transform: scale(1.08);
}
.raboti__img-box .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #fff;
border: 1px solid rgba(47, 42, 34, 0.35);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
opacity: 1;
}
.raboti__img-box .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #d5b963;
border-color: #d5b963;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
body .raboti__img-box li {
margin: 0px !important;
max-width: 100%;
}
body .raboti__img-box a {
border-radius: 0px;
}
.raboti__img-box img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.raboti__onerab:hover .raboti__img-box img {
transform: scale(1.05);
}
.raboti__opis {
background: #FFFFFF;
border: none;
border-radius: 0 0 6px 6px;
padding: 35px 40px 45px;
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
width: 100%;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}
.raboti__zag {
font-weight: 400;
font-size: 22px;
font-family: 'Oranienbaum';
letter-spacing: 0.02em;
text-transform: uppercase;
margin: 0 0 20px;
line-height: 1.3;
color: #2c2c2c;
text-align: center;
}
.raboti__installment {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
white-space: nowrap;
text-align: center;
margin: 0 auto 25px;
font-size: 12px;
line-height: 1;
color: #b7922e;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 700;
padding: 8px 14px;
background: linear-gradient(180deg, #fffdf7 0%, #f8f2df 100%);
border: 1px solid rgba(213, 185, 99, 0.45);
border-radius: 999px;
box-shadow: 0 4px 12px rgba(213, 185, 99, 0.16);
}
.raboti__zagopis {
font-weight: 600;
font-size: 17px;
color: #000000;
margin: 0 0 8px;
}
.raboti__spisok {
margin: 0 0 30px;
padding: 0;
list-style: none;
}
.raboti__elem {
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: #666;
margin: 0 0 12px;
display: flex;
align-items: baseline;
position: relative;
padding-left: 20px;
}
.raboti__elem:last-child {
margin-bottom: 0;
}
.raboti__elem:before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #d5b963;
position: absolute;
left: 0;
top: 9px;
border: none;
margin: 0;
}
/* Hide specific icons to have consistent bullets or use CSS masking if needed,
but for "Quiet Luxury" bullets are cleaner */
.raboti__elem--korpus:before,
.raboti__elem--fasady:before,
.raboti__elem--stolesh:before,
.raboti__elem--furn:before,
.raboti__elem--moika:before {
background-image: none;
}
.raboti__srokizgot {
font-size: 14px;
line-height: 1.15;
color: #999;
margin: auto 0 0;
text-align: center;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
background: none;
border: none;
padding: 0;
font-style: normal;
}
.raboti__srokizgot::before {
content: "";
width: 14px;
height: 14px;
flex: 0 0 14px;
background-repeat: no-repeat;
background-size: 14px 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
.raboti__cta {
margin-top: 25px;
width: fit-content;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 28px;
border-radius: 6px;
background: transparent;
color: #d5b963;
font-size: 15px;
font-weight: 600;
letter-spacing: normal;
border: 1px solid #d5b963;
box-shadow: none;
cursor: pointer;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
font-family: 'Montserrat', sans-serif;
}
.raboti__cta:hover {
background: #d5b963;
border-color: #d5b963;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(213, 185, 99, 0.25);
}
@media (hover: hover) and (pointer: fine) {
.raboti__onerab:hover {
transform: translateY(-8px);
filter: none;
}
}
.raboti__razmeri {
font-size: 15px;
line-height: 100%;
color: #B3B3B3;
}
@media (min-width: 993px) and (max-width: 1220px) {
.raboti__onerab {
width: calc((100% / 3) - 13px);
}
.raboti__opis {
padding: 30px 20px;
}
.raboti__cenazapog {
font-size: 16px;
}
.raboti__cenazasht {
font-size: 16px;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.raboti {
justify-content: space-around;
}
.raboti__onerab {
width: calc((100% / 2) - 22px);
margin: 0 0 25px !important;
}
.raboti__opis {
padding: 30px 20px;
}
}
@media (min-width: 661px) and (max-width: 768px) {
.raboti {
justify-content: space-around;
}
.raboti__onerab {
width: calc((100% / 2) - 22px);
margin: 0 0 25px !important;
}
.raboti__opis {
padding: 30px 20px;
}
}
@media screen and (max-width: 660px) {
.raboti {
margin: 0;
justify-content: flex-start;
}
.raboti__onerab {
width: 100%;
max-width: 100%;
margin: 0 0 20px !important;
}
.raboti__opis {
padding: 30px 25px;
}
.raboti__cenazapog {
font-size: 15px;
}
.raboti__cenazasht {
font-size: 15px;
}
}
/* raboti end */
/* fullblog__info */
.fullblog__info {
color: #6F6F6F;
font-size: 16px;
display: flex;
margin: 0 0 22px;
}
.fullblog__info svg {
margin: 0 6px 0 0;
}
.fullblog__calendar {
display: flex;
align-items: center;
margin: 0 16px 0 0;
}
.fullblog__data {}
/* fullblog__info end */
/* price-komplekt-table */
.price-komplekt-table td {
text-align: center;
}
@media screen and (min-width:701px) {
.price-komplekt-table {
width: 100%;
display: table;
}
}
/* price-komplekt-table end */
/* otzyvy */
.otzyvy__item {
background: #2f89070f;
padding: 26px 36px 29px;
border-radius: 5px;
margin: 0 0 25px 0;
}
.otzyvy__item-avtor {
color: #2f8907;
font-weight: bold;
margin: 0 0 15px 0;
font-size: 20px;
}
.otzyvy__item-data {
text-align: right;
font-style: italic;
}
/* otzyvy end */
/* allmaterialy */
.allmaterialy {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.allmaterialy__elem {
width: calc((100% / 3) - 30px);
box-sizing: border-box;
border: 1px dashed #CECECE;
border-radius: 6px;
padding: 20px;
margin: 0 15px 30px;
text-align: center;
text-decoration: none;
}
.allmaterialy__elem:hover {
text-decoration: underline;
}
.allmaterialy__img {
margin: 0 0 15px;
}
.allmaterialy__elem span {
display: block;
font-size: 17px;
font-weight: bold;
}
@media screen and (max-width:450px) {
.allmaterialy__elem {
width: 100%;
}
}
@media screen and (min-width:451px) and (max-width:700px) {
.allmaterialy__elem {
width: calc((100% / 2) - 30px);
}
}
/* allmaterialy end */
/* vidymebeli */
.vidymebeli {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
align-items: stretch;
}
.vidymebeli__elem {
width: 100%;
margin: 0;
border: none;
box-sizing: border-box;
border-radius: 8px;
padding: 0 16px 20px;
text-align: center;
display: flex;
flex-direction: column;
background: #fff;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05);
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.vidymebeli__link {
text-decoration: none;
color: inherit;
display: block;
line-height: 0;
overflow: hidden;
border-radius: 6px 6px 0 0;
margin: 0 -16px;
}
.vidymebeli__img {
display: block;
width: 100%;
aspect-ratio: 37 / 26;
margin: 0;
border-radius: 6px 6px 0 0;
object-fit: cover;
object-position: center;
transition: transform 0.55s ease;
}
.vidymebeli__title {
font-size: 22px;
font-family: 'Oranienbaum', serif;
letter-spacing: 0.02em;
color: #2f2a22;
margin: 22px 0 14px;
display: block;
line-height: 1.25;
text-transform: uppercase;
}
.vidymebeli__descr {
font-size: 16px;
line-height: 1.42;
color: #666;
margin: 0 0 20px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.vidymebeli__more {
margin-top: auto;
align-self: center;
width: auto;
padding: 10px 18px;
border-radius: 6px;
border: 1px solid #d5b963;
background: transparent;
color: #b18c3a;
text-decoration: none;
font-size: 14px;
font-weight: 600;
height: auto;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease;
}
@media (hover: hover) and (pointer: fine) {
.vidymebeli__elem:hover {
transform: translateY(-7px);
border-color: #e3d7bf;
box-shadow: 0 18px 36px rgba(0, 0, 0, 0.1);
}
.vidymebeli__elem:hover .vidymebeli__img {
transform: scale(1.05);
}
.vidymebeli__elem:hover .vidymebeli__more {
background: #d5b963;
border-color: #d5b963;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(213, 185, 99, 0.25);
}
}
@media screen and (max-width:580px) {
.vidymebeli {
grid-template-columns: 1fr;
}
.vidymebeli__elem {
width: 100%;
}
}
@media screen and (max-width: 481px) {
.vidymebeli__elem {
padding: 0 16px 16px;
}
.vidymebeli__title {
font-size: 21px;
margin: 16px 0 10px;
}
.vidymebeli__descr {
-webkit-line-clamp: 2;
font-size: 15px;
}
.vidymebeli__more {
font-size: 13px;
padding: 9px 16px;
}
}
@media screen and (min-width:581px) and (max-width:880px) {
.vidymebeli {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vidymebeli__elem {
width: 100%;
}
}
@media screen and (min-width:881px) and (max-width:1200px) {
.vidymebeli {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vidymebeli__elem {
width: 100%;
}
.vidymebeli__title {
font-size: 22px;
}
}
/* vidymebeli end */
/* newsmod */
.newsmod {}
.newsmod__zag {
margin: 0 0 30px;
line-height: 120%;
text-transform: uppercase;
font-size: 34px;
}
.category-modulenewsmod {}
.newsmod .mod-list {}
.newsmod .mod-list li {
margin: 0px 0 30px;
display: block;
}
.newsmod .mod-articles-category-title {
font-size: 19px;
display: block;
margin: 0 0 7px;
color: #d5b963;
}
.newsmod .mod-articles-category-date {
font-size: 15px;
color: #a1a1a1;
margin: 0 0 7px;
display: block;
}
.newsmod .mod-articles-category-introtext {
font-size: 16px;
line-height: 134%;
}
/* newsmod end */
/* galslider__container */
.galslider__container {
margin: 0 0 60px;
position: relative;
}
.galslider__wrapper {
align-items: center;
}
.galslider__slide {
border-radius: 8px;
transition: 0.3s;
margin: 0 -128px 0;
z-index: 2;
max-width: 60% !important;
}
.galslider__slide:not(.swiper-slide-active) {
transform: scale(0.7);
z-index: 1;
}
.galslider__prev {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
height: calc(100% - 33px);
transition: 0.2s;
cursor: pointer;
}
.galslider__prev:before {
content: '';
width: 50px;
height: 50px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODIuNDRhMS41IDEuNSAwIDAgMSAwIDIuMTJsLTguOTQgOC45NCA4Ljk0IDguOTRhMS41IDEuNSAwIDAgMS0yLjEyMSAyLjEyTDAgMTEuNSAxMS4wNi40NGExLjUgMS41IDAgMCAxIDIuMTIyIDB6IiBmaWxsPSIjRjlGOUY5Ii8+PC9zdmc+) 16px center no-repeat, #0000002e;
position: absolute;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
z-index: 1;
left: 10px;
transition: 0.2s;
}
.galslider__prev:hover:before {
background-color: #0000006b;
}
.galslider__next {
position: absolute;
right: 0px;
top: 0px;
width: 100px;
height: calc(100% - 33px);
transition: 0.2s;
cursor: pointer;
}
.galslider__next:before {
content: '';
width: 50px;
height: 50px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uNDQuNDRhMS41IDEuNSAwIDAgMCAwIDIuMTJsOC45MzkgOC45NC04Ljk0IDguOTRhMS41IDEuNSAwIDAgMCAyLjEyMiAyLjEyTDEzLjYyIDExLjUgMi41NjEuNDRhMS41IDEuNSAwIDAgMC0yLjEyMiAweiIgZmlsbD0iI0Y5RjlGOSIvPjwvc3ZnPg==) 20px center no-repeat, #0000002e;
position: absolute;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
z-index: 1;
right: 10px;
transition: 0.2s;
}
.galslider__next:hover:before {
background-color: #0000006b;
}
.galslider__pagination {
display: flex;
justify-content: center;
margin: 23px 0 0;
display: none;
}
.galslider__pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #2f89073b;
display: block;
border-radius: 50%;
margin: 0 3px 0;
cursor: pointer;
}
.galslider__pagination .swiper-pagination-bullet-active {
background: #2f8907;
}
@media screen and (max-width: 481px) {
.galslider__container {
margin: 0 0 30px;
}
.galslider__slide {
max-width: 90% !important;
}
.galslider__prev {
width: 55px;
}
.galslider__prev:before {
width: 40px;
height: 40px;
background-position-x: 12px;
}
.galslider__next {
width: 55px;
}
.galslider__next:hover:before {
width: 40px;
height: 40px;
background-position-x: 16px;
}
.galslider__pagination {
display: none;
}
}
@media screen and (max-width: 330px) {
.galslider__slide {
margin: 0 -76px 0;
}
}
/* galslider__container end */
/* otzivform */
.otzivform {
background: #edece4;
border-radius: 7px;
padding: 40px 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0 0 70px;
}
.otzivform__zag {
font-family: 'Oranienbaum';
text-transform: uppercase;
font-size: 32px;
line-height: 120%;
margin: 0 0 29px;
}
.otzivform__mail {
width: 0px;
height: 0px;
display: block;
padding: 0px;
margin: 0px;
}
.otzivform__name {}
.otzivform__input {
margin: 0 0 15px;
height: 50px;
padding: 0 20px;
border-radius: 6px;
max-width: 100%;
box-sizing: border-box;
}
.otzivform__textarea {
margin: 0 0 15px;
height: 130px;
padding: 20px 20px;
border-radius: 6px;
width: 100%;
box-sizing: border-box;
}
.otzivform__but {
padding: 0 50px;
margin: 0 0 21px;
}
.otzivform__politica {
font-size: 15px;
}
.otzivform__politica a {}
@media screen and (max-width: 481px) {
.otzivform__zag {
font-size: 27px;
}
}
@media screen and (max-width: 320px) {
.otzivform__zag {
font-size: 25px;
}
.otzivform__but {
padding: 0px;
width: 100%;
box-sizing: border-box;
}
}
/* otzivform end */
/* ot118 */
.ot118__ul {
display: flex;
margin: 0 0 35px;
}
.ot118__li {
padding: 10px 12px 9px 47px;
height: 22px;
line-height: 23px;
border: 1px solid #dce3ea;
border-radius: 6px;
margin: 0 20px 0 0;
cursor: pointer;
}
.ot118__li.active {
border: 1px solid #152947;
}
.ot118__li1 {
background: url(../images/photo.png) 13px 8px no-repeat;
padding-left: 48px;
}
.ot118__li2 {
background: url(../images/email.png) 12px 9px no-repeat;
}
.ot118__li3 {
background: url(../images/ya.png) 13px 9px no-repeat;
}
.ot118__li4 {
background: url(../images/a-fav.jpg) 12px 8px no-repeat;
}
.ot118__wrap {
border-top: 1px solid #dce3ea;
padding: 30px 0 20px;
border-bottom: 1px solid #dce3ea;
}
.ot118__div {
border-top: 1px solid #fff;
display: none;
}
.ot118__div span {
font-style: italic;
color: #388f12;
display: block;
margin: 10px 0;
}
.ot118__div strong {
color: #388f12;
display: block;
margin: 0 0 10px 0;
}
.reviews2__name-wrapper {
display: flex;
gap: 20px;
margin: 0 0 7px;
}
.reviews2__bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin: 15px 0 0;
}
.reviews2__bottom a {
display: flex;
align-items: center;
gap: 10px;
}
.reviews2__date {
font-style: italic;
color: #aaa;
}
.reviews2__name {
color: #2f8907;
}
.reviews2 {
margin: 0 0 40px;
}
.ot118__div p {
margin: 0 0 30px !important;
background: url(../images/man.png) 27px 28px no-repeat;
padding: 25px 20px 20px 100px;
min-height: 54px;
border: 1px solid #ddd;
}
.ot118__div.active {
display: block;
}
@media (max-width: 600px) {
body li.ot118__li {
font-size: 0;
padding: 9px 32px;
background-position: center;
}
.ot118__div p {
padding: 0 0 0 70px;
}
}
/* ot118 end */
/* ===== front.css ===== */
.formHidden {
position: absolute;
left: -20000px;
top: -20000px;
opacity: 0;
visibility: hidden;
}
.formRed {
color: red;
font-weight: bold;
}
.formError {
color: #CF4D4D;
font-weight: bold;
font-size: 10px;
}
.formNoError {
display: none;
}
strong.formRequired {
font-weight: bold;
font-style: normal;
margin-left: 3px;
}
div.formBody {
display: block;
float: left;
}
div.formDescription {
margin-left: 3px;
padding-left: 3px;
font-size: 11px;
font-weight: normal;
}
div.calheader {
text-align: center !important;
}
.rsformProgress {
text-align: center;
font-size: 14px;
}
.rsformProgressContainer {
width: 100%;
height: 4px;
border: solid 1px #c7c7c7;
overflow: hidden;
margin: 0 0 10px !important;
background: #fff;
}
.rsformProgressBar {
height: 4px;
background: green;
margin: 0px !important;
}
.rsformVerticalClear {
overflow: hidden;
display: block;
}
p.rsformVerticalClear {
margin: 0;
}
.recaptcha_input_area_text {
float: none !important;
}
.rsformMaps img {
max-width: none !important;
}
.rsform-map-geolocation {
list-style: none outside none;
margin: 0;
width: 455px;
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #E8E7E7;
height: auto;
position: absolute;
z-index: 999999;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.rsform-map-geolocation li a {
padding: 4px;
text-decoration: none;
display: block;
line-height: 20px;
}
.rsform-map-geolocation li a:hover {
text-decoration: none;
background: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.rsfp-image-container {
margin-top: 4px;
}
.rsfp-image-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
width: 200px;
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
.rsfp-image-polaroid:hover {
opacity: 0.7;
}
.rsfp-modal {
display: none;
position: fixed;
z-index: 9999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.9);
}
.rsfp-modal-close-button {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.rsfp-modal-close-button:hover,
.rsfp-modal-close-button:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
.rsfp-modal-image {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}
.rsfp-modal-caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
.rsfp-modal-image,
.rsfp-modal-caption {
animation-name: rsfp-modal-zoom;
animation-duration: 0.6s;
}
@keyframes rsfp-modal-zoom {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
}
@media only screen and (max-width: 700px) {
.rsfp-modal-image {
width: 100%;
}
}
/* progress bar */
.rsfp-progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.rsfp-progress .rsfp-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.rsfp-progress .rsfp-bar-danger {
background-color: #dd514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.rsfp-progress .rsfp-bar-success {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(to bottom, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.rsfp-progress .rsfp-bar-info {
background-color: #4bb1cf;
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.rsfp-progress .rsfp-bar-warning {
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
@media (min-width: 960px) {
.formContainer>.uk-grid>.uk-width-1-12 {
width: 8.333%;
}
.formContainer>.uk-grid>.uk-width-2-12 {
width: 16.666%;
}
.formContainer>.uk-grid>.uk-width-3-12 {
width: 25%;
}
.formContainer>.uk-grid>.uk-width-4-12 {
width: 33.333%;
}
.formContainer>.uk-grid>.uk-width-5-12 {
width: 41.666%;
}
.formContainer>.uk-grid>.uk-width-6-12 {
width: 50%;
}
.formContainer>.uk-grid>.uk-width-7-12 {
width: 58.333%;
}
.formContainer>.uk-grid>.uk-width-8-12 {
width: 66.666%;
}
.formContainer>.uk-grid>.uk-width-9-12 {
width: 75%;
}
.formContainer>.uk-grid>.uk-width-10-12 {
width: 83.333%;
}
.formContainer>.uk-grid>.uk-width-11-12 {
width: 91.666%;
}
.formContainer>.uk-grid>.uk-width-12-12 {
width: 100%;
}
}
body.rsfp_popup_activated {
overflow-y: hidden;
}
.rsfp_thankyou_popup_outer {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
background: rgba(0, 0, 0, 0.6);
}
.rsfp_thankyou_popup_inner {
background: #ffffff;
width: 40%;
padding: 20px;
margin: 0 auto;
position: relative;
}
.rsfp_thankou_popup_close_btn {
position: absolute;
top: 5px;
right: 5px;
font-size: 28px;
cursor: pointer;
}
@media (max-width: 767px) {
.rsfp_thankyou_popup_inner {
width: 90%;
}
}
/* ===== selling_hero.css ===== */
/* Новые стили для "продающего" первого экрана */
.slider__skidka {
background: #F5F5ED !important;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
min-height: 700px;
padding: 60px 0;
gap: 40px;
}
.slider__skidka-zag {
font-family: 'Montserrat', sans-serif !important;
font-weight: 800 !important;
font-size: 58px !important;
line-height: 1.1 !important;
text-transform: none !important;
color: #1a1a1a !important;
max-width: 700px;
margin-bottom: 30px !important;
}
.slider__skidka-info {
margin-bottom: 45px !important;
gap: 15px !important;
}
.slider__skidka-info li {
font-size: 20px !important;
color: #333 !important;
}
.slider__skidka-info li strong {
color: #C24933;
font-weight: 700;
}
.slider__skidka-info li::before {
background-color: #C24933 !important;
border: none !important;
box-shadow: 0 4px 10px rgba(194, 73, 51, 0.2);
}
.slider__skidka-zapic {
font-family: 'Montserrat', sans-serif !important;
font-weight: 700 !important;
font-size: 14px !important;
padding: 20px 50px !important;
height: auto !important;
background: linear-gradient(135deg, #e74c3c 0%, #c24933 100%) !important;
box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4) !important;
border-radius: 12px !important;
text-transform: uppercase;
letter-spacing: 0.5px;
position: relative;
overflow: hidden;
}
@keyframes pulse-red {
0% {
box-shadow: 0 0 0 0 rgba(194, 73, 51, 0.4);
}
70% {
box-shadow: 0 0 0 15px rgba(194, 73, 51, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(194, 73, 51, 0);
}
}
/* Адаптив для мобильных */
@media screen and (max-width: 992px) {
.slider__skidka {
flex-direction: column !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
text-align: center;
min-height: auto;
}
.slider__skidka-text {
order: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.slider__skidka-zag {
font-size: 34px !important;
margin-left: auto;
margin-right: auto;
}
.slider__skidka-info {
max-width: 100% !important;
padding-left: 0 !important;
align-items: center;
}
.slider__skidka-info li {
text-align: left;
}
.slider__skidka-info::before {
display: none;
}
}
/* Стили для продающего экрана Кухонь (в стиле index.html) */
.hero-kuhni {
position: relative;
width: 100%;
min-height: 600px;
margin: 30px 0 30px;
border-radius: 20px;
overflow: hidden;
background: #F5F5ED !important;
display: flex;
align-items: center;
}
.hero-kuhni__bg {
position: absolute;
top: 0;
right: 0;
width: 60%;
height: 100%;
background: url('../images/kitchen/angular/5/2.png') center/cover no-repeat;
mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.hero-kuhni__container {
position: relative;
z-index: 2;
padding: 60px;
max-width: 750px;
}
.hero-kuhni__title {
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 1.1;
margin-bottom: 12px;
color: #222 !important;
text-transform: none !important;
letter-spacing: -1.5px !important;
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
}
.accent-text {
color: #a68b3d !important;
position: relative;
display: inline-block;
}
.hero-kuhni__subtitle {
font-size: 20px;
color: #555;
margin-bottom: 40px;
font-weight: 500;
letter-spacing: 0.5px;
}
.hero-kuhni__benefits {
list-style: none;
padding: 0;
margin: 0 0 45px;
display: flex;
flex-direction: column;
gap: 18px;
position: relative;
}
.hero-kuhni__benefits::before {
content: none;
position: absolute;
left: 0;
top: 5px;
bottom: 5px;
width: 1px;
background: linear-gradient(to bottom, transparent, rgba(213, 185, 99, 0.5), transparent);
}
.hero-kuhni__benefit {
display: flex;
align-items: flex-start;
gap: 15px;
}
.hero-kuhni__benefit-icon {
flex-shrink: 0;
width: 40px;
height: 40px;
color: #d5b963;
margin-top: 2px;
border-radius: 50%;
border: 1px solid rgba(196, 164, 124, 0.35);
background: #f7f5f0;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.hero-kuhni__benefit-icon svg {
width: 20px;
height: 20px;
}
.hero-kuhni__benefit-content {
display: flex;
flex-direction: column;
gap: 2px;
}
.hero-kuhni__benefit-title {
font-size: 17px;
font-weight: 700;
color: #1a1a1a;
line-height: 1.3;
}
.hero-kuhni__benefit-desc {
font-size: 14px;
color: #333;
line-height: 1.4;
font-weight: 500;
opacity: 0.95;
}
.hero-kuhni__cta-wrapper {
display: flex;
align-items: center;
gap: 25px;
}
.hero-kuhni__cta {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 22px 35px;
min-height: 56px;
background: linear-gradient(135deg, #e74c3c 0%, #c24933 100%);
color: #fff;
text-decoration: none;
border-radius: 12px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 1;
box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4);
transition: all 0.3s ease;
border: none;
cursor: pointer;
animation: none;
}
.hero-kuhni__cta:hover {
box-shadow: 0 15px 35px rgba(194, 73, 51, 0.5);
}
.hero-kuhni__hint {
font-size: 14px;
color: #444;
font-weight: 600;
max-width: 220px;
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.hero-kuhni {
min-height: auto;
padding: 60px 20px !important;
flex-direction: column;
text-align: center;
}
.hero-kuhni__bg {
width: 100%;
height: 300px;
position: relative;
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
order: 2;
margin-top: 30px;
display: none;
}
.hero-kuhni__container {
padding: 0;
order: 1;
}
.hero-kuhni__title {
font-size: 36px;
}
.hero-kuhni__benefit {
text-align: left;
}
}
@keyframes specs-fade-in {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Technical Specs Card (Option 1: Integrated) */
.hero-specs {
position: relative;
margin-top: 40px;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(213, 185, 99, 0.2);
border-radius: 16px;
padding: 20px 25px;
max-width: 500px;
z-index: 10;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
animation: specs-fade-in 1s ease-out 0.5s both;
}
@media screen and (max-width: 1100px) {
.hero-specs {
grid-template-columns: 1fr 1fr;
max-width: 400px;
}
}
@media screen and (max-width: 767px) {
.hero-specs {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
}
.hero-specs__item {
display: flex;
flex-direction: column;
gap: 4px;
}
.hero-specs__label {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
color: #888;
font-weight: 700;
}
.hero-specs__value {
font-size: 15px;
font-weight: 800;
color: #222;
line-height: 1.2;
}
.hero-specs__accent {
color: #D5B963;
}
.slider__skidka-zapic,
.hero-kuhni__cta {
animation: pulse-red-kuhni 2s infinite !important;
transition: all 0.3s ease !important;
position: relative;
overflow: hidden;
}
.slider__skidka-zapic:hover,
.slider__skidka-zapic,
.hero-kuhni__cta {
animation: pulse-red-kuhni 2s infinite !important;
transition: all 0.3s ease !important;
position: relative;
overflow: hidden;
}
.slider__skidka-zapic:hover,
.hero-kuhni__cta:hover {
transform: translateY(-3px) !important;
box-shadow: 0 15px 35px rgba(194, 73, 51, 0.5) !important;
}
/* Отключение шиммера на главной для соответствия стилю кухни */
.slider__skidka-zapic::after {
content: none !important;
animation: none !important;
}
/* -------------------------------------------------- */
/* NEW HEADER STYLES (PREMIUM REDESIGN) */
/* -------------------------------------------------- */
.new-header {
width: 100%;
position: sticky;
top: -35px;
/* Matches approx height of top bar so it scrolls away */
z-index: 1000;
font-family: 'Montserrat', sans-serif;
}
/* ... existing top bar styles ... */
.new-header__main {
position: relative;
z-index: 1001;
background-color: rgba(255, 255, 255, 0.95);
/* Ultra clean white */
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
/* Strong, deep shadow for separation */
padding: 12px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
/* Subtle border */
transition: all 0.3s ease;
}
.new-header__top-bar {
background: #F9F8F5;
/* Premium Light Beige */
border-bottom: 1px solid rgba(213, 185, 99, 0.15);
padding: 9px 0;
font-size: 11px;
/* Smaller, cleaner */
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
/* Wide tracking */
color: #444;
}
.new-header__top-container {
display: flex;
justify-content: flex-end;
align-items: center;
}
.new-header__top-item {
display: flex;
align-items: center;
gap: 8px;
color: #444;
text-decoration: none;
transition: color 0.3s ease;
}
.new-header__top-item:hover {
color: #d5b963;
/* Brand gold on hover */
}
.new-header__top-separator {
color: #d5b963;
/* Gold separator */
margin: 0 25px;
font-weight: 300;
}
.new-header__top-item svg {
width: 14px;
height: 14px;
color: #d5b963;
flex-shrink: 0;
}
.new-header__main {
background-color: rgba(255, 255, 255, 0.95);
/* Ultra clean white */
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
/* Strong, deep shadow for separation */
padding: 12px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
/* Subtle border */
transition: all 0.3s ease;
}
.new-header__main-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.new-header__logo svg {
width: 170px;
/* Slightly larger */
height: auto;
display: block;
transition: transform 0.3s ease;
}
.new-header__logo:hover svg {
transform: scale(1.02);
}
.new-header__nav {
flex: 1;
margin: 0 30px;
/* More spacing */
}
.new-header__menu {
display: flex;
justify-content: center;
gap: 30px;
/* More spacing between items */
list-style: none;
margin: 0;
padding: 0;
}
.new-header__menu li {
padding: 0;
margin: 0;
}
.new-header__menu li::before {
display: none;
/* Remove custom bullet form all.css */
}
.new-header__menu a {
text-decoration: none;
color: #2c2c2c;
font-weight: 700;
/* Bolder */
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
/* spaced out */
transition: color 0.3s ease;
padding: 10px 0;
position: relative;
display: block;
}
.new-header__menu a:hover {
color: #d5b963;
}
.new-header__menu a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: #d5b963;
transition: width 0.3s ease;
}
.new-header__menu a:hover::after {
width: 100%;
}
.new-header__actions {
display: flex;
align-items: center;
gap: 20px;
}
/* Option 1: Premium Gold Outline Style */
.new-header__catalog.button-green {
background: transparent !important;
border: 2px solid #d5b963 !important;
color: #3b352c !important;
border-radius: 50px !important;
padding: 10px 25px !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
box-shadow: none !important;
display: flex;
align-items: center;
gap: 10px;
height: auto !important;
transition: all 0.3s ease !important;
}
.new-header__catalog.button-green:hover {
background: #d5b963 !important;
color: #fff !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 15px rgba(213, 185, 99, 0.3) !important;
}
.new-header__catalog svg {
width: 18px;
height: 18px;
fill: #d5b963 !important;
transition: all 0.3s ease !important;
margin: 0;
}
.new-header__catalog.button-green:hover svg {
fill: #fff !important;
}
.new-header__phone {
font-weight: 800;
/* Bolder */
color: #1a1a1a;
font-size: 17px;
/* Larger */
white-space: nowrap;
text-decoration: none;
transition: color 0.3s ease;
}
.new-header__phone:hover {
color: #d5b963;
}
.new-header__burger {
display: none;
cursor: pointer;
padding: 5px;
color: #333;
transition: color 0.3s;
}
.new-header__burger:hover {
color: #C24933;
}
.new-header__burger svg {
width: 30px;
height: 26px;
fill: currentColor;
}
/* Mobile Adaptation */
@media screen and (max-width: 1200px) {
.new-header__menu {
gap: 20px;
}
.new-header__nav {
margin: 0 20px;
}
.new-header__logo svg {
width: 150px;
}
}
@media screen and (min-width: 993px) and (max-width: 1100px) {
.new-header__nav {
margin: 0 10px;
}
.new-header__menu {
gap: 12px;
}
.new-header__menu a {
font-size: 12px;
letter-spacing: 0.3px;
}
.new-header__catalog.button-green {
padding: 8px 16px !important;
font-size: 12px !important;
gap: 8px;
}
}
@media screen and (max-width: 992px) {
.new-header__top-bar {
display: none;
}
.new-header {
top: 0;
}
.new-header__nav {
display: none;
/* Hide desktop menu */
}
.new-header__phone {
display: none;
}
.new-header__catalog.button-green {
padding: 8px 20px !important;
font-size: 13px !important;
}
.new-header__burger {
display: block;
margin-left: 10px;
}
}
/* Tablet widths: keep desktop-like nav links between logo and catalog */
@media screen and (min-width: 768px) and (max-width: 992px) {
.new-header__main-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
.new-header__logo svg {
width: 140px !important;
}
.new-header__nav {
display: block !important;
flex: 1 !important;
margin: 0 12px !important;
}
.new-header__menu {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: center !important;
gap: 12px !important;
}
.new-header__menu a {
font-size: 12px !important;
letter-spacing: 0.3px !important;
white-space: nowrap !important;
}
.new-header__actions {
gap: 0 !important;
}
.new-header__catalog.button-green {
padding: 8px 16px !important;
font-size: 12px !important;
white-space: nowrap !important;
}
}
@media screen and (max-width: 480px) {
.new-header__logo svg {
width: 120px;
}
.new-header__actions {
gap: 10px;
}
/* Mobile Catalog Button - Icon Only */
.new-header__catalog.button-green {
width: 40px !important;
height: 40px !important;
padding: 0 !important;
justify-content: center !important;
border-radius: 50% !important;
font-size: 0 !important;
/* Hide text */
border: 2px solid #d5b963 !important;
background: transparent !important;
}
.new-header__catalog svg {
margin: 0;
width: 20px;
height: 20px;
fill: #d5b963 !important;
}
.new-header__catalog.button-green:hover {
background: #d5b963 !important;
}
.new-header__catalog.button-green:hover svg {
fill: #fff !important;
}
.new-header__catalog::after {
content: none;
}
}
/* Mobile header: no right menu button, catalog keeps desktop-like text */
.new-header__burger {
display: none !important;
}
@media screen and (max-width: 480px) {
.new-header__catalog.button-green {
width: auto !important;
height: auto !important;
padding: 8px 20px !important;
justify-content: center !important;
border-radius: 50px !important;
font-size: 13px !important;
gap: 8px !important;
/* Restore text on very small screens if user wants text,
but previous block set it to icon only.
Let's standardise mobile to be just the distinct button with text if space allows,
or keep the icon-only logic if preferred.
For this specific "Option 1" request, the user wants it beautiful.
Let's keep text on mobile to make it clear what it is,
as just an icon might be too subtle with the new outline style. */
font-size: 13px !important;
width: auto !important;
border-radius: 50px !important;
}
.new-header__catalog svg {
width: 18px !important;
height: 18px !important;
}
}
.slider__skidka {
background: #F5F5ED !important;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
min-height: 700px;
padding: 60px 0;
gap: 40px;
}
.slider__skidka-zag {
font-family: 'Montserrat', sans-serif !important;
font-size: 54px !important;
font-weight: 800 !important;
line-height: 1.1 !important;
color: #2D2D2D !important;
margin-bottom: 20px !important;
text-transform: uppercase;
letter-spacing: -1px;
}
.slider__skidka-zag .accent-text {
color: #d5b963;
position: relative;
display: inline-block;
}
.slider__skidka-sub {
font-size: 20px !important;
color: #666 !important;
margin-bottom: 40px !important;
font-weight: 300;
}
.slider__skidka-info {
list-style: none !important;
padding: 0 !important;
margin: 0 0 50px 0 !important;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
max-width: 600px;
}
.slider__skidka-info li {
display: flex;
align-items: flex-start;
gap: 15px;
font-size: 14px;
line-height: 1.4;
}
.slider__skidka-info svg {
width: 24px;
height: 24px;
flex-shrink: 0;
color: #2D2D2D;
margin-top: 2px;
}
.slider__skidka-content {
display: flex;
flex-direction: column;
}
.slider__skidka-item-title {
font-weight: 700;
color: #2D2D2D;
display: block;
margin-bottom: 4px;
}
.slider__skidka-item-desc {
color: #888;
font-size: 13px;
}
.slider__skidka-buts {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 60px;
}
/* Адаптив для мобильных */
@media screen and (max-width: 992px) {
.slider__skidka {
flex-direction: column !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
text-align: center;
min-height: auto;
}
.slider__skidka-text {
order: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.slider__skidka-zag {
font-size: 34px !important;
margin-left: auto;
margin-right: auto;
}
.slider__skidka-info {
max-width: 100% !important;
padding-left: 0 !important;
align-items: center;
}
.slider__skidka-info li {
text-align: left;
}
.slider__skidka-info::before {
display: none;
}
}
/* Стили для продающего экрана Кухонь (в стиле index.html) */
.hero-kuhni {
background: #F5F5ED !important;
min-height: 600px;
padding: 0;
display: flex;
align-items: center;
}
.hero-kuhni__flex {
display: flex;
align-items: center;
gap: 60px;
}
.hero-kuhni__text {
flex: 1;
}
.hero-kuhni__title {
font-family: 'Montserrat', sans-serif;
font-size: 42px;
font-weight: 800;
line-height: 1.1;
margin-bottom: 25px;
text-transform: uppercase;
}
.hero-kuhni__subtitle {
font-size: 20px;
color: #666;
margin-bottom: 40px;
}
.hero-kuhni__cta {
display: inline-block;
padding: 20px 15px;
background: #d5b963;
color: #fff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(213, 185, 99, 0.2);
}
.hero-kuhni__cta:hover {
background: #c4a852;
transform: translateY(-2px);
box-shadow: 0 15px 30px rgba(213, 185, 99, 0.3);
}
.hero-kuhni__hint {
display: inline-block;
margin-left: 0;
font-size: 13px;
color: #888;
line-height: 1.4;
vertical-align: middle;
}
.hero-kuhni__image {
flex: 1.2;
position: relative;
}
.hero-kuhni__img {
width: 100%;
border-radius: 15px;
box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1);
}
.hero-badges {
display: flex;
gap: 30px;
margin-top: 50px;
}
.hero-badge {
display: flex;
align-items: center;
gap: 12px;
font-weight: 600;
font-size: 14px;
}
.hero-badge__icon {
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #d5b963;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.hero-badge__icon svg {
width: 20px;
height: 20px;
}
/* -------------------------------------------------- */
/* VARIANT 1: L-SHAPED GRID (TRIPLE IMAGE) */
/* -------------------------------------------------- */
.hero-lg-grid {
position: relative;
width: 100%;
max-width: 800px;
height: 600px;
margin-left: auto;
}
.hero-lg-grid__wrapper {
display: flex;
gap: 20px;
width: 100%;
height: 100%;
}
.hero-lg-grid__main {
flex: 1.2;
position: relative;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}
.hero-lg-grid__side {
flex: 0.8;
display: flex;
flex-direction: column;
gap: 20px;
}
.hero-lg-grid__item {
flex: 1;
position: relative;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}
.hero-lg-grid__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* Hover Effects */
.hero-lg-grid__main:hover .hero-lg-grid__image,
.hero-lg-grid__item:hover .hero-lg-grid__image {
transform: scale(1.1);
}
.hero-lg-grid__main:hover .hero-lg-grid__overlay,
.hero-lg-grid__item:hover .hero-lg-grid__overlay {
background: linear-gradient(to top, rgba(13, 13, 13, 0.7) 0%, transparent 60%);
}
/* Mobile Adaptation for L-Grid */
@media screen and (max-width: 992px) {
.hero-lg-grid {
height: auto;
max-width: 100%;
margin-top: 50px;
order: 2;
}
.hero-lg-grid__wrapper {
flex-direction: column;
}
.hero-lg-grid__main {
height: 400px;
}
.hero-lg-grid__side {
flex-direction: row;
height: 250px;
}
.hero-lg-grid__item {
flex: 1;
}
}
@media screen and (max-width: 480px) {
.hero-lg-grid__main {
height: 300px;
}
.hero-lg-grid__side {
flex-direction: column;
height: 400px;
}
.hero-lg-grid__label {
font-size: 16px;
}
}
/* Text Block Typography & Spacing Improvements */
.slider__skidka-text {
max-width: 650px;
padding-right: 20px;
animation: heroFadeInLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.slider__skidka-zag {
font-size: 62px !important;
letter-spacing: -2px !important;
margin-bottom: 25px !important;
}
.slider__skidka-info {
gap: 35px !important;
/* More breathing room */
margin-bottom: 60px !important;
}
.slider__skidka-info li {
gap: 20px !important;
}
.slider__skidka-item-title {
font-size: 16px;
margin-bottom: 6px;
}
.slider__skidka-item-desc {
font-size: 14px;
line-height: 1.6;
}
/* Entry Animations */
@keyframes heroFadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes heroFadeInLeft {
from {
opacity: 0;
transform: translateX(-40px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* Hover States Enhancement */
.hero-lg-grid__main:hover .hero-lg-grid__image,
.hero-lg-grid__item:hover .hero-lg-grid__image {
transform: scale(1.06);
}
.hero-lg-grid__main:hover .hero-lg-grid__glass,
.hero-lg-grid__item:hover .hero-lg-grid__glass {
background: rgba(255, 255, 255, 0.25);
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
/* Mobile Adaptation Updated */
@media screen and (max-width: 992px) {
.hero-lg-grid {
height: auto;
max-width: 100%;
margin-top: 60px;
order: 2;
}
.hero-lg-grid__wrapper {
flex-direction: column;
}
.hero-lg-grid__main {
height: 450px;
border-radius: 30px;
}
.hero-lg-grid__side {
flex-direction: row;
height: 300px;
gap: 15px;
}
.hero-lg-grid__item {
border-radius: 20px;
}
.slider__skidka-zag {
font-size: 44px !important;
}
}
@media screen and (max-width: 580px) {
.hero-lg-grid__side {
flex-direction: column;
height: 500px;
}
.hero-lg-grid__main {
height: 350px;
}
.hero-lg-grid__glass {
bottom: 15px;
left: 15px;
right: 15px;
padding: 10px 15px;
}
}
/* Hide triple-image hero on phones/tablets including Surface Pro 7-like widths */
@media screen and (max-width: 992px) {
.slider__skidka .hero-lg-grid {
display: none !important;
}
}
/* Tablet widths up to 992px: show only two side images, hide main kitchen image */
@media screen and (min-width: 768px) and (max-width: 992px) {
.slider__skidka {
flex-direction: row !important;
align-items: flex-start;
justify-content: space-between;
text-align: left;
gap: 24px;
}
.slider__skidka .slider__skidka-text {
order: 1;
align-items: flex-start;
text-align: left;
max-width: calc(100% - 280px);
}
.slider__skidka .hero-lg-grid {
display: block !important;
order: 2;
align-self: stretch;
height: clamp(520px, 69vw, 600px);
max-width: 260px;
margin-top: 0;
margin-left: auto;
}
.slider__skidka .hero-lg-grid__main {
display: none !important;
}
.slider__skidka .hero-lg-grid__wrapper {
display: block;
height: 100%;
}
.slider__skidka .hero-lg-grid__side {
display: flex;
flex-direction: column;
gap: 15px;
height: 100%;
}
.slider__skidka .hero-lg-grid__item {
flex: 1;
}
.slider__skidka .slider__skidka-zag {
margin-top: 0 !important;
}
}
/* ===== site_optimization.css ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
/* SITE OPTIMIZATION & INTERACTIVITY */
/* 1. Улучшение визуального восприятия изображений */
img,
.glmebelmod__bigimg-box,
.slider__skidka {
transition: filter 0.3s ease;
/* Легкое повышение четкости */
filter: contrast(1.02) saturate(1.05);
}
/* 2. Р Внтерактивность для существующих элеРСентов */
/* Плавность для всех кнопок */
.button-red,
.button-green,
.button-blue,
.button-white,
.glmebelmod__ceny-href,
.vizovform__but,
.slider__skidka-zapic {
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
/* Р Вффект РїСЂРё наведении Р Р…Р В° красные РєРЅРѕРїРєРё */
.button-red:hover,
.slider__skidka-zapic:hover {
transform: translateY(-2px);
filter: brightness(1.1);
box-shadow: 0 8px 20px rgba(194, 73, 51, 0.3) !important;
}
/* Р Вффект РїСЂРё наведении Р Р…Р В° Рзеленые РєРЅРѕРїРєРё */
.button-green:hover {
background-color: rgba(36, 118, 0, 0.05) !important;
transform: translateY(-2px);
}
/* Р Внтерактив для карточек Р Себели */
.glmebelmod {
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.glmebelmod:hover {
transform: translateY(-5px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1) !important;
}
/* Зум эффект для фоновых изображений в карточках */
.glmebelmod__bigimg-box {
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.glmebelmod:hover .glmebelmod__bigimg-box {
transform: scale(1.05);
}
/* Плашка "Подробнее" в стиле Woodmart */
.vidymebeli__more {
position: relative;
overflow: hidden;
transition: all 0.3s ease !important;
border: 1.5px solid rgba(166, 139, 61, 0.4) !important;
background: transparent !important;
color: #444 !important;
padding: 10px 25px !important;
border-radius: 8px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
text-transform: uppercase;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: normal;
}
.vidymebeli__more:hover {
background: #d5b963 !important;
color: #fff !important;
border-color: #d5b963 !important;
box-shadow: 0 4px 15px rgba(166, 139, 61, 0.3);
transform: translateY(-2px);
}
/* Р вЂ”РЎС“Р С Р Т‘Р В»РЎРЏ преиРСуществ */
.preimush__box-svg {
transition: transform 0.3s ease, border-color 0.3s ease !important;
}
.preimush__elem:hover .preimush__box-svg {
transform: scale(1.05);
border-style: solid !important;
border-color: #d5b963 !important;
}
/* Мобильные стили перенесены в конецфайла для корректного переопределения */
/* Фикс для плавного скролла */
html {
scroll-behavior: smooth;
}
/* 4. РЁРђРџРљРђ РПЕРВЫЙ Р ВРљР РђРќ */
/* Стеклянный эффект для шапки РЎРѓ полной стабилизацией РѕС‚ Р Серцания */
.header {
background-color: rgba(242, 240, 235, 0.85) !important;
background-image:
radial-gradient(at 0% 0%, rgba(242, 240, 235, 0.8) 0%, transparent 50%),
radial-gradient(at 100% 0%, rgba(255, 248, 220, 0.7) 0%, transparent 50%),
radial-gradient(at 50% 100%, rgba(245, 245, 220, 0.8) 0%, transparent 50%) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
position: -webkit-sticky !important;
position: sticky !important;
top: 0;
z-index: 999 !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(194, 155, 109, 0.25) !important;
border-bottom: 1.5px solid rgba(194, 155, 109, 0.4) !important;
/* Ультра-стабилизация (GPU) */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-perspective: 1000px;
perspective: 1000px;
isolation: isolate;
/* Предотвращает конфликты слоев разРСытия */
will-change: padding, background-color, backdrop-filter, box-shadow;
transition:
padding 0.3s cubic-bezier(0.4, 0, 0.2, 1),
background-color 0.3s ease,
backdrop-filter 0.3s ease,
box-shadow 0.3s ease !important;
}
/* Фикс: Окно каталога поверх всего */
.anskaftwo__info {
z-index: 100101 !important;
}
/* Фикс: ЗатеРСнение перекрывает шапку */
.popap-fon {
z-index: 100100 !important;
}
/* Forms must always be above header/menu/content when opened */
.standform,
.vspl-zamerform,
.vspl-standform,
.vspl-catal {
z-index: 100101 !important;
}
.header__osnova {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 85px !important;
padding: 10px 0 !important;
}
.header__svyaz,
.header__nomers {
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
}
.header__geo,
.header__clock,
.header__nomer,
.header__email {
display: flex !important;
align-items: center !important;
text-decoration: none !important;
font-size: 13px !important;
color: #555 !important;
transition: all 0.3s ease;
line-height: 1 !important;
}
.header__nomer {
font-size: 17px !important;
font-weight: 800 !important;
color: #222 !important;
letter-spacing: -0.3px;
}
.header__geo svg,
.header__clock svg,
.header__nomer svg,
.header__email svg {
width: 16px !important;
height: 16px !important;
stroke: #d5b963 !important;
stroke-width: 2.2px !important;
margin-right: 10px !important;
flex-shrink: 0;
}
.header__nomer svg {
width: 18px !important;
height: 18px !important;
}
.header__geo:hover,
.header__nomer:hover,
.header__email:hover {
color: #d5b963 !important;
}
.header__logo {
display: flex;
align-items: center;
transition: opacity 0.3s;
}
.header__logo:hover {
opacity: 0.8;
}
/* Стили перенесены ниже */
header .glav-menu a:hover {
color: #d5b963 !important;
background: transparent !important;
background-color: transparent !important;
}
.header__menu {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 15px 0 !important;
width: 100% !important;
flex-wrap: nowrap !important;
}
/* Сквозная структура: РЎвЂ Р ВµР Р…РЎвЂљРЎР‚Р С‘РЎР‚РЎС“Р ВµР С Р В±Р В»Р С•Р С” Р Сеню */
.glav-menu {
display: flex !important;
flex-grow: 1 !important;
justify-content: center !important;
}
.glav-menu ul {
display: flex !important;
justify-content: center !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
align-items: center !important;
gap: 0 !important;
/* РўРѕС‚ СЃР°РСый элитный шаг */
}
.glav-menu li {
position: relative !important;
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
/* Сброс для безупречной точности разделителей */
}
/* Р РЋР вЂР  РћРЎ СТАРЫХ Р›РВР СњР ВР в„ў Р РћРўРЎРўРЈРџРћР’ */
.glav-menu li::before {
display: none !important;
content: none !important;
}
/* ЕДРВНЫЙ РАЗДЕЛРВТЕЛЬ ДЛЯ ВСЕХ РџРЈРќРљРўРћР’ */
.glav-menu li:not(:last-child)::after {
content: '' !important;
display: block !important;
position: absolute;
right: -20px !important;
/* Р Вдеальный центр Р С–РЎРЊР С—Р В° (40px / 2) */
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 14px;
background: rgba(0, 0, 0, 0.12) !important;
/* Чуть Р·Р°РСетнее */
pointer-events: none;
}
header .glav-menu a {
font-size: 14px !important;
font-weight: 600 !important;
color: #444 !important;
/* Р вЂР ѕР»РµРµ Р ССЏРіРєРёР№ черный */
text-transform: none !important;
letter-spacing: 0.3px !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
position: relative !important;
}
header .glav-menu a::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 2px;
background: #d5b963;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
header .glav-menu a:hover {
color: #d5b963 !important;
}
header .glav-menu a:hover::after {
transform: scaleX(1);
transform-origin: left;
}
.header__whatsapp {
background: transparent !important;
color: #247600 !important;
border: 1.5px solid rgba(36, 118, 0, 0.3) !important;
padding: 8px 18px !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
border-radius: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-decoration: none !important;
}
.header__whatsapp:hover {
background: rgba(36, 118, 0, 0.05) !important;
border-color: #247600 !important;
transform: translateY(-1px);
}
.header__whatsapp svg {
fill: #247600 !important;
width: 22px !important;
height: 22px !important;
margin-right: 12px !important;
}
.header__whatsapp:hover svg {
animation: wobble 0.5s ease-in-out infinite;
}
/* Первый экраН - Р–РёРІРѕРµ фото Р вЂР •Р›РћР™ Р Себели (Гарантия РІРёРґРёРСости) */
.slider__skidka {
position: relative !important;
overflow: hidden !important;
background-color: #f5f5ed !important;
/* Настройка цвета всего блока под оригинал */
filter: contrast(1.02) brightness(1.02) sepia(0.04);
}
.slider__skidka-bg {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
/* Новое контрастное фото: дерево + графит */
background-image: url('https://images.unsplash.com/photo-1556911223-e1534925ed2b?q=80&w=2000&auto=format&fit=crop') !important;
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
z-index: 0;
/* Р Р€РЎРѓР С‘Р В»Р С‘Р Р†Р В°Р ВµР С Р С”Р С•Р Р…РЎвЂљРЎР‚Р В°РЎРѓРЎвЂљ СЃР°РСРѕР№ картинки, чтобы РѕРЅР° Р Р…Р Вµ сливалась */
filter: brightness(0.95) contrast(1.1);
}
/* Р вЂР ѕР»РµРµ глубокий градиент для отделения текста РѕС‚ фото */
.slider__skidka-bg::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
rgba(245, 245, 237, 1) 0%,
rgba(245, 245, 237, 0.98) 25%,
rgba(245, 245, 237, 0.5) 50%,
transparent 100%);
z-index: 1;
}
/* РњСЏРіРєРѕРµ свечение для читаеРСости Р Р…Р В° фото */
.slider__skidka::after {
content: '';
position: absolute;
left: -10%;
top: -10%;
width: 60%;
height: 120%;
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
z-index: 1;
pointer-events: none;
}
/* Стильный заголовок первого экрана */
.slider__skidka-zag {
font-family: 'Montserrat', sans-serif !important;
font-weight: 800 !important;
font-size: 40px !important;
color: #222 !important;
letter-spacing: -1.5px !important;
margin-bottom: 8px !important;
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
line-height: 1.1 !important;
position: relative;
z-index: 2;
}
.slider__skidka-sub {
font-size: 20px !important;
font-weight: 500 !important;
color: #555 !important;
letter-spacing: 0.5px !important;
margin-bottom: 40px !important;
position: relative;
z-index: 2;
}
.accent-text {
color: #a68b3d !important;
position: relative;
display: inline-block;
text-shadow: 0 0 15px rgba(166, 139, 61, 0.2);
}
.accent-text::after {
content: '';
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 4px;
background: rgba(213, 185, 99, 0.2);
z-index: -1;
}
.slider__skidka-info {
list-style: none !important;
padding: 0 0 0 25px !important;
/* Отступ для линии */
margin-bottom: 40px !important;
display: flex;
flex-direction: column;
gap: 18px;
position: relative;
z-index: 2;
}
/* Архитектурная линия */
.slider__skidka-info::before {
content: '';
position: absolute;
left: 0;
top: 5px;
bottom: 5px;
width: 1px;
background: linear-gradient(to bottom, transparent, rgba(213, 185, 99, 0.5), transparent);
}
.slider__skidka-info li {
display: flex !important;
align-items: flex-start !important;
/* Выравнивание Р С—Р С• верхнеРСРЎС“ краю */
gap: 15px;
}
/* Р Р€Р Т‘Р В°Р В»РЎРЏР ВµР С РЎРѓРЎвЂљР В°РЎР‚РЎвЂ№Р Вµ РёРєРѕРЅРєРё (те, что Р Р† СЂР°РСках) */
.slider__skidka-info li::before {
content: none !important;
display: none !important;
}
.slider__skidka-info li svg {
width: 20px !important;
height: 20px !important;
stroke: #d5b963 !important;
/* Наше фирРСенное золото */
flex-shrink: 0;
margin-top: 2px;
/* Точное выравнивание с первой строкой текста */
}
.slider__skidka-content {
display: flex;
flex-direction: column;
gap: 2px;
}
.slider__skidka-item-title {
font-size: 17px !important;
color: #1a1a1a !important;
font-weight: 700 !important;
line-height: 1.3;
}
.slider__skidka-item-desc {
font-size: 14px !important;
color: #333 !important;
font-weight: 500 !important;
line-height: 1.4;
opacity: 0.95;
}
.slider__skidka-buts {
margin: 0 !important;
}
/* Р вЂР µР№РґР¶Рё доверия РїРѕРґ РєРЅРѕРїРєРѕР№ */
.hero-badges {
margin-top: 35px;
display: flex;
flex-wrap: wrap;
gap: 25px;
position: relative;
z-index: 2;
}
/* РњРёРЅРёРСалистичный стиль бейджей */
.hero-badge {
background: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
display: flex;
align-items: center;
gap: 12px;
box-shadow: none !important;
border: none !important;
animation: none !important;
}
/* Стильные иконки в круге */
.hero-badge__icon {
width: 32px;
height: 32px;
background: rgba(213, 185, 99, 0.1);
/* Легкий золотой фон */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.hero-badge:hover .hero-badge__icon {
transform: scale(1.1);
background: rgba(213, 185, 99, 0.2);
}
.hero-badge svg {
width: 16px !important;
height: 16px !important;
stroke: #d5b963 !important;
/* Золотой контур */
stroke-width: 2px !important;
fill: none !important;
}
.hero-badge span {
font-size: 14px;
font-weight: 600;
color: #444;
letter-spacing: 0.2px;
}
@media screen and (max-width: 992px) {
.hero-badges {
display: flex;
margin-top: 25px;
gap: 15px;
}
}
/* 5. РџРћР›РВР РћР’РљРђ РЁРђРџРљР (Icon Containers & Shimmer) */
/* Стилизация иконок в контейнеры */
/* Контейнеры для групп контактов */
.header__svyaz,
.header__nomers {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
/* Единый интервал Р Сежду строкаРСР С‘ */
}
/* Стилизация строк контактов */
.header__svyaz>*,
.header__nomer,
.header__email {
display: flex !important;
align-items: center !important;
line-height: 1.2 !important;
margin: 0 !important;
/* Р Р€Р В±Р С‘РЎР‚Р В°Р ВµР С Р С•РЎвЂљРЎРѓРЎвЂљРЎС“Р С—РЎвЂ№, Р С‘РЎРѓР С—Р С•Р В»РЎРЉР В·РЎС“Р ВµР С gap парента */
}
.header__svyaz svg,
.header__nomer svg,
.header__email svg {
background: transparent !important;
stroke: #d5b963 !important;
stroke-width: 1.7px !important;
fill: none !important;
padding: 0 !important;
border-radius: 0 !important;
width: 16px !important;
height: 16px !important;
margin-right: 10px !important;
transition: all 0.3s ease;
display: block !important;
flex-shrink: 0 !important;
transform: translateY(1px);
}
/* Аккуратное подсвечивание при наведении на контакт */
.header__geo:hover,
.header__clock:hover,
.header__nomer:hover,
.header__email:hover {
color: #d5b963 !important;
}
/* 5. Р ВР›РВТНЫЕ РљРќРћРџРљР РЁРђРџРљР */
/* Общие стили для кнопок */
.header__material,
.header__catalog {
border-radius: 8px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: none !important;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@keyframes wobble {
0%,
100% {
transform: rotate(0deg);
}
25% {
transform: rotate(-10deg);
}
75% {
transform: rotate(10deg);
}
}
/* РљРЅРѕРїРєР° "Каталог" - РџСЂРµРСиальный контурный стиль */
.header__catalog {
background: linear-gradient(180deg, rgba(255, 251, 242, 0.75) 0%, rgba(245, 236, 220, 0.55) 100%) !important;
border: 1.5px solid rgba(194, 155, 109, 0.45) !important;
color: #3b352c !important;
padding: 10px 24px !important;
border-radius: 12px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
cursor: pointer !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}
.header__catalog:hover {
border-color: rgba(194, 155, 109, 0.7) !important;
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(194, 155, 109, 0.18) !important;
}
.header__catalog svg {
stroke: #9e7a4a !important;
margin-right: 10px !important;
}
.header__catalog svg {
stroke: #9e7a4a !important;
fill: none !important;
width: 20px !important;
height: 20px !important;
margin-right: 10px !important;
}
/* ВзаиРСодействие РїСЂРё наведении */
.header__whatsapp:hover {
background: rgba(47, 137, 7, 0.05) !important;
border-color: #2f8907 !important;
transform: translateY(-1px);
}
.header__whatsapp:hover svg {
animation: wobble 0.5s ease-in-out infinite;
}
.header__whatsapp-text {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.2;
}
.header__whatsapp-main {
font-size: 14px !important;
font-weight: 700 !important;
display: block;
}
.header__whatsapp-hint {
font-size: 11px !important;
color: #666 !important;
font-weight: 400 !important;
opacity: 0.8;
}
/* Р Влитная РєРЅРѕРїРєР°: РЁРёРСР Сер Р С‘ пульсация */
.slider__skidka-zapic {
position: relative !important;
overflow: hidden !important;
}
.slider__skidka-zapic::after {
content: '';
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
background: linear-gradient(to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0) 100%);
transform: skewX(-25deg);
animation: shine-cta 4s infinite ease-in-out;
}
@keyframes shine-cta {
0% {
left: -150%;
}
20% {
left: 150%;
}
100% {
left: 150%;
}
}
/* Р Вндикатор WhatsApp Online */
.header__whatsapp {
position: relative !important;
}
.header__whatsapp-icon-wrapper {
position: relative !important;
display: flex;
align-items: center;
justify-content: center;
}
.header__whatsapp-icon-wrapper svg {
animation: wa-icon-pulse 2s infinite ease-in-out;
filter: drop-shadow(0 0 0 rgba(36, 118, 0, 0));
}
@keyframes wa-icon-pulse {
0% {
transform: scale(1);
filter: drop-shadow(0 0 0 rgba(36, 118, 0, 0));
}
50% {
transform: scale(1.1);
filter: drop-shadow(0 0 8px rgba(36, 118, 0, 0.3));
}
100% {
transform: scale(1);
filter: drop-shadow(0 0 0 rgba(36, 118, 0, 0));
}
}
/* Дубликат удален */
/* Плавность появления элеРСентов первого экрана */
.header__osnova>* {
animation: fadeInHeader 0.8s ease backwards;
}
@keyframes fadeInHeader {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* РђРЅРёРСация "Парение" */
@keyframes float-btn {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
}
/* Р Вффект "Солнечного зайчика" (Sweep Light) для шаРСпань-РєРЅРѕРїРєРё */
.header__material::after {
content: '';
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
background: linear-gradient(to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.6) 50%,
rgba(255, 255, 255, 0) 100%);
transform: skewX(-30deg);
animation: sweep-light 6s infinite ease-in-out;
}
@keyframes sweep-light {
0% {
left: -150%;
}
15% {
left: 150%;
}
100% {
left: 150%;
}
}
/* Р Вффект шиРСР Сера (блика) для РєРЅРѕРїРѕРє */
.button-green,
.button-red,
.header__material {
position: relative;
overflow: hidden;
}
.button-green::before,
.button-red::before,
.header__material::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 50%;
height: 100%;
background: linear-gradient(to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 100%);
transform: skewX(-25deg);
animation: shimmer 6s infinite;
}
@keyframes shimmer {
0% {
left: -100%;
}
20% {
left: 150%;
}
100% {
left: 150%;
}
}
/* 7. УЛУЧШЕНРВР• Р СћР ВПОГРАФРВРљР РЁРђРџРљР */
.header {
font-family: 'Montserrat', sans-serif !important;
}
/* Основные контакты и текст */
.header__svyaz,
.header__nomers,
.header__email,
.header__clock,
.header__geo {
font-family: 'Montserrat', sans-serif !important;
color: #444 !important;
font-size: 13px !important;
line-height: 1.4 !important;
font-weight: 500 !important;
}
/* Телефон - главный акцент */
.header__nomer {
font-size: 18px !important;
font-weight: 700 !important;
color: #222 !important;
/* Единый цвет как у кода */
letter-spacing: -0.5px;
}
/* Вторичная инфо (РђР»РСаты, Р’СЂРµРСРЎРЏ) */
.header__geo,
.header__clock {
display: block;
color: #666 !important;
}
/* Меню - РџСЂРµРСиальный РІРёРґ (Стили консолидированы выше) */
/* Кнопки в шапке */
.header__material,
.header__catalog {
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
letter-spacing: 0.3px;
margin: 0 !important;
/* Р Р€Р В±Р С‘РЎР‚Р В°Р ВµР С Р Р†РЎРѓР Вµ отступы, gap РЎРѓР В°Р С Р Р†РЎРѓРЎвЂ РЎРѓР Т‘Р ВµР В»Р В°Р ВµРЎвЂљ */
flex-shrink: 0 !important;
margin-left: auto !important;
/* ПрижиРСР В°Р ВµР С Р Р†Р С—РЎР‚Р В°Р Р†Р С• если РІРґСЂСѓРі Р Сеста Р СРЅРѕРіРѕ */
}
/* SMART STICKY Р РЋ Р ВФФЕКТОМ СТЕКЛА */
.header.is-sticky {
background-color: rgba(242, 240, 235, 0.82) !important;
background-image:
radial-gradient(at 0% 0%, rgba(242, 240, 235, 0.78) 0%, transparent 50%),
radial-gradient(at 100% 0%, rgba(255, 248, 220, 0.68) 0%, transparent 50%),
radial-gradient(at 50% 100%, rgba(245, 245, 220, 0.78) 0%, transparent 50%) !important;
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(194, 155, 109, 0.25) !important;
border-bottom: 1.5px solid rgba(194, 155, 109, 0.4) !important;
}
/* Р вЂР »Р°РіРѕСЂРѕРґРЅС‹Р№ блик Р Р…Р В° золотой РєРЅРѕРїРєРµ */
.header__material {
position: relative;
overflow: hidden;
}
.header__material::after {
content: '';
position: absolute;
top: -50%;
left: -60%;
width: 20%;
height: 200%;
background: rgba(255, 255, 255, 0.4);
transform: rotate(30deg);
transition: none;
animation: gold-glint 6s infinite;
}
@keyframes gold-glint {
0% {
left: -60%;
}
15% {
left: 120%;
}
100% {
left: 120%;
}
}
/* Ювелирная доработка главной кнопки (Noble Terracotta) */
.slider__skidka-zapic.button-red {
background: linear-gradient(135deg, #b84c32 0%, #9a3b26 100%) !important;
border: 0.5px solid rgba(213, 185, 99, 0.4) !important;
/* Золотая нить */
color: #fff !important;
box-shadow:
0 8px 20px rgba(154, 59, 38, 0.3),
0 0 0 2px rgba(213, 185, 99, 0.05) !important;
position: relative;
z-index: 2;
transition:
transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1),
box-shadow 0.45s cubic-bezier(0.22, 0.61, 0.36, 1),
background 0.35s ease !important;
}
.slider__skidka-zapic.button-red:hover {
background: linear-gradient(135deg, #c5573d 0%, #b84c32 100%) !important;
transform: none !important;
box-shadow: 0 12px 25px rgba(154, 59, 38, 0.4) !important;
}
/* 6. SMART STICKY & SEPARATORS */
/* Вертикальные разделители в шапке */
.header__osnova {
display: flex;
align-items: center;
justify-content: flex-start !important;
gap: 0 !important;
/* Р Р€Р В±Р С‘РЎР‚Р В°Р ВµР С РЎРѓРЎвЂљР В°Р Р…Р Т‘Р В°РЎР‚РЎвЂљР Р…РЎвЂ№Р Вµ РіСЌРїС‹ для точности */
}
.header__logo,
.header__svyaz,
.header__nomers {
position: relative;
padding: 0 30px;
}
.header__logo {
padding-left: 0;
}
.header__material {
margin-left: 30px;
}
.header__whatsapp {
margin-left: auto !important;
}
/* Линии-разделители */
.header__svyaz::before,
.header__nomers::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 40px;
background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.08), transparent);
}
/* РЈРСРЅРѕРµ сужение шапки РїСЂРё скролле (без прыжков) */
.header.is-sticky {
padding-top: 10px !important;
padding-bottom: 10px !important;
background-color: rgba(242, 240, 235, 0.82) !important;
background-image:
radial-gradient(at 0% 0%, rgba(242, 240, 235, 0.78) 0%, transparent 50%),
radial-gradient(at 100% 0%, rgba(255, 248, 220, 0.68) 0%, transparent 50%),
radial-gradient(at 50% 100%, rgba(245, 245, 220, 0.78) 0%, transparent 50%) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(194, 155, 109, 0.25) !important;
border-bottom: 1.5px solid rgba(194, 155, 109, 0.4) !important;
}
.header.is-sticky .header__osnova {
margin-bottom: 6px !important;
}
.header__osnova {
transition: margin-bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
/* Добавлен стандартный эффект для СЃРѕРІРСестиРСости */
}
.header__logo svg {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: translate3d(0, 0, 0);
will-change: transform;
}
.header.is-sticky .header__logo svg {
transform: scale(0.88) translate3d(0, 0, 0);
}
/* Р РЋР С”РЎР‚РЎвЂ№Р Р†Р В°Р ВµР С Р Собильную РєРЅРѕРїРєСѓ WA Р Р…Р В° десктопе */
.header__whatsapp--mobile,
.modalmenu__logo {
display: none !important;
}
/* --- РњРћРвЂР ВЛЬНЫЙ РЕДРВЗАЙН: ВЕРТРВКАЛЬНЫЙ СТЕК (1024px EDITION) --- */
@media screen and (max-width: 1024px) {
.container {
padding-left: clamp(15px, 4vw, 20px) !important;
padding-right: clamp(15px, 4vw, 20px) !important;
}
/* ОСНОВНАЯ СЕТКА: Вертикальный стек */
/* ОСНОВНАЯ СЕТКА: Вертикальный стек */
.header__osnova {
display: grid !important;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) !important;
grid-template-areas:
"addr phone" !important;
gap: 6px !important;
padding: 15px 0 12px 0 !important;
border-bottom: none !important;
justify-items: stretch !important;
/* Р В¦Р ВµР Р…РЎвЂљРЎР‚Р С‘РЎР‚РЎС“Р ВµР С РЎРѓР В°Р СР С‘ блоки */
}
/* СКРЫВАЕМ ЛОГОТРВР Сџ Р’ РЁРђРџРљР• */
.header__logo {
display: none !important;
}
/* ЛОГОТРВР Сџ Р’ МОДАЛЬНОМ РћРљРќР• */
.modalmenu__logo {
display: block !important;
margin-bottom: 25px !important;
width: 200px !important;
}
.modalmenu__logo svg {
width: 100% !important;
height: auto !important;
}
/* СКРЫВАЕМ НОМЕРВ МОДАЛКЕ СВЕРХУ */
.modalmenu__nomers {
display: none !important;
}
/* Р РЋР С”РЎР‚РЎвЂ№Р Р†Р В°Р ВµР С РЎРѓРЎвЂљР В°РЎР‚РЎС“РЎР‹ РєРЅРѕРїРєСѓ WA */
.header__osnova .header__whatsapp {
display: none !important;
}
/* АДРЕС РВРЕМЯ (Выровнены Р С—Р С• левоРСРЎС“ краю внутри центрированного блока) */
.header__svyaz {
grid-area: addr !important;
justify-self: stretch !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
align-items: flex-start !important;
/* Левый край для списка */
width: 100% !important;
/* Увеличили ширину для текста */
margin: 0 !important;
padding: 0 !important;
padding-right: 4px !important;
border: none !important;
/* Р Р€Р В±Р С‘РЎР‚Р В°Р ВµР С Р Р†Р С•Р В·Р Сожные границы */
}
/* ТЕЛЕФОН РПОЧТА (Аналогично) */
.header__nomers {
grid-area: phone !important;
justify-self: stretch !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
align-items: flex-start !important;
/* Левый край для списка */
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
padding-left: 4px !important;
padding-right: 10px !important;
border: none !important;
}
/* Р Р€Р В±Р С‘РЎР‚Р В°Р ВµР С РЎР‚Р В°Р В·Р Т‘Р ВµР В»Р С‘РЎвЂљР ВµР В»Р С‘ (полоски) слева */
.header__svyaz::before,
.header__nomers::before {
display: none !important;
content: none !important;
border: none !important;
}
/* Шрифты и иконки */
.header__geo,
.header__clock,
.header__nomer,
.header__email {
font-size: 13px !important;
line-height: 1.4 !important;
color: #333 !important;
display: flex !important;
align-items: center !important;
/* Р ВРєРѕРЅРєР° Р С—Р С• центру строки */
justify-content: flex-start !important;
/* Контент слева */
text-align: left !important;
width: 100% !important;
}
.header__nomer {
font-size: 16px !important;
font-weight: 700 !important;
}
.header__email {
opacity: 0.8 !important;
}
.header__svyaz svg,
.header__nomers svg {
width: 18px !important;
/* Фикс ширина для идеальной вертикали */
height: 18px !important;
stroke: #d5b963 !important;
stroke-width: 2px !important;
margin-right: 8px !important;
flex-shrink: 0 !important;
/* Выравнивание иконок, если они разные */
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.header__nomers svg {
order: -1 !important;
margin-right: 8px !important;
}
/* Четкое выравнивание строк: адрес | телефон, время | почта */
.header__osnova {
grid-template-areas:
"geo nomer"
"clock email" !important;
}
.header__svyaz,
.header__nomers {
display: contents !important;
}
.header__geo {
grid-area: geo !important;
padding-right: 4px !important;
}
.header__clock {
grid-area: clock !important;
padding-right: 4px !important;
}
.header__nomer {
grid-area: nomer !important;
padding-left: 0 !important;
padding-right: 10px !important;
}
.header__email {
grid-area: email !important;
padding-left: 0 !important;
padding-right: 10px !important;
}
@media screen and (max-width: 481px) {
.header__geo,
.header__clock {
font-size: 12px !important;
line-height: 1.3 !important;
}
.header__nomer {
font-size: 15px !important;
}
.header__email {
font-size: 12px !important;
}
}
/* Р СњР ВР–РќРВР в„ў Р РЇР”: КАТАЛОГ + WHATSAPP */
.header__menu {
padding: 0 0 15px 0 !important;
margin: 0 !important;
width: 100% !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
align-items: stretch !important;
justify-content: stretch !important;
gap: 10px !important;
}
/* В мобильном ряду оставляем только две кнопки */
.header__menu .glav-menu,
.header__menu .nav.menu {
display: none !important;
}
/* Р РЋР С”РЎР‚РЎвЂ№Р Р†Р В°Р ВµР С Р С”Р С•Р Р…Р С”РЎР‚Р ВµРЎвЂљР Р…РЎвЂ№Р Вµ пункты "инфо" Р Сеню */
.header__menu .item-220,
.header__menu .item-221,
.header__menu .item-222,
.header__menu .item-223,
.header__menu .item-227 {
display: none !important;
}
/* Кнопка Каталог */
.header__catalog {
width: 100% !important;
max-width: none !important;
height: 48px !important;
border-radius: 10px !important;
font-size: 14px !important;
margin: 0 !important;
padding: 0 12px !important;
box-sizing: border-box !important;
background: linear-gradient(180deg, rgba(255, 251, 242, 0.78) 0%, rgba(245, 236, 220, 0.58) 100%) !important;
border: 1.5px solid rgba(194, 155, 109, 0.45) !important;
color: #3b352c !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
justify-content: center !important;
}
.header__catalog svg {
stroke: #9e7a4a !important;
width: 18px !important;
margin-right: 8px !important;
}
/* РљРЅРѕРїРєР° WA Mobile */
.header__whatsapp--mobile {
display: flex !important;
width: 100% !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
color: #247600 !important;
border: 1.5px solid rgba(36, 118, 0, 0.3) !important;
padding: 0 10px !important;
height: 48px !important;
border-radius: 10px !important;
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
box-sizing: border-box !important;
}
.header__whatsapp-text {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
line-height: 1.1 !important;
margin-left: 8px !important;
}
.header__whatsapp-main {
font-size: 12px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
.header__whatsapp-hint {
font-size: 9px !important;
opacity: 0.7;
}
.header__whatsapp--mobile svg {
width: 22px !important;
height: 22px !important;
fill: #247600 !important;
margin: 0 !important;
}
@media screen and (max-width: 360px) {
.header__whatsapp-main {
font-size: 10px !important;
}
.header__whatsapp-hint {
display: none !important;
}
.header__catalog {
font-size: 12px !important;
}
}
}
/* Фикс: Р вЂР ѕРєРѕРІРѕРµ Р Сеню должно быть ПОВЕРХ липкой шапки */
.modalmenu {
z-index: 99999 !important;
}
.modalmenu__fon {
z-index: 99998 !important;
}
/* Modal menu bottom contact block centered */
.modalmenu__svyaz {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
row-gap: 8px !important;
text-align: left !important;
width: 100% !important;
max-width: 270px !important;
margin: 0 auto !important;
align-self: center !important;
}
.modalmenu__svyaz .modalmenu__nomer {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 270px !important;
margin: 0 0 2px !important;
}
.modalmenu__geo,
.modalmenu__clock {
display: flex !important;
column-gap: 10px !important;
align-items: start !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 270px !important;
margin: 0 !important;
color: #4d4d4d !important;
line-height: 1.3 !important;
}
.modalmenu__clock {
align-items: start !important;
}
.modalmenu__geo svg,
.modalmenu__clock svg {
width: 15px !important;
height: 15px !important;
margin: 2px 0 0 0 !important;
align-self: start !important;
flex-shrink: 0 !important;
stroke: #c29b6d !important;
fill: none !important;
}
/* Final lock: center contacts block in modal menu */
.modalmenu .modalmenu__svyaz {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 100% !important;
margin: 0 auto !important;
text-align: center !important;
}
.modalmenu .modalmenu__svyaz .modalmenu__nomer,
.modalmenu .modalmenu__svyaz .modalmenu__geo,
.modalmenu .modalmenu__svyaz .modalmenu__clock {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
width: 100% !important;
max-width: 240px !important;
margin: 0 auto 6px !important;
text-align: left !important;
}
.modalmenu .modalmenu__svyaz .modalmenu__nomer {
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.15 !important;
}
.modalmenu .modalmenu__svyaz .modalmenu__nomer svg,
.modalmenu .modalmenu__svyaz .modalmenu__clock svg {
width: 15px !important;
height: 15px !important;
margin-top: 2px !important;
}
/* Number code style must match full phone number on all screens */
.header__nomer span {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important;
}
.header__geo-break {
display: none;
}
/* Stable Mobile Header Layout */
@media screen and (max-width: 1024px) {
.header__geo-break {
display: block;
height: 0;
}
.header.container .header__logo {
display: none !important;
}
.header.container .header__osnova {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
grid-template-areas: "addr phone" !important;
column-gap: 10px !important;
row-gap: 0 !important;
align-items: start !important;
justify-content: stretch !important;
padding: 14px 8px 10px 8px !important;
margin: 0 auto !important;
}
.header.container .header__osnova>.header__svyaz {
grid-area: addr !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
justify-self: center !important;
width: fit-content !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
min-width: 0 !important;
}
.header.container .header__osnova>.header__nomers {
grid-area: phone !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
justify-self: center !important;
width: fit-content !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
min-width: 0 !important;
}
.header.container .header__osnova>.header__whatsapp {
display: none !important;
}
.header.container .header__geo,
.header.container .header__clock,
.header.container .header__nomer,
.header.container .header__email {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
justify-content: flex-start !important;
line-height: 1.3 !important;
}
.header.container .header__geo {
grid-area: auto !important;
min-height: 32px !important;
align-items: center !important;
white-space: normal !important;
max-width: 330px !important;
padding-right: 0 !important;
}
.header.container .header__nomer {
grid-area: auto !important;
min-height: 32px !important;
align-items: center !important;
padding-right: 0 !important;
}
.header.container .header__clock {
grid-area: auto !important;
min-height: 22px !important;
align-items: center !important;
white-space: nowrap !important;
padding-right: 0 !important;
}
.header.container .header__email {
grid-area: auto !important;
min-height: 22px !important;
align-items: center !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
word-break: normal !important;
overflow-wrap: normal !important;
padding-right: 0 !important;
}
.header.container .header__svyaz svg,
.header.container .header__nomers svg {
width: 18px !important;
height: 18px !important;
margin-right: 8px !important;
flex: 0 0 18px !important;
}
.header.container .header__menu {
width: 100% !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 10px !important;
padding: 0 8px 15px 8px !important;
margin: 0 !important;
}
.header.container .header__menu .glav-menu,
.header.container .header__menu .nav.menu {
display: none !important;
}
.header.container .header__catalog,
.header.container .header__whatsapp--mobile {
width: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.header.container .header__whatsapp--mobile {
padding: 0 8px !important;
overflow: hidden !important;
}
.header.container .header__whatsapp--mobile .header__whatsapp-text {
min-width: 0 !important;
margin-left: 6px !important;
}
.header.container .header__whatsapp--mobile .header__whatsapp-main {
display: block !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 11px !important;
line-height: 1.1 !important;
}
.header.container .header__whatsapp--mobile .header__whatsapp-hint {
display: block !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 8px !important;
line-height: 1.1 !important;
}
}
@media screen and (max-width: 481px) {
.header.container .header__osnova {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
justify-content: stretch !important;
column-gap: 10px !important;
margin: 0 !important;
}
.header.container .header__geo,
.header.container .header__clock,
.header.container .header__email {
font-size: 10px !important;
line-height: 1.3 !important;
}
.header.container .header__nomer {
font-size: 15px !important;
line-height: 1.3 !important;
}
}
@media (min-width: 482px) and (max-width: 1024px) {
.header.container .header__osnova {
grid-template-columns: 160px max-content max-content !important;
grid-template-areas: "logo addr phone" !important;
column-gap: 30px !important;
justify-content: center !important;
align-items: center !important;
width: fit-content !important;
max-width: 100% !important;
margin: 0 auto 14px auto !important;
}
.header.container .header__logo {
display: block !important;
grid-area: logo !important;
align-self: center !important;
margin: 0 !important;
}
.header.container .header__logo svg {
width: 160px !important;
}
.header.container .header__osnova>.header__svyaz,
.header.container .header__osnova>.header__nomers {
width: auto !important;
justify-self: stretch !important;
align-self: center !important;
gap: 2px !important;
}
.header.container .header__geo,
.header.container .header__nomer {
min-height: 30px !important;
align-items: center !important;
}
.header.container .header__clock,
.header.container .header__email {
min-height: 18px !important;
align-items: center !important;
}
.header.container .header__svyaz svg,
.header.container .header__nomers svg {
width: 16px !important;
height: 16px !important;
margin-right: 8px !important;
flex: 0 0 16px !important;
}
.header.container .header__nomer {
font-size: 15px !important;
font-weight: 600 !important;
}
.header.container .header__email,
.header.container .header__clock,
.header.container .header__geo {
font-size: 12px !important;
line-height: 1.25 !important;
}
.header.container .header__menu {
grid-template-columns: max-content max-content !important;
justify-content: center !important;
gap: 30px !important;
margin-top: 6px !important;
padding: 0 8px 16px 8px !important;
}
.header.container .header__catalog,
.header.container .header__whatsapp--mobile {
width: auto !important;
min-width: 130px !important;
height: 46px !important;
padding: 0 16px !important;
box-sizing: border-box !important;
}
.header.container .header__catalog {
order: 1 !important;
}
.header.container .header__whatsapp--mobile {
order: 2 !important;
}
.header.container .header__whatsapp--mobile {
overflow: visible !important;
}
.header.container .header__whatsapp--mobile .header__whatsapp-main,
.header.container .header__whatsapp--mobile .header__whatsapp-hint {
overflow: visible !important;
text-overflow: clip !important;
}
}
@media screen and (max-width: 390px) {
.header.container .header__whatsapp--mobile {
padding: 0 6px !important;
}
.header.container .header__whatsapp--mobile svg {
width: 20px !important;
height: 20px !important;
}
.header.container .header__whatsapp--mobile .header__whatsapp-main {
font-size: 10px !important;
}
}
@media screen and (max-width: 360px) {
.header.container .header__osnova {
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important;
grid-template-areas:
"geo nomer"
"clock email" !important;
column-gap: 8px !important;
row-gap: 2px !important;
align-items: start !important;
}
.header.container .header__osnova>.header__svyaz {
display: contents !important;
padding: 0 !important;
}
.header.container .header__osnova>.header__nomers {
display: contents !important;
padding: 0 !important;
min-width: 0 !important;
}
.header.container .header__geo {
grid-area: geo !important;
min-width: 0 !important;
white-space: normal !important;
padding-right: 0 !important;
}
.header.container .header__clock {
grid-area: clock !important;
min-width: 0 !important;
white-space: nowrap !important;
padding-right: 0 !important;
}
.header.container .header__nomer {
grid-area: nomer !important;
min-width: 0 !important;
white-space: nowrap !important;
font-size: 14px !important;
padding-right: 0 !important;
}
.header.container .header__email {
grid-area: email !important;
min-width: 0 !important;
white-space: nowrap !important;
font-size: 9px !important;
line-height: 1.1 !important;
padding-right: 0 !important;
}
}
/* Modal menu spacing fix */
.modalmenu .glav-menu {
width: 100% !important;
display: block !important;
flex-grow: 0 !important;
}
.modalmenu .glav-menu ul.nav.menu.mod-list {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 8px !important;
row-gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.modalmenu .glav-menu li {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
.modalmenu .glav-menu li::before,
.modalmenu .glav-menu li::after {
display: none !important;
content: none !important;
}
.modalmenu .glav-menu li:last-child {
grid-column: 1 / -1;
justify-self: center;
width: min(220px, 100%);
}
.modalmenu .glav-menu a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
padding: 9px 10px !important;
box-sizing: border-box !important;
}
.modalmenu .pokupat-menu {
width: 100% !important;
margin-top: 16px !important;
}
.modalmenu .pokupat-menu-zag {
margin: 18px 0 14px !important;
}
.modalmenu .pokupat-menu ul.nav.menu.mod-list {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
display: grid !important;
gap: 8px !important;
}
.modalmenu .pokupat-menu li {
margin: 0 !important;
}
/* Desktop header menu balance: left spacer | centered menu | catalog button */
@media screen and (min-width: 1025px) {
.header.container .header__menu {
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
column-gap: 24px !important;
padding: 14px 0 0 0 !important;
margin: 0 !important;
}
.header.container .header__menu::before {
content: "";
grid-column: 1;
justify-self: start;
width: 220px;
height: 0;
}
.header.container .header__menu .glav-menu {
grid-column: 2;
width: auto !important;
flex: 0 0 auto !important;
justify-content: center !important;
}
.header.container .header__menu .glav-menu ul {
justify-content: center !important;
gap: 40px !important;
}
.header.container .header__menu .header__catalog {
grid-column: 3;
justify-self: end;
margin: 0 !important;
min-width: 220px;
box-sizing: border-box;
}
}
/* Desktop header balance: equal visual spacing + readable phone numerals */
@media screen and (min-width: 1025px) {
.header.container .header__osnova {
display: grid !important;
grid-template-columns: auto minmax(300px, 1.35fr) minmax(240px, 1fr) auto !important;
align-items: center !important;
column-gap: 60px !important;
}
.header.container .header__logo,
.header.container .header__svyaz,
.header.container .header__nomers {
margin: 0 !important;
padding: 0 !important;
min-width: 0 !important;
}
.header.container .header__geo {
white-space: nowrap !important;
}
.header.container .header__svyaz::before,
.header.container .header__nomers::before {
display: none !important;
}
.header.container .header__nomer,
.header.container .header__nomer span {
font-weight: 700 !important;
letter-spacing: 0.2px !important;
line-height: 1.2 !important;
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum" 1, "lnum" 1;
white-space: nowrap !important;
}
.header.container .header__whatsapp {
justify-self: end !important;
}
}
/* Main page hero: replace background image with 3 vertical process photos */
.slider__skidka {
background: #f5f5ed !important;
}
.slider__skidka-bg {
display: none !important;
}
.slider__skidka::after {
content: none !important;
}
.slider__skidka>h2,
.slider__skidka>p,
.slider__skidka>ul,
.slider__skidka>.slider__skidka-buts,
.slider__skidka>.hero-badges {
position: relative;
z-index: 3;
max-width: 640px;
}
.hero-process {
position: relative;
width: 100%;
max-width: 620px;
height: 620px;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.2);
border: none;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
z-index: 2;
}
.hero-process__card {
position: relative;
overflow: hidden;
}
.hero-process__card:not(:first-child) {
border-left: 1px solid rgba(255, 255, 255, 0.28);
}
.hero-process__image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: brightness(0.92);
transition: transform 0.45s ease, filter 0.45s ease;
}
.hero-process__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.62) 6%, rgba(0, 0, 0, 0.18) 46%, rgba(0, 0, 0, 0.08) 100%);
}
.hero-process__card:hover .hero-process__image {
transform: scale(1.05);
filter: brightness(1.03);
}
.hero-process__label {
position: absolute;
left: 0;
right: 0;
bottom: 30px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
padding: 0 8px;
}
.hero-process__step {
font-family: 'Oranienbaum', serif;
font-size: 19px;
letter-spacing: 0.16em;
color: rgba(255, 255, 255, 0.88);
text-transform: uppercase;
}
.hero-process__title {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 700;
color: #d5b963;
}
@media screen and (min-width: 993px) {
.slider__skidka {
display: grid !important;
grid-template-columns: minmax(540px, 640px) minmax(500px, 610px);
column-gap: 10px;
align-items: center;
justify-content: center;
}
.slider__skidka>h2,
.slider__skidka>p,
.slider__skidka>ul,
.slider__skidka>.slider__skidka-buts,
.slider__skidka>.hero-badges {
grid-column: 1;
}
.slider__skidka>.hero-process {
grid-column: 2;
grid-row: 1 / span 6;
justify-self: end;
align-self: center;
}
}
@media screen and (min-width: 993px) and (max-width: 1220px) {
.slider__skidka {
grid-template-columns: minmax(490px, 570px) minmax(420px, 520px);
column-gap: 8px;
}
.slider__skidka>h2,
.slider__skidka>p,
.slider__skidka>ul,
.slider__skidka>.slider__skidka-buts,
.slider__skidka>.hero-badges {
max-width: 560px;
}
.hero-process {
max-width: 520px;
height: 560px;
}
.hero-process__title {
font-size: 11px !important;
letter-spacing: 0.08em !important;
}
}
@media screen and (min-width: 1221px) {
.slider__skidka.container {
padding-left: max(28px, calc(50vw - 600px)) !important;
padding-right: max(28px, calc(50vw - 600px)) !important;
}
.slider__skidka {
grid-template-columns: minmax(560px, 640px) minmax(500px, 620px);
column-gap: 8px;
justify-content: center;
}
.slider__skidka>h2,
.slider__skidka>p,
.slider__skidka>ul,
.slider__skidka>.slider__skidka-buts,
.slider__skidka>.hero-badges {
max-width: 600px;
}
.hero-process {
min-width: 520px;
max-width: 660px;
}
}
@media screen and (max-width: 992px) {
.hero-process {
display: none;
}
.slider__skidka>h2,
.slider__skidka>p,
.slider__skidka>ul,
.slider__skidka>.slider__skidka-buts,
.slider__skidka>.hero-badges {
max-width: none;
}
}
/* Hero sizing synced to reference code (novyi 1.txt) */
.slider__skidka-zag {
font-family: 'Montserrat', sans-serif !important;
font-size: clamp(38px, 3.4vw, 38px) !important;
line-height: 1.08 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
margin-bottom: 14px !important;
}
.slider__skidka-sub {
font-size: clamp(18px, 1.35vw, 20px) !important;
line-height: 1.45 !important;
font-weight: 500 !important;
margin-bottom: 34px !important;
}
.slider__skidka-info {
gap: 24px !important;
margin-bottom: 36px !important;
padding-left: 0 !important;
}
.slider__skidka-info::before {
content: none !important;
display: none !important;
}
.slider__skidka-info li {
gap: 16px !important;
align-items: flex-start !important;
}
.slider__skidka-info li svg {
width: 20px !important;
height: 20px !important;
padding: 10px !important;
box-sizing: content-box !important;
border-radius: 50% !important;
border: 1px solid rgba(196, 164, 124, 0.35) !important;
background: #f7f5f0 !important;
}
.slider__skidka-item-title {
font-size: 18px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
}
.slider__skidka-item-desc {
font-size: 14px !important;
line-height: 1.4 !important;
margin-top: 2px !important;
}
.slider__skidka-zapic {
font-size: 14px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
padding: 20px 32px !important;
min-height: 56px !important;
border-radius: 12px !important;
}
.hero-badges {
gap: 24px !important;
margin-top: 26px !important;
}
.hero-badge__icon {
width: 32px !important;
height: 32px !important;
}
.hero-badge svg {
width: 18px !important;
height: 18px !important;
}
.hero-badge span {
font-size: 14px !important;
font-weight: 600 !important;
}
.hero-process {
height: 600px !important;
border-radius: 24px !important;
}
.hero-process__label {
bottom: 32px !important;
gap: 6px !important;
}
.hero-process__step {
font-size: 14px !important;
font-style: italic;
opacity: 0.9;
}
.hero-process__step {
display: none !important;
}
.hero-process__title {
font-size: 14px !important;
letter-spacing: 0.14em !important;
}
@media screen and (max-width: 1220px) {
.slider__skidka-zag {
font-size: clamp(36px, 4vw, 44px) !important;
}
.slider__skidka-item-title {
font-size: 18px !important;
}
}
@media screen and (max-width: 481px) {
.hero-badges {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
}
.hero-badge {
min-width: 0 !important;
gap: 8px !important;
}
.hero-badge__icon {
width: 28px !important;
height: 28px !important;
flex-shrink: 0 !important;
}
.hero-badge span {
font-size: 12px !important;
white-space: nowrap !important;
}
}
/* Main hero CTA synced with kitchens hero CTA */
.slider__skidka-zapic.button-red {
display: inline-block !important;
padding: 22px 50px !important;
background: linear-gradient(135deg, #e74c3c 0%, #c24933 100%) !important;
color: #fff !important;
text-decoration: none !important;
border-radius: 12px !important;
font-size: 12px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4) !important;
transition: all 0.3s ease !important;
border: none !important;
cursor: pointer;
animation: minimal-breath-global 4s ease-in-out infinite !important;
}
.slider__skidka-zapic.button-red:hover {
transform: translateY(-3px) !important;
box-shadow: 0 15px 35px rgba(194, 73, 51, 0.5) !important;
background: linear-gradient(135deg, #e74c3c 0%, #c24933 100%) !important;
}
/* Main hero CTA: only kitchens-like pulse, no catalog-like shimmer */
.slider .slider__skidka .slider__skidka-zapic.button-red {
animation: minimal-breath-global 4s ease-in-out infinite !important;
position: relative !important;
overflow: hidden !important;
}
.slider .slider__skidka .slider__skidka-zapic.button-red::before,
.slider .slider__skidka .slider__skidka-zapic.button-red::after {
content: none !important;
animation: none !important;
}
/* Main page CTA responsive behavior synced with kitchens hero CTA */
.slider__skidka .slider__skidka-buts {
display: flex !important;
align-items: center !important;
gap: 25px !important;
flex-wrap: nowrap !important;
}
.slider__skidka .slider__skidka-buts .hero-kuhni__cta {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.1 !important;
width: auto !important;
max-width: 100% !important;
}
@media screen and (max-width: 767px) {
.hero-badges {
justify-content: center !important;
}
.slider__skidka .slider__skidka-buts {
flex-direction: column !important;
gap: 15px !important;
align-items: center !important;
flex-wrap: nowrap !important;
}
.slider__skidka .slider__skidka-buts .hero-kuhni__hint {
text-align: center !important;
align-self: center !important;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
.slider__skidka .slider__skidka-buts {
flex-direction: row !important;
gap: 25px !important;
align-items: center !important;
flex-wrap: nowrap !important;
}
.slider__skidka .slider__skidka-buts .hero-kuhni__hint {
text-align: left !important;
align-self: center !important;
}
}
@media screen and (max-width: 481px) {
.slider__skidka .slider__skidka-buts>* {
width: auto !important;
padding: 0 !important;
}
.slider__skidka .slider__skidka-buts .hero-kuhni__cta {
white-space: nowrap !important;
padding: 22px 50px !important;
}
}
/* Unify all site buttons to "Записаться на замер" color scheme */
.button-green,
.button-blue,
.button-white,
.button-red,
.header__catalog,
.new-header__catalog,
.modalmenu__catalog,
.modalmenu__material,
.modalmenu__obratn,
.vizovform__but,
.standform__but,
.hero-kuhni__cta,
.slider__skidka-zapic {
background: linear-gradient(135deg, #e74c3c 0%, #c24933 100%) !important;
color: #fff !important;
border: none !important;
box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4) !important;
animation: minimal-breath-global 4s ease-in-out infinite !important;
}
.slider__skidka-zapic.button-red,
.slider .slider__skidka .slider__skidka-zapic.button-red {
animation: minimal-breath-global 4s ease-in-out infinite !important;
}
.header__catalog,
.new-header__catalog,
.raboti__toggle,
.kitchen-color__toggle {
animation: none !important;
}
@keyframes minimal-breath-global {
0% {
transform: scale(1);
box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4);
}
50% {
transform: scale(1.03);
box-shadow: 0 15px 35px rgba(194, 73, 51, 0.5);
}
100% {
transform: scale(1);
box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4);
}
}
.hero-kuhni__cta,
.slider__skidka-zapic {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.1 !important;
text-align: center !important;
}
.raboti__cta,
.raboti__onerab .raboti__cta {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1.1 !important;
}
.raboti__cta.raboti__cta--arrow::after {
content: "→";
font-size: 22px;
line-height: 1;
margin-left: 8px;
}
.wa-budget[aria-hidden="true"] {
display: none;
}
.wa-budget[aria-hidden="false"] {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.wa-budget__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.45);
}
.wa-budget__panel {
position: relative;
z-index: 1;
width: min(92vw, 420px);
margin: 0;
background: #fff;
border-radius: 12px;
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
padding: 20px 18px 18px;
}
.wa-budget__close {
position: absolute;
top: 6px;
right: 10px;
border: 0;
background: transparent;
font-size: 28px;
line-height: 1;
color: #333;
cursor: pointer;
}
.wa-budget__title {
font-family: 'Oranienbaum', serif;
font-size: 32px;
line-height: 1.1;
color: #2f2a22;
margin: 0 0 14px;
text-align: center;
}
.wa-budget__subtitle {
font-size: 13px;
color: #6f6f6f;
text-align: center;
margin: -6px 0 10px;
}
.wa-budget__notice {
font-size: 12px;
color: #8a8a8a;
text-align: center;
margin: -4px 0 10px;
}
.wa-budget__progress {
font-size: 12px;
color: #8a8a8a;
text-align: center;
margin-bottom: 8px;
}
.wa-budget__actions {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.wa-budget__btn {
height: 46px;
border-radius: 8px;
border: 1px solid #d5b963;
background: #fff;
color: #2f2a22;
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: all .2s ease;
}
.wa-budget__btn:hover {
background: #d5b963;
color: #fff;
}
.wa-budget__btn.wa-budget__btn--muted {
border-color: #d9d9d9;
color: #5a5a5a;
background: #fafafa;
}
.wa-budget__btn.wa-budget__btn--muted:hover {
background: #f0f0f0;
color: #2f2a22;
border-color: #cfcfcf;
}
.wa-budget__label {
display: block;
font-size: 13px;
color: #4b4b4b;
margin: 10px 0 6px;
}
.wa-budget__field,
.wa-budget__textarea {
width: 100%;
box-sizing: border-box;
border: 1px solid #d9d9d9;
border-radius: 8px;
padding: 10px 12px;
font-size: 14px;
font-family: inherit;
}
.wa-budget__textarea {
resize: vertical;
}
.wa-budget__row {
margin-top: 10px;
display: flex;
gap: 8px;
justify-content: space-between;
}
.wa-budget__back,
.wa-budget__next {
height: 42px;
border-radius: 8px;
border: 1px solid #d5b963;
background: #fff;
color: #2f2a22;
font-size: 14px;
font-weight: 700;
padding: 0 14px;
cursor: pointer;
}
.wa-budget__step[data-wa-step="3"] .wa-budget__back {
margin-top: 10px;
}
.wa-budget__next {
background: #d5b963;
color: #fff;
}
body.wa-budget-open {
overflow: hidden;
}
.wa-attach-hint {
position: fixed;
left: 50%;
bottom: 18px;
transform: translateX(-50%) translateY(10px);
z-index: 10000;
background: #2f2a22;
color: #fff;
font-size: 13px;
line-height: 1.3;
padding: 10px 14px;
border-radius: 8px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.28);
opacity: 0;
transition: opacity .2s ease, transform .2s ease;
max-width: min(92vw, 520px);
text-align: center;
}
.wa-attach-hint.is-visible {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.vizovform__but,
.standform__but,
.slider__skidka .slider__skidka-buts .hero-kuhni__cta {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1.1 !important;
transition: none !important;
}
.vizovform__but::before,
.standform__but::before,
.vizovform__but.button-red::before,
.standform__but.button-red::before,
.slider__skidka .slider__skidka-buts .hero-kuhni__cta::before,
.raboti__toggle::before,
.raboti__toggle::after,
.kitchen-color__toggle::before,
.kitchen-color__toggle::after {
content: none !important;
animation: none !important;
}
.header__catalog::before,
.new-header__catalog::before,
.modalmenu__catalog::before {
content: none !important;
animation: none !important;
}
.button-green:hover,
.button-blue:hover,
.button-white:hover,
.button-red:hover,
.header__catalog:hover,
.new-header__catalog:hover,
.modalmenu__catalog:hover,
.modalmenu__material:hover,
.modalmenu__obratn:hover,
.vizovform__but:hover,
.standform__but:hover,
.hero-kuhni__cta:hover,
.slider__skidka-zapic:hover {
background: linear-gradient(135deg, #e74c3c 0%, #c24933 100%) !important;
color: #fff !important;
border: none !important;
box-shadow: 0 10px 30px rgba(194, 73, 51, 0.6) !important;
filter: brightness(1.1) !important;
}
/* Stabilize hover (no jump, only breath) */
.button-green:hover,
.button-blue:hover,
.button-white:hover,
.button-red:hover,
.header__catalog:hover,
.new-header__catalog:hover,
.vizovform__but:hover,
.standform__but:hover,
.hero-kuhni__cta:hover,
.slider__skidka-zapic:hover {
transform: none !important;
}
.slider__skidka .slider__skidka-buts .hero-kuhni__cta {
height: 50px !important;
min-height: 50px !important;
padding: 0 32px !important;
border-radius: 6px !important;
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: normal !important;
text-transform: none !important;
}
/* Ensure global breathing animation exists */
@keyframes minimal-breath-global {
0% {
transform: scale(1);
box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4);
}
50% {
transform: scale(1.03);
box-shadow: 0 15px 35px rgba(194, 73, 51, 0.5);
}
100% {
transform: scale(1);
box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4);
}
}
.button-green svg,
.button-blue svg,
.button-white svg,
.button-red svg,
.header__catalog svg,
.new-header__catalog svg,
.modalmenu__catalog svg,
.modalmenu__material svg,
.modalmenu__obratn svg {
fill: #fff !important;
stroke: #fff !important;
}
/* Footer icons: make identical to header contact icons */
.footer__nomer svg,
.footer__email svg,
.footer__geo svg,
.footer__clock svg {
background: transparent !important;
stroke: #d5b963 !important;
stroke-width: 1.7px !important;
fill: none !important;
padding: 0 !important;
border-radius: 0 !important;
width: 16px !important;
height: 16px !important;
margin-right: 10px !important;
transition: all 0.3s ease;
display: block !important;
flex-shrink: 0 !important;
transform: translateY(1px);
}
/* Final tablet override for hero columns (must be after base hero rules) */
@media screen and (min-width: 993px) and (max-width: 1220px) {
.slider__skidka {
grid-template-columns: minmax(490px, 570px) minmax(420px, 520px) !important;
column-gap: 8px !important;
}
.slider__skidka .hero-process {
max-width: 520px !important;
}
.slider__skidka .hero-process__title {
font-size: 11px !important;
letter-spacing: 0.08em !important;
}
}
/* Final lock for modalmenu contacts: centered block + aligned icons */
.modalmenu .modalmenu__svyaz {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 100% !important;
max-width: 215px !important;
margin: 0 auto !important;
text-align: left !important;
row-gap: 6px !important;
}
.modalmenu .modalmenu__svyaz .modalmenu__nomer,
.modalmenu .modalmenu__svyaz .modalmenu__geo,
.modalmenu .modalmenu__svyaz .modalmenu__clock {
display: grid !important;
grid-template-columns: 16px minmax(0, 1fr) !important;
column-gap: 10px !important;
align-items: start !important;
justify-content: start !important;
width: 100% !important;
margin: 0 !important;
text-align: left !important;
}
.modalmenu .modalmenu__svyaz .modalmenu__nomer {
font-size: 18px !important;
line-height: 1.15 !important;
font-weight: 500 !important;
}
.modalmenu .modalmenu__svyaz .modalmenu__nomer svg,
.modalmenu .modalmenu__svyaz .modalmenu__geo svg,
.modalmenu .modalmenu__svyaz .modalmenu__clock svg {
width: 15px !important;
height: 15px !important;
margin: 2px 0 0 0 !important;
align-self: start !important;
justify-self: center !important;
flex-shrink: 0 !important;
}
@media screen and (max-width: 992px) {
.slider__skidka .slider__skidka-info {
align-items: stretch !important;
width: min(100%, 560px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.slider__skidka .slider__skidka-info li {
width: 100% !important;
display: grid !important;
grid-template-columns: 40px minmax(0, 1fr) !important;
column-gap: 14px !important;
align-items: start !important;
}
.slider__skidka .slider__skidka-info li svg {
margin: 2px 0 0 0 !important;
justify-self: center !important;
}
.slider__skidka .slider__skidka-content {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
}
/* FLOATING WHATSAPP BUTTON WIDGET */
.wa-floating-btn {
position: fixed;
right: 30px;
bottom: 60px;
width: 60px;
height: 60px;
background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 25px rgba(18, 140, 126, 0.4);
z-index: 10001;
/* Above almost everything */
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
text-decoration: none !important;
}
@media screen and (min-width: 1300px) {
.wa-floating-btn {
right: calc(50% - 720px);
/* 1200px container center + 30px offset */
}
}
.wa-floating-btn:hover {
transform: scale(1.1) translateY(-5px);
box-shadow: 0 15px 35px rgba(18, 140, 126, 0.5);
}
.wa-floating-btn svg {
width: 32px;
height: 32px;
fill: #fff;
}
@keyframes wa-label-in {
from {
opacity: 0;
transform: translateX(-50%) translateY(4px);
}
to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
/* Bubble tail */
.wa-floating-btn::before {
content: "";
position: absolute;
bottom: calc(100% + 3px);
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid rgba(255, 255, 255, 0.96);
filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.08));
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
/* Label above WhatsApp button */
.wa-floating-btn::after {
content: "Вопросы?";
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
background: rgba(255, 255, 255, 0.96);
color: #1f1f1f;
padding: 7px 12px;
border-radius: 999px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1px;
white-space: nowrap;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
pointer-events: none;
font-family: 'Montserrat', sans-serif;
opacity: 0;
visibility: hidden;
transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.wa-floating-btn:hover::before {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.wa-floating-btn:hover::after {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
background: #fff;
}
/* Pulsing Animation */
@keyframes wa-pulse {
0% {
box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
}
70% {
box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
}
}
.wa-floating-btn {
animation: wa-pulse 2s infinite;
}
/* Mobile Adaptation: Position above the bottom menu panel */
@media screen and (max-width: 992px) {
.wa-floating-btn {
right: 20px;
bottom: 90px;
/* Offset to not cover the .panel bar */
width: 54px;
height: 54px;
}
.wa-floating-btn svg {
width: 28px;
height: 28px;
}
.wa-floating-btn::after {
font-size: 11px;
padding: 6px 10px;
left: auto;
right: 0;
transform: translateY(0);
max-width: calc(100vw - 24px);
white-space: nowrap;
opacity: 1;
visibility: visible;
}
.wa-floating-btn::before {
border-left-width: 6px;
border-right-width: 6px;
border-top-width: 7px;
left: auto;
right: 20px;
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.wa-floating-btn:hover::before {
transform: translateY(0);
}
.wa-floating-btn:hover::after {
transform: translateY(0);
}
}
/* Keep first-screen "Записаться на замер" hover stable (no jump) */
.slider__skidka .slider__skidka-buts .hero-kuhni__cta:hover,
.slider__skidka .slider__skidka-buts .hero-kuhni__cta:focus,
.slider__skidka .slider__skidka-buts .hero-kuhni__cta:active {
transform: none !important;
filter: brightness(1.15) !important;
}
/* Noble Timeline Process Block */
.noble-timeline {
counter-reset: step-num;
position: relative;
padding: 60px 0 !important;
display: flex !important;
justify-content: space-between !important;
margin-bottom: 40px !important;
}
.noble-timeline .preimush__elem {
position: relative;
z-index: 1;
transition: all 0.4s ease;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
/* Noble background numbers */
.noble-timeline .preimush__elem::before {
counter-increment: step-num;
content: counter(step-num, decimal-leading-zero);
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
font-family: "Oranienbaum", serif;
font-size: 110px;
line-height: 1;
color: rgba(213, 185, 99, 0.07);
pointer-events: none;
z-index: -1;
transition: all 0.5s ease;
}
.noble-timeline .preimush__elem:hover::before {
color: rgba(213, 185, 99, 0.15);
transform: translateX(-50%) translateY(-10px);
}
/* Elegant icon containers */
.noble-timeline .preimush__box-svg {
width: 150px !important;
height: 150px !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
margin-bottom: 25px !important;
transition: transform 0.4s ease;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.noble-timeline .preimush__elem:hover .preimush__box-svg {
transform: translateY(-8px);
}
.noble-timeline .preimush__box-svg svg,
.noble-timeline .preimush__box-svg img {
width: 70px !important;
height: 70px !important;
filter: grayscale(1) opacity(0.6);
transition: all 0.4s ease;
}
.noble-timeline .preimush__elem:hover .preimush__box-svg svg,
.noble-timeline .preimush__elem:hover .preimush__box-svg img {
filter: grayscale(0) opacity(1);
}
/* Connecting lines (Desktop only) */
@media screen and (min-width: 1221px) {
.noble-timeline .preimush__elem:not(:last-child)::after {
content: none;
}
}
/* Typography refinement */
.noble-timeline .preimush__text {
font-family: "Montserrat", sans-serif;
font-size: 14px !important;
font-weight: 500 !important;
color: #666 !important;
line-height: 1.5 !important;
text-align: center !important;
max-width: 160px !important;
}
.noble-timeline .preimush__elem:hover .preimush__text {
color: #222 !important;
}
@media screen and (max-width: 1024px) {
.noble-timeline {
display: flex !important;
flex-wrap: wrap !important;
gap: 40px 20px !important;
justify-content: center !important;
}
.noble-timeline .preimush__elem {
flex: 0 0 calc(33.33% - 20px);
min-width: 160px;
}
}
@media screen and (max-width: 600px) {
.noble-timeline {
padding: 30px 0 !important;
}
.noble-timeline .preimush__elem {
flex: 0 0 100%;
}
.noble-timeline .preimush__elem::before {
font-size: 90px;
top: -10px;
}
}
/* Gold hover effect for Noble Timeline icons */
.noble-timeline .preimush__elem:hover .preimush__box-svg svg {
stroke: #D5B963 !important;
filter: grayscale(0) opacity(1) !important;
}
.noble-timeline .preimush__elem:hover .preimush__box-svg img {
filter: grayscale(0) opacity(1) sepia(100%) saturate(500%) hue-rotate(10deg) !important;
}
/* ------------------------------------------------------------------ */
/* Noble Timeline: Card UI Refresh (index first-screen process block) */
/* ------------------------------------------------------------------ */
.noble-timeline {
--nt-accent: #d5b963;
--nt-card-bg: #ffffff;
--nt-card-border: rgba(213, 185, 99, 0.24);
--nt-card-shadow: 0 10px 26px rgba(24, 24, 24, 0.06);
--nt-card-shadow-hover: 0 16px 34px rgba(24, 24, 24, 0.1);
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: space-between !important;
gap: 18px !important;
padding: 10px 0 10px !important;
margin-bottom: 34px !important;
}
.noble-timeline .preimush__elem {
position: relative;
flex: 1 1 0;
min-width: 0;
min-height: 230px;
min-width: 210px;
padding: 56px 18px 20px;
border-radius: 18px;
border: 1px solid var(--nt-card-border);
background: var(--nt-card-bg);
box-shadow: var(--nt-card-shadow);
transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.noble-timeline .preimush__elem:hover {
transform: translateY(-6px);
box-shadow: var(--nt-card-shadow-hover);
border-color: rgba(213, 185, 99, 0.42);
}
/* Step badge (01..05) */
.noble-timeline .preimush__elem::before {
content: none;
}
.noble-timeline .preimush__elem:hover::before {
content: none;
}
.noble-timeline .preimush__box-svg {
width: 60px !important;
height: 60px !important;
margin: 4px auto 14px !important;
border-radius: 50%;
border: 1px solid rgba(213, 185, 99, 0.35) !important;
background: linear-gradient(180deg, #fffdf8 0%, #f8f5eb 100%) !important;
box-shadow: 0 6px 18px rgba(213, 185, 99, 0.14) !important;
}
.noble-timeline .preimush__box-svg svg,
.noble-timeline .preimush__box-svg img {
width: 30px !important;
height: 30px !important;
filter: grayscale(0) opacity(0.78);
}
.noble-timeline .preimush__elem:hover .preimush__box-svg {
transform: translateY(-3px);
}
.noble-timeline .preimush__elem:hover .preimush__box-svg svg {
stroke: #b9962e !important;
}
.noble-timeline .preimush__text {
max-width: 240px !important;
margin: 0 auto !important;
text-align: center !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #2b2b2b !important;
letter-spacing: 0.01em;
}
.noble-timeline .preimush__text a,
.noble-timeline .preimush__text a span {
color: #1f1f1f !important;
font-weight: 700 !important;
}
@media screen and (max-width: 1200px) {
.noble-timeline {
flex-wrap: wrap !important;
justify-content: center !important;
gap: 16px !important;
}
.noble-timeline .preimush__elem {
flex: 0 0 calc(33.333% - 16px);
min-width: 210px;
}
}
@media screen and (max-width: 860px) {
.noble-timeline {
flex-wrap: nowrap !important;
justify-content: flex-start !important;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding-bottom: 12px !important;
}
.noble-timeline .preimush__elem {
flex: 0 0 min(78vw, 280px);
min-height: 214px;
scroll-snap-align: start;
}
}
/* ===== overrides.css ===== */
/* Consolidated project overrides (migrated from site_optimization.css) */
/* Catalog modal: desktop/tablet flow without right-side gap */
@media screen and (min-width: 482px) {
.anskaf .anskaf-menu>ul,
.anskaftwo__info .anskaf-menu>ul {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 16px;
row-gap: 0;
align-items: start;
}
.anskaf .anskaf-menu>ul>li,
.anskaftwo__info .anskaf-menu>ul>li {
width: auto;
min-width: 0;
margin-right: 0;
}
.anskaf .anskaf-menu>ul>li.item-241,
.anskaftwo__info .anskaf-menu>ul>li.item-241 {
grid-column: 1;
grid-row: 1 / span 8;
}
.anskaf .anskaf-menu>ul>li.item-242,
.anskaftwo__info .anskaf-menu>ul>li.item-242 {
grid-column: 2;
grid-row: 1;
}
.anskaf .anskaf-menu>ul>li.item-243,
.anskaftwo__info .anskaf-menu>ul>li.item-243 {
grid-column: 2;
grid-row: 2;
}
.anskaf .anskaf-menu>ul>li.item-246,
.anskaftwo__info .anskaf-menu>ul>li.item-246 {
grid-column: 2;
grid-row: 3;
}
.anskaf .anskaf-menu>ul>li.item-244,
.anskaftwo__info .anskaf-menu>ul>li.item-244 {
grid-column: 2;
grid-row: 4;
}
.anskaf .anskaf-menu>ul>li.item-247,
.anskaftwo__info .anskaf-menu>ul>li.item-247 {
grid-column: 3;
grid-row: 1;
}
.anskaf .anskaf-menu>ul>li.item-248,
.anskaftwo__info .anskaf-menu>ul>li.item-248 {
grid-column: 3;
grid-row: 2;
}
.anskaf .anskaf-menu>ul>li.item-245,
.anskaftwo__info .anskaf-menu>ul>li.item-245 {
grid-column: 3;
grid-row: 3;
}
.anskaf .anskaf-menu .nav-child,
.anskaftwo__info .anskaf-menu .nav-child {
margin-bottom: 12px;
}
}
/* Raboti gallery fallback: prevent raw thumbnail strip before Swiper init */
.raboti__img-box .sigplus-gallery>ul {
margin: 0;
padding: 0;
list-style: none;
height: 100%;
}
.raboti__img-box .sigplus-gallery>ul>li {
display: none;
height: 100%;
width: 100%;
}
.raboti__img-box .sigplus-gallery>ul>li:first-child {
display: block;
}
.raboti__img-box .sigplus-gallery>ul>li>a,
.raboti__img-box .sigplus-gallery>ul>li>a>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.raboti__img-box .sigplus-gallery>ul.swiper-wrapper>li {
display: block !important;
width: 100%;
}
/* Logo: no hover zoom, slightly larger default size */
.new-header__logo:hover svg {
transform: none !important;
}
.header__logo:hover,
.footer__logo:hover {
transform: none !important;
}
@media screen and (min-width: 993px) {
.new-header__logo svg {
width: 190px !important;
height: auto !important;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
.new-header__logo svg {
width: 180px !important;
height: auto !important;
}
}
@media screen and (max-width: 767px) {
.new-header__logo svg {
width: 170px !important;
height: auto !important;
}
}
/* Center description block in all work cards */
.raboti__opis {
align-items: center;
text-align: center;
}
.raboti__spisok {
width: fit-content;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.raboti__elem {
text-align: left;
}
/* Raboti desktop: avoid large empty gap when last row has fewer cards (e.g., 5 items) */
@media screen and (min-width: 993px) {
.raboti {
justify-content: flex-start;
gap: 30px 24px;
}
.raboti__onerab {
width: calc((100% - 48px) / 3);
max-width: none;
}
.raboti__onerab:nth-child(n + 4) {
margin-top: 0;
}
}
/* Raboti tablet: stable 2-column layout with consistent gaps */
@media screen and (min-width: 661px) and (max-width: 992px) {
.raboti {
justify-content: flex-start;
gap: 24px 20px;
}
.raboti__onerab {
width: calc((100% - 20px) / 2);
max-width: none;
margin: 0 !important;
}
.raboti__onerab:nth-child(n + 4) {
margin-top: 0;
}
}
/* Raboti mobile: stable single-column flow */
@media screen and (max-width: 660px) {
.raboti {
gap: 20px 0;
}
.raboti__onerab {
margin: 0 !important;
}
.raboti__onerab:nth-child(n + 4) {
margin-top: 0;
}
}
/* Mobile SEO text collapse/expand before .raboti */
.seo-mobile-toggle__btn {
display: none;
}
@media screen and (max-width: 768px) {
.seo-mobile-toggle {
position: relative;
}
.seo-mobile-toggle__content {
overflow: hidden;
max-height: 3000px;
transition: max-height 1.1s cubic-bezier(0.22, 0.61, 0.36, 1);
will-change: max-height;
}
.seo-mobile-toggle--expanded .seo-mobile-toggle__content {
max-height: 3000px;
}
.seo-mobile-toggle--collapsed .seo-mobile-toggle__content {
max-height: 360px;
overflow: hidden;
}
.seo-mobile-toggle--collapsed::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 90px;
pointer-events: none;
background: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 70%);
}
.seo-mobile-toggle__btn {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 12px 0 24px;
padding: 10px 16px;
border: 1px solid #d6c799;
border-radius: 10px;
background: #fff;
color: #2f2a22;
font-weight: 600;
cursor: pointer;
}
}
/* ===== extracted-inline-style: kak-zakazat.html ===== */
/* ===== PAGE: HOW TO ORDER ===== */
:root {
--gold: #c9a96e;
--dark: #2F2A22;
--muted: #6b6459;
--bg: #f9f7f3;
--border: #e8e4dc;
}
.info-page-hero {
padding: 60px 0 50px;
text-align: center;
}
.info-page-hero__breadcrumb {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 24px;
font-size: 14px;
color: #8a8578;
}
.info-page-hero__breadcrumb a {
color: #8a8578;
text-decoration: none;
transition: color 0.2s;
}
.info-page-hero__breadcrumb a:hover {
color: var(--gold);
}
.info-page-hero__title {
font-family: 'Oranienbaum', serif;
font-size: clamp(28px, 5vw, 42px);
color: var(--dark);
margin: 0 0 16px;
font-weight: 400;
}
.info-page-hero__subtitle {
font-size: 16px;
color: var(--muted);
max-width: 620px;
margin: 0 auto;
line-height: 1.6;
}
/* Order Steps Timeline */
.order-steps {
padding: 0 0 80px;
}
.order-steps__timeline {
max-width: 800px;
margin: 0 auto;
position: relative;
}
.order-steps__timeline::before {
content: '';
position: absolute;
left: 31px;
top: 40px;
bottom: 40px;
width: 2px;
background: linear-gradient(to bottom, var(--gold), #e8e4dc);
}
.step-item {
display: flex;
gap: 32px;
align-items: flex-start;
position: relative;
padding: 30px 0;
}
.step-item__num {
flex-shrink: 0;
width: 64px;
height: 64px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--gold);
display: flex;
align-items: center;
justify-content: center;
font-family: 'Oranienbaum', serif;
font-size: 24px;
color: var(--gold);
position: relative;
z-index: 2;
box-shadow: 0 4px 12px rgba(201, 169, 110, 0.15);
}
.step-item__content {
flex: 1;
background: #fff;
padding: 28px 32px;
border: 1px solid var(--border);
border-radius: 16px;
box-shadow: 0 2px 10px rgba(47, 42, 34, 0.03);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.step-item:hover .step-item__content {
transform: translateX(6px);
box-shadow: 0 8px 24px rgba(47, 42, 34, 0.08);
}
.step-item__content h3 {
font-size: 20px;
font-weight: 700;
color: var(--dark);
margin: 0 0 10px;
}
.step-item__content p {
font-size: 15px;
color: var(--muted);
line-height: 1.6;
margin: 0;
}
.step-item__badge {
display: inline-block;
background: #f7f3eb;
color: var(--gold);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 20px;
margin-top: 14px;
}
/* Why Us Section */
.order-why {
padding: 70px 0;
background: var(--bg);
}
.section-title {
font-family: 'Oranienbaum', serif;
font-size: clamp(24px, 4vw, 34px);
color: var(--dark);
text-align: center;
margin: 0 0 16px;
font-weight: 400;
}
.section-subtitle {
text-align: center;
color: var(--muted);
font-size: 15px;
margin: 0 0 50px;
line-height: 1.6;
}
.why-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 1200px;
margin: 0 auto;
}
.why-card {
background: #fff;
border: 1px solid var(--border);
border-radius: 20px;
padding: 40px 32px;
text-align: center;
transition: transform 0.3s ease;
}
.why-card:hover {
transform: translateY(-5px);
}
.why-card__icon {
width: 64px;
height: 64px;
margin: 0 auto 24px;
background: linear-gradient(135deg, #f7f3eb 0%, #ece6d8 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.why-card__icon svg {
width: 30px;
height: 30px;
stroke: var(--gold);
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.why-card h4 {
font-size: 18px;
font-weight: 700;
color: var(--dark);
margin: 0 0 12px;
}
.why-card p {
font-size: 14px;
color: var(--muted);
line-height: 1.6;
margin: 0;
}
/* CTA Section */
.info-cta {
padding: 70px 0;
background: linear-gradient(135deg, var(--dark) 0%, #3d3730 100%);
text-align: center;
}
.info-cta h2 {
font-family: 'Oranienbaum', serif;
font-size: clamp(24px, 4vw, 36px);
color: #fff;
margin: 0 0 14px;
font-weight: 400;
}
.info-cta p {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
margin: 0 0 32px;
}
.info-cta__btn {
display: inline-block;
background: var(--gold);
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 16px 40px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background 0.3s, transform 0.2s;
}
.info-cta__btn:hover {
background: #b8954f;
transform: translateY(-2px);
}
.info-cta__phone {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
margin-top: 20px;
}
.info-cta__phone a {
color: var(--gold);
text-decoration: none;
}
/* Mobile Adjustments */
@media (max-width: 900px) {
.why-grid {
grid-template-columns: 1fr;
max-width: 450px;
}
.step-item {
gap: 20px;
}
.order-steps__timeline::before {
left: 23px;
}
.step-item__num {
width: 48px;
height: 48px;
font-size: 18px;
}
.step-item__content {
padding: 24px;
}
}
/* ===== extracted-inline-style: dizajn-mebeli.html ===== */
/* ===== PAGE: FURNITURE DESIGN ===== */
:root {
--gold: #c9a96e;
--dark: #2F2A22;
--muted: #6b6459;
--bg: #f9f7f3;
--border: #e8e4dc;
}
.info-page-hero {
padding: 60px 0 50px;
text-align: center;
}
.info-page-hero__breadcrumb {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 24px;
font-size: 14px;
color: #8a8578;
}
.info-page-hero__breadcrumb a {
color: #8a8578;
text-decoration: none;
transition: color 0.2s;
}
.info-page-hero__breadcrumb a:hover {
color: var(--gold);
}
.info-page-hero__title {
font-family: 'Oranienbaum', serif;
font-size: clamp(28px, 5vw, 42px);
color: var(--dark);
margin: 0 0 16px;
font-weight: 400;
}
.info-page-hero__subtitle {
font-size: 16px;
color: var(--muted);
max-width: 620px;
margin: 0 auto;
line-height: 1.6;
}
/* Design Cards Grid */
.design-features {
padding: 0 0 70px;
}
.design-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 1200px;
margin: 0 auto;
}
.design-card {
background: #fff;
border: 1px solid var(--border);
border-radius: 20px;
padding: 40px 32px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.design-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(47, 42, 34, 0.08);
}
.design-card__icon {
width: 68px;
height: 68px;
margin: 0 auto 24px;
background: linear-gradient(135deg, #f7f3eb 0%, #ece6d8 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.design-card__icon svg {
width: 30px;
height: 30px;
stroke: var(--gold);
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.design-card h3 {
font-size: 19px;
font-weight: 700;
color: var(--dark);
margin: 0 0 12px;
}
.design-card p {
font-size: 14px;
color: var(--muted);
line-height: 1.6;
margin: 0;
}
.design-card p.design-card__note {
margin-top: 20px;
padding-top: 14px;
border-top: 1px solid #ece7dc;
font-size: 13px;
line-height: 1.45;
color: #8b8578;
text-align: center;
}
.design-card__badge {
display: inline-block;
background: var(--gold);
color: #fff;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 12px;
border-radius: 20px;
margin-bottom: 16px;
}
/* Design Process */
.design-process {
padding: 70px 0;
background: var(--bg);
}
.section-title {
font-family: 'Oranienbaum', serif;
font-size: clamp(24px, 4vw, 34px);
color: var(--dark);
text-align: center;
margin: 0 0 16px;
font-weight: 400;
}
.section-subtitle {
text-align: center;
color: var(--muted);
font-size: 15px;
margin: 0 0 45px;
line-height: 1.6;
}
.process-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
max-width: 880px;
margin: 0 auto;
}
.process-item {
display: flex;
gap: 18px;
align-items: flex-start;
padding: 24px;
background: #fff;
border: 1px solid var(--border);
border-radius: 16px;
}
.process-item__num {
flex-shrink: 0;
width: 36px;
height: 36px;
background: var(--gold);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 15px;
}
.process-item h4 {
font-size: 16px;
font-weight: 700;
color: var(--dark);
margin: 0 0 6px;
}
.process-item p {
font-size: 14px;
color: var(--muted);
margin: 0;
line-height: 1.5;
}
/* CTA Section */
.info-cta {
padding: 70px 0;
background: linear-gradient(135deg, var(--dark) 0%, #3d3730 100%);
text-align: center;
}
.info-cta h2 {
font-family: 'Oranienbaum', serif;
font-size: clamp(24px, 4vw, 36px);
color: #fff;
margin: 0 0 14px;
font-weight: 400;
}
.info-cta p {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
margin: 0 0 32px;
}
.info-cta__btn {
display: inline-block;
background: var(--gold);
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 16px 40px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background 0.3s, transform 0.2s;
}
.info-cta__btn:hover {
background: #b8954f;
transform: translateY(-2px);
}
.info-cta__phone {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
margin-top: 20px;
}
.info-cta__phone a {
color: var(--gold);
text-decoration: none;
}
/* Mobile Adjustments */
@media (max-width: 992px) {
.design-grid {
grid-template-columns: 1fr;
max-width: 450px;
}
.process-list {
grid-template-columns: 1fr;
}
}
/* ===== extracted-inline-style: vopros-otvet.html ===== */
/* ===== PAGE: FAQ ===== */
:root {
--gold: #c9a96e;
--dark: #2F2A22;
--muted: #6b6459;
--bg: #f9f7f3;
--border: #e8e4dc;
}
.info-page-hero {
padding: 60px 0 50px;
text-align: center;
}
.info-page-hero__breadcrumb {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 24px;
font-size: 14px;
color: #8a8578;
}
.info-page-hero__breadcrumb a {
color: #8a8578;
text-decoration: none;
transition: color 0.2s;
}
.info-page-hero__breadcrumb a:hover {
color: var(--gold);
}
.info-page-hero__title {
font-family: 'Oranienbaum', serif;
font-size: clamp(28px, 5vw, 42px);
color: var(--dark);
margin: 0 0 16px;
font-weight: 400;
}
.info-page-hero__subtitle {
font-size: 16px;
color: var(--muted);
max-width: 620px;
margin: 0 auto;
line-height: 1.6;
}
/* FAQ Accordion */
.faq-section {
padding: 0 0 80px;
max-width: 860px;
margin: 0 auto;
}
.faq-category {
font-family: 'Oranienbaum', serif;
font-size: 24px;
color: var(--dark);
margin: 40px 0 20px;
padding-bottom: 12px;
border-bottom: 2px solid var(--border);
}
.faq-category:first-of-type {
margin-top: 0;
}
.faq-item {
background: #fff;
border: 1px solid var(--border);
border-radius: 16px;
margin-bottom: 16px;
overflow: hidden;
transition: box-shadow 0.3s ease;
}
.faq-item:hover {
box-shadow: 0 6px 20px rgba(47, 42, 34, 0.05);
}
.faq-question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 32px;
cursor: pointer;
text-align: left;
border: none;
background: none;
gap: 20px;
}
.faq-question h3 {
font-size: 17px;
font-weight: 600;
color: var(--dark);
margin: 0;
line-height: 1.4;
}
.faq-icon {
flex-shrink: 0;
width: 32px;
height: 32px;
background: var(--bg);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease, background 0.3s ease;
}
.faq-icon svg {
width: 14px;
height: 14px;
stroke: var(--gold);
fill: none;
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.faq-item.active .faq-icon {
background: var(--gold);
}
.faq-item.active .faq-icon svg {
stroke: #fff;
transform: rotate(180deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-answer__inner {
padding: 0 32px 24px;
font-size: 15px;
color: var(--muted);
line-height: 1.7;
}
.faq-answer__inner a {
color: var(--gold);
text-decoration: underline;
}
/* CTA Section */
.info-cta {
padding: 70px 0;
background: linear-gradient(135deg, var(--dark) 0%, #3d3730 100%);
text-align: center;
}
.info-cta h2 {
font-family: 'Oranienbaum', serif;
font-size: clamp(24px, 4vw, 36px);
color: #fff;
margin: 0 0 14px;
font-weight: 400;
}
.info-cta p {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
margin: 0 0 32px;
}
.info-cta__btn {
display: inline-block;
background: var(--gold);
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 16px 40px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background 0.3s, transform 0.2s;
}
.info-cta__btn:hover {
background: #b8954f;
transform: translateY(-2px);
}
.info-cta__phone {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
margin-top: 20px;
}
.info-cta__phone a {
color: var(--gold);
text-decoration: none;
}
@media (max-width: 600px) {
.faq-question {
padding: 20px;
}
.faq-answer__inner {
padding: 0 20px 20px;
}
}
/* ===== extracted-inline-style: mebel-dlya-vannoj-na-zakaz.html ===== */
.page-bathroom .hero-kuhni__bg {
background-image: linear-gradient(120deg, rgba(27, 22, 15, 0.78), rgba(27, 22, 15, 0.52)),
url('../images/bathroom/1/1.jpg');
background-size: cover;
background-position: center;
}
:root {
--accent-gold: #D6C799;
--dark-text: #2F2A22;
--light-bg: #fdfbf7;
--section-gap: 120px;
}
/* Hero Section Enhancements */
.bathroom-hero {
background: linear-gradient(135deg, #fdfbf7 0%, #f1ebde 100%);
padding: 120px 0 100px;
text-align: center;
position: relative;
overflow: hidden;
}
.bathroom-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(214, 199, 153, 0.3), transparent);
}
.bathroom-hero__breadcrumb {
margin-bottom: 40px;
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
color: #999;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.bathroom-hero__breadcrumb a {
color: #999;
text-decoration: none;
transition: color 0.3s;
}
.bathroom-hero__breadcrumb a:hover {
color: var(--accent-gold);
}
.bathroom-hero__title {
font-family: 'Oranienbaum', serif;
font-size: 64px;
color: var(--dark-text);
margin-bottom: 25px;
line-height: 1.1;
font-weight: 400;
}
.bathroom-hero__subtitle {
font-size: 22px;
color: #777;
max-width: 850px;
margin: 0 auto 60px;
line-height: 1.7;
font-weight: 300;
}
.bathroom-benefits {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
max-width: 1100px;
margin: 0 auto 70px;
}
.bathroom-benefit {
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
padding: 40px 25px;
border-radius: 4px;
/* Более строгий, премиальный вид */
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 15px 35px rgba(47, 42, 34, 0.03);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
min-height: 200px;
/* Чтобы все блоки были одной высоты */
}
.bathroom-benefit:hover {
transform: translateY(-10px);
background: #fff;
border-color: var(--accent-gold);
box-shadow: 0 25px 50px rgba(47, 42, 34, 0.08);
}
.bathroom-benefit__icon {
width: 48px;
height: 48px;
margin-bottom: 25px;
color: var(--accent-gold);
stroke-width: 1.2;
display: block;
}
.bathroom-benefit__title {
font-weight: 500;
font-size: 15px;
color: var(--dark-text);
line-height: 1.5;
max-width: 180px;
/* Чтобы текст красиво переносился */
text-transform: none;
}
.bathroom-hero__cta {
background: var(--dark-text);
color: #fff;
padding: 24px 60px;
font-size: 14px;
font-weight: 600;
border: none;
cursor: pointer;
border-radius: 2px;
transition: all 0.3s;
text-transform: uppercase;
letter-spacing: 2px;
box-shadow: 0 15px 35px rgba(47, 42, 34, 0.2);
}
.bathroom-hero__cta:hover {
background: var(--accent-gold);
transform: scale(1.02);
box-shadow: 0 20px 45px rgba(214, 199, 153, 0.3);
}
/* Content Sections */
.bathroom-content {
padding: var(--section-gap) 0;
background: #fff;
}
.article-section {
display: flex;
align-items: center;
gap: 80px;
margin-bottom: 120px;
}
.article-section--reverse {
flex-direction: row-reverse;
}
.article-section__text {
flex: 1.1;
}
.article-section__image {
flex: 1;
position: relative;
}
.article-section__image img {
width: 100%;
height: auto;
display: block;
border-radius: 2px;
box-shadow: 30px 30px 0px rgba(214, 199, 153, 0.1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.article-section__image:hover img {
transform: translate(-10px, -10px);
box-shadow: 40px 40px 0px rgba(214, 199, 153, 0.15);
}
.article-section h2 {
font-family: 'Oranienbaum', serif;
font-size: 48px;
margin-bottom: 35px;
color: var(--dark-text);
line-height: 1.15;
position: relative;
padding-bottom: 20px;
}
.article-section h2::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 2px;
background: var(--accent-gold);
}
.article-section--reverse h2::after {
left: auto;
right: 0;
}
.article-section--reverse .article-section__text {
text-align: right;
}
.article-section p {
font-size: 19px;
line-height: 1.9;
color: #555;
margin-bottom: 25px;
font-weight: 300;
}
.feature-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin: 80px 0;
}
.feature-item {
padding: 45px 35px;
background: #fcfaf7;
border-top: 2px solid var(--accent-gold);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02);
transition: background 0.3s;
}
.feature-item:hover {
background: #f5f0e6;
}
.feature-item h4 {
font-size: 22px;
font-family: 'Oranienbaum', serif;
margin-bottom: 20px;
color: var(--dark-text);
}
.feature-item p {
font-size: 16px;
line-height: 1.6;
color: #777;
margin: 0;
}
.wide-image-vessel {
margin: var(--section-gap) 0;
border-radius: 4px;
overflow: hidden;
height: 600px;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
}
.wide-image-vessel img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 12s ease;
}
.wide-image-vessel:hover img {
transform: scale(1.1);
}
/* Recommendations */
.useful-tips {
background: #1a1713;
padding: 120px 0;
color: #fff;
}
.useful-tips__title {
font-family: 'Oranienbaum', serif;
font-size: 52px;
margin-bottom: 60px;
color: #fff;
text-align: center;
}
.useful-tips__list {
max-width: 900px;
margin: 0 auto 80px;
}
.useful-tips__list li {
position: relative;
padding-left: 45px;
margin-bottom: 35px;
font-size: 20px;
line-height: 1.8;
color: #ccc;
list-style: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
padding-bottom: 25px;
}
.useful-tips__list li::before {
content: '';
position: absolute;
left: 0;
top: 12px;
width: 25px;
height: 1px;
background: var(--accent-gold);
}
.tips-gallery {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.tips-gallery__item {
aspect-ratio: 4/5;
border-radius: 2px;
overflow: hidden;
transition: all 0.5s;
filter: grayscale(0.4);
background: #111;
}
.tips-gallery__item:hover {
filter: grayscale(0);
transform: translateY(-10px);
z-index: 2;
}
.tips-gallery__item a {
display: block;
width: 100%;
height: 100%;
}
.tips-gallery__item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
cursor: zoom-in;
}
.cta-premium-card {
max-width: 1000px;
margin: 0 auto;
padding: 100px 40px;
border: 1px solid rgba(214, 199, 153, 0.2);
position: relative;
background: radial-gradient(circle at center, rgba(255, 255, 255, 0.03) 0%, transparent 100%);
}
.cta-premium-card::before {
content: '';
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 1px solid rgba(214, 199, 153, 0.1);
pointer-events: none;
}
.cta-premium-card h2 {
font-family: 'Oranienbaum', serif;
font-size: 56px;
color: #fff;
margin-bottom: 25px;
line-height: 1.2;
font-weight: 400;
}
.cta-premium-card p {
font-size: 22px;
color: #aaa;
max-width: 650px;
margin: 0 auto 60px;
font-weight: 300;
}
.cta-premium-card .info-cta__btn {
background: var(--accent-gold);
color: #1a1713;
border: none;
padding: 26px 60px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
cursor: pointer;
transition: all 0.4s;
border-radius: 0;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}
.cta-premium-card .info-cta__btn:hover {
background: #fff;
transform: translateY(-5px);
box-shadow: 0 20px 50px rgba(214, 199, 153, 0.25);
}
.cta-premium-phone {
margin-top: 50px;
font-size: 19px;
color: #888;
font-weight: 300;
}
.cta-premium-phone a {
color: #fff;
text-decoration: none;
font-weight: 500;
margin-left: 10px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
transition: all 0.3s;
}
.cta-premium-phone a:hover {
color: var(--accent-gold);
border-bottom-color: var(--accent-gold);
}
@media (max-width: 1200px) {
.bathroom-hero__title {
font-size: 52px;
}
.article-section {
gap: 40px;
}
}
@media (max-width: 992px) {
:root {
--section-gap: 80px;
}
.article-section,
.article-section--reverse {
flex-direction: column;
text-align: center;
gap: 50px;
}
.article-section--reverse h2::after {
left: 0;
right: auto;
}
.article-section--reverse .article-section__text {
text-align: center;
}
.bathroom-benefits {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.feature-grid {
grid-template-columns: 1fr;
}
.tips-gallery {
grid-template-columns: repeat(3, 1fr);
}
.bathroom-hero__title {
font-size: 42px;
}
.wide-image-vessel {
height: 400px;
}
.cta-premium-card h2 {
font-size: 42px;
}
}
@media (max-width: 576px) {
.bathroom-hero__title {
font-size: 34px;
}
.bathroom-benefits {
grid-template-columns: 1fr;
}
.tips-gallery {
grid-template-columns: repeat(2, 1fr);
}
.useful-tips__title {
font-size: 36px;
}
.cta-premium-card {
padding: 60px 20px;
}
.cta-premium-card h2 {
font-size: 32px;
}
.cta-premium-card p {
font-size: 18px;
}
}
/* bathroom page: reuse oplata CTA style */
.pay-cta {
padding: 60px 0;
background: linear-gradient(135deg, #2F2A22 0%, #3d3730 100%);
text-align: center;
}
.pay-cta__title {
font-family: 'Oranienbaum', serif;
font-size: clamp(22px, 4vw, 32px);
color: #fff;
margin: 0 0 12px;
font-weight: 400;
}
.pay-cta__desc {
color: rgba(255, 255, 255, 0.7);
font-size: 15px;
margin: 0 0 28px;
}
.pay-cta__btn {
display: inline-block;
background: #c9a96e;
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 14px 36px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background 0.3s ease, transform 0.2s ease;
}
.pay-cta__btn:hover {
background: #b8954f;
transform: translateY(-2px);
}
.pay-cta__phone {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
margin-top: 16px;
}
.pay-cta__phone a {
color: #c9a96e;
text-decoration: none;
}
@media (max-width: 600px) {
.pay-cta {
padding: 40px 0;
}
}
.hero-kuhni__title {
font-size: 40px !important;
}
@media screen and (max-width: 992px) {
.modalmenu .glav-menu {
display: none !important;
}
}
/* Audit Banner v3 - Light Site Version */
.audit-banner-v3 {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr);
gap: 18px;
align-items: stretch;
background: linear-gradient(180deg, #fefcf9 0%, #fbf8f4 100%);
border: 1px solid #e7dbcf;
border-radius: 18px;
padding: 30px 30px;
margin: 30px 0;
color: #2f2f2f;
box-shadow: 0 10px 26px rgba(64, 42, 18, 0.05);
}
.audit-banner-v3__info {
min-width: 0;
max-width: 740px;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 12px;
align-self: start;
}
.audit-banner-v3__eyebrow {
display: inline-flex;
align-items: center;
min-height: 26px;
padding: 4px 10px;
margin: 0 0 10px;
border-radius: 999px;
background: #fff;
border: 1px solid #e5d8ca;
color: #7a634c;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.audit-banner-v3__title {
font-size: 32px;
line-height: 1.16;
margin: 0 0 10px;
font-family: 'Oranienbaum', serif;
font-weight: 400;
max-width: 640px;
}
.text-accent {
color: #c43c3c;
/* Красный акцент как на сайте */
font-weight: 700;
}
.audit-banner-v3 .text-accent {
color: #aa554d;
}
.audit-banner-v3__desc {
font-size: 15px;
line-height: 1.48;
color: #5f5f5f;
margin-bottom: 0;
max-width: 600px;
}
.audit-trustlist {
display: grid;
gap: 8px;
margin-top: 12px;
max-width: 640px;
}
.audit-trustline {
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
border: none;
background: transparent;
font-size: 14px;
line-height: 1.3;
color: #705f4f;
}
.audit-trustline::before {
content: '';
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background: #ba8450;
margin-right: 7px;
vertical-align: 1px;
}
.audit-process {
margin-top: 12px;
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
}
.audit-process__item {
margin: 0;
display: inline-flex;
align-items: center;
position: relative;
font-size: 15px;
line-height: 1.3;
color: #6a5d50;
}
.audit-process__item:not(:last-child)::after {
content: '\2192';
margin-left: 10px;
color: #b8946d;
}
@media (max-width: 992px) {
.audit-process {
flex-wrap: wrap;
row-gap: 6px;
white-space: normal;
}
}
.audit-banner-v3__steps {
position: relative;
display: flex;
align-items: center;
gap: 18px;
margin-top: 2px;
max-width: 620px;
padding-top: 3px;
}
.audit-banner-v3__steps::before {
content: '';
position: absolute;
left: 15px;
right: 15px;
top: 18px;
height: 1px;
background: #dfd1c2;
z-index: 0;
}
.audit-step {
display: flex;
align-items: center;
gap: 9px;
flex: 1 1 0;
padding: 0;
border: none;
background: transparent;
font-size: 13px;
font-weight: 700;
color: #6b6965;
position: relative;
z-index: 1;
}
.audit-step::after {
content: '\2192';
position: absolute;
right: -13px;
top: 3px;
font-size: 12px;
color: #b5aa9d;
}
.audit-step:last-child::after {
display: none;
}
.audit-step span {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
background: #efe2d4;
color: #9f7147;
border-radius: 50%;
border: 1px solid #e3d5c6;
font-size: 11px;
flex: 0 0 auto;
}
/* Форма v3 */
.audit-form-v3 {
display: flex;
flex-direction: column;
gap: 10px;
align-items: stretch;
background: #fff;
border: 1px solid #e7dbcf;
border-radius: 16px;
box-shadow: 0 6px 18px rgba(64, 42, 18, 0.06);
padding: 12px;
width: 100%;
}
.audit-form-v3 .form-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.audit-form-v3 .form-group label {
font-size: 14px;
font-weight: 600;
color: #444;
}
.audit-form-v3 .form-control {
width: 100%;
height: 52px;
padding: 0 18px;
border: 1px solid #d6cbbe;
border-radius: 13px;
font-size: 16px;
background: #fff;
transition: all 0.3s ease;
box-sizing: border-box;
color: #2d2d2d;
}
.audit-form-v3 .form-control::placeholder {
color: #6f7480;
}
.audit-form-v3 .form-control:focus {
border-color: #d5b963;
outline: none;
box-shadow: 0 0 0 4px rgba(213, 185, 99, 0.15);
}
/* Загрузка файла v3 */
.file-upload-wrapper {
position: relative;
cursor: pointer;
}
.file-upload-input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.file-upload-btn {
display: flex;
align-items: center;
gap: 12px;
min-height: 54px;
padding: 8px 12px;
background: #fff;
border: 1px dashed #d6cbbe;
border-radius: 13px;
color: #6f7480;
font-size: 14px;
transition: all 0.3s ease;
box-sizing: border-box;
justify-content: space-between;
}
.file-upload-wrapper:hover .file-upload-btn {
background: #fffdfa;
border-color: #d5b963;
color: #333;
}
.file-upload-icon {
flex: 0 0 auto;
color: #8f8b84;
opacity: 0.9;
}
.file-upload-text {
display: flex;
flex: 1 1 auto;
min-width: 0;
flex-direction: column;
gap: 2px;
}
.file-upload-title {
font-size: 15px;
font-weight: 600;
color: #4f4c47;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.file-upload-meta {
font-size: 12px;
color: #8d8479;
}
.file-remove-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #d5c9bb;
background: #fff;
color: #8a7f73;
font-size: 16px;
line-height: 1;
cursor: pointer;
transition: all 0.2s ease;
padding: 0;
}
.file-remove-btn:hover {
border-color: #c24933;
color: #c24933;
}
.audit-notes-toggle {
align-self: flex-start;
border: none;
background: transparent;
color: #7f6d5b;
font-size: 13px;
font-weight: 600;
cursor: pointer;
padding: 0;
line-height: 1.2;
}
.audit-notes-toggle:hover {
color: #5f4f41;
}
.audit-notes-wrap {
width: 100%;
}
.audit-notes-field {
width: 100%;
min-height: 92px;
resize: vertical;
border: 1px solid #d6cbbe;
border-radius: 13px;
background: #fff;
color: #2d2d2d;
font-size: 15px;
line-height: 1.35;
padding: 12px 14px;
font-family: 'Montserrat', sans-serif;
}
.audit-notes-field::placeholder {
color: #8c8379;
}
.audit-notes-field:focus {
border-color: #d5b963;
outline: none;
box-shadow: 0 0 0 4px rgba(213, 185, 99, 0.15);
}
.submit-btn-audit {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 52px;
background: linear-gradient(135deg, #d55644 0%, #bf4c3a 100%);
color: #fff;
border: none;
border-radius: 13px;
font-weight: 700;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.45px;
cursor: pointer;
box-shadow: 0 8px 18px rgba(160, 67, 51, 0.2);
transition: all 0.3s ease;
margin-top: 0;
animation: none !important;
}
.submit-btn-audit:hover {
transform: translateY(-1px);
box-shadow: 0 10px 22px rgba(160, 67, 51, 0.24);
}
.audit-form-note {
margin: -2px 2px 0;
text-align: center;
font-size: 11px;
line-height: 1.3;
color: #867b70;
}
.audit-status-v3 {
font-size: 12px;
text-align: center;
min-height: 0;
line-height: 1.25;
}
.audit-status-v3:empty {
display: none;
}
.audit-status-v3.success {
color: #27ae60;
font-weight: 600;
}
.audit-status-v3.error {
color: #e74c3c;
}
/* Улучшения Drag&Drop и анимации */
.file-upload-wrapper.drag-over .file-upload-btn {
background: #fff;
border-color: #c43c3c;
box-shadow: 0 0 15px rgba(196, 60, 60, 0.1);
transform: scale(1.02);
}
.file-upload-wrapper.file-selected .file-upload-btn {
background: #f7fff8;
border-color: #8ccaa1;
border-style: solid;
color: #2c7d4f;
}
.file-upload-wrapper.file-selected .file-upload-title {
color: #2c7d4f;
}
.file-upload-wrapper.file-selected .file-upload-meta {
color: #4f8967;
}
.audit-step span {
animation: none;
}
@keyframes pulse-step {
0% {
box-shadow: 0 0 0 0 rgba(238, 225, 213, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(238, 225, 213, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(238, 225, 213, 0);
}
}
@keyframes pulse-red-kuhni {
0% {
box-shadow: 0 0 0 0 rgba(194, 73, 51, 0.4);
}
70% {
box-shadow: 0 0 0 15px rgba(194, 73, 51, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(194, 73, 51, 0);
}
}
.audit-privacy {
font-size: 12px;
color: #757575;
text-align: center;
margin-top: 4px;
line-height: 1.35;
}
.audit-form-v3 .standform__nomer {
margin-top: 0;
}
.audit-form-v3 .standform__error {
display: none;
min-height: 0;
margin: 0;
}
.audit-form-v3 .standform__nomer.is-invalid+.standform__error {
display: block;
margin: 6px 0 0 2px;
}
/* Audit banner style preset: .audit-banner-v3--elegant (default) */
.audit-banner-v3--elegant {
background: linear-gradient(180deg, #fdfbf9 0%, #faf7f4 100%);
border-color: #e9ddd0;
box-shadow: 0 8px 22px rgba(64, 42, 18, 0.05);
}
.audit-banner-v3--elegant .audit-step {
background: transparent;
border: none;
}
@media (max-width: 1200px) {
.audit-banner-v3 {
grid-template-columns: 1fr;
gap: 14px;
}
.audit-form-v3 {
max-width: 760px;
width: 100%;
}
.audit-banner-v3__info,
.audit-banner-v3__title,
.audit-banner-v3__desc,
.audit-trustlist {
max-width: none;
}
}
@media (max-width: 992px) {
.audit-banner-v3 {
padding: 18px 16px;
grid-template-columns: 1fr;
align-items: stretch;
gap: 12px;
}
.audit-form-v3 {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
max-width: 100%;
}
.audit-form-v3 .form-control {
height: 52px;
font-size: 15px;
}
.file-upload-btn {
min-height: 52px;
}
.file-upload-title {
font-size: 15px;
}
.audit-notes-field {
min-height: 84px;
font-size: 14px;
}
.submit-btn-audit {
height: 52px;
}
.audit-form-note,
.audit-status-v3 {
text-align: center;
}
.audit-banner-v3__title {
font-size: 26px;
}
.audit-banner-v3__desc {
font-size: 14px;
}
}
@media (max-width: 576px) {
.audit-banner-v3__steps {
display: flex;
gap: 14px;
max-width: none;
overflow-x: auto;
padding-bottom: 2px;
}
.audit-banner-v3__steps::before {
left: 20px;
right: 20px;
}
.audit-step {
flex: 0 0 auto;
min-width: 138px;
}
.audit-step::after {
right: -10px;
}
}
.sigplus-gallery>ul>li.office-gallery__item--hidden{display:none!important}.office-gallery__toggle.button-red{display:block;width:fit-content;margin:18px auto 4px}
.office-gallery__toggle.button-red{animation:none!important;transform:none!important}.office-gallery__toggle.button-red:hover{animation:none!important;transform:none!important}.office-gallery__toggle.button-red::before,.office-gallery__toggle.button-red::after{display:none!important;content:none!important;animation:none!important}
a.vspl-standform-power{cursor:pointer}
@media screen and (max-width: 768px){
.modalmenu{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
min-height:100dvh;
padding:24px 16px;
overflow-y:auto;
}
.modalmenu__logo{display:none!important}
.modalmenu__nomers,
.modalmenu__obratn,
.modalmenu__menu,
.modalmenu .glav-menu,
.modalmenu__razdelitel{display:none!important}
.modalmenu .pokupat-menu,
.modalmenu .modalmenu__svyaz{
width:100%;
max-width:300px;
margin-left:auto;
margin-right:auto;
}
.modalmenu .pokupat-menu{margin-top:0}
.modalmenu .pokupat-menu ul.nav.menu.mod-list{
display:flex;
flex-direction:column;
gap:10px;
}
.modalmenu .pokupat-menu li{margin:0}
.modalmenu .modalmenu__svyaz{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
margin-top:20px;
}
.modalmenu .modalmenu__svyaz .modalmenu__nomer,
.modalmenu .modalmenu__svyaz .modalmenu__geo,
.modalmenu .modalmenu__svyaz .modalmenu__clock{
width:100%;
margin:0;
}
}
@media screen and (max-width: 768px){.modalmenu .modalmenu__svyaz .modalmenu__clock{display:none!important}}
@media screen and (max-width: 768px){
.modalmenu{
justify-content:flex-start;
align-items:stretch;
min-height:100vh;
padding-top:56px;
}
.modalmenu .pokupat-menu{
margin-top:24px;
margin-bottom:34px;
}
.modalmenu .modalmenu__svyaz{
margin-top:34px;
}
}
@media screen and (max-width: 768px){
.modalmenu{
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
.modalmenu .modalmenu__svyaz{order:1}
.modalmenu .pokupat-menu{order:2}
}
@media screen and (max-width: 768px){
.panel{
padding:4px 8px calc(2px + env(safe-area-inset-bottom));
gap:6px;
}
.panel__action,
.panel__icon{
height:48px;
padding:4px 8px;
border-radius:10px;
}
.panel__action{
font-size:12px;
}
.panel__action-icon{
width:18px;
height:18px;
margin-bottom:2px;
}
.panel__action-text{
font-size:11px;
line-height:1;
}
.panel__action::after,
.panel__icon::after{
top:8px;
bottom:8px;
}
.panel__box[data-panel="on"]{
bottom:58px;
}
}
@media screen and (max-width: 481px){
.soderjimoe{margin-bottom:44px!important}
}
@media (min-width: 482px) and (max-width: 768px){.soderjimoe{margin-bottom:52px!important}}
@media screen and (max-width: 768px){
/* Modal menu spacing: equal gaps */
.modalmenu{
justify-content:flex-start;
align-items:stretch;
min-height:100vh;
padding:56px 16px 16px;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
.modalmenu .modalmenu__svyaz{order:1;margin-top:0;margin-bottom:14px}
.modalmenu .pokupat-menu{order:2;margin-top:0;margin-bottom:0}
.modalmenu .pokupat-menu-zag{margin-bottom:14px}
/* Bottom mobile bar: compact fixed height without extra bottom growth */
.panel{
padding:4px 8px 4px !important;
gap:6px;
min-height:56px;
}
.panel__action,
.panel__icon{
height:44px;
padding:4px 8px;
border-radius:10px;
}
.panel__action{font-size:12px}
.panel__action-icon{width:17px;height:17px;margin-bottom:2px}
.panel__action-text{font-size:11px;line-height:1}
.panel__box[data-panel="on"]{bottom:56px}
/* Remove artificial extra page tail under panel */
.soderjimoe{margin-bottom:0 !important}
body{padding-bottom:56px !important}
}
/* Tighten gap in zamer modal: phone field -> submit button */
.vspl-zamerform .standform__nomer { margin-top: 8px !important; }
.vspl-zamerform .standform__but { margin-top: 10px !important; }
/* Separate spacing for modal forms */
.vspl-standform .standform__nomer { margin-top: 10px !important; }
.vspl-standform .standform__but { margin-top: 25px !important; }
.vspl-zamerform .standform__nomer { margin-top: 10px !important; }
.vspl-zamerform .standform__but { margin-top: 25px !important; }
/* No reserved gap for phone error in modal forms */
.vspl-zamerform .standform__error,
.vspl-standform .standform__error{
display:none !important;
min-height:0 !important;
margin:6px 0 0 2px !important;
}
.vspl-zamerform .standform__nomer.is-invalid + .standform__error,
.vspl-standform .standform__nomer.is-invalid + .standform__error{
display:block !important;
visibility:visible !important;
}