/** Shopify CDN: Minification failed

Line 28:0 All "@import" rules must come first

**/
/* ==========================================================================
   SALTED STRAWS - HOMEPAGE CSS
   Global styles for all HP sections
   ========================================================================== */

/* CSS Custom Properties */
:root {
  --salted-green: #2d6a4f;
  --salted-green-dark: #1e4d38;
  --salted-green-light: #a3d9c0;
  --salted-sand: #f5f0e8;
  --salted-cream: #f9f7f4;
  --salted-dark: #1a1a1a;
  --salted-text: #4a5a4c;
  --salted-muted: #6b7c6e;
  --salted-gold: #f5a623;
  
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Font Import Backup (if not in theme.liquid) */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Base Resets for Sections */
.salted-section-hero,
.salted-section-collection,
.salted-section-values,
.salted-section-logos,
.salted-section-story,
.salted-section-video,
.salted-section-testimonials,
.salted-section-newsletter,
.salted-section-announcement {
  box-sizing: border-box;
}

.salted-section-hero *,
.salted-section-collection *,
.salted-section-values *,
.salted-section-logos *,
.salted-section-story *,
.salted-section-video *,
.salted-section-testimonials *,
.salted-section-newsletter *,
.salted-section-announcement * {
  box-sizing: border-box;
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .salted-announcement__track,
  .salted-logos__track {
    animation: none !important;
  }
  
  .salted-hero__scroll-icon::after {
    animation: none !important;
  }
  
  * {
    transition-duration: 0.01ms !important;
  }
}

/* Focus States for Accessibility */
.salted-hero__btn:focus-visible,
.salted-collection__btn:focus-visible,
.salted-story__btn:focus-visible,
.salted-newsletter__btn:focus-visible,
.salted-video__play:focus-visible {
  outline: 3px solid var(--salted-green);
  outline-offset: 3px;
}

/* Screen Reader Only */
.salted-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Smooth Scroll */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Print Styles */
@media print {
  .salted-announcement,
  .salted-video,
  .salted-newsletter {
    display: none !important;
  }
}