:root {

      --vildis-dark: #1a1a1a;
      --vildis-text: #333333;
      --vildis-muted: #6b7280;
      --vildis-light-bg: #f5f5f5;
      --vildis-border: #e5e5e5;
      --vildis-accent: #2d2d2d;
      --vildis-accent-hover: #444444;
      --vildis-white: #ffffff;
      --vildis-green: #4caf50;
      --vildis-green-light: #e8f5e9;
      --vildis-red: #d32f2f;	  
	  

	  
	  
	  
    }

    *, *::before, *::after {
      box-sizing: border-box;
    }

    body {
      font-family: 'Inter', sans-serif;
      color: var(--vildis-text);
      line-height: 1.6;
      overflow-x: hidden;
    }

    h1, h2, h3, h4, h5, h6 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      color: var(--vildis-dark);
    }

    .section-padding {
      padding: 80px 0;
    }

    .section-padding-sm {
      padding: 60px 0;
    }

    .section-title {
      font-size: 2rem;
      margin-bottom: 1rem;
      text-align: center;
    }

    .section-subtitle {
      font-size: 1rem;
      color: var(--vildis-muted);
      text-align: center;
      margin-bottom: 3rem;
    }

    /* ===== HEADER ===== */


    .btn-primary-custom {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      border: none;
      padding: 12px 28px;
      font-size: 0.9rem;
      font-weight: 600;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-block;
    }

    .btn-primary-custom:hover {
      background: var(--vildis-accent-hover);
      color: var(--vildis-white);
    }

    .btn-outline-custom {
      background: transparent;
      color: var(--vildis-text);
      border: 1px solid var(--vildis-border);
      padding: 12px 28px;
      font-size: 0.9rem;
      font-weight: 600;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .btn-outline-custom:hover {
      border-color: var(--vildis-dark);
      color: var(--vildis-dark);
    }

    /* ===== HERO ===== */
   .hero {
      background: var(--vildis-white);
      padding: 60px 0 40px;
    }

    .hero__badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.8rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .hero__title {
      font-size: 2.5rem;
      line-height: 1.2;
      margin-bottom: 0.75rem;
      max-width: 600px;
    }

    .hero__subtitle {
      font-size: 1.05rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
      max-width: 500px;
    }

    .hero__features {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      margin-bottom: 2.5rem;
    }

    .hero__feature {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      max-width: 220px;
    }

    .hero__feature-icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-light-bg);
    }

    .hero__feature-icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-dark);
    }

    .hero__feature-text {
      font-size: 0.85rem;
      color: var(--vildis-text);
      line-height: 1.4;
    }

    .hero__feature-text strong {
      display: block;
      font-size: 0.9rem;
      color: var(--vildis-dark);
    }

    .hero__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      margin-bottom: 2rem;
    }

    .hero__guarantees {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-bottom: 2rem;
    }

    .hero__guarantee {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.8rem;
      color: var(--vildis-muted);
    }

    .hero__guarantee svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-green);
    }

    .hero__image {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      min-height: 400px;
    }

    .hero__image-placeholder {
      width: 100%;
      max-width: 550px;
      height: auto;
      aspect-ratio: 4/3;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .hero__image-placeholder svg {
      width: 60%;
      height: 60%;
      opacity: 0.3;
    }

    /* ===== SOCIAL PROOF ===== */
    #home-page .social-proof {
      background: var(--vildis-light-bg);
      padding: 40px 0;
    }

    #home-page .social-proof__label {
      font-size: 0.8rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
    }

    #home-page .social-proof__logos {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 2rem;
    }

    #home-page .social-proof__logo-item {
      width: 120px;
      height: 50px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.7rem;
      color: var(--vildis-muted);
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    /* ===== PROBLEMS ===== */
    #home-page .problems {
      background: var(--vildis-white);
    }

    #home-page .problem-card {
      text-align: center;
      padding: 2rem 1.5rem;
      height: 100%;
    }

    #home-page .problem-card__icon {
      width: 56px;
      height: 56px;
      border: 1px solid var(--vildis-border);
      margin: 0 auto 1.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--vildis-light-bg);
    }

    #home-page .problem-card__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-dark);
    }

    #home-page .problem-card__title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #home-page .problem-card__text {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      line-height: 1.5;
    }

    /* ===== HOW IT WORKS ===== */
    #home-page .how-it-works {
      background: var(--vildis-light-bg);
    }

    #home-page .how__list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #home-page .how__item {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 1.5rem;
    }

    #home-page .how__item-icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-white);
    }

    #home-page .how__item-icon svg {
      width: 18px;
      height: 18px;
      color: var(--vildis-dark);
    }

    #home-page .how__item-title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.25rem;
      color: var(--vildis-dark);
    }

    #home-page .how__item-text {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    #home-page .how__image-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #home-page .how__video-placeholder {
      width: 100%;
      max-width: 500px;
      aspect-ratio: 16/10;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1rem;
      position: relative;
    }

    #home-page .how__video-placeholder svg {
      width: 48px;
      height: 48px;
      color: var(--vildis-dark);
      opacity: 0.5;
    }

    #home-page .how__video-label {
      font-size: 0.8rem;
      color: var(--vildis-muted);
    }

    /* ===== SOLUTION SELECTOR ===== */
    #home-page .solution {
      background: var(--vildis-white);
    }

    #home-page .solution__filters {
      background: var(--vildis-light-bg);
      padding: 2rem;
      height: 100%;
    }

    #home-page .solution__filter-group {
      margin-bottom: 1.5rem;
    }

    #home-page .solution__filter-label {
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-dark);
      margin-bottom: 0.75rem;
      display: block;
    }

    #home-page .solution__filter-options {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
    }

    #home-page .solution__filter-option {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 8px 16px;
      font-size: 0.8rem;
      color: var(--vildis-text);
      cursor: pointer;
      transition: all 0.2s;
      text-align: center;
      display: inline-block;
    }

    #home-page .solution__filter-option:hover,
    #home-page .solution__filter-option.active {
      border-color: var(--vildis-dark);
      background: var(--vildis-dark);
      color: var(--vildis-white);
    }

    #home-page .solution__card {
      background: var(--vildis-light-bg);
      padding: 2rem;
      height: 100%;
      position: relative;
    }

    #home-page .solution__card-badge {
      display: inline-block;
      background: var(--vildis-green);
      color: var(--vildis-white);
      font-size: 0.7rem;
      font-weight: 600;
      padding: 4px 12px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 1rem;
    }

    #home-page .solution__card-title {
      font-size: 1.1rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
    }

    #home-page .solution__card-specs {
      list-style: none;
      padding: 0;
      margin: 0 0 1.5rem;
    }

    #home-page .solution__card-specs li {
      font-size: 0.85rem;
      color: var(--vildis-text);
      padding: 0.3rem 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    #home-page .solution__card-specs li svg {
      width: 14px;
      height: 14px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    #home-page .solution__card-image {
      width: 100%;
      aspect-ratio: 1/1;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 1rem;
    }

    #home-page .solution__card-image svg {
      width: 60%;
      height: 60%;
      opacity: 0.2;
    }

    /* ===== COMPARISON TABLE ===== */
    #home-page .comparison {
      background: var(--vildis-light-bg);
    }

    #home-page .comparison__table-wrapper {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    #home-page .comparison__table {
      width: 100%;
      min-width: 700px;
      border-collapse: collapse;
      background: var(--vildis-white);
    }

    #home-page .comparison__table th,
    #home-page .comparison__table td {
      padding: 12px 16px;
      border: 1px solid var(--vildis-border);
      font-size: 0.85rem;
      text-align: center;
      vertical-align: middle;
    }

    #home-page .comparison__table thead th {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    #home-page .comparison__table thead th:first-child {
      text-align: left;
      background: var(--vildis-accent);
    }

    #home-page .comparison__table tbody td:first-child {
      text-align: left;
      font-weight: 600;
      color: var(--vildis-dark);
      background: var(--vildis-light-bg);
    }

    #home-page .comparison__table .badge-hot {
      display: inline-block;
      background: var(--vildis-green);
      color: var(--vildis-white);
      font-size: 0.65rem;
      font-weight: 600;
      padding: 2px 8px;
      margin-left: 4px;
      text-transform: uppercase;
    }

    #home-page .comparison__table .btn-more {
      display: inline-block;
      font-size: 0.75rem;
      color: var(--vildis-accent);
      text-decoration: underline;
      text-underline-offset: 2px;
      cursor: pointer;
    }

    /* ===== CASES ===== */
    #home-page .cases {
      background: var(--vildis-white);
    }

    #home-page .case-card {
      background: var(--vildis-light-bg);
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    #home-page .case-card__image {
      width: 100%;
      aspect-ratio: 16/9;
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #home-page .case-card__image svg {
      width: 32px;
      height: 32px;
      opacity: 0.3;
    }

    #home-page .case-card__body {
      padding: 1.5rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #home-page .case-card__tag {
      font-size: 0.7rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--vildis-muted);
      margin-bottom: 0.5rem;
    }

    #home-page .case-card__title {
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 1rem;
      line-height: 1.3;
    }

    #home-page .case-card__section {
      margin-bottom: 0.75rem;
    }

    #home-page .case-card__section-label {
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--vildis-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 0.25rem;
    }

    #home-page .case-card__section-text {
      font-size: 0.85rem;
      color: var(--vildis-text);
      line-height: 1.4;
    }

    #home-page .case-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: auto;
      padding-top: 1rem;
    }

    #home-page .case-card__link:hover {
      color: var(--vildis-dark);
    }

    #home-page .case-card__link svg {
      width: 16px;
      height: 16px;
      transition: transform 0.2s;
    }

    #home-page .case-card__link:hover svg {
      transform: translateX(4px);
    }

    /* ===== BLOG ===== */
    #home-page .blog {
      background: var(--vildis-light-bg);
    }

    #home-page .blog-card {
      background: var(--vildis-white);
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    #home-page .blog-card__image {
      width: 100%;
      aspect-ratio: 16/10;
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #home-page .blog-card__image svg {
      width: 24px;
      height: 24px;
      opacity: 0.3;
    }

    #home-page .blog-card__body {
      padding: 1.25rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #home-page .blog-card__meta {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 0.75rem;
    }

    #home-page .blog-card__date {
      font-size: 0.75rem;
      color: var(--vildis-muted);
    }

    #home-page .blog-card__category {
      font-size: 0.7rem;
      color: var(--vildis-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border: 1px solid var(--vildis-border);
      padding: 2px 8px;
    }

    #home-page .blog-card__title {
      font-size: 0.95rem;
      font-weight: 600;
      line-height: 1.4;
      margin-bottom: 1rem;
      flex: 1;
    }

    #home-page .blog-card__title a {
      color: var(--vildis-dark);
      text-decoration: none;
    }

    #home-page .blog-card__title a:hover {
      text-decoration: underline;
    }

    #home-page .blog-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
    }

    #home-page .blog-card__link svg {
      width: 14px;
      height: 14px;
    }

    /* ===== CTA SECTION ===== */
    #home-page .cta-section {
      background: var(--vildis-white);
    }

    #home-page .cta-help {
      background: var(--vildis-light-bg);
      padding: 2rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    #home-page .cta-help__title {
      font-size: 1.5rem;
      margin-bottom: 0.75rem;
    }

    #home-page .cta-help__text {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      line-height: 1.5;
    }

    /* ===== ADVANTAGES ===== */
    #home-page .advantages {
      background: var(--vildis-light-bg);
      padding: 50px 0;
    }

    #home-page .advantage-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 1rem 0;
    }

    #home-page .advantage-item__icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-white);
    }

    #home-page .advantage-item__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-dark);
    }

    #home-page .advantage-item__title {
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 0.15rem;
      color: var(--vildis-dark);
    }

   #home-page .advantage-item__text {
      font-size: 0.8rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }










    /* ===== FAQ ===== */
    .faq {
      background: var(--vildis-white);
    }

    .faq .accordion-button {
      font-size: 0.9rem;
      font-weight: 600;
      color: var(--vildis-dark);
      background: var(--vildis-white);
      padding: 1rem 1.25rem;
      border: 1px solid var(--vildis-border);
      border-bottom: none;
    }

    .faq .accordion-button:not(.collapsed) {
      background: var(--vildis-light-bg);
      box-shadow: none;
      color: var(--vildis-dark);
    }

    .faq .accordion-button:focus {
      box-shadow: none;
      border-color: var(--vildis-dark);
    }

    .faq .accordion-button::after {
      background-size: 14px;
    }

    .faq .accordion-item {
      border: 1px solid var(--vildis-border);
      margin-bottom: -1px;
    }

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

    .faq .accordion-body {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      line-height: 1.6;
      padding: 1rem 1.25rem;
    }

    .faq .btn-all {
      display: inline-block;
      margin-top: 1.5rem;
      font-size: 0.8rem;
      color: var(--vildis-accent);
      text-decoration: underline;
      text-underline-offset: 2px;
    }






