/** Shopify CDN: Minification failed

Line 552:1 Expected identifier but found whitespace
Line 595:0 Unexpected "@"
Line 596:0 Comments in CSS use "/* ... */" instead of "//"
Line 657:0 Unexpected "/"
Line 758:0 Expected "}" to go with "{"

**/
/* Hide vendor line on product pages */
.product__vendor,
.product__meta,
.product__subtitle,
.product__info-wrapper .vendor,
.product__info-wrapper .product__vendor {
  display: none !important;
}
/* Force hide vendor everywhere */
.product__vendor,
.product__meta,
.product__subtitle,
a[href*="/collections/vendors"],
a[href*="/vendors"] {
  display: none !important;
}
/* Last resort: hide the line directly under the title if it's still rendering */
.product__title + a,
.product__title + p,
h1 + a,
h1 + p {
  display: none !important;
}
/* FORCE REMOVE vendor / unknown vendor on Avatar product pages */
.product__info a[href*="vendors"],
.product__info a[href*="collections/vendors"],
.product__info p:has(a[href*="vendors"]),
.product__info-wrapper a[href*="vendors"],
.product__info-wrapper p,
.product__info-wrapper .product__subtitle {
  display: none !important;
}

/* If vendor renders as plain text under title */
.product__title + p,
.product__title + div {
  display: none !important;
}
/* Avatar: hide the underlined vendor link directly under the product title */
.product__info-wrapper .product__title + a,
.product__info-wrapper h1 + a,
.product__info-wrapper .product__title + p a,
.product__info-wrapper h1 + p a,
.product__info-wrapper .product__title + div a,
.product__info-wrapper h1 + div a {
  display: none !important;
}
/* Fallback: hide any link immediately after the main product title */
h1 + a {
  display: none !important;
}
/* Footer typography – quiet + refined */
footer a,
footer p,
footer li {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #555;
}

/* Footer section headings (Search, Terms, Contact) */
footer h1,
footer h2,
footer h3,
footer h4 {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
/* TEST - remove after */



/* Footer typography cleanup */
footer,
.footer,
#shopify-section-footer {
  font-family: 'Montserrat', sans-serif;
}

/* Footer links */
footer a,
.footer a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* Footer headings (Search, Terms of service, etc.) */
footer h2,
footer h3 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Footer body text */
footer p,
.footer p {
  font-size: 13px;
  line-height: 1.6;
}

/* FORCE footer menu link sizing */
#shopify-section-footer a,
#shopify-section-footer .footer a,
#shopify-section-footer .footer__content a,
#shopify-section-footer .footer__menu a,
#shopify-section-footer .list-menu a,
#shopify-section-footer .link {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  line-height: 1.4;
}

