/*
Theme Name: Aimniwell International
Theme URI: https://aimniwell.com/
Author: Aimniwell International
Author URI: https://aimniwell.com/
Description: Luxury 3D Ring Project Gallery and Designer Commode Collection Theme with Ultra-Professional Apple-Grade E-Commerce Integration. Grounded in DESIGN-apple.md.
Version: 2.7.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: aimniwell
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

:root {
  /* ==========================================================================
     AIMNIWELL OFFICIAL FINAL BRAND PALETTE (Exact 10 Colors)
     1. Primary Blue:     #004377 (RGB: 0, 67, 119)
     2. Premium Sapphire: #6B8ECE (RGB: 107, 140, 206)
     3. Premium Ivory:    #FAF8F3 (RGB: 250, 248, 243)
     4. Midnight Navy:    #0E223D (RGB: 14, 34, 61)
     5. Soft Stone:       #F2F4F7 (RGB: 242, 244, 247)
     6. Cool White:       #FFFFFF (RGB: 255, 255, 255)
     7. Charcoal:         #30343B (RGB: 48, 52, 59)
     8. Success Green:    #2E8B57 (RGB: 46, 139, 87)
     9. Alert Red:        #D9534F (RGB: 217, 83, 79)
     10. Muted Grey:      #6E7781 (RGB: 110, 119, 129)
     ========================================================================== */
  --color-primary: #004377;
  --color-primary-focus: #00335c;
  --color-premium-sapphire: #6B8ECE;
  --color-premium-sapphire-hover: #5274b5;
  --color-premium-sapphire-light: #edf2fc;
  --color-midnight-navy: #0E223D;
  --color-premium-ivory: #FAF8F3;
  --color-soft-stone: #F2F4F7;
  --color-cool-white: #FFFFFF;
  --color-charcoal: #30343B;
  --color-muted-grey: #6E7781;
  --color-success: #2E8B57;
  --color-alert: #D9534F;

  /* Backward Compatibility Aliases */
  --color-accent-gold: #6B8ECE;
  --color-accent-gold-hover: #5274b5;
  --color-accent-gold-light: #edf2fc;
  --color-primary-on-dark: #6B8ECE;

  /* Typography Colors (Per Official Palette Spec) */
  --color-heading: #004377;               /* Heading */
  --color-subheading: #0E223D;            /* Sub Heading */
  --color-body: #30343B;                  /* Paragraph */
  --color-muted: #6E7781;                 /* Muted Text */
  --color-ink: #004377;
  --color-ink-muted-80: #30343B;
  --color-ink-muted-48: #6E7781;
  --color-body-muted: #6E7781;
  --color-body-on-dark: #FFFFFF;

  /* Button Colors (Per Official Palette Spec) */
  --btn-primary-bg: #004377;
  --btn-primary-text: #FFFFFF;
  --btn-secondary-bg: #6B8ECE;
  --btn-secondary-text: #FFFFFF;

  /* Icon Colors (Per Official Palette Spec) */
  --icon-default: #004377;
  --icon-premium: #6B8ECE;
  --icon-success: #2E8B57;
  --icon-alert: #D9534F;

  /* Divider Colors (Per Official Palette Spec) */
  --divider-blue: #004377;
  --color-divider-gold: #004377;
  --color-hairline: #E2E8F0;
  --color-divider-soft: #F2F4F7;

  /* Card Backgrounds (Per Official Palette Spec) */
  --card-bg-manual: #FAF8F3;
  --card-bg-premium: #0E223D;
  --card-bg-info: #FFFFFF;
  --color-canvas: #FFFFFF;
  --color-canvas-parchment: #FAF8F3;
  --color-surface-pearl: #FAF8F3;
  --color-surface-soft: #F2F4F7;
  --color-surface-tile-1: #0E223D;
  --color-surface-tile-2: #0E223D;
  --color-surface-tile-3: #0E223D;
  --color-on-primary: #FFFFFF;
  --color-on-gold: #FFFFFF;
  --color-on-dark: #FFFFFF;

  /* ==========================================================================
     AIMNIWELL UNIFIED LUXURY TYPOGRAPHY SYSTEM
     Headings / Display: Plus Jakarta Sans (Architectural Luxury Geometry)
     Body / UI / Data:   Inter (Crisp Optical Kerning, Apple-Grade Legibility)
     ========================================================================== */
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
  --font-text: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  --font-system: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Border Radii Tokens from DESIGN-apple.md */
  --radius-none: 0px;
  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 9999px;
  --radius-full: 9999px;

  /* ==========================================================================
     GLOBAL 8-POINT SPACING SYSTEM (AIMNIWELL MASTER SCALE)
     Strict mathematical rhythm: 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 80, 96, 120, 144, 160
     ========================================================================== */
  --space-0: 0px;
  --space-1: 4px;     /* 0.5x - Micro gap, tight badges, indicators */
  --space-2: 8px;     /* 1.0x - Base unit: icon-text gap, chip margins */
  --space-3: 12px;    /* 1.5x - Compact padding, button inner spacing */
  --space-4: 16px;    /* 2.0x - Mobile side gutter, card inner padding */
  --space-5: 20px;    /* 2.5x - Medium card padding, input padding */
  --space-6: 24px;    /* 3.0x - Card padding, component grid gap */
  --space-8: 32px;    /* 4.0x - Desktop side gutter, large card padding */
  --space-10: 40px;   /* 5.0x - Layout gutter, large column gaps */
  --space-12: 48px;   /* 6.0x - Standard control height, section sub-gaps */
  --space-14: 56px;   /* 7.0x - Component separator margin */
  --space-16: 64px;   /* 8.0x - Compact section vertical padding */
  --space-20: 80px;   /* 10.0x - STANDARD SECTION PADDING (Mobile / Compact) */
  --space-24: 96px;   /* 12.0x - Medium section vertical padding */
  --space-30: 120px;  /* 15.0x - STANDARD SECTION PADDING (Desktop Master Rhythm) */
  --space-36: 144px;  /* 18.0x - Major showcase / Hero section vertical padding */
  --space-40: 160px;  /* 20.0x - Floating Island Header Top Clearance */

  /* Legacy & Semantic Token Mappings (Backwards Compatibility) */
  --space-xxs: var(--space-1);  /* 4px */
  --space-xs:  var(--space-2);  /* 8px */
  --space-sm:  var(--space-3);  /* 12px */
  --space-md:  var(--space-4);  /* 16px - Standardized from 17px */
  --space-lg:  var(--space-6);  /* 24px */
  --space-xl:  var(--space-8);  /* 32px */
  --space-xxl: var(--space-12); /* 48px */
  --space-section: var(--space-20); /* 80px on Mobile */
  --space-section-desktop: var(--space-30); /* 120px on Desktop */
  --space-header-clearance: var(--space-40); /* 160px on Desktop */
  --space-header-clearance-mobile: var(--space-30); /* 120px on Mobile */

  /* Elevation: Soft Shadows from Official Palette Spec (rgba(0,0,0,0.08)) */
  --shadow-soft: rgba(0, 0, 0, 0.08) 0px 4px 16px;
  --shadow-product: rgba(0, 0, 0, 0.08) 0px 10px 30px;
  --shadow-card: rgba(0, 0, 0, 0.08) 0px 6px 24px;
  --shadow-subtle-glow: rgba(0, 67, 119, 0.14) 0px 4px 16px;
  --shadow-gold-glow: rgba(107, 140, 206, 0.25) 0px 4px 16px;

  /* Motion & Easing */
  --ease-apple: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Reset & Core Typography */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  width: 100%;
  min-height: 100%;
  background-color: var(--color-canvas);
  color: var(--color-body);
  font-family: var(--font-text);
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.011em;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ==========================================================================
   GLOBAL TYPOGRAPHIC HIERARCHY (H1 - H6, Paragraphs & Core UI)
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--color-heading);
  line-height: 1.2;
  letter-spacing: -0.025em;
  margin-top: 0;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: clamp(32px, 4.2vw, 52px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.035em;
  margin-bottom: 16px;
}

h2 {
  font-size: clamp(24px, 3.2vw, 36px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.025em;
  margin-bottom: 14px;
}

h3 {
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}

h4 {
  font-size: clamp(17px, 1.8vw, 20px);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.015em;
  margin-bottom: 10px;
}

h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}

h6 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 6px;
}

p {
  margin-top: 0;
  margin-bottom: 1.15rem;
  font-size: 16px;
  line-height: 1.65;
  color: var(--color-body);
}

p.lead, .lead-text {
  font-size: clamp(17px, 1.8vw, 21px);
  line-height: 1.5;
  font-weight: 400;
  color: var(--color-subheading);
  letter-spacing: -0.015em;
}

small, .text-small {
  font-size: 13px;
  line-height: 1.5;
}

button, input, select, textarea {
  font-family: inherit;
}

/* ==========================================================================
   LENIS HIGH-REFRESH 60/120 FPS SMOOTH SCROLL ARCHITECTURE
   ========================================================================== */
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Custom Cursor Permanently Removed */
.custom-cursor,
.aqua-ripple-effect {
  display: none !important;
}

/* ==========================================================================
   CONCEPT 2: APPLE-GRADE FLOATING ISLAND CAPSULE HEADER & SPOTLIGHT SEARCH
   ========================================================================== */
.site-header,
.site-header.floating-island-capsule {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 64px !important;
  max-height: 64px !important;
  background: #ffffff !important;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  z-index: 999999 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 36px !important;
  box-sizing: border-box !important;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.header-left {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  flex-shrink: 0 !important;
}

.brand-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  height: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: transform 0.2s var(--ease-apple), opacity 0.2s ease !important;
}

.brand-logo-link:active {
  transform: scale(0.96);
}