/****контакты******/

    /* ===== BREADCRUMBS ===== */
    .breadcrumbs {
      padding: 0.75rem 0;
      background: var(--vildis-white);
      border-bottom: 1px solid var(--vildis-border);
    }

    .breadcrumbs__list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }

    .breadcrumbs__item {
      font-size: 0.8rem;
      color: var(--vildis-muted);
    }

    .breadcrumbs__item a {
      color: var(--vildis-muted);
      text-decoration: none;
    }

    .breadcrumbs__item a:hover {
      color: var(--vildis-dark);
    }

    .breadcrumbs__separator {
      color: var(--vildis-muted);
      font-size: 0.7rem;
    }

    .breadcrumbs__current {
      color: var(--vildis-text);
      font-weight: 500;
    }

    /* ===== HERO CONTACT ===== */
    .contacts-hero {
      padding: 40px 0 30px;
      background: var(--vildis-white);
    }

    .contacts-hero__title {
      font-size: 2.25rem;
      margin-bottom: 0.5rem;
    }

    .contacts-hero__subtitle {
      font-size: 1rem;
      color: var(--vildis-muted);
      max-width: 600px;
      line-height: 1.5;
    }

    /* ===== CONTACT CARDS ===== */
    .contact-cards {
      background: var(--vildis-white);
      padding: 0 0 60px;
    }

    .contact-card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      height: 100%;
      transition: border-color 0.2s;
    }

    .contact-card:hover {
      border-color: var(--vildis-dark);
    }

    .contact-card__icon {
      width: 48px;
      height: 48px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.25rem;
      background: var(--vildis-white);
    }

    .contact-card__icon svg {
      width: 22px;
      height: 22px;
      color: var(--vildis-dark);
    }

    .contact-card__label {
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--vildis-muted);
      margin-bottom: 0.5rem;
    }

    .contact-card__value {
      font-family: 'Montserrat', sans-serif;
      font-size: 1.1rem;
      font-weight: 600;
      color: var(--vildis-dark);
      margin-bottom: 0.25rem;
    }

    .contact-card__value a {
      color: var(--vildis-dark);
      text-decoration: none;
      transition: color 0.2s;
    }

    .contact-card__value a:hover {
      color: var(--vildis-muted);
    }

    .contact-card__sub {
      font-size: 0.82rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== MAP SECTION ===== */
    .map-section {
      background: var(--vildis-light-bg);
    }

    .map-section__content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      align-items: start;
    }

    .map-section__info {
      padding: 2rem 0;
    }

    .map-section__title {
      font-size: 1.5rem;
      margin-bottom: 0.5rem;
    }

    .map-section__address {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      line-height: 1.5;
    }

    .map-section__details {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem;
    }

    .map-section__detail {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 0.75rem 0;
      border-bottom: 1px solid var(--vildis-border);
      font-size: 0.88rem;
    }

    .map-section__detail:last-child {
      border-bottom: none;
    }

    .map-section__detail-icon {
      width: 20px;
      height: 20px;
      color: var(--vildis-muted);
      flex-shrink: 0;
      margin-top: 2px;
    }

    .map-section__detail-label {
      color: var(--vildis-muted);
      min-width: 120px;
    }

    .map-section__detail-value {
      color: var(--vildis-dark);
      font-weight: 500;
    }

    .map-section__detail-value a {
      color: var(--vildis-dark);
      text-decoration: none;
    }

    .map-section__detail-value a:hover {
      text-decoration: underline;
    }

    .map-section__directions {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: 0.5rem;
    }

    .map-section__directions:hover {
      color: var(--vildis-dark);
    }

    .map-section__directions svg {
      width: 16px;
      height: 16px;
    }

    .map-section__map {
      width: 100%;
      aspect-ratio: 4/3;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .map-section__map-placeholder {
      text-align: center;
      color: var(--vildis-muted);
    }

    .map-section__map-placeholder svg {
      width: 48px;
      height: 48px;
      opacity: 0.3;
      margin-bottom: 0.5rem;
    }

    .map-section__map-placeholder p {
      font-size: 0.85rem;
    }

    /* ===== SCHEDULE ===== */
    .schedule {
      background: var(--vildis-white);
    }

    .schedule__card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      height: 100%;
    }

    .schedule__title {
      font-size: 1.1rem;
      margin-bottom: 1.25rem;
    }

    .schedule__row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.6rem 0;
      border-bottom: 1px solid var(--vildis-border);
      font-size: 0.88rem;
    }

    .schedule__row:last-child {
      border-bottom: none;
    }

    .schedule__day {
      color: var(--vildis-text);
      font-weight: 500;
    }

    .schedule__time {
      color: var(--vildis-dark);
      font-weight: 600;
    }

    .schedule__time--closed {
      color: #d32f2f;
    }

    .schedule__today {
      background: var(--vildis-white);
      margin: 0 -2rem;
      padding: 0.6rem 2rem;
      font-weight: 700;
    }

    .schedule__today .schedule__day,
    .schedule__today .schedule__time {
      color: var(--vildis-dark);
    }

    .schedule__note {
      margin-top: 1.25rem;
      padding: 1rem;
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      font-size: 0.82rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== FEEDBACK FORM ===== */
    .feedback {
      background: var(--vildis-light-bg);
    }

    .feedback__form {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
    }

    .feedback__title {
      font-size: 1.25rem;
      margin-bottom: 0.5rem;
    }

    .feedback__text {
      font-size: 0.9rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      line-height: 1.5;
    }

    .feedback__field {
      margin-bottom: 1rem;
    }

    .feedback__field label {
      display: block;
      font-size: 0.82rem;
      font-weight: 600;
      color: var(--vildis-dark);
      margin-bottom: 0.4rem;
    }

    .feedback__field label span {
      color: #d32f2f;
    }

    .feedback__field input,
    .feedback__field textarea,
    .feedback__field select {
      width: 100%;
      font-size: 0.88rem;
      border: 1px solid var(--vildis-border);
      padding: 10px 14px;
      font-family: 'Inter', sans-serif;
      transition: border-color 0.2s;
    }

    .feedback__field input:focus,
    .feedback__field textarea:focus,
    .feedback__field select:focus {
      border-color: var(--vildis-dark);
      outline: none;
    }

    .feedback__field textarea {
      resize: vertical;
      min-height: 100px;
    }

    .feedback__consent {
      font-size: 0.75rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    .feedback__consent a {
      color: var(--vildis-accent);
      text-decoration: underline;
    }

    .feedback__image {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
    }

    .feedback__image-placeholder {
      width: 100%;
      max-width: 350px;
      aspect-ratio: 1;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .feedback__image-placeholder svg {
      width: 50%;
      height: 50%;
      opacity: 0.15;
    }

    /* ===== REQUISITES ===== */
    .requisites {
      background: var(--vildis-white);
    }

    .requisites__card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
    }

    .requisites__title {
      font-size: 1.1rem;
      margin-bottom: 1.25rem;
    }

    .requisites__table {
      width: 100%;
    }

    .requisites__row {
      display: flex;
      padding: 0.6rem 0;
      border-bottom: 1px solid var(--vildis-border);
      font-size: 0.85rem;
    }

    .requisites__row:last-child {
      border-bottom: none;
    }

    .requisites__label {
      color: var(--vildis-muted);
      min-width: 200px;
      flex-shrink: 0;
    }

    .requisites__value {
      color: var(--vildis-dark);
      font-weight: 500;
    }

    .requisites__download {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.82rem;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: 1rem;
      font-weight: 600;
    }

    .requisites__download:hover {
      text-decoration: underline;
    }

    .requisites__download svg {
      width: 16px;
      height: 16px;
    }

    /* ===== SOCIAL PROOF ===== */
    .social-proof {
      background: var(--vildis-light-bg);
      padding: 40px 0;
    }

    .social-proof__label {
      font-size: 0.8rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
    }

    .social-proof__logos {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 2rem;
    }

    .social-proof__logo-item {
      width: 120px;
      height: 50px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.7rem;
      color: var(--vildis-muted);
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    /* ===== TRUST SIGNALS ===== */
    .trust-signals {
      background: var(--vildis-white);
      padding: 50px 0;
    }

    .trust-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 0.5rem 0;
    }

    .trust-item__icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-light-bg);
    }

    .trust-item__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-dark);
    }

    .trust-item__title {
      font-size: 0.85rem;
      font-weight: 600;
      margin-bottom: 0.15rem;
      color: var(--vildis-dark);
    }

    .trust-item__text {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

/****END контакты******/

/*****KATALOG******************/

    /* ===== CATALOG LAYOUT ===== */
   #product-category .catalog {
      background: var(--vildis-white);
      padding: 30px 0 60px;
    }

    /* Sidebar Filters */
    #product-category .filters {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 1.5rem;
    }

    #product-category .filters__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.5rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid var(--vildis-border);
    }

    #product-category .filters__title {
      font-size: 1rem;
      font-weight: 700;
      margin: 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    #product-category .filters__title svg {
      width: 18px;
      height: 18px;
    }

    #product-category .filters__reset {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      text-decoration: none;
      transition: color 0.2s;
    }

    #product-category .filters__reset:hover {
      color: var(--vildis-dark);
    }

    #product-category .filter-group {
      margin-bottom: 1.5rem;
    }

    #product-category .filter-group:last-child {
      margin-bottom: 0;
    }

    #product-category .filter-group__title {
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-dark);
      margin-bottom: 0.75rem;
    }

    #product-category .filter-group__options {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    #product-category .filter-option {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.83rem;
      color: var(--vildis-text);
      cursor: pointer;
    }

    #product-category .filter-option__checkbox {
      width: 18px;
      height: 18px;
      border: 1.5px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-white);
      transition: all 0.2s;
    }

    #product-category .filter-option:hover .filter-option__checkbox {
      border-color: var(--vildis-dark);
    }

    #product-category .filter-option__checkbox svg {
      width: 12px;
      height: 12px;
      color: var(--vildis-white);
      display: none;
    }

    #product-category .filter-option--checked .filter-option__checkbox {
      background: var(--vildis-dark);
      border-color: var(--vildis-dark);
    }

    #product-category .filter-option--checked .filter-option__checkbox svg {
      display: block;
    }

    #product-category .filter-range {
      margin-top: 0.75rem;
    }

    #product-category .filter-range__bar {
      position: relative;
      height: 4px;
      background: var(--vildis-border);
      border-radius: 2px;
      margin-bottom: 1rem;
    }

    #product-category .filter-range__active {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: var(--vildis-dark);
      border-radius: 2px;
    }

    #product-category .filter-range__thumbs {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      display: flex;
      justify-content: space-between;
    }

    #product-category .filter-range__thumb {
      width: 16px;
      height: 16px;
      background: var(--vildis-white);
      border: 2px solid var(--vildis-dark);
      border-radius: 50%;
      cursor: pointer;
      position: relative;
      z-index: 1;
    }

    #product-category .filter-range__values {
      display: flex;
      justify-content: space-between;
      font-size: 0.75rem;
      color: var(--vildis-muted);
    }

    #product-category .filter-group__btn {
      width: 100%;
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 10px 16px;
      font-size: 0.83rem;
      color: var(--vildis-text);
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s;
      font-family: 'Inter', sans-serif;
    }

    #product-category .filter-group__btn:hover {
      border-color: var(--vildis-dark);
      color: var(--vildis-dark);
    }

    /* Catalog Header */
    #product-category .catalog__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem;
      margin-bottom: 1.5rem;
    }

    #product-category .catalog__count {
      font-size: 0.85rem;
      color: var(--vildis-muted);
    }

    #product-category .catalog__controls {
      display: flex;
      align-items: center;
      gap: 1rem;
    }

    #product-category .catalog__sort {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    #product-category .catalog__sort-label {
      font-size: 0.8rem;
      color: var(--vildis-muted);
      white-space: nowrap;
    }

    #product-category .catalog__sort-select {
      font-size: 0.8rem;
      color: var(--vildis-text);
      border: 1px solid var(--vildis-border);
      padding: 6px 12px;
      font-family: 'Inter', sans-serif;
      background: var(--vildis-white);
    }

    #product-category .catalog__view {
      display: flex;
      gap: 4px;
    }

    #product-category .catalog__view-btn {
      width: 36px;
      height: 36px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s;
    }

    #product-category .catalog__view-btn:hover,
    #product-category .catalog__view-btn--active {
      border-color: var(--vildis-dark);
      background: var(--vildis-dark);
    }

    #product-category .catalog__view-btn svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-muted);
    }

    #product-category .catalog__view-btn:hover svg,
    #product-category .catalog__view-btn--active svg {
      color: var(--vildis-white);
    }

    /* Product Card */
    #product-category .product-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: all 0.2s;
      position: relative;
    }

    #product-category .product-card:hover {
      border-color: var(--vildis-dark);
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }

    #product-category .product-card__badge {
      position: absolute;
      top: 12px;
      left: 12px;
      z-index: 2;
      font-size: 0.7rem;
      font-weight: 600;
      padding: 4px 10px;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }

    #product-category .product-card__badge--hit {
      background: var(--vildis-green);
      color: var(--vildis-white);
    }

    #product-category .product-card__badge--recommend {
      background: var(--vildis-green);
      color: var(--vildis-white);
    }

    #product-category .product-card__badge--new {
      background: #ff9800;
      color: var(--vildis-white);
    }

    #product-category .product-card__image {
      width: 100%;
      aspect-ratio: 4/3;
      background: var(--vildis-light-bg);
      border-bottom: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
    }

    #product-category .product-card__image svg {
      width: 70%;
      height: 70%;
      opacity: 0.15;
    }

    #product-category .product-card__body {
      padding: 1.25rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #product-category .product-card__title {
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 0.25rem;
    }

    #product-category .product-card__capacity {
      font-size: 0.82rem;
      color: var(--vildis-muted);
      margin-bottom: 0.75rem;
    }

    #product-category .product-card__specs {
      list-style: none;
      padding: 0;
      margin: 0 0 1rem;
    }

    #product-category .product-card__specs li {
      font-size: 0.8rem;
      color: var(--vildis-text);
      padding: 0.25rem 0;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    #product-category .product-card__specs li svg {
      width: 13px;
      height: 13px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    #product-category .product-card__price {
      font-family: 'Montserrat', sans-serif;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--vildis-dark);
      margin-bottom: 1rem;
    }

    #product-category .product-card__btn {
      margin-top: auto;
    }

    #product-category .product-card__btn .btn-outline-custom {
      width: 100%;
      justify-content: center;
      font-size: 0.82rem;
      padding: 10px 20px;
    }

    /* Load More */
    #product-category .catalog__load-more {
      display: block;
      margin: 2rem auto 0;
      background: transparent;
      border: 1px solid var(--vildis-border);
      color: var(--vildis-text);
      padding: 12px 32px;
      font-size: 0.85rem;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s;
      font-family: 'Inter', sans-serif;
    }

    #product-category .catalog__load-more:hover {
      border-color: var(--vildis-dark);
      color: var(--vildis-dark);
    }

    /* ===== ADVANTAGES ===== */
    #product-category .advantages {
      background: var(--vildis-light-bg);
    }

    #product-category .advantage-card {
      text-align: center;
      padding: 1.5rem 1rem;
      height: 100%;
    }

    #product-category .advantage-card__icon {
      width: 56px;
      height: 56px;
      border: 1px solid var(--vildis-border);
      margin: 0 auto 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--vildis-white);
    }

    #product-category .advantage-card__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-dark);
    }

    #product-category .advantage-card__title {
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #product-category .advantage-card__text {
      font-size: 0.8rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== HOW IT WORKS ===== */
    #product-category .how-it-works {
      background: var(--vildis-white);
    }

    #product-category .how__steps {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #product-category .how__step {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      margin-bottom: 1.25rem;
    }

    #product-category .how__step-number {
      width: 28px;
      height: 28px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--vildis-dark);
      background: var(--vildis-light-bg);
    }

    #product-category .how__step-text {
      font-size: 0.85rem;
      color: var(--vildis-text);
      padding-top: 3px;
      line-height: 1.4;
    }

    #product-category .how__image-wrapper {
      position: relative;
    }

    #product-category .how__video-placeholder {
      width: 100%;
      aspect-ratio: 16/10;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1rem;
    }

    #product-category .how__video-placeholder svg {
      width: 48px;
      height: 48px;
      color: var(--vildis-dark);
      opacity: 0.4;
    }

    #product-category .how__video-label {
      font-size: 0.8rem;
      color: var(--vildis-muted);
    }

    /* ===== CTA SECTION ===== */
    #product-category .cta-section {
      background: var(--vildis-light-bg);
    }

    #product-category .cta-block {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      height: 100%;
    }

    #product-category .cta-block__title {
      font-size: 1.15rem;
      margin-bottom: 0.5rem;
    }

    #product-category .cta-block__text {
      font-size: 0.88rem;
      color: var(--vildis-muted);
      margin-bottom: 1.25rem;
      line-height: 1.5;
    }

    #product-category .cta-block__form {
      display: flex;
      gap: 0.75rem;
      flex-wrap: wrap;
    }

    #product-category .cta-block__field {
      flex: 1;
      min-width: 140px;
    }

    #product-category .cta-block__field input {
      width: 100%;
      font-size: 0.83rem;
      border: 1px solid var(--vildis-border);
      padding: 10px 14px;
      font-family: 'Inter', sans-serif;
      background: var(--vildis-light-bg);
    }

    #product-category .cta-block__field input:focus {
      border-color: var(--vildis-dark);
      outline: none;
    }

    #product-category .cta-block__submit {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      border: none;
      padding: 10px 24px;
      font-size: 0.85rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s;
      font-family: 'Inter', sans-serif;
      white-space: nowrap;
    }

    #product-category .cta-block__submit:hover {
      background: var(--vildis-accent-hover);
    }

    #product-category .cta-block__image {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #product-category .cta-block__image-placeholder {
      width: 100%;
      max-width: 200px;
      aspect-ratio: 3/4;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    #product-category .cta-block__image-placeholder svg {
      width: 50%;
      height: 50%;
      opacity: 0.15;
    }

    #product-category .cta-block__check-badge {
      position: absolute;
      bottom: -8px;
      right: -8px;
      width: 32px;
      height: 32px;
      background: var(--vildis-green);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #product-category .cta-block__check-badge svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-white);
      opacity: 1;
    }

    /* ===== ADVANTAGES BAR ===== */
    #product-category .advantages-bar {
      background: var(--vildis-white);
      padding: 50px 0;
      border-top: 1px solid var(--vildis-border);
    }

    #product-category .advantage-bar-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 0.5rem 0;
    }

    #product-category .advantage-bar-item__icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-light-bg);
    }

    #product-category .advantage-bar-item__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-dark);
    }

    #product-category .advantage-bar-item__title {
      font-size: 0.85rem;
      font-weight: 600;
      margin-bottom: 0.15rem;
      color: var(--vildis-dark);
    }

    #product-category .advantage-bar-item__text {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

/*****END KATALOG******************/

/*****Карточка товара*******************/


    /* ===== PRODUCT HERO ===== */
    .product-hero {
      padding: 30px 0 40px;
      background: var(--vildis-white);
    }

    /* Gallery */
    .product-gallery {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .product-gallery__main {
      width: 100%;
      aspect-ratio: 4/3;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .product-gallery__main svg {
      width: 60%;
      height: 60%;
      opacity: 0.25;
    }

    .product-gallery__badge {
      position: absolute;
      top: 12px;
      left: 12px;
      background: var(--vildis-green);
      color: var(--vildis-white);
      font-size: 0.7rem;
      font-weight: 600;
      padding: 4px 10px;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }

    .product-gallery__arrows {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding: 0 8px;
      pointer-events: none;
    }

    .product-gallery__arrow {
      width: 36px;
      height: 36px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      pointer-events: all;
      transition: all 0.2s;
    }

    .product-gallery__arrow:hover {
      border-color: var(--vildis-dark);
    }

    .product-gallery__arrow svg {
      width: 14px;
      height: 14px;
      opacity: 0.5;
    }

    .product-gallery__thumbs {
      display: flex;
      gap: 8px;
    }

    .product-gallery__thumb {
      width: 64px;
      height: 52px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s;
      flex-shrink: 0;
    }

    .product-gallery__thumb:hover,
    .product-gallery__thumb--active {
      border-color: var(--vildis-dark);
    }

    .product-gallery__thumb svg {
      width: 24px;
      height: 24px;
      opacity: 0.2;
    }

    .product-gallery__thumb--video {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 2px;
    }

    .product-gallery__thumb--video svg {
      width: 16px;
      height: 16px;
      opacity: 0.4;
    }

    .product-gallery__thumb--video span {
      font-size: 0.55rem;
      color: var(--vildis-muted);
    }

    /* Product Info */
    .product-info {
      padding-left: 2rem;
    }

    .product-info__category {
      font-size: 0.8rem;
      color: var(--vildis-muted);
      margin-bottom: 0.25rem;
    }

    .product-info__title {
      font-size: 2rem;
      margin-bottom: 0.5rem;
    }

    .product-info__subtitle {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      line-height: 1.5;
    }

    /* Key specs */
    .product-info__key-specs {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-bottom: 1.5rem;
    }

    .product-info__key-spec {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .product-info__key-spec-icon {
      width: 40px;
      height: 40px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--vildis-light-bg);
      flex-shrink: 0;
    }

    .product-info__key-spec-icon svg {
      width: 18px;
      height: 18px;
      color: var(--vildis-dark);
    }

    .product-info__key-spec-text {
      font-size: 0.8rem;
      color: var(--vildis-text);
      line-height: 1.3;
    }

    .product-info__key-spec-text strong {
      display: block;
      font-size: 0.85rem;
      color: var(--vildis-dark);
    }

    /* Check list */
    .product-info__checklist {
      list-style: none;
      padding: 0;
      margin: 0 0 1.5rem;
    }

    .product-info__checklist li {
      font-size: 0.88rem;
      color: var(--vildis-text);
      padding: 0.3rem 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .product-info__checklist li svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    /* Buttons */
    .product-info__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      margin-bottom: 1.5rem;
    }

    .product-info__guarantees {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
    }

    .product-info__guarantee {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.8rem;
      color: var(--vildis-muted);
    }

    .product-info__guarantee svg {
      width: 14px;
      height: 14px;
      color: var(--vildis-green);
    }

    /* ===== WHY CHOOSE ===== */
    #product-product .why-choose {
      background: var(--vildis-light-bg);
    }

    #product-product .why-choose-card {
      text-align: center;
      padding: 1.5rem 1rem;
      height: 100%;
    }

    #product-product .why-choose-card__icon {
      width: 56px;
      height: 56px;
      border: 1px solid var(--vildis-border);
      margin: 0 auto 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--vildis-white);
    }

    #product-product .why-choose-card__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-dark);
    }

    #product-product .why-choose-card__title {
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #product-product .why-choose-card__text {
      font-size: 0.8rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== CHARACTERISTICS ===== */
    #product-product .characteristics {
      background: var(--vildis-white);
    }

    #product-product .char-table {
      width: 100%;
      border-collapse: collapse;
    }

    #product-product .char-table tr {
      border-bottom: 1px solid var(--vildis-border);
    }

    #product-product .char-table tr:last-child {
      border-bottom: none;
    }

    #product-product .char-table td {
      padding: 10px 16px;
      font-size: 0.85rem;
    }

    #product-product .char-table td:first-child {
      color: var(--vildis-muted);
      width: 45%;
      font-weight: 500;
    }

    #product-product .char-table td:last-child {
      color: var(--vildis-dark);
      font-weight: 600;
    }

    #product-product .char-table__all-btn {
      display: inline-block;
      margin-top: 1rem;
      font-size: 0.82rem;
      color: var(--vildis-accent);
      text-decoration: none;
      border: 1px solid var(--vildis-border);
      padding: 8px 20px;
      transition: all 0.2s;
    }

    #product-product .char-table__all-btn:hover {
      border-color: var(--vildis-dark);
      color: var(--vildis-dark);
    }

    /* ===== HOW IT WORKS ===== */
    #product-product .how-it-works {
      background: var(--vildis-light-bg);
    }

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

    #product-product .how__step {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      margin-bottom: 1.25rem;
    }

    #product-product .how__step-number {
      width: 28px;
      height: 28px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--vildis-dark);
      background: var(--vildis-white);
    }

    #product-product .how__step-text {
      font-size: 0.85rem;
      color: var(--vildis-text);
      padding-top: 3px;
      line-height: 1.4;
    }

    #product-product .how__image-placeholder {
      width: 100%;
      aspect-ratio: 4/3;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #product-product .how__image-placeholder svg {
      width: 50%;
      height: 50%;
      opacity: 0.15;
    }

    #product-product .how__video-label {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.8rem;
      color: var(--vildis-muted);
      margin-top: 0.75rem;
    }

    #product-product .how__video-label svg {
      width: 16px;
      height: 16px;
    }

    /* ===== COMPARISON ===== */
    #product-product .comparison {
      background: var(--vildis-white);
    }

    #product-product .comparison__table-wrapper {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    #product-product .comparison__table {
      width: 100%;
      min-width: 700px;
      border-collapse: collapse;
    }

    #product-product .comparison__table th,
    #product-product .comparison__table td {
      padding: 10px 14px;
      border: 1px solid var(--vildis-border);
      font-size: 0.82rem;
      text-align: center;
      vertical-align: middle;
    }

    #product-product .comparison__table thead th {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }

    #product-product .comparison__table thead th:first-child {
      text-align: left;
      background: var(--vildis-accent);
    }

    #product-product .comparison__table tbody td:first-child {
      text-align: left;
      font-weight: 500;
      color: var(--vildis-muted);
      background: var(--vildis-light-bg);
    }

    #product-product .comparison__table .col-highlight {
      background: var(--vildis-green-light);
      font-weight: 600;
    }

    #product-product .comparison__table .col-highlight-header {
      background: var(--vildis-green);
    }

    #product-product .comparison__table .badge-hit {
      display: inline-block;
      background: var(--vildis-green);
      color: var(--vildis-white);
      font-size: 0.6rem;
      font-weight: 600;
      padding: 2px 6px;
      margin-left: 4px;
      text-transform: uppercase;
    }

    #product-product .comparison__table .btn-more {
      display: inline-block;
      font-size: 0.75rem;
      color: var(--vildis-accent);
      text-decoration: underline;
      text-underline-offset: 2px;
      cursor: pointer;
    }

    /* ===== CASES ===== */
    #product-product .cases {
      background: var(--vildis-light-bg);
    }

    #product-product .case-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: border-color 0.2s;
    }

    #product-product .case-card:hover {
      border-color: var(--vildis-dark);
    }

    #product-product .case-card__image {
      width: 100%;
      aspect-ratio: 16/10;
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #product-product .case-card__image svg {
      width: 24px;
      height: 24px;
      opacity: 0.3;
    }

    #product-product .case-card__body {
      padding: 1.25rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #product-product .case-card__title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.75rem;
      line-height: 1.3;
    }

    #product-product .case-card__section {
      margin-bottom: 0.5rem;
    }

    #product-product .case-card__section-label {
      font-size: 0.72rem;
      font-weight: 600;
      color: var(--vildis-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 0.15rem;
    }

    #product-product .case-card__section-text {
      font-size: 0.82rem;
      color: var(--vildis-text);
      line-height: 1.4;
    }

    #product-product .case-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.82rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: auto;
      padding-top: 0.75rem;
    }

    #product-product .case-card__link:hover {
      color: var(--vildis-dark);
    }

    #product-product .case-card__link svg {
      width: 14px;
      height: 14px;
      transition: transform 0.2s;
    }

    #product-product .case-card__link:hover svg {
      transform: translateX(4px);
    }

    /* Carousel navigation for cases */
    #product-product .cases__carousel {
      position: relative;
    }

    #product-product .cases__arrows {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: calc(100% + 40px);
      left: -20px;
      display: flex;
      justify-content: space-between;
      pointer-events: none;
    }

    #product-product .cases__arrow {
      width: 40px;
      height: 40px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      pointer-events: all;
      transition: all 0.2s;
    }

    #product-product .cases__arrow:hover {
      border-color: var(--vildis-dark);
    }

    #product-product .cases__arrow svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-dark);
    }

    /* ===== REVIEWS ===== */
    #product-product .reviews {
      background: var(--vildis-white);
    }

    #product-product .review-card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 1.5rem;
      height: 100%;
    }

    #product-product .review-card__header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 1rem;
    }

    #product-product .review-card__avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    #product-product .review-card__avatar svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-muted);
      opacity: 0.5;
    }

    #product-product .review-card__name {
      font-size: 0.9rem;
      font-weight: 600;
      color: var(--vildis-dark);
      margin-bottom: 0.1rem;
    }

    #product-product .review-card__role {
      font-size: 0.78rem;
      color: var(--vildis-muted);
    }

    #product-product .review-card__stars {
      display: flex;
      gap: 2px;
      margin-bottom: 0.75rem;
    }

    #product-product .review-card__star {
      width: 16px;
      height: 16px;
      color: #ffc107;
    }

    #product-product .review-card__star--empty {
      color: var(--vildis-border);
    }

    #product-product .review-card__text {
      font-size: 0.85rem;
      color: var(--vildis-text);
      line-height: 1.5;
      margin-bottom: 0.75rem;
    }

    #product-product .review-card__date {
      font-size: 0.75rem;
      color: var(--vildis-muted);
    }

    /* ===== CTA SECTION ===== */
    #product-product .cta-section {
      background: var(--vildis-light-bg);
    }

    #product-product .cta-block {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      height: 100%;
    }

    #product-product .cta-block__title {
      font-size: 1.15rem;
      margin-bottom: 0.5rem;
    }

    #product-product .cta-block__text {
      font-size: 0.88rem;
      color: var(--vildis-muted);
      margin-bottom: 1.25rem;
      line-height: 1.5;
    }

    #product-product .cta-block__form {
      display: flex;
      gap: 0.75rem;
      flex-wrap: wrap;
    }

    #product-product .cta-block__field {
      flex: 1;
      min-width: 140px;
    }

    #product-product .cta-block__field input {
      width: 100%;
      font-size: 0.83rem;
      border: 1px solid var(--vildis-border);
      padding: 10px 14px;
      font-family: 'Inter', sans-serif;
      background: var(--vildis-light-bg);
    }

    #product-product .cta-block__field input:focus {
      border-color: var(--vildis-dark);
      outline: none;
    }

    #product-product .cta-block__submit {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      border: none;
      padding: 10px 24px;
      font-size: 0.85rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s;
      font-family: 'Inter', sans-serif;
      white-space: nowrap;
    }

    #product-product .cta-block__submit:hover {
      background: var(--vildis-accent-hover);
    }

    #product-product .cta-block__image {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #product-product .cta-block__image-placeholder {
      width: 100%;
      max-width: 200px;
      aspect-ratio: 3/4;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    #product-product .cta-block__image-placeholder svg {
      width: 50%;
      height: 50%;
      opacity: 0.15;
    }

    #product-product .cta-block__check-badge {
      position: absolute;
      bottom: -8px;
      right: -8px;
      width: 32px;
      height: 32px;
      background: var(--vildis-green);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #product-product .cta-block__check-badge svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-white);
      opacity: 1;
    }

    /* ===== ADVANTAGES BAR ===== */
    #product-product .advantages-bar {
      background: var(--vildis-white);
      padding: 50px 0;
      border-top: 1px solid var(--vildis-border);
    }

    #product-product .advantage-bar-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 0.5rem 0;
    }

    #product-product .advantage-bar-item__icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-light-bg);
    }

    #product-product .advantage-bar-item__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-dark);
    }

    #product-product .advantage-bar-item__title {
      font-size: 0.85rem;
      font-weight: 600;
      margin-bottom: 0.15rem;
      color: var(--vildis-dark);
    }

    #product-product .advantage-bar-item__text {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }



    /* ===== RESPONSIVE Карточка товара===== */
    @media (max-width: 1199px) {

      #product-product .product-info {
        padding-left: 1rem;
      }
      #product-product .product-info__title {
        font-size: 1.6rem;
      }
    }

    @media (max-width: 991px) {
      #product-product .section-padding {
        padding: 60px 0;
      }
      #product-product .section-title {
        font-size: 1.35rem;
      }
      #product-product .product-info {
        padding-left: 0;
        margin-top: 2rem;
      }
    }

    @media (max-width: 767px) {
      #product-product .section-padding {
        padding: 40px 0;
      }
      #product-product .section-title {
        font-size: 1.25rem;
      }

      #product-product .product-hero {
        padding: 20px 0;
      }
      #product-product .product-info__title {
        font-size: 1.4rem;
      }
      #product-product .product-info__key-specs {
        gap: 1rem;
      }
      #product-product .product-info__buttons {
        flex-direction: column;
      }
      #product-product .product-info__buttons .btn-primary-custom,
      #product-product .product-info__buttons .btn-outline-custom {
        width: 100%;
        text-align: center;
        justify-content: center;
      }
      #product-product .product-info__guarantees {
        flex-direction: column;
        gap: 0.5rem;
      }
      #product-product .product-gallery__thumbs {
        overflow-x: auto;
      }
      #product-product .comparison__table th,
      #product-product .comparison__table td {
        padding: 8px 10px;
        font-size: 0.72rem;
      }
      #product-product .cta-block__form {
        flex-direction: column;
      }
      #product-product .cta-block__field {
        min-width: 100%;
      }
      #product-product .cta-block__submit {
        width: 100%;
      }
    }






