body {font-family: Inter, Arial, Helvetica, sans-serif; color: rgb(47, 59, 64); min-height: 100vh; display: flex; flex-direction: column;}

h1, h2, h3, h4 {font-family: Manrope, Arial, Helvetica, sans-serif; margin-bottom: 20px; font-weight: 600;}
h1, h2 {font-size: 40px; margin-top: 0;}
h4, .uk-h4 {font-size: 22px; font-weight: 600;}

.container {padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; max-width: 1200px; width: 100%;}
.ht-row {display: flex; align-items: center; justify-content: space-between; gap: 10px;}

header {background: url("/wp-content/uploads/2025/12/2701d329-04e4-482e-8124-89142b376546-1-1.jpg") no-repeat center top; background-size: cover; display: flex; flex-direction: column; position: relative;}
header:before {position: absolute; content: ''; background-image: linear-gradient(90deg, rgb(12, 20, 6) 100%, #FFFFFF 100%); width: 100%; height: 100%; opacity: 0.87;}
.home header {min-height: 100vh;}

.btn {color: #000; background-color: #54b435; font-size: 15px; padding: 15px 45px; display: inline-block; font-weight: 500; text-transform: uppercase; line-height: 1; transition: 0.3s opacity ease; border: 1px solid transparent; }
.btn:hover {opacity: 0.8; text-decoration: none; color: #0F172A;}
.btn.outlined {color: #fff; border: 1px solid #fff; background-color: #02010100;}
.btn.outlined:hover {color: #000; background-color: #54b435; border-color: #54b435;}
.black-btn.btn {background-color: #0F172A; color: #fff;}
.black-btn.btn:hover {color: #0F172A; background-color: #fff;}

.header-top {border-bottom: 1px solid rgba(235,235,235,0.24); padding: 10px 0; position: relative; }
.socials-side svg {width: 26px; height: 26px; color: #fff; /*fill: #3dafff;*/}
.socials-side a[href*="t.me"] {color: #fff; border-radius: 50%; display: block;}
.call-side {color: #54b435; margin-left: auto; margin-right: 0; font-size: 22px; font-weight: 500;}
.call-side a {color: #fff;}

.header-top.uk-active {background-color: rgba(0, 0, 0, 0.9);}
.header-bottom {padding: 24px 0; position: relative; transition: padding-top 0.3s ease, padding-bottom 0.3s ease;}
.header-bottom.uk-active {background-color: rgba(0, 0, 0, 0.9); padding: 10px 0;}
.hb-row {display: flex; justify-content: space-between; gap: 10px; align-items: center;}
.top-menu ul {margin: 0; padding: 0; list-style: none; display: flex; gap: 10px; margin-left: -10px;}
.top-menu ul li a {color: #fff; font-size: 16px; padding: 10px; display: block;}
.top-menu ul li a:hover, .top-menu ul li.bx-active a {color: #54b435;}

.banner-section {position: relative; color: #fff; margin-top: auto; margin-bottom: auto; padding-bottom: 80px;}
.banner-section h1 {color: #fff;}
.banner-section h3 {color: #54b435;}
.banner-text {max-width: 780px;}

.banner-row {align-items: center;}
.banner-row .video-holder {max-width: 320px; margin-left: auto;}

footer {background-color: #0c1406; color: #fff; margin-top: auto;}
footer a {color: #fff;}
footer a:hover {color: #54b435;}
.footer-top {padding-top: 100px; padding-bottom: 45px;}
.footer-top .container {display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; row-gap: 30px;}
.footer-top .left-side {max-width: 262px;}
.footer-top .right-side {display: flex; flex-direction: column; gap: 20px;}
.footer-top .right-side h4 {margin-bottom: 0;}
.footer-top h4 {color: #fff;}
.footer-logo {margin-bottom: 20px; display: block;}

.footer-bottom {padding: 40px 0; border-top: 1px solid rgba(195,193,193,0.27);}
.footer-bottom .container {display: flex; justify-content: space-between; gap: 10px; align-items: center;}

.btns-holder {display: flex; align-items: center; gap: 20px; margin-top: 60px; flex-wrap: wrap;}

.section-reviews {padding-top: 80px;}
.section-reviews h2 {text-align: center;}
.section-reviews h4, .section-reviews .uk-h4 {text-align: center;}

.reviews-list {padding-top: 30px;}
.review-item .review-cont {background-color: #0F172A; color: #fff; padding: 50px; border-bottom: 6px solid #54b435; display: flex; flex-direction: column; gap: 20px;}
.review-item .review-img {width: 70px; height: 70px; border-radius: 50%;}
.review-item .review-post {margin: 0; font-size: 22px; color: #54b435;}
.review-item h3 {margin: 0; color: #fff;}

.section-advs {padding-top: 80px;}
.section-advs h4, .section-advs .uk-h4 {text-align: center;}
.section-advs h2 {text-align: center;}

.advantages-list {padding-top: 30px;}
.advantages-list h3 {line-height: 1.3; margin-top: 20px;}
.advantages-list .advantage-item {padding-bottom: 20px;}

.section-form-faq {padding-top: 0px; padding-bottom: 40px; background-color: #edfbe2; margin-top: 120px; margin-bottom: 40px;}
.section-form-faq .form-holder {background-color: #0F172A; color: #fff; padding: 60px; margin-top: -40px;}
.section-form-faq .form-side h2 {color: #fff;}
.section-form-faq form {margin-top: 32px; display: flex; flex-direction: column; gap: 20px;}
.section-form-faq .form-row:not(.agreement-row) {display: flex; flex-direction: column; gap: 12px;}
.section-form-faq label {font-weight: 600;}
input[type="text"] {width: 100%; border: 0; max-width: 282px; height: 42px; padding-left: 15px; padding-right: 15px; font-size: 16px; font-family: Inter, Arial, Helvetica, sans-serif;}
.agreement-row {font-size: 12px;}


.section-form-faq .faq-side {max-width: 500px; margin-left: auto; padding-top: 32px;}
.section-form-faq .faq-side h4 {color: #54b435;}

.faq-side ul.uk-accordion > li {margin-top: 0;}
.faq-side ul.uk-accordion > li > a {border-top: 1px solid #d5d8dc;}
.faq-side ul.uk-accordion > li:first-child > a {border-top: 0;}
.faq-side ul.uk-accordion {border: 1px solid #d5d8dc;}
.faq-side .uk-accordion-default .uk-accordion-title {font-size: 16px; font-weight: 600; padding: 20px;}
.faq-side .uk-accordion-default .uk-accordion-content {padding-left: 20px; padding-right: 20px; margin-top: 0; padding-bottom: 20px;}

.section-loads {margin-top: 80px;}
.headers-block {padding-bottom: 30px; text-align: center;}
.loads-list img {aspect-ratio: 2 / 3; max-height: 550px; object-fit: cover; width: 100%;}
.loads-list .load-image {position: relative;}
.loads-list .load-image:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, #0C1406 29%, #FFFFFF00 49%); opacity: 0.7;}
.loads-list .load-inner {position: relative;}
.loads-list .load-inner h3 {position: absolute; padding: 15%; margin: 0; left: 0; bottom: 0; color: #fff; font-size: 36px;}

.section-contacts {margin-top: 80px;}
.contacts-blocks {padding-top: 45px;}
.contacts-blocks .cb-inner {border: 1px solid #e1e1e1; padding: 12%; flex: 1;}
.contacts-blocks .contact-block {display: flex; flex-direction: column;}
.contacts-blocks .cb-text a {color: #282828;}

.tra-block {box-shadow: 26px 18px 81px 0px rgba(225, 225, 225, 0.48); border: 1px solid #e1e1e1;}
.tra-item {display: flex; flex-direction: column;}
.tra-item:nth-child(2n) .tra-inner {border-left: 1px solid #e1e1e1;}
.tra-item:nth-child(n+3) .tra-inner {border-top: 1px solid #e1e1e1;}
.tra-inner {padding: 16%; background-color: #fff; flex: 1;}
.tra-inner h2 {}

.lsa-inner {background-color: #54b435; padding: 10%; display: flex; flex-direction: column; justify-content: center; flex: 1;}
.lsa-inner * {color: #282828;}
.lsa-inner .ta-text {margin-top: 20px;}

.top-advs {margin-top: -60px;}
.top-advs .left-side {display: flex; flex-direction: column;}

main {position: relative; padding-bottom: 20px;}

.section-video {margin-top: 80px;}
.video-side {background: url("/wp-content/uploads/2025/12/123-1.jpg") no-repeat center top; background-size: cover; padding-top: 60px; padding-bottom: 60px;}
.calc-side {background: url("/wp-content/uploads/2021/11/image-2-min.jpg") no-repeat center top; background-size: cover; padding-top: 60px; padding-bottom: 60px;}
.sv-inner > div {display: flex; flex-direction: column; position: relative;}
.sv-inner > div:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #0C1406; opacity: 0.8;}
.sv-inner > div.calc-side:before {background-color: #54b435;}
.sv-inner > div > div {max-width: 500px; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; flex: 1; justify-content: center; position: relative;}
.sv-inner h2 {color: #fff;}
.calc__delivery {background-color: #f2f2f2; padding: 36px 25px; font-size: 18px; line-height: 1.5; font-weight: 500;}
.calc__map {border: 1px solid #b6b9b5; margin-bottom: 18px; overflow: hidden; margin-top: 8px; height: 400px !important;}
input[type="text"].calc__input {margin: 10px 0; width: 100%; border: 1px solid #ddd; min-width: 100%;}

.menu-toggle {color: #54b435;}
.socials-side {display: flex; align-items: center; gap: 8px;}
.socials-side a {background-color: #27a7e7; border-radius: 50%; padding: 4px;}
.socials-side a[href*="max"] {background:linear-gradient(90deg, rgba(65, 133, 246, 1) 0%, rgba(73, 48, 224, 1) 48%, rgba(150, 75, 218, 1) 98%)}
.socials-side a[href*="vk"] {background-color: rgba(65, 133, 246, 1);}
.socials-side a svg {fill: #fff;}

.uk-totop {background-color: #54b435; color: #000; position: fixed; bottom: 15px; left: 10px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; opacity: 0; transition: opacity 0.3s ease;}
.uk-totop.animated {opacity: 1;}

.bx-breadcrumb a {color: #54b435;}
.not-home h1 {margin-bottom: 36px;}
.not-home main a:not(.btn) {color: #54b435;}
.catalog-section-list-item-img {aspect-ratio: 3 / 2; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; margin-bottom: 14px;}

.product-item-image-wrapper {display: block; aspect-ratio: 3 / 2; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
.product-item-title {font-size: 20px; font-weight: 600; text-align: center; margin-top: 12px;}
.product-item-info-container {display: none !important;}
.product-item-image-alternative {display: none;}
.product-item-image-original {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}

.geo-block .catalog-section-list ul {list-style: none; padding: 0; margin: 0; column-count: 3;}
.geo-block .catalog-section-list ul li a {display: block; padding: 8px 0; font-weight: 600;}
.geo-block .catalog-section-list + .news-list {display: none;}

.utp-text {font-size: 13px; font-weight: 600;}
.btg-holder img {aspect-ratio: 28 / 13; border-radius: 12px;}
.geo-block .catalog-section-list {margin-top: 32px;}

.agg-inner {display: flex; gap: 14px; align-items: center; padding: 14px; border-radius: 16px; border: 1px solid #ced5df; color: #051a3d; background-color: #fff;}
.agg-inner .agg-average-rating {font-size: 28px; font-weight: 600;}
.agg-inner .agg-reviews-count {font-size: 18px; margin-top: 4px;}

.contacts-map-block {padding-top: 40px;}
.contacts-map-block .contacts-blocks {padding-top: 0;}
.contacts-map-block .contacts-blocks .cb-inner {padding: 8%;}
.contacts-map-block iframe {height: 100%;}

.bt-top {position: relative; margin-bottom: 30px; margin-top: 10px;}
.bt-top .utp-item {display: flex; flex-direction: column;}
.utp-inner {display: flex; gap: 12px; padding: 10px; border-radius: 4px; background-color: #fff; border: 1px solid #54b435; flex: 1;}
.utp-inner svg path {stroke: #54b435 !important;}
.utp-inner ul {margin: 0; padding: 0; margin-top: 12px; padding-left: 13px; display: flex; flex-direction: column; gap: 4px;}
.utp-inner ul p {margin: 0;}
.utp-inner ul li::marker {color: #54b435;}
.utp-inner .utp-top {font-size: 16px; display: flex; gap: 12px; align-items: center;}
.utp-icon {flex-shrink: 0;}

.compl-scheme {margin-bottom: 40px; margin-top: 32px;}
.compl-scheme table td {white-space: nowrap;}
.compl-note {font-size: 16px; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 20px;}
.compl-text {flex: 1;}

.section-descr {margin: 50px 0; margin-bottom: 0;}
.section-sense {margin: 50px 0; margin-top: 32px;}

.steps-bottom {display: flex; align-items: center; border-radius: 8px; border: 1px solid #222; margin-top: 32px; color: #fff; background-color: rgba(84, 180, 53, 0.1);}
.steps-bottom > div {flex: 1; display: flex; padding: 12px; gap: 10px; position: relative; justify-content: center;}
.steps-bottom svg path {stroke: #54b435 !important;}
.sb-item div {/*flex: auto;*/}
.sb-item:before {content: ''; display: block; position: absolute; left: 0; width: 1px; height: calc(100% - 24px); background-color: #555555;}
.sb-item:first-child:before {content: none;}

.work-steps {overflow-x: auto; position: relative; padding: 32px 0; margin-top: 40px;}
.work-steps .container {position: relative;}
.work-steps h2 {margin-bottom: 10px; color: #fff;}
.work-subtitle {color: #fff;}
.steps-center {display: flex; gap: 20px; margin-top: 100px;}
.sc-inner {padding: 20px 16px; border-radius: 12px; box-shadow: 0 0 20px rgba(0,0,0,0.3); flex: 1; position: relative; background-color: #fff;}
.sc-inner:before {content: ''; top: -31px; left: calc(50% + 26px); width: calc(100% - 44px); height: 2px; background-color: #c6700a; position: absolute;}
.sc-top {display: flex; gap: 16px; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.sc-top .sc-image {max-width: 100px; height: 100px; display: flex; align-items: center; justify-content: center;}
.sc-digit {font-size: 20px; font-weight: 600;}
.sc-item {display: flex; flex-direction: column; flex: 1; position: relative; min-width: 218px;}
.sc-item h4 {margin: 0; margin-bottom: 10px; font-size: 17px;}
.sc-text {font-size: 13px;}
.sc-note {font-weight: bold; margin-bottom: 8px; display: flex; align-items: baseline; font-size: 13px;}
.sc-note:before {content: ''; display: inline-flex; width: 8px; height: 8px; background-color: #54b435; border-radius: 50%; margin-right: 8px; flex-shrink: 0;}
.steps-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.steps-bg:after {position: absolute;content: '';background-image: linear-gradient(90deg, rgb(12, 20, 6) 100%, #FFFFFF 100%);width: 100%;height: 100%;opacity: 0.87; left: 0; top: 0;}
.steps-bg img {object-fit: cover; width: 100%; height: 100%;}

.sc-item .extra-holder {position: absolute; top: 0; left: 0; transform: translateY(calc(-100% - 20px)); width: 100%; display: flex; justify-content: center; color: #fff; font-size: 14px;}
.sc-item .extra-holder:after {content: ''; width: 0px; height: 20px; left: 50%; top: 99%; border: 1px dashed #54b435; position: absolute;}
.sc-item .extra-block {padding: 8px; border: 1px solid #54b435; display: flex; gap: 10px; border-radius: 8px;}
.sc-item .extra-block svg path {stroke: #54b435 !important;}

.sc-outer-digit {width: 36px; height: 36px; display: inline-flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 600; margin-bottom: 12px; margin-left: auto; margin-right: auto; border: 1px solid #c6700a; border-radius: 50%; position: relative; color: #fff;}
.sc-outer-digit:before {content: '→'; font-size: 36px; line-height: 1; position: absolute; left: -120%; top: -5px; color: #c6700a;}
.sc-item:first-child .sc-outer-digit:before {content: none;}
.sc-item:last-child .sc-inner:before {content: none;}

.order-here {margin: 32px 0;}
.order-here h2 {margin-bottom: 10px;}
.order-compare {margin: 32px 0; border: 1px solid #ccc; border-radius: 8px;}

.compare-top {display: flex; position: relative;}
.compare-top > div {flex: 1; text-align: center;padding: 18px 0;}
.compare-top .compare-vs {position: absolute; left: 50%; transform: translateX(-50%); width: 48px; height: 48px; font-size: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 0 5px #ccc; font-weight: bold; background-color: #fff;}
.compare-top h3 {margin: 0;}

.compare-main ul {margin: 0; padding: 0;}
.compare-main ul li {display: flex; border-top: 1px solid #ccc;}
.compare-main ul li > div {flex: 1; display: flex; gap: 16px; align-items: center; padding: 12px 20px;}
.compare-main .right-side {}
.compare-main .image-side {min-width: 75px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.compare-main .left-side {background-color: #f8f8f8;}
.compare-main .left-side .image-side {min-width: 185px;}

.order-bottom {display: flex; gap: 20px; align-items: center;}
.order-bottom .ob-text {font-size: 16px; font-weight: 600;}

.container .bt-top .container {max-width: none; padding-left: 0; padding-right: 0;}

@media (max-width: 1199px) {
	
}

@media (max-width: 959px) {
	h2 {font-size: 30px;}
	h3, .uk-h3 {font-size: 20px;}
	h4, .uk-h4 {font-size: 18px;}
	.section-form-faq .form-holder {padding: 7%;}
	.header-bottom {display: none; background-color: rgba(0, 0, 0, 0.9);}
	.hb-row {flex-direction: column; align-items: flex-start;}
	.top-menu ul {flex-direction: column;}
	.call-side span {display: none;}
	
	.video-side {padding-top: 32px; padding-bottom: 32px;}
	.calc-side {padding-top: 32px; padding-bottom: 32px;}
	.sv-inner h2 {padding-left: 15px;}
	.calc__delivery {padding-left: 15px; padding-right: 15px;}
	.contacts-blocks .cb-inner {padding: 8%;}
	.loads-list .load-inner h3 {padding: 8%; font-size: 30px;}
	.review-item .review-cont {padding: 8%;}
	
	.footer-top {padding-top: 42px;}
	.tra-inner {padding: 10%; font-size: 14px;}
	.tra-inner h2 {font-size: 22px; margin-bottom: 12px;}
	
	.call-side {font-size: 10px;}
	.logo-side img {max-width: 120px;}
	.btns-holder {margin-top: 32px;}
	.banner-row .video-holder {margin-left: auto; margin-right: auto;}
	.header-bottom.uk-active {top: 62px !important;}
	
	.ht-row {gap: 8px;}
	.ht-row .btn {font-size: 8px; padding: 8px 8px;}
	
	.socials-side {flex-direction: column; position: fixed; right: 10px; bottom: 30px;}
	.socials-side svg {width: 32px; height: 32px;}
	.socials-side a[href*="vk"] {display: none;}
	.utp-text {font-size: 12px;}
	
	.catalog-section-list-item-title {font-size: 18px;}
	.catalog-section-list-item-img {aspect-ratio: 4 / 3;}
	
	.steps-center {margin-top: 32px; flex-wrap: wrap;}
	.steps-bottom {flex-wrap: wrap;}
	.steps-bottom > div {min-width: 40%; justify-content: flex-start;}
	.sc-item .extra-holder {display: none;}
	.sc-outer-digit {display: none;}
	.sc-inner:before {content: none;}
	.sc-top .sc-image {height: 70px;}
	.sc-top .sc-image img {width: auto; height: 100%;}
	.compl-note {flex-wrap: wrap;}
	.order-bottom {flex-wrap: wrap;}
}

@media (max-width: 559px) {
	.steps-bottom > div {min-width: 100%;}
	.sb-item:before {content: none;}
	.utp-inner .utp-top {font-size: 14px; gap: 8px;}
	.compl-note {flex-direction: column;}
	
	.compare-main ul li > div {flex-direction: column;}
	.compare-top > div {text-align: left; padding-left: 10px;}
	.compare-top h3 {font-size: 14px;}
	.compare-main ul li > div {padding: 12px;}
	.order-bottom .btn {white-space: normal;}
	.compare-top .compare-vs {font-size: 16px; width: 36px; height: 36px; transform: translateX(-50%) translateY(50%);}
	.compare-main .left-side .image-side {min-width: unset;}
	
	.geo-block .catalog-section-list ul {column-count: 2; }
	.geo-block .catalog-section-list ul li {break-inside: avoid-column;}
}