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 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;}
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 {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: 14px; 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;}


@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;}
}