/** Shopify CDN: Minification failed

Line 112:0 Unexpected "}"

**/
/* 
  Lumnira x AG1 Custom Overrides 
  Purpose: Achieve high-authority, compact mobile layout and premium editorial desktop spacing.
*/

/* 1. Global Polish */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2. Header / Navigation Slimming */
@media (max-width: 991px) {
  .navbar {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .navbar-brand img {
    max-height: 32px !important;
  }
  .nav-link-cart .cart-count-badge {
    font-size: 10px;
    height: 16px;
    min-width: 16px;
    line-height: 16px;
  }
}

/* 3. Mobile Product Page Compactness (The "AG1" At-a-Glance) */
@media (max-width: 767px) {
  /* Scale down the massive product gallery */
  #template-product .product-gallery {
    max-width: 75% !important;
    margin: 0 auto 0.5rem auto !important;
  }
  
  #template-product .main-splide .splide__slide img {
    max-height: 240px !important;
    width: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  /* Tighten text blocks */
  #template-product .product-title {
    font-size: 1.5rem !important;
    margin-top: -0.5rem !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.1 !important;
    text-align: center;
  }

  #template-product .product-price {
    font-size: 1.1rem !important;
    margin-bottom: 0.5rem !important;
    text-align: center;
  }

  /* Make subscription options cleaner */
  #template-product .purchase-options-container {
    margin-top: 0 !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  /* Pull everything up */
  .template-product .row.gx-lg-9 {
    margin-top: -1rem;
  }

  /* Reduce section padding for faster scrolling */
  .section-pt, .pt-10, .pt-12 { padding-top: 2rem !important; }
  .section-pb, .pb-10, .pb-12 { padding-bottom: 2rem !important; }
}

  
  #template-product .main-splide .splide__slide img {
    max-height: 280px !important;
    width: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  /* Tighten text blocks */
  #template-product .product-title {
    font-size: 1.75rem !important;
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.1 !important;
  }

  #template-product .product-price {
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
  }

  /* Make subscription options cleaner */
  #template-product .purchase-options-container {
    margin-top: 0.5rem !important;
    padding: 12px !important;
    border-radius: 8px !important;
  }

  /* Reduce section padding for faster scrolling */
  .section-pt, .pt-10, .pt-12 { padding-top: 2.5rem !important; }
  .section-pb, .pb-10, .pb-12 { padding-bottom: 2.5rem !important; }
}

/* 4. Desktop Hero Fix (Side-by-Side Layout) */
@media (min-width: 992px) {
  .advanced-image-with-text .row {
    align-items: center;
  }
  .advanced-image-with-text img {
    max-height: 550px !important;
    width: auto !important;
    margin: 0 auto !important;
  }
}

/* 5. Footer Authority */
#footer {
  border-top: 1px solid rgba(15, 27, 61, 0.08);
}

#footer .footer-title, #footer .fs-5 {
  font-family: var(--font-heading-family);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.9rem !important;
}

#footer-about-newsletter input {
  background-color: transparent !important;
  border-color: rgba(245, 241, 232, 0.2) !important;
  color: #F5F1E8 !important;
}

#footer-about-newsletter button {
  border-color: rgba(245, 241, 232, 0.2) !important;
}

/* Hide the "Powered by Shopify" for cleaner brand look */
.footer-copyright small {
  display: none !important;
}

/* 9. Product Gallery Pagination (Doich Style) */
.product-gallery .splide__pagination {
  bottom: -20px !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

.product-gallery .splide__pagination__page {
  width: 8px !important;
  height: 8px !important;
  background: rgba(15, 27, 61, 0.2) !important;
  border: none !important;
  margin: 0 4px !important;
  transition: all 0.2s ease !important;
  opacity: 1 !important;
}

.product-gallery .splide__pagination__page.is-active {
  background: var(--lumnira-navy) !important;
  transform: scale(1.2) !important;
}

@media (max-width: 767px) {
  .product-gallery {
    margin-bottom: 2.5rem !important; /* Space for dots */
  }
}


/* ==========================================================================
   LUMNIRA PREMIUM SUBSCRIPTION WIDGET OVERRIDES (NAVY/GOLD AESTHETIC)
   ========================================================================== */

#product-purchase-options {
    background-color: transparent !important;
    padding: 0 !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

#product-purchase-options .form-check {
    margin-bottom: 0.75rem !important;
    padding: 0 !important;
}

#product-purchase-options .form-check-label {
    background-color: #16254E !important; /* Premium Lighter Navy for box depth and contrast */
    color: #FFFFFF !important; /* Always white text for visibility */
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* Subtle gold border to outline options */
    border-radius: 8px !important;
    padding: 1rem 1rem 1rem 3.25rem !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.25s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