/******Конец карточка товара**********************/


/*******Все Кейсы*******************/


    /* ===== HERO ===== */
    #cases-page .hero-cases {
      padding: 50px 0 30px;
      background: var(--vildis-white);
    }

    #cases-page .hero-cases__title {
      font-size: 2.25rem;
      margin-bottom: 0.5rem;
    }

    #cases-page .hero-cases__subtitle {
      font-size: 1rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
    }

    #cases-page .filter-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    #cases-page .filter-tab {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 8px 20px;
      font-size: 0.85rem;
      font-weight: 500;
      color: var(--vildis-text);
      cursor: pointer;
      transition: all 0.2s;
      display: inline-block;
      text-decoration: none;
    }

    #cases-page .filter-tab:hover,
    #cases-page .filter-tab--active {
      background: var(--vildis-dark);
      color: var(--vildis-white);
      border-color: var(--vildis-dark);
    }

    /* ===== CASE CARDS GRID ===== */
    #cases-page .cases-grid {
      background: var(--vildis-white);
      padding: 0 0 60px;
    }

    #cases-page .case-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: all 0.2s;
      overflow: hidden;
    }

    #cases-page .case-card:hover {
      border-color: var(--vildis-dark);
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }

    #cases-page .case-card__image {
      width: 100%;
      aspect-ratio: 16/10;
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }

    #cases-page .case-card__image svg {
      width: 32px;
      height: 32px;
      opacity: 0.2;
    }

    #cases-page .case-card__tag {
      position: absolute;
      top: 12px;
      left: 12px;
      background: var(--vildis-dark);
      color: var(--vildis-white);
      font-size: 0.7rem;
      font-weight: 600;
      padding: 4px 10px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    #cases-page .case-card__body {
      padding: 1.5rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #cases-page .case-card__title {
      font-size: 1.05rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
      line-height: 1.3;
    }

    #cases-page .case-card__type {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      margin-bottom: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    #cases-page .case-card__task {
      font-size: 0.85rem;
      color: var(--vildis-text);
      margin-bottom: 0.75rem;
      line-height: 1.4;
    }

    #cases-page .case-card__result {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.85rem;
      color: var(--vildis-green);
      font-weight: 600;
      margin-bottom: 1rem;
    }

    #cases-page .case-card__result svg {
      width: 16px;
      height: 16px;
      flex-shrink: 0;
    }

    #cases-page .case-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: auto;
      transition: color 0.2s;
    }

    #cases-page .case-card__link:hover {
      color: var(--vildis-dark);
    }

    #cases-page .case-card__link svg {
      width: 14px;
      height: 14px;
      transition: transform 0.2s;
    }

    #cases-page .case-card__link:hover svg {
      transform: translateX(4px);
    }

    /* ===== INDUSTRY NAVIGATION ===== */
    #cases-page .industry-nav {
      background: var(--vildis-light-bg);
    }

    #cases-page .industry-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      text-align: center;
      height: 100%;
      transition: all 0.2s;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1rem;
    }

    #cases-page .industry-card:hover {
      border-color: var(--vildis-dark);
      transform: translateY(-2px);
    }

    #cases-page .industry-card__icon {
      width: 64px;
      height: 64px;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #cases-page .industry-card__icon svg {
      width: 28px;
      height: 28px;
      color: var(--vildis-dark);
    }

    #cases-page .industry-card__title {
      font-size: 1rem;
      font-weight: 600;
      color: var(--vildis-dark);
      margin: 0;
    }

    #cases-page .industry-card__count {
      font-size: 0.8rem;
      color: var(--vildis-muted);
    }

    #cases-page .btn-solutions {
      display: block;
      margin: 2rem auto 0;
      background: transparent;
      border: 1px solid var(--vildis-border);
      color: var(--vildis-text);
      padding: 12px 32px;
      font-size: 0.9rem;
      font-weight: 500;
      text-decoration: none;
      transition: all 0.2s;
      font-family: 'Inter', sans-serif;
    }

    #cases-page .btn-solutions:hover {
      border-color: var(--vildis-dark);
      color: var(--vildis-dark);
    }

    /* ===== CTA SECTION ===== */
    #cases-page .cta-section {
      background: var(--vildis-white);
    }

    #cases-page .cta-block {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 3rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    #cases-page .cta-block__title {
      font-size: 1.75rem;
      margin-bottom: 0.5rem;
     color: #333;
    }

    #cases-page .cta-block__text {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }

    #cases-page .cta-block__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: center;
    }

    /* ===== TRUST BAR ===== */
    #cases-page .trust-bar {
      background: var(--vildis-light-bg);
      padding: 50px 0;
    }

    #cases-page .trust-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 0.5rem 0;
    }

    #cases-page .trust-item__icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-white);
    }

    #cases-page .trust-item__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-dark);
    }

    #cases-page .trust-item__title {
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 0.15rem;
      color: var(--vildis-dark);
    }

    #cases-page .trust-item__text {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== PAGINATION ===== */
    #cases-page .pagination-custom {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 2rem;
    }

    #cases-page .pagination-custom__btn {
      width: 40px;
      height: 40px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.85rem;
      font-weight: 500;
      color: var(--vildis-text);
      text-decoration: none;
      transition: all 0.2s;
    }

    #cases-page .pagination-custom__btn:hover,
    #cases-page .pagination-custom__btn--active {
      background: var(--vildis-dark);
      color: var(--vildis-white);
      border-color: var(--vildis-dark);
    }


    /* ===== RESPONSIVE все кейсы ===== */
    @media (max-width: 1199px) {

    }

    @media (max-width: 991px) {
      #cases-page .section-padding {
        padding: 60px 0;
      }
    }

    @media (max-width: 767px) {
      #cases-page .section-padding {
        padding: 40px 0;
      }
      #cases-page .section-title {
        font-size: 1.35rem;
      }
      #cases-page .header__nav {
        display: none;
      }
      #cases-page .hero-cases__title {
        font-size: 1.5rem;
      }
      #cases-page .cta-block {
        padding: 2rem 1.5rem;
      }
      #cases-page .cta-block__buttons {
        flex-direction: column;
        align-items: center;
      }

    }
/********конец  все кейсы**************/

/*****один кейс****************/


    /* ===== CASE HERO ===== */
    #case-page .case-hero {
      padding: 40px 0 30px;
      background: var(--vildis-white);
    }

    #case-page .case-hero__title {
      font-size: 2rem;
      line-height: 1.2;
      margin-bottom: 0.5rem;
    }

    #case-page .case-hero__subtitle {
      font-size: 1.05rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
    }

    #case-page .case-hero__facts {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-bottom: 2rem;
    }

    #case-page .case-hero__fact {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.9rem;
    }

    #case-page .case-hero__fact-icon {
      font-size: 1.2rem;
    }

    #case-page .case-hero__image {
      width: 100%;
      aspect-ratio: 21/9;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #case-page .case-hero__image svg {
      width: 80px;
      height: 80px;
      opacity: 0.15;
    }

    /* ===== PROBLEM & SOLUTION ===== */
    #case-page .case-section {
      background: var(--vildis-white);
    }

    #case-page .case-section__title {
      font-size: 1.5rem;
      margin-bottom: 1rem;
    }

    #case-page .case-section__text {
      font-size: 1rem;
      color: var(--vildis-text);
      line-height: 1.6;
      margin-bottom: 1.5rem;
    }

    #case-page .problem-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.75rem;
    }

    #case-page .problem-list li {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0.75rem 1rem;
      background: var(--vildis-red-light);
      border: 1px solid var(--vildis-border);
      font-size: 0.92rem;
    }

    #case-page .problem-list li .icon-x {
      color: var(--vildis-red);
      font-weight: 700;
      font-size: 1.1rem;
    }

    #case-page .solution-list {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem;
    }

    #case-page .solution-list li {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0.6rem 0;
      font-size: 0.95rem;
    }

    #case-page .solution-list li svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    #case-page .solution-image {
      width: 100%;
      aspect-ratio: 4/3;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #case-page .solution-image svg {
      width: 60px;
      height: 60px;
      opacity: 0.15;
    }

    /* ===== RESULTS ===== */
    #case-page .case-results {
      background: var(--vildis-dark);
      color: var(--vildis-white);
      text-align: center;
    }

    #case-page .case-results .section-title {
      color: var(--vildis-white);
    }

    #case-page .case-results .section-subtitle {
      color: rgba(255,255,255,0.5);
    }

    #case-page .result-stat {
      padding: 2rem 1rem;
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.1);
      height: 100%;
    }

    #case-page .result-stat__icon {
      font-size: 2rem;
      margin-bottom: 0.75rem;
    }

    #case-page .result-stat__value {
      font-family: 'Montserrat', sans-serif;
      font-size: 1.75rem;
      font-weight: 700;
      color: var(--vildis-green);
      margin-bottom: 0.5rem;
      line-height: 1.2;
    }

    #case-page .result-stat__label {
      font-size: 0.9rem;
      color: rgba(255,255,255,0.7);
      line-height: 1.4;
    }

    /* ===== GALLERY ===== */
    #case-page .case-gallery {
      background: var(--vildis-white);
    }

    #case-page .gallery-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, 200px);
      gap: 12px;
    }

    #case-page .gallery-item {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: border-color 0.2s;
    }

    #case-page .gallery-item:hover {
      border-color: var(--vildis-dark);
    }

    #case-page .gallery-item svg {
      width: 24px;
      height: 24px;
      opacity: 0.2;
    }

    #case-page .gallery-item--wide {
      grid-column: span 2;
    }

    /* ===== TESTIMONIAL ===== */
    #case-page .case-testimonial {
      background: var(--vildis-light-bg);
    }

    #case-page .testimonial-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      max-width: 700px;
      margin: 0 auto;
      padding: 2.5rem;
      text-align: center;
    }

    #case-page .testimonial-card__quote {
      font-size: 2.5rem;
      color: var(--vildis-border);
      margin-bottom: 0.5rem;
      line-height: 1;
    }

    #case-page .testimonial-card__text {
      font-size: 1.1rem;
      color: var(--vildis-text);
      line-height: 1.6;
      margin-bottom: 1.5rem;
      font-style: italic;
    }

    #case-page .testimonial-card__author {
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--vildis-dark);
    }

    #case-page .testimonial-card__role {
      font-size: 0.85rem;
      color: var(--vildis-muted);
    }

    /* ===== EQUIPMENT ===== */
    #case-page .case-equipment {
      background: var(--vildis-white);
    }

    #case-page .case-equipment-card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      max-width: 700px;
      margin: 0 auto;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }

    #case-page .case-equipment-card__image {
      background: var(--vildis-white);
      border-right: 1px solid var(--vildis-border);
      padding: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 250px;
    }

    #case-page .case-equipment-card__image svg {
      width: 80%;
      height: 80%;
      opacity: 0.15;
    }

    #case-page .case-equipment-card__info {
      padding: 2rem;
      display: flex;
      flex-direction: column;
    }

    #case-page .case-equipment-card__name {
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 1rem;
    }

    #case-page .case-equipment-card__specs {
      list-style: none;
      padding: 0;
      margin: 0 0 1.5rem;
    }

    #case-page .case-equipment-card__specs li {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0.4rem 0;
      font-size: 0.9rem;
      border-bottom: 1px solid var(--vildis-border);
    }

    #case-page .case-equipment-card__specs li:last-child {
      border-bottom: none;
    }

    #case-page .case-equipment-card__specs li svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    #case-page .case-equipment-card__btn {
      margin-top: auto;
    }

    /* ===== SIMILAR CASES ===== */
    #case-page .similar-cases {
      background: var(--vildis-light-bg);
    }

    #case-page .similar-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: border-color 0.2s;
    }

    #case-page .similar-card:hover {
      border-color: var(--vildis-dark);
    }

    #case-page .similar-card__image {
      width: 100%;
      aspect-ratio: 16/10;
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #case-page .similar-card__image svg {
      width: 24px;
      height: 24px;
      opacity: 0.3;
    }

    #case-page .similar-card__body {
      padding: 1.25rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #case-page .similar-card__title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #case-page .similar-card__result {
      font-size: 0.82rem;
      color: var(--vildis-green);
      font-weight: 600;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    #case-page .similar-card__link {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: 0.82rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: auto;
    }

    #case-page .similar-card__link svg {
      width: 12px;
      height: 12px;
    }

    /* ===== CTA FORM ===== */
    #case-page .case-cta {
      background: var(--vildis-white);
    }

    #case-page .case-cta__form {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 2.5rem;
      max-width: 700px;
      margin: 0 auto;
    }

    #case-page .case-cta__title {
      font-size: 1.5rem;
      margin-bottom: 0.5rem;
      text-align: center;
    }

    #case-page .case-cta__text {
      font-size: 0.92rem;
      color: var(--vildis-muted);
      text-align: center;
      margin-bottom: 1.5rem;
    }

    #case-page .case-cta__fields {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
    }

    #case-page .case-cta__field {
      flex: 1;
      min-width: 180px;
    }

    #case-page .case-cta__field input {
      width: 100%;
      font-size: 0.88rem;
      border: 1px solid var(--vildis-border);
      padding: 12px 14px;
      font-family: 'Inter', sans-serif;
    }

    #case-page .case-cta__field input:focus {
      border-color: var(--vildis-dark);
      outline: none;
    }

    #case-page .case-cta__submit {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      border: none;
      padding: 12px 32px;
      font-size: 0.9rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s;
      font-family: 'Inter', sans-serif;
      width: 100%;
      margin-top: 1rem;
    }

    #case-page .case-cta__submit:hover {
      background: var(--vildis-accent-hover);
    }

    /* ===== EXPERTISE ===== */
    #case-page .case-expertise {
      background: var(--vildis-light-bg);
    }

    #case-page .expertise-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      max-width: 700px;
      margin: 0 auto;
      padding: 2.5rem;
    }

    #case-page .expertise-card__title {
      font-size: 1.25rem;
      margin-bottom: 1rem;
    }

    #case-page .expertise-card__text {
      font-size: 0.95rem;
      color: var(--vildis-text);
      line-height: 1.6;
    }



    /* ===== RESPONSIVE ===== */


    @media (max-width: 991px) {
      #case-page .section-padding {
        padding: 60px 0;
      }
      #case-page .equipment-card {
        grid-template-columns: 1fr;
      }
      #case-page .equipment-card__image {
        border-right: none;
        border-bottom: 1px solid var(--vildis-border);
        min-height: 200px;
      }
    }

    @media (max-width: 767px) {
      #case-page .section-padding {
        padding: 40px 0;
      }
      #case-page .section-title {
        font-size: 1.35rem;
      }

      #case-page .case-hero__title {
        font-size: 1.5rem;
      }
      #case-page .case-hero__facts {
        flex-direction: column;
        gap: 0.75rem;
      }
      #case-page .problem-list {
        grid-template-columns: 1fr;
      }
      #case-page .gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
      }
      #case-page .gallery-item--wide {
        grid-column: span 2;
      }
      #case-page .gallery-item {
        aspect-ratio: 4/3;
      }
      #case-page .case-cta__fields {
        flex-direction: column;
      }
      #case-page .case-cta__field {
        min-width: 100%;
      }

    }


/********конец один кейс************/

