@tailwind base;
@tailwind components;
@tailwind utilities;

.font-inter { font-family: "Inter", sans-serif; }
.font-montserrat { font-family: "Montserrat", sans-serif; }
.font-inter-tight {
    font-family: "Inter", sans-serif;
    letter-spacing: -0.02em;
}
.font-montserrat-tight {
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.06em;
}
.heading-xl {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    letter-spacing: -0.06em;
}
.heading-lg {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    letter-spacing: -0.04em;
}
.font-display-swap { font-display: swap; }

/* --- ANIMATIONS --- */
.transition-all-300 {
    transition: all 0.3s ease-in-out;
}

/* Black Button Animation */
.btn-black-anim {
    transition: all 0.3s ease;
    border: 1px solid #0D0E10;
}

.btn-black-anim:hover {
    background-color: #ffffff !important;
    color: #0D0E10 !important;
}

/* Link Hover Effect */
.hover-link-anim {
    transition: color 0.3s ease;
}
.hover-link-anim:hover {
    color: #C5C6C8;
}

/* Header Buttons */
.header-cta {
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.header-cta:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 20px rgba(255,255,255,0.4);
    transform: translateY(-1px);
}

.header--light .header-cta:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

/* Cart Button */
[data-cart-button] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-cart-button]:hover {
    transform: translateY(-1px);
    filter: brightness(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    background-color: #ffffff !important; 
    color: #000000 !important;
}
.header--light [data-cart-button]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Primary Button (black bg / white text -> hover серый без обводки) */
.btn-primary {
    transition: all 0.3s ease;
    border: 1px solid #0D0E10;
    background-color: #0D0E10;
    color: white;
    cursor: pointer;
}
.btn-primary:hover {
    background-color: #4F5052 !important;
    border-color: #4F5052 !important;
    color: white !important;
}

/* Серая кнопка при наведении */
.btn-gray-hover {
    transition: all 0.3s ease;
    border: 1px solid #0D0E10;
    background-color: #0D0E10;
    color: white;
    cursor: pointer;
}
.btn-gray-hover:hover {
    background-color: #4F5052 !important;
    border-color: #4F5052 !important;
    color: white !important;
}

/* Primary Button on dark bg (white text -> hover: black bg white border) */
.btn-primary-dark {
    transition: all 0.3s ease;
    border: 1px solid transparent;
    cursor: pointer;
}
.btn-primary-dark:hover {
    background-color: #ffffff !important;
    color: #0D0E10 !important;
    border-color: #ffffff !important;
}

/* Arrow Animation for "Details" buttons */
.btn-arrow-anim {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.btn-arrow-anim .arrow-icon {
    transition: transform 0.3s ease, opacity 0.3s ease;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-arrow-anim:hover .arrow-icon {
    transform: translateX(6px);
}

.btn-arrow-anim:hover {
    color: #C5C6C8;
}

/* Mobile Menu & Burger */
.burger {
    position: relative;
    cursor: pointer;
    background: transparent;
    border: none;
    z-index: 60;
}
.burger__line {
    display: block;
    width: 24px;
    height: 2px;
    background-color: currentColor;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.burger__line--top { transform: translateY(-6px); }
.burger__line--middle { transform: translateY(0); }
.burger__line--bottom { transform: translateY(6px); }

.burger.active .burger__line--top { transform: translateY(0) rotate(45deg); }
.burger.active .burger__line--middle { opacity: 0; }
.burger.active .burger__line--bottom { transform: translateY(-2px) rotate(-45deg); }

/* Sticky Header Scroll State - ИСПРАВЛЕНО */
#siteHeader.scrolled {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    /* Убрали padding-top и padding-bottom */
}

#siteHeader {
    transition: all 0.3s ease;
}

/* Service cards hover */
/* Service cards hover - ИСПРАВЛЕНО (без увеличения) */
.service-card {
    transition: box-shadow 0.3s ease, filter 0.3s ease;
}
.service-card:hover {
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
}

/* Marquee */
.marquee {
    position: relative;
    overflow: hidden;
}
.marquee__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: marquee 30s linear infinite;
}
.marquee__group {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 40px;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


button,
a {
    transition: all 0.3s ease-in-out;
}

/* Hover for How We Work (если у тебя есть этот блок) */
.how-we-work-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .how-we-work-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  }
  
  /* Marquee for Trusted By (для бегущей строки логотипов) */
  .marquee {
    position: relative;
    overflow: hidden;
  }
  .marquee__track {
    display: flex;
    animation: marquee 20s linear infinite;
  }
  @keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 1rem; /* 4rem на lg, но адаптируй */
  }
  
  /* Responsive for marquee */
  @media (max-width: 768px) {
    .marquee__group {
      gap: 0.5rem;
    }
    .marquee__track img {
      height: 2rem; /* Меньше на мобильных */
    }
  }
  
  /* Для благодарственных писем */
  .thanks-letters img {
    transition: transform 0.3s ease;
  }
  .thanks-letters img:hover {
    transform: scale(1.05);
  }
  
  /* Для формы EventFormBlock */
  .event-form input, .event-form select, .event-form textarea {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
    color: white;
    &::placeholder {
      color: rgba(255, 255, 255, 0.5);
    }
  }
  .event-form button {
    transition: background-color 0.3s ease;
    &:hover {
      background-color: white;
      color: black;
    }
  }
  

/* --- Страница «Мобильный фуршет» (каталог) — по макету Figma --- */
.mobile-buffet-page .breadcrumbs a:hover {
    color: #0D0E10;
}
.mobile-buffet-page .catalog-sidebar {
    padding-bottom: 2rem;
}
.mobile-buffet-page .catalog-sidebar-link {
    border-radius: 4px;
}
.mobile-buffet-page .catalog-sidebar-link--active {
    background-color: #0D0E10;
    color: #fff;
}
.mobile-buffet-page .catalog-sidebar-link--active:hover {
    background-color: #0D0E10;
    color: #fff;
}
.mobile-buffet-page .mse2-filters label,
.mobile-buffet-page .mse2-filters input,
.mobile-buffet-page .mse2-filters select {
    font-family: "Inter", sans-serif;
    color: #0D0E10;
}
.mobile-buffet-page .mse2-results a {
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.mobile-buffet-page .mse2-results a:hover {
    opacity: 0.9;
}
/* Сетка 4 колонки на больших экранах */
.mobile-buffet-page .mse2-results {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
    .mobile-buffet-page .mse2-results {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .mobile-buffet-page .mse2-results {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 1280px) {
    .mobile-buffet-page .mse2-results {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* Пагинация */
.mobile-buffet-page .pagination-wrap ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 14px;
}
.mobile-buffet-page .pagination-wrap a,
.mobile-buffet-page .pagination-wrap span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.5rem;
    color: #0D0E10;
    border: 1px solid #C5C6C8;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.mobile-buffet-page .pagination-wrap a:hover {
    background-color: #0D0E10;
    color: #fff;
    border-color: #0D0E10;
}
.mobile-buffet-page .pagination-wrap .active a,
.mobile-buffet-page .pagination-wrap .page-item.active a {
    background-color: #0D0E10;
    color: #fff;
    border-color: #0D0E10;
}

/* Плавное изменение цены */
.ms2_cost, .ms2_total_cost, .ms2_total_count {
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

/* Эффект при изменении - УБРАЛ transform */
.ms2_cost.changing, .ms2_total_cost.changing, .ms2_total_count.changing {
    color: #4F5052;
}

/* Для счетчика в шапке - УБРАЛ transform */
.cart-badge {
    transition: color 0.2s ease-in-out;
}

.cart-badge.changing {
    color: #4F5052;
}

/* Для строки товара при обновлении */
.ms2_cart_row.updating {
    opacity: 0.9;
}

.ms2_cart_row.updating .ms2_cost {
    opacity: 0.7;
}

/* ===== УНИВЕРСАЛЬНАЯ КНОПКА "РАССЧИТАТЬ СТОИМОСТЬ" ===== */

/* Светлая версия (как в HeroBlock) - с ТОНКОЙ обводкой */
.cost-calc-btn-light {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 14px;
    font-weight: 400; /* Нормальный (не жирный) */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0.5rem;
    border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    line-height: 1.5;
}

.cost-calc-btn-light:hover {
    background-color: white !important;
    color: #0D0E10 !important;
    border: 1.5px solid #0D0E10 !important;
    backdrop-filter: none;
    font-weight: 400 !important; /* Тот же нормальный вес */
    transform: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    /* Размер НЕ меняется */
    padding: 0.5rem 1rem;
    font-size: 14px;
}

/* Адаптация под разные экраны */
@media screen and (min-width: 768px) {
    .cost-calc-btn-light {
        padding: 0.75rem 1.5rem;
        font-size: 15px;
        border-width: 1.5px;
        font-weight: 400;
    }
    
    .cost-calc-btn-light:hover {
        padding: 0.75rem 1.5rem;
        font-size: 15px;
        font-weight: 400 !important;
    }
}

@media screen and (min-width: 1024px) {
    .cost-calc-btn-light {
        padding: 0.75rem 2rem;
        font-size: 16px;
        font-weight: 400;
    }
    
    .cost-calc-btn-light:hover {
        padding: 0.75rem 2rem;
        font-size: 16px;
        font-weight: 400 !important;
    }
}

@media screen and (max-width: 767px) {
    .cost-calc-btn-light {
        padding: 0.5rem 1rem;
        font-size: 12px;
        width: 100%;
        max-width: 280px;
        font-weight: 400;
    }
    
    .cost-calc-btn-light:hover {
        padding: 0.5rem 1rem;
        font-size: 12px;
        font-weight: 400 !important;
    }
}

/* Темная версия (для светлого фона) */
.cost-calc-btn-dark {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #0D0E10;
    color: white;
    font-size: 14px;
    font-weight: 400; /* Нормальный */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0.5rem;
    border: 1.5px solid #0D0E10;
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    line-height: 1.5;
}

.cost-calc-btn-dark:hover {
    background-color: white !important;
    color: #0D0E10 !important;
    border: 1.5px solid #0D0E10 !important;
    font-weight: 400 !important;
    transform: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    padding: 0.5rem 1rem;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .cost-calc-btn-dark {
        padding: 0.75rem 1.5rem;
        font-size: 15px;
        font-weight: 400;
    }
    
    .cost-calc-btn-dark:hover {
        padding: 0.75rem 1.5rem;
        font-size: 15px;
        font-weight: 400 !important;
    }
}

@media screen and (min-width: 1024px) {
    .cost-calc-btn-dark {
        padding: 0.75rem 2rem;
        font-size: 16px;
        font-weight: 400;
    }
    
    .cost-calc-btn-dark:hover {
        padding: 0.75rem 2rem;
        font-size: 16px;
        font-weight: 400 !important;
    }
}

@media screen and (max-width: 767px) {
    .cost-calc-btn-dark {
        padding: 0.5rem 1rem;
        font-size: 12px;
        width: 100%;
        max-width: 280px;
        font-weight: 400;
    }
    
    .cost-calc-btn-dark:hover {
        padding: 0.5rem 1rem;
        font-size: 12px;
        font-weight: 400 !important;
    }
}

/* ===== АДАПТАЦИЯ КНОПКИ "РАССЧИТАТЬ СТОИМОСТЬ" ПОД НОУТБУКИ ===== */

/* MacBook Pro / Большие ноуты (1440-1919px) */
@media screen and (max-width: 1919px) and (min-width: 1441px) {
    .cost-calc-btn-light,
    .cost-calc-btn-dark {
        padding: 0.6rem 1.5rem !important;
        font-size: 13px !important;
        border-width: 1.5px !important;
    }
}

/* MacBook Air / Стандартные ноуты (1366-1440px) */
@media screen and (max-width: 1440px) and (min-width: 1366px) {
    .cost-calc-btn-light,
    .cost-calc-btn-dark {
        padding: 0.5rem 1.25rem !important;
        font-size: 12px !important;
        border-width: 1.5px !important;
    }
}

/* Маленькие ноуты (1280-1365px) */
@media screen and (max-width: 1365px) and (min-width: 1280px) {
    .cost-calc-btn-light,
    .cost-calc-btn-dark {
        padding: 0.4rem 1rem !important;
        font-size: 11px !important;
        border-width: 1.5px !important;
    }
}

/* Очень маленькие ноуты / Планшеты горизонтально (1024-1279px) */
@media screen and (max-width: 1279px) and (min-width: 1024px) {
    .cost-calc-btn-light,
    .cost-calc-btn-dark {
        padding: 0.4rem 0.9rem !important;
        font-size: 10px !important;
        border-width: 1.5px !important;
    }
}

/* Планшеты вертикально (768-1023px) */
@media screen and (max-width: 1023px) and (min-width: 768px) {
    .cost-calc-btn-light,
    .cost-calc-btn-dark {
        padding: 0.5rem 1.2rem !important;
        font-size: 11px !important;
        max-width: 240px !important;
    }
}

/* ========================================
   БЛОК 7 - КАРТОЧКИ (МАЛЕНЬКОЕ СКРУГЛЕНИЕ)
   ======================================== */

/* ========================================
   БЛОК 7 - КАРТОЧКИ (АДАПТАЦИЯ ПОД НОУТЫ)
   ======================================== */

/* === КОНТЕЙНЕР - МАКСИМАЛЬНАЯ ШИРИНА === */
.block7-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 1440px) {
    .block7-container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (min-width: 1920px) {
    .block7-container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

/* === ЗАГОЛОВОК H2 - КАК В БЛОКЕ 13 === */
.block7-header-center h2,
.block7-header-left h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 64px;
    line-height: 1.08;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #0D0E10;
    margin-bottom: 1rem;
}

/* 2K МОНИТОРЫ (2000-3000px) */
@media screen and (min-width: 2000px) and (max-width: 3000px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 72px;
        letter-spacing: -0.03em;
    }
}

/* 4K МОНИТОРЫ (3000px+) */
@media screen and (min-width: 3000px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 84px;
    }
}

/* БОЛЬШИЕ ПК (1920px и выше) */
@media screen and (min-width: 1920px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 64px;
    }
    
    .block7-header-center {
        max-width: 1600px;
    }
}

/* СТАНДАРТНЫЕ ПК (1440-1919px) */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 56px;
    }
    
    .block7-header-center {
        max-width: 1300px;
    }
}

/* MACBOOK PRO / БОЛЬШИЕ НОУТЫ (1440-1512px) */
@media screen and (min-width: 1440px) and (max-width: 1512px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 52px;
    }
    
    .block7-header-center {
        max-width: 1100px;
    }
}

/* MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 48px;
        letter-spacing: -0.04em;
    }
    
    .block7-header-center {
        max-width: 1000px;
        margin-bottom: 2.5rem;
    }
    
    .block7-header-left .title-wrapper {
        width: 60%;
    }
    
    .block7-header-left .description-wrapper {
        width: 35%;
    }
}

/* МАЛЕНЬКИЕ НОУТЫ (1280-1365px) */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 42px;
        letter-spacing: -0.04em;
    }
    
    .block7-header-center {
        max-width: 900px;
        margin-bottom: 2.25rem;
    }
    
    .block7-header-left .title-wrapper {
        width: 58%;
    }
    
    .block7-header-left .description-wrapper {
        width: 38%;
    }
}

/* ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 38px;
    }
    
    .block7-header-center {
        max-width: 800px;
        margin-bottom: 2rem;
    }
    
    .block7-header-left {
        gap: 1.5rem;
    }
    
    .block7-header-left .title-wrapper {
        width: 55%;
    }
    
    .block7-header-left .description-wrapper {
        width: 40%;
    }
}

/* ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 32px;
    }
    
    .block7-header-center {
        max-width: 100%;
        margin-bottom: 2rem;
    }
    
    .block7-header-left {
        flex-direction: column;
        gap: 1rem;
    }
    
    .block7-header-left .title-wrapper {
        width: 100%;
    }
    
    .block7-header-left .description-wrapper {
        width: 100%;
    }
}

/* ТЕЛЕФОНЫ (до 767px) */
@media screen and (max-width: 767px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 28px;
    }
    
    .block7-header-center {
        max-width: 100%;
        margin-bottom: 1.5rem;
    }
    
    .block7-header-left {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .block7-header-left .title-wrapper {
        width: 100%;
    }
    
    .block7-header-left .description-wrapper {
        width: 100%;
    }
}

/* МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) */
@media screen and (max-width: 480px) {
    .block7-header-center h2,
    .block7-header-left h2 {
        font-size: 24px;
    }
}

/* === ПОДЗАГОЛОВОК / ОПИСАНИЕ === */
.block7-header-center p,
.block7-header-left p,
.block7-card-description {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: -0.02em;
    color: #000000;
}

