/** Shopify CDN: Minification failed

Line 16:39 Unexpected "}"
Line 18:3 Unexpected "@media"
Line 19:2 Unexpected "/"

**/
/* 
 * Standardized Media Queries System
 * Based on the most common screen resolutions
 * 
 * Usage in Liquid:
 * {{ 'media-queries.css' | asset_url | stylesheet_tag }}
 * 
 * Custom Media Queries Usage:
 * @media (--iphone-se) { /* Styles */ }
 * @media (--iphone-x) { /* Styles */ }
 * @media (--ipad-mini) { /* Styles */ }
 */

/* 
 * Reference Breakpoints:
 * 
 * MOBILE DEVICES:
 * - iPhone SE (1st gen): 320px x 568px (DPR: 2)
 * - iPhone X / 11 Pro: 375px x 812px (DPR: 3)
 * - iPhone 12 / 13 / 14: 390px x 844px (DPR: 3)
 * - iPhone 12 Pro Max: 428px x 926px (DPR: 3)
 * - Samsung Galaxy S20+: 412px x 915px (DPR: 3.5)
 * - Google Pixel 7: 412px x 915px (DPR: 2.625)
 * 
 * TABLETS:
 * - iPad Mini: 768px x 1024px (DPR: 2)
 * - Samsung Galaxy Tab: 800px x 1280px (DPR: 1.5)
 * - iPad Pro: 1024px x 1366px (DPR: 2)
 * 
 * DESKTOP:
 * 1. Desktop - Low Res: 1280px x 720px (DPR: 1)
 * 2. Desktop - HD: 1366px x 768px (DPR: 1)  
 * 3. Desktop - WXGA+: 1440px x 900px (DPR: 1)
 * 4. Desktop - HD+: 1600px x 900px (DPR: 1)
 * 5. Desktop - Full HD: 1920px x 1080px (DPR: 1)
 * 6. Desktop - WQHD: 2560px x 1440px (DPR: 2)
 * 7. Desktop - 4K: 3840px x 2160px (DPR: 2)
 * 
 * GENERAL RANGES:
 * Mobile: up to 767px
 * Tablet: 768px - 1023px
 * Desktop: 1024px and above
 */

/* ========================================
   CUSTOM MEDIA QUERIES
   ======================================== */

/* Mobile Devices */
@custom-media --iphone-se (max-width: 320px);
@custom-media --iphone-x (min-width: 321px) and (max-width: 375px);
@custom-media --iphone-12 (min-width: 376px) and (max-width: 390px);
@custom-media --iphone-12-pro-max (min-width: 391px) and (max-width: 428px);
@custom-media --samsung-galaxy-s20 (min-width: 412px) and (max-width: 412px);
@custom-media --google-pixel-7 (min-width: 412px) and (max-width: 412px);
@custom-media --large-mobile (min-width: 429px) and (max-width: 767px);

/* Tablets */
@custom-media --ipad-mini (min-width: 768px) and (max-width: 768px);
@custom-media --samsung-galaxy-tab (min-width: 800px) and (max-width: 800px);
@custom-media --ipad-pro (min-width: 1024px) and (max-width: 1024px);

/* Desktop */
@custom-media --desktop-low-res (min-width: 1280px);
@custom-media --desktop-hd (min-width: 1366px);
@custom-media --desktop-wxga-plus (min-width: 1440px);
@custom-media --desktop-hd-plus (min-width: 1600px);
@custom-media --desktop-full-hd (min-width: 1920px);
@custom-media --desktop-wqhd (min-width: 2560px);
@custom-media --desktop-4k (min-width: 3840px);

/* General Ranges */
@custom-media --mobile (max-width: 767px);
@custom-media --tablet (min-width: 768px) and (max-width: 1023px);
@custom-media --desktop (min-width: 1024px);

/* High DPI */
@custom-media --high-dpi (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi);
@custom-media --ultra-high-dpi (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi);

/* Combined Device + DPI */
@custom-media --iphone-se-hdpi (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2);
@custom-media --iphone-x-ultra-hdpi (min-width: 321px) and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 3);
@custom-media --iphone-12-ultra-hdpi (min-width: 376px) and (max-width: 390px) and (-webkit-min-device-pixel-ratio: 3);
@custom-media --iphone-12-pro-max-ultra-hdpi (min-width: 391px) and (max-width: 428px) and (-webkit-min-device-pixel-ratio: 3);
@custom-media --samsung-galaxy-s20-ultra-hdpi (min-width: 412px) and (max-width: 412px) and (-webkit-min-device-pixel-ratio: 3.5);
@custom-media --google-pixel-7-hdpi (min-width: 412px) and (max-width: 412px) and (-webkit-min-device-pixel-ratio: 2.625);
@custom-media --ipad-mini-hdpi (min-width: 768px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2);
@custom-media --samsung-galaxy-tab-medium-dpi (min-width: 800px) and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5);
@custom-media --ipad-pro-hdpi (min-width: 1024px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2);

