/* ============================================
   INDEX.CSS - НЕОМОРФНЫЙ ТЕМНЫЙ ДИЗАЙН
   Неоновые акценты + Глянец + Неоморфизм
   ============================================ */

/* ============================================
   HERO SECTION - НЕОНОВЫЙ ГРАДИЕНТ
   ============================================ */
.hero-section {
  position: relative !important;
  min-height: calc(100vh - 90px) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  margin-top: 90px !important;
  padding-top: 1rem !important;
  background: 
    radial-gradient(circle at 20% 30%, rgba(0, 212, 255, 0.3) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(0, 153, 255, 0.3) 0%, transparent 50%),
    linear-gradient(135deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%) !important;
}

.hero-background {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: 1 !important;
  opacity: 0.15 !important;
  filter: blur(2px) !important;
}

.hero-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: 
    radial-gradient(circle at 50% 50%, rgba(0, 212, 255, 0.1) 0%, transparent 70%),
    linear-gradient(180deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.95) 100%) !important;
  z-index: 2 !important;
}

.hero-container {
  position: relative !important;
  z-index: 3 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  width: 100% !important;
}

.hero-content {
  max-width: 900px !important;
  text-align: left !important;
}

.hero-title {
  font-size: var(--font-size-6xl) !important;
  font-weight: var(--font-weight-black) !important;
  color: #ffffff !important;
  line-height: var(--line-height-tight) !important;
  margin: 0 0 2rem 0 !important;
  text-shadow: 
    0 0 20px rgba(0, 212, 255, 0.5),
    0 0 40px rgba(0, 212, 255, 0.3),
    0 0 60px rgba(0, 212, 255, 0.2),
    0 4px 20px rgba(0, 0, 0, 0.8) !important;
  letter-spacing: -0.02em !important;
}

.hero-subtitle {
  font-size: var(--font-size-3xl) !important;
  font-weight: var(--font-weight-medium) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: var(--line-height-relaxed) !important;
  margin: 0 0 3rem 0 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.hero-cta-btn {
  display: inline-block !important;
  padding: 24px 56px !important;
  background: var(--color-accent-gradient) !important;
  color: #ffffff !important;
  border-radius: var(--radius-full) !important;
  text-decoration: none !important;
  font-weight: var(--font-weight-black) !important;
  font-size: var(--font-size-xl) !important;
  transition: all var(--transition-base) !important;
  box-shadow: var(--shadow-neon), var(--shadow-xl) !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  position: relative !important;
  overflow: hidden !important;
}

.hero-cta-btn::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
  transition: left 0.6s !important;
}

.hero-cta-btn:hover::before {
  left: 100% !important;
}

.hero-cta-btn:hover {
  transform: translateY(-5px) scale(1.08) !important;
  box-shadow: 
    0 0 30px rgba(0, 212, 255, 0.6),
    0 0 60px rgba(0, 212, 255, 0.4),
    0 0 90px rgba(0, 212, 255, 0.2),
    0 20px 60px rgba(0, 0, 0, 0.9) !important;
  filter: brightness(1.3);
}

/* ============================================
   FEATURES SECTION - НЕОМОРФНЫЕ КАРТОЧКИ
   ============================================ */
.features-section {
  padding: 2rem 0 3rem 0 !important;
  background: 
    radial-gradient(circle at 50% 0%, rgba(0, 212, 255, 0.05) 0%, transparent 50%),
    linear-gradient(180deg, #0a0a0a 0%, #111111 100%) !important;
  position: relative !important;
}

.features-container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  position: relative !important;
  z-index: 1 !important;
}

.features-header {
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto 5rem !important;
}

.features-title {
  font-size: var(--font-size-6xl) !important;
  font-weight: var(--font-weight-black) !important;
  background: var(--color-accent-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin: 0 0 2rem 0 !important;
  line-height: var(--line-height-tight) !important;
  text-shadow: 0 0 30px rgba(0, 212, 255, 0.5) !important;
  filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.3)) !important;
  letter-spacing: -0.02em !important;
}

