/** Shopify CDN: Minification failed

Line 229:0 Unexpected "}"

**/
/* new design font family */
@font-face {
  font-family: "Founders Grotesk";
  src: url('/cdn/shop/files/FoundersGrotesk-Light_9b0193a9-e44c-4759-9aa5-4da35371575a.woff?v=1764130637') format('woff');
  font-weight:300;
}
@font-face {
    font-family: "Founders Grotesk";
    src: url('/cdn/shop/files/FoundersGrotesk-Regular_42acb07e-e0a7-4c6c-8573-36aff09218ee.woff?v=1764130637') format('woff');
    font-weight:400;
}
@font-face {
    font-family: "Founders Grotesk";
    src: url('/cdn/shop/files/FoundersGrotesk-Medium_080e91d6-98e3-4590-bfed-e128362324b0.woff?v=1764130637') format('woff');
    font-weight:500;
}
@font-face {
    font-family: "Founders Grotesk";
    src: url('/cdn/shop/files/FoundersGrotesk-Semibold_0e6d546f-065b-4235-bbe9-5a5cfd27da49.woff?v=1764130637') format('woff');
    font-weight:600;
}
@font-face {
    font-family: "Founders Grotesk";
    src: url('/cdn/shop/files/FoundersGrotesk-Bold_7471fa2e-527b-46fe-99da-0bbb43d0b308.woff?v=1764130637') format('woff');
    font-weight:700;
}
@font-face {
    font-family: "Freizeit";
    src: url("/cdn/shop/files/Freizeit-Regular.woff2?v=1777436795") format("woff2"),
         url("/cdn/shop/files/Freizeit-Regular.woff?v=1777436796") format("woff");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Freizeit";
    src: url("/cdn/shop/files/Freizeit-Bold.woff2?v=1777436795") format("woff2"),
         url("/cdn/shop/files/Freizeit-Bold.woff?v=1777436796") format("woff");
    font-weight: 700;
    font-display: swap;
}

/* === Homepage redesign — Freizeit as primary brand font (matches Figma) ===
   theme.css forces Helvetica !important on headings and Inter on body (via the
   Shopify font-picker settings). Custom uploaded fonts can't be chosen there, so
   we override here. Scoped to body.template-index (homepage only) and won by
   specificity so it doesn't bleed to other templates. Nav + ticker keep their
   own fonts (their explicit rules still win). */
body.template-index,
body.template-index h1, body.template-index h2, body.template-index h3,
body.template-index h4, body.template-index h5, body.template-index h6,
body.template-index .heading, body.template-index .section-heading,
body.template-index .h1, body.template-index .h2, body.template-index .h3,
body.template-index .h4, body.template-index .h5, body.template-index .h6 {
  font-family: 'Freizeit', sans-serif !important;
}
/* Same Freizeit override for the c-meta-homepage page template (titles/captions
   were rendering Helvetica there because theme.css forces it on a page template). */
body.template-c-meta-homepage,
body.template-c-meta-homepage h1, body.template-c-meta-homepage h2, body.template-c-meta-homepage h3,
body.template-c-meta-homepage h4, body.template-c-meta-homepage h5, body.template-c-meta-homepage h6,
body.template-c-meta-homepage .heading, body.template-c-meta-homepage .section-heading,
body.template-c-meta-homepage .h1, body.template-c-meta-homepage .h2, body.template-c-meta-homepage .h3,
body.template-c-meta-homepage .h4, body.template-c-meta-homepage .h5, body.template-c-meta-homepage .h6 {
  font-family: 'Freizeit', sans-serif !important;
}
/* Same Freizeit override for the Ninja LP page template (page.c-ninja-lp). Without this,
   theme.css forces Helvetica on every h1..h6, so only section headings that hardcode
   `!important` (hero/flavors/choc-milk/fridge) showed Freizeit while the rest (benefits,
   then-now, gamer, videos, ugc, and all card titles) silently fell back to Helvetica. */
