/* ========================================
   ЕДИНЫЕ МОБИЛЬНЫЕ СТИЛИ
   ======================================== */

.mobile-hero-card {
  display: none;
}

@media (max-width: 480px) {
  /* ===== КАРТОЧКИ-ССЫЛКИ (навигационные) ===== */
  /* Используется на страницах: Акции, Брендинг */
  /* Классы: .subcategory-card */
  
  .subcategories-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 0;
  }
  
  .subcategory-card {
    padding: 14px 10px;
    border-radius: 8px;
    transition: transform 0.2s ease;
  }
  
  .subcategory-card:hover {
    transform: translateY(-2px);
  }
  
  .subcategory-card__icon {
    width: 36px;
    height: 36px;
    margin-bottom: 8px;
  }
  
  .subcategory-card__icon svg {
    width: 20px;
    height: 20px;
  }
  
  .subcategory-card__title {
    font-size: 0.85rem;
    margin-bottom: 3px;
    line-height: 1.2;
  }
  
  .subcategory-card__count {
    font-size: 0.75rem;
    line-height: 1.3;
  }
  
  /* ===== ИНФОРМАЦИОННЫЕ КАРТОЧКИ (преимущества) ===== */
  /* Используется на страницах: Главная, Брендинг */
  /* Классы: .advantage-card */
  
  .advantages-section {
    padding: 30px 0;
  }

  .home-advantages-section {
    padding: 0;
  }

  .home-advantages-section .container {
    padding-left: 0;
    padding-right: 0;
  }

  .home-advantages-section .mobile-hero-card {
    display: block;
    position: relative;
    min-height: clamp(320px, 68vw, 500px);
    border-radius: 0;
    overflow: hidden;
    padding: clamp(10px, 3vw, 14px) clamp(12px, 3.6vw, 16px) clamp(14px, 4.2vw, 20px);
    background-image:
      linear-gradient(95deg, rgba(15, 20, 28, 0.88) 0%, rgba(15, 20, 28, 0.66) 40%, rgba(15, 20, 28, 0.26) 68%, rgba(15, 20, 28, 0.08) 100%),
      url('/assets/images/home-mobile-hero.webp');
    background-size: cover;
    background-position: 82% center;
    background-repeat: no-repeat;
    box-shadow: none;
  }

  .home-advantages-section .mobile-hero-card__content {
    position: relative;
    z-index: 1;
    max-width: 64%;
    margin-top: clamp(4px, 1.5vw, 10px);
    color: #fff;
  }

  .home-advantages-section .mobile-hero-card__title {
    margin: 0 0 clamp(6px, 1.6vw, 10px);
    font-size: clamp(1.28rem, 5.45vw, 1.64rem);
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
  }

  .home-advantages-section .mobile-hero-card__subtitle {
    margin: 0 0 clamp(8px, 2.1vw, 12px);
    font-size: clamp(0.78rem, 2.95vw, 0.9rem);
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.88);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .home-advantages-section .mobile-hero-card__list {
    margin: 0 0 clamp(10px, 2.6vw, 14px);
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: clamp(5px, 1.8vw, 8px);
  }

  .home-advantages-section .mobile-hero-card__list li {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: clamp(0.76rem, 2.85vw, 0.9rem);
    line-height: 1.35;
  }

  .home-advantages-section .mobile-hero-card__check {
    position: relative;
    width: clamp(12px, 3.3vw, 14px);
    height: clamp(12px, 3.3vw, 14px);
    flex: 0 0 clamp(12px, 3.3vw, 14px);
    border-radius: 50%;
    border: 1.5px solid #4caf50;
  }

  .home-advantages-section .mobile-hero-card__check::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 3px;
    width: 3px;
    height: 6px;
    border-right: 1.5px solid #4caf50;
    border-bottom: 1.5px solid #4caf50;
    transform: rotate(45deg);
  }

  .home-advantages-section .mobile-hero-card__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: clamp(8px, 2.4vw, 10px) clamp(10px, 3vw, 14px);
    border-radius: 6px;
    font-size: clamp(0.8rem, 3vw, 0.92rem);
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #2d96f3 0%, #1976d2 100%);
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.38);
  }

  .home-advantages-section .advantages-grid {
    display: none;
  }
  
  .advantages-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .advantage-card {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    padding: 12px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 8px;
    gap: 12px;
  }
  
  .advantage-card:hover {
    transform: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }
  
  /* Поддержка разных классов иконок */
  .advantage-card__icon,
  .advantage-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 0;
    flex-shrink: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-blue-hover) 100%);
    color: white;
  }
  
  .advantage-card__icon svg,
  .advantage-icon svg {
    width: 24px;
    height: 24px;
  }
  
  /* Поддержка разных классов текста */
  .advantage-card__title,
  .advantage-card h3 {
    font-size: 0.9rem;
    margin-bottom: 3px;
    line-height: 1.3;
    font-weight: 600;
  }
  
  .advantage-card__text,
  .advantage-card p {
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--text-muted);
    margin: 0;
  }
}