.features-description {
  font-size: var(--font-size-xl) !important;
  color: var(--color-text-secondary) !important;
  line-height: var(--line-height-relaxed) !important;
  margin: 0 !important;
}

.features-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 3rem !important;
}

.feature-card {
  background: linear-gradient(145deg, #1f1f1f, #1a1a1a) !important;
  border-radius: var(--radius-xl) !important;
  padding: 3rem !important;
  border: 2px solid var(--color-border) !important;
  transition: all var(--transition-base) !important;
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.8),
    -12px -12px 24px rgba(255, 255, 255, 0.02),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

.feature-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: var(--color-accent-gradient) !important;
  opacity: 0 !important;
  transition: opacity var(--transition-base) !important;
  box-shadow: var(--shadow-neon) !important;
}

.feature-card:hover::before {
  opacity: 1 !important;
}

.feature-card:hover {
  transform: translateY(-12px) scale(1.03) !important;
  box-shadow: 
    var(--shadow-neon),
    16px 16px 32px rgba(0, 0, 0, 0.9),
    -16px -16px 32px rgba(255, 255, 255, 0.03),
    inset 0 0 0 1px rgba(0, 212, 255, 0.3) !important;
  border-color: var(--color-border-glow) !important;
}

.feature-card-primary {
  background: var(--color-accent-gradient) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 
    var(--shadow-neon),
    12px 12px 24px rgba(0, 0, 0, 0.8) !important;
}

.feature-card-primary .feature-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.feature-icon {
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto 2rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(145deg, rgba(0, 212, 255, 0.2), rgba(0, 153, 255, 0.2)) !important;
  border-radius: var(--radius-lg) !important;
  padding: 1.5rem !important;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.05),
    0 0 20px rgba(0, 212, 255, 0.3) !important;
  position: relative !important;
}

.feature-card-primary .feature-icon {
  background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.3),
    inset -4px -4px 8px rgba(255, 255, 255, 0.1),
    0 0 30px rgba(255, 255, 255, 0.2) !important;
}

.feature-icon img,
.feature-icon svg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5)) !important;
}

.feature-title {
  font-size: var(--font-size-2xl) !important;
  font-weight: var(--font-weight-black) !important;
  color: var(--color-text-primary) !important;
  margin: 0 !important;
  line-height: var(--line-height-tight) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* ============================================
   VAT CALCULATOR - СТЕКЛЯННЫЙ СТИЛЬ
   ============================================ */
.vat-calculator-container {
  max-width: 900px !important;
  margin: 40px auto !important;
  padding: 3rem !important;
  background: linear-gradient(145deg, #1f1f1f, #1a1a1a) !important;
  border-radius: var(--radius-xl) !important;
  position: relative !important;
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.8),
    -12px -12px 24px rgba(255, 255, 255, 0.02),
    inset 0 0 0 2px rgba(0, 212, 255, 0.2) !important;
  border: 2px solid var(--color-border) !important;
}

.vat-calculator-container::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: var(--color-accent-gradient) !important;
  box-shadow: var(--shadow-neon) !important;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0 !important;
}

.vat-calculator-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
}

.vat-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

.vat-label {
  color: var(--color-accent) !important;
  font-size: var(--font-size-lg) !important;
  font-weight: var(--font-weight-bold) !important;
  margin-bottom: 0.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 10px rgba(0, 212, 255, 0.5) !important;
}

