/** Shopify CDN: Minification failed

Line 20:15 Expected identifier but found whitespace
Line 20:17 Unexpected "{"
Line 20:27 Expected ":"
Line 21:19 Expected identifier but found whitespace
Line 21:21 Unexpected "{"
Line 21:31 Expected ":"
Line 22:21 Expected identifier but found whitespace
Line 22:23 Unexpected "{"
Line 22:33 Expected ":"
Line 23:25 Expected identifier but found whitespace
... and 33 more hidden warnings

**/
/* Theme styles for the Aiwa theme */

:root {
  /* Colors */
  --color-text: {{ settings.colors_text }};
  --color-text-rgb: {{ settings.colors_text | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --color-background: {{ settings.colors_background_1 }};
  --color-background-rgb: {{ settings.colors_background_1 | color_to_rgb | remove: 'rgb(' | remove: ')' }};
  --color-background-2: {{ settings.colors_background_2 }};
  --color-accent: {{ settings.colors_accent_1 }};
  --color-accent-2: {{ settings.colors_accent_2 }};
  
  /* Typography */
  --font-heading-family: {{ settings.type_header_font.family }}, {{ settings.type_header_font.fallback_families }};
  --font-heading-weight: {{ settings.type_header_font.weight }};
  --font-body-family: {{ settings.type_body_font.family }}, {{ settings.type_body_font.fallback_families }};
  --font-body-weight: {{ settings.type_body_font.weight }};
  --font-body-size: 16px;
  
  /* Layout */
  --page-width: {{ settings.page_width }}px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  line-height: 1.2;
  margin-bottom: 1rem;
}

.h1 {
  font-size: 2.25rem;
}

.h2 {
  font-size: 2rem;
}

.h3 {
  font-size: 1.75rem;
}

.h4 {
  font-size: 1.5rem;
}

.h5 {
  font-size: 1.25rem;
}

.h6 {
  font-size: 1rem;
}

@media screen and (max-width: 749px) {
  .h1 {
    font-size: 1.75rem;
  }
  
  .h2 {
    font-size: 1.5rem;
  }
  
  .h3 {
    font-size: 1.35rem;
  }
  
  .h4 {
    font-size: 1.25rem;
  }
}

/* Section styles */
.section-header {
  margin-bottom: 2rem;
}

.section-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.section-description {
  margin-top: 1rem;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* Product card styles */
.product-card {
  border-radius: 8px;
  overflow: hidden;
}

.product-card__vendor {
  font-size: 0.85rem;
  opacity: 0.7;
}

/* Button hover effects */
.button:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Footer social icons */
.footer__social-link svg {
  width: 18px;
  height: 18px;
}

/* Mobile menu */
@media screen and (max-width: 749px) {
  .header__menu {
    display: none;
  }
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  animation: fadeIn 0.5s ease-out;
}

/* Newsletter form */
.footer__newsletter-input {
  min-width: 250px;
}

/* Product card hover effects */
.product-card:hover .product-card__image {
  transform: scale(1.05);
}

.product-card:hover .product-card__title {
  color: var(--color-accent);
}

/* Image with text section styles */
.image-with-text__image-wrapper {
  overflow: hidden;
  border-radius: 8px;
}

/* Cart drawer */
.cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  max-width: 100%;
  height: 100%;
  background-color: var(--color-background);
  z-index: 100;
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
}

.cart-drawer.active {
  transform: translateX(0);
}

.cart-drawer__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.cart-drawer__overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Search modal */
.search-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-background);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.search-modal__form {
  width: 100%;
  max-width: 600px;
  padding: 0 1rem;
}

.search-modal__input-wrapper {
  position: relative;
}

.search-modal__input {
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  border: 2px solid var(--color-accent);
  border-radius: 4px;
  font-size: 1.25rem;
}

.search-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

/* Responsive adjustments */
@media screen and (max-width: 749px) {
  .page-width {
    padding: 0 .5rem !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .page-width {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}