@media screen and (max-width: 1440px) {
    .block7-header-center p,
    .block7-header-left p,
    .block7-card-description {
        font-size: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .block7-header-center p,
    .block7-header-left p,
    .block7-card-description {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .block7-header-center p,
    .block7-header-left p,
    .block7-card-description {
        font-size: 13px;
    }
}

/* === ЗАГОЛОВОК КАРТОЧКИ H3 - font-normal === */
.block7-card-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.08;
    letter-spacing: -0.05em;
    color: #0D0E10;
    margin-bottom: 0.75rem;
}

@media screen and (max-width: 1440px) {
    .block7-card-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .block7-card-title {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .block7-card-title {
        font-size: 16px;
    }
}

/* === ЗАГОЛОВОК ПО ЦЕНТРУ === */
.block7-header-center {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.block7-header-center p {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* === ЗАГОЛОВОК СЛЕВА === */
.block7-header-left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 3rem;
}

@media (min-width: 1024px) {
    .block7-header-left {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.block7-header-left .title-wrapper {
    width: 100%;
}

@media (min-width: 1024px) {
    .block7-header-left .title-wrapper {
        width: 65%;
    }
}

.block7-header-left .description-wrapper {
    width: 100%;
}

@media (min-width: 1024px) {
    .block7-header-left .description-wrapper {
        width: 40%;
    }
}

/* === СЕТКИ - МИНИМАЛЬНЫЙ ГЭП === */
.block7-grid {
    display: grid;
    gap: 0.5rem;
    width: 100%;
}

.block7-grid.grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.block7-grid.grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.block7-grid.grid-cols-5 {
    grid-template-columns: repeat(5, 1fr);
}

/* === КАРТОЧКИ - С НОВЫМИ ЭФФЕКТАМИ === */
.block7-card {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #F0F0F0;
    box-shadow: 0 -8px 25px -10px rgba(0,0,0,0.2), 0 8px 30px -8px rgba(0,0,0,0.15);
    transition: box-shadow 0.4s ease, transform 0.3s ease;
    height: 100%;
    width: 100%;
}

/* Тень при наведении - УВЕЛИЧИВАЕТСЯ */
.block7-card:hover {
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.35);
    border-color: transparent;
    transform: translateY(-2px);
}

/* Изображение карточки - С ЭФФЕКТОМ ПРИБЛИЖЕНИЯ */
.block7-card-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.block7-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1); /* Плавное приближение */
}

/* При наведении на карточку - картинка приближается */
.block7-card:hover .block7-card-image img {
    transform: scale(1.05); /* Небольшое приближение */
}

/* Контент карточки */
.block7-card-content {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* === КНОПКА - СКРУГЛЕНИЕ ОСТАВЛЯЕМ КАК БЫЛО === */
.block7-card-button {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0.75rem 1rem;
    background-color: #ffffff;
    color: #0D0E10;
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 6px;
    border: 1px solid #0D0E10;
    transition: all 0.3s ease;
    margin-top: auto;
    cursor: pointer;
}

.block7-card-button:hover {
    background-color: #4F5052;
    color: #ffffff;
    border: 1px solid #4F5052;
    transform: none;
}

/* === АДАПТАЦИЯ СЕТОК === */
@media screen and (max-width: 1200px) {
    .block7-grid.grid-cols-5 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 992px) {
    .block7-grid.grid-cols-4,
    .block7-grid.grid-cols-5 {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .block7-card-image {
        height: 180px;
    }
}

@media screen and (max-width: 768px) {
    .block7-grid.grid-cols-3,
    .block7-grid.grid-cols-4,
    .block7-grid.grid-cols-5 {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.375rem;
    }
    
    .block7-card-image {
        height: 160px;
    }
    
    .block7-card-content {
        padding: 0.75rem;
    }
    
    .block7-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    .block7-card-button {
        padding: 0.5rem 0.75rem;
        font-size: 0.7rem;
        border-radius: 4px;
    }
    
    /* На мобилках эффект приближения чуть меньше */
    .block7-card:hover .block7-card-image img {
        transform: scale(1.03);
    }
}

@media screen and (max-width: 480px) {
    .block7-grid.grid-cols-3,
    .block7-grid.grid-cols-4,
    .block7-grid.grid-cols-5 {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
    
    .block7-card-image {
        height: 200px;
    }
    
    .block7-card:hover .block7-card-image img {
        transform: scale(1.02);
    }
}

/* ========================================
   БЛОК 12 - КАРТОЧКИ (4 КОЛОНКИ) С ЭФФЕКТАМИ
   ======================================== */

/* === КОНТЕЙНЕР === */
.block12-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 1440px) {
    .block12-container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (min-width: 1920px) {
    .block12-container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

/* === ЗАГОЛОВОК H2 === */
.block12-header-center h2,
.block12-header-left h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.08;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #0D0E10;
    margin-bottom: 1rem;
}

@media screen and (max-width: 1440px) {
    .block12-header-center h2,
    .block12-header-left h2 {
        font-size: 42px;
    }
}

@media screen and (max-width: 1024px) {
    .block12-header-center h2,
    .block12-header-left h2 {
        font-size: 36px;
    }
}

@media screen and (max-width: 768px) {
    .block12-header-center h2,
    .block12-header-left h2 {
        font-size: 28px;
    }
}

/* === ПОДЗАГОЛОВОК / ОПИСАНИЕ === */
.block12-header-center p,
.block12-header-left p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: -0.02em;
    color: #000000;
}

@media screen and (max-width: 1440px) {
    .block12-header-center p,
    .block12-header-left p {
        font-size: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .block12-header-center p,
    .block12-header-left p {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .block12-header-center p,
    .block12-header-left p {
        font-size: 13px;
    }
}

/* === ЗАГОЛОВОК ПО ЦЕНТРУ === */
.block12-header-center {
    text-align: center;
    margin-bottom: 2.5rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.block12-header-center p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* === ЗАГОЛОВОК СЛЕВА === */
.block12-header-left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {
    .block12-header-left {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.block12-header-left .title-wrapper {
    width: 100%;
}

@media (min-width: 1024px) {
    .block12-header-left .title-wrapper {
        width: 45%;
    }
}

.block12-header-left .description-wrapper {
    width: 100%;
}

@media (min-width: 1024px) {
    .block12-header-left .description-wrapper {
        width: 50%;
    }
}

/* === СЕТКА - 4 КОЛОНКИ === */
.block12-grid {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.block12-grid.grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* === ОБЫЧНАЯ КАРТОЧКА С ЭФФЕКТАМИ === */
.block12-card {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #F0F0F0;
    box-shadow: 0 -8px 25px -10px rgba(0,0,0,0.2), 0 8px 30px -8px rgba(0,0,0,0.15);
    transition: box-shadow 0.4s ease, transform 0.3s ease;
    height: 100%;
    width: 100%;
}

/* Тень при наведении - УВЕЛИЧИВАЕТСЯ */
.block12-card:hover {
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.35);
    border-color: transparent;
    transform: translateY(-2px);
}

/* Изображение карточки - С ЭФФЕКТОМ ПРИБЛИЖЕНИЯ */
.block12-card-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.block12-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

/* При наведении на карточку - картинка приближается */
.block12-card:hover .block12-card-image img {
    transform: scale(1.05);
}

.block12-card-content {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.block12-card-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.08;
    letter-spacing: -0.05em;
    color: #0D0E10;
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 1440px) {
    .block12-card-title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .block12-card-title {
        font-size: 16px;
    }
}

.block12-card-description {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: 1rem;
    flex: 1;
}

@media screen and (max-width: 1440px) {
    .block12-card-description {
        font-size: 13px;
    }
}

.block12-card-button {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0.6rem 0.75rem;
    background-color: #ffffff;
    color: #0D0E10;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 4px;
    border: 1px solid #0D0E10;
    transition: all 0.3s ease;
    margin-top: auto;
    cursor: pointer;
    text-decoration: none;
}

.block12-card-button:hover {
    background-color: #0D0E10;
    color: #ffffff;
    border: 1px solid #0D0E10;
}

/* === ЧЕРНАЯ КАРТОЧКА С ЭФФЕКТАМИ === */
.block12-card-black {
    display: flex;
    flex-direction: column;
    background-color: #0D0E10;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #0D0E10;
    box-shadow: 0 -8px 25px -10px rgba(0,0,0,0.3), 0 8px 30px -8px rgba(0,0,0,0.25);
    transition: box-shadow 0.4s ease, transform 0.3s ease, background-color 0.3s ease;
    height: 100%;
    width: 100%;
}

/* Тень при наведении - УВЕЛИЧИВАЕТСЯ */
.block12-card-black:hover {
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
    transform: translateY(-2px);
    background-color: #1a1b1f; /* Чуть светлее при наведении */
}

.block12-card-content-black {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
}

.block12-card-title-black {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.05em;
    color: #ffffff;
    margin-bottom: 1rem;
    transition: color 0.3s ease;
}

.block12-card-black:hover .block12-card-title-black {
    color: #ffffff; /* Остается белым */
}

@media screen and (max-width: 1440px) {
    .block12-card-title-black {
        font-size: 18px;
    }
}

.block12-card-description-black {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin-bottom: 1.5rem;
    flex: 1;
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.block12-card-black:hover .block12-card-description-black {
    opacity: 1;
}

@media screen and (max-width: 1440px) {
    .block12-card-description-black {
        font-size: 13px;
    }
}

.block12-card-button-black {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0.75rem 1rem;
    background-color: transparent;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 4px;
    border: 1px solid #ffffff;
    transition: all 0.3s ease;
    cursor: pointer;
}

.block12-card-button-black:hover {
    background-color: #ffffff;
    color: #0D0E10;
    border: 1px solid #ffffff;
    transform: scale(1.02); /* Небольшое увеличение кнопки */
}

/* === АДАПТАЦИЯ СЕТКИ === */
@media screen and (max-width: 1200px) {
    .block12-grid.grid-cols-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1024px) {
    .block12-grid.grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
    
    .block12-card-image {
        height: 180px;
    }
}

@media screen and (max-width: 768px) {
    .block12-grid.grid-cols-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }
    
    .block12-card-image {
        height: 160px;
    }
    
    .block12-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    .block12-card-content {
        padding: 0.75rem;
    }
    
    .block12-card-content-black {
        padding: 1rem;
    }
    
    .block12-card-button,
    .block12-card-button-black {
        padding: 0.5rem 0.75rem;
        font-size: 0.7rem;
        border-radius: 4px;
    }
    
    /* На мобилках эффект приближения чуть меньше */
    .block12-card:hover .block12-card-image img {
        transform: scale(1.03);
    }
}

@media screen and (max-width: 480px) {
    .block12-grid.grid-cols-4 {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .block12-card-image {
        height: 200px;
    }
    
    .block12-card:hover .block12-card-image img {
        transform: scale(1.02);
    }
}

/* ========================================
   БЛОК 13 - АКЦИИ И СКИДКИ
   ======================================== */

/* Адаптация блока 13 (наследует стили от block2, но можно добавить специфичные) */

/* Кнопка блока 13 - черная, при наведении серая */
.block13 .btn-primary {
    background-color: #0D0E10;
    color: white;
    border: 1px solid #0D0E10;
    transition: all 0.3s ease;
}

.block13 .btn-primary:hover {
    background-color: #4F5052 !important;
    border-color: #4F5052 !important;
    color: white !important;
}

/* Если нужны дополнительные стили */

/* █████████████████████████████████████████████████████████████████████████
   ███ БЛОК 4 - КОНТЕНТ С ИЗОБРАЖЕНИЯМИ (ПК + НОУТЫ) ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БАЗОВЫЕ СТИЛИ БЛОКА 4 === */
.block4-section {
    width: 100%;
    padding: 3rem 0;
}

.block4-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* === ЗАГОЛОВКИ === */
.block4-main-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #0D0E10;
    margin-bottom: 1.5rem;
}

.block4-secondary-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #0D0E10;
}

/* === ОПИСАНИЕ === */
.block4-description {
    font-weight: 400 !important;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #000000;
    flex: 3;
}

/* === ИЗОБРАЖЕНИЯ === */
.block4-image-left {
    width: 100%;
    object-fit: cover;
}

.block4-image-right {
    width: 100%;
    object-fit: cover;
}


/* █████████████████████████████████████████████████████████████████████████
   ███ БЛОК 4 - АДАПТАЦИЯ ПОД ВСЕ УСТРОЙСТВА ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БОЛЬШИЕ ПК (1920px и выше) === */
@media screen and (min-width: 1920px) {
    .block4-section {
        padding: 5rem 0;
        width: 100%;
    }
    
    .block4-container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 4rem;
    }
    
    .block4-main-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 64px;
        line-height: 1.08;
        letter-spacing: -0.06em;
        text-transform: uppercase;
        color: #0D0E10;
        margin-bottom: 2.5rem;
        max-width: 1400px;
    }
    
    .block4-secondary-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 64px;
        line-height: 1.08;
        letter-spacing: -0.06em;
        text-transform: uppercase;
        color: #0D0E10;
    }
    
    .block4-description {
        font-family: 'Inter Tight', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.02em;
        color: #000000;
    }
    
    .block4-left-absolute {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 30%;
    }
    
    .block4-right-content {
        padding-left: 32%;
    }
    
    .block4-image-left {
        width: 100%;
        height: 100%;
        min-height: 600px;
        object-fit: cover;
    }
    
    .block4-image-right {
        width: 100%;
        height: 550px;
        object-fit: cover;
    }
}

/* === 2K МОНИТОРЫ (2000-3000px) === */
@media screen and (min-width: 2000px) and (max-width: 3000px) {
    .block4-section {
        padding: 6rem 0;
    }
    
    .block4-container {
        padding: 0 6rem;
        max-width: 2200px;
        margin: 0 auto;
    }
    
    .block4-main-title {
        font-size: 72px;
        margin-bottom: 3rem;
    }
    
    .block4-secondary-title {
        font-size: 72px;
    }
    
    .block4-description {
        font-size: 20px;
        line-height: 26px;
    }
    
    .block4-image-left {
        min-height: 700px;
    }
    
    .block4-image-right {
        height: 650px;
    }
}

/* === СТАНДАРТНЫЕ ПК (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block4-section {
        padding: 4.5rem 0;
    }
    
    .block4-container {
        padding: 0 3rem;
    }
    
    .block4-main-title {
        font-size: 56px;
        margin-bottom: 2.2rem;
    }
    
    .block4-secondary-title {
        font-size: 56px;
    }
    
    .block4-description {
        font-size: 17px;
    }
    
    .block4-image-left {
        min-height: 550px;
    }
    
    .block4-image-right {
        height: 500px;
    }
}

/* === MACBOOK PRO 16" / БОЛЬШИЕ НОУТЫ (1536-1720px) === */
@media screen and (min-width: 1536px) and (max-width: 1720px) {
    .block4-section {
        padding: 4rem 0;
    }
    
    .block4-container {
        padding: 0 2.5rem;
    }
    
    .block4-main-title {
        font-size: 52px;
        margin-bottom: 2rem;
    }
    
    .block4-secondary-title {
        font-size: 52px;
    }
    
    .block4-description {
        font-size: 16px;
        line-height: 21px;
    }
    
    .block4-image-left {
        min-height: 500px;
    }
    
    .block4-image-right {
        height: 450px;
    }
}

/* === MACBOOK PRO 14" / СТАНДАРТНЫЕ НОУТЫ (1366-1535px) === */
@media screen and (min-width: 1366px) and (max-width: 1535px) {
    .block4-section {
        padding: 3.5rem 0;
    }
    
    .block4-container {
        padding: 0 2rem;
    }
    
    .block4-main-title {
        font-size: 48px;
        margin-bottom: 1.8rem;
    }
    
    .block4-secondary-title {
        font-size: 48px;
    }
    
    .block4-description {
        font-size: 16px;
        line-height: 20px;
    }
    
    .block4-image-left {
        min-height: 480px;
    }
    
    .block4-image-right {
        height: 430px;
    }
    
    .block4-left-absolute {
        width: 28%;
    }
    
    .block4-right-content {
        padding-left: 30%;
    }
}

/* === MACBOOK AIR / МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block4-section {
        padding: 3rem 0;
    }
    
    .block4-container {
        padding: 0 1.5rem;
    }
    
    .block4-main-title {
        font-size: 44px;
        margin-bottom: 1.6rem;
    }
    
    .block4-secondary-title {
        font-size: 44px;
    }
    
    .block4-description {
        font-size: 15px;
        line-height: 19px;
    }
    
    .block4-image-left {
        min-height: 450px;
    }
    
    .block4-image-right {
        height: 400px;
    }
    
    .block4-left-absolute {
        width: 28%;
    }
    
    .block4-right-content {
        padding-left: 30%;
    }
}

/* === УЛЬТРАБУКИ / МАЛЕНЬКИЕ НОУТЫ (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block4-section {
        padding: 2.5rem 0;
    }
    
    .block4-container {
        padding: 0 1.5rem;
    }
    
    .block4-main-title {
        font-size: 40px;
        margin-bottom: 1.5rem;
    }
    
    .block4-secondary-title {
        font-size: 40px;
    }
    
    .block4-description {
        font-size: 14px;
        line-height: 18px;
    }
    
    /* Начинаем адаптировать макет для планшетов */
    .block4-left-absolute {
        width: 30%;
    }
    
    .block4-right-content {
        padding-left: 32%;
    }
    
    .block4-image-left {
        min-height: 420px;
    }
    
    .block4-image-right {
        height: 370px;
    }
}

/* === ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (900-1023px) === */
@media screen and (min-width: 900px) and (max-width: 1023px) {
    .block4-section {
        padding: 2rem 0;
    }
    
    .block4-container {
        padding: 0 1.5rem;
    }
    
    .block4-main-title {
        font-size: 36px;
        margin-bottom: 1.5rem;
    }
    
    .block4-secondary-title {
        font-size: 36px;
    }
    
    .block4-description {
        font-size: 14px;
        line-height: 18px;
    }
    
    /* Убираем абсолютное позиционирование */
    .block4-left-absolute {
        position: relative !important;
        width: 100% !important;
        margin-bottom: 1.5rem;
    }
    
    .block4-right-content {
        padding-left: 0 !important;
    }
    
    .flex-col.md\:flex-row {
        flex-direction: column !important;
    }
    
    .block4-image-left {
        height: 350px !important;
        min-height: auto !important;
    }
    
    .block4-image-right {
        height: 300px !important;
    }
    
    .block4-description {
        margin-right: 0 !important;
        margin-bottom: 1.5rem;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-899px) === */
@media screen and (min-width: 768px) and (max-width: 899px) {
    .block4-section {
        padding: 1.5rem 0;
    }
    
    .block4-container {
        padding: 0 1rem;
    }
    
    .block4-main-title {
        font-size: 32px;
        margin-bottom: 1.2rem;
    }
    
    .block4-secondary-title {
        font-size: 32px;
    }
    
    .block4-description {
        font-size: 13px;
        line-height: 17px;
    }
    
    /* Убираем абсолютное позиционирование */
    .block4-left-absolute {
        position: relative !important;
        width: 100% !important;
        margin-bottom: 1.5rem;
    }
    
    .block4-right-content {
        padding-left: 0 !important;
    }
    
    .flex-col.md\:flex-row {
        flex-direction: column !important;
    }
    
    .block4-image-left {
        height: 300px !important;
        min-height: auto !important;
    }
    
    .block4-image-right {
        height: 280px !important;
    }
}

/* === ТЕЛЕФОНЫ (до 767px) === */
@media screen and (max-width: 767px) {
    /* 1. Скрываем левый блок с фото полностью */
    .block4-left-absolute {
        display: none !important;
    }

    /* 2. Растягиваем контент на всю ширину и убираем отступы */
    .block4-right-content {
        padding-left: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* ТВОИ ШРИФТЫ (БЕЗ ИЗМЕНЕНИЙ) */
    .block4-main-title {
        font-size: 28px;
        margin-bottom: 0 !important; /* Исправлено */
    }
    
    .block4-secondary-title {
        font-size: 28px;
        margin-top: 0 !important;    /* Исправлено */
        line-height: 1.1 !important; /* Чтобы строки стояли плотнее */
    }
    
    .block4-description {
        font-size: 13px !important;
        line-height: 17px !important;
        margin-bottom: 1.5rem !important;
    }

    /* 3. ВОЗВРАЩАЕМ ПРАВУЮ КАРТИНКУ (ставим в самый низ) */
    .block4-image-right {
        display: block !important; /* Гарантируем видимость */
        width: 100% !important;
        height: 220px !important; /* Высота из твоего кода */
        object-fit: cover !important;
        margin-top: 1rem !important;
    }

    /* Общие отступы секции */
    .block4-section {
        padding: 1rem 0 !important;
    }
    
    .block4-container {
        padding: 0 0.75rem !important;
    }

    /* Убираем лишние флекс-свойства родителя, если мешают */
    .flex-col.md\:flex-row {
        flex-direction: column !important;
        display: block !important;
    }
}

/* === МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) === */
@media screen and (max-width: 480px) {
    .block4-main-title {
        font-size: 24px;
    }
    
    .block4-secondary-title {
        font-size: 24px;
    }
    
    .block4-description {
        font-size: 12px;
        line-height: 16px;
    }
    
    .block4-image-left {
        height: 200px !important;
    }
    
    .block4-image-right {
        height: 180px !important;
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ БЛОК 5 - ПОЧЕМУ ВЫБИРАЮТ (АДАПТИВНЫЙ КОНТЕЙНЕР ОПИСАНИЯ) ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БАЗОВЫЕ СТИЛИ === */
.block5-section {
    padding: 2rem 1rem;
}

/* === ЗАГОЛОВОК H2 - КАК В БЛОКЕ 7 === */
.block5-header-center h2,
.block5-header-left h2,
.block5-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 64px;
    line-height: 1.08;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #0D0E10;
    margin-bottom: 1rem;
}

/* 2K МОНИТОРЫ (2000-3000px) */
@media screen and (min-width: 2000px) and (max-width: 3000px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 72px;
        letter-spacing: -0.03em;
    }
}

/* 4K МОНИТОРЫ (3000px+) */
@media screen and (min-width: 3000px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 84px;
    }
}

/* БОЛЬШИЕ ПК (1920px и выше) */
@media screen and (min-width: 1920px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 64px;
    }
    
    .block5-header-center {
        max-width: 1600px;
    }
}

/* СТАНДАРТНЫЕ ПК (1440-1919px) */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 56px;
    }
    
    .block5-header-center {
        max-width: 1300px;
    }
}

/* MACBOOK PRO / БОЛЬШИЕ НОУТЫ (1440-1512px) */
@media screen and (min-width: 1440px) and (max-width: 1512px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 52px;
    }
    
    .block5-header-center {
        max-width: 1100px;
    }
}

/* MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 48px;
        letter-spacing: -0.04em;
    }
    
    .block5-header-center {
        max-width: 1000px;
        margin-bottom: 2.5rem;
    }
}

/* МАЛЕНЬКИЕ НОУТЫ (1280-1365px) */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 42px;
        letter-spacing: -0.04em;
    }
    
    .block5-header-center {
        max-width: 900px;
        margin-bottom: 2.25rem;
    }
}

/* ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 38px;
    }
    
    .block5-header-center {
        max-width: 800px;
        margin-bottom: 2rem;
    }
}

/* ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 32px;
    }
    
    .block5-header-center {
        max-width: 100%;
        margin-bottom: 2rem;
    }
}

/* =========================================================================
   === ТЕЛЕФОНЫ (КАРТОЧКИ ОДНОЙ ВЫСОТЫ) ===
   ========================================================================= */
@media screen and (max-width: 767px) {
    
    /* 1. Заголовок и Описание влево */
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title,
    .block5-description {
        text-align: left !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    .block5-title, .block5-header-center h2 { font-size: 26px !important; }
    .block5-description { font-size: 14px !important; margin: 0.5rem 0 0 0 !important; }

    /* 2. Листалка (горизонтальный ряд) */
    .block5-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        gap: 12px !important;
        padding: 1rem 0 1.5rem 0 !important;
        -webkit-overflow-scrolling: touch;
    }

    .block5-grid::-webkit-scrollbar { display: none; }

    /* 3. Карточки в слайдере - ОДИНАКОВАЯ ВЫСОТА */
    .block5-card {
        flex: 0 0 280px !important; 
        scroll-snap-align: start;
        background-color: #F0F0F0 !important;
        min-height: 280px !important; /* фиксированная высота */
        height: 280px !important; /* все карточки одной высоты */
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    /* 4. УБИРАЕМ ТОЛЬКО ПОЛНОРАЗМЕРНЫЕ КАРТОЧКИ-ФОТО */
    .block5-card-image {
        display: none !important;
    }

    /* 5. ВОЗВРАЩАЕМ ИКОНКИ (значки) */
    .block5-card-content > div:first-child,
    .block5-card img, 
    .block5-card svg {
        display: flex !important;
        visibility: visible !important;
    }

    /* Настройка контейнера значка */
    .block5-card-content > div:first-child {
        margin-bottom: 1rem !important;
        width: 48px !important;
        height: 48px !important;
    }

    .block5-card-title { 
        font-size: 1rem !important; 
        margin-top: 0.5rem !important; 
    }
    
    .block5-card-text { 
        font-size: 0.85rem !important; 
        margin-bottom: 0 !important;
    }
}

/* МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) */
@media screen and (max-width: 480px) {
    .block5-header-center h2,
    .block5-header-left h2,
    .block5-title {
        font-size: 24px;
    }
}

/* === ОПИСАНИЕ - АДАПТИВНЫЕ РАЗМЕРЫ === */
.block5-description {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: -0.02em;
    color: #000000;
    width: 100%;
}

/* ПК (1920px и выше) */
@media screen and (min-width: 1920px) {
    .block5-description {
        max-width: 770px;
        font-size: 16px;
    }
}

/* СТАНДАРТНЫЕ ПК (1440-1919px) */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .block5-description {
        max-width: 720px;
        font-size: 16px;
    }
}