.vat-hint {
  color: var(--color-text-tertiary) !important;
  font-size: var(--font-size-sm) !important;
  margin-top: -0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.vat-input {
  width: 100% !important;
  padding: 18px 24px !important;
  background: var(--color-bg-glass) !important;
  backdrop-filter: blur(20px) !important;
  border: 2px solid var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
  color: var(--color-text-primary) !important;
  font-size: var(--font-size-lg) !important;
  transition: all var(--transition-base) !important;
  box-shadow: var(--shadow-inset), var(--shadow-md) !important;
}

.vat-input::placeholder {
  color: var(--color-accent) !important;
  opacity: 0.5 !important;
}

.vat-input:focus {
  outline: none !important;
  border-color: var(--color-border-focus) !important;
  box-shadow: var(--shadow-neon), var(--shadow-inset) !important;
  background: rgba(26, 26, 26, 0.95) !important;
}

.vat-toggle-group {
  display: flex !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
}

.vat-toggle-group input[type="radio"] {
  display: none !important;
}

.vat-toggle-btn {
  padding: 16px 32px !important;
  background: linear-gradient(145deg, #1f1f1f, #1a1a1a) !important;
  color: var(--color-text-tertiary) !important;
  border: 2px solid var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
  cursor: pointer !important;
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-semibold) !important;
  transition: all var(--transition-base) !important;
  user-select: none !important;
  flex: 1 !important;
  min-width: 120px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: var(--shadow-inset), var(--shadow-sm) !important;
}

.vat-toggle-group input[type="radio"]:checked + .vat-toggle-btn {
  background: var(--color-accent-gradient) !important;
  color: #ffffff !important;
  border-color: var(--color-accent) !important;
  box-shadow: var(--shadow-neon), var(--shadow-md) !important;
  transform: scale(1.05) !important;
}

.vat-separator {
  position: relative !important;
  margin: 2rem 0 !important;
  text-align: center !important;
}

.vat-separator::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: var(--color-accent-gradient) !important;
  box-shadow: var(--shadow-neon) !important;
  border-radius: var(--radius-full) !important;
}

