/** Shopify CDN: Minification failed

Line 28:48 Unexpected "{"

**/
/* Neon Dark Theme - All Pages */
/* Matching Product & About Pages */

/* ========================================
   EXCLUDE HEADER & ANNOUNCEMENT BAR & FOOTER
   Keep Original Design (Not for Homepage)
   ======================================== */

body:not(.template-index) #shopify-section-header,
body:not(.template-index) .m-header,
body:not(.template-index) .m-announcement-bar,
body:not(.template-index) .header-group,
body:not(.template-index) .m-footer,
body:not(.template-index) #shopify-section-footer {
  background: unset !important;
  border: unset !important;
  backdrop-filter: none !important;
  box-shadow: unset !important;
}

/* Reset Header & Footer Text Colors to Original */
body:not(.template-index) .m-header *,
body:not(.template-index) .m-announcement-bar *,{
  color: unset !important;
  text-shadow: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;
  background: unset !important;
}

/* Reset Header & Footer Links */
body:not(.template-index) .m-header a,
body:not(.template-index) .m-announcement-bar a,
body:not(.template-index) .m-footer a {
  background: unset !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  color: unset !important;
}

/* Reset Header & Footer Buttons */
body:not(.template-index) .m-header .m-button,
body:not(.template-index) .m-header button{
  background: unset !important;
  border: unset !important;
  color: unset !important;
  box-shadow: unset !important;
}

/* Prevent smoke effects on header & footer */
body:not(.template-index) #shopify-section-header::before,
body:not(.template-index) .m-header::before,
body:not(.template-index) .m-announcement-bar::before,
body:not(.template-index) .m-footer::before {
  display: none !important;
}

