/** Shopify CDN: Minification failed

Line 29:0 All "@import" rules must come first

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/.shadow_round_img_true .t4s-product .t4s-product-inner{
box-shadow: none;
}
.t4s-product-badge>span {
    border-radius: 9999px;
}/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){}
/* =======================================================
   1. IMPORT FONTS DIRECTLY (MUST BE AT THE VERY TOP)
======================================================= */
/* Importing Montserrat (Bold/Black weights) and Inter (Regular to ExtraBold) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800;900&display=swap');

/* =======================================================
   2. GLOBAL VARIABLES
======================================================= */
:root {
  --scenzza-black: #111111;
  --scenzza-accent: #d6b068; /* Unified Gold/Bronze accent for conversions */
  --scenzza-accent-hover: #c49a4f;
  --scenzza-bg-main: #ffffff;
  --font-heading: 'Montserrat', sans-serif !important;
  --font-body: 'Inter', sans-serif !important;
}

/* =======================================================
   3. FORCE MODERN SANS-SERIF HEADINGS GLOBALLY
======================================================= */
/* Stripped out old .arch and .ccs classes, added new .cat and .ccg classes */
h1, h2, h3, h4, h5, h6, .gecko-heading-class,
.slide-heading, .ccg-title, .review-title, 
.bundle-hero-title, .newsletter-heading, .cat-title, .trust-text h4 {
  font-family: var(--font-heading) !important;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.02em; /* Tightens up Montserrat for a punchy look */
}

/* =======================================================
   4. FORCE INTER FONT FOR ALL BODY TEXT & UI ELEMENTS
======================================================= */
body, p, a, span, .btn, .add-to-cart-btn,
.slide-subtext, .slide-kicker, .btn-primary-massive, .btn-secondary-massive,
.ccg-subtext, .ccg-btn-hover, .ccg-kicker, .ccg-product-title, .ccg-price,
.review-text, .review-author,
.newsletter-subtext, .newsletter-input, .newsletter-submit,
.cat-card-title, .cat-card-sub, .trust-text p, .mini-prod-title, 
.mini-prod-price, .bundle-hero-desc {
  font-family: var(--font-body) !important;
  -webkit-font-smoothing: antialiased;
}

/* =======================================================
   5. SPECIFIC DIRECT-RESPONSE TYPOGRAPHY TWEAKS
======================================================= */

/* Force Prices to be massive, bold, and colored */
.ccg-price, .mini-prod-price {
  font-weight: 800 !important;
  color: var(--scenzza-accent) !important;
  font-size: 1.15rem !important;
}

/* Ensure Product Titles are bold and readable */
.ccg-product-title, .cat-card-title, .mini-prod-title {
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

/* Trust Bar / Perks */
.trust-text h4 { font-size: 0.95rem !important; margin-bottom: 3px !important; }
.trust-text p { font-size: 0.85rem !important; line-height: 1.4 !important; color: #666 !important; }

/* Bundle Showcase */
.bundle-hero-desc {
  font-size: clamp(1.2rem, 2vw, 1.5rem) !important; /* Forces massive scaling */
  line-height: 1.6 !important;
  color: #444444 !important;
}
/* =======================================================
   6. GLOBAL BUTTON OVERRIDE (Forces White Text)
======================================================= */
.btn-primary-massive, 
a.btn-primary-massive,
.btn-primary-massive:visited,
.btn-primary-massive:active,
.btn-primary-massive:hover {
  color: #ffffff !important; /* Forces text to always be white */
  -webkit-text-fill-color: #ffffff !important; /* Overrides iOS/Safari link defaults */
}