@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;900&family=Manrope:wght@300;400;500;600;700&display=swap');

/* ===== ФОН НА ВЕСЬ САЙТ ===== */
html, body, .t-body, .t-page, #allrecords {
  background: #07070d !important;
  background-color: #07070d !important;
}
.t-rec, .t-rec_pt_0, .t-rec_pb_0 {
  background-color: #07070d !important;
}

/* ===== ХЛЕБНЫЕ КРОШКИ ===== */
.ph-breadcrumb-zb {
  font-family: 'Manrope', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  background: linear-gradient(90deg, #3030a0, #ff2d78, #00f5ff, #3030a0) !important;
  background-size: 300% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: breadcrumbFlow 4s linear infinite !important;
}
@keyframes breadcrumbFlow {
  0%   { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}



/* ===== БЕЙДЖ РОЗОВЫЙ ===== */
.badge-pink {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #ff2d78 !important;
  background: rgba(255,45,120,0.05) !important;
  border: 1px solid rgba(255,45,120,0.25) !important;
  box-shadow: 0 0 8px rgba(255,45,120,0.3), inset 0 0 8px rgba(255,45,120,0.05) !important;
}

/* ===== БЕЙДЖ ГОЛУБОЙ ===== */
.badge {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #00f5ff !important;
  background: rgba(0,245,255,0.07) !important;
  border: 1px solid rgba(0,245,255,0.25) !important;
  box-shadow: 0 0 8px rgba(0,245,255,0.2), inset 0 0 8px rgba(0,245,255,0.03) !important;
  padding: 7px 18px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  width: fit-content !important;
}

/* ===== ЗАГОЛОВКИ ===== */
.title-white {
  font-family: 'Unbounded', sans-serif !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  letter-spacing: -0.02em !important;
}
.title-pink {
  font-family: 'Unbounded', sans-serif !important;
  font-weight: 900 !important;
  color: #ff2d78 !important;
  letter-spacing: -0.02em !important;
  text-shadow:
    0 0 3px #fff,
    0 0 7px #ff2d78,
    0 0 18px #ff2d78,
    0 0 35px rgba(255,45,120,0.6),
    0 0 70px rgba(255,45,120,0.3) !important;
  animation: flicker1 4s ease-in-out infinite;
}
.title-cyan {
  font-family: 'Unbounded', sans-serif !important;
  font-weight: 900 !important;
  color: #00f5ff !important;
  letter-spacing: -0.02em !important;
  text-shadow:
    0 0 3px #fff,
    0 0 7px #00f5ff,
    0 0 18px #00f5ff,
    0 0 35px rgba(0,245,255,0.6),
    0 0 70px rgba(0,245,255,0.3) !important;
  animation: flicker2 6s ease-in-out infinite 2s;
}
@keyframes flicker1 {
  0%,94%,100%{opacity:1}
  95%{opacity:0.7}
  96%{opacity:1}
  97%{opacity:0.5}
  98%{opacity:1}
}
@keyframes flicker2 {
  0%,88%,100%{opacity:1}
  89%{opacity:0.6}
  91%{opacity:1}
  92%{opacity:0.75}
}

/* ===== ПОДЗАГОЛОВОК ===== */
.subtitle {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 300 !important;
  color: #6060a0 !important;
  line-height: 1.75 !important;
}

/* ===== КНОПКИ ===== */
.btn-pink .t-btn, .btn-pink {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: #ff2d78 !important;
  color: #fff !important;
  border-radius: 0 !important;
  box-shadow: 0 0 25px rgba(255,45,120,0.5), 0 0 60px rgba(255,45,120,0.2) !important;
  transition: all 0.3s !important;
}
.btn-pink:hover .t-btn, .btn-pink:hover {
  box-shadow: 0 0 50px rgba(255,45,120,0.9) !important;
  transform: translateY(-2px) !important;
}
.btn-ghost .t-btn, .btn-ghost {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  color: #e8e8f0 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 0 !important;
  transition: all 0.3s !important;
}
.btn-ghost:hover .t-btn, .btn-ghost:hover {
  border-color: #00f5ff !important;
  color: #00f5ff !important;
}

/* ===== ПЛАВАЮЩИЕ БЕЙДЖИ (шейп) ===== */
.float-badge {
  background: rgba(0,245,255,0.05) !important;
  border: 1px solid rgba(0,245,255,0.3) !important;
  box-shadow: 0 0 8px rgba(0,245,255,0.2) !important;
}
.float-badge-1 { animation: fb1 4.2s ease-in-out infinite 0s !important; }
.float-badge-2 { animation: fb2 5.5s ease-in-out infinite 1.2s !important; }
.float-badge-3 { animation: fb3 3.8s ease-in-out infinite 2.4s !important; }
@keyframes fb1 {
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}
@keyframes fb2 {
  0%,100%{transform:translateY(0) translateX(0)}
  30%{transform:translateY(-20px) translateX(5px)}
  70%{transform:translateY(-8px) translateX(-4px)}
}
@keyframes fb3 {
  0%,100%{transform:translateY(0)}
  40%{transform:translateY(-22px)}
  70%{transform:translateY(-8px)}
}

/* ===== СЧЁТЧИКИ ===== */
.snum {
  font-family: 'Unbounded', sans-serif !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.snum.pink   { color: #ff2d78 !important; text-shadow: 0 0 20px rgba(255,45,120,0.7); }
.snum.cyan   { color: #00f5ff !important; text-shadow: 0 0 20px rgba(0,245,255,0.7); }
.snum.yellow { color: #ffe600 !important; text-shadow: 0 0 20px rgba(255,230,0,0.7); }
.slbl {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #5050a0 !important;
}

/* ===== FAQ КАРТОЧКИ ===== */
.ni-faq-item {
  border: 1px solid rgba(255,255,255,0.06) !important;
  transition: background 0.4s, border-color 0.4s, transform 0.35s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.ni-faq-item:hover {
  background: rgba(255,255,255,0.05) !important;
  transform: translateY(-6px) !important;
}
.ni-faq-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 3px !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.4s !important;
}
.ni-faq-item:hover::before {
  transform: scaleX(1) !important;
}

.ni-c1::before { background: #ff2d78 !important; box-shadow: 0 0 12px 2px #ff2d78 !important; }
.ni-c1:hover { border-color: rgba(255,45,120,0.4) !important; box-shadow: 0 8px 30px rgba(255,45,120,0.2) !important; }

.ni-c2::before { background: #00f5ff !important; box-shadow: 0 0 12px 2px #00f5ff !important; }
.ni-c2:hover { border-color: rgba(0,245,255,0.4) !important; box-shadow: 0 8px 30px rgba(0,245,255,0.2) !important; }

.ni-c3::before { background: #7828ff !important; box-shadow: 0 0 12px 2px #7828ff !important; }
.ni-c3:hover { border-color: rgba(120,40,255,0.4) !important; box-shadow: 0 8px 30px rgba(120,40,255,0.2) !important; }

.ni-c4::before { background: #ffe600 !important; box-shadow: 0 0 12px 2px #ffe600 !important; }
.ni-c4:hover { border-color: rgba(255,230,0,0.4) !important; box-shadow: 0 8px 30px rgba(255,230,0,0.2) !important; }

.ni-c5::before { background: #39ff14 !important; box-shadow: 0 0 12px 2px #39ff14 !important; }
.ni-c5:hover { border-color: rgba(57,255,20,0.4) !important; box-shadow: 0 8px 30px rgba(57,255,20,0.2) !important; }


.sh-tag {
  background: rgba(180,190,220,0.04) !important;
  border: 1px solid rgba(180,190,220,0.15) !important;
}
.sh-tag-text {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: rgba(180,190,220,0.7) !important;
}
.sh-title-metal {
  font-family: 'Unbounded', sans-serif !important;
  font-weight: 900 !important;
  color: transparent !important;
  background: linear-gradient(135deg, #c8d0e8 0%, #e8ecf8 40%, #a0aac8 100%) !important;
  background-size: 200% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -0.02em !important;
}
.sh-btn-main .t-btn, .sh-btn-main {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #07070d !important;
  background: linear-gradient(135deg, #c8d0e8, #e8ecf8, #a0aac8) !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: 0 0 30px rgba(180,190,220,0.2) !important;
  transition: all 0.3s !important;
}
.sh-btn-main:hover .t-btn, .sh-btn-main:hover {
  box-shadow: 0 0 50px rgba(180,190,220,0.4) !important;
  transform: translateY(-2px) !important;
}
.sh-btn-ghost .t-btn, .sh-btn-ghost {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  color: rgba(180,190,220,0.7) !important;
  border: 1px solid rgba(180,190,220,0.2) !important;
  border-radius: 0 !important;
  transition: all 0.3s !important;
}
.sh-btn-ghost:hover .t-btn, .sh-btn-ghost:hover {
  border-color: rgba(180,190,220,0.5) !important;
  color: #e8ecf8 !important;
}
.sh-title-metal * {
  -webkit-text-fill-color: transparent !important;
}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

/* КАРТОЧКА — группа */
.arts-card {
  background: #0f0f12 !important;
  border: 1px solid #1c1c20 !important;
  overflow: hidden !important;
  transition: background 0.22s ease !important;
}
.arts-card:hover {
  background: #161619 !important;
  border-color: #2a2a30 !important;
}

/* КАРТИНКА */
.arts-img img {
  filter: brightness(0.55) saturate(0.6) !important;
  transition: transform 0.5s ease, filter 0.35s ease !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.arts-card:hover .arts-img img {
  transform: scale(1.04) !important;
  filter: brightness(0.75) saturate(0.85) !important;
}

/* НАЗВАНИЕ */
.arts-name {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  letter-spacing: 0.5px !important;
  line-height: 1.2 !important;
}

/* ОПИСАНИЕ */
.arts-text {
  color: #5a5a5a !important;
  line-height: 1.6 !important;
}

/* ЦЕНА */
.arts-price {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 400 !important;
  color: #3d3d3d !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* РАЗДЕЛИТЕЛЬ (Shape) */
.arts-shape {
  background: #1c1c20 !important;
  opacity: 1 !important;
}

/* ЛЕЙБЛ вверху */
.arts-label {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: #555555 !important;
}

/* ЗАГОЛОВОК блока */
.arts-title {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  line-height: 1.0 !important;
  letter-spacing: -0.5px !important;
}

/* ПОДЗАГОЛОВОК блока */
.arts-sub {
  color: #666666 !important;
  line-height: 1.7 !important;
}


.buk-card {
  background: #1a1a1a !important;
  border: 1px solid #444444 !important;
  transition: border-color 0.3s !important;
}
.buk-card:hover {
  border-color: #888888 !important;
}