#product-purchase-options .form-check-label:hover {
    background-color: #1b2a57 !important;
    border-color: #D4AF37 !important; /* Gold hover border */
    color: #FFFFFF !important;
}

/* Active/Checked Option: Deep Lumnira Navy background with thick Metallic Gold border */
#product-purchase-options input:checked + .form-check-label {
    background-color: #0F1B3D !important; /* Flat Lumnira Navy */
    border: 2px solid #D4AF37 !important; /* Premium gold border */
    color: #FFFFFF !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.25) !important; /* Elegant gold drop-shadow glow */
}

/* Radio button style synchronization */
#product-purchase-options .form-check-input {
    left: 1.25rem !important;
    border: 1px solid #D4AF37 !important;
    background-color: transparent !important;
}

#product-purchase-options .form-check-input:checked {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

/* Target internal label elements to prevent any grey or unreadable text on dark backgrounds */
#product-purchase-options .form-check-label span,
#product-purchase-options .form-check-label strong,
#product-purchase-options .form-check-label div,
#product-purchase-options .form-check-label p {
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

/* Highlight subscription pricing and savings in Gold */
#product-purchase-options .form-check-label strong,
#product-purchase-options .discount-savings,
#product-purchase-options .savings-badge {
    color: #D4AF37 !important;
    font-weight: 600 !important;
}




/* 10. Hero Trust Badges Styling via Parent-Child Selectors */
.advanced-image-with-text .description.rte p:first-child strong {
  color: #D4AF37 !important;
  font-size: 1.05em !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 15px !important;
  display: block !important;
}

/* ==========================================================================
   LUMNIRA COMPARISON CHART CUSTOM GOLD HIGHLIGHTS & MOBILE OVERRIDES
   ========================================================================== */

/* 1. Global & Desktop: Highlight Lumnira Column with metallic Gold (#D4AF37) */
.comparison-table .text-primary {
  color: #D4AF37 !important;
  font-weight: 600 !important;
}

/* Style Lumnira Column Header: Bold, Premium Uppercase, and stands out as the winner */
.comparison-table thead th.text-primary {
  color: #D4AF37 !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Gold Checkmark stroke and shadow glow in the Lumnira column */
.comparison-table td.text-primary svg {
  stroke: #D4AF37 !important;
  filter: drop-shadow(0 2px 5px rgba(212, 175, 55, 0.25)) !important;
}

/* 2. Mobile Specific Overrides (max-width: 767px) */
@media (max-width: 767px) {
  /* Mobile-first horizontal swiping comparison-table container */
  .table-responsive {
    border: 1px solid #ede8df !important; /* Elegant Lumnira Bone border */
    border-radius: 12px !important;
    padding: 2px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(15, 27, 61, 0.04) !important;
    margin-bottom: 24px !important;
    -webkit-overflow-scrolling: touch; /* Butter-smooth scrolling on iOS */
  }
  
  .table-responsive table {
    margin-bottom: 0 !important;
  }
  
  .table-responsive th, 
  .table-responsive td {
    padding: 14px 10px !important;
    font-size: 0.78rem !important; /* Highly legible font sizing for 45+ demographic */
    line-height: 1.35 !important;
    vertical-align: middle !important;
  }
  
  /* Parameter Column: Sticky contrast anchor */
  .table-responsive th[scope="row"] {
    min-width: 130px !important;
    font-weight: 600 !important;
    color: #0F1B3D !important; /* Lumnira Navy */
    background-color: #f5f1e8 !important; /* Lumnira Cream background for visual anchoring */
    border-right: 1px solid #ede8df !important;
  }
  
  /* Even, stable widths for compared columns on small viewports */
  .table-responsive th:not([scope="row"]), 
  .table-responsive td:not([scope="row"]) {
    min-width: 105px !important;
    text-align: center !important;
  }
  
  /* Checkmarks and icon resizing on mobile screens */
  .table-responsive td svg {
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  
  /* Section Header mobile scale safety to prevent title lines breaking awkwardly */
  h2.title.mb-5 {
    font-size: 1.85rem !important;
    line-height: 1.25 !important;
    margin-bottom: 1.5rem !important;
  }
}


/* ==========================================================================
   MOBILE HORIZONTAL SCROLL AND VIEWPORT OVERFLOW FIXES
   ========================================================================== */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  position: relative !important;
}

/* Enforce containment on product page wrappers and shopify sections */
#MainContent, main, .main-content, .shopify-section, .product-template, .product-single {
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Ensure comparison tables or wide grid sections are internally scrollable on mobile */
table, .table-wrapper, .comparison-table, .responsive-table {
  max-width: 100% !important;
  display: block !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Clean image gallery containers that might extend past viewport width */
.product-single__media-group, .media-gallery, .slideshow, .carousel {
  max-width: 100% !important;
  overflow: hidden !important;
}