/****Подбор квиз*****************/

    .btn-primary-custom {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      border: none;
      padding: 14px 32px;
      font-size: 0.95rem;
      font-weight: 600;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      font-family: 'Inter', sans-serif;
    }

    .btn-primary-custom:hover {
      background: var(--vildis-accent-hover);
      color: var(--vildis-white);
    }

    .btn-secondary-custom {
      background: transparent;
      color: var(--vildis-text);
      border: 1px solid var(--vildis-border);
      padding: 14px 32px;
      font-size: 0.95rem;
      font-weight: 600;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      font-family: 'Inter', sans-serif;
    }

    .btn-secondary-custom:hover {
      border-color: var(--vildis-dark);
      color: var(--vildis-dark);
    }

    /* ===== QUIZ INTRO ===== */
    .quiz-intro {
      background: var(--vildis-white);
      padding: 60px 0 80px;
    }

    .quiz-intro__title {
      font-size: 2.5rem;
      line-height: 1.2;
      margin-bottom: 0.75rem;
    }

    .quiz-intro__subtitle {
      font-size: 1.05rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
      line-height: 1.5;
    }

    .quiz-intro__benefits {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-bottom: 2.5rem;
    }

    .quiz-intro__benefit {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.88rem;
      color: var(--vildis-text);
    }

    .quiz-intro__benefit svg {
      width: 18px;
      height: 18px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    .quiz-intro__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      margin-bottom: 2rem;
    }

    .quiz-intro__image {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 300px;
    }

    .quiz-intro__image-placeholder {
      width: 100%;
      max-width: 400px;
      aspect-ratio: 4/3;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .quiz-intro__image-placeholder svg {
      width: 60%;
      height: 60%;
      opacity: 0.2;
    }

    /* ===== QUIZ CONTAINER ===== */
    .quiz-container {
      background: var(--vildis-light-bg);
      padding: 40px 0 60px;
    }

    /* Progress Bar */
    .quiz-progress {
      max-width: 700px;
      margin: 0 auto 2.5rem;
      text-align: center;
    }

    .quiz-progress__label {
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-dark);
      margin-bottom: 0.75rem;
    }

    .quiz-progress__bar {
      width: 100%;
      height: 8px;
      background: var(--vildis-border);
      border-radius: 4px;
      overflow: hidden;
      margin-bottom: 0.5rem;
    }

    .quiz-progress__fill {
      height: 100%;
      background: var(--vildis-dark);
      border-radius: 4px;
      transition: width 0.5s ease;
    }

    .quiz-progress__percent {
      font-size: 0.78rem;
      color: var(--vildis-muted);
    }

    /* Question Card */
    .question-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      max-width: 700px;
      margin: 0 auto;
      padding: 2.5rem;
      transition: opacity 0.3s ease;
    }

    .question-card__step {
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--vildis-muted);
      margin-bottom: 0.5rem;
    }

    .question-card__title {
      font-size: 1.35rem;
      margin-bottom: 0.5rem;
    }

    .question-card__hint {
      font-size: 0.83rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      line-height: 1.4;
    }

    /* Option Cards */
    .question-options {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 2rem;
    }

    .question-options--single {
      grid-template-columns: 1fr;
    }

    .question-option {
      border: 1.5px solid var(--vildis-border);
      padding: 1.25rem;
      cursor: pointer;
      transition: all 0.2s;
      display: flex;
      align-items: flex-start;
      gap: 12px;
      background: var(--vildis-white);
    }

    .question-option:hover {
      border-color: var(--vildis-muted);
      background: var(--vildis-light-bg);
    }

    .question-option--selected {
      border-color: var(--vildis-dark);
      background: var(--vildis-light-bg);
    }

    .question-option__icon {
      width: 40px;
      height: 40px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-light-bg);
    }

    .question-option--selected .question-option__icon {
      background: var(--vildis-dark);
      border-color: var(--vildis-dark);
    }

    .question-option__icon svg {
      width: 18px;
      height: 18px;
      color: var(--vildis-dark);
    }

    .question-option--selected .question-option__icon svg {
      color: var(--vildis-white);
    }

    .question-option__content {
      flex: 1;
    }

    .question-option__label {
      font-size: 0.9rem;
      font-weight: 600;
      color: var(--vildis-dark);
      margin-bottom: 0.2rem;
    }

    .question-option__desc {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      line-height: 1.3;
    }

    /* Checkbox style */
    .question-option__check {
      width: 22px;
      height: 22px;
      border: 2px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 2px;
      transition: all 0.2s;
    }

    .question-option--selected .question-option__check {
      background: var(--vildis-dark);
      border-color: var(--vildis-dark);
    }

    .question-option__check svg {
      width: 12px;
      height: 12px;
      color: var(--vildis-white);
      display: none;
    }

    .question-option--selected .question-option__check svg {
      display: block;
    }

    /* Navigation */
    .quiz-nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 700px;
      margin: 1.5rem auto 0;
    }

    .quiz-nav__btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--vildis-muted);
      background: none;
      border: none;
      cursor: pointer;
      padding: 10px 20px;
      transition: color 0.2s;
      font-family: 'Inter', sans-serif;
    }

    .quiz-nav__btn:hover {
      color: var(--vildis-dark);
    }

    .quiz-nav__btn svg {
      width: 16px;
      height: 16px;
    }

    .quiz-nav__btn--next {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      padding: 12px 28px;
      font-size: 0.9rem;
    }

    .quiz-nav__btn--next:hover {
      background: var(--vildis-accent-hover);
      color: var(--vildis-white);
    }

    .quiz-nav__btn--next:disabled {
      opacity: 0.4;
      cursor: not-allowed;
    }

    .quiz-nav__btn--next svg {
      width: 16px;
      height: 16px;
    }

    /* ===== LOADING SCREEN ===== */
    .loading-screen {
      background: var(--vildis-white);
      padding: 80px 0;
      text-align: center;
      display: none;
    }

    .loading-screen__title {
      font-size: 1.75rem;
      margin-bottom: 1rem;
    }

    .loading-screen__text {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 2.5rem;
    }

    .loading-animation {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2rem;
    }

    .loading-spinner {
      width: 60px;
      height: 60px;
      border: 3px solid var(--vildis-border);
      border-top-color: var(--vildis-dark);
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }

    .loading-steps {
      list-style: none;
      padding: 0;
      margin: 0;
      text-align: left;
    }

    .loading-step {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0.6rem 0;
      font-size: 0.9rem;
      color: var(--vildis-muted);
      opacity: 0;
      transform: translateY(10px);
      transition: all 0.4s ease;
    }

    .loading-step--visible {
      opacity: 1;
      transform: translateY(0);
    }

    .loading-step--done {
      color: var(--vildis-dark);
    }

    .loading-step__icon {
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .loading-step__icon svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-green);
      display: none;
    }

    .loading-step--done .loading-step__icon svg {
      display: block;
    }

    /* ===== RESULT SCREEN ===== */
    .result-screen {
      display: none;
    }

    /* Result Hero */
    .result-hero {
      background: var(--vildis-green-light);
      padding: 50px 0;
      text-align: center;
    }

    .result-hero__icon {
      width: 64px;
      height: 64px;
      background: var(--vildis-green);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.5rem;
    }

    .result-hero__icon svg {
      width: 32px;
      height: 32px;
      color: var(--vildis-white);
    }

    .result-hero__title {
      font-size: 2rem;
      margin-bottom: 0.5rem;
    }

    .result-hero__subtitle {
      font-size: 1rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }

    .result-hero__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: center;
    }

    /* Recommended Product */
    .result-product {
      background: var(--vildis-white);
      padding: 60px 0;
    }

    .product-main-card {
      background: var(--vildis-light-bg);
      border: 2px solid var(--vildis-dark);
      max-width: 800px;
      margin: 0 auto;
      overflow: hidden;
    }

    .product-main-card__header {
      background: var(--vildis-dark);
      color: var(--vildis-white);
      padding: 1rem 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .product-main-card__badge {
      font-size: 0.75rem;
      font-weight: 600;
      background: var(--vildis-green);
      color: var(--vildis-white);
      padding: 4px 12px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .product-main-card__title {
      font-size: 1.25rem;
      font-weight: 700;
      margin: 0;
    }

    .product-main-card__body {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
    }

    .product-main-card__image {
      background: var(--vildis-white);
      border-right: 1px solid var(--vildis-border);
      padding: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 300px;
    }

    .product-main-card__image svg {
      width: 80%;
      height: 80%;
      opacity: 0.2;
    }

    .product-main-card__info {
      padding: 2rem;
      display: flex;
      flex-direction: column;
    }

    .product-main-card__specs {
      list-style: none;
      padding: 0;
      margin: 0 0 1.5rem;
    }

    .product-main-card__specs li {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0.5rem 0;
      border-bottom: 1px solid var(--vildis-border);
      font-size: 0.88rem;
    }

    .product-main-card__specs li:last-child {
      border-bottom: none;
    }

    .product-main-card__specs li svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    .product-main-card__buttons {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      margin-top: auto;
    }

    .product-main-card__buttons .btn-primary-custom,
    .product-main-card__buttons .btn-secondary-custom {
      width: 100%;
      text-align: center;
      justify-content: center;
      padding: 12px 24px;
    }

    /* Why This Solution */
    .why-solution {
      background: var(--vildis-light-bg);
    }

    .why-solution__item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 1.25rem;
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      height: 100%;
    }

    .why-solution__icon {
      width: 44px;
      height: 44px;
      background: var(--vildis-green-light);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .why-solution__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-green);
    }

    .why-solution__title {
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 0.25rem;
      color: var(--vildis-dark);
    }

    .why-solution__text {
      font-size: 0.82rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* Alternatives */
    .alternatives {
      background: var(--vildis-white);
    }

    .alt-card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 1.5rem;
      height: 100%;
      transition: border-color 0.2s;
    }

    .alt-card:hover {
      border-color: var(--vildis-dark);
    }

    .alt-card__image {
      width: 100%;
      aspect-ratio: 4/3;
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
    }

    .alt-card__image svg {
      width: 60%;
      height: 60%;
      opacity: 0.15;
    }

    .alt-card__name {
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
    }

    .alt-card__specs {
      list-style: none;
      padding: 0;
      margin: 0 0 1rem;
    }

    .alt-card__specs li {
      font-size: 0.82rem;
      color: var(--vildis-text);
      padding: 0.3rem 0;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .alt-card__specs li svg {
      width: 14px;
      height: 14px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    .alt-card__btn {
      font-size: 0.82rem;
      color: var(--vildis-accent);
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    .btn-compare {
      display: block;
      margin: 2rem auto 0;
      background: transparent;
      border: 1px solid var(--vildis-border);
      color: var(--vildis-text);
      padding: 10px 24px;
      font-size: 0.85rem;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s;
      font-family: 'Inter', sans-serif;
    }

    .btn-compare:hover {
      border-color: var(--vildis-dark);
      color: var(--vildis-dark);
    }

    /* Calculator */
    .calculator {
      background: var(--vildis-dark);
      color: var(--vildis-white);
    }

    .calculator__title {
      color: var(--vildis-white);
    }

    .calculator__subtitle {
      color: rgba(255,255,255,0.6);
    }

    .calculator__card {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.1);
      padding: 2rem;
      height: 100%;
    }

    .calculator__input-group {
      margin-bottom: 1.5rem;
    }

    .calculator__input-label {
      font-size: 0.82rem;
      color: rgba(255,255,255,0.5);
      margin-bottom: 0.5rem;
      display: block;
    }

    .calculator__input-value {
      font-family: 'Montserrat', sans-serif;
      font-size: 2rem;
      font-weight: 700;
      color: var(--vildis-white);
    }

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

    .calculator__result {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0.75rem 0;
      border-bottom: 1px solid rgba(255,255,255,0.1);
      font-size: 0.92rem;
    }

    .calculator__result:last-child {
      border-bottom: none;
    }

    .calculator__result-icon {
      width: 36px;
      height: 36px;
      background: var(--vildis-green);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .calculator__result-icon svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-white);
    }

    .calculator__result-text {
      color: rgba(255,255,255,0.9);
    }

    .calculator__result-value {
      font-weight: 600;
      color: var(--vildis-white);
    }

    /* Case Study */
    .case-study {
      background: var(--vildis-light-bg);
    }

    .case-study__card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      max-width: 800px;
      margin: 0 auto;
      overflow: hidden;
    }

    .case-study__header {
      background: var(--vildis-light-bg);
      padding: 1.5rem 2rem;
      border-bottom: 1px solid var(--vildis-border);
    }

    .case-study__label {
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--vildis-muted);
      margin-bottom: 0.25rem;
    }

    .case-study__title {
      font-size: 1.15rem;
      margin: 0;
    }

    .case-study__body {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
    }

    .case-study__section {
      padding: 1.5rem 2rem;
    }

    .case-study__section:not(:last-child) {
      border-right: 1px solid var(--vildis-border);
    }

    .case-study__section-label {
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--vildis-muted);
      margin-bottom: 0.5rem;
    }

    .case-study__section-text {
      font-size: 0.88rem;
      color: var(--vildis-text);
      line-height: 1.5;
    }

    .case-study__results-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .case-study__results-list li {
      font-size: 0.85rem;
      padding: 0.35rem 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .case-study__results-list li svg {
      width: 14px;
      height: 14px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    .case-study__footer {
      padding: 1rem 2rem;
      border-top: 1px solid var(--vildis-border);
      text-align: right;
    }

    .case-study__link {
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .case-study__link:hover {
      color: var(--vildis-dark);
    }

    .case-study__link svg {
      width: 14px;
      height: 14px;
    }

    /* CTA Section */
    .result-cta {
      background: var(--vildis-white);
    }

    .cta-block {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 2.5rem;
      height: 100%;
    }

    .cta-block__title {
      font-size: 1.35rem;
      margin-bottom: 0.5rem;
    }

    .cta-block__text {
      font-size: 0.92rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      line-height: 1.5;
    }

    .cta-block__form {
      display: flex;
      gap: 0.75rem;
      flex-wrap: wrap;
    }

    .cta-block__field {
      flex: 1;
      min-width: 140px;
    }

    .cta-block__field input {
      width: 100%;
      font-size: 0.85rem;
      border: 1px solid var(--vildis-border);
      padding: 12px 14px;
      font-family: 'Inter', sans-serif;
    }

    .cta-block__field input:focus {
      border-color: var(--vildis-dark);
      outline: none;
    }

    .cta-block__submit {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      border: none;
      padding: 12px 28px;
      font-size: 0.88rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s;
      font-family: 'Inter', sans-serif;
      white-space: nowrap;
    }

    .cta-block__submit:hover {
      background: var(--vildis-accent-hover);
    }

    .cta-block__link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: 1rem;
    }

    .cta-block__link:hover {
      color: var(--vildis-dark);
    }

    .cta-block__link svg {
      width: 16px;
      height: 16px;
    }

    .cta-block__image {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .cta-block__image-placeholder {
      width: 100%;
      max-width: 250px;
      aspect-ratio: 3/4;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .cta-block__image-placeholder svg {
      width: 50%;
      height: 50%;
      opacity: 0.15;
    }

    /* Trust Signals */
    .trust-bar {
      background: var(--vildis-light-bg);
      padding: 50px 0;
    }

    .trust-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 0.5rem 0;
    }

    .trust-item__icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-white);
    }

    .trust-item__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-dark);
    }

    .trust-item__title {
      font-size: 0.85rem;
      font-weight: 600;
      margin-bottom: 0.15rem;
      color: var(--vildis-dark);
    }

    .trust-item__text {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }



    /* ===== RESPONSIVE ===== */
    @media (max-width: 1199px) {
      .header__nav {
        gap: 1.25rem;
      }
    }

    @media (max-width: 991px) {
      .section-padding {
        padding: 60px 0;
      }
      .quiz-intro__title {
        font-size: 2rem;
      }
      .quiz-intro__image {
        min-height: 200px;
        margin-top: 2rem;
      }
      .product-main-card__body {
        grid-template-columns: 1fr;
      }
      .product-main-card__image {
        border-right: none;
        border-bottom: 1px solid var(--vildis-border);
        min-height: 200px;
      }
      .case-study__body {
        grid-template-columns: 1fr;
      }
      .case-study__section:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid var(--vildis-border);
      }
    }

    @media (max-width: 767px) {
      .section-padding {
        padding: 40px 0;
      }
      .section-title {
        font-size: 1.35rem;
      }
      .header__nav {
        display: none;
      }
      .quiz-intro {
        padding: 40px 0;
      }
      .quiz-intro__title {
        font-size: 1.5rem;
      }
      .quiz-intro__subtitle {
        font-size: 0.9rem;
      }
      .quiz-intro__benefits {
        flex-direction: column;
        gap: 0.75rem;
      }
      .quiz-intro__buttons {
        flex-direction: column;
      }
      .quiz-intro__buttons .btn-primary-custom,
      .quiz-intro__buttons .btn-secondary-custom {
        width: 100%;
        text-align: center;
      }
      .question-card {
        padding: 1.5rem;
      }
      .question-options {
        grid-template-columns: 1fr;
      }
      .quiz-nav {
        padding: 0 0.5rem;
      }
      .result-hero__title {
        font-size: 1.5rem;
      }
      .result-hero__buttons {
        flex-direction: column;
        align-items: center;
      }
      .cta-block {
        padding: 1.5rem;
      }
      .cta-block__form {
        flex-direction: column;
      }
      .cta-block__field {
        min-width: 100%;
      }
      .cta-block__submit {
        width: 100%;
      }
      .calculator__card {
        padding: 1.5rem;
      }
      .calculator__input-value {
        font-size: 1.5rem;
      }
      .product-main-card__header {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
      }
      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }
      .footer__legal {
        flex-direction: column;
        gap: 0.5rem;
      }
    }

    /* Hidden utility */
    .hidden {
      display: none !important;
    }

    /* Fade transition */
    .fade-in {
      animation: fadeIn 0.4s ease forwards;
    }

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


/********Конец Подбор квиз****************/


/******Команда************************/


    /* ===== HERO ===== */
    #team-page .hero-team {
      padding: 60px 0 40px;
      background: var(--vildis-white);
      text-align: center;
    }

    #team-page .hero-team__title {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
    }

    #team-page .hero-team__subtitle {
      font-size: 1.1rem;
      color: var(--vildis-muted);
      max-width: 700px;
      margin: 0 auto;
    }

    /* ===== TEAM GRID ===== */
    #team-page .team-section {
      background: var(--vildis-light-bg);
    }

    #team-page .team-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      text-align: center;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: all 0.2s;
    }

    #team-page .team-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.05);
      border-color: var(--vildis-dark);
    }

    #team-page .team-card__photo {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      background: var(--vildis-light-bg);
      border: 3px solid var(--vildis-white);
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
      overflow: hidden;
    }

    #team-page .team-card__photo svg {
      width: 48px;
      height: 48px;
      color: var(--vildis-muted);
      opacity: 0.4;
    }

    #team-page .team-card__name {
      font-size: 1.1rem;
      font-weight: 700;
      margin-bottom: 0.25rem;
    }

    #team-page .team-card__role {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      margin-bottom: 0.75rem;
      font-weight: 500;
    }

    #team-page .team-card__exp {
      display: inline-block;
      background: var(--vildis-light-bg);
      color: var(--vildis-text);
      font-size: 0.75rem;
      padding: 4px 12px;
      border-radius: 20px;
      margin-bottom: 1rem;
    }

    #team-page .team-card__bio {
      font-size: 0.82rem;
      color: var(--vildis-muted);
      line-height: 1.5;
      flex: 1;
    }

    /* ===== EXPERTISE ===== */
    #team-page .expertise-section {
      background: var(--vildis-white);
    }

    #team-page .expertise-item {
      text-align: center;
      padding: 1.5rem;
    }

    #team-page .expertise-item__icon {
      width: 64px;
      height: 64px;
      background: var(--vildis-green-light);
      border: 1px solid var(--vildis-green);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.25rem;
      border-radius: 50%;
    }

    #team-page .expertise-item__icon svg {
      width: 28px;
      height: 28px;
      color: var(--vildis-green);
    }

    #team-page .expertise-item__title {
      font-size: 1.05rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #team-page .expertise-item__text {
      font-size: 0.88rem;
      color: var(--vildis-muted);
      line-height: 1.5;
      max-width: 300px;
      margin: 0 auto;
    }

    /* ===== CTA ===== */
    #team-page .cta-section {
      background: var(--vildis-light-bg);
    }

    #team-page .cta-block {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 3rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    #team-page .cta-block__title {
      font-size: 1.75rem;
      margin-bottom: 0.5rem;
	  color: #333;
    }

    #team-page .cta-block__text {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }


    /* ===== RESPONSIVE ===== */


    @media (max-width: 991px) {
      #team-page .section-padding {
        padding: 60px 0;
      }
    }

    @media (max-width: 767px) {
      #team-page .section-padding {
        padding: 40px 0;
      }
      #team-page .section-title {
        font-size: 1.5rem;
      }
      #team-page .header__nav {
        display: none;
      }
      #team-page .hero-team__title {
        font-size: 1.75rem;
      }
      #team-page .cta-block {
        padding: 2rem 1.5rem;
      }

    }


/*********Конец команда****************/


