/*
Theme Name: Senega
Theme URI: http://example.com/my-custom-theme
Author: Nabozhev
Author URI: https: //kwork.ru/user/nabozhev
Description: Это моя кастомная тема для WordPress
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: senega-custom-theme
*/
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
}
.white-popup .wpcf7-not-valid-tip {left: 0px; top: 6px;}
.product-title-link {position: relative; z-index: 32434;}
.link {
text-decoration: underline;
}
#consultation-popup h3, #consultation-popup .wpcf7-checkbox {text-align: left;}
.acs {width: 300px; display: block;}
/* Header Styles */
.main_header {
background: linear-gradient(272.1deg, #353441 1.52%, #493F3F 98.48%);
height: 117px;
align-items: center;
position: relative;
z-index: 100;
box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
transition: all 0.3s ease;
/* Добавляем плавный переход */
}
.main_header.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 80px;
/* Уменьшаем высоту для фиксированного состояния */
animation: slideDown 0.3s ease-out;
}
.main_header.fixed .header-top {
height: 62px;
padding: 10px 0;
transition: all .3s ease;
}
/* Дополнительные стили для содержимого, чтобы оно не прыгало при фиксации шапки */
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
.catalog-item-img-link {position: relative; z-index: 200;}
.container {
width: 1290px;
max-width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
position: relative;
z-index: 10;
}
.header-container {
width: 1290px;
max-width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: start;
}
.logo img {
width: 180px;
height: 41px;
object-fit: contain;
margin-top: 3px;
margin-right: 42px;
}
/* Desktop Navigation */
.desktop-nav .main-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.desktop-nav .main-menu li {
position: relative;
}
.desktop-nav .main-menu a {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: white;
text-decoration: none;
padding: 15px;
display: block;
transition: all 0.3s ease;
border-radius: 0px;
border-top: 1px solid transparent;
/* Добавляем прозрачную границу */
}
.desktop-nav .main-menu a:hover,
.desktop-nav .main-menu .current-menu-item>a {
background: rgba(97, 79, 77, 1);
border-top-color: rgba(0, 0, 0, 1);
/* Меняем только цвет границы */
}
footer .desktop-nav .main-menu a:hover,
footer .desktop-nav .main-menu .current-menu-item>a {
background: rgba(97, 79, 77, 0);
border-top-color: rgba(0, 0, 0, 0);
/* Меняем только цвет границы */
}
.header-contacts .header-phone {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 24px;
color: white;
text-decoration: none;
margin-left: 20px;
margin-right: 20px;
}
.header-icons {
display: flex;
align-items: center;
}
.search-icon,
.email-icon {
margin-left: 0px;
}
.search-trigger img {
margin-top: -4px;
}
/* Language Switcher */
.language-switcher ul {
display: flex;
list-style: none;
margin: 0 0 0 10px;
padding: 0;
/*background: rgba(154, 131, 128, 0.45);*/
border-radius: 3px;
overflow: hidden;
}
.language-switcher li {
margin: 0;
}
.language-switcher a {
display: block;
padding: 5px 8px;
border-radius: 3px;
color: rgba(176, 158, 156, 1);
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
}
.language-switcher .active a {
color: #ffffff;
background: rgba(97, 79, 77, 0.8);
}
/*для плагина*/
.gtranslate_wrapper {
display: flex;
list-style: none;
margin: 0 0 0 10px;
padding: 0;
/*background: rgba(154, 131, 128, 0.45);*/
border-radius: 3px;
overflow: hidden;
}
.language-switcher li {
margin: 0;
}
.gtranslate_wrapper a {
display: block;
padding: 5px 8px;
border-radius: 3px;
color: rgba(176, 158, 156, 1);
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
}
.gtranslate_wrapper a.glink.gt-current-lang {
color: #ffffff;
font-weight: normal;
background: #9A838073;
}
.gtranslate_wrapper a:nth-child(2) {
order: -1;
}
/*для плагина*/
/* Mobile Menu Toggle */
.mobile-menu-toggle {
display: none;
cursor: pointer;
margin-left: 20px;
}
.mobile-menu-toggle .close-icon {
display: none;
}
/* Mobile Menu */
.mobile-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #493F3F;
z-index: 999;
padding: 80px 20px 20px;
transform: translateY(-100%);
opacity: 0;
transition: all 0.3s ease;
overflow-y: auto;
display: flex;
flex-direction: column;
}
.mobile-menu.active {
transform: translateY(0);
opacity: 1;
}
.mobile-contacts {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.mobile-contacts a {
display: flex;
align-items: center;
color: white;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-size: 16px;
margin-bottom: 10px;
border: 1px solid rgba(173, 154, 152, 1);
border-radius: 50px;
padding: 5px;
height: 38px;
}
.mobile-contacts img {
margin-right: 10px;
width: 28px;
height: 28px;
}
.mobile-nav .mobile-main-menu {
list-style: none;
margin: 0 0 42px;
padding: 0;
}
.mobile-nav .mobile-main-menu li {
margin-bottom: 15px;
}
.mobile-nav .mobile-main-menu a {
color: white;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-size: 18px;
display: block;
padding: 10px 0;
}
.mobile-language-switcher div {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
border-top: 1px solid rgba(145, 122, 120, 0.5);
padding-top: 20px;
}
.mobile-language-switcher li {
margin: 0 10px;
}
.mobile-language-switcher a {
color: white;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-size: 16px;
}
.mobile-language-switcher .active a {
color: #B09E9C;
}
/* Search Icon Styles */
.search-icon {
position: relative;
}
.search-trigger {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
}
.search-container {
position: absolute;
top: 0%;
right: 0;
width: 520px;
margin-top: -2px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border-radius: 3px;
z-index: 999;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
}
form.searchwp-form input.swp-input--search {
background-image: url(/wp-content/themes/senega/images/search_icon.png) !important;
}
.searchwp-live-search-results {
background-color: #493F3F;
background: #493F3F !important;
}
#ajaxsearchlite1 .probox,
div.asl_w .probox {
background-color: #493F3F !important;
background-image: none !important;
}
.searchwp-live-search-result .searchwp-live-search-result--title a {
color: rgba(173, 154, 152, 1);
}
.searchwp-live-search-result--desc {
color: rgba(173, 154, 152, 1);
}
body div.asl_w .probox .proinput input::placeholder {
opacity: 1 !important;
color: rgba(173, 154, 152, 1) !important;
line-height: 40px;
}
body #ajaxsearchlite1 .probox,
div.asl_w .probox {
height: 40px;
}
.search-container .probox {
border: 0px! important;
}
.search-container.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Adjust the search form styles */
.search-container .asl_w_container {
width: 100% !important;
max-width: 900px;
}
.search-container .probox {
width: 100% !important;
max-width: 900px;
border-radius: 3px !important;
}
.search-container .promagnifier {
display: none !important;
}
form.searchwp-form .searchwp-form-input-container .swp-input {
background-color: #493F3F;
color: rgb(255, 255, 255);
height: 40px;
border-radius: 3px;
font-size: 14px;
line-height: 100%;
}
.swp-button {
opacity: .0;
right: 0px;
position: absolute;
height: 40px;
}
/*сдайдер */
/* Main Slider Styles */
.main_slider {
position: relative;
height: 640px;
overflow: hidden;
}
.slider-wrapper {
height: 100%;
}
.slide {
height: 100%;
position: relative;
width: 100%;
min-height: 640px;
}
.slide-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: unset;
background-repeat: no-repeat;
background-position: center;
}
.slogan {
position: relative;
top: 121px;
left: 0;
width: 100%;
color: #fff;
text-transform: uppercase;
z-index: 2;
}
.slogan p {
font-family: 'Bounded-ExtraBold';
font-weight: 800;
font-size: 48px;
line-height: 120%;
text-transform: uppercase;
margin-bottom: 15px;
max-width: 950px;
}
.slogan h5 {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 100%;
margin: 0;
max-width: 600px;
text-transform: none;
}
/* Hide slick controls */
.slick-arrow,
.slick-dots {
display: none !important;
}
/*сдайдер */
/* Bounded Font */
@font-face {
font-family: 'Bounded';
src: url('/wp-content/themes/senega/fonts/bounded-variable.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bounded-regular';
src: url('/wp-content/themes/senega/fonts/Bounded-Regular.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bounded-Variable';
src: url('/wp-content/themes/senega/fonts/bounded-variable.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bounded-Black';
src: url('/wp-content/themes/senega/fonts/Bounded-Black.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bounded-Bold';
src: url('/wp-content/themes/senega/fonts/Bounded-SemiBold.otf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bounded-Bold';
src: url('/wp-content/themes/senega/fonts/Bounded-Bold.otf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bounded-ExtraBold';
src: url('/wp-content/themes/senega/fonts/Bounded-ExtraBold.otf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
h2 {
font-family: 'Bounded-Bold';
font-weight: 900;
font-size: 32px;
color: #302A2A;
margin: 0 0 30px 0;
line-height: 1.2;
letter-spacing: 0.5px;
}
.main_contact h2 {
text-transform: uppercase;
font-size: 48px;
}
/* About Section Styles */
.main_about {
padding: 100px 0;
padding-top: 20px;
background-color: #fff;
}
.main_about_wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
}
.main_about_text {
width: calc(780px - 40px);
flex-shrink: 0;
}
.main_about_text p {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
color: rgba(73, 63, 63, 1);
}
.main_about_image {
flex-grow: 1;
align-self: stretch;
border-radius: 3px;
overflow: hidden;
margin-top: 70px;
}
.main_about_image img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
position: absolute;
width: 735px;
}
@keyframes hvr-forward {
0% {
transform: translateZ(0);
}
100% {
transform: translateX(4px);
}
}
.main_about_image:hover img {
animation: hvr-forward 0.3s ease-in-out forwards;
}
/* Button Styles */
.down_present {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 0px 15px;
height: 51px;
border: 1px solid rgba(173, 154, 152, 1);
border-radius: 3px;
color: rgba(173, 154, 152, 1);
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
text-decoration: none;
margin-top: 26px;
transition: all 0.3s ease;
width: fit-content;
}
.down_present:hover {
background-color: rgba(173, 154, 152, 0.1);
color: rgba(97, 79, 77, 1);
border-color: rgba(97, 79, 77, 1);
}
/* Добавляем иконку PDF (опционально) */
.down_present::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
/* Products Section */
.products_main {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 70px 0;
color: white;
position: relative;
}
.products_main:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
z-index: 0;
}
.products_main_wrap {
max-width: 740px;
}
.products_main h2 {
color: white;
margin-bottom: 30px;
}
.products_main p {
font-size: 16px;
margin-bottom: 15px;
line-height: 1.6;
}
.models_list ul {
list-style: none;
padding: 0;
margin: 40px 0 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.models_list li {
display: flex;
align-items: center;
}
.img_wrap {
flex-shrink: 0;
width: 190px;
height: 112px;
}
.img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mod_text {
background-color: rgba(89, 87, 92, 1);
flex-grow: 1;
padding: 18px 20px;
height: 112px;
}
.mod_text p {
margin: 0;
font-weight: 400;
line-height: 1.3;
font-size: 16px;
}
/* Catalog Accordion */
.catalog_accordion {
display: flex;
height: 567px;
overflow: hidden;
margin-bottom: 30px;
margin-top: -30px;
}
.cat_item {
width: 60px;
height: 100%;
background: #493F3F;
transition: all 0.68s ease;
position: relative;
/*overflow: hidden;*/
border-right: 1px solid rgba(108, 108, 108, 1) ;
flex-shrink: 0;
}
.cat_item.active {
width: 630px;
transition: width .3s ease;
}
@media (min-width: 992px) {
.hvr-floatino:hover {
transition: all .3s ease;
margin-top: -10px;
}
.cat_item.hvr-floatino:hover {
background: #574b4b;
}
}
.cat_item_header {
cursor: pointer;
position: absolute;
bottom: 20px;
left: 20px;
transform: rotate(-90deg);
transform-origin: left top;
white-space: nowrap;
width: 527px;
/* 567px - 40px (отступы) */
}
.cat_item_header h3 {
font-family: 'Bounded-regular';
font-size: 24px;
color: white;
margin: 0;
font-weight: 400;
}
.cat_item_content {
display: none;
height: 100%;
position: relative;
}
.cat_item.active .cat_item_content
{
display: flex;
}
.image_wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: 1;
}
.content_wrap {
position: relative;
z-index: 2;
padding: 20px;
width: 100%;
color: white;
}
.title_wrap h3 {
font-family: 'Bounded', sans-serif;
font-size: 54px;
margin: 0 0 20px 0;
font-weight: 900;
transform: rotate(-90deg);
position: absolute;
left: -40px;
top: 76px;
}
.catalog_accordion .cat_item:nth-child(4) .title_wrap h3 {
top: 60px;
left: -20px;
}
.catalog_accordion .cat_item:nth-child(5) .title_wrap h3 {
top: 160px;
left: -120px;
}
.catalog_accordion .cat_item:nth-child(6) .title_wrap h3 {
top: 95px;
left: -60px;
}
.catalog_accordion .cat_item:nth-child(7) .title_wrap h3 {
top: 115px;
left: -70px;
}
.catalog_accordion .cat_item:nth-child(8) .title_wrap h3 {
top: 160px;
left: -115px;
}
.catalog_accordion .cat_item:nth-child(9) .title_wrap h3 {
top: 96px;
left: -66px;
}
.catalog_accordion .cat_item:nth-child(10) .title_wrap h3 {
top: 100px;
left: -65px;
}
.catalog_accordion .cat_item:nth-child(11) .title_wrap h3 {
top: 115px;
left: -75px;
}
.catalog_accordion .cat_item:nth-child(12) .title_wrap h3 {
top: 115px;
left: -80px;
}
.readmore_catalog_link {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(73, 63, 63, 1);
color: white;
padding: 10px 15px;
border-radius: 3px;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-size: 16px;
transition: all 0.3s ease;
position: absolute;
right: 10px;
top: 28px;
}
.readmore_catalog_link:hover {
background: rgba(97, 79, 77, 1);
}
.readmore_catalog_link svg {
width: 6px;
height: 10px;
}
.description_wrap {
position: absolute;
bottom: 0;
}
.description_wrap p {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.6;
margin-bottom: 15px;
}
.down_catalog:hover {
background: rgba(173, 154, 152, 0.1);
}
@media (max-width: 991px) {
.cat_item:hover .cat_item_content {
display: none;
}
.cat_item_header:hover .cat_item_content {
display: none;
}
.cat_item.active:hover .cat_item_content {
display: flex;
}
}
/* Catalog Download Button */
.down_catalog {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: rgba(173, 154, 152, 1);
text-decoration: none;
padding: 15px 25px;
border: 1px solid rgba(173, 154, 152, 1);
border-radius: 3px;
transition: all 0.3s ease;
background-color: transparent;
}
.down_catalog:hover {
background-color: rgba(173, 154, 152, 0.1);
}
/* Добавляем иконку PDF */
.down_catalog::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
/*стать дилером секция */
/* Become a Dealer Section */
.become_a_dealer {
margin-top: 120px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 0px 0;
position: relative;
margin-bottom: 120px;
}
.become_a_dealer:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
z-index: 0;
}
.become_a_dealer_wrapper {
display: flex;
justify-content: flex-end;
}
.empty {
flex: 1;
}
.dealer_form {
width: 740px;
background: #493F3F;
padding: 115px;
position: relative;
z-index: 1;
border-radius: 3px;
}
.dealer_form h3 {
font-family: 'Bounded', sans-serif;
font-size: 32px;
color: white;
margin-bottom: 20px;
}
.dealer_form br {display: none;}
.dealer_form p {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: white;
max-width: 409px;
}
#wpcf7-f12-o1 {margin-top: 30px;}
/* CF7 Form Styles */
.wpcf7-form {
display: flex;
flex-direction: column;
gap: 10px;
}
body .wpcf7-form-control.wpcf7-text {
width: 410px;
height: 49px;
border-radius: 3px;
border-top: 1px solid #C5B9B9;
background-color: #EDE8E8;
padding: 15px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
border-radius: 3px;
line-height: 100%;
color: #A09492;
}
body .wpcf7-form-control.wpcf7-tel {
border-top: 1px solid #C5B9B9;
width: 100%;
font-size: 14px;
}
.wpcf7-not-valid-tip {
position: absolute;
top: -28px;
font-size: 11px;
background-color: #ABA7A4;
padding: 5px;
border-radius: 6px;
transition: all .3s ease;
min-width: 200px;
}
.page-template-page-partners-php .wpcf7-not-valid-tip {
position: relative;
width: 200px;
top: 1px;
}
.wpcf7-form-control:focus {
outline: none;
border-color: rgb(22, 22, 22);
color: white;
}
.wpcf7-submit {
width: 120px;
height: 40px;
background: #B73428;
color: white;
border: none;
border-radius: 3px;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
margin-bottom: 10px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #372F2F;
color: rgba(173, 154, 152, 1);
margin-left: 0;
max-width: 410px;
}
.wpcf7-submit:hover {
background: #79221a;
}
.wpcf7-checkbox {
display: flex;
align-items: center;
gap: 10px;
}
.wpcf7-checkbox .wpcf7-list-item {
margin: 0;
}
.wpcf7-checkbox input[type="checkbox"] {
margin-right: 10px;
}
.wpcf7-checkbox label {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: rgba(160, 148, 146, 1);
}
.wpcf7-submit {
width: 111px;
height: 40px;
padding: 20px 15px;
line-height: 0px;
color: rgb(255, 255, 255);
}
/* Скрываем оригинальный чекбокс */
.wpcf7-checkbox input[type="checkbox"] {
opacity: 0;
position: absolute;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 1;
}
/* Создаем кастомный чекбокс */
.wpcf7-checkbox .wpcf7-list-item-label {
position: relative;
padding-left: 35px;
cursor: pointer;
}
.wpcf7-checkbox .wpcf7-list-item-label:before {
content: "";
position: absolute;
left: 0;
top: -5px;
width: 26px;
height: 26px;
border-radius: 3px;
background-color: #EDE8E8;
transition: all 0.3s;
border-top: 1px solid #C5B9B9;
}
/* Галочка для отмеченного чекбокса */
.wpcf7-checkbox input[type="checkbox"]:checked+.wpcf7-list-item-label:after {
content: "";
position: absolute;
left: 5px;
top: 4px;
width: 14px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1454 0L5.0122 6.321L2.99556 3.2459L1 5.0321L5.8736 10L15 1.92022L12.1454 0Z' fill='%23A09492'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
/* Адаптивная верстка */
@media (max-width: 992px) {
.become_a_dealer_wrapper {
flex-direction: column;
}
.empty {
display: none;
}
.dealer_form {
width: 100%;
}
.wpcf7-form-control,
.wpcf7-submit {
width: 100%;
}
}
/*стать дилером секция */
.custom-checkbox {
display: inline-block;
width: 26px;
height: 26px;
background: #372F2F;
border-radius: 3px;
margin-right: 10px;
vertical-align: middle;
position: relative;
}
.custom-checkbox.checked:after {
content: "";
position: absolute;
left: 5px;
top: 7px;
width: 14px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1454 0L5.0122 6.321L2.99556 3.2459L1 5.0321L5.8736 10L15 1.92022L12.1454 0Z' fill='%23A09492'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
/* Contact Section */
.main_contact {
margin-bottom: 120px;
padding-top: 50px;
}
.ymaps-2-1-79-map-copyrights-promo {display: none;}
.contact_info {
position: absolute;
left: 0;
top: 0;
width: 440px;
height: 100%;
color: #302A2A;
background-color: #F5F0F0;
font-family: 'Bounded-Bold';
font-size: 22px;
z-index: 100;
padding-left: 20px;
padding-top: 30px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.contact_info h3 {
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 22px;
color: #302A2A;
margin-bottom: 20px;
}
.contact_item {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 5px;
}
.contact_item p {
margin: 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #493F3F;
}
.item_1 p {
font-size: 24px;
color: #493F3F;
}
.item_2 {
margin-bottom: 30px;
}
.map {
width: 1290px;
max-width: 100%;
height: 484px;
position: relative;
margin: 0 auto;
}
.map:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
width: 57px;
height: 67px;
/*background-image: url('/wp-content/themes/senega/images/marker.svg');*/
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
z-index: 1;
}
/* News Section */
.main_news {
padding: 80px 0;
}
.main_news h2 {
font-family: 'Bounded-Bold';
font-size: 48px;
text-transform: uppercase;
font-weight: bold;
/*font-family: 'Bounded-regular';*/
margin-bottom: 40px;
}
.main_news_list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 40px;
}
.main_news_item {
border-radius: 3px;
overflow: hidden;
transition: transform 0.3s ease;
}
.main_news_item:hover {
transform: translateY(-5px);
}
.main_news_item img {
width: 100%;
height:160px;
object-fit: cover;
}
.main_news_item .news_date {
padding: 10px 0px 0;
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: rgba(154, 131, 128, 1);
}
.main_news_item h5 {
padding: 7px 0;
font-weight: 700;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: rgba(73, 63, 63, 1);
}
.main_news_item p {
margin: 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.3;
color: rgba(73, 63, 63, 1);
}
.main_news_nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.main_news_pages {
display: flex;
gap: 10px;
}
.main_news_pages a {
display: inline-block;
padding: 5px 10px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #353441;
text-decoration: none;
border-radius: 3px;
}
.main_news_pages a:first-child {
background: rgba(97, 79, 77, 0.1);
border-top: 1px solid rgba(169, 169, 169, 1);
}
.main_news_pages a:hover {
background: rgba(97, 79, 77, 0.1);
}
.read_all_news a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 0px 15px;
height: 40px;
border: 1px solid rgba(173, 154, 152, 1);
border-top-color: rgb(173, 154, 152);
border-right-color: rgb(173, 154, 152);
border-bottom-color: rgb(173, 154, 152);
border-left-color: rgb(173, 154, 152);
border-radius: 3px;
color: rgba(173, 154, 152, 1);
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
text-decoration: none;
margin-top: 26px;
transition: all 0.3s ease;
width: fit-content;
}
.read_all_news a:hover {
background-color: rgba(173, 154, 152, 0.1);
color: rgba(97, 79, 77, 1);
border-color: rgba(97, 79, 77, 1);
}
/* Адаптивность */
@media (max-width: 992px) {
.main_news_list {
grid-template-columns: repeat(3, 1fr);
}
.main_news_list .main_news_item:nth-child(4) {display: none;}
}
@media (max-width: 576px) {
.main_news_list {
grid-template-columns: 2fr;
}
.main_news_nav {
flex-direction: column;
gap: 20px;
}
}
/*FOOOTER CSS */
footer {
position: relative;
min-height: 464px;
overflow: hidden;
background-image: url('/wp-content/themes/senega/images/footer_bg.png');
background-size: cover;
/* или 100%, в зависимости от нужного эффекта */
background-repeat: no-repeat;
/* Добавляем режим смешивания */
background-blend-mode: multiply;
/* или другой режим, например multiply, screen и т.д. */
}
footer .container {
padding-top: 105px;
}
.border_container {
margin-top: 47px;
margin-bottom: 47px;
border-top: 2px solid rgba(145, 122, 120, 0.5);
border-bottom: 2px solid rgba(145, 122, 120, 0.5);
padding-top: 20px;
padding-bottom: 20px;
display: flex;
justify-content: space-between;
}
.to_right {display: flex; align-items: center;}
.to_left {display: flex; align-items: center;}
.copy {
color: rgba(154, 131, 128, 1);
font-size: 14px;
font-weight: 400;
}
/*footer .desktop-nav .main-menu a:hover,
footer .desktop-nav .main-menu .current-menu-item>a {
background: none;
border-top: none;
border-color: transparent;
border: none;
text-decoration: underline;
transition: none;
}*/
/*FOOOTER CSS */
.mobile_only {display: none;}
/* Catalog Archive */
.catalog_archive {
padding: 0px 0;
}
.breadcrumbs {
margin-top: 20px;
margin-bottom: 30px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: rgba(173, 154, 152, 1);
}
.breadcrumbs a {
color: rgba(173, 154, 152, 1);
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs span {
color: rgba(173, 154, 152, 1);
}
.catalog_header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
h1 {
font-family: 'Bounded';
font-size: 32px;
color: #353441;
margin: 0;
margin-bottom: 10px;
}
.catalog_header a {
padding: 15px 15px;
}
.catalog_header a::before {display: none;}
.download_catalog {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
background: #493F3F;
color: white;
border-radius: 3px;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-size: 16px;
transition: all 0.3s ease;
}
.download_catalog:hover {
background: #5a4e4e;
}
.catalog_items {
display: flex;
flex-direction: column;
gap: 10px;
}
.catalog_item {
display: flex;
background: #F1EEEE;
border-radius: 3px;
overflow: hidden;
height: 297px;
box-shadow: 0 1px 3px 0 rgba(32, 33, 36, 0.12);
}
.item_content {
display: flex;
flex: 1;
}
.item_image {
width: 410px;
flex-shrink: 0;
overflow: hidden;
}
.item_image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.item_image:hover img {
transform: scale(1.05);
/* Увеличение на 5% */
}
.item_text {
flex: 1;
padding: 30px;
display: flex;
flex-direction: column;
}
.item_text h2 {
font-family: 'Bounded', sans-serif;
font-size: 24px;
color: rgba(73, 63, 63, 1);
margin: 0 0 15px 0;
}
.item_excerpt {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.3;
color: rgba(73, 63, 63, 1);
margin-bottom: 20px;
flex: 1;
}
.item_excerpt p {margin-bottom: 15px;}
.item_excerpt p:last-child {margin-bottom: 0px;}
.item_more {
align-self: flex-start;
padding: 10px 20px;
height: 40px;
background: #C8BCBA;
color: white;
border-radius: 3px;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-size: 16px;
transition: all 0.3s ease;
}
.item_more:hover {
background: #9e8d8a;
}
.item_more img {
margin-left: 8px;
}
.item_side_image {
width: 144px;
flex-shrink: 0;
}
.item_side_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Адаптивность */
@media (max-width: 992px) {
.item_image {
width: 100%;
height: 300px;
}
.item_side_image {
width: 100%;
height: 200px;
}
.catalog_header {
margin-bottom: 20px;
gap: 20px;
}
}
.bottom_catalog {
max-width: 216px;
padding: 15px 15px;
align-self: end;
margin-top: 25px;
margin-bottom: 40px;
}
.mobile_return {display: none;}
/*.bottom_catalog::before {
display: none;
}*/
/* Контейнер страницы */
.about-page-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
/* Хлебные крошки */
.breadcrumbs {
margin-bottom: 20px;
font-size: 14px;
color: #666;
}
/* Заголовок */
/* Обёртка контента */
.about-content-wrapper {
display: flex;
gap: 40px;
margin-bottom: 40px;
align-items: flex-start;
}
/* Текст (левая колонка) */
.about-text {
flex: 1;
font-size: 16px;
line-height: 1.4;
}
/* Изображение (правая колонка) */
.about-image {
flex: 0 0 463px;
}
/* Кнопка PDF */
.download-presentation {
margin-top: 40px;
}
.download-presentation .button {
display: inline-block;
padding: 12px 24px;
background-color: #2c3e50;
color: white;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
transition: background 0.3s;
}
.download-presentation .button:hover {
background-color: #1a252f;
}
@media (max-width: 768px) {
.about-content-wrapper {
flex-direction: column;
}
.about-image {
flex: 1;
margin-top: 20px;
}
}
/*О компании видео раздел */
.manufacture_text p {
margin-bottom: 15px;
line-height: 1.3;
font-size: 16px;
color: rgba(73, 63, 63, 1);
}
/* Секция "Наше производство" */
.manufacture {
padding: 80px 0;
}
.manufacture_wrap {
display: flex;
gap: 20px;
margin-top: 10px;
}
.manufacture_video_slider {
flex: 1;
}
.video-slider .slick-next {
border-radius: 6px 0 0 6px;}
.video-slider .slick-prev {
border-radius: 0 6px 6px 0;
}
.manufacture_text {
flex: 0 0 520px;
align-self: center;
}
.manufacture_text h6 {margin-bottom: 15px;}
/* Слайдер видео */
.video-slider {
position: relative;
}
.video-slide {
position: relative;
}
.video-thumbnail {
position: relative;
cursor: pointer;
border-radius: 4px;
overflow: hidden;
}
.video-thumbnail img {
display: block;
width: 100%;
height: auto;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: transparent;
border: none;
padding: 0;
cursor: pointer;
/*opacity: 0;*/
transition: transform 0.3s;
}
.play-button:hover {
transform: translate(-50%, -50%) scale(1.1);
}
/* Кнопки навигации слайдера */
.video-slider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 53px;
height: 58px;
background: white;
border: none;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.3s;
}
.video-slider .slick-arrow:hover {
opacity: 1;
}
.video-slider .slick-prev {
left: -0px;
}
.video-slider .slick-next {
right: -0px;
}
.video-thumbnail {
position: relative;
width: 1290px;
height: 511px;
overflow: hidden;
}
.video-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Адаптивность */
@media (max-width: 992px) {
.manufacture_wrap {
flex-direction: column;
}
.manufacture_text {
flex: 1;
}
}
.video-slider {
width: 100%;
margin: 0 auto;
position: relative;
}
.video-slide {
width: 1290px !important;
height: 511px;
position: relative;
}
.video-slider .slick-track {
display: flex;
align-items: center;
}
.video-slider .slick-list {
overflow: hidden;
width: fit-content;
margin: 0 auto;
}
.video-slider .slick-arrow,
.video-slider .slick-dots {
display: block !important;
}
body .about_dealer .wpcf7-form-control.wpcf7-text {
max-width: 410px;
display: block;
}
/* Секция портфолио */
.portfolio {
padding: 80px 0;
background: #fff;
}
.portfolio-slide {
outline: none;
}
.portfolio-slide img {
width: 100%;
height: auto;
max-height: 600px;
object-fit: cover;
display: block;
margin: 0 auto;
}
/* Адаптивность */
@media (max-width: 1290px) {
.portfolio-slide img {
height: auto;
max-width: 100%;
}
}
/* Стрелки навигации */
.slick-prev {
left: -60px;
}
.slick-next {
right: -60px;
}
@media (max-width: 1400px) {
.slick-prev {
left: -30px;
}
.slick-next {
right: -30px;
}
}
@media (max-width: 768px) {
.slick-prev,
.slick-next {
display: none !important;
}
}
.portfolio button {
position: absolute;
top: 50%;
display: block !important;
z-index: 100;
margin-top: -30px;
}
.portfolio button.slick-prev {
left: 0;
}
.portfolio button.slick-next {
right: -1px;
}
/* Секция "Стать дилером" */
.about_dealer {
position: relative;
padding: 80px 0;
margin-bottom: 80px;
}
.about_dealer .container {
position: relative;
z-index: 2;
background-image: url('/wp-content/themes/senega/images/back_dealer.png');
background-repeat: no-repeat;
background-position: center right;
}
.dealer-form {
max-width: 600px;
position: relative;
z-index: 2;
}
.dealer-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: 100%;
max-width: 394px;
text-align: center;
}
.dealer-image img {
width: 100%;
height: auto;
max-height: 523px;
object-fit: contain;
}
/* Адаптивность */
.about_dealer .wpcf7-checkbox .wpcf7-list-item-label {
color: rgba(160, 148, 146, 1);
}
.del_p {
color: rgba(73, 63, 63, 1);
max-width: 409px;
margin-bottom: 20px;
}
.about_dealer h2 {margin-bottom: 20px;}
body .about_dealer .wpcf7-form-control.wpcf7-text {
background-color: #E8E3E3;
border-top-color: rgba(197, 185, 185, 1);
color: rgba(160, 148, 146, 1);
}
.about_dealer .dealer-form br {display: none;}
.about_dealer .wpcf7-submit {
/*background-color: #FFFFFF;*/
border-color: rgba(173, 154, 152, 1);
}
.page-template-page-partners-php .about_dealer .wpcf7-submit {
color: #9A8380;
border: 1px solid #9A8380;
}
.single-catalog .about_dealer .wpcf7-submit {
background-color: #FFFFFF;
border: 1px solid #9A8380;
color: #9A8380;
}
.about_dealer .wpcf7-checkbox .wpcf7-list-item-label::before {
background-color: #E8E3E3;
border-top-color: rgba(197, 185, 185, 1);
}
.about_dealer .wpcf7-not-valid-tip {
background-color: #D7D7D7;
}
.about_dealer .wpcf7-submit:hover {
background: rgb(232, 227, 227);;
}
/*Контакты */
.contacts-page .about_dealer .container {
background-image: url('/wp-content/themes/senega/images/back_contacts.png');
min-height: 499px;
justify-content: center;
}
.contacts-page .about_dealer .container .dealer-image img {margin-top: -25px;}
.del_p {font-size: 16px;}
.contacts-page .about_dealer .del_p {font-size: 16px; margin-bottom: 30px;}
.contacts-page .about_dealer {margin-bottom: 0px; padding-top: 40px;}
/*Категория */
/* Шаблон категории */
.category-title {
margin: 0px 0 30px;
font-size: 32px;
color: rgba(73, 63, 63, 1);
}
.category-sort {
margin-bottom: 30px;
display: flex;
align-items: center;
gap: 15px;
}
.sort-select {
padding: 8px 15px;
border: 1px solid #ddd;
border-radius: 4px;
background: white;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin-bottom: 40px;
}
.post-card {
background: white;
border-radius: 5px;
overflow: hidden;
/*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);*/
transition: transform 0.3s;
}
.post-card:hover {
transform: translateY(-5px);
}
.post-thumbnail {
display: block;
height: 160px;
overflow: hidden;
}
.post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.post-card:hover .post-thumbnail img {
transform: scale(1.05);
}
.post-meta {
padding: 10px 0px 0;
font-size: 12px;
font-weight: 400;
color: rgba(154, 131, 128, 1);
}
.post-title {
margin: 5px 0px;
font-size: 18px;
}
.post-title a {
font-family: 'Roboto', sans-serif;
color: rgba(73, 63, 63, 1);
text-decoration: none;
font-size: 16px;
font-weight: 700;
}
.post-excerpt {
padding: 0;
font-size: 14px;
line-height: 1.3;
color: rgba(73, 63, 63, 1);
font-family: 'Roboto', sans-serif;
}
.posts-navigation {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
margin-bottom: 100px;
}
.pagination {
display: flex;
gap: 5px;
}
.nav-links {
display: flex;
flex-wrap: wrap;
}
.pagination a,
.pagination span {
font-family: 'Roboto', sans-serif;
display: block;
padding: 8px 9px;
font-size: 14px;
border-radius: 4px;
}
.pagination a:hover {
background: #f5f5f5;
}
.pagination .current {
background: #D6D1D1;
color: rgb(0, 0, 0);
border-color: rgba(169, 169, 169, 1);
border-top: 1px solid rgba(169, 169, 169, 1);
}
.load-more-btn {
padding: 10px 15px;
background: #FFFFFF;
color: rgba(173, 154, 152, 1);
border: none;
font-size: 14px;
border-radius: 4px;
cursor: pointer;
transition: background 0.3s;
border: 1px solid rgba(173, 154, 152, 1);
}
.load-more-btn:hover {
background: #fffbfb;
}
/* Адаптивность */
@media (max-width: 1200px) {
.posts-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.posts-grid {
grid-template-columns: repeat(2, 1fr);
}
.posts-navigation {
flex-direction: column;
gap: 20px;
}
}
@media (max-width: 480px) {
.posts-grid {
grid-template-columns: 1fr;
}
.category-sort {
flex-direction: row;
align-items: center;
}
}
/* Стилизация выпадающего списка сортировки */
.sort-select {
padding: 10px 15px;
background-color: #F1EEEE;
color: rgba(154, 131, 128, 1);
border: 1px solid rgba(154, 131, 128, 0.3);
border-radius: 4px;
font-size: 14px;
cursor: pointer;
outline: none;
transition: all 0.3s ease;
appearance: none;
/* Убираем стандартный стиль браузера */
-webkit-appearance: none;
/* Для Safari */
-moz-appearance: none;
/* Для Firefox */
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%239A8380' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 12px 8px;
padding-right: 35px;
min-width: 200px;
}
/* Стили при наведении */
.sort-select:hover {
border-color: rgba(154, 131, 128, 0.6);
}
/* Стили при фокусе */
.sort-select:focus {
border-color: rgba(154, 131, 128, 1);
box-shadow: 0 0 0 2px rgba(154, 131, 128, 0.2);
}
/* Стилизация опций */
.sort-select option {
background: #F1EEEE;
color: rgba(154, 131, 128, 1);
padding: 10px;
}
/* Для IE11 (если нужно поддерживать) */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.sort-select {
padding-right: 15px;
background-image: none;
}
}
.category-sort span {
color: rgba(73, 63, 63, 1);
font-size: 14px;
font-weight: 700;
}
/*пост */
/* Страница полной новости */
.single-news-page .slick-arrow {display: block !important;}
.news-title {
margin: 5px 0 15px;
font-size: 32px;
color: rgba(73, 63, 63, 1);
}
.back-link {
margin-bottom: 30px;
}
.back-link a {
color: #9a8380;
text-decoration: none;
font-size: 14px;
}
.back-link a:hover {
text-decoration: underline;
}
.back-link img {
margin-right: 5px;
}
/* Галерея и текст */
.news-content {
display: flow-root;
/* Для обтекания */
margin-bottom: 60px;
}
.news-gallery {
float: left;
width: 630px;
margin: 0 30px 20px 0;
}
.gallery-slider {
position: relative;
}
.gallery-slider .slick-prev {
position: absolute;
top: 50%;
margin-top: -31px;
left: 0;
z-index: 10;
}
.gallery-slider .slick-next {
position: absolute;
top: 50%;
margin-top: -31px;
right: -1px;
z-index: 10;
}
.gallery-slide {
height: 336px;
overflow: hidden;
}
.gallery-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.news-meta {
margin-bottom: 10px;
}
.news-date {
color: #9a8380;
font-size: 12px;
}
.news-text {
line-height: 1.4;
color: #333;
}
.news-text p {
margin-bottom: 10px;
}
/* Похожие новости */
.related-news {
background: #E7E4E4;
padding: 60px 0;
}
.section-title {
text-align: left;
margin-bottom: 50px;
font-size: 28px;
color: rgba(73, 63, 63, 1);
}
.related-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin-bottom: 40px;
}
.news-card {
border-radius: 4px;
overflow: hidden;
}
.news-thumbnail {
display: block;
height: 160px;
overflow: hidden;
}
.news-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.news-card:hover .news-thumbnail img {
transform: scale(1.05);
}
.news-card-content time {
font-size: 12px;
color: #9a8380;
margin-top: 9px;
display: block;
}
.news-card-content h3 {
margin: 5px 0;
font-size: 16px;
font-weight: 700;
color: rgba(73, 63, 63, 1);
}
.news-card-content h3 a {
color: rgba(73, 63, 63, 1);
text-decoration: none;
}
.news-card-content p {
font-size: 14px;
color: #555;
margin: 0;
}
.news-navigation {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.pagination {
display: flex;
gap: 5px;
}
.pagination a,
.pagination span {
display: block;
padding: 8px 11px;
border-radius: 4px;
}
.pagination a:hover {
background: #f5f5f5;
}
.pagination .current {
background: #D6D1D1;
color: rgb(0, 0, 0);
border-color: rgba(169, 169, 169, 1);
border-top: 1px solid rgba(169, 169, 169, 1);
}
.all-news-link {
padding: 10px 11px;
background: #E7E4E4;
color: rgba(173, 154, 152, 1);
border-radius: 4px;
text-decoration: none;
transition: background 0.3s;
text-transform: lowercase;
border: 1px solid rgba(173, 154, 152, 1);
position: relative;
z-index: 101;
}
.all-news-link:hover {
background: #d8d3d3;
}
/* Адаптивность */
@media (max-width: 1200px) {
.news-gallery {
width: 50%;
margin-right: 20px;
}
.related-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.news-gallery {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.related-grid {
grid-template-columns: repeat(2, 1fr);
}
.news-navigation {
flex-direction: column;
gap: 20px;
}
}
@media (max-width: 480px) {
.related-grid {
grid-template-columns: 1fr;
}
.news-title {
font-size: 26px;
}
}
/* Секция похожих новостей */
/* Слайдер похожих новостей */
.related-slider {
margin-bottom: 30px;
}
.related-slide {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
/* Кастомные цифровые точки */
.custom-dots {
display: flex;
justify-content: start;
gap: 10px;
margin: 30px 0;
position: relative;
z-index: 100;
}
.custom-dot {
width: 29px;
height: 36px;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s;
font-size: 14px;
border-radius: 3px;
}
.custom-dot.active {
border-top: 1px solid rgba(169, 169, 169, 1);
background-color: #D6D1D1;
}
.custom-dot:hover {
background-color: #d8d5d5;
}
.all-news-wrapper {
text-align: right;
margin-top: -57px;
}
/* Адаптивность */
@media (max-width: 1200px) {
.related-slide {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.related-slide {
grid-template-columns: repeat(2, 1fr);
}
.custom-dots {
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
.related-slide {
grid-template-columns: 1fr;
}
.custom-dot {
width: 30px;
height: 30px;
font-size: 12px;
}
}
.related-news .slick-initialized .slick-slide {
display: flex;
}
/* Страница Партнерам */
.partners-title {
font-family: 'Bounded-Bold';
margin: 0 0 20px;
font-size: 48px;
text-transform: uppercase;
color: #302A2A;
}
.partners-lead {
font-family: 'Bounded-regular';
font-size: 22px;
margin-bottom: 35px;
font-weight: 700;
color: #302A2A;
}
.partners-grid {
display: flex;
gap: 30px;
}
.partners-steps {
flex: 0 0 50%;
}
.partners-text {
flex: 0 0 50%;
}
.partners-text p {
margin-bottom: 15px;
line-height: 1.4;
font-size: 14px;
color: rgba(0, 0, 0, 1);
}
.steps-container {
display: flex;
gap: 10px;
}
.step-card {
position: relative;
width: 216px;
height: 157px;
}
.step-circle {
width: 157px;
height: 157px;
border-radius: 50%;
background: #F1EEEE;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
position: relative;
}
.step-card .step-circle::after {
content: '';
position: absolute;
bottom: 5px;
left: 15px;
transform: translateX(-50%);
width: 1px;
height: 70px;
background: rgba(173, 154, 152, 1);
}
.step-circle {
position: relative;
}
.partners-steps .step-card:first-child span {
width: 100px;
}
.partners-steps .step-card:nth-child(3) span {
margin-top: 45px;
}
.step-icon {
position: absolute;
top: 20px;
left: 15px;
width: auto;
transform: translate(-25%, -25%);
}
.step-circle span {
display: block;
margin-top: 65px;
width: 183px;
position: absolute;
left: 25px;
font-size: 16px;
color: #000;
}
.partners-content {margin-bottom: 100px;}
/* Анимация для этапов */
.step-card {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.step-card.visible {
opacity: 1;
transform: translateY(0);
}
/* Страница "Где купить" */
.where-to-buy-content {
display: flex;
gap: 30px;
margin-top: 40px;
margin-bottom: 100px;
}
.partners-column {
width: 427px;
}
.map-column {
flex-grow: 1;
}
/* Поисковая строка */
.search-box {
position: relative;
margin-bottom: 20px;
}
.search-input {
width: 100%;
height: 41px;
padding: 10px 50px 10px 15px;
border: 1px solid #D1C7C7;
border-radius: 4px !important;
font-size: 14px;
color: #49403F;
}
.search-button {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
}
/* Список партнеров */
.partners-list {
display: flex;
gap: 10-px;
flex-direction: column;
height: 761px;
overflow-y: scroll;
padding-right: 3px;
}
.partners-list::after {
content: '';
position: absolute;
bottom: 100px;
left: 0;
width: 410px;
height: 77px;
z-index: 122;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
/* Кастомный скроллбар */
.partners-list::-webkit-scrollbar {
width: 4px;
}
.partners-list::-webkit-scrollbar-track {
background: rgba(228, 222, 221, 1);
}
.partners-list::-webkit-scrollbar-thumb {
background: rgba(73, 63, 63, 1);
border-radius: 9px;
}
.partners-list::-webkit-scrollbar-thumb:hover {
background: rgba(173, 154, 152, 1);
}
.partner-item {
height: 108px;
width: 410px;
padding-top: 5px;
border-bottom: 1px solid rgba(209, 199, 199, 1);
cursor: pointer;
padding-bottom: 10px;
}
.partner-item:hover {
background: rgba(241, 238, 238, 0.5);
}
.partners-list .partner-item:last-child {
position: relative;
z-index: 144;
}
.partner-name {
font-weight: 700;
color: #49403F;
margin-bottom: 10px;
font-size: 18px;
}
.partner-address,
.partner-phone {
display: flex;
align-items: start;
color: #49403F;
font-size: 14px;
margin-bottom: 5px;
}
.partner-address img,
.partner-phone img {
margin-right: 10px;
}
.partner-item.active {
background: rgba(241, 238, 238, 0.8);
border-left: 3px solid rgba(173, 154, 152, 1);
padding-left: 10px;
}
/* Страница каталога */
.product-title {
font-size: 32px;
color: #49403F;
margin-bottom: 20px;
}
.product-description {
margin-bottom: 20px;
line-height: 1.6;
}
.product-description p {margin-bottom: 12px;
color: rgba(73, 63, 63, 1);}
.product-details {
display: flex;
gap: 30px;
margin-bottom: 20px;
justify-content: space-between;
}
.product-gallery {
flex: 0 0 630px;
}
.product-specs {
flex: 0 0 630px;
}
/* Слайдер каталога */
.catalog-slider {
position: relative;
}
.catalog-slide {
position: relative;
height: 663px;
overflow: hidden;
background: #F4EFEF;
}
.catalog-slide img {
width: 100%;
height: 100%;
object-fit: none;
filter: drop-shadow(5px 20px 30px rgba(0, 0, 0, 0.25));
}
.catalog-slide-caption {
position: absolute;
top: 0;
left: 0;
max-width: 296px;
padding: 10px 15px;
background: linear-gradient(90deg, rgba(73, 63, 63, 0.5) 0%, rgba(73, 63, 63, 0) 100%);
border-left: 4px solid rgba(73, 63, 63, 1);
color: white;
font-size: 18px;
line-height: 1.4;
}
/* Список характеристик */
.specs-list {
margin-bottom: 30px;
background-color: #F1EEEE;
}
.spec-item {
display: flex;
flex-wrap: wrap;
min-height: 34px;
align-items: center;
border-bottom: 1px solid rgba(209, 199, 199, 1);
}
.spec-item:hover .spec-name, .spec-item:hover .spec-values {
opacity: 0.9;;
}
.spec-name {
width: 100%;
max-width: 315px;
font-weight: 700;
display: flex;
align-items: center;
text-indent: 20px;
font-size: 14px;
min-height: 34px;
background-color: #F1EEEE;
color: rgba(73, 63, 63, 1);
/* Цвет названий параметров */
}
.spec-values {
width: 100%;
max-width: 315px;
display: flex;
background-color: #E8E3E3;
}
.spec-values .spec-value:nth-child(2) {
border-left: 1px solid rgba(209, 199, 199, 1);
border-right: 1px solid rgba(209, 199, 199, 1);
}
.spec-values .spec-value:nth-child(3) {
border-right: 1px solid rgba(209, 199, 199, 1);
}
.spec-value {
color: rgba(73, 63, 63, 1);
width: 100%;
text-align: center;
min-height: 34px;
padding: 4.6px 15px;
align-items: center;
display: flex;
justify-content: center;
}
.one_way .spec-value {text-align: left; justify-content: start;}
.catalog-gallery {
max-width: 630px;
width: 100%;
position: relative;
}
.catalog-gallery .slick-track {
width: 100%;
}
/* Мобильная версия */
@media (max-width: 768px) {
.spec-item {
flex-direction: column;
}
.spec-name,
.spec-values {
width: 100%;
}
}
/* Таблица характеристик */
.specs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
.specs-table th,
.specs-table td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E4DEDD;
}
.specs-table th {
width: 40%;
color: #49403F;
font-weight: 600;
}
.specs-table td {
color: #333;
}
/* Кнопка заказа */
.order-button {
width: 100%;
padding: 10px;
height: 53px;
background: linear-gradient(360deg, #372F2F 5.84%, #AB9B9B 83.22%, #AF9797 100%);
color: white;
border: none;
border-radius: 4px;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
cursor: pointer;
transition: opacity 0.3s;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.order-button:hover {
opacity: 0.9;
}
/* Баннер */
.product-banner {
margin-top: 10px;
position: relative;
}
.product-banner .mobile-banner {
display: none;
}
.banner_text {
font-weight: 400;
font-size: 20px;
color: #ffffff;
width: 582px;
position: absolute;
top: 43px;
right: 30px;
}
.product-banner img {
width: 100%;
height: auto;
display: block;
margin-bottom: 30px;
}
/* Попап */
.white-popup {
position: relative;
background: #FFF;
padding: 40px;
width: auto;
max-width: 600px;
margin: 20px auto;
}
.single-catalog-page .slick-arrow
{
display: block !important;
position: absolute;
top: 50%;
margin-top: -30px;
}
.single-catalog-page .slick-prev {left: 0;z-index: 20;}
.single-catalog-page .slick-next {right: -1px;z-index: 20;}
/* Попап */
.white-popup {
position: relative;
background: #FFF;
width: 423px;
max-width: 100%;
margin: 0 auto;
padding: 30px;
box-sizing: border-box;
}
/* Анимации */
.mfp-move-from-bottom {
animation: mfp-move-from-bottom .5s ease-out;
}
.mfp-move-from-bottom.mfp-removing {
animation: mfp-move-to-bottom .5s ease-in;
}
@keyframes mfp-move-from-bottom {
from {
transform: translateY(100px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mfp-move-to-bottom {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(100px);
opacity: 0;
}
}
/* Форма */
.contact-form-wrapper {
max-width: 100%;
}
.contact-form-row {
margin-bottom: 20px;
}
.contact-form-row input[type="text"],
.contact-form-row input[type="email"],
.contact-form-row textarea {
width: 100%;
padding: 12px 15px;
border: 1px solid #D1C7C7;
border-radius: 4px;
font-size: 14px;
}
.contact-form-row textarea {
height: 72px;
resize: vertical;
}
.contact-form-row input[type="submit"] {
background: #DAD1D0;
color: rgba(73, 63, 63, 1);
border: 1px solid rgba(173, 154, 152, 1);
border-radius: 4px;
cursor: pointer;
display: flex;
font-size: 16px;
transition: all .3s ease;
}
.contact-form-row .popup_sub:hover {
background: #cabbba;
}
#order-popup .wpcf7-spinner {position: absolute;}
#order-popup .wpcf7-list-item {margin: 0;}
.contact-form-row input[type="submit"]:hover {
opacity: 0.9;
}
.wpcf7-acceptance label {
display: flex;
align-items: center;
font-size: 14px;
cursor: pointer;
}
.wpcf7-acceptance input[type="checkbox"] {
margin-right: 10px;
}
/* Стили для Fancybox */
/* Основные стили для Fancybox */
.fancybox-modal .fancybox-bg {
background: rgba(0, 0, 0, 0.1);
}
.fancybox-modal .fancybox-content {
background: #fff;
padding: 30px;
border-radius: 4px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
width: 423px !important;
max-width: calc(100% - 40px);
}
.fancybox-modal .fancybox-close-small {
color: #49403F;
opacity: 1;
padding: 10px;
}
.fancybox-modal .fancybox-close-small:after {
font-size: 24px;
}
/* Анимация появления */
.fancybox-modal.fancybox-is-open .fancybox-content {
animation: modalFadeIn 0.3s ease-out;
}
@keyframes modalFadeIn {
from {
opacity: 0;
transform: translate(-50%, -40%);
}
to {
opacity: 1;
transform: translate(-50%, -50%);
}
}
/* Адаптивность */
@media (max-width: 576px) {
.fancybox-modal .fancybox-content {
padding: 20px;
}
}
.fancybox-is-open .fancybox-bg {
opacity: .1;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
#order-popup {
background-color: #D6CDCC;
padding: 30px;
border-radius: 4px;
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.25);
}
#order-popup h2 {
font-size: 29px;
}
body #order-popup .wpcf7-form-control.wpcf7-text {
background-color: #AD9A98;
color: #FFF;
}
body #order-popup .contact-form-row textarea {
background-color: #AD9A98;
color: #fff;
}
body #order-popup .contact-form-row {margin-bottom: 10px;}
/* Стили для плейсхолдеров в форме */
.fancybox-content ::placeholder {
/* Все современные браузеры */
color: white !important;
opacity: 1 !important;
/* Для Firefox */
}
.fancybox-content :-ms-input-placeholder {
/* IE 10-11 */
color: white !important;
}
.fancybox-content ::-ms-input-placeholder {
/* Microsoft Edge */
color: white !important;
}
.wpcf7-form-control:focus {
border: none;
}
/*чекбокс попапа */
#order-popup .wpcf7-list-item-label::before {
content: "";
position: absolute;
left: 0;
top: -5px;
width: 20px;
height: 20px;
border-radius: 3px;
background-color: #AD9A98;
transition: all 0.3s;
}
#order-popup .wpcf7-list-item-label::after {
content: "";
}
#order-popup input[type="checkbox"]:checked+.wpcf7-list-item-label::after {
content: "";
position: absolute;
left: 5px;
top: 0px;
width: 14px;
height: 10px;
background-image: url(/wp-content/themes/senega/images/chek_white.svg);
background-repeat: no-repeat;
}
#order-popup span.wpcf7-list-item-label {
line-height: 100%;
margin-top: 3px;
padding-left: 10px;
color: rgb(73, 63, 63);
max-width: 230px;
}
/*чекбокс попапа */
/*покраска */
/* Секция цветов */
.colorize {
padding: 80px 0;
background: #E7E4E4;
}
.colorize h2 {
color: #302A2A;
margin-bottom: 20px;
font-family: 'Bounded-Bold';
font-size: 40px;
text-transform: uppercase;
margin-bottom: 10px;
}
.colorize p {
font-family: 'Bounded-regular';
margin-bottom: 50px;
font-size: 22px;
line-height: 28px;
color: #302A2A;
}
.color_palette_grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
max-width: 1308px;
/* (208*6) + (10*5) */
margin: 0 auto;
}
.color_item {
position: relative;
width: 208px;
height: 208px;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.color_item:hover {
transform: translateY(-5px);
}
.color_item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.color_name {
position: absolute;
top: 15px;
left: 15px;
background: rgba(0, 0, 0, 0.6);
color: white;
padding: 5px 10px;
border-radius: 3px;
font-size: 14px;
}
/* Адаптивность */
@media (max-width: 1300px) {
.color_palette_grid {
grid-template-columns: repeat(4, 1fr);
max-width: 872px;
/* (208*4) + (10*3) */
}
}
@media (max-width: 900px) {
.color_palette_grid {
grid-template-columns: repeat(3, 1fr);
max-width: 654px;
/* (208*3) + (10*2) */
}
}
@media (max-width: 700px) {
.color_palette_grid {
grid-template-columns: repeat(2, 1fr);
max-width: 436px;
/* (208*2) + 10 */
}
}
.color_item.active {
outline: 3px solid #AD9A98;
outline-offset: -3px;
}
#ajaxsearchlite1 .probox,
div.asl_w .probox {padding: 0 !important;}
/*секция дизайна двери */
/* Door Design Section */
.door_design {
padding: 80px 0;
background: #fff;
}
.door_design h2 {
color: #302A2A;
margin-bottom: 20px;
font-family: 'Bounded-Bold';
font-size: 40px;
text-transform: uppercase;
margin-bottom: 10px;
}
.door_design p {
font-family: 'Bounded-regular';
margin-bottom: 50px;
font-size: 22px;
line-height: 28px;
color: #302A2A;
}
.door_design_wrapper {
display: flex;
gap: 30px;
}
.door_design_slider {
width: 630px;
height: 580px;
position: relative;
overflow: hidden;
}
.door_design_photo {
width: 630px;
height: 580px;
}
.door_design_photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.door_design_wrapper .slide {
position: relative;
height: 580px;
}
.door_design_wrapper .slide img {
width: 100%;
height: auto;
object-fit: cover;
}
.door_design_wrapper .slide-content {
position: absolute;
top: 0;
left: 0;
padding: 10px;
padding-left: 20px;
background: linear-gradient(90deg, rgba(73, 63, 63, 0.5) 0%, rgba(73, 63, 63, 0) 100%);
color: white;
max-width: 255px;
border-left: 4px solid rgba(0, 0, 0, 1)
}
.door_design_wrapper .slide-content h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.door_design_wrapper .slide-content p {
font-size: 14px;
margin-bottom: 0;
color: white;
}
/* Slick arrows customization */
.slick-prev,
.slick-next {
z-index: 10;
width: 52px;
height: 57px;
}
.slick-prev {
left: 20px;
}
.slick-next {
right: 20px;
}
.slick-prev:before,
.slick-next:before {
display: none;
}
/* Responsive */
@media (max-width: 1300px) {
.door_design_wrapper {
flex-direction: column;
}
.door_design_slider,
.door_design_photo {
width: 100%;
height: auto;
}
}
.product_dealer .del_p {
margin-bottom: 20px;
}
.product_dealer h2{
max-width: 409px;
color: #302A2A;
}
.back_to_cat {
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid rgba(173, 154, 152, 1);
color: rgba(173, 154, 152, 1);
margin-top: -70px;
margin-bottom: 100px;
}
.back_to_cat:hover {
transition: all .3s ease;
background-color: #e8e3e336;
}
.searchwp-live-search-result--title {
color: rgba(173, 154, 152, 1);
margin-top: -3px !important;
}
.catalog_banners_area {
margin-top: 30px;
}
.catalog_banners_wrapper {
display: flex;
flex-direction: column;
gap: 30px;
}
.catalog_banner {
display: flex;
height: 154px;
border-radius: 1px;
overflow: hidden;
position: relative;
}
.banner_image {
width: 651px;
height: 100%;
flex-shrink: 0;
}
.banner_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner_content {
padding: 30px 20px;
font-size: 22px;
line-height: 1.4;
display: flex;
align-items: center;
flex-grow: 1;
position: absolute;
right: 65px;
max-width: 816px;
width: 100%;
}
.catalog_banners_wrapper .catalog_banner:nth-child(2) .banner_image{
max-width: 400px;
}
.catalog_banners_wrapper .catalog_banner:first-child {
background: linear-gradient(90deg, #BC8170 0%, #9B4019 100%);
}
.catalog_banners_wrapper .catalog_banner:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
}
@media (max-width: 768px) {
.catalog_banner {
flex-direction: column;
height: auto;
}
.banner_image {
width: 100%;
height: 200px;
}
.banner_content {
padding: 20px;
font-size: 18px;
}
}
/* ===== НОВАЯ ДВУХРЯДНАЯ ШАПКА ===== */
.main_header {
height: auto;
background: none;
box-shadow: none;
}
/* Верхний ряд */
.header-top {
background: #493F3F;
height: 82px;
padding: 20px 0;
}
.header-top-container {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.geo_cb {min-width: 248px; max-width: 248px;}
/* Контактные блоки */
.header-contacts-blocks {
display: flex;
align-items: center;
gap: 20px;
margin-left: 43px;
}
@supports (not (-moz-appearance: none)) and (display: grid) {
.header-contacts-blocks {
margin-left: 0;
}
}
.contact-block {
display: flex !important;
align-items: center;
gap: 10px;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
}
.contact-block a {
color: #FFFFFF;
text-decoration: none;
transition: opacity 0.3s ease;
}
.contact-block a:hover {
opacity: 0.8;
}
.contact-block img {
width: 40px;
height: 40px;
object-fit: contain;
flex-shrink: 0;
}
.phone-block a {
font-size: 18px;
}
/* Кнопки в верхнем ряду */
.header-top-buttons {
display: flex;
align-items: center;
gap: 20px;
}
.callback-btn,
.download-catalog-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 154px;
height: 40px;
padding: 15px 10px;
gap: 10px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
border: none;
box-sizing: border-box;
}
#callback-popup input {
max-width: 320px;
}
.callback-btn {
background: transparent;
border: 1px solid #C7B1AF;
color: #C7B1AF;
}
.callback-btn:hover {
background: rgba(199, 177, 175, 0.1);
}
.download-catalog-btn {
background: #B73428;
border: 1px solid #B73428;
color: #FFFFFF;
width: 149px;
}
.download-catalog-btn:hover {
background: #9a2c22;
border-color: #9a2c22;
}
/* Нижний ряд */
.header-bottom {
background: #302A2A;
}
.header-bottom-container {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
/* Обновленные стили для меню */
.desktop-nav .main-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.desktop-nav .main-menu li {
position: relative;
}
.desktop-nav .main-menu a {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
color: white;
text-decoration: none;
padding: 15px;
display: block;
position: relative;
overflow: hidden;
}
.desktop-nav .main-menu a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
background-color: #9A8380;
transform: translateX(-101%);
transition: transform 0.3s ease;
}
.desktop-nav .main-menu a:hover::after {
transform: translateX(0);
}
.desktop-nav .main-menu .current-menu-item a::after {
transform: translateX(0);
}
/* Поиск и переключатель языков */
.header-bottom-icons {
display: flex;
align-items: center;
gap: 20px;
}
/* Стили для попапа */
.white-popup {
position: relative;
background: #FFF;
padding: 40px;
width: auto;
max-width: 400px;
margin: 20px auto;
border-radius: 4px;
}
.white-popup h3 {
font-family: 'Bounded', sans-serif;
font-size: 24px;
color: #493F3F;
margin-bottom: 20px;
text-align: center;
}
/* Адаптация для планшетов */
@media (max-width: 1300px) {
.header-contacts-blocks {
margin-left: 20px;
gap: 15px;
}
.contact-block span,
.contact-block a:not(.phone-block a) {
font-size: 12px;
max-width: 200px;
}
.phone-block a {
font-size: 20px;
}
}
@media (max-width: 1200px) {
.header-contacts-blocks {
flex-wrap: wrap;
justify-content: flex-end;
}
.header-top-buttons {
flex-wrap: wrap;
justify-content: flex-end;
}
}
@media (max-width: 992px) {
.header-top-container {
flex-wrap: wrap;
}
.header-top-buttons {
order: 2;
}
}
/* Кнопки на слайдере */
.slider-buttons {
position: relative;
z-index: 10;
margin-top: 155px;
display: flex;
gap: 10px;
}
.slider-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 220px;
height: 50px;
padding: 15px 20px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-decoration: none;
transition: all 0.3s ease;
border: none;
cursor: pointer;
box-sizing: border-box;
}
/* Кнопка консультации (стили как у "Заказать звонок") */
.slider-btn.consultation-btn {
background: transparent;
border: 1px solid #C7B1AF;
color: #C7B1AF;
}
.slider-btn.consultation-btn:hover {
background: #AD9A9840;
color: #C7B1AF;
}
.slider-btn.consultation-btn:active {
background: #AD9A9880;
color: #302A2A;
}
/* Кнопка каталога (стили как у "Скачать каталог") */
.slider-btn.catalog-btn {
background: #B73428;
border: 1px solid #B73428;
color: #FFFFFF;
}
.slider-btn.catalog-btn:hover {
background: #AE655E;
border-color: #AE655E;
color: #FFFFFF;
}
.slider-btn.catalog-btn:active {
background: #942C22;
border-color: #942C22;
color: #FFFFFF;
}
/* Адаптация для мобильных */
@media (max-width: 768px) {
.slider-buttons {
align-items: flex-start;
}
.slider-btn {
height: 44px;
}
}
@media (max-width: 480px) {
.slider-btn {
width: 100%;
}
}
/* Стили для формы консультации */
#consultation-popup {
max-width: 400px;
background: #FFFFFF;
border-radius: 4px;
}
#consultation-popup h3 {
font-family: 'Bounded', sans-serif;
font-size: 24px;
color: #493F3F;
margin-bottom: 30px;
text-align: center;
}
#callback-popup br {display: none;}
.consultation-form input[type="text"],
.consultation-form input[type="tel"],
.consultation-form input[type="email"] {
width: 100%;
height: 45px;
padding: 10px 15px;
border: 1px solid #D1C7C7;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #493F3F;
background: #FFFFFF;
box-sizing: border-box;
margin-bottom: 10px;
}
.consultation-form input[type="text"]:focus,
.consultation-form input[type="tel"]:focus,
.consultation-form input[type="email"]:focus {
outline: none;
border-color: #B73428;
}
.consultation-form input[type="submit"] {
width: 100%;
height: 50px;
background: #B73428;
border: none;
border-radius: 3px;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
cursor: pointer;
transition: background 0.3s ease;
}
.consultation-form input[type="submit"]:hover {
background: #942C22;
}
/* Placeholder стили */
.consultation-form input::placeholder {
color: #9A9A9A;
opacity: 1;
}
.consultation-form input:-ms-input-placeholder {
color: #9A9A9A;
}
.consultation-form input::-ms-input-placeholder {
color: #9A9A9A;
}
/* Стили для ошибок */
.consultation-form .wpcf7-not-valid {
border-color: #B73428 !important;
}
.consultation-form .wpcf7-not-valid-tip {
color: #B73428;
font-size: 12px;
margin-top: 5px;
}
.consultation-form .wpcf7-response-output {
margin: 15px 0 0;
padding: 10px;
border-radius: 3px;
font-size: 14px;
}
/* Секция достижений */
.list_achiev {
padding: 0px 0;
background: #FFFFFF;
margin-top: -138px;
}
.achiev-section-title {
text-align: center;
margin-bottom: 50px;
color: #493F3F;
font-family: 'Bounded-Bold';
font-weight: 900;
font-size: 32px;
}
.achiev-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
max-width: 1290px;
margin: 0 auto;
}
.achiev-item {
width: 315px;
height: 234px;
background: #302A2A;
border-radius: 4px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 15px;
box-sizing: border-box;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.achiev-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.achiev-icon {
width: 50px;
height: 50px;
flex-shrink: 0;
}
.achiev-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.achiev-title {
font-family: 'Bounded', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
margin: 0;
}
.achiev-text {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #C7B1AF;
margin: 0;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
/* Адаптивность */
@media (max-width: 1300px) {
.achiev-grid {
grid-template-columns: repeat(2, 1fr);
justify-items: center;
gap: 20px;
}
.achiev-item {
width: 100%;
max-width: 400px;
height: auto;
min-height: 234px;
}
}
@media (max-width: 768px) {
.list_achiev {
padding: 50px 0;
}
.achiev-section-title {
font-size: 26px;
margin-bottom: 30px;
}
.achiev-grid {
grid-template-columns: 1fr;
}
.achiev-item {
max-width: 100%;
}
}
@media (max-width: 480px) {
.achiev-section-title {
font-size: 22px;
}
.achiev-title {
font-size: 16px;
line-height: 20px;
}
.achiev-text {
font-size: 13px;
}
}
/* Анимация для блоков достижений */
.achiev-item {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.achiev-item.visible {
opacity: 1;
transform: translateY(0);
}
/* Альтернативный вариант с более плавным появлением */
.achiev-item {
animation: none;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.achiev-item.animated {
animation: fadeInUp 0.6s ease forwards;
}
/* Дополнительные эффекты при наведении (уже есть) */
.achiev-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
/* Секция Двери */
.doors-section {
padding: 60px 0;
background: #FFFFFF;
}
.doors-container {
flex-direction: row;
display: flex;
justify-content: space-between;
gap: 40px;
}
/* Левая колонка */
.doors-content {
width: 600px;
flex-shrink: 0;
}
.doors-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #302A2A;
margin: 0 0 20px 0;
}
.doors-description {
font-family: 'Bounded-regular';
font-weight: 400;
max-width: 400px;
font-size: 22px;
line-height: 28px;
color: #493F3F;
margin: 0 0 24px 0;
}
/* Список преимуществ */
.doors-advantages {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 40px;
}
.advantage-item {
display: flex;
gap: 15px;
}
.doors-gallery .slick-prev::before,
.doors-gallery .slick-next::before,
.doors-gallery .slick-arrow,
.doors-gallery .slick-dots {
display: block !important;
}
.advantage-number {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #9A8380;
min-width: 40px;
}
.advantage-content {
flex: 1;
}
.advantage-title {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: #302A2A;
margin: 0 0 8px 0;
}
.advantage-text {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #302A2A;
margin: 0;
}
/* Кнопка каталога */
.doors-catalog-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 220px;
height: 50px;
padding: 15px 20px;
background: #B73428;
border: 1px solid #B73428;
border-radius: 3px;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-decoration: none;
transition: all 0.3s ease;
}
.doors-catalog-btn:hover {
background: #AE655E;
border-color: #AE655E;
}
.doors-catalog-btn:active {
background: #942C22;
border-color: #942C22;
}
/* Правая колонка - галерея */
.doors-gallery {
width: 550px;
height: 580px;
position: relative;
}
.doors-slider {
width: 100%;
height: 100%;
position: relative;
}
.doors-slide {
position: relative;
width: 550px;
height: 580px;
outline: none;
}
.doors-slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.slide-caption {
position: absolute;
top: 20px;
left: 20px;
right: 20px;
display: flex;
justify-content: space-between;
align-items: center;
color: white;
z-index: 2;
}
.slide-title {
font-family: 'Bounded', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 100%;
color: #FFFFFF;
}
.slide-link {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 14px;
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
transition: border-color 0.3s ease;
}
.slide-link:hover {
border-bottom-color: #FFFFFF;
}
/* Стрелки слайдера */
.doors-slider .slick-prev,
.doors-slider .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 52px;
height: 57px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}
.doors-slider .slick-prev {
left: 0px;
}
.doors-slider .slick-next {
right: -1px;
}
.doors-slider .slick-prev img,
.doors-slider .slick-next img {
width: 52px;
height: 57px;
object-fit: contain;
}
/* Точки для мобильных */
.doors-slider .slick-dots {
display: flex !important;
justify-content: center;
gap: 10px;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: 0;
padding: 0;
list-style: none;
}
.doors-slider .slick-dots li {
margin: 0;
width: 8px;
height: 8px;
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
cursor: pointer;
transition: all 0.3s ease;
}
.doors-slider .slick-dots li.slick-active {
width: 30px;
border-radius: 4px;
background: #FFFFFF;
}
.doors-slider .slick-dots li button {
display: none;
}
/* Адаптивность */
@media (max-width: 1200px) {
.doors-container {
flex-direction: column;
align-items: center;
}
.doors-content {
width: 100%;
}
.doors-gallery {
width: 100%;
max-width: 550px;
height: auto;
aspect-ratio: 550/580;
}
.doors-slide {
width: 100%;
height: auto;
aspect-ratio: 550/580;
}
}
@media (max-width: 768px) {
.doors-section {
padding: 20px 0;
}
.doors-title {
font-size: 36px;
line-height: 48px;
}
.doors-description {
font-size: 18px;
line-height: 24px;
}
.advantage-number {
font-size: 20px;
}
.advantage-title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.doors-title {
font-size: 28px;
line-height: 36px;
}
.doors-description {
font-size: 16px;
line-height: 22px;
}
.advantage-item {
gap: 10px;
}
.slide-caption {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}
/* Секция Продукция */
.products-section {
background: #493F3F;
padding: 80px 0;
color: #FFFFFF;
}
.products-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #FFFFFF;
margin: 0 0 40px 0;
}
/* Заголовок секции */
.products-header {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.products-header-left {
width: 906px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #FFFFFF;
}
.products-header-left p {
margin-bottom: 15px;
}
.products-header-left p:last-child {
margin-bottom: 0;
}
.products-header-right {
width: 300px;
margin-left: 80px;
flex-shrink: 0;
}
.products-logo {
margin-bottom: 20px;
}
.products-logo img {
width: 100%;
height: auto;
display: block;
}
.products-logo-text {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #FFFFFF;
}
/* Слайдер */
.products-slider-wrapper {
margin-bottom: 20px;
overflow: hidden;
}
.products-slider {
margin: 0 -5px;
}
.products-slider .slick-list {
margin: 0 -5px;
}
.products-slider .slick-track {
display: flex;
}
.products-slider .slick-slide {
padding: 0 15px;
height: auto;
}
/* Карточка товара */
.product-card {
width: 250px;
background: transparent;
}
.product-image-wrapper {
position: relative;
width: 250px;
height: 360px;
border-radius: 4px;
overflow: hidden;
margin-bottom: 15px;
}
.product-main-image {
width: 118px;
height: 260px;
transition: opacity 0.3s ease;
}
/* Разделитель */
.products-section .container>.products-footer {
border-top: 1px solid #9A838080;
padding-top: 40px;
margin-top: 40px;
}
.products-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Навигация слайдера */
.products-nav {
display: flex;
gap: 10px;
}
.products-nav-prev,
.products-nav-next {
background: transparent;
border: none;
cursor: pointer;
padding: 0;
line-height: 0;
transition: opacity 0.3s ease;
}
.products-nav-prev:hover,
.products-nav-next:hover {
opacity: 0.8;
}
.products-nav-prev:active,
.products-nav-next:active {
opacity: 0.6;
}
/* Кнопки в футере */
.products-footer-buttons {
display: flex;
gap: 10px;
}
.products-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 15px 10px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-decoration: none;
transition: all 0.3s ease;
box-sizing: border-box;
}
.products-btn.catalog-btn {
width: 195px;
background: #B73428;
border: 1px solid #B73428;
color: #FFFFFF;
}
.products-btn.catalog-btn:hover {
background: #AE655E;
border-color: #AE655E;
}
.products-btn.catalog-btn:active {
background: #942C22;
border-color: #942C22;
}
.products-btn.download-btn {
width: 177px;
background: transparent;
border: 1px solid #C7B1AF;
color: #C7B1AF;
}
.products-btn.download-btn:hover {
background: rgba(199, 177, 175, 0.1);
}
.products-btn.download-btn:active {
background: rgba(199, 177, 175, 0.2);
}
/* Адаптивность */
@media (max-width: 1200px) {
.products-header {
flex-direction: column;
gap: 30px;
}
.products-header-left {
width: 100%;
}
.products-header-right {
margin-left: 0;
width: 100%;
max-width: 300px;
}
}
@media (max-width: 992px) {
.products-slider .slick-slide {
width: 250px;
}
}
@media (max-width: 768px) {
.products-section {
padding: 50px 0;
}
.products-title {
font-size: 36px;
line-height: 48px;
}
.products-footer {
flex-direction: column;
gap: 30px;
}
.products-footer-buttons {
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
.products-title {
font-size: 28px;
line-height: 36px;
}
.products-footer-buttons {
flex-direction: column;
align-items: center;
}
.products-btn {
width: 100% !important;
max-width: 280px;
}
}
/* Стили для навигации по изображениям */
.product-image-wrapper {
position: relative;
width: 250px;
height: 360px;
overflow: hidden;
border-radius: 4px;
background-color: #2B2626;
display: flex;
justify-content: center;
align-items: center;
}
.product-main-image {
width: 118px;
height: 260px;
transition: opacity 0.3s ease;
box-shadow: 5px 20px 30px 0px #00000066;
}
/* Контейнер для навигации */
.image-navigation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
z-index: 10;
}
.product-image-wrapper:hover .image-navigation {
opacity: 1;
pointer-events: auto;
}
/* Стрелки */
.image-nav-prev,
.image-nav-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
transition: all 0.3s ease;
z-index: 15;
pointer-events: auto;
}
.image-nav-prev {
left: 10px;
}
.image-nav-next {
right: 10px;
}
.image-nav-prev:hover,
.image-nav-next:hover {
transform: translateY(-50%) scale(1.1);
}
.image-nav-prev svg,
.image-nav-next svg {
width: 9px;
height: 14px;
}
.image-nav-prev svg path,
.image-nav-next svg path {
fill: #9A8380;
}
.product-card-title {
font-family: 'Bounded';
font-weight: 400;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 5px;
}
/* Точки */
/* Полностью очищаем контейнер точек */
.image-dots {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
display: flex !important;
justify-content: center;
align-items: center;
gap: 8px;
z-index: 15;
pointer-events: auto;
}
/* Стили для CSS точек (не SVG) */
.image-dot {
display: inline-block !important;
width: 5px !important;
height: 5px !important;
border-radius: 50% !important;
background-color: #AD9A98 !important;
opacity: 0.5 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}
/* Активная точка */
.image-dot.active {
width: 8px !important;
height: 8px !important;
opacity: 1 !important;
background-color: #AD9A98 !important;
transform: none !important;
}
/* Ховер эффект */
.image-dot:hover {
opacity: 0.8 !important;
transform: scale(1.2) !important;
}
/* Скрываем все SVG внутри точек на всякий случай */
.image-dot svg {
display: none !important;
}
/* Убираем лишние стили, которые могли мешать */
.animation-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
}
/* Секция подбора двери */
.door-selection {
background: #EDE8E8;
padding: 80px 0;
}
.selection-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #302A2A;
margin: 0 0 15px 0;
}
.selection-subtitle {
font-family: 'Bounded-regular';
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #302A2A;
margin: 0 0 40px 0;
}
/* Контейнер выбора */
.selection-container {
width: 1290px;
max-width: 100%;
background: #FFFFFF;
border-radius: 4px;
padding: 20px;
box-sizing: border-box;
margin: 0 auto;
}
/* Этапы */
.selection-stage {
display: none;
}
.selection-stage.active {
display: block;
}
.stage-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
position: relative;
}
.stage-number {
width: 50px;
height: 50px;
border-radius: 50px;
border: 1px solid #493F3F;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #493F3F;
margin-right: 15px;
}
.stage-title {
font-family: 'Bounded-regular';
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: #302A2A;
margin: 0;
flex: 1;
}
.stage-title-large {
font-family: 'Bounded';
font-weight: 700;
font-size: 40px;
line-height: 100%;
color: #302A2A;
margin: 0;
flex: 1;
}
.stage-description {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #302A2A;
margin: -10px 0 30px 0;
}
/* Скролл контейнер */
.items-scroll-container {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 20px;
scrollbar-width: none;
padding: 10px;
/* Firefox */
-ms-overflow-style: none;
/* IE/Edge */
}
.items-scroll-container::-webkit-scrollbar {
display: none;
/* Chrome/Safari */
}
.items-wrapper {
display: flex;
gap: 10px;
padding: 5px 0;
width: max-content;
}
/* Карточки моделей */
.item-card {
flex: 0 0 auto;
cursor: pointer;
position: relative;
transition: all 0.3s ease;
}
.item-card.selected {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
#colorsContainer .item-card::after {
z-index: 12;
position: absolute;
top: 0;
content: '';
width: 100%;
background-color: #ffffff;
height: 15px;
transition: all .3s ease;
}
#colorsContainer .item-card::before {
transition: all .3s ease;
z-index: 12;
position: absolute;
bottom: 0;
content: '';
width: 100%;
background-color: #ffffff;
height: 15px;
}
#colorsContainer .item-card.selected::after {
height: 0;
}
#colorsContainer .item-card.selected::before {
height: 0;
}
/* Карточка модели */
.model-card {
width: 244px;
height: 160px;
background: #EDE8E8;
border-radius: 4px;
padding: 10px;
display: flex;
gap: 15px;
box-sizing: border-box;
}
.model-card .item-image {
width: 63px;
height: 140px;
flex-shrink: 0;
border-radius: 4px;
overflow: hidden;
}
.model-card .item-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.model-card .item-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: end;
}
.model-card .item-title {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 100%;
text-transform: none;
color: #302A2A;
text-decoration: none;
transition: color 0.3s ease;
}
.model-card .item-title:hover {
color: #B73428;
}
/* Карточка цвета */
.color-card {
width: 244px;
height: 120px;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.color-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
position: relative;
}
.color-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3);
transition: opacity 0.3s ease;
}
.color-card.selected .color-overlay {
opacity: 0;
}
.color-title {
position: absolute;
height: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-weight: 700;
color: #FFFFFF;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
white-space: nowrap;
z-index: 3;
width: auto;
text-align: center;
}
.color-card.selected .color-title {
position: absolute;
height: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-weight: 700;
color: #FFFFFF;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
white-space: nowrap;
z-index: 3;
width: auto;
text-align: center;
}
/* Кастомный скроллбар */
.custom-scrollbar {
width: 100%;
height: 10px;
margin: 10px 0 30px;
position: relative;
}
.scrollbar-track {
width: 100%;
height: 10px;
background: #E4DDDD;
border-radius: 5px;
position: relative;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25));
}
.scrollbar-thumb {
height: 10px;
background: #9A8380;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
transition: left 0.1s ease;
}
/* Кнопки действий */
.stage-action,
.stage-actions {
display: flex;
align-items: center;
gap: 30px;
margin-top: 20px;
}
.stage-actions .back-link, .stage-header .back-link {
margin-bottom: 0;
}
.select-btn {
width: 190px;
height: 41px;
background: transparent;
border: 1px solid #9A8380;
border-radius: 3px;
padding: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #9A8380;
cursor: pointer;
transition: all 0.3s ease;
box-sizing: border-box;
}
.select-btn:not(:disabled):hover {
background: rgba(154, 131, 128, 0.1);
}
.select-btn:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.select-btn svg path {
fill: #9A8380;
transition: fill 0.3s ease;
}
.back-link {
background: transparent;
border: none;
display: inline-flex;
align-items: center;
gap: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #9A8380;
cursor: pointer;
padding: 0;
transition: opacity 0.3s ease;
}
.back-link:hover {
opacity: 0.7;
}
.back-link svg path {
fill: #9A8380;
}
.main_about_text .select-btn {
width: 210px;
margin-top: 30px;
}
.main_about_text strong {
margin-top: 20px;
display: inline-block;
}
.main_about_text img {
margin-top: 10px;
margin-bottom: 10px;
}
/* Форма */
.selection-form {
max-width: 100%;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.form-row {
margin-bottom: 10px;
}
.form-input {
width: 400px;
max-width: 100%;
height: 49px;
background: #EDE8E8;
border: 1px solid #C5B9B9;
border-radius: 3px;
padding: 15px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #302A2A;
box-sizing: border-box;
}
.form-input::placeholder {
color: #A09492;
opacity: 1;
}
.form-input:focus {
outline: none;
border-color: #9A8380;
}
.form-actions {
margin: 20px 0 15px;
}
.submit-btn {
width: 111px;
height: 40px;
background: #B73428;
border: none;
border-radius: 3px;
padding: 15px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #FFFFFF;
cursor: pointer;
transition: background 0.3s ease;
box-sizing: border-box;
}
.submit-btn:hover {
background: #942C22;
}
/* Чекбокс */
.form-checkbox {
margin-top: 28px;
}
.checkbox-label {
display: inline-flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #302A2A;
}
.checkbox-label input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.checkbox-custom {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
flex-shrink: 0;
}
.checkbox-custom svg {
width: 26px;
height: 26px;
}
.checkbox-label input[type="checkbox"]:checked+.checkbox-custom svg path:last-child {
fill: #A09492;
}
/* Спасибо */
.thankyou-content {
min-height: 300px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.thankyou-title {
font-family: 'Bounded';
font-weight: 700;
font-size: 40px;
line-height: 100%;
color: #302A2A;
margin: 0 0 20px 0;
}
#stage1 .item-title {
text-transform: lowercase;
}
#stage1 .item-title::first-letter {
text-transform: uppercase;
}
#stage4 .stage-header {justify-content: end;}
.thankyou-message {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #302A2A;
margin: 0;
}
/* Адаптивность */
@media (max-width: 1300px) {
.selection-container {
padding: 20px;
}
.form-input {
width: 100%;
}
}
@media (max-width: 768px) {
.door-selection {
padding: 40px 0;
}
.selection-title {
font-size: 36px;
line-height: 48px;
}
.selection-subtitle {
font-size: 18px;
line-height: 24px;
}
.stage-title-large {
font-size: 32px;
}
.thankyou-title {
font-size: 32px;
}
.stage-actions {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
}
@media (max-width: 480px) {
.selection-title {
font-size: 28px;
line-height: 36px;
}
.model-card {
width: 200px;
}
.color-card {
width: 200px;
}
}
/* Дополнительные стили для скроллбара */
.custom-scrollbar {
width: 100%;
height: 10px;
margin: 10px 0 30px;
position: relative;
}
.scrollbar-track {
width: 100%;
height: 10px;
background: #E4DDDD;
border-radius: 5px;
position: relative;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25));
}
.scrollbar-thumb {
height: 10px;
background: #9A8380;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
transition: left 0.1s ease;
}
.scrollbar-thumb:hover {
background: #8A7370;
}
.scrollbar-thumb:active {
cursor: grabbing;
}
/* Стили для выбранных элементов */
.model-card.selected,
.color-card.selected {
/*outline: 2px solid #B73428;*/
outline-offset: 2px;
background-color: #816F6F;
}
.model-card.selected .item-title {
color: #FFFFFF;}
/* Стили для чекбокса */
.checkbox-custom svg path:last-child {
opacity: 0;
transition: opacity 0.2s ease;
}
.checkbox-label input[type="checkbox"]:checked+.checkbox-custom svg path:last-child {
opacity: 1;
}
/* Анимации этапов */
.selection-stage {
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Секция Почему мы */
.why-us-section {
background: #FFFFFF;
padding: 80px 0;
}
.why-us-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #302A2A;
margin: 0 0 20px 0;
}
.why-us-description {
font-family: 'Bounded-regular';
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #302A2A;
margin: 0 0 50px 0;
}
/* Сетка преимуществ */
.advantages-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 80px;
}
.advantage-card {
width: 100%;
background: #FFFFFF;
border-radius: 4px;
overflow: hidden;
}
.advantage-image {
width: 100%;
height: 160px;
border-radius: 4px;
overflow: hidden;
margin-bottom: 20px;
}
.advantage-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.advantage-content {
padding: 0 0 5px 0;
}
.advantage-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.advantage-number-circle {
width: 40px;
height: 40px;
border-radius: 50px;
border: 1px solid #493F3F;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: #493F3F;
flex-shrink: 0;
}
.advantage-card-title {
font-family: 'Bounded-Bold';
font-weight: 566;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: #805652;
margin: 0;
}
.advantage-card-text {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #302A2A;
margin: 0;
}
/* Блок доставки */
.delivery-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #302A2A;
margin: 0 0 20px 0;
}
.delivery-description {
font-family: 'Bounded-regular';
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #302A2A;
margin: 0 0 40px 0;
}
.delivery-content {
display: flex;
gap: 30px;
align-items: flex-start;
}
.delivery-image {
width: 410px;
height: 287px;
flex-shrink: 0;
border-radius: 4px;
overflow: hidden;
}
.delivery-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.delivery-text {
flex: 1;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #302A2A;
}
.delivery-text p {
margin-bottom: 15px;
}
.delivery-text p:last-child {
margin-bottom: 0;
}
/* Адаптивность */
@media (max-width: 1200px) {
.advantages-grid {
grid-template-columns: repeat(2, 1fr);
}
.delivery-content {
flex-direction: column;
}
.delivery-image {
width: 100%;
height: auto;
aspect-ratio: 410/287;
}
}
@media (max-width: 768px) {
.why-us-section {
padding: 50px 0;
}
.why-us-title,
.delivery-title {
font-size: 36px;
line-height: 48px;
}
.why-us-description,
.delivery-description {
font-size: 18px;
line-height: 24px;
}
.advantages-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.advantage-card {
max-width: 500px;
margin: 0 auto;
}
}
@media (max-width: 480px) {
.why-us-title,
.delivery-title {
font-size: 28px;
line-height: 36px;
}
.advantage-header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.advantage-card-title {
font-size: 15px;
}
}
.main_about_text h2 {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 48px;
line-height: 64px;
color: #302A2A;
text-transform: uppercase;
}
/* Секция Как заказать - уникальные классы */
.howtoorder-section {
background: linear-gradient(to bottom,
#EDE8E8 0px,
#EDE8E8 445px,
#FFFFFF 445px,
#FFFFFF 100%);
padding: 80px 0;
min-height: 500px;
}
.howtoorder-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #302A2A;
margin: 0 0 20px 0;
}
.howtoorder-description {
font-family: 'Bounded-regular';
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #302A2A;
margin: 0 0 50px 0;
max-width: 1030px;
}
/* Сетка шагов */
.howtoorder-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 5px;
}
/* Карточка шага */
.howtoorder-card {
width: 318.75px;
max-width: 100%;
height: 208px;
background: #493F3F;
border-radius: 40px 4px 4px 4px;
padding: 15px 15px 30px 15px;
box-sizing: border-box;
display: flex;
flex-direction: column;
box-shadow: 10px 8px 21px -10px rgba(0, 0, 0, 0.34);
}
/* Заголовок карточки с кругом и стрелкой */
.howtoorder-header {
display: flex;
align-items: center;
margin-bottom: 30px;
position: relative;
}
/* Круг с номером */
.howtoorder-circle {
width: 60px;
height: 60px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #9A8380;
background: transparent;
flex-shrink: 0;
}
/* Пунктирная обводка для первых трех шагов */
.howtoorder-circle-dashed {
border: 2px dashed #C7B1AF;
}
/* Сплошная обводка для последнего шага */
.howtoorder-circle-solid {
border: 2px solid #C7B1AF;
}
/* Стрелка между шагами */
.howtoorder-arrow {
position: absolute;
left: 70px;
top: 50%;
transform: translateY(-50%);
width: 203px;
height: 8px;
}
.howtoorder-arrow svg {
width: 100%;
height: 100%;
display: block;
}
/* Заголовок шага */
.howtoorder-card-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #FFFFFF;
margin: 0 0 10px 0;
}
/* Описание шага */
.howtoorder-card-description {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #FFFFFF;
margin: 0;
}
/* Последний шаг без стрелки */
.howtoorder-card-last .howtoorder-arrow {
display: none;
}
/* Адаптивность */
@media (max-width: 1300px) {
.howtoorder-grid {
grid-template-columns: repeat(2, 1fr);
justify-items: center;
}
.howtoorder-card {
width: 100%;
max-width: 400px;
}
.howtoorder-arrow {
width: 150px;
}
}
@media (max-width: 768px) {
.howtoorder-section {
padding: 50px 0;
}
.howtoorder-title {
font-size: 36px;
line-height: 48px;
}
.howtoorder-description {
font-size: 18px;
line-height: 24px;
margin-bottom: 30px;
}
.howtoorder-grid {
grid-template-columns: 1fr;
}
.howtoorder-card {
height: auto;
min-height: 208px;
}
.howtoorder-arrow {
width: 120px;
}
}
@media (max-width: 480px) {
.howtoorder-title {
font-size: 28px;
line-height: 36px;
}
.howtoorder-header {
margin-bottom: 20px;
}
.howtoorder-arrow {
width: 80px;
}
.howtoorder-circle {
width: 50px;
height: 50px;
font-size: 20px;
}
}
/* Секция Стать дилером (новая) */
.dealern-section {
background: #EDE8E8;
padding: 80px 0;
padding-bottom: 0;
}
.dealern-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #302A2A;
margin: 0 0 20px 0;
}
.dealern-subtitle {
font-family: 'Bounded-regular';
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #302A2A;
margin: 0 0 40px 0;
}
/* Контентный блок (адаптированный из partners-content) */
.dealern-content {
margin-bottom: 60px;
}
.dealern-lead {
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 700;
margin-bottom: 45px;
color: #302A2A;
}
.dealern-grid {
display: flex;
gap: 30px;
}
/* Левая колонка - этапы */
.dealern-steps {
flex: 0 0 50%;
}
.dealern-steps-container {
display: flex;
gap: 10px;
}
.dealern-step-card {
position: relative;
width: 216px;
}
.dealern-step-circle {
width: 157px;
height: 157px;
border-radius: 50%;
background: #D9D5D5;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
position: relative;
}
.dealern-step-circle::after {
content: '';
position: absolute;
bottom: 5px;
left: 15px;
transform: translateX(-50%);
width: 1px;
height: 70px;
background: rgba(173, 154, 152, 1);
}
.dealern-step-icon {
position: absolute;
top: 20px;
left: 15px;
width: auto;
transform: translate(-25%, -25%);
}
.dealern-step-text {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 100%;
display: block;
margin-top: 65px;
width: 183px;
position: absolute;
left: 25px;
font-size: 16px;
color: #302A2A;
}
/* Правая колонка - текст */
.dealern-text {
color: #302A2A;
flex: 0 0 50%;
}
.dealern-text p {
margin-bottom: 15px;
line-height: 1.4;
font-size: 14px;
color: #302A2A;
}
/* Блок с формой */
.dealern-form-block {
width: 1290px;
max-width: 100%;
height: 480px;
background: #D9D5D5;
display: flex;
margin: 0 auto;
border-radius: 4px;
overflow: hidden;
margin-bottom: -30px;
}
/* Левая часть формы */
.dealern-form-left {
width: 50%;
padding: 40px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.dealern-form-text {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: #302A2A;
margin: 0 0 20px 0;
}
.wpcf7-form br {display: none;}
/* Правая часть с причинами */
.dealern-form-right {
width: 50%;
padding: 40px;
box-sizing: border-box;
background: #D9D5D5;
border-left: 1px solid rgba(154, 131, 128, 0.2);
}
.dealern-reasons-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.dealern-reason-item {
display: flex;
gap: 15px;
align-items: flex-start;
}
.dealern-reason-number-circle {
width: 60px;
height: 60px;
border-radius: 50px;
border: 1px solid #9A8380;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 100%;
color: #9A8380;
flex-shrink: 0;
}
.dealern-reason-content {
flex: 1;
}
.dealern-reason-title {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: #302A2A;
margin: 0 0 8px 0;
}
.dealern-reason-description {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #302A2A;
margin: 0;
}
/* Адаптивность */
@media (max-width: 1300px) {
.dealern-form-block {
height: auto;
min-height: 480px;
flex-direction: column;
}
.dealern-form-left,
.dealern-form-right {
width: 100%;
}
.dealern-form-right {
border-left: none;
border-top: 1px solid rgba(154, 131, 128, 0.2);
}
.dealern-grid {
flex-direction: column;
}
.dealern-steps-container {
justify-content: center;
}
}
@media (max-width: 768px) {
.dealern-section {
padding: 50px 0;
}
.dealern-title {
font-size: 36px;
line-height: 48px;
}
.dealern-subtitle {
font-size: 18px;
line-height: 24px;
}
.dealern-form-left,
.dealern-form-right {
padding: 30px 20px;
}
.dealern-reason-item {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.dealern-title {
font-size: 28px;
line-height: 36px;
}
.dealern-step-circle {
width: 130px;
height: 130px;
}
.dealern-step-text {
font-size: 14px;
left: 15px;
width: 150px;
}
}
body .dealern-section .wpcf7-form-control.wpcf7-text {
background-color: #FFFFFF;
width: 100%;
max-width: 510px;
border-top: 1px solid #C5B9B9;
}
body .dealern-section .wpcf7-form-control.wpcf7-tel {
max-width: 510px;
border-top: 1px solid #C5B9B9;
}
/* Анимация для причин */
.dealern-reason-item {
opacity: 0;
transform: translateX(-20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.dealern-reason-item.animated {
opacity: 1;
transform: translateX(0);
}
/* Задержки для последовательного появления */
.dealern-reason-item:nth-child(1).animated {
transition-delay: 0.1s;
}
.dealern-reason-item:nth-child(2).animated {
transition-delay: 0.3s;
}
.dealern-reason-item:nth-child(3).animated {
transition-delay: 0.5s;
}
.dealern-reason-item:nth-child(4).animated {
transition-delay: 0.7s;
}
.dealern-reason-item:nth-child(5).animated {
transition-delay: 0.9s;
}
/* Альтернативный вариант с появлением снизу */
.dealern-reason-item.alt-animation {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.dealern-reason-item.alt-animation.animated {
opacity: 1;
transform: translateY(0);
}
/* Секция Остались вопросы? */
.quest-section {
background: #FFFFFF;
padding: 80px 0;
position: relative;
overflow: hidden;
margin-top: 100px;
}
.quest-container {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
min-height: fit-content;
flex-direction: row;
}
/* Левая колонка с формой */
.quest-form-col {
width: 50%;
max-width: 500px;
position: relative;
z-index: 5;
}
.quest-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 38px;
line-height: 100%;
color: #302A2A;
margin: 0 0 20px 0;
}
.quest-subtitle {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #302A2A;
margin: 0 0 30px 0;
max-width: 400px;
}
/* Форма */
.quest-form-wrapper {
max-width: 409px;
}
.quest-form-wrapper .wpcf7-form {
display: flex;
flex-direction: column;
gap: 15px;
}
.quest-form-wrapper .wpcf7-form-control::placeholder {
color: #A09492;
opacity: 1;
}
.quest-form-wrapper .wpcf7-form-control:focus {
outline: none;
border-top-color: #9A8380;
}
.quest-form-wrapper .wpcf7-submit {
width: 111px;
height: 40px;
background: #B73428;
border: none;
border-radius: 3px;
padding: 15px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #FFFFFF;
cursor: pointer;
transition: background 0.3s ease;
border: none;
margin-top: 10px;
}
.quest-form-wrapper .wpcf7-submit:hover {
background: #942C22;
}
/* Чекбокс */
.quest-form-wrapper .wpcf7-checkbox label {
display: flex;
align-items: center;
gap: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #302A2A;
cursor: pointer;
}
.quest-form-wrapper .wpcf7-checkbox input[type="checkbox"] {
width: 20px;
height: 20px;
margin: 0;
accent-color: #9A8380;
}
.quest-form-wrapper .wpcf7-checkbox a {
color: #9A8380;
text-decoration: underline;
transition: color 0.3s ease;
}
.quest-form-wrapper .wpcf7-checkbox a:hover {
color: #B73428;
}
/* Правая колонка с изображением */
.quest-image-col {
width: fit-content;
position: relative;
z-index: 5;
display: flex;
justify-content: flex-end;
}
.quest-right-image {
width: 740px;
max-width: 100%;
height: auto;
object-fit: contain;
}
/* Силуэт по центру внизу */
.quest-silhouette {
position: absolute;
top: -59px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
pointer-events: none;
}
.quest-silhouette img {
width: 394px;
max-width: 100%;
height: auto;
display: block;
}
/* Адаптивность */
@media (max-width: 1200px) {
.quest-right-image {
width: 600px;
}
.quest-silhouette img {
width: 300px;
}
}
@media (max-width: 992px) {
.quest-container {
flex-direction: column;
gap: 40px;
}
.quest-form-col,
.quest-image-col {
width: 100%;
max-width: 100%;
}
.quest-image-col {
justify-content: center;
}
.quest-right-image {
width: 100%;
max-width: 600px;
}
.quest-silhouette {
display: none;
}
}
@media (max-width: 768px) {
.quest-section {
padding: 50px 0;
}
.quest-title {
font-size: 32px;
}
.quest-subtitle {
font-size: 15px;
}
.quest-form-wrapper {
max-width: 100%;
}
}
@media (max-width: 480px) {
.quest-title {
font-size: 28px;
}
.quest-form-wrapper .wpcf7-submit {
width: 100%;
}
}
/* Страница каталога - новый дизайн */
.catalog-page {
padding: 40px 0 80px;
}
/* Хлебные крошки */
.catalog-breadcrumbs {
margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.catalog-breadcrumbs-mobile {
display: none;
}
.catalog-breadcrumbs-mobile a {
display: flex;
align-items: center;
gap: 10px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #9A8380;
text-decoration: none;
}
/* Заголовок страницы */
.catalog-page-title {
font-family: 'Bounded', sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #302A2A;
margin: 0 0 30px 0;
}
/* Сетка каталога */
.catalog-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
margin-bottom: 60px;
}
/* Элемент сетки */
.catalog-grid-item {
width: 250px;
height: 393px;
background: #F5F0F0;
border-radius: 4px;
padding: 20px 15px 30px;
box-sizing: border-box;
transition: transform 0.3s ease, box-shadow 0.3s ease;
/* Анимация появления */
opacity: 0;
transform: translateY(30px);
animation: catalogItemAppear 0.5s ease forwards;
}
@keyframes catalogItemAppear {
to {
opacity: 1;
transform: translateY(0);
}
}
.catalog-grid-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
/* Ссылка на товар */
.catalog-item-link {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
width: 100%;
position: absolute;
top: 0;
}
/* Название модели */
.catalog-item-title {
font-family: 'Bounded-regular';
font-weight: 400;
font-size: 18px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #493F3F;
margin: 0 0 20px 0;
transition: color 0.3s ease;
}
.catalog-item-link:hover .catalog-item-title {
color: #B73428;
}
/* Изображение */
.catalog-item-image {
width: 118px;
height: 260px;
display: flex;
align-items: center;
justify-content: center;
}
.catalog-item-img {
width: 100%;
height: 100%;
object-fit: contain;
filter: drop-shadow(5px 20px 30px rgba(0, 0, 0, 0.25));
transition: transform 0.3s ease;
}
.catalog-item-link:hover .catalog-item-img {
transform: scale(1.05);
}
/* Баннеры (сохраняем существующие стили, но адаптируем) */
.catalog-banners {
margin-bottom: 40px;
}
.catalog-banner {
display: flex;
height: 154px;
border-radius: 1px;
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.catalog-banner:last-child {
margin-bottom: 0;
}
.catalog-banner-image {
width: 651px;
height: 100%;
flex-shrink: 0;
}
.catalog-banner-image img {
height: 100%;
object-fit: cover;
}
.catalog-banner-content {
padding: 30px 20px;
font-size: 22px;
line-height: 1.4;
display: flex;
align-items: center;
flex-grow: 1;
position: absolute;
right: 65px;
max-width: 816px;
width: 100%;
}
/* Кнопка скачивания каталога */
.catalog-download-btn {
display: flex;
align-items: center;
justify-content: center;
width: 1290px;
max-width: 100%;
height: 51px;
background: transparent;
border: 1px solid #9A8380;
border-radius: 3px;
padding: 20px 15px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #9A8380;
text-decoration: none;
transition: all 0.3s ease;
box-sizing: border-box;
margin: 0 auto;
}
.catalog-download-btn:hover {
background: rgba(154, 131, 128, 0.1);
color: #302A2A;
border-color: #302A2A;
}
/* Пустое состояние */
.catalog-empty {
font-family: 'Roboto', sans-serif;
font-size: 18px;
color: #9A8380;
text-align: center;
padding: 50px;
grid-column: 1 / -1;
}
/* Адаптивность */
@media (max-width: 1300px) {
.catalog-grid {
grid-template-columns: repeat(4, 1fr);
justify-items: center;
}
.catalog-banner-content {
font-size: 18px;
right: 30px;
}
}
@media (max-width: 1100px) {
.catalog-grid {
grid-template-columns: repeat(3, 1fr);
}
.catalog-banner-image {
width: 500px;
}
}
@media (max-width: 992px) {
.catalog-page-title {
font-size: 36px;
line-height: 48px;
margin-bottom: 30px;
}
.catalog-grid {
grid-template-columns: repeat(2, 1fr);
}
.catalog-banner {
flex-direction: column;
height: auto;
}
.catalog-banner-image {
width: 100%;
height: 200px;
}
.catalog-banner-content {
position: relative;
right: 0;
padding: 20px;
font-size: 16px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
}
@media (max-width: 768px) {
.catalog-page {
padding: 20px 0 50px;
}
.catalog-breadcrumbs-mobile {
display: block;
}
.catalog-breadcrumbs .breadcrumbs {
display: none;
}
.catalog-page-title {
font-size: 28px;
line-height: 36px;
}
.catalog-grid {
grid-template-columns: 1fr;
justify-items: center;
}
.catalog-grid-item {
width: 280px;
}
}
@media (max-width: 480px) {
.catalog-page-title {
font-size: 24px;
line-height: 32px;
}
.catalog-grid-item {
width: 250px;
}
.catalog-download-btn {
height: auto;
min-height: 51px;
padding: 15px;
text-align: center;
}
}
.post-type-archive .why-us-section {padding-bottom: 0;}
/* Галерея каталога */
.catalog-item-gallery-wrapper {
position: relative;
width: 100%;
height: 260px;
border-radius: 4px;
margin-top: 40px;
}
.catalog-item-gallery {
position: relative;
width: 100%;
height: 100%;
}
.catalog-gallery-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.catalog-gallery-slide.active {
opacity: 1;
visibility: visible;
}
.catalog-gallery-img {
width: 100%;
height: 100%;
object-fit: contain;
filter: drop-shadow(5px 20px 30px rgba(0, 0, 0, 0.25));
}
/* Навигация для галереи */
.catalog-gallery-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
padding: 0 10px;
box-sizing: border-box;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 10;
}
.catalog-grid-item:hover .catalog-gallery-nav {
opacity: 1;
visibility: visible;
}
.catalog-gallery-prev,
.catalog-gallery-next {
width: 30px;
height: 30px;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.3s ease, transform 0.3s ease;
padding: 0;
}
.catalog-gallery-prev:hover,
.catalog-gallery-next:hover {
transform: scale(1.1);
}
.catalog-gallery-prev svg,
.catalog-gallery-next svg {
width: 9px;
height: 14px;
}
.catalog-gallery-prev svg path,
.catalog-gallery-next svg path {
fill: #9A8380;
}
/* Точки навигации */
.catalog-gallery-dots {
position: absolute;
bottom: -20px;
left: 0;
width: 100%;
display: flex;
justify-content: center;
gap: 6px;
z-index: 10;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.catalog-grid-item:hover .catalog-gallery-dots {
opacity: 1;
visibility: visible;
}
.catalog-gallery-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #706362;
opacity: 0.5;
cursor: pointer;
transition: all 0.3s ease;
}
.catalog-gallery-dot.active {
width: 20px;
border-radius: 3px;
opacity: 1;
background: #AD9A98;
}
.catalog-gallery-dot:hover {
opacity: 0.8;
transform: scale(1.2);
}
/* Ссылка "Подробнее" */
.catalog-item-more {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #805652;
width: 100%;
text-align: center;
opacity: 0;
transition: all .3s ease;
position: absolute;
bottom: -10px;
width: 100%;
}
.catalog-grid-item:hover .catalog-item-more {
opacity: 1;
visibility: visible;
}
.catalog-item-more:hover {
text-decoration: underline;
}
.catalog-item-more svg {
width: 9px;
height: 14px;
}
/* Одиночное изображение (без галереи) */
.catalog-item-image-single {
width: 118px;
height: 260px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.catalog-item-image-single .catalog-item-img {
width: 100%;
height: 100%;
object-fit: contain;
filter: drop-shadow(5px 20px 30px rgba(0, 0, 0, 0.25));
transition: transform 0.3s ease;
}
.catalog-grid-item:hover .catalog-item-image-single .catalog-item-img {
transform: scale(1.05);
}
/* Корректировка для ссылки */
.catalog-item-inner {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
}
.catalog-item-inner:hover>.catalog-item-more {
opacity: 1;
}
.catalog-item-more img {margin-left: 5px;
margin-bottom: 1px;
width: 5px;
display: inline-block;
height: 8px;}
.catalog-item-link {
text-decoration: none;
z-index: 5;
}
/* Секция доставки на странице товара */
.product-delivery-section {
background: #FFFFFF;
padding: 80px 0;
padding-bottom: 50px;
}
.product-delivery-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #302A2A;
margin: 0 0 40px 0;
}
.product-delivery-grid {
display: flex;
gap: 30px;
}
/* Левая колонка */
.product-delivery-left {
width: 410px;
flex-shrink: 0;
}
.product-delivery-image {
width: 409px;
height: 302px;
border-radius: 4px;
overflow: hidden;
margin-bottom: 30px;
}
.product-delivery-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Блоки качества */
.product-quality-blocks {
display: flex;
flex-direction: column;
gap: 10px;
}
.product-quality-block {
width: 410px;
min-height: 140px;
background: #F5F0F0;
border-radius: 4px;
padding: 30px 15px;
box-sizing: border-box;
display: flex;
gap: 15px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-quality-block:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.quality-icon {
width: 60px;
height: 60px;
flex-shrink: 0;
}
.quality-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.quality-content {
flex: 1;
}
.quality-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #302A2A;
margin: 0 0 10px 0;
}
.quality-description {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #302A2A;
margin: 0;
}
/* Правая колонка */
.product-delivery-right {
width: 850px;
flex-shrink: 0;
}
/* Текстовые блоки */
.product-text-blocks {
display: flex;
flex-direction: column;
gap: 30px;
margin-bottom: 40px;
}
.product-text-block {
width: 100%;
}
.text-block-title {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #302A2A;
margin: 0 0 15px 0;
}
.text-block-content {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #302A2A;
margin: 0;
}
/* Нумерованный список */
.product-numbered-list {
display: flex;
flex-direction: column;
gap: 18px;
}
.numbered-list-item {
display: flex;
align-items: center;
gap: 15px;
}
.list-number-circle {
width: 50px;
height: 50px;
border-radius: 50px;
border: 1px solid #9A8380;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 100%;
text-align: center;
color: #9A8380;
flex-shrink: 0;
}
.list-text {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 120%;
color: #302A2A;
flex: 1;
}
/* Адаптивность */
@media (max-width: 1300px) {
.product-delivery-grid {
flex-direction: column;
}
.product-delivery-left,
.product-delivery-right {
width: 100%;
}
.product-delivery-image {
width: 100%;
max-width: 409px;
height: auto;
aspect-ratio: 409/302;
}
.product-quality-block {
width: 100%;
max-width: 410px;
}
}
@media (max-width: 768px) {
.product-delivery-section {
padding: 50px 0;
}
.product-delivery-title {
font-size: 20px;
line-height: 24px;
}
.product-quality-block {
flex-direction: column;
align-items: center;
text-align: center;
height: auto;
padding: 20px;
}
.quality-title {
font-size: 18px;
line-height: 20px;
}
.numbered-list-item {
flex-direction: column;
text-align: center;
}
.list-text {
font-size: 16px;
}
}
@media (max-width: 480px) {
.product-delivery-title {
font-size: 18px;
line-height: 22px;
}
.quality-title {
font-size: 16px;
line-height: 18px;
}
.list-number-circle {
width: 40px;
height: 40px;
font-size: 20px;
}
.list-text {
font-size: 15px;
}
}
/* Популярные модели на странице товара */
.popular-models-section {
padding: 80px 0;
background: #FFFFFF;
}
.popular-models-header {
margin-bottom: 30px;
}
.popular-models-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 40px;
line-height: 100%;
text-transform: uppercase;
color: #302A2A;
margin: 0 0 10px 0;
}
.popular-models-subtitle {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 22px;
color: #302A2A;
margin: 0;
}
/* Слайдер */
.popular-models-slider-wrapper {
margin: 0 -10px 40px;
overflow: hidden;
}
.popular-models-slider {
margin: 0 -5px;
}
.popular-models-slider .slick-list {
margin: 0 -5px;
padding: 5px 0;
}
.popular-models-slider .slick-slide {
margin: 0 5px;
height: 393px;
}
.popular-model-item {
height: 100%;
outline: none;
}
/* Разделитель */
.popular-models-divider {
width: 100%;
height: 1px;
background: #9A838080;
margin: 0 0 20px 0;
}
/* Навигация слайдера */
.popular-models-navigation {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.popular-slider-prev,
.popular-slider-next {
background: transparent;
border: none;
cursor: pointer;
padding: 0;
line-height: 0;
transition: opacity 0.3s ease;
}
.popular-slider-prev:hover,
.popular-slider-next:hover {
opacity: 0.7;
}
.popular-slider-prev svg,
.popular-slider-next svg {
width: 42px;
height: 42px;
display: block;
}
.popular-slider-prev {
margin-right: auto;
}
.popular-slider-next {
margin-left: auto;
}
/* Адаптивность */
@media (max-width: 1300px) {
.popular-models-slider .slick-slide {
width: 250px;
}
}
@media (max-width: 768px) {
.popular-models-section {
padding: 50px 0;
}
.popular-models-title {
font-size: 32px;
}
.popular-models-subtitle {
font-size: 16px;
}
.popular-slider-prev svg,
.popular-slider-next svg {
width: 36px;
height: 36px;
}
}
@media (max-width: 480px) {
.popular-models-title {
font-size: 28px;
}
.popular-models-navigation {
justify-content: center;
gap: 20px;
}
.popular-slider-prev,
.popular-slider-next {
margin: 0;
}
}
.about-title {
font-family: 'Bounded-Bold';
font-size: 48px;
color: #302a2a;
text-transform: uppercase;
line-height: 64px;
}
.manufacture h2 {text-transform: uppercase;
font-size: 40px;
color: #302A2A;}
.about-image img {
width: 550px !important;
height: 450px !important;
}
/* Видео на странице О компании */
.video-thumbnail video,
.video-thumbnail iframe {
width: 1290px;
height: 511px;
max-width: 100%;
border-radius: 4px;
}
@media (max-width: 1300px) {
.video-thumbnail video,
.video-thumbnail iframe {
width: 100%;
height: auto;
aspect-ratio: 1290/511;
}
}
/* Секция Наши преимущества на странице О компании */
.about-advantages-section {
background: #FFFFFF;
margin-bottom: 100px;
}
.about-advantages-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 40px;
line-height: 64px;
text-transform: uppercase;
color: #302A2A;
margin: 0 0 30px 0;
}
.about-advantages-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.about-advantage-card {
width: 423px;
max-width: 100%;
height: 174px;
background: #F5F0F0;
border-radius: 4px;
padding: 20px 15px;
box-sizing: border-box;
display: flex;
gap: 15px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.about-advantage-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.about-advantage-icon {
width: 60px;
height: 60px;
flex-shrink: 0;
}
.about-advantage-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.about-advantage-content {
flex: 1;
}
.about-advantage-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #302A2A;
margin: 0 0 10px 0;
}
.about-advantage-description {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #302A2A;
margin: 0;
}
/* Адаптивность */
@media (max-width: 1300px) {
.about-advantages-grid {
grid-template-columns: repeat(2, 1fr);
justify-items: center;
}
.about-advantage-card {
width: 100%;
max-width: 500px;
}
}
@media (max-width: 768px) {
.about-advantages-section {
padding: 50px 0;
}
.about-advantages-title {
font-size: 32px;
line-height: 48px;
margin-bottom: 30px;
}
.about-advantages-grid {
grid-template-columns: 1fr;
}
.about-advantage-card {
height: auto;
min-height: 174px;
}
}
@media (max-width: 480px) {
.about-advantages-title {
font-size: 28px;
line-height: 36px;
}
.about-advantage-card {
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
}
.about-advantage-title {
font-size: 18px;
line-height: 20px;
}
}
/* Секция преимуществ для страницы Партнерам */
.partner-advantages-section {
background: #FFFFFF;
padding: 80px 0;
padding-top: 0;
}
.partner-advantages-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
color: #302A2A;
max-width: 720px;
margin: 0 0 20px 0;
}
.partner-advantages-subtitle {
font-family: 'Bounded-regular';
font-weight: 400;
font-size: 22px;
color: #302A2A;
margin: 0 0 50px 0;
}
.partner-advantages-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.partner-advantage-card {
width: 423px;
max-width: 100%;
height: 174px;
background: #F5F0F0;
border-radius: 4px;
padding: 20px 15px;
box-sizing: border-box;
display: flex;
gap: 15px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.partner-advantage-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.partner-advantage-icon {
width: 60px;
height: 60px;
flex-shrink: 0;
}
.partner-advantage-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.partner-advantage-content {
flex: 1;
}
.partner-advantage-title {
font-family: 'Bounded-Bold';
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #302A2A;
margin: 0 0 10px 0;
}
.partner-advantage-description {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #302A2A;
margin: 0;
}
/* Адаптивность */
@media (max-width: 1300px) {
.partner-advantages-grid {
grid-template-columns: repeat(2, 1fr);
justify-items: center;
}
.partner-advantage-card {
width: 100%;
max-width: 500px;
}
}
@media (max-width: 768px) {
.partner-advantages-section {
padding: 50px 0;
}
.partner-advantages-title {
font-size: 32px;
line-height: 48px;
}
.partner-advantages-subtitle {
font-size: 16px;
margin-bottom: 30px;
}
.partner-advantages-grid {
grid-template-columns: 1fr;
}
.partner-advantage-card {
height: auto;
min-height: 174px;
}
}
@media (max-width: 480px) {
.partner-advantages-title {
font-size: 28px;
line-height: 36px;
}
.partner-advantage-card {
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
}
.partner-advantage-title {
font-size: 18px;
line-height: 20px;
}
}
.footer_logo {
display: flex;
justify-content: space-between;
}
footer .language-switcher {display: none;}