/* ========================================
   MOBILE STYLES (Base - Mobile First)
   ======================================== */

/* Mobile: up to 767px */
@media (max-width: 767px) {
  /* Base styles for mobile */
}

/* ========================================
   SPECIFIC MOBILE DEVICES
   ======================================== */

/* iPhone SE (1st gen) - 320px x 568px (DPR: 2) */
@media (max-width: 320px) {
  /* Styles for iPhone SE */
}

/* iPhone X / 11 Pro - 375px x 812px (DPR: 3) */
@media (min-width: 321px) and (max-width: 375px) {
  /* Styles for iPhone X / 11 Pro */
}

/* iPhone 12 / 13 / 14 - 390px x 844px (DPR: 3) */
@media (min-width: 376px) and (max-width: 390px) {
  /* Styles for iPhone 12 / 13 / 14 */
}

/* iPhone 12 Pro Max - 428px x 926px (DPR: 3) */
@media (min-width: 391px) and (max-width: 428px) {
  /* Styles for iPhone 12 Pro Max */
}

/* Samsung Galaxy S20+ / Google Pixel 7 - 412px x 915px (DPR: 3.5/2.625) */
@media (min-width: 412px) and (max-width: 412px) {
  /* Styles for Samsung Galaxy S20+ / Google Pixel 7 */
}

/* Large Mobile Devices - 429px to 767px */
@media (min-width: 429px) and (max-width: 767px) {
  /* Styles for large mobile devices */
}

/* ========================================
   TABLET STYLES
   ======================================== */

/* Tablet: 768px - 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Styles for tablet */
}

/* Tablet and above */
@media (min-width: 768px) {
  /* Styles for tablet and desktop */
}

/* ========================================
   SPECIFIC TABLET DEVICES
   ======================================== */

/* iPad Mini - 768px x 1024px (DPR: 2) */
@media (min-width: 768px) and (max-width: 768px) {
  /* Styles for iPad Mini */
}

/* Samsung Galaxy Tab - 800px x 1280px (DPR: 1.5) */
@media (min-width: 800px) and (max-width: 800px) {
  /* Styles for Samsung Galaxy Tab */
}

/* iPad Pro - 1024px x 1366px (DPR: 2) */
@media (min-width: 1024px) and (max-width: 1024px) {
  /* Styles for iPad Pro */
}

/* ========================================
   DESKTOP STYLES
   ======================================== */

/* Desktop: 1024px and above */
@media (min-width: 1024px) {
  /* Base styles for desktop */
}

/* Desktop - Low Res (1280px) */
@media (min-width: 1280px) {
  /* Styles for low resolution desktop */
}

/* Desktop - HD (1366px) */
@media (min-width: 1366px) {
  /* Styles for HD desktop */
}

/* Desktop - WXGA+ (1440px) */
@media (min-width: 1440px) {
  /* Styles for WXGA+ desktop */
}

/* Desktop - HD+ (1600px) */
@media (min-width: 1600px) {
  /* Styles for HD+ desktop */
}

/* Desktop - Full HD (1920px) */
@media (min-width: 1920px) {
  /* Styles for Full HD desktop */
}

/* Desktop - WQHD (2560px) */
@media (min-width: 2560px) {
  /* Styles for WQHD desktop */
}

/* Desktop - 4K (3840px) */
@media (min-width: 3840px) {
  /* Styles for 4K desktop */
}

/* ========================================
   HIGH DPI STYLES
   ======================================== */

/* High DPI (2x) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Styles for high density screens */
}

/* Ultra High DPI (3x) */
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  /* Styles for ultra high density screens */
}

/* ========================================
   DEVICE-SPECIFIC HIGH DPI QUERIES
   ======================================== */

/* iPhone SE with High DPI (2x) */
@media (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles for iPhone SE with high density */
}

/* iPhone X/11 Pro with Ultra High DPI (3x) */
@media (min-width: 321px) and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 3) {
  /* Styles for iPhone X/11 Pro with ultra high density */
}

/* iPhone 12/13/14 with Ultra High DPI (3x) */
@media (min-width: 376px) and (max-width: 390px) and (-webkit-min-device-pixel-ratio: 3) {
  /* Styles for iPhone 12/13/14 with ultra high density */
}

/* iPhone 12 Pro Max with Ultra High DPI (3x) */
@media (min-width: 391px) and (max-width: 428px) and (-webkit-min-device-pixel-ratio: 3) {
  /* Styles for iPhone 12 Pro Max with ultra high density */
}