/******Категория блога**********************/


    /* ===== HERO ===== */
    #blog-category .hero-blog {
      padding: 60px 0 40px;
      background: var(--vildis-white);
      text-align: center;
    }

    #blog-category .hero-blog__title {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
    }

    #blog-category .hero-blog__subtitle {
      font-size: 1.1rem;
      color: var(--vildis-muted);
      max-width: 600px;
      margin: 0 auto 2rem;
    }

    /* Category Tags */
    #blog-category .category-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
      margin-top: 1.5rem;
    }

    #blog-category .category-tag {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 8px 20px;
      font-size: 0.85rem;
      font-weight: 500;
      color: var(--vildis-text);
      cursor: pointer;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-block;
    }

    #blog-category .category-tag:hover,
    #blog-category .category-tag--active {
      background: var(--vildis-dark);
      color: var(--vildis-white);
      border-color: var(--vildis-dark);
    }

    /* ===== FEATURED ARTICLE ===== */
    #blog-category .featured-article {
      background: var(--vildis-light-bg);
      padding-bottom: 60px;
    }

    #blog-category .featured-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      display: grid;
      grid-template-columns: 1fr 1fr;
      overflow: hidden;
      transition: all 0.2s;
    }

    #blog-category .featured-card:hover {
      box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    }

    #blog-category .featured-card__image {
      aspect-ratio: 4/3;
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 300px;
    }

    #blog-category .featured-card__image svg {
      width: 64px;
      height: 64px;
      opacity: 0.3;
    }

    #blog-category .featured-card__content {
      padding: 2.5rem;
      display: flex;
      flex-direction: column;
    }

    #blog-category .featured-card__badge {
      display: inline-block;
      background: var(--vildis-green-light);
      color: var(--vildis-green);
      font-size: 0.72rem;
      font-weight: 700;
      padding: 4px 12px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 1rem;
      width: fit-content;
    }

    #blog-category .featured-card__title {
      font-size: 1.5rem;
      line-height: 1.3;
      margin-bottom: 1rem;
    }

    #blog-category .featured-card__title a {
      color: var(--vildis-dark);
      text-decoration: none;
    }

    #blog-category .featured-card__title a:hover {
      color: var(--vildis-muted);
    }

    #blog-category .featured-card__desc {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      line-height: 1.5;
      margin-bottom: 1.5rem;
      flex: 1;
    }

    #blog-category .featured-card__meta {
      display: flex;
      align-items: center;
      gap: 1.5rem;
      font-size: 0.8rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
    }

    #blog-category .featured-card__meta-item {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    #blog-category .featured-card__meta-item svg {
      width: 14px;
      height: 14px;
    }

    #blog-category .featured-card__link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.92rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
    }

    #blog-category .featured-card__link:hover {
      color: var(--vildis-dark);
    }

    #blog-category .featured-card__link svg {
      width: 16px;
      height: 16px;
      transition: transform 0.2s;
    }

    #blog-category .featured-card__link:hover svg {
      transform: translateX(4px);
    }

    /* ===== ARTICLE GRID ===== */
    #blog-category .articles-grid {
      background: var(--vildis-white);
    }

    #blog-category .article-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: all 0.2s;
      overflow: hidden;
    }

    #blog-category .article-card:hover {
      border-color: var(--vildis-dark);
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }

    #blog-category .article-card__image {
      width: 100%;
      aspect-ratio: 16/10;
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #blog-category .article-card__image svg {
      width: 32px;
      height: 32px;
      opacity: 0.2;
    }

    #blog-category .article-card__body {
      padding: 1.5rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #blog-category .article-card__category {
      display: inline-block;
      font-size: 0.7rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--vildis-green);
      background: var(--vildis-green-light);
      padding: 3px 10px;
      margin-bottom: 0.75rem;
      width: fit-content;
    }

    #blog-category .article-card__title {
      font-size: 1.05rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
      line-height: 1.3;
    }

    #blog-category .article-card__title a {
      color: var(--vildis-dark);
      text-decoration: none;
    }

    #blog-category .article-card__title a:hover {
      color: var(--vildis-muted);
    }

    #blog-category .article-card__excerpt {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      line-height: 1.5;
      margin-bottom: 1rem;
      flex: 1;
    }

    #blog-category .article-card__meta {
      display: flex;
      align-items: center;
      gap: 1rem;
      font-size: 0.75rem;
      color: var(--vildis-muted);
      margin-bottom: 1rem;
    }

    #blog-category .article-card__meta-item {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    #blog-category .article-card__meta-item svg {
      width: 12px;
      height: 12px;
    }

    #blog-category .article-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: auto;
    }

    #blog-category .article-card__link:hover {
      color: var(--vildis-dark);
    }

    #blog-category .article-card__link svg {
      width: 14px;
      height: 14px;
      transition: transform 0.2s;
    }

    #blog-category .article-card__link:hover svg {
      transform: translateX(4px);
    }

    /* ===== FILTER / SORT ===== */
    #blog-category .filter-bar {
      background: var(--vildis-light-bg);
      padding: 20px 0;
      border-top: 1px solid var(--vildis-border);
      border-bottom: 1px solid var(--vildis-border);
    }

    #blog-category .filter-bar__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem;
    }

    #blog-category .filter-bar__count {
      font-size: 0.88rem;
      color: var(--vildis-muted);
    }

    #blog-category .filter-bar__sort {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    #blog-category .filter-bar__sort-label {
      font-size: 0.85rem;
      color: var(--vildis-muted);
    }

    #blog-category .filter-bar__sort-select {
      font-size: 0.85rem;
      color: var(--vildis-text);
      border: 1px solid var(--vildis-border);
      padding: 6px 12px;
      font-family: 'Inter', sans-serif;
      background: var(--vildis-white);
      cursor: pointer;
    }

    /* ===== POPULAR TOPICS ===== */
    #blog-category .popular-topics {
      background: var(--vildis-light-bg);
    }

    #blog-category .topic-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 1.5rem;
      text-align: center;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1rem;
      transition: all 0.2s;
      text-decoration: none;
    }

    #blog-category .topic-card:hover {
      border-color: var(--vildis-dark);
      transform: translateY(-2px);
    }

    #blog-category .topic-card__icon {
      width: 48px;
      height: 48px;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #blog-category .topic-card__icon svg {
      width: 22px;
      height: 22px;
      color: var(--vildis-dark);
    }

    #blog-category .topic-card__title {
      font-size: 0.92rem;
      font-weight: 600;
      color: var(--vildis-dark);
    }

    #blog-category .topic-card__count {
      font-size: 0.78rem;
      color: var(--vildis-muted);
    }

    /* ===== CTA ===== */
    #blog-category .cta-section {
      background: var(--vildis-white);
    }

    #blog-category .cta-block {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 3rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    #blog-category .cta-block__title {
      font-size: 1.75rem;
      margin-bottom: 0.5rem;
	  color: #333;
    }

    #blog-category .cta-block__text {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }

    /* ===== PAGINATION ===== */
    #blog-category .pagination-custom {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 3rem;
    }

    #blog-category .pagination-custom__btn {
      width: 40px;
      height: 40px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.85rem;
      font-weight: 500;
      color: var(--vildis-text);
      text-decoration: none;
      transition: all 0.2s;
    }

    #blog-category .pagination-custom__btn:hover,
    #blog-category .pagination-custom__btn--active {
      background: var(--vildis-dark);
      color: var(--vildis-white);
      border-color: var(--vildis-dark);
    }

    #blog-category .pagination-custom__dots {
      display: flex;
      align-items: center;
      color: var(--vildis-muted);
      font-size: 0.85rem;
    }

    /* ===== RESPONSIVE категория блога===== */


    @media (max-width: 991px) {
      #blog-category .section-padding {
        padding: 60px 0;
      }
      #blog-category .featured-card {
        grid-template-columns: 1fr;
      }
      #blog-category .featured-card__image {
        min-height: 200px;
      }
    }

    @media (max-width: 767px) {
      #blog-category .section-padding {
        padding: 40px 0;
      }
      #blog-category .section-title {
        font-size: 1.5rem;
      }
      #blog-category .header__nav {
        display: none;
      }
      #blog-category .hero-blog__title {
        font-size: 1.75rem;
      }
      #blog-category .filter-bar__inner {
        flex-direction: column;
        align-items: flex-start;
      }
      #blog-category .cta-block {
        padding: 2rem 1.5rem;
      }


    }

/*******Конец категория блога*****************/

/*****Статья блога**********************/

    /* ===== ARTICLE HERO ===== */
    #blog-article .article-hero {
      padding: 40px 0 30px;
      background: var(--vildis-white);
    }

    #blog-article .article-hero__title {
      font-size: 2.25rem;
      line-height: 1.2;
      margin-bottom: 0.75rem;
    }

    #blog-article .article-hero__subtitle {
      font-size: 1.1rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      line-height: 1.5;
    }

    #blog-article .article-hero__meta {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-bottom: 2rem;
      font-size: 0.85rem;
      color: var(--vildis-muted);
    }

    #blog-article .article-hero__meta-item {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    #blog-article .article-hero__meta-item svg {
      width: 16px;
      height: 16px;
    }

    #blog-article .article-hero__image {
      width: 100%;
      aspect-ratio: 16/9;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #blog-article .article-hero__image svg {
      width: 64px;
      height: 64px;
      opacity: 0.2;
    }

    /* ===== LAYOUT: CONTENT + TOC ===== */
    #blog-article .article-layout {
      padding: 40px 0 60px;
      background: var(--vildis-white);
    }

    #blog-article .article-content {
      max-width: 780px;
    }

    #blog-article .article-content p {
      font-size: 1.05rem;
      line-height: 1.7;
      margin-bottom: 1.5rem;
      color: var(--vildis-text);
    }

    #blog-article .article-content h2 {
      font-size: 1.5rem;
      margin-top: 2.5rem;
      margin-bottom: 1rem;
      padding-top: 1rem;
      scroll-margin-top: 100px;
    }

    #blog-article .article-content h3 {
      font-size: 1.2rem;
      margin-top: 2rem;
      margin-bottom: 0.75rem;
    }

    #blog-article .article-content ul, .article-content ol {
      padding-left: 1.5rem;
      margin-bottom: 1.5rem;
    }

    #blog-article .article-content li {
      font-size: 1.05rem;
      line-height: 1.6;
      margin-bottom: 0.5rem;
    }

    #blog-article .check-list {
      list-style: none;
      padding: 0;
    }

    #blog-article .check-list li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: 0.4rem 0;
    }

    #blog-article .check-list li svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-green);
      flex-shrink: 0;
      margin-top: 2px;
    }

    #blog-article .cross-list {
      list-style: none;
      padding: 0;
    }

    #blog-article .cross-list li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: 0.4rem 0;
    }

    #blog-article .cross-list li svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-red);
      flex-shrink: 0;
      margin-top: 2px;
    }

    /* TOC Sidebar */
    #blog-article .article-toc {
      position: sticky;
      top: 100px;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 1.5rem;
      height: fit-content;
    }

    #blog-article .article-toc__title {
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 1rem;
      padding-bottom: 0.75rem;
      border-bottom: 1px solid var(--vildis-border);
    }

    #blog-article .article-toc__list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #blog-article .article-toc__item {
      margin-bottom: 0.75rem;
    }

    #blog-article .article-toc__link {
      font-size: 0.9rem;
      color: var(--vildis-muted);
      text-decoration: none;
      transition: color 0.2s;
      display: block;
    }

    #blog-article .article-toc__link:hover {
      color: var(--vildis-dark);
      text-decoration: underline;
    }

    /* ===== VISUAL / INFOGRAPHIC ===== */
    #blog-article .article-visual {
      background: var(--vildis-light-bg);
      padding: 30px 0;
      text-align: center;
    }

    #blog-article .article-visual__image {
      width: 100%;
      max-width: 800px;
      aspect-ratio: 16/9;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1rem;
    }

    #blog-article .article-visual__image svg {
      width: 48px;
      height: 48px;
      opacity: 0.2;
    }

    #blog-article .article-visual__caption {
      font-size: 0.88rem;
      color: var(--vildis-muted);
      font-style: italic;
    }

    /* ===== EXPERT BLOCK ===== */
    #blog-article .expert-block {
      background: var(--vildis-white);
      padding: 40px 0;
    }

    #blog-article .expert-card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      max-width: 800px;
      margin: 0 auto;
      display: flex;
      gap: 1.5rem;
      align-items: flex-start;
    }

    #blog-article .expert-card__avatar {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    #blog-article .expert-card__avatar svg {
      width: 28px;
      height: 28px;
      opacity: 0.4;
    }

    #blog-article .expert-card__content {
      flex: 1;
    }

    #blog-article .expert-card__label {
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--vildis-muted);
      margin-bottom: 0.5rem;
    }

    #blog-article .expert-card__text {
      font-size: 1rem;
      line-height: 1.6;
      color: var(--vildis-text);
      margin-bottom: 0.75rem;
    }

    #blog-article .expert-card__author {
      font-size: 0.92rem;
      font-weight: 600;
      color: var(--vildis-dark);
    }

    #blog-article .expert-card__role {
      font-size: 0.82rem;
      color: var(--vildis-muted);
    }

    /* ===== PRODUCT RECOMMENDATION ===== */
    #blog-article .product-rec {
      background: var(--vildis-light-bg);
      padding: 40px 0;
    }

    #blog-article .product-rec__card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      max-width: 600px;
      margin: 0 auto;
      text-align: center;
    }

    #blog-article .product-rec__title {
      font-size: 1.25rem;
      margin-bottom: 1rem;
    }

    #blog-article .product-rec__image {
      width: 100%;
      max-width: 250px;
      aspect-ratio: 1;
      margin: 0 auto 1.5rem;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #blog-article .product-rec__image svg {
      width: 60%;
      height: 60%;
      opacity: 0.15;
    }

    #blog-article .product-rec__specs {
      list-style: none;
      padding: 0;
      margin: 0 0 1.5rem;
      text-align: left;
      display: inline-block;
    }

    #blog-article .product-rec__specs li {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0.4rem 0;
      font-size: 0.92rem;
    }

    #blog-article .product-rec__specs li svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-green);
    }

    /* ===== CTA SECTION ===== */
    #blog-article .article-cta {
      background: var(--vildis-white);
      padding: 50px 0;
      text-align: center;
    }

    #blog-article .article-cta__title {
      font-size: 1.75rem;
      margin-bottom: 0.5rem;
    }

    #blog-article .article-cta__text {
      font-size: 1rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }

    /* ===== RELATED ARTICLES ===== */
    #blog-article .related-articles {
      background: var(--vildis-light-bg);
    }

    #blog-article .related-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: all 0.2s;
    }

    #blog-article .related-card:hover {
      border-color: var(--vildis-dark);
    }

    #blog-article .related-card__image {
      width: 100%;
      aspect-ratio: 16/9;
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #blog-article .related-card__image svg {
      width: 24px;
      height: 24px;
      opacity: 0.3;
    }

    #blog-article .related-card__body {
      padding: 1.25rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #blog-article .related-card__category {
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--vildis-green);
      background: var(--vildis-green-light);
      padding: 3px 8px;
      margin-bottom: 0.5rem;
      width: fit-content;
    }

    #blog-article .related-card__title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
      line-height: 1.3;
    }

    #blog-article .related-card__title a {
      color: var(--vildis-dark);
      text-decoration: none;
    }

    #blog-article .related-card__title a:hover {
      color: var(--vildis-muted);
    }

    #blog-article .related-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.82rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: auto;
    }

    #blog-article .related-card__link svg {
      width: 14px;
      height: 14px;
    }

    /* ===== FAQ ===== */
    .faq {
      background: var(--vildis-white);
    }

    .faq .accordion-button {
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--vildis-dark);
      background: var(--vildis-white);
      padding: 1rem 1.25rem;
      border: 1px solid var(--vildis-border);
      border-bottom: none;
    }

    .faq .accordion-button:not(.collapsed) {
      background: var(--vildis-light-bg);
      box-shadow: none;
      color: var(--vildis-dark);
    }

    .faq .accordion-button:focus {
      box-shadow: none;
      border-color: var(--vildis-dark);
    }

    .faq .accordion-button::after {
      background-size: 14px;
    }

    .faq .accordion-item {
      border: 1px solid var(--vildis-border);
      margin-bottom: -1px;
    }

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

    .faq .accordion-body {
      font-size: 0.9rem;
      color: var(--vildis-muted);
      line-height: 1.6;
      padding: 1rem 1.25rem;
    }

    /* ===== RESPONSIVE ===== */


    @media (max-width: 991px) {
      #blog-article .section-padding {
        padding: 60px 0;
      }
      #blog-article .article-toc {
        position: static;
        margin-bottom: 2rem;
      }
      #blog-article .expert-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
    }

    @media (max-width: 767px) {
      #blog-article .section-padding {
        padding: 40px 0;
      }

      #blog-article .article-hero__title {
        font-size: 1.6rem;
      }
      #blog-article .article-hero__meta {
        flex-direction: column;
        gap: 0.5rem;
      }

    }

/*********Конец статья блога******************/

/***Сертификаты********************/

    /* ===== HERO ===== */
    #certs-page .hero-certs {
      padding: 50px 0 30px;
      background: var(--vildis-white);
    }

    #certs-page .hero-certs__title {
      font-size: 2.25rem;
      margin-bottom: 0.5rem;
    }

    #certs-page .hero-certs__subtitle {
      font-size: 1rem;
      color: var(--vildis-muted);
      max-width: 600px;
      margin: 0 auto;
      line-height: 1.5;
    }

    /* ===== CERTIFICATES GRID ===== */
    #certs-page .certs-grid {
      background: var(--vildis-light-bg);
    }

    #certs-page .cert-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 1.5rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: all 0.2s;
      position: relative;
    }

    #certs-page .cert-card:hover {
      border-color: var(--vildis-dark);
      transform: translateY(-4px);
      box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }

    #certs-page .cert-card__status {
      position: absolute;
      top: 12px;
      right: 12px;
      background: var(--vildis-green-light);
      color: var(--vildis-green);
      font-size: 0.65rem;
      font-weight: 700;
      padding: 4px 8px;
      border-radius: 4px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    #certs-page .cert-card__icon {
      width: 64px;
      height: 64px;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.25rem;
    }

    #certs-page .cert-card__icon svg {
      width: 32px;
      height: 32px;
      color: var(--vildis-dark);
    }

    #certs-page .cert-card__title {
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
      line-height: 1.3;
      flex: 1;
    }

    #certs-page .cert-card__desc {
      font-size: 0.82rem;
      color: var(--vildis-muted);
      line-height: 1.4;
      margin-bottom: 1.25rem;
    }

    #certs-page .cert-card__btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      background: transparent;
      border: 1px solid var(--vildis-border);
      color: var(--vildis-text);
      padding: 10px;
      font-size: 0.82rem;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.2s;
      cursor: pointer;
      font-family: 'Inter', sans-serif;
    }

    #certs-page .cert-card__btn:hover {
      border-color: var(--vildis-dark);
      color: var(--vildis-dark);
    }

    #certs-page .cert-card__btn svg {
      width: 16px;
      height: 16px;
    }

    /* ===== WHAT IT MEANS ===== */
    #certs-page .benefits-section {
      background: var(--vildis-white);
    }

    #certs-page .benefit-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 1.5rem;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      height: 100%;
    }

    #certs-page .benefit-item__icon {
      width: 48px;
      height: 48px;
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    #certs-page .benefit-item__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-green);
    }

    #certs-page .benefit-item__title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.35rem;
      color: var(--vildis-dark);
    }

    #certs-page .benefit-item__text {
      font-size: 0.83rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== CTA ===== */
    #certs-page .cta-section {
      background: var(--vildis-light-bg);
    }

    #certs-page .cta-block {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 3rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    #certs-page .cta-block__title {
      font-size: 1.75rem;
      margin-bottom: 1rem;
	  color:#333;
    }

    #certs-page .cta-block__text {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }

    /* ===== RESPONSIVE ===== */


    @media (max-width: 991px) {
      #certs-page .section-padding {
        padding: 60px 0;
      }
    }

    @media (max-width: 767px) {
      #certs-page .section-padding {
        padding: 40px 0;
      }
      #certs-page .section-title {
        font-size: 1.35rem;
      }

      #certs-page .hero-certs__title {
        font-size: 1.5rem;
      }
      #certs-page .cta-block {
        padding: 2rem 1.5rem;
      }

    }
/*******Конец сертификаты*****************/


/****Производство*****/

    /* ===== HERO ===== */
    #production-page .hero-production {
      padding: 50px 0 40px;
      background: var(--vildis-white);
    }

    #production-page .hero-production__title {
      font-size: 2.25rem;
      margin-bottom: 0.5rem;
    }

    #production-page .hero-production__subtitle {
      font-size: 1rem;
      color: var(--vildis-muted);
      max-width: 600px;
      line-height: 1.5;
    }

    #production-page .hero-production__image {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #production-page .hero-production__image-placeholder {
      width: 100%;
      max-width: 550px;
      aspect-ratio: 16/10;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #production-page .hero-production__image-placeholder svg {
      width: 60%;
      height: 60%;
      opacity: 0.2;
    }

    /* ===== PROCESS STEPS ===== */
    #production-page .process-section {
      background: var(--vildis-light-bg);
    }

    #production-page .process-step {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem 1.5rem;
      text-align: center;
      height: 100%;
      position: relative;
      transition: all 0.2s;
    }

    #production-page .process-step:hover {
      border-color: var(--vildis-dark);
      transform: translateY(-2px);
    }

    #production-page .process-step__number {
      width: 40px;
      height: 40px;
      background: var(--vildis-dark);
      color: var(--vildis-white);
      font-family: 'Montserrat', sans-serif;
      font-size: 0.9rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.25rem;
      border-radius: 50%;
    }

    #production-page .process-step__icon {
      width: 56px;
      height: 56px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1rem;
      background: var(--vildis-light-bg);
    }

    #production-page .process-step__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-dark);
    }

    #production-page .process-step__title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #production-page .process-step__text {
      font-size: 0.83rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    #production-page .process-step__arrow {
      display: none;
      position: absolute;
      right: -28px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--vildis-muted);
    }

    @media (min-width: 992px) {
      #production-page .process-step__arrow {
        display: block;
      }
      #production-page .process-step:last-child .process-step__arrow {
        display: none;
      }
    }

    /* ===== EQUIPMENT ===== */
    #production-page .equipment-section {
      background: var(--vildis-white);
    }

    #production-page .equipment-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      align-items: center;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 2.5rem;
    }

    #production-page .equipment-card__image {
      width: 100%;
      aspect-ratio: 4/3;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #production-page .equipment-card__image svg {
      width: 60%;
      height: 60%;
      opacity: 0.15;
    }

    #production-page .equipment-card__title {
      font-size: 1.25rem;
      margin-bottom: 1rem;
    }

    #production-page .equipment-card__text {
      font-size: 0.92rem;
      color: var(--vildis-text);
      line-height: 1.6;
      margin-bottom: 1.5rem;
    }

    #production-page .equipment-card__specs {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #production-page .equipment-card__specs li {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0.5rem 0;
      font-size: 0.88rem;
      border-bottom: 1px solid var(--vildis-border);
    }

    #production-page .equipment-card__specs li:last-child {
      border-bottom: none;
    }

    #production-page .equipment-card__specs li svg {
      width: 18px;
      height: 18px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    /* ===== QUALITY ===== */
    #production-page .quality-section {
      background: var(--vildis-light-bg);
    }

    #production-page .quality-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 1.5rem;
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      height: 100%;
      transition: border-color 0.2s;
    }

    #production-page .quality-item:hover {
      border-color: var(--vildis-dark);
    }

    #production-page .quality-item__icon {
      width: 44px;
      height: 44px;
      background: var(--vildis-green-light);
      border: 1px solid var(--vildis-green);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    #production-page .quality-item__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-green);
    }

    #production-page .quality-item__title {
      font-size: 0.92rem;
      font-weight: 600;
      margin-bottom: 0.35rem;
    }

    #production-page .quality-item__text {
      font-size: 0.83rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== GALLERY ===== */
    #production-page .gallery-section {
      background: var(--vildis-white);
    }

    #production-page .gallery-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, 200px);
      gap: 12px;
    }

    #production-page .gallery-item {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: border-color 0.2s;
      overflow: hidden;
    }

    #production-page .gallery-item:hover {
      border-color: var(--vildis-dark);
    }

    #production-page .gallery-item svg {
      width: 24px;
      height: 24px;
      opacity: 0.2;
    }

    #production-page .gallery-item--wide {
      grid-column: span 2;
    }

    #production-page .gallery-item--tall {
      grid-row: span 2;
    }

    /* ===== CTA ===== */
    #production-page .cta-section {
      background: var(--vildis-light-bg);
    }

    #production-page .cta-block {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 3rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    #production-page .cta-block__title {
      font-size: 1.75rem;
      margin-bottom: 0.5rem;
	  color:#333;
    }

    #production-page .cta-block__text {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }


    /* ===== RESPONSIVE ===== */


    @media (max-width: 991px) {
      #production-page .section-padding {
        padding: 60px 0;
      }
      #production-page .equipment-card {
        grid-template-columns: 1fr;
        gap: 2rem;
      }
    }

    @media (max-width: 767px) {
      #production-page .section-padding {
        padding: 40px 0;
      }
      #production-page .section-title {
        font-size: 1.35rem;
      }
      #production-page .header__nav {
        display: none;
      }
      #production-page .hero-production__title {
        font-size: 1.5rem;
      }
      #production-page .gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
      }
      #production-page .gallery-item--wide,
      #production-page .gallery-item--tall {
        grid-column: span 1;
        grid-row: span 1;
      }
      #production-page .gallery-item {
        aspect-ratio: 4/3;
      }
      #production-page .cta-block {
        padding: 2rem 1.5rem;
      }

    }
