/* Cheetah Dynamic CSS - Generated from Theme Options */
:root {
  --cheetah-primary: #2563eb;
  --cheetah-secondary: #64748b;
  --cheetah-text: #1e293b;
  --cheetah-heading: #0f172a;
  --cheetah-bg: #ffffff;
  --cheetah-border: #e2e8f0;
}
:root { --cheetah-font-size-base: 16px; }
@media (max-width: 1024px) { :root { --cheetah-font-size-base: 16px; } }
@media (max-width: 768px) { :root { --cheetah-font-size-base: 15px; } }
:root { --cheetah-font-size-h1: 48px; }
@media (max-width: 1024px) { :root { --cheetah-font-size-h1: 36px; } }
@media (max-width: 768px) { :root { --cheetah-font-size-h1: 32px; } }
:root { --cheetah-font-size-h2: 36px; }
@media (max-width: 1024px) { :root { --cheetah-font-size-h2: 28px; } }
@media (max-width: 768px) { :root { --cheetah-font-size-h2: 24px; } }
:root { --cheetah-font-size-h3: 28px; }
@media (max-width: 1024px) { :root { --cheetah-font-size-h3: 24px; } }
@media (max-width: 768px) { :root { --cheetah-font-size-h3: 20px; } }
:root { --cheetah-font-size-h4: 24px; }
@media (max-width: 1024px) { :root { --cheetah-font-size-h4: 20px; } }
@media (max-width: 768px) { :root { --cheetah-font-size-h4: 18px; } }
:root { --cheetah-font-size-h5: 20px; }
@media (max-width: 1024px) { :root { --cheetah-font-size-h5: 18px; } }
@media (max-width: 768px) { :root { --cheetah-font-size-h5: 16px; } }
:root { --cheetah-font-size-h6: 18px; }
@media (max-width: 1024px) { :root { --cheetah-font-size-h6: 16px; } }
@media (max-width: 768px) { :root { --cheetah-font-size-h6: 15px; } }
:root {
  --cheetah-line-height-base: 1.6;
  --cheetah-line-height-heading: 1.2;
}
:root {
  --cheetah-container-width: 1200px;
}
:root { --cheetah-container-padding: 24px; }
@media (max-width: 1024px) { :root { --cheetah-container-padding: 24px; } }
@media (max-width: 768px) { :root { --cheetah-container-padding: 16px; } }
.cheetah-container { max-width: var(--cheetah-container-width); margin-left: auto; margin-right: auto; }
.cheetah-container { padding-left: 24px; }
@media (max-width: 1024px) { .cheetah-container { padding-left: 24px; } }
@media (max-width: 768px) { .cheetah-container { padding-left: 16px; } }
.cheetah-container { padding-right: 24px; }
@media (max-width: 1024px) { .cheetah-container { padding-right: 24px; } }
@media (max-width: 768px) { .cheetah-container { padding-right: 16px; } }
:root { --cheetah-search-columns: 4; }
@media (max-width: 1024px) { :root { --cheetah-search-columns: 3; } }
@media (max-width: 768px) { :root { --cheetah-search-columns: 2; } }
:root { --cheetah-upsell-columns: 4; }
@media (max-width: 1024px) { :root { --cheetah-upsell-columns: 3; } }
@media (max-width: 768px) { :root { --cheetah-upsell-columns: 2; } }
:root { --cheetah-related-columns: 4; }
@media (max-width: 1024px) { :root { --cheetah-related-columns: 3; } }
@media (max-width: 768px) { :root { --cheetah-related-columns: 2; } }
:root { --cheetah-recently-viewed-columns: 4; }
@media (max-width: 1024px) { :root { --cheetah-recently-viewed-columns: 3; } }
@media (max-width: 768px) { :root { --cheetah-recently-viewed-columns: 2; } }
:root {
  --cheetah-font-heading: 'Inter', sans-serif;
  --cheetah-font-body: 'Inter', sans-serif;
}
/* Cheetah Cart Drawer — dynamic variables */
.cheetah-cart-drawer { --cheetah-cart-drawer-width: 420px; }
@media (max-width: 1024px) { .cheetah-cart-drawer { --cheetah-cart-drawer-width: min(480px, 86vw); } }
@media (max-width: 768px) { .cheetah-cart-drawer { --cheetah-cart-drawer-width: 100vw; } }
.cheetah-cart-drawer {
  --cheetah-cart-drawer-bg: #ffffff;
  --cheetah-cart-drawer-text: #0f172a;
  --cheetah-cart-drawer-heading: #0f172a;
  --cheetah-cart-drawer-border: #e2e8f0;
  --cheetah-cart-drawer-overlay: rgba(15, 23, 42, 0.48);
  --cheetah-cart-drawer-radius: 0;
  --cheetah-cart-drawer-shadow: 0 22px 70px rgba(15, 23, 42, 0.22);
  --cheetah-cart-drawer-checkout-text: #ffffff;
  --cheetah-cart-drawer-checkout-hover-text: #ffffff;
}
.cheetah-floating-mini-cart {
  --cheetah-floating-offset: 16px;
  --cheetah-floating-bottom: 120px;
  --cheetah-floating-mobile-bottom: 12px;
  --cheetah-floating-position: bottom-right;
}