body.template-c-ninja-lp,
body.template-c-ninja-lp h1, body.template-c-ninja-lp h2, body.template-c-ninja-lp h3,
body.template-c-ninja-lp h4, body.template-c-ninja-lp h5, body.template-c-ninja-lp h6,
body.template-c-ninja-lp .heading, body.template-c-ninja-lp .section-heading,
body.template-c-ninja-lp .h1, body.template-c-ninja-lp .h2, body.template-c-ninja-lp .h3,
body.template-c-ninja-lp .h4, body.template-c-ninja-lp .h5, body.template-c-ninja-lp .h6 {
  font-family: 'Freizeit', sans-serif !important;
}
/* === Pastel review round 1 (2026-07-08), LP-scoped === */
/* Comments #2–8, #18–20: every section heading should be BOLD (was Freizeit 400). */
body.template-c-ninja-lp .cnh-heading,
body.template-c-ninja-lp .cncm-heading,
body.template-c-ninja-lp .tn-heading,
body.template-c-ninja-lp .cngm__heading,
body.template-c-ninja-lp .cnbn-heading,
body.template-c-ninja-lp .cnvd-heading,
body.template-c-ninja-lp .cnf-heading,
body.template-c-ninja-lp .ugc-heading,
body.template-c-ninja-lp .c-faq__heading,
body.template-c-ninja-lp .cnfr-heading,
body.template-c-ninja-lp .c-ph__heading {
  font-weight: 700 !important;
}
/* Comment #23: the "Get your Nutcase. Get the ritual back." intro block is left-aligned, not centered. */
body.template-c-ninja-lp .c-ph__inner {
  align-items: flex-start !important;
  text-align: left !important;
}
.collection__products .product-link quick-add-product {
    display:none;
}
.collection__products button.quick-add__button.btn.btn--solid.btn--small {
    background: transparent;
    color: #fff;
    font-weight: 700;
    border: none;
    width:100%;
    justify-content: center;
}
.collection__products .quick-add__holder.desktop button.quick-add__button.btn.btn--solid.btn--small {
    background: transparent;
    color: #fff;
    transition:all 0.5s ease;
    font-weight:700;
    padding: 12px;
    border: 1px solid #fff;
}
.collection__products .quick-add__holder.desktop button.quick-add__button.btn.btn--solid.btn--small:after {
    display:none;
}
.collection__products .quick-add__holder.desktop button.quick-add__button.btn.btn--solid.btn--small:hover {
    background: #e8fc53;
    color: #000;
    border-color: #e8fc53;
}

body {
    overflow-x: hidden;
}
.container {
    max-width: 1372px;
    margin: 0 auto;
    padding: 0 16px;
    width: 100%;
}
.section_comHeader {
    font-weight: 400;
    font-size: 32px;
    line-height: 38px !important;
    font-family: 'Helvetica Neue' !important;
    letter-spacing: 0.4px;
}

.sc-home-image-content-box, .sc-home-videos {
    overflow: hidden;
}
.drawer--header .drawer__inner {
    border-right: 0px;
}
.template-collection .main-content,
.template-page.template-contact .main-content,
.template-page.template-wholesale .main-content,
.template-page.template-about .main-content{
    padding:0 16px;
}
.template-page.template-contact .main-content .index-contact,
.template-page.template-wholesale .main-content .section-columns,
.template-page.template-about .main-content .index-image-text,
.template-collection .main-content .collection__products{
        margin-bottom:16px;
    }
.template-collection .header-sections:has(.sticky) + div + .main-content{
    margin-top:60px;
}
@media(max-width:991px) {
    .sc-home-icon-with-text .section_comHeader {
        font-size: 26px;
        line-height: 32px !important;
    }
    .container {
        padding: 0 30px;
    }
}

@media(max-width:767px) {
    .section_comHeader {
        font-size: 26px;
    }
    .sc-home-image-content-box .sec-heading.section_comHeader {
        font-size: 24px;
    }
    
    .container {
        padding: 0 16px;
    }
    .new-header .header__mobile {
    padding: 0px 36px;
}
    
    
}
@media(max-width:575px) {
    .sc-home-feature-product h2.section-title.section_comHeader {
    font-size: 24px;
    line-height: 1 !important;
}
.sc-home-feature-collection .sec-header .sec-heading.section_comHeader {
    font-size: 24px;
}
}

