/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-Regular.woff2') format('woff2'), url('fonts/Ubuntu-Regular.woff') format('woff'), url('fonts/Ubuntu-Regularr.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: block; } @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-Medium.woff2') format('woff2'), url('fonts/Ubuntu-Medium.woff') format('woff'), url('fonts/Ubuntu-Medium.ttf') format('truetype'); font-weight: 500; font-style: medium; font-display: block; } @font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu-Bold.woff2') format('woff2'), url('fonts/Ubuntu-Bold.woff') format('woff'), url('fonts/Ubuntu-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: block; } /* ==================== МОБИЛЬНЫЕ (до 767px) ==================== */ @media (max-width: 767px) { } /* Особо маленькие экраны (iPhone 5 и подобные) */ @media (max-width: 400px){ .modal .modal-dialog{width: 100%;padding: 60px 10px 10px 10px!important;} .modal .modal-dialog .button{width: 100%;padding: 20px!important;} .service-block .service-list li a{font-size: 13px!important;} } /* ==================== ПЛАНШЕТЫ (768px - 1024px) ==================== */ @media (min-width: 768px) { .container{max-width: 720px;} .grid{gap: 25px;} .col-tb-2{grid-template-columns: repeat(2, 1fr);} .col-tb-3{grid-template-columns: repeat(3, 1fr);} .col-tb-4{grid-template-columns: repeat(4, 1fr);} } @media (max-width: 1024px) { .block{padding-bottom: 40px;padding-top: 40px;} h1{font-size: 30px;} h2{font-size: 28px!important;} .grid{gap: 20px;} .col-mb-1{grid-template-columns: 1fr;} .col-mb-2{grid-template-columns: repeat(2, 1fr);} /*.button{display: block!important;width: 100%;}*/ .o1{order: 1;} .o2{order: 2;} .lmodal{background-color: white!important;} .gbg{padding-bottom: 60px} .modal .modal-dialog{width: 100%;padding: 60px 20px 20px 20px;} #mmenu{padding: 0px!important;-webkit-overflow-scrolling: touch;background-color: white;border-radius: 0px;} #mmenu .modal-dialog a{color: black;} #mmenu .modal-dialog {height: 100%;margin: 0;} #mmenu .modal-content {height: 100%;border-radius: 0;} #mmenu .close{opacity: 1;border: none;} #mmenu .cont{padding-top: 20px;font-size: 18px;padding-bottom: 80px;display: grid;gap: 10px;} #mmenu .cont span{display: block;} #mmenu .cont .phone{display: block;font-weight: bold;font-size: 20px;} #mmenu .cont .time{color: gray;font-size: 15px;} #mmenu .cont .mail{color: var(--hovercolor);} #mmenu .cont .ad{font-size: 15px;} #mmenu .cont .cit{color: #dd4475;font-weight: bold;} #mmenu .cont .button{color: white;display: block;} #mmenu .nav{display: inline-block;width: 100%;list-style: none;} #mmenu .nav>ul{padding: 0px;} #mmenu .nav>li{border-bottom: 1px solid #F8F8F8;padding: 10px 0px;list-style: none;} #mmenu .nav>li>a{text-transform: uppercase;font-weight: 500;} #mmenu .mmenu-catalog>li>a{text-transform: none;font-weight: 400;} #mmenu .mmenu-catalog .sub-menu>li>a{font-size: 15px;color: #555;padding-left: 10px;} #mmenu .tmenu{font-size: 25px;font-weight: 500;padding-bottom: 10px;margin-top: 20px;} #mmenu .login{margin-top: 20px;display: block;} #mmenu .nav .sub-menu{padding-top: 10px;} #mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none;} #mmenu .nav ul.hide {display: none!important;} #mmenu .nav .menu-item-has-children {position: relative;} #mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);} #mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;} #mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;} #mmenu .nav span.menu-closed.menu-open:before{opacity: 0;} #mobile .container{display: flex;align-items: center;justify-content: space-between;padding-top: 15px;padding-bottom: 15px;} #top, #header, #menu{display: none!important;} #mobile .item{position: relative;display: flex;align-items: center;color: #111;text-decoration: none;} #mobile .item .count{height: 18px;min-width: 18px;padding: 0 3px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;background: var(--hovercolor);font-weight: 700;font-size: 11px;position: absolute;right: -9px;top: -9px;} #mobile .item .count:empty{display: none;} /* Корзина — мобильная версия */ .wishlist-actions, .compare-actions, .cart-actions{font-size: 14px;} .cart-row{flex-wrap: wrap;gap: 10px!important;padding: 12px!important;} .cart-img{width: 65px!important;height: 65px!important;order: 1;} .cart-qty{order: 2;} .cart-qty button{width: 28px;height: 28px;} .cart-qty .qty-input{width: 36px;height: 28px;font-size: 13px;} .cart-remove{order: 3;margin-left: auto;} .cart-info{order: 4;flex: 0 0 100%;min-width: 0;} .form-buttons{flex-direction: column;} .form-buttons .submit-order, .form-buttons .button-outline{width: 100%;} #ms .woocommerce-product-search{width: 100%;height: 40px;display: flex;background: var(--hovercolor);border-bottom-left-radius: 15px;border-top-right-radius: 15px;} #ms .woocommerce-product-search input{background: white; width: 100%;border: 2px solid var(--hovercolor);outline: none;border-bottom-left-radius: 15px;padding: 14px 15px 16px;} #ms .woocommerce-product-search button{position: relative;border: none;background: transparent;width: 70px;font-size: 0px;cursor: pointer;} #ms .woocommerce-product-search button::before{content: "";width: 24px;height: 24px;background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_215_6309)'%3E%3Cpath d='M21 21L16.6569 16.6569M16.6569 16.6569C18.1046 15.2091 19 13.2091 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19C13.2091 19 15.2091 18.1046 16.6569 16.6569Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_215_6309'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .breadcrumbs{margin-top: 10px;} #slide h1{font-size: 35px;} #slide .bts{flex-direction: column;} #slide .bts a{justify-content: center;} #slide .items{gap: 10px!important;} #slide .items .item{padding: 20px!important;} #slide .items .title{font-size: 16px!important;} #slide .items .desc{font-size: 14px!important;} #service_tags .tags-grid{grid-template-columns: 1fr 1fr!important;gap: 15px!important;} #service_tags .tag-item{padding: 15px 18px!important;font-size: 14px!important;} #contacts .contact-card{padding: 30px!important;} #contacts .contact-item{font-size: 16px;padding: 10px 12px;} #contacts .contact-item svg{width: 18px;height: 18px;} #contacts .social-icons{gap: 15px;} #contacts .social-icons a{width: 60px;height: 60px;} #contacts .social-icons img{width: 35px;height: 35px;} #contacts .contact-icons{flex-wrap: wrap;} #contacts .card-accent{padding: 28px 25px;} #contacts .guarantee-icon{width: 45px;height: 45px;top: -16px;right: 25px;} #contacts .guarantee-icon svg{width: 26px;height: 26px;} #contacts .guarantee-title{font-size: 15px;} #contacts .address-note{font-size: 13px;padding-left: 10px;} #about .about-content{padding: 30px;margin-top: 20px;border-top-right-radius: 25px;} #features .item{display: flex!important; flex-direction: column;} #promo .promo-grid{grid-template-columns: 1fr!important;} #promo .promo-card{padding: 30px!important;} #promo .promo-card.big .promo-text{max-width: 100%!important;} #promo .promo-card.big .promo-bg{right: -50%!important;opacity: 0.3;} #about-company .about-image{min-height: auto!important;} #related-cats .title span{font-size: 14px!important;padding: 20px!important;} #stats .stats-left{gap: 10px!important;} #stats .stats-text-vertical{font-size: 18px!important;} #stats .stats-number{font-size: 70px!important;} #stats .stats-description{font-size: 14px;} #contact-form{padding: 30px!important;} #how-order{text-align: center;} #how-order .how-order-nav{justify-content: center;margin-bottom: 20px;} #catalog h1, #tovar h1{font-size: 25px;} #cats{grid-template-columns: repeat(3, 1fr)!important;font-size: 14px;} #cats .item .title{font-size: 12px;} #cats .item .image{height: 100px;padding: 5px!important;} /* Каталог товаров */ #tovars .top_filters{gap: 10px;margin-bottom: 10px!important;flex-direction: column;} #tovars .top_filters .ordering{font-size: 14px;} #tovars .item{flex-wrap: wrap;} #tovars .item .image{flex-shrink: 0;width: 70px;height: 70px;margin-right: 5px;} #tovars .item .name{display: contents;} #tovars .item .title{flex: 1;align-self: center;font-size: 16px!important;order: 1;} #tovars .item .item-actions{order: 2;} #tovars .item .attrs{width: 100%;order: 3;gap: 6px;padding: 10px 0;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;} #tovars .item .price{flex: 1;align-self: center;margin: 0px;order: 4;} #tovars .item .btss{flex-shrink: 0;order: 5;} /* Карточка товаров */ #tovar .btss{font-size: 14px;} #variations-table{display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;} #variations-table thead th, #variations-table tbody td{padding: 8px 10px!important;white-space: nowrap;font-size: 12px!important;} #variations-table .variation-add-cart{padding: 6px 12px!important;font-size: 12px!important;} .variations-footer{flex-direction: column;align-items: flex-start;gap: 10px;} .dataTables_paginate .paginate_button{padding: 6px 10px!important;font-size: 12px!important;} #product-tabs-section .tabs-benefits-grid{grid-template-columns:1fr!important;gap:20px!important;} #product-tabs-section .tabs-nav{flex-wrap:wrap;} #product-tabs-section .tab-btn{flex:0 0 50%!important;padding:12px 10px!important;} #accordion .card{padding: 30px!important;} #accordion .card .title{font-size: 16px!important;} #accordion .card .collapse, #accordion .card .collapsing{font-size: 14px!important;line-height: 1.7;} #service_textrepeat .item{grid-template-columns: 1fr!important;} #service_textrepeat .item-text{font-size: 14px;} #service_textrepeat .item-text h3{font-size: 20px;} #standards .standards-subtitle{font-size: 18px!important;} #standards .standards-text h3, #service_text .text h3, #service_prem .prem-content h3, #features .title{font-size: 20px!important;} #standards .standards-text p, #service_text .text, #service_prem .prem-text{font-size: 14px!important;} #footer{text-align: center;} } /* ==================== ДЕСКТОП (1025px+) ==================== */ @media (min-width: 1025px) { #mobile, #ms, #mfb{display: none!important;} h1{font-size: 45px;margin-bottom: 20px;} .container{max-width: 960px;} .modal .modal-dialog{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;} .block{padding-bottom: 60px;padding-top: 60px;} .block h2{font-size: 40px;margin-bottom: 30px;} .grid{gap: 30px;} .col-pc-2{grid-template-columns: repeat(2, 1fr);} .col-pc-3{grid-template-columns: repeat(3, 1fr);} .col-pc-4{grid-template-columns: repeat(4, 1fr);} .col-pc-5{grid-template-columns: repeat(5, 1fr);} .col-pc-6{grid-template-columns: repeat(6, 1fr);} .col-pc-1-2{grid-template-columns: 1fr 2fr;} .col-pc-2-1{grid-template-columns: 2fr 1fr;} .col-pc-05-2{grid-template-columns: 0.5fr 2fr;} .col-pc-2-05{grid-template-columns: 2fr 0.5fr;} .span2{grid-column: span 2;} #slide h1{font-size: 50px;} #about-company .about-wrapper{display: grid!important;grid-template-columns: 1fr 1.5fr!important;min-height: 600px!important;} #about-company .about-image{padding: 80px 40px!important;min-height: auto!important;} #about-company .about-logo-vertical{transform: rotate(-90deg)!important;width: 600px!important;opacity: 0.25!important;} #about-company .about-content{padding: 80px 100px 80px 80px!important;gap: 30px!important;} #about-company .about-content h2{font-size: 36px!important;line-height: 1.3!important;} #about-company .about-description{gap: 20px!important;} #about-company .about-description p{font-size: 16px!important;} #about-company .partners-logos{gap: 30px!important;padding: 25px 0!important;justify-content: flex-start!important;flex-wrap: nowrap!important;} #about-company .partners-logos img{height: 40px!important;} #how-order .how-order-wrapper{display: grid;grid-template-columns: 400px 1fr;gap: 60px;align-items: center;} #about .about-content{position: absolute;bottom: 0px;left: 40%;padding: 50px 60px;width: 60%;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);} #cats .item .image{height: 170px;} #tovars{grid-template-columns: 20% 1fr;} #tovars .item .image{height: 70px;width: 70px;} .cart-info{flex: 1;min-width: 0;} } /* ==================== БОЛЬШИЕ ЭКРАНЫ (1200px+) ==================== */ @media (min-width: 1200px) { .container{max-width: 1140px;} } /* ==================== ОЧЕНЬ БОЛЬШИЕ (1400px+) ==================== */ @media (min-width: 1400px) { .container{max-width: 1300px;} } :root { --hovercolor: #2658b0; --blackcolor: #343434; } *, ::after, ::before {box-sizing: border-box;} .container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} body {margin: 0;line-height: 1.5;font-family: Ubuntu,Arial,sans-serif!important;color: #343434;background-color: white;} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} a{color: #343434;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;} img, svg{vertical-align: middle;} label {display: inline-block;margin-bottom: .5rem;} button, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: white;} button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */ button::-moz-focus-inner {border: 0;} p {margin-top: 0;} h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: 500;line-height: 1.2;font-family: var(--fonttitle);} .grid{display: grid;} h2{font-size:32px;} h3{font-size: 26px;margin-bottom: 15px;} h2 span{color: var(--hovercolor);} /* Кнопка вверх */ .btn-back-top{position:fixed;bottom:15px;right:15px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:var(--hovercolor);color:#fff;border-radius:2px;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;z-index:1000;touch-action:manipulation;-webkit-tap-highlight-color:transparent} .btn-back-top:hover{opacity:1!important;transform:translateY(0);color:white!important} .btn-back-top.visible{opacity:0.8;visibility:visible;transform:translateY(0)} @media(max-width:768px){.btn-back-top{width:40px;height:40px;bottom:10px;left:10px}} /* Виджет мессенджеров */ .msg-widget{position:fixed;right:60px;bottom:60px;z-index:9999;} .msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;} .msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;} .msg-toggle:after{animation-delay:.5s;} @keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}} .msg-toggle:hover{transform:scale(1.05);} .msg-toggle .msg-close{display:none;} .msg-widget.active .msg-toggle svg:first-child{display:none;} .msg-widget.active .msg-toggle .msg-close{display:block;} .msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;} .msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);} .msg-item{display:block;transition:transform .3s;} .msg-item:hover{transform:scale(1.1);} .msg-item img{display:block;border-radius:50%;} .msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;} @media(max-width:768px){.msg-widget{right:15px;bottom:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone{width:48px;height:48px;}.msg-list{bottom:58px;}} /* Дата для мобильного */ input[type="date"]:before {color: lightgrey;content: attr(placeholder) !important;margin-right: 0.5em;} input[type="date"]:focus:before {content: '' !important;} .img-fluid {max-width: 100%;height: auto;} .aligncenter{display: block;margin: 5px auto 5px auto;} .alignright{float:right;padding-left: 10px;padding-bottom: 10px;} .table {width: 100%;margin-bottom: 1rem;border-collapse: collapse;} .table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;} .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)} .p404{text-align: center;padding: 50px 0px;} .ac{align-items: center;} .citylist .grid {gap: 3px;} /* Табы */ .nav {display: flex;padding: 0;margin: 0;list-style: none;outline: none;} .nav-link:focus, .nav-link:hover {text-decoration: none;} .nav-link {display: block;} .tab-content>.tab-pane {display: none;} .tab-content>.active {display: block;} .fade {transition: opacity .15s linear;} .fade:not(.show) {opacity: 0;} /* Пролистывание на мобильном */ .scroll{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;} .scroll::-webkit-scrollbar {height: 2px;-webkit-appearance: none;appearance: none;} .scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);} .scroll::-webkit-scrollbar-thumb {background: #fd5354;} /* Гармошка */ .collapse:not(.show) {display: none;} .collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease;} /* Модальное */ .modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000060;} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*Нужно что бы не прыгало */ .modal-open {overflow: hidden;} .modal-open .modal {overflow-x: hidden;overflow-y: auto;} .modal .modal-dialog{background-color: white;} .modal .close{cursor: pointer;position: absolute;top: 20px;right: 20px;} .modal .grid{gap: 20px;} .modal .title{font-size: 45px;line-height: 55px;font-weight: bold;} .modal .text{color: #545560;font-size: 20px;line-height: 35px;} /* Анимация при наведении на картинку */ .box {overflow:hidden;border-bottom-left-radius: 15px;border-top-right-radius: 15px;} .box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .box img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);} /* Хлебные */ .breadcrumbs, .breadcrumbs a{color: #999999;font-size: 14px;} /* Другое */ .ppage{min-height: 500px;padding-bottom: 20px;} .phone{white-space: nowrap;} .lmodal .modal-dialog{display: flex;align-items: center;} .pt0{padding-top: 0px!important;} /* Кнопка */ .button{display: inline-block;cursor: pointer;text-align: center;color: var(--hovercolor);border: 2px solid var(--hovercolor);border-bottom-left-radius: 15px;border-top-right-radius: 15px;padding: 15px 35px;white-space: nowrap;font-weight: 600;transition: all 0.3s ease;} .button:hover{background: var(--hovercolor);color: white!important;transform: translateY(-3px);box-shadow: 0 8px 25px rgba(38,88,176,0.3);} .button:disabled{background-color: #cccccc!important;cursor: default;} .cbutton{display: inline-block;cursor: pointer;text-align: center;background: var(--hovercolor);color: white;border: 2px solid var(--hovercolor);border-bottom-left-radius: 15px;border-top-right-radius: 15px;padding: 15px 35px;font-weight: 600;transition: all 0.3s ease;} .cbutton:hover{background: #343434;border-color: #343434;color: white!important;transform: translateY(-3px);box-shadow: 0 10px 30px rgba(0,0,0,0.3);} .cbutton:disabled{background-color: #cccccc!important;border-color: #cccccc; cursor: default;} /* Анимация */ a, #maincatalog .item img, .owl-nav button path, .cbutton, .ezfc-btn{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} /*HOVER*/ a:hover, #footer a:hover{color: var(--hovercolor);} @keyframes shadow {from {box-shadow: 0 0 5px 1px #1e2870;}to {box-shadow: 0 0 10px 3px #1e2870;}} .glow{box-shadow: 0 0 45px 11px var(--hovercolor);position: absolute;} .flex-space{display: flex;align-items: center;justify-content: space-between;gap: 20px;} /*Верхнее меню */ #top{background-color: #f8f9fa;} #top .container{display: flex;gap: 20px;align-items: center;justify-content: space-between;padding: 13px 0px;} #top .nav{display: flex;align-items: center;gap: 20px;white-space: nowrap;} #top .nav .current-menu-item > a, #top .nav .current-menu-parent > a{color: var(--hovercolor);} #top .nav .menu-item-has-children:after{content: url(images/arr.svg);margin-left: 3px;position: relative;top: -2px;} #top .nav .menu-item-has-children:hover .sub-menu{display: block;} #top .nav .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 10;} #top .nav .sub-menu li{padding: 5px 20px;} #top .city:before{content: url(images/loc.svg);margin-right: 5px;position: relative;top: 1px;} #top .city:after{content: url(images/arr.svg);margin-left: 5px;position: relative;top: -2px;} .time{font-size: 14px;color:gray;} /* Шапка */ #header{padding: 20px 0px;} #header .head, #header .right{display: flex;align-items: center;gap: 20px;justify-content: space-between;} #header .ph{display: flex;gap: 10px;} #header .cont .phone, #header .cont .mail{font-size: 18px;font-weight: bold;} #header .cont .pmes{display: flex;gap:5px;align-items: center;} #header .cont .time{text-transform: uppercase;font-size: 11px;} #header .button, #header .cbutton, #top .button, #top .cbutton, #menu .button, #menu .cbutton{padding: 10px 25px;font-size: 14px;} #menu{margin-bottom: 20px;} #menu .container{display: flex;gap: 15px;align-items: center;position: relative;} #menu .menu .btn{display: block;position: relative;background: var(--hovercolor);padding: 12px 18px 12px 52px;color: white;border-bottom-left-radius: 15px;border-top-right-radius: 15px;} #menu .menu .btn::before {content: "";width: 24px;height: 24px;background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_207_5194)'%3E%3Cpath d='M3 6H21M3 12H21M3 18H21' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_207_5194'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");position: absolute;top: 50%;left: 20px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);transition: .2s all ease-in;} /* Поиск товаров в шапке */ #menu .woocommerce-product-search{width: 100%;height: 46px;display: flex;background: var(--hovercolor);border-bottom-left-radius: 15px;border-top-right-radius: 15px;} #menu .woocommerce-product-search input{width: 100%;border: 2px solid var(--hovercolor);outline: none;border-bottom-left-radius: 15px;padding: 14px 15px 16px;} #menu .woocommerce-product-search button{position: relative;border: none;background: transparent;width: 70px;font-size: 0px;cursor: pointer;} #menu .woocommerce-product-search button::before{content: "";width: 24px;height: 24px;background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_215_6309)'%3E%3Cpath d='M21 21L16.6569 16.6569M16.6569 16.6569C18.1046 15.2091 19 13.2091 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19C13.2091 19 15.2091 18.1046 16.6569 16.6569Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_215_6309'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} /* Избранное + Корзина итд */ #menu .right{display: flex;align-items: center;gap: 15px;} #menu .right .item{position: relative;display: flex;flex-direction: column;align-items: center;} #menu .right .item .count{height: 20px;width: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;background: var(--hovercolor);font-weight: 600;font-size: 14px;position: absolute;left: 45px;top: -10px;} #menu .right .item .count:empty{display: none;} #menu .right .item .text{font-size: 13px;margin-top: 3px;} /* Кнопка В корзину */ .cart-add-btn.in-cart{background: var(--hovercolor);color: #fff;} .cart-add-btn.adding{opacity: 0.6;pointer-events: none;} /* Страница корзины */ #cart-page{min-height: 500px;} .cart-table{display: flex;flex-direction: column;gap: 12px;margin-bottom: 30px;} .cart-row{display: flex;align-items: center;gap: 20px;padding: 15px;border: 1px solid #eee;border-radius: 10px;transition: box-shadow 0.2s;} .cart-row:hover{box-shadow: 0 4px 15px rgba(0,0,0,0.06);} .cart-img{width: 80px;height: 80px;flex-shrink: 0;} .cart-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 8px;} .cart-title{font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .cart-price{color: #999;margin-top: 4px;} .cart-qty{display: flex;align-items: center;gap: 8px;} .cart-qty button{width: 32px;height: 32px;border: 1px solid #ddd;border-radius: 6px;background: #fff;cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: center;transition: border-color 0.2s;} .cart-qty button:hover{border-color: var(--hovercolor);} .cart-qty .qty-input{width: 40px;text-align: center;border: 1px solid #ddd;border-radius: 6px;height: 32px;font-size: 14px;} .cart-remove{background: none;border: none;cursor: pointer;padding: 8px;color: #bbb;font-size: 22px;line-height: 1;transition: color 0.2s;} .cart-remove:hover{color: #e74c3c;} /* Форма оформления заказа */ .checkout-form{margin-bottom: 30px;} .form-row{display: flex;gap: 20px;margin-bottom: 15px;} .form-row.full .form-field{flex: 1;} .form-field{flex: 1;} .form-field label{display: block;font-weight: 500;margin-bottom: 5px;font-size: 14px;} .form-field .req{color: #e74c3c;} .form-field input[type="text"], .form-field input[type="tel"], .form-field input[type="email"], .form-field textarea{width: 100%;padding: 12px 16px;border: 1px solid #ddd;border-radius: 8px;font-size: 15px;transition: border-color 0.2s;font-family: inherit;} .form-field input:focus, .form-field textarea:focus{border-color: var(--hovercolor);outline: none;} .cart-uploader .upload-area{border-radius: 8px;} .checkbox-field{display: flex;align-items: flex-start;gap: 10px;cursor: pointer;font-size: 13px;line-height: 1.5;color: #555;} .checkbox-field input[type="checkbox"]{margin-top: 3px;width: 18px;height: 18px;flex-shrink: 0;accent-color: var(--hovercolor);cursor: pointer;} .checkbox-field a{color: var(--hovercolor);} .form-buttons{display: flex;gap: 15px;align-items: center;margin-top: 10px;} .button-outline{display: inline-block;text-align: center;padding: 12px 30px;color: #727272;border: 2px solid #727272;border-bottom-left-radius: 15px;border-top-right-radius: 15px;font-size: 15px;transition: all 0.2s;} .button-outline:hover{color: var(--hovercolor);border-color: var(--hovercolor);} /* Успех оформления */ .order-success{text-align: center;padding: 60px 20px;} .order-success-icon{width: 70px;height: 70px;border-radius: 50%;background: #4CAF50;color: #fff;font-size: 36px;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;} .order-success p{font-size: 18px;color: #555;margin-bottom: 10px;} /* Мега-меню каталога */ #menu .menu{position: relative;} #menu .menu:hover .mega-menu{display: block;} #menu .mega-menu{display: none;position: absolute;top: 100%;left: 0;background: white;box-shadow: 0 15px 50px rgba(0,0,0,0.15);border-bottom-left-radius: 15px;border-top-right-radius: 15px;z-index: 15;margin-top: 0;min-width: 800px;max-width: 1000px;} #menu .mega-menu-inner{position: relative;display: flex;max-height: 650px;} #menu .categories-list{width: 280px;background: #f8f9fa;padding: 20px 0;border-bottom-left-radius: 15px;overflow-y: auto;flex-shrink: 0;} #menu .categories-list::-webkit-scrollbar{width: 4px;} #menu .categories-list::-webkit-scrollbar-thumb{background: var(--hovercolor);border-radius: 2px;} #menu .cat-parent{display: flex;align-items: center;gap: 12px;padding: 12px 20px;cursor: pointer;transition: all 0.3s ease;position: relative;} #menu .cat-parent::after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: var(--hovercolor);opacity: 0;transition: opacity 0.3s ease;} #menu .cat-parent:hover, #menu .cat-parent.active{background: white;} #menu .cat-parent:hover::after, #menu .cat-parent.active::after{opacity: 1;} #menu .cat-parent img{width: 40px;height: 40px;object-fit: cover;border-bottom-left-radius: 8px;border-top-right-radius: 8px;flex-shrink: 0;mix-blend-mode: darken;} #menu .cat-parent a{flex: 1;color: #333;font-size: 15px;font-weight: 500;} #menu .cat-parent:hover a{color: var(--hovercolor);} #menu .cat-parent svg{width: 16px;height: 16px;color: #999;flex-shrink: 0;} #menu .subcategories-list{flex: 1;padding: 25px;overflow-y: auto;background: white;} #menu .subcategories-list::-webkit-scrollbar{width: 4px;} #menu .subcategories-list::-webkit-scrollbar-thumb{background: var(--hovercolor);border-radius: 2px;} #menu .sub-list{display: none;} #menu .sub-title{font-size: 18px;font-weight: 700;color: #343434;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 2px solid var(--hovercolor);} #menu .sub-items{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 12px;} #menu .sub-items a{display: flex;align-items: center;gap: 10px;padding: 10px 15px;color: #555;font-size: 14px;border-bottom-left-radius: 8px;border-top-right-radius: 8px;transition: all 0.3s ease;background: #f8f9fa;} #menu .sub-items a img{width: 30px;height: 30px;object-fit: cover;border-bottom-left-radius: 6px;border-top-right-radius: 6px;flex-shrink: 0;mix-blend-mode: darken;} #menu .sub-items a:hover{background: var(--hovercolor);color: white;transform: translateX(5px);} #slide{background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);position: relative;overflow: hidden;} #slide::before{content: '';position: absolute;top: -50%;right: -10%;width: 600px;height: 600px;background: radial-gradient(circle, rgba(38,88,176,0.05) 0%, transparent 70%);border-radius: 50%;pointer-events: none;} #slide .in{gap: 40px;margin-bottom: 30px;} #slide .text{z-index: 2;} #slide .badge{display: inline-block;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);color: white;padding: 8px 20px;border-radius: 50px;font-size: 14px;font-weight: 600;margin-bottom: 20px;box-shadow: 0 4px 15px rgba(38,88,176,0.2);animation: fadeInUp 0.6s ease;} #slide h1{text-transform: uppercase;letter-spacing: -0.04em;margin-bottom: 25px;line-height: 1.2;background: linear-gradient(135deg, #343434 0%, #333 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: fadeInUp 0.8s ease 0.2s both;} #slide .desc{font-size: 18px;line-height: 1.6;margin-bottom: 15px;animation: fadeInUp 1s ease 0.4s both;} #slide .subdesc{line-height: 1.6;color: #666;margin-bottom: 30px;animation: fadeInUp 1.2s ease 0.6s both;} #slide .bts{display: flex;gap: 15px;animation: fadeInUp 1.4s ease 0.8s both;} #slide .bts a{display: inline-flex;align-items: center;gap: 10px;padding: 16px 35px;font-weight: 600;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;border-bottom-left-radius: 15px;border-top-right-radius: 15px;} #slide .bts a svg{width: 20px;height: 20px;transition: transform 0.3s ease;} #slide .bts .cbutton svg{width: 24px;height: 24px;} #slide .bts .сbutton:hover{transform: translateY(-3px);box-shadow: 0 8px 30px rgba(38,88,176,0.4);} #slide .bts .сbutton:hover::before{width: 300px;height: 300px;} #slide .bts .сbutton:hover svg{transform: translateX(3px) scale(1.1);} #slide .bts .button:hover svg{transform: scale(1.15) rotate(5deg);} #slide .hero-image{position: relative;animation: fadeInRight 1s ease 0.4s both;} #slide .img{border-bottom-left-radius: 15px;border-top-right-radius: 15px;box-shadow: 0 20px 60px rgba(0,0,0,0.15);transition: transform 0.5s ease;} #slide .hero-image:hover .img{transform: scale(1.02);} #slide .image-overlay{position: absolute;top: 20px;right: 20px;bottom: 20px;left: 20px;background: linear-gradient(135deg, rgba(38,88,176,0.1) 0%, transparent 100%);border-radius: 25px;pointer-events: none;opacity: 0;transition: opacity 0.5s ease;} #slide .hero-image:hover .image-overlay{opacity: 1;} #slide .items{gap: 20px;margin-top: 0;} #slide .items .item{background: white;padding: 30px;border-radius: 20px;box-shadow: 0 10px 40px rgba(0,0,0,0.08);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position: relative;overflow: hidden;} #slide .items .item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, var(--hovercolor) 0%, #1e4a8f 100%);transform: scaleX(0);transform-origin: left;transition: transform 0.5s ease;} #slide .items .item:hover::before{transform: scaleX(1);} #slide .items .item:hover{transform: translateY(-8px);box-shadow: 0 20px 60px rgba(0,0,0,0.12);} #slide .items .icon{width: 50px;height: 50px;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%); border-bottom-left-radius: 15px;border-top-right-radius: 15px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;color: white;box-shadow: 0 8px 20px rgba(38,88,176,0.25);transition: all 0.4s ease;} #slide .items .item:hover .icon{transform: rotateY(360deg) scale(1.1);box-shadow: 0 12px 30px rgba(38,88,176,0.4);} #slide .items .icon svg{width: 26px;height: 26px;} #slide .items .title{font-weight: 700;font-size: 17px;margin-bottom: 12px;line-height: 1.3;} #slide .items .desc{font-size: 15px;line-height: 1.5;color: #666;} @keyframes fadeInUp{from{opacity: 0;transform: translateY(30px);}to{opacity: 1;transform: translateY(0);}} @keyframes fadeInRight{from{opacity: 0;transform: translateX(50px);}to{opacity: 1;transform: translateX(0);}} #why h2, #maincatalog h2, #about h2, #features h2, #gallery h2, #certificates h2, #faq h2, #reviews h2, #partners h2, #service_text h2{text-align: center;} #why .grid{gap: 30px;} #why .card{background: white;padding: 40px;border-radius: 25px;box-shadow: 0 10px 40px rgba(0,0,0,0.08);position: relative;overflow: hidden;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);} #why .card::before{content: '';position: absolute;top: 0;right: 0;width: 120px;height: 120px;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);opacity: 0.05;border-radius: 50%;transform: translate(40%, -40%);transition: all 0.5s ease;} #why .card:hover{transform: translateY(-8px);box-shadow: 0 20px 60px rgba(0,0,0,0.12);} #why .card:hover::before{transform: translate(30%, -30%) scale(1.2);opacity: 0.08;} #why .num{position: absolute;top: 30px;right: 30px;font-size: 60px;font-weight: 700;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;opacity: 0.15;line-height: 1;transition: all 0.4s ease;} #why .card:hover .num{opacity: 0.25;transform: scale(1.1);} #why .icon{width: 60px;height: 60px;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);border-bottom-left-radius: 15px; border-top-right-radius: 15px;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;color: white;box-shadow: 0 8px 25px rgba(38,88,176,0.25);transition: all 0.4s ease;} #why .card:hover .icon{transform: scale(1.1) rotate(5deg);box-shadow: 0 12px 35px rgba(38,88,176,0.4);} #why .icon svg{width: 30px;height: 30px;} #why h3{font-size: 22px;font-weight: 700;margin-bottom: 8px;line-height: 1.3;} #why .subtitle{color: var(--hovercolor);font-weight: 600;margin-bottom: 20px;font-size: 15px;} #why ul{list-style: none;padding: 0;margin: 0;} #why ul li{padding-left: 30px;margin-bottom: 12px;position: relative;line-height: 1.6;color: #555;} #why ul li::before{content: '';position: absolute;left: 0;top: 8px;width: 18px;height: 18px;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);border-radius: 4px;opacity: 0.15;} #why ul li::after{content: '✓';position: absolute;left: 3px;top: 6px;color: var(--hovercolor);font-size: 14px;font-weight: 700;} #maincatalog{background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);} #maincatalog .grid{gap: 25px;} #maincatalog .item{background: white;padding: 30px;border-bottom-left-radius: 15px;border-top-right-radius: 15px;box-shadow: 0 8px 30px rgba(0,0,0,0.08);transition: all 0.3s ease;} #maincatalog .item:hover{transform: translateY(-5px);box-shadow: 0 15px 45px rgba(0,0,0,0.12);} #maincatalog .cat-image{width: 60px;height: 60px;flex-shrink: 0;border-bottom-left-radius: 15px;border-top-right-radius: 15px;overflow: hidden;transition: transform 0.3s ease;} #maincatalog .cat-image img{width: 100%;height: 100%;object-fit: cover;} #maincatalog .item:hover .cat-image{transform: scale(1.05);} #maincatalog .title{display: flex;align-items: center;gap: 15px;font-size: 19px;font-weight: 700;margin-bottom: 20px;transition: color 0.3s ease;} #maincatalog .title:hover{color: var(--hovercolor);} #maincatalog .sub_item{list-style: none;padding: 0;margin: 0;} #maincatalog .sub_item li{padding: 8px 0;border-bottom: 1px solid #f0f0f0;transition: all 0.3s ease;} #maincatalog .sub_item li:last-child{border-bottom: none;} #maincatalog .sub_item li.hidden{display: none;border-bottom: 1px solid #f0f0f0;} #maincatalog .sub_item li.hidden.visible{display: block;} #maincatalog .sub_item li a{color: #555;font-size: 15px;transition: all 0.3s ease;display: block;padding-left: 15px;position: relative;} #maincatalog .sub_item li a::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background: var(--hovercolor);border-radius: 50%;opacity: 0;transition: all 0.3s ease;} #maincatalog .sub_item li a:hover{color: var(--hovercolor);padding-left: 20px;} #maincatalog .sub_item li a:hover::before{opacity: 1;} .toggle-button{display: flex;align-items: center;gap: 8px;margin-top: 15px;width: 100%;justify-content: center;font-size: 14px;padding: 12px 20px;} .toggle-button .count{opacity: 0.8;} #maincatalog .toggle-button{display: flex;padding: 10px 16px;font-size: 13px;} .service-block .toggle-button{display: inline-flex;width: auto;padding: 14px 28px;font-size: 15px;} #about{background: #f8f9fa;} #about .about-wrapper{position: relative;min-height: 500px;} #about .about-content{background: white;border-bottom-left-radius: 25px;} #about .about-bg{width: 100%;height: 400px;background: url('images/about.jpg') center/cover;border-bottom-left-radius: 25px;border-top-right-radius: 25px;position: relative;overflow: hidden;} #about .about-bg::before{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 150px;background: linear-gradient(to top, rgba(0,0,0,0.3), transparent);} #about .about-text p{margin-bottom: 20px;line-height: 1.6;} #about .about-text p:last-child{margin-bottom: 0;} #features .features-list{display: flex;flex-direction: column;} #features .item{display: grid;grid-template-columns: 280px 1fr;gap: 30px;padding: 25px 15px;border-bottom: 1px solid #f0f0f0;transition: all 0.3s ease;margin-bottom: 10px;} #features .item:last-child{border-bottom: none;} #features .item:hover{background: #fafbfc;border-bottom-left-radius: 15px;border-top-right-radius: 15px;} #features .item:hover .title{color: var(--hovercolor);} #features .title{font-size: 18px;font-weight: 700;position: relative;padding-left: 25px;transition: color 0.3s ease;display: flex;align-items: center;} #features .title::before{content: '/';position: absolute;left: 0;color: var(--hovercolor);font-size: 24px;font-weight: 700;opacity: 0.8;} #features .text{color: #555;line-height: 1.6;font-size: 15px;} #banner{background: #343434 url('images/banner.jpg') center/cover;color: white;position: relative;} #banner::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to right, rgba(26,26,26,0.95) 0%, rgba(26,26,26,0.7) 50%, rgba(26,26,26,0.3) 100%);} #banner .container{position: relative;z-index: 1;} #banner .banner-content{max-width: 550px;} #banner .label{color: var(--hovercolor);font-weight: 700;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 20px;} #services{background: #2658b0 url('images/services.jpg') center/cover;color: white;padding: 80px 0;position: relative;} #services::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(38,88,176,0.9) 0%, rgba(30,74,143,0.85) 100%);} #production{background: #343434 url('images/production.jpg') center/cover;color: white;padding: 80px 0;position: relative;} #production::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(52,52,52,0.9) 0%, rgba(26,26,26,0.85) 100%);} .service-block .container{position: relative;z-index: 1;} .service-block h2{color: white;font-size: 42px;line-height: 1.2;margin-bottom: 35px;} .service-block .service-content{max-width: 100%;} .service-block .service-list{list-style: none;padding: 0;margin: 0 0 30px 0;gap: 15px;} .service-block .service-list li.hidden{display: none;} .service-block .service-list li.hidden.visible{display: block;} .service-block .service-list li a{display: flex;align-items: center;gap: 10px;padding: 12px 18px;background: rgba(255,255,255,0.15);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.25);border-bottom-left-radius: 10px;border-top-right-radius: 10px;color: white;font-size: 15px;transition: all 0.3s ease;position: relative;overflow: hidden;} .service-block .service-list li a::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: white;transform: scaleY(0);transition: transform 0.3s ease;} .service-block .service-list li a::after{content: '→';position: absolute;right: 15px;opacity: 0;transform: translateX(-10px);transition: all 0.3s ease;} .service-block .service-list li a:hover{background: rgba(255,255,255,0.25);border-color: rgba(255,255,255,0.4);padding-right: 40px;transform: translateX(5px);box-shadow: 0 8px 20px rgba(0,0,0,0.15);} .service-block .service-list li a:hover::before{transform: scaleY(1);} .service-block .service-list li a:hover::after{opacity: 1;transform: translateX(0);} .service-block .toggle-button{background: white;color: var(--hovercolor);border-color: white;} .service-block .toggle-button:hover{background: rgba(255,255,255,0.9);color: var(--hovercolor)!important;border-color: rgba(255,255,255,0.9);transform: translateY(-3px);box-shadow: 0 10px 30px rgba(0,0,0,0.2);} .toggle-button svg{width: 20px;height: 20px;} .toggle-button.active svg{transform: rotate(180deg);} #maincatalog .toggle-button svg{width: 18px;height: 18px;} #promo .promo-grid{display: grid;grid-template-columns: 2fr 1fr;gap: 20px;} #promo .promo-card{background: #343434;border-bottom-left-radius: 15px;border-top-right-radius: 15px;padding: 40px;position: relative;transition: all 0.3s ease;overflow: hidden;min-height: 250px;} #promo .promo-card:hover{transform: translateY(-5px);box-shadow: 0 15px 40px rgba(0,0,0,0.15);} #promo .promo-card.small{background: #f8f9fa;} #promo .promo-text{position: relative;z-index: 2;} #promo .promo-card.big .promo-text{max-width: 45%;} #promo .promo-card.big .promo-bg{position: absolute;top: 0;right: 0;max-width: 450px;height: 100%;object-fit: contain;z-index: 1;} #promo .promo-card.big h3{color: white;font-size: 26px;margin-bottom: 15px;line-height: 1.3;} #promo .promo-card.big p{color: rgba(255,255,255,0.9);font-size: 15px;line-height: 1.6;margin: 0;} #promo .promo-card.small h3{font-size: 20px;margin-bottom: 12px;line-height: 1.3;} #promo .promo-card.small p{color: #555;font-size: 14px;line-height: 1.6;margin-bottom: 20px;} #promo .promo-card.small .cbutton{padding: 12px 25px;font-size: 14px;} #promo .promo-card.small .promo-text{max-width: 70%;} #promo .promo-card.small .promo-bg{position: absolute;bottom: 0;right: 0;max-width: 200px;height: auto;z-index: 1;} #faq{background: #f8f9fa;} #accordion .card{background: white;padding: 25px 40px;border: none;border-bottom-left-radius: 15px;border-top-right-radius: 15px;margin-bottom: 15px;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.04);} #accordion .card:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.08);transform: translateY(-2px);} #accordion .card .title{padding-bottom: 10px;display: flex;align-items: center;justify-content: space-between;gap: 15px;font-size: 18px;font-weight: 600;transition: color 0.3s ease;} #accordion .card .title:hover{color: var(--hovercolor);} #accordion .card .title:after{content: "+";font-size: 20px;background: transparent;border: 2px solid #e8e8e8;border-bottom-left-radius: 15px;border-top-right-radius: 15px;width: 38px;min-width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;font-weight: 400;} #accordion .card .title:hover:after{border-color: var(--hovercolor);color: var(--hovercolor);} #accordion .card .title.collapsed:after{content: "+";transform: rotate(0deg);} #accordion .card .title.collapsed{padding-bottom: 0;} #accordion .card .title:not(.collapsed):after{content: "−";transform: rotate(180deg);} #accordion .card .collapse, #accordion .card .collapsing{color: #555;} /* ==================== КОНТАКТЫ ==================== */ #contacts .contacts-grid{align-items: stretch;} #contacts .contact-card{background: white;padding: 40px;border-bottom-left-radius: 20px;border-top-right-radius: 20px;border-top: 4px solid var(--hovercolor);display: flex;flex-direction: column;gap: 25px;position: relative;transition: all 0.3s ease;box-shadow: 0 2px 15px rgba(0,0,0,0.06);} #contacts .contact-card:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.12);} #contacts .contact-card h3{font-size: 22px;margin: 0;font-weight: 600;} #contacts .card-blue{background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);border-top-color: rgba(255,255,255,0.3);color: white;} #contacts .card-blue h3{color: white;} #contacts .contact-info{display: flex;flex-direction: column;gap: 15px;} #contacts .contact-item{display: flex;align-items: center;gap: 12px;font-size: 18px;color: white;transition: all 0.3s ease;padding: 12px 15px;background: rgba(255,255,255,0.1);border-radius: 10px;} #contacts .contact-item:hover{background: rgba(255,255,255,0.2);transform: translateX(5px);} #contacts .contact-item svg{flex-shrink: 0;} #contacts .contact-item span{font-weight: 600;} #contacts .contact-icons{display: flex;gap: 12px;margin-top: auto;} #contacts .contact-icons a{width: 48px;height: 48px;background: rgba(255,255,255,0.2);border-radius: 10px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;} #contacts .contact-icons a:hover{background: rgba(255,255,255,0.3);transform: scale(1.1) rotate(5deg);} #contacts .contact-icons img{width: 26px;height: 26px;} #contacts .social-icons{display: flex;gap: 20px;justify-content: center;margin-top: auto;} #contacts .social-icons a{width: 70px;height: 70px;background: #f8f9fa;border-radius: 15px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;} #contacts .social-icons a:hover{background: var(--hovercolor);transform: translateY(-5px);box-shadow: 0 10px 25px rgba(38,88,176,0.3);} #contacts .social-icons img{width: 40px;height: 40px;transition: all 0.3s ease;} #contacts .social-icons a:hover img{transform: scale(1.1);} #contacts .contact-subtitle{font-size: 15px;line-height: 1.5;color: #666;margin: 0;text-align: center;} #contacts .contact-cta{color: var(--hovercolor);margin: 0;text-align: center;font-weight: 600;margin-top: auto;padding-top: 15px;border-top: 1px solid #f0f0f0;} #contacts .card-accent{background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);padding: 35px;gap: 18px;} #contacts .card-accent{border-top: 4px solid #27ae60;} #contacts .card-accent h3{margin: 0;} #contacts .guarantee-icon{position: absolute;top: -18px;right: 30px;width: 50px;height: 50px;background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);border-radius: 12px;display: flex;align-items: center;justify-content: center;box-shadow: 0 6px 20px rgba(39,174,96,0.25);} #contacts .guarantee-icon svg{color: white;} #contacts .address-info{display: flex;flex-direction: column;gap: 12px;} #contacts .guarantee-title{font-size: 16px;font-weight: 600;margin: 0;line-height: 1.5;} #contacts .guarantee-title .highlight{color: var(--hovercolor);position: relative;font-weight: 700;} #contacts .guarantee-title .highlight-green{color: #27ae60;font-weight: 700;background: linear-gradient(to right, rgba(39,174,96,0.1), transparent);padding: 2px 8px;border-radius: 4px;} #contacts .address-note{font-size: 14px;line-height: 1.5;color: #666;margin: 0;padding-left: 12px;border-left: 3px solid #27ae60;} /* ==================== О КОМПАНИИ ==================== */ #about-company{padding: 0;} #about-company .about-wrapper{display: flex;flex-direction: column;min-height: auto;} #about-company .about-image{background: url('images/about-company.jpg') center/cover;position: relative;display: flex;align-items: center;justify-content: center;padding: 60px 20px;min-height: 250px;} #about-company .about-image::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(38,88,176,0.85) 0%, rgba(30,74,143,0.9) 100%);} #about-company .about-logo-vertical{width: 250px;height: auto;opacity: 0.3;filter: brightness(0) invert(1);position: relative;z-index: 1;} #about-company .about-content{background: #1a1a1a;color: white;padding: 40px 20px;display: flex;flex-direction: column;gap: 25px;} #about-company .about-content h2{color: white;font-size: 26px;line-height: 1.2;margin: 0;} #about-company .about-description{display: flex;flex-direction: column;gap: 15px;} #about-company .about-description p{margin: 0;font-size: 15px;line-height: 1.7;color: rgba(255,255,255,0.85);} #about-company .partners-logos{display: flex;flex-wrap: wrap;gap: 15px;align-items: center;justify-content: center;padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1);} #about-company .partners-logos img{height: 32px;width: auto;opacity: 0.7;transition: all 0.3s ease;filter: brightness(0) invert(1);} #about-company .partners-logos img:hover{opacity: 1;transform: scale(1.05);} #about-company .cbutton{align-self: flex-start;} /* ==================== СТАТИСТИКА ==================== */ #stats .stats-left{display: flex;align-items: center;gap: 30px;} #stats .stats-text-vertical{writing-mode: vertical-rl;font-size: 28px;font-weight: 700;letter-spacing: 8px;text-transform: uppercase;} #stats .stats-number{font-size: 140px;font-weight: 900;line-height: 1;color: var(--hovercolor);letter-spacing: -4px;} #stats .stats-right h3{font-size: 24px;margin: 0 0 30px 0;font-weight: 600;line-height: 1.3;} #stats .stats-description{display: flex;flex-direction: column;gap: 20px;} #stats .stats-item{background: #f8f9fa;padding: 25px 30px;border-left: 4px solid var(--hovercolor);border-bottom-left-radius: 10px;border-top-right-radius: 10px;transition: all 0.3s ease;} #stats .stats-item:hover{background: white;border-left-color: #1e4a8f;box-shadow: 0 5px 20px rgba(0,0,0,0.08);transform: translateX(5px);} #stats .stats-item p{margin: 0;line-height: 1.7;color: #555;} /* ==================== ГАЛЕРЕЯ ==================== */ #gallery{background: #f8f9fa;} #gallery .s3 .gallery-item{position: relative;overflow: hidden;border-bottom-left-radius: 15px;border-top-right-radius: 15px;display: block;} #gallery .gallery-item img{object-fit: cover;transition: all 0.4s ease;display: block;} #gallery .gallery-item:hover img{transform: scale(1.08);} #gallery .gallery-item::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);opacity: 0;transition: opacity 0.3s ease;z-index: 1;pointer-events: none;} #gallery .gallery-item:hover::before{opacity: 1;} /* Универсальная навигация для слайдеров s2 и s3 */ .s2, .s3{position: relative;} .s2 .owl-stage-outer, .s3 .owl-stage-outer{position: relative;} .s2 .owl-nav, .s3 .owl-nav{pointer-events: none;opacity: 0;transition: opacity 0.3s ease;position: absolute;top: 0;left: 0;right: 0;bottom: 62px;} .s2:hover .owl-nav, .s3:hover .owl-nav{opacity: 1;} .s2 .owl-nav button, .s3 .owl-nav button{pointer-events: all;background: white!important;width: 50px;height: 50px;border-radius: 50%;box-shadow: 0 4px 15px rgba(0,0,0,0.2);transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;border: none;padding: 0;position: absolute!important;top: 50%!important;margin-top: -25px!important;} .s2 .owl-nav button:hover, .s3 .owl-nav button:hover{background: var(--hovercolor)!important;box-shadow: 0 6px 25px rgba(38,88,176,0.4);transform: scale(1.15)!important;margin-top: -25px!important;} .s2 .owl-nav .owl-prev, .s3 .owl-nav .owl-prev{left: 15px!important;} .s2 .owl-nav .owl-next, .s3 .owl-nav .owl-next{right: 15px!important;} .s2 .owl-nav button svg, .s3 .owl-nav button svg{width: 20px;height: 20px;display: block;} .s2 .owl-nav button svg path, .s3 .owl-nav button svg path{stroke: #333!important;opacity: 1!important;} .s2 .owl-nav button:hover svg path, .s3 .owl-nav button:hover svg path{stroke: white!important;} .s2 .owl-dots, .s3 .owl-dots{text-align: center;margin-top: 30px;} .s2 .owl-dot, .s3 .owl-dot{display: inline-block!important;width: 12px!important;height: 12px!important;background: white!important;border: 1px solid #ddd!important;border-radius: 50%!important;margin: 0 5px!important;transition: all 0.3s ease!important;box-sizing: border-box!important;} .s2 .owl-dot.active, .s3 .owl-dot.active{background: var(--hovercolor)!important;border-color: var(--hovercolor)!important;width: 30px!important;border-radius: 6px!important;} /* ==================== ВЫСОКИЕ СТАНДАРТЫ ==================== */ #standards .standards-grid{align-items: center;} #standards .standards-subtitle{font-size: 20px;color: #666;margin: 0 0 40px 0;font-weight: 400;} #standards .standards-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 30px;} #standards .standards-item{display: flex;gap: 20px;align-items: flex-start;} #standards .standards-item::before{content: '';flex-shrink: 0;width: 28px;height: 28px;margin-top: 2px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232e73b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;background-position: center;} #standards .standards-text h3{font-size: 20px;margin: 0 0 8px 0;font-weight: 600;} #standards .standards-text p{margin: 0;font-size: 16px;line-height: 1.6;color: #666;} #standards .standards-image{position: relative;overflow: hidden;border-bottom-left-radius: 20px;border-top-right-radius: 20px;} #standards .standards-image img{width: 100%;height: 100%;object-fit: cover;display: block;min-height: 500px;} /* ==================== СЕРТИФИКАТЫ ==================== */ #certificates{background: #f8f9fa;} #certificates .certificates-grid{gap: 20px;} #certificates .certificate-item{display: block;position: relative;overflow: hidden;border-bottom-left-radius: 15px;border-top-right-radius: 15px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: all 0.3s ease;background: white;} #certificates .certificate-item img{width: 100%;height: 280px;object-fit: cover;display: block;transition: all 0.3s ease;} #certificates .certificate-item:hover{box-shadow: 0 8px 25px rgba(0,0,0,0.15);transform: translateY(-5px);} #certificates .certificate-item:hover img{transform: scale(1.05);} #certificates .certificate-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(38,88,176,0.9);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.3s ease;} #certificates .certificate-item:hover .certificate-overlay{opacity: 1;} #certificates .certificate-overlay svg{width: 40px;height: 40px;color: white;} #certificates .certificates-button{text-align: center;margin-top: 40px;} /* ==================== ОТЗЫВЫ ==================== */ #reviews .review-item{background: white;border: 1px solid #e8e8e8;border-bottom-left-radius: 15px;border-top-right-radius: 15px;padding: 30px;height: 100%;display: flex;flex-direction: column;transition: all 0.3s ease;} #reviews .review-item:hover{box-shadow: 0 8px 25px rgba(0,0,0,0.1);border-color: #ddd;} #reviews .review-header{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 20px;} #reviews .review-author{display: flex;gap: 15px;align-items: center;} #reviews .review-avatar{width: 50px;height: 50px;border-radius: 50%;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);color: white;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 16px;flex-shrink: 0;} #reviews .review-author h3{font-size: 18px;margin: 0 0 4px 0;color: #1a1a1a;} #reviews .review-date{font-size: 14px;color: #999;} #reviews .review-stars{display: flex;gap: 3px;} #reviews .review-stars svg{color: #ffc107;} #reviews .review-title{font-size: 16px;font-weight: 600;color: #1a1a1a;margin: 0 0 15px 0;line-height: 1.4;} #reviews .review-text{font-size: 15px;line-height: 1.7;color: #666;margin: 0;flex-grow: 1;} /* ==================== ПАРТНЕРЫ ==================== */ #partners{background: #f8f9fa;} #partners .partner-item{background: white;padding: 30px;border-bottom-left-radius: 15px;border-top-right-radius: 15px;display: flex;align-items: center;justify-content: center;min-height: 150px;transition: all 0.3s ease;} #partners .partner-item:hover{box-shadow: 0 8px 25px rgba(0,0,0,0.1);transform: translateY(-5px);} #partners .partner-item img{max-width: 100%;max-height: 80px;width: auto;height: auto;object-fit: contain;filter: grayscale(100%);opacity: 0.7;transition: all 0.3s ease;} #partners .partner-item:hover img{filter: grayscale(0%);opacity: 1;} /* ==================== КАК ЗАКАЗАТЬ ==================== */ #how-order{background: #2c2c2c;color: white;overflow: hidden;} #how-order .how-order-left p{opacity: 0.9;} #how-order .how-order-nav{display: flex;gap: 15px;} #how-order .how-order-nav button{width: 60px;height: 60px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.2);background: transparent;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;} #how-order .how-order-nav button:hover{border-color: var(--hovercolor);background: var(--hovercolor);} #how-order .how-order-nav button svg{width: 24px;height: 24px;} #how-order .how-order-nav button svg path{stroke: white;} #how-order .how-order-nav .how-nav-next{border-color: var(--hovercolor);background: var(--hovercolor);} #how-order .how-order-nav .how-nav-next:hover{border-color: var(--hovercolor);background: white;} #how-order .how-order-nav .how-nav-next:hover svg path{stroke: var(--hovercolor);} #how-order .how-step{background: white;border-bottom-left-radius: 15px;border-top-right-radius: 15px;padding: 35px 30px;color: #333;height: 100%;display: flex;flex-direction: column;} #how-order .step-progress{display: flex;gap: 8px;margin-bottom: 25px;} #how-order .step-progress span{width: 40px;height: 6px;background: #e8e8e8;border-radius: 3px;transition: all 0.3s ease;} #how-order .step-progress span.active{background: var(--hovercolor);} #how-order .step-icon{margin-bottom: 20px;} #how-order .step-icon svg{width: 48px;height: 48px;} #how-order .step-icon svg path, #how-order .step-icon svg polyline, #how-order .step-icon svg line, #how-order .step-icon svg circle, #how-order .step-icon svg rect, #how-order .step-icon svg polygon{stroke: var(--hovercolor);} #how-order .how-step h3{font-size: 22px;margin-bottom: 15px;font-weight: 600;} #how-order .how-step p{font-size: 15px;line-height: 1.6;color: #666;margin-bottom: 10px;} #how-order .how-step p:last-child{margin-bottom: 0;} /* Карта городов */ #map{background: url(images/map.svg) center top no-repeat;background-size: contain;font-weight: 500;text-align: center;} #map .city a{text-transform: uppercase;font-size: 14px;position: relative;display: inline-block;padding-bottom: 2px;} #map .city a:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--hovercolor);transition: width 0.3s ease;} #map .city a:hover{color: var(--hovercolor);font-weight: 600;} #map .city a:hover:after{width: 100%;} #map .city {gap: 5px;} #map .pr{font-size: 30px;margin-bottom: 20px;} #map .pr .num{color: var(--hovercolor);font-weight: 500;} #map .more{display: flex;justify-content: center;margin-top: 20px;} /* ==================== ФОРМА СВЯЗИ ==================== */ /* Контейнер формы */ #contact-form{background: white;padding: 40px;border-bottom-left-radius: 15px;border-top-right-radius: 15px;box-shadow: 0 8px 30px rgba(0,0,0,0.08);} #contact-form .subtitle{color: #666;font-size: 16px;margin-bottom: 30px;} /* Основные стили формы CF7 */ .wpcf7{position: relative;} .wpcf7 .wpcf7-form{display: grid;gap: 20px;} .wpcf7 .wpcf7-not-valid-tip{display: none;} .wpcf7 .screen-reader-response{position: absolute;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);height: 1px;width: 1px;margin: 0;padding: 0;border: 0;} .wpcf7 .wpcf7-form .ajax-loader{display: none;} .wpcf7 .hidden-fields-container{display: none;} /* Поля ввода: text, email, tel */ .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-tel, .wpcf7 .wpcf7-mask{width: 100%;padding: 15px 18px;border: 2px solid #e8e8e8;border-radius: 10px;font-size: 16px;transition: all 0.3s ease;background: #f8f9fa;} .wpcf7 .wpcf7-text:focus, .wpcf7 .wpcf7-email:focus, .wpcf7 .wpcf7-tel:focus, .wpcf7 .wpcf7-mask:focus{border-color: var(--hovercolor);background: white;outline: none;box-shadow: 0 0 0 4px rgba(38,88,176,0.1);} .wpcf7 .wpcf7-text::placeholder, .wpcf7 .wpcf7-email::placeholder, .wpcf7 .wpcf7-tel::placeholder, .wpcf7 .wpcf7-mask::placeholder{color: #999;} /* Textarea */ .wpcf7 .wpcf7-textarea{width: 100%;padding: 15px 18px;border: 2px solid #e8e8e8;border-radius: 10px;font-size: 16px;resize: vertical;min-height: 120px;transition: all 0.3s ease;background: #f8f9fa;font-family: Ubuntu, Arial, sans-serif;} .wpcf7 .wpcf7-textarea:focus{border-color: var(--hovercolor);background: white;outline: none;box-shadow: 0 0 0 4px rgba(38,88,176,0.1);} .wpcf7 .wpcf7-textarea::placeholder{color: #999;} /* Загрузка файлов */ .wpcf7 .wpcf7-file{width: 100%;padding: 15px 18px;border: 2px dashed #e8e8e8;border-radius: 10px;font-size: 14px;cursor: pointer;transition: all 0.3s ease;background: #f8f9fa;position: relative;} .wpcf7 .wpcf7-file::-webkit-file-upload-button{background: var(--hovercolor);color: white;padding: 10px 20px;border: none;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;margin-right: 15px;transition: all 0.3s ease;} .wpcf7 .wpcf7-file::-webkit-file-upload-button:hover{background: #1e4a8f;} .wpcf7 .wpcf7-file:hover{border-color: var(--hovercolor);background: white;} /* Чекбокс согласия */ .wpcf7 .poly{display: flex;align-items: flex-start;gap: 12px;padding: 15px;background: #f8f9fa;border-radius: 10px;color: #666;font-size: 14px;line-height: 1.6;} .wpcf7 .poly input[type="checkbox"]{flex-shrink: 0;width: 20px;height: 20px;margin: 0;cursor: pointer;border: 2px solid #d0d0d0;border-radius: 4px;appearance: none;-webkit-appearance: none;position: relative;transition: all 0.3s ease;} .wpcf7 .poly input[type="checkbox"]:checked{background: var(--hovercolor);border-color: var(--hovercolor);} .wpcf7 .poly input[type="checkbox"]:checked::after{content: '✓';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;font-size: 14px;font-weight: 700;} .wpcf7 .poly a{color: var(--hovercolor);text-decoration: none;transition: all 0.3s ease;} .wpcf7 .poly a:hover{color: #1e4a8f;text-decoration: underline;} /* Валидация */ .wpcf7 .wpcf7-form-control.wpcf7-not-valid{border-color: #dc3545;background: #fff5f5;} .wpcf7 .wpcf7-form-control.wpcf7-not-valid:focus{box-shadow: 0 0 0 4px rgba(220,53,69,0.1);} /* Сообщения об ошибках и успехе */ .wpcf7 .wpcf7-response-output{display: none;padding: 15px 20px;border-radius: 10px;font-size: 15px;font-weight: 500;margin-top: 20px;} .wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;background: #fff5f5;color: #dc3545;border: 2px solid #dc3545;} .wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;background: #f0fdf4;color: #16a34a;border: 2px solid #16a34a;} /* Спиннер загрузки */ .wpcf7 .wpcf7-spinner{display: none;position: absolute;bottom: -35px;left: 50%;transform: translateX(-50%);width: 24px;height: 24px;background: url(images/ajax-loader.gif) no-repeat center;background-size: contain;} .wpcf7 .wpcf7-form.submitting .wpcf7-spinner{display: block;} /* Форма в модальном окне */ .modal #contact-form{box-shadow: none;padding: 0;background: transparent;} .modal #contact-form h2{color: #343434;font-size: 28px;margin-bottom: 8px;} .modal #contact-form .subtitle{font-size: 15px;margin-bottom: 25px;} @media (max-width: 768px) { .modal #contact-form h2{font-size: 24px;} .modal #contact-form .subtitle{font-size: 14px;margin-bottom: 20px;} } /* Универсальный загрузчик файлов (для отзывов и CF7) */ .file-uploader{position: relative;} .file-uploader .file-input{position: absolute;opacity: 0;width: 0.1px;height: 0.1px;overflow: hidden;z-index: -1;pointer-events: none;} .file-uploader .upload-area{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 12px;padding: 18px;background: #f8f9fa;border: 2px dashed #d0d0d0;border-radius: 10px;cursor: pointer;transition: all 0.3s ease;margin: 0;position: relative;overflow: hidden;} .file-uploader .upload-area:before{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(38,88,176,0.08), transparent);transition: left 0.5s ease;} .file-uploader .upload-area:hover:before{left: 100%;} .file-uploader .upload-area:hover,.file-uploader .upload-area.drag-over{border-color: var(--hovercolor);background: white;border-style: solid;box-shadow: 0 4px 15px rgba(38,88,176,0.15);} .file-uploader .upload-icon{color: var(--hovercolor);opacity: 1;flex-shrink: 0;} .file-uploader .upload-icon svg{width: 28px;height: 28px;} .file-uploader .upload-text{text-align: left;} .file-uploader .upload-text p{margin: 0;color: #333;font-size: 14px;line-height: 1.4;font-weight: 500;} .file-uploader .upload-text strong{color: var(--hovercolor);font-weight: 600;} .file-uploader .upload-hint{font-size: 12px;color: #999;margin-top: 3px !important;} .file-uploader .files-preview{margin-top: 12px;display: none;gap: 10px;} .file-uploader .files-preview.active{display: grid;} .file-uploader .file-item{display: flex;align-items: center;gap: 10px;padding: 12px;background: white;border: 2px solid #e8e8e8;border-radius: 8px;position: relative;transition: all 0.3s ease;} .file-uploader .file-item:hover{border-color: var(--hovercolor);box-shadow: 0 2px 8px rgba(38,88,176,0.1);} .file-uploader .file-item img{width: 50px;height: 50px;object-fit: cover;border-radius: 6px;border: 2px solid #f0f0f0;} .file-uploader .file-icon{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);border-radius: 6px;font-size: 22px;color: white;} .file-uploader .file-info{flex: 1;min-width: 0;} .file-uploader .file-name{font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 3px;color: #333;font-size: 14px;} .file-uploader .file-size{font-size: 12px;color: #999;font-weight: 500;} .file-uploader .remove-file{width: 28px;height: 28px;flex-shrink: 0;background: rgba(220,53,69,0.1);color: #dc3545;border: none;border-radius: 50%;cursor: pointer;font-size: 16px;line-height: 1;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;} .file-uploader .remove-file:hover{background: #dc3545;color: white;transform: rotate(90deg) scale(1.1);box-shadow: 0 2px 8px rgba(220,53,69,0.3);} /* Блок новостей */ #news{background: #f8f9fa;} #news h2{text-align: center;margin-bottom: 50px;} #news .news-grid{gap: 30px;} #news .news-item{background: white;border-bottom-left-radius: 15px;border-top-right-radius: 15px;overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,0.08);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position: relative;display: flex;flex-direction: column;} #news .news-item:hover{transform: translateY(-8px);box-shadow: 0 15px 50px rgba(0,0,0,0.15);} #news .news-link{display: flex;flex-direction: column;height: 100%;text-decoration: none;color: inherit;} #news .news-image{position: relative;width: 100%;height: 220px;overflow: hidden;background: #f0f0f0;display: flex;align-items: center;justify-content: center;} #news .news-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;} #news .news-item:hover .news-image img{transform: scale(1.1);} #news .news-no-image{background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);} #news .news-no-image svg{width: 60px;height: 60px;color: #ccc;z-index: 1;} #news .news-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);opacity: 0;transition: opacity 0.4s ease;} #news .news-item:hover .news-overlay{opacity: 1;} #news .news-content{padding: 25px;display: flex;flex-direction: column;flex: 1;} #news .news-meta{display: flex;align-items: center;gap: 15px;margin-bottom: 15px;} #news .news-date{display: inline-flex;align-items: center;gap: 6px;font-size: 13px;color: #999;font-weight: 500;} #news .news-date svg{width: 16px;height: 16px;color: var(--hovercolor);} #news .news-title{font-size: 19px;font-weight: 700;line-height: 1.4;margin: 0 0 15px 0;color: #1a1a1a;transition: color 0.3s ease;} #news .news-item:hover .news-title{color: var(--hovercolor);} #news .news-excerpt{font-size: 15px;line-height: 1.6;color: #666;margin: 0 0 20px 0;flex: 1;} #news .news-readmore{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600;color: var(--hovercolor);transition: all 0.3s ease;} #news .news-readmore svg{width: 18px;height: 18px;transition: transform 0.3s ease;} #news .news-item:hover .news-readmore{gap: 12px;} #news .news-item:hover .news-readmore svg{transform: translateX(5px);} #news .news-button{text-align: center;margin-top: 40px;} #news .news-empty{text-align: center;color: #666;font-size: 16px;margin: 0;} /* Адаптивные стили для новостей */ @media (max-width: 767px) { #news h2{font-size: 26px;margin-bottom: 35px;} #news .news-grid{gap: 20px;} #news .news-image{height: 200px;} #news .news-content{padding: 20px;} #news .news-title{font-size: 17px;} #news .news-excerpt{font-size: 14px;} #news .news-button{margin-top: 30px;} } @media (min-width: 768px) and (max-width: 1024px) { #news .news-image{height: 200px;} #news .news-title{font-size: 18px;} } /* Сервисная страница */ #service_banner{background: #343434;background-size: cover;background-position: right center;background-repeat: no-repeat;color: white;padding: 60px 0;position: relative;} #service_banner::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to right, rgba(26,26,26,0.95) 0%, rgba(26,26,26,0.7) 50%, rgba(26,26,26,0.1) 100%);} #service_banner .container{position: relative;z-index: 1;} #service_banner .label{color: var(--hovercolor);font-weight: 700;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 20px;} #service_banner h2{margin-bottom: 35px;} #service_text{background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);} #service_text .text{background: white;padding: 40px;border-bottom-left-radius: 20px;border-top-right-radius: 20px;box-shadow: 0 8px 30px rgba(0,0,0,0.08);line-height: 1.7;color: #555;font-size: 16px;transition: all 0.3s ease;} #service_text .text:hover{transform: translateY(-5px);box-shadow: 0 15px 45px rgba(0,0,0,0.12);} #service_text .text p{margin-bottom: 15px;} #service_text .text p:last-child{margin-bottom: 0;} #service_text .text ul,#service_text .text ol{padding-left: 20px;margin-bottom: 15px;} #service_text .text ul li,#service_text .text ol li{margin-bottom: 8px;line-height: 1.6;} #service_text .text h3{color: var(--hovercolor);font-weight: 600;font-size: 20px;} #service_tags .tags-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 20px;} #service_tags .tag-item{background: white;padding: 20px 25px;border: 1px solid #e8e8e8;border-bottom-left-radius: 15px;border-top-right-radius: 15px;box-shadow: 0 8px 25px rgba(0,0,0,0.08);display: flex;align-items: center;justify-content: space-between;text-decoration: none;color: #333;font-weight: 600;font-size: 16px;transition: all 0.3s ease;position: relative;overflow: hidden;} #service_tags .tag-item::before{content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);opacity: 0;transition: all 0.3s ease;} #service_tags .tag-item:hover{transform: translateY(-5px);box-shadow: 0 15px 40px rgba(0,0,0,0.15);padding-left: 30px;border-color: var(--hovercolor);} #service_tags .tag-item:hover::before{opacity: 1;} #service_tags .tag-item:hover .tag-icon{transform: translateX(5px);color: var(--hovercolor);} #service_tags .tag-text{flex: 1;} #service_tags .tag-icon{font-size: 20px;color: #ccc;transition: all 0.3s ease;} #related-cats{background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);} #related-cats h2{text-align: center;margin-bottom: 50px;position: relative;padding-bottom: 20px;} #related-cats h2::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 80px;height: 4px;background: linear-gradient(90deg, var(--hovercolor) 0%, #1e4a8f 100%);border-radius: 2px;} #related-cats .item{background: white;border-radius: 20px;overflow: hidden;box-shadow: 0 8px 30px rgba(0,0,0,0.08);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position: relative;height: 100%;} #related-cats .item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, var(--hovercolor) 0%, #1e4a8f 100%);transform: scaleX(0);transform-origin: left;transition: transform 0.5s ease;z-index: 2;} #related-cats .item:hover{transform: translateY(-10px);box-shadow: 0 20px 60px rgba(0,0,0,0.15);} #related-cats .item:hover::before{transform: scaleX(1);} #related-cats .title{display: flex;flex-direction: column;text-decoration: none;color: var(--blackcolor);height: 100%;transition: color 0.3s ease;} #related-cats .title:hover{color: var(--hovercolor);} #related-cats .cat-image{display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);padding: 10px;} #related-cats .cat-image::before{content: '';position: absolute;top: 50%;left: 50%;width: 150px;height: 150px;background: radial-gradient(circle, rgba(38,88,176,0.08) 0%, transparent 70%);border-radius: 50%;transform: translate(-50%, -50%) scale(0);transition: transform 0.5s ease;} #related-cats .item:hover .cat-image::before{transform: translate(-50%, -50%) scale(1);} #related-cats .cat-image img{max-width: 100%;max-height: 100%;object-fit: contain;transition: all 0.4s ease;position: relative;z-index: 1;mix-blend-mode: darken;} #related-cats .item:hover .cat-image img{transform: scale(1.1) translateY(-5px);} #related-cats .title span{padding: 25px;text-align: center;line-height: 1.4;font-weight: 600;position: relative;background: white;transition: all 0.3s ease;} #related-cats .item:hover .title span{background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);} #service_textrepeat h2{text-align: center;margin-bottom: 60px;} #service_textrepeat .item{display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;margin-bottom: 60px;} #service_textrepeat .item:last-child{margin-bottom: 0;} #service_textrepeat .item.reverse{direction: rtl;} #service_textrepeat .item.reverse > *{direction: ltr;} #service_textrepeat .item-text{padding: 40px;border-bottom-left-radius: 20px;border-top-right-radius: 20px;box-shadow: 0 8px 30px rgba(0,0,0,0.08);line-height: 1.7;} #service_textrepeat .item-text p{margin-bottom: 15px;} #service_textrepeat .item-text p:last-child{margin-bottom: 0;} #service_textrepeat .item-image{box-shadow: 0 8px 30px rgba(0,0,0,0.08);} #service_prem h2{text-align: center;margin-bottom: 50px;} #service_prem .prem-item{display: flex;gap: 20px;align-items: flex-start;padding: 30px;background: white;border-bottom-left-radius: 20px;border-top-right-radius: 20px;box-shadow: 0 8px 30px rgba(0,0,0,0.08);transition: all 0.3s ease;} #service_prem .prem-item:hover{transform: translateY(-5px);box-shadow: 0 15px 40px rgba(0,0,0,0.15);} #service_prem .prem-icon{width: 60px;height: 60px;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);border-bottom-left-radius: 15px;border-top-right-radius: 15px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;} #service_prem .prem-icon svg{width: 30px;height: 30px;stroke: white;} #service_prem .prem-content h3{margin-bottom: 10px;font-size: 20px;font-weight: 700;} #service_prem .prem-text p{margin-bottom: 10px;} #service_prem .prem-text p:last-child{margin-bottom: 0;} #service_prem .prem-text ul,#service_prem .prem-text ol{padding-left: 20px;margin-bottom: 10px;} #service_prem .prem-text ul li,#service_prem .prem-text ol li{margin-bottom: 5px;} #service_prem .prem-text ul:last-child,#service_prem .prem-text ol:last-child{margin-bottom: 0;} #footer{padding: 80px 0px;font-size: 15px;} #footer .title{margin-top: 20px;font-size: 14px;color: gray;} #footer .title ul{padding-left: 10px;} #footer .widget-title{font-size: 18px;margin-bottom: 15px;} #footer .menu{padding: 0px;list-style: none;} #footer .menu li{padding: 5px 0px;} #footer .footer-menu-extra .menu{display: grid;grid-template-columns: repeat(2, 1fr);} #footer .phone{font-size: 20px;} #footer .ad{margin: 10px 0px;} #footer .mail{color: var(--hovercolor);font-weight: 500;} #footer .pay{color: red;font-weight: 500;} #footer .soc{margin-top: 20px;} #footer .inn{margin-top:10px;font-size:13px;color:#888;font-weight:500;} #footer .btns{display:flex;flex-direction:column;gap:12px;margin-top:20px;} #footer .cbutton, #footer .button{display:block;text-align:center;} #footer .cbutton:hover{color:white!important;} .full{background-color: #fff;} .full a{color: black;} .full .container{position: relative;} .full .close{border: none;} .full .modal-dialog{max-width: 100%;position: relative;} .full .modal-content{width: 100%;border: none;} .full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;margin-top: 40px;} .full .st{font-size: 18px;padding-bottom: 10px;} .full .list{list-style: none;padding-left: 0;font-size: 18px;gap: 5px;} .full .select2-selection, .full .select2-selection__arrow{height: 40px!important;} .full .select2-selection__rendered{line-height: 40px!important;} .full .menu{display: inline-block;width: 100%;list-style: none;font-size: 25px;padding: 0px;padding-top: 0px;} .full .menu li{padding-bottom: 15px;} .full .cont>a{display: block;padding: 5px 0px;} .full .cont .phone{font-size: 22px;font-weight: bold;color: black;} .full .cont .mail{color: #E61870;} /* Стили фильтра вынесены в inc/filter/tov-filter.css */ #customer_login .input-text, .woocommerce-form-login .input-text, .lost_reset_password .input-text{padding: 13px;border: 1px solid #D7D7DD;width: 100%;} #customer_login .woocommerce-form-login__submit, #customer_login .woocommerce-form-register__submit, .woocommerce-form-login .woocommerce-form-login__submit{display: block;width: 100%;} #customer_login .lost_password{text-decoration: underline;text-align: center;} #customer_login .col-1, #customer_login .col-2{max-width: 100%;padding: 0px;} #customer_login .button, .lost_reset_password .button{text-transform: uppercase;} .seocat{margin-top: 40px;} #cats{gap: 10px;margin-bottom: 20px;} #cats .item{background: white;text-align: center;padding: 5px;border-radius: 2px;} #cats .item .image{background-color: #f7f7f9;display: flex;justify-content: center;align-items: center;padding: 10px;} #cats .item img {width: 100%;height: 100%;object-fit: contain;mix-blend-mode: darken;} #cats .item .title{line-height: 1.2;margin: 10px 0px 5px;font-weight: bold;} #cats .item .count{color: gray;font-size: 14px;} /* Фильтр товаров слева */ #tovars .pwf-field-item-title{text-transform: none;margin-bottom: 5px;} #tovars .pwf-field-item-container{margin-bottom: 15px;} #tovars .top_filters{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;} #tovars .top_filters .ordering{display: flex;align-items: center;gap: 10px;} #tovars .woocommerce-ordering select {color: #000;display: inline-block;width: auto;padding: 5px 25px 5px 10px;border: 1px solid #ced4da;-webkit-border-radius: 3px;border-radius: 3px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #fff; background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364707b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat,repeat; background-position: right .7em top 50%,0 0; -webkit-background-size: .5em auto,100%; background-size: .5em auto,100%; cursor: pointer } #tovars .item{display: flex;gap: 10px;align-items: center;justify-content:space-between;border-bottom: 1px solid #DEE1E5;padding: 10px 5px;margin-bottom: 5px;} #tovars .item .image{background-color: #f7f7f9;display: flex;justify-content: center;align-items: center;} #tovars .item img{width: 100%;height: 100%;object-fit: cover;} #tovars .item .name{flex: 1 1 0;} #tovars .item .title{font-size: 18px;text-decoration: none;font-weight: bold;} #tovars .item .attrs{font-size: 12px;display: grid;column-gap: 5px;grid-template-columns: 1fr 1fr 1fr;} #tovars .item .attrs .name{color: #999999;} #tovars .item .attrs .attr-toggle {display: inline-block;color: var(--hovercolor);font-weight: bold;} .product-attrs .attr-toggle {display:inline-block;color: var(--hovercolor);font-weight:bold;text-decoration:none;margin-left:4px;white-space:nowrap;} .product-attrs .attr-toggle:hover {text-decoration:underline;} #tovars .item .price{font-weight: bold;} #tovars .item .price del{font-size: 16px;font-weight: 100;} #tovars .item .price ins{color: #e31e24;text-decoration: none;} #tovars .item .btss{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;justify-content: center;font-size: 14px;} #tovars .item .button, #tovars .item .cbutton{padding: 8px 15px;} #tovars .size{position: absolute;top: -5px;right: 0px;color: black;font-size: 14px;font-weight: 500;z-index: 5;} #tovars .size p {margin: 0px;} /* Категории товаров */ #seotext {line-height: 1.7;background: #fafbfc;} #seotext h2 {font-size: 32px;position: relative;padding-left: 25px;} #seotext h2::before {content: '/';position: absolute;left: 0;color: var(--hovercolor);font-size: 38px;font-weight: 700;opacity: 0.8;} #seotext h3 {margin: 20px 0px;} #seotext .intro {font-size: 18px;line-height: 1.8;} #seotext .seo-stats {background: white;padding: 25px 30px;border-radius: 12px;box-shadow: 0 5px 20px rgba(0,0,0,0.06);border-left: 4px solid var(--hovercolor);} #seotext .seo-stats ol {list-style: none;counter-reset: item;padding: 0;margin: 0;} #seotext .seo-stats ol li {counter-increment: item;position: relative;padding-left: 35px;margin-bottom: 15px;color: #444;font-size: 16px;} #seotext .seo-stats ol li:last-child {margin-bottom: 0;} #seotext .seo-stats ol li::before {content: counter(item);position: absolute;left: 0;top: 0;width: 26px;height: 26px;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 600;} #seotext .advantages {list-style: none;padding: 0;margin: 25px 0;} #seotext .advantages li {position: relative;padding-left: 35px;margin-bottom: 18px;color: #444;font-size: 16px;line-height: 1.6;} #seotext .advantages li::before {content: '✓';position: absolute;left: 0;top: 0;width: 26px;height: 26px;background: linear-gradient(135deg, #28a745 0%, #20c997 100%);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 700;} #seotext p {color: #555;} #seotext p.contact {background: #f5f7fa;padding: 20px 25px;border-radius: 10px;margin-top: 20px;border-left: 4px solid var(--hovercolor);font-size: 16px;} #seotext p.contact a {color: var(--hovercolor);font-weight: 600;text-decoration: none;transition: color 0.2s ease;} #seotext p.contact a:hover {color: #1e4a8f;text-decoration: underline;} #seotext img.alignleft {float: left;margin: 0 40px 20px 0;max-width: 450px;height: auto;border-radius: 12px;box-shadow: 0 8px 30px rgba(0,0,0,0.08);} #tovar .row{margin-top: 10px;} #tovar .gallary{position: relative;} #tovar .woocommerce-product-gallery__image{background-color: #f7f7f9;border-bottom-left-radius: 15px;border-top-right-radius: 15px;} #tovar .woocommerce-product-gallery__image img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: darken;} #tovar .thumbs{margin-top: 10px;} #tovar .thumbs:hover .owl-nav{opacity: 1;} #tovar .owl-nav{opacity: 0;} #tovar .owl-nav svg:hover path{fill: #008ac8;} #tovar .owl-nav .owl-prev{position: absolute;left: 10px;top: calc(50% - 6.625px);} #tovar .owl-nav .owl-next{position: absolute;right: 10px;top: calc(50% - 6.625px);} #tovar .thumbs-flex { display: flex; gap: 10px; margin-top: 10px; } #tovar .thumb-item { cursor: pointer; opacity: 0.7; transition: opacity 0.2s; } #tovar .thumb-item.active { opacity: 1; } #tovar .thumb-item img { max-width: 140px; border-radius: 4px; } #tovar .no-image-placeholder { background: #f5f5f5; padding: 40px; text-align: center; border-radius: 4px; color: #999; } #tovar .no-image-placeholder p { margin: 10px 0 0 0; } #ivpa-content .ivpa_attribute[data-attribute="pa_razmer"].ivpa_text.ivpa_border .ivpa_term.ivpa_active.ivpa_clicked, #ivpa-content .ivpa_attribute[data-attribute="pa_razmer"].ivpa_text.ivpa_border .ivpa_term.ivpa_active.ivpa_clicked.ivpa_outofstock{border-color: #008ac8!important;color: #008ac8!important;} #ivpa-content .ivpa_custom_option.ivpa_text.ivpa_border .ivpa_term, #ivpa-content .ivpa_attribute.ivpa_text.ivpa_border .ivpa_term{font-size: 16px!important;} /* SKU и артикул */ #tovar .sku{font-size: 13px;color: #999;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 8px;} /* Подзаголовки */ #tovar h2{font-size: 20px; margin: 25px 0 12px 0;position: relative;padding-bottom: 10px;} #tovar h2::after{content: '';position: absolute;bottom: 0;left: 0;width: 60px;height: 3px;background: linear-gradient(90deg, var(--hovercolor) 0%, #1e4a8f 100%);border-radius: 2px;} /* Статус наличия */ #tovar .stock{display: inline-flex;align-items: center;gap: 6px;background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);color: white;font-size: 13px;font-weight: 600;padding: 6px 14px;border-radius: 8px;margin-top: 10px;text-transform: uppercase;letter-spacing: 0.5px;} #tovar .stock::before{content: '✓';font-size: 16px;font-weight: 700;} #tovar .out-of-stock{display: inline-flex;align-items: center;gap: 6px;background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);color: white;font-size: 13px;font-weight: 600;padding: 6px 14px;border-radius: 8px;margin-top: 10px;box-shadow: 0 4px 12px rgba(231,76,60,0.25);text-transform: uppercase;letter-spacing: 0.5px;} #tovar .out-of-stock::before{content: '✕';font-size: 16px;font-weight: 700;} /* Скрываем ненужное */ #tovar .sku_wrapper{display: none;} /* Метаданные и категории */ #tovar .product_meta{margin: 15px 0;padding: 15px;background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);border-radius: 10px;border-left: 4px solid var(--hovercolor);font-size: 14px;} #tovar .product_meta a{color: var(--hovercolor);font-weight: 500;transition: all 0.3s ease;} #tovar .product_meta a:hover{color: #1e4a8f;text-decoration: underline;} #tovar .posted_in, #tovar .tagged_as{display: block;margin-bottom: 6px;color: #666;line-height: 1.6;} /* Краткое описание */ #tovar .short{font-size: 15px;margin-top: 15px;line-height: 1.7;color: #555;padding: 15px;background: #f8f9fa;border-radius: 10px;} /* Цена */ #tovar .price{display: block;font-size: 30px;margin: 20px 0;font-weight: 700;color: var(--hovercolor);line-height: 1.2;} #tovar .price del{font-size: 26px;font-weight: 400;color: #999;margin-right: 15px;} #tovar .price ins{color: #27ae60;text-decoration: none;font-weight: 700;} /* Кнопки заказа */ #tovar .btss{display: flex;gap: 12px;} /* Таблица характеристик */ #tovar .table{text-align: left;margin-top: 15px;overflow: hidden;border-bottom: 1px solid #f0f0f0;} #tovar .table td:first-child{font-weight: 600;color: #343434;background: #f8f9fa;width: 35%;} #tovar .table td, #tovar .table th{padding: 10px;font-size: 15px;} #tovar .table tr:hover{background: #fafbfc;} #tovar .table td p{margin: 0;} /* Выравнивание для DataTable */ #tovar .dataTable td.dt-type-numeric, #tovar .dataTable th.dt-type-numeric{text-align: left;} #tovar .bts{margin-top: 10px;display: flex;gap: 10px;} #tovar .bts .buy_now_button{display: inline-block;text-align: center;background: #727272;padding: 15px 30px;color: white;border-bottom-left-radius: 15px;border-top-right-radius: 15px;font-size: 15px;border: none;} #tovar .bts .buy_now_button:hover{color:white!important;background-color: #404040;} .quantity {display: inline-flex;border: 1px solid #ececec;border-radius: 5px;} .quantity input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;width: 50px;min-height: 40px;text-align: center;} .quantity button {display: inline-flex;align-items: center;justify-content: center;background: none;border: none;font-size: 0;color: black;width: 30px;height: 100%;min-height: 40px;cursor: pointer;position: relative;padding: 8px;-webkit-tap-highlight-color: transparent;} .quantity button:active,.quantity button:focus {outline: none;} .quantity button:before {content: '';width: 13px;height: 1.5px;background-color: black;} .quantity .quantity-plus:after {content: '';position: absolute;width: 1.5px;height: 13px;background-color: black;} .quantity input[type="number"]::-webkit-inner-spin-button,.quantity input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;appearance: none;margin: 0;} .quantity input[type="number"] {-moz-appearance: textfield;appearance: textfield;} #product-tabs-section{margin:30px 0;} #product-tabs-section .tabs-benefits-grid{display:grid;grid-template-columns:68% 30%;gap:2%;align-items:start;} #product-tabs-section .tabs-block{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);} #product-tabs-section .tabs-nav{display:flex;gap:0;border-bottom:2px solid #f0f0f0;background:#f8f9fa;} #product-tabs-section .tab-btn{flex:1;padding:16px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all 0.3s;font-size:15px;font-weight:500;color:#666;} #product-tabs-section .tab-btn:hover{background:#fff;color:var(--hovercolor);} #product-tabs-section .tab-btn.active{border-bottom-color:var(--hovercolor);color:var(--hovercolor);background:#fff;font-weight:600;} #product-tabs-section .tab-pane{display:none;animation:fadeIn 0.3s;padding:30px;} #product-tabs-section .tab-pane.active{display:block;} #product-tabs-section .tab-pane p{margin-bottom:15px;} #product-tabs-section .tab-pane ul{margin:15px 0;padding-left:25px;} #product-tabs-section .tab-pane ul li{margin-bottom:10px;padding-left:5px;color:#555;} #product-tabs-section .tab-pane ul li::marker{color:var(--hovercolor);} #product-tabs-section .tab-pane .inline-link{color:var(--hovercolor);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;margin-top:15px;} #product-tabs-section .tab-pane .inline-link:hover{text-decoration:underline;} #product-tabs-section .benefits-block{display:flex;flex-direction:column;gap:12px;} #product-tabs-section .benefit-item{display:flex;gap:15px;padding:18px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:12px;border-left:4px solid var(--hovercolor);transition:all 0.3s;} #product-tabs-section .benefit-item:hover{transform:translateX(5px);box-shadow:0 4px 15px rgba(38,88,176,0.1);} #product-tabs-section .benefit-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--hovercolor);border-bottom-left-radius:15px;border-top-right-radius:15px;color:white;} #product-tabs-section .benefit-icon svg{width:24px;height:24px;} #product-tabs-section .benefit-text{flex:1;} @keyframes fadeIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:translateY(0);}} #benefits .items .item{background: white;padding: 20px 25px;border-radius: 20px;box-shadow: 0 10px 40px rgba(0,0,0,0.08);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position: relative;overflow: hidden;display: flex;align-items: center;gap: 18px;} #benefits .items .item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, var(--hovercolor) 0%, #1e4a8f 100%);transform: scaleX(0);transform-origin: left;transition: transform 0.5s ease;} #benefits .items .item:hover::before{transform: scaleX(1);} #benefits .items .item:hover{transform: translateY(-5px);box-shadow: 0 15px 50px rgba(0,0,0,0.12);} #benefits .items .icon{width: 50px;height: 50px;min-width: 50px;background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);border-bottom-left-radius: 15px;border-top-right-radius: 15px;display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 8px 20px rgba(38,88,176,0.25);transition: all 0.4s ease;} #benefits .items .item:hover .icon{transform: rotateY(360deg) scale(1.1);box-shadow: 0 12px 30px rgba(38,88,176,0.4);} #benefits .items .icon svg{width: 26px;height: 26px;} #benefits .items .desc{font-size: 15px;font-weight: 500;} #similar h2, #viewed h2{margin-bottom: 30px;} #similar #tovars, #viewed #tovars{display: block;} #similar #tovars .right, #viewed #tovars .right{display: block;} @media (max-width: 767px) {#similar h2, #viewed h2{margin-bottom: 20px;}} .woocommerce nav.woocommerce-pagination ul{padding: 0px;display: flex;justify-content: center;} .woocommerce nav.woocommerce-pagination ul li {float: left;overflow: hidden; min-width: 40px;text-align: center;} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span{color: #434343;display: block;font-size: 14px;line-height: 40px;transition: all 0.3s ease-in-out;font-family: "Poppins", sans-serif;text-decoration: none;} .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {color: #ffffff !important;background: var(--hovercolor);} /* Мой аккаунт */ #profile{background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 20px;margin-bottom: 20px;} #profile .menu{display: flex;} #profile .menu a{color: black;font-weight: bold;margin: 0 20px;text-decoration: none;} #profile .menu .is-active{border-bottom: 2px solid #008ac8;color: #008ac8;} #profile .user{display: inline-flex;align-items: center;} #profile .user .name{font-size: 18px;font-weight: bold;border-right: 1px solid #D5D5D5;padding-right: 10px;margin-right: 10px;} #profile .button {padding: 5px 35px;} #profile_info{background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 20px;} #profile_info .form-row{display: block;margin: 0px 0px 20px 0px;} #profile_info input{padding: 13px;border: 1px solid #D7D7DD;width: 100%;} #billing_country_field, #profile_info .form-row-last, #profile_info .optional, #customer_details .optional, .thwcfe-section-title{display: none!important;} .woocommerce-error, .woocommerce-info, .woocommerce-message {padding: 1em 2em 1em 3.5em;margin-bottom:15px;position: relative;background-color: #f7f6f7;color: #515151;border-top: 3px solid #008ac8;display: flow-root;} .woocommerce-message::before {content: "\2714";display: inline-block;position: absolute;top: 1em;left: 1.5em;} .woocommerce-message .button {float: right;padding: 5px 15px;} .woocommerce-info{border-top-color: #4489c0;} .woocommerce-message .restore-item{color: #008ac8;} @media (max-width: 921px) { .woocommerce-info{text-align: center;padding: 20px;} .woocommerce-info .button{margin-top: 10px;} .woocommerce-cart-form{text-align: center;} .woocommerce-cart-form a{display: block;} } @media (min-width: 768px) { .woocommerce-info{display: flex;align-items: center;justify-content: space-between;} } .woocommerce-cart-form th{background-color: #008ac8;color: white;} .woocommerce table.shop_table {background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);margin: 0 -1px 24px 0;text-align: left;width: 100%;border-collapse: separate;} .woocommerce table.shop_table th {font-weight: 700;padding: 9px 12px;line-height: 1.5em;} .woocommerce table.shop_table td {border-top: 1px solid rgba(0,0,0,.1);padding: 9px 12px;vertical-align: middle;line-height: 1.5em;} .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {font-weight: 700;border-top: 1px solid rgba(0,0,0,.1);} .woocommerce table.shop_table img{height: 100px;width: auto;} .woocommerce table.shop_table a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .woocommerce table.shop_table a:hover{color: #008ac8;} .woocommerce table.shop_table .quantity .screen-reader-text{display: none;} .woocommerce table.shop_table .quantity .qty {width: 3.631em;text-align: center;} .woocommerce table.shop_table a.remove {display: block;font-size: 1.5em;height: 1em;width: 1em;text-align: center;line-height: 1;border-radius: 100%;color: red!important;text-decoration: none;font-weight: 700;border: 0;} .woocommerce table.shop_table a.remove:hover{color:#fff!important;background:red} .woocommerce table.shop_table .actions{text-align: right;} .woocommerce table.shop_table .button{padding: .618em 1em;} .woocommerce table.shop_table .button:disabled{cursor: not-allowed;opacity: .5;} .woocommerce table.shop_table .product-name{font-weight: 500;} #customer_details .form-row{display: block;margin: 0px 0px 15px 0px;} #customer_details input, #customer_details textarea{padding: 13px;border: 1px solid #D7D7DD;width: 100%;} #customer_details .checkbox{display: inline-flex;white-space: nowrap;align-items: center;} #customer_details .checkbox input{width: 20px;margin-right: 10px;} .comments-pagination .nav-links{display: flex;margin-bottom: 20px;} .comments-pagination .page-numbers{color: black;min-width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;text-decoration: none;padding: 5px;} .comments-pagination .page-numbers:hover{font-weight: bold;} .comments-pagination .page-numbers.current{color: #ffffff;background-color: #000000;} .woocommerce-error {border-top-color: #b81c23;} #payment{background: white;padding: 20px;} #payment a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #payment a:hover{color: #008ac8;} #payment ul{padding: 0px;} #payment li{list-style: none;} #payment .methods{border-bottom: 1px solid #d3ced2;} #payment .payment_box{position: relative;background-color: #edf2f4;color: #515151;padding: 15px; margin: 15px 0;} #payment .payment_box p{margin: 0px;} #payment .payment_box:before{content: "";display: block;border: 1em solid #edf2f4;border-right-color: transparent;border-left-color: transparent;border-top-color: transparent; position: absolute;top: -.75em;left: 0;margin: -1em 0 0 2em;} #payment .checkbox{padding-left: 5px;} /* ==================== ПАГИНАЦИЯ ==================== */ .pagination { display: flex; justify-content: center; gap: 8px; margin-top: 20px; list-style: none; padding: 0; } .pagination .page-numbers { display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; background: white; border: 1px solid #e8e8e8; border-radius: 8px; color: #343434; font-weight: 600; font-size: 15px; transition: all 0.3s ease; text-decoration: none; } .pagination .page-numbers:hover, .pagination .page-numbers.current { background: var(--hovercolor); border-color: var(--hovercolor); color: white; box-shadow: 0 5px 15px rgba(38,88,176,0.2); } .pagination .prev, .pagination .next { padding: 0; width: 40px; } .pagination svg { width: 20px; height: 20px; } .pagination .prev:hover svg path, .pagination .next:hover svg path { stroke: white; } @media (max-width: 767px) { .pagination { gap: 5px; flex-wrap: wrap; } .pagination .page-numbers { min-width: 36px; height: 36px; font-size: 14px; } } .tov-filter-admin-tools{background:#f8f9fa;border:1px dashed #ccc;padding:15px;margin-top:20px;border-radius:8px;font-size:13px;} .tov-filter-admin-tools strong{display:block;margin-bottom:10px;font-size:14px;} .tov-debug-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;} .tov-debug-item{display:flex;align-items:center;gap:5px;background:white;padding:5px 10px;border-radius:4px;border:1px solid #eee;} .tov-debug-label{color:#666;} .tov-debug-value{font-weight:700;color:var(--hovercolor);} .tov-debug-unit{color:#999;} .tov-clear-cache-btn{margin-top:15px;width:100%;padding:8px;font-size:13px;background:#dc3545;color:white;border:none;border-radius:4px;cursor:pointer;} .tov-clear-cache-btn:hover{background:#c82333;} #gosts-page .gosts-tabs{margin:40px 0;} #gosts-page .tabs-nav{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;} #gosts-page .tab-btn{padding:10px;background:#f8f9fa;border:2px solid #e8e8e8;color:#555;cursor:pointer;transition:all 0.3s ease;border-radius:8px;} #gosts-page .tab-btn:hover{background:#fff;border-color:var(--hovercolor);color:var(--hovercolor);transform:translateY(-2px);box-shadow:0 4px 12px rgba(38,88,176,0.1);} #gosts-page .tab-btn.active{background:var(--hovercolor);color:#fff;border-color:var(--hovercolor);box-shadow:0 6px 20px rgba(38,88,176,0.3);} #gosts-page .tab-pane{display:none;} #gosts-page .tab-pane.active{display:block;animation:fadeIn 0.4s;} #gosts-page .gosts-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);} #gosts-page .gosts-table thead{background:linear-gradient(135deg,var(--hovercolor) 0%,#1e4a8f 100%);color:white;} #gosts-page .gosts-table thead th{padding:18px 24px;font-weight:700;font-size:13px;text-align:left;text-transform:uppercase;letter-spacing:0.8px;} #gosts-page .gosts-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all 0.2s ease;} #gosts-page .gosts-table tbody tr:hover{background:#f8f9fa;} #gosts-page .gosts-table tbody tr:last-child{border-bottom:none;} #gosts-page .gosts-table tbody td{padding:18px 24px;font-size:15px;color:#333;vertical-align:middle;} #gosts-page .gosts-table tbody td:first-child{color:#333;line-height:1.5;} #gosts-page .gosts-table tbody td:nth-child(2){color:#999;font-size:14px;width:80px;text-align:center;} #gosts-page .gosts-table tbody td:last-child{width:160px;text-align:center;} #gosts-page .btn-download{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:var(--hovercolor);color:#fff!important;border:none;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.3s ease;white-space: nowrap;} #gosts-page .btn-download:hover{background:#1e4a8f;transform:translateY(-2px);box-shadow:0 6px 18px rgba(38,88,176,0.3);color:#fff!important;} #gosts-page .btn-download svg{width:18px;height:18px;} @media (max-width:991px){#gosts-page .tabs-nav{gap:8px;}#gosts-page .tab-btn{padding:14px 24px;font-size:15px;}#gosts-page .gosts-table thead th{padding:14px 16px;font-size:12px;}#gosts-page .gosts-table tbody td{padding:14px 16px;font-size:14px;}} @media (max-width:767px){#gosts-page .tabs-nav{gap:8px;}#gosts-page .tab-btn{flex:0 0 calc(50% - 4px);padding:12px 16px;font-size:14px;text-align:center;}#gosts-page .gosts-tabs{margin:30px 0;}#gosts-page .gosts-table{border-radius:8px;}#gosts-page .gosts-table thead th{padding:12px 10px;font-size:11px;}#gosts-page .gosts-table tbody td{padding:12px 10px;font-size:13px;}#gosts-page .gosts-table tbody td:nth-child(2){width:60px;font-size:12px;}#gosts-page .gosts-table tbody td:last-child{width:120px;}#gosts-page .btn-download{padding:8px 14px;font-size:12px;gap:6px;}#gosts-page .btn-download svg{width:14px;height:14px;}} /* Страница реквизиты */ #requisites .head{margin-bottom:15px;border-bottom:2px solid var(--hovercolor);padding-bottom:5px;} #requisites .title{font-size:22px;font-weight:700;color:#333;margin-bottom:5px;} #requisites .subtitle{font-size:14px;color:#666;} #requisites .grid{display:grid;gap:0;} #requisites .row{display:grid;grid-template-columns:200px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #f0f0f0;} #requisites .row:last-child{border-bottom:none;} #requisites .label{font-weight:600;color:#666;font-size:14px;} #requisites .value{color:#333;font-size:14px;line-height:1.5;} #requisites .value.mono{font-family:'Courier New',monospace;font-weight:600;color:var(--hovercolor);letter-spacing:0.5px;} #requisites .divider{height:1px;background:#e8e8e8;margin:20px 0;} @media (max-width:767px){#requisites .card{padding:20px;}#requisites .head{margin-bottom:20px;padding-bottom:12px;}#requisites .title{font-size:20px;}#requisites .subtitle{font-size:13px;}#requisites .row{grid-template-columns:1fr;gap:5px;padding:10px 0;}#requisites .label{font-size:13px;color:var(--hovercolor);font-weight:700;}#requisites .value{font-size:13px;}} /* Страница: Контакты */ #contpage .item{font-size: 24px;padding-top: 10px;padding-bottom: 10px;} #contpage .item .title{color: #7a899f;font-size: 18px;} #contpage .item a{color: var(--blackcolor);} #contpage .item .mail{color: var(--hovercolor);;white-space: nowrap;} /* ==================== ИЗБРАННОЕ / СРАВНЕНИЕ КНОПКИ ==================== */ #tovars .item-actions { display: flex; flex-direction: column; align-self: center;} .fav-btn, .compare-btn { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #bbb; transition: all 0.3s ease; cursor: pointer; } .fav-btn:hover { color: #e74c3c; } .fav-btn.active { color: #e74c3c; } .fav-btn.active svg { fill: #e74c3c; } .compare-btn:hover { color: var(--hovercolor); } .compare-btn.active { color: var(--hovercolor); } #tovar .gallary { position: relative; } .item-actions.abs { position: absolute; top: 10px; right: 10px; z-index: 5; } /* ==================== СТРАНИЦА ИЗБРАННОГО ==================== */ #wishlist-page { min-height: 500px; } .wishlist-actions, .compare-actions, .cart-actions { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; padding: 15px 20px; background: #f8f9fa; border-radius: 10px; } .wishlist-actions span, .compare-actions span, .cart-actions span { font-weight: 600; color: #555; } .clear-btn { color: #e74c3c; font-weight: 600; transition: all 0.3s ease; } .clear-btn:hover { color: #c0392b; } .empty-state { text-align: center; padding: 80px 20px; } .empty-state p { font-size: 18px; color: #999; margin-bottom: 25px; } /* ==================== СТРАНИЦА СРАВНЕНИЯ ==================== */ #compare-page {min-height: 500px; } .compare-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } .compare-table { width: 100%; border-collapse: collapse; min-width: 600px; } .compare-table th, .compare-table td { padding: 15px; border: 1px solid #e8e8e8; text-align: center; vertical-align: middle; } .compare-table thead th { background: #f8f9fa; min-width: 180px; } .compare-table thead th:first-child { min-width: 200px; background: white; } .compare-table tbody tr:hover { background: #fafbfc; } .compare-table .attr-name { text-align: left; font-weight: 600; background: #f8f9fa; } .compare-product { display: flex; flex-direction: column; align-items: center; gap: 10px; position: relative; } .compare-product img { width: 120px; height: 120px; object-fit: contain; border-bottom-left-radius: 10px; border-top-right-radius: 10px; mix-blend-mode: darken;} .compare-product-title { font-weight: 600; font-size: 14px; line-height: 1.3; } .remove-from-compare { position: absolute; top: -5px; right: -5px; width: 24px; height: 24px; background: #e74c3c; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; transition: all 0.3s ease; } .remove-from-compare:hover { background: #c0392b; color: white; transform: scale(1.1); } .variations-header{margin-bottom:20px;} .variations-header .dt-search{display: flex;gap: 10px;align-items: center;} .variations-header .dt-search label{margin: 0px;} .variations-header .dt-search .dt-input{width: 100%;padding: 8px;} #variations-table{width: 100%;border-collapse: separate;border-spacing: 0;} #variations-table thead{background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%);color: white;} #variations-table thead th{padding: 16px 18px;font-weight: 600;font-size: 15px;text-align: left;border: none;text-transform: uppercase;letter-spacing: 0.5px;} #variations-table thead th:first-child{border-top-left-radius: 12px;} #variations-table thead th:last-child{border-top-right-radius: 12px;} #variations-table tbody tr{transition: all 0.3s ease;border-bottom: 1px solid #f0f0f0;} #variations-table tbody tr:hover{background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);box-shadow: 0 2px 8px rgba(0,0,0,0.05);} #variations-table tbody tr:last-child{border-bottom: none;} #variations-table tbody tr:last-child td:first-child{border-bottom-left-radius: 12px;} #variations-table tbody tr:last-child td:last-child{border-bottom-right-radius: 12px;} #variations-table tbody td{padding: 14px 18px;font-size: 15px;color: #555;vertical-align: middle;} #variations-table tbody td:first-child{font-weight: 600;color: #343434;} #variations-table .variation-action{text-align: center;width: 180px;} #variations-table .variation-add-cart{white-space: nowrap;padding: 8px 20px;} #variations-table .variation-add-cart.adding{opacity: 0.7;pointer-events: none;background: #ccc;border-color: #ccc;color: white;transform: none;} #variations-table .variation-add-cart.in-cart, #variations-table .variation-add-cart:disabled {background: var(--hovercolor)!important;color: white;cursor: default;} #variations-table .variation-add-cart.in-cart:hover{transform: none;background: var(--hovercolor);} @keyframes successPulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} #variations-table .variation-add-cart.success-pulse{animation: successPulse 0.6s ease;} .variations-footer{margin-top: 25px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px;} .dataTables_info{color: #666;font-size: 14px;font-weight: 500;} .dataTables_paginate{display: flex;gap: 6px;align-items: center;} .dataTables_paginate .paginate_button{padding: 10px 16px;border: 2px solid #e8e8e8;background: #f8f9fa;border-radius: 10px;color: #555 !important;font-weight: 600;cursor: pointer;transition: all 0.3s ease;text-decoration: none !important;} .dataTables_paginate .paginate_button:hover:not(.disabled){background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);border-color: var(--hovercolor);color: var(--hovercolor) !important;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.08);} .dataTables_paginate .paginate_button.current{background: linear-gradient(135deg, var(--hovercolor) 0%, #1e4a8f 100%) !important;border-color: var(--hovercolor) !important;color: white !important;box-shadow: 0 4px 15px rgba(38,88,176,0.3);pointer-events: none;} .dataTables_paginate .paginate_button.disabled{opacity: 0.4;cursor: not-allowed;pointer-events: none;} .dataTables_paginate .ellipsis{padding: 10px 8px;color: #999;} .dataTables_length{display: flex;align-items: center;gap: 10px;font-size: 14px;color: #666;} .dataTables_length select{padding: 8px 30px 8px 12px;border: 2px solid #e8e8e8;border-radius: 8px;font-size: 14px;font-weight: 600;background: #f8f9fa url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="%23555"%3E%3Cpath d="M2 4l4 4 4-4"/%3E%3C/svg%3E') no-repeat right 10px center;cursor: pointer;appearance: none;transition: all 0.3s ease;} .dataTables_length select:hover{border-color: var(--hovercolor);background-color: white;} .dataTables_length select:focus{border-color: var(--hovercolor);background-color: white;outline: none;box-shadow: 0 0 0 4px rgba(38,88,176,0.1);} .dataTables_processing{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(255,255,255,0.95);padding: 20px 40px;border-radius: 12px;box-shadow: 0 10px 40px rgba(0,0,0,0.15);font-size: 16px;font-weight: 600;color: var(--hovercolor);z-index: 10;}.cart-variation-params{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px 0;} .variation-param{display:inline-block;padding:4px 10px;background:#f0f4f8;color:#555;font-size:13px;font-weight:500;border-radius:6px;border:1px solid #e0e8f0;} /* ==================== АРХИВ НОВОСТЕЙ ==================== */ #news .archive-header{text-align:center;margin-bottom:50px;} #news .archive-header h1{margin-bottom:15px;} #news .archive-header h1 span{color:var(--hovercolor);} #news .archive-desc{font-size:17px;color:#666;line-height:1.7;max-width:700px;margin:0 auto;} /* Категории-метки в карточке */ #news .news-cat{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--hovercolor);background:rgba(38,88,176,0.08);padding:3px 10px;border-radius:20px;text-decoration:none;transition:all 0.3s ease;} #news .news-cat:hover{background:var(--hovercolor);color:white;} /* Пагинация архива */ #news .archive-pagination{margin-top:50px;display:flex;justify-content:center;} #news .archive-pagination .pagination{gap:8px;} /* Пустой архив - уже есть #news .news-empty в базовых стилях */ /* Адаптив архива */ @media(max-width:767px){ #news .archive-header{margin-bottom:35px;} #news .archive-header h1{font-size:28px!important;} #news .archive-pagination{margin-top:35px;} } /* ==================== ОДИНОЧНАЯ ЗАПИСЬ ==================== */ /* Hero-блок */ #single-hero{position:relative;background:#1a1a1a center/cover no-repeat;min-height:420px;display:flex;align-items:flex-end;padding-bottom:50px;} #single-hero .single-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 60%,rgba(0,0,0,0.1) 100%);} #single-hero .container{position:relative;z-index:1;} #single-hero .single-breadcrumbs, #single-hero .single-breadcrumbs a{color:rgba(255,255,255,0.65);font-size:13px;} #single-hero .single-breadcrumbs{margin-bottom:20px;} #single-hero .single-title{font-size:40px;font-weight:700;color:white;line-height:1.25;margin:0 0 20px 0;max-width:850px;} #single-hero .single-meta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;} #single-hero .news-date{color:rgba(255,255,255,0.8);font-size:14px;} #single-hero .news-date svg{color:var(--hovercolor);} #single-hero .single-cat{font-size:13px;font-weight:600;color:white;background:var(--hovercolor);padding:4px 14px;border-radius:20px;text-decoration:none;transition:background 0.3s;} #single-hero .single-cat:hover{background:#1e4a8f;color:white;} #single-hero .single-reading{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,0.7);font-size:14px;} /* Запасной фон без картинки */ #single-hero:not([style]){background:linear-gradient(135deg,var(--hovercolor) 0%,#1e4a8f 100%);} /* Макет: контент + сайдбар */ #single-post{background:#f8f9fa;} .single-layout{display:grid;gap:40px;align-items:start;} @media(min-width:1025px){.single-layout{grid-template-columns:1fr 320px;}} /* --- Оглавление (TOC) --- */ .toc-block{background:white;border-bottom-left-radius:15px;border-top-right-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.07);margin-bottom:35px;overflow:hidden;border-left:4px solid var(--hovercolor);} .toc-header{display:flex;align-items:center;gap:10px;padding:18px 22px;font-weight:700;font-size:15px;cursor:pointer;color:#1a1a1a;user-select:none;transition:background 0.2s;} .toc-header:hover{background:#f8f9fa;} .toc-arrow{margin-left:auto;transition:transform 0.3s ease;color:#999;} .toc-block.toc-open .toc-arrow{transform:rotate(180deg);} .toc-nav{display:none;padding:5px 22px 20px;} .toc-block.toc-open .toc-nav{display:block;} .toc-list{list-style:none;padding:0;margin:0;counter-reset:toc-counter;} .toc-item{padding:5px 0;border-bottom:1px solid #f5f5f5;} .toc-item:last-child{border-bottom:none;} .toc-item a{color:#555;font-size:14px;text-decoration:none;transition:color 0.2s;display:flex;align-items:center;gap:8px;} .toc-item a:before{counter-increment:toc-counter;content:counter(toc-counter);min-width:22px;height:22px;background:linear-gradient(135deg,var(--hovercolor),#1e4a8f);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;} .toc-item a:hover{color:var(--hovercolor);} .toc-h3{padding-left:20px;} .toc-h3 a:before{content:none;min-width:0;} .toc-h3 a{padding-left:18px;border-left:2px solid #e8e8e8;font-size:13px;} /* --- Основной контент поста --- */ .single-content{min-width:0;} .post-content{background:white;padding:40px;border-bottom-left-radius:15px;border-top-right-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.07);font-size:16px;line-height:1.8;color:#444;} .post-content h2{font-size:26px;font-weight:700;color:#1a1a1a;margin:35px 0 18px;padding-bottom:12px;border-bottom:2px solid #f0f0f0;position:relative;} .post-content h2::before{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--hovercolor);} .post-content h3{font-size:20px;font-weight:700;color:#1a1a1a;margin:28px 0 14px;padding-left:16px;border-left:4px solid var(--hovercolor);} .post-content h4{font-size:17px;font-weight:700;color:#1a1a1a;margin:20px 0 10px;} .post-content p{margin-bottom:20px;} .post-content p:last-child{margin-bottom:0;} .post-content ul,.post-content ol{padding-left:0;margin:0 0 20px;list-style:none;} .post-content ul li,.post-content ol li{padding:6px 0 6px 28px;position:relative;color:#555;line-height:1.7;} .post-content ul li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:var(--hovercolor);} .post-content ol{counter-reset:list;} .post-content ol li::before{counter-increment:list;content:counter(list);position:absolute;left:0;top:6px;width:20px;height:20px;background:var(--hovercolor);color:white;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;} .post-content a{color:var(--hovercolor);text-decoration:underline;text-underline-offset:3px;} .post-content a:hover{color:#1e4a8f;} .post-content img{max-width:100%;height:auto;border-bottom-left-radius:12px;border-top-right-radius:12px;display:block;margin:25px auto;} .post-content blockquote{margin:30px 0;padding:22px 28px;background:linear-gradient(135deg,#f5f7fa,#fff);border-left:5px solid var(--hovercolor);border-bottom-left-radius:12px;font-style:italic;font-size:17px;color:#555;line-height:1.8;} .post-content table{width:100%;border-collapse:collapse;margin:25px 0;font-size:15px;} .post-content table th{background:var(--hovercolor);color:white;padding:12px 16px;text-align:left;font-weight:600;} .post-content table td{padding:11px 16px;border-bottom:1px solid #f0f0f0;color:#555;} .post-content table tr:hover td{background:#f8f9fa;} .post-content code{background:#f0f4f8;padding:2px 8px;border-radius:6px;font-size:14px;color:var(--hovercolor);} /* --- Теги --- */ .single-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:30px;padding:20px;background:white;border-bottom-left-radius:12px;border-top-right-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.04);} .single-tags svg{color:#ccc;flex-shrink:0;} .single-tag{display:inline-flex;align-items:center;font-size:13px;color:#555;background:#f0f4f8;padding:5px 14px;border-radius:20px;text-decoration:none;transition:all 0.3s;border:1px solid #e0e8f0;} .single-tag:hover{background:var(--hovercolor);color:white;border-color:var(--hovercolor);} /* --- Навигация prev/next --- */ .single-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;} .single-nav-item{display:flex;flex-direction:column;gap:6px;padding:20px;background:white;border-bottom-left-radius:12px;border-top-right-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05);text-decoration:none;color:#1a1a1a;transition:all 0.3s ease;} .single-nav-item:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.1);color:var(--hovercolor);} .single-nav-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--hovercolor);text-transform:uppercase;letter-spacing:0.5px;} .single-nav-item strong{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .single-nav-next{text-align:right;} .single-nav-next .single-nav-label{justify-content:flex-end;} /* --- Сайдбар --- */ .single-sidebar{display:flex;flex-direction:column;gap:25px;} .single-sidebar-card{background:white;padding:28px;border-bottom-left-radius:15px;border-top-right-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.07);} .sidebar-meta-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--hovercolor);margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #f0f0f0;} .sidebar-meta-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;} .sidebar-meta-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#555;} .sidebar-meta-list li svg{color:var(--hovercolor);flex-shrink:0;} .sidebar-meta-list li a{color:#555;text-decoration:none;transition:color 0.2s;} .sidebar-meta-list li a:hover{color:var(--hovercolor);} /* Похожие новости */ .sidebar-related .sidebar-post{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;text-decoration:none;color:inherit;transition:all 0.25s;} .sidebar-related .sidebar-post:last-of-type{border-bottom:none;} .sidebar-related .sidebar-post:hover .sidebar-post-title{color:var(--hovercolor);} .sidebar-related .sidebar-post img{width:64px;height:50px;object-fit:cover;border-bottom-left-radius:8px;border-top-right-radius:8px;flex-shrink:0;} .sidebar-post-nophoto{width:64px;height:50px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-bottom-left-radius:8px;border-top-right-radius:8px;flex-shrink:0;color:#ccc;} .sidebar-post-nophoto svg{width:24px;height:24px;} .sidebar-post-info{display:flex;flex-direction:column;gap:4px;min-width:0;} .sidebar-post-title{font-size:14px;font-weight:600;color:#1a1a1a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s;} .sidebar-post-date{font-size:12px;color:#999;} .sidebar-all-btn{display:block;text-align:center;margin-top:18px;padding:12px 20px;font-size:14px;} /* Адаптив single */ @media(max-width:1024px){ #single-hero .single-title{font-size:30px;} #single-hero{min-height:320px;padding-bottom:35px;} .single-nav{grid-template-columns:1fr;} .post-content{padding:25px;} .post-content h2{font-size:22px;} .post-content h3{font-size:18px;} } @media(max-width:767px){ #single-hero .single-title{font-size:24px;} #single-hero{min-height:260px;padding-bottom:30px;} #single-hero .single-meta{gap:12px;} .toc-block.toc-open .toc-nav{display:block;} .post-content{padding:20px;} .post-content h2{font-size:20px;} .single-sidebar{display:none;} }