/* 1. Общие настройки и сброс скролла */
body.t-body_scroll-locked,
body.t-body_popupshowed,
html.t-body_scroll-locked,
html.t-body_popupshowed {
  position: static !important;
  overflow: auto !important;
  height: auto !important;
}
.t-form-success-popup, #rec2344030473 {
  display: none !important;
}
html {
  scroll-behavior: smooth;
}
.t123 {
  padding: 0 !important;
}
.t123 .t-container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

/* 2. Иконки Material Icons */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 355, 'GRAD' 0, 'opsz' 40;
  vertical-align: middle;
}

/* 3. Анимации */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes slideIn {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes catalogFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes analysisFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes logisticsFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes contactsFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes orange-pulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.6); }
  70% { transform: scale(1); box-shadow: 0 0 0 14px rgba(255, 107, 0, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 107, 0, 0); }
}

.animate-fade-in-up { animation: fadeInUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.animate-slide-in { animation: slideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.catalog-animate-fade-in { animation: catalogFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.analysis-animate-fade-in { animation: analysisFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.logistics-animate-fade-in { animation: logisticsFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.contacts-animate-fade-in { animation: contactsFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.pulsing-btn { animation: orange-pulse 2s infinite; }

/* 4. Блок преимуществ (свечение карточек) */
.accent-glow {
  position: relative;
  overflow: hidden;
  transition: border-color 0.35s ease, box-shadow 0.35s ease;
}
.accent-glow::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
    300px circle at var(--mouse-x, 0px) var(--mouse-y, 0px),
    rgba(255, 107, 0, 0.06),
    transparent 80%
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
  z-index: 1;
}
.accent-glow:hover::before { opacity: 1; }
.accent-glow:hover {
  border-color: rgba(255, 107, 0, 0.35);
  box-shadow: 0 10px 30px -10px rgba(255, 107, 0, 0.08);
}
.group:hover .icon-glow {
  color: #ff8f40;
  transform: scale(1.05);
}
.group:hover .number-glow {
  color: rgba(255, 107, 0, 0.15) !important;
}

/* 5. Блок анализа проекта */
.text-outline-orange {
  -webkit-text-stroke: 1px #ff6b00;
  color: transparent;
}
.bg-expert {
  background-image: 
    linear-gradient(to bottom, #131314 0%, transparent 15%, transparent 85%, #131314 100%),
    linear-gradient(90deg, rgba(19,19,20,1) 30%, rgba(19,19,20,0.8) 60%, rgba(19,19,20,0.4) 100%), 
    url('https://static.tildacdn.com/tild6561-3836-4330-a232-303731323430/Background_image_for.jpeg');
  background-size: cover;
  background-position: right center;
}
.sharp-clip {
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}

/* 6. Контроль качества (сетка) */
.industrial-grid {
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 40px 40px;
}
.mask-gradient {
  mask-image: linear-gradient(to right, black 50%, transparent 100%);
}
@media (max-width: 1024px) {
  .mask-gradient {
    mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  }
}

/* 7. Логистика и Портфолио */
.benefit-card {
  background: rgba(20, 20, 21, 0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-left: 4px solid #ff6b00;
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  border-right: 1px solid rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.benefit-card:hover {
  background: rgba(38, 38, 39, 0.95);
  border-left-color: #ff8533;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px -10px rgba(255, 107, 0, 0.2);
}
.industrial-glow:hover {
  box-shadow: 0 0 15px rgba(255, 182, 147, 0.2);
}

/* 8. Кнопка WhatsApp Hero */
#constructum-tilda-container #tilda-wa-btn,
#constructum-tilda-container #tilda-wa-btn span {
  color: #ffffff !important;
  text-decoration: none !important;
}
#constructum-tilda-container #tilda-wa-btn:hover,
#constructum-tilda-container #tilda-wa-btn:hover span {
  color: #ffffff !important;
  text-decoration: none !important;
}
#constructum-tilda-container #tilda-wa-btn svg {
  color: #25D366 !important;
  fill: #25D366 !important;
  transition: color 0.3s, fill 0.3s;
}
#constructum-tilda-container #tilda-wa-btn:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}