/*****Конец производство*****************/







/******Решения***solutions**************/


    /* ===== PROBLEMS ===== */
    #solutions-page .problems {
      background: var(--vildis-white);
    }

    #solutions-page .problem-card {
      text-align: center;
      padding: 2rem 1.25rem;
      height: 100%;
    }

    #solutions-page .problem-card__icon {
      width: 56px;
      height: 56px;
      border: 1px solid var(--vildis-border);
      margin: 0 auto 1.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--vildis-light-bg);
    }

    #solutions-page .problem-card__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-dark);
	  }

    #solutions-page .problem-card__title {
      font-size: 0.92rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #solutions-page .problem-card__text {
      font-size: 0.83rem;
      color: var(--vildis-muted);
      line-height: 1.5;
    }

    /* ===== HOW IT WORKS ===== */
    #solutions-page .how-it-works {
      background: var(--vildis-light-bg);
    }

    #solutions-page .how__list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #solutions-page .how__item {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 1.5rem;
    }

    #solutions-page .how__item-icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-white);
    }

    #solutions-page .how__item-icon svg {
      width: 18px;
      height: 18px;
      color: var(--vildis-dark);
    }

    #solutions-page .how__item-title {
      font-size: 0.92rem;
      font-weight: 600;
      margin-bottom: 0.25rem;
      color: var(--vildis-dark);
    }

    #solutions-page .how__item-text {
      font-size: 0.83rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    #solutions-page .how__video-placeholder {
      width: 100%;
      max-width: 520px;
      aspect-ratio: 16/10;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1rem;
    }

    #solutions-page .how__video-placeholder svg {
      width: 48px;
      height: 48px;
      color: var(--vildis-dark);
      opacity: 0.4;
    }

    #solutions-page .how__video-label {
      font-size: 0.8rem;
      color: var(--vildis-muted);
    }

    /* ===== PRODUCT CARDS ===== */
    #solutions-page .products {
      background: var(--vildis-white);
    }

    #solutions-page .product-card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: border-color 0.2s;
    }

    #solutions-page .product-card:hover {
      border-color: var(--vildis-dark);
    }

    #solutions-page .product-card__image {
      width: 100%;
      aspect-ratio: 4/3;
      background: var(--vildis-white);
      border-bottom: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
    }

    #solutions-page .product-card__image svg {
      width: 80%;
      height: 80%;
      opacity: 0.15;
    }

    #solutions-page .product-card__body {
      padding: 1.5rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #solutions-page .product-card__title {
      font-size: 1.05rem;
      font-weight: 700;
      margin-bottom: 1rem;
    }

    #solutions-page .product-card__specs {
      list-style: none;
      padding: 0;
      margin: 0 0 1.5rem;
    }

    #solutions-page .product-card__specs li {
      font-size: 0.83rem;
      color: var(--vildis-text);
      padding: 0.3rem 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    #solutions-page .product-card__specs li svg {
      width: 14px;
      height: 14px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    #solutions-page .product-card__btn {
      margin-top: auto;
    }

    #solutions-page .product-card__btn .btn-consult {
      width: 100%;
      text-align: center;
      font-size: 0.82rem;
    }

    #solutions-page .btn-see-all {
      display: block;
      margin: 2.5rem auto 0;
      background: var(--vildis-accent);
      color: var(--vildis-white);
      border: none;
      padding: 12px 32px;
      font-size: 0.85rem;
      font-weight: 600;
      text-decoration: none;
      transition: background 0.2s;
    }

    #solutions-page .btn-see-all:hover {
      background: var(--vildis-accent-hover);
      color: var(--vildis-white);
    }

    /* ===== CAROUSEL ARROWS ===== */
    #solutions-page .carousel-arrows {
      display: flex;
      justify-content: center;
      gap: 12px;
      margin-bottom: 2rem;
    }

    #solutions-page .carousel-arrow {
      width: 40px;
      height: 40px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s;
      text-decoration: none;
      color: var(--vildis-dark);
    }

    #solutions-page .carousel-arrow:hover {
      border-color: var(--vildis-dark);
      background: var(--vildis-dark);
      color: var(--vildis-white);
    }

    #solutions-page .carousel-arrow svg {
      width: 16px;
      height: 16px;
    }

    /* ===== CASE STUDY ===== */
    #solutions-page .case-study {
      background: var(--vildis-light-bg);
    }

    #solutions-page .case-study__header {
      text-align: center;
      margin-bottom: 2rem;
    }

    #solutions-page .case-study__label {
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--vildis-muted);
      margin-bottom: 0.25rem;
    }

    #solutions-page .case-study__title {
      font-size: 1.5rem;
      margin-bottom: 0;
    }

    #solutions-page .case-study__content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }

    #solutions-page .case-study__image-col {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    #solutions-page .case-study__main-image {
      width: 100%;
      aspect-ratio: 16/10;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #solutions-page .case-study__main-image svg {
      width: 40%;
      height: 40%;
      opacity: 0.15;
    }

    #solutions-page .case-study__thumbnails {
      display: flex;
      gap: 0.5rem;
      justify-content: center;
    }

    #solutions-page .case-study__thumb {
      width: 80px;
      height: 60px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: border-color 0.2s;
    }

    #solutions-page .case-study__thumb:hover,
    #solutions-page .case-study__thumb--active {
      border-color: var(--vildis-dark);
    }

    #solutions-page .case-study__thumb svg {
      width: 20px;
      height: 20px;
      opacity: 0.2;
    }

    #solutions-page .case-study__text-col {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }

    #solutions-page .case-study__section {
      margin-bottom: 0;
    }

    #solutions-page .case-study__section-title {
      font-size: 0.82rem;
      font-weight: 600;
      color: var(--vildis-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 0.5rem;
    }

    #solutions-page .case-study__section-text {
      font-size: 0.9rem;
      color: var(--vildis-text);
      line-height: 1.5;
    }

    #solutions-page .case-study__results {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #solutions-page .case-study__results li {
      font-size: 0.85rem;
      color: var(--vildis-text);
      padding: 0.35rem 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    #solutions-page .case-study__results li svg {
      width: 14px;
      height: 14px;
      color: var(--vildis-green);
      flex-shrink: 0;
    }

    #solutions-page .case-study__quote {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 1.5rem;
      position: relative;
    }

    #solutions-page .case-study__quote-mark {
      font-size: 2.5rem;
      line-height: 1;
      color: var(--vildis-border);
      margin-bottom: 0.5rem;
    }

    #solutions-page .case-study__quote-text {
      font-size: 0.88rem;
      color: var(--vildis-text);
      line-height: 1.5;
      margin-bottom: 1rem;
      font-style: italic;
    }

    #solutions-page .case-study__quote-author {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    #solutions-page .case-study__quote-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    #solutions-page .case-study__quote-avatar svg {
      width: 18px;
      height: 18px;
      color: var(--vildis-muted);
      opacity: 0.5;
    }

    #solutions-page .case-study__quote-name {
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-dark);
    }

    #solutions-page .case-study__quote-role {
      font-size: 0.75rem;
      color: var(--vildis-muted);
    }

    /* ===== ADVANTAGES ===== */
    #solutions-page .advantages {
      background: var(--vildis-white);
      padding: 50px 0;
    }

    #solutions-page .advantage-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 1rem 0;
      text-align: left;
    }

    #solutions-page .advantage-item__icon {
      width: 44px;
      height: 44px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--vildis-light-bg);
    }

    #solutions-page .advantage-item__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-dark);
    }

    #solutions-page .advantage-item__title {
      font-size: 0.85rem;
      font-weight: 600;
      margin-bottom: 0.15rem;
      color: var(--vildis-dark);
    }

    #solutions-page .advantage-item__text {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== CTA SELECTOR ===== */
    #solutions-page .cta-selector {
      background: var(--vildis-light-bg);
    }

    #solutions-page .cta-selector__content {
      display: flex;
      align-items: center;
      gap: 3rem;
    }

    #solutions-page .cta-selector__text {
      flex: 1;
    }

    #solutions-page .cta-selector__title {
      font-size: 1.5rem;
      margin-bottom: 0.5rem;
    }

    #solutions-page .cta-selector__subtitle {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      line-height: 1.5;
    }

    #solutions-page .cta-selector__btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }

    #solutions-page .cta-selector__btn svg {
      width: 16px;
      height: 16px;
      transition: transform 0.2s;
    }

    #solutions-page .cta-selector__btn:hover svg {
      transform: translateX(4px);
    }

    #solutions-page .cta-selector__images {
      flex: 1;
      display: flex;
      gap: 1rem;
      justify-content: center;
      align-items: center;
    }

    #solutions-page .cta-selector__img {
      width: 120px;
      aspect-ratio: 3/4;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #solutions-page .cta-selector__img svg {
      width: 60%;
      height: 60%;
      opacity: 0.15;
    }

    #solutions-page .cta-selector__img--large {
      width: 140px;
    }

    #solutions-page .cta-selector__check {
      position: relative;
    }

    #solutions-page .cta-selector__check-badge {
      position: absolute;
      bottom: -10px;
      right: -10px;
      width: 32px;
      height: 32px;
      background: var(--vildis-green);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #solutions-page .cta-selector__check-badge svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-white);
      opacity: 1;
    }

    /* ===== BLOG ===== */
    #solutions-page .blog {
      background: var(--vildis-white);
    }

    #solutions-page .blog-card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: border-color 0.2s;
    }

    #solutions-page .blog-card:hover {
      border-color: var(--vildis-dark);
    }

    #solutions-page .blog-card__image {
      width: 100%;
      aspect-ratio: 16/10;
      background: var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #solutions-page .blog-card__image svg {
      width: 24px;
      height: 24px;
      opacity: 0.3;
    }

    #solutions-page .blog-card__body {
      padding: 1.25rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    #solutions-page .blog-card__meta {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 0.75rem;
    }

    #solutions-page .blog-card__date {
      font-size: 0.75rem;
      color: var(--vildis-muted);
    }

    #solutions-page .blog-card__category {
      font-size: 0.7rem;
      color: var(--vildis-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border: 1px solid var(--vildis-border);
      padding: 2px 8px;
    }

    #solutions-page .blog-card__title {
      font-size: 0.92rem;
      font-weight: 600;
      line-height: 1.4;
      margin-bottom: 1rem;
      flex: 1;
    }

    #solutions-page .blog-card__title a {
      color: var(--vildis-dark);
      text-decoration: none;
    }

    #solutions-page .blog-card__title a:hover {
      text-decoration: underline;
    }

    #solutions-page .blog-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
    }

    #solutions-page .blog-card__link svg {
      width: 14px;
      height: 14px;
    }

    /* ===== CONSULTATION FORM ===== */
    #solutions-page .consultation {
      background: var(--vildis-light-bg);
      padding: 50px 0;
    }

    #solutions-page .consultation__form {
      display: flex;
      align-items: center;
      gap: 2rem;
    }

    #solutions-page .consultation__text {
      flex: 0 0 320px;
      display: flex;
      align-items: center;
      gap: 14px;
    }

    #solutions-page .consultation__text-icon {
      width: 48px;
      height: 48px;
      border: 2px solid var(--vildis-dark);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    #solutions-page .consultation__text-icon svg {
      width: 22px;
      height: 22px;
      color: var(--vildis-dark);
    }

    #solutions-page .consultation__text-title {
      font-size: 1rem;
      font-weight: 700;
      color: var(--vildis-dark);
      margin-bottom: 0.15rem;
    }

    #solutions-page .consultation__text-sub {
      font-size: 0.8rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    #solutions-page .consultation__fields {
      flex: 1;
      display: flex;
      gap: 1rem;
      align-items: center;
    }

    #solutions-page .consultation__field {
      flex: 1;
    }

    #solutions-page .consultation__field input {
      width: 100%;
      font-size: 0.85rem;
      border: 1px solid var(--vildis-border);
      padding: 10px 14px;
      font-family: 'Inter', sans-serif;
    }

    #solutions-page .consultation__field input:focus {
      border-color: var(--vildis-dark);
      outline: none;
      box-shadow: none;
    }

    #solutions-page .consultation__btn {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      border: none;
      padding: 12px 28px;
      font-size: 0.85rem;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.2s;
      white-space: nowrap;
      font-family: 'Inter', sans-serif;
    }

    #solutions-page .consultation__btn:hover {
      background: var(--vildis-accent-hover);
    }



    /* ===== RESPONSIVE ===== */
    @media (max-width: 1199px) {

      #solutions-page .hero__title {
        font-size: 1.8rem;
      }
    }

    @media (max-width: 991px) {
      #solutions-page .section-padding {
        padding: 60px 0;
      }
      #solutions-page .section-title {
        font-size: 1.5rem;
      }
      #solutions-page .hero__title {
        font-size: 1.6rem;
      }
      #solutions-page .hero__image {
        min-height: 280px;
        margin-top: 2rem;
      }
      #solutions-page .case-study__content {
        grid-template-columns: 1fr;
      }
      #solutions-page .cta-selector__content {
        flex-direction: column;
        text-align: center;
      }
      #solutions-page .cta-selector__images {
        width: 100%;
      }
    }

    @media (max-width: 767px) {
      #solutions-page .section-padding {
        padding: 40px 0;
      }
      #solutions-page .section-title {
        font-size: 1.35rem;
      }
      #solutions-page .header__nav {
        display: none;
      }
      #solutions-page .hero {
        padding: 30px 0 20px;
      }
      #solutions-page .hero__title {
        font-size: 1.4rem;
      }
      #solutions-page .hero__subtitle {
        font-size: 0.9rem;
      }
      #solutions-page .hero__features {
        flex-direction: column;
        gap: 1rem;
      }
      #solutions-page .hero__feature {
        max-width: 100%;
      }
      #solutions-page .hero__buttons {
        flex-direction: column;
      }
      #solutions-page .hero__buttons .btn-primary-custom,
      #solutions-page .hero__buttons .btn-outline-custom {
        text-align: center;
        justify-content: center;
        width: 100%;
      }
      #solutions-page .hero__image {
        min-height: 200px;
        margin-top: 1.5rem;
      }
      #solutions-page .problem-card {
        padding: 1.5rem 1rem;
      }
      #solutions-page .consultation__form {
        flex-direction: column;
        gap: 1.5rem;
      }
      #solutions-page .consultation__text {
        flex: none;
        width: 100%;
      }
      #solutions-page .consultation__fields {
        flex-direction: column;
        width: 100%;
      }
      #solutions-page .consultation__field {
        width: 100%;
      }
      #solutions-page .consultation__btn {
        width: 100%;
      }

      #solutions-page .cta-selector__images {
        flex-wrap: wrap;
      }
      #solutions-page .cta-selector__img {
        width: 100px;
      }
    }


/*******конец Решения*******************/

/*****О компании*************/


    /* Facts */
    #facts-page .hero-facts {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      margin-top: 2rem;
    }

    #facts-page .hero-fact {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    #facts-page .hero-fact__icon {
      width: 36px;
      height: 36px;
      background: var(--vildis-green-light);
      border: 1px solid var(--vildis-green);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    #facts-page .hero-fact__icon svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-green);
    }

    #facts-page .hero-fact__text {
      font-size: 0.88rem;
      color: var(--vildis-text);
      font-weight: 500;
    }

    #facts-page .hero-fact__text strong {
      display: block;
      font-size: 0.95rem;
      color: var(--vildis-dark);
    }

    /* ===== ABOUT ===== */
    #facts-page .about-section {
      background: var(--vildis-white);
    }

    #facts-page .about-section__text {
      font-size: 0.95rem;
      color: var(--vildis-text);
      line-height: 1.7;
      margin-bottom: 1.25rem;
    }

    #facts-page .about-section__text:last-child {
      margin-bottom: 0;
    }

    /* ===== ADVANTAGES ===== */
	#facts-page .advantages-section .section-title {
  color: #333;
  }
	#facts-page .section-subtitle {
  font-size: 1rem;
  color: #333;
  text-align: center;
  margin-bottom: 3rem;
}
	
    #facts-page .advantages-section {
      background: var(--vildis-light-bg);
    }

    #facts-page .advantage-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: all 0.2s;
    }

    #facts-page .advantage-card:hover {
      border-color: var(--vildis-dark);
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }

    #facts-page .advantage-card__icon {
      width: 56px;
      height: 56px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.25rem;
      background: var(--vildis-light-bg);
    }

    #facts-page .advantage-card__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-dark);
    }

    #facts-page .advantage-card__title {
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #facts-page .advantage-card__text {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      line-height: 1.5;
      flex: 1;
    }

    /* ===== PRODUCTION PREVIEW ===== */
    #facts-page .production-preview {
      background: var(--vildis-white);
    }

    #facts-page .production-gallery {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }

    #facts-page .production-gallery__item {
      aspect-ratio: 4/3;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: border-color 0.2s;
    }

    #facts-page .production-gallery__item:hover {
      border-color: var(--vildis-dark);
    }

    #facts-page .production-gallery__item svg {
      width: 24px;
      height: 24px;
      opacity: 0.2;
    }

    #facts-page .production-gallery__item--large {
      grid-column: span 2;
      grid-row: span 2;
      aspect-ratio: auto;
    }

    #facts-page .btn-more {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--vildis-accent);
      text-decoration: none;
      margin-top: 2rem;
      transition: color 0.2s;
    }

    #facts-page .btn-more:hover {
      color: var(--vildis-dark);
    }

    #facts-page .btn-more svg {
      width: 16px;
      height: 16px;
      transition: transform 0.2s;
    }

    #facts-page .btn-more:hover svg {
      transform: translateX(4px);
    }

    /* ===== CERTIFICATES ===== */
    #facts-page .certificates {
      background: var(--vildis-light-bg);
    }

    #facts-page .cert-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 1.5rem;
      text-align: center;
      height: 100%;
      transition: all 0.2s;
    }

    #facts-page .cert-card:hover {
      border-color: var(--vildis-dark);
    }

    #facts-page .cert-card__image {
      width: 100%;
      aspect-ratio: 3/4;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
    }

    #facts-page .cert-card__image svg {
      width: 32px;
      height: 32px;
      opacity: 0.2;
    }

    #facts-page .cert-card__name {
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--vildis-dark);
    }

    /* ===== TEAM ===== */
    #facts-page .team-preview {
      background: var(--vildis-white);
    }

    #facts-page .team-card {
      text-align: center;
      height: 100%;
    }

    #facts-page .team-card__photo {
      width: 140px;
      height: 140px;
      border-radius: 50%;
      border: 2px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.25rem;
      overflow: hidden;
    }

    #facts-page .team-card__photo svg {
      width: 48px;
      height: 48px;
      opacity: 0.2;
    }

    #facts-page .team-card__name {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.25rem;
    }

    #facts-page .team-card__role {
      font-size: 0.82rem;
      color: var(--vildis-muted);
      margin-bottom: 0.5rem;
    }

    #facts-page .team-card__text {
      font-size: 0.82rem;
      color: var(--vildis-muted);
      line-height: 1.4;
      max-width: 250px;
      margin: 0 auto;
    }

    /* ===== CTA ===== */
    #facts-page .cta-section {
      background: var(--vildis-light-bg);
    }

    #facts-page .cta-block {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 3rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    #facts-page .cta-block__title {
      font-size: 1.75rem;
      margin-bottom: 0.5rem;
	  color:#333;
    }

    #facts-page .cta-block__text {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }

    #facts-page .cta-block__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: center;
    }


    /* ===== RESPONSIVE ===== */


    @media (max-width: 991px) {
      #facts-page .section-padding {
        padding: 60px 0;
      }
    }

    @media (max-width: 767px) {
      #facts-page .section-padding {
        padding: 40px 0;
      }
      #facts-page .section-title {
        font-size: 1.35rem;
      }

      #facts-page .hero-about__title {
        font-size: 1.5rem;
      }
      #facts-page .hero-facts {
        gap: 1rem;
      }
      #facts-page .production-gallery {
        grid-template-columns: 1fr 1fr;
      }
      #facts-page .production-gallery__item--large {
        grid-column: span 2;
        grid-row: span 1;
      }
      #facts-page .cta-block {
        padding: 2rem 1.5rem;
      }
      #facts-page .cta-block__buttons {
        flex-direction: column;
        align-items: center;
      }

    }