/* Optional: make the column titles smaller too (Search / Terms of service etc.) */
#shopify-section-footer h2,
#shopify-section-footer h3,
#shopify-section-footer .footer__heading {
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Footer text block (the non-link text like “24/7 Email Support Available.”) */
#shopify-section-footer p,
#shopify-section-footer .rte,
#shopify-section-footer .footer__text,
#shopify-section-footer .footer__content,
#shopify-section-footer .footer__content *:not(a) {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Homepage hero headline */
.template-index h2,
.template-index h1 {
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
/* Homepage hero headline */
.template-index .rich-text__heading,
.template-index .rich-text h2,
.template-index .rich-text h1 {
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
/* ===============================
   COLLECTION PAGE TYPOGRAPHY LOCK
   =============================== */

/* Collection title (e.g. Shop All) */
.collection-title,
.collection-hero__title,
h1.collection-title {
  font-family: Montserrat !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Product titles inside collections */
.card__heading,
.product-card__title,
.grid-product__title {
  font-family: Montserrat !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* Product prices inside collections */
.price,
.price-item,
.product-card__price {
  font-family: Montserrat !important;
  font-weight: 400 !important;
}
/* === LOCK COLLECTION PAGE TYPOGRAPHY === */

/* Collection title */
.collection-title,
.collection__title,
h1.collection-title,
h1.collection__title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Product titles in collections */
.collection-product-title,
.product-card__title,
.card__heading {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
}

/* Collection filters & meta text */
.collection-filters,
.collection__filters,
.collection-meta,
.collection__description {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
}
/* === GLOBAL PRODUCT CARD TYPOGRAPHY LOCK === */

/* Product card titles (everywhere) */
.card__heading,
.card__heading a,
.product-card__title,
.product-card__title a,
.grid-product__title,
.grid-product__title a {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

/* Product card prices (everywhere) */
.price,
.price-item,
.product-card__price,
.grid-product__price,
.card-information .price {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Optional: small “sale” / compare-at text stays subtle */
.price__sale,
.price__compare,
.price-item--sale,
.price-item--regular {
  font-family: 'Montserrat', sans-serif !important;
}
/* === PAGE (About Us / policy / regular pages) TYPOGRAPHY FIX === */

/* Page title (H1) like "About Us" */
.template-page .main-page-title,
.template-page h1 {
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.01em !important;
}

/* Section headings inside the page content (H2/H3) */
.template-page .rte h2,
.template-page .rte h3 {
  font-size: clamp(20px, 2.2vw, 28px) !important;
  line-height: 1.25 !important;
  margin-top: 18px !important;
  margin-bottom: 10px !important;
}

/* Body text inside the page content */
.template-page .rte,
.template-page .rte p,
.template-page .rte li {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Optional: reduce the “heavy bold” feel inside page paragraphs */
.template-page .rte strong {
  font-weight: 600 !important;
}
/* ===== PAGES (About Us, Policies, etc.) — lock typography ===== */

/* Main page title (the big "About Us") */
.template-page h1,
.template-page .main-page-title {
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: 0.02em;
}

/* Subheads like "About Mind Clear Mood Savage" */
.template-page h2 {
  font-size: 28px;
  line-height: 1.25;
}

.template-page h3 {
  font-size: 22px;
  line-height: 1.3;
}

/* Body copy on pages */
.template-page .rte,
.template-page .rte p,
.template-page .page-content,
.template-page .page-content p {
  font-size: 16px;
  line-height: 1.7;
}

/* Mobile sizing */
@media (max-width: 749px) {
  .template-page h1,
  .template-page .main-page-title { font-size: 30px; }

  .template-page h2 { font-size: 22px; }
  .template-page h3 { font-size: 18px; }

  .template-page .rte,
  .template-page .rte p,
  .template-page .page-content,
  .template-page .page-content p { font-size: 15px; }
}
/* ===== PAGES (About Us + all standard pages) — make everything smaller ===== */

.template-page h1,
.template-page .main-page-title {
  font-size: 32px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
}

.template-page h2 { 
  font-size: 22px !important; 
  line-height: 1.25 !important; 
}

.template-page h3 { 
  font-size: 18px !important; 
  line-height: 1.3 !important; 
}

.template-page .rte,
.template-page .rte p,
.template-page .page-content,
.template-page .page-content p,
.template-page li {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* If your theme uses "rich text" blocks on pages */
.template-page .rich-text__text,
.template-page .rich-text__text p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Mobile */
@media (max-width: 749px) {
  .template-page h1,
  .template-page .main-page-title { font-size: 26px !important; }

  .template-page h2 { font-size: 19px !important; }
  .template-page h3 { font-size: 16px !important; }

  .template-page .rte,
  .template-page .rte p,
  .template-page .page-content,
  .template-page .page-content p,
  .template-page li,
  .template-page .rich-text__text,
  .template-page .rich-text__text p {
    font-size: 14px !important;
  }
}
/* ===== FALLBACK: shrink typography on ALL Shopify Pages (even if template-page class isn't present) ===== */

main .rte,
main .rte p,
main .page-width .rte,
main .page-width .rte p,
main .page-content,
main .page-content p,
main .rich-text__text,
main .rich-text__text p,
main li {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

main h1 { font-size: 32px !important; line-height: 1.15 !important; }
main h2 { font-size: 22px !important; line-height: 1.25 !important; }
main h3 { font-size: 18px !important; line-height: 1.3 !important; }

@media (max-width: 749px) {
  main h1 { font-size: 26px !important; }
  main h2 { font-size: 19px !important; }
  main h3 { font-size: 16px !important; }

  main .rte,
  main .rte p,
  main .page-width .rte,
  main .page-width .rte p,
  main .page-content,
  main .page-content p,
  main .rich-text__text,
  main .rich-text__text p,
  main li {
    font-size: 14px !important;
  }
}
/* ================================
   PAGE TYPOGRAPHY — DESKTOP
   ================================ */

.template-page h1 {
  font-size: 32px !important;
  line-height: 1.2 !important;
}

.template-page h2 {
  font-size: 22px !important;
  line-height: 1.35 !important;
}

.template-page h3 {
  font-size: 18px !important;
  line-height: 1.4 !important;
}

.template-page p,
.template-page li {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* ================================
   PAGE TYPOGRAPHY — MOBILE
   ================================ */

@media (max-width: 749px) {
  .template-page h1 {
    font-size: 26px !important;
  }

  .template-page h2 {
    font-size: 20px !important;
  }

  .template-page h3 {
    font-size: 17px !important;
  }

  .template-page p,
  .template-page li {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
}
/* About page subheading refinement */
.template-page h2 {
  font-size: 22px;
  line-height: 1.35;
}

/* Mobile */
@media (max-width: 749px) {
  .template-page h2 {
    font-size: 20px;
  }
}
/* ================================
   PRODUCT PAGE TYPOGRAPHY LOCK
   ================================ */

/* Product title */
.template-product h1,
.template-product .product__title,
.template-product .product-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.15 !important;
}

/* Product price */
.template-product .price,
.template-product .price-item,
.template-product .product__price {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

/* Product description */
.template-product .rte,
.template-product .rte p,
.template-product .product__description,
.template-product .product-description {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Variant labels (Size, Color, etc.) */
.template-product label,
.template-product legend {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* Add to cart button text */
.template-product button,
.template-product .btn {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.03em !important;
}
/* === MCMS HERO: size + text position === */
.banner,
.hero,
.slideshow,
.image-banner {
  min-height: 480px !important;
}

@media (max-width: 749px) {
  .banner,
  .hero,
  .slideshow,
  .image-banner {
    min-height: 360px !important;
  }
}



.section-banner .container {
  max-width: 100% !important;
  padding: 0 !important;
}

.
/* ===== KILL DAWN’S DEFAULT SECTION GAPS ===== */

.shopify-section {
  margin: 0 !important;
}

.section {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.rich-text,
.rich-text__blocks {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Make the Veteran-owned line strong across Dawn wrappers */
.rich-text__text,
.rich-text__text p,
.rte,
.rte p {
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  line-height: 1.3 !important;
}
/* Target ONLY the Rich text section (most bulletproof) */
.shopify-section.section-rich-text p,
.shopify-section.section-rich-text .rte,
.shopify-section.section-rich-text .rte p {
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  line-height: 1.3 !important;
}
/* Make the Veteran-owned line bigger */
.section-rich-text p {
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  line-height: 1.3 !important;
}
@
//* TRUE mobile hero focal point */
@media (max-width: 749px){
  [data-hero-image]{
    background-position: 42% 50% !important;
  }

  .banner picture img,
  .banner .banner__media img,
  .banner img{
    object-position: 42% 50% !important;
  }
}

/* Mobile banner centering */










/* HOME HERO ONLY — clean, scoped fix */
#shopify-section-template--18703093334081__hero_bwxYTT .banner__media,
#shopify-section-template--18703093334081__hero_bwxYTT .banner__media img,
#shopify-section-template--18703093334081__hero_bwxYTT .banner__media picture,
#shopify-section-template--18703093334081__hero_bwxYTT .banner__media picture img {
  width: 100%;
  height: 100%;
}

#shopify-section-template--18703093334081__hero_bwxYTT .banner__media img,
#shopify-section-template--18703093334081__hero_bwxYTT .banner__media picture img {
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* MCMS hero - force true centering of the BACKGROUND image */
[data-hero-image]{
  background-size: cover !important;
  background-position: 50% 50% !important; /* dead center */
  background-repeat: no-repeat !important;
}
/* MCMS hero — remove container/padding that makes it look off-center */
[data-hero-image] .tw-container{
  max-width: 100% !important;
  width: 100% !important;
}

[data-hero-image] .tw-px-4{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* keep the background image centered */
[data-hero-image]{
  background-position: 50% 50% !important;
}
/
/* Tune focal point (adjust 50% -> 54% / 56% etc) */
[data-hero-image]{
  background-position: 56% 50% !important;
}
/* MCMS hero – mobile focal point only */
@media (max-width: 749px){
  [data-hero-image]{
    background-position: 50% 50% !important;
  }
}
/* MCMS HERO - mobile full width + true centering */
@media (max-width: 749px){
  /* hero background element */
  [data-hero-image]{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
  }

  /* remove the Tailwind "container + padding" that creates the white gutters */
  [data-hero-image] .tw-container{
    max-width: 100% !important;
    width: 100% !important;
  }

  [data-hero-image] .tw-px-4{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* in case the hero uses a nested cover div */
  [data-hero-image] .cover{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
}
/* === REAL MCMS HERO FIX (Tailwind background hero) === */

.cover.tw-w-full {
  background-size: cover !important;
  background-position: 50% 50% !important; /* true center */
}

/* Mobile focal adjustment */
@media (max-width: 749px) {
  .cover.tw-w-full {
    background-position: 56% 50% !important;
  }
}
/* Desktop hero */
.cover.tw-w-full.tw-hidden.md\:tw-table{
  background-size: cover !important;
  background-position: 50% 50% !important;
}

/* Mobile hero */
@media (max-width: 749px){
  .cover.tw-w-full.md\:tw-hidden{
    background-size: cover !important;
    background-position: 50% 50% !important;
  }

  .cover.tw-w-full.md\:tw-hidden img,
  .cover.tw-w-full.md\:tw-hidden picture,
  .cover.tw-w-full.md\:tw-hidden picture img{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }

 









  


  






  


