.section-title,
.section-title h2 {
  font-family: 'Satoshi', sans-serif;
  font-size: clamp(2rem, 3.5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin: 0 auto 8px;
  text-align: center !important;
  text-wrap: balance;
}

.section-subtitle,
.section-subtitle p {
  font-family: 'Satoshi', sans-serif;
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.45);
  margin: 0 auto 20px;
  max-width: 36rem;
  text-align: center !important;
}

body {
  background-color: #131313 !important;
  position: relative;
}

section, .card, footer, header, nav, .ft, .stats, .cta, .hero {
  background: transparent !important;
  background-color: transparent !important;
}

.section-overline {
  font-family: 'Satoshi', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: rgba(196, 9, 217, 0.9);
  margin-bottom: 8px;
  letter-spacing: 0.05em;
  text-align: center;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.bf__card, .stats__card, .ft__card, .cta__inner, .bf__review, .bf__support-badge {
  background: #171717 !important;
}

.feedbacks {
  background: #131313 !important;
  background-color: #131313 !important;
}

.is-scrolled .nb-frame {
  background: none !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transform: translateZ(0);
}

.products-section, [data-component-id="products"] {
  padding-bottom: 120px !important;
}

/* ── SparklesText ── */
.sparkles-wrap {
  position: relative;
  display: inline-block;
}
.sparkles-wrap .sp {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  animation: sp-anim 800ms ease-in-out forwards;
}
@keyframes sp-anim {
  0%   { opacity: 0; transform: scale(0) rotate(75deg); }
  40%  { opacity: 1; transform: scale(1) rotate(120deg); }
  100% { opacity: 0; transform: scale(0) rotate(150deg); }
}

/* ── Products Search Bar ── */
.products-search-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

#poda.products-search-poda {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 420px;
}

.poda-ring {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  border-radius: 12px;
  width: 100%;
}
.poda-ring--1 { height: 66px; filter: blur(2px); }
.poda-ring--2, .poda-ring--3, .poda-ring--4 { height: 62px; filter: blur(2px); }
.poda-ring--5 { height: 60px; filter: blur(1px); }

.poda-ring::before {
  content: '';
  position: absolute;
  z-index: -2;
  width: 999px;
  height: 999px;
  background-repeat: no-repeat;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) rotate(60deg);
  transition: transform 2s;
}
.poda-ring--1::before {
  background: conic-gradient(#000, #c409d9 5%, #000 38%, #000 50%, #e879f9 60%, #000 87%);
}
.poda-ring--2::before, .poda-ring--3::before, .poda-ring--4::before {
  width: 600px; height: 600px;
  transform: translate(-50%, -50%) rotate(82deg);
  background: conic-gradient(rgba(0,0,0,0), #c409d9, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 50%, #e879f9, rgba(0,0,0,0) 60%);
}
.poda-ring--5::before {
  width: 600px; height: 600px;
  transform: translate(-50%, -50%) rotate(83deg);
  background: conic-gradient(rgba(0,0,0,0) 0%, #c409d9, rgba(0,0,0,0) 8%, rgba(0,0,0,0) 50%, #e879f9, rgba(0,0,0,0) 58%);
  filter: brightness(1.0);
}

#poda.products-search-poda:hover .poda-ring--1::before { transform: translate(-50%, -50%) rotate(-120deg); }
#poda.products-search-poda:hover .poda-ring--2::before,
#poda.products-search-poda:hover .poda-ring--3::before,
#poda.products-search-poda:hover .poda-ring--4::before { transform: translate(-50%, -50%) rotate(-98deg); }
#poda.products-search-poda:hover .poda-ring--5::before { transform: translate(-50%, -50%) rotate(-97deg); }
#poda.products-search-poda:focus-within .poda-ring--1::before { transform: translate(-50%, -50%) rotate(420deg); transition-duration: 4s; }
#poda.products-search-poda:focus-within .poda-ring--2::before,
#poda.products-search-poda:focus-within .poda-ring--3::before,
#poda.products-search-poda:focus-within .poda-ring--4::before { transform: translate(-50%, -50%) rotate(442deg); transition-duration: 4s; }
#poda.products-search-poda:focus-within .poda-ring--5::before { transform: translate(-50%, -50%) rotate(443deg); transition-duration: 4s; }

.poda-inner {
  position: relative;
}

.products-search-input {
  background: #010201;
  border: none;
  width: 420px;
  height: 56px;
  border-radius: 10px;
  color: #fff;
  padding: 0 56px 0 56px;
  font-size: 16px;
  font-family: 'Satoshi', sans-serif;
  outline: none;
}
.products-search-input::placeholder { color: rgba(255,255,255,0.35); }

.products-search-mask {
  pointer-events: none;
  width: 100px; height: 20px;
  position: absolute;
  background: linear-gradient(to right, transparent, black);
  top: 18px; left: 70px;
}
#poda.products-search-poda:focus-within .products-search-mask { display: none; }

.products-search-pink {
  pointer-events: none;
  width: 30px; height: 20px;
  position: absolute;
  background: #c409d9;
  top: 10px; left: 5px;
  filter: blur(20px);
  opacity: 0.8;
  transition: opacity 2s;
}
#poda.products-search-poda:hover .products-search-pink { opacity: 0; }

.products-search-spinner {
  position: absolute;
  height: 42px; width: 40px;
  overflow: hidden;
  top: 7px; right: 7px;
  border-radius: 8px;
}
.products-search-spinner-inner {
  position: absolute;
  width: 600px; height: 600px;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  background: conic-gradient(rgba(0,0,0,0), #3d3a4f, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 50%, #3d3a4f, rgba(0,0,0,0) 100%);
  filter: brightness(1.35);
  animation: products-spin 3s linear infinite;
}
@keyframes products-spin { to { transform: translate(-50%, -50%) rotate(450deg); } }

.products-search-filter {
  position: absolute;
  top: 8px; right: 8px;
  display: flex; align-items: center; justify-content: center;
  z-index: 2;
  width: 38px; height: 40px;
  border-radius: 8px;
  background: linear-gradient(to bottom, #161329, black, #1d1b4b);
  border: 1px solid rgba(255,255,255,0.08);
  isolation: isolate;
  overflow: hidden;
}

.products-search-icon {
  position: absolute;
  left: 16px; top: 15px;
}

.products-no-results {
  text-align: center;
  color: rgba(255,255,255,0.4);
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  padding: 24px 0;
}

@media (max-width: 480px) {
  #poda.products-search-poda,
  .products-search-input {
    width: 100%;
  }
}