/* MACBOOK PRO / БОЛЬШИЕ НОУТЫ (1440-1512px) */
@media screen and (min-width: 1440px) and (max-width: 1512px) {
    .block5-description {
        max-width: 580px;  /* было 610, стало 560 - меньше */
        font-size: 15px;
    }
}

/* MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block5-description {
        max-width: 480px;  /* было 500, стало 460 - меньше */
        font-size: 15px;
    }
}

/* МАЛЕНЬКИЕ НОУТЫ (1280-1365px) */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block5-description {
        max-width: 520px;  /* было 550, стало 500 - меньше */
        font-size: 14px;
    }
}

/* ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block5-description {
        max-width: 460px;  /* было 480, стало 440 - меньше */
        font-size: 14px;
    }
}

/* ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block5-description {
        max-width: 100%;
        font-size: 15px;
        text-align: left;
    }
}

/* ТЕЛЕФОНЫ (до 767px) */
@media screen and (max-width: 767px) {
    .block5-description {
        max-width: 100%;
        font-size: 15px;
        text-align: center;
        margin: 1rem auto 0;
    }
}

/* МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) */
@media screen and (max-width: 480px) {
    .block5-description {
        font-size: 14px;
    }
}

/* === ЗАГОЛОВОК ПО ЦЕНТРУ === */
.block5-header-center {
    text-align: center;
    margin-bottom: 2rem;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* === ЗАГОЛОВОК СЛЕВА === */
.block5-header-left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 1024px) {
    .block5-header-left {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.block5-header-left .title-wrapper {
    width: 100%;
}

@media (min-width: 1024px) {
    .block5-header-left .title-wrapper {
        width: 65%;
    }
}

.block5-header-left .description-wrapper {
    width: 100%;
}

@media (min-width: 1024px) {
    .block5-header-left .description-wrapper {
        width: 35%;
    }
}

/* === СЕТКА КАРТОЧЕК - НА ВСЮ ШИРИНУ === */
.block5-grid {
    display: grid;
    gap: 1.5rem;
    margin-top: 2rem;
    width: 100%;
}

/* Адаптация сетки для разных экранов */
@media screen and (min-width: 1920px) {
    .block5-grid {
        gap: 1.5rem;
        margin-top: 3rem;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .block5-grid {
        gap: 1.25rem;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block5-grid {
        gap: 1rem;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block5-grid {
        gap: 0.875rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block5-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 0.75rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block5-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .block5-grid {
        gap: 0.75rem;
    }
}

/* === КАРТОЧКИ - С ИЗОБРАЖЕНИЕМ НА ВСЮ ШИРИНУ И ВЫСОТУ === */
.block5-card {
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    background-color: #F0F0F0;  /* БЫЛО: #ffffff, СТАЛО: #F0F0F0 - серый как было */
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    min-height: 200px;
}

/* Вариант карточки с изображением - изображение перекрывает серый фон */
.block5-card-image {
    width: 100%;
    height: 100%;
    min-height: inherit;
    overflow: hidden;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block5-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Вариант карточки с контентом - серый фон */
.block5-card-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #F0F0F0;  /* Явно указываем серый для контентной части */
}

/* Заголовок карточки - текст темный на сером */
.block5-card-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #0D0E10;  /* темный текст */
    margin-bottom: 0.75rem;
}

/* Текст карточки */
.block5-card-text {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000;  /* черный текст */
}

/* === АДАПТАЦИЯ КАРТОЧЕК ДЛЯ РАЗНЫХ ЭКРАНОВ === */

/* Большие ПК (1920px и выше) */
@media screen and (min-width: 1920px) {
    .block5-card {
        min-height: 280px;
    }
}

/* Стандартные ПК (1440-1919px) */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .block5-card {
        min-height: 260px;
    }
}

/* MacBook Pro / большие ноуты (1440-1512px) */
@media screen and (min-width: 1440px) and (max-width: 1512px) {
    .block5-card {
        min-height: 240px;
    }
}

/* MacBook Air / стандартные ноуты (1366-1440px) */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block5-card {
        min-height: 230px;
    }
}

/* Маленькие ноуты (1280-1365px) */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block5-card {
        min-height: 220px;
    }
}

/* Планшеты горизонтально (1024-1279px) */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block5-card {
        min-height: 210px;
    }
}

/* Планшеты вертикально (768-1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block5-card {
        min-height: 200px;
    }
    
    .block5-card-title {
        font-size: 1rem;
    }
    
    .block5-card-text {
        font-size: 0.85rem;
    }
    
    .block5-card-content {
        padding: 1rem;
    }
}

/* Телефоны (до 767px) */
@media screen and (max-width: 767px) {
    .block5-card {
        min-height: 180px;
    }
    
    .block5-card-title {
        font-size: 0.95rem;
    }
    
    .block5-card-text {
        font-size: 0.8rem;
    }
    
    .block5-card-content {
        padding: 0.75rem;
    }
}

/* Маленькие телефоны (до 480px) */
@media screen and (max-width: 480px) {
    .block5-card {
        min-height: 160px;
    }
}

/* === БРАУЗЕРНЫЕ ФИКСЫ === */
@supports (-ms-ime-align: auto) {
    .block5-description {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ БЛОК 3 - КАК МЫ РАБОТАЕМ (КАРТОЧКИ) - ПОЛНАЯ АДАПТАЦИЯ ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БОЛЬШИЕ ПК (1920px и выше) === */
@media screen and (min-width: 1920px) {
    .block3-section {
        padding: 5rem 2.5rem;
    }
    
    .block3-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 64px;
        line-height: 1.08;
        letter-spacing: -0.06em;
        text-transform: uppercase;
        color: #0D0E10;
        margin-bottom: 4rem;
        text-align: center;
    }
    
    .block3-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 1.5rem;
    }
    
    .block3-card {
        min-height: 320px;
        padding: 1.5rem 1rem 1rem;
        background-color: #F0F0F0;
        border-radius: 0.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: all 0.3s ease-out;
    }
    
    .block3-card:hover {
        background-color: #4F5052;
        color: white;
        transform: rotate(2deg) translateY(-8px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
    }
    
    .block3-card-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    
    .block3-card-icon {
        background-color: #C5C6C8;
        padding: 0.5rem;
        border-radius: 0.5rem;
        transition: all 0.3s ease;
    }
    
    .block3-card:hover .block3-card-icon {
        background-color: white;
    }
    
    .block3-card-icon img {
        width: 2rem;
        height: 2rem;
        object-fit: contain;
        transition: all 0.3s ease;
    }
    
    .block3-card:hover .block3-card-icon img {
        filter: invert(1);
    }
    
    .block3-card-number {
        font-family: 'Montserrat', sans-serif;
        font-size: 4rem;
        color: #C5C6C8;
        font-weight: 400;
        transition: all 0.3s ease;
    }
    
    .block3-card:hover .block3-card-number {
        color: rgba(255, 255, 255, 0.3);
    }
    
    .block3-card-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 1.25rem;
        margin-top: 1rem;
        transition: all 0.3s ease;
    }
    
    .block3-card-description {
        font-size: 0.875rem;
        transition: all 0.3s ease;
    }
    
    .block3-card:hover .block3-card-description {
        color: rgba(255, 255, 255, 0.8);
    }
}

/* === СТАНДАРТНЫЕ ПК (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block3-section {
        padding: 4rem 2rem;
    }
    
    .block3-title {
        font-size: 56px;
        margin-bottom: 3.5rem;
    }
    
    .block3-grid {
        gap: 1.25rem;
    }
    
    .block3-card {
        min-height: 300px;
    }
    
    .block3-card-title {
        font-size: 1.2rem;
    }
    
    .block3-card-description {
        font-size: 0.85rem;
    }
}

/* === MACBOOK PRO / БОЛЬШИЕ НОУТЫ (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block3-section {
        padding: 3.5rem 2rem;
    }
    
    .block3-title {
        font-size: 2.5rem;
    }
    
    .block3-grid {
        gap: 1rem;
    }
    
    .block3-card {
        min-height: 280px;
    }
    
    .block3-card-title {
        font-size: 1.1rem;
    }
    
    .block3-card-description {
        font-size: 0.8rem;
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block3-section {
        padding: 3rem 1.5rem;
    }
    
    .block3-title {
        font-size: 2.2rem;
        margin-bottom: 2.5rem;
    }
    
    .block3-grid {
        gap: 0.875rem;
    }
    
    .block3-card {
        min-height: 260px;
        padding: 1.25rem 0.875rem 0.875rem;
    }
    
    .block3-card-number {
        font-size: 3.5rem;
    }
    
    .block3-card-title {
        font-size: 1rem;
        margin-top: 0.75rem;
    }
    
    .block3-card-description {
        font-size: 0.75rem;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block3-section {
        padding: 2.5rem 1.25rem;
    }
    
    .block3-title {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    
    .block3-grid {
        gap: 0.75rem;
    }
    
    .block3-card {
        min-height: 240px;
        padding: 1rem 0.75rem 0.75rem;
    }
    
    .block3-card-number {
        font-size: 3rem;
    }
    
    .block3-card-title {
        font-size: 0.95rem;
        margin-top: 0.5rem;
    }
    
    .block3-card-description {
        font-size: 0.7rem;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block3-section {
        padding: 2rem 1.25rem;
    }
    
    .block3-title {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
    
    .block3-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
    
    .block3-card {
        min-height: 260px;
    }
    
    .block3-card-number {
        font-size: 3.5rem;
    }
    
    .block3-card-title {
        font-size: 1rem;
    }
    
    .block3-card-description {
        font-size: 0.75rem;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block3-section {
        padding: 2rem 1rem;
    }
    
    .block3-title {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
    
    .block3-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    .block3-card {
        min-height: 240px;
        width: auto;
    }
    
    .block3-card-number {
        font-size: 3rem;
    }
    
    .block3-card-title {
        font-size: 0.95rem;
    }
    
    .block3-card-description {
        font-size: 0.7rem;
    }
    
    /* Убираем горизонтальный скролл */
    .block3-grid {
        overflow-x: visible;
    }
}

/* === ТЕЛЕФОНЫ (до 767px) === */
@media screen and (max-width: 767px) {
    .block3-section {
        padding: 1.5rem 0.75rem;
    }
    
    .block3-title {
        font-size: 1.3rem;
        margin-bottom: 1.5rem;
    }
    
    .block3-grid {
        display: flex;
        gap: 1rem;
        overflow-x: auto;
        padding-bottom: 1rem;
        scroll-snap-type: x mandatory;
    }
    
    .block3-card {
        width: 16rem;
        min-height: 220px;
        flex-shrink: 0;
        scroll-snap-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1rem;
    }
    
    .block3-card-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
    }
    
    /* ИКОНКА - прижимаем к левому краю */
    .block3-card-icon {
        margin-left: 0 !important;
        padding: 0.5rem;
        background-color: #C5C6C8;
        border-radius: 0.5rem;
        flex-shrink: 0;
    }
    
    .block3-card-icon img {
        width: 1.5rem;
        height: 1.5rem;
        object-fit: contain;
    }
    
    /* ЦИФРА - остается справа */
    .block3-card-number {
        font-size: 3rem;
        margin: 0;
        padding: 0;
        text-align: right;
        flex-shrink: 0;
    }
    
    .block3-card-title {
        font-size: 0.9rem;
        margin-top: 0.75rem;
        text-align: left;
    }
    
    .block3-card-description {
        font-size: 0.65rem;
        margin-top: 0.5rem;
        text-align: left;
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ БЛОК КОНТАКТЫ - ПОЛНАЯ АДАПТАЦИЯ ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БАЗОВЫЕ СТИЛИ === */
.contacts-block,
.contacts-page {
    background-color: #ffffff;
}

.contacts-page {
    min-height: 100vh;
}

/* === БОЛЬШИЕ ПК (1920px и выше) === */
@media screen and (min-width: 1920px) {
    .contacts-block.px-4.md\:px-10.lg\:px-16,
    .contacts-page.px-4.md\:px-10.lg\:px-16 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    
    .contacts-block .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\],
    .contacts-page .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 80px !important;
    }
    
    .contacts-block .min-w-\[300px\],
    .contacts-page .min-w-\[300px\] {
        min-width: 350px !important;
    }
    
    .contacts-block .min-w-\[200px\],
    .contacts-page .min-w-\[200px\] {
        min-width: 250px !important;
    }
    
    .contacts-block .font-montserrat.font-normal.text-base,
    .contacts-page .font-montserrat.font-normal.text-base {
        font-size: 16px !important;
    }
    
    .contacts-block .font-inter-tight.text-sm,
    .contacts-page .font-inter-tight.text-sm {
        font-size: 14px !important;
    }
    
    .contacts-block .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\],
    .contacts-page .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\] {
        height: 700px !important;
    }
}

/* === 2K МОНИТОРЫ (2000-3000px) === */
@media screen and (min-width: 2000px) and (max-width: 3000px) {
    .contacts-block .max-w-\[1920px\].mx-auto,
    .contacts-page .max-w-\[1920px\].mx-auto {
        max-width: 2200px !important;
    }
    
    .contacts-block.px-4.md\:px-10.lg\:px-16,
    .contacts-page.px-4.md\:px-10.lg\:px-16 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    
    .contacts-block .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\],
    .contacts-page .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 90px !important;
    }
    
    .contacts-block .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\],
    .contacts-page .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\] {
        height: 800px !important;
    }
}

/* === СТАНДАРТНЫЕ ПК (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .contacts-block.px-4.md\:px-10.lg\:px-16,
    .contacts-page.px-4.md\:px-10.lg\:px-16 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    
    .contacts-block .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\],
    .contacts-page .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 64px !important;
    }
    
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16,
    .contacts-page .flex.flex-wrap.gap-8.lg\:gap-16 {
        gap: 2rem !important;
    }
    
    .contacts-block .min-w-\[300px\],
    .contacts-page .min-w-\[300px\] {
        min-width: 250px !important;
    }
    
    .contacts-block .min-w-\[200px\],
    .contacts-page .min-w-\[200px\] {
        min-width: 180px !important;
    }
    
    .contacts-block .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\],
    .contacts-page .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\] {
        height: 550px !important;
    }
}

/* === MACBOOK PRO / БОЛЬШИЕ НОУТЫ (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .contacts-block .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\],
    .contacts-page .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 56px !important;
    }
    
    .contacts-block .absolute.left-4.lg\:left-8 {
        left: 2rem !important;
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .contacts-block.px-4.md\:px-10.lg\:px-16,
    .contacts-page.px-4.md\:px-10.lg\:px-16 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    
    .contacts-block .flex-col.lg\:flex-row.lg\:items-end.justify-between,
    .contacts-page .flex-col.lg\:flex-row.lg\:items-end.justify-between {
        gap: 1.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    .contacts-block .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\],
    .contacts-page .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 48px !important;
    }
    
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16,
    .contacts-page .flex.flex-wrap.gap-8.lg\:gap-16 {
        gap: 1.25rem !important;
    }
    
    .contacts-block .min-w-\[300px\],
    .contacts-page .min-w-\[300px\] {
        min-width: 200px !important;
    }
    
    .contacts-block .min-w-\[200px\],
    .contacts-page .min-w-\[200px\] {
        min-width: 150px !important;
    }
    
    .contacts-block .font-montserrat.font-normal.text-base,
    .contacts-page .font-montserrat.font-normal.text-base {
        font-size: 14px !important;
    }
    
    .contacts-block .font-inter-tight.text-sm,
    .contacts-page .font-inter-tight.text-sm {
        font-size: 12px !important;
    }
    
    .contacts-block .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\],
    .contacts-page .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\] {
        height: 500px !important;
    }
    
    .contacts-block .absolute.left-4.lg\:left-8 {
        left: 1.5rem !important;
    }
    
    .contacts-block .bg-\[\#4F5052\]\/90.p-6.lg\:p-8 {
        padding: 1.25rem !important;
    }
    
    .contacts-block .text-xl.lg\:text-2xl {
        font-size: 1.2rem !important;
    }
    
    .contacts-block .text-base.lg\:text-lg {
        font-size: 0.95rem !important;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .contacts-block.px-4.md\:px-10.lg\:px-16,
    .contacts-page.px-4.md\:px-10.lg\:px-16 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .contacts-block .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\],
    .contacts-page .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 42px !important;
    }
    
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16,
    .contacts-page .flex.flex-wrap.gap-8.lg\:gap-16 {
        gap: 1rem !important;
    }
    
    .contacts-block .min-w-\[300px\],
    .contacts-page .min-w-\[300px\] {
        min-width: 180px !important;
    }
    
    .contacts-block .min-w-\[200px\],
    .contacts-page .min-w-\[200px\] {
        min-width: 140px !important;
    }
    
    .contacts-block .font-montserrat.font-normal.text-base,
    .contacts-page .font-montserrat.font-normal.text-base {
        font-size: 13px !important;
    }
    
    .contacts-block .font-inter-tight.text-sm,
    .contacts-page .font-inter-tight.text-sm {
        font-size: 11px !important;
    }
    
    .contacts-block .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\],
    .contacts-page .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\] {
        height: 450px !important;
    }
    
    .contacts-block .absolute.left-4.lg\:left-8 {
        left: 1.25rem !important;
        max-width: 350px !important;
    }
    
    .contacts-block .bg-\[\#4F5052\]\/90.p-6.lg\:p-8 {
        padding: 1rem !important;
    }
    
    .contacts-block .text-xl.lg\:text-2xl {
        font-size: 1.1rem !important;
    }
    
    .contacts-block .text-base.lg\:text-lg {
        font-size: 0.9rem !important;
    }
    
    .contacts-block .text-sm.lg\:text-base {
        font-size: 0.8rem !important;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .contacts-block .flex-col.lg\:flex-row.lg\:items-end.justify-between,
    .contacts-page .flex-col.lg\:flex-row.lg\:items-end.justify-between {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1.5rem !important;
    }
    
    .contacts-block .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\],
    .contacts-page .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 36px !important;
    }
    
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16,
    .contacts-page .flex.flex-wrap.gap-8.lg\:gap-16 {
        width: 100% !important;
        justify-content: flex-start !important;
    }
    
    .contacts-block .min-w-\[300px\],
    .contacts-block .min-w-\[200px\],
    .contacts-page .min-w-\[300px\],
    .contacts-page .min-w-\[200px\] {
        min-width: auto !important;
        flex: 1 !important;
    }
    
    .contacts-block .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\],
    .contacts-page .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\] {
        height: 400px !important;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .contacts-block.px-4.md\:px-10.lg\:px-16,
    .contacts-page.px-4.md\:px-10.lg\:px-16 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    .contacts-page.pt-24.lg\:pt-32 {
        padding-top: 5rem !important;
    }
    
    .contacts-block .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\],
    .contacts-page .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 32px !important;
    }
    
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16,
    .contacts-page .flex.flex-wrap.gap-8.lg\:gap-16 {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .contacts-block .min-w-\[300px\],
    .contacts-block .min-w-\[200px\],
    .contacts-page .min-w-\[300px\],
    .contacts-page .min-w-\[200px\],
    .contacts-block .flex.flex-col.gap-2,
    .contacts-page .flex.flex-col.gap-2 {
        width: 100% !important;
        min-width: 100% !important;
    }
    
    .contacts-block .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\],
    .contacts-page .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\] {
        height: 350px !important;
    }
    
    .contacts-block .absolute.left-4.lg\:left-8 {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        transform: none !important;
        max-width: 100% !important;
        margin-top: 1rem !important;
        pointer-events: auto !important;
    }
    
    .contacts-block .bg-\[\#4F5052\]\/90 {
        width: 100% !important;
    }
}

/* МОБИЛЬНЫЕ (до 767px) — точное соответствие скрину + адрес на новой строке */
@media screen and (max-width: 767px) {
    /* Общий контейнер */
    .contacts-block.px-4.md\:px-10.lg\:px-16,
    .contacts-page.px-4.md\:px-10.lg\:px-16 {
        padding: 2rem 1.25rem 3rem !important;
    }

    /* Заголовок "КОНТАКТЫ" — слева, крупный */
    .contacts-block h2.font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 36px !important;
        line-height: 1.05 !important;
        text-align: left !important;
        margin-bottom: 1.5rem !important;
        letter-spacing: -0.02em !important;
    }

    /* Контейнер с Телефоном, Email и Адресом — заставляем их в правильном порядке */
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;                  /* разрешаем перенос */
        justify-content: flex-start !important;
        gap: 2rem 3rem !important;                   /* горизонтальный gap больше */
        margin-bottom: 1.5rem !important;
    }

    /* Телефон и Email — в ряд, без переноса между ними */
    .contacts-block .flex.flex-col.gap-2.min-w-\[300px\],
    .contacts-block .flex.flex-col.gap-2.min-w-\[200px\] {
        flex: 0 1 auto !important;
        min-width: auto !important;
        max-width: 45% !important;
    }

    /* Адрес — принудительно на новую строку, слева */
    .contacts-block .flex.flex-col.gap-2:last-child {
        flex-basis: 100% !important;                 /* занимает всю ширину → перенос на новую строку */
        max-width: 100% !important;
        margin-top: 0.8rem !important;
        margin-left: 0 !important;
    }

    /* Заголовки "Телефон", "Email", "Адрес" */
    .contacts-block .font-inter-tight.text-sm.text-\[\#818284\].leading-none {
        font-size: 15px !important;
        margin-bottom: 0.4rem !important;
        text-align: left !important;
    }

    /* Текст номеров, почт и адреса — крупнее */
    .contacts-block .font-montserrat.font-normal.text-base.text-\[\#121212\] {
        font-size: 18px !important;
        line-height: 1.45 !important;
        text-align: left !important;
        white-space: nowrap !important;              /* номера и почты не переносятся */
    }

    /* Адрес — без nowrap, чтобы индекс и улица были на разных строках если нужно */
    .contacts-block .flex.flex-col.gap-2:last-child .font-montserrat.font-normal.text-base.text-\[\#121212\].leading-relaxed {
        white-space: normal !important;
        font-size: 18px !important;
    }

    /* Убираем все <br> в адресе на мобильке */
    .contacts-block br {
        display: none !important;
    }
}

/* === МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) === */
@media screen and (max-width: 480px) {
    .contacts-block .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\],
    .contacts-page .font-montserrat.font-normal.uppercase.text-5xl.md\:text-6xl.lg\:text-\[80px\] {
        font-size: 24px !important;
    }
    
    .contacts-block .font-montserrat.font-normal.text-base,
    .contacts-page .font-montserrat.font-normal.text-base {
        font-size: 11px !important;
    }
    
    .contacts-block .font-inter-tight.text-sm,
    .contacts-page .font-inter-tight.text-sm {
        font-size: 9px !important;
    }
    
    .contacts-block .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\],
    .contacts-page .w-full.h-\[500px\].md\:h-\[600px\].lg\:h-\[700px\] {
        height: 250px !important;
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ FAQ - ВОПРОСЫ И ОТВЕТЫ (С ПЕРЕНОСОМ ТЕКСТА) ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БАЗОВЫЕ СТИЛИ FAQ === */
.faq-section {
    padding: 2rem 0;
    background-color: #ffffff;
    width: 100%;
    overflow: hidden;
}

.faq-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}

/* === ЗАГОЛОВОК И КОНТЕЙНЕР ВОПРОСОВ В ОДНУ ЛИНИЮ === */
.faq-header-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
}

@media (min-width: 1024px) {
    .faq-header-wrapper {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0;
    }
}

/* === ЗАГОЛОВОК - ПРИЖАТ К ЛЕВОМУ КРАЮ === */
.faq-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #0D0E10;
    margin: 0;
    padding-left: 1rem; 
    width: 100%;
    word-break: break-word;
}

/* Телефоны */
@media screen and (max-width: 480px) {
    .faq-title {
        font-size: 1.5rem;
        padding-left: 0.75rem;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .faq-title {
        font-size: 1.8rem;
        padding-left: 1rem;
    }
}

/* Планшеты */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .faq-title {
        font-size: 2.2rem;
        padding-left: 1.5rem;
    }
}

/* Планшеты горизонтально */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .faq-title {
        font-size: 2.2rem; /* УМЕНЬШИЛ */
        width: 35%;
        padding-left: 2rem;
    }
}

/* Маленькие ноуты */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .faq-title {
        font-size: 2.4rem; /* УМЕНЬШИЛ */
        width: 40%;
        padding-left: 2.5rem;
    }
}

/* MacBook Air */
@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .faq-title {
        font-size: 2.6rem; /* УМЕНЬШИЛ */
        width: 40%;
        padding-left: 3rem;
    }
}

/* MacBook Pro */
@media screen and (min-width: 1440px) and (max-width: 1512px) {
    .faq-title {
        font-size: 2.8rem; /* УМЕНЬШИЛ */
        width: 40%;
        padding-left: 3.5rem;
    }
}

/* ПК */
@media screen and (min-width: 1513px) and (max-width: 1919px) {
    .faq-title {
        font-size: 3.2rem; /* УМЕНЬШИЛ */
        width: 40%;
        padding-left: 4rem;
    }
}

/* Большие ПК */
@media screen and (min-width: 1920px) {
    .faq-title {
        font-size: 3.8rem; /* УМЕНЬШИЛ */
        width: 45%;
        padding-left: 5rem;
    }
}

/* 2K мониторы */
@media screen and (min-width: 2000px) and (max-width: 2999px) {
    .faq-title {
        font-size: 4.2rem;
        width: 22%;
        padding-left: 6rem;
    }
}

/* 4K мониторы */
@media screen and (min-width: 3000px) {
    .faq-title {
        font-size: 4.8rem;
        width: 20%;
        padding-left: 7rem;
    }
}

/* === КОНТЕЙНЕР ВОПРОСОВ - ПРИЖАТ К ПРАВОМУ КРАЮ === */
.faq-items-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-right: 1rem;
}

