:root {
        --primary-green: #5eb89a;
        --dark-blue: #4B5966;
        --light-gray: #f8f9fa;
    }

    body {
        font-family: 'Inter Tight', sans-serif;
        color: #333;
    }
	
	h1, h2 {
		  font-family: 'Akt', sans-serif;
        color: #333;
	}

    /* Custom wider container */
    .container {
        max-width: 1600px !important;
        padding-left: 15px;
        padding-right: 15px;
    }
	@media only screen and (max-width: 1000px) {
	.reverse-mobile {    flex-direction: column-reverse;
	}}

    @media (min-width: 1400px) {
        .container {
            max-width: 1650px !important;
        }
    }

    @media (min-width: 1200px) and (max-width: 1399px) {
        .container {
            max-width: 1280px !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .container {
            max-width: 960px !important;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .container {
            max-width: 720px !important;
        }
    }

    @media (min-width: 576px) and (max-width: 767px) {
        .container {
            max-width: 540px !important;
        }
    }

	a {    text-decoration: none!important; cursor:pointer;}
    /* Header Styles */
    .top-bar {
        background-color: white;
        padding: 10px 0;
        border-bottom: 1px solid #e0e0e0;
        font-size: 14px;
    }

    .top-bar a {
        color: #666;
        text-decoration: none;
        margin-right: 20px;
    }

    .top-bar i {
        color: var(--primary-green);
        margin-right: 5px;
    }

    .navbar {
        background-color: white;
        padding: 15px 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }

    .navbar-brand {
        font-size: 24px;
        font-weight: 600;
        color: var(--dark-blue);
        letter-spacing: 2px;
    }

    .navbar-brand span {
        display: block;
        font-size: 10px;
        letter-spacing: 4px;
        color: #999;
    }

    .nav-link {
        color: #555 !important;
        font-size: 15px;
        padding: 8px 15px !important;
        transition: color 0.3s;
    }

    .nav-link:hover {
        color: var(--primary-green) !important;
    }

    .btn-request {
        background-color: var(--primary-green);
        color: white;
        border: none;
        padding: 12px 30px;
        border-radius: 5px;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.5px;width:fit-content;
        transition: background-color 0.3s; font-family: 'Akt', sans-serif;    }
		

    .btn-request:hover {
        background-color: #4da085;
    }

    /* Hero Section */
    .hero-section {
        padding: 30px 0;
        position: relative;
        overflow: hidden;
    }

    .hero-container {
        background-color: #ECEEED;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
        /*min-height: 480px;*/
        background-image: url('/assets/images/home/hero_back.png');
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }

    /* Затемнение для экранов ниже 1200px */
    @media (max-width: 1199px) {
        .hero-container {
            background-size: cover;
        }

        .hero-container::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.7);

            z-index: 1;

        }

        /* Если внутри есть текст — чтобы он был поверх затемнения */
        .hero-container>* {
            position: relative;
            z-index: 2;

        }



    }

    .hero-content {
        padding: 80px;
        position: relative;
        z-index: 2;

    }
	
	  .hero-content-no-back {
        padding: 0px;
        position: relative;
        z-index: 2;

    }

    .hero-subtitle {
        color: var(--primary-green);
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .hero-title {
        font-size: 50px;
        font-weight: 700;
        color: var(--dark-blue);
        line-height: 1.2;
        margin-bottom: 30px;
        text-transform: uppercase;
    }

    @media (max-width: 1199px) {
        .hero-title {

            color: #fff;

        }
    }

    .btn-calculate {
        background-color: var(--primary-green);
        color: white;
        border: none;
        padding: 12px 30px;
        border-radius: 5px;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.5px;
        display: inline-flex;
        align-items: center;
        transition: background-color 0.3s;
		font-family: 'Akt', sans-serif;
    }

    .btn-calculate:hover {
        background-color: #4da085;
    }

    .btn-calculate::after {
        content: '»';
        margin-left: 10px;
        font-size: 16px;
		top:-1px;
		position:relative;
    }

    @media (max-width: 992px) {
        .hero-container::after {
            display: none;
        }

        .hero-content {
            max-width: 100%;
            padding: 40px 30px;
        }
		
		 .hero-content-no-back {
            max-width: 100%;
            padding: 0px 0px;
        }

        .hero-title {
            font-size: 36px;
        }
    }

    /* Features Section */
    .features-section {
        padding: 10px 0;
        background-color: white;
    }

    .feature-card {
        text-align: center;
        padding: 30px 20px;
        transition: transform 0.3s, box-shadow 0.3s;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        background-color: white;
        height: 100%;
    }

    .feature-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    }

    .feature-icon {
        width: 70px;
        height: 70px;
        margin: 0 auto 0px;
        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;
    }
	
	.icon-circle-large {
    width: 70px;
    height: 70px;
    margin: 0 auto 0px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.icon-circle-large i {
    font-size: 32px;
    color: white;
}

.icon-circle-medium {
    width: 60px;
    height: 60px;
   margin: 0 auto 0px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.icon-circle-medium i {
    font-size: 28px;
    color: white;
}

.icon-circle-small {
    width: 50px;
    height: 50px;
    margin: 0 auto 0px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.icon-circle-small i {
    font-size: 24px;
    color: white;
}

    .feature-icon i {
        font-size: 32px;
        color: var(--primary-green);
    }

    .feature-title {
        font-size: 20px;
        font-weight: 500;
        color: var(--ark-blue);
        margin-bottom: 15px;
    }

.text-description {
    font-size: 15px;
    color: #666;
    line-height: 1.5;
    font-weight: 300;
}

.text-description-small {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    font-weight: 300;
	text-align:center;
}

    /* Search Bar */
    .search-container {
        position: relative;
    }

    .search-input {
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        padding: 8px 40px 8px 15px;
        width: 250px;
        font-size: 14px;
    }

    .search-icon {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #999;
    }

    /* Dropdown hover effect */
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-toggle::after {
        vertical-align: middle;
    }


    /* Products Section */
    .products-section {
        padding: 60px 0;
        background-color: white;
    }

    .section-title {
        color: var(--dark-blue);
        font-size: 50px;
        font-weight: 700;
        margin-bottom: 20px;
        text-align: left;
    }
	
	.section-title-medium {
    font-size: 42px;  color: var(--dark-blue);/* Средний заголовок (для hero, about) */
}

.section-title-small {
    font-size: 28px; /* Малый заголовок (для блоков внутри секций) */
}

    .product-card {
        background-color: #f8f9fa;
        border-radius: 8px;
        padding: 25px 20px;
        height: 100%;
        transition: transform 0.3s, box-shadow 0.3s;
        border: none;
    }

    .product-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .product-image {
        height: 100px;
        display: flex;
        align-items: start;
        justify-content: start;
       
    }
	
	.product-image {
    height: 100px; /* Для главной страницы - маленькие иконки */
}

.product-image-card {
    height: 200px; /* Для карточек товаров в каталоге/поиске */
}

    .product-image img {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

    .product-card h5 {
        color: var(--dark-blue);
        font-size: 28px;
        font-weight: 600;

        min-height: 45px;
        line-height: 1.3;
    }

    .product-links {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .product-links li {
        margin-bottom: 2px;
    }

    .product-links a {
        color: #555;
        text-decoration: none;
        font-size: 16px;
        transition: all 0.3s;
        display: inline-block;
        font-weight: 300;
    }

    .product-links a:hover {
        color: #5eb89a;
        padding-left: 5px;
    }

    /* Responsive adjustments */
    @media (max-width: 991px) {
        .section-title {
            font-size: 28px;
        }
    }

    @media (max-width: 767px) {
        .section-title {
            font-size: 24px;
            text-align: center;
        }
    }
</style>
<style>
    /* Akt Thin */
    @font-face {
        font-family: 'Akt';
        src: url('/assets/fonts/Akt-Thin.woff2') format('woff2'),
            url('/assets/fonts/Akt-Thin.woff') format('woff');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }

    /* Akt Light */
    @font-face {
        font-family: 'Akt';
        src: url('/assets/fonts/Akt-Light.woff2') format('woff2'),
            url('/assets/fonts/Akt-Light.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    /* Akt Regular / Normal */
    @font-face {
        font-family: 'Akt';
        src: url('/assets/fonts/Akt-Regular.woff2') format('woff2'),
            url('/assets/fonts/Akt-Regular.woff') format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    /* Akt Medium */
    @font-face {
        font-family: 'Akt';
        src: url('/assets/fonts/Akt-Medium.woff2') format('woff2'),
            url('/assets/fonts/Akt-Medium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    /* Akt Bold */
    @font-face {
        font-family: 'Akt';
        src: url('/assets/fonts/Akt-Bold.woff2') format('woff2'),
            url('/assets/fonts/Akt-Bold.woff') format('woff');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    /* Akt Black */
    @font-face {
        font-family: 'Akt';
        src: url('/assets/fonts/Akt-Black.woff2') format('woff2'),
            url('/assets/fonts/Akt-Black.woff') format('woff');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    /* Akt Solid (если нужен как отдельный стиль) */
    @font-face {
        font-family: 'Akt';
        src: url('/assets/fonts/Akt-Solid.woff2') format('woff2'),
            url('/assets/fonts/Akt-Solid.woff') format('woff');
        font-weight: 950;
        font-style: normal;
        font-display: swap;
    }
	
	
	/* NEWS HOME */
	
	/* News Section Styles */
.news-section {
    /* Использует существующие: py-5, bg-white из Bootstrap и общих стилей */
}

.news-card {
    /* Использую структуру из .feature-card и .product-card */
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #e0e0e0;
}

.news-card:hover {
    /* Аналогично .feature-card:hover и .product-card:hover */
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.news-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.news-card:hover .news-image img {
    transform: scale(1.05);
}

.news-content {
    padding: 25px 20px;
}

.news-date {
    /* Использую цвета из --primary-green */
    color: var(--primary-green);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.news-title {
    /* Использую стиль из .feature-title и var(--dark-blue) */
    color: var(--dark-blue);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
  
}

.news-excerpt {
    /* Использую стиль из .text-description */
    font-size: 15px;
    color: #666;
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 15px;
}

.news-link {
    /* Аналогично .product-links a */
    color: var(--primary-green);
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s;
    display: inline-block;
}

.news-link:hover {
    color: #4da085;
    padding-left: 5px;
}

/* Responsive */
@media (max-width: 991px) {
    .news-title {
        font-size: 18px;
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .news-image {
        height: 200px;
    }
}

/* Form Contact */

/* Contact Form Section Styles */
.contact-form-section {
    /* Использует существующие: py-5 из Bootstrap */
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.contact-form-wrapper {
    background-color: white;
    border-radius: 10px;
    padding: 50px 40px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
}

.contact-form-description {
    /* Использую стили из .text-description */
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 35px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Form Inputs */
.form-group {
    position: relative;
    width: 100%;
}

.form-input {
    /* Использую стиль из .search-input с расширением */
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 14px 18px;
    font-size: 15px;
    font-family: 'Akt', sans-serif;
    color: #333;
    transition: all 0.3s;
    background-color: #f8f9fa;
}

.form-input:focus {
    outline: none;
    border-color: var(--primary-green);
    background-color: white;
    box-shadow: 0 0 0 3px rgba(94, 184, 154, 0.1);
}

.form-input::placeholder {
    color: #999;
    font-weight: 300;
}

.form-textarea {
    resize: vertical;
    min-height: 120px;
}

/* Submit Button */
.btn-submit {
    /* Использует существующий .btn-request */
    min-width: 200px;
    padding: 12px 30px;
}

.btn-submit:hover {
    /* Использует существующий .btn-request:hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(94, 184, 154, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
    .contact-form-wrapper {
        padding: 40px 30px;
    }
}

@media (max-width: 767px) {
    .contact-form-wrapper {
        padding: 30px 20px;
    }

    .contact-form-description {
        font-size: 15px;
    }

    .form-input {
        padding: 12px 16px;
        font-size: 14px;
    }

    .btn-submit {
        width: 100%;
    }
}

/* Partners Section Styles */
.partners-swiper {
    overflow: visible !important;
}

.partners-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
}


.partners-section {
    /* Использует существующие: py-5, bg-white */
}

.partners-swiper-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.partners-swiper {
    width: 100%;
}

.partner-logo-container {
    /* Использую d-flex, align-items-center, justify-content-center из Bootstrap */
    height: 80px;
    padding: 15px;
 
}

.partner-logo-container-about {
    /* Использую d-flex, align-items-center, justify-content-center из Bootstrap */
    height: 130px;
    padding: 15px;
 
}
.partner-logo-container:hover {
    /* Аналогично .feature-card:hover */
  
}

.partner-logo {
    max-width: 100%;
    max-height: 100%;
    width: 120px;
    height: auto;
    object-fit: contain;

    transition: all 0.3s ease;
}

.partner-logo-about {
    max-width: 100%;
    max-height: 100%;
    width: 450px;
    height: auto;
    object-fit: contain;

    transition: all 0.3s ease;
}

.partner-logo-container:hover .partner-logo {
    filter: grayscale(0%);
    opacity: 1;
}

/* Swiper Navigation Buttons (опционально) */
.partners-swiper .swiper-button-next,
.partners-swiper .swiper-button-prev {
    color: var(--primary-green);
    width: 40px;
    height: 40px;
}

.partners-swiper .swiper-button-next:after,
.partners-swiper .swiper-button-prev:after {
    font-size: 20px;
}

/* Swiper Pagination (опционально) */
.partners-swiper .swiper-pagination-bullet {
    background: var(--primary-green);
}

.partners-swiper .swiper-pagination-bullet-active {
    background: var(--dark-blue);
}

/* Responsive */
@media (max-width: 767px) {
    .partner-logo-container {
        height: 60px;
        padding: 10px;
    }

    .partners-swiper-wrapper {
        padding: 15px 0;
    }
}

@media (max-width: 575px) {
    .partner-logo-container {
        height: 50px;
        padding: 8px;
    }
}

/* SPECIALIZTIONS */

/* Specializations Section Styles */
.specializations-section {
    /* Использует существующие: py-5 */
    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
}

.specializations-subtitle {
    /* Использую стиль из .contact-form-description */
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    font-weight: 300;

    margin: 0 auto;
	text-align:left;
}

.specialization-card {
    /* Основа из .feature-card и .product-card */
    background-color: white;
    border-radius: 10px;
    padding: 40px 30px;
    height: 100%;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #e0e0e0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.specialization-card:hover {
    /* Аналогично существующим hover эффектам */
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    border-color: var(--primary-green);
}

/* Featured Card */
.specialization-featured {
    border: 2px solid var(--primary-green);
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf9 100%);
}

.featured-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--primary-green);
    color: white;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.specialization-icon-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.specialization-icon {
    /* Использую структуру из .feature-icon */
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f9f6;
    border-radius: 50%;
    transition: all 0.3s;
}

.specialization-card:hover .specialization-icon {
    background-color: var(--primary-green);
    transform: scale(1.1);
}

.specialization-icon img {
    max-width: 80px;
    max-height: 80px;
    object-fit: contain;
    transition: filter 0.3s;
}



.specialization-title {
    /* Использую стиль из .feature-title */
    font-size: 24px;
    font-weight: 600;
    color: var(--dark-blue);
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.3;
}

.specialization-description {
    text-align: center;
    margin-bottom: 25px;
}

.specialization-description p {
    /* Использую стиль из .text-description */
    font-size: 15px;
    color: #666;
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 0;
}

.specialization-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    flex-grow: 1;
}

.specialization-list li {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    font-weight: 300;
}

.specialization-list i {
    position: absolute;
    left: 0;
    top: 3px;
    color: var(--primary-green);
    font-size: 16px;
}

.specialization-highlight {
    background-color: #f0f9f6;
    border-left: 3px solid var(--primary-green);
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

.specialization-highlight strong {
    color: var(--dark-blue);
    font-weight: 600;
}

/* CTA Block */
.specializations-cta {
    background: linear-gradient(135deg, var(--dark-blue) 0%, #3a4550 100%);
    border-radius: 10px;
    padding: 40px;
    color: white;
}

.specializations-cta h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: white;
}

.specializations-cta p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.9);
}

/* Responsive */
@media (max-width: 991px) {
    .specialization-card {
        padding: 30px 25px;
    }

    .specialization-title {
        font-size: 22px;
    }

    .specializations-cta {
        padding: 30px;
        text-align: center;
    }

    .specializations-cta h4 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .specializations-subtitle {
        font-size: 16px;
    }

    .specialization-card {
        padding: 25px 20px;
    }

    .specialization-icon {
        width: 70px;
        height: 70px;
    }

    .specialization-icon img {
        max-width: 40px;
        max-height: 40px;
    }

    .specialization-title {
        font-size: 20px;
    }

    .specialization-description p {
        font-size: 14px;
    }

    .specialization-list li {
        font-size: 13px;
    }

    .specializations-cta {
        padding: 25px 20px;
    }

    .specializations-cta h4 {
        font-size: 18px;
    }

    .specializations-cta p {
        font-size: 14px;
    }
}

/* footer */

/* Footer Section Styles */
.footer-section {
    background: linear-gradient(to bottom, var(--dark-blue) 0%, #3a4550 100%);
    color: white;
    padding: 60px 0 30px;
	
   
}

.footer-column {
    height: 100%;
}

.footer-logo img {
    max-width: 180px;
    height: auto;
    filter: brightness(0) invert(1);
}

.footer-description {
    /* Использую стиль из .text-description */
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 0;
}

.footer-title {
    /* Использую структуру из .feature-title */
    font-size: 18px;
    font-weight: 600;
    color: white;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.footer-links a {
    /* Аналогично .product-links a */
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
    transition: all 0.3s;
    display: inline-block;
}

.footer-links a:hover {
    color: var(--primary-green);
    padding-left: 5px;
}

/* Footer Contacts */
.footer-contacts {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contacts li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    font-size: 15px;
}

.footer-contacts i {
    color: var(--primary-green);
    margin-right: 12px;
    margin-top: 3px;
    font-size: 16px;
    flex-shrink: 0;
}

.footer-contacts .contact-info {
    display: flex;
    flex-direction: row;
    gap: 2px;
}

.footer-contacts a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s;
    font-weight: 300;
}

.footer-contacts a:hover {
    color: var(--primary-green);
}

.footer-contacts span {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300;
    line-height: 1.5;
}

/* Social Links */
.footer-social {
    display: flex;
    gap: 12px;
}

.social-link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-green);
    text-decoration: none;
    transition: all 0.3s;
    font-size: 18px;
}

.social-link:hover {
    background-color: var(--primary-green);
    transform: translateY(-3px);
    color: white;
}

/* Footer Bottom */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 25px;
    margin-top: 40px;
}

.footer-copyright {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    font-weight: 300;
}

.footer-bottom-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-bottom-links li {
    display: inline-block;
}

.footer-bottom-links a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    transition: color 0.3s;
}

.footer-bottom-links a:hover {
    color: var(--primary-green);
}

/* Button in Footer */
.footer-section .btn-request {
    /* Использует существующий .btn-request */
    width: 100%;
    justify-content: center;
}

/* Responsive */
@media (max-width: 991px) {
    .footer-section {
        padding: 50px 0 25px;
    }

    .footer-title {
        font-size: 16px;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .footer-section {
        padding: 40px 0 20px;
        
    }

    .footer-column {
        margin-bottom: 30px;
    }

    .footer-logo img {
        max-width: 150px;
    }

    .footer-description {
        font-size: 14px;
    }

    .footer-title {
        font-size: 15px;
    }

    .footer-links a,
    .footer-contacts li {
        font-size: 14px;
    }

    .footer-bottom {
        margin-top: 30px;
        padding-top: 20px;
    }

    .footer-bottom-links {
        justify-content: center;
        margin-top: 15px;
    }

    .footer-copyright {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .footer-bottom-links {
        justify-content: flex-end;
    }
}

/* Breadcrumbs Section Styles */
.breadcrumbs-section {
    background-color: #f8f9fa;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.breadcrumb {
    /* Bootstrap breadcrumb с кастомизацией */
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
    font-size: 14px;
}

.breadcrumb-item {
    font-weight: 300;
}

.breadcrumb-item a {
   color: #666;
    text-decoration: none;
    transition: color 0.3s;
}

.breadcrumb-item a:hover {
    color: #4da085;
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #666;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #999;
    padding: 0 8px;
}

.breadcrumb-item+.breadcrumb-item {padding:0!important}

/* Pagination Styles - ОБЩИЕ ДЛЯ ВСЕГО САЙТА */
.pagination {
    /* Bootstrap pagination с кастомизацией */
    margin-top: 20px;
    gap: 8px;
}

.page-item {
    /* Убираем стандартные отступы */
}

.page-link {
    /* Используем цвета из дизайн-системы */
    color: var(--dark-blue);
    background-color: white;
    border: 1px solid #e0e0e0;
    padding: 10px 16px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
}

.page-link:hover {
    color: white;
    background-color: var(--primary-green);
    border-color: var(--primary-green);
    transform: translateY(-2px);
}

.page-link:focus {
    box-shadow: 0 0 0 3px rgba(94, 184, 154, 0.2);
}

.page-item.active .page-link {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
    color: white;
    font-weight: 600;
}

.page-item.disabled .page-link {
    color: #999;
    background-color: #f8f9fa;
    border-color: #e0e0e0;
    cursor: not-allowed;
    opacity: 0.6;
}

.page-item.disabled .page-link:hover {
    background-color: #f8f9fa;
    transform: none;
}

.page-link i {
    font-size: 14px;
}

/* Responsive */
@media (max-width: 991px) {
    .pagination {
        gap: 6px;
    }

    .page-link {
        padding: 8px 12px;
        font-size: 14px;
        min-width: 40px;
    }
}

@media (max-width: 767px) {
    /* Упрощенная пагинация на мобильных */
    .pagination {
        gap: 4px;
        flex-wrap: wrap;
    }

    .page-link {
        padding: 6px 10px;
        font-size: 13px;
        min-width: 36px;
    }

    /* Скрываем некоторые номера страниц на очень маленьких экранах */
    @media (max-width: 400px) {
        .page-item:nth-child(n+6):nth-last-child(n+3) {
            display: none;
        }
    }
}

.section-subtitle {text-align:left;}

.section-subtitle {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    font-weight: 300;
    text-align: left;
    margin-bottom: 0;
}


.search-wrapper {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 10px;
    padding: 30px;
}

/* ДОБАВИТЬ */
.badge-primary {
    background-color: var(--primary-green);
    color: white;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-secondary {
    background-color: #f0f0f0;
    color: #666;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.badge-text {
    font-size: 12px;
    color: var(--primary-green);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ДОБАВИТЬ */
.stat-number {
    font-size: 32px;
    font-weight: 700;
    color: var(--primary-green);
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label {
    font-size: 13px;
    color: #666;
    font-weight: 400;
    line-height: 1.3;
}

/* ДОБАВИТЬ */
.form-input {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 12px 20px;
    font-size: 15px;
    width: 100%;
    transition: all 0.3s;
    font-family: 'Akt', sans-serif;
}

.form-input:focus {
    border-color: var(--primary-green);
    box-shadow: 0 0 0 3px rgba(94, 184, 154, 0.15);
    outline: none;
}

.form-input-large {
    padding: 16px 20px;
    font-size: 16px;
}

.category-card {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 30px 25px;
    text-decoration: none;
    transition: all 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.category-card:hover {
    border-color: var(--primary-green);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.category-card:hover .ship-category-icon {
    background-color: var(--primary-green);
    transform: scale(1.1);
}

.category-card:hover .ship-category-icon i {
    color: white;
}
.category-card:hover .category-link {
    padding-left: 5px;
}

.category-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-blue);
    margin-bottom: 12px;
    line-height: 1.3;
}
.category-description {
    font-size: 15px;
    color: #666;
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 15px;
    flex-grow: 1;
}

.category-link {
    font-size: 14px;
    color: var(--primary-green);
    font-weight: 600;
    transition: all 0.3s;
}

.ship-category-card:hover .category-link {
    padding-left: 5px;
}


@media (max-width: 767px) {
 .category-card {
        padding: 25px 20px;
        text-align: center;
    }
	
	   .category-title {
        font-size: 18px;
    }
	 .category-description {
        font-size: 14px;
    }
	
}

/* ============================================
   ИСПРАВЛЕННАЯ ВЕРСИЯ: STICKY NAVBAR + FLOATING PHONE
   ============================================
   
   ✅ Top-bar - НЕ sticky, скроллится вверх (остаётся как есть)
   ✅ Navbar - STICKY, прилипает к верху
   ✅ Плавающая кнопка - фиксированная справа снизу
   
   ⚠️ ИСПОЛЬЗУЕТ СУЩЕСТВУЮЩИЕ КЛАССЫ из pelagus.css:
   - .navbar
   - .top-bar (без изменений!)
   - var(--primary-green), var(--dark-blue)
   
   ============================================ */

/* ============================================
   1. STICKY NAVBAR (только navbar, НЕ top-bar!)
   ============================================ */

.navbar {
    /* ⚠️ Добавить к существующим стилям в pelagus.css (строка 72) */
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}

/* Эффект тени при скролле */
.navbar.scrolled {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Top-bar остаётся ОБЫЧНЫМ - НЕ меняем его стили! */
/* .top-bar остаётся как в pelagus.css - position: relative или static */

/* ============================================
   2. ПЛАВАЮЩАЯ КНОПКА ТЕЛЕФОНОВ
   ============================================ */

/* Контейнер кнопки - фиксированный справа снизу */
.floating-phone-button {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;
}

/* Главная круглая кнопка */
.phone-toggle-btn {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary-green) 0%, #4da085 100%);
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(94, 184, 154, 0.4);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.phone-toggle-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.phone-toggle-btn:hover::before {
    width: 100%;
    height: 100%;
}

.phone-toggle-btn:hover {
    transform: scale(1.1) rotate(15deg);
    box-shadow: 0 6px 30px rgba(94, 184, 154, 0.6);
}

.phone-toggle-btn i {
    font-size: 28px;
    color: white;
    position: relative;
    z-index: 1;
    transition: transform 0.3s;
}

.phone-toggle-btn:hover i {
    transform: scale(1.1);
}

/* Анимация пульсации */
@keyframes pulse {
    0%, 100% {
        box-shadow: 0 4px 20px rgba(94, 184, 154, 0.4);
    }
    50% {
        box-shadow: 0 4px 30px rgba(94, 184, 154, 0.7);
    }
}

.phone-toggle-btn.pulse {
    animation: pulse 2s infinite;
}

/* ============================================
   3. ВЫПАДАЮЩЕЕ МЕНЮ ТЕЛЕФОНОВ
   ============================================ */

/* Контейнер с телефонами */
.phone-dropdown {
    position: absolute;
    bottom: 75px; /* над кнопкой */
    right: 0;
    background: white;
    border-radius: 12px;
    padding: 15px;
    min-width: 280px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

/* Показать меню */
.phone-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Треугольник-указатель */
.phone-dropdown::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 24px;
    width: 16px;
    height: 16px;
    background: white;
    transform: rotate(45deg);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
}

/* Заголовок меню */
.phone-dropdown-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark-blue);
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Элемент телефона */
.phone-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s;
    margin-bottom: 8px;
	
}

.phone-item:last-child {
    margin-bottom: 0;
}

.phone-item:hover {
    background-color: #f8f9fa;
    transform: translateX(-3px);
}

/* Иконка флага */
.phone-item-icon {
    width: 40px;
    height: 40px;
   
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.phone-item-icon img {
    width: 24px;
    height: auto;
}

/* Информация о телефоне */
.phone-item-info {
    flex: 1;

}

.phone-item-label {
    font-size: 10px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
    font-weight: 400;
}

.phone-item-number {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark-blue);
    display: block;
}

/* Иконка звонка */
.phone-item-action {
    width: 36px;
    height: 36px;
    background-color: var(--primary-green);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.phone-item-action i {
    font-size: 16px;
    color: white;
}

.phone-item:hover .phone-item-action {
    transform: scale(1.1) rotate(15deg);
    background-color: #4da085;
}

/* ============================================
   4. RESPONSIVE (мобильные устройства)
   ============================================ */

@media (max-width: 991px) {
    /* Уменьшить кнопку на планшетах */
    .floating-phone-button {
        right: 20px;
        bottom: 20px;
    }
    
    .phone-toggle-btn {
        width: 55px;
        height: 55px;
    }
    
    .phone-toggle-btn i {
        font-size: 24px;
    }
    
    .phone-dropdown {
        min-width: 260px;
        bottom: 70px;
    }
}

@media (max-width: 767px) {
    /* Ещё меньше на мобильных */
    .floating-phone-button {
        right: 15px;
        bottom: 15px;
    }
    
    .phone-toggle-btn {
        width: 50px;
        height: 50px;
    }
    
    .phone-toggle-btn i {
        font-size: 22px;
    }
    
    .phone-dropdown {
        min-width: 240px;
        bottom: 65px;
        right: -5px;
    }
    
    .phone-item-number {
        font-size: 15px;
    }
}

/* ============================================
   5. ПЛАВНОЕ ПОЯВЛЕНИЕ ПРИ ЗАГРУЗКЕ
   ============================================ */

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.floating-phone-button {
    animation: slideUp 0.5s ease-out 0.3s both;
}

/* ============================================
   6. ДОПОЛНИТЕЛЬНО: Badge с количеством
   ============================================ */

.phone-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 22px;
    height: 22px;
    background-color: #e74c3c;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid white;
}

/* ============================================
   ВАЖНО: НИКАКИХ ИЗМЕНЕНИЙ ДЛЯ TOP-BAR!
   ============================================
   
   Top-bar остаётся как есть в pelagus.css
   Он будет скроллиться вверх вместе со страницей
   Только navbar становится sticky
   
   ============================================ */
   
   /* ============================================
   СЧЁТЧИК ТОВАРОВ В КАРТОЧКЕ КАТЕГОРИИ
   ============================================
   
   ✅ ДОБАВИТЬ в catalog.css или в pelagus.css
   
   ⚠️ ИСПОЛЬЗУЕТ СУЩЕСТВУЮЩИЕ КЛАССЫ:
   - .catalog-category-card (catalog.css строка 17)
   - .category-icon-large (catalog.css строка 36)
   - .category-title (catalog.css строка 52)
   - var(--primary-green), var(--dark-blue)
   
   ➕ НОВЫЕ СТИЛИ для бейджа счётчика
   ============================================ */

/* ============================================
   1. ОБНОВИТЬ .catalog-category-card
   ============================================ */

.catalog-category-card,
.category-card {
    /* ⚠️ ДОБАВИТЬ к существующим стилям */
    position: relative; /* Для позиционирования бейджа */
    /* Остальные стили остаются как есть */
}

/* ============================================
   2. БЕЙДЖ СО СЧЁТЧИКОМ (правый верхний угол)
   ============================================ */

.category-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: linear-gradient(135deg, var(--primary-green) 0%, #4da085 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 2px 8px rgba(94, 184, 154, 0.3);
    transition: all 0.3s ease;
    z-index: 5;
}

.category-badge i {
    font-size: 13px;
}

/* Эффект при hover на карточку */
.catalog-category-card:hover .category-badge,
.category-card:hover .category-badge {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(94, 184, 154, 0.5);
}

/* ============================================
   3. АЛЬТЕРНАТИВА: МИНИМАЛИСТИЧНЫЙ СТИЛЬ
   ============================================ */

.category-badge-minimal {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: white;
    border: 2px solid var(--primary-green);
    color: var(--primary-green);
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    z-index: 5;
}

.catalog-category-card:hover .category-badge-minimal,
.category-card:hover .category-badge-minimal {
    background-color: var(--primary-green);
    color: white;
    transform: scale(1.05);
}

/* ============================================
   4. АЛЬТЕРНАТИВА: СТИЛЬ С ПОДЛОЖКОЙ
   ============================================ */

.category-badge-pill {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: rgba(94, 184, 154, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(94, 184, 154, 0.3);
    color: var(--primary-green);
    padding: 8px 14px;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    z-index: 5;
}

.category-badge-pill i {
    font-size: 14px;
}

.catalog-category-card:hover .category-badge-pill,
.category-card:hover .category-badge-pill {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
    color: white;
    transform: scale(1.05);
}

/* ============================================
   5. АЛЬТЕРНАТИВА: УГЛОВОЙ СТИЛЬ
   ============================================ */

.category-badge-corner {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(94, 184, 154, 0.1);
    backdrop-filter: blur(10px);
   
    color: var(--primary-green);
    padding: 10px 15px 8px 15px;
    border-radius: 0 10px 0 15px; /* Закругление только нижнего левого угла */
    font-size: 13px;
    font-weight: 700;
    box-shadow: -2px 2px 8px rgba(94, 184, 154, 0.3);
    transition: all 0.3s ease;
    z-index: 5;
}

.category-badge-corner::before {
    content: '';
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #5EB89A19 transparent transparent;
	
	
	
}

.catalog-category-card:hover .category-badge-corner,
.category-card:hover .category-badge-corner {
    transform: scale(1.05);
    box-shadow: -3px 3px 12px rgba(94, 184, 154, 0.5);
	
	 background-color: var(--primary-green);
    border-color: var(--primary-green);
    color: white;
    transform: scale(1.05);
}

/* ============================================
   6. RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .category-badge,
    .category-badge-minimal,
    .category-badge-pill {
        top: 12px;
        right: 12px;
        padding: 5px 10px;
        font-size: 11px;
    }
    
    .category-badge i,
    .category-badge-pill i {
        font-size: 12px;
    }
    
    .category-badge-corner {
        padding: 8px 12px 6px 12px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .category-badge,
    .category-badge-minimal,
    .category-badge-pill {
        top: 10px;
        right: 10px;
        padding: 4px 8px;
        font-size: 10px;
        gap: 4px;
    }
    
    .category-badge i,
    .category-badge-pill i {
        font-size: 11px;
    }
    
    .category-badge-corner {
        padding: 6px 10px 5px 10px;
        font-size: 11px;
    }
}

/* ============================================
   7. АНИМАЦИЯ ПОЯВЛЕНИЯ (опционально)
   ============================================ */

@keyframes badgePulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.category-badge.pulse,
.category-badge-minimal.pulse,
.category-badge-pill.pulse,
.category-badge-corner.pulse {
    animation: badgePulse 2s ease-in-out infinite;
}

/* ============================================
   8. РАЗНЫЕ СОСТОЯНИЯ (опционально)
   ============================================ */

/* Когда нет товаров */
.category-badge.empty {
    background: linear-gradient(135deg, #999 0%, #777 100%);
    opacity: 0.7;
}

/* Когда много товаров (100+) */
.category-badge.high {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
}

/* Новая категория */
.category-badge.new {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
}

.category-badge.new::after {
    content: 'NEW';
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #e74c3c;
    color: white;
    font-size: 8px;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 700;
}

/* Category Cards */
.catalog-category-card {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 30px 25px;
    text-decoration: none;
    transition: all 0.3s;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.catalog-category-card:hover {
    border-color: var(--primary-green);
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.category-icon-large {
    width: 80px;
    height: 80px;
  
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.category-icon-large i {
    font-size: 36px;
    color: white;
}

.category-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-blue);
    margin-bottom: 12px;
}

.category-description {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 15px;
   
}

.form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #e0e0e0;
    cursor: pointer;
}

.form-check-input:checked {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

.form-check-label {
    font-size: 13px;
    color: #666;
    cursor: pointer;
}

.form-check-label a {
    color: var(--primary-green);
    text-decoration: underline;
}


/* ADDITIONAL */

.white {color:#ffffff;}

.dropdown-item {font-size:14px;}

.category-cta {color:var(--primary-green); font-size:14px;}



/* Category Link - добавить после .product-links a:hover (около строки 483) */
.category-link {
    color: var(--primary-green);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s;
}

.category-link:hover {
    color: #4da085;
    padding-left: 5px;
}


/* Стили для вложенных категорий в карточках каталога */
.product-links ul {
    list-style: none;
    padding-left: 0;
    margin-top: 8px;
    margin-bottom: 8px;
}

.product-links ul li {
    padding-left: 15px;
    position: relative;
    font-size: 13px;
    margin-bottom: 6px;
}

.product-links ul li:has(ul):before {
    content: "→";
    position: absolute;
    left: 5px;
    color: var(--primary-green);
    font-weight: 600;
}

.product-links ul li a {
    color: #777;
    font-weight: 400;
}

.product-links ul li a:hover {
    color: var(--primary-green);
}





.search-button {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 8px 15px;
    background-color: white;
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s;
}

.search-button:hover {
    background-color: #f8f9fa;
    border-color: var(--primary-green);
    color: var(--primary-green);
}

.search-button i {
    font-size: 14px;
}



/* Thank You Section Styles */
/* Переиспользуем базовые стили из 404.css, меняем только специфичное */

.thank-you-section {
    /* Аналогично .error-404-section */
    min-height: 70vh;
    display: flex;
    align-items: center;
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.thank-you-wrapper {
    /* Аналогично .error-404-wrapper */
    background-color: white;
    border-radius: 10px;
    padding: 60px 40px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
}

/* Success Icon - НОВЫЙ СТИЛЬ */
.success-icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f9f6;
    border-radius: 50%;
    border: 3px solid var(--primary-green);
    margin: 0 auto 30px;
}

.success-icon i {
    font-size: 48px;
    color: var(--primary-green);
}

/* Thank You Title */
.thank-you-title {
    /* Переиспользуем .error-title */
    font-size: 42px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 20px;
    line-height: 1.2;
}

/* Thank You Description */
.thank-you-description {
    /* Переиспользуем .error-description */
    font-size: 17px;
    color: #666;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 35px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Action Buttons */
.thank-you-actions {
    /* Аналогично .error-actions */
    margin-bottom: 40px;
}

/* Quick Links */
.thank-you-quick-links {
    /* Переиспользуем .error-quick-links */
    border-top: 1px solid #e0e0e0;
    padding-top: 30px;
}

/* Help Text */
.thank-you-help-text {
    /* Переиспользуем .error-help-text */
    border-top: 1px solid #e0e0e0;
    padding-top: 25px;
}

.thank-you-help-text p {
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 991px) {
    .thank-you-section {
        padding: 60px 0;
        min-height: 60vh;
    }

    .thank-you-wrapper {
        padding: 50px 30px;
    }

    .thank-you-title {
        font-size: 36px;
    }

    .success-icon {
        width: 80px;
        height: 80px;
    }

    .success-icon i {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .thank-you-section {
        padding: 40px 0;
        min-height: auto;
    }

    .thank-you-wrapper {
        padding: 40px 20px;
    }

    .thank-you-title {
        font-size: 28px;
    }

    .thank-you-description {
        font-size: 15px;
    }

    .success-icon {
        width: 70px;
        height: 70px;
    }

    .success-icon i {
        font-size: 32px;
    }

    .thank-you-actions .col-auto {
        width: 100%;
    }

    .thank-you-actions .btn-request {
        width: 100%;
    }
}


.dropdown-item.active, .dropdown-item:active  {    background-color: var(--primary-green);}


/* Стрелка на входе (перед первой родительской категорией) */
#rptBreadcrumbs li:first-child::before,
#rptCatBreadcrumbs li:first-child::before {
    content: ">";
    color: #999;
    padding: 0 8px;
    float: left;
}

/* Стрелка на выходе (после последней родительской категории перед текущей) */
#rptBreadcrumbs + li::before,
#rptCatBreadcrumbs + li::before {
    content: ">";
    color: #999;
    padding: 0 8px;
    float: left;
}

/* Скрыть топбар на мобильных */
@media (max-width: 991.98px) {
    .top-bar {
        display: none;
    }
}