/* designed by https://theme.mysellauth.com */
/* designed by https://theme.mysellauth.com */
.section-title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  display: block !important;
  width: 100% !important;
}

.section-title h2 {
  margin-top: 1.25rem;
  text-align: center !important;
  font-size: 1.875rem;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.025em;
  margin-bottom: 0;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #fafafa;
  padding: 0 1rem;
  display: block !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  .section-title h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 768px) {
  .section-title h2 {
    font-size: 2.75rem;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .section-title h2 {
    font-size: 3.5rem;
  }
}
/* designed by https://theme.mysellauth.com */
.section-subtitle {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  display: block !important;
  width: 100% !important;
}
/* designed by https://theme.mysellauth.com */
.section-subtitle p {
  color: #a1a1aa;
  margin-top: 1.25rem;
  text-align: center !important;
  font-size: 1rem;
  line-height: 1.6;
  padding: 0 0.5rem;
  margin-bottom: 0;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  .section-subtitle p {
    font-size: 1.125rem;
  }
}

@media (min-width: 768px) {
  .section-subtitle p {
    font-size: 1.25rem;
    margin-top: 1.5rem;
    padding: 0;
  }
}

/* designed by https://theme.mysellauth.com */
.testimonials .col-12 {
  margin-bottom: 1.5rem;
}

.testimonial {
  background: rgba(18, 18, 21, 0.4) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgb(191 64 191 / 15%) !important;
  border-radius: 1.25rem !important;
  padding: 1.5rem !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.testimonial:hover {
  transform: translateY(-5px) !important;
  border-color: rgb(191 64 191 / 40%) !important;
  box-shadow: 0 15px 40px rgb(191 64 191 / 10%) !important;
  background: rgba(18, 18, 21, 0.6) !important;
}
/* designed by https://theme.mysellauth.com */
.testimonial .header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 1.25rem !important;
  border: none !important;
  padding: 0 !important;
}

.testimonial .quote {
  width: 2rem !important;
  height: 2rem !important;
  color: rgb(191 64 191 / 20%) !important;
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
}

.testimonial .stars {
  display: flex !important;
  gap: 0.25rem !important;
}

.testimonial .stars svg {
  width: 1.125rem !important;
  height: 1.125rem !important;
}

.testimonial .content .message {
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  color: #fafafa !important;
  margin-bottom: 1rem !important;
}

.testimonial .content .reply {
  background: rgb(191 64 191 / 5%) !important;
  border-left: 2px solid rgb(191 64 191) !important;
  padding: 1rem !important;
  border-radius: 0.5rem !important;
  margin-top: 1rem !important;
}
/* designed by https://theme.mysellauth.com */
.testimonial .content .reply .text {
  font-size: 0.875rem !important;
  color: #a1a1aa !important;
  margin-bottom: 0.5rem !important;
}

.testimonial .content .reply .author {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

.testimonial .content .reply .author span {
  color: rgb(191 64 191) !important;
}

.testimonial .footer {
  margin-top: 1.5rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.testimonial .footer .items {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: rgb(191 64 191) !important;
}

.testimonial .footer .date {
  font-size: 0.75rem !important;
  color: #71717a !important;
}

.pricing-plan-section {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #09090b;
  color: #fafafa;
}

@media (min-width: 640px) {
  .pricing-plan-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 1024px) {
  .pricing-plan-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.pricing-plan-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 72rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .pricing-plan-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .pricing-plan-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.pricing-plan-header {
  margin-left: auto;
  margin-right: auto;
  max-width: 36rem;
  margin-bottom: 2rem;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .pricing-plan-header {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .pricing-plan-header {
    margin-bottom: 3rem;
  }
}

.pricing-plan-badge-wrapper {
  display: flex;
  justify-content: center;
}

.pricing-plan-badge-mono {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  padding: 0.375rem 1rem;
  font-family: 'Sora', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  background: rgb(191 64 191 / 10%);
  border: 1px solid rgb(191 64 191 / 40%);
  color: rgb(191 64 191);
}

.pricing-plan-badge-mono svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.pricing-plan-badge-mono .badge-separator {
  width: 1px;
  height: 14px;
  background: rgb(191 64 191 / 30%);
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .pricing-plan-badge-mono {
    padding: 0.375rem 1.25rem;
  }
  
  .pricing-plan-badge-mono svg {
    width: 18px;
    height: 18px;
  }
  
  .pricing-plan-badge-mono .badge-separator {
    height: 16px;
  }
}
/* designed by https://theme.mysellauth.com */
.pricing-plan-main-title {
  margin-top: 1.25rem;
  text-align: center;
  font-size: 1.875rem;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.025em;
  margin-bottom: 0;
  color: #fafafa;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .pricing-plan-main-title {
    font-size: 2.25rem;
  }
}

@media (min-width: 768px) {
  .pricing-plan-main-title {
    font-size: 2.75rem;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .pricing-plan-main-title {
    font-size: 3.5rem;
  }
}

.pricing-plan-main-subtitle {
  color: #a1a1aa;
  margin-top: 1.25rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.6;
  padding: 0 0.5rem;
}

@media (min-width: 640px) {
  .pricing-plan-main-subtitle {
    font-size: 1.125rem;
  }
}

@media (min-width: 768px) {
  .pricing-plan-main-subtitle {
    font-size: 1.25rem;
    margin-top: 1.5rem;
    padding: 0;
  }
}

.pricing-plan-content {
  position: relative;
}

.pricing-plan-grid-bg {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  top: -50%;
  left: -25%;
  right: -25%;
  bottom: -50%;
  width: 150%;
  height: 200%;
  background-image: 
    linear-gradient(to right, rgb(191 64 191 / 20%) 1px, transparent 1px),
    linear-gradient(to bottom, rgb(191 64 191 / 20%) 1px, transparent 1px);
  background-size: 50px 50px;
  -webkit-mask-image: radial-gradient(ellipse 65% 55% at center, transparent 0%, black 35%, transparent 75%);
  mask-image: radial-gradient(ellipse 65% 55% at center, transparent 0%, black 35%, transparent 75%);
}

.pricing-plan-cards-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .pricing-plan-cards-container {
    max-width: 56rem;
  }
}

@media (min-width: 1024px) {
  .pricing-plan-cards-container {
    max-width: 64rem;
  }
}
/* designed by https://theme.mysellauth.com */
.pricing-plan-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  background: rgba(9, 9, 11, 0.8);
  backdrop-filter: blur(8px);
  position: relative;
  border: 1px solid rgb(191 64 191 / 30%);
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .pricing-plan-cards-grid {
    gap: 1rem;
    padding: 1rem;
  }
}

@media (min-width: 768px) {
  .pricing-plan-cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .pricing-plan-cards-grid {
    gap: 1.25rem;
    padding: 1.5rem;
  }
}

.pricing-plus-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  color: rgb(191 64 191);
  background: #09090b;
  z-index: 2;
}

@media (min-width: 640px) {
  .pricing-plus-icon {
    width: 22px;
    height: 22px;
  }
}

.pricing-plus-top-left {
  top: -10px;
  left: -10px;
}

@media (min-width: 640px) {
  .pricing-plus-top-left {
    top: -12px;
    left: -12px;
  }
}

.pricing-plus-top-right {
  top: -10px;
  right: -10px;
}

@media (min-width: 640px) {
  .pricing-plus-top-right {
    top: -12px;
    right: -12px;
  }
}

.pricing-plus-bottom-left {
  bottom: -10px;
  left: -10px;
}

@media (min-width: 640px) {
  .pricing-plus-bottom-left {
    bottom: -12px;
    left: -12px;
  }
}

.pricing-plus-bottom-right {
  right: -10px;
  bottom: -10px;
}

@media (min-width: 640px) {
  .pricing-plus-bottom-right {
    right: -12px;
    bottom: -12px;
  }
}

.pricing-card-item {
  width: 100%;
  padding: 1rem 0.75rem 0.75rem;
  position: relative;
}

@media (min-width: 640px) {
  .pricing-card-item {
    padding: 1.25rem 1rem 1rem;
  }
}

@media (min-width: 1024px) {
  .pricing-card-item {
    padding: 1.5rem 1.25rem 1.25rem;
  }
}

.pricing-card-featured {
  border-radius: 0.5rem;
  border: 1px solid rgb(191 64 191);
  background: rgb(191 64 191 / 5%);
}

.pricing-card-content-space {
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 1;
}

@media (min-width: 640px) {
  .pricing-card-content-space {
    margin-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .pricing-card-content-space {
    margin-bottom: 2.5rem;
  }
}

.pricing-card-header-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
  gap: 0.5rem;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .pricing-card-header-flex {
    flex-wrap: nowrap;
  }
}

.pricing-card-plan-title {
  line-height: 1;
  font-weight: 700;
  font-size: 1.125rem;
  margin: 0;
  color: #fafafa;
}

@media (min-width: 640px) {
  .pricing-card-plan-title {
    font-size: 1.25rem;
  }
}

.pricing-card-discount-flex {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

.pricing-card-strikethrough {
  color: #a1a1aa;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-decoration: line-through;
}

@media (min-width: 640px) {
  .pricing-card-strikethrough {
    font-size: 0.875rem;
  }
}

.pricing-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid transparent;
  padding: 0.125rem 0.5rem;
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 600;
  transition: colors 0.2s;
}

@media (min-width: 640px) {
  .pricing-badge {
    padding: 0.125rem 0.625rem;
    font-size: 0.75rem;
  }
}

.pricing-badge-secondary {
  background-color: #27272a;
  color: #fafafa;
}

.pricing-badge-primary {
  background-color: rgb(191 64 191);
  color: #ffffff;
}
/* designed by https://theme.mysellauth.com */
.pricing-card-desc {
  color: #a1a1aa;
  font-size: 0.8125rem;
  line-height: 1.4;
  margin: 0;
}

@media (min-width: 640px) {
  .pricing-card-desc {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.pricing-card-price-section {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: relative;
  z-index: 1;
}

@media (min-width: 640px) {
  .pricing-card-price-section {
    margin-top: 2rem;
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .pricing-card-price-section {
    margin-top: 2.5rem;
  }
}

.pricing-card-price-wrapper {
  color: #a1a1aa;
  display: flex;
  align-items: flex-end;
  gap: 0.125rem;
  font-size: 1rem;
  line-height: 1.5;
}

@media (min-width: 640px) {
  .pricing-card-price-wrapper {
    font-size: 1.125rem;
  }
}

@media (min-width: 1024px) {
  .pricing-card-price-wrapper {
    font-size: 1.25rem;
  }
}

.pricing-card-amount {
  color: #fafafa;
  margin-bottom: -0.125rem;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.025em;
}

@media (min-width: 640px) {
  .pricing-card-amount {
    font-size: 3rem;
  }
}

@media (min-width: 768px) {
  .pricing-card-amount {
    font-size: 3.5rem;
  }
}

@media (min-width: 1024px) {
  .pricing-card-amount {
    font-size: 4rem;
  }
}

.pricing-btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition: all 0.2s;
  height: 2.25rem;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
}

@media (min-width: 640px) {
  .pricing-btn {
    font-size: 0.875rem;
    height: 2.5rem;
    padding: 0.5rem 1rem;
  }
}

.pricing-btn-outline {
  border: 1px solid #27272a;
  background: #09090b;
  color: #fafafa;
}

.pricing-btn-outline:hover {
  background: rgb(191 64 191 / 10%);
  border-color: rgb(191 64 191);
  color: #fafafa;
}

.pricing-btn-primary {
  background: linear-gradient(to bottom, rgb(191 64 191), rgb(191 64 191));
  color: #ffffff;
  border: none;
}

.pricing-btn-primary:hover {
  background: linear-gradient(to bottom, rgb(191 64 191), rgb(191 64 191 /90%));
}

.pricing-footer-info {
  color: #a1a1aa;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-align: center;
  padding: 0 0.5rem;
  position: relative;
  z-index: 2;
}

@media (min-width: 640px) {
  .pricing-footer-info {
    font-size: 0.875rem;
    padding: 0;
  }
}

.pricing-footer-info svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .pricing-footer-info svg {
    width: 16px;
    height: 16px;
  }
}
/* designed by https://theme.mysellauth.com */
.hero-gradient {
  background: linear-gradient(to bottom, rgb(191 64 191), rgb(191 64 191 / 50%));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.pc-reveal-content {
  will-change: opacity, transform, filter;
  opacity: 0;
  transform: translateY(-40px);
  filter: blur(10px);
  transition: opacity 0.8s cubic-bezier(.4, 0, .2, 1), transform 0.8s cubic-bezier(.4, 0, .2, 1), filter 0.8s cubic-bezier(.4, 0, .2, 1);
}
/* designed by https://theme.mysellauth.com */
.is-animated .pc-reveal-content {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}
/* designed by https://theme.mysellauth.com */

/* ================================================================
   TREYSTOCK V2 — ADVANCED PURPLE STOREFRONT
   Load after pro.css. Drop-in replacement for custom.css.
   ================================================================ */
:root {
  --ts-bg:#07040f;--ts-bg-2:#0d0719;--ts-surface:rgba(21,12,38,.76);
  --ts-surface-strong:rgba(27,16,54,.94);--ts-border:rgba(168,85,247,.22);
  --ts-border-hover:rgba(192,132,252,.65);--ts-purple:#8b5cf6;
  --ts-purple-bright:#a855f7;--ts-purple-soft:#c084fc;--ts-text:#f8f7ff;
  --ts-muted:#aaa2bd;--ts-success:#34d399;--ts-radius:18px;--ts-radius-lg:26px;
  --ts-shadow:0 18px 55px rgba(0,0,0,.38);--ts-glow:0 0 0 1px rgba(168,85,247,.18),0 18px 55px rgba(91,33,182,.24);
  --cl-accent:var(--ts-purple-bright);--cl-accent-rgb:168,85,247;
  --cl-background-primary:var(--ts-bg);--cl-background-primary-rgb:7,4,15;
  --cl-background-secondary:#120b22;--cl-background-secondary-rgb:18,11,34;
  --cl-border:rgba(168,85,247,.18);--cl-border-rgb:168,85,247;
}
html{scroll-behavior:smooth;background:var(--ts-bg)}
body{color:var(--ts-text);background:radial-gradient(circle at 12% 8%,rgba(126,34,206,.22),transparent 30rem),radial-gradient(circle at 88% 18%,rgba(168,85,247,.16),transparent 32rem),linear-gradient(180deg,#090414 0%,#07040f 48%,#0b0614 100%)!important;background-attachment:fixed!important;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000 10%,transparent 80%)}
::selection{color:#fff;background:rgba(168,85,247,.62)}
h1,h2,h3,h4,h5,h6{color:var(--ts-text);letter-spacing:-.025em}
.section-title h1,.section-title h2,.hero .content h1{text-wrap:balance;background:linear-gradient(110deg,#fff 10%,#e9d5ff 52%,#a855f7 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 12px 32px rgba(126,34,206,.2))}
.section-subtitle p,.text-muted,.form-text{color:var(--ts-muted)!important}
.announcement{position:relative;overflow:hidden;background:linear-gradient(90deg,#6d28d9,#a855f7,#6d28d9)!important;background-size:200% 100%!important;animation:tsGradient 8s linear infinite;border:0!important;box-shadow:0 8px 30px rgba(109,40,217,.22)}
.navbar{margin:12px auto 0;width:min(calc(100% - 24px),1240px);border:1px solid var(--ts-border)!important;border-radius:18px;background:rgba(10,5,20,.76)!important;backdrop-filter:blur(20px) saturate(150%);box-shadow:0 12px 45px rgba(0,0,0,.3);transition:.3s ease}
.navbar .nav-link{position:relative;color:#c9c3d7!important;font-weight:600;transition:.25s ease}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff!important}
.navbar .nav-link:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.1rem;height:2px;border-radius:99px;background:linear-gradient(90deg,#7c3aed,#c084fc);transform:scaleX(0);transition:transform .25s ease}
.navbar .nav-link:hover:after,.navbar .nav-link.active:after{transform:scaleX(1)}
.btn{border-radius:13px!important;font-weight:700;letter-spacing:-.01em;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{border-color:rgba(255,255,255,.12)!important;background:linear-gradient(135deg,#7c3aed,#a855f7)!important;box-shadow:0 10px 28px rgba(126,34,206,.34)}
.btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#c026d3)!important;box-shadow:0 14px 38px rgba(168,85,247,.43)}
.btn-outline-primary{color:#d8b4fe!important;border-color:rgba(168,85,247,.42)!important;background:rgba(168,85,247,.06)!important}
.btn-outline-primary:hover{color:#fff!important;background:rgba(168,85,247,.18)!important;box-shadow:0 10px 30px rgba(126,34,206,.2)}
.hero{isolation:isolate;min-height:72vh!important;background:transparent!important}
.hero:before,.hero:after{content:"";position:absolute;border-radius:999px;filter:blur(70px);pointer-events:none;z-index:-1;animation:tsFloat 10s ease-in-out infinite}
.hero:before{width:360px;height:360px;left:-120px;top:5%;background:rgba(126,34,206,.28)}
.hero:after{width:420px;height:420px;right:-170px;bottom:0;background:rgba(168,85,247,.2);animation-delay:-4s}
.hero .content{max-width:900px!important;padding:2rem;border-radius:var(--ts-radius-lg)!important}
.hero .content h1{font-size:clamp(2.8rem,7vw,5.8rem)!important;line-height:.98!important;font-weight:900!important}
.hero .content p{max-width:680px;margin-left:auto;margin-right:auto;color:#bdb5ca;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}
.hero .fake-searchbar input,.hero .search-modal .searchbar input,.form-control,.form-select{color:#fff!important;border:1px solid var(--ts-border)!important;border-radius:15px!important;background:rgba(19,11,35,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.25s ease}
.form-control:focus,.form-select:focus,.hero .fake-searchbar input:focus{border-color:var(--ts-border-hover)!important;box-shadow:0 0 0 4px rgba(168,85,247,.12),0 14px 40px rgba(0,0,0,.22)!important}
.hero .content .stats{border:1px solid var(--ts-border);background:rgba(16,9,30,.7)!important;backdrop-filter:blur(14px);box-shadow:var(--ts-shadow);border-radius:16px!important}
/* Safe surface styling: intentionally avoids changing SellAuth product-card layout. */
.feature,.social,.testimonial,.modal-content,.dropdown-menu,.list-group-item,.accordion-item{border:1px solid var(--ts-border)!important;border-radius:var(--ts-radius)!important;background:linear-gradient(145deg,rgba(28,16,50,.82),rgba(13,7,25,.88))!important;backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(0,0,0,.24)}
.products .card{border:1px solid var(--ts-border)!important;border-radius:var(--ts-radius)!important;background:linear-gradient(145deg,rgba(28,16,50,.82),rgba(13,7,25,.88))!important;box-shadow:0 12px 40px rgba(0,0,0,.24);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}
.products .card:hover{transform:translateY(-4px)!important;border-color:var(--ts-border-hover)!important;box-shadow:var(--ts-glow)!important}
.products .card .card-title{color:#fff!important;font-weight:800!important}
.products .card .card-img-top .badges div,.product-wrapper .badges div,.product-wrapper .badges a{border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#7c3aed,#a855f7)!important;box-shadow:0 6px 18px rgba(126,34,206,.26);border-radius:999px!important}
.chips{justify-content:center}.chips .btn{padding:.65rem 1rem;border-radius:999px!important}
.features .list .feature{padding:2rem!important;transition:.3s ease}
.features .list .feature:hover{transform:translateY(-6px);border-color:var(--ts-border-hover)!important;box-shadow:var(--ts-glow)}
.features .list .feature svg,.features .list .feature i{filter:drop-shadow(0 10px 22px rgba(168,85,247,.42))}
.product-wrapper .carousel,.product-wrapper .thumbnails button,.variants .variant{border:1px solid var(--ts-border)!important;background:rgba(18,10,34,.8)!important}
.variants .variant{border-radius:14px!important;transition:.22s ease}
.variants .variant:hover,.variants .variant.active{border-color:var(--ts-border-hover)!important;background:rgba(40,20,70,.8)!important;transform:translateX(4px)}
.modal-content{box-shadow:0 30px 100px rgba(0,0,0,.58),0 0 70px rgba(91,33,182,.12)!important}
.dropdown-menu{padding:.55rem!important}.dropdown-item{border-radius:10px;color:#cfc8dd!important}.dropdown-item:hover{color:#fff!important;background:rgba(168,85,247,.15)!important}
.accordion-button{color:#fff!important;background:transparent!important;font-weight:700}.accordion-button:not(.collapsed){color:#d8b4fe!important;box-shadow:none!important}
footer.footer{margin:24px;border:1px solid var(--ts-border)!important;border-radius:var(--ts-radius-lg);background:linear-gradient(145deg,rgba(24,13,43,.92),rgba(9,5,18,.96))!important;box-shadow:var(--ts-shadow)}
a{transition:color .2s ease,opacity .2s ease}a:hover{color:var(--ts-purple-soft)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#080411}::-webkit-scrollbar-thumb{border:2px solid #080411;border-radius:99px;background:linear-gradient(#7c3aed,#a855f7)}
@keyframes tsGradient{to{background-position:200% 0}}@keyframes tsFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,24px,0) scale(1.08)}}
@media(max-width:991px){.navbar{width:calc(100% - 16px);margin-top:8px;border-radius:15px}.navbar-collapse{padding:1rem 0}.hero .content{padding:1rem}.hero .container{padding-left:1rem!important;padding-right:1rem!important}footer.footer{margin:12px}.products .card:hover{transform:translateY(-2px)!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* ================================================================
   TREYSTOCK V3 — PRODUCT SYSTEM + MOBILE POLISH
   ================================================================ */
.products-section-liquid{position:relative;padding:clamp(4rem,7vw,7rem) 0}
.products-section-liquid>.container,.py-5-nav{position:relative;z-index:1}
.global-header-liquid,.liquid-header{max-width:760px;margin:0 auto clamp(2rem,4vw,3.25rem);text-align:center}
.global-header-liquid p,.liquid-header>p{margin:0 0 .65rem;color:#c4b5fd!important;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.global-header-liquid h2,.liquid-header>h2{margin:0;color:#fff;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.03;letter-spacing:-.045em;text-wrap:balance}
.products.row{--bs-gutter-x:1.25rem;--bs-gutter-y:1.25rem}
.products.row>[class*="col-"]{display:flex;margin-bottom:0!important}

.liquid-product-card.ts-product-card{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;color:var(--ts-text)!important;text-decoration:none!important;border:1px solid rgba(196,181,253,.14);border-radius:22px;background:linear-gradient(160deg,rgba(28,16,50,.9),rgba(11,6,22,.97) 68%);box-shadow:0 16px 46px rgba(0,0,0,.28);isolation:isolate;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease}
.liquid-product-card.ts-product-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at 75% 5%,rgba(168,85,247,.2),transparent 38%);transition:opacity .28s ease}
.liquid-product-card.ts-product-card:hover{color:var(--ts-text)!important;transform:translateY(-6px);border-color:rgba(192,132,252,.5);box-shadow:0 24px 68px rgba(0,0,0,.42),0 0 0 1px rgba(168,85,247,.08),0 0 52px rgba(109,40,217,.13)}
.liquid-product-card.ts-product-card:hover:before{opacity:1}

.ts-product-media{position:relative;aspect-ratio:var(--product-card-image-aspect-ratio,16/9);min-height:0;overflow:hidden;background:linear-gradient(145deg,#160b28,#0c0716)}
.ts-product-media .liquid-product-image{display:block;width:100%;height:100%;object-fit:var(--product-image-fit,cover);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.ts-product-card:hover .liquid-product-image{transform:scale(1.045);filter:saturate(1.05) contrast(1.02)}
.ts-product-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#a855f7;background:radial-gradient(circle at center,rgba(168,85,247,.12),transparent 55%)}
.ts-product-placeholder svg{filter:drop-shadow(0 12px 28px rgba(168,85,247,.26))}
.ts-product-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,4,15,0) 45%,rgba(7,4,15,.72) 100%);pointer-events:none}
.ts-product-view-icon{position:absolute;right:14px;bottom:14px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:#fff;background:rgba(9,5,18,.74);backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(0,0,0,.28);transform:translateY(4px);opacity:.86;transition:.25s ease}
.ts-product-card:hover .ts-product-view-icon{transform:translateY(0);opacity:1;background:rgba(126,34,206,.72);border-color:rgba(216,180,254,.4)}

.liquid-product-badges{position:absolute;top:13px;left:13px;right:58px;z-index:2;display:flex;flex-wrap:wrap;gap:7px}
.liquid-product-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:.42rem .66rem;border:1px solid color-mix(in srgb,var(--badge-color,#a855f7) 60%,white 10%);border-radius:999px;color:#fff;font-size:.68rem;font-weight:800;line-height:1;background:color-mix(in srgb,var(--badge-color,#7c3aed) 78%,#12071f 22%);box-shadow:0 8px 20px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.liquid-product-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ts-product-info{display:flex;flex:1;flex-direction:column;padding:1.15rem 1.15rem 1.1rem}
.ts-product-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}
.ts-product-copy{min-width:0;flex:1}
.ts-product-eyebrow{display:block;margin-bottom:.3rem;color:#9f8cb8;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.liquid-product-name{display:-webkit-box;overflow:hidden;margin:0;color:#fff;font-size:1.06rem;font-weight:800;line-height:1.35;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.liquid-product-price-row{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;white-space:nowrap}
.liquid-product-price{color:#e9d5ff;font-size:1rem;font-weight:900;letter-spacing:-.025em}
.ts-price-prefix{margin-right:2px;color:#897b9d;font-size:.61rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.liquid-product-price-slash{color:#776c86;font-size:.72rem;font-weight:700;text-decoration:line-through}
.liquid-product-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.055)}
.liquid-product-stock{display:inline-flex;align-items:center;gap:.42rem;min-width:0;padding:.42rem .62rem;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#c7bfd3;font-size:.72rem;font-weight:700;background:rgba(255,255,255,.025)}
.liquid-product-stock.is-in i{color:#6ee7b7}.liquid-product-stock.is-out i{color:#fb7185}.liquid-product-stock.is-group i{color:#c084fc}
.liquid-product-btn{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.78rem .9rem;border:1px solid rgba(168,85,247,.22);border-radius:13px;color:#ddd6fe;font-size:.78rem;font-weight:800;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(168,85,247,.07));transition:background .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease}
.liquid-product-btn i{font-size:.72rem;transition:transform .24s ease}
.ts-product-card:hover .liquid-product-btn{color:#fff;border-color:rgba(192,132,252,.5);background:linear-gradient(135deg,rgba(124,58,237,.5),rgba(168,85,247,.38));box-shadow:0 10px 28px rgba(109,40,217,.18)}
.ts-product-card:hover .liquid-product-btn i{transform:translateX(3px)}

/* Product browse page */
.liquid-sidebar{border-color:rgba(168,85,247,.15)!important;border-radius:22px!important;background:linear-gradient(160deg,rgba(25,14,45,.82),rgba(11,6,22,.92))!important;box-shadow:0 16px 50px rgba(0,0,0,.22)}
.liquid-filter-label{color:#c4b5fd!important}
.liquid-category-link{color:#a99fb7!important}
.liquid-category-link:hover{color:#fff!important;background:rgba(168,85,247,.08)!important}
.liquid-category-link.active{color:#e9d5ff!important;background:linear-gradient(90deg,rgba(124,58,237,.2),rgba(168,85,247,.08))!important;border-color:rgba(168,85,247,.24)!important}

/* Search modal horizontal cards */
.hero .search-modal .product{border:1px solid rgba(168,85,247,.13)!important;border-radius:16px!important;background:rgba(15,8,29,.72)!important;transition:.22s ease!important}
.hero .search-modal .product:hover{transform:translateY(-2px);border-color:rgba(192,132,252,.4)!important;background:rgba(28,15,49,.86)!important;box-shadow:0 12px 34px rgba(0,0,0,.26)}

@media(max-width:767.98px){
  .products-section-liquid{padding:3.5rem 0}
  .global-header-liquid,.liquid-header{margin-bottom:1.75rem;padding:0 .25rem}
  .global-header-liquid h2,.liquid-header>h2{font-size:clamp(1.9rem,9vw,2.6rem)}
  .products.row{--bs-gutter-x:.85rem;--bs-gutter-y:.85rem}
  .liquid-product-card.ts-product-card{border-radius:18px}
  .ts-product-media{aspect-ratio:16/10}
  .ts-product-info{padding:1rem}
  .liquid-product-name{font-size:1rem}
  .liquid-product-price{font-size:.95rem}
  .liquid-product-btn{padding:.75rem .82rem}
  .liquid-product-badges{top:10px;left:10px;right:52px}
  .liquid-product-badge{padding:.38rem .55rem;font-size:.64rem}
  .ts-product-view-icon{right:10px;bottom:10px;width:35px;height:35px}
  .modal-body.p-5{padding:1rem!important}
  .modal-header.p-4.px-5{padding:1rem!important}
}

@media(max-width:420px){
  .ts-product-heading{gap:.65rem}
  .liquid-product-price-row{max-width:40%}
  .liquid-product-price{font-size:.9rem}
  .liquid-product-name{font-size:.96rem}
  .liquid-product-stock{font-size:.68rem}
}

@media(hover:none){
  .liquid-product-card.ts-product-card:hover{transform:none}
  .ts-product-card:hover .liquid-product-image{transform:none}
  .ts-product-view-icon{opacity:1;transform:none}
}



/* =========================================================
   TREYSTOCK — PREMIUM V2 DESIGN SYSTEM
   Purple / black / glass / clean marketplace aesthetic
   ========================================================= */

:root {
  --ts-p: #8b5cf6;
  --ts-p2: #6d28d9;
  --ts-pl: #c4b5fd;
  --ts-bg: #050507;
  --ts-bg2: #09080d;
  --ts-card: rgba(15, 13, 21, .78);
  --ts-line: rgba(255,255,255,.075);
  --ts-muted: #92909d;
  --ts-white: #fafafa;
  --ts-shadow: 0 24px 70px rgba(0,0,0,.38);
}

html { scroll-behavior: smooth; }

body {
  background:
    radial-gradient(circle at 10% 0%, rgba(139,92,246,.08), transparent 30rem),
    radial-gradient(circle at 90% 20%, rgba(109,40,217,.06), transparent 32rem),
    var(--ts-bg) !important;
  color: var(--ts-white);
}

body::selection { background: rgba(139,92,246,.35); }

a { transition: color .2s ease, opacity .2s ease, transform .2s ease; }

.bg-image { opacity: .16 !important; filter: blur(1px); }

/* ---------- NAVBAR ---------- */
.navbar-component {
  background: rgba(5,5,7,.76) !important;
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  border-bottom: 1px solid rgba(255,255,255,.055);
  box-shadow: 0 12px 40px rgba(0,0,0,.16);
}

.navbar-top { border-bottom: 1px solid rgba(255,255,255,.045) !important; }
.navbar-bottom { background: rgba(8,7,11,.56) !important; }

.navbar-brand {
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: -.025em;
}
.navbar-brand img {
  border-radius: 10px;
  box-shadow: 0 0 28px rgba(139,92,246,.22);
}
.navbar-brand span { font-size: 1.05rem; }

.nav-link {
  color: rgba(255,255,255,.58) !important;
  font-weight: 600 !important;
  font-size: .86rem !important;
}
.nav-link:hover, .nav-link.active { color: #fff !important; }
.navbar-bottom .nav-link.active { position: relative; }
.navbar-bottom .nav-link.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 18px;
  height: 2px;
  transform: translateX(-50%);
  border-radius: 99px;
  background: var(--ts-p);
  box-shadow: 0 0 14px rgba(139,92,246,.8);
}

.social-link {
  color: rgba(255,255,255,.48) !important;
  text-decoration: none !important;
  font-size: .78rem;
  font-weight: 600;
}
.social-link:hover { color: var(--ts-pl) !important; }

.btn-glow {
  background: linear-gradient(135deg, rgba(139,92,246,.22), rgba(109,40,217,.12)) !important;
  border: 1px solid rgba(139,92,246,.3) !important;
  color: #fff !important;
  border-radius: 11px !important;
  padding: .55rem .9rem !important;
  font-weight: 700 !important;
  box-shadow: 0 0 24px rgba(139,92,246,.08);
}
.btn-glow:hover { transform: translateY(-1px); border-color: rgba(139,92,246,.65) !important; }

.currency-trigger {
  color: rgba(255,255,255,.68) !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 10px !important;
}

/* ---------- HERO ---------- */
.ts-hero {
  position: relative;
  min-height: 760px;
  padding: 190px 0 75px;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
}
.ts-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: -4;
  background:
    linear-gradient(180deg, rgba(5,5,7,.93) 0%, rgba(5,5,7,.72) 42%, rgba(5,5,7,.98) 100%),
    linear-gradient(90deg, rgba(5,5,7,.94), rgba(5,5,7,.55), rgba(5,5,7,.94));
}
.ts-hero-grid {
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: .25;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, black, transparent 85%);
}
.ts-hero-glow {
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  z-index: -2;
  filter: blur(85px);
  pointer-events: none;
  opacity: .22;
}
.ts-hero-glow-one { background: var(--ts-p); top: 4%; left: 5%; }
.ts-hero-glow-two { background: #4c1d95; right: 4%; bottom: 5%; }

.ts-hero-content {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
  animation: tsHeroIn .7s ease both;
}
.ts-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .5rem .8rem;
  margin-bottom: 1.55rem;
  border: 1px solid rgba(139,92,246,.24);
  border-radius: 999px;
  background: rgba(139,92,246,.07);
  color: rgba(255,255,255,.62);
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .15em;
  backdrop-filter: blur(14px);
}
.ts-live-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 13px rgba(34,197,94,.8);
}
.ts-badge-separator { width: 1px; height: 12px; background: rgba(255,255,255,.12); }

.ts-hero-title {
  margin: 0 auto;
  max-width: 1000px;
  font-size: clamp(3rem, 7vw, 6.7rem);
  line-height: .98;
  letter-spacing: -.065em;
  font-weight: 900;
  color: #fff;
  text-wrap: balance;
}
.ts-gradient-text {
  display: block;
  background: linear-gradient(110deg, #fff 0%, var(--ts-pl) 35%, var(--ts-p) 68%, #a78bfa 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 35px rgba(139,92,246,.16));
}
.ts-hero-subtitle {
  max-width: 650px;
  margin: 1.5rem auto 0;
  color: rgba(255,255,255,.55);
  font-size: 1.03rem;
  line-height: 1.75;
}

.ts-search-trigger {
  width: min(100%, 620px);
  margin: 2rem auto 0;
  padding: .8rem;
  display: flex;
  align-items: center;
  gap: .9rem;
  text-align: left;
  color: #fff;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  background: rgba(10,9,14,.7);
  box-shadow: 0 18px 55px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.035);
  backdrop-filter: blur(18px);
  cursor: pointer;
  transition: .25s ease;
}
.ts-search-trigger:hover {
  transform: translateY(-2px);
  border-color: rgba(139,92,246,.48);
  box-shadow: 0 22px 60px rgba(0,0,0,.34), 0 0 35px rgba(139,92,246,.08);
}
.ts-search-icon {
  width: 42px; height: 42px; flex: 0 0 42px;
  display: grid; place-items: center;
  border-radius: 12px;
  background: rgba(139,92,246,.13);
  color: var(--ts-pl);
}
.ts-search-copy { display: flex; flex-direction: column; gap: 2px; }
.ts-search-copy strong { font-size: .86rem; }
.ts-search-copy small { color: #777481; font-size: .72rem; }
.ts-search-key { margin-left: auto; display: flex; gap: 4px; }
.ts-search-key kbd, .ts-search-esc {
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.035);
  color: #777481;
  border-radius: 6px;
  padding: .22rem .35rem;
  font: 600 .6rem inherit;
}

.ts-hero-actions {
  display: flex;
  justify-content: center;
  gap: .75rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.ts-primary-btn, .ts-discord-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  min-height: 48px;
  padding: .75rem 1.2rem;
  border-radius: 12px;
  text-decoration: none !important;
  font-size: .82rem;
  font-weight: 800;
  transition: .22s ease;
}
.ts-primary-btn {
  color: #fff !important;
  background: linear-gradient(135deg, var(--ts-p), var(--ts-p2));
  box-shadow: 0 12px 30px rgba(109,40,217,.22);
}
.ts-primary-btn:hover { color: #fff !important; transform: translateY(-2px); box-shadow: 0 16px 35px rgba(109,40,217,.32); }
.ts-discord-btn {
  color: #fff !important;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
}
.ts-discord-btn:hover { border-color: rgba(139,92,246,.4); transform: translateY(-2px); }

.ts-trust-row {
  display: flex;
  justify-content: center;
  gap: 1.35rem;
  flex-wrap: wrap;
  margin-top: 1.35rem;
  color: rgba(255,255,255,.36);
  font-size: .68rem;
  font-weight: 600;
}
.ts-trust-row i { color: var(--ts-p); margin-right: .35rem; }

.ts-hero-stats {
  width: min(100%, 840px);
  margin: 4rem auto 0;
  padding: .65rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 18px;
  background: rgba(10,9,14,.58);
  backdrop-filter: blur(18px);
  box-shadow: var(--ts-shadow);
}
.ts-stat {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: 1rem 1.3rem;
  border-right: 1px solid rgba(255,255,255,.06);
}
.ts-stat:last-child { border-right: 0; }
.ts-stat-icon {
  width: 38px; height: 38px;
  display: grid; place-items: center;
  border-radius: 11px;
  color: var(--ts-pl);
  background: rgba(139,92,246,.1);
}
.ts-stat div:last-child { display: flex; flex-direction: column; text-align: left; }
.ts-stat strong { font-size: 1.15rem; color: #fff; line-height: 1.1; }
.ts-stat span { margin-top: .2rem; color: #696673; font-size: .64rem; font-weight: 600; }

@keyframes tsHeroIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ---------- PRODUCTS ---------- */
.ts-products-section {
  position: relative;
  padding: 100px 0 !important;
  background: linear-gradient(180deg, var(--ts-bg), #08070b 45%, var(--ts-bg)) !important;
}
.ts-products-section::before {
  content: "";
  position: absolute;
  top: 0; left: 10%; right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(139,92,246,.4), transparent);
}
.global-header-liquid { margin-bottom: 2.5rem !important; }
.global-header-liquid p {
  color: var(--ts-p) !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
  margin-bottom: .55rem !important;
}
.global-header-liquid h2 {
  color: #fff !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
}

.ts-product-card-v2 {
  position: relative;
  overflow: hidden;
  height: 100%;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(18,15,24,.82), rgba(9,8,12,.92)) !important;
  box-shadow: 0 12px 35px rgba(0,0,0,.18) !important;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}
.ts-product-card-v2:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(139,92,246,.34) !important;
  box-shadow: 0 25px 55px rgba(0,0,0,.35), 0 0 35px rgba(139,92,246,.06) !important;
}
.ts-product-card-v2 .ts-product-media {
  overflow: hidden;
  border-radius: 15px 15px 0 0;
  background: #0b0a0f;
}
.ts-product-card-v2 .liquid-product-image {
  transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .4s ease;
}
.ts-product-card-v2:hover .liquid-product-image {
  transform: scale(1.045);
  filter: saturate(1.08);
}
.ts-product-card-v2 .ts-product-media-shade {
  background: linear-gradient(180deg, transparent 55%, rgba(5,5,7,.28));
}
.ts-product-card-v2 .ts-product-info { padding: 1.15rem !important; }
.ts-product-card-v2 .ts-product-eyebrow {
  color: var(--ts-p) !important;
  font-size: .59rem !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}
.ts-product-card-v2 .liquid-product-name {
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
}
.ts-product-card-v2 .liquid-product-price { color: #fff !important; font-weight: 800 !important; }
.ts-product-card-v2 .liquid-product-price-slash { color: #57535f !important; }
.ts-product-card-v2 .liquid-product-stock {
  color: #7f7b88 !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
}
.ts-product-card-v2 .liquid-product-stock.is-in { color: #8ed3aa !important; }
.ts-product-card-v2 .liquid-product-btn {
  margin-top: 1rem;
  padding-top: .9rem;
  border-top: 1px solid rgba(255,255,255,.06);
  color: rgba(255,255,255,.7) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
}
.ts-product-card-v2 .liquid-product-btn i { color: var(--ts-p); transition: transform .2s ease; }
.ts-product-card-v2:hover .liquid-product-btn i { transform: translateX(4px); }

/* ---------- SEARCH MODAL ---------- */
.ts-search-modal .modal-dialog { max-width: 760px; }
.ts-search-modal .modal-content {
  border: 1px solid rgba(139,92,246,.18) !important;
  border-radius: 20px !important;
  background: rgba(9,8,13,.96) !important;
  box-shadow: 0 35px 100px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(24px);
}
.ts-search-modal .modal-header { padding: 1rem !important; }
.ts-modal-search {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .8rem 1rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 13px;
  background: rgba(255,255,255,.035);
}
.ts-modal-search > i { color: var(--ts-p); }
.ts-modal-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: .9rem;
}
.ts-search-esc {
  flex: 0 0 auto;
  font-size: .58rem;
  font-weight: 700;
}
.ts-search-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: .8rem;
}
.ts-search-heading span { color: #fff; font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.ts-search-heading small { color: #625e69; }
.ts-search-modal .modal-body { padding: 0 1rem 1rem !important; }
.ts-search-modal .search-results-list > div {
  border-radius: 12px;
  overflow: hidden;
}
.no-results-msg { text-align: center; padding: 3rem 1rem; color: #696673; }
.no-results-msg i { color: var(--ts-p); font-size: 1.7rem; margin-bottom: .8rem; }
.no-results-msg p { margin: 0; }

/* ---------- GENERIC SECTIONS / GLASS ---------- */
.features-section, .feedbacks-section, .socials-section, .payments-section, .faq-section {
  background: transparent !important;
}
.component .container { position: relative; }
.card, .modal-content, .accordion-item {
  border-color: rgba(255,255,255,.06) !important;
}
.accordion-item {
  background: rgba(14,12,19,.7) !important;
  border-radius: 14px !important;
  overflow: hidden;
}
.accordion-button {
  background: transparent !important;
  color: #fff !important;
  font-weight: 700;
}
.accordion-button:not(.collapsed) { box-shadow: none !important; color: var(--ts-pl) !important; }

/* ---------- FOOTER ---------- */
.liquid-footer {
  background: #050507 !important;
  border-top-color: rgba(255,255,255,.06) !important;
}
.liquid-footer-glow { opacity: .35 !important; }
.liquid-footer h5 { letter-spacing: .13em !important; }
.liquid-footer .nav-link:hover { color: var(--ts-pl) !important; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 991.98px) {
  .ts-hero {
    min-height: auto;
    padding: 155px 0 55px;
  }
  .navbar-component { box-shadow: 0 10px 35px rgba(0,0,0,.22); }
  .navbar-collapse {
    margin-top: .75rem;
    padding: .75rem;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 15px;
    background: rgba(8,7,11,.97);
  }
  .ts-hero-stats { margin-top: 3rem; }
}

@media (max-width: 767.98px) {
  .ts-hero { padding: 135px 0 45px; }
  .ts-hero-title { font-size: clamp(2.65rem, 14vw, 4.5rem); }
  .ts-hero-subtitle { font-size: .9rem; }
  .ts-hero-badge { font-size: .53rem; letter-spacing: .1em; }
  .ts-search-key { display: none; }
  .ts-search-trigger { padding: .65rem; }
  .ts-search-copy strong { font-size: .8rem; }
  .ts-search-copy small { font-size: .65rem; }
  .ts-hero-stats {
    grid-template-columns: 1fr;
    border-radius: 15px;
  }
  .ts-stat {
    justify-content: flex-start;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .ts-stat:last-child { border-bottom: 0; }
  .ts-products-section { padding: 70px 0 !important; }
  .global-header-liquid { text-align: center; }
  .ts-trust-row { gap: .75rem 1rem; }
  .ts-search-heading small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}