/* Global Dark Background for Homepage Sections (Excluding Header) */
.template-index main .m-section,
.template-index .m-icon-box-section,
.template-index .m-collection-list-section,
.template-index .m-featured-collection,
.template-index .m-image-with-text-section,
.template-index .m-gallery-section,
.template-index .m-testimonials-section,
.template-index .m-scrolling-promotion-section {
  position: relative;
  background: linear-gradient(135deg, #0d0a1a 0%, #1a1530 35%, #0d1b2a 65%, #0d0a1a 100%) !important;
  overflow: hidden;
}

/* Animated Smoky Background Effects */
.template-index .m-icon-box-section::before,
.template-index .m-collection-list-section::before,
.template-index .m-featured-collection::before,
.template-index .m-image-with-text-section::before,
.template-index .m-gallery-section::before,
.template-index .m-testimonials-section::before {
  content: '';
  position: absolute;
  top: -30%;
  left: -30%;
  width: 160%;
  height: 160%;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(189, 147, 249, 0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 70% 60%, rgba(6, 255, 165, 0.08) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 80%, rgba(255, 0, 110, 0.06) 0%, transparent 40%);
  animation: homepage-smoke 20s ease-in-out infinite;
  pointer-events: none;
  filter: blur(75px);
  z-index: 0;
}

@keyframes homepage-smoke {
  0%, 100% {
    opacity: 0.35;
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    opacity: 0.65;
    transform: translate(25px, -30px) rotate(6deg);
  }
}

/* Ensure content is above smoke effects */
.template-index .m-section > *,
.template-index .m-icon-box-section > *,
.template-index .m-collection-list-section > *,
.template-index .m-featured-collection > *,
.template-index .m-image-with-text-section > *,
.template-index .m-gallery-section > *,
.template-index .m-testimonials-section > * {
  position: relative;
  z-index: 1;
}

/* Section Headings */
.template-index .m-section__heading,
.template-index .m-section-header h2,
.template-index .m-section-header h3 {
  background: linear-gradient(135deg, #ffffff 0%, #bd93f9 35%, #06ffa5 70%, #00f5ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(189, 147, 249, 0.4);
}

.template-index .m-section__description {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Cards - Product, Collection, etc. */
.template-index .m-product-card,
.template-index .m-icon-box,
.template-index .m-card {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.template-index .m-product-card:hover,
.template-index .m-icon-box:hover {
  border-color: rgba(189, 147, 249, 0.4) !important;
  background: rgba(0, 0, 0, 0.55) !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6), 0 0 40px rgba(189, 147, 249, 0.2) !important;
  transform: translateY(-8px);
}

.template-index .m-product-card__title,
.template-index .m-collection-card__title {
  color: rgba(255, 255, 255, 0.95) !important;
}

.template-index .m-product-card__price,
.template-index .m-price__regular {
  color: #06ffa5 !important;
  text-shadow: 0 0 15px rgba(6, 255, 165, 0.5);
  font-weight: 700;
}

/* Buttons */
.template-index .m-button--primary,
.m-button--primary {
  background: linear-gradient(135deg, #06ffa5 0%, #00f5ff 100%) !important;
  border: none !important;
  text-transform: uppercase;
  color: #000 !important;
  box-shadow: 0 4px 20px rgba(6, 255, 165, 0.4) !important;
  transition: all 0.3s ease !important;
}

.template-index .m-button--primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 30px rgba(6, 255, 165, 0.6) !important;
}

/* ========================================
   CONTACT PAGE
   ======================================== */

/* Contact Page Background */
.template-page {
  background: linear-gradient(135deg, #0d0a1a 0%, #1a1530 35%, #0d1b2a 65%, #0d0a1a 100%) !important;
}

.template-page main,
.template-page main .m-section {
  position: relative;
  background: transparent !important;
  overflow: visible;
}

/* Smoke Effect for Contact Page */
.template-page::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(189, 147, 249, 0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 70% 60%, rgba(6, 255, 165, 0.08) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 80%, rgba(255, 0, 110, 0.06) 0%, transparent 40%);
  animation: homepage-smoke 20s ease-in-out infinite;
  pointer-events: none;
  filter: blur(75px);
  z-index: 0;
}

.template-page main,
.template-page .m-section,
.template-page .m-section > * {
  position: relative;
  z-index: 1;
}

/* Contact Page Headings */
.template-page .m-section-header h1,
.template-page .m-section-header h2,
.template-page .m-section-header h3 {
  background: linear-gradient(135deg, #ffffff 0%, #bd93f9 35%, #06ffa5 70%, #00f5ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(189, 147, 249, 0.4);
}

.template-page .m-section-header p,
.template-page .m-section__description {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Contact Form Styling */
.template-page .m-contact-form{
  background: rgba(0, 0, 0, 0.35) !important;
  /* border: 1px solid rgba(255, 255, 255, 0.08) !important; */
  border-radius: 20px !important;
  backdrop-filter: blur(12px) !important;
  padding: 20px 10px !important;
}

.template-page input[type="text"], 
.template-page input[type="email"],
.template-page input[type="tel"],
.template-page textarea,
.template-page select {
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.3s ease;
  padding: 14px 20px !important;
}

/* .template-page input::placeholder, */
.template-page textarea::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.age-verification--calender *{
  color: black;}

.template-page input:focus,
.template-page textarea:focus,
.template-page select:focus {
  outline: none !important;
  border-color: rgba(189, 147, 249, 0.5) !important;
  background: rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 0 20px rgba(189, 147, 249, 0.2) !important;
}

.template-page label {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 600;
}

.template-page button[type="submit"],
.template-page .m-button--primary {
  background: linear-gradient(135deg, #06ffa5 0%, #00f5ff 100%) !important;
  border: none !important;
  /* border-radius: 12px !important; */
  color: #000 !important;
  /* font-weight: 700 !important; */
  /* text-transform: uppercase; */
  /* letter-spacing: 1px; */
  box-shadow: 0 4px 20px rgba(6, 255, 165, 0.4) !important;
  transition: all 0.3s ease !important;
  /* padding: 16px 40px !important; */
}

.template-page button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 30px rgba(6, 255, 165, 0.6) !important;
}

/* ========================================
   COLLECTION & LIST-COLLECTIONS PAGES
   ======================================== */

/* Collection Page Body Background */
.template-collection,
.template-list-collections {
  background: linear-gradient(135deg, #0d0a1a 0%, #1a1530 35%, #0d1b2a 65%, #0d0a1a 100%) !important;
}

/* Collection Page Sections */
.template-collection main,
.template-collection main .m-section,
.template-collection .m-collection-section,
.template-collection .m-collection-products,
.template-list-collections main,
.template-list-collections main .m-section,
.template-list-collections .m-collection-list-section {
  position: relative;
  background: transparent !important;
  overflow: visible;
}

/* Smoke Effects for Collection Pages */
.template-collection::before,
.template-list-collections::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(189, 147, 249, 0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 70% 60%, rgba(6, 255, 165, 0.08) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 80%, rgba(255, 0, 110, 0.06) 0%, transparent 40%);
  animation: homepage-smoke 20s ease-in-out infinite;
  pointer-events: none;
  filter: blur(75px);
  z-index: 0;
}

.template-collection main,
.template-collection .m-section,
.template-collection .m-section > *,
.template-list-collections main,
.template-list-collections .m-section,
.template-list-collections .m-section > * {
  position: relative;
  z-index: 1;
}

/* Collection Page Headings */
.template-collection .m-section-header h1,
.template-collection .m-section-header h2,
.template-collection .m-section-header h3,
.template-collection .m-collection-header h1,
.template-list-collections .m-section-header h1,
.template-list-collections .m-section-header h2,
.template-list-collections .m-section-header h3 {
  background: linear-gradient(135deg, #ffffff 0%, #bd93f9 35%, #06ffa5 70%, #00f5ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(189, 147, 249, 0.4);
}

.template-collection .m-section-header p,
.template-collection .m-collection-description,
.template-list-collections .m-section-header p {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Collection Product Cards */
.template-collection .m-product-card,
.template-list-collections .m-collection-card {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden;
}

.template-collection .m-product-card:hover,
.template-list-collections .m-collection-card:hover {
  border-color: rgba(189, 147, 249, 0.4) !important;
  background: rgba(0, 0, 0, 0.55) !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6), 0 0 40px rgba(189, 147, 249, 0.2) !important;
  transform: translateY(-10px);
}

.template-collection .m-product-card__title,
.template-collection .m-product-card__name,
.template-list-collections .m-collection-card__title {
  color: rgba(255, 255, 255, 0.95) !important;
}

.template-collection .m-product-card__price,
.template-collection .m-price__regular {
  color: #06ffa5 !important;
  text-shadow: 0 0 15px rgba(6, 255, 165, 0.5);
  font-weight: 700;
}

/* Collection Filters/Sidebar */
.template-collection .m-filter,
.template-collection .m-sidebar,
.template-collection .m-facets {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(12px) !important;
  padding: 24px !important;
}

.template-collection .m-filter__title,
.template-collection .m-facets__heading {
  color: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid rgba(189, 147, 249, 0.2) !important;
}

.template-collection .m-filter__item,
.template-collection .m-facets__item {
  color: rgba(255, 255, 255, 0.75) !important;
  transition: all 0.3s ease;
}

.template-collection .m-filter__item:hover,
.template-collection .m-facets__item:hover {
  color: #06ffa5 !important;
  text-shadow: 0 0 10px rgba(6, 255, 165, 0.4);
}

.template-collection .m-filter__item.active,
.template-collection .m-facets__item.active {
  color: #06ffa5 !important;
  background: rgba(6, 255, 165, 0.1) !important;
}

/* Pagination */
.template-collection .m-pagination,
.template-list-collections .m-pagination {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px) !important;
  padding: 12px 20px !important;
}

.template-collection .m-pagination__item,
.template-list-collections .m-pagination__item {
  color: rgba(255, 255, 255, 0.75) !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 0.3s ease;
}

.template-collection .m-pagination__item:hover,
.template-list-collections .m-pagination__item:hover {
  background: rgba(189, 147, 249, 0.2) !important;
  border-color: rgba(189, 147, 249, 0.4) !important;
  color: #06ffa5 !important;
}

.template-collection .m-pagination__item.active,
.template-list-collections .m-pagination__item.active {
  background: linear-gradient(135deg, #06ffa5 0%, #00f5ff 100%) !important;
  color: #000 !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(6, 255, 165, 0.5);
}

/* ========================================
   BLOG & ARTICLE PAGES
   ======================================== */

/* Blog Page Body Background */
.template-blog,
.template-article {
  background: linear-gradient(135deg, #0d0a1a 0%, #1a1530 35%, #0d1b2a 65%, #0d0a1a 100%) !important;
}

/* Blog Page Sections */
.template-blog main,
.template-blog main .m-section,
.template-blog .m-blog-section,
.template-article main,
.template-article main .m-section,
.template-article .m-article-section {
  position: relative;
  background: transparent !important;
  overflow: visible;
}

/* Smoke Effects for Blog Pages */
.template-blog::before,
.template-article::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(189, 147, 249, 0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 70% 60%, rgba(6, 255, 165, 0.08) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 80%, rgba(255, 0, 110, 0.06) 0%, transparent 40%);
  animation: homepage-smoke 20s ease-in-out infinite;
  pointer-events: none;
  filter: blur(75px);
  z-index: 0;
}

.template-blog main,
.template-blog .m-section,
.template-blog .m-section > *,
.template-article main,
.template-article .m-section,
.template-article .m-section > * {
  position: relative;
  z-index: 1;
}

/* Blog Page Headings */
.template-blog .m-section-header h1,
.template-blog .m-section-header h2,
.template-blog .m-blog-header h1,
.template-article .m-section-header h1,
.template-article .m-article-header h1,
.template-article .m-article__title {
  background: linear-gradient(135deg, #ffffff 0%, #bd93f9 35%, #06ffa5 70%, #00f5ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(189, 147, 249, 0.4);
}

.template-blog .m-section-header p,
.template-blog .m-blog-description,
.template-article .m-article__meta,
.template-article .m-article__excerpt {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Blog Post Cards */
.template-blog .m-article-card,
.template-blog .m-blog-card {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden;
}

.template-blog .m-article-card:hover,
.template-blog .m-blog-card:hover {
  border-color: rgba(189, 147, 249, 0.4) !important;
  background: rgba(0, 0, 0, 0.55) !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6), 0 0 40px rgba(189, 147, 249, 0.2) !important;
  transform: translateY(-10px);
}

.template-blog .m-article-card__title,
.template-blog .m-blog-card__title {
  color: rgba(255, 255, 255, 0.95) !important;
}

.template-blog .m-article-card__meta,
.template-blog .m-blog-card__meta {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Article Content */
.template-article .m-article-content,
.template-article .rte {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(12px) !important;
  padding: 40px !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.template-article .rte h2,
.template-article .rte h3,
.template-article .rte h4 {
  color: rgba(255, 255, 255, 0.95) !important;
  margin-top: 32px;
  margin-bottom: 16px;
}

.template-article .rte p {
  color: rgba(255, 255, 255, 0.8) !important;
  line-height: 1.8;
}

.template-article .rte a {
  color: #06ffa5 !important;
  text-decoration: underline;
  transition: all 0.3s ease;
}

.template-article .rte a:hover {
  color: #00f5ff !important;
  text-shadow: 0 0 10px rgba(6, 255, 165, 0.5);
}

/* Blog Sidebar */
.template-blog .m-sidebar,
.template-article .m-sidebar {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(12px) !important;
  padding: 24px !important;
}

.template-blog .m-sidebar__heading,
.template-article .m-sidebar__heading {
  color: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid rgba(189, 147, 249, 0.2) !important;
}

/* Blog Pagination */
.template-blog .m-pagination {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px) !important;
  padding: 12px 20px !important;
}

.template-blog .m-pagination__item {
  color: rgba(255, 255, 255, 0.75) !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 0.3s ease;
}

.template-blog .m-pagination__item:hover {
  background: rgba(189, 147, 249, 0.2) !important;
  border-color: rgba(189, 147, 249, 0.4) !important;
  color: #06ffa5 !important;
}

.template-blog .m-pagination__item.active {
  background: linear-gradient(135deg, #06ffa5 0%, #00f5ff 100%) !important;
  color: #000 !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(6, 255, 165, 0.5);
}

/* Comments Section */
.template-article .m-comments,
.template-article #comments {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(12px) !important;
  padding: 40px !important;
  margin-top: 40px;
}

.template-article .m-comment {
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 20px;
}

.template-article .m-comment__author {
  color: #06ffa5 !important;
  font-weight: 700;
}

.template-article .m-comment__text {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* ========================================
   CART PAGE
   ======================================== */

.template-cart {
  background: linear-gradient(135deg, #0d0a1a 0%, #1a1530 35%, #0d1b2a 65%, #0d0a1a 100%) !important;
}

.template-cart main,
.template-cart main .m-section {
  position: relative;
  background: transparent !important;
  overflow: visible;
}

.template-cart::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(189, 147, 249, 0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 70% 60%, rgba(6, 255, 165, 0.08) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 80%, rgba(255, 0, 110, 0.06) 0%, transparent 40%);
  animation: homepage-smoke 20s ease-in-out infinite;
  pointer-events: none;
  filter: blur(75px);
  z-index: 0;
}

.template-cart main,
.template-cart .m-section,
.template-cart .m-section > * {
  position: relative;
  z-index: 1;
}

.template-cart .m-section-header h1,
.template-cart .m-cart-header h1 {
  background: linear-gradient(135deg, #ffffff 0%, #bd93f9 35%, #06ffa5 70%, #00f5ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(189, 147, 249, 0.4);
}

.template-cart .m-cart-items,
.template-cart .m-cart-summary {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(12px) !important;
  padding: 30px !important;
}

.template-cart .m-cart-item {
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 16px;
}

.template-cart .m-cart-item__title {
  color: rgba(255, 255, 255, 0.95) !important;
}

.template-cart .m-cart-item__price {
  color: #06ffa5 !important;
  text-shadow: 0 0 15px rgba(6, 255, 165, 0.5);
  font-weight: 700;
}

.template-cart .m-cart-summary__total {
  color: #06ffa5 !important;
  font-size: 24px;
  font-weight: 700;
  text-shadow: 0 0 20px rgba(6, 255, 165, 0.5);
}

.template-cart .m-button--checkout,
.template-cart button[name="checkout"] {
  background: linear-gradient(135deg, #06ffa5 0%, #00f5ff 100%) !important;
  border: none !important;
  color: #000 !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 20px rgba(6, 255, 165, 0.4) !important;
  transition: all 0.3s ease !important;
}

.template-cart .m-button--checkout:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 30px rgba(6, 255, 165, 0.6) !important;
}

/* ========================================
   WISHLIST PAGE
   ======================================== */

.template-wishlist,
body[class*="wishlist"] {
  background: linear-gradient(135deg, #0d0a1a 0%, #1a1530 35%, #0d1b2a 65%, #0d0a1a 100%) !important;
}

.template-wishlist main,
body[class*="wishlist"] main {
  position: relative;
  background: transparent !important;
  overflow: visible;
}

.template-wishlist::before,
body[class*="wishlist"]::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(189, 147, 249, 0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 70% 60%, rgba(6, 255, 165, 0.08) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 80%, rgba(255, 0, 110, 0.06) 0%, transparent 40%);
  animation: homepage-smoke 20s ease-in-out infinite;
  pointer-events: none;
  filter: blur(75px);
  z-index: 0;
}

.template-wishlist main,
.template-wishlist .m-section,
.template-wishlist .m-section > *,
body[class*="wishlist"] main,
body[class*="wishlist"] .m-section,
body[class*="wishlist"] .m-section > * {
  position: relative;
  z-index: 1;
}

.template-wishlist h1,
body[class*="wishlist"] h1 {
  background: linear-gradient(135deg, #ffffff 0%, #bd93f9 35%, #06ffa5 70%, #00f5ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(189, 147, 249, 0.4);
}

.template-wishlist .m-product-card,
body[class*="wishlist"] .m-product-card {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.template-wishlist .m-product-card:hover,
body[class*="wishlist"] .m-product-card:hover {
  border-color: rgba(189, 147, 249, 0.4) !important;
  background: rgba(0, 0, 0, 0.55) !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6), 0 0 40px rgba(189, 147, 249, 0.2) !important;
  transform: translateY(-10px);
}

/* ========================================
   ACCOUNT/CUSTOMER PAGES
   ======================================== */

.template-customers-login,
.template-customers-register,
.template-customers-account,
.template-customers-reset_password,
.template-customers-activate_account {
  background: linear-gradient(135deg, #0d0a1a 0%, #1a1530 35%, #0d1b2a 65%, #0d0a1a 100%) !important;
}

.template-customers-login main,
.template-customers-register main,
.template-customers-account main,
.template-customers-reset_password main,
.template-customers-activate_account main {
  position: relative;
  background: transparent !important;
  overflow: visible;
}

.template-customers-login::before,
.template-customers-register::before,
.template-customers-account::before,
.template-customers-reset_password::before,
.template-customers-activate_account::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(189, 147, 249, 0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 70% 60%, rgba(6, 255, 165, 0.08) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 80%, rgba(255, 0, 110, 0.06) 0%, transparent 40%);
  animation: homepage-smoke 20s ease-in-out infinite;
  pointer-events: none;
  filter: blur(75px);
  z-index: 0;
}

.template-customers-login main,
.template-customers-login .m-section,
.template-customers-login .m-section > *,
.template-customers-register main,
.template-customers-register .m-section,
.template-customers-register .m-section > *,
.template-customers-account main,
.template-customers-account .m-section,
.template-customers-account .m-section > *,
.template-customers-reset_password main,
.template-customers-reset_password .m-section,
.template-customers-reset_password .m-section > *,
.template-customers-activate_account main,
.template-customers-activate_account .m-section,
.template-customers-activate_account .m-section > * {
  position: relative;
  z-index: 1;
}

.template-customers-login h1,
.template-customers-register h1,
.template-customers-account h1,
.template-customers-reset_password h1,
.template-customers-activate_account h1 {
  background: linear-gradient(135deg, #ffffff 0%, #bd93f9 35%, #06ffa5 70%, #00f5ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(189, 147, 249, 0.4);
}

.template-customers-login form,
.template-customers-register form,
.template-customers-reset_password form,
.template-customers-activate_account form {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(12px) !important;
  padding: 40px !important;
}

.template-customers-login input,
.template-customers-register input,
.template-customers-reset_password input,
.template-customers-activate_account input {
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px) !important;
  padding: 14px 20px !important;
}

.template-customers-login input:focus,
.template-customers-register input:focus,
.template-customers-reset_password input:focus,
.template-customers-activate_account input:focus {
  border-color: rgba(189, 147, 249, 0.5) !important;
  background: rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 0 20px rgba(189, 147, 249, 0.2) !important;
}

.template-customers-login button,
.template-customers-register button,
.template-customers-reset_password button,
.template-customers-activate_account button {
  background: linear-gradient(135deg, #06ffa5 0%, #00f5ff 100%) !important;
  border: none !important;
  color: #000 !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 20px rgba(6, 255, 165, 0.4) !important;
}

.template-customers-login button:hover,
.template-customers-register button:hover,
.template-customers-reset_password button:hover,
.template-customers-activate_account button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 30px rgba(6, 255, 165, 0.6) !important;
}

/* Account Dashboard */
.template-customers-account .m-account-section {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(12px) !important;
  padding: 30px !important;
  margin-bottom: 20px;
}

.template-customers-account .m-order {
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 16px;
}

.template-customers-account h2,
.template-customers-account h3 {
  color: rgba(255, 255, 255, 0.95) !important;
}

.template-customers-account p,
.template-customers-account td,
.template-customers-account th {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* ========================================
   RESPONSIVE DESIGN - MOBILE & TABLET
   ======================================== */

/* Tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Forms */
  .template-page form,
  .template-cart .m-cart-items,
  .template-cart .m-cart-summary,
  .template-customers-login form,
  .template-customers-register form,
  .template-article .m-article-content {
    padding: 25px !important;
    border-radius: 16px !important;
  }

  /* Headings */
  .template-page .m-section-header h1,
  .template-collection .m-section-header h1,
  .template-blog .m-section-header h1,
  .template-cart .m-section-header h1,
  .template-customers-login h1,
  .template-customers-register h1 {
    font-size: 32px !important;
  }

  /* Cards */
  .template-collection .m-product-card,
  .template-list-collections .m-collection-card,
  .template-blog .m-article-card {
    border-radius: 14px !important;
  }

  /* Buttons */
  .template-page button[type="submit"],
  .template-cart .m-button--checkout,
  .template-customers-login button,
  .template-customers-register button {
    padding: 14px 32px !important;
  }
}

/* Mobile Large (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  /* Forms */
  .template-cart .m-cart-items,
  .template-cart .m-cart-summary,
  .template-customers-login form,
  .template-customers-register form,
  .template-article .m-article-content {
    padding: 20px !important;
    border-radius: 14px !important;
  }

  .template-page input[type="text"],
  .template-page input[type="email"],
  .template-page input[type="tel"],
  .template-page textarea,
  .template-customers-login input,
  .template-customers-register input {
    padding: 12px 16px !important;
  }

  /* Headings */
  .template-page .m-section-header h1,
  .template-collection .m-section-header h1,
  .template-blog .m-section-header h1,
  .template-cart .m-section-header h1,
  .template-customers-login h1,
  .template-customers-register h1 {
    font-size: 28px !important;
  }

  /* Buttons */
  .template-page button[type="submit"],
  .template-cart .m-button--checkout,
  .template-customers-login button,
  .template-customers-register button {
    padding: 12px 24px !important;
    width: 100%;
  }

  /* Cards */
  .template-collection .m-product-card,
  .template-cart .m-cart-item {
    padding: 14px !important;
  }
}

/* Mobile Small (max-width: 480px) */
@media (max-width: 480px) {
  /* Forms - compact */
  .template-cart .m-cart-items,
  .template-cart .m-cart-summary,
  .template-customers-login form,
  .template-customers-register form,
  .template-article .m-article-content,
  .template-article .m-comments {
    padding: 16px !important;
    border-radius: 12px !important;
  }

  .template-page input[type="text"],
  .template-page input[type="email"],
  .template-page input[type="tel"],
  .template-page textarea,
  .template-customers-login input,
  .template-customers-register input {
    padding: 10px 14px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
  }

  /* Headings - smaller */
  .template-page .m-section-header h1,
  .template-collection .m-section-header h1,
  .template-blog .m-section-header h1,
  .template-cart .m-section-header h1,
  .template-customers-login h1,
  .template-customers-register h1 {
    font-size: 24px !important;
  }

  .template-page .m-section-header h2,
  .template-collection .m-section-header h2 {
    font-size: 20px !important;
  }

  /* Buttons - full width */
  .template-page button[type="submit"],
  .template-cart .m-button--checkout,
  .template-customers-login button,
  .template-customers-register button {
    padding: 12px 20px !important;
    font-size: 14px !important;
    width: 100%;
    border-radius: 10px !important;
  }

  /* Cards - compact */
  .template-collection .m-product-card,
  .template-list-collections .m-collection-card,
  .template-blog .m-article-card,
  .template-cart .m-cart-item {
    border-radius: 10px !important;
    padding: 12px !important;
  }

  .template-collection .m-product-card:hover,
  .template-list-collections .m-collection-card:hover {
    transform: translateY(-5px);
  }

  /* Filter/Sidebar - compact */
  .template-collection .m-filter,
  .template-collection .m-sidebar {
    padding: 14px !important;
    border-radius: 12px !important;
  }

  /* Pagination */
  .template-collection .m-pagination {
    padding: 10px 16px !important;
  }

  /* Cart summary */
  .template-cart .m-cart-summary__total {
    font-size: 18px !important;
  }

  /* Account sections */
  .template-customers-account .m-account-section {
    padding: 16px !important;
    border-radius: 10px !important;
  }

  .template-customers-account h2 {
    font-size: 18px !important;
  }
}

/* ========================================
   PRODUCT PAGE
   ======================================== */

/* Product Page Body Background */
.template-product {
  background: linear-gradient(135deg, #0d0a1a 0%, #1a1530 35%, #0d1b2a 65%, #0d0a1a 100%) !important;
}

/* Product Page Sections — Transparent so body gradient shows through seamlessly */
.template-product main,
.template-product main .m-section,
.template-product .m-product-recommendations,
.template-product .m-recently-viewed {
  position: relative;
  background: transparent !important;
  overflow: visible;
}

/* Sections with own ::before/::after smoke — only make bg transparent, preserve overflow:hidden */
.template-product .m-main-product,
.template-product .m-product-details-tabs,
.template-product .m-collapsible-section,
.template-product .m-product-features {
  background: transparent !important;
}

/* Smoke Effect for Product Page */
.template-product::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(189, 147, 249, 0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 70% 60%, rgba(6, 255, 165, 0.08) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 80%, rgba(255, 0, 110, 0.06) 0%, transparent 40%);
  animation: homepage-smoke 20s ease-in-out infinite;
  pointer-events: none;
  filter: blur(75px);
  z-index: 0;
}

/* Ensure content is above smoke */
.template-product main,
.template-product .m-section,
.template-product .m-section > *,
.template-product .m-main-product > *,
.template-product [class*="product-features"] > * {
  position: relative;
  z-index: 1;
}

/* Product Page Section Headings */
.template-product .m-section-header h2,
.template-product .m-section-header h3,
.template-product .m-section__heading {
  background: linear-gradient(135deg, #ffffff 0%, #bd93f9 35%, #06ffa5 70%, #00f5ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(189, 147, 249, 0.4);
}

.template-product .m-section-header p,
.template-product .m-section__description {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Product Recommendation & Recently Viewed Cards */
.template-product .m-product-card {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden;
}

.template-product .m-product-card:hover {
  border-color: rgba(189, 147, 249, 0.4) !important;
  background: rgba(0, 0, 0, 0.55) !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6), 0 0 40px rgba(189, 147, 249, 0.2) !important;
  transform: translateY(-8px);
}

.template-product .m-product-card__title {
  color: rgba(255, 255, 255, 0.95) !important;
}

.template-product .m-product-card__price,
.template-product .m-product-recommendations .m-price__regular {
  color: #06ffa5 !important;
  text-shadow: 0 0 15px rgba(6, 255, 165, 0.5);
  font-weight: 700;
}

/* Product Page Buttons */
.template-product .m-product-recommendations .m-button--primary,
.template-product .m-recently-viewed .m-button--primary {
  background: linear-gradient(135deg, #06ffa5 0%, #00f5ff 100%) !important;
  border: none !important;
  color: #000 !important;
  box-shadow: 0 4px 20px rgba(6, 255, 165, 0.4) !important;
  transition: all 0.3s ease !important;
}

.template-product .m-product-recommendations .m-button--primary:hover,
.template-product .m-recently-viewed .m-button--primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 30px rgba(6, 255, 165, 0.6) !important;
}

/* Product Page — Remove color scheme backgrounds that cause black patches */
.template-product .m-color-scheme-02d74497-e6e2-4795-bca9-3044b6701fdd {
  background-color: transparent !important;
}

/* Responsive — Product Page */
@media (max-width: 767px) {
  .template-product .m-product-card {
    border-radius: 12px !important;
  }
  .m-header .m-header__mobile,
  .m-header .m-header__wrapper{
    background: transparent !important;}

  .m-header.stuck .m-header__mobile,
  .m-header.stuck .m-header__wrapper{
    background: linear-gradient(135deg,#0d0a1a,#1a1530 35%,#0d1b2a 65%,#0d0a1a)!important;}

   .template-article .rte{
    padding: 40px 20px !important;
  }

  .template-product .m-product-card:hover {
    transform: translateY(-5px);
  }
}