/******конец о компании****************/


/*******Представители в регионах********************/

    /* ===== HERO ===== */
    .hero-regions {
      padding: 60px 0 40px;
      background: var(--vildis-white);
      text-align: center;
    }

    .hero-regions__title {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
    }

    .hero-regions__subtitle {
      font-size: 1.1rem;
      color: var(--vildis-muted);
      max-width: 600px;
      margin: 0 auto;
    }

    /* ===== COVERAGE STATS ===== */
    .coverage-stats {
      background: var(--vildis-light-bg);
      padding: 40px 0;
      border-bottom: 1px solid var(--vildis-border);
    }

    .stat-item {
      text-align: center;
      padding: 1rem;
    }

    .stat-item__value {
      font-family: 'Montserrat', sans-serif;
      font-size: 2.5rem;
      font-weight: 700;
      color: var(--vildis-dark);
      line-height: 1;
      margin-bottom: 0.5rem;
    }

    .stat-item__label {
      font-size: 0.9rem;
      color: var(--vildis-muted);
      font-weight: 500;
    }

    /* ===== REGIONS GRID ===== */
    .regions-section {
      background: var(--vildis-white);
    }

    .region-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: all 0.2s;
      position: relative;
    }

    .region-card:hover {
      border-color: var(--vildis-dark);
      box-shadow: 0 8px 20px rgba(0,0,0,0.05);
    }

    .region-card__city {
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 0.25rem;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .region-card__city svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-green);
    }

    .region-card__company {
      font-size: 0.9rem;
      color: var(--vildis-muted);
      margin-bottom: 1.5rem;
      font-style: italic;
    }

    .region-card__details {
      margin-bottom: 1.5rem;
      flex: 1;
    }

    .region-card__detail {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 0.75rem;
      font-size: 0.88rem;
    }

    .region-card__detail svg {
      width: 16px;
      height: 16px;
      color: var(--vildis-muted);
      flex-shrink: 0;
    }

    .region-card__detail a {
      color: var(--vildis-text);
      text-decoration: none;
      transition: color 0.2s;
    }

    .region-card__detail a:hover {
      color: var(--vildis-accent);
      text-decoration: underline;
    }

    .region-card__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      color: var(--vildis-text);
      padding: 10px;
      font-size: 0.85rem;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.2s;
      cursor: pointer;
      font-family: 'Inter', sans-serif;
    }

    .region-card__btn:hover {
      background: var(--vildis-dark);
      color: var(--vildis-white);
      border-color: var(--vildis-dark);
    }

    /* ===== BECOME PARTNER CTA ===== */
    .become-partner {
      background: var(--vildis-dark);
      color: var(--vildis-white);
    }

    .partner-card {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.1);
      padding: 2.5rem;
      text-align: center;
      max-width: 800px;
      margin: 0 auto;
    }

    .partner-card__title {
      font-size: 1.75rem;
      color: var(--vildis-white);
      margin-bottom: 0.75rem;
    }

    .partner-card__text {
      font-size: 1rem;
      color: rgba(255,255,255,0.6);
      margin-bottom: 2rem;
      line-height: 1.6;
    }

    .partner-card__btn {
      display: inline-block;
      background: var(--vildis-white);
      color: var(--vildis-dark);
      padding: 14px 32px;
      font-size: 0.95rem;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.2s;
      font-family: 'Inter', sans-serif;
    }

    .partner-card__btn:hover {
      background: var(--vildis-light-bg);
      color: var(--vildis-dark);
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1199px) {
      .header__nav {
        gap: 1.25rem;
      }
    }

    @media (max-width: 991px) {
      .section-padding {
        padding: 60px 0;
      }
    }

    @media (max-width: 767px) {
      .section-padding {
        padding: 40px 0;
      }
      .section-title {
        font-size: 1.5rem;
      }
      .header__nav {
        display: none;
      }
      .hero-regions__title {
        font-size: 1.75rem;
      }
      .stat-item__value {
        font-size: 2rem;
      }
      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }
      .footer__legal {
        flex-direction: column;
        gap: 0.5rem;
      }
    }




/**********конец представители в регионах******************/

/*******история******************/


    /* ===== HERO ===== */
    #history-page .hero-history {
      padding: 60px 0 40px;
      background: var(--vildis-white);
      text-align: center;
    }

    #history-page .hero-history__title {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
    }

    #history-page .hero-history__subtitle {
      font-size: 1.1rem;
      color: var(--vildis-muted);
      max-width: 600px;
      margin: 0 auto;
    }

    /* ===== TIMELINE ===== */
    #history-page .timeline-section {
      background: var(--vildis-light-bg);
      position: relative;
    }

    #history-page .timeline {
      position: relative;
      max-width: 900px;
      margin: 0 auto;
      padding: 2rem 0;
    }

    #history-page .timeline::before {
      content: '';
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      bottom: 0;
      width: 3px;
      background: var(--vildis-border);
    }

    #history-page .timeline-item {
      display: flex;
      align-items: flex-start;
      margin-bottom: 3rem;
      position: relative;
    }

    #history-page .timeline-item:last-child {
      margin-bottom: 0;
    }

    #history-page .timeline-item:nth-child(odd) {
      flex-direction: row;
    }

    #history-page .timeline-item:nth-child(even) {
      flex-direction: row-reverse;
    }

    #history-page .timeline-item__content {
      width: calc(50% - 40px);
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 1.75rem;
      transition: all 0.2s;
    }

    #history-page .timeline-item__content:hover {
      border-color: var(--vildis-dark);
      box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    }

    #history-page .timeline-item__dot {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 20px;
      height: 20px;
      background: var(--vildis-accent);
      border: 3px solid var(--vildis-white);
      border-radius: 50%;
      z-index: 2;
      top: 1.75rem;
    }

    #history-page .timeline-item--highlight .timeline-item__dot {
      background: var(--vildis-green);
      width: 24px;
      height: 24px;
    }

    #history-page .timeline-item__year {
      font-family: 'Montserrat', sans-serif;
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--vildis-accent);
      margin-bottom: 0.5rem;
    }

    #history-page .timeline-item__title {
      font-size: 1.05rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #history-page .timeline-item__text {
      font-size: 0.88rem;
      color: var(--vildis-muted);
      line-height: 1.5;
    }

    /* ===== ACHIEVEMENTS ===== */
    #history-page .achievements-section {
      background: var(--vildis-white);
    }

    #history-page .achievement-card {
      text-align: center;
      padding: 2rem 1.5rem;
      height: 100%;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      transition: all 0.2s;
    }

    #history-page .achievement-card:hover {
      border-color: var(--vildis-green);
      transform: translateY(-2px);
    }

    #history-page .achievement-card__icon {
      width: 64px;
      height: 64px;
      background: var(--vildis-green-light);
      border: 1px solid var(--vildis-green);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.25rem;
      border-radius: 50%;
    }

    #history-page .achievement-card__icon svg {
      width: 28px;
      height: 28px;
      color: var(--vildis-green);
    }

    #history-page .achievement-card__title {
      font-size: 1.05rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #history-page .achievement-card__text {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      line-height: 1.5;
    }

    /* ===== PHOTO ARCHIVE ===== */
    #history-page .archive-section {
      background: var(--vildis-light-bg);
    }

    #history-page .archive-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, 220px);
      gap: 12px;
    }

    #history-page .archive-item {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
      transition: all 0.2s;
    }

    #history-page .archive-item:hover {
      border-color: var(--vildis-dark);
    }

    #history-page .archive-item svg {
      width: 32px;
      height: 32px;
      opacity: 0.2;
    }

    #history-page .archive-item--wide {
      grid-column: span 2;
    }

    #history-page .archive-item__caption {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(26, 26, 26, 0.8);
      color: var(--vildis-white);
      padding: 0.75rem 1rem;
      font-size: 0.8rem;
    }

    #history-page .archive-item__caption strong {
      display: block;
      font-size: 0.85rem;
      margin-bottom: 0.15rem;
    }

    /* ===== CTA ===== */
    #history-page .cta-section {
      background: rgba(26, 26, 26, 0.8);
      color: var(--vildis-white);
    }

    #history-page .cta-block {
	background: none;
  border: none;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    #history-page .cta-block__title {
      font-size: 2rem;
      color: var(--vildis-white);
      margin-bottom: 0.5rem;
    }

    #history-page .cta-block__text {
      font-size: 1rem;
      color: rgba(255,255,255,0.6);
      margin-bottom: 2rem;
    }

    #history-page .cta-block__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: center;
    }

    #history-page .btn-light-custom {
      background: var(--vildis-white);
      color: var(--vildis-dark);
      border: none;
      padding: 14px 32px;
      font-size: 0.95rem;
      font-weight: 600;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      font-family: 'Inter', sans-serif;
    }

    #history-page .btn-light-custom:hover {
      background: var(--vildis-light-bg);
      color: var(--vildis-dark);
    }

    #history-page .btn-outline-light {
      background: transparent;
      color: var(--vildis-white);
      border: 1px solid rgba(255,255,255,0.3);
      padding: 14px 32px;
      font-size: 0.95rem;
      font-weight: 600;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      font-family: 'Inter', sans-serif;
    }

    #history-page .btn-outline-light:hover {
      border-color: var(--vildis-white);
      color: var(--vildis-white);
    }


    /* ===== RESPONSIVE ===== */


    @media (max-width: 991px) {
      #history-page .section-padding {
        padding: 60px 0;
      }

      #history-page .timeline::before {
        left: 20px;
      }

      #history-page .timeline-item,
      #history-page .timeline-item:nth-child(even) {
        flex-direction: row;
        padding-left: 60px;
      }

      #history-page .timeline-item__content {
        width: 100%;
      }

      #history-page .timeline-item__dot {
        left: 20px;
        transform: translateX(-50%);
      }
    }

    @media (max-width: 767px) {
      #history-page .section-padding {
        padding: 40px 0;
      }
      #history-page .section-title {
        font-size: 1.5rem;
      }
      #history-page .header__nav {
        display: none;
      }
      #history-page .hero-history__title {
        font-size: 1.75rem;
      }
      #history-page .archive-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
      }
      #history-page .archive-item--wide {
        grid-column: span 2;
      }
      #history-page .archive-item {
        aspect-ratio: 4/3;
      }
      #history-page .cta-block__title {
        font-size: 1.5rem;
      }
      #history-page .cta-block__buttons {
        flex-direction: column;
        align-items: center;
      }

    }


/********конец история*****************/

/*******как работает 1**************/


    /* ===== HERO ===== */
    #how-page .hero-how {
      padding: 50px 0 40px;
      background: var(--vildis-white);
    }

    #how-page .hero-how__title {
      font-size: 2.25rem;
      margin-bottom: 0.5rem;
    }

    #how-page .hero-how__subtitle {
      font-size: 1rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }

    #how-page .hero-how__image {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #how-page .hero-how__image-placeholder {
      width: 100%;
      max-width: 500px;
      aspect-ratio: 4/3;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #how-page .hero-how__image-placeholder svg {
      width: 60%;
      height: 60%;
      opacity: 0.2;
    }

    /* ===== WORKING PRINCIPLE ===== */
    #how-page .working-principle {
      background: var(--vildis-light-bg);
    }

    #how-page .principle-step {
      text-align: center;
      padding: 2rem 1.5rem;
      position: relative;
    }

    #how-page .principle-step__number {
      width: 56px;
      height: 56px;
      background: var(--vildis-dark);
      color: var(--vildis-white);
      font-family: 'Montserrat', sans-serif;
      font-size: 1.25rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.25rem;
      border-radius: 50%;
    }

    #how-page .principle-step__icon {
      width: 64px;
      height: 64px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1rem;
    }

    #how-page .principle-step__icon svg {
      width: 28px;
      height: 28px;
      color: var(--vildis-dark);
    }

    #how-page .principle-step__title {
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #how-page .principle-step__text {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      line-height: 1.5;
    }

    #how-page .principle-step__arrow {
      display: none;
    }

    @media (min-width: 992px) {
      #how-page .principle-step__arrow {
        display: flex;
        position: absolute;
        right: -24px;
        top: 50%;
        transform: translateY(-50%);
        width: 48px;
        height: 48px;
        background: var(--vildis-white);
        border: 1px solid var(--vildis-border);
        align-items: center;
        justify-content: center;
        z-index: 2;
      }
      #how-page .principle-step__arrow svg {
        width: 20px;
        height: 20px;
        color: var(--vildis-muted);
      }
    }

    /* ===== COMPONENTS ===== */
    #how-page .components {
      background: var(--vildis-white);
    }

    #how-page .component-card {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: all 0.2s;
    }

    #how-page .component-card:hover {
      border-color: var(--vildis-dark);
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }

    #how-page .component-card__icon {
      width: 56px;
      height: 56px;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.25rem;
    }

    #how-page .component-card__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-dark);
    }

    #how-page .component-card__title {
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    #how-page .component-card__text {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      line-height: 1.5;
      flex: 1;
    }

    /* ===== WHY BETTER ===== */
    #how-page .why-better {
      background: var(--vildis-dark);
      color: var(--vildis-white);
    }

    #how-page .why-better .section-title {
      color: var(--vildis-white);
    }

    #how-page .why-better .section-subtitle {
      color: rgba(255,255,255,0.5);
    }

    #how-page .why-better-item {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 1.5rem;
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.1);
      height: 100%;
    }

    #how-page .why-better-item__icon {
      width: 48px;
      height: 48px;
      background: var(--vildis-green);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    #how-page .why-better-item__icon svg {
      width: 22px;
      height: 22px;
      color: var(--vildis-white);
    }

    #how-page .why-better-item__title {
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--vildis-white);
      margin-bottom: 0.35rem;
    }

    #how-page .why-better-item__text {
      font-size: 0.83rem;
      color: rgba(255,255,255,0.6);
      line-height: 1.5;
    }

    /* ===== VIDEO ===== */
    #how-page .video-section {
      background: var(--vildis-white);
    }

    #how-page .video-placeholder {
      max-width: 800px;
      margin: 0 auto;
      aspect-ratio: 16/9;
      border: 1px solid var(--vildis-border);
      background: var(--vildis-light-bg);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1rem;
      cursor: pointer;
      transition: all 0.2s;
    }

    #how-page .video-placeholder:hover {
      border-color: var(--vildis-dark);
    }

    #how-page .video-placeholder__play {
      width: 72px;
      height: 72px;
      background: var(--vildis-dark);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.2s;
    }

    #how-page .video-placeholder:hover .video-placeholder__play {
      transform: scale(1.1);
    }

    #how-page .video-placeholder__play svg {
      width: 28px;
      height: 28px;
      color: var(--vildis-white);
      margin-left: 3px;
    }

    #how-page .video-placeholder__label {
      font-size: 0.88rem;
      color: var(--vildis-muted);
      font-weight: 500;
    }

    #how-page .video-placeholder__duration {
      font-size: 0.78rem;
      color: var(--vildis-muted);
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 4px 12px;
    }

    /* ===== APPLICATIONS ===== */
    #how-page .applications {
      background: var(--vildis-light-bg);
    }

    #how-page .app-card {
      text-align: center;
      padding: 2rem 1.5rem;
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      height: 100%;
      transition: all 0.2s;
    }

    #how-page .app-card:hover {
      border-color: var(--vildis-dark);
      transform: translateY(-2px);
    }

    #how-page .app-card__icon {
      width: 64px;
      height: 64px;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1rem;
    }

    #how-page .app-card__icon svg {
      width: 28px;
      height: 28px;
      color: var(--vildis-dark);
    }

    #how-page .app-card__title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.35rem;
    }

    #how-page .app-card__text {
      font-size: 0.82rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== CTA ===== */
    #how-page .cta-section {
      background: var(--vildis-white);
    }

    #how-page .cta-block {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 3rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    #how-page .cta-block__title {
      font-size: 1.75rem;
      margin-bottom: 0.5rem;
    }

    #how-page .cta-block__text {
      font-size: 0.95rem;
      color: var(--vildis-muted);
      margin-bottom: 2rem;
    }

    #how-page .cta-block__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: center;
    }

    /* ===== RESPONSIVE ===== */


    @media (max-width: 991px) {
      #how-page .section-padding {
        padding: 60px 0;
      }
    }

    @media (max-width: 767px) {
      #how-page .section-padding {
        padding: 40px 0;
      }
      #how-page .section-title {
        font-size: 1.35rem;
      }

      #how-page .hero-how__title {
        font-size: 1.5rem;
      }
      #how-page .hero-how__image {
        margin-top: 1.5rem;
      }
      #how-page .cta-block {
        padding: 2rem 1.5rem;
      }
      #how-page .cta-block__buttons {
        flex-direction: column;
        align-items: center;
      }

    }

