/* ===== 1. СТИЛИ ПОДМЕНЮ (ПК) ===== */
@media screen and (max-width: 640px){
  .t-text_xs { font-size: 14px; }
}

.f360-submenu {
  position: fixed;
  display: none;
  z-index: 999999 !important; 
  min-width: 280px;
  max-width: 340px;
  background: #ffffff;
  border: 1px solid rgba(9,9,9,0.08);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 16px 40px -12px rgba(9,9,9,0.15);
  font-family: 'Manrope', Arial, sans-serif;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.f360-submenu.is-open {
  display: block; 
  opacity: 1;
  transform: translateY(0);
}

.f360-submenu a {
  display: block;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #090909;
  text-decoration: none;
  border-radius: 8px;
  line-height: 1.35;
  transition: background-color 0.18s, color 0.18s;
}

.f360-submenu a:hover {
  background: rgba(185,23,217,0.06);
  color: #B917D9;
}

/* Наша стрелка */
.f360-arrow {
  display: inline-block;
  margin-left: 6px;
  font-size: 10px;
  color: #B917D9;
  transition: transform 0.25s ease;
  pointer-events: none;
}

.f360-arrow.is-up {
  transform: rotate(180deg);
}

/* ===== 2. СКРЫВАЕМ ВСЕ РОДНЫЕ СТРЕЛКИ TILDA ===== */
.t-menusub__arrow,
.t-menu__link-item-icon,
.t-menu__link-item::after,
.tn-atom::after,
.t-menu__link-item svg {
  display: none !important;
}

/* ===== 3. СТИЛИ ПОДМЕНЮ (МОБИЛЬНЫЕ) ===== */
@media (max-width: 960px) {
  .f360-submenu {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 0 10px 20px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    background: transparent !important;
  }
  
  .f360-submenu a,
  .f360-submenu a * {
    display: block !important;
    padding: 10px 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000000 !important; 
    text-decoration: none !important;
    line-height: 1.4 !important;
    background: transparent !important;
  }
}

/* ===== 4. ГЛОБАЛЬНЫЕ СТИЛИ КЕЙСА ===== */
.f360case {
  --accent-purple: #B917D9;
  --accent-yellow: #F7C800;
  --accent-yellow-hover: #FFDE33;
  --gradient-main: linear-gradient(90deg, #E800E8 0%, #FF8C00 100%);
  --text-main: #000000;
  --text-muted: rgba(0,0,0,0.6);
  --bg-light: #F4F4F4;
  --bg-white: #FFFFFF;
  --border-light: rgba(0,0,0,0.08);
  --radius-lg: 32px;
  --radius-md: 20px;
  --radius-sm: 12px;
  background: var(--bg-light); 
  color: var(--text-main);
  font-family: 'Gilroy', Arial, sans-serif;
  font-size: 17px; 
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.f360case *,.f360case *::before,.f360case *::after { box-sizing: border-box; }
.f360case a { color: inherit; text-decoration: none; }
.f360case img { max-width: 100%; display: block; }
.f360case p { margin: 0; }
.f360case .wrap { max-width: 1160px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 32px); }
.f360case section { padding: clamp(60px, 8vw, 100px) 0; position: relative; }

.f360case h1, .f360case h2, .f360case h3 {
  margin: 0; font-weight: 700; letter-spacing: -.02em; line-height: 1.15;
  color: var(--text-main); text-transform: uppercase;
}
.f360case h1 { font-size: clamp(32px, 4.5vw, 56px); line-height: 1.1; }
.f360case h2 { font-size: clamp(28px, 3.5vw, 42px); }
.f360case h3 { font-size: clamp(18px, 2vw, 22px); letter-spacing: 0; text-transform: none; }

.f360case .eyebrow {
  display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--accent-purple);
  margin: 0 0 24px; padding: 6px 14px;
  background: rgba(185,23,217,.08); border-radius: 100px;
}

.f360case .btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 18px 40px; border-radius: 100px; font-size: 16px; font-weight: 600;
  line-height: 1.2; text-align: center; border: 1px solid transparent; 
  cursor: pointer; transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.f360case .btn--primary { background: var(--accent-yellow); color: #000; border-color: var(--accent-yellow); }
.f360case .btn--primary:hover { background: var(--accent-yellow-hover); border-color: var(--accent-yellow-hover); }
.f360case .btn--ghost { background: transparent; color: var(--text-main); border-color: rgba(0,0,0,0.2); }
.f360case .btn--ghost:hover { background: rgba(0,0,0,0.03); border-color: var(--text-main); }
.f360case .card {
  background: var(--bg-white); border-radius: var(--radius-lg);
  padding: clamp(32px, 5vw, 56px); border: 1px solid var(--border-light);
  box-shadow: 0 20px 60px rgba(0,0,0,0.06);
}

/* ===== 5. ЗАЩИТА КАРТИНОК ===== */
img {
  -webkit-user-drag: none !important;
  -khtml-user-drag: none !important;
  -moz-user-drag: none !important;
  -o-user-drag: none !important;
  user-drag: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}
.t-img, .f360case img, .f360case-hero img, .f360case-task img, .f360case-visual img { position: relative; }
.t-img::after, .f360case img::after, .f360case-hero img::after {
  content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: transparent;
}