/* Мобильные - на всю ширину */
@media screen and (max-width: 767px) {
    .faq-items-container {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
}

/* Планшеты */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .faq-items-container {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

/* Десктопы - прижимаем к правому краю */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .faq-items-container {
        width: 65%; /* УВЕЛИЧИЛ */
        margin-left: auto;
        padding-right: 2rem;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .faq-items-container {
        width: 68%; /* УВЕЛИЧИЛ */
        margin-left: auto;
        padding-right: 2.5rem;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .faq-items-container {
        width: 65%; /* УВЕЛИЧИЛ */
        margin-left: auto;
        padding-right: 3rem;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1512px) {
    .faq-items-container {
        width: 55%; /* УВЕЛИЧИЛ */
        margin-left: auto;
        padding-right: 3.5rem;
    }
}

@media screen and (min-width: 1513px) and (max-width: 1919px) {
    .faq-items-container {
        width: 55%; /* УВЕЛИЧИЛ */
        margin-left: auto;
        padding-right: 4rem;
    }
}

@media screen and (min-width: 1920px) {
    .faq-items-container {
        width: 45%; /* УВЕЛИЧИЛ */
        margin-left: auto;
        padding-right: 5rem;
    }
}

@media screen and (min-width: 2000px) and (max-width: 2999px) {
    .faq-items-container {
        width: 45%;
        margin-left: auto;
        padding-right: 6rem;
    }
}

@media screen and (min-width: 3000px) {
    .faq-items-container {
        width: 50%;
        margin-left: auto;
        padding-right: 7rem;
    }
}

/* === КАРТОЧКА ВОПРОСА === */
.faq-item {
    background-color: #ffffff;
    border-radius: 1rem;
    margin-bottom: 0.75rem;
    border: none !important;
    outline: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease;
    width: 100%;
}

.faq-item:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* === КНОПКА ВОПРОСА === */
.faq-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    text-align: left;
    cursor: pointer;
    background: transparent;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 1rem 1rem 0 0;
}

@media (min-width: 768px) {
    .faq-trigger {
        padding: 1.25rem 1.5rem;
    }
}

.faq-trigger span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #0D0E10;
    line-height: 1.4;
    padding-right: 1rem;
    white-space: normal; /* РАЗРЕШАЕМ ПЕРЕНОС */
    word-break: break-word;
}

/* Адаптивные размеры текста вопроса */
@media screen and (max-width: 480px) {
    .faq-trigger span {
        font-size: 0.9rem;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .faq-trigger span {
        font-size: 0.95rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .faq-trigger span {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .faq-trigger span {
        font-size: 1rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .faq-trigger span {
        font-size: 1.05rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .faq-trigger span {
        font-size: 1.1rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 1440px) and (max-width: 1512px) {
    .faq-trigger span {
        font-size: 1.15rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 1513px) and (max-width: 1919px) {
    .faq-trigger span {
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 1920px) {
    .faq-trigger span {
        font-size: 1.3rem;
    }
}

/* === ИКОНКА === */
.faq-icon-wrapper {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background-color: #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
    margin-left: 1rem;
}

@media (min-width: 768px) {
    .faq-icon-wrapper {
        width: 2.25rem;
        height: 2.25rem;
    }
}

.faq-icon-wrapper svg {
    width: 14px;
    height: 14px;
    transition: all 0.3s ease;
}

@media (min-width: 768px) {
    .faq-icon-wrapper svg {
        width: 16px;
        height: 16px;
    }
}

.faq-icon-wrapper:hover {
    background-color: #0D0E10;
}

.faq-icon-wrapper:hover svg path {
    stroke: #ffffff;
}

/* === КОНТЕНТ (ОТВЕТ) === */
.faq-content {
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    padding: 0 1.25rem;
}

@media (min-width: 768px) {
    .faq-content {
        padding: 0 1.5rem;
    }
}

.faq-content p {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #000000 !important;
    padding-bottom: 1.5rem;
    margin: 0;
    max-width: 100%;
    word-break: break-word;
}

/* Адаптивные размеры текста ответа */
@media screen and (max-width: 480px) {
    .faq-content p {
        font-size: 0.75rem; /* УМЕНЬШИЛ */
        line-height: 1.4;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .faq-content p {
        font-size: 0.8rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .faq-content p {
        font-size: 0.85rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .faq-content p {
        font-size: 0.85rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .faq-content p {
        font-size: 0.9rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .faq-content p {
        font-size: 0.95rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 1440px) and (max-width: 1512px) {
    .faq-content p {
        font-size: 1rem; /* УМЕНЬШИЛ */
    }
}

@media screen and (min-width: 1513px) and (max-width: 1919px) {
    .faq-content p {
        font-size: 1.05rem;
    }
}

@media screen and (min-width: 1920px) {
    .faq-content p {
        font-size: 1.1rem;
        line-height: 1.6;
    }
}

/* === СОСТОЯНИЕ "ОТКРЫТО" === */
.faq-item.is-open {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
}

.faq-item.is-open .faq-icon-wrapper {
    background-color: #0D0E10;
    transform: rotate(45deg);
}

.faq-item.is-open .faq-icon-wrapper svg path {
    stroke: #ffffff;
}

/* === УТИЛИТЫ === */
.faq-item,
.faq-trigger,
.faq-icon-wrapper,
.faq-content {
    border: none !important;
    outline: none !important;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* █████████████████████████████████████████████████████████████████████████
   ███ БЛОК 9 - ЧТО ВХОДИТ В КЕЙТЕРИНГ (ПОЛНАЯ АДАПТАЦИЯ) ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БОЛЬШИЕ ПК (1920px и выше) - КАК НА СКРИНЕ === */
@media screen and (min-width: 1920px) {
    .block9-section {
        padding: 5rem 2.5rem;
    }
    
    .block9-container {
        display: grid;
        grid-template-columns: 5fr 3fr;
        gap: 3.5rem;
    }
    
    .block9-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 64px;
        line-height: 1.2;
        text-transform: uppercase;
        color: #121212;
        margin-bottom: 2rem;
    }
    
    .block9-description {
        font-family: 'Inter', sans-serif;
        font-size: 1.125rem;
        line-height: 1.6;
        color: #121212;
        max-width: 800px;
        margin-bottom: 2rem;
    }
    
    .block9-list-item {
        padding: 1.5rem 0;
    }
    
    .block9-list-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.3;
        color: #121212;
    }
    
    .block9-list-description {
        font-family: 'Inter', sans-serif;
        font-size: 1rem;
        line-height: 1.6;
        color: #121212;
        margin-top: 0.5rem;
    }
    
    .block9-button {
        background-color: #121212;
        color: #ffffff;
        padding: 0.875rem 2rem;
        font-size: 0.875rem;
        font-weight: 500;
        text-transform: uppercase;
        border-radius: 0.5rem;
        transition: all 0.3s ease;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    .block9-button:hover {
        background-color: #4F5052;
    }
    
    .block9-image-desktop {
        position: relative;
        height: 100%;
        min-height: 600px;
        border-radius: 0.75rem;
        overflow: hidden;
    }
    
    .block9-image-desktop img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* === СТАНДАРТНЫЕ ПК (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block9-section {
        padding: 4rem 2rem;
    }
    
    .block9-container {
        gap: 3rem;
    }
    
    .block9-title {
        font-size: 56px;
    }
    
    .block9-description {
        font-size: 1rem;
    }
    
    .block9-list-title {
        font-size: 1.2rem;
    }
    
    .block9-list-description {
        font-size: 0.95rem;
    }
    
    .block9-image-desktop {
        min-height: 550px;
    }
}

/* === MACBOOK PRO / БОЛЬШИЕ НОУТЫ (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block9-section {
        padding: 3.5rem 2rem;
    }
    
    .block9-container {
        gap: 2.5rem;
    }
    
    .block9-title {
        font-size: 2.5rem;
    }
    
    .block9-description {
        font-size: 0.95rem;
    }
    
    .block9-list-title {
        font-size: 1.1rem;
    }
    
    .block9-list-description {
        font-size: 0.9rem;
    }
    
    .block9-image-desktop {
        min-height: 500px;
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block9-section {
        padding: 3rem 1.5rem;
    }
    
    .block9-container {
        gap: 2rem;
    }
    
    .block9-title {
        font-size: 2.2rem;
    }
    
    .block9-description {
        font-size: 0.9rem;
    }
    
    .block9-list-title {
        font-size: 1rem;
    }
    
    .block9-list-description {
        font-size: 0.85rem;
    }
    
    .block9-image-desktop {
        min-height: 450px;
    }
    
    .block9-button {
        padding: 0.75rem 1.5rem;
        font-size: 0.8rem;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block9-section {
        padding: 2.5rem 1.25rem;
    }
    
    .block9-container {
        gap: 1.5rem;
    }
    
    .block9-title {
        font-size: 2rem;
    }
    
    .block9-description {
        font-size: 0.85rem;
    }
    
    .block9-list-title {
        font-size: 0.95rem;
    }
    
    .block9-list-description {
        font-size: 0.8rem;
    }
    
    .block9-image-desktop {
        min-height: 400px;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block9-section {
        padding: 2rem 1.25rem;
    }
    
    .block9-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .block9-title {
        font-size: 1.8rem;
    }
    
    .block9-description {
        font-size: 0.8rem;
    }
    
    .block9-list-title {
        font-size: 0.9rem;
    }
    
    .block9-list-description {
        font-size: 0.75rem;
    }
    
    /* Скрываем десктопное изображение */
    .block9-image-desktop {
        display: none;
    }
    
    /* Показываем мобильное/планшетное изображение */
    .block9-image-mobile {
        display: block;
        width: 100%;
        margin: 1.5rem 0;
    }
    
    .block9-image-mobile img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 0.75rem;
    }
    
    .block9-button {
        width: fit-content;
        padding: 0.7rem 1.5rem;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block9-section {
        padding: 2rem 1rem;
    }
    
    .block9-container {
        grid-template-columns: 1fr;
    }
    
    .block9-title {
        font-size: 1.5rem;
    }
    
    .block9-description {
        font-size: 0.75rem;
    }
    
    .block9-list-item {
        padding: 1rem 0;
    }
    
    .block9-list-title {
        font-size: 0.9rem;
    }
    
    .block9-list-description {
        font-size: 0.7rem;
        margin-top: 0.3rem;
    }
    
    .block9-image-desktop {
        display: none;
    }
    
    .block9-image-mobile {
        display: block;
        width: 100%;
        margin: 1.5rem 0;
    }
    
    .block9-button {
        width: 100%;
        padding: 0.75rem;
        font-size: 0.75rem;
    }
}

/* === ТЕЛЕФОНЫ (до 767px) === */
@media screen and (max-width: 767px) {
    .block9-section {
        padding: 1.5rem 0.75rem;
    }
    
    .block9-container {
        grid-template-columns: 1fr;
    }
    
    .block9-title {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    
    .block9-description {
        font-size: 0.7rem;
        line-height: 1.5;
    }
    
    .block9-list-item {
        padding: 0.75rem 0;
    }
    
    .block9-list-title {
        font-size: 0.85rem;
    }
    
    .block9-list-description {
        font-size: 0.65rem;
        margin-top: 0.25rem;
    }
    
    .block9-image-desktop {
        display: none;
    }
    
    .block9-image-mobile {
        display: block;
        width: 100%;
        margin: 1rem 0;
    }
    
    .block9-button {
        width: 100%;
        padding: 0.6rem 1rem;
        font-size: 0.7rem;
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ БЛОК 11 - ЧТО ТАКОЕ КЕЙТЕРИНГ (ПОЛНАЯ АДАПТАЦИЯ) ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БОЛЬШИЕ ПК (1920px и выше) - КАК НА СКРИНЕ === */
@media screen and (min-width: 1920px) {
    .block11-section {
        padding: 5rem 2.5rem;
    }
    
    .block11-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4rem;
    }
    
    .block11-content {
        width: 50%;
        padding-right: 2rem;
    }
    
    .block11-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 64px;
        line-height: 1.2;
        text-transform: uppercase;
        color: #0D0E10;
        margin-bottom: 2rem;
    }
    
    .block11-description {
        font-family: 'Inter', sans-serif;
        font-size: 1rem;
        line-height: 1.6;
        color: #000000;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }
    
    .block11-image-wrapper {
        width: 50%;
        margin-top: 0;
    }
    
    .block11-image-container {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        padding-top: 1rem;
        border-top: 1px solid #C5C6C8;
    }
    
    .block11-image {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

/* === СТАНДАРТНЫЕ ПК (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block11-section {
        padding: 4rem 2rem;
    }
    
    .block11-container {
        gap: 3rem;
    }
    
    .block11-title {
        font-size: 48px;
    }
    
    .block11-description {
        font-size: 0.95rem;
        gap: 1rem;
    }
}

/* === MACBOOK PRO / БОЛЬШИЕ НОУТЫ (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block11-section {
        padding: 3.5rem 2rem;
    }
    
    .block11-container {
        gap: 2.5rem;
    }
    
    .block11-title {
        font-size: 48px;
    }
    
    .block11-description {
        font-size: 0.9rem;
        gap: 0.9rem;
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block11-section {
        padding: 3rem 1.5rem;
    }
    
    .block11-container {
        gap: 2rem;
    }
    
    .block11-content {
        padding-right: 1rem;
    }
    
    .block11-title {
        font-size: 48px;
        margin-bottom: 1.5rem;
    }
    
    .block11-description {
        font-size: 0.85rem;
        gap: 0.8rem;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block11-section {
        padding: 2.5rem 1.25rem;
    }
    
    .block11-container {
        gap: 1.5rem;
    }
    
    .block11-title {
        font-size: 2rem;
        margin-bottom: 1.25rem;
    }
    
    .block11-description {
        font-size: 0.8rem;
        gap: 0.75rem;
    }
    
    .block11-image-container {
        padding-top: 0.75rem;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block11-section {
        padding: 2rem 1.25rem;
    }
    
    .block11-container {
        flex-direction: row;
        gap: 1.5rem;
    }
    
    .block11-content {
        width: 50%;
        padding-right: 0.75rem;
    }
    
    .block11-title {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    
    .block11-description {
        font-size: 0.75rem;
        gap: 0.7rem;
    }
    
    .block11-image-wrapper {
        width: 50%;
    }
    
    .block11-image-container {
        padding-top: 0.5rem;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block11-section {
        padding: 2rem 1rem;
    }
    
    .block11-container {
        flex-direction: column;
        gap: 2rem;
    }
    
    .block11-content {
        width: 100%;
        padding-right: 0;
    }
    
    .block11-title {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        text-align: center;
    }
    
    .block11-description {
        font-size: 0.75rem;
        gap: 0.75rem;
        text-align: center;
    }
    
    .block11-image-wrapper {
        width: 100%;
        margin-top: 1rem;
    }
    
    .block11-image-container {
        padding-top: 1rem;
        border-top: 1px solid #C5C6C8;
        border-left: none;
    }
}

/* === ТЕЛЕФОНЫ (до 767px) === */
@media screen and (max-width: 767px) {
    .block11-section {
        padding: 1.5rem 0.75rem;
    }
    
    .block11-container {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .block11-content {
        width: 100%;
        padding-right: 0;
    }
    
    .block11-title {
        font-size: 1.3rem;
        margin-bottom: 0.75rem;
        text-align: center;
    }
    
    .block11-description {
        font-size: 0.7rem;
        gap: 0.5rem;
        text-align: center;
    }
    
    .block11-image-wrapper {
        width: 100%;
        margin-top: 0.5rem;
    }
    
    .block11-image-container {
        padding-top: 0.75rem;
        border-top: 1px solid #C5C6C8;
        border-left: none;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ БЛОК 13 - АКЦИИ И СКИДКИ (СТИЛЬ КАК В БЛОКЕ 15) - ОПТИМИЗИРОВАННЫЙ ███
   █████████████████████████████████████████████████████████████████████████ */

.block13-section {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    padding: 3rem 1.5rem;
}

.block13-container {
    max-width: 1920px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.8fr 1fr; /* Расширили центральную колонку с 1.5fr до 1.8fr */
    gap: 1.5rem; /* Уменьшили gap для более компактного расположения */
    align-items: center;
}

/* Стили для изображений */
.block13-image-left,
.block13-image-right {
    position: relative;
    height: 100%;
}

.block13-image-left img,
.block13-image-right img {
    width: 100%;
    height: 350px; /* Уменьшили высоту картинок с 403px до 350px */
    object-fit: cover;
}

/* Мобильное изображение (скрыто по умолчанию) */
.block13-image-mobile {
    display: none;
    width: 100%;
    margin-bottom: 2rem;
}

.block13-image-mobile img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: 1rem;
}

/* Контент */
.block13-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 0.5rem; /* Уменьшили паддинги */
}

.block13-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 64px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #0D0E10;
    margin-bottom: 1.25rem; /* Уменьшили отступ */
    max-width: 100%;
    width: 100%;
}

.block13-description {
    font-family: 'Inter', sans-serif;
    font-size: 19px;
    line-height: 1.5; /* Немного уменьшили межстрочный интервал */
    color: #0D0E10;
    margin-bottom: 1.5rem; /* Уменьшили отступ */
    max-width: 550px;
}

.block13-button-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

.block13-button {
    display: inline-block;
    background-color: #0D0E10;
    color: #ffffff;
    padding: 0.875rem 2rem;
    border-radius: 0.5rem;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.block13-button:hover {
    background-color: #4F5052;
    color: #ffffff;
    text-decoration: none;
}

/* ===== АДАПТИВНЫЕ МЕДИА-ЗАПРОСЫ ===== */

/* === БОЛЬШИЕ ПК (1920px и выше) === */
@media screen and (min-width: 1920px) {
    .block13-section {
        padding: 4rem 2.5rem; /* Уменьшили паддинги */
    }
    
    .block13-container {
        gap: 2.5rem; /* Уменьшили gap */
    }
    
    .block13-title {
        font-size: 64px;
        margin-bottom: 1.25rem;
    }
    
    .block13-description {
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
    }
    
    .block13-image-left img,
    .block13-image-right img {
        height: 380px; /* Уменьшили высоту */
    }
}

/* === СТАНДАРТНЫЕ ПК (1441-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block13-section {
        padding: 3rem 2rem; /* Уменьшили паддинги */
    }
    
    .block13-container {
        gap: 2rem; /* Уменьшили gap */
        grid-template-columns: 1fr 1.8fr 1fr; /* Сохраняем расширенную центральную колонку */
    }
    
    .block13-title {
        font-size: 52px; /* Немного уменьшили размер шрифта */
        margin-bottom: 1rem;
    }
    
    .block13-description {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }
    
    .block13-image-left img,
    .block13-image-right img {
        height: 320px; /* Уменьшили высоту */
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block13-section {
        padding: 2.5rem 1.5rem; /* Уменьшили паддинги */
    }
    
    .block13-container {
        gap: 1.5rem; /* Уменьшили gap */
        grid-template-columns: 1fr 1.8fr 1fr; /* Расширенная центральная колонка */
    }
    
    .block13-title {
        font-size: 2.2rem;
        margin-bottom: 0.75rem; /* Уменьшили отступ */
    }
    
    .block13-description {
        font-size: 0.9rem;
        margin-bottom: 1rem; /* Уменьшили отступ */
        max-width: 500px;
    }
    
    .block13-image-left img,
    .block13-image-right img {
        height: 300px; /* Уменьшили высоту картинок */
    }
    
    .block13-button {
        padding: 0.7rem 1.5rem; /* Немного уменьшили кнопку */
        font-size: 0.8rem;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block13-section {
        padding: 2rem 1.25rem; /* Уменьшили паддинги */
    }
    
    .block13-container {
        gap: 1.25rem; /* Уменьшили gap */
        grid-template-columns: 1fr 1.8fr 1fr; /* Расширенная центральная колонка */
    }
    
    .block13-title {
        font-size: 1.9rem; /* Немного уменьшили */
        margin-bottom: 0.75rem;
    }
    
    .block13-description {
        font-size: 0.85rem;
        margin-bottom: 1rem;
        max-width: 450px;
    }
    
    .block13-image-left img,
    .block13-image-right img {
        height: 280px; /* Уменьшили высоту */
    }
    
    .block13-button {
        padding: 0.6rem 1.25rem;
        font-size: 0.7rem;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block13-section {
        padding: 2rem 1.25rem;
    }
    
    .block13-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .block13-image-left,
    .block13-image-right {
        display: none;
    }
    
    .block13-image-mobile {
        display: block;
    }
    
    .block13-content {
        padding: 0;
    }
    
    .block13-title {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    
    .block13-description {
        font-size: 0.8rem;
        max-width: 600px;
        margin-bottom: 1.5rem;
    }
    
    .block13-button {
        padding: 0.7rem 1.5rem;
        font-size: 0.75rem;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block13-section {
        padding: 2rem 1rem;
    }
    
    .block13-container {
        grid-template-columns: 1fr;
    }
    
    .block13-image-left,
    .block13-image-right {
        display: none;
    }
    
    .block13-image-mobile {
        display: block;
    }
    
    .block13-title {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    
    .block13-description {
        font-size: 0.75rem;
        margin-bottom: 1.25rem;
        max-width: 500px;
    }
    
    .block13-button {
        width: 100%;
        max-width: 300px;
        padding: 0.75rem;
        font-size: 0.7rem;
    }
}

/* === ТЕЛЕФОНЫ (до 767px) === */
@media screen and (max-width: 767px) {
    .block13-section {
        padding: 1.5rem 0.75rem;
    }
    
    .block13-container {
        grid-template-columns: 1fr;
    }
    
    .block13-image-left,
    .block13-image-right {
        display: none;
    }
    
    .block13-image-mobile {
        display: block;
    }
    
    .block13-title {
        font-size: 1.3rem;
        margin-bottom: 0.75rem;
        padding: 0 0.5rem;
    }
    
    .block13-description {
        font-size: 0.7rem;
        line-height: 1.5;
        margin-bottom: 1rem;
        padding: 0 0.5rem;
        max-width: 100%;
    }
    
    .block13-button {
        width: 100%;
        max-width: 280px;
        padding: 0.6rem 1rem;
        font-size: 0.65rem;
        white-space: normal;
    }
}

/* === МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) === */
@media screen and (max-width: 480px) {
    .block13-title {
        font-size: 1.1rem;
    }
    
    .block13-description {
        font-size: 0.65rem;
    }
    
    .block13-button {
        font-size: 0.6rem;
        padding: 0.5rem 0.75rem;
    }
    
    .block13-image-mobile img {
        max-height: 200px;
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ БЛОК 10 - МЕНЮ (ПОЛНАЯ АДАПТАЦИЯ) ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БОЛЬШИЕ ПК (1920px и выше) - КАК НА СКРИНЕ === */
@media screen and (min-width: 1920px) {
    .block10-section {
        padding: 5rem 2.5rem;
    }
    
    .block10-header {
        text-align: center;
        max-width: 1500px;
        margin: 0 auto 5rem;
    }
    
    .block10-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 64px;
        line-height: 1.2;
        text-transform: uppercase;
        color: #0D0E10;
    }
    
    .block10-description {
        font-family: 'Inter', sans-serif;
        font-size: 1rem;
        line-height: 1.6;
        color: #000000;
        max-width: 800px;
        margin: 1.5rem auto 0;
    }
    
    .block10-items-container {
        display: flex;
        flex-direction: column;
        gap: 6rem;
    }
    
    .block10-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 3rem;
    }
    
    .block10-item-left-image {
        width: 50%;
        order: 2;
    }
    
    .block10-item-right-image {
        width: 50%;
    }
    
    .block10-item-content {
        width: 50%;
    }
    
    .block10-item-title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 1.3;
        color: #0D0E10;
        margin-bottom: 1rem;
    }
    
    .block10-item-description {
        font-family: 'Inter', sans-serif;
        font-size: 1rem;
        line-height: 1.6;
        color: #000000;
        margin-bottom: 1.5rem;
    }
    
    .block10-item-button {
        display: inline-block;
        width: 100%;
        border: 1px solid #0D0E10;
        padding: 0.75rem 1.5rem;
        font-size: 0.875rem;
        text-transform: uppercase;
        text-align: center;
        border-radius: 0.375rem;
        transition: all 0.3s ease;
    }
    
    .block10-item-button:hover {
        background-color: #0D0E10;
        color: #ffffff;
    }
    
    .block10-item-image {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    
    .block10-item-image-left-border {
        padding-right: 1rem;
        border-right: 1px solid #C5C6C8;
    }
    
    .block10-item-image-right-border {
        padding-left: 1rem;
        border-left: 1px solid #C5C6C8;
    }
}

/* === СТАНДАРТНЫЕ ПК (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block10-section {
        padding: 4rem 2rem;
    }
    
    .block10-header {
        margin-bottom: 4rem;
    }
    
    .block10-title {
        font-size: 56px;
    }
    
    .block10-description {
        font-size: 0.95rem;
    }
    
    .block10-items-container {
        gap: 5rem;
    }
    
    .block10-item {
        gap: 2.5rem;
    }
    
    .block10-item-title {
        font-size: 1.8rem;
    }
    
    .block10-item-description {
        font-size: 0.95rem;
    }
    
    .block10-item-image {
        height: 380px;
    }
}

/* === MACBOOK PRO / БОЛЬШИЕ НОУТЫ (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block10-section {
        padding: 3.5rem 2rem;
    }
    
    .block10-title {
        font-size: 2.5rem;
    }
    
    .block10-description {
        font-size: 0.9rem;
    }
    
    .block10-item {
        gap: 2rem;
    }
    
    .block10-item-title {
        font-size: 1.6rem;
    }
    
    .block10-item-description {
        font-size: 0.9rem;
    }
    
    .block10-item-image {
        height: 350px;
    }
    
    .block10-item-button {
        font-size: 0.8rem;
        padding: 0.7rem 1.25rem;
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block10-section {
        padding: 3rem 1.5rem;
    }
    
    .block10-header {
        margin-bottom: 3rem;
    }
    
    .block10-title {
        font-size: 2.2rem;
    }
    
    .block10-description {
        font-size: 0.85rem;
    }
    
    .block10-items-container {
        gap: 4rem;
    }
    
    .block10-item {
        gap: 1.5rem;
    }
    
    .block10-item-title {
        font-size: 1.4rem;
        margin-bottom: 0.75rem;
    }
    
    .block10-item-description {
        font-size: 0.85rem;
        margin-bottom: 1rem;
    }
    
    .block10-item-image {
        height: 320px;
    }
    
    .block10-item-button {
        font-size: 0.75rem;
        padding: 0.6rem 1rem;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block10-section {
        padding: 2.5rem 1.25rem;
    }
    
    .block10-title {
        font-size: 2rem;
    }
    
    .block10-description {
        font-size: 0.8rem;
    }
    
    .block10-item {
        gap: 1.25rem;
    }
    
    .block10-item-title {
        font-size: 1.3rem;
    }
    
    .block10-item-description {
        font-size: 0.8rem;
    }
    
    .block10-item-image {
        height: 300px;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block10-section {
        padding: 2rem 1.25rem;
    }
    
    .block10-header {
        margin-bottom: 2.5rem;
    }
    
    .block10-title {
        font-size: 1.8rem;
    }
    
    .block10-description {
        font-size: 0.75rem;
    }
    
    .block10-item {
        gap: 1rem;
    }
    
    .block10-item-title {
        font-size: 1.2rem;
    }
    
    .block10-item-description {
        font-size: 0.75rem;
    }
    
    .block10-item-image {
        height: 280px;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block10-section {
        padding: 2rem 1rem;
    }
    
    .block10-header {
        margin-bottom: 2rem;
    }
    
    .block10-title {
        font-size: 1.5rem;
    }
    
    .block10-description {
        font-size: 0.7rem;
    }
    
    .block10-items-container {
        gap: 3rem;
    }
    
    .block10-item {
        flex-direction: column !important;
        gap: 1.5rem;
    }
    
    .block10-item-left-image,
    .block10-item-right-image {
        width: 100% !important;
        order: 0 !important;
    }
    
    .block10-item-content {
        width: 100% !important;
    }
    
    .block10-item-title {
        font-size: 1.3rem;
        text-align: center;
    }
    
    .block10-item-description {
        font-size: 0.7rem;
        text-align: center;
    }
    
    .block10-item-image {
        height: 250px;
    }
    
    .block10-item-image-left-border,
    .block10-item-image-right-border {
        padding: 0 !important;
        border: none !important;
    }
    
    .block10-item-button {
        width: 100%;
        font-size: 0.7rem;
        padding: 0.6rem 1rem;
    }
}

/* ==========================================================================
   МОБИЛЬНАЯ ВЕРСИЯ (≤ 767px)
   ========================================================================== */
@media screen and (max-width: 767px) {

    /* Секция целиком */
    .block10-section {
        padding-top: 3.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    /* ЗАГОЛОВОК СЕКЦИИ (block10-title) */
    .block10-title {
        font-size: 1.75rem !important;     /* ~28px — крупнее */
        line-height: 1.3 !important;
        margin-bottom: 0.75rem !important;
        font-weight: 500 !important;
    }

    /* ОСНОВНОЕ ОПИСАНИЕ СЕКЦИИ (block10-description) */
    .block10-description {
        font-size: 0.9rem !important;    /* ~15px — такой же как в карточках */
        line-height: 1.5 !important;
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
        max-width: 100% !important;
    }

    /* Контейнер всех карточек */
    .block10-items-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }

    /* Каждая карточка */
    .block10-item {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Контейнер с текстом */
    .block10-item-content {
        order: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* Заголовок карточки */
    .block10-item-title {
        font-size: 1.375rem !important;     /* ~22px */
        line-height: 1.3 !important;
        margin: 0 0 0.75rem 0 !important;
        font-weight: 400 !important;
    }

    /* Описание в карточках */
    .block10-item-description {
        font-size: 0.9375rem !important;    /* ~15px */
        line-height: 1.5 !important;
        margin: 0 !important;
    }

    .block10-item-description p {
        margin: 0 0 0.75rem 0 !important;
    }

    .block10-item-description p:last-child {
        margin-bottom: 0 !important;
    }

    /* Фото в карточках */
    .block10-item-left-image,
    .block10-item-right-image {
        order: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .block10-item-image {
        width: 100% !important;
        height: auto !important;
        max-height: 220px !important;
        object-fit: cover !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Убираем границы и обводки */
    .block10-item-image-left-border,
    .block10-item-image-right-border {
        border: none !important;
        padding: 0 !important;
    }

    /* Убираем border у обертки картинки */
    .block10-item-left-image img,
    .block10-item-right-image img {
        border: none !important;
        padding: 0 !important;
    }

    /* Если есть списки в описании */
    .block10-item-description ul,
    .block10-item-description ol {
        margin: 0.5rem 0 0.75rem 1.2rem !important;
        padding-left: 0 !important;
    }

    .block10-item-description li {
        margin-bottom: 0.4rem !important;
    }

    /* Кнопка, если появится */
    .block10-item-button {
        margin-top: 1rem !important;
        width: 100% !important;
    }
}

/* === МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) === */
@media screen and (max-width: 480px) {
    .block10-section {
        padding: 1rem 0.5rem;
    }
    
    .block10-title {
        font-size: 1.1rem;
    }
    
    .block10-description {
        font-size: 0.6rem;
    }
    
    .block10-item-title {
        font-size: 1rem;
    }
    
    .block10-item-description {
        font-size: 0.6rem;
    }
    
    .block10-item-image {
        height: 180px;
    }
    
    .block10-item-button {
        font-size: 0.55rem;
        padding: 0.4rem 0.6rem;
    }
}

/* ===== БЛОК 15 - МОБИЛЬНЫЙ ФУРШЕТ (ОПТИМИЗИРОВАННЫЙ) ===== */

.block15-section {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    padding: 3rem 1.5rem;
}

.block15-container {
    max-width: 1920px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.8fr 1fr; /* Расширили центральную колонку с 1.5fr до 1.8fr */
    gap: 1.5rem; /* Уменьшили gap */
    align-items: center;
}

/* Стили для изображений */
.block15-image-left,
.block15-image-right {
    position: relative;
    height: 100%;
}

.block15-image-left img,
.block15-image-right img {
    width: 100%;
    height: 350px; /* Уменьшили с 403px до 350px */
    object-fit: cover;
}

/* Мобильное изображение (скрыто по умолчанию) */
.block15-image-mobile {
    display: none;
    width: 100%;
    margin-bottom: 1.5rem; /* Уменьшили с 2rem до 1.5rem */
}

.block15-image-mobile img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: 1rem;
}

/* Контент */
.block15-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 0.5rem; /* Уменьшили паддинги */
}

.block15-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 64px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #0D0E10;
    margin-bottom: 1.25rem; /* Уменьшили с 1.5rem до 1.25rem */
    max-width: 100%;
    width: 100%;
}

.block15-description {
    font-family: 'Inter', sans-serif;
    font-size: 19px;
    line-height: 1.5; /* Уменьшили межстрочный интервал */
    color: #0D0E10;
    margin-bottom: 1.5rem; /* Уменьшили с 2rem до 1.5rem */
    max-width: 550px;
}

.block15-button-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

.block15-button {
    display: inline-block;
    background-color: #0D0E10;
    color: #ffffff;
    padding: 0.875rem 2rem;
    border-radius: 0.5rem;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.block15-button:hover {
    background-color: #4F5052;
    color: #ffffff;
    text-decoration: none;
}

/* ===== АДАПТИВНЫЕ МЕДИА-ЗАПРОСЫ ===== */

/* === БОЛЬШИЕ ПК (1920px и выше) === */
@media screen and (min-width: 1920px) {
    .block15-section {
        padding: 4rem 2.5rem; /* Уменьшили с 5rem до 4rem */
    }
    
    .block15-container {
        gap: 2.5rem; /* Уменьшили с 3.5rem до 2.5rem */
    }
    
    .block15-title {
        font-size: 64px;
        margin-bottom: 1.25rem;
    }
    
    .block15-description {
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
    }
    
    .block15-image-left img,
    .block15-image-right img {
        height: 380px; /* Уменьшили с 450px до 380px */
    }
}

/* === СТАНДАРТНЫЕ ПК (1441-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .block15-section {
        padding: 3rem 2rem; /* Уменьшили с 4rem до 3rem */
    }
    
    .block15-container {
        gap: 2rem; /* Уменьшили с 3rem до 2rem */
        grid-template-columns: 1fr 1.8fr 1fr;
    }
    
    .block15-title {
        font-size: 52px; /* Уменьшили с 56px до 52px */
        margin-bottom: 1rem;
    }
    
    .block15-description {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }
    
    .block15-image-left img,
    .block15-image-right img {
        height: 320px; /* Уменьшили с 403px до 320px */
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .block15-section {
        padding: 2.5rem 1.5rem; /* Уменьшили с 3rem до 2.5rem */
    }
    
    .block15-container {
        gap: 1.5rem; /* Уменьшили с 2rem до 1.5rem */
        grid-template-columns: 1fr 1.8fr 1fr;
    }
    
    .block15-title {
        font-size: 2.2rem;
        margin-bottom: 0.75rem; /* Уменьшили с 1.25rem до 0.75rem */
    }
    
    .block15-description {
        font-size: 0.9rem;
        margin-bottom: 1rem; /* Уменьшили с 1.5rem до 1rem */
        max-width: 500px;
    }
    
    .block15-image-left img,
    .block15-image-right img {
        height: 300px; /* Уменьшили с 350px до 300px */
    }
    
    .block15-button {
        padding: 0.7rem 1.5rem;
        font-size: 0.8rem;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .block15-section {
        padding: 2rem 1.25rem; /* Уменьшили с 2.5rem до 2rem */
    }
    
    .block15-container {
        gap: 1.25rem; /* Уменьшили с 1.5rem до 1.25rem */
        grid-template-columns: 1fr 1.8fr 1fr;
    }
    
    .block15-title {
        font-size: 1.9rem; /* Немного уменьшили */
        margin-bottom: 0.75rem;
    }
    
    .block15-description {
        font-size: 0.85rem;
        margin-bottom: 1rem;
        max-width: 450px;
    }
    
    .block15-image-left img,
    .block15-image-right img {
        height: 280px; /* Уменьшили с 320px до 280px */
    }
    
    .block15-button {
        padding: 0.6rem 1.25rem;
        font-size: 0.7rem;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .block15-section {
        padding: 2rem 1.25rem;
    }
    
    .block15-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .block15-image-left,
    .block15-image-right {
        display: none;
    }
    
    .block15-image-mobile {
        display: block;
    }
    
    .block15-content {
        padding: 0;
    }
    
    .block15-title {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    
    .block15-description {
        font-size: 0.8rem;
        max-width: 600px;
        margin-bottom: 1.5rem;
    }
    
    .block15-button {
        padding: 0.7rem 1.5rem;
        font-size: 0.75rem;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .block15-section {
        padding: 2rem 1rem;
    }
    
    .block15-container {
        grid-template-columns: 1fr;
    }
    
    .block15-image-left,
    .block15-image-right {
        display: none;
    }
    
    .block15-image-mobile {
        display: block;
    }
    
    .block15-title {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    
    .block15-description {
        font-size: 0.75rem;
        margin-bottom: 1.25rem;
        max-width: 500px;
    }
    
    .block15-button {
        width: 100%;
        max-width: 300px;
        padding: 0.75rem;
        font-size: 0.7rem;
    }
}

/* === ТЕЛЕФОНЫ (до 767px) === */
@media screen and (max-width: 767px) {
    /* Основной контейнер секции */
    .block15-section {
        padding: 1rem 0 2rem !important;
    }

    /* Контейнер для правильной очереди блоков */
    .block15-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    /* [1] Левая картинка — САМАЯ ВЕРХНЯЯ */
    .block15-image-left {
        order: 1 !important;
        width: 100% !important;
        padding: 0 1rem !important;
        margin-bottom: 2rem !important; /* Отступ до текста */
    }
    
    .block15-image-left img {
        height: 150px !important;
        border-radius: 0 105px 0 0 !important;
    }

    /* [2] ВЕСЬ БЛОК С ТЕКСТОМ — ПОСЕРЕДИНЕ */
    .block15-content {
        order: 2 !important;
        width: 100% !important;
        padding: 0 1rem !important;
        margin-bottom: 2rem !important; /* Отступ до нижней фотки */
        text-align: center !important;
    }

    .block15-title {
        font-size: 22px !important;
        line-height: 1.2 !important;
        margin-bottom: 0.75rem !important;
    }

/* Описание - теперь почти на всю ширину */
    .block15-description {
        font-size: 14px !important;
        line-height: 1.4 !important;
        max-width: 100% !important; /* Увеличили ширину */
        margin: 0 auto 1.25rem !important;
        white-space: normal !important;
        text-align: center !important;
    }

    /* [3] Правая картинка — САМАЯ НИЖНЯЯ */
    .block15-image-right {
        order: 3 !important;
        width: 100% !important;
        padding: 0 1rem !important;
    }
    
    .block15-image-right img {
        height: 150px !important;
        border-radius: 0 0 0 105px !important;
    }

    /* Сохраняем стили рамок из твоего HTML */
    .block15-image-left .relative {
        border-top: 1px solid #C5C6C8 !important;
        border-right: 1px solid #C5C6C8 !important;
        border-radius: 0 120px 0 0 !important;
        padding: 12px 12px 0 0 !important;
    }
    
    .block15-image-right .relative {
        border-bottom: 1px solid #C5C6C8 !important;
        border-left: 1px solid #C5C6C8 !important;
        border-radius: 0 0 0 120px !important;
        padding: 0 0 12px 12px !important;
    }

    /* Скрываем мобильное дублирующее фото */
    .block15-image-mobile { display: none !important; }
}

/* === МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) === */
@media screen and (max-width: 480px) {
    .block15-title {
        font-size: 1.1rem;
    }
    
    .block15-description {
        font-size: 0.65rem;
    }
    
    .block15-button {
        font-size: 0.6rem;
        padding: 0.5rem 0.75rem;
    }
    
    .block15-image-mobile img {
        max-height: 200px;
    }
}

/* ===== КАРТОЧКИ ПЛОЩАДОК ===== */

.venue-card {
    display: flex;
    flex-direction: column;
    width: 120%;
    border-radius: 12px;
    background-color: #ffffff;
    border: 1px solid #F0F0F0;
    box-shadow: 0 -8px 25px -10px rgba(0,0,0,0.2), 0 8px 30px -8px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease;
    transform: none;
    outline: none;
    height: 460px;
    overflow: hidden;
}

.venue-card:hover {
    box-shadow: 0 25px 50px -15px rgba(0,0,0,0.35);
    border-color: #F0F0F0;
    transform: none;
}

/* Зум картинки при наведении */
.venue-card:hover .venue-image-container img {
    transform: scale(1.05);
}

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

.venue-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    transform: none;
}

.venue-card .p-6 {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem 1rem 0.875rem 1rem;
}

.venue-card .grid {
    margin-top: auto;
}

.venue-title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 0.25rem;
}

.venue-description {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.venue-details {
    gap: 0.5rem 0;
    font-size: 14px;
    line-height: 1.4;
    color: #4F5052;
}

.venue-details span {
    white-space: normal;
    word-break: break-word;
}

/* Специально для стоимости - без переноса на ПК */
.venue-price .price-text {
    white-space: nowrap;
}


/* ===== АДАПТАЦИЯ ДЛЯ РАЗНЫХ РАЗРЕШЕНИЙ ===== */

/* Большие ПК (1920px и выше) */
@media screen and (min-width: 1920px) {
    .venue-card {
        max-width: none; /* Убираем ограничение ширины */
        width: 100%;
        height: 500px;
    }
    
    .venue-image-container {
        height: 250px;
    }
    
    .venue-title {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 0.35rem;
    }
    
    .venue-description {
        font-size: 15px;
        line-height: 1.4;
    }
    
    .venue-details {
        font-size: 15px;
        line-height: 1.4;
        gap: 0.5rem 0;
    }
    
    .venue-price .price-text {
        white-space: nowrap;
    }
    
}

/* Стандартные ПК (1441-1919px) */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .venue-card {
        max-width: none;
        width: 100%;
        height: 480px;
    }
    
    .venue-image-container {
        height: 240px;
    }
    
    .venue-title {
        font-size: 19px;
        line-height: 1.3;
        margin-bottom: 0.3rem;
    }
    
    .venue-description {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .venue-details {
        font-size: 14px;
        line-height: 1.4;
        gap: 0.45rem 0;
    }
    
    .venue-price .price-text {
        white-space: nowrap;
    }
    
}

/* MacBook Air / Стандартные ноуты (1366-1440px) */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .venue-card {
        max-width: none;
        width: 100%;
        height: 460px;
    }
    
    .venue-image-container {
        height: 220px;
    }
    
    .venue-title {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 0.25rem;
    }
    
    .venue-description {
        font-size: 13px;
        line-height: 1.4;
    }
    
    .venue-details {
        font-size: 13px;
        line-height: 1.4;
        gap: 0.4rem 0;
    }
    
    .venue-price .price-text {
        white-space: normal;
    }
    
    .venue-card .p-6 {
        padding: 0.875rem 0.875rem 0.75rem 0.875rem;
    }
    
}

/* Маленькие ноуты (1280-1365px) */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .venue-card {
        max-width: none;
        width: 100%;
        height: 440px;
    }
    
    .venue-image-container {
        height: 210px;
    }
    
    .venue-title {
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 0.2rem;
    }
    
    .venue-description {
        font-size: 12px;
        line-height: 1.4;
    }
    
    .venue-details {
        font-size: 12px;
        line-height: 1.4;
        gap: 0.35rem 0;
    }
    
    .venue-price .price-text {
        white-space: normal;
        word-break: normal;
        hyphens: auto;
    }
    
    .venue-card .p-6 {
        padding: 0.75rem 0.75rem 0.625rem 0.75rem;
    }
    
}

/* Очень маленькие ноуты / Планшеты горизонтально (1024-1279px) */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .venue-card {
        max-width: none;
        width: 100%;
        height: 420px;
    }
    
    .venue-image-container {
        height: 200px;
    }
    
    .venue-title {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 0.2rem;
    }
    
    .venue-description {
        font-size: 12px;
        line-height: 1.4;
    }
    
    .venue-details {
        font-size: 12px;
        line-height: 1.4;
        gap: 0.35rem 0;
    }
    
    .venue-price .price-text {
        white-space: normal;
        word-break: normal;
        hyphens: auto;
    }
    
    .venue-card .p-6 {
        padding: 0.625rem 0.625rem 0.5rem 0.625rem;
    }
    
}

/* Планшеты вертикально (768-1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .venue-card {
        max-width: none;
        width: 100%;
        height: 400px;
    }
    
    .venue-image-container {
        height: 190px;
    }
    
    .venue-title {
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 0.3rem;
    }
    
    .venue-description {
        font-size: 13px;
        line-height: 1.4;
    }
    
    .venue-details {
        font-size: 13px;
        line-height: 1.4;
        gap: 0.4rem 0;
    }
    
    .venue-price .price-text {
        white-space: normal;
    }
    
    .venue-card .p-6 {
        padding: 0.875rem 0.875rem 0.75rem 0.875rem;
    }
    
}

/* Телефоны (до 767px) */
@media screen and (max-width: 767px) {
    .venue-card {
        max-width: none;
        width: 100%;
        height: 380px;
    }
    
    .venue-image-container {
        height: 180px;
    }
    
    .venue-title {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 0.2rem;
    }
    
    .venue-description {
        font-size: 12px;
        line-height: 1.4;
    }
    
    .venue-details {
        font-size: 12px;
        line-height: 1.4;
        gap: 0.35rem 0;
    }
    
    .venue-price .price-text {
        white-space: normal;
    }
    
    .venue-card .p-6 {
        padding: 0.75rem 0.75rem 0.625rem 0.75rem;
    }
    
}

/* Маленькие телефоны (до 480px) */
@media screen and (max-width: 480px) {
    .venue-card {
        height: 360px;
    }
    
    .venue-image-container {
        height: 160px;
    }
    
    .venue-title {
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 0.15rem;
    }
    
    .venue-description {
        font-size: 11px;
        line-height: 1.4;
    }
    
    .venue-details {
        font-size: 11px;
        line-height: 1.4;
        gap: 0.3rem 0;
    }
    
    .venue-card .p-6 {
        padding: 0.625rem 0.625rem 0.5rem 0.625rem;
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ ДЕТАЛЬНАЯ СТРАНИЦА ТОВАРА - ПОЛНАЯ АДАПТАЦИЯ ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БАЗОВЫЕ СТИЛИ === */
.product-detail-price {
    font-size: 32px;
    line-height: 1.2;
}

.product-detail-weight {
    font-size: 14px;
}

/* === СЧЕТЧИК НА ДЕТАЛЬНОЙ СТРАНИЦЕ === */
.detail-counter {
    display: none;
    background-color: #D1D2D4;
    border-radius: 0.375rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    height: 56px;
    width: 100%;
}

.detail-counter:not(.hidden) {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.detail-qty {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #0D0E10;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.detail-qty:hover {
    opacity: 0.5;
}

.detail-count {
    width: 48px;
    text-align: center;
    background: transparent;
    border: none;
    font-weight: 700;
    color: #0D0E10;
    outline: none;
    font-size: 18px;
}

.detail-counter.hidden {
    display: none !important;
}

.detail-add-to-cart-form.hidden {
    display: none !important;
}

/* === БОЛЬШИЕ ПК (1920px и выше) === */
@media screen and (min-width: 1920px) {
    .max-w-\[1920px\].mx-auto.px-4.md\:px-12.lg\:px-18 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 48px !important;
        margin-bottom: 1.5rem !important;
    }
    
    .product-detail-price {
        font-size: 36px !important;
    }
    
    .flex.items-center.gap-5.text-\[14px\] {
        font-size: 15px !important;
        gap: 2rem !important;
    }
    
    .flex.items-center.gap-5 img {
        width: 28px !important;
        height: 28px !important;
    }
    
    .detail-counter {
        height: 64px !important;
    }
    
    .detail-qty {
        width: 52px !important;
        height: 52px !important;
        font-size: 28px !important;
    }
    
    .detail-count {
        width: 52px !important;
        font-size: 20px !important;
    }
    
    .detail-add-to-cart {
        font-size: 14px !important;
        padding: 1.25rem 2.5rem !important;
    }
    
    .text-\[32px\].md\:text-\[48px\] {
        font-size: 52px !important;
        margin-bottom: 3rem !important;
    }
    
    .grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-4 {
        gap: 1.5rem !important;
    }
}

/* === 2K МОНИТОРЫ (2000-3000px) === */
@media screen and (min-width: 2000px) and (max-width: 3000px) {
    .max-w-\[1920px\].mx-auto.px-4.md\:px-12.lg\:px-18 {
        max-width: 2200px !important;
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 54px !important;
    }
    
    .product-detail-price {
        font-size: 42px !important;
    }
    
    .flex.items-center.gap-5.text-\[14px\] {
        font-size: 16px !important;
    }
    
    .detail-counter {
        height: 72px !important;
    }
    
    .detail-qty {
        width: 60px !important;
        height: 60px !important;
        font-size: 32px !important;
    }
    
    .detail-count {
        width: 60px !important;
        font-size: 22px !important;
    }
    
    .detail-add-to-cart {
        font-size: 15px !important;
        padding: 1.5rem 3rem !important;
    }
}

/* === СТАНДАРТНЫЕ ПК (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .max-w-\[1920px\].mx-auto.px-4.md\:px-12.lg\:px-18 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 40px !important;
    }
    
    .product-detail-price {
        font-size: 34px !important;
    }
    
    .flex.items-center.gap-5.text-\[14px\] {
        font-size: 14px !important;
        gap: 1.5rem !important;
    }
    
    .detail-counter {
        height: 60px !important;
    }
    
    .detail-qty {
        width: 50px !important;
        height: 50px !important;
    }
    
    .detail-count {
        width: 50px !important;
    }
    
    .text-\[32px\].md\:text-\[48px\] {
        font-size: 44px !important;
    }
}

/* === MACBOOK PRO / БОЛЬШИЕ НОУТЫ (1440-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .gap-9.lg\:gap-10 {
        gap: 2rem !important;
    }
    
    .w-full.lg\:w-\[55\%\] {
        width: 52% !important;
    }
    
    .w-full.lg\:w-\[40\%\] {
        width: 45% !important;
    }
    
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 36px !important;
    }
    
    .product-detail-price {
        font-size: 32px !important;
    }
    
    .flex.items-center.gap-5.text-\[14px\] {
        font-size: 13px !important;
        gap: 1rem !important;
    }
    
    .flex.items-center.gap-5 img {
        width: 22px !important;
        height: 22px !important;
    }
    
    .detail-counter {
        height: 56px !important;
    }
    
    .detail-qty {
        width: 48px !important;
        height: 48px !important;
        font-size: 24px !important;
    }
    
    .detail-count {
        width: 48px !important;
        font-size: 18px !important;
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .max-w-\[1920px\].mx-auto.px-4.md\:px-12.lg\:px-18 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    
    .gap-9.lg\:gap-10 {
        gap: 1.5rem !important;
    }
    
    .w-full.lg\:w-\[55\%\] {
        width: 50% !important;
    }
    
    .w-full.lg\:w-\[40\%\] {
        width: 47% !important;
    }
    
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 32px !important;
    }
    
    .product-detail-price {
        font-size: 28px !important;
    }
    
    .flex.items-center.gap-5.text-\[14px\] {
        font-size: 12px !important;
        gap: 0.75rem !important;
    }
    
    .flex.items-center.gap-5 img {
        width: 20px !important;
        height: 20px !important;
    }
    
    .detail-counter {
        height: 52px !important;
    }
    
    .detail-qty {
        width: 44px !important;
        height: 44px !important;
        font-size: 22px !important;
    }
    
    .detail-count {
        width: 44px !important;
        font-size: 16px !important;
    }
    
    .detail-add-to-cart {
        font-size: 12px !important;
        padding: 0.875rem 1.5rem !important;
    }
    
    .text-\[32px\].md\:text-\[48px\] {
        font-size: 38px !important;
        margin-bottom: 2rem !important;
    }
    
    .grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-4 {
        gap: 0.75rem !important;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .max-w-\[1920px\].mx-auto.px-4.md\:px-12.lg\:px-18 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .gap-9.lg\:gap-10 {
        gap: 1.25rem !important;
    }
    
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 28px !important;
    }
    
    .product-detail-price {
        font-size: 26px !important;
    }
    
    .flex.items-center.gap-5.text-\[14px\] {
        font-size: 11px !important;
    }
    
    .flex.items-center.gap-5 img {
        width: 18px !important;
        height: 18px !important;
    }
    
    .detail-counter {
        height: 48px !important;
    }
    
    .detail-qty {
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
    }
    
    .detail-count {
        width: 40px !important;
        font-size: 15px !important;
    }
    
    .detail-add-to-cart {
        font-size: 11px !important;
        padding: 0.75rem 1.25rem !important;
    }
    
    .text-\[32px\].md\:text-\[48px\] {
        font-size: 34px !important;
    }
    
    .grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-4 {
        gap: 0.5rem !important;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .flex-col.lg\:flex-row {
        flex-direction: column !important;
    }
    
    .w-full.lg\:w-\[55\%\],
    .w-full.lg\:w-\[40\%\] {
        width: 100% !important;
    }
    
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 30px !important;
    }
    
    .flex.flex-col.sm\:flex-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    
    .product-detail-price {
        font-size: 28px !important;
    }
    
    .detail-counter {
        height: 52px !important;
    }
    
    .text-\[32px\].md\:text-\[48px\] {
        font-size: 36px !important;
        margin-bottom: 1.5rem !important;
    }
    
    .grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-4 {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.75rem !important;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .max-w-\[1920px\].mx-auto.px-4.md\:px-12.lg\:px-18 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    .flex-col.lg\:flex-row {
        flex-direction: column !important;
    }
    
    .w-full.lg\:w-\[55\%\],
    .w-full.lg\:w-\[40\%\] {
        width: 100% !important;
    }
    
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 26px !important;
    }
    
    .flex.flex-col.sm\:flex-row {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    .product-detail-price {
        font-size: 26px !important;
    }
    
    .flex.items-center.gap-5.text-\[14px\] {
        font-size: 12px !important;
    }
    
    .detail-counter {
        height: 48px !important;
    }
    
    .detail-qty {
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
    }
    
    .detail-count {
        width: 40px !important;
        font-size: 15px !important;
    }
    
    .detail-add-to-cart {
        font-size: 11px !important;
        padding: 0.75rem 1.25rem !important;
    }
    
    .text-\[32px\].md\:text-\[48px\] {
        font-size: 32px !important;
    }
    
    .grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }
}

/* === ТЕЛЕФОНЫ (до 767px) === */
@media screen and (max-width: 767px) {
    .max-w-\[1920px\].mx-auto.px-4.md\:px-12.lg\:px-18 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    nav.flex.items-center.gap-2.mb-10.text-\[14px\] {
        font-size: 12px !important;
        gap: 0.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .flex-col.lg\:flex-row {
        flex-direction: column !important;
    }
    
    .grid-cols-2.gap-2 {
        gap: 0.5rem !important;
    }
    
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 24px !important;
        margin-bottom: 0.5rem !important;
    }
    
    .flex.flex-col.sm\:flex-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }
    
    .flex.items-center.gap-8 {
        gap: 1rem !important;
        flex-wrap: wrap !important;
    }
    
    .product-detail-price {
        font-size: 24px !important;
    }
    
    .flex.items-center.gap-5.text-\[14px\] {
        font-size: 11px !important;
        gap: 0.5rem !important;
    }
    
    .flex.items-center.gap-5 img {
        width: 18px !important;
        height: 18px !important;
    }
    
    .product-detail-cart-container {
        min-width: 100% !important;
    }
    
    .detail-counter {
        height: 48px !important;
    }
    
    .detail-qty {
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
    }
    
    .detail-count {
        width: 40px !important;
        font-size: 15px !important;
    }
    
    .detail-add-to-cart {
        font-size: 11px !important;
        padding: 0.75rem 1rem !important;
        white-space: nowrap !important;
    }
    
    .w-full.h-px.bg-\[\#D0D0D0\].mb-4 {
        margin-bottom: 0.75rem !important;
    }
    
    .py-4 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }
    
    .text-\[13px\].md\:text-\[14px\].lg\:text-\[15px\] {
        font-size: 12px !important;
    }
    
    .py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    
    h3.text-\[16px\] {
        font-size: 15px !important;
    }
    
    .flex.flex-wrap.gap-10 {
        gap: 1rem !important;
    }
    
    .text-2xl {
        font-size: 1.3rem !important;
    }
    
    .mt-24 {
        margin-top: 3rem !important;
    }
    
    .text-\[32px\].md\:text-\[48px\] {
        font-size: 28px !important;
        margin-bottom: 1.5rem !important;
    }
    
    .grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-4 {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }
}

/* === МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) === */
@media screen and (max-width: 480px) {
    .text-\[24px\].md\:text-\[34px\].lg\:text-\[42px\] {
        font-size: 20px !important;
    }
    
    .product-detail-price {
        font-size: 22px !important;
    }
    
    .flex.items-center.gap-5.text-\[14px\] {
        font-size: 10px !important;
    }
    
    .flex.items-center.gap-5 img {
        width: 16px !important;
        height: 16px !important;
    }
    
    .detail-qty {
        width: 36px !important;
        height: 36px !important;
        font-size: 18px !important;
    }
    
    .detail-count {
        width: 36px !important;
        font-size: 14px !important;
    }
    
    .detail-add-to-cart {
        font-size: 10px !important;
        padding: 0.6rem 0.75rem !important;
    }
    
    .text-\[32px\].md\:text-\[48px\] {
        font-size: 24px !important;
    }
    
    .text-2xl {
        font-size: 1.1rem !important;
    }
    
    .text-\[11px\] {
        font-size: 9px !important;
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ СТРАНИЦА КОРЗИНЫ - ПОЛНАЯ АДАПТАЦИЯ ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БАЗОВЫЕ СТИЛИ === */
.cart-page {
    min-height: calc(100vh - 300px);
}

/* === БОЛЬШИЕ ПК (1920px и выше) === */
@media screen and (min-width: 1920px) {
    .cart-page .max-w-\[1920px\].mx-auto.px-4.md\:px-6.lg\:px-12 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    
    .cart-page nav.flex.items-center.gap-2.mb-8.text-\[14px\] {
        font-size: 14px !important;
        margin-bottom: 2rem !important;
    }
    
    .cart-page .text-\[32px\].md\:text-\[64px\] {
        font-size: 56px !important;
    }
    
    .cart-page .lg\:w-\[480px\] {
        width: 450px !important;
    }
    
    .cart-page .bg-white.p-10 {
        padding: 2.5rem !important;
    }
    
    .cart-page .text-\[22px\].font-montserrat {
        font-size: 20px !important;
    }
    
    .cart-page .ms2_cart_row {
        gap: 2rem !important;
        padding: 2rem 0 !important;
    }
    
    .cart-page .w-32.h-32 {
        width: 7rem !important;
        height: 7rem !important;
    }
    
    .cart-page .text-\[18px\].font-medium {
        font-size: 17px !important;
    }
    
    .cart-page .text-\[28px\].font-bold {
        font-size: 24px !important;
    }
    
    .cart-page .h-10 {
        height: 2.25rem !important;
    }
    
    .cart-page .w-10 {
        width: 2.25rem !important;
    }
}

/* === 2K МОНИТОРЫ (2000-3000px) === */
@media screen and (min-width: 2000px) and (max-width: 3000px) {
    .cart-page .max-w-\[1920px\].mx-auto.px-4.md\:px-6.lg\:px-12 {
        max-width: 2200px !important;
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    
    .cart-page .text-\[32px\].md\:text-\[64px\] {
        font-size: 64px !important;
    }
    
    .cart-page .lg\:w-\[480px\] {
        width: 500px !important;
    }
    
    .cart-page .bg-white.p-10 {
        padding: 3rem !important;
    }
    
    .cart-page .ms2_cart_row {
        gap: 2.5rem !important;
        padding: 2.5rem 0 !important;
    }
    
    .cart-page .w-32.h-32 {
        width: 8rem !important;
        height: 8rem !important;
    }
    
    .cart-page .text-\[18px\].font-medium {
        font-size: 19px !important;
    }
    
    .cart-page .text-\[28px\].font-bold {
        font-size: 28px !important;
    }
}

/* === СТАНДАРТНЫЕ ПК (1441-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .cart-page .max-w-\[1920px\].mx-auto.px-4.md\:px-6.lg\:px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    
    .cart-page nav.flex.items-center.gap-2.mb-8.text-\[14px\] {
        font-size: 13px !important;
        margin-bottom: 1.5rem !important;
    }
    
    .cart-page .text-\[32px\].md\:text-\[64px\] {
        font-size: 48px !important;
    }
    
    .cart-page .flex-col.lg\:flex-row {
        gap: 3rem !important;
    }
    
    .cart-page .lg\:w-\[480px\] {
        width: 400px !important;
    }
    
    .cart-page .bg-white.p-10 {
        padding: 2rem !important;
    }
    
    .cart-page .text-\[22px\].font-montserrat {
        font-size: 19px !important;
        margin-bottom: 1.5rem !important;
    }
    
    .cart-page .ms2_cart_row {
        gap: 1.5rem !important;
        padding: 1.5rem 0 !important;
    }
    
    .cart-page .w-32.h-32 {
        width: 6rem !important;
        height: 6rem !important;
    }
    
    .cart-page .text-\[18px\].font-medium {
        font-size: 16px !important;
    }
    
    .cart-page .text-\[28px\].font-bold {
        font-size: 22px !important;
    }
    
    .cart-page .min-w-\[140px\] {
        min-width: 120px !important;
    }
    
    .cart-page .space-y-6.mb-6 {
        margin-bottom: 1rem !important;
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .cart-page .max-w-\[1920px\].mx-auto.px-4.md\:px-6.lg\:px-12 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    
    .cart-page .flex-col.lg\:flex-row {
        gap: 2.5rem !important;
    }
    
    .cart-page .text-\[32px\].md\:text-\[64px\] {
        font-size: 42px !important;
    }
    
    .cart-page .flex.justify-between.items-end.mb-4 {
        margin-bottom: 1rem !important;
    }
    
    .cart-page .pb-6 {
        padding-bottom: 1rem !important;
    }
    
    .cart-page #msCartClean {
        font-size: 10px !important;
    }
    
    .cart-page .lg\:w-\[480px\] {
        width: 380px !important;
    }
    
    .cart-page .bg-white.p-10 {
        padding: 1.75rem !important;
    }
    
    .cart-page .text-\[22px\].font-montserrat {
        font-size: 18px !important;
        margin-bottom: 1.25rem !important;
    }
    
    .cart-page .ms2_cart_row {
        gap: 1.25rem !important;
        padding: 1.25rem 0 !important;
    }
    
    .cart-page .w-32.h-32 {
        width: 5.5rem !important;
        height: 5.5rem !important;
    }
    
    .cart-page .text-\[18px\].font-medium {
        font-size: 15px !important;
    }
    
    .cart-page .text-sm.text-\[\#818284\] {
        font-size: 12px !important;
    }
    
    .cart-page .text-\[28px\].font-bold {
        font-size: 20px !important;
    }
    
    .cart-page .min-w-\[140px\] {
        min-width: 100px !important;
    }
    
    .cart-page .h-10 {
        height: 2rem !important;
    }
    
    .cart-page .w-10 {
        width: 2rem !important;
    }
    
    .cart-page .text-xl {
        font-size: 1.1rem !important;
    }
    
    .cart-page .p-3 {
        padding: 0.5rem !important;
    }
    
    .cart-page .w-6.h-6 {
        width: 1.25rem !important;
        height: 1.25rem !important;
    }
    
    .cart-page .space-y-6.mb-6 .flex.items-center {
        font-size: 14px !important;
    }
    
    .cart-page .text-\[18px\].font-normal.text-\[\#0D0E10\].whitespace-nowrap {
        font-size: 16px !important;
    }
    
    .cart-page .text-\[32px\].font-montserrat {
        font-size: 26px !important;
    }
    
    .cart-page a.block.w-full.bg-\[\#0D0E10\] {
        padding: 1rem !important;
        font-size: 11px !important;
        margin-top: 1.5rem !important;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .cart-page .max-w-\[1920px\].mx-auto.px-4.md\:px-6.lg\:px-12 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .cart-page .flex-col.lg\:flex-row {
        gap: 2rem !important;
    }
    
    .cart-page .text-\[32px\].md\:text-\[64px\] {
        font-size: 38px !important;
    }
    
    .cart-page .lg\:w-\[480px\] {
        width: 350px !important;
    }
    
    .cart-page .bg-white.p-10 {
        padding: 1.5rem !important;
    }
    
    .cart-page .ms2_cart_row {
        flex-wrap: wrap !important;
        gap: 1rem !important;
    }
    
    .cart-page .w-32.h-32 {
        width: 5rem !important;
        height: 5rem !important;
    }
    
    .cart-page .flex-1.text-center.sm\:text-left {
        flex: auto !important;
        width: calc(100% - 8rem) !important;
    }
    
    .cart-page .text-\[18px\].font-medium {
        font-size: 14px !important;
    }
    
    .cart-page .flex.items-center.bg-\[\#D1D2D4\].rounded-md.px-2.h-10 {
        order: 1 !important;
    }
    
    .cart-page .text-right.min-w-\[140px\] {
        min-width: 90px !important;
        order: 2 !important;
    }
    
    .cart-page .text-\[28px\].font-bold {
        font-size: 18px !important;
    }
    
    .cart-page .cart-remove-btn.p-3 {
        order: 3 !important;
        padding: 0.25rem !important;
    }
    
    .cart-page .text-\[32px\].font-montserrat {
        font-size: 24px !important;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .cart-page .flex-col.lg\:flex-row {
        flex-direction: column !important;
    }
    
    .cart-page .lg\:w-\[480px\] {
        width: 100% !important;
        margin-top: 2rem !important;
    }
    
    .cart-page .ms2_cart_row {
        flex-wrap: wrap !important;
    }
    
    .cart-page .w-32.h-32 {
        width: 5rem !important;
        height: 5rem !important;
    }
    
    .cart-page .flex-1.text-center.sm\:text-left {
        flex: 1 !important;
    }
    
    .cart-page .text-\[28px\].font-bold {
        font-size: 20px !important;
    }
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .cart-page .max-w-\[1920px\].mx-auto.px-4.md\:px-6.lg\:px-12 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    .cart-page .flex-col.lg\:flex-row {
        flex-direction: column !important;
    }
    
    .cart-page .text-\[32px\].md\:text-\[64px\] {
        font-size: 36px !important;
    }
    
    .cart-page .ms2_cart_row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    
    .cart-page .w-32.h-32 {
        width: 5rem !important;
        height: 5rem !important;
    }
    
    .cart-page .flex-1.text-center.sm\:text-left {
        width: 100% !important;
        text-align: left !important;
    }
    
    .cart-page .flex.items-center.bg-\[\#D1D2D4\].rounded-md.px-2.h-10 {
        align-self: flex-start !important;
    }
    
    .cart-page .text-right.min-w-\[140px\] {
        text-align: left !important;
    }
    
    .cart-page .cart-remove-btn {
        align-self: flex-start !important;
    }
    
    .cart-page .lg\:w-\[480px\] {
        width: 100% !important;
    }
}

/* === ТЕЛЕФОНЫ (до 767px) === */
@media screen and (max-width: 767px) {
    .cart-page .max-w-\[1920px\].mx-auto.px-4.md\:px-6.lg\:px-12 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .cart-page nav.flex.items-center.gap-2.mb-8.text-\[14px\] {
        font-size: 11px !important;
        gap: 0.25rem !important;
        margin-left: 0.5rem !important;
    }
    
    .cart-page .text-\[32px\].md\:text-\[64px\] {
        font-size: 28px !important;
    }
    
    .cart-page .flex.justify-between.items-end.mb-4 {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem !important;
    }
    
    .cart-page #msCartClean {
        font-size: 9px !important;
    }
    
    .cart-page .ms2_cart_row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
        padding: 1rem 0 !important;
    }
    
    .cart-page .w-32.h-32 {
        width: 4rem !important;
        height: 4rem !important;
    }
    
    .cart-page .text-\[18px\].font-medium {
        font-size: 14px !important;
    }
    
    .cart-page .flex.items-center.bg-\[\#D1D2D4\].rounded-md.px-2.h-10 {
        width: 100% !important;
        justify-content: center !important;
    }
    
    .cart-page .text-right.min-w-\[140px\] {
        width: 100% !important;
        text-align: left !important;
    }
    
    .cart-page .text-\[28px\].font-bold {
        font-size: 18px !important;
    }
    
    .cart-page .cart-remove-btn {
        align-self: flex-end !important;
    }
    
    .cart-page .bg-white.p-10 {
        padding: 1rem !important;
    }
    
    .cart-page .text-\[22px\].font-montserrat {
        font-size: 18px !important;
    }
    
    .cart-page .text-\[18px\].font-normal.text-\[\#0D0E10\].whitespace-nowrap {
        font-size: 14px !important;
    }
    
    .cart-page .text-\[32px\].font-montserrat {
        font-size: 22px !important;
    }
}

/* === МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) === */
@media screen and (max-width: 480px) {
    .cart-page .text-\[32px\].md\:text-\[64px\] {
        font-size: 24px !important;
    }
    
    .cart-page .text-\[18px\].font-medium {
        font-size: 13px !important;
    }
    
    .cart-page .text-\[28px\].font-bold {
        font-size: 16px !important;
    }
    
    .cart-page .text-\[32px\].font-montserrat {
        font-size: 20px !important;
    }
    
    .cart-page .text-\[22px\].font-montserrat {
        font-size: 16px !important;
    }
    
    .cart-page .text-\[18px\].font-normal.text-\[\#0D0E10\].whitespace-nowrap {
        font-size: 13px !important;
    }
}

/* █████████████████████████████████████████████████████████████████████████
   ███ ПУСТАЯ КОРЗИНА - АДАПТАЦИЯ ███
   █████████████████████████████████████████████████████████████████████████ */

/* Большие ПК (1920px и выше) */
@media screen and (min-width: 1920px) {
    .empty-cart .min-h-screen.mx-auto.px-10.py-8 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    
    .empty-cart h1.font-montserrat.text-\[40px\].md\:text-\[64px\] {
        font-size: 64px !important;
    }
    
    .empty-cart h2.font-montserrat.text-\[24px\].md\:text-\[32px\] {
        font-size: 32px !important;
    }
}

/* 2K мониторы (2000-3000px) */
@media screen and (min-width: 2000px) and (max-width: 3000px) {
    .empty-cart .min-h-screen.mx-auto.px-10.py-8 {
        max-width: 2200px !important;
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    
    .empty-cart h1.font-montserrat.text-\[40px\].md\:text-\[64px\] {
        font-size: 72px !important;
    }
    
    .empty-cart h2.font-montserrat.text-\[24px\].md\:text-\[32px\] {
        font-size: 36px !important;
    }
}

/* Стандартные ПК (1441-1919px) */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    .empty-cart .min-h-screen.mx-auto.px-10.py-8 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    
    .empty-cart h1.font-montserrat.text-\[40px\].md\:text-\[64px\] {
        font-size: 56px !important;
    }
    
    .empty-cart h2.font-montserrat.text-\[24px\].md\:text-\[32px\] {
        font-size: 28px !important;
    }
}

/* MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .empty-cart .min-h-screen.mx-auto.px-10.py-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .empty-cart h1.font-montserrat.text-\[40px\].md\:text-\[64px\] {
        font-size: 48px !important;
    }
    
    .empty-cart h2.font-montserrat.text-\[24px\].md\:text-\[32px\] {
        font-size: 24px !important;
    }
}

/* МАЛЕНЬКИЕ НОУТЫ (1280-1365px) */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .empty-cart h1.font-montserrat.text-\[40px\].md\:text-\[64px\] {
        font-size: 42px !important;
    }
}

/* ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .empty-cart h1.font-montserrat.text-\[40px\].md\:text-\[64px\] {
        font-size: 36px !important;
    }
}

/* ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .empty-cart .min-h-screen.mx-auto.px-10.py-8 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    .empty-cart h1.font-montserrat.text-\[40px\].md\:text-\[64px\] {
        font-size: 32px !important;
    }
    
    .empty-cart h2.font-montserrat.text-\[24px\].md\:text-\[32px\] {
        font-size: 20px !important;
    }
}

/* ТЕЛЕФОНЫ (до 767px) */
@media screen and (max-width: 767px) {
    .empty-cart .min-h-screen.mx-auto.px-10.py-8 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .empty-cart nav.flex.items-center.gap-2.mb-12.text-\[14px\] {
        font-size: 12px !important;
        margin-left: 0.5rem !important;
    }
    
    .empty-cart h1.font-montserrat.text-\[40px\].md\:text-\[64px\] {
        font-size: 28px !important;
    }
    
    .empty-cart h2.font-montserrat.text-\[24px\].md\:text-\[32px\] {
        font-size: 18px !important;
    }
    
    .empty-cart a.inline-block.bg-\[\#0D0E10\] {
        width: 100% !important;
        text-align: center !important;
        padding: 0.75rem 1rem !important;
        font-size: 12px !important;
    }
}

/* МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) */
@media screen and (max-width: 480px) {
    .empty-cart h1.font-montserrat.text-\[40px\].md\:text-\[64px\] {
        font-size: 24px !important;
    }
    
    .empty-cart h2.font-montserrat.text-\[24px\].md\:text-\[32px\] {
        font-size: 16px !important;
    }
    
    .empty-cart p.text-sm {
        font-size: 12px !important;
    }
}


/* █████████████████████████████████████████████████████████████████████████
   ███ ФУТЕР - ПОЛНАЯ АДАПТАЦИЯ ███
   █████████████████████████████████████████████████████████████████████████ */

/* === БАЗОВЫЕ СТИЛИ === */
.footer-nav-link {
    position: relative;
    text-decoration: none;
    color: white;
    transition: color 0.3s ease;
    display: inline-block;
    padding-bottom: 2px;
}

.footer-nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: white;
    transition: width 0.3s ease, left 0.3s ease;
    transform: translateX(-50%);
}

.footer-nav-link:hover::after {
    width: 100%;
    left: 50%;
}

.footer-bottom-link {
    position: relative;
    text-decoration: none;
    color: white;
    transition: color 0.3s ease;
    display: inline-block;
    padding-bottom: 2px;
    text-transform: uppercase;
    font-weight: 300;
}

.footer-bottom-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 50%;
    background-color: #C5C6C8;
    transition: width 0.3s ease, left 0.3s ease;
    transform: translateX(-50%);
}

.footer-bottom-link:hover::after {
    width: 100%;
    left: 50%;
}

.footer-bottom-link:hover {
    color: #C5C6C8;
}

/* === БЛОК "ГОТОВЫ ОФОРМИТЬ ЗАКАЗ?" === */
.footer-order-block {
    border-bottom: 1px solid rgba(197, 198, 200, 0.1);
    padding: 4rem 1rem;
}

@media (min-width: 768px) {
    .footer-order-block {
        padding: 6rem 2.5rem;
    }
}

@media (min-width: 1024px) {
    .footer-order-block {
        padding: 6rem 4rem;
    }
}

/* === БОЛЬШИЕ ПК (1920px и выше) === */
@media screen and (min-width: 1920px) {
    footer .max-w-\[1920px\].mx-auto.px-4.md\:px-10.lg\:px-16 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    
    footer .text-\[32px\].md\:text-\[50px\].lg\:text-\[64px\] {
        font-size: 70px !important;
    }
    
    footer .lg\:w-\[650px\] {
        width: 750px !important;
    }
    
    footer .w-full.h-11 {
        height: 3rem !important;
    }
    
    footer .w-32.md\:w-40 {
        width: 10rem !important;
    }
    
    footer .text-sm {
        font-size: 0.9rem !important;
    }
    
    footer .h-12 {
        height: 3.5rem !important;
    }
    
    footer .grid-cols-2.md\:grid-cols-3 {
        gap: 3rem !important;
    }
    
    footer .flex.flex-col.md\:flex-row.gap-4.md\:gap-8 {
        gap: 3rem !important;
    }
}

/* === 2K МОНИТОРЫ (2000-3000px) === */
@media screen and (min-width: 2000px) and (max-width: 3000px) {
    footer .max-w-\[1920px\].mx-auto.px-4.md\:px-10.lg\:px-16 {
        max-width: 2400px !important;
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    
    footer .text-\[32px\].md\:text-\[50px\].lg\:text-\[64px\] {
        font-size: 80px !important;
    }
    
    footer .lg\:w-\[650px\] {
        width: 850px !important;
    }
    
    footer .w-32.md\:w-40 {
        width: 12rem !important;
    }
    
    footer .grid-cols-2.md\:grid-cols-3 {
        gap: 4rem !important;
    }
}

/* === СТАНДАРТНЫЕ ПК (1441-1919px) === */
@media screen and (min-width: 1441px) and (max-width: 1919px) {
    footer .max-w-\[1920px\].mx-auto.px-4.md\:px-10.lg\:px-16 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    
    footer .text-\[32px\].md\:text-\[50px\].lg\:text-\[64px\] {
        font-size: 58px !important;
    }
    
    footer .text-sm.md\:text-base {
        font-size: 0.9rem !important;
    }
    
    footer .lg\:w-\[650px\] {
        width: 600px !important;
    }
    
    footer .grid-cols-2.md\:grid-cols-3 {
        gap: 2rem !important;
    }
}

/* === MACBOOK AIR / СТАНДАРТНЫЕ НОУТЫ (1366-1440px) === */
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    footer .max-w-\[1920px\].mx-auto.px-4.md\:px-10.lg\:px-16 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    
    footer .text-\[32px\].md\:text-\[50px\].lg\:text-\[64px\] {
        font-size: 48px !important;
    }
    
    footer .text-sm.md\:text-base {
        font-size: 0.85rem !important;
    }
    
    footer .lg\:w-\[650px\] {
        width: 550px !important;
    }
    
    footer .grid-cols-2.md\:grid-cols-3 {
        gap: 1.5rem !important;
    }
    
    footer .w-32.md\:w-40 {
        width: 8rem !important;
    }
    
    footer .w-7.aspect-square {
        width: 1.5rem !important;
    }
    
    footer .w-44.md\:w-60 {
        width: 10rem !important;
    }
    
    footer .h-12 {
        height: 2.75rem !important;
    }
}

/* === МАЛЕНЬКИЕ НОУТЫ (1280-1365px) === */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    footer .max-w-\[1920px\].mx-auto.px-4.md\:px-10.lg\:px-16 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    
    footer .text-\[32px\].md\:text-\[50px\].lg\:text-\[64px\] {
        font-size: 42px !important;
    }
    
    footer .lg\:w-\[650px\] {
        width: 500px !important;
    }
    
    footer .grid-cols-2.md\:grid-cols-3 {
        gap: 1.25rem !important;
    }
    
    footer .w-32.md\:w-40 {
        width: 7rem !important;
    }
    
    footer ul li {
        font-size: 0.7rem !important;
    }
}

/* === ОЧЕНЬ МАЛЕНЬКИЕ НОУТЫ / ПЛАНШЕТЫ ГОРИЗОНТАЛЬНО (1024-1279px) === */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    footer .flex-col.lg\:flex-row.justify-between.items-start.gap-12 {
        flex-direction: column !important;
        align-items: center !important; /* ЦЕНТРИРУЕТ ВСЮ ГРУППУ */
        text-align: center !important;
        gap: 1.5rem !important;
    }
    
    footer .lg\:w-\[45\%\] {
        width: 100% !important;
    }
    
    footer .lg\:w-\[650px\] {
        width: 100% !important;
    }
    
    footer .text-\[32px\].md\:text-\[50px\].lg\:text-\[64px\] {
        font-size: 40px !important;
    }
    
    footer .grid-cols-2.md\:grid-cols-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* ==========================================================================
   СИММЕТРИЯ «НАВИГАЦИЯ» ↔ «УСЛУГИ» — ПОД ВТОРОЙ СКРИНШОТ
   ========================================================================== */

@media screen and (min-width: 1280px) {
  /* Основной контейнер с двумя колонками */
  footer .grid.grid-cols-2.md\:grid-cols-3.gap-6.md\:gap-8.lg\:gap-14 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;           /* центрируем пару колонок */
    align-items: flex-start !important;
    gap: 0 2.8rem !important;                     /* ← КЛЮЧЕВОЕ: очень маленькое расстояние как на втором скрине */
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
  }

  /* Скрываем третью колонку (если она есть и пустая) */
  footer .grid.grid-cols-2.md\:grid-cols-3 > div:nth-child(n+3) {
    display: none !important;
  }

  /* Ограничиваем ширину каждого блока → они не растягиваются */
  footer .grid.grid-cols-2.md\:grid-cols-3 > div {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 170px !important;                  /* ← под самый длинный пункт в колонке */
    max-width: 240px !important;
  }

  /* ЗАПРЕЩАЕМ ПЕРЕНОС ТЕКСТА */
  footer .grid ul li,
  footer .grid ul li a,
  footer .grid div a,
  footer .grid span,
  footer .grid h3,
  footer .grid .font-bold {
    white-space: nowrap !important;
  }

  /* Родительский контейнер (если есть обёртка flex) */
  footer .flex.flex-col.lg\:flex-row.justify-between.items-start.gap-12 {
    justify-content: center !important;
    gap: 3rem !important;                         /* немного воздуха вокруг всей группы */
  }

  /* Дополнительная страховка на очень широких экранах */
  @media screen and (min-width: 1920px) {
    footer .grid.grid-cols-2.md\:grid-cols-3.gap-6.md\:gap-8.lg\:gap-14 {
      gap: 0 3.2rem !important;                   /* чуть больше на 4K и ультрашироких */
      max-width: 620px !important;                /* вся пара колонок не растягивается слишком сильно */
    }
  }

  /* НОУТБУКИ */
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  footer .grid.grid-cols-2.md\:grid-cols-3.gap-6.md\:gap-8.lg\:gap-14 {
    justify-content: flex-start !important; /* ← ВАЖНО: сдвиг влево */
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 5rem !important; /* можно подогнать */
  }

  /* Родитель */
  footer .flex.flex-col.lg\:flex-row.justify-between.items-start.gap-12 {
    justify-content: flex-start !important;
  }
}

  
}

/* === ПЛАНШЕТЫ ВЕРТИКАЛЬНО (768-1023px) === */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    footer .max-w-\[1920px\].mx-auto.px-4.md\:px-10.lg\:px-16 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    footer .flex-col.lg\:flex-row.justify-between.items-start.gap-12 {
        flex-direction: column !important;
    }
    
    footer .text-\[32px\].md\:text-\[50px\].lg\:text-\[64px\] {
        font-size: 36px !important;
    }
    
    footer .text-sm.md\:text-base {
        font-size: 0.8rem !important;
    }
    
    footer .grid.grid-cols-2.md\:grid-cols-3 {
        grid-template-columns: repeat(3, 1fr) !important;
        width: 100% !important;
    }
    
    footer .flex.flex-col.md\:flex-row.gap-4.md\:gap-8 {
        flex-direction: column !important;
    }
    
    footer .border-t {
        padding: 2rem 1rem !important;
    }
    
    footer .flex.flex-col.md\:flex-row.justify-between.text-nowrap {
        flex-direction: column !important;
        gap: 1rem !important;
        text-align: center !important;
    }
    
    footer .flex.justify-center.flex-wrap.md\:flex-nowrap {
        flex-wrap: wrap !important;
        gap: 1rem !important;
    }
    
    footer .w-44.md\:w-60 {
        width: 100% !important;
        max-width: 200px !important;
    }
}


/* === ТЕЛЕФОНЫ (до 767px) === */
@media screen and (max-width: 767px) {
    /* 1. ВЕРХНИЙ БЛОК (CTA) */
    footer .flex-col.lg\:flex-row.justify-between.items-start.gap-12 {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 1rem !important;
    }

    footer .text-\[32px\].md\:text-\[50px\].lg\:text-\[64px\] {
        font-size: 30px !important;
        line-height: 1.1 !important;
        margin-bottom: 0.5rem !important;
    }

    footer .text-sm.md\:text-base {
        font-size: 0.85rem !important;
        max-width: 280px !important;
        margin: 0 auto 1.5rem !important;
        white-space: normal !important;
    }

    /* 2. ФОРМА — УНИФИКАЦИЯ ТЕКСТА */
    footer input,
    footer select,
    footer textarea {
        background-color: #ffffff !important;
        color: #0D0E10 !important;
        height: 3rem !important; 
        border-radius: 2px !important;
        border: none !important;
        width: 100% !important;
        font-size: 13px !important; 
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400 !important;
        text-align: left !important;
        padding: 0 1.25rem !important;
        box-sizing: border-box !important;
        line-height: normal !important;
    }

    footer input::placeholder,
    footer textarea::placeholder {
        color: #9CA3AF !important;
        font-size: 13px !important;
        opacity: 1 !important;
        text-transform: uppercase !important;
    }

    footer select {
        appearance: none !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 1rem center !important;
        background-size: 1.2rem !important;
    }

    footer button[type="submit"] {
        height: 3.5rem !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0.1em !important;
    }

    /* 3. КАЛЕНДАРЬ */
    #date-picker-wrapper { 
        position: relative !important; 
        width: 100% !important; 
    }
    
    #calendar-btn {
        position: absolute !important;
        right: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        height: 36px !important;
        width: 36px !important;
        background-color: #4F5052 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 2px !important;
        z-index: 5 !important;
    }

    /* 4. НИЖНИЙ БЛОК (ПОРЯДОК: Well Event -> Меню -> Соцсети) */
    footer .flex.flex-col.lg\:flex-row.lg\:justify-between.lg\:items-start.gap-8 > div:first-child {
        display: contents !important; 
    }
    
    footer .w-44.md\:w-60 { 
        margin: 0 !important; 
    }
    
    footer .w-44.md\:w-60 h2, 
    footer .w-44.md\:w-60 span { 
        font-size: 1.5rem !important; 
        font-weight: 700 !important; 
    }

    /* МЕНЮ */
    footer .grid.grid-cols-2.md\:grid-cols-3.gap-6.md\:gap-8.lg\:gap-14 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem 0.5rem !important;
    }

    /* Заголовки (Навигация / Услуги) */
    footer .grid h3, 
    footer .grid .font-bold {
        font-size: 11px !important;
        margin-bottom: 0.8rem !important;
        opacity: 0.5;
        text-transform: uppercase !important;
    }

    /* Пункты меню */
    footer .grid ul li, 
    footer .grid a {
        font-size: 13px !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        margin-bottom: 0.4rem !important;
        display: block !important;
    }

    /* 5. СОЦСЕТИ */
    footer .flex.flex-col.md\:flex-row.justify-between.items-start.md\:gap-8 { 
        width: 100% !important; 
        margin-top: 1rem !important; 
    }
    
    footer .flex.gap-4 img { 
        width: 28px !important; 
    }

    /* 6. ЮРИДИЧЕСКИЙ БЛОК - ПРАВИЛЬНЫЙ ПОРЯДОК НА МОБИЛКЕ */
    /* Порядок: 
       1. ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ
       2. ПУБЛИЧНАЯ ОФЕРТА  
       3. ДОСТАВКА И ОПЛАТА
       4. © 2025-2026 WELL EVENT
    */
    
    footer .flex.flex-col.md\:flex-row.justify-between.text-nowrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
        margin-top: 2rem !important;
        gap: 0.8rem !important;
    }
    
    /* Контейнер со ссылками (Политика, Оферта, Доставка) */
    footer .flex.justify-center.flex-wrap.md\:flex-nowrap {
        order: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 0.8rem !important;
        width: 100% !important;
    }
    
    /* Стили для каждой ссылки - шрифт как в меню (13px) */
    footer .flex.justify-center.flex-wrap.md\:flex-nowrap a {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        font-size: 13px !important;
        text-transform: uppercase !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400 !important;
        color: white !important;
        text-decoration: none !important;
    }
    
    /* Блок с копирайтом (© 2025-2026 WELL EVENT) */
    footer .text-nowrap.mb-4.md\:mb-0 {
        order: 2 !important;
        font-size: 13px !important;
        margin-bottom: 0 !important;
        margin-top: 0.5rem !important;
        width: 100% !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400 !important;
        color: white !important;
    }
    
    /* Убираем старые правила для nth-child */
    footer .flex.justify-center.flex-wrap a:nth-child(1),
    footer .flex.justify-center.flex-wrap a:nth-child(2),
    footer .flex.justify-center.flex-wrap a:nth-child(3) {
        width: auto !important;
        margin-top: 0 !important;
        order: 0 !important;
    }
}
/* === МАЛЕНЬКИЕ ТЕЛЕФОНЫ (до 480px) === */
@media screen and (max-width: 480px) {
    footer .text-\[32px\].md\:text-\[50px\].lg\:text-\[64px\] {
        font-size: 24px !important;
    }
    
    footer .text-sm.md\:text-base {
        font-size: 0.65rem !important;
    }
    
    footer .w-full.h-11 {
        height: 2.5rem !important;
        font-size: 0.6rem !important;
    }
    
    footer .h-12 {
        height: 2.5rem !important;
        font-size: 0.65rem !important;
    }
    
    footer .relative select {
        font-size: 0.6rem !important;
    }
    
    footer .text-\[9px\] {
        font-size: 0.55rem !important;
    }
    
    footer .w-32.md\:w-40 {
        width: 6rem !important;
    }
    
    footer .w-7.aspect-square {
        width: 1.25rem !important;
    }
    
    footer ul li {
        font-size: 0.6rem !important;
    }
    
    footer .uppercase.text-\[\#4F5052\].text-xs.md\:text-sm {
        font-size: 0.7rem !important;
    }
}



/* =============================================================================
   УНИФИКАЦИЯ FAQ + КОНТАКТЫ — Кросс-браузерная версия
   Версия 2026-13 — стабильное отображение во всех браузерах
   ============================================================================= */

/* Сброс специфичных для браузеров свойств */
.contacts-block {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Базовая синхронизация для всех браузеров */
@media screen and (min-width: 1024px) {

    /* Базовая синхронизация */
    .faq-items-container,
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        width: 48% !important;
        margin-left: auto !important;
        padding-right: 2.5rem !important;
        box-sizing: border-box !important;
    }

    /* Контейнер контактов */
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        gap: 1.25rem !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .contacts-block .flex.flex-col.gap-2 {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 0 !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Телефон */
    .contacts-block .flex.flex-col.gap-2:first-child {
        max-width: 32% !important;
    }

    /* Email — базовый */
    .contacts-block .flex.flex-col.gap-2:nth-child(2) {
        max-width: 36% !important;
    }

    /* Адрес — базовый */
    .contacts-block .flex.flex-col.gap-2:last-child {
        max-width: 42% !important;
        margin-right: -2.5rem !important;
        padding-right: 0 !important;
        margin-left: auto !important;
    }

    /* Заголовки */
    .contacts-block .font-inter-tight.text-sm.text-\[\#818284\].leading-none {
        font-size: 0.9rem !important;
        margin: 0 0 0.5rem 0 !important;
        padding: 0 !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* Текст */
    .contacts-block .flex.flex-col.gap-2 .font-montserrat.font-normal.text-base.text-\[\#121212\] {
        font-size: 1.05rem !important;
        line-height: 1.45 !important;
        white-space: nowrap !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Адрес-текст */
    .contacts-block .flex.flex-col.gap-2:last-child .font-montserrat.font-normal.text-base.text-\[\#121212\] {
        text-align: right !important;
    }

    /* Убедимся, что контейнер заголовка и контейнер описания имеют одинаковую ширину */
    .contacts-block .font-inter-tight.text-sm.text-\[\#818284\].leading-none {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-align: left !important;
        display: block !important;
        margin-bottom: 1rem !important;
    }

    /* Родительский блок для телефона, email и адреса */
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        width: 100% !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        gap: 1.25rem !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Каждая колонка (Телефон, Email, Адрес) */
    .contacts-block .flex.flex-col.gap-2 {
        text-align: left !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 0 !important;
        flex: 1 1 0 !important;
    }

    /* Телефон - оставляем на месте */
    .contacts-block .flex.flex-col.gap-2:first-child {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        width: auto !important;
    }

    /* Email - сдвигаем правее */
    .contacts-block .flex.flex-col.gap-2:nth-child(2) {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        margin-left: 2rem !important;
    }

    /* Адрес - сдвигаем правее */
    .contacts-block .flex.flex-col.gap-2:last-child {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        margin-left: 2rem !important;
        text-align: left !important;
    }

    /* Текст адреса */
    .contacts-block .flex.flex-col.gap-2:last-child .font-montserrat.font-normal.text-base.text-\[\#121212\] {
        text-align: left !important;
    }
}

/* Ноутбуки — единое отображение */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .faq-items-container,
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        width: 50% !important;
        padding-right: 2.75rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:last-child {
        margin-right: -2.25rem !important;
        max-width: 40% !important;
    }
    .contacts-block .font-inter-tight.text-sm.text-\[\#818284\].leading-none {
        font-size: 0.85rem !important;
    }
    .contacts-block .flex.flex-col.gap-2 .font-montserrat.font-normal.text-base.text-\[\#121212\] {
        font-size: 0.98rem !important;
        white-space: nowrap !important;
    }
    .contacts-block .flex.flex-col.gap-2:nth-child(2) {
        margin-left: 1.5rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:last-child {
        margin-left: 1.5rem !important;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .faq-items-container,
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        width: 50% !important;
        padding-right: 3rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:last-child {
        margin-right: -2.5rem !important;
        max-width: 40% !important;
    }
    .contacts-block .font-inter-tight.text-sm.text-\[\#818284\].leading-none {
        font-size: 0.85rem !important;
    }
    .contacts-block .flex.flex-col.gap-2 .font-montserrat.font-normal.text-base.text-\[\#121212\] {
        font-size: 0.98rem !important;
        white-space: nowrap !important;
    }
    .contacts-block .flex.flex-col.gap-2:nth-child(2) {
        margin-left: 1.75rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:last-child {
        margin-left: 1.75rem !important;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .faq-items-container,
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        width: 48% !important;
        padding-right: 3.5rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:last-child {
        margin-right: -3rem !important;
        max-width: 40% !important;
    }
    .contacts-block .font-inter-tight.text-sm.text-\[\#818284\].leading-none {
        font-size: 0.85rem !important;
    }
    .contacts-block .flex.flex-col.gap-2 .font-montserrat.font-normal.text-base.text-\[\#121212\] {
        font-size: 0.98rem !important;
        white-space: nowrap !important;
    }
    .contacts-block .flex.flex-col.gap-2:nth-child(2) {
        max-width: 38% !important;
        margin-left: 1.5rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:last-child {
        margin-left: 1.5rem !important;
    }
}

/* ПК 1920+ — единое отображение */
@media screen and (min-width: 1920px) {
    .faq-items-container,
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        width: 48% !important;
        padding-right: 5rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:nth-child(2) {
        max-width: 34% !important;
        margin-left: 2rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:last-child {
        margin-right: -6rem !important;
        max-width: 46% !important;
        padding-right: 0 !important;
        margin-left: 2rem !important;
    }
    .contacts-block .font-inter-tight.text-sm.text-\[\#818284\].leading-none {
        font-size: 0.9rem !important;
    }
    .contacts-block .flex.flex-col.gap-2 .font-montserrat.font-normal.text-base.text-\[\#121212\] {
        font-size: 1.05rem !important;
    }
}

@media screen and (min-width: 2000px) {
    .faq-items-container,
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        width: 50% !important;
        padding-right: 6rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:nth-child(2) {
        max-width: 34% !important;
        margin-left: 2.5rem !important;
    }
    .contacts-block .flex.flex-col.gap-2:last-child {
        margin-right: -6.5rem !important;
        max-width: 46% !important;
        margin-left: 2.5rem !important;
    }

    /* =============================================================================
   СДВИГ ТЕЛЕФОНА И EMAIL ПРАВЕЕ (АДРЕС НЕ ТРОГАЕМ)
   ============================================================================= */

@media screen and (min-width: 1024px) {
    /* Сдвигаем весь контейнер с телефоном и email правее */
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        position: relative !important;
        left: 1rem !important; /* Положительное значение = сдвиг вправо */
    }
    
    /* Компенсируем сдвиг для адреса, чтобы он остался на месте */
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 .flex.flex-col.gap-2:last-child {
        position: relative !important;
        left: -1rem !important; /* Компенсируем сдвиг родителя (отрицательное значение) */
        margin-left: 2rem !important;
    }
}

/* Для ноутбуков 1280-1365px */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        left: 0.75rem !important;
    }
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 .flex.flex-col.gap-2:last-child {
        left: -0.75rem !important;
    }
}

/* Для ноутбуков 1366-1439px */
@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        left: 0.85rem !important;
    }
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 .flex.flex-col.gap-2:last-child {
        left: -0.85rem !important;
    }
}

/* Для ПК 1440-1919px */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        left: 1rem !important;
    }
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 .flex.flex-col.gap-2:last-child {
        left: -1rem !important;
    }
}

/* Для больших ПК 1920+ */
@media screen and (min-width: 1920px) {
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 {
        left: 1.25rem !important;
    }
    .contacts-block .flex.flex-wrap.gap-8.lg\:gap-16 .flex.flex-col.gap-2:last-child {
        left: -1.25rem !important;
    }
}
}
/* =============================================================================
   ФИНАЛЬНАЯ СИНХРОНИЗАЦИЯ: РАСТЯГИВАЕМ ФОРМУ ДО КРАЯ (КАК FAQ)
   ============================================================================= */

@media screen and (min-width: 1024px) {
    footer .lg\:w-\[650px\] {
        width: 48% !important; /* Соответствие FAQ */
        margin-left: auto !important;
        margin-right: 0 !important;
        /* Уменьшаем или убираем паддинг, чтобы доставало до края как FAQ */
        padding-right: 0 !important; 
        box-sizing: border-box !important;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    footer .lg\:w-\[650px\] {
        width: 50% !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1440px) {
    footer .lg\:w-\[650px\] {
        width: 50% !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1919px) {
    footer .lg\:w-\[650px\] {
        width: 48% !important;
        padding-right: 0 !important;
    }
}

/* На больших мониторах 1920+ */
@media screen and (min-width: 1920px) {
    footer .lg\:w-\[650px\] {
        width: 48% !important;
        /* Если FAQ все еще чуть правее, можно даже поставить отрицательный маржин, 
           но обычно padding-right: 0 достаточно */
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 2000px) {
    footer .lg\:w-\[650px\] {
        width: 50% !important;
        padding-right: 0 !important;
    }
}