:root {
  /* DARK THEME SPECIFIC COLORS WITH UNIQUE NAMING matching product Megamove */
  --mm-bg: #0d0f14;
  --mm-surface: #141923;
  --mm-surface-alt: #1a202c;
  --mm-tone: #8b5cf6; /* Vibrant violet */
  --mm-tone-hover: #7c3aed;
  --mm-accent: #06b6d4; /* Vibrant cyan */
  --mm-ink: #f9fafb;
  --mm-ink-muted: #9ca3af;
  --mm-border: rgba(255, 255, 255, 0.08);
  --mm-gradient: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);
  
  /* FONTS */
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;
  
  /* CONTAINER CONFIGURATION (Randomized) */
  --mm-max-width: 1140px;
  
  /* STYLE DETAILS (Soft Border Radius, Standard Raised Shadows) */
  --mm-border-radius: 16px;
  --mm-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
}

/* Base custom definitions */
*, *::before, *::after {
  box-sizing: border-box;
}

/* UPPERCASE heading handling as requested */
h1, h2, h3, h4 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Custom layout container helper applied only to main layouts */
.mm-inside-holder {
  max-width: var(--mm-max-width);
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* Custom rounded corners implementation based on border-radius-style config */
.mm-tag-item,
.mm-benefit-item,
.mm-comment-item,
.mm-sticky-checkout,
.mm-cta-button,
.mm-price-badge {
  border-radius: var(--mm-border-radius);
}

/* CTA Button customizations */
.mm-cta-button {
  box-shadow: 0 4px 14px rgba(139, 92, 246, 0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mm-cta-button:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #0891b2 100%);
}

/* Sub-features icon circle background */
.mm-benefit-circle {
  transition: transform 0.3s ease;
}
.mm-benefit-item:hover .mm-benefit-circle {
  transform: scale(1.1) rotate(5deg);
}

/* Accessibility settings */
a:focus, button:focus {
  outline: 2px solid var(--mm-accent);
  outline-offset: 4px;
}

/* Subtle border transitions */
.mm-benefit-item, .mm-comment-item {
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.mm-benefit-item:hover {
  border-color: var(--mm-accent);
  transform: translateY(-2px);
}

/* Sticky behavior for desktop */
@media (min-width: 1024px) {
  .mm-sticky-checkout {
    position: sticky;
    bottom: 2rem;
    z-index: 30;
    backdrop-filter: blur(8px);
    background-color: rgba(20, 25, 35, 0.9) !important;
  }
}

/* Text sizes for 3xs/2xs */
.text-2xs {
  font-size: 0.70rem;
}
.text-3xs {
  font-size: 0.60rem;
}