:root {
     --primary-green: #0aa373;
     --primary-yellow: #e84241;
     --light-green: #e8f5e9;
     --dark-green: #004d26;
     --gray-bg: #f9f9f9;
     --text-dark: #333;
     --text-light: #666;
     --white: #ffffff;
     --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
     --border-radius: 8px;
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }


 .footer-links li a,
 .footer-links li {
     color: #ddd;
 }

 .hemp-article ul li a,
 li {
     color: var(--text-light);
 }

 body {
     color: var(--text-dark);
     line-height: 1.6;
 }

 /* Шапка */
 .search-frontpage {
     border-radius: 15px;
     border-color: #999;
     border: 1px solid #b3b3b3;
 }

 .search-frontpage .btn {
     background: transparent !important;
     color: #999 !important;
     left: 0px;
     padding: 0 15px !important;
 }

 .search-frontpage .search-input {
     margin-left: 30px;
 }

 header {
     background-color: var(--white);
     box-shadow: var(--shadow);
     position: sticky;
     top: 0;
     z-index: 100;
 }

 .header-content {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 20px 0;
     flex-wrap: wrap;
 }

 .logo {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .logo-icon {
     color: var(--primary-green);
     font-size: 28px;
 }

 .logo-text {
     font-size: 24px;
     font-weight: 700;
     color: var(--primary-green);
 }

 .logo-text span {
     color: var(--primary-yellow);
 }

 nav ul {
     display: flex;
     list-style: none;
     gap: 30px;
 }

 nav a {
     text-decoration: none;
     color: var(--text-dark);
     font-weight: 500;
     transition: color 0.3s;
 }

 nav a:hover {
     color: var(--primary-green);
 }

 .header-actions {
     display: flex;
     gap: 15px;
 }

 .btn {
     padding: 12px 24px;
     border-radius: var(--border-radius);
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s;
     text-decoration: none;
     display: inline-block;
     text-align: center;
 }

 .btn-outline {
     border: 2px solid var(--primary-green);
     color: var(--primary-green);
     background: transparent;
 }

 .btn-outline:hover {
     background-color: var(--primary-green);
     color: white;
 }

 .btn-primary {
     background-color: var(--primary-green);
     color: white;
     border: 2px solid var(--primary-green);
 }

 .btn-primary:hover {
     background-color: var(--dark-green);
     border-color: var(--dark-green);
 }

 .btn-yellow {
     background-color: var(--primary-yellow);
     color: var(--white);
     border: 2px solid var(--primary-yellow);
 }

 .btn-yellow:hover {
     background-color: #e84241;
     border-color: #e84241;
 }

 /* Герой-секция */
 .hero {
     background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('https://agrapie.ru/templates/default/images/banner_frontend.png');
     background-size: cover;
     background-position: center;
     padding: 100px 0;
 }

 .hero h1 {
     font-size: 42px;
     margin-bottom: 20px;
     color: var(--primary-green);
     line-height: 1.3;
 }

 .main_title h2 {
     color: #333333;
 }

 .hero h1 span {
     color: var(--primary-yellow);
 }

 .hero p {
     font-size: 20px;
     margin-bottom: 30px;
     color: var(--text-light);
 }

 .hero-actions {
     display: flex;
     gap: 20px;
     margin-top: 40px;
 }

 .partners-list div {
     border: #004d26 1px solid;
     padding: 5px;
     border-radius: 8px;
     min-height: 80px;
 }

 .partners-list {
     display: grid;
     gap: 8px;
     grid-template-columns: repeat(2, 1fr);
 }

 .partners-list a {
     font-size: 18px;
     font-weight: bold;
     text-decoration: none;
     color: var(--text-light);
     line-height: normal;
 }

 /* Секция преимуществ */
 .features {
     padding: 100px 0;
     background-color: var(--gray-bg);
 }

 .section-title {
     text-align: center;
     margin-bottom: 60px;
 }

 .section-title h2 {
     font-size: 36px;
     color: var(--primary-green);
     margin-bottom: 15px;
 }

  .main_title h2 {
     font-size: 36px;
     color: var(--primary-green);
     margin-bottom: 15px;
 }

 .section-title p {
     color: var(--text-light);
     max-width: 700px;
     margin: 0 auto;
 }

 .features-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 30px;
 }

 .feature-card {
     background: var(--white);
     border-radius: var(--border-radius);
     padding: 30px;
     box-shadow: var(--shadow);
     transition: transform 0.3s;
 }

 .feature-card:hover {
     transform: translateY(-10px);
 }

 .feature-icon {
     background-color: var(--light-green);
     color: var(--primary-green);
     width: 70px;
     height: 70px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 28px;
     margin-bottom: 20px;
 }

 .feature-card h3 {
     font-size: 22px;
     margin-bottom: 15px;
     color: var(--primary-green);
 }

 /* Секция как это работает */
 .how-it-works {
     padding: 100px 0;
 }

 .steps {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 30px;
     margin-top: 50px;
 }

 .step {
     flex: 1;
     min-width: 250px;
     max-width: 300px;
     text-align: center;
     padding: 30px 20px;
 }

 .step-number {
     width: 60px;
     height: 60px;
     background-color: var(--primary-yellow);
     color: var(--white);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     font-weight: 700;
     margin: 0 auto 20px;
 }

 .step h3 {
     margin-bottom: 15px;
     color: var(--primary-green);
 }

 /* Секция о конопле */
 .hemp-info {
     padding: 100px 0;
     background-color: var(--light-green);
 }

 .hemp-content {
     display: flex;
     gap: 50px;
 }

 .hemp-text {
     flex: 1;
 }

 .hemp-article {
     flex: 1;
     overflow: hidden;
 }

 .hemp-article ul {
     list-style-type: none;
     vertical-align: middle;
 }

 .hemp-article * {
     transition: all 0.2s;
 }

 .hemp-article ul li:hover {
     background-color: #eeeeee;
 }

 .hemp-article ul li:hover .marker {
     opacity: 0.5;
 }

 .hemp-article ul li a:hover {
     color: black;
 }

 .hemp-article ul li:hover .hemp-article-text {
     margin-left: 12px;
 }

 .hemp-article .marker {
     font-size: 62px;
     opacity: 0.1;
 }

 .hemp-text h2 {
     font-size: 36px;
     color: var(--primary-green);
     margin-bottom: 20px;
 }

 .hemp-text p {
     margin-bottom: 20px;
     color: var(--text-light);
 }

 .product-count {
     display: inline-block;
     background-color: var(--primary-yellow);
     color: var(--text-dark);
     padding: 10px 20px;
     border-radius: 50px;
     font-weight: 700;
     margin-top: 15px;
 }

 /* Секция участков */
 .plots {
     padding: 100px 0;
     background-color: var(--white);
 }

 .plots-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 30px;
     margin-top: 50px;
 }

 .plot-card {
     border-radius: var(--border-radius);
     overflow: hidden;
     box-shadow: var(--shadow);
     transition: transform 0.3s;
     display: flex;
     flex-direction: column;
 }

 .plot-card:hover {
     transform: translateY(-10px);
 }

 .plot-header {
     background-color: var(--primary-green);
     color: white;
     padding: 25px;
     text-align: center;
     height: 400px;
     display: flex;
     flex-direction: column;
 }

 .plot-size {
     font-size: 28px;
     font-weight: 700;
     margin-bottom: 10px;
     height: 80px;
 }

 .plot-subtitle {
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .plot-price {
     margin-top: auto;
  font-size: 24px;
  font-weight: 700;
  color: var(--white);
  background: var(--primary-yellow);
  border-radius: 12px;
 }

 .plot-body {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 25px;
     background-color: var(--white);
 }

 .plot-features {
     list-style: none;
     margin-bottom: 25px;
 }

 .plot-features li {
     padding: 8px 0;
     border-bottom: 1px solid #eee;
 }

 .plot-features li:last-child {
     border-bottom: none;
 }

 .plot-features i {
     color: var(--primary-green);
     margin-right: 10px;
 }

 /* CTA секция */
 .cta {
     padding: 100px 0;
     background: linear-gradient(to right, var(--primary-green), var(--dark-green));
     color: white;
     text-align: center;
 }

 .cta h2 {
     font-size: 36px;
     margin-bottom: 20px;
 }

 .cta p {
     font-size: 18px;
     max-width: 700px;
     margin: 0 auto 40px;
     opacity: 0.9;
 }

 /* Футер */
 footer {
     background-color: var(--dark-green);
     color: white;
     padding: 60px 0 30px;
 }

 .footer-content {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     gap: 40px;
     margin-bottom: 40px;
 }

 .footer-column {
     flex: 1;
     min-width: 250px;
 }

 .footer-column h3 {
     font-size: 20px;
     margin-bottom: 20px;
     color: var(--primary-yellow);
 }

 .footer-links {
     list-style: none;
 }

 .footer-links li {
     margin-bottom: 12px;
 }

 .footer-links a {
     color: #ddd;
     text-decoration: none;
     transition: color 0.3s;
 }

 .footer-links a:hover,
 .copyright {
     color: var(--primary-yellow);
 }

 .footer-bottom {
     text-align: center;
     padding-top: 30px;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     color: #aaa;
     font-size: 14px;
 }

 .single-brand-item w-100 img {
     max-width: 92% !important;
 }

 .single-brand-item {
     width: 100% !important;
 }



  .btn-close {
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: .25em .25em;
        color: #000;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        border: 0;
        border-radius: .25rem;
        opacity: .5;
        float:right;
    }

    .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    }

     .btn-close {
        padding: .5rem .5rem;
        margin: -.5rem -.5rem -8px -.5rem auto;
    }





 /* Адаптивность */
 @media (max-width: 992px) {
     .hero h1 {
         font-size: 40px;
     }

     .hemp-content {
         flex-direction: column;
     }
 }

