/** Shopify CDN: Minification failed

Line 208:0 Expected "}" to go with "{"

**/
/* Base text size increase for better readability */
html {
  font-size: 112.5%; /* 18px base on desktop instead of 16px */
}

/* Product Title Color & Size */
h1,
h3,
.product__title,
.product__title h1,
.product-single__title,
.card__heading,
.card-information__text,
.full-unstyled-link,
a.full-unstyled-link,
.card-information__text a {
  color: #a384cf !important;
  font-size: 1.4rem !important; /* Increased from default */
}

/* Quantity Selector */
.quantity,
.quantity__input,
.quantity__button {
  background-color: #a384cf !important;
  border-color: #a384cf !important;
  color: #ffffff !important;
} 

/* Quantity Icons (+ and -) */
.quantity__button svg {
  color: #ffffff !important;
} 

/* Add to Cart Button - Unique "Pulse & Wobble" Animation */
.product-form__submit,
button[name="add"] {
  background-color: #a384cf !important;
  border: 2px solid #a384cf !important;
  color: #ffffff !important;
  animation: addToCartShake 3s infinite ease-in-out;
  transition: all 0.3s ease;
  font-size: 1.1rem !important; /* Larger button text */
  position: relative;
  overflow: hidden;
}

/* Buy It Now Button - Unique "Swing & Shake" Animation (Different from Add to Cart) */
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  background-color: #a384cf !important;
  color: #ffffff !important;
  border: 2px solid #a384cf !important;
  animation: buyNowShake 3s infinite;
  transition: all 0.3s ease;
}

/* Animation for Add to Cart: Gentle pulse + subtle horizontal wobble */
@keyframes addToCartShake {
  0% {
    transform: scale(1) translateX(0);
  }
  2% {
    transform: scale(1.02) translateX(-1px);
  }
  4% {
    transform: scale(1.04) translateX(1px);
  }
  6% {
    transform: scale(1.02) translateX(-1px);
  }
  8% {
    transform: scale(1) translateX(1px);
  }
  10% {
    transform: scale(1) translateX(0);
  }
  100% {
    transform: scale(1) translateX(0);
  }
}

/* Animation for Buy It Now: More pronounced side-to-side shake with slight rotation */
@keyframes buyNowShake {
  0% {
    transform: translateX(0) rotate(0deg);
  }
  2% {
    transform: translateX(-3px) rotate(-1deg);
  }
  4% {
    transform: translateX(3px) rotate(1deg);
  }
  6% {
    transform: translateX(-2px) rotate(-0.5deg);
  }
  8% {
    transform: translateX(2px) rotate(0.5deg);
  }
  10% {
    transform: translateX(0) rotate(0deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}

/* Professional Shake Effect (Keep for reference only, not used on main buttons anymore) */
@keyframes xeetecShake {
  0% {
    transform: translateX(0);
  }
  2% {
    transform: translateX(-2px);
  }
  4% {
    transform: translateX(2px);
  }
  6% {
    transform: translateX(-2px);
  }
  8% {
    transform: translateX(2px);
  }
  10% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}

/* INCREASED DATE TEXT SIZE (for elements like "26 may", dates, timestamps) */
time,
.article__date,
.blog-posts__date,
.product__date,
.date,
.meta__date,
.published-date,
.updated-date,
.comment__date,
.order-date,
.cart__date,
.delivery-date,
.shipping-date,
.schedule-date,
.calendar-date,
[class*="date"],
[class*="Date"],
span:contains("jan"),
span:contains("feb"),
span:contains("mar"),
span:contains("apr"),
span:contains("may"),
span:contains("jun"),
span:contains("jul"),
span:contains("aug"),
span:contains("sep"),
span:contains("oct"),
span:contains("nov"),
span:contains("dec") {
  font-size: 1.2rem !important;
}

/* MOBILE-SPECIFIC TEXT SIZE INCREASE (for easy readability on phones) */
@media screen and (max-width: 768px) {
  html {
    font-size: 125%; /* 20px base on mobile */
  }
  
  h1,
  .product__title h1,
  .product-single__title {
    font-size: 1.6rem !important; /* Even larger on mobile */
  }
  
  h3,
  .card__heading {
    font-size: 1.3rem !important;
  }
  
  .product-form__submit,
  button[name="add"],
  .shopify-payment-button__button {
    font-size: 1.2rem !important; /* Larger tap targets on mobile */
    padding: 12px 20px !important; /* Better touch area */
  }
  
  .quantity__input {
    font-size: 1.2rem !important; /* Larger quantity numbers */
  }
  
  /* Date text even larger on mobile */
  time,
  .article__date,
  .blog-posts__date,
  [class*="date"],
  [class*="Date"] {
    font-size: 1.3rem !important;
  }