.vat-separator-text {
  position: relative !important;
  background: linear-gradient(145deg, #1f1f1f, #1a1a1a) !important;
  padding: 0 2rem !important;
  color: var(--color-accent) !important;
  font-size: var(--font-size-sm) !important;
  font-weight: var(--font-weight-bold) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

.vat-results {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
}

.vat-result-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

.vat-result-label {
  color: var(--color-text-secondary) !important;
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-semibold) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.vat-result-line {
  height: 2px !important;
  background: var(--color-accent-gradient) !important;
  box-shadow: var(--shadow-neon) !important;
  border-radius: var(--radius-full) !important;
  margin: 0.5rem 0 !important;
}

.vat-result-value {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

.vat-result-amount {
  color: var(--color-accent) !important;
  font-size: var(--font-size-3xl) !important;
  font-weight: var(--font-weight-black) !important;
  text-shadow: var(--shadow-neon) !important;
}

.vat-result-text {
  color: var(--color-text-tertiary) !important;
  font-size: var(--font-size-sm) !important;
}

.vat-icons {
  position: absolute !important;
  bottom: 2rem !important;
  right: 2rem !important;
  display: flex !important;
  gap: 1rem !important;
}

.vat-icon {
  width: 40px !important;
  height: 40px !important;
  cursor: pointer !important;
  opacity: 0.7 !important;
  transition: all var(--transition-base) !important;
  border-radius: var(--radius-md) !important;
  filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5)) !important;
}

.vat-icon:hover {
  opacity: 1 !important;
  transform: scale(1.2) rotate(10deg) !important;
  filter: drop-shadow(var(--shadow-neon)) !important;
}

/* ============================================
   ОБЩИЕ СТИЛИ ДЛЯ СЕКЦИЙ ПОСЛЕ HERO
   ============================================ */
/* Уменьшаем верхние и нижние отступы для всех секций после hero */
.u-section-2,
.u-section-3,
.u-section-4,
.u-section-5,
.u-section-6,
.u-section-7,
.u-section-8,
.u-section-9 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

/* ============================================
   HOW WE WORK SECTION - БЛОК "КАК МЫ РАБОТАЕМ"
   ============================================ */
.u-section-3 {
  padding: 2rem 0 3rem 0 !important;
  background: 
    radial-gradient(circle at 50% 0%, rgba(0, 212, 255, 0.05) 0%, transparent 50%),
    linear-gradient(180deg, #0a0a0a 0%, #111111 100%) !important;
  position: relative !important;
}

.u-section-3 .u-text-1 {
  font-size: var(--font-size-6xl) !important;
  font-weight: var(--font-weight-black) !important;
  background: var(--color-accent-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin: 0 0 4rem 0 !important;
  text-align: center !important;
  text-shadow: 0 0 30px rgba(0, 212, 255, 0.5) !important;
  filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.3)) !important;
}

.custom-expanded.u-list-1 {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.custom-expanded.u-list-1 .u-repeater-1 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.custom-expanded.u-list-1 .u-repeater-1 .u-list-item {
  position: relative !important;
  padding: 1.5rem !important;
  background: linear-gradient(145deg, #1a1a1a, #151515) !important;
  border-radius: var(--radius-lg) !important;
  border: 2px solid rgba(0, 212, 255, 0.2) !important;
  box-shadow: 
    0 0 20px rgba(0, 212, 255, 0.1),
    8px 8px 16px rgba(0, 0, 0, 0.8),
    -8px -8px 16px rgba(255, 255, 255, 0.02) !important;
  transition: all var(--transition-base) !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
}

/* Убираем стили для удаленного контейнера */

.custom-expanded.u-list-1 .u-repeater-1 .u-list-item:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 212, 255, 0.5) !important;
  box-shadow: 
    0 0 30px rgba(0, 212, 255, 0.3),
    10px 10px 20px rgba(0, 0, 0, 0.9),
    -10px -10px 20px rgba(255, 255, 255, 0.03) !important;
}

/* Прямые стили для элементов внутри карточки */
.custom-expanded.u-list-1 .u-repeater-1 .u-list-item > p {
  order: 1 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
}

.custom-expanded.u-list-1 .u-repeater-1 .u-list-item > .u-group {
  order: 2 !important;
  flex: 0 0 auto !important;
}

.custom-expanded.u-list-1 .u-repeater-1 .u-list-item-1 {
  background: linear-gradient(145deg, rgba(0, 212, 255, 0.15), rgba(0, 153, 255, 0.1)) !important;
  border-color: rgba(0, 212, 255, 0.4) !important;
}

.custom-expanded.u-list-1 .u-text-2,
.custom-expanded.u-list-1 .u-text-4,
.custom-expanded.u-list-1 .u-text-6,
.custom-expanded.u-list-1 .u-text-8,
.custom-expanded.u-list-1 .u-text-10 {
  color: var(--color-text-secondary) !important;
  font-size: var(--font-size-base) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  flex-grow: 0 !important;
}

.custom-expanded.u-list-1 .u-text-2 a {
  color: rgba(0, 212, 255, 1) !important;
  text-decoration: none !important;
  font-weight: var(--font-weight-bold) !important;
  transition: all var(--transition-base) !important;
  text-shadow: 0 0 10px rgba(0, 212, 255, 0.5) !important;
}

.custom-expanded.u-list-1 .u-text-2 a:hover {
  color: rgba(0, 212, 255, 1) !important;
  text-shadow: 0 0 20px rgba(0, 212, 255, 0.8) !important;
}

.custom-expanded.u-list-1 .u-group-1,
.custom-expanded.u-list-1 .u-group-2,
.custom-expanded.u-list-1 .u-group-3,
.custom-expanded.u-list-1 .u-group-4,
.custom-expanded.u-list-1 .u-group-5 {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  align-self: flex-start !important;
  flex-shrink: 0 !important;
  background: linear-gradient(145deg, rgba(0, 212, 255, 0.3), rgba(0, 153, 255, 0.2)) !important;
  border: 2px solid rgba(0, 212, 255, 0.5) !important;
  box-shadow: 
    0 0 15px rgba(0, 212, 255, 0.4),
    inset 3px 3px 6px rgba(0, 0, 0, 0.5),
    inset -3px -3px 6px rgba(255, 255, 255, 0.05) !important;
  position: relative !important;
}

.custom-expanded.u-list-1 .u-group-1 {
  background: linear-gradient(145deg, rgba(0, 212, 255, 0.4), rgba(0, 153, 255, 0.3)) !important;
}

.custom-expanded.u-list-1 .u-text-3,
.custom-expanded.u-list-1 .u-text-5,
.custom-expanded.u-list-1 .u-text-7,
.custom-expanded.u-list-1 .u-text-9,
.custom-expanded.u-list-1 .u-text-11 {
  color: #ffffff !important;
  font-size: var(--font-size-xl) !important;
  font-weight: var(--font-weight-black) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-shadow: 0 0 10px rgba(0, 212, 255, 0.8) !important;
  line-height: 1 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Расположение: 3 в верхнем ряду, 2 в нижнем (по центру) */
.custom-expanded.u-list-1 .u-repeater-1 .u-list-item:nth-child(4) {
  grid-column: 1 / 2 !important;
}

.custom-expanded.u-list-1 .u-repeater-1 .u-list-item:nth-child(5) {
  grid-column: 2 / 3 !important;
}

/* Стили для секции 8 (Преимущества кассовых чеков) */
.u-section-8 .u-group-1,
.u-section-8 .u-group-2,
.u-section-8 .u-group-3,
.u-section-8 .u-group-4,
.u-section-8 .u-group-5 {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  background: linear-gradient(145deg, rgba(0, 212, 255, 0.3), rgba(0, 153, 255, 0.2)) !important;
  border: 2px solid rgba(0, 212, 255, 0.5) !important;
  box-shadow: 
    0 0 15px rgba(0, 212, 255, 0.4),
    inset 3px 3px 6px rgba(0, 0, 0, 0.5),
    inset -3px -3px 6px rgba(255, 255, 255, 0.05) !important;
  position: relative !important;
}

.u-section-8 .u-group-1 h5,
.u-section-8 .u-group-2 h5,
.u-section-8 .u-group-3 h5,
.u-section-8 .u-group-4 h5,
.u-section-8 .u-group-5 h5 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* ============================================
   SECTION 6 - ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ
   ============================================ */

/* Отступ между заголовком секции и карточками */
.u-section-6 .u-text-1 {
  margin-bottom: 2rem !important;
}

/* Gap между карточками */
.u-section-6 .u-repeater-1 {
  gap: 1.5rem !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
}

.u-section-6 .u-list-item {
  padding: 1.5rem !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
}

/* Заголовки в карточках секции 6 */
.u-section-6 .u-list-item h2,
.u-section-6 .u-text-2,
.u-section-6 .u-text-6,
.u-section-6 .u-text-8,
.u-section-6 .u-text-9,
.u-section-6 .u-text-12,
.u-section-6 .u-text-13 {
  font-size: 1.125rem !important;
  line-height: 1.5 !important;
  margin: 0 0 0.75rem 0 !important;
  padding: 0 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  max-width: 100% !important;
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}

/* Иконки в секции 6 */
.u-section-6 .u-file-icon,
.u-section-6 .u-icon {
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.u-section-6 .u-file-icon svg,
.u-section-6 .u-icon svg {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* Кнопки "подробнее" в секции 6 */
.u-section-6 .u-text-3,
.u-section-6 .u-text-7 {
  margin-top: 0.75rem !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}

.u-section-6 .u-btn-1,
.u-section-6 .u-btn-3 {
  font-size: 0.875rem !important;
  padding: 0.75rem 1.5rem !important;
  display: inline-block !important;
  text-decoration: none !important;
  color: var(--color-accent) !important;
  background: linear-gradient(145deg, rgba(0, 212, 255, 0.1), rgba(0, 153, 255, 0.05)) !important;
  border: 2px solid rgba(0, 212, 255, 0.3) !important;
  border-radius: var(--radius-lg) !important;
  transition: all var(--transition-base) !important;
  word-wrap: break-word !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  font-weight: var(--font-weight-semibold) !important;
  box-shadow: 
    0 0 10px rgba(0, 212, 255, 0.2),
    inset 2px 2px 4px rgba(0, 0, 0, 0.3),
    inset -2px -2px 4px rgba(255, 255, 255, 0.02) !important;
  position: relative !important;
  overflow: hidden !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.u-section-6 .u-btn-1::before,
.u-section-6 .u-btn-3::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.2), transparent) !important;
  transition: left 0.5s !important;
}

.u-section-6 .u-btn-1:hover::before,
.u-section-6 .u-btn-3:hover::before {
  left: 100% !important;
}

.u-section-6 .u-btn-1:hover,
.u-section-6 .u-btn-3:hover {
  color: #ffffff !important;
  background: var(--color-accent-gradient) !important;
  border-color: var(--color-accent) !important;
  transform: translateY(-2px) !important;
  box-shadow: 
    0 0 20px rgba(0, 212, 255, 0.6),
    0 0 40px rgba(0, 212, 255, 0.3),
    0 4px 12px rgba(0, 0, 0, 0.5),
    inset 0 0 20px rgba(0, 212, 255, 0.1) !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important;
}

/* Адаптивность */
@media (max-width: 767px) {
  .hero-title {
    font-size: var(--font-size-4xl) !important;
  }

  .hero-subtitle {
    font-size: var(--font-size-xl) !important;
  }

  .features-grid {
    grid-template-columns: 1fr !important;
  }

  .vat-calculator-container {
    padding: 2rem 1.5rem !important;
    margin: 20px 10px !important;
  }

  .u-section-3 {
    padding: 2rem 0 4rem 0 !important;
  }

  /* Уменьшаем верхние и нижние отступы для всех секций на мобильных */
  .u-section-2,
  .u-section-3,
  .u-section-4,
  .u-section-5,
  .u-section-6,
  .u-section-7,
  .u-section-8,
  .u-section-9 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .u-section-3 {
    padding: 1.5rem 0 2rem 0 !important;
  }

  .u-section-3 .u-text-1 {
    font-size: var(--font-size-4xl) !important;
    margin-bottom: 3rem !important;
  }

  /* Уменьшаем верхние отступы для всех секций на мобильных */
  .u-section-2,
  .u-section-3,
  .u-section-4,
  .u-section-5,
  .u-section-6,
  .u-section-7,
  .u-section-8,
  .u-section-9 {
    padding-top: 2rem !important;
  }

  .custom-expanded.u-list-1 .u-repeater-1 {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  .custom-expanded.u-list-1 .u-list-item {
    min-height: auto !important;
    padding: 1.25rem !important;
  }

  .custom-expanded.u-list-1 .u-text-2,
  .custom-expanded.u-list-1 .u-text-4,
  .custom-expanded.u-list-1 .u-text-6,
  .custom-expanded.u-list-1 .u-text-8,
  .custom-expanded.u-list-1 .u-text-10 {
    font-size: var(--font-size-sm) !important;
    line-height: 1.5 !important;
  }

  .custom-expanded.u-list-1 .u-group-1,
  .custom-expanded.u-list-1 .u-group-2,
  .custom-expanded.u-list-1 .u-group-3,
  .custom-expanded.u-list-1 .u-group-4,
  .custom-expanded.u-list-1 .u-group-5 {
    width: 40px !important;
    height: 40px !important;
  }

  .custom-expanded.u-list-1 .u-text-3,
  .custom-expanded.u-list-1 .u-text-5,
  .custom-expanded.u-list-1 .u-text-7,
  .custom-expanded.u-list-1 .u-text-9,
  .custom-expanded.u-list-1 .u-text-11 {
    font-size: var(--font-size-lg) !important;
  }

  .custom-expanded.u-list-1 .u-repeater-1 .u-list-item:nth-child(4),
  .custom-expanded.u-list-1 .u-repeater-1 .u-list-item:nth-child(5) {
    grid-column: 1 / -1 !important;
  }

  /* Секция 6 - мобильные устройства */
  .u-section-6 .u-text-1 {
    margin-bottom: 1.5rem !important;
  }

  .u-section-6 .u-repeater-1 {
    gap: 1rem !important;
    grid-template-columns: 1fr !important;
  }

  .u-section-6 .u-list-item {
    padding: 1.25rem !important;
    gap: 0.75rem !important;
  }

  .u-section-6 .u-list-item h2,
  .u-section-6 .u-text-2,
  .u-section-6 .u-text-6,
  .u-section-6 .u-text-8,
  .u-section-6 .u-text-9,
  .u-section-6 .u-text-12,
  .u-section-6 .u-text-13 {
    font-size: 1rem !important;
    line-height: 1.4 !important;
    margin: 0 0 0.5rem 0 !important;
  }

  .u-section-6 .u-btn-1,
  .u-section-6 .u-btn-3 {
    font-size: 0.75rem !important;
    padding: 0.6rem 1.2rem !important;
    letter-spacing: 0.3px !important;
  }

  /* Иконки в секции 6 на мобильных */
  .u-section-6 .u-file-icon,
  .u-section-6 .u-icon {
    width: 30px !important;
    height: 30px !important;
  }

  .u-section-6 .u-file-icon svg,
  .u-section-6 .u-icon svg {
    width: 30px !important;
    height: 30px !important;
  }

  /* Уменьшаем заголовок в секции 9 на мобильных в два раза */
  .u-section-9 .u-text-1 {
    font-size: 50% !important;
  }

  /* Дополнительное уменьшение отступов секции 9 на мобильных */
  .u-section-9 .u-sheet-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  /* Заголовок и плашка в секции 7 на мобильных */
  .u-section-7-header {
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
  }

  .u-section-7 .u-text-1 {
    font-size: var(--font-size-4xl) !important;
  }

  .u-section-7-badge {
    font-size: 0.75rem !important;
    padding: 0.4rem 1rem !important;
  }
}

/* ============================================
   SECTION 7 - КАССОВЫЕ ЧЕКИ
   ============================================ */
/* Заголовок секции 7 */
.u-section-7 .u-text-1 {
  font-size: var(--font-size-6xl) !important;
  font-weight: var(--font-weight-black) !important;
  background: var(--color-accent-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin: 0 !important;
  line-height: var(--line-height-tight) !important;
  text-shadow: 0 0 30px rgba(0, 212, 255, 0.5) !important;
  filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.3)) !important;
  letter-spacing: -0.02em !important;
}

/* Контейнер для заголовка и плашки */
.u-section-7-header {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
  margin-bottom: 2rem !important;
  flex-wrap: wrap !important;
}

/* Плашка "Хит продаж" */
.u-section-7-badge {
  display: inline-block !important;
  padding: 0.5rem 1.5rem !important;
  background: var(--color-accent-gradient) !important;
  color: #ffffff !important;
  border-radius: var(--radius-full) !important;
  font-size: var(--font-size-sm) !important;
  font-weight: var(--font-weight-bold) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: var(--shadow-neon) !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Применяем одинаковые стили ко всем текстам в карточках секции 7 */
/* Переопределяем стили из custom-expanded для секции 7 */
.u-section-7 .custom-expanded.u-list-1 .u-text-3,
.u-section-7 .custom-expanded.u-list-1 .u-text-5,
.u-section-7 .u-text-3,
.u-section-7 .u-text-4,
.u-section-7 .u-text-5,
.u-section-7 .u-text-6 {
  font-size: var(--font-size-base) !important;
  line-height: 1.6 !important;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  font-weight: normal !important;
  text-shadow: none !important;
  text-align: left !important;
  display: block !important;
  align-items: normal !important;
  justify-content: normal !important;
  width: auto !important;
  height: auto !important;
}

/* ============================================
   SECTION 9 - УМЕНЬШЕНИЕ ОТСТУПОВ
   ============================================ */
.u-section-9 .u-sheet-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  min-height: auto !important;
}

.u-section-9 .u-text-1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}