/** Shopify CDN: Minification failed

Line 628:14 Unexpected "{"
Line 628:23 Expected ":"

**/
/* ==========================================
   HEADER BASE STYLES
   ========================================== */
header.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 20px 3rem;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.4s ease, padding 0.4s ease;
}

/* Desktop alignment: Logo + Menu + Icons */
@media screen and (min-width: 990px) {
  .header__heading,
  .header__inline-menu {
    display: flex;
    align-items: center;
    gap: 2.4rem;
  }

  .header__inline-menu .list-menu--inline {
    justify-content: flex-start !important;
  }

  .header__icons {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1.6rem;
  }
}

/* ==========================================
   HOMEPAGE HEADER (template-index)
   ========================================== */
.template-index header.header {
  background-color: transparent;
}

.template-index .header__heading-logo-wrapper img {
  filter: none; 
  transition: filter 0.4s ease;
}

.template-index header.header a,
.template-index header.header a span,
.template-index header.header summary,
.template-index header.header .list-menu__item--link,
.template-index header.header .list-menu__item--link span {
  color: #fff;
  transition: color 0.4s ease;
}

.template-index header.header.header--scrolled {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.65) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.template-index header.header.header--scrolled .header__heading-logo-wrapper img {
  filter: invert(1);
}

.template-index header.header.header--scrolled a,
.template-index header.header.header--scrolled a span,
.template-index header.header.header--scrolled summary,
.template-index header.header.header--scrolled .list-menu__item--link,
.template-index header.header.header--scrolled .list-menu__item--link span {
  color: #000;
}

/* Active link on homepage stays white */
.template-index header.header a.active,
.template-index header.header a.active span,
.template-index header.header .list-menu__item--link.active,
.template-index header.header .list-menu__item--link.active span {
  color: #fff !important;
}

/* ==========================================
   OTHER PAGES HEADER
   ========================================== */
body:not(.template-index) header.header {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 20px 3rem;
  transition: background 0.4s ease, backdrop-filter 0.4s ease;
}

body:not(.template-index) header.header.header--scrolled {
  background: #fff; /* solid background after scroll */
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Logo inversion for other pages */
body:not(.template-index) .header__heading-logo-wrapper img {
  filter: invert(1);
}

/* Links + spans on other pages */
body:not(.template-index) header.header a,
body:not(.template-index) header.header a span,
body:not(.template-index) header.header summary,
body:not(.template-index) header.header .list-menu__item--link,
body:not(.template-index) header.header .list-menu__item--link span {
  color: #000;
}







/* Remove frosty effect when menu is open (homepage only) */
.template-index header.header:has(details[open]) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(255, 255, 255, 1) !important;
}









/* Remove frosty effect and make header solid when menu is open (homepage only) */
.template-index header.header:has(details[open]) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #fff !important; /* solid white background */
}

/* Make links and logo black when menu is open */
.template-index header.header:has(details[open]) a,
.template-index header.header:has(details[open]) a span,
.template-index header.header:has(details[open]) summary,
.template-index header.header:has(details[open]) .list-menu__item--link,
.template-index header.header:has(details[open]) .list-menu__item--link span {
  color: #000 !important;
}

.template-index header.header:has(details[open]) .header__heading-logo-wrapper img {
  filter: invert(1); /* logo turns black */
}


/* ==========================================
   PRODUCT GALLERY
   ========================================== */

/* Media wrapper respects grid columns */
.product__media-wrapper {
  display: grid;
  grid-template-columns: auto 90px; /* main image + thumbnails */
  gap: 10px;
}

/* Main product image */
.product__main-image img {
  width: 100%;
  display: block;
  object-fit: cover;
}

