/** Shopify CDN: Minification failed

Line 18:0 All "@import" rules must come first
Line 21:0 All "@import" rules must come first
Line 22:0 All "@import" rules must come first

**/
/* Main Theme CSS */
/* This file contains global theme styles */

/* CSS Custom Properties for Responsive Design */
:root {
  /* Container and Breakpoint Variables */
  --container-size: 1080px;
}

/* Import Typography First - Critical for font loading */
@import url('typography.css');

/* Import component styles */
@import url('home-icon.css');
@import url('custom-button.css');

/* Add any global styles here */

/* Prevent horizontal scroll and improve mobile experience */
html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  width: 100%;
  min-width: 320px;
}

* {
  box-sizing: border-box;
}

/* Ensure images don't overflow */
img {
  max-width: 100%;
  height: auto;
}

.container {
  max-width: var(--container-size);
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.none, .desktop-none {
  display: none;
}

.block {
  display: block;
}

@media (max-width: 768px) {
  .desktop-none {
    display: block;
  }

  .mobile-none {
    display: none;
  }
}

/* Add your theme-specific styles here */

/* ==========================================================================
   Product Page Styles
   ========================================================================== */

.product-page {
  padding-top: 0;
}


/* Mobile section reordering - Only 768px breakpoint */
@media (max-width: 768px) {
  
  .product-page {
    display: flex;
    flex-direction: column;
  }
  
  .content-section {
    display: flex;
    flex-direction: column;
  }
  
  /* Mobile order: Benefits moves after nutrition facts */
  .benefits-wrapper { order: 5; }
  .important-reminders-wrapper { order: 6; }
  .content-section > *:last-child { order: 7; } /* Related Products */
}