/* new design */
.sc-pdp-also-like .pdp-product-recommended quick-add-product{
    display:block;
}
body{
    background:#fff;
    /* font-family: "Founders Grotesk"; */
}
/* .new-header.js__header__stuck header.theme__header {
    width:100%;
    margin:0px;
} */
/* header.theme__header .section-padding{
    background:#000;
    } */
.new-header .header__desktop__upper,.new-header .header__desktop__lower{
    padding:0 36px;
    /* padding: 0 52px; */
    /* transition:all 0.5s ease; */
}
/* .new-header.js__header__stuck .header__desktop__upper{
    padding:0 52px;
    /* transition:all 0.5s ease; */
} */
.new-header .navtext,
.new-header .btn--black,
.new-header .navlink{
    font-size:14px;
}
/* header{
    transition:all 0.5s ease !important;
} */
.shopify-section-group-group-header.sticky{
    position: fixed;
    top:0px;
    transition:all 0.5s ease;
}
.theme__header .section-padding{
    background:#000;
}
.shopify-section-group-group-header{
    top:16px;
    transition:all 0.3s ease;
}
.header-sections.active .shopify-section-group-group-header{
    top:0px;
    transition:none;
}
.header-sections.active {
    position:sticky;
    top:0px;
    width:100%;
    transition:all 0.3s ease;
}
.new-header .navlink {
    /* padding: 8px 15px; */
    padding: 8px 11px;
}
.new-header .drawer--header .navlink.navlink--toplevel {
    font-size: 16px;
    line-height: 16px;
    font-family: Inter, sans-serif;
}
.new-header .drawer--header .sliderow__title.sliderow__title--secondary {
    font-size: 16px !important;
    line-height: 16px;
    font-family: Inter, sans-serif;
}
.new-header .navlink:hover,
.new-header .btn--black:hover {
    color: #e8fc53;
}
/* .shopify-section-group-group-header.sticky {
    top: 0;
    background: #000;
} */
/* .page-header.sticky {
  position: fixed;
  top: -96px;
  left: 0;
  height: 80px;
  animation: goDown 0.5s ease-in-out forwards;
} */
.new-header header.theme__header {
    background: transparent;
}
/* Navbar reveal on scroll-up appears instantly — kill the top-slide animation
   (overrides theme.css `.header__wrapper { transition: top 0.2s linear }`). */
.new-header.header__wrapper {
    transition: none !important;
}
/* @keyframes goDown {
  0%{
    top:-96px;
  }
  100% {
    transform: translateY(96px);
  }
} */
 #customer_email,
 #recover-email,
 #customer_password{
    color:#fff;
 }
/*  Footer  */ 
 .shopify-section-group-group-footer .custom-footer {
    padding: 42px 78px 53px;
}
.custom-footer .footer-links li a, .custom-footer .copy-right-content, .custom-footer .bottom-subfooter-content {
    font-size: 18px;
    line-height: 19px;
    font-weight: 400;
    font-family: Inter,sans-serif;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    width: auto;
}
.custom-footer .footer-links li {
    padding: 6px 0px;
    margin: 0px;
}
.custom-footer .footer-menu.footer-center-content {
    margin: 37px 0px;
}
.custom-footer .footer-links.mobile-desktop {
    margin: 0px;
}
.custom-footer .email_wrapper {
    max-width: 505px;
    flex-direction: column;
    margin-left: auto;
}
.email_wrapper .newsletter-form {
    max-width: 100%;
}
.custom-footer .field__input {
    width: 100%;
    background-color: #fff;
    padding: 14px 60px 14px 16px;
    margin: 2px 0 0;
    font-size: 15px;
    color: #000;
    line-height: 20px;
    border:0px;
}
.custom-footer .newsletter-label {
    text-align: start;
    font-family: Inter,sans-serif;
    letter-spacing: 0px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    padding: 5px 0px;
    letter-spacing: 0px;
}
.custom-footer .field__input::placeholder {
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    font-family: Inter,sans-serif;
    letter-spacing: 0px;
}
.custom-footer .email-submit svg {
    width: 22px;
}
.custom-footer .email-submit {
    margin-left: 0px;
    right: 16px;
}
  @media only screen and (max-width: 1199px) {
     .shopify-section-group-group-footer .custom-footer {
    padding: 42px 50px 53px;
}
  }