@media (min-width: 576px) {
    .modal-dialog
    {
        max-width: 820px;
        margin: 1.75rem auto;
    }
}

 @media (max-width: 768px) {
     nav ul {
         flex-wrap: wrap;
         justify-content: center;
     }

     .hero h1 {
         font-size: 32px;
     }

     .hero-actions {
         flex-direction: column;
     }

     .section-title h2 {
         font-size: 28px;
     }

     .partners-list {
         grid-template-columns: repeat(1, 1fr);
     }

     .plot-header {
         height: auto;
     }
     .plot-size{
        height: auto;
    }
 }

 .single-brand-item img {
     -webkit-filter: none !important;
     filter: none !important;
 }

 @media (max-width: 576px) {
     .single-brand-item img {
         max-width: 228px !important;
     }

     .counters {
         margin-left: 0 !important;
     }

     .counters-item-value {
         font-size: 24px !important;
     }

     .counters-item {
         min-width: 100px !important;
         padding: 0 4px;
     }
 }

 .btn-primary {
     padding: 12px 24px !important;
 }

 [class*=content]:before,
 [class*=content]:after {
     content: none;
     display: table;
 }

 .counters-item {
     position: relative;
     opacity: 1;
     transition: opacity 0.3s ease-out;
     min-width: 140px;
 }

 .application-overview-selling-points-counters .counters-item-value {
     background-image: linear-gradient(84deg, #ffc63f, #fd3358);
 }

 .counters-item-value {
     background-image: linear-gradient(180deg, #000, #000);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     color: transparent;
     display: inline;
     margin-bottom: 12px;
     margin-top: 0;
     font-size: 28px;
     font-weight: 700;
 }

 .counters-item {
     text-align: left;
 }