/** Shopify CDN: Minification failed

Line 48:22 Expected identifier but found whitespace
Line 48:24 Unexpected "{"
Line 48:34 Expected ":"
Line 49:24 Expected identifier but found whitespace
Line 49:26 Unexpected "{"
Line 49:36 Expected ":"
Line 50:28 Expected identifier but found whitespace
Line 50:30 Unexpected "{"
Line 50:40 Expected ":"
Line 51:25 Expected identifier but found whitespace
... and 10 more hidden warnings

**/
/* Global variables for custom sections */

/* Custom Full Width Video Section variables - DEFAULT VALUES ONLY */
:root {
  /* These are just fallback default values. 
     The actual values will come from section settings and be applied as inline styles */
  
  /* Prefixed variables */
  --custom-video-section-height: 600px;
  --custom-video-overlay-opacity: 0.3;
  --custom-video-overlay-color: #000000;
  --custom-video-eyebrow-color: #ffffff;
  --custom-video-heading-color: #ffffff;
  --custom-video-subtext-color: #ffffff;
  
  /* Non-prefixed variables for backward compatibility */
  --section-height: 600px;
  --overlay-opacity: 0.3;
  --overlay-color: #000000;
  --eyebrow-color: #ffffff;
  --heading-color: #ffffff;
  --subtext-color: #ffffff;
  
  /* Responsive factors */
  --custom-video-section-height-factor: 0.7; /* For tablets */
  --section-height-factor: 0.7;
  --custom-video-section-height-factor-mobile: 0.5; /* For mobile */
  --section-height-factor-mobile: 0.5;
}

/* Global Button Variables */
:root {
  --button-primary-bg: {{ settings.button_primary_bg }};
  --button-primary-text: {{ settings.button_primary_text }};
  --button-primary-bg-hover: {{ settings.button_primary_bg_hover }};
  --button-border-radius: {{ settings.button_border_radius }};
  
  {% if settings.button_padding == 'small' %}
    --button-padding: 8px 16px;
    --button-font-size: 14px;
  {% elsif settings.button_padding == 'large' %}
    --button-padding: 16px 32px;
    --button-font-size: 18px;
  {% else %}
    --button-padding: 12px 24px;
    --button-font-size: 16px;
  {% endif %}
}

/* Button Base Styles */
.btn,
.shopify-payment-button .shopify-payment-button__button--unbranded {
  display: inline-block;
  padding: var(--button-padding);
  font-size: var(--button-font-size);
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  border-radius: var(--button-border-radius);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Primary Button */
.btn-primary {
  background-color: var(--button-primary-bg);
  color: var(--button-primary-text);
}

.btn-primary:hover {
  background-color: var(--button-primary-bg-hover);
}

/* .btn-grad {
  background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5  51%, #00d2ff  100%) !important;
  transition: 0.5s;
  background-size: 200% auto !important;          
  box-shadow: 0 0 20px #eee !important;
}

.btn-grad:hover {
  background-position: right center !important;
}

.btn-grad-secondary {
  background: linear-gradient(135deg,#ED4443,#EABC85) !important;
  transition: 0.5s;
  background-size: 200% auto !important;          
  box-shadow: 0 0 20px #eee !important;
}

.btn-grad-secondary:hover {
  background-position: right center !important;
} */

.btn-grad {
  background-image: linear-gradient(135deg,#ED4443,#EABC85) !important;
  transition: 0.5s;
  background-size: 200% auto !important;          
  box-shadow: 0 0 20px #eee !important;
}

.btn-grad:hover {
  background-position: right center !important;
}

.btn-grad-secondary {
  background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5  51%, #00d2ff  100%) !important;
  transition: 0.5s;
  background-size: 200% auto !important;          
  box-shadow: 0 0 20px #eee !important;
}

.btn-grad-secondary:hover {
  background-position: right center !important;
}


.cart-item__old-price.product-option {
    margin-right: 5px;
}

.cart-drawer__footer>*+* {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.highlight-title {
  font-style: italic;
  background-image: linear-gradient(135deg,#ED4443,#EABC85);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.product__info-container h2 {
  margin-bottom: 0;
}

.product__title-subtext {
  font-style: normal;
  color: #333;
  font-size: 18px;
  margin: 0 !important;
}