@media(max-width:991px) {
    .no-js .theme__header .search-popdown, .no-js .theme__header .predictive-search, .theme__header header-search-popdown.is-open .search-popdown, .theme__header header-search-popdown.is-open .predictive-search{
        width:100%;
    }
    /* .new-header .header__mobile .header__mobile__right{
        display:none;
    } */
    .new-header .header__mobile {
        display: flex;
        justify-content: space-between;
        padding:0 24px;
    }
    .new-header .header__mobile__left {
        order: 2;
    }
    .new-header .header__logo {
        order: 1;
    }
     .new-header .navlink.navlink--toplevel {
    font-size: 14px;
    line-height: 14px;
}
.drawer--header .sliderow__title.sliderow__title--secondary {
    font-size: 14px !important;
    line-height: 14px;
}
.shopify-section-group-group-footer .custom-footer {
    padding: 40px 40px 40px;
}
.custom-footer .footer-menus {
    padding-top: 52px;
}
.custom-footer .footer-menu.footer-center-content {
    margin: 17px  0px 27px;
}
.new-header .header__mobile__hamburger svg {
    height: 30px;
    width: 30px;
}
}

@media only screen and (max-width: 767px) {
    .custom-footer .footer-links.mobile-desktop {
    display: flex;
    gap: 10px;

}
/* .custom-footer .footer-links {
    display: flex;
    flex-wrap: unset;
} */
 .custom-footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 32px;
}
.custom-footer ul.footer-links li:nth-child(2), ul.footer-links li:nth-child(4) {
    text-align: left;
}
.custom-footer .email_wrapper {
    max-width: 100%;
}
.shopify-section-group-group-footer .custom-footer {
    padding: 63px 16px 32px;
}
}


@media(max-width:375px) {
    .template-page.template-contact .main-content .index-contact,
    .template-page.template-wholesale .main-content .section-columns,
    .template-page.template-about .main-content .index-image-text,
    .template-collection .main-content .collection__products{
        margin-bottom:8px;
    }
    .template-collection .main-content,
    .template-page.template-contact .main-content,
    .template-page.template-wholesale .main-content,
    .template-page.template-about .main-content{
        padding:0 8px;
    }
    .new-header .header__desktop__upper,.new-header .header__desktop__lower{
        padding:0 16px;
    }
    .new-header.js__header__stuck{
        top:8px;
    }
    .shopify-section-group-group-header{
        top:8px;
    }
    .new-header .header__mobile {
    padding: 0px 16px;
  }
    
    .custom-footer .newsletter-label {
        font-size: 18px;
        line-height: 20px;
    }
    .custom-footer .footer-links li a, .custom-footer .copy-right-content, .custom-footer .bottom-subfooter-content {
        font-size: 14px;
        line-height: 16px;
    }
    .custom-footer .footer-menus {
    padding-top: 35px;
 }
/*  Footer  */  

/* Shop All button */
.shop-all-btn {
  display: inline-block;
  padding: 10px 15px 10px !important;
  border: 1px solid #fff !important;
  background: #fff !important;
  color: #000 !important;
  border-radius: 30px !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.shop-all-btn:hover {
  background: transparent !important;
  color: #fff !important;
}


}
/* === Ninja LP header: behave like the homepage — transparent over the hero, solid black
   on scroll. Mirrors the .template-index / .template-c-shop-all treatment in header.liquid,
   scoped to .template-c-ninja-lp only (shared header file untouched). === */
.template-c-ninja-lp .shopify-section-group-group-header { top: 0px; }
.template-c-ninja-lp .new-header header.theme__header { width: 100%; margin: 0px; }
.template-c-ninja-lp .theme__header .section-padding { background: transparent; }
.template-c-ninja-lp .header-sections.active { z-index: 9; top: 0px; }
.template-c-ninja-lp .header-sections .shopify-section-group-group-header { top: 0px; }
.template-c-ninja-lp .header-sections.active .shopify-section-group-group-header { top: 0px; }
.template-c-ninja-lp .header-sections .sticky.shopify-section-group-group-header { top: 0px; }
.template-c-ninja-lp .sticky .theme__header .section-padding { background: #000; }