/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Roundedmplus1c'; src: url('fonts/Roundedmplus1c.woff2') format('woff2'), url('fonts/Roundedmplus1c.woff') format('woff'), url('fonts/Roundedmplus1c.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: block; } @font-face { font-family: 'Roundedmplus1c'; src: url('fonts/Roundedmplus1cmedium.woff2') format('woff2'), url('fonts/Roundedmplus1cmedium.woff') format('woff'), url('fonts/Roundedmplus1cmedium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: block; } @font-face { font-family: 'Roundedmplus1c'; src: url('fonts/Roundedmplus1cbold.woff2') format('woff2'), url('fonts/Roundedmplus1cbold.woff') format('woff'), url('fonts/Roundedmplus1cbold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: block; } @font-face { font-family: 'stars'; src: url('fonts/stars.woff2') format('woff2'), url('fonts/stars.woff') format('woff'); font-display:swap; } /* iPhone 4 */ @media (max-width: 360px){ .modal .modal-dialog {width: 100%;padding: 60px 10px 10px 10px!important;} .modal .modal-dialog .button{width: 100%;padding: 20px!important;} #mobile .logo img{max-width: 130px;} /* Слайдер на главной */ #slide h1, .ppage h1{font-size: 30px!important;line-height: 34px!important;} #slider .right .price{font-size: 34px!important;} #scats{grid-template-columns: repeat(1, 1fr)!important;} #tovar .info .topinf{flex-direction: column;} /* Пагинация */ .page-numbers li a, .page-numbers li span{line-height: 33px!important;width: 33px!important;height: 33px!important;} /* Заголовок блока */ .block .top{flex-direction: column;text-align: center;} /* Отзывы листинг + слайдер */ .reviews-list .review-item .review-content{flex-direction: column;} /* Карта городов */ #map .grid a{font-size: 14px;} } /* iPad */ @media (min-width: 768px){ .container {max-width: 720px;} .col-pl-2{grid-template-columns: repeat(2, 1fr);} .col-pl-3{grid-template-columns: repeat(3, 1fr);} } /* Все что меньше 921 + iPad вертикальный */ @media (max-width: 932px) { #top, #header,#menu, .page_sidebar .left{display: none!important;} .modal .modal-dialog{width: 100%;padding: 20px;} .block{padding: 30px 0px;} .block h2{font-size: 30px!important;line-height: 35px!important;} .button{display: block!important;width: 100%;} .grid{gap: 20px;} .ppage h1{font-size: 35px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} .o1{order: 1;} .o2{order: 2;} #mobile .container{display: grid;grid-auto-flow: column;align-items: center;justify-content: space-between;padding: 15px;} #mobile .logo{position: relative;} #mobile .logo .cit {position: absolute;white-space: nowrap;color: var(--greycolor);font-weight: 700;bottom: -5px;left: 0px;overflow: hidden;text-transform: uppercase;width: 100%;font-size: 11px;} #mobile .item{position: relative;} #mobile .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: 13px;position: absolute;left: 15px;top: -5px;} #ms .aws-search-field{background: #fcf9fb;border:none;border-bottom: 1px solid var(--greycolor)1f;color: var(--greycolor);} #ms .aws-search-field::placeholder{font-size: 14px;color: var(--greycolor)8c;} #ms .aws-form-btn{background: #fcf9fb;border:none;border-bottom: 1px solid var(--greycolor)1f;} #ms .aws-search-btn_icon{fill: var(--greycolor);} #za{background-color: white!important;} #mmenu{background-color: white;} #mmenu .modal-dialog{background-color: white;padding: 20px;position: relative;} #mmenu .modal-content{position: relative;padding-bottom: 50px;} #mmenu .nav{display: inline-block;width: 100%;list-style: none;margin-bottom: 10px;} #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 .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;} #mmenu .cont{display: grid;font-size: 18px;} #mmenu .cont .phone{font-weight: 500;font-size: 20px;} #mmenu .cont .ph {display: flex;gap: 10px;flex-wrap: wrap;} #mmenu .cont .ad{margin: 10px 0px;} #mmenu .cont .time{color: #81888f;font-size: 15px;} #mmenu .cont .mail{color: var(--hovercolor);} #mmenu .but{margin-top: 20px;background-color: #1A171D;color: white;border-radius: 4px;padding: 13px 20px;text-align: center;} #mmenu .login{display: block;color: var(--hovercolor)!important;font-weight: 500;font-size: 18px;} #mmenu .t, #mmenu .cont span{margin: 10px 0 5px;color: #81888f;font-size: 15px;} #mmenu .pay{display: flex;gap: 5px;flex-wrap: wrap;} .block .head{margin-bottom: 20px;} #slider{padding: 20px 0px;padding-bottom: 80px;} #slider h1{font-size: 40px;} #slider .bts{flex-direction: column;} #slider .sliderline .line{animation: slide 10s linear infinite!important;} #slider .sliderline span{font-size: 16px!important;} /* Каталог на главной */ #catalog .items{gap: 10px;} #catalog .items .item{border-radius: 10px;} #catalog .items .item .image{border-radius: 10px;} #catalog .items .item img{border-radius: 10px;} #catalog .items .item .title{font-size: 14px;padding: 8px 10px;bottom: 10px;left: 10px;right: 10px;} #catalog .items .item:hover{transform: translateY(0);box-shadow: 0 5px 15px rgba(0,0,0,0.1);} #catalog .items .item:hover .title{bottom: 10px;} #catalog .items .item .image:before{display: none;} #saleb .bg{flex-direction: column;gap: 20px;padding: 20px!important;text-align: center;} #gallary .bts{flex-direction: column;margin-top: 20px;} #express .info{padding: 20px!important;} #map .button{margin-top: 20px;} #garant .items .item h3{font-size: 20px!important;} /* Категории товаров */ #scats{grid-template-columns: repeat(2, 1fr);} #scats .cat .image{width: 50px;height: 50px;} #scats .cat .title{font-size: 12px;max-width: 105px;padding-right: 5px;} #mfb {display: block;position: relative;color: var(--greycolor);width: 100%;border: none;padding: 15px 10px;background-color: white;font-weight: 700;margin-top: -5px;} #mfb .pwf-button-text{text-transform: uppercase;} #mfb .pwf-sticky-filter-count{color: #1cb752;top: 5px;} #mfb:after {color: var(--greycolor);content: "\2193";font-size: 20px;position: absolute;top: 9px;right: 15px} #mfb:before {color: var(--greycolor);content: "\2193";font-size: 20px;position: absolute;top: 9px;left: 15px} .tovars .top_filters .ordering .woocommerce-result-count, .tovars .top_filters .woocommerce-ordering select{white-space: normal!important;font-size: 14px!important;} .tovars .item .wishlist{opacity: 1!important;} /* Карточки для слайдера */ .tovars.owl-carousel .item .title{font-size: 16px;line-height: 20px;height: 42px;} .tovars.owl-carousel .item .price{font-size: 20px;} .tovars.owl-carousel .item .bts{gap: 3px;} .tovars.owl-carousel .item .button, .tovars.owl-carousel .item .button2{padding: 8px;font-size: 10px;} #curtags .tags a, #tags .tags a{font-size: 14px;} /* Карточка товара */ #tovar .grid{display: flex;flex-direction: column;} #tovar .info .topinf{margin-bottom: 35px;} #tovar .variation-container span{padding: 9px 20px 8px!important;} #tovar .nav{display: flex;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;} #tovar .nav .nav-link{white-space: nowrap;} #tovar .info .bts{display: grid!important;grid-template-columns: 0.3fr 2fr;flex-wrap: wrap;} #tovar .info .bts .button2{grid-column: span 2;} #tovar .posted_in {display: flex;flex-wrap: nowrap;gap: 5px;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;} #tovar .posted_in::-webkit-scrollbar{display: none} #tovar .posted_in a {display: inline-block;border-radius: 10px;padding: 5px 20px 4px;white-space: nowrap;background-color: #fcf9fb;} /* Табы с товарами адаптив */ .tabstovars .tab-item{min-width: 150px;padding: 8px 12px;} .tabstovars .tab-img{width: 45px;height: 45px;} .tabstovars .tab-name{font-size: 12px;} /* Пагинация */ .page-numbers li a, .page-numbers li span{line-height: 35px;width: 35px;height: 35px;} /* Профиль пользователя */ #profile{text-align: center;} #profile .menu{margin-bottom: 20px;justify-content: center;} /* Корзина товаров */ .woocommerce .shop_table_responsive th, .woocommerce .woocommerce-orders-table__cell-order-actions:before{display: none;} .woocommerce .shop_table_responsive td{display: block;text-align: center;} .woocommerce .shop_table_responsive .product-remove{position: absolute;right: 5px;} .woocommerce .shop_table_responsive tr td[data-title]:before {content: attr(data-title) ": ";font-weight: 500;float: left;} .woocommerce .shop_table_responsive .cart_item{display: block;border-bottom: 2px solid #F3F5FB;position: relative;} .woocommerce-cart-form h3 a{display: block;} /* Корпоративным клиентам */ #corp .left h2{font-size: 30px!important;line-height: 35px!important;} #corp .left .text{font-size: 15px;} #corp .right{padding: 20px;} #corp .right p{font-size: 18px;} #corp .right ul li{font-size: 15px;} /* Футер */ #footer{text-align: center;padding: 40px 0px!important;} #footer .pay{justify-content: center;} } @media (min-width: 992px) { #mobile, #mfb, #ms{display: none!important;} .container {max-width: 960px;} .modal .modal-dialog{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;} .fullscreen .modal-content{width: 100vw;} .fullscreen .modal-body{padding-top: 50px;} .grid{gap: 30px;} #top .nav{gap: 15px;} #slider{padding: 80px 0px 150px 0px;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 calc(100% - 0px));} #slider .sliderline{height: 75px;} #slider .right{margin: 0px 50px;} .block .head{display: flex;align-items: center;gap:40px;margin-bottom: 20px;} .block .head h2{margin-bottom: 0px;} .block .head .text{font-size: 18px;} /* Каталог на главной */ #catalog .items{gap: 12px;} /* Категории товаров в каталоге */ #scats{grid-template-columns: repeat(4, 1fr);} #scats .cat .image{width: 70px;height: 70px;} #scats .cat .title{font-size: 14px;max-width: 155px;} /* Категории товаров на главной */ /* Отзывы листинг + слайдер */ #rating_page .reviews-list{grid-template-columns: 1fr 1fr;} /* Каталог товаров */ .tovars, .page_sidebar{grid-template-columns: 20% 2fr;} /* Карточка товара (*/ #tovar .info {grid-template-columns: 50% 1fr;} #tovar .info .dop .posted_in a:not(:last-child)::after {content: ", ";} /* Калькулятор */ #calc{grid-template-columns: 2fr 1fr;} /* Пагинация */ .page-numbers li a, .page-numbers li span{line-height: 40px;width: 40px;height: 40px;} /* Профиль пользователя */ #profile{display: flex;align-items: center;justify-content: space-between;} /* Футер */ #footer .menu{grid-column: span 3;} #footer .lic, #footer .poly{grid-column: span 2;} #footer .menu ul {display: grid;grid-template-columns: repeat(3,1fr);} } @media (min-width: 1200px) { .container{max-width: 1260px;} .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-1-2 {grid-template-columns: 1fr 2fr;} .col-pc-2-1 {grid-template-columns: 2fr 1fr;} #slider{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 calc(100% - 0px));} #scats{grid-template-columns: repeat(5, 1fr);} } @media (min-width: 1400px) {#slider{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 calc(100% + 5px));}} @media (min-width: 1900px) {#slider{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), 0 calc(100% + 20px));}} :root { --hovercolor: #f970a5; --greycolor: #666666; } *, ::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: 'Roundedmplus1c', 'sans-serif'!important;color: var(--blackcolor);background-color: var(--bgcolor);} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} a{color: var(--blackcolor);text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;} svg{vertical-align: middle;overflow: visible;} 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;appearance: none;background-color: white;} .tovat input {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;appearance: none;background-color: white;} button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */ button::-moz-focus-inner {border: 0;} p {margin-top: 0;margin-bottom: 1rem;} h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: 500;line-height: 1.2;} h1{font-size:50px;margin-bottom: 20px;} h2{font-size:35px;margin-bottom: 15px;} h3{font-size: 26px;margin-bottom: 15px;} h1 span,h2 span{color: var(--hovercolor);} /* Дата для мобильного */ 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;} .grid{display: grid;} .ac{align-items: center;} /* Табы */ .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;} .tab-content a{color: var(--hovercolor);text-decoration: underline;} .tab-content h4{font-weight: 500;font-size: 18px;margin-bottom: 10px;} .tab-content ul{margin-top: 0px;} .tab-content .har{text-align: left;} .fade {transition: opacity .15s linear;} .fade:not(.show) {opacity: 0;} /* Гармошка */ .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;} .modal .title{font-size: 45px;line-height: 55px;font-weight: 500;} .modal .text{color: #545560;font-size: 20px;line-height: 35px;} /* Кнопка вверх */ .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}} /* Кнопка вотсап */ .whatsapp-button{position: fixed;right: 60px;bottom: 60px;background: #25D366;border-radius: 50%;width: 60px;height: 60px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);} .whatsapp-button:before,.whatsapp-button:after {content: " ";display: block;position: absolute;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .whatsapp-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) {.whatsapp-button{bottom: 10px;right: 10px;width:50px;height:50px;}.whatsapp-button svg{width: 30px;}} /* Кнопка телеги */ .tg-button{position: fixed;right: 60px;bottom: 130px;background: #27a7e7;border-radius: 50%;width: 60px;height: 60px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px #27a7e7,;} .tg-button:before, .tg-button:after {content: " ";display: block;position: absolute;border: 1px solid #27a7e7;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .tg-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) {.tg-button{bottom: 70px;right: 10px; width:50px;height:50px;}.tg-button svg{width: 30px;}} /* Анимация при наведении на картинку */ .box {overflow:hidden;border-radius: 10px;} .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.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);} /* Хлебные */ .breadcrumbs {color: var(--greycolor);font-size: 15px;padding-bottom: 10px;display: flex;} .breadcrumbs a, .breadcrumbs span{color: var(--greycolor);} /* Слайдер */ .owl-nav .disabled{display: none;} .owl-nav .owl-prev{left: 10px;} .owl-nav .owl-next{right: 10px;} #info .owl-nav button {position: absolute;top: calc(50% - 16px);} .owl-nav button:hover path{fill: var(--hovercolor);} .owl-dots{display: flex;justify-content: center;width: 100%;margin-top: 20px;} .owl-dots .owl-dot span {width: 15px;height: 15px;margin: 0px 5px;background: white;display: block;-webkit-backface-visibility: visible;backface-visibility: visible;border-radius: 30px;border: 1px solid var(--hovercolor);} .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: var(--hovercolor);} /* FAQ */ .accordion .card{padding: 15px 5px 10px 0px;border-bottom: 1px solid #f3f5fb;} .accordion .card .title{font-size: 19px;padding-bottom: 5px;display: flex;position: relative; padding-right: 20px;} .accordion .card .title.collapsed:after {transform: rotate(45deg);top: 5px;} .accordion .card .title:after {content: "";position: absolute;top: 10px;right: 0px;width: 10px;height: 10px;border: solid #898989;border-width: 0 1px 1px 0;transition: transform 0.2s ease;transform: rotate(-135deg); } .accordion .card .text a{color: var(--hovercolor);text-decoration: underline;} /* Форма связи */ .wpcf7{position: relative;} .wpcf7 .wpcf7-form{display: grid;gap: 15px;} .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .ajax-loader, .wpcf7 .wpcf7-form .wpcf7-response-output, .wpcf7 .wpcf7-form .hidden-fields-container{display: none;} .wpcf7 .wpcf7-form-control.wpcf7-not-valid{border: 2px solid red!important;} .wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: red;font-weight: 500;padding: 15px;background: #fff0f0;border-radius: 10px;border: 2px solid red;} .wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;font-size: 14px;color: green;font-weight: 500;border: 2px solid green;padding: 15px;text-align: center;background-color: #f0fff4;border-radius: 10px;} .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{padding: 15px 18px;width: 100%;background-color: white;border: 2px solid #e8e8e8;border-radius: 10px;font-size: 15px;transition: all 0.3s ease;font-family: inherit;} .wpcf7 .wpcf7-text:focus, .wpcf7 .wpcf7-textarea:focus{outline: none;border-color: var(--hovercolor);background: #fcf9fb;} .wpcf7 .wpcf7-text::placeholder, .wpcf7 .wpcf7-textarea::placeholder{color: #999;} .wpcf7 .wpcf7-submit{width: 100%;padding: 15px 40px;background: var(--hovercolor);color: white;font-size: 14px;text-transform: uppercase;font-weight: 700;border-radius: 10px;border: none;cursor: pointer;transition: all 0.3s ease;} .wpcf7 .wpcf7-submit:hover{background: #1A171D;} .wpcf7 .wpcf7-acceptance{font-size: 14px;line-height: 1.6;color: #545560;} .wpcf7 .wpcf7-acceptance input[type="checkbox"]{width: 18px;height: 18px;margin-right: 8px;cursor: pointer;accent-color: var(--hovercolor);} .wpcf7 .wpcf7-acceptance a{color: var(--hovercolor);text-decoration: underline;} .wpcf7 .wpcf7-acceptance a:hover{text-decoration: none;} .wpcf7 .wpcf7-form.submitting .ajax-loader{display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;} /* Другое */ .pt-0{padding-top: 0px!important;} .ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;} .phone{white-space: nowrap;} #za .modal-dialog{display: flex;align-items: center;} .block{padding-top: 60px;padding-bottom: 60px;} .block h2{font-size: 40px;line-height: 45px;margin-bottom: 20px;;} .block .top{display: flex;justify-content: space-between;gap: 10px;align-items: center;margin-bottom: 15px;} .block .top h2{margin-bottom: 0px;} .block .top .more{position: relative;white-space: nowrap;} .block .top .more:after{content: '';display: inline-block;width: 19px;height: 14.73px;background-image: url('images/right_arrow.svg');margin-left: 8px;vertical-align: middle;} .button{padding: 15px 40px;background-color: var(--hovercolor);color:white;font-size: 14px;text-transform: uppercase;font-weight: bold;border-radius: 10px;border: none;cursor: pointer;white-space: nowrap;text-align: center;} .button:hover{background-color: black;color: white} .button:disabled{background-color: #cccccc!important;cursor: default;} .button2{padding: 15px 40px;background-color: #394b59;color:white;font-size: 14px;text-transform: uppercase;font-weight: bold;border-radius: 10px;border: none;cursor: pointer;white-space: nowrap;text-align: center;} .button2:hover{background-color: black;color: white} .button2:disabled{background-color: #cccccc!important;cursor: default;} /* Анимация */ a, .button,.button2{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} /*HOVER*/ #top a:hover, #header a:hover, .breadcrumbs a:hover, .block .top a:hover, .accordion a:hover, #map .grid a:hover, .citylist a:hover, .woocommerce .shop_table a:hover, .woocommerce .checkout a:hover, #footer a:hover{color: var(--hovercolor)!important;} @keyframes heart-ripple {50% {transform: scale(0.9);}} /* Полнгоэкранное меню */ .fullscreen{-webkit-overflow-scrolling: touch;background-color: white;} .fullscreen .modal-dialog {height: 100%;margin: 0;max-width: 100%;} .fullscreen .modal-dialog a{color: #212529;} .fullscreen .modal-body{position: relative;} .fullscreen .modal-content{border-radius: 0;border: 0px;min-height: 100%;} .fullscreen .close{background: none;border: none;right: 0;top: 0;} .fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .fullscreen .st{font-size: 18px;padding-bottom: 10px;} .fullscreen .list{list-style: none;padding-left: 0px;font-size: 18px;gap: 5px;padding-top: 20px;padding-bottom: 20px;} .fullscreen .select2-selection, .fullscreen .select2-selection__arrow{height: 40px!important;} .fullscreen .select2-selection__rendered{line-height: 40px!important;} /* Избранное и корзина */ .wishlist.item,.cart.item {position: relative;} .wishlist.item .count,.cart.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: 13px;position: absolute;left: 15px;top: -5px;} #top{padding: 10px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.05);} #top .container{display: flex;justify-content: space-between;align-items: center;} #top .right{display: flex;gap: 20px;} #top a{color: var(--greycolor);} #header{padding: 10px 0px;} #header .container{display: flex;align-items: center;justify-content: space-between;} #header .aws-search-field{border-top: 0px;border-left: 0px;border-right: 0px;padding-left: 0px;} #header .aws-search-field::placeholder {font-size: 16px;} #header .aws-form-btn{background: transparent;border-top: 0px;border-right: 0px;border-left: 0px;} #header .cont{text-align: right;} #header .cont .ph{display: flex;align-items: center;gap:10px;} #header .phone{color: #191d21;font-size: 21px;font-weight: 500;display: block;} #header .city{color: var(--greycolor);} #menu{background-color: #fcf9fb;padding: 10px 0px;} #menu .nav{display: flex;justify-content: space-between;} #menu .nav a{color: #212529;} #menu .nav > .current-menu-item > a{color: var(--hovercolor);} #menu .menu-item-has-children:after{content: url(images/arr.svg);margin-left: 3px;position: relative;top: -2px;} #menu .menu-item-has-children:hover .sub-menu{display: block;} #menu .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;} #menu .sub-menu li{padding: 5px 20px;} #menu .sub-menu .current-menu-item a{color: var(--hovercolor);} #slider{background: url('images/sliderbg.svg') no-repeat center/cover, linear-gradient(0.125turn, rgb(255 255 255) 0%, rgb(252 249 251) 100%);position: relative;} #slider .container{align-items: center;} #slider .left .text {color: var(--greycolor);font-size: 18px;margin: 20px 0 30px;} #slider .left .bts {display: flex;gap: 10px;} #slider .right{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;} #slider .right .line{padding: 20px;background-color: white;border-radius: 10px;font-size: 18px;} #slider .right .line.l1{grid-row: span 3;} #slider .right .img1{border-radius: 10px;grid-row: span 5;} #slider .right .img2{border-radius: 10px;grid-row: span 4;} #slider .right .line.l2{grid-row: span 2;background-color: var(--hovercolor);color:white;} #slider .right .line.l1 span span{display: inline-block;color: var(--hovercolor);font-size: 16px;} #slider .right .line span{display: block;font-size: 25px;font-weight: 500;} #slider .sliderline{position: absolute;bottom: 0px;left: 0;width: 100%;overflow: hidden;background: #394b59;transform: skewY(-2deg);} #slider .sliderline .line{display: flex;animation: slide 30s linear infinite;} #slider .sliderline span{color: white;font-size: 18px;font-weight: 500;white-space: nowrap; padding: 10px 3px;} @keyframes slide{0%{transform: translateX(0)}100%{transform: translateX(-50%)}} #curtags, #tags{text-align: center;;} #curtags .tags, #tags .tags{display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;} #curtags .tags a, #tags .tags a{background-color: #fcf9fb;padding: 10px 15px;text-decoration: none;border-radius: 10px;font-weight: 500;} #curtags .tags a:hover, #tags .tags a:hover{background-color: var(--hovercolor);color: white;} #prem{background-color: #fcf9fb;} #prem .items{padding-top: 10px;gap: 15px;} #prem .items img{border-radius: 10px;} #prem .items .item{background-color: white;padding: 20px;border-radius: 10px;} #prem .items .item .num{display: inline-block;background-color: #fcf9fb;padding: 6px 14px;border-radius: 10px;font-size: 14px;margin-bottom: 10px;} #prem .items .item h3{font-size: 23px;} /* Категории на главной */ #catalog .items{gap: 15px;} #catalog .items .item{position: relative;border-radius: 10px;overflow: hidden;transition: all 0.4s ease;background: white;} #catalog .items .item:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.15);} #catalog .items .item .image:before{content: '';position: absolute;top: 10px;right: 10px;width: 35px;height: 35px;background: white;border-radius: 50%;z-index: 2;display: flex;align-items: center;justify-content: center;opacity: 0;transform: scale(0.8);transition: all 0.4s ease;} #catalog .items .item .image:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 60%);transition: all 0.4s ease;} #catalog .items .item:hover .image:before{opacity: 1;transform: scale(1);background: var(--hovercolor) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E") center no-repeat;} #catalog .items .item:hover .image:after{background: linear-gradient(to top, rgba(251,138,182,0.5) 0%, rgba(251,138,182,0.1) 60%);} #catalog .items .item img{max-width: 100%;height: auto;display: block;transition: transform 0.4s ease;} #catalog .items .item:hover img{transform: scale(1.08);} #catalog .items .item .title{position: absolute;bottom: 15px;left: 15px;right: 15px;background-color: white;border-radius: 10px;padding: 10px 15px;font-weight: 500;z-index: 2;transition: all 0.4s ease;text-align: center;} #catalog .items .item:hover .title{bottom: 20px;background: var(--hovercolor);color: white;} .block .head .text{color: var(--greycolor);} #garant{background-color: #fcf9fb;} #garant .items{padding-top: 10px;gap: 15px;} #garant .items .item{background-color: white;padding: 20px;border-radius: 10px;} #garant .items .item .num{color: var(--hovercolor);display: block;font-size: 30px;margin-bottom: 15px;font-weight: 500;} #garant .items .item h3{font-size: 23px;} #gallary .bts{display: flex;gap: 10px;} #gallary .owl-carousel{margin-bottom: 20px;} #gallary .owl-carousel img{border-radius: 10px;} #corp{background-color: #fcf9fb;position: relative;} #corp .grid{align-items: center;} #corp .left .text{color: var(--greycolor);font-size: 18px;} #corp .left .button{display: inline-block;margin-top: 20px;} #corp .right{background-color: white;padding: 30px;border-radius: 10px;} #corp .right p{font-size: 23px;font-weight: 500;margin-bottom: 10px;} #corp .right ul{list-style: none;padding: 0px;margin: 0px;} #corp .right ul li{position: relative;padding: 10px 0px 10px 35px;transition: all 0.3s ease;} #corp .right ul li:hover{padding-left: 40px;} #corp .right ul li:before{content: '';position: absolute;left: 0;top: 13px;width: 20px;height: 20px;background: var(--hovercolor);border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath d='M4.5 6.5L1.5 3.5L0.5 4.5L4.5 8.5L11.5 1.5L10.5 0.5L4.5 6.5Z' fill='%23fff'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;box-shadow: 0 3px 8px rgba(251,138,182,0.3);} #contacts .item{background-color: #fcf9fb;padding: 30px 25px;border-radius: 10px;display: flex;flex-direction: column;gap: 10px;justify-content: space-between;} #contacts .item:first-child{background-color: var(--hovercolor);color: white;} #contacts .item .cont{display: flex;gap: 10px;justify-content: space-between;align-items: center;} #contacts .item .phone{font-size: 20px;font-weight: 500;padding-left: 30px;position: relative;display: block;} #contacts .item .phone:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;} #contacts .item:not(:first-child) .phone:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");} #contacts .item .mail{padding-left: 30px;position: relative;display: block;} #contacts .item .mail:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;} #contacts .item:not(:first-child) .mail:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");} #contacts .item .info{display: grid;gap: 10px;} #contacts .item .ad{font-size: 16px;font-weight: 500;padding-left: 30px;position: relative;} #contacts .item .ad:before{content: '';position: absolute;left: 0;top: 3px;width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;} #contacts .item .time{font-size: 16px;font-weight: 500;padding-left: 30px;position: relative;} #contacts .item .time:before{content: '';position: absolute;left: 0;top: 3px;width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;} #contacts .item .company{font-size: 15px;color: var(--greycolor);} #contacts .item .soc{display: flex;gap: 10px;flex-wrap: wrap;} #contacts .item .soc a{transition: all 0.25s ease;display: block;border-radius: 50%;} #contacts .item .soc a:hover{transform: scale(1.1);} #saleb .bg{background: var(--hovercolor);color: white;display: flex;align-items: center;justify-content: space-between;padding: 30px 40px;border-radius: 10px;} #saleb .text{font-size: 20px;font-weight: 500;} #dost .item{padding: 30px 25px;border-radius: 20px;position: relative;overflow: hidden;transition: all 0.3s ease;min-height: 300px;} #dost .items{gap: 15px;} #dost .item h3{font-size: 23px;} #dost .item .text{color: #545560;max-width: 80%;position: relative;z-index: 2;} #dost .item img{position: absolute;bottom: 0;right: 0;max-width: 80%;opacity: 0.9;} #dost .item:hover{transform: translateY(-5px);} #dost .item:hover img{opacity: 1;} #dost .item:nth-child(1){background-color: #e8f5e9;} #dost .item:nth-child(1) img{transform: translate(75px, 80px) rotate(0deg);} #dost .item:nth-child(2){background-color: #fce4ec;} #dost .item:nth-child(2) img{transform: translate(65px, 70px) rotate(0deg);} #dost .item:nth-child(3){background-color: #fff9e6;} #dost .item:nth-child(3) img{transform: translate(55px, 40px) rotate(0deg);} #dost .item:nth-child(4){background-color: #f3e5f5;} #dost .item:nth-child(4) img{transform: translate(80px, 65px) rotate(0deg);} #express .info{background: var(--hovercolor);border-radius: 10px;padding: 40px;color: white;} #express .info .text p{font-size: 18px;} #express .info .features{list-style: none;padding: 0;} #express .info .features li{padding: 8px 0 8px 35px;position: relative;} #express .info .features li:before{content: '✓';position: absolute;left: 0;top: 12px;width: 24px;height: 24px;background: rgba(255,255,255,0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 16px;} #express .info .button2{display: inline-block;background-color: white;color: #1A171D;} #express .info .button2:hover{background: #1A171D;color: white;} #kak{background-color: #fcf9fb;} #kak .items{align-items: flex-start;} #kak .item{position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;z-index: 1;} #kak .item .step {background: var(--hovercolor);padding: 8px 20px;border-radius: 10px;font-size: 14px;font-weight: 600;color: white; margin-bottom: 30px;position: relative;z-index: 2;} #kak .item .line {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 2px;height: 100%;background: repeating-linear-gradient(to bottom, #fb8ab6, #fb8ab6 8px, transparent 8px, transparent 16px);z-index: -1;} #kak .item .info {background: #fff;border-radius: 10px;padding: 30px;max-width: 100%;} #kak .item .num {font-size: 60px;font-weight: bold;color:var(--hovercolor);margin-bottom: 20px;} #text1 .subtitle{font-size: 18px;font-weight: 500;color: #1A171D;margin-top: 10px;margin-bottom: 15px;} #text1 .accent{background: #fcf9fb;padding: 20px 25px;border-left: 4px solid var(--hovercolor);border-radius: 10px;margin-top: 30px;} #text1 .features{list-style: none;padding: 0;margin: 0 0 30px 0;} #text1 .features li{padding: 15px 0 15px 40px;position: relative;line-height: 1.6;color: #545560;border-bottom: 1px solid #f3f5fb;} #text1 .features li:last-child{border-bottom: none;} #text1 .features li:before{content: '✓';position: absolute;left: 0;top: 15px;width: 28px;height: 28px;background: var(--hovercolor);border-radius: 50%;color: white;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 16px;} #text1 .features li strong{color: #1A171D;font-weight: 600;} #text1 .right img{border-radius: 10px;width: 100%;height: auto;margin-bottom: 20px;} #map{background: white url(images/map.svg) center top no-repeat;background-size: contain;} #map .grid{row-gap: 5px;margin-top: 20px;margin-bottom: 20px;font-size: 15px;} #map .grid a{text-transform: uppercase;} #faq{background-color: #fcf9fb;} #zakaz{background-color: #fcf9fb;} #zakaz img{border-radius: 10px;} #rews .owl-carousel{margin-bottom: 10px;} /* Табы с товарами (универсальные) */ .tabstovars .tabs-wrapper{margin: 20px 0;} .tabstovars .tabs-nav{display: flex;gap: 10px;overflow-x: auto;padding: 5px 0;scrollbar-width: thin;scrollbar-color: rgba(1, 29, 67, 0.2) transparent;-webkit-overflow-scrolling: touch;cursor: grab;user-select: none;} .tabstovars .tabs-nav.dragging{cursor: grabbing;} .tabstovars .tabs-nav::-webkit-scrollbar{height: 5px;} .tabstovars .tabs-nav::-webkit-scrollbar-track{background: transparent;} .tabstovars .tabs-nav::-webkit-scrollbar-thumb{background: rgba(1, 29, 67, 0.2);border-radius: 3px;} .tabstovars .tab-item{display: flex;align-items: center;gap: 10px;padding: 10px 15px;background: white;border: 2px solid #f0f0f0;border-radius: 10px;cursor: pointer;transition: all 0.3s ease;min-width: 180px;flex-shrink: 0;} .tabstovars .tab-item:hover{border-color: var(--hovercolor);transform: translateY(-2px);} .tabstovars .tab-item.active{border-color: var(--hovercolor);background: #fcf9fb;} .tabstovars .tab-img{width: 50px;height: 50px;border-radius: 8px;background-size: cover;background-position: center;flex-shrink: 0;pointer-events: none;} .tabstovars .tab-name{font-size: 13px;font-weight: 500;color: var(--greycolor);line-height: 1.3;pointer-events: none;} .tabstovars .tab-item.active .tab-name{font-weight: 600;color: var(--hovercolor);} .tabstovars .products-container{position: relative;min-height: 300px;margin-top: 20px;} .tabstovars .products-loader{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;} .tabstovars .loader-spinner{width: 40px;height: 40px;border: 3px solid #f0f0f0;border-top: 3px solid var(--hovercolor);border-radius: 50%;animation: spin 0.8s linear infinite;} @keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} .tabstovars .products-container.loading .products-grid{opacity: 0.3;pointer-events: none;} /* Блоки в категориях товаров и карточка товара */ #minitext .text{background: linear-gradient(135deg, #fcf9fb 0%, #fff 100%);color: var(--greycolor);border-left: 4px solid var(--hovercolor);border-radius: 10px;padding: 20px 25px;margin-bottom: 30px;font-size: 15px;} #catprem{background-color: #fcf9fb;position: relative;} #catprem .items{padding-top: 30px;gap: 20px;} #catprem .items .item{background-color: white;padding: 30px 25px;border-radius: 10px;text-align: center;transition: all 0.4s ease;position: relative;overflow: hidden;} #catprem .items .item:hover{transform: translateY(-8px);} #catprem .items .item:before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--hovercolor) 0%, #ff9ec7 100%);transform: scaleX(0);transition: transform 0.4s ease;} #catprem .items .item:hover:before{transform: scaleX(1);} #catprem .items .item .image-wrapper{position: relative;display: inline-block;margin-bottom: 20px;} #catprem .items .item .image-wrapper:after{content: '';position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;border-radius: 50%;background: var(--hovercolor);opacity: 0;z-index: -1;transition: all 0.4s ease;animation: pulse 2s ease-in-out infinite;} #catprem .items .item:hover .image-wrapper:after{opacity: 0.15;} #catprem .items img{border-radius: 50%;width: 150px;height: 150px;object-fit: cover;border: 5px solid #fcf9fb;transition: all 0.4s ease;} #catprem .items .item:hover img{border-color: var(--hovercolor);transform: scale(1.05);} #catprem .items .item h3{font-size: 22px;margin-bottom: 12px;color: #1A171D;font-weight: 500;transition: color 0.3s ease;} #catprem .items .item:hover h3{color: var(--hovercolor);} #catprem .items .item .text{color: var(--greycolor);line-height: 1.6;font-size: 15px;} @keyframes pulse{0%,100%{transform: scale(1);}50%{transform: scale(1.05);}} #catserv .items{padding-top: 30px;gap: 20px;} #catserv .items .item{text-align: center;transition: all 0.3s ease;} #catserv .items .item:hover{transform: translateY(-5px);} #catserv .items .item .icon{width: 140px;height: 140px;margin: 0 auto 20px;background: white;border: 3px solid #fcf9fb;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease;position: relative;} #catserv .items .item:hover .icon{border-color: var(--hovercolor);background: #fcf9fb;} #catserv .items .item .icon:before{content: '';position: absolute;width: calc(100% + 16px);height: calc(100% + 16px);border-radius: 50%;border: 2px dashed transparent;transition: all 0.4s ease;} #catserv .items .item:hover .icon:before{border-color: var(--hovercolor);opacity: 0.4;animation: rotate 20s linear infinite;} #catserv .items .item img{width: 100px;height: 100px;display: block;transition: all 0.4s ease;} #catserv .items .item:hover img{transform: scale(1.15) rotate(5deg);} #catserv .items .item .text{color: var(--greycolor);font-size: 15px;line-height: 1.6;} @keyframes rotate{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} #prof{background-color: #fcf9fb;} #prof h2{line-height: 1.3;padding-right: 40px;} #prof .items{gap: 15px;} #prof .items .item{background: white;padding: 25px;border-radius: 10px;border-left: 4px solid var(--hovercolor);color: var(--greycolor);font-size: 15px;line-height: 1.6;transition: all 0.3s ease;position: relative;} #prof .items .item:hover{transform: translateX(5px);border-left-width: 6px;} #prof .items .item:before{content: '—';color: var(--hovercolor);font-weight: 700;font-size: 20px;margin-right: 8px;} #catkak .grid{gap: 40px;} #catkak .text{background: #fcf9fb;padding: 30px;border-radius: 10px;position: relative;font-size: 15px;color: #545560;line-height: 1.8;} #catkak .text:before{content: '"';position: absolute;top: -10px;left: 20px;font-size: 80px;color: var(--hovercolor);font-family: Georgia, serif;line-height: 1;} #catkak .text:after{content: '';position: absolute;top: 0;right: 0;width: 60px;height: 60px;background: var(--hovercolor);border-radius: 0 10px 0 100%;} #prof2 .items{gap: 20px;counter-reset: item;} #prof2 .items .item{background: #fcf9fb;padding: 25px 25px 25px 80px;border-radius: 10px;color: var(--greycolor);font-size: 15px;line-height: 1.6;transition: all 0.3s ease;position: relative;border: 2px solid #fcf9fb;min-height: 100px;display: flex;align-items: center;} #prof2 .items .item:hover{border-color: var(--hovercolor);transform: translateY(-3px);} #prof2 .items .item:before{counter-increment: item;content: counter(item);position: absolute;left: 20px;top: 50%;margin-top: -22.5px;width: 45px;height: 45px;background: var(--hovercolor);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 20px;} #prof2 .items .item:hover:before{animation: pulse 0.6s ease;} /* Страница: Контакты */ #contpage .item{font-size: 24px;padding-top: 10px;padding-bottom: 10px;} #contpage .item .title{color: var(--greycolor);font-size: 18px;} #contpage .item a{color: var(--blackcolor);} #contpage .item .mail{color: var(--greencolor);;white-space: nowrap;} /* Пагинация */ .woocommerce nav.woocommerce-pagination{margin-top: 20px;} .page-numbers{padding: 0px;display: flex;justify-content: center; list-style: none;} .page-numbers li a, .page-numbers li span{text-align: center;color: var(--blackcolor);display: block;font-size: 14px;transition: all 0.3s ease-in-out;border-radius: 50%;} .page-numbers li a:focus,.page-numbers li a:hover,.page-numbers li span.current {color: white;background-color: var(--hovercolor);} /* Оповещение в корзине и др */ .wc-block-components-notice-banner{display: flex;border: 1px solid;border-radius: 4px;color: #2f2f2f;font-size: .875em;font-weight: 400;gap: 12px;padding: 16px;margin: 16px 0;} .wc-block-components-notice-banner .wc-block-components-notice-banner__summary {font-weight: 600;margin: 0 0 8px;} .wc-block-components-notice-banner .wc-forward {-moz-appearance: none;appearance: none;background: transparent!important;border: 0;color: #2f2f2f!important;float: right;margin: 0;opacity: .6;padding: 0!important;text-decoration-line: underline;text-underline-position: under;font-weight: 500;font-size: 14px;} .wc-block-components-notice-banner .wc-block-components-notice-banner__content{-ms-grid-row-align: center;align-self: center;flex-basis: 100%;} .wc-block-components-notice-banner .wc-block-components-notice-banner__content a{color: #2f2f2f;text-decoration-line: underline;opacity: .6;font-weight: 500;} .wc-block-components-notice-banner.is-error{background-color: #fff0f0;border-color: #cc1818;outline: none;} .wc-block-components-notice-banner.is-error .svg{position: relative;width: 24px;height: 24px;padding: 4px;border-radius: 50%;background-color: #cc1818;} .wc-block-components-notice-banner.is-error .svg::before{content: '';background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy42IiBoZWlnaHQ9IjE3LjYiIHZpZXdCb3g9IjAgMCAxNy42IDE3LjYiPjxwYXRoIGQ9Ik0xMiwzLjJBOC44LDguOCwwLDEsMCwyMC44LDEyLDguODEzLDguODEzLDAsMCwwLDEyLDMuMlptMCwxNkE3LjIsNy4yLDAsMSwxLDE5LjIsMTIsNy4yMzQsNy4yMzQsMCwwLDEsMTIsMTkuMlpNMTEsMTdoMlYxMUgxMVptMC04aDJWN0gxMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjIgLTMuMikiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');background-repeat: no-repeat;background-size: 100% 100%;display: block;width: 100%;height: 100%;transform: rotate(180deg);} .wc-block-components-notice-banner.is-info{background-color: #f4f8ff;border-color: #007cba;outline: none;} .wc-block-components-notice-banner.is-info .svg{position: relative;width: 24px;height: 24px;padding: 4px;border-radius: 50%;background-color: #007cba;} .wc-block-components-notice-banner.is-info .svg::before{content: '';background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy42IiBoZWlnaHQ9IjE3LjYiIHZpZXdCb3g9IjAgMCAxNy42IDE3LjYiPjxwYXRoIGQ9Ik0xMiwzLjJBOC44LDguOCwwLDEsMCwyMC44LDEyLDguODEzLDguODEzLDAsMCwwLDEyLDMuMlptMCwxNkE3LjIsNy4yLDAsMSwxLDE5LjIsMTIsNy4yMzQsNy4yMzQsMCwwLDEsMTIsMTkuMlpNMTEsMTdoMlYxMUgxMVptMC04aDJWN0gxMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjIgLTMuMikiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');background-repeat: no-repeat;background-size: 100% 100%;display: block;width: 100%;height: 100%;} .wc-block-components-notice-banner.is-success{background-color: #f4fff7;border-color: #4ab866;outline: none;} .wc-block-components-notice-banner.is-success .svg{position: relative;width: 24px;height: 24px;padding: 6px;border-radius: 50%;background-color: #4ab866} .wc-block-components-notice-banner.is-success .svg::before{content: '';background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS43IiBoZWlnaHQ9IjEwLjYiIHZpZXdCb3g9IjAgMCAxMS43IDEwLjYiPjxwYXRoIGQ9Ik0xNi43LDcuMWwtNi4zLDguNUw3LjEsMTMuMWwtLjksMS4yLDQuNSwzLjRMMTcuOSw4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuMiAtNy4xKSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');background-repeat: no-repeat;background-size: 100% 100%;display: block;width: 100%;height: 100%;} /* Корзина товаров */ .woocommerce .shop_table {background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);text-align: left;width: 100%;border-collapse: collapse;margin-bottom: 20px;} .woocommerce-cart-form thead th{background-color: var(--hovercolor);color: white;} .woocommerce-cart-form h3 a{color: var(--hovercolor);font-weight: 500;} .woocommerce .shop_table th {padding: 9px 12px;} .woocommerce .shop_table td {border-top: 1px solid #f3f5fb;padding: 9px 12px;} .woocommerce .shop_table tbody th, .woocommerce .shop_table tfoot td, .woocommerce .shop_table tfoot th {border-top: 1px solid #f3f5fb;} .woocommerce .shop_table img{height: 100px;width: auto;} .woocommerce .shop_table a.remove {display: block;font-size: 25px;color: red;font-weight: 500;text-align: center;} .woocommerce .shop_table .quantity{border: 1px solid #e4e6ed;} .woocommerce .shop_table .actions{text-align: right;} .woocommerce .shop_table .button:disabled{cursor: not-allowed;opacity: .5;} /* Поля формы заявки */ #customer_details input, #customer_details textarea{padding: 15px;border: 1px solid #54556020;width: 100%;} #customer_details .checkbox{display: inline-flex;gap: 10px;white-space: nowrap;align-items: center;} #customer_details .checkbox .input-checkbox{width: 17px;height: 17px;margin: 0px;} #customer_details .optional{font-size: 14px;color: #5e5e5e;} #customer_details label{margin-bottom: 0px;} #customer_details h3:first-child{display: none;} /*Блок с заказом и оплатой */ #payment{background: white;padding: 20px;} #payment ul{padding: 0px;list-style: none;} #payment .methods{border-bottom: 1px solid #f3f5fb;} #payment .woocommerce-poly-text{color: #5e5e5e;font-size: 14px;} #payment .payment_box{position: relative;background-color: #f3f5fb;padding: 15px;margin: 15px 0;font-size: 15px;} #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;} /* Профль пользователя */ #profile{background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 20px;margin-bottom: 20px;} #profile .menu{display: flex;gap: 20px;align-items: center;font-weight: 500;} #profile .menu .is-active{border-bottom: 2px solid var(--hovercolor);color: var(--hovercolor);} #profile .user{display: flex;align-items: center;} #profile .user .name{font-weight: 500;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 input{padding: 15px;border: 1px solid #54556020;width: 100%;} #profile_info label{margin-bottom: 0px;} #billing_country_field, #profile_info .form-row-last, #profile_info .optional, #customer_details .optional, .thwcfe-section-title{display: none!important;} #profile_info .clear{margin-bottom: 20px;} /* Страница авторизациии и сброса пароля */ .woocommerce-form-login .input-text, .woocommerce-form-register .input-text, .woocommerce-ResetPassword .input-text, #customer_details .input-text, .woocommerce-billing-fields select{padding: 13px;border: 1px solid #D7D7DD;width: 100%;} .woocommerce-form-login__submit, .woocommerce-form-register__submit{display: block;width: 100%;} .woocommerce-form-login .lost_password a{text-decoration: underline;} /* Категории товаров */ #scats{margin-bottom: 20px;gap: 10px;} #scats .cat{display: flex;align-items: center;width: 100%;background: #fcf9fb;border-radius: 10px;} #scats .cat:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} #scats .cat a{display: flex;align-items: center;gap: 10px;} #scats .cat .box{border-top-left-radius: 10px;border-bottom-left-radius: 10px;} #scats .cat img{max-width: 100%;height: auto;} #scats .cat .title{line-height: 18px;overflow: hidden;position: relative;} #scats .cat .title span{color: #5e5e5e;} /* Блок теги */ #tagscat{margin-bottom: 5px;} #tagscat .tags{display: flex;flex-wrap: wrap;gap: 5px;max-height: 60px;overflow: hidden;transition: max-height 0.3s ease;} #tagscat .tags.expanded {max-height: none;} #tagscat .tags a{border-radius: 8px;padding: 3px 7px;text-decoration: none;color: #5e5e5e;text-align: center;font-size: 12px;border: 1px solid #B7C0CA;} #tagscat .tags a:hover{background: #212529;color: white!important;text-decoration: none;border-color: #212529;} #tagscat .more-tags{color: #5e5e5e;font-size: 14px;text-decoration: underline;} /* Фильтр */ .tovars .pwf-field-item-title{margin-bottom: 5px!important;text-transform: none;font-weight: 500;font-size: 18px;color: var(--greycolor);} .tovars .text-title{text-transform: none!important;color: var(--greycolor)!important;} .tovars .pwf-item-label{display: flex;} .tovars .pwf-field-item{margin-bottom: 5px;} .pwf-field-item .noUi-connect, .pwf-field-item .noUi-origin{background-color: var(--greycolor)!important;} .tovars .noUi-base, .tovars .noUi-connects{margin-top: 15px!important;} .tovars .pwf-sticky-button, .pwf-button-text{text-transform: none;letter-spacing: normal;} .tovars .pwf-field-item-dropdownlist select, .tovars .pwf-search-field .pwf-search-from{background: transparent;border: 1px solid #5e5e5e!important;border-radius: 10px;color: var(--greycolor)!important;padding: 0 24px 0 17px;height: 40px!important;line-height: 40px;} .tovars .pwf-field-item-dropdownlist .pwf-select::after{line-height: 40px;} .tovars .pwf-search-field .pwf-search-icon{color: #5e5e5e;} .tovars .pwf-search-field .pwf-search-from::placeholder {color: #5e5e5e;padding-left: 5px;} /* Листинг товаров */ .tovars .top_filters{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} .tovars .top_filters .pwf-note-item{background-color: white;} .tovars .top_filters .ordering {display: flex;align-items: center;gap: 10px;} .tovars .top_filters .ordering .woocommerce-result-count{margin: 0px;color: #5e5e5e;white-space: nowrap;} .tovars .top_filters .woocommerce-ordering select {color: #5e5e5e;font-size: 15px;display: inline-block;width: auto;padding: 5px 25px 5px 15px;border: 1px solid #a9a9a9;border-radius: 10px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: transparent;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%20-4.5%2020%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Earrow_down%20%5B%23339%5D%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22Dribbble-Light-Preview%22%20transform%3D%22translate(-180.000000%2C%20-6684.000000)%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22icons%22%20transform%3D%22translate(56.000000%2C%20160.000000)%22%3E%3Cpath%20d%3D%22M144%2C6525.39%20L142.594%2C6524%20L133.987%2C6532.261%20L133.069%2C6531.38%20L133.074%2C6531.385%20L125.427%2C6524.045%20L124%2C6525.414%20C126.113%2C6527.443%20132.014%2C6533.107%20133.987%2C6535%20C135.453%2C6533.594%20134.024%2C6534.965%20144%2C6525.39%22%20id%3D%22arrow_down-%23339%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;-webkit-background-size: .6em auto, 100%;background-size: .6em auto, 100%;cursor: pointer;} .tovars .items{gap: 20px 15px;} .tovars .item{position: relative;transition: all 0.3s ease;} .tovars .item:hover{transform: translateY(-3px);} .tovars .item .info{margin-top: 10px;} .tovars .item .image{position: relative;overflow: hidden;border-radius: 10px;background: #fcf9fb;} .tovars .item .image img{display: block;max-width: 100%;height: auto;transition: transform 0.3s ease;} .tovars .item:hover .image img{transform: scale(1.05);} .tovars .item .image .desc{color: white;position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);font-size: 13px;padding: 40px 15px 15px;transform: translateY(100%);transition: transform 0.3s ease;} .tovars .item:hover .image .desc{transform: translateY(0);} .tovars .item .image .desc p{margin: 0;} .tovars .item .image .desc .desc-size{margin-top: 8px;padding-top: 8px;border-top: 1px solid rgba(255,255,255,0.3);font-size: 12px;opacity: 0.9;} .tovars .item .title{font-size: 18px;line-height: 24px;height: 48px;overflow: hidden;transition: color 0.3s ease;} .tovars .item:hover .title{color: var(--hovercolor);} .tovars .item .size{color: var(--greycolor);font-size: 14px;margin-top: 5px;} .tovars .item .price{font-size: 25px;margin: 10px 0;color: #191d21;font-weight: 500;} .tovars .item .price del{color: #B7C0CA;text-decoration: none;position: relative;} .tovars .item .price del::before{content: '';position: absolute;left: 0;right: 0;top: 50%;height: 1px;background: #B7C0CA;} .tovars .item .price ins{color: #e31e24;text-decoration: none;} .tovars .item .bts{display: flex;gap: 10px;} .tovars .item .button, .tovars .item .button2{padding: 12px 10px;width: 100%;font-size: 12px;} .tovars .item .wishlist{position: absolute;top: 5px;right: 5px;cursor: pointer;opacity: 0;transform: scale(0.8);transition: all 0.3s ease;background: white;width: 40px;height: 40px;border-radius: 10px;display: flex;align-items: center;justify-content: center;} .tovars .item:hover .wishlist{opacity: .7;transform: scale(0.8);} .tovars .item .wishlist:hover{opacity: 1;animation: heart-ripple 2s linear infinite;} .tovars .item .wishlist.active{opacity: 1;transform: scale(0.8);animation: heart-ripple 2s linear infinite;} .tovars .item .wishlist.active:hover{animation: heart-ripple 2s linear infinite;} .tovars .item .wishlist.active path{fill: var(--hovercolor);} /* Карточка товара */ #tovar .info{gap: 25px;} #tovar .info .left-col{display: flex;flex-direction: column;gap: 15px;} #tovar .info .right-col{flex: 1;} #tovar .info .woocommerce-product-gallery__image img {max-width: 100%;height: auto;border-radius: 10px;} #tovar .info .gallary{position: relative;} #tovar .info .gallary .main{margin-bottom: 5px;} #tovar .info .gallary .main .video{position: relative;padding-top: 100%;overflow: hidden;} #tovar .info .gallary .main .video iframe{position: absolute;left: 0;top: -39%; width: 100%;height: 178%;border: 0;} #tovar .info .gallary .thumbs .item{border: 1px solid whitesmoke;border-radius: 2px;} #tovar .info .gallary .thumbs .item img, #tovar .info .gallary .main img, #tovar .info .gallary .main .video{border-radius: 2px;} #tovar .info .wishlist{position: absolute;top: 5px;right: 5px;cursor: pointer;opacity: .7;transform: scale(0.8);transition: all 0.3s ease;background: white;width: 40px;height: 40px;border-radius: 10px;display: flex;align-items: center;justify-content: center;} #tovar .info:hover .wishlist{opacity: .7;transform: scale(0.8);} #tovar .info .wishlist:hover{opacity: 1;animation: heart-ripple 2s linear infinite;} #tovar .info .wishlist.active{opacity: 1;transform: scale(0.8);animation: heart-ripple 2s linear infinite;} #tovar .info .wishlist.active:hover{animation: heart-ripple 2s linear infinite;} #tovar .info .wishlist.active path{fill: var(--hovercolor);} #tovar .info .price{display: block;font-size: 50px;font-weight: 600;margin: 0 0 20px 0;line-height: 1;} #tovar .info .price del {color: #B7C0CA;font-size: 25px;text-decoration: none;position: relative;font-weight: 400;} #tovar .info .price del::before {content: '';position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: #B7C0CA;transform: translateY(-50%);} #tovar .info .price ins {color: #e31e24;text-decoration: none;display: block;line-height: normal;} #tovar .info .product-meta-info{display: flex;gap: 15px;margin-bottom: 25px;flex-wrap: wrap;} #tovar .info .meta-item{display: flex;align-items: center;gap: 8px;padding: 10px 15px;background: #fcf9fb;border-radius: 10px;font-size: 14px;color: #5e5e5e;transition: all .3s;} #tovar .info .meta-item svg{flex-shrink: 0;fill: currentColor;} #tovar .info .meta-item.stock-info{color: var(--hovercolor);background: rgba(var(--hovercolor-rgb, 227, 30, 36), .08);} #tovar .info .meta-item.stock-info.out-of-stock{color: #b7c0ca;background: #fcf9fb;} #tovar .info .woocommerce-variation{position: relative;} #tovar .info .woocommerce-variation-description{display: none;} #tovar .info .variation-desc{color: var(--greycolor);font-size: 14px;font-weight: 400;} #tovar .info .summary label{font-size: 16px;font-weight: 500;margin-bottom: 10px;display: block;} #tovar .info .upakovka label{font-size: 16px;} .radio-custom {width: 20px;height: 20px;border: 1px solid #5e5e5e80;border-radius: 50%;position: relative;margin-right: 5px;cursor: pointer;} .checkbox-custom,.radio-custom,.label {display: inline-block;vertical-align: middle;} .checkbox:checked + .checkbox-custom::before,.upak:checked + .radio-custom::before {content: "";display: block;position: absolute;top: 2px;right: 2px;bottom: 2px;left: 2px;background: var(--hovercolor);border-radius: 50%;} #tovar .info .summary .upak{display: none;} #tovar .info .upakovka{margin-bottom: 20px;} /* Выбор вариаций */ #tovar .variations{display: none;} #tovar .variation-selector{margin-bottom: 20px;} #tovar .variation-container{display: flex;flex-wrap: wrap;gap: 8px;} #tovar .variation-container span{cursor: pointer;padding: 10px 20px;background-color: #fcf9fb;color: var(--greycolor);font-size: 15px;border-radius: 10px;border: 2px solid transparent;transition: all .3s;} #tovar .variation-container span:hover{background-color: #e9ecef;} #tovar .variation-container span.selected{border-color: var(--hovercolor);background: var(--hovercolor);color: white;} .quantity {display: inline-flex;background-color: #fcf9fb;border-radius: 10px;padding: 0px 10px;} .quantity input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;width: 50px;min-height: 40px;text-align: center;background-color: transparent;font-size: 16px;font-weight: 500;} .quantity button {display: inline-flex;align-items: center;justify-content: center;background: none;border: none;font-size: 0;color: var(--greycolor);width: 30px;height: 100%;min-height: 40px;cursor: pointer;position: relative;padding: 8px;-webkit-tap-highlight-color: transparent;transition: opacity .2s;} .quantity button:hover{opacity: .6;} .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;} #tovar .info .bts{display: flex;gap: 10px;margin-bottom: 15px;} #tovar .info .product-notice{display: flex;gap: 10px;padding: 12px 15px;background: #fcf9fb;border-radius: 10px;margin: 15px 0;color: #5e5e5e;font-size: 13px;line-height: 1.5;} #tovar .info .product-notice svg{flex-shrink: 0;margin-top: 1px;fill: #5e5e5e;} #tovar .info .product-notice.important{background: #fcf9fb;color: #5e5e5e;} #tovar .info .product-notice.important svg{fill: #5e5e5e;} #tovar .info .desc{font-size: 14px;line-height: 1.6;} #tovar .info .product-categories{padding: 12px 15px;background: #fcf9fb;border-radius: 10px;margin-top: 15px;} #tovar .info .categories-header{display: flex;justify-content: space-between;align-items: center;cursor: pointer;user-select: none;position: relative;} #tovar .info .categories-title{font-weight: 600;} #tovar .info .categories-toggle{background: none;border: none;cursor: pointer;padding: 0;width: 12px;height: 12px;position: relative;} #tovar .info .categories-toggle:after{content: "";position: absolute;top: 1px;right: 0;width: 10px;height: 10px;border: solid #898989;border-width: 0 1px 1px 0;transition: transform 0.2s ease;transform: rotate(45deg);} #tovar .info .categories-header.active .categories-toggle:after{transform: rotate(-135deg);top: 6px;} #tovar .info .categories-content{max-height: 40px;overflow: hidden;margin-top: 8px;font-size: 13px;line-height: 1.5;color: #5e5e5e;transition: max-height .4s ease;} #tovar .info .categories-content.expanded{max-height: 800px;} #tovar .info .categories-content a{color: #5e5e5e;transition: color .3s;} #tovar .info .categories-content a:hover{color: var(--hovercolor);} #tovar .info .payments-title{font-weight: bold;margin-bottom: 8px;} #tovar .info .payments-items{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;} #tovar .info .payments-items img{transition: transform .2s;} #tovar .info .payments-items img:hover{transform: scale(1.05);} #tovar .nav{display: flex;margin-top: 30px;gap: 20px;font-size: 20px;border-bottom: 1px solid #e9ecef;padding-bottom: 5px;margin-bottom: 20px;} #tovar .nav .nav-link{color: #6c757d;transition: color .3s;} #tovhar table{border-collapse: collapse;} #tovhar table tr{border-bottom: 1px solid #fcf9fb;position: relative;cursor: pointer;} #tovhar table tr:last-child{border-bottom: none;} #tovhar table tr:after{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: var(--hovercolor);transform: scaleX(0);transform-origin: left;transition: transform 0.4s ease;} #tovhar table tr:hover:after, #tovhar table tr:active:after{transform: scaleX(1);} #tovhar table tr:hover th, #tovhar table tr:active th{color: var(--hovercolor);} #tovhar table th{font-weight: 700;color: #1A171D;text-align: left;padding: 10px 5px;width: 30%;vertical-align: top;transition: color 0.3s ease;} #tovhar table td{color: var(--greycolor);padding: 10px 5px;} /* Страница: Избранное */ .wishpage .bottom{text-align: center;font-size: 18px;} .wishpage .bottom .button{display: inline-block;margin-top: 20px;} /* Футер */ #footer{background-color: #1d1d1d;color: white;padding: 80px 0px;} #footer a{color: #a8a8a8;} #footer .text{margin-top: 10px;} #footer .button{display: block;color: white;margin-top: 10px;padding: 10px;} #footer .button:hover{color: white!important;} #footer .widget-title, #footer .widget-title a{font-size: 20px;margin-bottom: 15px;color: white;} #footer ul{padding: 0px;list-style: none;} #footer ul li{padding: 3px 0px;} #footer .phone{display: block;font-size: 20px;font-weight: 500;} #footer .ad{margin: 10px 0px;} #footer .mail{display: block;color: var(--hovercolor);font-weight: 500;white-space: nowrap;} #footer .soc{margin-top: 20px;} #footer .copy{font-size: 12px;font-style: italic;margin-top: 10px;color: #999999;} #footer .login{display: block;margin-top: 10px;} #footer .t{margin-top: 15px;margin-bottom: 5px;} #footer .pay{display: flex;gap: 3px;flex-wrap: wrap;} /* Сообщение об отправке */ .reviews_mes{text-align: center;padding: 15px 20px;margin: 15px 0;border-radius: 10px;font-weight: 500;font-size: 15px;} .reviews_mes.success{background: #f0fff4;color: green;border: 2px solid green;} .reviews_mes.bad{background: #fff0f0;color: red;border: 2px solid red;} /* Общий рейтинг */ .average-rating{margin-bottom: 30px;} .average-rating .rating-info{display: flex;align-items: center;gap: 25px;background-color: #fcf9fb;padding: 30px;border-radius: 10px;border: 2px solid #fcf9fb;} .average-rating .rating-number{font-size: 56px;font-weight: 700;color: var(--hovercolor);line-height: 1;position: relative;} .average-rating .rating-number:after{content: '';position: absolute;bottom: -5px;left: 0;right: 0;height: 3px;background: var(--hovercolor);border-radius: 3px;} .average-rating .rating-details{display: flex;flex-direction: column;gap: 8px;} .average-rating .reviews-count{font-size: 14px;color: var(--greycolor);} /* Форма для отправки отзыва */ .reviews_form{display: grid;gap: 15px;margin-bottom: 20px;} .reviews_form label{font-weight: 500;display: block;color: #1A171D;margin-bottom: 8px;} .reviews_form label span{color: var(--hovercolor);} .reviews_form .text{padding: 15px 18px;width: 100%;background-color: white;border: 2px solid #fcf9fb;border-radius: 10px;font-size: 15px;transition: all 0.3s ease;font-family: inherit;} .reviews_form .text:focus{outline: none;border-color: var(--hovercolor);background: #fcf9fb;} .reviews_form .text::placeholder{color: #999;} .reviews_form .stars{unicode-bidi: bidi-override;direction: rtl;display: flex;justify-content: flex-end;gap: 8px;} .reviews_form fieldset{border: none;padding: 0;margin: 0;} .reviews_form .stars input{display: none;} .reviews_form .stars label{cursor: pointer;font-family: "stars";color: #ddd;font-size: 36px;transition: all 0.2s ease;} .reviews_form .stars label:hover{transform: scale(1.15);} .reviews_form .stars label:before{content: "\e801";} .reviews_form .stars > input:checked ~ label:before, .reviews_form .stars > input + label:hover ~ label:before, .reviews_form .stars > input + label:hover:before{content: "\e800";color: var(--hovercolor);} .reviews_form .button{width: 100%;padding: 15px 40px;background: var(--hovercolor);color: white;font-size: 14px;text-transform: uppercase;font-weight: 700;border-radius: 10px;border: none;cursor: pointer;transition: all 0.3s ease;} .reviews_form .button:hover{background: #1A171D;} .reviews_form .button:disabled{background: #ccc;cursor: not-allowed;} .reviews_form .poly, .wpcf7 .poly{font-size: 14px;line-height: 1.6;display: flex;align-items: flex-start;gap: 10px;cursor: pointer;color: #545560;} .reviews_form .poly input[type="checkbox"], .wpcf7 .poly input[type="checkbox"]{width: 20px;height: 20px;min-width: 20px;margin: 0px;margin-top: 2px;cursor: pointer;accent-color: var(--hovercolor);} .reviews_form .poly a, .wpcf7 .poly a{color: var(--hovercolor);text-decoration: underline;} .reviews_form .poly a:hover, .wpcf7 .poly a:hover{text-decoration: none;} /* Отзывы листинг + слайдер */ #rating_page .reviews-list{display: grid;gap: 15px;} .reviews-list .review-item{background: #fcf9fb;padding: 25px;border-radius: 10px;transition: all 0.3s ease;position: relative;border: 2px solid #fcf9fb;} .reviews-list .review-item:hover{border-color: var(--hovercolor);} .reviews-list .review-item .review-content{display: flex;justify-content: space-between;gap: 20px;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 2px solid #fcf9fb;} .reviews-list .review-item .review-content>div{flex: 1;color: #545560;line-height: 1.7;font-size: 15px;} .reviews-list .review-item .review-content img{border-radius: 50%;width: 120px;height: 120px;object-fit: cover;border: 4px solid #fcf9fb;transition: all 0.3s ease;flex-shrink: 0;} .reviews-list .review-item:hover .review-content img{border-color: var(--hovercolor);transform: rotate(5deg) scale(1.05);} .reviews-list .review-item .author{display: flex;align-items: center;justify-content: space-between;gap: 15px;} .reviews-list .review-item .name{font-weight: 500;font-size: 16px;color: #1A171D;position: relative;padding-left: 20px;} .reviews-list .review-item .name:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background: var(--hovercolor);border-radius: 50%;} .reviews-list .review-item .date{color: var(--greycolor);font-size: 13px;margin-top: 3px;} /* Звездный рейтинг */ .stars{font-size: 18px;font-family: "stars";color: var(--hovercolor);display: flex;align-items: center;gap: 2px;transition: all 0.3s ease;} .stars .star-filled:before{content: "\e800";} .stars .star-empty:before{content: "\e801";color: #ddd;} .review-item:hover .stars{transform: scale(1.1);} /* Универсальный загрузчик файлов (для отзывов и 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: 15px;padding: 20px;background: white;border: 2px dashed #e8e8e8;border-radius: 10px;cursor: pointer;transition: all 0.3s ease;margin: 0;} .file-uploader .upload-area:hover,.file-uploader .upload-area.drag-over{border-color: var(--hovercolor);background: #fcf9fb;border-style: solid;} .file-uploader .upload-icon{color: var(--hovercolor);flex-shrink: 0;} .file-uploader .upload-icon svg{width: 32px;height: 32px;} .file-uploader .upload-text{text-align: left;} .file-uploader .upload-text p{margin: 0;color: #545560;font-size: 14px;line-height: 1.4;} .file-uploader .upload-text strong{color: var(--hovercolor);} .file-uploader .upload-hint{font-size: 12px;color: var(--greycolor);margin-top: 3px!important;} .file-uploader .files-preview{margin-top: 15px;display: none;gap: 10px;} .file-uploader .files-preview.active{display: grid;} .file-uploader .file-item{display: flex;align-items: center;gap: 10px;padding: 10px;background: white;border: 2px solid #fcf9fb;border-radius: 10px;position: relative;transition: all 0.3s ease;} .file-uploader .file-item:hover{border-color: var(--hovercolor);} .file-uploader .file-item img{width: 60px;height: 60px;object-fit: cover;border-radius: 10px;} .file-uploader .file-icon{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: #fcf9fb;border-radius: 10px;font-size: 24px;color: var(--hovercolor);} .file-uploader .file-info{flex: 1;min-width: 0;} .file-uploader .file-name{font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 3px;color: #1A171D;} .file-uploader .file-size{font-size: 12px;color: var(--greycolor);} .file-uploader .remove-file{width: 28px;height: 28px;flex-shrink: 0;background: #fcf9fb;color: var(--hovercolor);border: none;border-radius: 50%;cursor: pointer;font-size: 20px;line-height: 1;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;} .file-uploader .remove-file:hover{background: var(--hovercolor);color: white;transform: scale(1.1);}