/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Regular.woff2') format('woff2'), url('fonts/Gilroy-Regular.woff') format('woff'), url('fonts/Gilroy-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display:fallback; } @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Medium.woff2') format('woff2'), url('fonts/Gilroy-Medium.woff') format('woff'), url('fonts/Gilroy-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display:fallback; } @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Bold.woff2') format('woff2'), url('fonts/Gilroy-Bold.woff') format('woff'), url('fonts/Gilroy-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display:fallback; } @font-face { font-family: 'stars'; src: url('fonts/stars.woff2') format('woff2'), url('fonts/stars.woff') format('woff'); font-display:fallback; } /* ===================================================== РЕСЕТ — замена Bootstrap normalize/reboot ===================================================== */ *, *::before, *::after{box-sizing: border-box;} html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;scroll-behavior: smooth;} body{margin: 0;padding: 0;line-height: 1.5;} h1, h2, h3, h4, h5, h6{margin-top: 0;margin-bottom: .5rem;} p{margin-top: 0;margin-bottom: 1rem;} ul, ol{padding-left: 1.5em;} nav ul, nav ol, .nav{list-style: none;padding: 0;margin: 0;} nav ul ul, nav ol ol, .nav ul{list-style: none;padding: 0;} nav li, .nav li{list-style: none;} a{color: inherit;text-decoration: none;} a:hover{text-decoration: none;} img{vertical-align: middle;border-style: none;} svg{overflow: hidden;vertical-align: middle;} table{border-collapse: collapse;} input, button, select, textarea{font-family: inherit;font-size: inherit;line-height: inherit;margin: 0;} button, input{overflow: visible;} button, select{text-transform: none;} button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance: button;} ::-moz-focus-inner{padding: 0;border-style: none;} textarea{overflow: auto;resize: vertical;} [hidden]{display: none !important;} /* iPhone 5 */ @media (max-width: 360px){.travel-grid{grid-template-columns: 1fr;}} /* iPad */ /* Все что меньше 921 + iPad вертикальный */ @media (max-width: 921px) { #header, #menu, #top, .sh{display: none;} #mobile{display: flex;justify-content: space-between;align-items: center;box-shadow: 0px 2px 15px rgb(0 0 0 / 3%);padding: 15px;position: relative;} #mobile img{width: 180px;} #mobile a{outline: none;} #mobile .cart{display: inline-flex;position: relative;text-decoration: none;align-items: center;} #mobile .cart .count{color: #fff;font-size: 10px;font-weight: 300;line-height: 1;border-radius: 50%;background: #ff3451;min-width: 18px;height: 18px;padding: 4px 2px;position: absolute;left: 20px;top: -4px;text-align: center;} #mmenu{background: none;} #mmenu .gw-overlay__content{padding: 20px;} #mmenu a{color: black;} #mmenu .cont{padding-top: 20px;font-size: 18px;} #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: #70b941;} #mmenu .cont .ad{font-size: 15px;} #mmenu .cont .cit{color: #70b941;font-weight: bold;} #mmenu .cont .part{margin-top: 15px;margin-bottom: 5px;text-align: center;} #mmenu .cont .button{color: white;display: block;} #mmenu .nav{display: inline-block;width: 100%;padding-top: 50px;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 .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;} .ntf .but{display: block;} h1{font-size: 26ytpx;line-height: 30px;} h2{font-size: 26px;} .block{padding: 30px 0px;} .grid{gap: 20px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} .o1{order: 1;} .o2{order: 2;} .m-s-2{grid-column: span 2;} .hero-grid{grid-template-columns: 1fr !important;gap: 20px;padding: 30px 0 !important;} .hero-left{text-align: center;} .hero-left h1{font-size: 26px;line-height: 32px;} .hero-bts{justify-content: center;flex-wrap: wrap;} .hero-bg{display: none;} .hero-bg{display: none;} .hero-card{max-width: 320px;} .hero-card__img{height: 200px;} .hero-card__img img{max-height: 200px;} #advantages{margin-top: 40px;} #total .num, #about .total .num{font-size: 250px;line-height: 200px;} .block h2, .block h1, #prem{text-align: center;} .travel-grid{grid-template-columns: repeat(2, 1fr);gap: 10px;} .travel-card{padding: 16px 14px;} #map .pr, #map .city{text-align: center;} #about .prem .num{font-size: 70px;line-height: 70px;} .travel-card__title{font-size: 15px;} #cats .item{text-align: center;padding: 10px;margin-bottom: 0;} #cats .item .image{height: 150px;} #cats .item h2{font-size: 16px;} .product-row{flex-direction: column;gap: 15px;} #tovar h1{margin-top: 20px!important;font-size: 20px!important;} #tovar .nav, .gw-tabs{display: flex;flex-wrap: wrap;gap: 5px;padding: 0;} #tovar .nav li, .gw-tabs li{flex: 1 1 calc(50% - 5px);text-align: center;list-style: none;} #tovar .nav a, .gw-tabs a{font-size: 14px;padding: 8px 10px;margin-right: 0;width: 100%;box-sizing: border-box;} #tovar .button{width: 100%;} #footer{text-align: center;} #footer > .container > .grid{grid-template-columns: repeat(2, 1fr);gap: 20px;} #footer .brands ul {display: grid;grid-template-columns: repeat(2, 1fr);} #footer .cont{padding-top: 20px;} #mfb{display: block;position: relative;width: 100%;border: none;padding: 10px;background-color: #fcfcfc;font-weight: bold;font-size: 14px;margin-bottom: 15px;margin-top: -5px;color: black;} #mfb:after {color: #ccc;content: "\2193";font-size: 20px;position: absolute;top: 3px;right: 15px;} #mfb:before {color: #ccc;content: "\2193";font-size: 20px;position: absolute;top: 3px;left: 15px;} /* Заголовки секций — на мобиле в столбик */ .gw-section-top{flex-direction: column;align-items: flex-start;gap: 4px;margin-bottom: 16px;text-align: center;} .gw-section-top h2{width: 100%;text-align: center;} .gw-section-top a{align-self: center;} /* Отзывы — кнопки в столбик */ #rews .add{flex-direction: column;gap: 10px;} #rews .add .button{width: 100%;text-align: center;box-sizing: border-box;} /* Популярные запросы — отступы на мобильном */ #tags{padding: 10px 0px 30px;} #tags .tags{gap: 6px;padding: 0 5px;} #tags .tags a{padding: 8px 14px;font-size: 13px;} /* Слайдер отзывов — компактнее */ .gw-review-card{padding: 16px 14px;} .gw-review-card .review-author .name{font-size: 14px;} .gw-review-card .text{font-size: 13px;line-height: 1.6;} .gw-review-card .text--truncated{max-height: 120px;} } @media (min-width: 768px) { .col-pl-2{grid-template-columns: repeat(2, 1fr);} .col-pl-3{grid-template-columns: repeat(3, 1fr);} #menu .nav a{font-size: 12px;} #header .button{font-size: 13px;} .time{font-size: 12px;} #total .num, #about .total .num{overflow: hidden;} } @media (min-width: 992px) { #mobile, #ms{display: none!important;} #mfb{display: none;} .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-1-2{grid-template-columns: 1fr 2fr;} .block{padding: 50px 0px;} .block h2, .block h1{padding-top: 0px!important;padding-bottom: 30px!important;font-size: 40px;} .block h1{padding-bottom: 20px;} #advantages{padding: 40px 0;} #tags .block{padding: 40px 0;} #seo-text{padding: 50px 0;} #faq{padding: 50px 0;} #za .gw-overlay__panel{padding: 40px;} #za .t{font-size: 45px;line-height: 54px;padding-bottom: 30px;} #za .st{font-size: 22px;line-height: 34px;padding-bottom: 30px;} #za .poly{padding-top: 3vh;} #top a{font-size: 14px;} #top .nav{gap: 5px;} .hero-left h1{font-size: 48px;line-height: 56px;} #total .num, #about .total .num{font-size: 400px;line-height: 350px;} #about .prem .num{font-size: 60px;line-height: 60px;} .travel-card__title{font-size: 18px;} #cats .item{padding: 20px 0px;} #cats .item .image{height: 250px;} #cats .item h2{font-size: 18px;} #tovars .item .image{height: 250px;} #tovar .woocommerce-product-gallery__image .image{height: 540px;} #footer .lic{grid-column: span 2;} #footer .poly{grid-column: span 2;} #footer .brands{grid-column: span 3;} #footer .brands ul{display: grid;grid-template-columns: repeat(3, 1fr);} #reviews .comments{grid-template-columns: repeat(2, 1fr);} } @media (min-width: 1200px) { #top a{font-size: 16px;} #top .nav{gap: 10px;font-size: 14px;} #menu .nav a{font-size: 14px;} #header .button{font-size: 15px;} .time{font-size: 14px;} #about .prem .num{font-size: 80px;line-height: 80px;} } html, body{ font-family: 'Gilroy',Arial,Helvetica,sans-serif!important; font-size: 16px!important; margin: 0px; padding: 0px; color: black; } h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 10px!important;padding-bottom: 30px!important;font-weight: bold!important;} h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: bold!important;} .aligncenter{display: block;margin: 5px auto 5px auto;} .alignright{float:right;padding-left: 10px;padding-bottom: 10px;} .box {overflow:hidden;} .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.1);-o-transform: scale(1.1);transform: scale(1.1);} .container{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 15px;box-sizing: border-box;} .img-fluid{max-width: 100%;height: auto;} .ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;} .p404{text-align: center;padding: 50px 0px;} .grid{display: grid;} .aic{align-items: center;} .citylist h3 {clear: both;} .citylist a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .citylist a:hover{color: #70b941;} .citylist ul{gap: 0px 20px;} .breadcrumbs, .breadcrumbs a{color: #999999;font-size: 14px;padding-bottom: 10px;} .gallary .title{color: black;text-align: center;font-weight: 500;margin-top: 10px;} .block h2 span, .block h1 span, .block h2 a{color: #70b941;} /* Кнопка вверх */ .btn-back-top{position:fixed;bottom:15px;right:15px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#70b941;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%;} @media(max-width:768px){.msg-widget{right:15px;bottom:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img{width:48px;height:48px;}.msg-list{bottom:58px;}} /* Топ акция */ .ntf{background-color: #f32c11;color: white;padding: 10px;} .ntf .but{color: white;font-weight: bold;} .ntf .ntf-close{color: white;text-decoration: none;font-size: 35px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .ntf .container{display: flex;gap: 15px;justify-content: space-between;align-items: center;} /* Ваш город ? */ .city{position: relative;} .citychose{position: absolute;background-color: #70b941;padding: 15px 20px;top: 4.6em;border-radius: 10px;color: white;box-shadow: 0px 20px 45px rgb(0 0 0 / 16%);z-index: 777;font-size: 14px;} .citychose:before{width: 1.3rem;height: 1.3rem;content: '';position: absolute;top: -.5rem;transform: rotate(45deg) skew(10deg,10deg);border-radius: .3rem;left: 2rem;background: inherit;} .citychose .chose{display: flex;gap: 15px;} .citychose .chose a{color: white;white-space: nowrap;font-weight: bold;border-bottom: dotted 1px;text-decoration: none;} .citychose .chose a:hover{border-bottom: none;} .citychose .title{margin-bottom: 5px;} .citychose .title span{font-weight: bold;} .citychose .city-close.x{position: absolute;top: 5px;right: 9px;color: white;text-decoration: none;font-size: 27px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} @media (max-width: 921px) {.citychose{left: 0;right: 0;margin: auto;max-width: 300px;top: 55px;}} /* Убираем обводку у кнопок */ button:active, button:focus {outline: none;} button::-moz-focus-inner {border: 0;} /*Animate*/ .button, #top a, #header .phone, #menu .nav a, #cats .item a, #tovars .item a, .breadcrumbs a, #footer a, #footer .menu a, #contact .item a, #map .city a, #car .video svg{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} /*HOVER*/ #top a:hover, #header .phone:hover, #menu .nav a:hover, #cats .item a:hover, #tovars .item a:hover, .breadcrumbs a:hover, #footer a:hover, #contact .item a:hover, #map .city a:hover{color: #70b941!important;} .button{display: inline-block;text-align: center;background-color: #70b941;padding: 10px 40px;color: white;font-weight: bold;border-radius: 25px;font-size: 15px;border: none;cursor: pointer;} .button:hover{background-color: #62a538;color: white;text-decoration: none;} #top{color: #999999;padding: 11px 0px;} #top .top{display: flex;align-items: center;justify-content: space-between;} #top .nav{display: flex;flex-wrap: wrap;align-items: center;} #top a{color: #999999;} #top .current-menu-item > a{color: #62a538;} #top .part{font-size: 14px;} /* ===================================================== ОВЕРЛЕИ (замена Bootstrap modal) ===================================================== */ .gw-overlay{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9990;background: rgba(0,0,0,.5);overflow-y: auto;-webkit-overflow-scrolling: touch;} .gw-overlay.open{display: block;} .gw-overlay__content{background: #fff;min-height: 100%;padding: 20px;position: relative;} .gw-overlay__panel{background: #fff;position: absolute;right: 0;top: 0;bottom: 0;width: 100%;max-width: 550px;padding: 40px;overflow-y: auto;} .gw-overlay__close{position: absolute;top: 15px;right: 15px;background: none;border: none;cursor: pointer;opacity: .7;transition: opacity .2s;z-index: 1;} .gw-overlay__close:hover{opacity: 1;} .gw-overlay__center{display: flex;align-items: center;height: 100%;} /* Хедер row */ .header-row{display: flex;align-items: center;gap: 20px;} .header-logo{flex: 0 0 auto;position: relative;min-width: 180px;} .header-phone{flex: 0 0 auto;white-space: nowrap;} .header-search{flex: 1;min-width: 0;} .header-btn{flex: 0 0 auto;} /* Табы карточки товара */ .gw-tab-pane{display: none;} .gw-tab-pane.active{display: block;} /* Product row (замена row + col-sm-6) */ .product-row{display: flex;gap: 30px;margin-top: 10px;} .product-col{flex: 1;min-width: 0;} .phone{white-space: nowrap;} #header{padding: 20px 0px;color: #999999;box-shadow: 0px 2px 15px rgb(0 0 0 / 3%);} #header .cit{position: absolute;white-space: nowrap;color: black;/*top: -15px;right: 86px;*/font-weight: bold;top: -25px; left: 0px;max-width: 220px;overflow: hidden;font-size: 14px;width: 100%;} #header .cit::after { content: ''; position: absolute; right: 0; top: 0; width: 20px; height: 100%; background: -moz-linear-gradient(left, rgba(255,255,0, 0.2), #fc0 100%); background: -webkit-linear-gradient(left, rgb(255 255 255 / 20%), #fff 100%); background: -o-linear-gradient(left, rgba(255,255,0, 0.2), #fc0 100%); background: -ms-linear-gradient(left, rgba(255,255,0, 0.2), #fc0 100%); background: linear-gradient(to right, rgb(255 255 255 / 20%), #fff 100%); } #header .phone{display: block;font-size: 20px;color: black;font-weight: 500;line-height: 20px;} /* GW Search — десктоп в шапке */ #header .gw-search-form{border-top:0;border-left:0;border-right:0;} #header .gw-search-field{padding-left:0;} /* GW Search — мобильный */ #ms .gw-search-form{background:#fcfcfc;border:1px solid #efefef;border-left:0;border-right:0;padding:0 10px;} #ms .gw-search-field{background:#fcfcfc;} #ms .gw-search-btn{background:#fcfcfc;} #header .button{display: block;padding: 10px;} #menu{padding: 10px 0px;} #menu .nav{display: flex;justify-content: space-between;} #menu .nav a{color: black;color: black;text-transform: uppercase;font-weight: 500;} #menu .nav .current-menu-item > a, #menu .nav .current-menu-parent > a{color: #62a538;} #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;} /* ===================================================== СЛАЙДЕР — универсальный (.gw-slider) ===================================================== */ .gw-slider{position: relative;overflow: hidden;} .gw-slider__track{display: flex;transition: transform .4s ease;touch-action: pan-y;user-select: none;-webkit-user-select: none;} .gw-slider__slide{flex: 0 0 100%;min-width: 0;} /* Мультислайд (товары, отзывы) */ .gw-slider--multi .gw-slider__track{gap: 20px;} .gw-slider--multi .gw-slider__slide{flex: 0 0 calc(25% - 15px);} /* Навигация */ .gw-slider__nav{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border: none;border-radius: 50%;background: rgba(255,255,255,.85);box-shadow: 0 2px 8px rgba(0,0,0,.12);cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 5;transition: all .25s;color: #333;opacity: 0;pointer-events: none;} .gw-slider:hover .gw-slider__nav{opacity: 1;pointer-events: auto;} .gw-slider__nav:hover{background: #fff;box-shadow: 0 4px 16px rgba(0,0,0,.18);} .gw-slider__nav--prev{left: 10px;} .gw-slider__nav--next{right: 10px;} .gw-slider__nav svg{width: 16px;height: 16px;} /* Точки */ .gw-slider__dots{display: flex;justify-content: center;gap: 8px;margin-top: 16px;} .gw-slider__dot{width: 10px;height: 10px;border-radius: 50%;border: none;background: #ddd;cursor: pointer;padding: 0;transition: background .2s;} .gw-slider__dot.active{background: #70b941;} /* ── Герой-баннер ── */ #slider{position: relative;overflow: hidden;background: #f5f5f5;} .hero-bg{position: absolute;top: 0;left: 0;width: 55%;height: 100%;background: #f5f5f5;z-index: 0;} .hero-accent{position: absolute;top: 0;right: 0;width: 50%;height: 100%;background: linear-gradient(135deg, #e8f5e0 0%, #d6edcc 100%);z-index: 0;clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);} .hero-line{position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, #70b941, #4a9e28);z-index: 2;} #slider .container{position: relative;z-index: 1;} .hero-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;align-items: center;padding: 60px 0;} .hero-left h1{font-weight: 300;margin: 0;color: #1a1a1a;line-height: 1.15;padding-bottom: 0px!important;} .hero-desc{color: #666;font-size: 16px;margin: 24px 0 32px;line-height: 1.7;} .hero-bts{display: flex;gap: 12px;} .hero-bts .button{font-size: 16px;padding: 14px 34px;} .hero-btn-outline{background: transparent !important;color: #333 !important;border: 2px solid #ccc !important;} .hero-btn-outline:hover{border-color: #70b941 !important;color: #70b941 !important;background: transparent !important;} /* Карточка товара в баннере */ .hero-card{display: block;text-decoration: none;background: #fff;border-radius: 16px;padding: 28px;box-shadow: 0 8px 40px rgba(0,0,0,0.08);position: relative;transition: transform .3s, box-shadow .3s;max-width: 380px;margin: 0 auto;} .hero-card:hover{transform: translateY(-6px);box-shadow: 0 16px 50px rgba(0,0,0,0.12);} .hero-card .gw-stickers{position: absolute;top: 18px;left: 18px;z-index: 3;} .hero-card__img{display: flex;align-items: center;justify-content: center;height: 260px;margin-bottom: 16px;overflow: hidden;} .hero-card__img img{max-width: 100%;max-height: 260px;object-fit: contain;mix-blend-mode: multiply;transition: transform .4s;} .hero-card:hover .hero-card__img img{transform: scale(1.05);} .hero-card__brand{color: #70b941;font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 6px;} .hero-card__title{color: #1a1a1a;font-size: 15px;font-weight: 500;line-height: 1.4;margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .hero-card .gw-rating-row{margin-bottom: 12px;} .hero-card__bottom{display: flex;align-items: center;justify-content: space-between;padding-top: 14px;border-top: 1px solid #f0f0f0;} .hero-card__prices{display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap;} .hero-card__price{font-size: 22px;font-weight: 700;color: #1a1a1a;} .hero-card__old{font-size: 14px;color: #999;text-decoration: line-through;} .hero-card__pv{font-size: 12px;color: #70b941;font-weight: 600;border: 1px solid #70b941;border-radius: 20px;padding: 2px 10px;} .hero-card__btn{font-size: 13px;font-weight: 600;color: #70b941;border: 2px solid #70b941;border-radius: 25px;padding: 8px 20px;white-space: nowrap;transition: all .25s;} .hero-card:hover .hero-card__btn{background: #70b941;color: #fff;} /* Hero — мобильная диагональ */ @media (max-width: 921px) { .hero-accent{width: 100%;right: 0;left: 0;clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 90%);} } /* Мобильный адаптив слайдера */ @media (max-width: 767px) { .gw-slider--multi .gw-slider__slide{flex: 0 0 calc(50% - 10px);} .gw-slider--reviews .gw-slider__slide{flex: 0 0 100%;} .gw-slider__nav{width: 32px;height: 32px;} } @media (min-width: 768px) and (max-width: 991px) { .gw-slider--multi .gw-slider__slide{flex: 0 0 calc(33.333% - 14px);} .gw-slider--reviews .gw-slider__slide{flex: 0 0 100%;} } /* #mabout — используются новые .mabout-* стили */ #kak ul a{color: #70b941;} #kak img{margin: 15px 0px;border: 1px solid #e4e4e4;border-radius: 10px;} #total{background-color: #fcfcfc;} #total .num{color: #70b941;font-weight: bold;} #total .title{font-size: 36px;} #total .num2{color: #70b941;font-size: 80px;line-height: 80px;margin-top: 10px;} #total .st{font-size: 18px;margin-bottom: 15px;} #total p{color: #929292;} #prem{background-color: #fcfcfc;} #prem .text{color: #929292;} #prem .title{font-size: 20px;margin-bottom: 10px;font-weight: 500;} #prem .icon{position: relative;display: inline-flex;} #prem .icon::before {content: "";position: absolute;left: 20px;top: -5px;width: 80px;height: 80px;background-color: #f5f5f5;border-radius: 50%;} #prem .icon img{position: relative;z-index: 2;} #prem .title2{font-size: 20px;margin-bottom: 10px;font-weight: bold;color: #70b941;} #prem .part{margin-bottom: 10px;} /* #travel — используются новые .travel-* стили */ #car{background-color: #fcfcfc;} /* #car — используются новые .car-* стили */ /* Преимущества */ #advantages .item{display: flex;align-items: center;gap: 15px;} #advantages .item strong{display: block;margin-bottom: 3px;} #advantages .item img{flex-shrink: 0;} /* Заголовок секции с кнопкой "Смотреть все" */ .gw-section-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;gap: 12px;flex-wrap: wrap;} .gw-section-top h2{margin: 0;padding: 0 !important;flex: 1;min-width: 0;} .gw-section-top a{color: #70b941;font-weight: 500;text-decoration: none;white-space: nowrap;font-size: 14px;} .gw-section-top a:hover{text-decoration: underline;} /* Популярные запросы (теги) */ #tags{background-color: #f9f9f9;} #tags .tags{display: flex;flex-wrap: wrap;gap: 8px;} #tags .tags a{background-color: #fff;border: 1px solid #e4e4e4;padding: 10px 18px;text-decoration: none;color: #333;border-radius: 25px;font-size: 14px;transition: all .25s;} #tags .tags a:hover{border-color: #70b941;color: #70b941;} /* Бренды — ровная сетка 4 колонки как на greenwayglobal.com */ .gw-brands-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px;} .gw-brand-card{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: #fff;border-radius: 10px;padding: 24px 14px 18px;text-decoration: none;transition: all .3s;border: 1px solid #f0f0f0;min-height: 160px;} .gw-brand-card:hover{border-color: #d0d0d0;box-shadow: 0 6px 24px rgba(0,0,0,0.06);transform: translateY(-3px);} .gw-brand-card__logo{height: 70px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;} .gw-brand-card__logo img{max-height: 65px;max-width: 170px;object-fit: contain;transition: transform .3s;} .gw-brand-card:hover .gw-brand-card__logo img{transform: scale(1.06);} .gw-brand-card__name{font-size: 16px;font-weight: 700;color: #333;letter-spacing: .3px;transition: color .3s;} .gw-brand-card:hover .gw-brand-card__name{color: #70b941;} .gw-brand-card__desc{color: #999;line-height: 1.4;margin-bottom: 6px;} .gw-brand-card__count{font-size: 14px;color: #bbb;font-weight: 500;} @media (max-width: 921px){.gw-brands-grid{grid-template-columns: repeat(3, 1fr);}} @media (max-width: 600px){.gw-brands-grid{grid-template-columns: repeat(2, 1fr);gap: 8px;}.gw-brand-card{padding: 18px 10px 14px;min-height: 120px;}.gw-brand-card__logo{height: 50px;}.gw-brand-card__logo img{max-height: 45px;max-width: 120px;}.gw-brand-card__desc{font-size: 14px;line-height: 16px;}} /* SEO-блок: текст + карточки категорий + товар */ .seo-text-grid{display: grid;grid-template-columns: 1fr 340px;gap: 40px;align-items: start;} .seo-text-content h2{text-align: left;padding-bottom: 15px !important;font-size: 28px;} .seo-text-content > p{color: #555;line-height: 1.7;margin-bottom: 20px;} .seo-text-content > p a{color: #70b941;} /* Сетка карточек-категорий */ .seo-features{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;margin-bottom: 24px;} .seo-feature{display: flex;align-items: center;gap: 12px;padding: 14px 16px;background: #f6faf3;border: 1px solid #e8f0e4;border-radius: 12px;text-decoration: none;color: #333;transition: all .25s ease;} .seo-feature:hover{background: #edf5e9;border-color: #70b941;box-shadow: 0 4px 16px rgba(112,185,65,.12);transform: translateY(-2px);} .seo-feature__icon{flex-shrink: 0;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 10px;box-shadow: 0 2px 8px rgba(0,0,0,.04);} .seo-feature__text{display: flex;flex-direction: column;gap: 2px;min-width: 0;} .seo-feature__title{font-size: 14px;font-weight: 600;line-height: 1.3;} .seo-feature__count{font-size: 12px;color: #888;} /* CTA кнопки */ .seo-cta{display: flex;gap: 12px;flex-wrap: wrap;} .seo-cta .button--outline{background: transparent;color: #70b941;border: 2px solid #70b941;} .seo-cta .button--outline:hover{background: #70b941;color: #fff;} /* Мини-карточка товара */ .seo-text-image{display: flex;align-items: flex-start;justify-content: center;} .seo-product-card{background: #f9f9f9;border-radius: 14px;padding: 20px;text-align: center;position: relative;transition: all .3s;} .seo-product-card:hover{box-shadow: 0 8px 30px rgba(0,0,0,0.06);} .seo-product-card .gw-stickers{position: absolute;top: 12px;left: 12px;z-index: 3;} .seo-product-card__img{display: block;height: 200px;margin-bottom: 12px;} .seo-product-card__img img{max-width: 100%;max-height: 200px;object-fit: contain;mix-blend-mode: multiply;} .seo-product-card__brand{font-size: 11px;color: #70b941;font-weight: 600;text-transform: uppercase;letter-spacing: .5px;margin-bottom: 4px;} .seo-product-card__title{display: block;font-size: 14px;font-weight: 500;color: #333;text-decoration: none;line-height: 1.4;margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .seo-product-card__title:hover{color: #70b941;} .seo-product-card .gw-rating-row{justify-content: center;} .seo-product-card__price{font-size: 20px;font-weight: 700;margin-bottom: 12px;} .seo-product-card .button{font-size: 13px;padding: 8px 24px;} @media (max-width: 921px){.seo-text-grid{grid-template-columns: 1fr;gap: 24px;}.seo-text-image{max-width: 280px;margin: 0 auto;}.seo-features{grid-template-columns: repeat(2, 1fr);gap: 10px;}.seo-feature{padding: 12px;gap: 10px;}.seo-feature__icon{width: 38px;height: 38px;}.seo-feature__title{font-size: 13px;}.seo-feature__count{font-size: 11px;}.seo-text-content h2{font-size: 22px;}} @media (max-width: 480px){.seo-features{grid-template-columns: 1fr 1fr;}.seo-cta{flex-direction: column;}.seo-cta .button{text-align: center;width: 100%;box-sizing: border-box;}} /* ── Полоса брендов (каталог, категории) ── */ .gw-brands-strip{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;padding: 10px 0;} .gw-brands-strip__item{display: flex;align-items: center;justify-content: center;height: 56px;padding: 8px 20px;background: #f9f9f9;border: 1px solid #eee;border-radius: 12px;transition: all .25s ease;text-decoration: none;color: #333;font-weight: 600;font-size: 14px;} .gw-brands-strip__item:hover{border-color: #70b941;box-shadow: 0 4px 16px rgba(112,185,65,.12);transform: translateY(-2px);} .gw-brands-strip__item img{max-height: 36px;max-width: 110px;object-fit: contain;} @media (max-width: 600px){.gw-brands-strip{gap: 8px;}.gw-brands-strip__item{height: 44px;padding: 6px 14px;border-radius: 10px;}.gw-brands-strip__item img{max-height: 28px;max-width: 90px;}} /* Zoom на категориях */ #cats .item .image{overflow: hidden;border-radius: 8px;} #cats .item img{transition: transform .4s ease;} #cats .item a:hover img{transform: scale(1.08);} /* ── «Бизнес будущего» — карточки ── */ .mabout-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;} .mabout-card{background: #f9f9f9;border-radius: 14px;padding: 28px 20px;text-align: center;transition: all .3s;} .mabout-card:hover{background: #fff;box-shadow: 0 8px 30px rgba(0,0,0,0.06);transform: translateY(-4px);} .mabout-card__icon{margin-bottom: 14px;} .mabout-card__title{font-size: 18px;font-weight: 700;margin-bottom: 8px;} .mabout-card__text{font-size: 14px;color: #777;line-height: 1.6;} @media (max-width: 921px){.mabout-grid{grid-template-columns: repeat(2, 1fr);}} @media (max-width: 600px){.mabout-grid{grid-template-columns: repeat(2, 1fr);gap: 10px;}.mabout-card{padding: 16px 12px;}.mabout-card__icon svg{width: 48px;height: 48px;}.mabout-card__title{font-size: 15px;margin-bottom: 4px;}.mabout-card__text{font-size: 12px;line-height: 1.5;}} /* ── Путешествия — обновлённые ── */ .travel-intro{display: flex;align-items: center;gap: 24px;margin-bottom: 36px;background: linear-gradient(135deg, #f0fae6 0%, #e8f5d9 100%);border-radius: 16px;padding: 28px 32px;border: 1px solid #d4ecc0;} .travel-intro__icon{flex-shrink: 0;width: 74px;height: 74px;} .travel-intro__icon img{width: 74px;height: 74px;} .travel-intro__title{font-size: 20px;font-weight: 700;color: #333;margin-bottom: 6px;} .travel-intro__text p{font-size: 15px;color: #666;line-height: 1.6;margin: 0;} .travel-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;} .travel-card{background: #f9f9f9;border-radius: 12px;padding: 24px 20px;transition: all .3s;border: 1px solid transparent;} .travel-card:hover{background: #fff;box-shadow: 0 6px 24px rgba(0,0,0,0.06);transform: translateY(-3px);border-color: #e0e0e0;} .travel-card__icon{margin-bottom: 14px;width: 40px;height: 40px;} .travel-card__title{font-size: 17px;font-weight: 700;margin-bottom: 6px;} .travel-card__text{font-size: 14px;color: #777;line-height: 1.5;} .travel-card--video{display: flex;align-items: center;justify-content: center;background: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255,255,255,0.12) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 60%), linear-gradient(135deg, #5cb338 0%, #3d8b1f 50%, #2e7516 100%);position: relative;overflow: hidden;}.travel-card--video::before{content: "";position: absolute;inset: 0;background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events: none;} .travel-card--video .button{background: #fff;color: #333;} .travel-card--video .button:hover{background: #f5f5f5;} @media (max-width: 921px){.travel-grid{grid-template-columns: repeat(2, 1fr);}.travel-intro{flex-direction: column;text-align: center;padding: 20px;}} @media (max-width: 600px){.travel-grid{grid-template-columns: repeat(2, 1fr);gap: 10px;}.travel-card{padding: 16px 12px;}.travel-card__icon{margin-bottom: 10px;}.travel-card__icon svg{width: 32px;height: 32px;}.travel-card__title{font-size: 14px;margin-bottom: 4px;}.travel-card__text{font-size: 12px;}.travel-intro{padding: 16px;}.travel-intro__title{font-size: 18px;}.travel-card--video{grid-column: span 2;text-align: center;}} /* ── Автобонус — обновлённый ── */ .car-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;align-items: center;} .car-info__label{text-transform: uppercase;letter-spacing: 0.25em;font-size: 12px;color: #999;font-weight: 500;} .car-info__num{color: #70b941;font-size: 80px;line-height: 90px;font-weight: 700;} .car-info__title{font-size: 32px;line-height: 38px;font-weight: 700;margin-bottom: 12px;} .car-info__text{color: #777;margin-bottom: 20px;font-size: 15px;} .car-video__text{color: #555;margin-bottom: 20px;font-size: 16px;line-height: 1.6;} .car-video__player{background: url(images/carvideo.jpg) no-repeat center;background-size: cover;border-radius: 14px;height: 300px;display: flex;align-items: center;justify-content: center;overflow: hidden;} .car-video__player svg{opacity: 0.85;transition: all .3s;} .car-video__player:hover svg{opacity: 1;transform: scale(1.1);} @media (max-width: 921px){.car-grid{grid-template-columns: 1fr;gap: 24px;}.car-video__player{height: 220px;}} /* ── Отзывы — дизайн как ultraflowers ── */ .gw-review-card{background: #f9f9f9;border-radius: 14px;padding: 24px 26px;display: flex;flex-direction: column;position: relative;} .gw-review-card .review-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;} .gw-review-card .review-author .name{font-size: 15px;font-weight: 700;color: #333;} .gw-review-card .review-author .time{font-size: 12px;color: #aaa;margin-top: 2px;} .gw-review-card .stars{display: flex;gap: 2px;} .gw-review-card .review-body{flex: 1;position: relative;} .gw-review-card .review-photo{float: right;width: 80px;height: 80px;border-radius: 50%;overflow: hidden;margin: 0 0 10px 16px;flex-shrink: 0;box-shadow: 0 2px 8px rgba(0,0,0,.1);} .gw-review-card .review-photo img{width: 100%;height: 100%;object-fit: cover;} .gw-review-card .text{font-size: 14px;line-height: 1.75;color: #555;} .gw-review-card .text--truncated{max-height: 140px;overflow: hidden;position: relative;} .gw-review-card .text--truncated::after{content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 40px;background: linear-gradient(transparent, #f9f9f9);pointer-events: none;} .gw-review-card .text--truncated.expanded{max-height: none;overflow: visible;} .gw-review-card .text--truncated.expanded::after{display: none;} .review-expand{color: #70b941;font-size: 13px;cursor: pointer;text-decoration: none;display: inline-block;margin-top: 6px;transition: color .2s;position: relative;z-index: 5;} .review-expand:hover{color: #5a9d2e;text-decoration: underline;} /* ── Анимация появления блоков ── */ @keyframes gwFadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}} .gw-fade-up{opacity: 0;transform: translateY(30px);} .gw-fade-up.gw-visible{animation: gwFadeUp .6s ease forwards;} .gw-fade-up:nth-child(2).gw-visible{animation-delay: .1s;} .gw-fade-up:nth-child(3).gw-visible{animation-delay: .2s;} .gw-fade-up:nth-child(4).gw-visible{animation-delay: .3s;} .gw-fade-up:nth-child(5).gw-visible{animation-delay: .4s;} .gw-fade-up:nth-child(6).gw-visible{animation-delay: .5s;} /* Плавное появление секций */ .block{opacity: 0;transform: translateY(20px);transition: opacity .5s ease, transform .5s ease;} .block.gw-visible{opacity: 1;transform: translateY(0);} /* Баннер всегда видим */ #slider{opacity: 1;transform: none;} /* FAQ аккордеон */ #faq{background-color: #f9f9f9;} .gw-faq__item{border-bottom: 1px solid #e4e4e4;background: #fff;margin-bottom: 8px;border-radius: 8px;overflow: hidden;} .block:not(.cab-bg-alt) > .container > .gw-faq > .gw-faq__item{background: #fafafa;} .gw-faq__q{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 18px 20px;background: none;border: none;cursor: pointer;font-size: 16px;font-weight: 500;text-align: left;color: #333;font-family: inherit;} .gw-faq__q::after{content: "+";font-size: 22px;color: #70b941;font-weight: 300;flex-shrink: 0;margin-left: 15px;transition: transform .25s;} .gw-faq__item.active .gw-faq__q::after{transform: rotate(45deg);} .gw-faq__a{max-height: 0;overflow: hidden;transition: max-height .3s ease;padding: 0 20px;} .gw-faq__item.active .gw-faq__a{max-height: 300px;padding: 0 20px 18px;} .gw-faq__a div{color: #555;line-height: 1.6;} .gw-faq__a a{color: #70b941;} #rews .add{margin-top: 20px;display: flex;justify-content: center;gap: 15px;} .button.gray{background-color: #f5f5f5;color: #788090;} .button.gray:hover{background-color: #333;color: white;} #map{background: url(images/map-world.svg) center center no-repeat, linear-gradient(135deg, #f8fdf4 0%, #f0f8e8 50%, #f5faf0 100%);background-size: 90%, cover;font-weight: 500;position: relative;} #map .city a{color: black;text-transform: uppercase;font-size: 14px;} #map .city {gap: 5px;} #map .pr{font-size: 36px;margin-bottom: 20px;} #map .pr .num{color: #70b941;font-size: 80px;line-height: 80px;font-weight: 500;} #map .more{display: flex;justify-content: center;margin-top: 10px;} #dostavka h3{margin-top: 50px;} #dostavka .button{text-transform: uppercase;} #dostavka .info{font-size: 18px;border-left: 4px solid #70b941;padding-left: 20px;} #reg .wpcf7-text, #reg .wpcf7-mask, #reg .wpcf7-textarea{display: block;width: 100%;border: 1px solid #E0E0E0;padding: 14px 30px 14px 28px;border-radius: 25px;-webkit-appearance: none;caret-color: #70b941;outline: none;} #reg .button{font-size: 18px;border: none;padding: 10px 40px;} #partner .info{font-size: 18px;border-left: 4px solid #70b941;padding-left: 20px;} #partner .info2{background-color: #fcfcfc;font-size: 20px;text-align: center;margin-top: 10px;padding: 20px;border: 1px solid #f7f7f7;font-weight: 500;} #partner .pr1>div{display: flex;gap: 15px;align-items: center;} #partner .pr1 strong{font-size: 18px;} #partner .pr1 .icon::before{display: none;} #partner .title {font-size: 20px;margin-bottom: 10px;font-weight: 500;} #partner .wpcf7{margin-bottom: 40px;} #partner .st{font-size: 20px;margin-bottom: 10px;font-weight: 500;} #partner .icon{position: relative;} #partner .icon::before {content: "";position: absolute;left: 20px;top: -5px;width: 80px;height: 80px;background-color: #f5f5f5;border-radius: 50%;} #partner .icon img{position: relative;z-index: 2;} #partner ul li{position: relative;list-style: none;margin-bottom: 10px;} #partner ul li::before {content: "";display: block;width: 10px;height: 10px;background-color: #87C719;border-radius: 50%;position: absolute;left: -20px;top: 7px;} #partner #car{background: none;} #about .title{font-size: 20px;margin-bottom: 15px;font-weight: 500;} #about .info{font-size: 18px;border-left: 4px solid #70b941;padding-left: 20px;} #about .prem{font-size: 20px;} #about .prem >div{text-align: center;background-color: #fbfbfb;padding: 20px;align-items: center;display: flex;gap: 15px;} #about .prem .num{color: #70b941;font-weight: 500;} #about .icon{position: relative;display: inline-flex;} #about .icon::before {content: "";position: absolute;left: 20px;top: -5px;width: 80px;height: 80px;background-color: #f5f5f5;border-radius: 50%;} #about .icon img{position: relative;z-index: 2;} #about .eco .title{margin-top: 15px;} #about .eco>div{text-align: center;border: 1px solid #f5f5f5;padding: 20px;} #about .eco2>div {padding-left: 27px;} #about .eco2 .title{position: relative;} #about .eco2 .title:before {content: "";position: absolute;left: -25px;top: 7px;width: 15px;height: 15px;border-radius: 50%;background-color: #87C719;} #about .total .num{color: #70b941;font-weight: bold;} #about .total .title{font-size: 36px;} #about .total .num2{color: #70b941;font-size: 80px;line-height: 90px;} #about .total .st{font-size: 18px;margin-bottom: 15px;} #about .total p{color: #929292;} #cats .item{background-color: #fcfcfc;margin-bottom: 20px;text-align: center;} #cats .item a{color: black;text-decoration: none;} #cats .item .image{display: flex;justify-content: center;align-items: center;} #cats .item img{width: 100%;height: 100%;mix-blend-mode: darken;object-fit: contain;} #cats .item h2{padding: 10px 0px 0px 0px!important;} #cats .item .price{font-size: 14px;color: #70b941;font-weight: 500;padding-top: 5px;} /* ===================================================== КАТАЛОГ — Сетка товаров (CSS Grid) ===================================================== */ .gw-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;} .gw-grid-item{display: flex;min-width: 0;} /* Карточка товара */ .gw-card{position: relative;display: flex;flex-direction: column;height: 100%;width: 100%;min-width: 0;} .gw-card a{text-decoration: none!important;} .gw-card__media{display: block;text-decoration: none!important;} .gw-card__img-wrap{position: relative;background: #fcfcfc;overflow: hidden;padding-top: 100%;} .gw-card__img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;mix-blend-mode: darken;transition: transform .3s;} .gw-card:hover .gw-card__img{transform: scale(1.05);} /* Бейджи и стикеры */ .gw-card__badge{position: absolute;top: 10px;right: 10px;z-index: 3;padding: 3px 8px;border-radius: 6px;font-size: 12px;font-weight: 700;color: #fff;} .gw-card__badge--discount{background: #e63946;} .gw-card__badge--out{background: #999;right: auto;left: 10px;} .gw-card__stickers{position: absolute;top: 10px;left: 10px;z-index: 3;display: flex;flex-wrap: wrap;gap: 4px;} .gw-sticker{padding: 3px 7px;border-radius: 5px;font-size: 10px;font-weight: 700;color: #fff;text-transform: uppercase;letter-spacing: .4px;} .gw-sticker--new{background: #2ea44f;} .gw-sticker--hit{background: #e63946;} .gw-sticker--sale{background: #ff6b35;} .gw-sticker--limited{background: #9333ea;} .gw-sticker--thermo{background: #0891b2;} .gw-sticker--special{background: #2271b1;} .gw-sticker--default{background: #666;} /* Тело карточки */ .gw-card__body{display: flex;flex-direction: column;padding: 10px 0 0;flex: 1;min-width: 0;} .gw-card__brand{font-size: 11px;color: #70b941;font-weight: 600;text-transform: uppercase;letter-spacing: .5px;margin-bottom: 4px;transition: color .25s ease-out;} .gw-card__title{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 16px;font-weight: 500;color: black;text-decoration: none!important;line-height: 1.4;overflow: hidden;padding: 10px 0;height: 75px;transition: color .25s ease-out;} .gw-card__title:hover{color: #70b941;} /* Переключатель цветов */ .gw-card__colors{display: flex;gap: 5px;flex-wrap: wrap;margin: 5px 0;align-items: center;} .gw-card__color{width: 22px;height: 22px;border-radius: 50%;border: 2px solid rgba(0,0,0,.08);cursor: pointer;padding: 0;overflow: hidden;transition: border-color .15s, transform .15s;background: #eee;} .gw-card__color:hover{border-color: #70b941;transform: scale(1.15);} .gw-card__color.active{border-color: #70b941;border-width: 2px;box-shadow: 0 0 0 2px rgba(112,185,65,.3);} .gw-card__color img{width: 100%;height: 100%;object-fit: cover;} .gw-card__color-more{font-size: 12px;color: #999;margin-left: 2px;} /* Цена */ .gw-card__bottom{margin-top: auto;} .gw-card__price-line{display: flex;align-items: center;flex-wrap: wrap;gap: 6px;margin: 6px 0;} .gw-card__price{font-size: 20px;font-weight: 500;color: black;} .gw-card__old-price{font-size: 16px;font-weight: 100;text-decoration: line-through;} .gw-card__pv{font-size: 12px;background: #f0fae6;color: #3a8a14;padding: 2px 7px;border-radius: 10px;font-weight: 600;} .gw-card__rating{font-size: 12px;color: #e6a817;font-weight: 600;margin-left: auto;} .gw-card__price-na{font-size: 14px;color: #999;} /* Кнопки карточки */ .gw-card__actions{display: flex;gap: 8px;margin-top: 6px;} .gw-card__btn{flex: 1;display: block;text-align: center;text-decoration: none!important;font-weight: bold;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;transition: all .25s ease-out;} .gw-card__btn--details{background: #f0f0f0;color: #444;padding: 10px;border-radius: 25px;} .gw-card__btn--details:hover{background: #e4e4e4;color: #222;} .gw-card__btn--buy{background: #70b941;color: white;padding: 10px;border-radius: 25px;} .gw-card__btn--buy:hover{background: #62a538;color: white;} .gw-no-results{text-align: center;padding: 60px 20px;color: #999;font-size: 16px;width: 100%;grid-column: 1 / -1;} /* ===================================================== КАТАЛОГ — Фильтр ===================================================== */ .gw-filter{padding: 20px 0;margin-bottom: 10px;} .gw-filter__close{display: none;} .gw-filter__apply{display: none;} .gw-filter__row{display: flex;gap: 30px;align-items: flex-start;} .gw-filter__col{flex: 1;min-width: 0;} .gw-filter__col--price{flex: 1.2;} .gw-filter__col-label{font-size: 14px;font-weight: 500;color: #222;margin-bottom: 12px;} .gw-filter__select{width: 100%;padding: 10px 32px 10px 12px;border: none;border-bottom: 1px solid #ddd;border-radius: 0;font-size: 15px;font-family: inherit;background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 8px center;-webkit-appearance: none;appearance: none;cursor: pointer;color: #444;transition: border-color .2s;} .gw-filter__select:focus{border-color: #222;outline: none;} .gw-filter__select option{padding: 8px 12px;font-size: 15px;} /* Слайдер цены */ .gw-slider-wrap{position: relative;height: 28px;margin: 10px 0 6px;} .gw-slider-track{position: absolute;top: 50%;left: 0;right: 0;height: 2px;background: #ddd;transform: translateY(-50%);border-radius: 1px;} .gw-slider-fill{position: absolute;height: 100%;background: #222;border-radius: 1px;pointer-events: none;} .gw-slider-input{position: absolute;top: 0;width: 100%;height: 100%;background: transparent;-webkit-appearance: none;appearance: none;pointer-events: none;outline: none;margin: 0;padding: 0;} .gw-slider-input::-webkit-slider-thumb{-webkit-appearance: none;width: 16px;height: 16px;border-radius: 50%;background: #fff;border: 2px solid #222;cursor: pointer;pointer-events: all;transition: transform .15s;box-shadow: 0 1px 3px rgba(0,0,0,.15);} .gw-slider-input::-webkit-slider-thumb:hover{transform: scale(1.2);} .gw-slider-input::-moz-range-thumb{width: 16px;height: 16px;border-radius: 50%;background: #fff;border: 2px solid #222;cursor: pointer;pointer-events: all;} .gw-filter__price-text{font-size: 13px;color: #888;} /* ===================================================== КАТАЛОГ — Подкатегории (пилюли) ===================================================== */ .gw-subcats, .gw-parent-cats{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 20px;align-items: center;} .gw-subcat-pill{display: inline-flex;align-items: center;gap: 5px;padding: 7px 16px;border-radius: 100px;border: 1.5px solid #d8ead0;background: #f6fbf2;color: #2d7a0f;font-size: 13px;font-weight: 500;text-decoration: none;transition: all .18s;white-space: nowrap;} .gw-subcat-pill:hover, .gw-subcat-pill.active{background: #70b941;border-color: #70b941;color: #fff;} .gw-subcat-pill__count{display: inline-block;background: rgba(0,0,0,.08);border-radius: 100px;padding: 1px 7px;font-size: 11px;font-weight: 600;} .gw-subcat-pill.active .gw-subcat-pill__count{background: rgba(255,255,255,.25);} .gw-mobile-filter-btn{display: none;align-items: center;gap: 8px;padding: 10px 20px;background: #70b941;color: #fff;border: none;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;margin-bottom: 16px;width: 100%;justify-content: center;} .gw-no-products{text-align: center;padding: 40px;color: #999;font-size: 16px;} /* ===================================================== КАТАЛОГ — Пагинация ===================================================== */ .gw-pagination-wrap{margin: 28px 0 10px;} .gw-pagination{display: flex;justify-content: center;align-items: center;gap: 4px;flex-wrap: wrap;} .gw-pagination a, .gw-pagination span.current, .gw-pagination span.dots{display: inline-flex;align-items: center;justify-content: center;min-width: 38px;height: 38px;padding: 0 8px;font-size: 14px;text-decoration: none;color: #444;border-radius: 8px;border: 1px solid #e0e0e0;transition: all .2s;} .gw-pagination a:hover{background: #e8f5e0;color: #3a8a14;border-color: #b6dda0;} .gw-pagination span.current{background: #70b941;color: #fff;border-color: #70b941;font-weight: 700;} .gw-pagination span.dots{border-color: transparent;color: #aaa;cursor: default;min-width: 24px;} /* ===================================================== КАТАЛОГ — Галерея одиночного товара ===================================================== */ .gw-gallery{display: flex;gap: 10px;margin-top: 10px;flex-wrap: wrap;} .gw-gallery-thumb{width: 80px;height: 80px;border: 2px solid transparent;border-radius: 8px;cursor: pointer;overflow: hidden;transition: border-color .2s;background: #f7f7f7;} .gw-gallery-thumb:hover, .gw-gallery-thumb.active{border-color: #70b941;} .gw-gallery-thumb img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: darken;} .gw-main-image{background: #f7f7f7;border-radius: 12px;display: flex;justify-content: center;align-items: center;min-height: 380px;} .gw-main-image img{max-width: 100%;max-height: 520px;object-fit: contain;mix-blend-mode: darken;} /* Варианты (карточка товара) */ .gw-variants{display: flex;gap: 8px;flex-wrap: wrap;margin: 10px 0;} .gw-variant-swatch{width: 34px;height: 34px;border-radius: 50%;border: 2px solid rgba(0,0,0,.08);cursor: pointer;transition: all .2s;display: flex;align-items: center;justify-content: center;overflow: hidden;} .gw-variant-swatch:hover{border-color: #70b941;transform: scale(1.1);} .gw-variant-swatch.active{border-color: #70b941;border-width: 3px;box-shadow: 0 0 0 2px rgba(112,185,65,.3);} .gw-variant-swatch img{width: 100%;height: 100%;object-fit: cover;} /* ===================================================== КАТАЛОГ — Адаптив ===================================================== */ @media (max-width: 767px) { .gw-grid{grid-template-columns: repeat(2, 1fr);gap: 10px;} .gw-mobile-filter-btn{display: flex;} .gw-filter{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;background: #fff;padding: 0;margin: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;} .gw-filter.open{display: flex;flex-direction: column;} .gw-filter__header{display: none;} .gw-filter__row{flex-direction: column;gap: 20px;padding: 70px 20px 100px;} .gw-filter__col{width: 100%;} .gw-filter__col-label{font-size: 15px;font-weight: 600;margin-bottom: 10px;} .gw-filter__select{font-size: 16px;padding: 12px 32px 12px 0;border-bottom: 1.5px solid #ddd;} .gw-filter__close{position: fixed;top: 16px;right: 16px;z-index: 10000;width: 40px;height: 40px;border: none;background: #f0f0f0;border-radius: 50%;font-size: 20px;cursor: pointer;display: none;align-items: center;justify-content: center;color: #444;transition: background .2s;} .gw-filter.open .gw-filter__close{display: flex;} .gw-filter__apply{display: none;position: fixed;bottom: 0;left: 0;right: 0;z-index: 10000;padding: 12px 20px;background: #fff;box-shadow: 0 -2px 10px rgba(0,0,0,.1);} .gw-filter.open .gw-filter__apply{display: block;} .gw-filter__apply-btn{width: 100%;padding: 14px;background: #70b941;color: #fff;border: none;border-radius: 8px;font-size: 16px;font-weight: 600;cursor: pointer;font-family: inherit;} .gw-subcats{gap: 6px;overflow-x: auto;flex-wrap: nowrap;padding-bottom: 4px;-webkit-overflow-scrolling: touch;} .gw-subcat-pill{font-size: 12px;padding: 6px 12px;} .gw-card__brand{font-size: 11px;letter-spacing: 0;} .gw-card__title{font-size: 13px;height: auto;min-height: 54px;-webkit-line-clamp: 3;padding: 5px 0;} .gw-card__price{font-size: 15px;} .gw-card__old-price{font-size: 12px;} .gw-card__pv{font-size: 10px;padding: 1px 5px;} .gw-card__rating{font-size: 10px;} .gw-card__actions{flex-direction: column;gap: 5px;} .gw-card__btn{font-size: 13px;padding: 8px 4px;} } @media (min-width: 768px) and (max-width: 991px) { .gw-grid{grid-template-columns: repeat(3, 1fr);} } /* === Конец блока каталога === */ /* ===================================================== КАРТОЧКА ТОВАРА (#tovar) — одиночная страница ===================================================== */ #tovar h1 { font-size: 30px; font-weight: 400!important; padding: 10px 0px!important; } #tovar .sku, #tovar .param { font-size: 14px; color: #999999; } #tovar .param a { color: #70b941; font-weight: bold; } #tovar .param p { margin: 0px; } #tovar .brand { margin-top: 10px; color: #999999; } #tovar .brand a { color: #70b941; font-weight: bold; } #tovar .stock { display: inline-block; background-color: #70b941; color: white; font-size: 14px; padding: 3px 10px; margin-top: 10px; } #tovar .out-of-stock { display: inline-block; background-color: red; color: white; font-size: 14px; padding: 3px 10px; margin-top: 10px; } #tovar .posuda { display: flex; margin-top: 10px; } #tovar .posuda svg { height: 70px; width: 70px; fill: #70b941; } #tovar .product_meta{color: #999999;} #tovar .product_meta a{color: black;} #tovar .posted_in, #tovar .tagged_as{display: block;} #tovar .short{font-size: 14px;margin-bottom: 15px;overflow:hidden;} #tovar .short p{margin: 0px;} #tovar .price{display: block;font-size: 40px;margin: 10px 0px;font-weight: 500;} #tovar .price del{font-size: 25px;font-weight: 100;} #tovar .price ins{color: #e31e24;text-decoration: none;} #tovar .summary .qty{height: 100%;margin-right: 20px;padding: 10px;width: 100px;} #tovar .summary .variations_button{display: flex;} #tovar .nav{display: flex;flex-wrap: wrap;margin-top: 20px;list-style: none;padding: 0;} #tovar .nav li{list-style: none;} #tovar .nav a{display: inline-block;background-color: #fcfcfc;color: #484848;border-radius: 2px;font-weight: 500;font-size: 18px;padding: 10px 20px;margin-right: 10px;} #tovar .nav .active{background-color: #70b941;color: white;} #tovar .tab-content{border: 5px solid #fcfcfc;padding: 30px;margin-top: -5px;} #tovar .tab-content a{color: #70b941;} #tovar .button{padding: 10px 30px;} #tovar .buttons{display: grid;gap: 10px;} #tovar .buttons .gray{background-color: #f0f0f0;color: #444;} #tovar .buttons .gray:hover{background-color: #e0e0e0;color: #222;} /* Цена + рейтинг */ .gw-price-row{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;margin: 10px 0px;font-size: 15px;} .gw-price-current{font-size: 35px;font-weight: 700;color: #111;} .gw-price-old{font-size: 16px;color: #bbb;text-decoration: line-through;} .gw-pv-badge{display: inline-block;background: #f0fae6;color: #3a8a14;padding: 2px 10px;border-radius: 10px;font-size: 13px;font-weight: 600;margin-left: 8px;} .gw-rating-inline{display: inline-flex;align-items: center;gap: 4px;font-size: 15px;font-weight: 700;color: #333;margin-left: auto;} .gw-stars-row{display: inline-flex;gap: 1px;font-size: 18px;} .gw-star-full{color: #e6a817;} .gw-star-half{color: #e6a817;opacity: .5;} .gw-star-empty{color: #ddd;} .gw-rating-row{display: inline-flex;align-items: center;gap: 6px;margin-bottom: 8px;} .gw-rating-row__num{font-size: 14px;font-weight: 700;color: #333;} .gw-rating-row__stars{display: inline-flex;align-items: center;gap: 1px;} .gw-rating-row__stars .gw-star-icon{width: 14px;height: 14px;} /* Атрибуты */ .gw-attrs{margin: 15px 0 15px;} .gw-attr{font-size: 14px;line-height: 1.8;color: #333;} .gw-attr__label{color: #888;font-weight: 500;} .gw-attr__value a{color: #70b941;text-decoration: none;} .gw-attr__value a:hover{text-decoration: underline;} /* Стикеры на фото (карточка товара) */ .gw-single-stickers{position: absolute;top: 10px;left: 10px;z-index: 5;display: flex;flex-wrap: wrap;gap: 4px;} .gw-single-sticker{color: #fff;padding: 4px 10px;border-radius: 6px;font-size: 12px;font-weight: 700;} /* Документы */ .gw-docs-section{display: flex;flex-direction: column;gap: 10px;padding: 20px 0;} .gw-doc-card{display: flex;align-items: center;gap: 14px;padding: 14px 16px;border: 1px solid #eee;border-radius: 12px;text-decoration: none;color: #333;background: #fff;transition: box-shadow .2s, border-color .2s, transform .15s;position: relative;} .gw-doc-card:hover{box-shadow: 0 4px 16px rgba(0,0,0,.10);border-color: #70b941;transform: translateY(-1px);color: #222;} .gw-doc-card__icon{flex-shrink: 0;width: 52px;height: 52px;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;} .gw-doc-card__ext{font-size: 9px;font-weight: 800;letter-spacing: .5px;text-transform: uppercase;line-height: 1;} .gw-doc-card__info{flex: 1;min-width: 0;} .gw-doc-card__title{display: block;font-size: 14px;font-weight: 500;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .gw-doc-card__meta{font-size: 12px;color: #999;margin-top: 2px;display: block;} .gw-doc-card__arrow{flex-shrink: 0;font-size: 18px;color: #ccc;transition: color .2s, transform .2s;} .gw-doc-card:hover .gw-doc-card__arrow{color: #70b941;transform: translate(2px, -2px);} .gw-doc-card--image .gw-doc-card__preview{width: 52px;height: 52px;border-radius: 8px;overflow: hidden;flex-shrink: 0;} .gw-doc-card--image .gw-doc-card__preview img{width: 100%;height: 100%;object-fit: cover;} /* Видео */ .gw-videos-section{display: flex;flex-direction: column;gap: 20px;padding: 20px 0;} .gw-video-card{background: #fff;border-radius: 12px;overflow: hidden;border: 1px solid #eee;} .gw-video-card__title{padding: 12px 16px 8px;font-size: 15px;font-weight: 600;color: #222;} .gw-video-card__wrap{position: relative;padding-top: 56.25%;background: #000;} .gw-video-card__wrap iframe, .gw-video-card__wrap video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;} .gw-video-card__wrap--native{background: #111;} .gw-video-card__wrap--native video{object-fit: contain;} /* Таблицы в контенте */ .tab-content table{width: 100%;border-collapse: collapse;margin: 16px 0;font-size: 14px;} .tab-content th, .tab-content td{padding: 10px 14px;border: 1px solid #e8e8e8;text-align: left;} .tab-content th{background: #f9f9f9;font-weight: 600;color: #333;} .tab-content tr:nth-child(even) td{background: #fcfcfc;} .tab-content table caption{font-size: 13px;color: #888;margin-bottom: 6px;} /* Отзывы — сетка карточек */ /* .gw-review-card — стили вынесены в отдельный блок ниже */ .video-embed{margin-bottom: 20px;border-radius: 12px;overflow: hidden;} /* ===================================================== ПОИСК ===================================================== */ .gw-search-wrap{position: relative;width: 100%;} .gw-search-form{display: flex;align-items: center;border-bottom: 1px solid #ccc;position: relative;} .gw-search-field{width: 100%;border: none;outline: none;padding: 8px 0;font-size: 16px;font-family: inherit;background: transparent;color: #333;} .gw-search-field::placeholder{color: #999;font-size: 16px;} .gw-search-btn{background: transparent;border: none;cursor: pointer;padding: 8px;color: #333;display: flex;align-items: center;flex-shrink: 0;} .gw-search-btn:hover{color: #70b941;} .gw-search-btn svg{width: 20px;height: 20px;} .gw-search-results{display: none;position: absolute;top: 100%;left: 0;right: 0;background: #fff;box-shadow: 0 8px 32px rgba(0,0,0,.12);border-radius: 0 0 8px 8px;z-index: 9999;max-height: 460px;overflow-y: auto;border: 1px solid #eee;border-top: none;} .gw-search-results.active{display: block;} .gw-search-item{display: flex;align-items: center;gap: 12px;padding: 10px 16px;text-decoration: none;color: #333;transition: background .15s;} .gw-search-item:hover{background: #f6fbf2;} .gw-search-item__img{width: 50px;height: 50px;object-fit: contain;border-radius: 4px;flex-shrink: 0;background: #f9f9f9;} .gw-search-item__info{flex: 1;min-width: 0;} .gw-search-item__brand{font-size: 10px;color: #70b941;font-weight: 600;text-transform: uppercase;letter-spacing: .3px;line-height: 1.2;} .gw-search-item__title{font-size: 14px;font-weight: 500;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .gw-search-item__code{font-size: 11px;color: #999;} .gw-search-item__price{text-align: right;flex-shrink: 0;white-space: nowrap;} .gw-search-item__price-current{font-size: 14px;font-weight: 700;color: #333;} .gw-search-item__price-old{font-size: 11px;color: #999;text-decoration: line-through;} .gw-search-more{display: block;text-align: center;padding: 12px;color: #70b941;font-weight: 600;font-size: 14px;text-decoration: none;border-top: 1px solid #f0f0f0;transition: background .15s;} .gw-search-more:hover{background: #f6fbf2;color: #5a9e2e;} .gw-search-empty{padding: 20px;text-align: center;color: #999;font-size: 14px;} .gw-search-loading{padding: 16px;text-align: center;color: #999;} .gw-search-loading::after{content: '';display: inline-block;width: 16px;height: 16px;border: 2px solid #ddd;border-top-color: #70b941;border-radius: 50%;animation: gw-spin .6s linear infinite;vertical-align: middle;margin-left: 8px;} @keyframes gw-spin{to{transform: rotate(360deg)}} #ms .gw-search-results{left: -1px;right: -1px;} .gw-search-highlight{background: #e8f5e0;border-radius: 2px;padding: 0 1px;} /* ===================================================== ОФИСЫ / РЦ / ПВЗ ===================================================== */ .gw-offices-list{margin: 20px 0;} .gw-offices-city-group{margin-bottom: 30px;} .gw-offices-city-title{font-size: 20px;font-weight: 600;color: #222;margin-bottom: 16px;padding-bottom: 8px;border-bottom: 2px solid #4caf50;} .gw-offices-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 16px;} .gw-offices-empty{color: #666;font-style: italic;padding: 20px;text-align: center;background: #f9f9f9;border-radius: 8px;} .gw-office-card{background: #fff;border: 1px solid #e8e8e8;border-radius: 10px;padding: 18px;transition: box-shadow .2s, border-color .2s;} .gw-office-card:hover{box-shadow: 0 4px 16px rgba(0,0,0,.08);border-color: #ccc;} .gw-office-card.gw-office-special{border-left: 3px solid #4caf50;} .gw-office-card-header{display: flex;align-items: center;gap: 8px;margin-bottom: 10px;} .gw-office-type{font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: .5px;padding: 3px 8px;border-radius: 4px;} .gw-office-type--dealer{background: #e8f5e9;color: #2e7d32;} .gw-office-type--shop{background: #e3f2fd;color: #1565c0;} .gw-office-type--pvz{background: #fff3e0;color: #e65100;} .gw-office-badge{font-size: 11px;font-weight: 600;color: #4caf50;background: #e8f5e9;padding: 3px 8px;border-radius: 4px;} .gw-office-name{font-size: 16px;font-weight: 600;color: #222;margin: 0 0 12px;} .gw-office-details{display: flex;flex-direction: column;gap: 8px;} .gw-office-detail{display: flex;align-items: flex-start;gap: 8px;font-size: 13px;color: #555;line-height: 1.4;} .gw-office-detail svg{flex-shrink: 0;margin-top: 2px;color: #999;} .gw-office-detail a{color: #2e7d32;text-decoration: none;} .gw-office-detail a:hover{text-decoration: underline;} .gw-office-how-to-find{font-style: italic;color: #888;} .gw-product-office{background: #f8faf8;border: 1px solid #e0e8e0;border-radius: 8px;padding: 14px;margin: 16px 0;} .gw-product-office-header{display: flex;align-items: center;gap: 6px;font-size: 13px;font-weight: 600;color: #2e7d32;margin-bottom: 10px;} .gw-product-office-header svg{color: #4caf50;} .gw-product-office-body{display: flex;flex-direction: column;gap: 4px;} .gw-product-office-name{font-size: 14px;font-weight: 600;color: #333;} .gw-product-office-address{font-size: 13px;color: #555;} .gw-product-office-hours{font-size: 12px;color: #888;} .gw-product-office-phone{font-size: 13px;} .gw-product-office-phone a{color: #2e7d32;text-decoration: none;font-weight: 500;} .gw-product-office-phone a:hover{text-decoration: underline;} .gw-product-office-more{display: block;margin-top: 10px;font-size: 13px;color: #2e7d32;text-decoration: none;font-weight: 500;} .gw-product-office-more:hover{text-decoration: underline;} .gw-offices-map-page{margin: 20px 0;} .gw-offices-map-controls{margin-bottom: 16px;} .gw-offices-search-row{display: flex;gap: 12px;align-items: center;flex-wrap: wrap;} .gw-offices-search-input{flex: 1;min-width: 200px;padding: 10px 16px;border: 1px solid #ddd;border-radius: 8px;font-size: 15px;font-family: inherit;transition: border-color .2s;} .gw-offices-search-input:focus{border-color: #4caf50;outline: none;box-shadow: 0 0 0 3px rgba(76,175,80,.15);} .gw-offices-type-filters{display: flex;gap: 6px;} .gw-type-filter{padding: 8px 14px;border: 1px solid #ddd;border-radius: 6px;font-size: 13px;cursor: pointer;background: #fff;transition: all .2s;user-select: none;} .gw-type-filter:hover{border-color: #4caf50;} .gw-type-filter.active{background: #4caf50;color: #fff;border-color: #4caf50;} .gw-offices-map-wrapper{display: flex;gap: 0;border: 1px solid #e0e0e0;border-radius: 10px;overflow: hidden;} .gw-offices-sidebar{width: 360px;flex-shrink: 0;max-height: 600px;overflow-y: auto;background: #fafafa;border-right: 1px solid #e0e0e0;} .gw-offices-sidebar-count{padding: 12px 16px;font-size: 13px;color: #666;border-bottom: 1px solid #e0e0e0;background: #fff;position: sticky;top: 0;z-index: 1;} .gw-offices-sidebar-list{padding: 8px;} .gw-offices-sidebar .gw-map-card{padding: 12px;border-bottom: 1px solid #eee;cursor: pointer;transition: background .15s;border-radius: 6px;margin-bottom: 4px;} .gw-offices-sidebar .gw-map-card:hover{background: #e8f5e9;} .gw-offices-sidebar .gw-map-card.active{background: #e8f5e9;border-left: 3px solid #4caf50;} .gw-map-card-name{font-size: 14px;font-weight: 600;color: #333;margin-bottom: 4px;} .gw-map-card-type{font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: .3px;margin-bottom: 4px;} .gw-map-card-address{font-size: 12px;color: #666;margin-bottom: 2px;} .gw-map-card-hours{font-size: 11px;color: #999;} .gw-map-card-phone{font-size: 12px;margin-top: 4px;} .gw-map-card-phone a{color: #2e7d32;text-decoration: none;} #gw-offices-ymap{flex: 1;min-height: 400px;} .gw-partner-notice{border-radius: 8px;overflow: hidden;} .gw-partner-notice--compact{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;background: #fff8e1;border: 1px solid #ffe082;margin-top: 10px;} .gw-partner-notice-icon{flex-shrink: 0;width: 22px;height: 22px;border-radius: 50%;background: #ff9800;color: #fff;font-size: 13px;font-weight: 800;display: flex;align-items: center;justify-content: center;margin-top: 1px;} .gw-partner-notice-text{font-size: 12px;line-height: 1.5;color: #5d4037;} .gw-partner-notice-text strong{color: #e65100;font-size: 13px;} .gw-partner-notice-name{display: block;font-size: 11px;color: #8d6e63;margin-top: 2px;} .gw-partner-notice--full{background: linear-gradient(135deg, #fff8e1 0%, #fff3e0 100%);border: 2px solid #ff9800;padding: 24px;margin-bottom: 24px;} .gw-partner-notice-badge{display: inline-block;background: #ff9800;color: #fff;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: .8px;padding: 4px 12px;border-radius: 4px;margin-bottom: 12px;} .gw-partner-notice-title{font-size: 18px;font-weight: 700;color: #333;margin: 0 0 8px;} .gw-partner-notice-desc{font-size: 14px;color: #555;margin: 0 0 16px;line-height: 1.5;} .gw-partner-id-block{display: inline-flex;align-items: center;gap: 10px;background: #fff;border: 2px dashed #ff9800;border-radius: 8px;padding: 12px 20px;margin-bottom: 16px;} .gw-partner-id-label{font-size: 14px;color: #666;} .gw-partner-id-value{font-size: 28px;font-weight: 800;color: #e65100;letter-spacing: 1px;} .gw-partner-notice-partner{font-size: 14px;color: #555;margin: 0 0 8px;} .gw-partner-notice-help{font-size: 13px;color: #888;margin: 0;} .gw-partner-notice-help a{color: #2e7d32;font-weight: 600;text-decoration: none;} .gw-partner-notice-help a:hover{text-decoration: underline;} .gw-offices-tab{padding: 20px 0;} .gw-offices-tab-title{font-size: 18px;font-weight: 600;color: #222;margin-bottom: 16px;} .gw-product-office--no-offices .gw-product-office-body{gap: 6px;} .gw-product-office-no-city{font-size: 13px;color: #555;margin: 0;line-height: 1.5;} .gw-product-office-order-hint{font-size: 12px;color: #888;margin: 0;line-height: 1.5;} #contact{padding-top: 20px;} #contact .item{font-size: 14px;color: #999999;} #contact .item a, #contact .item .ad{display: block;font-size: 20px;color: black;font-weight: 500;line-height: 20px;} #footer{background-color: #F6F7F8;padding: 80px 0px;font-size: 15px;} #footer a{color: black;} #footer .title{margin-top: 20px;} #footer .button{display: block;color: white;margin-top: 20px;padding: 10px;} #footer .button:hover{color: white!important;} #footer .widget-title{font-size: 18px;margin-bottom: 15px;} #footer ul{padding: 0px;list-style: none;} #footer ul li{padding: 5px 0px;} #footer .phone{font-size: 20px;font-weight: 500;} #footer .ad{margin: 10px 0px;} #footer .mail{color: #70b941;font-weight: 500;white-space: nowrap;} #footer .soc{margin-top: 20px;} #footer .copy{font-size: 12px;font-style: italic;margin-top: 10px;color: #999999;} /* ── Модальное окно выбора города ── */ #CityChoose{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;background: rgba(0,0,0,.45);overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 40px 16px;align-items: flex-start;justify-content: center;} #CityChoose.open{display: flex;} .gw-city-modal{position: relative;background: #fff;border-radius: 16px;width: 100%;max-width: 580px;padding: 36px 32px 28px;margin: auto;box-shadow: 0 20px 60px rgba(0,0,0,.18);animation: gwCityIn .25s ease-out;} @keyframes gwCityIn{from{opacity: 0;transform: translateY(-20px) scale(.97);}to{opacity: 1;transform: none;}} .gw-city-modal__close{position: absolute;top: 14px;right: 14px;background: none;border: none;cursor: pointer;color: #999;transition: color .2s;padding: 4px;} .gw-city-modal__close:hover{color: #333;} .gw-city-modal__header{text-align: center;margin-bottom: 24px;} .gw-city-modal__icon{margin-bottom: 8px;} .gw-city-modal__title{font-size: 22px;font-weight: 600;margin: 0 0 6px;color: #222;} .gw-city-modal__current{font-size: 14px;color: #888;} .gw-city-modal__current strong{color: #70b941;font-weight: 600;} .gw-city-search{position: relative;margin-bottom: 24px;} .gw-city-search__icon{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);pointer-events: none;} #gw-city-input{width: 100%;height: 48px;padding: 0 16px 0 42px;border: 2px solid #e8e8e8;border-radius: 12px;font-size: 15px;outline: none;transition: border-color .2s, box-shadow .2s;background: #fafafa;} #gw-city-input:focus{border-color: #70b941;box-shadow: 0 0 0 3px rgba(112,185,65,.15);background: #fff;} #gw-city-input::placeholder{color: #bbb;} .gw-city-dropdown{display: none;position: absolute;left: 0;right: 0;top: calc(100% + 4px);background: #fff;border: 1px solid #e0e0e0;border-radius: 12px;max-height: 240px;overflow-y: auto;z-index: 100;box-shadow: 0 12px 32px rgba(0,0,0,.12);} .gw-city-dropdown a{display: block;padding: 11px 16px;color: #333;text-decoration: none;transition: background .15s;font-size: 15px;} .gw-city-dropdown a:first-child{border-radius: 12px 12px 0 0;} .gw-city-dropdown a:last-child{border-radius: 0 0 12px 12px;} .gw-city-dropdown a:hover, .gw-city-dropdown a.active{background: #f0f9eb;color: #70b941;} .gw-city-empty{padding: 14px 16px;color: #999;font-size: 14px;} .gw-city-modal__popular{margin-bottom: 20px;} .gw-city-modal__label{font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: .8px;color: #aaa;margin-bottom: 10px;} .gw-city-pills{display: flex;flex-wrap: wrap;gap: 8px;} .gw-city-pill{display: inline-block;padding: 7px 14px;font-size: 13px;color: #444;background: #f5f5f5;border-radius: 20px;text-decoration: none;transition: all .2s;border: 1px solid transparent;} .gw-city-pill:hover{background: #e8f5e0;color: #4a9a23;border-color: #c8e6b8;} .gw-city-pill--active{background: #70b941;color: #fff;border-color: #70b941;font-weight: 500;} .gw-city-pill--active:hover{background: #5fa032;color: #fff;border-color: #5fa032;} .gw-city-modal__all{display: flex;align-items: center;gap: 12px;padding-top: 16px;border-top: 1px solid #f0f0f0;} .gw-city-modal__note{font-size: 13px;color: #999;flex: 1;} .gw-city-modal__map-link{display: inline-flex;align-items: center;gap: 6px;font-size: 13px;color: #70b941;font-weight: 500;text-decoration: none;transition: color .2s;} .gw-city-modal__map-link:hover{color: #4a9a23;} @media (max-width: 600px){ #CityChoose{padding: 16px 10px;} .gw-city-modal{padding: 28px 20px 20px;border-radius: 14px;} .gw-city-modal__title{font-size: 19px;} .gw-city-pill{padding: 6px 11px;font-size: 12px;} } /* ===================================================== ОТЗЫВЫ ===================================================== */ .reviews_mes{background: #70b941;color: white;text-align: center;padding: 12px 20px;margin: 10px 0;border-radius: 6px;} .reviews_mes.bad{background: #e74c3c;} /* Блок рейтинга — красивый с разбивкой по звёздам */ .gw-rating-block{display: flex;align-items: center;gap: 40px;background: #fff;padding: 36px 40px;border-radius: 16px;box-shadow: 0 4px 20px rgba(0,0,0,0.05);border: 1px solid #eee;} .gw-rating-block__left{text-align: center;flex-shrink: 0;min-width: 120px;} .gw-rating-block__number{font-size: 64px;font-weight: 700;color: #70b941;line-height: 1;margin-bottom: 8px;} .gw-rating-block__stars{display: flex;justify-content: center;gap: 3px;margin-bottom: 6px;} .gw-rating-block__stars .gw-star-icon{width: 22px;height: 22px;} .gw-rating-block__count{font-size: 14px;color: #888;} .gw-rating-block__bars{flex: 1;display: flex;flex-direction: column;gap: 8px;} .gw-rating-bar{display: flex;align-items: center;gap: 10px;} .gw-rating-bar__label{display: flex;align-items: center;gap: 4px;font-size: 14px;font-weight: 500;color: #555;min-width: 36px;justify-content: flex-end;} .gw-rating-bar__label .gw-star-icon{width: 14px;height: 14px;} .gw-rating-bar__track{flex: 1;height: 10px;background: #f0f0f0;border-radius: 5px;overflow: hidden;} .gw-rating-bar__fill{height: 100%;background: linear-gradient(90deg, #70b941, #8dd35f);border-radius: 5px;transition: width .6s ease;} .gw-rating-bar__num{font-size: 13px;color: #999;min-width: 24px;text-align: right;} @media (max-width: 600px){ .gw-rating-block{flex-direction: column;gap: 24px;padding: 24px 20px;} .gw-rating-block__left{min-width: unset;} .gw-rating-block__number{font-size: 48px;} } #reviews .stars, .gw-slider--reviews .stars, .average-rating .stars, .total .stars{display: flex;align-items: center;gap: 2px;} .gw-star-icon{display: block;flex-shrink: 0;} .reviews_form{display: grid;gap: 12px;margin-bottom: 30px;background: #f9f9f9;} .reviews_form label{font-weight: 600;display: block;margin-bottom: 4px;} .reviews_form label span{color: #e74c3c;} .reviews_form .text{padding: 12px 15px;width: 100%;border: 2px solid #e8e8e8;border-radius: 6px;font-size: 15px;transition: border-color .2s;font-family: inherit;box-sizing: border-box;} .reviews_form .text:focus{outline: none;border-color: #70b941;} .reviews_form textarea.text{resize: vertical;min-height: 100px;} .reviews_form fieldset{border: none;padding: 0;margin: 0;} .reviews_form .stars{unicode-bidi: bidi-override;direction: rtl;display: flex;justify-content: flex-end;gap: 6px;} .reviews_form .stars input{display: none;} .reviews_form .stars label{cursor: pointer;transition: transform .15s;} .reviews_form .stars label svg{width: 28px;height: 28px;fill: #ddd;transition: fill .15s;} .reviews_form .stars label:hover{transform: scale(1.15);} .reviews_form .stars > input:checked ~ label svg, .reviews_form .stars > input + label:hover ~ label svg, .reviews_form .stars > input + label:hover svg{fill: #70b941;} .reviews_form .poly{font-size: 13px;line-height: 1.5;display: flex;align-items: flex-start;gap: 10px;cursor: pointer;} .reviews_form .poly input[type="checkbox"]{width: 18px;height: 18px;min-width: 18px;margin-top: 2px;cursor: pointer;accent-color: #70b941;} .reviews_form .poly a{color: #70b941;text-decoration: underline;} .reviews_form .poly a:hover{text-decoration: none;} .reviews_form .button[disabled]{opacity: .5;cursor: not-allowed;} .reviews-list{display: grid;gap: 20px;} @media (min-width: 768px){.reviews-list{grid-template-columns: 1fr 1fr;}} .gw-slider--reviews .gw-review-card{background: #f9f9f9;} .gw-slider--reviews .stars .gw-star-icon{width: 16px;height: 16px;} .file-uploader{margin-top: 4px;} .upload-area{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 25px 20px;border: 2px dashed #ddd;border-radius: 8px;cursor: pointer;transition: all .2s;text-align: center;gap: 8px;} .upload-area:hover, .upload-area.drag-over{border-color: #70b941;background: #f0f9eb;} .upload-area .file-input{display: none;} .upload-icon{color: #bbb;transition: color .2s;} .upload-area:hover .upload-icon{color: #70b941;} .upload-text p{margin: 0;font-size: 14px;color: #666;} .upload-hint{font-size: 12px!important;color: #aaa!important;} .files-preview{display: none;} .files-preview.active{display: block;} .file-item{display: flex;align-items: center;gap: 12px;padding: 10px;background: #fff;border-radius: 6px;margin-top: 8px;border: 1px solid #eee;} .file-item img{width: 60px;height: 60px;object-fit: cover;border-radius: 4px;} .file-info{flex: 1;min-width: 0;} .file-name{font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .file-size{font-size: 11px;color: #999;} .remove-file{background: none;border: none;font-size: 22px;color: #ccc;cursor: pointer;padding: 0 5px;line-height: 1;} .remove-file:hover{color: #e74c3c;} .offices-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 15px;margin-top: 20px;} .office-card{background: #fff;padding: 20px;border-radius: 8px;box-shadow: 0 1px 4px rgba(0,0,0,.04);} .office-type{font-size: 12px;text-transform: uppercase;color: #70b941;font-weight: 600;letter-spacing: .5px;margin-bottom: 6px;} .office-name{font-weight: bold;margin-bottom: 4px;} .office-address{font-size: 14px;color: #666;margin-bottom: 4px;} .office-hours{font-size: 13px;color: #999;margin-bottom: 4px;} .office-phone a{color: #70b941;font-weight: 500;} .page-numbers{display: flex;list-style: none;padding: 0;gap: 5px;margin-top: 20px;justify-content: center;flex-wrap: wrap;} .page-numbers a, .page-numbers span.current{display: flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0 10px;border-radius: 6px;font-size: 14px;text-decoration: none;color: #333;background: #f5f5f5;transition: all .2s;} .page-numbers a:hover{background: #70b941;color: #fff;} .page-numbers span.current{background: #70b941;color: #fff;font-weight: 600;} /* Блок офиса в футере */ .footer-office{margin-top:15px;} .footer-office-title{font-weight:600;font-size:14px;margin-bottom:4px;} .footer-office-address{font-size:13px;color:#555;margin-bottom:2px;} .footer-office-hours{font-size:12px;color:#888;margin-bottom:4px;} .footer-office-more{font-size:13px;color:#70b941;text-decoration:none;} .footer-office-more:hover{text-decoration:underline;} /* Карточки офисов на странице /offices/ */ .cab-offices-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-top: 20px;} .cab-office-card{background: #fff;border-radius: 14px;padding: 24px;box-shadow: 0 2px 12px rgba(0,0,0,0.04);border: 1px solid #eee;transition: box-shadow .3s;} .cab-office-card:hover{box-shadow: 0 8px 30px rgba(0,0,0,0.08);} .cab-office-card--main{border-color: #70b941;background: linear-gradient(135deg, #fff 90%, #f0f9eb 100%);} .cab-office-card__type{font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;color: #70b941;margin-bottom: 8px;} .cab-office-card__address{font-size: 16px;font-weight: 600;color: #1a1a1a;margin-bottom: 12px;line-height: 1.4;} .cab-office-card__hours,.cab-office-card__phone{display: flex;align-items: center;gap: 8px;font-size: 14px;color: #555;margin-bottom: 6px;} .cab-office-card__hours svg,.cab-office-card__phone svg{flex-shrink: 0;color: #70b941;} .cab-office-card__phone a{color: #333;font-weight: 500;text-decoration: none;} .cab-office-card__phone a:hover{color: #70b941;} .cab-office-card__hint{font-size: 13px;color: #888;margin-top: 8px;line-height: 1.5;font-style: italic;} @media (max-width: 600px){.cab-offices-grid{grid-template-columns: 1fr;}} /* ===================================================== АДАПТИВ — Доп. блоки (поиск, офисы, карточка товара) ===================================================== */ @media (max-width: 767px) { .gw-search-item{padding: 8px 12px;gap: 10px;} .gw-search-item__img{width: 40px;height: 40px;} .gw-search-item__title{font-size: 13px;} .gw-offices-grid{grid-template-columns: 1fr;} .gw-offices-search-row{flex-direction: column;} .gw-offices-search-input{min-width: unset;width: 100%;} .gw-offices-type-filters{width: 100%;overflow-x: auto;flex-wrap: nowrap;} .gw-offices-map-wrapper{flex-direction: column-reverse;} .gw-offices-sidebar{width: 100%;max-height: 50vh;border-right: none;border-top: 1px solid #e0e0e0;order: 2;} #gw-offices-ymap{min-height: 300px;order: 1;} #tovar .tab-content{padding: 15px;} .cab-hero__grid{flex-direction: column;text-align: center;} .cab-hero__content{max-width: 100%;} .cab-hero__content h1{font-size: 26px;line-height: 32px;} .cab-hero__visual{display: none;} .cab-cards{grid-template-columns: 1fr;} .cab-steps{grid-template-columns: 1fr;} .cab-sections{grid-template-columns: repeat(2, 1fr);} } /* ── Личный кабинет — лендинг ── */ .cab-hero{position: relative;overflow: hidden;background: linear-gradient(135deg, #f0f9eb 0%, #e3f2d9 50%, #fff 100%);padding: 60px 0 50px;} .cab-hero__grid{display: flex;align-items: center;gap: 50px;} .cab-hero__content{flex: 1;max-width: 560px;} .cab-hero__content h1{font-size: 38px;font-weight: 300;line-height: 1.2;color: #1a1a1a;margin: 0 0 20px;} .cab-hero__content h1 span{color: #70b941;font-weight: 500;} .cab-hero__desc{font-size: 17px;color: #555;line-height: 1.7;margin-bottom: 30px;} .cab-hero__bts{display: flex;gap: 14px;flex-wrap: wrap;} .cab-hero__visual{flex: 0 0 380px;position: relative;} .cab-hero__visual svg{width: 100%;height: auto;} .cab-hero__decor{position: absolute;top: -30px;right: -30px;width: 200px;height: 200px;background: radial-gradient(circle, rgba(112,185,65,0.12) 0%, transparent 70%);border-radius: 50%;} .cab-cards{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;} .cab-card{background: #fff;border-radius: 16px;padding: 32px 28px;box-shadow: 0 4px 20px rgba(0,0,0,0.04);transition: all .3s;border: 1px solid #eee;position: relative;overflow: hidden;} .cab-card:hover{box-shadow: 0 12px 40px rgba(0,0,0,0.08);transform: translateY(-4px);} .cab-card--accent{border-color: #70b941;background: linear-gradient(135deg, #fff 90%, #f0f9eb 100%);} .cab-card--accent::before{content: "Рекомендуем";position: absolute;top: 22px;right: -30px;background: #70b941;color: #fff;font-size: 10px;font-weight: 700;padding: 5px 38px;transform: rotate(45deg);letter-spacing: .5px;z-index: 1;} .cab-card__icon{width: 48px;height: 48px;background: linear-gradient(135deg, #70b941, #5fa336);border-radius: 12px;display: flex;align-items: center;justify-content: center;margin-bottom: 18px;} .cab-card__icon svg{width: 24px;height: 24px;fill: #fff;} .cab-card h3{font-size: 20px;font-weight: 600;margin: 0 0 14px;color: #1a1a1a;} .cab-card ul{list-style: none;padding: 0;margin: 0;} .cab-card li{position: relative;padding: 6px 0 6px 22px;color: #555;line-height: 1.6;font-size: 15px;} .cab-card li::before{content: "✓";position: absolute;left: 0;color: #70b941;font-weight: 700;} .cab-steps{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;} .cab-step{text-align: center;padding: 30px 20px;background: #fff;border-radius: 14px;box-shadow: 0 4px 16px rgba(0,0,0,0.04);position: relative;transition: all .3s;} .cab-step:hover{box-shadow: 0 8px 30px rgba(0,0,0,0.08);transform: translateY(-3px);} .cab-step__num{width: 50px;height: 50px;background: linear-gradient(135deg, #70b941, #5fa336);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight: 700;margin: 0 auto 16px;} .cab-step h3{font-size: 17px;font-weight: 600;margin: 0 0 10px;color: #1a1a1a;} .cab-step p{font-size: 14px;color: #666;line-height: 1.6;margin: 0;} .cab-step__arrow{display: none;} @media (min-width: 922px){ .cab-step__arrow{display: block;position: absolute;right: -16px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 8px solid #70b941;border-top: 6px solid transparent;border-bottom: 6px solid transparent;z-index: 2;} .cab-step:last-child .cab-step__arrow{display: none;} } .cab-sections{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;} .cab-sec{background: #f9f9f9;border-radius: 14px;padding: 28px 20px;text-align: center;transition: all .3s;} .cab-sec:hover{background: #fff;box-shadow: 0 8px 30px rgba(0,0,0,0.06);transform: translateY(-4px);} .cab-sec__icon{width: 56px;height: 56px;background: linear-gradient(135deg, #e8f5e0, #d6edcc);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 14px;} .cab-sec__icon svg{width: 26px;height: 26px;fill: #4a9e28;} .cab-sec h4{font-size: 16px;font-weight: 600;margin: 0 0 8px;color: #1a1a1a;} .cab-sec p{font-size: 13px;color: #777;line-height: 1.5;margin: 0;} .cab-office-inline{display: flex;align-items: center;gap: 8px;margin-top: 12px;padding: 10px 14px;background: #f8fdf5;border-radius: 8px;font-size: 13px;color: #333;line-height: 1.4;} .cab-office-inline svg{flex-shrink: 0;} .cab-mentor{display: flex;align-items: center;gap: 40px;} .cab-mentor__photo{flex: 0 0 430px;} .cab-mentor__photo img{border-radius: 16px;width: 100%;height: auto;box-shadow: 0 8px 30px rgba(0,0,0,0.08);} .cab-mentor__content{flex: 1;} .cab-mentor__content h2{margin-top: 0;} .cab-mentor__content p{color: #555;line-height: 1.7;margin-bottom: 14px;font-size: 15px;} .cab-mentor__content ul{list-style: none;padding: 0;margin: 0 0 20px;} .cab-mentor__content li{position: relative;padding: 5px 0 5px 22px;color: #555;line-height: 1.6;font-size: 15px;} .cab-mentor__content li::before{content: "✓";position: absolute;left: 0;color: #70b941;font-weight: 700;} @media (max-width: 921px){ .cab-mentor{flex-direction: column;text-align: center;} .cab-mentor__photo{flex: none;width: 200px;} .cab-mentor__content li{text-align: left;} } .cab-password{background: linear-gradient(135deg, #f8fdf5 0%, #f0f9eb 100%);border-radius: 16px;padding: 40px;max-width: 700px;margin: 0 auto;text-align: center;} .cab-password h2{margin-top: 0;} .cab-password p{color: #555;line-height: 1.7;margin-bottom: 20px;} /* ── FAQ + фото сбоку ── */ .cab-faq-row{display: flex;gap: 40px;align-items: flex-start;margin: 0 auto;} .cab-faq-row__main{flex: 1;min-width: 0;} .cab-faq-row__side{flex: 0 0 240px;position: sticky;top: 100px;text-align: center;} .cab-faq-row__side img{width: 100%;border-radius: 14px;box-shadow: 0 8px 30px rgba(0,0,0,0.08);margin-bottom: 14px;} .cab-faq-row__name{font-size: 17px;font-weight: 600;color: #1a1a1a;} .cab-faq-row__role{font-size: 13px;color: #888;margin-bottom: 4px;} @media (max-width: 921px){ .cab-faq-row{flex-direction: column;} .cab-faq-row__side{flex: none;width: 200px;margin: 0 auto;position: static;} } /* ── Общие утилиты лендингов ── */ .cab-bg-alt{background: #fafafa;} .cab-center{text-align: center;justify-content: center;} .cab-center-mt{text-align: center;margin-top: 30px;} .cab-subtitle{text-align: center;color: #666;line-height: 1.7;margin-bottom: 30px;} .cab-hint{text-align: center;color: #999;font-size: 13px;margin-top: 20px;} .cab-compare__desc{color: #666;font-size: 14px;line-height: 1.6;} .cab-compare__img{text-align: center;margin-bottom: 30px;} .cab-compare__img img{max-width: 700px;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.06);} .cab-link{color: #70b941;} .cab-hint a{color: #70b941;} .cab-faq-row__side .button{width: 100%;margin-top: 12px;} .cab-card__footer{margin-top: 15px;} .cab-card__footer .button{font-size: 13px;padding: 8px 24px;} .cab-cards--gap-top{margin-top: 24px;} .cab-card__img{display: block;margin-top: 16px;border-radius: 10px;overflow: hidden;border: 1px solid #eee;} .cab-card__img img{display: block;width: 100%;height: auto;} /* ── Партнёрская страница ── */ .cab-compare{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;} .cab-compare__col{background: #fff;border-radius: 16px;padding: 32px 28px;box-shadow: 0 4px 20px rgba(0,0,0,0.04);border: 1px solid #eee;} .cab-compare__col--accent{border-color: #70b941;background: linear-gradient(135deg, #fff 90%, #f0f9eb 100%);} .cab-compare__col h3{font-size: 18px;font-weight: 600;margin: 0 0 16px;display: flex;align-items: center;gap: 10px;} .cab-compare__col h3 svg{flex-shrink: 0;} .cab-compare__chain{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 10px;} .cab-compare__chain span{background: #f5f5f5;padding: 5px 12px;border-radius: 20px;font-size: 13px;color: #555;white-space: nowrap;} .cab-compare__chain span.active{background: #70b941;color: #fff;} .cab-compare__col--accent .cab-compare__chain span{background: #e8f5e0;} .cab-compare__col--accent .cab-compare__chain span.active{background: #70b941;color: #fff;} .cab-levels{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;} .cab-level{background: #fff;border-radius: 14px;padding: 24px 16px;text-align: center;box-shadow: 0 4px 16px rgba(0,0,0,0.04);border: 1px solid #eee;transition: all .3s;} .cab-level:hover{box-shadow: 0 8px 30px rgba(0,0,0,0.08);transform: translateY(-3px);} .cab-level__rank{font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: #70b941;font-weight: 700;margin-bottom: 8px;} .cab-level__income{font-size: 26px;font-weight: 700;color: #1a1a1a;margin-bottom: 4px;} .cab-level__label{font-size: 13px;color: #888;} .cab-level--top{border-color: #70b941;background: linear-gradient(135deg, #f8fdf5, #fff);} .cab-level--top .cab-level__income{color: #70b941;} .cab-benefits{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;} .cab-benefit{background: #fff;border-radius: 14px;padding: 28px 22px;box-shadow: 0 4px 16px rgba(0,0,0,0.04);border: 1px solid #eee;transition: all .3s;} .cab-benefit:hover{box-shadow: 0 8px 30px rgba(0,0,0,0.08);transform: translateY(-3px);} .cab-benefit__icon{width: 48px;height: 48px;background: linear-gradient(135deg, #e8f5e0, #d6edcc);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 14px;} .cab-benefit__icon svg{width: 24px;height: 24px;fill: #4a9e28;} .cab-benefit h4{font-size: 17px;font-weight: 600;margin: 0 0 8px;color: #1a1a1a;} .cab-benefit p{font-size: 14px;color: #666;line-height: 1.6;margin: 0;} .cab-auto{background: linear-gradient(135deg, #1a1a1a, #2d2d2d);border-radius: 20px;padding: 50px 40px;color: #fff;display: flex;align-items: center;gap: 40px;} .cab-auto__content{flex: 1;} .cab-auto__content h3{font-size: 26px;font-weight: 300;margin: 0 0 16px;color: #fff;} .cab-auto__content h3 span{color: #70b941;font-weight: 500;} .cab-auto__content p{color: #bbb;line-height: 1.7;margin-bottom: 20px;font-size: 15px;} .cab-auto__stat{display: flex;gap: 30px;margin-bottom: 24px;} .cab-auto__stat-item .num{font-size: 36px;font-weight: 700;color: #70b941;} .cab-auto__stat-item .lbl{font-size: 13px;color: #888;} .cab-auto__visual{flex: 0 0 260px;text-align: center;} .cab-auto__visual svg{width: 100%;height: auto;} @media (max-width: 921px){ .cab-compare{grid-template-columns: 1fr;} .cab-levels{grid-template-columns: repeat(2, 1fr);} .cab-benefits{grid-template-columns: 1fr;} .cab-auto{flex-direction: column;text-align: center;padding: 36px 24px;} .cab-auto__visual{flex: none;width: 200px;} .cab-auto__stat{justify-content: center;} } @media (max-width: 600px){ .cab-levels{grid-template-columns: 1fr;} .cab-auto__stat{flex-direction: column;gap: 12px;} } @media (max-width: 921px){ .cab-hero__grid{flex-direction: column;text-align: center;} .cab-hero__content{max-width: 100%;} .cab-hero__content h1{font-size: 28px;} .cab-hero__visual{display: none;} .cab-hero__bts{justify-content: center;} .cab-cards{grid-template-columns: 1fr;} .cab-steps{grid-template-columns: 1fr;gap: 16px;} .cab-sections{grid-template-columns: repeat(2, 1fr);} } @media (max-width: 600px){ .cab-hero{padding: 40px 0 30px;} .cab-sections{grid-template-columns: 1fr;} .cab-card{padding: 24px 20px;} } /* ── О компании — лендинг ── */ .cab-about-stats{display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;} .cab-about-stat{text-align: center;background: #fff;border-radius: 16px;padding: 32px 20px;box-shadow: 0 4px 20px rgba(0,0,0,0.04);border: 1px solid #eee;transition: all .3s;} .cab-about-stat:hover{box-shadow: 0 12px 40px rgba(0,0,0,0.08);transform: translateY(-4px);} .cab-about-stat__num{font-size: 48px;font-weight: 700;color: #70b941;line-height: 1.1;margin-bottom: 6px;} .cab-about-stat__label{font-size: 17px;font-weight: 600;color: #1a1a1a;margin-bottom: 6px;} .cab-about-stat__desc{font-size: 13px;color: #888;line-height: 1.4;} .cab-about-videos{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;} .cab-about-video{border-radius: 14px;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.06);} .cab-about-video iframe{display: block;border: none;} .cab-about-products{display: flex;align-items: center;gap: 50px;} .cab-about-products__info{flex: 1;} .cab-about-products__info h2{margin-top: 0;} .cab-about-products__info p{color: #555;line-height: 1.7;font-size: 15px;} .cab-about-products__counters{display: flex;gap: 40px;margin-bottom: 24px;} .cab-about-products__counter{text-align: center;} .cab-about-products__num{font-size: 56px;font-weight: 700;color: #70b941;line-height: 1.1;} .cab-about-products__lbl{font-size: 15px;color: #666;font-weight: 500;} .cab-about-products__bts{display: flex;gap: 14px;flex-wrap: wrap;margin-top: 20px;} .cab-about-products__categories{flex: 0 0 340px;display: flex;flex-wrap: wrap;gap: 10px;align-content: flex-start;} .cab-about-cat{display: flex;align-items: center;gap: 8px;padding: 10px 18px;background: #f8fdf5;border: 1px solid #e8f5e0;border-radius: 10px;font-size: 14px;font-weight: 500;color: #333;transition: all .3s;} .cab-about-cat:hover{background: #70b941;color: #fff;border-color: #70b941;} .cab-about-cat:hover img{filter: brightness(10);} .cab-about-cat img{width: 24px;height: 24px;object-fit: contain;} @media (max-width: 921px){ .cab-about-stats{grid-template-columns: repeat(2, 1fr);} .cab-about-videos{grid-template-columns: 1fr;} .cab-about-products{flex-direction: column;} .cab-about-products__categories{flex: none;width: 100%;justify-content: center;} } @media (max-width: 600px){ .cab-about-stats{grid-template-columns: 1fr;} .cab-about-stat__num{font-size: 36px;} .cab-about-products__counters{gap: 24px;} .cab-about-products__num{font-size: 40px;} } /* ── Калькулятор дохода ── */ .cab-calc{display: flex;gap: 40px;align-items: flex-start;} .cab-calc__form{flex: 1;} .cab-calc__field{margin-bottom: 28px;} .cab-calc__field label{display: block;font-size: 15px;font-weight: 500;color: #333;margin-bottom: 10px;} .cab-calc__field input[type="range"]{width: 100%;height: 6px;-webkit-appearance: none;appearance: none;background: #e0e0e0;border-radius: 3px;outline: none;cursor: pointer;} .cab-calc__field input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;width: 22px;height: 22px;border-radius: 50%;background: #70b941;cursor: pointer;box-shadow: 0 2px 6px rgba(112,185,65,0.4);} .cab-calc__field input[type="range"]::-moz-range-thumb{width: 22px;height: 22px;border-radius: 50%;background: #70b941;cursor: pointer;border: none;} .cab-calc__range-val{text-align: right;font-size: 20px;font-weight: 700;color: #70b941;margin-top: 6px;} .cab-calc__result{flex: 0 0 320px;background: linear-gradient(135deg, #f8fdf5, #e8f5e0);border-radius: 20px;padding: 36px 30px;text-align: center;position: sticky;top: 100px;} .cab-calc__result-title{font-size: 14px;text-transform: uppercase;letter-spacing: 1px;color: #888;margin-bottom: 8px;} .cab-calc__result-num{font-size: 42px;font-weight: 700;color: #70b941;line-height: 1.1;margin-bottom: 4px;} .cab-calc__result-period{font-size: 15px;color: #888;margin-bottom: 20px;} .cab-calc__result-details{text-align: left;margin-bottom: 24px;} .cab-calc__detail{display: flex;justify-content: space-between;padding: 8px 0;border-bottom: 1px solid rgba(112,185,65,0.15);font-size: 14px;} .cab-calc__detail-label{color: #666;} .cab-calc__detail-value{font-weight: 600;color: #333;} .cab-calc__field select{width: 100%;padding: 10px 36px 10px 14px;font-size: 15px;border: 2px solid #e0e0e0;border-radius: 10px;background: #fff;color: #333;cursor: pointer;outline: none;transition: border-color 0.2s;box-sizing: border-box;} .cab-calc__field select:focus{border-color: #70b941;} .cab-calc__detail-sub{font-size: 12px;color: #999;padding: 2px 0 8px;border-bottom: 1px solid rgba(112,185,65,0.15);} .cab-calc__result .button{width: 100%;} @media (max-width: 921px){ .cab-calc{flex-direction: column;} .cab-calc__form{width: 100%;min-width: 0;flex: none;} .cab-calc__result{flex: none;width: 100%;position: static;} } @media (max-width: 600px){ .cab-calc__result-num{font-size: 32px;} } /* ── Страница отзывов ── */ .cab-reviews{display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px;} .cab-review{background: #fff;border-radius: 14px;padding: 24px;box-shadow: 0 4px 16px rgba(0,0,0,0.04);border: 1px solid #eee;transition: all .3s;} .cab-review:hover{box-shadow: 0 8px 30px rgba(0,0,0,0.08);} .cab-review__header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;} .cab-review__author{font-size: 15px;font-weight: 600;color: #1a1a1a;} .cab-review__date{font-size: 13px;color: #999;} .cab-review__stars{display: flex;gap: 2px;margin-bottom: 10px;} .cab-review__text{font-size: 14px;color: #555;line-height: 1.6;margin-bottom: 12px;} .cab-review__product{display: flex;align-items: center;gap: 8px;padding: 8px 12px;background: #f8fdf5;border-radius: 8px;font-size: 13px;color: #333;border: 1px solid #e8f5e0;transition: all .2s;} .cab-review__product:hover{border-color: #70b941;color: #70b941;} .cab-review__product img{width: 32px;height: 32px;border-radius: 6px;object-fit: cover;} .cab-reviews-empty{text-align: center;padding: 60px 20px;background: #f9f9f9;border-radius: 16px;} .cab-reviews-empty p{color: #888;font-size: 16px;margin: 16px 0 24px;} @media (max-width: 921px){ .cab-reviews{grid-template-columns: 1fr;} } /* ── Карта сайта ── */ .sitemap-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-top: 24px;} .sitemap-section--wide{grid-column: 1 / -1;} .sitemap-section h2{font-size: 18px;font-weight: 700;color: #1a1a1a;margin-bottom: 14px;padding-bottom: 10px;border-bottom: 2px solid #e8f5e0;} .sitemap-list{list-style: none;padding: 0;margin: 0;} .sitemap-list li{padding: 4px 0;} .sitemap-list a{color: #333;text-decoration: none;font-size: 14px;transition: color .2s;} .sitemap-list a:hover{color: #70b941;} .sitemap-count{display: inline-block;background: #f0f9eb;color: #70b941;font-size: 11px;font-weight: 600;padding: 1px 7px;border-radius: 100px;margin-left: 4px;} .sitemap-list ul{list-style: none;padding: 0 0 0 18px;margin: 2px 0 6px;} .sitemap-list ul a{font-size: 13px;color: #666;} .sitemap-list--brands{column-count: 2;column-gap: 20px;} .sitemap-total{font-size: 14px;color: #888;margin-bottom: 12px;} @media (max-width: 921px){ .sitemap-grid{grid-template-columns: 1fr;gap: 20px;} .sitemap-list--brands,.sitemap-list--products{column-count: 1;} } /* ── GW Lightbox ── */ .gw-lb{position: fixed;inset: 0;z-index: 99999;background: rgba(0,0,0,.88);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity .25s;cursor: zoom-out;} .gw-lb.active{opacity: 1;} .gw-lb img{max-width: 92vw;max-height: 90vh;border-radius: 4px;object-fit: contain;cursor: default;transform: scale(.92);transition: transform .3s cubic-bezier(.25,.46,.45,.94);} .gw-lb.active img{transform: scale(1);} .gw-lb iframe{width: min(90vw, 960px);height: min(50.625vw, 540px);border: none;border-radius: 8px;} .gw-lb__close{position: absolute;top: 16px;right: 20px;width: 44px;height: 44px;background: none;border: none;cursor: pointer;color: #fff;font-size: 36px;line-height: 1;opacity: .7;transition: opacity .2s;} .gw-lb__close:hover{opacity: 1;} .gw-lb__nav{position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;background: rgba(255,255,255,.15);border: none;border-radius: 50%;cursor: pointer;color: #fff;font-size: 22px;opacity: .7;transition: opacity .2s, background .2s;} .gw-lb__nav:hover{opacity: 1;background: rgba(255,255,255,.25);} .gw-lb__nav--prev{left: 16px;} .gw-lb__nav--next{right: 16px;} @media (max-width: 768px){.gw-lb__nav{width: 40px;height: 40px;font-size: 18px;}.gw-lb__nav--prev{left: 8px;}.gw-lb__nav--next{right: 8px;}} /* ═══ SEO-блок категорий/брендов ═══ */ .gw-seo-section{margin-top: 40px;padding: 32px;background: linear-gradient(135deg, #f8faf6 0%, #f0f5ed 100%);border-radius: 16px;border: 1px solid #e8f0e0;} .gw-seo-text{color: #444;font-size: 15px;line-height: 1.75;} .gw-seo-text p{margin: 0 0 14px;} .gw-seo-text p:last-child{margin-bottom: 0;} .gw-seo-text a{color: #4a8c2a;text-decoration: none;border-bottom: 1px solid rgba(74,140,42,.3);transition: border-color .2s, color .2s;} .gw-seo-text a:hover{color: #3a7020;border-bottom-color: #3a7020;} /* ═══ FAQ-блок (категории/бренды) ═══ */ .gw-faq-block{margin-top: 28px;} .gw-faq-block h3{font-size: 18px;font-weight: 600;color: #333;margin: 0 0 16px;padding-bottom: 12px;border-bottom: 2px solid #70b941;} .gw-faq-item{background: #fff;border-radius: 10px;margin-bottom: 8px;overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,.04);border: 1px solid #e8f0e0;transition: box-shadow .2s;} .gw-faq-item:hover{box-shadow: 0 2px 8px rgba(0,0,0,.08);} .gw-faq-question{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 16px 20px;background: none;border: none;cursor: pointer;font-size: 15px;font-weight: 500;text-align: left;color: #333;font-family: inherit;gap: 12px;transition: color .2s;} .gw-faq-question:hover{color: #4a8c2a;} .gw-faq-question span{flex: 1;} .gw-faq-question svg{flex-shrink: 0;color: #70b941;transition: transform .3s;} .gw-faq-item.active .gw-faq-question svg{transform: rotate(180deg);} .gw-faq-answer{max-height: 0;overflow: hidden;transition: max-height .35s ease;} .gw-faq-item.active .gw-faq-answer{max-height: 400px;} .gw-faq-answer p{padding: 0 20px 16px;margin: 0;color: #555;line-height: 1.7;font-size: 14px;} @media (max-width: 768px){.gw-seo-section{padding: 20px 16px;margin-top: 28px;}.gw-faq-question{padding: 14px 16px;font-size: 14px;}.gw-faq-answer p{padding: 0 16px 14px;font-size: 13px;}} /* ── Хаб-страница брендов /brand/ ── */ .gw-brands-hub-intro{font-size: 16px;color: #555;line-height: 1.7;margin-bottom: 28px;} .gw-brands-hub{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;margin-bottom: 40px;} .gw-brand-card{display: flex;flex-direction: column;align-items: center;padding: 24px 16px 20px;background: #fff;border: 1px solid #eee;border-radius: 14px;text-decoration: none;color: #333;transition: all .25s ease;text-align: center;} .gw-brand-card:hover{border-color: #70b941;box-shadow: 0 6px 24px rgba(112,185,65,.12);transform: translateY(-3px);} .gw-brand-card__logo{height: 56px;display: flex;align-items: center;justify-content: center;margin-bottom: 12px;} .gw-brand-card__logo img{max-height: 48px;max-width: 140px;object-fit: contain;} .gw-brand-card__name-fallback{font-size: 18px;font-weight: 700;color: #70b941;} .gw-brand-card__info{display: flex;flex-direction: column;gap: 2px;} .gw-brand-card__name{font-weight: 600;font-size: 15px;color: #333;} .gw-brand-card__count{font-size: 13px;color: #999;} .gw-brand-card__desc{font-size: 13px;color: #777;line-height: 1.5;margin-top: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} @media (max-width: 768px){.gw-brands-hub{grid-template-columns: repeat(2, 1fr);gap: 10px;}.gw-brand-card{padding: 16px 12px;}.gw-brand-card__logo{height: 40px;}.gw-brand-card__logo img{max-height: 36px;max-width: 100px;}} @media (max-width: 480px){.gw-brands-hub{grid-template-columns: 1fr;}} /* ── Блок самовывоза / РЦ в категориях ── */ .gw-rc-pickup{display: flex;gap: 24px;align-items: center;background: #f8fdf5;border: 1px solid #e0edda;border-radius: 12px;padding: 24px 28px;} .gw-rc-pickup__info{flex: 1;} .gw-rc-pickup__type{font-size: 13px;font-weight: 600;color: #70b941;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 6px;} .gw-rc-pickup__address{font-size: 15px;font-weight: 500;color: #333;margin-bottom: 4px;} .gw-rc-pickup__hours{font-size: 14px;color: #666;margin-bottom: 2px;} .gw-rc-pickup__phone{font-size: 14px;} .gw-rc-pickup__phone a{color: #70b941;text-decoration: none;font-weight: 500;} .gw-rc-pickup__phone a:hover{text-decoration: underline;} .gw-rc-pickup__actions{display: flex;flex-direction: column;gap: 8px;flex-shrink: 0;} @media (max-width: 768px){.gw-rc-pickup{flex-direction: column;align-items: stretch;text-align: center;padding: 20px;}.gw-rc-pickup__actions{flex-direction: row;justify-content: center;flex-wrap: wrap;}} @media (max-width: 480px){.gw-rc-pickup__actions{flex-direction: column;}} /* ═══════════════════════════════════════════════════ Блог — листинг и карточки статей ═══════════════════════════════════════════════════ */ .blog-intro{font-size: 15px;color: #555;line-height: 1.75;margin-bottom: 28px;} .blog-intro p{margin: 0 0 10px;} .blog-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin-bottom: 40px;} .blog-grid--compact{grid-template-columns: repeat(3, 1fr);gap: 20px;} .blog-card{background: #fff;border: 1px solid #eee;border-radius: 14px;overflow: hidden;transition: all .25s ease;display: flex;flex-direction: column;} .blog-card:hover{border-color: #70b941;box-shadow: 0 6px 24px rgba(112,185,65,.12);transform: translateY(-3px);} .blog-card__image{display: block;aspect-ratio: 16/10;overflow: hidden;background: #f8f8f8;} .blog-card__image img{width: 100%;height: 100%;object-fit: cover;transition: transform .3s;} .blog-card:hover .blog-card__image img{transform: scale(1.05);} .blog-card__noimg{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #f5f5f5;} .blog-card__body{padding: 18px 20px 20px;flex: 1;display: flex;flex-direction: column;} .blog-card__meta{display: flex;align-items: center;gap: 12px;font-size: 13px;color: #999;margin-bottom: 10px;} .blog-card__reading{display: flex;align-items: center;gap: 4px;} .blog-card__title{font-size: 17px;font-weight: 600;line-height: 1.35;margin: 0 0 10px;flex: 1;} .blog-card__title a{color: #333;text-decoration: none;transition: color .2s;} .blog-card__title a:hover{color: #4a8c2a;} .blog-card__excerpt{font-size: 14px;color: #666;line-height: 1.6;margin: 0 0 12px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .blog-card__more{font-size: 14px;font-weight: 500;color: #70b941;text-decoration: none;transition: color .2s;margin-top: auto;} .blog-card__more:hover{color: #4a8c2a;} .blog-empty{text-align: center;color: #999;font-size: 16px;padding: 60px 0;} @media (max-width: 768px){.blog-grid,.blog-grid--compact{grid-template-columns: repeat(2, 1fr);gap: 14px;}.blog-card__title{font-size: 15px;}.blog-card__body{padding: 14px 16px 16px;}} @media (max-width: 480px){.blog-grid,.blog-grid--compact{grid-template-columns: 1fr;}.blog-card__title{font-size: 16px;}} /* ═══════════════════════════════════════════════════ Блог — статья (single) ═══════════════════════════════════════════════════ */ .blog-article__header{margin-bottom: 24px;} .blog-article__meta{display: flex;align-items: center;gap: 14px;font-size: 13px;color: #999;margin-bottom: 12px;flex-wrap: wrap;} .blog-article__meta time{color: #999;} .blog-article__reading{display: flex;align-items: center;gap: 4px;color: #999;} .blog-article__cat{display: inline-block;padding: 3px 12px;background: #f0fae6;color: #4a8c2a;border-radius: 20px;font-size: 12px;font-weight: 500;text-decoration: none;transition: background .2s;} .blog-article__cat:hover{background: #e0edda;} .blog-article__lead{font-size: 17px;line-height: 1.65;color: #555;margin-top: 12px;padding-left: 16px;border-left: 3px solid #70b941;} .blog-article__hero{margin-bottom: 28px;border-radius: 14px;overflow: hidden;} .blog-article__hero img{width: 100%;height: auto;display: block;} /* ── Оглавление ── */ .blog-toc{background: #f8fdf5;border: 1px solid #e0edda;border-radius: 12px;padding: 18px 24px;margin-bottom: 28px;} .blog-toc__title{display: flex;align-items: center;gap: 8px;font-size: 15px;font-weight: 600;color: #333;cursor: pointer;user-select: none;} .blog-toc__arrow{transition: transform .3s;margin-left: auto;} .blog-toc.open .blog-toc__arrow{transform: rotate(180deg);} .blog-toc__list{list-style: decimal;padding-left: 24px;margin: 14px 0 0;display: none;} .blog-toc.open .blog-toc__list{display: block;} .blog-toc__list li{margin-bottom: 6px;font-size: 14px;line-height: 1.5;} .blog-toc__list li a{color: #4a8c2a;text-decoration: none;transition: color .2s;} .blog-toc__list li a:hover{color: #333;} .blog-toc__sub{margin-left: 18px;list-style-type: disc;} /* ── Контент статьи ── */ .blog-article__content{font-size: 16px;line-height: 1.8;color: #333;margin-bottom: 32px;} .blog-article__content h2{font-size: 22px;font-weight: 700;color: #222;margin-top: 24px;padding-bottom: 5px!important;border-bottom: 2px solid #e8f5e0;} .blog-article__content h2 + p,.blog-article__content h2 + ul,.blog-article__content h2 + ol,.blog-article__content h2 + h3{margin-top: 14px;} .blog-article__content h3{font-size: 18px;font-weight: 600;color: #333;margin: 24px 0 10px;} .blog-article__content p{margin: 0 0 16px;} .blog-article__content ul,.blog-article__content ol{margin: 0 0 16px;padding-left: 24px;} .blog-article__content li{margin-bottom: 6px;line-height: 1.7;} .blog-article__content a{color: #4a8c2a;text-decoration: none;border-bottom: 1px solid rgba(74,140,42,.3);transition: border-color .2s, color .2s;} .blog-article__content a:hover{color: #3a7020;border-bottom-color: #3a7020;} .blog-article__content .gw-card a,.blog-article__content .gw-slider a,.blog-article__content .blog-links a,.blog-article__content .gw-faq-block a{color: inherit;border-bottom: none;transition: none;} .blog-article__content .gw-card__btn--buy{color: #fff!important;} .blog-article__content .gw-card a:hover,.blog-article__content .gw-slider a:hover,.blog-article__content .blog-links a:hover{color: inherit;border-bottom: none;} .blog-article__content img{max-width: 100%;height: auto;border-radius: 10px;margin: 16px 0;} .blog-article__content blockquote{margin: 20px 0;padding: 16px 24px;background: #f8fdf5;border-left: 4px solid #70b941;border-radius: 0 10px 10px 0;color: #444;font-style: italic;} .blog-article__content table{width: 100%;border-collapse: collapse;margin: 16px 0;font-size: 14px;} .blog-article__content th,.blog-article__content td{padding: 10px 14px;border: 1px solid #e0edda;text-align: left;} .blog-article__content th{background: #f0fae6;font-weight: 600;color: #333;} .blog-article__content strong{color: #222;} .blog-article__figure{margin: 32px auto;max-width: 700px;text-align: center;} .blog-article__figure img{width: 100%;height: auto;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,.08);} .blog-article__figure figcaption{margin-top: 10px;font-size: 13px;color: #888;font-style: italic;} /* ── Инлайн-блоки в контенте (шорткоды) ── */ .blog-inline-products{margin: 32px 0;} .blog-inline-products__title{font-size: 18px;font-weight: 700;color: #222;margin: 0 0 16px;} .blog-inline-links{margin: 32px 0;padding: 24px;background: #f8fdf5;border-radius: 12px;border: 1px solid #e0edda;} .blog-inline-links h3:first-child,.blog-inline-links__title:first-child,.blog-inline-faq h3:first-child,.blog-inline-products__title:first-child{margin-top: 0;} .blog-inline-links__title{font-size: 16px;font-weight: 700;color: #222;margin: 0 0 12px;} .blog-inline-links__grid{display: flex;flex-wrap: wrap;gap: 10px;} .blog-inline-links__item{display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px;background: #fff;border: 1px solid #d4e8c8;border-radius: 8px;color: #333;text-decoration: none;font-size: 14px;transition: all .2s;} .blog-inline-links__item:hover{border-color: #70b941;background: #f0fae6;color: #333;} .blog-inline-links__count{font-size: 12px;color: #999;} .blog-inline-links__icon{width: 24px;height: 24px;object-fit: contain;} .blog-inline-links__item--brand .blog-inline-links__icon{border-radius: 4px;} .blog-inline-faq{margin: 32px 0;padding: 24px;background: #f8fdf5;border-radius: 12px;border: 1px solid #e0edda;} .blog-inline-faq__title{font-size: 17px;font-weight: 700;color: #222;margin-bottom: 16px;} /* ── FAQ в статье ── */ .blog-faq{margin-bottom: 32px;} .blog-faq h2{font-size: 20px;font-weight: 700;margin: 0 0 16px;color: #222;} /* ── Рекомендуемые товары ── */ .blog-products{margin-bottom: 32px;} .blog-products h2{font-size: 20px;font-weight: 700;margin: 0 0 16px;color: #222;} /* ── Перелинковка ── */ .blog-links{margin-bottom: 32px;} .blog-links h2{font-size: 20px;font-weight: 700;margin: 0 0 16px;color: #222;} .blog-links__grid{display: flex;flex-wrap: wrap;gap: 10px;} .blog-links__item{display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;background: #f8fdf5;border: 1px solid #e0edda;border-radius: 10px;text-decoration: none;color: #333;font-size: 14px;font-weight: 500;transition: all .2s;} .blog-links__item:hover{border-color: #70b941;background: #f0fae6;transform: translateY(-1px);} .blog-links__count{font-size: 12px;color: #999;font-weight: 400;} /* ── CTA блок ── */ .blog-cta{display: flex;align-items: center;justify-content: space-between;gap: 24px;background: linear-gradient(135deg, #f0fae6 0%, #e0f5d0 100%);border: 1px solid #c8e6b0;border-radius: 14px;padding: 28px 32px;margin-bottom: 32px;} .blog-cta__text{flex: 1;} .blog-cta__text strong{display: block;font-size: 18px;color: #222;margin-bottom: 6px;} .blog-cta__text span{font-size: 14px;color: #555;} .blog-cta__buttons{display: flex;gap: 10px;flex-shrink: 0;} @media (max-width: 768px){.blog-cta{flex-direction: column;text-align: center;padding: 24px 20px;}.blog-cta__buttons{width: 100%;justify-content: center;flex-wrap: wrap;}} /* ── Похожие статьи ── */ .blog-related{margin: 32px 0 0;} .blog-related h2{font-size: 20px;font-weight: 700;margin: 0 0 16px;color: #222;} @media (max-width: 768px){.blog-article__content{font-size: 15px;}.blog-article__content h2{font-size: 19px;}.blog-article__lead{font-size: 15px;}.blog-toc{padding: 14px 18px;}}