.site-header .site-logo-img,
.brand-logo-link .site-logo-img,
img.site-logo-img {
  height: 42px !important;
  max-height: 42px !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Center Pill Navigation (Exact 50% Header Center) */
.header-nav-pills,
.header-nav-pills.desktop-nav {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  z-index: 10 !important;
}

.header-pills-list {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 4px !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.header-pills-list li {
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header-pill-link {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 16px !important;
  font-family: var(--font-text) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #4b5563 !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
}

.header-pill-link:hover {
  color: #111827 !important;
  background: rgba(255, 255, 255, 0.65) !important;
}

.header-pill-link.active,
.header-pills-list li.current-menu-item .header-pill-link {
  color: #ffffff !important;
  font-weight: 600 !important;
  background: var(--color-premium-sapphire, #6B8ECE) !important;
  box-shadow: 0 2px 10px rgba(107, 142, 206, 0.35), 0 1px 3px rgba(107, 142, 206, 0.2) !important;
}

.header-pill-link.active:hover,
.header-pills-list li.current-menu-item .header-pill-link:hover {
  color: #ffffff !important;
  background: var(--color-premium-sapphire, #6B8ECE) !important;
}

/* Right Side Header Group (Spotlight Trigger + Cart + Hamburger) */
.header-right-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
}

/* Spotlight Search Trigger Button */
.header-spotlight-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  height: 38px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 67, 119, 0.14) !important;
  border-radius: 999px !important;
  color: var(--color-charcoal, #30343B) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

.header-spotlight-trigger:hover {
  background: #ffffff !important;
  color: var(--color-primary, #004377) !important;
  border-color: var(--color-primary, #004377) !important;
  box-shadow: 0 4px 12px rgba(0, 67, 119, 0.12) !important;
}

.spotlight-trigger-label {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.spotlight-kbd-badge {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  padding: 2px 6px !important;
  background: var(--color-soft-stone, #F2F4F7) !important;
  border: 1px solid rgba(0, 67, 119, 0.12) !important;
  border-radius: 6px !important;
  color: var(--color-muted-grey, #6E7781) !important;
  line-height: 1 !important;
  margin-left: 2px !important;
}

.header-cart-btn,
.header-account-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 67, 119, 0.14) !important;
  border-radius: 50% !important;
  color: var(--color-midnight-navy, #0E223D) !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

.header-cart-btn:hover,
.header-account-btn:hover {
  background: var(--color-primary, #004377) !important;
  color: #ffffff !important;
  border-color: var(--color-primary, #004377) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(0, 67, 119, 0.28) !important;
}

.header-account-btn.active {
  background: var(--color-premium-sapphire, #6B8ECE) !important;
  color: #ffffff !important;
  border-color: var(--color-premium-sapphire, #6B8ECE) !important;
  box-shadow: 0 2px 10px rgba(107, 142, 206, 0.35) !important;
}

/* --------------------------------------------------------- */
/* HEADER MY ACCOUNT DROPDOWN SUBMENU                         */
/* --------------------------------------------------------- */
.header-account-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.header-account-dropdown {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  right: -8px !important;
  width: 260px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 67, 119, 0.14) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.16) !important;
  padding: 14px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(6px) !important;
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s !important;
  z-index: 1000 !important;
  pointer-events: none !important;
  font-family: var(--font-text, 'Inter', sans-serif) !important;
}

/* Invisible Safety Hover Bridge */
.header-account-dropdown::before {
  content: '' !important;
  position: absolute !important;
  top: -16px !important;
  left: 0 !important;
  right: 0 !important;
  height: 18px !important;
  background: transparent !important;
  pointer-events: auto !important;
}

/* Luxury Connected Pointer Notch */
.header-account-dropdown::after {
  content: '' !important;
  position: absolute !important;
  top: -7px !important;
  right: 22px !important;
  width: 14px !important;
  height: 14px !important;
  background: #FFFFFF !important;
  transform: rotate(45deg) !important;
  border-left: 1px solid rgba(0, 67, 119, 0.14) !important;
  border-top: 1px solid rgba(0, 67, 119, 0.14) !important;
  z-index: 10 !important;
}

.header-account-wrapper:hover .header-account-dropdown,
.header-account-wrapper:focus-within .header-account-dropdown,
.header-account-wrapper.dropdown-open .header-account-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.header-account-dropdown .dropdown-header {
  padding: 8px 12px 10px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  margin-bottom: 6px !important;
}

.header-account-dropdown .user-greeting {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #004377 !important;
  display: block !important;
}

.header-account-dropdown .dropdown-nav-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.header-account-dropdown .dropdown-nav-list li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header-account-dropdown .dropdown-nav-list li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #30343B !important;
  text-decoration: none !important;
  border-radius: 12px !important;
  transition: all 0.2s ease !important;
}

.header-account-dropdown .dropdown-nav-list li a:hover {
  background: rgba(0, 67, 119, 0.08) !important;
  color: #004377 !important;
  transform: translateX(4px) !important;
}

.header-account-dropdown .dropdown-divider {
  height: 1px !important;
  background: rgba(0, 0, 0, 0.06) !important;
  margin: 6px 0 !important;
  list-style: none !important;
}

.header-account-dropdown .logout-link:hover {
  color: #DC2626 !important;
  background: rgba(220, 38, 38, 0.08) !important;
}


.cart-count-badge {
  position: absolute !important;
  top: -3px !important;
  right: -3px !important;
  background: var(--color-premium-sapphire, #6B8ECE) !important;
  color: #FFFFFF !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: 2px solid #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(107, 140, 206, 0.35) !important;
}

/* Mobile Menu Toggle Button */
.mobile-menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  box-sizing: border-box;
}

.hamburger-bar {
  width: 16px;
  height: 2px;
  background-color: var(--color-ink);
  border-radius: 2px;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* ==========================================================================
   SPOTLIGHT SEARCH MODAL (Apple Style)
   ========================================================================== */
.spotlight-search-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 99999999 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 100px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s !important;
}

.spotlight-search-overlay.open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.spotlight-backdrop {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
}

.spotlight-modal-dialog {
  position: relative !important;
  width: calc(100% - 32px) !important;
  max-width: 640px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(32px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(180%) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
  overflow: hidden !important;
  transform: scale(0.96) translateY(-10px) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 2 !important;
}

.spotlight-search-overlay.open .spotlight-modal-dialog {
  transform: scale(1) translateY(0) !important;
}

.spotlight-search-header {
  display: flex !important;
  align-items: center !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  gap: 12px !important;
}

.spotlight-search-icon {
  flex-shrink: 0 !important;
  stroke: var(--color-primary) !important;
}

.spotlight-search-input {
  flex-grow: 1 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-family: var(--font-text) !important;
}

.spotlight-search-input::placeholder {
  color: #9ca3af !important;
}

.spotlight-close-btn {
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 4px 8px !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border-radius: 6px !important;
  color: #6b7280 !important;
  cursor: pointer !important;
  border: none !important;
  transition: background 0.15s ease !important;
}

.spotlight-close-btn:hover {
  background: rgba(0, 0, 0, 0.1) !important;
  color: #111827 !important;
}

.spotlight-results-container {
  max-height: 420px !important;
  overflow-y: auto !important;
  padding: 16px 20px 20px !important;
  -webkit-overflow-scrolling: touch;
}

.spotlight-quick-categories {
  margin-bottom: 14px !important;
}

.spotlight-section-title {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #9ca3af !important;
  margin-bottom: 10px !important;
}

.spotlight-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.spotlight-quick-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 14px !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.spotlight-quick-chip:hover {
  background: var(--color-primary) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.spotlight-dynamic-results {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.spotlight-result-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  background: transparent !important;
  text-decoration: none !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
}

.spotlight-result-item:hover {
  background: rgba(0, 102, 204, 0.08) !important;
  transform: translateX(2px) !important;
}

.spotlight-result-thumb {
  width: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  background: #f3f4f6 !important;
  flex-shrink: 0 !important;
}

.spotlight-result-info {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.spotlight-result-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
}

.spotlight-result-sub {
  font-size: 12px !important;
  color: #6b7280 !important;
}

.spotlight-result-arrow {
  color: var(--color-primary) !important;
  font-weight: bold !important;
  font-size: 14px !important;
}

/* Mobile Slide-Over Drawer */
.mobile-nav-drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}

.mobile-nav-drawer.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.mobile-drawer-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.mobile-drawer-inner {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  max-width: 340px;
  height: 100%;
  background: #ffffff;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.15);
  transform: translateX(100%);
  transition: transform 0.3s var(--ease-apple);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.mobile-nav-drawer.open .mobile-drawer-inner {
  transform: translateX(0);
}

.mobile-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid var(--color-hairline);
}

.mobile-drawer-title {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 600;
  color: var(--color-ink);
}

.mobile-drawer-close {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  font-size: 20px;
  border-radius: 50%;
  background: var(--color-surface-pearl);
  color: var(--color-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  padding: 0;
  transition: background-color 0.2s ease, transform 0.15s ease;
  box-sizing: border-box;
}

.mobile-drawer-close:hover {
  background: var(--color-divider-soft);
  transform: scale(1.05);
}

.mobile-nav-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mobile-nav-link {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 500;
  color: var(--color-ink);
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 0;
  border-bottom: 1px solid var(--color-divider-soft);
  text-decoration: none;
  transition: color 0.2s ease, padding-left 0.2s ease;
  box-sizing: border-box;
}

.mobile-nav-link:hover,
.mobile-nav-link:focus,
.mobile-nav-link.active {
  color: var(--color-primary);
  padding-left: 4px;
}

/* ==========================================================================
   3D ORBITAL RING GALLERY (Front Page Hero) - Grounded in DESIGN-apple.md
   ========================================================================== */
.hero-viewport {
  position: relative !important;
  width: 100% !important;
  height: calc(100vh - 64px) !important;
  height: calc(100dvh - 64px) !important;
  min-height: 560px !important;
  max-height: 960px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: var(--color-canvas) !important;
  margin-top: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.hero-viewport *,
.ring-viewport,
.ring-viewport *,
.ring-container,
.ring-container *,
.ring-card,
.ring-card *,
.center-preview-card,
.center-preview-card * {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  -khtml-user-drag: none !important;
  -moz-user-drag: none !important;
  -o-user-drag: none !important;
}

.center-headline-container {
  position: absolute !important;
  top: clamp(10px, 1.8vh, 20px) !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  text-align: center !important;
  max-width: 900px !important;
  width: 90% !important;
  z-index: 25 !important;
  pointer-events: none !important;
}

.main-headline {
  font-family: var(--font-display);
  font-size: clamp(24px, 2.8vw, 38px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: var(--color-heading, #004377);
  margin-bottom: 4px;
  white-space: nowrap;
}

.main-subtext {
  font-family: var(--font-text);
  font-size: clamp(13px, 1.05vw, 15px);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.2px;
  color: var(--color-muted-grey, #6E7781);
  max-width: 580px;
  margin: 0 auto;
  opacity: 1;
  transform: translateY(0);
  max-height: 60px;
  overflow: hidden;
  transition: opacity 0.35s var(--ease-apple), transform 0.35s var(--ease-apple), max-height 0.35s ease;
  will-change: opacity, transform;
}

body.has-active-preview .main-subtext,
.center-headline-container.subtext-faded .main-subtext,
.main-subtext.faded {
  opacity: 0 !important;
  transform: translateY(-10px) !important;
  max-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  pointer-events: none !important;
}

/* Center Floating Preview Pedestal Card */
.center-preview-card {
  position: absolute !important;
  top: 38% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 45 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s var(--ease-apple), transform 0.3s var(--ease-apple), visibility 0.3s !important;
}

.center-preview-card.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.preview-image-wrapper {
  position: relative !important;
  width: clamp(210px, 18vw, 260px) !important;
  height: clamp(210px, 18vw, 260px) !important;
  aspect-ratio: 1 / 1 !important;
  background-color: var(--color-cool-white, #ffffff) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 45px -10px rgba(0, 67, 119, 0.18), 0 0 0 1px rgba(0, 67, 119, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  cursor: pointer !important;
  border: 1px solid rgba(0, 67, 119, 0.15) !important;
  transition: transform 0.25s var(--ease-apple), box-shadow 0.25s ease !important;
}

.preview-image-wrapper:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 22px 55px -8px rgba(0, 67, 119, 0.28), 0 0 0 1.5px var(--color-primary, #004377) !important;
}

.preview-image-wrapper img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  background-color: var(--color-surface-pearl, #FAF8F3) !important;
  display: block !important;
  pointer-events: none !important;
}

.preview-details {
  margin-top: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 290px !important;
}

.preview-title {
  font-family: var(--font-display) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  letter-spacing: -0.15px !important;
  color: var(--color-midnight-navy, #0E223D) !important;
  background: #ffffff !important;
  padding: 6px 18px !important;
  border-radius: var(--radius-pill) !important;
  border: 1px solid rgba(0, 67, 119, 0.15) !important;
  box-shadow: 0 2px 10px rgba(0, 67, 119, 0.08) !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.preview-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 4px !important;
  width: 100% !important;
  max-width: 290px !important;
}

.btn-cta-blue,
#previewEnlargeBtn,
.btn-cta-subtle,
#previewShopBtn {
  flex: 1 1 0 !important;
  min-width: 125px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  border-radius: var(--radius-pill) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: -0.1px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.btn-cta-blue,
#previewEnlargeBtn {
  background: linear-gradient(135deg, #004377 0%, #0E223D 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0, 67, 119, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.25s var(--ease-apple) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

.btn-cta-blue:hover,
#previewEnlargeBtn:hover {
  background: linear-gradient(135deg, #005596 0%, #00335c 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 67, 119, 0.45) !important;
}

.btn-cta-subtle,
#previewShopBtn {
  background: var(--color-premium-sapphire, #6B8ECE) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(107, 140, 206, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.25s var(--ease-apple) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

.btn-cta-subtle:hover,
#previewShopBtn:hover {
  background: var(--color-premium-sapphire-hover, #5274b5) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(107, 140, 206, 0.45) !important;
}

/* ==========================================================================
   Apple-Grade Brand Statement Section ("Designed for Better Living")
   Grounded in DESIGN-apple.md specs (Single Line Premium Gradient Headline)
   ========================================================================== */
.brand-statement-section {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(100vh - 64px) !important;
  height: calc(100dvh - 64px) !important;
  min-height: 540px !important;
  margin: 64px 0 0 0 !important;
  padding: 0 24px 40px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  position: relative !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
  background-color: var(--color-canvas, #ffffff) !important;
  border-bottom: 1px solid var(--color-divider-soft, #f0f0f0) !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

.brand-statement-section + .hero-viewport,
.brand-statement-section + main.hero-viewport {
  margin-top: 0 !important;
}

/* Composition: Positioned exactly in the middle of the upper half */
.brand-statement-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  width: 100%;
  height: 50%;
  min-height: 240px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* Stage for Dual Layer Overlay */
.headline-smoke-stage {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
  margin: 0 auto 16px auto;
  --smoke-progress: 0%;
}

.brand-statement-headline {
  font-family: var(--font-display, "SF Pro Display", system-ui, -apple-system, sans-serif);
  font-size: clamp(2.4rem, 5.5vw, 5rem);
  font-weight: 600;
  line-height: 1.25 !important;
  letter-spacing: -0.035em;
  margin: 0;
  padding-bottom: 0.15em !important;
  white-space: nowrap;
  overflow: visible !important;
}

/* Concept 3: Metallic Prismatic Refraction Gradient */
.headline-color {
  position: relative;
  z-index: 2;
  background: linear-gradient(135deg, #004377 0%, #6B8ECE 40%, #004377 75%, #0E223D 100%);
  background-size: 200% 200%;
  animation: prismShimmer 4s ease-in-out infinite alternate;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  pointer-events: none;
  
  -webkit-mask-image: linear-gradient(
    90deg, 
    #000 0%, 
    #000 calc(var(--smoke-progress, -10%) - 10%), 
    rgba(0,0,0,0.85) calc(var(--smoke-progress, -10%) - 3%), 
    rgba(0,0,0,0.4) calc(var(--smoke-progress, -10%) + 4%), 
    rgba(0,0,0,0.1) calc(var(--smoke-progress, -10%) + 10%), 
    transparent calc(var(--smoke-progress, -10%) + 15%)
  );
  mask-image: linear-gradient(
    90deg, 
    #000 0%, 
    #000 calc(var(--smoke-progress, -10%) - 10%), 
    rgba(0,0,0,0.85) calc(var(--smoke-progress, -10%) - 3%), 
    rgba(0,0,0,0.4) calc(var(--smoke-progress, -10%) + 4%), 
    rgba(0,0,0,0.1) calc(var(--smoke-progress, -10%) + 10%), 
    transparent calc(var(--smoke-progress, -10%) + 15%)
  );
}

@keyframes prismShimmer {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

.brand-statement-subtext {
  font-family: var(--font-text, "SF Pro Text", system-ui, -apple-system, sans-serif);
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.015em;
  color: var(--color-ink-muted-48, #7a7a7a);
  max-width: 660px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.9s var(--ease-apple, cubic-bezier(0.16, 1, 0.3, 1)), 
              transform 0.9s var(--ease-apple, cubic-bezier(0.16, 1, 0.3, 1));
}

/* Reveal Active State */
.brand-statement-section.is-visible .brand-statement-subtext {
  opacity: 1;
  transform: translateY(0);
}


/* Floating Luxury Scroll Cue */
.brand-statement-scroll-cue {
  position: absolute !important;
  bottom: 28px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 6px 12px !important;
  gap: 6px !important;
  text-decoration: none !important;
  color: var(--color-ink-muted-48, #86868b) !important;
  font-family: var(--font-text, "SF Pro Text", system-ui, -apple-system, sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  opacity: 0.75 !important;
  transition: opacity 0.25s ease, transform 0.25s ease, color 0.25s ease !important;
  cursor: pointer !important;
  z-index: 5 !important;
  animation: scrollCueBob 2.4s ease-in-out infinite !important;
  box-sizing: border-box !important;
}

.brand-statement-scroll-cue:hover {
  opacity: 1 !important;
  color: var(--color-primary, #0066cc) !important;
}

.scroll-cue-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid var(--color-divider-soft, rgba(0, 0, 0, 0.1));
  background: rgba(255, 255, 255, 0.85);
  color: #004377;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: border-color 0.2s ease, background 0.2s ease;
}

.brand-statement-scroll-cue:hover .scroll-cue-icon {
  border-color: var(--color-primary, #0066cc);
  background: #ffffff;
}

@keyframes scrollCueBob {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(5px);
  }
}

@media (max-width: 768px) {
  .brand-statement-section {
    height: calc(100vh - 64px) !important;
    height: calc(100dvh - 64px) !important;
    min-height: 500px !important;
    padding: 30px 18px !important;
  }
  .headline-laser-stage {
    white-space: normal;
  }
  .brand-statement-headline {
    white-space: normal;
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }
  .brand-statement-scroll-cue {
    bottom: 20px !important;
  }
  .dest-pin-hit,
  .pin-touch-hitbox {
    r: 65;
    r: 65px;
  }
  @media (max-width: 360px) {
    .dest-pin-hit,
    .pin-touch-hitbox {
      r: 76;
      r: 76px;
    }
  }
}

/* 3D Ring Viewport */
.ring-viewport {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  perspective: 1100px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  z-index: 20;
}

.ring-viewport:active {
  cursor: grabbing;
}

.ring-container {
  position: relative;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  will-change: transform;
}

.ring-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 104px;
  margin-left: -19px;
  margin-top: -52px;
  border-radius: var(--radius-sm);
  overflow: visible;
  background-color: var(--color-canvas);
  border: 1px solid var(--color-hairline);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transform-origin: center center;
  cursor: pointer;
  will-change: transform, opacity;
  contain: layout style;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.ring-card::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 48px;
  min-height: 48px;
  width: 130%;
  height: 100%;
  pointer-events: auto;
}

.ring-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  border-radius: calc(var(--radius-sm) - 1px);
}

.ring-card:hover,
.ring-card.focused {
  border-color: var(--color-primary, #004377);
  box-shadow: 0 8px 24px rgba(0, 67, 119, 0.28), 0 0 0 1.5px var(--color-premium-sapphire, #6B8ECE);
}

.ring-card.selected-pulse {
  border-color: var(--color-primary, #004377);
  box-shadow: 0 0 0 3px rgba(107, 140, 206, 0.4), 0 8px 24px rgba(0, 67, 119, 0.32);
}

/* Bottom Instruction Guide - Fully visible without scrolling */
.bottom-caption {
  position: absolute !important;
  bottom: 44px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-family: var(--font-text) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--color-ink-muted-48) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  padding: 7px 20px !important;
  border-radius: var(--radius-pill) !important;
  border: 1px solid var(--color-hairline) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  z-index: 30 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
}

/* ==========================================================================
   AIMNIWELL METAVERSE 360° SHOWROOM FULL-WIDTH SECTION
   ========================================================================== */
.aimniwell-metaverse-section {
  position: relative !important;
  width: 100% !important;
  padding: 60px 24px 80px !important;
  background: var(--color-soft-stone, #F2F4F7) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.metaverse-fullwidth-container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.metaverse-wide-stage-card {
  position: relative !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  display: flex !important;
  justify-content: center !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.metaverse-wide-stage-card:hover {
  transform: translateY(-4px) scale(1.006) !important;
}

.metaverse-wide-stage-img {
  width: 100% !important;
  max-width: 1360px !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  filter: drop-shadow(0 20px 45px rgba(0, 67, 119, 0.12)) !important;
}

/* Luxury 360° AR Launch Floating Wide Button */
.metaverse-cta-wrapper {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: -10px !important;
  z-index: 15 !important;
}

.btn-metaverse-ar-launch {
  display: inline-flex !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 14px 28px 14px 22px !important;
  background: linear-gradient(135deg, rgba(11, 17, 26, 0.96) 0%, rgba(0, 67, 119, 0.96) 55%, rgba(14, 34, 61, 0.98) 100%) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1.5px solid rgba(107, 142, 206, 0.45) !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 16px 40px rgba(0, 67, 119, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  max-width: 620px !important;
}

.btn-metaverse-ar-launch:hover {
  transform: translateY(-4px) scale(1.025) !important;
  border-color: rgba(107, 142, 206, 0.9) !important;
  box-shadow: 0 24px 56px rgba(0, 67, 119, 0.42), 0 0 35px rgba(107, 142, 206, 0.55), inset 0 1px 3px rgba(255, 255, 255, 0.6) !important;
  color: #ffffff !important;
}

.ar-badge-icon {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(107, 142, 206, 0.35) 0%, rgba(0, 67, 119, 0.65) 100%) !important;
  border: 1.5px solid rgba(107, 142, 206, 0.6) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 16px rgba(107, 142, 206, 0.4) !important;
  flex-shrink: 0 !important;
}

.ar-gyro-svg {
  color: #ffffff !important;
  animation: gyroSpinSlow 16s linear infinite !important;
}

@keyframes gyroSpinSlow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.badge-360-text {
  position: absolute !important;
  bottom: -4px !important;
  right: -6px !important;
  background: #38bdf8 !important;
  color: #002244 !important;
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  padding: 2px 5px !important;
  border-radius: 999px !important;
  letter-spacing: 0.04em !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
  line-height: 1 !important;
}

.ar-text-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  flex: 1 !important;
}

.ar-eyebrow-tag {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #38bdf8 !important;
  line-height: 1.2 !important;
  margin-bottom: 2px !important;
}

.ar-main-title {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
}

.ar-sub-title {
  font-family: var(--font-text, "Inter", sans-serif) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  line-height: 1.3 !important;
  margin-top: 1px !important;
}

.ar-arrow-circle {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  margin-left: 6px !important;
  flex-shrink: 0 !important;
}

.btn-metaverse-ar-launch:hover .ar-arrow-circle {
  background: #ffffff !important;
  color: #004377 !important;
  transform: translateX(4px) !important;
  border-color: #ffffff !important;
}

@media (max-width: 1024px) {
  .aimniwell-metaverse-section {
    padding: 40px 16px 60px !important;
  }
}

@media (max-width: 640px) {
  .btn-metaverse-ar-launch {
    gap: 12px !important;
    padding: 12px 18px !important;
    width: 100% !important;
  }
  .ar-badge-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }
  .ar-main-title {
    font-size: 14.5px !important;
  }
  .ar-sub-title {
    font-size: 11px !important;
  }
  .ar-arrow-circle {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }
}

/* Modal Lightbox */
.modal-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s var(--ease-apple), visibility 0.3s;
}

.modal-lightbox.active {
  opacity: 1;
  visibility: visible;
}

.modal-close-btn {
  position: absolute;
  top: 24px;
  right: 28px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-size: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
  box-sizing: border-box;
}

.modal-close-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.06);
}

/* Export World Map Floating Card Close Button (F03 / F06 48x48px Accessible Target) */
.card-close-btn,
#cardCloseBtn {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.15rem !important;
  background: var(--color-surface-pearl) !important;
  border: 1px solid var(--color-hairline) !important;
  color: var(--color-ink-muted-48) !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.card-close-btn:hover,
#cardCloseBtn:hover {
  background: #f0f4f8 !important;
  color: var(--color-ink) !important;
}

.lightbox-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-size: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
  padding: 0;
  line-height: 1;
}

.lightbox-nav-btn.prev {
  left: 28px;
}

.lightbox-nav-btn.next {
  right: 28px;
}

.lightbox-nav-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-50%) scale(1.08);
}

.lightbox-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 90vw;
  max-height: 85vh;
}

.lightbox-media-box {
  max-width: 540px;
  max-height: 540px;
  width: 75vw;
  height: 75vw;
  background: #ffffff;
  border-radius: var(--radius-lg);
  overflow: hidden;
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
}

.lightbox-media-box img {
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display: block;
}

.lightbox-footer-bar {
  margin-top: 18px;
  text-align: center;
}

.lightbox-title-text {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #ffffff;
  text-transform: uppercase;
}

/* ==========================================================================
   CONCEPT A: APPLE PRO STORE CATALOG & INTERACTIVE FINISH SWATCHES
   ========================================================================== */
.aimniwell-store-hero-banner.apple-pro-hero {
  width: 100%;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 110px 24px 44px;
  text-align: center;
  box-sizing: border-box;
}

.apple-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  background: rgba(0, 67, 119, 0.08);
  border: 1px solid rgba(0, 67, 119, 0.18);
  color: var(--color-primary, #004377);
  border-radius: 999px;
  font-family: var(--font-text);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.store-hero-title {
  font-family: var(--font-display);
  font-size: clamp(34px, 4.5vw, 54px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--color-heading, #004377);
  margin: 0 0 14px 0;
}

.apple-title-gradient {
  background: linear-gradient(135deg, #004377 0%, #6B8ECE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.store-hero-subtitle {
  font-family: var(--font-text);
  font-size: clamp(15px, 1.25vw, 17.5px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.015em;
  color: var(--color-muted-grey, #6E7781);
  max-width: 720px;
  margin: 0 auto 32px auto;
}

/* Category Navigation Pill Strip */
.store-category-pills-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}

.store-cat-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  color: var(--color-charcoal, #30343B);
  font-family: var(--font-text);
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s var(--ease-apple);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  white-space: nowrap;
}

.store-cat-pill:hover {
  border-color: var(--color-primary, #004377);
  color: var(--color-primary, #004377);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 67, 119, 0.12);
}

.store-cat-pill.active {
  background: var(--color-primary, #004377);
  color: #ffffff;
  border-color: var(--color-primary, #004377);
  box-shadow: 0 4px 16px rgba(0, 67, 119, 0.25);
}

.store-cat-pill .pill-count {
  font-size: 11px;
  padding: 2px 7px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 999px;
  font-weight: 700;
}
.store-cat-pill.active .pill-count {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

/* Main Shop Wrapper */
.aimniwell-shop-main-wrapper {
  width: 100%;
  min-height: 60vh;
  background-color: #fbfbfd;
  padding: 40px 24px 80px;
  box-sizing: border-box;
}

.aimniwell-shop-container {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}

/* Catalog Toolbar */
.aimniwell-catalog-toolbar.apple-pro-toolbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 0 36px 0 !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #e5e7eb !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.aimniwell-catalog-toolbar .woocommerce-result-count {
  font-family: var(--font-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  margin: 0 !important;
  float: none !important;
}

/* Grid Switcher (2 Col, 3 Col, 4 Col) */
.store-grid-switcher {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #f1f5f9;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.grid-layout-btn {
  background: transparent;
  border: none;
  color: #64748b;
  padding: 6px 14px;
  border-radius: 8px;
  font-family: var(--font-text);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

.grid-layout-btn:hover {
  color: #0f172a;
}

.grid-layout-btn.active {
  background: #ffffff;
  color: var(--color-primary, #004377);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.aimniwell-catalog-toolbar .woocommerce-ordering {
  margin: 0 !important;
  float: none !important;
}

.aimniwell-catalog-toolbar .woocommerce-ordering select,
.woocommerce-ordering select.orderby {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 999px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 38px 0 18px !important;
  font-family: var(--font-text) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #1f2937 !important;
  cursor: pointer !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
}

.aimniwell-catalog-toolbar .woocommerce-ordering select:hover,
.aimniwell-catalog-toolbar .woocommerce-ordering select:focus {
  border-color: var(--color-primary, #004377) !important;
  box-shadow: 0 0 0 3px rgba(0, 67, 119, 0.12) !important;
}

/* ==========================================================================
   PRODUCT GRID & APPLE PRO CARD ARCHITECTURE
   ========================================================================== */
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products.aimniwell-apple-store-grid,
.aimniwell-apple-store-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
  gap: 28px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 64px 0 !important;
  width: 100% !important;
  clear: both !important;
}

.woocommerce ul.products.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr) !important;
}
.woocommerce ul.products.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr) !important;
}
.woocommerce ul.products.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr) !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
}

/* Product Card Shell */
.woocommerce ul.products li.product,
.aimniwell-store-card-item {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  list-style: none !important;
}

.store-card-inner.apple-pro-card-inner {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 24px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
  transition: transform 0.35s var(--ease-apple), box-shadow 0.35s var(--ease-apple), border-color 0.3s ease !important;
  position: relative !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
  overflow: hidden !important;
}

.store-card-inner.apple-pro-card-inner:hover {
  border-color: #d1d5db !important;
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

/* Badge Row */
.store-card-badge-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 12px !important;
  min-height: 24px !important;
  width: 100% !important;
}

.store-card-badge {
  font-family: var(--font-text) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.store-card-badge.badge-sale {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}

.store-card-badge.badge-flagship {
  background: #eff6ff !important;
  color: var(--color-primary, #004377) !important;
}

.store-card-warranty-tag {
  font-family: var(--font-text) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Card Image Pedestal */
.store-card-image-box.apple-card-image-box {
  position: relative !important;
  width: 100% !important;
  height: 270px !important;
  background: radial-gradient(circle at 50% 55%, #f1f5f9 0%, #ffffff 70%) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

.store-card-image-anchor {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.store-product-thumbnail,
.store-card-image-box img {
  max-width: 86% !important;
  max-height: 86% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.10)) !important;
  transition: transform 0.35s var(--ease-apple), opacity 0.25s ease !important;
}

.store-card-inner.apple-pro-card-inner:hover .store-product-thumbnail {
  transform: scale(1.06) !important;
}

/* On-Card Color Swatches Strip */
.store-card-swatches-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
  padding: 2px 0 !important;
  min-height: 26px !important;
}

.store-swatch-dot {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border-radius: 50% !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 0 0 1px #d1d5db !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  padding: 0 !important;
  background-color: #e5e7eb;
}

.store-swatch-dot:hover {
  transform: scale(1.22) !important;
}

.store-swatch-dot.active {
  box-shadow: 0 0 0 2px var(--color-primary, #004377) !important;
  transform: scale(1.15) !important;
}

.store-swatch-more {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  margin-left: 2px !important;
}

/* Swatch Color Fallbacks */
.swatch-color-white-gloss, .swatch-color-white, .swatch-color-arctic-white, .swatch-color-glaze-white { background-color: #ffffff !important; }
.swatch-color-black, .swatch-color-gloss-black, .swatch-color-matte-black, .swatch-color-charcoal-black, .swatch-color-matte-obsidian { background-color: #1d1d1f !important; }
.swatch-color-sky-blue, .swatch-color-blue { background-color: #4fc3f7 !important; }
.swatch-color-royal-gold, .swatch-color-gold, .swatch-color-yellow, .swatch-color-brushed-gold { background-color: #d4af37 !important; }
.swatch-color-grey, .swatch-color-slate, .swatch-color-matte-slate, .swatch-color-metallic-grey { background-color: #757575 !important; }
.swatch-color-green, .swatch-color-emerald-green { background-color: #2e7d32 !important; }
.swatch-color-beige { background-color: #d9c8b4 !important; }

/* Card Content */
.store-card-content {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.store-card-kicker {
  font-family: var(--font-text) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #9ca3af !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

.store-card-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-display) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  color: #111827 !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
}

.store-card-title a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.store-card-title a:hover {
  color: var(--color-primary, #004377) !important;
}

.store-card-finish-tag {
  font-family: var(--font-text) !important;
  font-size: 12.5px !important;
  color: #6b7280 !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.4 !important;
}

/* Pricing Row with Savings Pill */
.store-card-pricing-row.apple-pro-pricing-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid #f3f4f6 !important;
}

.store-card-pricing-row .price-figures,
.store-card-pricing-row .price {
  font-family: var(--font-text) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin: 0 !important;
}

.store-card-pricing-row del {
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: #9ca3af !important;
}

.store-card-pricing-row ins {
  text-decoration: none !important;
  color: #111827 !important;
  font-weight: 800 !important;
}

.store-card-savings-pill {
  font-family: var(--font-text) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #16a34a !important;
  background: #dcfce7 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
}

/* Card Bottom Action Row */
.store-card-footer-ctas.apple-pro-footer-ctas {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 16px !important;
  padding-top: 0 !important;
  border-top: none !important;
}

.store-card-btn-pill.btn-customize-buy,
.woocommerce ul.products li.product .button {
  background-color: var(--color-primary, #004377) !important;
  color: #ffffff !important;
  font-family: var(--font-text) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(0, 67, 119, 0.25) !important;
  transition: all 0.2s var(--ease-apple) !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.store-card-btn-pill.btn-customize-buy:hover,
.woocommerce ul.products li.product .button:hover {
  background-color: #00335c !important;
  box-shadow: 0 6px 16px rgba(0, 67, 119, 0.35) !important;
  transform: translateY(-1px) !important;
}

.store-card-text-link {
  font-family: var(--font-text) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #4b5563 !important;
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  padding: 0 14px !important;
  gap: 4px !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.store-card-text-link:hover {
  background: #e5e7eb !important;
  color: #111827 !important;
}

.store-card-text-link:hover {
  color: var(--color-primary-focus) !important;
  gap: 6px !important;
}

/* Empty Catalog State */
.aimniwell-no-products-box {
  text-align: center;
  padding: 80px 24px;
  background-color: var(--color-surface-pearl);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  margin-bottom: 48px;
}

.no-prod-icon {
  font-size: 48px;
  margin-bottom: 16px;
}

.aimniwell-no-products-box h2 {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 600;
  color: var(--color-ink);
  margin-bottom: 10px;
}

.aimniwell-no-products-box p {
  font-family: var(--font-text);
  font-size: 16px;
  color: var(--color-ink-muted-48);
  margin-bottom: 24px;
}

/* Value Proposition Strip */
.store-value-proposition-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 20px !important;
  margin-top: 56px !important;
  padding-top: 48px !important;
  border-top: 1px solid var(--color-hairline) !important;
}

.value-prop-card {
  background-color: var(--color-surface-pearl) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-lg) !important;
  padding: 24px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.value-prop-icon {
  font-size: 28px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.value-prop-content h3 {
  font-family: var(--font-display) !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  margin: 0 0 6px 0 !important;
}

.value-prop-content p {
  font-family: var(--font-text) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: var(--color-ink-muted-48) !important;
  margin: 0 !important;
}

/* Custom Cursor Permanently Removed */

/* ==========================================================================
   PREMIUM ARCHITECTURAL SINGLE PRODUCT DETAIL EXPERIENCE (FLIPKART / APPLE)
   ========================================================================== */
.woocommerce-page-wrapper {
  width: 100%;
  min-height: 100vh;
  padding: 88px 32px 80px;
  background-color: var(--color-canvas);
  color: var(--color-body);
}

.woocommerce-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}

/* Two-Column Above-the-Fold Stage */
.aimniwell-product-hero-stage {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 48px !important;
  margin-bottom: 72px !important;
  box-sizing: border-box !important;
}

/* LEFT COLUMN: Gallery & Museum Photography Stage (52%) */
.product-gallery-column,
.woocommerce div.product div.images,
.aimniwell-custom-gallery-container {
  flex: 0 0 52% !important;
  max-width: 580px !important;
  width: 52% !important;
  float: none !important;
  margin: 0 !important;
  position: sticky !important;
  top: 84px !important;
  box-sizing: border-box !important;
}

/* Flipkart-Style Gallery Layout: Vertical Strip (Left) + Large Hero Stage (Right) */
.aimniwell-flipkart-gallery-layout {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
}

/* Vertical Thumbnails Column on the LEFT */
.aimniwell-vertical-thumbs {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 64px !important;
  flex-shrink: 0 !important;
  max-height: 520px !important;
  overflow-y: auto !important;
  padding: 2px !important;
  box-sizing: border-box !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--color-hairline) transparent !important;
}

.aimniwell-vertical-thumbs::-webkit-scrollbar {
  width: 4px;
}
.aimniwell-vertical-thumbs::-webkit-scrollbar-thumb {
  background: var(--color-hairline);
  border-radius: 4px;
}

.aimniwell-vertical-thumbs .aimniwell-thumb-card {
  width: 60px !important;
  height: 60px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1.5px solid var(--color-hairline) !important;
  background-color: var(--color-surface-pearl) !important;
  padding: 3px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

.aimniwell-vertical-thumbs .aimniwell-thumb-card:hover {
  border-color: var(--color-ink-muted-48) !important;
  transform: scale(1.04) !important;
}

.aimniwell-vertical-thumbs .aimniwell-thumb-card.active {
  border-color: var(--color-primary) !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 1.5px var(--color-primary), 0 4px 12px rgba(0, 102, 204, 0.18) !important;
  transform: scale(1.04) !important;
}

.aimniwell-vertical-thumbs .aimniwell-thumb-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

/* Large Main Image Display Box on the RIGHT of Thumbnails */
.aimniwell-gallery-main-box {
  flex: 1 !important;
  position: relative !important;
  width: 100% !important;
  height: 520px !important;
  max-height: 520px !important;
  background-color: #ffffff !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-lg) !important; /* 18px */
  overflow: hidden !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.gallery-zoom-viewport {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  cursor: crosshair !important;
}

#aimniwellMainImage {
  max-width: 92% !important;
  max-height: 92% !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: auto !important;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.12)) !important;
  transition: transform 0.15s ease-out, opacity 0.15s ease !important;
  will-change: transform !important;
}

.gallery-expand-trigger,
#aimniwellGalleryExpandBtn {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-full) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--color-ink) !important;
  cursor: pointer !important;
  z-index: 20 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.2s var(--ease-apple) !important;
  box-sizing: border-box !important;
}

.gallery-expand-trigger:hover {
  background: #ffffff !important;
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
  transform: scale(1.06) !important;
}

.luxury-sale-badge {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  font-family: var(--font-text) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  border-radius: var(--radius-pill) !important;
  box-shadow: 0 4px 10px rgba(0, 102, 204, 0.28) !important;
  z-index: 20 !important;
}

/* RIGHT COLUMN: Product Information & Controls (45%) */
.product-details-column,
.woocommerce div.product div.summary {
  flex: 0 0 45% !important;
  max-width: 530px !important;
  width: 45% !important;
  float: none !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.product-eyebrow {
  font-family: var(--font-text) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--color-primary) !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}

.woocommerce div.product .product_title,
.product-details-column .product_title {
  font-family: var(--font-display) !important;
  font-size: clamp(28px, 2.8vw, 40px) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  color: var(--color-ink) !important;
  margin: 0 0 10px 0 !important;
}

/* Flipkart-style Social Proof Rating Row */
.product-rating-trust-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  flex-wrap: wrap !important;
}

.rating-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: #2e7d32 !important;
  color: #ffffff !important;
  font-family: var(--font-text) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  line-height: 1 !important;
}

.rating-count {
  font-family: var(--font-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--color-ink-muted-48) !important;
}

.trust-badge-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-family: var(--font-text) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--color-primary) !important;
  background: rgba(0, 102, 204, 0.08) !important;
  padding: 3px 10px !important;
  border-radius: var(--radius-pill) !important;
}

/* Pricing Block: Special Offer Price + Strike-through MRP + Discount Badge */
.product-price-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
  flex-wrap: wrap !important;
}

.product-price-wrapper p.price,
.product-price-wrapper .price,
.woocommerce div.product p.price {
  font-family: var(--font-text) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--color-ink) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
}

.woocommerce div.product p.price del,
.product-price-wrapper del {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--color-ink-muted-48) !important;
}

.woocommerce div.product p.price ins,
.product-price-wrapper ins {
  text-decoration: none !important;
  color: var(--color-ink) !important;
}

.discount-pill {
  display: inline-flex !important;
  align-items: center !important;
  background: #2e7d32 !important;
  color: #ffffff !important;
  font-family: var(--font-text) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
}

/* Key Highlights Section */
.product-highlights-box {
  background: var(--color-surface-pearl) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  margin-bottom: 18px !important;
}

.highlights-header {
  font-family: var(--font-text) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--color-ink) !important;
  margin-bottom: 8px !important;
}

.highlights-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.highlights-list li {
  font-family: var(--font-text) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: var(--color-ink-muted-80) !important;
  position: relative !important;
  padding-left: 14px !important;
}

.highlights-list li::before {
  content: '•' !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--color-primary) !important;
  font-weight: bold !important;
}

/* Variations Form & Clean Swatches */
.product-purchasing-box {
  width: 100% !important;
  margin-bottom: 14px !important;
}

.woocommerce div.product form.cart {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
}

.woocommerce div.product table.variations {
  display: table !important;
  width: 100% !important;
  margin-bottom: 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 4px !important;
}

.woocommerce div.product table.variations tr {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 8px !important;
}

.woocommerce div.product table.variations td.label {
  display: block !important;
  padding: 0 0 4px 0 !important;
  font-family: var(--font-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
}

.woocommerce div.product table.variations td.value {
  display: block !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Swatches Plugin (cfvsw) styling */
.cfvsw-swatches-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 4px 0 8px !important;
}

.cfvsw-swatches-container .cfvsw-swatches-option {
  border-radius: 8px !important;
  border: 1.5px solid var(--color-hairline) !important;
  background: #ffffff !important;
  transition: all 0.2s ease !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.cfvsw-swatches-container .cfvsw-swatches-option:hover {
  border-color: var(--color-ink-muted-48) !important;
  transform: translateY(-2px) !important;
}

.cfvsw-swatches-container .cfvsw-swatches-option.cfvsw-selected-swatch {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary), 0 4px 10px rgba(0, 102, 204, 0.2) !important;
  transform: translateY(-2px) !important;
}

.cfvsw-swatches-clear,
.woocommerce div.product a.reset_variations {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-text) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--color-ink-muted-48) !important;
  text-decoration: none !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 0 16px !important;
  background: var(--color-surface-pearl) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-pill) !important;
  margin-top: 4px !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.cfvsw-swatches-clear:hover,
.woocommerce div.product a.reset_variations:hover {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.cfvsw-swatches-clear img,
.cfvsw-swatches-clear svg,
.woocommerce div.product a.reset_variations img,
.woocommerce div.product a.reset_variations svg {
  display: none !important;
}

/* Finish Swatch Chips (F03 / F20 Accessible 48x48px Targets) */
.aimniwell-swatch-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 12px 0 !important;
}

.aimniwell-swatch-chip {
  min-width: 48px !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 16px !important;
  border-radius: var(--radius-pill) !important;
  border: 1.5px solid var(--color-hairline) !important;
  background: var(--color-surface-pearl) !important;
  color: var(--color-ink) !important;
  font-family: var(--font-text) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.aimniwell-swatch-chip:hover {
  border-color: var(--color-primary) !important;
  background: #ffffff !important;
}

.aimniwell-swatch-chip.selected {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary), 0 4px 10px rgba(0, 102, 204, 0.2) !important;
  background: #ffffff !important;
  font-weight: 600 !important;
}

/* Product Trust Highlights Box (F21 Luxury Aesthetic) */
.product-trust-highlights-box {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 12px !important;
  padding: 16px 20px !important;
  background: var(--color-surface-pearl) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-md) !important;
  margin: 24px 0 !important;
  box-sizing: border-box !important;
}

.product-trust-highlights-box .trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.product-trust-highlights-box .trust-icon {
  font-size: 20px !important;
  flex-shrink: 0 !important;
}

.product-trust-highlights-box .trust-text strong {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  line-height: 1.2 !important;
}

.product-trust-highlights-box .trust-text span {
  font-size: 11px !important;
  color: var(--color-ink-muted-48) !important;
  line-height: 1.2 !important;
}

/* ==========================================================================
   PURE CAPSULE QUANTITY STEPPER (NO BROWSER SPIN ARROWS)
   ========================================================================== */
.woocommerce div.product .single_variation_wrap,
.woocommerce div.product .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form) {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 16px !important;
  width: 100% !important;
  flex-wrap: wrap !important;
}

.woocommerce .quantity,
.woocommerce div.product .quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 52px !important;
  min-height: 48px !important;
  background: var(--color-surface-pearl) !important;
  border: 1.5px solid var(--color-hairline) !important;
  border-radius: var(--radius-pill) !important;
  padding: 0 2px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  width: auto !important;
  min-width: 140px !important;
  margin: 0 !important;
}

.woocommerce .quantity .qty-btn,
.woocommerce div.product .quantity .qty-btn,
.qty-btn,
#qtyMinusBtn,
#qtyPlusBtn {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: 50% !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: var(--color-ink) !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: all 0.15s ease !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  box-sizing: border-box !important;
}

.woocommerce .quantity .qty-btn:hover,
.woocommerce div.product .quantity .qty-btn:hover,
.qty-btn:hover {
  background: var(--color-ink) !important;
  color: #ffffff !important;
  border-color: var(--color-ink) !important;
}

.woocommerce div.product .quantity input.qty,
input[type="number"].qty,
.woocommerce .quantity input.qty {
  width: 38px !important;
  height: 100% !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  font-family: var(--font-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  -moz-appearance: textfield !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* HIDE BROWSER SPIN ARROWS ON CHROME / EDGE / SAFARI */
.woocommerce div.product .quantity input.qty::-webkit-outer-spin-button,
.woocommerce div.product .quantity input.qty::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  display: none !important;
}

/* Primary ADD TO CART Button */
.woocommerce div.product .single_add_to_cart_button,
.woocommerce div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  background: linear-gradient(135deg, #004377 0%, #0E223D 100%) !important;
  color: #ffffff !important;
  font-family: var(--font-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  height: 48px !important;
  padding: 0 36px !important;
  border-radius: var(--radius-pill) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(0, 67, 119, 0.35) !important;
  transition: all 0.25s var(--ease-apple) !important;
  white-space: nowrap !important;
  flex-grow: 1 !important;
  max-width: 320px !important;
}

.woocommerce div.product .single_add_to_cart_button:hover {
  background: linear-gradient(135deg, #005596 0%, #00335c 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 67, 119, 0.45) !important;
}

.woocommerce div.product .single_add_to_cart_button:active {
  transform: scale(0.96) !important;
}

/* Secondary Action: WhatsApp Architectural Spec Sheet Button */
.btn-architect-consult {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin-top: 8px !important;
  background-color: var(--color-surface-pearl, #FAF8F3) !important;
  border: 1.5px solid var(--color-hairline, #E2E8F0) !important;
  border-radius: var(--radius-pill) !important;
  font-family: var(--font-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--color-ink, #004377) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.btn-architect-consult:hover {
  background-color: #ffffff !important;
  border-color: var(--color-primary, #004377) !important;
  color: var(--color-primary, #004377) !important;
  box-shadow: 0 4px 12px rgba(0, 67, 119, 0.12) !important;
}

/* Architectural Feature Highlights Matrix */
.architectural-features-matrix {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--color-hairline) !important;
}

.matrix-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.matrix-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: var(--color-surface-pearl) !important;
  border: 1px solid var(--color-hairline) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--color-primary) !important;
  flex-shrink: 0 !important;
}

.matrix-text strong {
  display: block !important;
  font-family: var(--font-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  margin-bottom: 2px !important;
}

.matrix-text span {
  display: block !important;
  font-family: var(--font-text) !important;
  font-size: 11.5px !important;
  color: var(--color-ink-muted-48) !important;
}

/* White Glove Transit Strip */
.white-glove-assurance-strip {
  margin-top: 18px !important;
  background: var(--color-canvas-parchment) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-md) !important;
  padding: 10px 16px !important;
}

.assurance-card {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: var(--color-ink-muted-80) !important;
}

.assurance-card svg {
  color: var(--color-primary) !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   EDITORIAL STORYTELLING SECTION (Below Purchasing Area)
   ========================================================================== */
.aimniwell-editorial-story-section {
  margin-top: 96px !important;
  padding-top: 72px !important;
  border-top: 1px solid var(--color-hairline) !important;
}

.editorial-section-header {
  text-align: center !important;
  max-width: 780px !important;
  margin: 0 auto 52px !important;
}

.editorial-kicker {
  font-family: var(--font-text) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--color-primary) !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  margin-bottom: 8px !important;
}

.editorial-headline {
  font-family: var(--font-display) !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  font-weight: 600 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.28px !important;
  color: var(--color-ink) !important;
  margin-bottom: 14px !important;
}

.editorial-subline {
  font-family: var(--font-text) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--color-ink-muted-48) !important;
}

.editorial-features-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
}

.editorial-feature-card {
  background: var(--color-surface-pearl) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-lg) !important;
  padding: 36px 32px !important;
  transition: transform 0.25s var(--ease-apple), border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.editorial-feature-card:hover {
  transform: translateY(-4px) !important;
  border-color: #d2d2d7 !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06) !important;
}

.feature-num {
  font-family: var(--font-text) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--color-primary) !important;
  letter-spacing: 0.08em !important;
  display: block !important;
  margin-bottom: 12px !important;
}

.editorial-feature-card h3 {
  font-family: var(--font-display) !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.15px !important;
}

.editorial-feature-card p {
  font-family: var(--font-text) !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: var(--color-ink-muted-80) !important;
}

/* ==========================================================================
   TECHNICAL SPECIFICATIONS TABLE SECTION
   ========================================================================== */
.aimniwell-specs-section {
  margin-top: 80px !important;
  padding: 56px 0 !important;
  border-top: 1px solid var(--color-hairline) !important;
}

.specs-headline {
  font-family: var(--font-display) !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  margin-bottom: 28px !important;
  text-align: center !important;
}

.specs-table-wrapper {
  max-width: 860px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

.specs-table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.specs-table th {
  width: 36% !important;
  padding: 16px 24px !important;
  font-family: var(--font-display) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  background: var(--color-surface-pearl) !important;
  border-bottom: 1px solid var(--color-hairline) !important;
  text-align: left !important;
}

.specs-table td {
  padding: 16px 24px !important;
  font-family: var(--font-text) !important;
  font-size: 14px !important;
  color: var(--color-ink-muted-80) !important;
  border-bottom: 1px solid var(--color-hairline) !important;
}

.specs-table tr:last-child th,
.specs-table tr:last-child td {
  border-bottom: none !important;
}

/* ==========================================================================
   PRODUCT DATA TABS (Description & Reviews)
   ========================================================================== */
.aimniwell-product-tabs-wrapper {
  margin-top: 64px !important;
  padding-top: 48px !important;
  border-top: 1px solid var(--color-hairline) !important;
}

.woocommerce-tabs ul.tabs {
  display: flex !important;
  justify-content: center !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin-bottom: 32px !important;
  border-bottom: 1px solid var(--color-hairline) !important;
}

.woocommerce-tabs ul.tabs li {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

.woocommerce-tabs ul.tabs li a {
  display: inline-block !important;
  padding: 12px 24px !important;
  font-family: var(--font-display) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--color-ink-muted-48) !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s ease !important;
}

.woocommerce-tabs ul.tabs li.active a {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
  border-bottom-color: var(--color-primary) !important;
}

.woocommerce-Tabs-panel {
  max-width: 860px !important;
  margin: 0 auto !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: var(--color-ink-muted-80) !important;
}

/* ==========================================================================
   RELATED PRODUCTS / CURATED ARCHITECTURAL COLLECTIONS
   ========================================================================== */
.aimniwell-related-products-stage {
  margin-top: 88px !important;
  padding-top: 64px !important;
  border-top: 1px solid var(--color-hairline) !important;
}

.related-products-header {
  text-align: center !important;
  margin-bottom: 40px !important;
}

.related-kicker {
  font-family: var(--font-text) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--color-primary) !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  margin-bottom: 6px !important;
}

.related-headline {
  font-family: var(--font-display) !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  letter-spacing: -0.2px !important;
}

/* ==========================================================================
   WOOCOMMERCE CART, CHECKOUT, & MY ACCOUNT STYLING
   ========================================================================== */
.woocommerce-cart table.cart,
.woocommerce-checkout table.shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  margin-bottom: 36px !important;
}

.woocommerce-cart table.cart th,
.woocommerce-checkout table.shop_table th {
  background: var(--color-surface-pearl) !important;
  padding: 16px 20px !important;
  font-family: var(--font-display) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  text-align: left !important;
  border-bottom: 1px solid var(--color-hairline) !important;
}

.woocommerce-cart table.cart td,
.woocommerce-checkout table.shop_table td {
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--color-hairline) !important;
  font-size: 15px !important;
  color: var(--color-ink) !important;
}

.woocommerce-cart table.cart img {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  border-radius: var(--radius-sm) !important;
  background: var(--color-surface-pearl) !important;
}

/* ==========================================================================
   F07: Responsive WooCommerce Cart & Checkout Table Overflow Remediation
   Enforces window.innerWidth === document.documentElement.clientWidth on 320px-768px
   ========================================================================== */
@media (max-width: 768px) {
  /* 1. Safe Horizontal Touch-Scrolling Container Wrappers */
  .woocommerce-cart .woocommerce,
  .woocommerce-cart-form,
  .woocommerce-checkout #order_review,
  .woocommerce-order-details,
  .cart-table-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  /* 2. Responsive Card-Stack Format for Cart Table */
  .woocommerce-cart table.cart,
  table.cart,
  table.shop_table.cart,
  .woocommerce-cart-form__contents,
  .woocommerce-cart table.cart thead,
  .woocommerce-cart table.cart tbody,
  .woocommerce-cart table.cart tr,
  .woocommerce-cart table.cart th,
  .woocommerce-cart table.cart td,
  table.shop_table.cart thead,
  table.shop_table.cart tbody,
  table.shop_table.cart tr,
  table.shop_table.cart th,
  table.shop_table.cart td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Hide table header on mobile */
  .woocommerce-cart table.cart thead,
  table.shop_table.cart thead {
    display: none !important;
  }

  .woocommerce-cart table.cart,
  table.shop_table.cart {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    margin-bottom: 24px !important;
  }

  /* Cart Item Card */
  .woocommerce-cart table.cart tr.cart_item,
  table.shop_table.cart tr.cart_item {
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid var(--color-hairline) !important;
    border-radius: var(--radius-lg) !important;
    padding: 18px 16px 14px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
  }

  /* Remove Button in Top-Right */
  .woocommerce-cart table.cart td.product-remove,
  table.shop_table.cart td.product-remove {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
    z-index: 5 !important;
  }

  .woocommerce-cart table.cart td.product-remove a.remove,
  table.shop_table.cart td.product-remove a.remove,
  td.product-remove a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: var(--radius-full) !important;
    background: var(--color-surface-pearl) !important;
    color: var(--color-ink-muted-48) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    padding: 8px !important;
    transition: all 0.2s ease !important;
  }

  .woocommerce-cart table.cart td.product-remove a.remove:hover,
  table.shop_table.cart td.product-remove a.remove:hover,
  td.product-remove a:hover {
    background: #fee2e2 !important;
    color: #dc2626 !important;
  }

  /* Product Thumbnail Centered */
  .woocommerce-cart table.cart td.product-thumbnail,
  table.shop_table.cart td.product-thumbnail {
    display: block !important;
    text-align: center !important;
    padding: 4px 0 14px !important;
    border-bottom: 1px solid var(--color-hairline) !important;
    margin-bottom: 6px !important;
  }

  .woocommerce-cart table.cart td.product-thumbnail a,
  table.shop_table.cart td.product-thumbnail a {
    display: inline-block !important;
  }

  .woocommerce-cart table.cart td.product-thumbnail img,
  table.shop_table.cart td.product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    margin: 0 auto !important;
    display: block !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface-pearl) !important;
    padding: 4px !important;
  }

  /* Flex Rows for Key-Value Pairs (Name, Price, Quantity, Subtotal) */
  .woocommerce-cart table.cart td.product-name,
  .woocommerce-cart table.cart td.product-price,
  .woocommerce-cart table.cart td.product-quantity,
  .woocommerce-cart table.cart td.product-subtotal,
  table.shop_table.cart td.product-name,
  table.shop_table.cart td.product-price,
  table.shop_table.cart td.product-quantity,
  table.shop_table.cart td.product-subtotal {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--color-hairline) !important;
    font-size: 14px !important;
    text-align: right !important;
    box-sizing: border-box !important;
  }

  .woocommerce-cart table.cart td[data-title]::before,
  table.shop_table.cart td[data-title]::before,
  table.cart td[data-title]::before {
    content: attr(data-title);
    font-family: var(--font-display, inherit);
    font-weight: 600;
    font-size: 12.5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-ink-muted-48, #666);
    flex-shrink: 0;
    margin-right: 12px;
    text-align: left;
  }

  .woocommerce-cart table.cart td.product-name a,
  table.shop_table.cart td.product-name a {
    font-weight: 600 !important;
    color: var(--color-ink) !important;
    text-decoration: none !important;
    word-break: break-word !important;
    text-align: right !important;
    max-width: 65% !important;
  }

  .woocommerce-cart table.cart td.product-quantity .quantity,
  table.shop_table.cart td.product-quantity .quantity {
    display: inline-flex !important;
    align-items: center !important;
  }

  .woocommerce-cart table.cart td.product-quantity .quantity input.qty,
  table.shop_table.cart td.product-quantity .quantity input.qty {
    width: 54px !important;
    height: 38px !important;
    padding: 0 6px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 1.5px solid var(--color-hairline) !important;
    border-radius: var(--radius-md) !important;
  }

  .woocommerce-cart table.cart td.product-subtotal,
  table.shop_table.cart td.product-subtotal {
    border-bottom: none !important;
    padding-top: 12px !important;
  }

  .woocommerce-cart table.cart td.product-subtotal .amount,
  table.shop_table.cart td.product-subtotal .amount {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--color-primary) !important;
  }

  /* Actions Row: Coupon & Cart Update */
  .woocommerce-cart table.cart td.actions,
  table.shop_table.cart td.actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px !important;
    background: var(--color-surface-pearl) !important;
    border: 1px solid var(--color-hairline) !important;
    border-radius: var(--radius-lg) !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .woocommerce-cart table.cart td.actions .coupon,
  table.shop_table.cart td.actions .coupon {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .woocommerce-cart table.cart td.actions .coupon input.input-text,
  table.shop_table.cart td.actions .coupon input.input-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 46px !important;
    font-size: 14px !important;
    padding: 0 14px !important;
  }

  .woocommerce-cart table.cart td.actions .coupon button.button,
  .woocommerce-cart table.cart td.actions button.button[name="update_cart"],
  table.shop_table.cart td.actions .coupon button.button,
  table.shop_table.cart td.actions button.button[name="update_cart"] {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: var(--radius-pill) !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }

  .woocommerce-cart table.cart td.actions button.button[name="update_cart"],
  table.shop_table.cart td.actions button.button[name="update_cart"] {
    width: 100% !important;
    display: block !important;
    background: #ffffff !important;
    border: 1.5px solid var(--color-hairline) !important;
    color: var(--color-ink) !important;
  }

  /* 3. Cart Totals Block */
  .cart-collaterals {
    margin-top: 24px !important;
  }

  .cart_totals {
    max-width: 100% !important;
    width: 100% !important;
    padding: 20px 16px !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  .cart_totals table.shop_table {
    width: 100% !important;
    margin-bottom: 20px !important;
    border: none !important;
    background: transparent !important;
  }

  .cart_totals table.shop_table tr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--color-hairline) !important;
  }

  .cart_totals table.shop_table th {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    font-size: 14px !important;
    color: var(--color-ink-muted-48) !important;
  }

  .cart_totals table.shop_table td {
    padding: 0 !important;
    border: none !important;
    text-align: right !important;
    font-size: 15px !important;
    color: var(--color-ink) !important;
  }

  .cart_totals table.shop_table tr.order-total strong {
    font-size: 18px !important;
    color: var(--color-primary) !important;
  }

  /* 4. Checkout Order Review Table & Form */
  #order_review {
    padding: 20px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .woocommerce-checkout table.shop_table,
  table.order_details,
  table.woocommerce-table--order-details {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    margin-bottom: 24px !important;
  }

  .woocommerce-checkout table.shop_table th,
  .woocommerce-checkout table.shop_table td,
  table.order_details th,
  table.order_details td,
  table.woocommerce-table--order-details th,
  table.woocommerce-table--order-details td {
    padding: 12px 10px !important;
    font-size: 13.5px !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  .woocommerce-checkout table.shop_table th.product-name,
  .woocommerce-checkout table.shop_table td.product-name,
  table.order_details th.product-name,
  table.order_details td.product-name {
    width: 64% !important;
    text-align: left !important;
  }

  .woocommerce-checkout table.shop_table th.product-total,
  .woocommerce-checkout table.shop_table td.product-total,
  table.order_details th.product-total,
  table.order_details td.product-total {
    width: 36% !important;
    text-align: right !important;
  }

  .woocommerce-checkout table.shop_table tfoot th,
  table.order_details tfoot th {
    width: 50% !important;
    text-align: left !important;
  }

  .woocommerce-checkout table.shop_table tfoot td,
  table.order_details tfoot td {
    width: 50% !important;
    text-align: right !important;
  }
}

.cart-collaterals {
  margin-top: 36px !important;
}

.cart_totals {
  background: var(--color-surface-pearl) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-lg) !important;
  padding: 28px !important;
  max-width: 480px !important;
  margin-left: auto !important;
}

.cart_totals h2 {
  font-family: var(--font-display);
  font-size: 20px;
  margin-bottom: 20px;
}

.wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button#place_order {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  font-family: var(--font-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  height: 50px !important;
  padding: 0 32px !important;
  border-radius: var(--radius-pill) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-shadow: 0 4px 14px rgba(0, 102, 204, 0.3) !important;
}

/* Checkout Form Layout */
form.checkout {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr !important;
  gap: 40px !important;
}

#customer_details {
  background: #ffffff;
}

#order_review_heading {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}

#order_review {
  background: var(--color-surface-pearl);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  padding: 28px;
}

.woocommerce-checkout #payment {
  background: transparent !important;
  border: none !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--color-hairline) !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
}

/* Inputs & Form Fields */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
input[type="text"], input[type="email"], input[type="tel"], input[type="password"] {
  width: 100% !important;
  height: 46px !important;
  border: 1.5px solid var(--color-hairline) !important;
  border-radius: var(--radius-md) !important;
  padding: 0 16px !important;
  font-family: var(--font-text) !important;
  font-size: 14.5px !important;
  color: var(--color-ink) !important;
  background: #ffffff !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
input[type="text"]:focus, input[type="email"]:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.12) !important;
}

/* My Account Navigation */
.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 32px !important;
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation li a {
  display: inline-block !important;
  padding: 10px 20px !important;
  background: var(--color-surface-pearl) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: var(--radius-pill) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--color-ink) !important;
}

.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--color-primary) !important;
  color: #ffffff !important;
  border-color: var(--color-primary) !important;
}

/* Notices & Messages */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  padding: 16px 24px !important;
  border-radius: 14px !important;
  margin: 0 auto 24px !important;
  max-width: 860px !important;
  font-size: 14.5px !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

.woocommerce-message {
  background-color: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #166534 !important;
  box-shadow: 0 4px 12px rgba(22, 101, 52, 0.06) !important;
}

.woocommerce-info {
  background-color: #f0f7ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1e40af !important;
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.06) !important;
}

.woocommerce-error {
  background-color: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #991b1b !important;
  box-shadow: 0 4px 12px rgba(153, 27, 27, 0.06) !important;
}

/* ==========================================================================
   Responsive Adaptations
   ========================================================================== */
@media (max-width: 1024px) {
  .header-right-group {
    gap: 16px !important;
  }
  .header-nav-list {
    gap: 16px !important;
  }
  .woocommerce ul.products,
  ul.products.aimniwell-apple-store-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 20px !important;
  }
  form.checkout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 920px) {
  .site-header,
  .site-header.floating-island-capsule {
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    max-height: 56px !important;
    padding: 0 16px !important;
    border-radius: 0px !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }
  .site-header .site-logo-img,
  .brand-logo-link .site-logo-img,
  img.site-logo-img {
    height: 36px !important;
    max-height: 36px !important;
    max-width: 140px !important;
  }
  .header-nav,
  .header-nav-pills,
  .header-nav-pills.desktop-nav,
  .header-nav.desktop-nav,
  .desktop-nav {
    display: none !important;
  }
  .header-spotlight-trigger .spotlight-trigger-label,
  .header-spotlight-trigger .spotlight-kbd-badge {
    display: none !important;
  }
  .header-spotlight-trigger {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 50% !important;
  }
  .header-cart-btn,
  .header-account-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
  .mobile-menu-toggle {
    display: flex !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
  .header-right-group {
    gap: 8px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }
  .hero-viewport {
    margin-top: 56px !important;
  }
  .aimniwell-product-hero-stage {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
    margin-bottom: 48px !important;
  }
  .product-gallery-column,
  .woocommerce div.product div.images,
  .aimniwell-custom-gallery-container,
  .product-details-column,
  .woocommerce div.product div.summary {
    width: 100% !important;
    position: static !important;
  }
  .editorial-features-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .architectural-features-matrix {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .specs-table th,
  .specs-table td {
    padding: 12px 16px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 640px) {
  .site-header,
  .site-header.floating-island-capsule {
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    max-height: 54px !important;
    padding: 0 12px 0 14px !important;
    border-radius: 0px !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }
  .site-header .site-logo-img,
  .brand-logo-link .site-logo-img,
  img.site-logo-img {
    height: 32px !important;
    max-height: 32px !important;
    max-width: 125px !important;
  }
  .header-right-group {
    gap: 6px !important;
  }
  .header-spotlight-trigger,
  .header-cart-btn,
  .mobile-menu-toggle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }

  /* F08: Single Product Gallery Mobile Inverted Layout */
  .aimniwell-flipkart-gallery-layout,
  #aimniwellGalleryLayout {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .aimniwell-vertical-thumbs,
  #aimniwellVerticalThumbs {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 8px !important;
    padding: 4px 2px !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
  }

  .aimniwell-vertical-thumbs::-webkit-scrollbar,
  #aimniwellVerticalThumbs::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }

  .aimniwell-vertical-thumbs .aimniwell-thumb-card,
  .aimniwell-thumb-card {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    flex-shrink: 0 !important;
    border-radius: var(--radius-sm) !important;
    border: 1.5px solid var(--color-hairline) !important;
    background: #ffffff !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  .aimniwell-thumb-card.active {
    border-color: var(--color-primary) !important;
  }

  .aimniwell-gallery-main-box,
  #aimniwellGalleryStage {
    width: 100% !important;
    height: 340px !important;
    max-height: 380px !important;
    min-height: 280px !important;
    position: relative !important;
    border-radius: var(--radius-lg) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #aimniwellMainImage {
    max-width: 90% !important;
    max-height: 280px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .aimniwell-store-hero-banner,
  .aimniwell-store-hero-banner.apple-pro-hero {
    padding: 84px 16px 28px !important;
  }
  .store-category-pills-bar {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    padding: 4px 6px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    max-width: 100% !important;
  }
  .store-category-pills-bar::-webkit-scrollbar {
    display: none !important;
  }
  .store-grid-switcher {
    display: none !important;
  }
  .aimniwell-shop-main-wrapper {
    padding: 24px 16px 60px !important;
  }
  .woocommerce ul.products,
  ul.products.aimniwell-apple-store-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .store-card-inner,
  .store-card-inner.apple-pro-card-inner {
    padding: 18px !important;
    border-radius: 20px !important;
  }
  .store-card-image-box.apple-card-image-box {
    height: 230px !important;
  }
  .store-value-proposition-strip {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .woocommerce-page-wrapper {
    padding: 76px 16px 40px !important;
  }
  .aimniwell-gallery-main-box {
    min-height: 320px !important;
  }
  #aimniwellMainImage {
    max-height: 280px !important;
  }
  .aimniwell-thumb-card {
    width: 60px !important;
    height: 60px !important;
  }
  .woocommerce div.product .single_variation_wrap,
  .woocommerce div.product .woocommerce-variation-add-to-cart {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .woocommerce div.product .single_add_to_cart_button {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ==========================================================================
   Apple-Grade Trust & Support Section: ATM Slip Dispenser Stage
   ========================================================================== */
.trust-support-section {
  width: 100% !important;
  max-width: 100% !important;
  height: 480vh !important; /* 1.5x Extended comfortable track: slow, graceful card extrusion */
  background-color: var(--color-canvas, #ffffff) !important;
  border-top: 1px solid var(--color-hairline, rgba(0, 0, 0, 0.06)) !important;
  position: relative !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  overflow: visible !important;
  padding: 0 !important;
}

/* Sticky Viewport Stage */
.trust-sticky-stage {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  background-color: var(--color-canvas, #ffffff) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 24px 24px 24px 24px !important;
  box-sizing: border-box !important;
  z-index: 20 !important;
}

/* Completed Flow State (Once cards are dispensed):
   Converts section into a standard 1-screen (100vh) normal flow section.
   Swipes naturally in 1 standard scroll swipe with ZERO pinning when returning! */
.trust-support-section.is-completed-flow {
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 0 !important;
}

.trust-support-section.is-completed-flow .trust-sticky-stage {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  height: 100vh !important;
  min-height: 100vh !important;
}

.trust-container {
  max-width: 1460px;
  width: 94%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.trust-header {
  text-align: center;
  max-width: 1000px;
  margin-bottom: 26px;
  opacity: 1;
}

.trust-headline {
  font-family: var(--font-display, "SF Pro Display", system-ui, -apple-system, sans-serif);
  font-size: clamp(1.9rem, 2.7vw, 2.6rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: var(--color-heading, #004377);
  margin: 0 0 8px 0;
  white-space: nowrap;
}

.trust-subtext {
  font-family: var(--font-text, "SF Pro Text", system-ui, -apple-system, sans-serif);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-muted-grey, #6E7781);
  margin: 0;
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  width: 100%;
  align-items: start;
}

/* Individual Dispenser Column */
.trust-dispenser-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  align-items: center;
  min-height: 440px;
}

/* Dispenser Capsule Unit (100% Untouched & Preserved Architecture) */
.trust-dispenser-unit {
  width: 100%;
  height: 40px;
  background-color: var(--color-premium-ivory, #FAF8F3) !important;
  background: var(--color-premium-ivory, #FAF8F3) !important;
  border: 1.5px solid var(--color-muted-grey, #6E7781) !important;
  border-radius: 9999px;
  padding: 0 14px;
  box-shadow: 0 8px 20px -4px rgba(0, 67, 119, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ejection Slit (The Dark Inner Horizontal Slot Line - The Hole) */
.dispenser-slot-slit {
  width: calc(100% - 16px);
  height: 9px;
  background: var(--color-midnight-navy, #0E223D);
  border-radius: 9999px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.95), 0 1px 0 rgba(255, 255, 255, 0.8);
  position: relative;
  overflow: hidden;
}

.dispenser-slit-glow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent 4%, var(--color-premium-sapphire, #6B8ECE) 50%, transparent 96%);
  opacity: 0.95;
  box-shadow: 0 0 6px rgba(107, 140, 206, 0.5);
}

/* Chute Overflow Container (Tucked cleanly inside the black slit line) */
.trust-card-chute {
  position: absolute;
  top: 20px; /* Exact vertical center of the 40px black slit line */
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(100% - 52px); /* Fits cleanly inside the black slit gateway */
  height: 425px;
  overflow: hidden; /* Clips anything above the black slit line */
  z-index: 20;
  border-radius: 0 0 20px 20px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

/* The Certificate / Slip Card (Emerges Directly from the Black Slit on Scroll) */
.trust-card {
  width: 100% !important; /* Perfectly fills the chute */
  height: 395px !important; /* Proper uniform length for all 4 cards - no text overflow */
  min-height: 395px !important;
  margin: 0 auto !important;
  background-color: var(--color-soft-stone, #F2F4F7) !important;
  background: var(--color-soft-stone, #F2F4F7) !important;
  border: 1px solid #E2E8F0 !important;
  border-top: none !important; /* Tucked cleanly into the black slit */
  border-radius: 0 0 20px 20px !important;
  padding: 12px 14px 16px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  box-shadow: none !important;
  position: relative !important;
  box-sizing: border-box !important;
  transform-origin: top center !important;
  
  /* Hardware-accelerated smooth continuous extrusion directly out of the slit */
  transform: translate3d(0, calc((1 - var(--slip-progress, 0)) * -101%), 0);
  opacity: clamp(0, calc(var(--slip-progress, 0) * 1000), 1);
  will-change: transform, opacity;
  transition: border-color 0.2s ease !important;
}

.trust-dispenser-column.is-dispensing .trust-card,
.trust-dispenser-column.is-dispensed .trust-card {
  opacity: 1 !important;
}

.trust-dispenser-column.is-dispensed .trust-card:hover {
  border-color: #E2E8F0 !important;
  box-shadow: none !important;
}

/* Showcase Feature Image Container (100% Equal Gap on Top and Both Sides) */
.trust-image-wrapper {
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 0 8px 0;
  display: block;
  position: relative;
  background: transparent;
  border-radius: 10px;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
}

/* Luxury Ceramic Glass Light Reflection Sweep (Graceful Half-Speed) */
.trust-image-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 80%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
  z-index: 5;
  opacity: 0;
}

.trust-card:hover .trust-image-wrapper::after,
.trust-image-wrapper:hover::after {
  opacity: 1;
  animation: luxuryShineSweep 3.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes luxuryShineSweep {
  0% {
    left: -150%;
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    left: 200%;
    opacity: 0;
  }
}

.trust-img,
.trust-card:hover .trust-img,
.trust-card .trust-img:hover,
.trust-image-wrapper:hover .trust-img {
  width: 100%;
  height: 100%;
  object-fit: cover !important; /* Spans 100% full width from left to right boundary */
  border-radius: 10px;
  display: block;
  transform: none !important;
  transition: none !important;
  filter: none !important;
}

/* Single-Line Prominent Headings (Matching Photo) */
.trust-card-title {
  font-family: var(--font-display, "SF Pro Display", system-ui, -apple-system, sans-serif);
  font-size: clamp(14px, 1.05vw, 15.5px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--color-subheading, #0E223D);
  margin: 0 0 5px 0;
  padding: 0 2px;
  line-height: 1.25;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* Supporting Description Below Title (Matching Photo) */
.trust-card-desc {
  font-family: var(--font-text, "SF Pro Text", system-ui, -apple-system, sans-serif);
  font-size: clamp(12px, 0.92vw, 13.5px);
  font-weight: 400;
  line-height: 1.42;
  color: var(--color-charcoal, #30343B);
  margin: 0;
  padding: 0 2px;
  box-sizing: border-box;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* Responsive Breakpoints */
@media (max-width: 1200px) {
  .trust-headline {
    font-size: clamp(1.8rem, 2.8vw, 2.4rem);
    white-space: normal;
  }
  .trust-card-title {
    font-size: 15px;
  }
}

@media (max-width: 900px) {
  .trust-support-section,
  .trust-support-section.is-completed-flow {
    height: auto !important;
    min-height: auto !important;
    padding: 60px 20px !important;
  }
  .trust-sticky-stage,
  .trust-support-section.is-completed-flow .trust-sticky-stage {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    min-height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .trust-dispenser-column {
    min-height: 380px;
  }
  .trust-card-chute {
    height: 360px;
    width: calc(100% - 24px);
  }
  .trust-card {
    height: 340px !important;
    min-height: 340px !important;
  }
  .trust-image-wrapper {
    max-width: 240px;
  }
  .trust-card-title {
    white-space: normal;
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  .trust-support-section {
    padding: 50px 16px 50px 16px !important;
  }
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  .trust-card {
    padding: 16px 12px 20px 12px;
    border-radius: 14px;
  }
  .trust-image-wrapper {
    max-width: 160px;
    margin-bottom: 14px;
  }
  .trust-card-title {
    font-size: 14px;
    white-space: normal;
    margin-bottom: 6px;
  }
  .trust-card-desc {
    font-size: 12px;
    line-height: 1.4;
  }
}

@media (max-width: 400px) {
  .trust-grid {
    grid-template-columns: 1fr;
  }
  .trust-image-wrapper {
    max-width: 220px;
  }
}

/* ==========================================================================
   Aimniwell Shop Catalog Page (Original Clean Architecture)
   ========================================================================== */

.aimniwell-shop-wrapper {
  background-color: #ffffff;
  min-height: 70vh;
  padding-bottom: 80px;
  width: 100%;
}

/* Shop Hero Section */
.aimniwell-shop-hero {
  padding: 60px 20px 40px 20px;
  text-align: center;
  background-color: #ffffff;
}

.shop-hero-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.shop-hero-kicker {
  display: inline-block;
  font-family: var(--font-text, "SF Pro Text", system-ui, -apple-system, sans-serif);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary, #0055ff);
  margin-bottom: 12px;
}

.shop-hero-title {
  font-family: var(--font-display, "SF Pro Display", system-ui, -apple-system, sans-serif);
  font-size: clamp(36px, 5vw, 48px);
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--color-ink, #0f172a);
  margin: 0 0 16px 0;
  line-height: 1.15;
}

.shop-hero-desc {
  font-family: var(--font-text, "SF Pro Text", system-ui, -apple-system, sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-ink-muted-48, #64748b);
  margin: 0 auto;
  max-width: 680px;
  font-weight: 400;
}

/* Shop Container */
.aimniwell-shop-container {
  max-width: 1320px;
  width: 92%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Shop Toolbar */
.aimniwell-shop-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 36px;
  border-bottom: 1px solid #e5e5ea;
  flex-wrap: wrap;
  gap: 16px;
}

.toolbar-left .woocommerce-result-count {
  margin: 0 !important;
  font-size: 14px;
  color: var(--color-ink-muted-48, #64748b);
  font-weight: 400;
  float: none !important;
}

.toolbar-right .woocommerce-ordering {
  margin: 0 !important;
  float: none !important;
}

.toolbar-right select.orderby {
  border: 1px solid #e5e5ea;
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 13.5px;
  color: var(--color-ink, #0f172a);
  background: #ffffff;
  cursor: pointer;
  outline: none;
  font-family: inherit;
  transition: border-color 0.2s ease;
}

.toolbar-right select.orderby:focus {
  border-color: var(--color-primary, #0055ff);
}

/* Products Grid */
.woocommerce ul.products,
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  margin: 0 0 48px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  clear: both !important;
  float: none !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after {
  content: none !important;
  display: none !important;
}

.woocommerce ul.products li.product.aimniwell-product-card-item,
ul.products li.product.aimniwell-product-card-item,
.aimniwell-product-card-item {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
}

/* Card Box */
.aimniwell-card-box {
  background: var(--color-cool-white, #ffffff) !important;
  border: 1px solid var(--color-hairline, #e2e8f0) !important;
  border-radius: 18px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.aimniwell-card-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 40px -10px rgba(0, 67, 119, 0.14), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 67, 119, 0.28) !important;
}

/* Card Thumbnail */
.aimniwell-card-thumb-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--color-premium-ivory, #FAF8F3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
  box-sizing: border-box !important;
}

.aimniwell-sale-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 5 !important;
  background: var(--color-premium-sapphire, #6B8ECE) !important;
  color: #FFFFFF !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 5px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(107, 140, 206, 0.35) !important;
}

.aimniwell-thumb-link {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.aimniwell-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}

.aimniwell-card-box:hover .aimniwell-card-img {
  transform: scale(1.03) !important;
}

/* Card Meta Details */
.aimniwell-card-meta {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  width: 100% !important;
}

.aimniwell-card-title {
  font-family: var(--font-display, "SF Pro Display", system-ui, -apple-system, sans-serif) !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  color: var(--color-heading, #004377) !important;
  line-height: 1.3 !important;
  margin: 0 0 8px 0 !important;
}

.aimniwell-card-title a {
  color: var(--color-heading, #004377) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.aimniwell-card-title a:hover {
  color: var(--color-premium-sapphire, #6B8ECE) !important;
}

.aimniwell-card-price {
  font-family: var(--font-display, "SF Pro Display", system-ui, -apple-system, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--color-midnight-navy, #0E223D) !important;
  margin-bottom: 14px !important;
  margin-top: auto !important;
}

.aimniwell-card-price del {
  font-size: 13px !important;
  color: var(--color-muted-grey, #6E7781) !important;
  font-weight: 400 !important;
  margin-right: 6px !important;
}

.aimniwell-card-price ins {
  text-decoration: none !important;
  color: var(--color-midnight-navy, #0E223D) !important;
  font-weight: 700 !important;
}

.aimniwell-btn-buy {
  background: linear-gradient(135deg, rgba(0, 67, 119, 0.92) 0%, rgba(14, 34, 61, 0.96) 100%) !important;
  backdrop-filter: blur(14px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
  color: #ffffff !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-decoration: none !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  box-shadow: 0 6px 18px -3px rgba(0, 67, 119, 0.32), inset 0 1px 1px rgba(255, 255, 255, 0.45), inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.25s var(--ease-apple) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.aimniwell-btn-buy:hover {
  background: linear-gradient(135deg, rgba(0, 85, 150, 0.96) 0%, rgba(0, 51, 92, 0.98) 100%) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px -3px rgba(0, 67, 119, 0.45), inset 0 1px 1.5px rgba(255, 255, 255, 0.65) !important;
}

/* Responsive */
@media (max-width: 1200px) {
  .woocommerce ul.products,
  ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 900px) {
  .woocommerce ul.products,
  ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}

@media (max-width: 600px) {
  .woocommerce ul.products,
  ul.products {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .aimniwell-shop-hero {
    padding: 40px 16px 24px 16px;
  }
  .aimniwell-card-box {
    padding: 14px !important;
  }
}

/* ==========================================================================
   GLOBAL EXPORT MAP CRITICAL STYLES (Zero-FOUC & Anti-Glitch Architecture)
   ========================================================================== */
#aimniwellGlobalExport {
  position: relative;
  background-color: #ffffff !important;
  color: #1d1d1f !important;
  padding: 80px 24px 70px;
  overflow: hidden;
  border-top: none;
}

.aimniwell-world-svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 620px;
  background: transparent !important;
}

.country-path.base-country {
  fill: #e8ecf1 !important;
  stroke: #d1d5db !important;
  stroke-width: 0.55px !important;
  stroke-linejoin: round;
}

.export-page-main {
  background-color: #ffffff !important;
  min-height: 80vh;
}

/* ==========================================================================
   AIMNIWELL BESPOKE ARCHITECTURAL FOOTER (Matching Exact Reference Layout)
   ========================================================================== */
.site-footer {
  width: 100% !important;
  background-color: var(--color-canvas, #ffffff) !important;
  border-top: 1px solid var(--color-hairline, #E2E8F0) !important;
  color: var(--color-charcoal, #30343B) !important;
  font-family: var(--font-sans, "Inter", -apple-system, sans-serif) !important;
  position: relative;
  z-index: 10;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

.footer-main-container {
  max-width: 1360px !important;
  width: 92% !important;
  margin: 0 auto !important;
  padding: 18px 0 14px 0 !important;
  box-sizing: border-box !important;
}

.footer-grid {
  display: grid !important;
  grid-template-columns: 2.2fr 1.6fr 1fr 1fr 1fr !important;
  gap: 40px !important;
  align-items: start !important;
}

/* Col 1: Brand & Offices */
.footer-brand-office-col {
  display: flex !important;
  flex-direction: column !important;
}

.footer-brand-link {
  display: inline-block !important;
  margin-bottom: 24px !important;
  text-decoration: none !important;
}

.site-footer .footer-logo-img,
.footer-brand-link .footer-logo-img,
img.footer-logo-img {
  width: 175px !important;
  max-width: 175px !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  margin: 0 0 24px 0 !important;
}

.footer-office-block {
  margin-bottom: 20px !important;
}

.footer-office-block:last-child {
  margin-bottom: 0;
}

.footer-office-title {
  font-family: var(--font-display, "Inter", sans-serif);
  font-size: 15px;
  font-weight: 700;
  color: var(--color-heading, #004377);
  margin: 0 0 6px 0;
  letter-spacing: -0.01em;
}

.footer-office-desc {
  font-family: var(--font-text, "Inter", sans-serif);
  font-size: 13px;
  line-height: 1.55;
  color: var(--color-charcoal, #30343B);
  margin: 0;
  max-width: 320px;
}

/* Col 2: Divisions */
.footer-divisions-col {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.footer-division-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-division-title {
  font-family: var(--font-display, "Inter", sans-serif);
  font-size: 15px;
  font-weight: 700;
  color: var(--color-heading, #004377);
  margin: 0 0 4px 0;
  letter-spacing: -0.01em;
}

.footer-contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-contact-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  border-radius: 50%;
  background: var(--color-soft-stone, #F2F4F7);
  border: 1px solid var(--color-hairline, #E2E8F0);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary, #004377);
  box-sizing: border-box;
}

.footer-contact-link {
  font-family: var(--font-text, "Inter", sans-serif);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-charcoal, #30343B);
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

.footer-contact-link:hover {
  color: var(--color-premium-sapphire, #6B8ECE);
}

/* Col 3, 4, 5: Navigation Links */
.footer-nav-col {
  display: flex;
  flex-direction: column;
}

.footer-nav-title {
  font-family: var(--font-display, "Inter", sans-serif);
  font-size: 15px;
  font-weight: 700;
  color: var(--color-heading, #004377);
  margin: 0 0 14px 0;
  letter-spacing: -0.01em;
}

.footer-nav-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-nav-links li {
  margin: 0;
  padding: 0;
}

.footer-nav-links a {
  font-family: var(--font-text, "Inter", sans-serif);
  font-size: 13px;
  color: var(--color-muted-grey, #6E7781);
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
  display: inline-block;
}

.footer-nav-links a:hover {
  color: var(--color-primary, #004377);
  transform: translateX(2px);
}

/* Bottom Bar */
.footer-bottom-bar {
  border-top: 1px solid var(--color-hairline, #E2E8F0);
  background: var(--color-canvas, #ffffff);
  padding: 8px 0;
  box-sizing: border-box;
}

.footer-bottom-container {
  max-width: 1360px;
  width: 92%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  box-sizing: border-box;
}

.footer-social-wrapper {
  display: flex;
  align-items: center;
  gap: 14px;
}

.footer-social-label {
  font-family: var(--font-display, "Inter", sans-serif);
  font-size: 13.5px;
  font-weight: 700;
  color: var(--color-heading, #004377);
}

.footer-social-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-social-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  background: var(--color-soft-stone, #F2F4F7);
  border: 1px solid var(--color-hairline, #E2E8F0);
  color: var(--color-charcoal, #30343B);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.25s ease;
  box-sizing: border-box;
}

.footer-social-btn:hover {
  background: var(--color-primary, #004377);
  border-color: var(--color-primary, #004377);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 67, 119, 0.25);
}

.footer-copyright-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.footer-copyright-text {
  font-family: var(--font-text, "Inter", sans-serif);
  font-size: 12.5px;
  color: var(--color-muted-grey, #6E7781);
}

.footer-back-to-top {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 50%;
  background: #000000;
  color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.25s ease;
  box-sizing: border-box;
}

.footer-back-to-top:hover {
  background: var(--color-primary, #004377);
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0, 67, 119, 0.35);
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
  .footer-grid {
    grid-template-columns: 1.8fr 1.4fr 1fr 1fr;
    gap: 30px;
  }
  .footer-nav-col:last-child {
    grid-column: span 2;
  }
}

@media (max-width: 768px) {
  .footer-main-container {
    padding: 16px 0 12px 0;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
  .footer-brand-office-col {
    grid-column: span 2;
  }
  .footer-divisions-col {
    grid-column: span 2;
  }
  .footer-bottom-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .footer-copyright-wrap {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 480px) {
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .footer-brand-office-col,
  .footer-divisions-col,
  .footer-nav-col {
    grid-column: span 1;
  }
}

/* ==========================================================================
   AIMNIWELL INSTAGRAM INSPIRATION REEL SHOWCASE (Matching Reference Image)
   ========================================================================== */
.aimniwell-instagram-section {
  width: 100% !important;
  background: var(--color-premium-sapphire, #6B8ECE) !important;
  background-color: #6B8ECE !important;
  color: #FFFFFF !important;
  padding: 40px 0 44px 0 !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  display: block !important;
}

.insta-section-container {
  max-width: 1480px;
  width: 95%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 40px;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}

/* Left Info Column */
.insta-info-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.insta-headline {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0 0 28px 0;
}

.insta-follow-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.7);
  border-radius: 9999px;
  padding: 10px 24px;
  font-family: var(--font-text, "Inter", sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  text-decoration: none;
  margin-bottom: 38px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.25s ease;
  box-sizing: border-box;
}

.insta-follow-pill:hover {
  background: #FFFFFF;
  color: var(--color-primary, #004377);
  border-color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 67, 119, 0.25);
}

.insta-btn-icon {
  flex-shrink: 0;
}

.insta-social-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.insta-social-circle {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.25s ease;
  box-sizing: border-box;
}

.insta-social-circle:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: var(--color-primary, #004377);
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0, 67, 119, 0.25);
}

/* Right Carousel Column */
.insta-carousel-col {
  position: relative;
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  overflow: visible;
}

.insta-reels-viewport {
  width: 100%;
  overflow: hidden !important;
  position: relative;
  padding: 10px 0;
  box-sizing: border-box;
  container-type: inline-size;
}

.insta-reels-track {
  display: flex;
  gap: 12px;
  width: max-content;
  box-sizing: border-box;
  user-select: none;
  will-change: transform;
}

/* 9:16 Aspect Ratio Cards with Exact Fit Per Breakpoint */
.insta-reel-card {
  flex: 0 0 calc((100cqw - (4 * 12px)) / 5); /* Exactly 5 full cards on Desktop */
  width: calc((100cqw - (4 * 12px)) / 5);
  max-width: calc((100cqw - (4 * 12px)) / 5);
  min-width: 0;
  aspect-ratio: 9 / 16;
  min-height: 340px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  overflow: hidden;
  position: relative;
  box-shadow: none !important;
  transition: transform 0.3s ease, border-color 0.3s ease;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: inherit;
}

.insta-reel-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 255, 255, 0.75);
  box-shadow: none !important;
}

.insta-reel-card.has-custom-media {
  background: #111827 !important;
  background-image: none !important;
}

/* Luxury Realistic Card Background Themes */
.card-bg-1 {
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(20,20,20,0.85) 100%),
              radial-gradient(circle at top, #FFFFFF 0%, #B0B5BC 45%, #23272F 100%);
}

.card-bg-2 {
  background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.88) 100%),
              linear-gradient(135deg, #1A1F29 0%, #0D1117 100%);
}

.card-bg-3 {
  background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(10,10,10,0.88) 100%),
              radial-gradient(circle at center, #F4F6F9 0%, #D2D6DC 50%, #1F242D 100%);
}

.card-bg-4 {
  background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.88) 100%),
              repeating-linear-gradient(90deg, #3D2D24 0px, #3D2D24 8px, #2B1F19 8px, #2B1F19 16px);
}

.card-bg-5 {
  background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%),
              radial-gradient(circle at 60% 30%, #0A6C74 0%, #04363B 50%, #021B1D 100%);
}

.card-bg-6 {
  background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(15,20,28,0.9) 100%),
              radial-gradient(circle at top right, #E2E8F0 0%, #94A3B8 45%, #0F172A 100%);
}

.card-bg-7 {
  background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.92) 100%),
              linear-gradient(145deg, #2A303C 0%, #11141A 100%);
}

.card-bg-8 {
  background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.88) 100%),
              radial-gradient(circle at center, #1E3A8A 0%, #0F172A 60%, #020617 100%);
}

.card-bg-9 {
  background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(0,0,0,0.9) 100%),
              linear-gradient(160deg, #334155 0%, #1E293B 40%, #090D14 100%);
}

.card-bg-10 {
  background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.92) 100%),
              radial-gradient(circle at 50% 20%, #1E293B 0%, #0D131F 50%, #030712 100%);
}

.card-bg-6 .insta-brand-watermark {
  color: #111111;
}
.card-bg-6 .insta-card-headline {
  color: #111111;
}
.card-bg-6 .insta-card-sub {
  color: #333333;
}
.card-bg-6 .insta-ig-corner {
  color: #111111;
}

.insta-card-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 14px;
  box-sizing: border-box;
}

.insta-card-top {
  display: flex;
  align-items: center;
  gap: 6px;
}

.insta-reel-card.has-custom-media .insta-card-top {
  display: none !important;
}

.insta-brand-watermark {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #FFFFFF;
}

.card-bg-1 .insta-brand-watermark,
.card-bg-3 .insta-brand-watermark {
  color: #111111;
}

.insta-brand-italic {
  font-family: var(--font-display);
  font-style: italic;
  letter-spacing: -0.02em;
}

/* Center Frosted Play Badge (Matching Jaquar Reference Standard) */
.insta-play-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  transition: transform 0.25s ease, background 0.25s ease;
  box-sizing: border-box;
  box-shadow: none !important;
}

.insta-play-badge svg {
  margin-left: 2px;
  fill: #FFFFFF;
}

.insta-reel-card:hover .insta-play-badge {
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(0, 0, 0, 0.45);
}

/* Bottom Typography & IG Corner Icon */
.insta-card-bottom {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

.insta-card-headline {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
  font-size: 13px;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
}

.insta-card-sub {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
  font-size: 11.5px;
  font-weight: 700;
  color: #FFFFFF !important;
  letter-spacing: 0.04em;
  line-height: 1.35;
  text-transform: uppercase;
  display: block;
  flex: 1;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

.card-bg-1:not(.has-custom-media) .insta-card-sub,
.card-bg-3:not(.has-custom-media) .insta-card-sub,
.card-bg-6:not(.has-custom-media) .insta-card-sub {
  color: #111111 !important;
  text-shadow: none;
}

.insta-ig-corner {
  position: relative;
  right: 0;
  bottom: 0;
  color: #FFFFFF !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7));
}

.card-bg-1:not(.has-custom-media) .insta-ig-corner {
  color: #111111 !important;
  filter: none;
}

/* Navigation Arrow Controls: Positioned on Edges Matching Screenshot */
.insta-nav-arrow {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #000000;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 40 !important;
  pointer-events: auto;
  transition: transform 0.25s ease, background 0.25s ease;
  box-sizing: border-box;
}

.insta-nav-arrow.arrow-prev {
  left: -22px;
}

.insta-nav-arrow.arrow-next {
  right: -22px;
}

.insta-nav-arrow:hover {
  transform: translateY(-50%) scale(1.1);
  background: #F0F0F0;
  color: #000000;
}

/* ==========================================================================
   Responsive Grid & Clean Integer Card Breakpoints (Never Cuts Off)
   ========================================================================== */
@media (max-width: 1200px) and (min-width: 992px) {
  .insta-reel-card {
    flex: 0 0 calc((100cqw - (3 * 12px)) / 4); /* Exactly 4 full cards */
    width: calc((100cqw - (3 * 12px)) / 4);
    max-width: calc((100cqw - (3 * 12px)) / 4);
  }
}

@media (max-width: 991px) {
  .insta-section-container {
    grid-template-columns: 1fr;
    gap: 36px;
    width: 92%;
  }
  .insta-info-col {
    align-items: center;
    text-align: center;
  }
  .insta-reel-card {
    flex: 0 0 calc((100cqw - (2 * 12px)) / 3); /* Exactly 3 full cards */
    width: calc((100cqw - (2 * 12px)) / 3);
    max-width: calc((100cqw - (2 * 12px)) / 3);
  }
  .insta-nav-arrow.arrow-prev {
    left: -10px;
  }
  .insta-nav-arrow.arrow-next {
    right: -10px;
  }
}

@media (max-width: 680px) {
  .aimniwell-instagram-section {
    padding: 30px 0 !important;
  }
  .insta-headline {
    font-size: 28px;
  }
  .insta-reel-card {
    flex: 0 0 calc((100cqw - (1 * 10px)) / 2); /* Exactly 2 full cards */
    width: calc((100cqw - (1 * 10px)) / 2);
    max-width: calc((100cqw - (1 * 10px)) / 2);
  }
  .insta-reels-track {
    gap: 10px;
  }
  .insta-nav-arrow.arrow-prev {
    left: -6px;
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
  }
  .insta-nav-arrow.arrow-next {
    right: -6px;
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
  }
}

@media (max-width: 400px) {
  .insta-reel-card {
    flex: 0 0 100cqw; /* Exactly 1 full card */
    width: 100cqw;
    max-width: 100cqw;
  }
}

/* Card Media Embed & Video Integration (Matching Jaquar Reference Standard) */
.insta-card-media-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  border-radius: 8px;
  background: #0f172a !important;
  pointer-events: none;
}

.insta-card-media-bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.05) 45%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
  z-index: 2;
}

.insta-card-cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  background-color: #0f172a;
  transition: transform 0.4s ease;
}

.insta-reel-card:hover .insta-card-cover-img {
  transform: scale(1.06);
}

.insta-inline-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.insta-inline-iframe {
  position: absolute;
  top: -115px;
  left: 50%;
  transform: translateX(-50%) scale(1.78);
  transform-origin: center top;
  width: 340px;
  height: 540px;
  border: none;
  pointer-events: none;
  background: transparent;
  opacity: 0.96;
}

.insta-reel-card.has-custom-media .insta-card-inner {
  background: none !important;
  background-color: transparent !important;
  z-index: 2;
}

/* ==========================================================================
   Dedicated Aimniwell Reel Video Lightbox Modal (On-Page Player)
   ========================================================================== */
.aimniwell-reel-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s;
}

.aimniwell-reel-modal.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.reel-modal-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.reel-modal-container {
  position: relative;
  z-index: 2;
  width: 90%;
  max-width: 440px;
  height: 85vh;
  max-height: 780px;
  background: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: scale(0.95) translateY(10px);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.aimniwell-reel-modal.is-active .reel-modal-container {
  transform: scale(1) translateY(0);
}

.reel-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(8px);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.2s ease;
}

.reel-modal-close:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.08);
}

.reel-modal-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}

.reel-modal-player-wrap {
  flex: 1;
  width: 100%;
  height: 100%;
  position: relative;
  background: #000000;
}

.reel-modal-iframe,
.reel-modal-video {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  object-fit: contain;
  background: #000000;
}

.reel-modal-footer {
  padding: 14px 20px;
  background: linear-gradient(180deg, #111827 0%, #0b0f19 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reel-modal-footer-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.reel-modal-brand {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
  font-size: 11px;
  font-weight: 800;
  color: #38bdf8;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.reel-modal-caption {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

@media (max-width: 600px) {
  .reel-modal-container {
    width: 95%;
    height: 80vh;
  }
}

/* ==========================================================================
   AIMNIWELL LUXURY CLIENT ACCESS (SIGN IN & REGISTER TABS)
   ========================================================================== */
.aimniwell-auth-wrapper {
  width: 100%;
  max-width: 860px;
  margin: 40px auto 80px;
  padding: 0 20px;
  box-sizing: border-box;
}

.aimniwell-auth-container {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 28px;
  padding: 36px 48px 40px;
  box-shadow: 0 24px 50px -12px rgba(15, 23, 42, 0.08), 0 2px 8px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
}

.aimniwell-auth-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #004377 0%, #0284C7 50%, #10B981 100%);
}

.auth-brand-header {
  text-align: center;
  margin-bottom: 20px;
}

.auth-eyebrow {
  display: none !important;
}

.auth-brand-title {
  font-family: var(--font-display) !important;
  font-size: 32px;
  font-weight: 800;
  color: #0F172A;
  margin: 0 0 8px;
  letter-spacing: -0.03em;
}

.auth-brand-subtitle {
  font-size: 14px;
  color: #64748B;
  margin: 0;
  line-height: 1.5;
}

/* Tab Switcher */
.auth-tab-switcher {
  display: flex;
  background: #F1F5F9;
  padding: 6px;
  border-radius: 18px;
  margin: 0 auto 24px;
  gap: 8px;
  max-width: 440px;
}

.auth-tab-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  color: #64748B;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: inherit;
}

.auth-tab-btn:hover {
  color: #0F172A;
}

.auth-tab-btn.active {
  background: #FFFFFF;
  color: #004377;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

/* Forms Reset & Centering (Override WooCommerce Core form.login / form.register) */
.woocommerce .aimniwell-auth-wrapper form.login,
.woocommerce .aimniwell-auth-wrapper form.register,
.woocommerce-page .aimniwell-auth-wrapper form.login,
.woocommerce-page .aimniwell-auth-wrapper form.register,
.woocommerce .aimniwell-auth-container form.login,
.woocommerce .aimniwell-auth-container form.register,
.aimniwell-auth-container form.login,
.aimniwell-auth-container form.register,
form.auth-form-login,
form.auth-form-register,
form.aimniwell-auth-form {
  border: none !important;
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  float: none !important;
  text-align: left !important;
}

.auth-pane {
  display: none !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.auth-pane.active {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.aimniwell-auth-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.auth-form-login {
  max-width: 580px !important;
  margin: 0 auto !important;
}

.auth-form-register {
  max-width: 760px !important;
  margin: 0 auto !important;
}

/* 2-Column Responsive Row */
.auth-row-2col {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  width: 100% !important;
}

.auth-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
}

.auth-form-group label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  width: auto !important;
}

/* Universal Mandatory Field Asterisk Positioning Across All Forms */
label .required,
label abbr.required,
abbr.required,
.woocommerce form .form-row label .required,
.woocommerce form .form-row label abbr.required,
.auth-form-group label .required {
  color: #DC2626 !important;
  margin-left: 3px !important;
  margin-right: 0 !important;
  display: inline !important;
  float: none !important;
  position: static !important;
  text-decoration: none !important;
  border-bottom: none !important;
  font-weight: 700 !important;
}

.woocommerce form .form-row:not(.woocommerce-form__label-for-checkbox) > label,
.woocommerce-billing-fields .form-row > label,
.woocommerce-shipping-fields .form-row > label,
.woocommerce-address-fields .form-row > label,
.woocommerce-EditAccountForm .form-row > label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  width: auto !important;
  text-align: left !important;
}

.auth-label-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.auth-lost-password {
  font-size: 12px !important;
  color: #0284C7 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

.auth-lost-password:hover {
  color: #004377 !important;
  text-decoration: underline !important;
}

.auth-input {
  width: 100% !important;
  height: 48px !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  border: 1.5px solid #CBD5E1 !important;
  background: #F8FAFC !important;
  font-size: 14px !important;
  color: #0F172A !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  font-family: inherit !important;
}

.auth-input:focus {
  background: #FFFFFF !important;
  border-color: #004377 !important;
  box-shadow: 0 0 0 4px rgba(0, 67, 119, 0.12) !important;
}

/* Separated Country Code & Mobile Number Input Group */
.auth-phone-input-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

.auth-country-code-wrapper {
  position: relative !important;
  flex: 0 0 135px !important;
  width: 135px !important;
  min-width: 120px !important;
}

.auth-country-select {
  width: 100% !important;
  height: 48px !important;
  padding: 0 28px 0 12px !important;
  border-radius: 14px !important;
  border: 1.5px solid #CBD5E1 !important;
  background: #F8FAFC !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #0F172A !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  font-family: inherit !important;
  line-height: 45px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.auth-country-select:hover {
  background: #FFFFFF !important;
  border-color: #94A3B8 !important;
}

.auth-country-select:focus {
  background: #FFFFFF !important;
  border-color: #004377 !important;
  box-shadow: 0 0 0 4px rgba(0, 67, 119, 0.12) !important;
}

.auth-country-arrow-icon {
  position: absolute !important;
  right: 11px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: #64748B !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.auth-country-select:focus ~ .auth-country-arrow-icon {
  color: #004377 !important;
  transform: translateY(-50%) rotate(180deg) !important;
}

.auth-phone-number-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

/* Luxury Textarea & Select for Contact Page */
.auth-textarea {
  width: 100% !important;
  min-height: 120px !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
  border: 1.5px solid #CBD5E1 !important;
  background: #F8FAFC !important;
  font-size: 14px !important;
  color: #0F172A !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  font-family: inherit !important;
  resize: vertical !important;
  line-height: 1.6 !important;
}

.auth-textarea:hover {
  border-color: #94A3B8 !important;
  background: #FFFFFF !important;
}

.auth-textarea:focus {
  background: #FFFFFF !important;
  border-color: #004377 !important;
  box-shadow: 0 0 0 4px rgba(0, 67, 119, 0.12) !important;
}

.auth-select-wrapper {
  position: relative !important;
  width: 100% !important;
}

.auth-select {
  width: 100% !important;
  height: 48px !important;
  padding: 0 38px 0 16px !important;
  border-radius: 14px !important;
  border: 1.5px solid #CBD5E1 !important;
  background: #F8FAFC !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0F172A !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  font-family: inherit !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.auth-select:hover {
  background: #FFFFFF !important;
  border-color: #94A3B8 !important;
}

.auth-select:focus {
  background: #FFFFFF !important;
  border-color: #004377 !important;
  box-shadow: 0 0 0 4px rgba(0, 67, 119, 0.12) !important;
}

.auth-select-arrow {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: #64748B !important;
}

/* Contact Form Notices */
.contact-notice {
  padding: 16px 20px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  line-height: 1.5 !important;
}

.contact-notice.success {
  background: #ECFDF5 !important;
  border: 1.5px solid #A7F3D0 !important;
  color: #065F46 !important;
}

.contact-notice.error {
  background: #FEF2F2 !important;
  border: 1.5px solid #FECACA !important;
  color: #991B1B !important;
}

.contact-notice-icon {
  font-size: 18px !important;
  flex-shrink: 0 !important;
}

/* Quick Direct Contact Strip */
.contact-quick-strip {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin-top: 36px !important;
  padding-top: 28px !important;
  border-top: 1px solid #E2E8F0 !important;
}

.contact-quick-tile {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.contact-quick-tile:hover {
  background: #FFFFFF !important;
  border-color: #004377 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0, 67, 119, 0.08) !important;
}

.contact-quick-icon {
  font-size: 22px !important;
  line-height: 1 !important;
}

.contact-quick-info {
  display: flex !important;
  flex-direction: column !important;
}

.contact-quick-label {
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #64748B !important;
}

.contact-quick-val {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin-top: 2px !important;
}

@media (max-width: 768px) {
  .contact-quick-strip {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* Contact Page Fixed Header Clearance & Spacing */
.contact-page-main {
  width: 100% !important;
  min-height: 100vh !important;
  padding-top: 110px !important;
  padding-bottom: 80px !important;
  box-sizing: border-box !important;
  background-color: var(--color-canvas, #FBFBFD) !important;
}

.aimniwell-contact-wrapper {
  margin: 20px auto 40px !important;
}

@media (max-width: 768px) {
  .contact-page-main {
    padding-top: 92px !important;
    padding-bottom: 40px !important;
  }
  .aimniwell-contact-wrapper {
    margin: 10px auto 30px !important;
  }
}

/* Hide Microsoft Edge / Browser Native Password Reveal Icon to Prevent Double Eye */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-credentials-auto-fill-button {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Official Single Password Toggle Styling */
.woocommerce form .password-input,
.woocommerce-page form .password-input,
.password-input {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce form .password-input input,
.woocommerce-page form .password-input input,
.password-input .auth-input {
  width: 100% !important;
  padding-right: 48px !important;
  padding-left: 18px !important;
  box-sizing: border-box !important;
}

.woocommerce form button.show-password-input,
.woocommerce-page form button.show-password-input,
button.show-password-input {
  position: absolute !important;
  right: 14px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  opacity: 0.6 !important;
  transition: opacity 0.2s ease !important;
  z-index: 5 !important;
  outline: none !important;
  box-shadow: none !important;
}

.woocommerce form button.show-password-input:hover,
.woocommerce-page form button.show-password-input:hover,
button.show-password-input:hover {
  opacity: 1 !important;
}

.woocommerce form .password-input::before,
.woocommerce form .password-input::after,
.woocommerce-page form .password-input::before,
.woocommerce-page form .password-input::after {
  content: none !important;
  display: none !important;
}

/* Ensure only one eye button per password input */
.password-input button.show-password-input ~ button.show-password-input,
.woocommerce form .password-input button.show-password-input ~ button.show-password-input {
  display: none !important;
}

/* Password Strength Indicator & Eye Safeguards */
.woocommerce-password-strength {
  margin-top: 10px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  text-align: left !important;
  box-sizing: border-box !important;
  position: relative !important;
  clear: both !important;
  width: 100% !important;
}

.woocommerce-password-strength.bad {
  background-color: #FEF2F2 !important;
  border: 1px solid #FECACA !important;
  color: #DC2626 !important;
}

.woocommerce-password-strength.good {
  background-color: #FEFCE8 !important;
  border: 1px solid #FEF08A !important;
  color: #CA8A04 !important;
}

.woocommerce-password-strength.strong {
  background-color: #F0FDF4 !important;
  border: 1px solid #BBF7D0 !important;
  color: #16A34A !important;
}

.woocommerce-password-strength.short {
  background-color: #FEF2F2 !important;
  border: 1px solid #FECACA !important;
  color: #DC2626 !important;
}

/* Strictly hide any rogue eye buttons or pseudo-elements in/near the strength meter */
.woocommerce-password-strength button,
.woocommerce-password-strength .show-password-input,
.woocommerce-password-strength ~ button.show-password-input,
.woocommerce-password-strength::before,
.woocommerce-password-strength::after {
  display: none !important;
  content: none !important;
}

/* Actions Row */
.auth-actions-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.auth-rememberme-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #475569;
  cursor: pointer;
  margin: 0;
}

.auth-rememberme-label input[type="checkbox"] {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  cursor: pointer;
  accent-color: #004377;
}

/* Submit Buttons */
.auth-submit-btn {
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: none;
  border-radius: 14px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #004377 0%, #002D52 100%) !important;
  box-shadow: 0 10px 25px rgba(0, 67, 119, 0.3) !important;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: inherit;
  margin-top: 10px;
  text-decoration: none !important;
  box-sizing: border-box;
}

.auth-submit-btn:hover {
  background: linear-gradient(135deg, #002D52 0%, #001B33 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0, 67, 119, 0.4) !important;
  color: #FFFFFF !important;
}

.btn-login-submit {
  background: linear-gradient(135deg, #004377 0%, #002D52 100%);
  box-shadow: 0 10px 25px rgba(0, 67, 119, 0.3);
}

.btn-login-submit:hover {
  background: linear-gradient(135deg, #002D52 0%, #001B33 100%);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0, 67, 119, 0.4);
}

.btn-register-submit {
  background: linear-gradient(135deg, #059669 0%, #10B981 100%);
  box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);
}

.btn-register-submit:hover {
  background: linear-gradient(135deg, #047857 0%, #059669 100%);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(16, 185, 129, 0.4);
}

.auth-btn-arrow {
  font-size: 17px;
  transition: transform 0.2s ease;
}

.auth-submit-btn:hover .auth-btn-arrow {
  transform: translateX(4px);
}

.auth-pwd-notice {
  font-size: 12px;
  color: #64748B;
  background: #F8FAFC;
  padding: 8px 12px;
  border-radius: 8px;
  margin: 0;
}

/* Switch Footer */
.auth-switch-footer {
  text-align: center;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #F1F5F9;
  font-size: 13px;
  color: #64748B;
}

.auth-switch-footer a {
  color: #004377;
  font-weight: 700;
  text-decoration: none;
  margin-left: 6px;
}

.auth-switch-footer a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .aimniwell-auth-wrapper {
    margin: 20px auto 40px;
    padding: 0 12px;
  }
  .aimniwell-auth-container {
    padding: 32px 20px;
    border-radius: 20px;
  }
  .auth-brand-title {
    font-size: 24px;
  }
  .auth-row-2col {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .auth-form-login,
  .auth-form-register {
    max-width: 100%;
  }
  .auth-country-code-wrapper {
    flex: 0 0 122px !important;
    width: 122px !important;
  }
}

/* ==========================================================================
   AIMNIWELL CLIENT SUITE PORTAL HEADER & UNIFIED CARD ARCHITECTURE
   ========================================================================== */
.aimniwell-portal-header-area {
  width: 100%;
  margin-bottom: 24px;
}

.aimniwell-portal-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 28px;
  padding: 0 16px;
}

.portal-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 67, 119, 0.06);
  border: 1px solid rgba(0, 67, 119, 0.12);
  padding: 5px 14px;
  border-radius: 999px;
  font-family: var(--font-text, 'Inter', sans-serif);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-primary, #004377);
  margin-bottom: 12px;
}

.portal-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-premium-sapphire, #6B8ECE);
  box-shadow: 0 0 8px rgba(107, 140, 206, 0.6);
}

.portal-hero-title {
  font-family: var(--font-display, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: clamp(30px, 4vw, 42px) !important;
  font-weight: 750 !important;
  color: var(--color-primary, #004377) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.18 !important;
  margin: 0 0 10px !important;
}

.portal-hero-subtitle {
  font-family: var(--font-text, 'Inter', sans-serif) !important;
  font-size: 15px !important;
  color: #64748B !important;
  line-height: 1.6 !important;
  margin: 0 auto !important;
  max-width: 600px !important;
}

/* Unified Card Styling for WooCommerce Account */
.woocommerce-account .woocommerce-MyAccount-content {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 20px !important;
  padding: 40px !important;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
  font-family: var(--font-text, 'Inter', sans-serif) !important;
}

/* ==========================================================================
   TRACKING SEARCH BAR & INPUT PILL ARCHITECTURE (ZERO INNER BOX)
   ========================================================================== */
.aimniwell-track-page-main {
  padding-top: 160px !important;
  max-width: 960px !important;
  margin: 0 auto !important;
}

.tracking-search-bar,
#aimniwellTrackForm.tracking-search-bar {
  display: flex !important;
  align-items: center !important;
  max-width: 620px !important;
  width: 100% !important;
  margin: 16px auto 36px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 999px !important;
  padding: 5px 6px 5px 22px !important;
  box-shadow: 0 10px 30px rgba(0, 67, 119, 0.08) !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.tracking-search-bar:focus-within,
#aimniwellTrackForm.tracking-search-bar:focus-within {
  border-color: #004377 !important;
  box-shadow: 0 12px 35px rgba(0, 67, 119, 0.16) !important;
}

/* Force-strip ANY rectangular border, background, or outline from the inner input */
.tracking-search-bar input#trackQueryInput,
.tracking-search-bar input.tracking-query-input,
#aimniwellTrackForm input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  line-height: 44px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 12px 0 0 !important;
  margin: 0 !important;
  font-family: var(--font-text, 'Inter', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #0F172A !important;
}

.tracking-search-bar input#trackQueryInput:focus,
.tracking-search-bar input.tracking-query-input:focus,
#aimniwellTrackForm input[type="text"]:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

.tracking-query-btn,
#trackSubmitBtn.tracking-query-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 26px !important;
  border-radius: 999px !important;
  background: #004377 !important;
  color: #FFFFFF !important;
  border: none !important;
  font-family: var(--font-text, 'Inter', sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(0, 67, 119, 0.25) !important;
}

.tracking-query-btn:hover,
#trackSubmitBtn.tracking-query-btn:hover {
  background: #002D52 !important;
  transform: scale(1.02) !important;
}

/* ==========================================================================
   REPORT TRANSIT DAMAGE CLEAN SINGLE-CARD ARCHITECTURE
   ========================================================================== */
.transit-damage-page-main {
  padding-top: 160px !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

.myaccount-claim-wrapper {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 24px !important;
  padding: 36px 36px 40px !important;
  box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  position: relative !important;
  overflow: hidden !important;
}

.myaccount-claim-wrapper::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #004377 0%, #0284C7 50%, #10B981 100%) !important;
}

.damage-claim-form .form-control,
.damage-claim-form input.form-control,
.damage-claim-form select.form-control,
.damage-claim-form textarea.form-control {
  width: 100% !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  border: 1.5px solid #CBD5E1 !important;
  background: #FFFFFF !important;
  font-family: var(--font-text, 'Inter', sans-serif) !important;
  font-size: 14px !important;
  color: #0F172A !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  height: 48px !important;
}

.damage-claim-form textarea.form-control {
  height: auto !important;
  min-height: 90px !important;
  resize: vertical !important;
}

.damage-claim-form .form-control:focus,
.damage-claim-form input.form-control:focus,
.damage-claim-form select.form-control:focus,
.damage-claim-form textarea.form-control:focus {
  background: #FFFFFF !important;
  border-color: #004377 !important;
  box-shadow: 0 0 0 3px rgba(0, 67, 119, 0.12) !important;
}

.damage-claim-form label {
  font-family: var(--font-text, 'Inter', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  margin-bottom: 6px !important;
}

/* Headings in Portal */
.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-account h4,
.woocommerce-account .woocommerce-Address .title h3,
.woocommerce-account .account-section-title,
.claim-main-title,
.consignment-title {
  font-family: var(--font-display, 'Plus Jakarta Sans', sans-serif) !important;
  letter-spacing: -0.02em !important;
  color: #004377 !important;
}

/* ==========================================================================
   AIMNIWELL CLIENT PORTAL HORIZONTAL NAVIGATION BAR (LUXURY GLASS CAPSULE)
   ========================================================================== */
.aimniwell-portal-nav-bar-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 36px;
  position: relative;
  z-index: 20;
}

.aimniwell-portal-nav {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  padding: 6px 8px;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03);
  max-width: 100%;
  box-sizing: border-box;
}

.portal-nav-scroll-container {
  display: flex;
  align-items: center;
  overflow-x: auto;
  max-width: 100%;
  padding: 2px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.portal-nav-scroll-container::-webkit-scrollbar {
  display: none;
}

.portal-nav-list {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: nowrap;
}

.portal-nav-item {
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 999px !important;
}

.portal-nav-item.active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.portal-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 20px;
  font-family: var(--font-text, 'Inter', sans-serif) !important;
  font-size: 13.5px;
  font-weight: 550;
  color: #475569;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 999px !important;
  text-decoration: none !important;
  white-space: nowrap;
  letter-spacing: -0.01em;
  transition: all 0.2s ease;
  box-sizing: border-box;
  box-shadow: none !important;
}

.portal-nav-icon {
  font-size: 15px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.portal-nav-label {
  line-height: 1;
}

/* Hover State */
.portal-nav-link:hover {
  color: #0f172a;
  background: rgba(0, 0, 0, 0.04);
}

/* Active State (Crisp, Perfectly Rounded Luxury Capsule) */
.portal-nav-link.active,
.portal-nav-item.active .portal-nav-link {
  color: #ffffff !important;
  background: #0066cc !important;
  border-color: #0066cc !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 6px rgba(0, 102, 204, 0.25) !important;
  font-weight: 600 !important;
}

.portal-nav-item.active .portal-nav-icon {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
}

/* Logout Item Styling */
.portal-nav-item-logout .portal-nav-link {
  color: #94a3b8;
}

.portal-nav-item-logout .portal-nav-link:hover {
  color: #dc2626 !important;
  background: rgba(220, 38, 38, 0.08) !important;
}

/* ==========================================================================
   MY ACCOUNT PAGE INTEGRATION & WOOCOMMERCE CLEANUP
   ========================================================================== */
.page-template-default.woocommerce-account .woocommerce-page-wrapper,
.woocommerce-account.woocommerce-page-wrapper {
  padding-top: 130px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 20px !important;
  padding: 40px !important;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
  font-family: var(--font-text, 'Inter', sans-serif) !important;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  color: #334155;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content p strong {
  color: #0f172a;
}

.woocommerce-account .woocommerce-MyAccount-content a {
  color: #0066cc;
  text-decoration: none;
  font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
  text-decoration: underline;
}

/* Orders Table Modernization */
.woocommerce-account table.woocommerce-orders-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  margin: 24px 0 !important;
}

.woocommerce-account table.woocommerce-orders-table th {
  background: #f8fafc !important;
  color: #475569 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-top: none !important;
}

.woocommerce-account table.woocommerce-orders-table td {
  padding: 18px 20px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #1e293b !important;
  font-size: 14px !important;
  vertical-align: middle !important;
}

.woocommerce-account table.woocommerce-orders-table tr:last-child td {
  border-bottom: none !important;
}

.woocommerce-account table.woocommerce-orders-table .button.view {
  background: #0066cc !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.woocommerce-account table.woocommerce-orders-table .button.view:hover {
  background: #004c99 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 102, 204, 0.25) !important;
}

/* Addresses Section */
.woocommerce-account .woocommerce-Addresses {
  margin-top: 24px !important;
}

.woocommerce-account .woocommerce-Address {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
}

.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-account .woocommerce-Address .title h3,
.woocommerce-account legend,
.woocommerce-account .woocommerce-order-details__title {
  font-family: var(--font-display, 'Plus Jakarta Sans', sans-serif) !important;
  letter-spacing: -0.025em !important;
}

.woocommerce-account .woocommerce-Address .title h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 0 12px !important;
}

.woocommerce-account .woocommerce-Address .edit {
  display: inline-block !important;
  color: #0066cc !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  margin-top: 12px !important;
}

/* Auth Wrapper spacing */
.woocommerce-account .aimniwell-auth-wrapper {
  margin-top: 20px !important;
}

/* Responsive Adjustments for Mobile & Tablets */
@media (max-width: 860px) {
  .aimniwell-portal-nav-bar-wrap {
    padding: 0 12px;
    margin-bottom: 24px;
  }
  .aimniwell-portal-nav {
    width: 100%;
    border-radius: 16px;
    padding: 6px;
  }
  .portal-nav-scroll-container {
    width: 100%;
    padding: 2px;
  }
  .portal-nav-list {
    width: max-content;
  }
  .portal-nav-link {
    padding: 8px 14px;
    font-size: 13px;
    gap: 6px;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 24px 16px !important;
    border-radius: 16px !important;
  }
  .woocommerce-account table.woocommerce-orders-table th,
  .woocommerce-account table.woocommerce-orders-table td {
    padding: 12px 14px !important;
  }
}

/* ==========================================================================
   AIMNIWELL WORLD-CLASS PRIVACY POLICY PAGE STYLES
   ========================================================================== */
.privacy-page-main {
  width: 100% !important;
  min-height: 100vh !important;
  padding-top: 110px !important;
  padding-bottom: 80px !important;
  box-sizing: border-box !important;
  background-color: #F8FAFC !important;
}

.privacy-hero-section {
  padding: 44px 24px 52px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 100%);
  border-bottom: 1px solid #E2E8F0;
  text-align: center;
}

.privacy-hero-container {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.privacy-breadcrumbs {
  font-size: 13px;
  color: #64748B;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.privacy-breadcrumbs a {
  color: #004377;
  text-decoration: none;
  font-weight: 500;
}

.privacy-breadcrumbs a:hover {
  text-decoration: underline;
}

.privacy-breadcrumbs .bc-sep {
  color: #94A3B8;
  font-size: 14px;
}

.privacy-breadcrumbs .bc-curr {
  color: #1E293B;
  font-weight: 600;
}

.privacy-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 67, 119, 0.08);
  border: 1px solid rgba(0, 67, 119, 0.2);
  border-radius: 9999px;
  padding: 6px 18px;
  font-size: 13px;
  font-weight: 700;
  color: #004377;
  margin-bottom: 16px;
  letter-spacing: 0.02em;
}

.privacy-hero-title {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 700;
  color: #0F172A;
  margin: 0 0 16px;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.privacy-hero-subtitle {
  font-size: 16px;
  line-height: 1.6;
  color: #475569;
  margin: 0 0 24px;
  max-width: 760px;
}

.privacy-meta-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 13px;
  color: #64748B;
  background: #FFFFFF;
  padding: 8px 20px;
  border-radius: 9999px;
  border: 1px solid #E2E8F0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.privacy-meta-item strong {
  color: #1E293B;
}

.privacy-meta-sep {
  color: #CBD5E1;
}

.privacy-content-section {
  padding: 48px 24px;
  box-sizing: border-box;
}

.privacy-container {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 40px;
  align-items: flex-start;
  box-sizing: border-box;
}

/* Sticky Quick Navigation Sidebar */
.privacy-sidebar {
  position: sticky;
  top: 100px;
}

.privacy-toc-card {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
}

.privacy-toc-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #0F172A;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #F1F5F9;
}

.privacy-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.privacy-toc-link {
  display: block;
  padding: 8px 12px;
  font-size: 13.5px;
  font-weight: 500;
  color: #475569;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.privacy-toc-link:hover {
  color: #004377;
  background: #F1F5F9;
  transform: translateX(4px);
  font-weight: 600;
}

.privacy-toc-help {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #F1F5F9;
  text-align: center;
}

.toc-help-label {
  font-size: 12px;
  color: #64748B;
  margin: 0 0 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.toc-help-btn {
  display: inline-block;
  font-size: 12.5px;
  color: #004377;
  text-decoration: none;
  font-weight: 600;
  background: rgba(0, 67, 119, 0.06);
  padding: 8px 14px;
  border-radius: 8px;
  transition: background 0.15s ease;
}

.toc-help-btn:hover {
  background: rgba(0, 67, 119, 0.12);
}

/* Articles Flow */
.privacy-articles-flow {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.privacy-card {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  padding: 36px 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  scroll-margin-top: 110px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

.privacy-card:hover {
  border-color: #CBD5E1;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.04);
}

.privacy-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #F1F5F9;
}

.privacy-card-num {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
  font-size: 13px;
  font-weight: 800;
  color: #004377;
  background: rgba(0, 67, 119, 0.08);
  padding: 4px 10px;
  border-radius: 8px;
  letter-spacing: 0.05em;
}

.privacy-card-title {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
  font-size: 22px;
  font-weight: 700;
  color: #0F172A;
  margin: 0;
  letter-spacing: -0.01em;
}

.privacy-card-body p {
  font-size: 15px;
  line-height: 1.7;
  color: #334155;
  margin: 0 0 16px;
}

.privacy-card-body p:last-child {
  margin-bottom: 0;
}

.privacy-card-body a {
  color: #0284C7;
  text-decoration: underline;
}

.privacy-callout-box {
  display: flex;
  gap: 14px;
  background: #F0FDF4;
  border: 1px solid #BBF7D0;
  border-radius: 14px;
  padding: 18px 22px;
  margin: 20px 0;
  color: #166534;
  font-size: 14px;
  line-height: 1.6;
}

.privacy-callout-box .callout-icon {
  font-size: 20px;
  flex-shrink: 0;
}

.security-callout {
  background: #EFF6FF !important;
  border-color: #BFDBFE !important;
  color: #1E40AF !important;
}

.privacy-data-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 20px 0;
}

.data-group-card {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  padding: 20px;
}

.data-group-card h4 {
  font-size: 14.5px;
  font-weight: 700;
  color: #0F172A;
  margin: 0 0 8px;
}

.data-group-card p {
  font-size: 13.5px !important;
  color: #475569 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.privacy-check-list {
  list-style: none;
  padding: 0;
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.privacy-check-list li {
  position: relative;
  padding-left: 30px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #334155;
}

.privacy-check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  background: #004377;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Contact Card in Policy */
.privacy-contact-card {
  background: linear-gradient(135deg, #004377 0%, #002D52 100%);
  color: #FFFFFF;
  border-radius: 18px;
  padding: 32px;
  margin-top: 24px;
  box-shadow: 0 10px 30px rgba(0, 67, 119, 0.2);
}

.contact-card-brand h3 {
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 4px;
}

.brand-tagline {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.75) !important;
  margin: 0 0 20px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.contact-card-grid {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.contact-card-col {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.col-icon {
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}

.contact-card-col strong {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 4px;
}

.contact-card-col p {
  font-size: 14.5px !important;
  color: #FFFFFF !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.contact-card-col a {
  color: #FFFFFF !important;
  text-decoration: underline;
  font-weight: 600;
}

@media (max-width: 992px) {
  .privacy-container {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .privacy-sidebar {
    display: none;
  }
}

@media (max-width: 768px) {
  .privacy-page-main {
    padding-top: 92px !important;
    padding-bottom: 50px !important;
  }
  .privacy-hero-section {
    padding: 32px 18px 40px;
  }
  .privacy-content-section {
    padding: 32px 16px;
  }
  .privacy-card {
    padding: 24px 20px;
    border-radius: 16px;
  }
  .privacy-data-grid {
    grid-template-columns: 1fr;
  }
  .privacy-contact-card {
    padding: 24px 20px;
  }
}

/* --------------------------------------------------------- */
/* RETURN & REFUND POLICY LUXURY STYLES                      */
/* --------------------------------------------------------- */
.return-policy-page .policy-highlights-bar {
  background: #FFFFFF;
  border-bottom: 1px solid #E2E8F0;
  padding: 16px 24px;
}

.policy-highlights-container {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.highlight-chip {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.highlight-chip:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
}

.highlight-chip .chip-icon {
  font-size: 22px;
  line-height: 1;
}

.highlight-chip .chip-text strong {
  display: block;
  font-size: 13px;
  color: #0F172A;
  font-weight: 700;
}

.highlight-chip .chip-text span {
  display: block;
  font-size: 11.5px;
  color: #64748B;
  margin-top: 2px;
}

.chip-emerald { border-left: 4px solid #10B981; }
.chip-blue { border-left: 4px solid #0284c7; }
.chip-amber { border-left: 4px solid #F59E0B; }
.chip-purple { border-left: 4px solid #8B5CF6; }

/* Callout Boxes */
.policy-callout-box {
  display: flex;
  gap: 16px;
  padding: 18px 22px;
  border-radius: 14px;
  margin: 20px 0;
}

.policy-callout-box.callout-success {
  background: #ECFDF5;
  border: 1px solid #A7F3D0;
  border-left: 5px solid #059669;
}

.policy-callout-box.callout-info {
  background: #F0F9FF;
  border: 1px solid #BAE6FD;
  border-left: 5px solid #0284c7;
}

.policy-callout-box .callout-icon {
  font-size: 26px;
  line-height: 1;
}

.policy-callout-box .callout-content h4 {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
  color: #0F172A;
}

.policy-callout-box .callout-content p {
  margin: 0;
  font-size: 13.5px;
  color: #334155;
  line-height: 1.5;
}

/* Subheadings & Lists */
.policy-subheading {
  font-size: 16px;
  font-weight: 700;
  color: #004377;
  margin: 24px 0 12px;
}

.policy-steps-list, .policy-ordered-list {
  padding-left: 20px;
  margin: 0 0 20px;
  color: #334155;
  font-size: 14px;
  line-height: 1.7;
}

.policy-steps-list li, .policy-ordered-list li {
  margin-bottom: 12px;
}

.policy-sublist {
  list-style: disc;
  padding-left: 22px;
  margin-top: 6px;
}

.policy-sublist li {
  margin-bottom: 6px;
}

/* Care+ Promo Banner */
.care-plus-promo-banner {
  background: linear-gradient(135deg, #004377 0%, #002847 100%);
  border-radius: 16px;
  padding: 26px 30px;
  color: #FFFFFF;
  margin: 26px 0 10px;
  box-shadow: 0 10px 30px rgba(0, 67, 119, 0.16);
}

.care-plus-promo-banner .care-badge {
  display: inline-block;
  background: rgba(253, 224, 71, 0.18);
  border: 1px solid #FDE047;
  color: #FEF08A;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
}

.care-plus-promo-banner h3 {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

.care-plus-promo-banner p {
  margin: 0 0 18px;
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  max-width: 620px;
}

.btn-care-plus-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
  color: #004377;
  font-weight: 700;
  font-size: 13.5px;
  padding: 10px 22px;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.btn-care-plus-cta:hover {
  background: #FDE047;
  color: #002847;
  transform: translateX(4px);
}

/* Comparison Cards Grid */
.policy-grid-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 20px 0;
}

.comparison-card {
  border-radius: 16px;
  padding: 24px;
  background: #FFFFFF;
}

.comparison-card.card-danger {
  border: 1px solid #FECACA;
  background: #FFFBFB;
}

.comparison-card.card-success {
  border: 1px solid #A7F3D0;
  background: #F9FEFB;
}

.comparison-card .comp-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.comparison-card .comp-icon {
  font-size: 20px;
}

.comparison-card.card-danger .comp-header h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #DC2626;
}

.comparison-card.card-success .comp-header h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #059669;
}

.comparison-card .comp-list {
  padding-left: 18px;
  margin: 0;
  font-size: 13px;
  color: #475569;
  line-height: 1.6;
}

.comparison-card .comp-list li {
  margin-bottom: 10px;
}

.comparison-card .comp-body .highlight-p {
  font-size: 14px;
  color: #065F46;
  margin: 0 0 10px;
}

.comparison-card .comp-body p {
  font-size: 13px;
  color: #334155;
  line-height: 1.6;
  margin: 0 0 14px;
}

.safe-tag-box {
  background: #ECFDF5;
  border: 1px solid #A7F3D0;
  color: #047857;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

/* Timeline Rules */
.timeline-rules-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 20px 0;
}

.timeline-rule-item {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  padding: 20px;
}

.rule-status-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}

.rule-status-badge.status-green {
  background: #DCFCE7;
  color: #15803D;
  border: 1px solid #86EFAC;
}

.rule-status-badge.status-red {
  background: #FEE2E2;
  color: #B91C1C;
  border: 1px solid #FCA5A5;
}

.timeline-rule-item h4 {
  margin: 0 0 8px;
  font-size: 14.5px;
  font-weight: 700;
  color: #0F172A;
}

.timeline-rule-item p {
  margin: 0;
  font-size: 13px;
  color: #475569;
  line-height: 1.55;
}

/* Policy Table */
.refund-table-wrap {
  overflow-x: auto;
  margin: 18px 0;
}

.policy-data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

.policy-data-table th {
  background: #F1F5F9;
  color: #1E293B;
  padding: 10px 14px;
  text-align: left;
  font-weight: 700;
  border-bottom: 2px solid #CBD5E1;
}

.policy-data-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #E2E8F0;
  color: #334155;
}

.policy-data-table tr:hover td {
  background: #F8FAFC;
}

.policy-note-sub {
  font-size: 12px;
  color: #64748B;
  font-style: italic;
  margin-top: 8px;
}

/* Mobile Responsiveness */
@media (max-width: 900px) {
  .policy-highlights-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .policy-grid-comparison, .timeline-rules-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 540px) {
  .policy-highlights-container {
    grid-template-columns: 1fr;
  }
  .care-plus-promo-banner {
    padding: 20px;
  }
/* ==========================================================================
   MASTER 8-POINT SPACING SYSTEM ENFORCEMENT (ALL SECTIONS & COMPONENTS)
   Enforces uniform 120px Desktop / 80px Mobile vertical rhythm across whole site
   ========================================================================== */

/* 1. Global Section Utility Classes */
.section-rhythm {
  padding-top: var(--space-30) !important;   /* 120px */
  padding-bottom: var(--space-30) !important;/* 120px */
}
.section-rhythm-compact {
  padding-top: var(--space-20) !important;   /* 80px */
  padding-bottom: var(--space-20) !important;/* 80px */
}
.section-rhythm-hero {
  padding-top: var(--space-40) !important;   /* 160px (Header Clearance) */
  padding-bottom: var(--space-20) !important;/* 80px */
}

/* 2. Primary Sections: Homepage (front-page.php) */
.aimniwell-metaverse-section {
  padding-top: var(--space-30) !important;   /* 120px */
  padding-bottom: var(--space-30) !important;/* 120px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.trust-support-section.is-completed-flow,
.trust-support-section:not([class*="height"]) {
  padding-top: var(--space-30) !important;   /* 120px */
  padding-bottom: var(--space-30) !important;/* 120px */
}

.trust-container {
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.trust-header {
  margin-bottom: var(--space-12) !important; /* 48px */
}

.trust-grid {
  gap: var(--space-6) !important;            /* 24px */
}

.trust-card {
  padding: var(--space-8) !important;        /* 32px */
}

.aimniwell-instagram-section {
  padding-top: var(--space-20) !important;   /* 80px */
  padding-bottom: var(--space-20) !important;/* 80px */
}

.insta-section-container {
  padding-left: var(--space-8) !important;   /* 32px */
  padding-right: var(--space-8) !important;  /* 32px */
  gap: var(--space-10) !important;           /* 40px */
}

/* 3. Shop & Product Archive Experience (archive-product.php) */
.aimniwell-shop-hero {
  padding-top: var(--space-40) !important;   /* 160px Header Clearance */
  padding-bottom: var(--space-20) !important;/* 80px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.aimniwell-shop-container {
  padding-bottom: var(--space-30) !important;/* 120px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.aimniwell-shop-toolbar {
  margin-bottom: var(--space-8) !important;  /* 32px */
}

ul.products.columns-3,
ul.products.columns-4,
.woocommerce ul.products {
  gap: var(--space-6) !important;            /* 24px */
}

/* 4. Single Product Stage & Storytelling (content-single-product.php) */
.woocommerce-page-wrapper {
  padding-top: var(--space-40) !important;   /* 160px Header Clearance */
  padding-bottom: var(--space-30) !important;/* 120px */
  padding-left: var(--space-8) !important;   /* 32px */
  padding-right: var(--space-8) !important;  /* 32px */
}

.aimniwell-product-hero-stage {
  gap: var(--space-12) !important;           /* 48px */
  margin-bottom: var(--space-20) !important; /* 80px */
}

.aimniwell-editorial-story-section {
  margin-top: var(--space-30) !important;    /* 120px */
  padding-top: var(--space-20) !important;   /* 80px */
  padding-bottom: var(--space-20) !important;/* 80px */
}

.editorial-section-header {
  margin-bottom: var(--space-12) !important; /* 48px */
}

.editorial-story-grid {
  gap: var(--space-8) !important;            /* 32px */
}

.aimniwell-specs-section {
  margin-top: var(--space-30) !important;    /* 120px */
  padding-top: var(--space-20) !important;   /* 80px */
  padding-bottom: var(--space-20) !important;/* 80px */
}

.specs-section-header {
  margin-bottom: var(--space-12) !important; /* 48px */
}

/* 5. Literature & Product Catalogues (page-catalogue.php) */
.catalogue-hero-section {
  padding-top: var(--space-40) !important;   /* 160px Header Clearance */
  padding-bottom: var(--space-16) !important;/* 64px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.catalogue-badge-pill {
  margin-bottom: var(--space-4) !important;  /* 16px */
}

.catalogue-hero-title {
  margin-bottom: var(--space-6) !important;  /* 24px */
}

.catalogue-grid-section {
  padding-top: 0 !important;
  padding-bottom: var(--space-30) !important;/* 120px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.catalogue-grid-container {
  gap: var(--space-6) !important;            /* 24px */
}

.wa-pdf-card {
  border-radius: var(--space-4) !important;  /* 16px */
}

/* 6. Legal & Policy Hub (Privacy & Return Policy) */
.privacy-page-main {
  width: 100% !important;
  box-sizing: border-box !important;
}

.privacy-hero-section {
  padding-top: var(--space-40) !important;   /* 160px Header Clearance */
  padding-bottom: var(--space-16) !important;/* 64px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.policy-highlights-bar {
  padding-top: var(--space-5) !important;    /* 20px */
  padding-bottom: var(--space-5) !important; /* 20px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.policy-highlights-container {
  gap: var(--space-4) !important;            /* 16px */
}

.privacy-content-section {
  padding-top: var(--space-20) !important;   /* 80px */
  padding-bottom: var(--space-30) !important;/* 120px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.privacy-card {
  padding: var(--space-10) !important;       /* 40px */
  margin-bottom: var(--space-8) !important;  /* 32px */
  border-radius: var(--space-5) !important;  /* 20px */
}

/* 7. Portal Pages: Track Order, Transit Damage, My Account, Contact, Export */
.aimniwell-track-page-main,
.transit-damage-page-main,
.contact-page-main,
.export-page-main,
.woocommerce-account .site-main {
  padding-top: var(--space-40) !important;   /* 160px Header Clearance */
  padding-bottom: var(--space-30) !important;/* 120px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
  box-sizing: border-box !important;
}

.aimniwell-auth-wrapper {
  margin-top: var(--space-8) !important;     /* 32px */
  margin-bottom: var(--space-16) !important; /* 64px */
  padding-left: var(--space-5) !important;   /* 20px */
  padding-right: var(--space-5) !important;  /* 20px */
}

.aimniwell-auth-container {
  padding: var(--space-10) var(--space-12) !important; /* 40px 48px */
  border-radius: var(--space-6) !important;  /* 24px */
}

.woocommerce-account .woocommerce-MyAccount-content {
  padding: var(--space-10) !important;       /* 40px */
  margin-bottom: var(--space-12) !important; /* 48px */
  border-radius: var(--space-5) !important;  /* 20px */
}

.myaccount-claim-wrapper {
  padding: var(--space-10) !important;       /* 40px */
  margin-bottom: var(--space-12) !important; /* 48px */
  border-radius: var(--space-5) !important;  /* 20px */
}

/* 8. Global Form Controls (8pt Standard) */
.form-group,
.auth-form-group,
.woocommerce-form-row {
  margin-bottom: var(--space-6) !important;  /* 24px */
}

.form-group label,
.auth-form-group label,
.woocommerce-form-row label {
  margin-bottom: var(--space-2) !important;  /* 8px */
}

input[type="text"].form-control,
input[type="email"].form-control,
input[type="tel"].form-control,
input[type="password"].form-control,
.auth-input,
.woocommerce-Input {
  height: var(--space-12) !important;        /* 48px */
  padding: 0 var(--space-4) !important;      /* 16px */
  border-radius: var(--space-3) !important;  /* 12px */
}

/* 9. Site Footer (footer.php) */
.footer-main-container {
  padding-top: var(--space-20) !important;   /* 80px */
  padding-bottom: var(--space-12) !important;/* 48px */
  padding-left: var(--space-6) !important;   /* 24px */
  padding-right: var(--space-6) !important;  /* 24px */
}

.footer-grid {
  gap: var(--space-10) !important;           /* 40px */
}

.footer-bottom-bar {
  padding-top: var(--space-6) !important;    /* 24px */
  padding-bottom: var(--space-6) !important; /* 24px */
}

/* ==========================================================================
   MOBILE & TABLET RESPONSIVE 8-POINT SPACING OVERRIDES (max-width: 991px)
   Switches primary section rhythm to uniform 80px top & bottom
   ========================================================================== */
@media (max-width: 991px) {
  /* 1. Mobile Primary Sections */
  .section-rhythm {
    padding-top: var(--space-20) !important;   /* 80px */
    padding-bottom: var(--space-20) !important;/* 80px */
  }
  .section-rhythm-compact {
    padding-top: var(--space-14) !important;   /* 56px */
    padding-bottom: var(--space-14) !important;/* 56px */
  }
  .section-rhythm-hero {
    padding-top: var(--space-30) !important;   /* 120px Header Clearance */
    padding-bottom: var(--space-12) !important;/* 48px */
  }

  /* 2. Homepage Sections Mobile */
  .aimniwell-metaverse-section {
    padding-top: var(--space-20) !important;   /* 80px */
    padding-bottom: var(--space-20) !important;/* 80px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  .trust-support-section,
  .trust-support-section.is-completed-flow {
    padding-top: var(--space-20) !important;   /* 80px */
    padding-bottom: var(--space-20) !important;/* 80px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  .trust-header {
    margin-bottom: var(--space-8) !important;  /* 32px */
  }

  .trust-grid {
    gap: var(--space-4) !important;            /* 16px */
  }

  .trust-card {
    padding: var(--space-5) !important;        /* 20px */
  }

  .aimniwell-instagram-section {
    padding-top: var(--space-16) !important;   /* 64px */
    padding-bottom: var(--space-16) !important;/* 64px */
  }

  .insta-section-container {
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
    gap: var(--space-8) !important;            /* 32px */
  }

  /* 3. Shop & Product Archive Mobile */
  .aimniwell-shop-hero {
    padding-top: var(--space-30) !important;   /* 120px Header Clearance */
    padding-bottom: var(--space-12) !important;/* 48px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  .aimniwell-shop-container {
    padding-bottom: var(--space-20) !important;/* 80px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  /* 4. Single Product Mobile */
  .woocommerce-page-wrapper {
    padding-top: var(--space-30) !important;   /* 120px Header Clearance */
    padding-bottom: var(--space-20) !important;/* 80px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  .aimniwell-product-hero-stage {
    gap: var(--space-8) !important;            /* 32px */
    margin-bottom: var(--space-12) !important; /* 48px */
  }

  .aimniwell-editorial-story-section {
    margin-top: var(--space-20) !important;    /* 80px */
    padding-top: var(--space-12) !important;   /* 48px */
    padding-bottom: var(--space-12) !important;/* 48px */
  }

  .editorial-section-header {
    margin-bottom: var(--space-8) !important;  /* 32px */
  }

  .aimniwell-specs-section {
    margin-top: var(--space-20) !important;    /* 80px */
    padding-top: var(--space-12) !important;   /* 48px */
    padding-bottom: var(--space-12) !important;/* 48px */
  }

  .specs-section-header {
    margin-bottom: var(--space-8) !important;  /* 32px */
  }

  /* 5. Catalogues Mobile */
  .catalogue-hero-section {
    padding-top: var(--space-30) !important;   /* 120px Header Clearance */
    padding-bottom: var(--space-12) !important;/* 48px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  .catalogue-grid-section {
    padding-bottom: var(--space-20) !important;/* 80px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  /* 6. Legal & Policy Mobile */
  .privacy-hero-section {
    padding-top: var(--space-30) !important;   /* 120px Header Clearance */
    padding-bottom: var(--space-12) !important;/* 48px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  .privacy-content-section {
    padding-top: var(--space-12) !important;   /* 48px */
    padding-bottom: var(--space-20) !important;/* 80px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  .privacy-card {
    padding: var(--space-6) var(--space-4) !important; /* 24px 16px */
    margin-bottom: var(--space-6) !important;  /* 24px */
  }

  /* 7. Portal Mobile */
  .aimniwell-track-page-main,
  .transit-damage-page-main,
  .contact-page-main,
  .export-page-main,
  .woocommerce-account .site-main {
    padding-top: var(--space-30) !important;   /* 120px Header Clearance */
    padding-bottom: var(--space-20) !important;/* 80px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  .aimniwell-auth-container {
    padding: var(--space-8) var(--space-5) !important; /* 32px 20px */
  }

  .woocommerce-account .woocommerce-MyAccount-content,
  .myaccount-claim-wrapper {
    padding: var(--space-6) var(--space-4) !important; /* 24px 16px */
    margin-bottom: var(--space-8) !important;  /* 32px */
  }

  /* 8. Footer Mobile */
  .footer-main-container {
    padding-top: var(--space-12) !important;   /* 48px */
    padding-bottom: var(--space-8) !important; /* 32px */
    padding-left: var(--space-4) !important;   /* 16px */
    padding-right: var(--space-4) !important;  /* 16px */
  }

  .footer-grid {
    gap: var(--space-8) !important;            /* 32px */
  }

  .footer-bottom-bar {
    padding-top: var(--space-4) !important;    /* 16px */
    padding-bottom: var(--space-4) !important; /* 16px */
  }
}