/* Samsung Galaxy S20+ with Ultra High DPI (3.5x) */
@media (min-width: 412px) and (max-width: 412px) and (-webkit-min-device-pixel-ratio: 3.5) {
  /* Styles for Samsung Galaxy S20+ with ultra high density */
}

/* Google Pixel 7 with High DPI (2.625x) */
@media (min-width: 412px) and (max-width: 412px) and (-webkit-min-device-pixel-ratio: 2.625) {
  /* Styles for Google Pixel 7 with high density */
}

/* iPad Mini with High DPI (2x) */
@media (min-width: 768px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles for iPad Mini with high density */
}

/* Samsung Galaxy Tab with Medium DPI (1.5x) */
@media (min-width: 800px) and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5) {
  /* Styles for Samsung Galaxy Tab with medium density */
}

/* iPad Pro with High DPI (2x) */
@media (min-width: 1024px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles for iPad Pro with high density */
}

/* ========================================
   COMBINED MEDIA QUERIES
   ======================================== */

/* WQHD with High DPI */
@media (min-width: 2560px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Specific styles for WQHD with high density */
}

/* 4K with High DPI */
@media (min-width: 3840px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Specific styles for 4K with high density */
}

/* ========================================
   UTILITY CLASSES
   ======================================== */

/* Utility classes to show/hide at different breakpoints */

/* Mobile only */
.mobile-only {
  display: block;
}
@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

/* Tablet only */
.tablet-only {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .tablet-only {
    display: block;
  }
}
@media (min-width: 1024px) {
  .tablet-only {
    display: none !important;
  }
}

/* Desktop only */
.desktop-only {
  display: none;
}
@media (min-width: 1024px) {
  .desktop-only {
    display: block;
  }
}

/* Hide on mobile */
.hide-mobile {
  display: block;
}
@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

/* Hide on tablet */
.hide-tablet {
  display: block;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hide-tablet {
    display: none !important;
  }
}

/* Hide on desktop */
.hide-desktop {
  display: block;
}
@media (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}

/* ========================================
   RESPONSIVE TYPOGRAPHY
   ======================================== */

/* Responsive typography scaling */
.responsive-text {
  font-size: 16px; /* Base mobile */
}

@media (min-width: 768px) {
  .responsive-text {
    font-size: 18px; /* Tablet */
  }
}

@media (min-width: 1024px) {
  .responsive-text {
    font-size: 20px; /* Desktop base */
  }
}

@media (min-width: 1280px) {
  .responsive-text {
    font-size: 22px; /* Desktop Low Res */
  }
}

@media (min-width: 1366px) {
  .responsive-text {
    font-size: 24px; /* Desktop HD */
  }
}

@media (min-width: 1440px) {
  .responsive-text {
    font-size: 26px; /* Desktop WXGA+ */
  }
}

@media (min-width: 1600px) {
  .responsive-text {
    font-size: 28px; /* Desktop HD+ */
  }
}

@media (min-width: 1920px) {
  .responsive-text {
    font-size: 30px; /* Desktop Full HD */
  }
}

@media (min-width: 2560px) {
  .responsive-text {
    font-size: 32px; /* Desktop WQHD */
  }
}

@media (min-width: 3840px) {
  .responsive-text {
    font-size: 36px; /* Desktop 4K */
  }
}

/* ========================================
   RESPONSIVE SPACING
   ======================================== */

/* Responsive spacing */
.responsive-padding {
  padding: 16px; /* Base mobile */
}

@media (min-width: 768px) {
  .responsive-padding {
    padding: 24px; /* Tablet */
  }
}

@media (min-width: 1024px) {
  .responsive-padding {
    padding: 32px; /* Desktop base */
  }
}

@media (min-width: 1280px) {
  .responsive-padding {
    padding: 40px; /* Desktop Low Res */
  }
}

@media (min-width: 1366px) {
  .responsive-padding {
    padding: 48px; /* Desktop HD */
  }
}

@media (min-width: 1440px) {
  .responsive-padding {
    padding: 56px; /* Desktop WXGA+ */
  }
}

@media (min-width: 1600px) {
  .responsive-padding {
    padding: 64px; /* Desktop HD+ */
  }
}

@media (min-width: 1920px) {
  .responsive-padding {
    padding: 72px; /* Desktop Full HD */
  }
}

@media (min-width: 2560px) {
  .responsive-padding {
    padding: 80px; /* Desktop WQHD */
  }
}

@media (min-width: 3840px) {
  .responsive-padding {
    padding: 96px; /* Desktop 4K */
  }
}