/*=====end как работает 1 =======*/
/*******2222**************************/

    /* ===== HERO ===== */
    .hero-compare {
      padding: 50px 0 40px;
      background: var(--vildis-white);
    }

    .hero-compare__title {
      font-size: 2.25rem;
      margin-bottom: 0.5rem;
    }

    .hero-compare__subtitle {
      font-size: 1rem;
      color: var(--vildis-muted);
      max-width: 600px;
      line-height: 1.5;
    }

    /* ===== METHODS LIST ===== */
    .methods-list {
      background: var(--vildis-white);
      padding: 0 0 60px;
    }

    .method-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: all 0.2s;
      position: relative;
    }

    .method-card:hover {
      border-color: var(--vildis-dark);
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }

    .method-card--highlight {
      border-color: var(--vildis-green);
      background: var(--vildis-green-light);
    }

    .method-card--highlight:hover {
      border-color: var(--vildis-green);
      box-shadow: 0 4px 20px rgba(76,175,80,0.15);
    }

    .method-card__number {
      width: 36px;
      height: 36px;
      background: var(--vildis-light-bg);
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Montserrat', sans-serif;
      font-size: 0.9rem;
      font-weight: 700;
      color: var(--vildis-dark);
      margin-bottom: 1.25rem;
    }

    .method-card--highlight .method-card__number {
      background: var(--vildis-green);
      color: var(--vildis-white);
    }

    .method-card__badge {
      position: absolute;
      top: 16px;
      right: 16px;
      background: var(--vildis-green);
      color: var(--vildis-white);
      font-size: 0.65rem;
      font-weight: 600;
      padding: 4px 10px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .method-card__icon {
      width: 56px;
      height: 56px;
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.25rem;
      background: var(--vildis-white);
    }

    .method-card__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-dark);
    }

    .method-card__title {
      font-size: 1.05rem;
      font-weight: 700;
      margin-bottom: 0.75rem;
    }

    .method-card__desc {
      font-size: 0.85rem;
      color: var(--vildis-muted);
      line-height: 1.5;
      flex: 1;
    }

    .method-card__stats {
      margin-top: 1.5rem;
      padding-top: 1.25rem;
      border-top: 1px solid var(--vildis-border);
    }

    .method-card__stat {
      display: flex;
      justify-content: space-between;
      padding: 0.35rem 0;
      font-size: 0.82rem;
    }

    .method-card__stat-label {
      color: var(--vildis-muted);
    }

    .method-card__stat-value {
      font-weight: 600;
      color: var(--vildis-dark);
    }

    /* ===== COMPARISON TABLE ===== */
    .comparison-table {
      background: var(--vildis-light-bg);
    }

    .comparison__table-wrapper {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    .comparison__table {
      width: 100%;
      min-width: 700px;
      border-collapse: collapse;
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
    }

    .comparison__table th,
    .comparison__table td {
      padding: 14px 18px;
      border: 1px solid var(--vildis-border);
      font-size: 0.85rem;
      text-align: center;
      vertical-align: middle;
    }

    .comparison__table thead th {
      background: var(--vildis-accent);
      color: var(--vildis-white);
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }

    .comparison__table thead th:first-child {
      text-align: left;
    }

    .comparison__table tbody td:first-child {
      text-align: left;
      font-weight: 600;
      color: var(--vildis-dark);
      background: var(--vildis-light-bg);
    }

    .comparison__table tbody tr:last-child td {
      background: var(--vildis-green-light);
      font-weight: 600;
    }

    .comparison__table tbody tr:last-child td:first-child {
      background: var(--vildis-green-light);
    }

    .rating-positive {
      color: var(--vildis-green);
      font-weight: 600;
    }

    .rating-negative {
      color: var(--vildis-red);
      font-weight: 600;
    }

    .rating-warning {
      color: var(--vildis-orange);
      font-weight: 600;
    }

    /* ===== DISADVANTAGES ===== */
    .disadvantages {
      background: var(--vildis-white);
    }

    .disadvantage-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 1.25rem;
      background: var(--vildis-red-light);
      border: 1px solid var(--vildis-border);
      height: 100%;
    }

    .disadvantage-item__icon {
      width: 40px;
      height: 40px;
      background: var(--vildis-red);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 1.2rem;
      color: var(--vildis-white);
      font-weight: 700;
    }

    .disadvantage-item__title {
      font-size: 0.92rem;
      font-weight: 600;
      margin-bottom: 0.25rem;
      color: var(--vildis-dark);
    }

    .disadvantage-item__text {
      font-size: 0.83rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== ADVANTAGES ===== */
    .advantages-section {
      background: var(--vildis-dark);
      color: var(--vildis-white);
    }

    .advantages-section .section-title {
      color: var(--vildis-white);
    }

    .advantages-section .section-subtitle {
      color: rgba(255,255,255,0.5);
    }

    .advantage-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 1.5rem;
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.1);
      height: 100%;
    }

    .advantage-item__icon {
      width: 44px;
      height: 44px;
      background: var(--vildis-green);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .advantage-item__icon svg {
      width: 20px;
      height: 20px;
      color: var(--vildis-white);
    }

    .advantage-item__title {
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--vildis-white);
      margin-bottom: 0.35rem;
    }

    .advantage-item__text {
      font-size: 0.83rem;
      color: rgba(255,255,255,0.6);
      line-height: 1.5;
    }

    /* ===== CONCLUSION ===== */
    .conclusion {
      background: var(--vildis-light-bg);
    }

    .conclusion__card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      max-width: 800px;
      margin: 0 auto;
      padding: 3rem;
      text-align: center;
    }

    .conclusion__icon {
      width: 64px;
      height: 64px;
      background: var(--vildis-green-light);
      border: 1px solid var(--vildis-green);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.5rem;
    }

    .conclusion__icon svg {
      width: 28px;
      height: 28px;
      color: var(--vildis-green);
    }

    .conclusion__title {
      font-size: 1.5rem;
      margin-bottom: 1rem;
    }

    .conclusion__text {
      font-size: 0.95rem;
      color: var(--vildis-text);
      line-height: 1.6;
      max-width: 600px;
      margin: 0 auto 2rem;
    }

    /* ===== CTA ===== */
    .cta-section {
      background: var(--vildis-white);
    }

    .cta-block {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 3rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    .cta-block__title {
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
    }


    /* ===== RESPONSIVE ===== */
    @media (max-width: 1199px) {
      .header__nav {
        gap: 1.25rem;
      }
    }

    @media (max-width: 991px) {
      .section-padding {
        padding: 60px 0;
      }
    }

    @media (max-width: 767px) {
      .section-padding {
        padding: 40px 0;
      }
      .section-title {
        font-size: 1.35rem;
      }
      .header__nav {
        display: none;
      }
      .hero-compare__title {
        font-size: 1.5rem;
      }
      .method-card {
        padding: 1.5rem;
      }
      .conclusion__card {
        padding: 2rem 1.5rem;
      }
      .cta-block {
        padding: 2rem 1.5rem;
      }
      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }
      .footer__legal {
        flex-direction: column;
        gap: 0.5rem;
      }
    }

/********* end 22222*************************/
/******333333333********************/

    /* ===== HERO ===== */
    #physics-page .hero-physics {
      padding: 50px 0 40px;
      background: var(--vildis-white);
    }

    #physics-page .hero-physics__title {
      font-size: 2.25rem;
      margin-bottom: 0.5rem;
    }

    #physics-page .hero-physics__subtitle {
      font-size: 1rem;
      color: var(--vildis-muted);
      max-width: 600px;
      line-height: 1.5;
    }

    /* ===== KEY FACTORS ===== */
    #physics-page .key-factors {
      background: var(--vildis-light-bg);
    }

    #physics-page .factor-card {
      background: var(--vildis-white);
      border: 1px solid var(--vildis-border);
      padding: 2.5rem 2rem;
      text-align: center;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: all 0.2s;
      position: relative;
    }

    #physics-page .factor-card:hover {
      border-color: var(--vildis-dark);
      transform: translateY(-2px);
      box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    }

    #physics-page .factor-card__number {
      width: 48px;
      height: 48px;
      background: var(--vildis-dark);
      color: var(--vildis-white);
      font-family: 'Montserrat', sans-serif;
      font-size: 1.1rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
      border-radius: 50%;
    }

    #physics-page .factor-card__icon {
      width: 72px;
      height: 72px;
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
    }

    #physics-page .factor-card__icon svg {
      width: 32px;
      height: 32px;
      color: var(--vildis-dark);
    }

    #physics-page .factor-card__title {
      font-size: 1.1rem;
      font-weight: 700;
      margin-bottom: 0.75rem;
    }

    #physics-page .factor-card__text {
      font-size: 0.88rem;
      color: var(--vildis-muted);
      line-height: 1.5;
      flex: 1;
    }

    /* ===== SCIENCE EXPLANATION ===== */
    #physics-page .science-explanation {
      background: var(--vildis-white);
    }

    #physics-page .science-card {
      background: var(--vildis-blue-light);
      border: 1px solid var(--vildis-border);
      max-width: 800px;
      margin: 0 auto;
      padding: 3rem;
      position: relative;
    }

    #physics-page .science-card__icon {
      width: 56px;
      height: 56px;
      background: var(--vildis-blue);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
    }

    #physics-page .science-card__icon svg {
      width: 24px;
      height: 24px;
      color: var(--vildis-white);
    }

    #physics-page .science-card__title {
      font-size: 1.25rem;
      margin-bottom: 1rem;
    }

    #physics-page .science-card__text {
      font-size: 0.95rem;
      color: var(--vildis-text);
      line-height: 1.7;
      margin-bottom: 1.5rem;
    }

    #physics-page .science-card__points {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    #physics-page .science-card__points li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 0.6rem 0;
      font-size: 0.9rem;
      color: var(--vildis-text);
    }

    #physics-page .science-card__points li svg {
      width: 18px;
      height: 18px;
      color: var(--vildis-blue);
      flex-shrink: 0;
      margin-top: 2px;
    }

    /* ===== MISTAKES ===== */
    #physics-page .mistakes {
      background: var(--vildis-light-bg);
    }

    #physics-page .mistake-item {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 1.5rem;
      background: var(--vildis-red-light);
      border: 1px solid var(--vildis-border);
      height: 100%;
    }

    #physics-page .mistake-item__icon {
      width: 48px;
      height: 48px;
      background: var(--vildis-red);
      color: var(--vildis-white);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 1.2rem;
      font-weight: 700;
    }

    #physics-page .mistake-item__title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.35rem;
      color: var(--vildis-dark);
    }

    #physics-page .mistake-item__text {
      font-size: 0.83rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== ECONOMIC EFFECT ===== */
    #physics-page .economic-effect {
      background: var(--vildis-white);
    }

    #physics-page .effect-item {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 1.5rem;
      background: var(--vildis-green-light);
      border: 1px solid var(--vildis-border);
      height: 100%;
    }

    #physics-page .effect-item__icon {
      width: 48px;
      height: 48px;
      background: var(--vildis-green);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    #physics-page .effect-item__icon svg {
      width: 22px;
      height: 22px;
      color: var(--vildis-white);
    }

    #physics-page .effect-item__title {
      font-size: 0.95rem;
      font-weight: 600;
      margin-bottom: 0.35rem;
      color: var(--vildis-dark);
    }

    #physics-page .effect-item__text {
      font-size: 0.83rem;
      color: var(--vildis-muted);
      line-height: 1.4;
    }

    /* ===== CONFIRMATION ===== */
    #physics-page .confirmation {
      background: var(--vildis-dark);
      color: var(--vildis-white);
    }

    #physics-page .confirmation .section-title {
      color: var(--vildis-white);
    }

    #physics-page .confirmation .section-subtitle {
      color: rgba(255,255,255,0.5);
    }

    #physics-page .confirm-stat {
      text-align: center;
      padding: 2rem 1.5rem;
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.1);
      height: 100%;
    }

    #physics-page .confirm-stat__icon {
      font-size: 2rem;
      margin-bottom: 0.75rem;
    }

    #physics-page .confirm-stat__value {
      font-family: 'Montserrat', sans-serif;
      font-size: 2rem;
      font-weight: 700;
      color: var(--vildis-green);
      margin-bottom: 0.5rem;
    }

    #physics-page .confirm-stat__label {
      font-size: 0.88rem;
      color: rgba(255,255,255,0.6);
      line-height: 1.4;
    }

    /* ===== CTA ===== */
    #physics-page .cta-section {
      background: var(--vildis-white);
    }

    #physics-page .cta-block {
      background: var(--vildis-light-bg);
      border: 1px solid var(--vildis-border);
      padding: 3rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
    }

    #physics-page .cta-block__title {
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
	  color^#333;
    }



    /* ===== RESPONSIVE ===== */


    @media (max-width: 991px) {
      #physics-page .section-padding {
        padding: 60px 0;
      }
    }

    @media (max-width: 767px) {
      #physics-page .section-padding {
        padding: 40px 0;
      }
      #physics-page .section-title {
        font-size: 1.35rem;
      }

      #physics-page .hero-physics__title {
        font-size: 1.5rem;
      }
      #physics-page .science-card {
        padding: 2rem 1.5rem;
      }
      #physics-page .cta-block {
        padding: 2rem 1.5rem;
      }
      #physics-page .confirm-stat__value {
        font-size: 1.5rem;
      }

    }


/******* end 33333333333333************************/

    /* ===== FOOTER ===== */
    .footer {
      background: var(--vildis-dark);
      color: #ccc;
      padding: 60px 0 30px;
    }

    .footer__logo {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 1rem;
    }

    .footer__logo-icon {
      width: 36px;
      height: 36px;
      border: 1.5px solid #ccc;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .footer__logo-icon svg {
      width: 16px;
      height: 16px;
      fill: #ccc;
    }

    .footer__logo-name {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 1rem;
      color: #fff;
    }

    .footer__logo-desc {
      font-size: 0.6rem;
      color: #999;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .footer__desc {
      font-size: 0.8rem;
      color: #999;
      line-height: 1.5;
      margin-bottom: 1.5rem;
      max-width: 280px;
    }

    .footer__socials {
      display: flex;
      gap: 12px;
    }

    .footer__social-link {
      width: 36px;
      height: 36px;
      border: 1px solid #444;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #999;
      text-decoration: none;
      transition: all 0.2s;
    }

    .footer__social-link:hover {
      border-color: #ccc;
      color: #fff;
    }

    .footer__social-link svg {
      width: 16px;
      height: 16px;
    }

    .footer__heading {
      font-family: 'Montserrat', sans-serif;
      font-size: 0.85rem;
      font-weight: 600;
      color: #fff;
      margin-bottom: 1.25rem;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

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

    .footer__links li {
      margin-bottom: 0.5rem;
    }

    .footer__links a {
      font-size: 0.8rem;
      color: #999;
      text-decoration: none;
      transition: color 0.2s;
    }

    .footer__links a:hover {
      color: #fff;
    }

    .footer__contact-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 1rem;
      font-size: 0.8rem;
    }

    .footer__contact-item svg {
      width: 16px;
      height: 16px;
      color: #999;
      flex-shrink: 0;
      margin-top: 2px;
    }

    .footer__contact-item a {
      color: #999;
      text-decoration: none;
    }

    .footer__contact-item a:hover {
      color: #fff;
    }

    .footer__contact-item span {
      color: #999;
      line-height: 1.5;
    }

    .footer__bottom {
      border-top: 1px solid #333;
      padding-top: 1.5rem;
      margin-top: 3rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 1rem;
    }

    .footer__copy {
      font-size: 0.75rem;
      color: #666;
    }

    .footer__legal {
      display: flex;
      gap: 2rem;
    }

    .footer__legal a {
      font-size: 0.75rem;
      color: #666;
      text-decoration: none;
    }

    .footer__legal a:hover {
      color: #999;
    }







/* ===== RESPONSIVE ===== */

/* ===== RESPONSIVE ===== */


    /* ===== RESPONSIVE ===== */
    @media (max-width: 1199px) {
      .header__nav {
        gap: 1.25rem;
      }
      .hero__title {
        font-size: 2rem;
      }
    }

    @media (max-width: 991px) {
      .section-padding {
        padding: 60px 0;
      }
      .section-title {
        font-size: 1.5rem;
      }
      .hero__title {
        font-size: 1.75rem;
      }
	  
      .case-study__content {
		  grid-template-columns: 1fr;
      }	  
	  
      .hero__features {
        gap: 1.5rem;
      }
      .hero__image {
        min-height: 300px;
        margin-top: 2rem;
      }
    }

    @media (max-width: 767px) {
      .section-padding {
        padding: 40px 0;
      }
      .section-padding-sm {
        padding: 30px 0;
      }
      .section-title {
        font-size: 1.35rem;
      }
      .header__nav {
        display: none;
      }
      .hero {
        padding: 30px 0 20px;
      }
      .hero__title {
        font-size: 1.5rem;
      }
      .hero__subtitle {
        font-size: 0.95rem;
      }
      .hero__features {
        flex-direction: column;
        gap: 1rem;
      }
      .hero__feature {
        max-width: 100%;
      }
      .hero__buttons {
        flex-direction: column;
      }
      .hero__buttons .btn-primary-custom,
      .hero__buttons .btn-outline-custom {
        text-align: center;
        justify-content: center;
        width: 100%;
      }
      .hero__guarantees {
        flex-direction: column;
        gap: 0.75rem;
      }
      .hero__image {
        min-height: 200px;
        margin-top: 1.5rem;
      }
      .social-proof__logos {
        gap: 1rem;
      }
      .social-proof__logo-item {
        width: 90px;
        height: 40px;
        font-size: 0.6rem;
      }
      .problem-card {
        padding: 1.5rem 1rem;
      }
      .solution__filters {
        padding: 1.5rem;
      }
      .solution__card {
        padding: 1.5rem;
      }
      .comparison__table th,
      .comparison__table td {
        padding: 8px 10px;
        font-size: 0.75rem;
      }
      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }
      .footer__legal {
        flex-direction: column;
        gap: 0.5rem;
      }
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1199px) {
      .header__nav {
        gap: 1.25rem;
      }
      .hero__title {
        font-size: 1.8rem;
      }
    }

    @media (max-width: 991px) {
      .section-padding {
        padding: 60px 0;
		}
      .section-title {
        font-size: 1.5rem;
      }
      .hero__title {
        font-size: 1.6rem;
      }
      .hero__image {
        min-height: 280px;
        margin-top: 2rem;
      }
      .case-study__content {
        grid-template-columns: 1fr;
      }
      .cta-selector__content {
        flex-direction: column;
        text-align: center;
      }
      .cta-selector__images {
        width: 100%;
      }
    }

    @media (max-width: 767px) {
      .section-padding {
        padding: 40px 0;
      }
      .section-title {
        font-size: 1.35rem;
      }
      .header__nav {
        display: none;
      }
      .hero {
        padding: 30px 0 20px;
      }
      .hero__title {
        font-size: 1.4rem;
      }
      .hero__subtitle {
        font-size: 0.9rem;
      }
      .hero__features {
        flex-direction: column;
        gap: 1rem;
      }
      .hero__feature {
        max-width: 100%;
      }
      .hero__buttons {
        flex-direction: column;
      }
      .hero__buttons .btn-primary-custom,
      .hero__buttons .btn-outline-custom {
        text-align: center;
        justify-content: center;
        width: 100%;
      }
      .hero__image {
        min-height: 200px;
        margin-top: 1.5rem;
      }
      .problem-card {
        padding: 1.5rem 1rem;
      }
      .consultation__form {
        flex-direction: column;
        gap: 1.5rem;
      }
      .consultation__text {
        flex: none;
        width: 100%;
      }
      .consultation__fields {
        flex-direction: column;
        width: 100%;
      }
      .consultation__field {
        width: 100%;
      }
      .consultation__btn {
        width: 100%;
      }
      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }
      .footer__legal {
        flex-direction: column;
        gap: 0.5rem;
      }
      .footer__footer-nav {
        gap: 1.5rem;
      }
      .cta-selector__images {
        flex-wrap: wrap;
      }
      .cta-selector__img {
        width: 100px;
      }
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1199px) {
      .header__nav {
        gap: 1.25rem;
      }
      .hero__title {
        font-size: 1.8rem;
      }
    }

    @media (max-width: 991px) {
      .section-padding {
        padding: 60px 0;
      }
      .section-title {
        font-size: 1.5rem;
      }
      .hero__title {
        font-size: 1.6rem;
      }
      .hero__image {
        min-height: 200px;
        margin-top: 1.5rem;
      }
    }

    @media (max-width: 767px) {
      .section-padding {
        padding: 40px 0;
      }
      .section-title {
        font-size: 1.35rem;
      }
      .header__nav {
        display: none;
      }
      .hero {
        padding: 25px 0 15px;
      }
      .hero__title {
        font-size: 1.35rem;
      }
      .hero__subtitle {
        font-size: 0.88rem;
      }
      .hero__features {
        flex-direction: column;
        gap: 0.75rem;
      }
      .hero__feature {
        max-width: 100%;
      }
      .hero__image {
        min-height: 180px;
        margin-top: 1rem;
      }
      .catalog__header {
        flex-direction: column;
        align-items: flex-start;
      }
      .filters {
        margin-bottom: 1.5rem;
      }
      .cta-block__form {
        flex-direction: column;
      }
      .cta-block__field {
        min-width: 100%;
      }
      .cta-block__submit {
        width: 100%;
      }
      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }
      .footer__legal {
        flex-direction: column;
        gap: 0.5rem;
      }
    }

    /* Mobile filter toggle */
    .filters__mobile-toggle {
      display: none;
    }

    @media (max-width: 767px) {
      .filters {
        display: none;
      }
      .filters--open {
        display: block !important;
      }
      .filters__mobile-toggle {
        display: flex;
        align-items: center;
        gap: 8px;
        background: var(--vildis-white);
        border: 1px solid var(--vildis-border);
        padding: 10px 16px;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--vildis-text);
        cursor: pointer;
        width: 100%;
        justify-content: center;
        margin-bottom: 1rem;
        font-family: 'Inter', sans-serif;
      }
    }


    /* ===== RESPONSIVE ===== */
    @media (max-width: 1199px) {
      .header__nav {
        gap: 1.25rem;
      }
    }

    @media (max-width: 991px) {
      .section-padding {
        padding: 60px 0;
      }
      .section-title {
        font-size: 1.5rem;
      }
      .map-section__content {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 767px) {
      .section-padding {
        padding: 40px 0;
      }
      .section-title {
        font-size: 1.35rem;
      }
      .header__nav {
        display: none;
      }
      .contacts-hero__title {
        font-size: 1.5rem;
      }
      .contacts-hero__subtitle {
        font-size: 0.9rem;
      }
      .contact-card {
        padding: 1.5rem;
      }
      .requisites__row {
        flex-direction: column;
        gap: 0.25rem;
      }
      .requisites__label {
        min-width: auto;
      }
      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }
      .footer__legal {
        flex-direction: column;
        gap: 0.5rem;
      }
    }


    /* ===== RESPONSIVE ===== */
    @media (max-width: 1199px) {
      .header__nav {
        gap: 1.25rem;
      }
    }

    @media (max-width: 991px) {
      .section-padding {
        padding: 60px 0;
      }
    }

    @media (max-width: 767px) {
      .section-padding {
        padding: 40px 0;
      }
      .section-title {
        font-size: 1.35rem;
      }
      .header__nav {
        display: none;
      }
      .hero-about__title {
        font-size: 1.5rem;
      }
      .hero-facts {
        gap: 1rem;
      }
      .production-gallery {
        grid-template-columns: 1fr 1fr;
      }
      .production-gallery__item--large {
        grid-column: span 2;
        grid-row: span 1;
      }
      .cta-block {
        padding: 2rem 1.5rem;
      }
      .cta-block__buttons {
        flex-direction: column;
        align-items: center;
      }
      .footer__bottom {
        flex-direction: column;
        text-align: center;
      }
      .footer__legal {
        flex-direction: column;
        gap: 0.5rem;
      }
    }








    /* Utility: light background alternating sections */
    .bg-light-custom {
      background: var(--vildis-light-bg);
    }

    .bg-white-custom {
      background: var(--vildis-white);
    }