/* Secondary images (thumbnails) stacked vertically */
.product__secondary-images {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product__secondary-images .product__thumb {
  aspect-ratio: 2 / 3;
  width: 100%;
  overflow: hidden;
  cursor: pointer;


}

.product__secondary-images .product__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.product__secondary-images .product__thumb:hover img {
  transform: scale(1.05);
}

/* Mobile responsive */
@media screen and (max-width: 990px) {
  .product__media-wrapper {
    display: block; /* stack main image and thumbnails vertically */
  }

  .product__main-image {
    width: 100%; /* full width */
  }

  .product__secondary-images {
    display: flex;
    flex-direction: row; /* thumbnails in a row */
    justify-content: flex start; /* center under main image */
    flex-wrap: nowrap;
    overflow-x: auto; /* scroll if too many thumbnails */
    gap: 10px;
    margin-top: 10px;
  }

  .product__secondary-images .product__thumb {
    width: 80px; /* fixed width for all thumbnails */
    height: auto; /* auto height based on image aspect ratio */
    flex: 0 0 auto; /* don’t stretch */
  }

  .product__secondary-images .product__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}



/* ==========================================
   TYPOGRAPHY
   ========================================== */
body {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 400;
  letter-spacing: 0px !important;
  font-style: normal;
  color:black;
}
.cart-item__totals.right .price {
  font-size: var(--font-nav-size);
    font-family: "commuters-sans", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}





#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li a, #menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li summary  {
  font-size: var(--font-nav-size);
    font-family: "commuters-sans", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}
.totals>h2 {
  font-size: var(--font-nav-size)!important;
    font-family: "commuters-sans", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}
.totals__total-value  {
  font-size: var(--font-nav-size) !important;
    font-family: "commuters-sans", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}
.product-option {
display:none !important}

.cart-item__name {
  font-size: var(--font-nav-size);
    font-family: "commuters-sans", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}
h1, h2, h3, h4, h5, h6,
button,
.nav, .nav a {
  font-family: "commuters-sans", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  
}

h1, h2, h3, h4, h5, h6 {
  font-family: "commuters-sans", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;

}

h1, h2{
  font-size:1.3em !important;
}

.accordion__title {
  font-size:1.1rem!important;
}
strong {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
}

em {
  font-style: normal;
    font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em !important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.6em;
  
}
.product__accordion .accordion__content {
    padding:0em !important;
}



.cart__login-title,
.cart__login-paragraph,
.cart__login-paragraph a {
  font-family: "avenir-next-lt-pro", sans-serif!important;
  font-weight: 400!important;
  letter-spacing: 0px !important;
  font-style: normal!important;
  font-size: var(--font-body-size) !important;
}


.accordion {
  
    border-top: 0px !important;
    border-bottom: 1px solid #313437 !important;
}
/* Header links and buttons font */
header.header a,
header.header button,
header.header .btn,
header.header .button,
header.header .header__button,
header.header .header__button * {
  font-family: "commuters-sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.15em !important;
}

/* ==========================================
   MISC
   ========================================== */
details-modal.header__search {
  display: none !important;
}

sticky-header.header-wrapper.color-background-1.gradient {
  background-color: transparent;
}



.ai-footer-newsletter-text-ans8wrdvwvxiyngrzqaigenblocke8ef16ber9ckm p {
    margin-top: 0;
}



.product-rotating-message {
  margin-top: 10px;
  font-size: 14px;
  position: relative;
  height: 18px; /* ensures stable height while rotating */
  overflow: hidden;
}

.product-rotating-message .rotating-line {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity .6s ease-in-out;
  white-space: nowrap;
}

.product-rotating-message .rotating-line.active {
  opacity: 1;
}











/* Desktop sticky product gallery */
@media screen and (min-width: 990px) {
  .product__media-wrapper {
    position: sticky;
    top: 70px; /* distance from top */
    align-self: start;
    z-index: 2;
  }
}

/* Mobile: no sticky */
@media screen and (max-width: 989px) {
  .product__media-wrapper {
    position: static; /* default scrolling behavior */
  }
}





@media screen and (min-width: 990px) {
    .section-stylish--product .product.grid .product__info-wrapper.grid__item {

        padding-left: 5rem !important;
        padding-right: 2rem;
    }
}






@media screen and (min-width: 990px) {
    .product__info-container {

        padding-top: 0px !important;
    }
}








.color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
    color:  #313437;

}



.rotating-line {
  display: block;
  line-height: 1.2em; /* or more */
}

.button,
.shopify-challenge__button,
.customer button {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 0 5rem;
    cursor: pointer;
    font-family: "commuters-sans", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    font-size: 1.1rem !important;
    text-decoration: none;
    color: rgb(var(--color-button-text));
    background: none;
    overflow: hidden;
}

/* pseudo-element as sliding background */
.button::before,
.shopify-challenge__button::before,
.customer button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-button), var(--alpha-button-background));
    z-index: -1; /* behind the text */
    transform: translateX(0); /* start fully covering */
    transition: transform 0.3s ease;
}

/* keep text on top */
.button span,
.shopify-challenge__button span,
.customer button span {
    position: relative;
    z-index: 1;
}

/* hover: slide background away */
.button:hover::before,
.shopify-challenge__button:hover::before,
.customer button:hover::before {
    transform: translateX(100%); /* slides background to the right */
}




/* Desktop (default) */
.power-padding {
    padding-left: 20px !important;
    padding-right: 10vw !important;
}

/* Mobile adjustments */
@media screen and (max-width: 599px) {
    .power-padding {
        padding-left: 6vw !important;   /* optional, reset if needed */
        padding-right: 6vw !important;  /* optional, reset if needed */
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}


@media screen and (max-width: 599px) {
    h1, h2 {
        font-size: 1.4em !important;
    }
}




@media screen and (max-width: 749px) {
    .product__info-wrapper {
        padding-top: 20px;
       
    }
}



@media screen and (max-width:749px) {
  section.fullheight-bg {
    position: relative; /* Ensure the background can position absolutely within this section */
    height: 100vh !important; /* Set section height */
  }

  section.fullheight-bg .section-background {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important; /* Fill the parent section */
  }
}





.product-form__submit {
    margin-bottom: 0rem !important;
}







/* Target only Buy Now button in this product section */
#MainProduct-{{ section.id }} .product__info-container .button--primary {
  width: auto;          /* remove full width */
  max-width: fit-content; 
  display: inline-block; 
}








body.template-name--philosophy .header {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999; /* ensure clickable */
}

header.header {
  width: 100% !important;      /* ensure full width */
  max-width: 100% !important;  /* remove any max-width constraints */}

/* -------------------------------
   Mobile header padding
---------------------------------*/
@media screen and (max-width: 599px) {
    header.header {
        padding-right: 10px !important;
    }
}

/* -------------------------------
   Full drawer reset: background, borders, shadows
---------------------------------*/
#menu-drawer,
.menu-drawer__submenu,
.menu-drawer__inner-container,
.menu-drawer__inner-submenu,
.menu-drawer__navigation,
.menu-drawer__menu,
.menu-drawer__menu-item,
.menu-drawer__utility-links,
.menu-drawer__menu-item a,
.menu-drawer__menu-item summary,
.menu-drawer__icon,
.menu-drawer__icon svg,
.menu-drawer__close-button {
    background: white !important;  /* remove gradients or colors */
    border: none !important;        /* remove borders */
    box-shadow: none !important;    /* remove shadows */
    text-decoration: none !important; /* remove underlines */
    fill: currentColor;             /* icons match text color */
}

/* -------------------------------
   Menu item hover/focus
---------------------------------*/
.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:focus {
    background: white !important;
    text-decoration: none !important;
}

/* -------------------------------
   Remove bottom lines between links
---------------------------------*/
.menu-drawer__menu > li,
.menu-drawer__menu-item {
    border-bottom: none !important;
}

/* -------------------------------
   Utility links styling
---------------------------------*/
.menu-drawer__utility-links {
    display: block !important;
    margin-top: 20px; /* optional spacing */
}

/* -------------------------------
   Remove top border from first menu item
---------------------------------*/
#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li:first-child {
    border-top: 0;
}


/* Ensure drawer menu text is always visible */
#menu-drawer,
.menu-drawer__menu-item,
.menu-drawer__menu-item a,
.menu-drawer__utility-links a,
.menu-drawer__close-button {
    color: #000 !important; /* set your preferred text color */
    fill: currentColor !important; /* icons match text color */
}




@media screen and (max-width:749px) {
.header__icon--cart {

    padding-left: 0px;
}



.header__heading-link {

    padding-right: 0px;
}
}















/* Accordion plus icon */
.accordion__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Remove existing caret */
.accordion__header .icon-caret {
  display: none;
}

/* Plus icon using pseudo-elements */
.accordion__header::before,
.accordion__header::after {
  content: '';
  position: absolute;
  background-color: #313437;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  top: 50%;
  right: 1rem; /* distance from right edge */
  transform: translate(50%, -50%); /* center both lines */
}

/* Horizontal line */
.accordion__header::before {
  width: 20px;
  height: 1px;
}

/* Vertical line */
.accordion__header::after {
  width: 1px;
  height: 20px;
}

/* Animate to minus when active */
.accordion__header.active::after {
  opacity: 0;
  transform: translateY(-50%) rotate(90deg);
}





button.accordion__header {
    padding-left: 0px !important;
}