/** Shopify CDN: Minification failed

Line 10:0 Unexpected "@font-face"
Line 863:37 "align-tiems" is not a known CSS property
Line 1406:18 Expected identifier but found "!"

**/
oar/*------- Fonts ------*/

@font-face {
    font-family: 'ABCGramercy-Light';
    src: url('/cdn/shop/files/ABCGramercy-Light.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ABCGramercyDisplay-Light';
    src: url('/cdn/shop/files/ABCGramercyDisplay-Light.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ABCGramercyDisplay-Bold';
    src: url('/cdn/shop/files/ABCGramercyDisplay-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('/cdn/shop/files/Inter_28pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ABCROM-Regular';
    src: url('/cdn/shop/files/ABCROM-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Saans-SemiBold';
    src: url('/cdn/shop/files/SaansSemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Apris-Light';
    src: url('/cdn/shop/files/Apris-Light_--_display.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/* ------ GENERAL ----------*/

.shopify-section {scroll-margin-top: 90px !important;}

html {scroll-behavior: smooth;}

body {
  width: 100vw;
  font-family: "Inter-Regular", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  }

body, .color-background-1, .color-background-2, 
.color-inverse, .color-accent-1, .color-accent-2, 
.color-scheme-9a003bd9-acda-4531-b24f-f8671292bd1e, 
.color-scheme-b423f82b-000f-42f9-bd39-41890941c56b, 
.color-scheme-be389b67-1213-43dd-8426-0cf361e8b105, 
.color-scheme-67b89716-7fe6-44fe-b568-46c49df7251c, 
.color-scheme-7b4b0806-5a59-42a3-95a8-22e26e759b49, 
.color-scheme-94970129-add3-4032-9c57-00066a383470 {
    color: rgba(var(--color-foreground), 1) !important;
}


.narrow-wrap .rich-text__blocks {max-width: 60% !important;}
.narrow-wrap .rich-text__text {padding: 0 18% !important;}
.page-width--narrow {margin: auto;}

@media only screen and (max-width: 750px) {
  .narrow-wrap .rich-text__blocks {max-width: 100% !important;}
  .narrow-wrap .rich-text__text {padding: 0% !important;}
  .page-width--narrow {padding: 0 5%;}
}


h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: 'ABCGramercyDisplay-Light', serif !important;
  letter-spacing: 0 !important;
  line-height: calc(1 + .15 / max(1, var(--font-heading-scale)));
  }


.h2 {font-size: calc(var(--font-heading-scale)* 3.5rem) !important;}
.h1 {font-size: calc(var(--font-heading-scale)* 5rem) !important;}
.h0 {font-size: calc(var(--font-heading-scale)* 7rem) !important;}

@media only screen and (max-width: 750px) {
.h2 {font-size: calc(var(--font-heading-scale)* 3rem) !important;}
.h1 {font-size: calc(var(--font-heading-scale)* 4rem) !important;}
.h0 {font-size: calc(var(--font-heading-scale)* 6rem) !important;}
.testimonials-con .h2 {font-size: calc(var(--font-heading-scale)* 2rem) !important;}

}



.multicolumn-list h3 {font-family: 'ABCROM-Regular', serif !important; font-size: calc(var(--font-heading-scale) * 2rem);}
  
.template-404 .banner-subheading {
  font-family: 'Apris-Light', serif !important;
  font-size: 20em !important;
  margin-bottom: 0;
  line-height: 1;
}

@media only screen and (max-width: 750px) {
  .template-404 .banner-subheading {font-size: 10em !important;}
  }

.collapsible-content__wrapper .collapsible-content__heading,
.caption-with-letter-spacing,
.secondary-heading {
  font-family: "Saans-SemiBold", sans-serif !important; 
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.75px !important;
  line-height: 1.5;
  color: rgba(var(--color-foreground), 1);
  }

.subtitle {
    font-size: 1.8rem;
    line-height: 1.4;
    letter-spacing: .06rem;
    color: rgba(var(--color-foreground), 1);
}

.alt-heading {
  font-size: 16px !important; 
  font-family: 'ABCROM-Regular', serif !important;
  letter-spacing: 0.10px !important;
  text-transform: none !important;
}


.caps {text-transform: uppercase;}
.banner-subheading {margin-top: 2.5rem !important;}

.related-products__heading, .collage-wrapper-title {font-size: 1em;}
.related-products__heading {text-align: center;}
.rich-text__heading {font-size: calc(var(--font-heading-scale)* 4.6rem);}

.page-width {max-width: 90%; margin: 0 auto; padding: 0;}
.page-width-small {width: 650px; margin: auto;}

.mega-menu__list {
  display: flex !important; 
  gap: 20px;    
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  }

@media only screen and (max-width: 750px) {
  .page-width-small {width: 90%; margin: auto;}
  .h0 {font-size: calc(var(--font-heading-scale)* 6rem);}
  .rich-text__heading {font-size: calc(var(--font-heading-scale)* 3rem);}
  .page-width {max-width: 95%;}
  
  }

/* ------ HEADER ----------*/


.header {
  position: relative !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  will-change: transform;
}

.js-logo {
  transition: opacity 0.3s ease;
  opacity: 1;
}
.js-logo.logo-transitioning {
  opacity: 0;
}

.header__blur {
  display: none !important; 
  position: absolute;
  inset: 0;
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
}


.template-collection .header,
.template-404 .header,
.template-index .header,
.template-name--library .header,
.template-name--open-book .header,
.template-name--about .header,
.template-name--services .header {position: fixed !important;}


.scrolled .header,
.header:hover,
.template-name--waitlist .header,
.template-name--library .header,
.template-name--the-script .header,
.template-name--the-narrative .header,
.template-name--faq .header,
.template-name--thank-you .header,
.template-name--contact .header,
.template-policy .header,
.template-product .header {
  border: none;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}

.template-product .header__blur,
.template-name--waitlist .header__blur,
.template-name--the-script .header__blur,
.template-name--the-narrative .header__blur,
.template-name--faq .header__blur,
.template-policy .header__blur,
.template-name--thank-you .header__blur,
.template-name--contact .header__blur,
.header:hover .header__blur,
.scrolled .header__blur, 
.mega-menu__blur {
  z-index: 0;
  display: block !important;
  content: '';
  position: absolute;
  inset: 0;                             
  background: rgba(201, 192, 181, 0.75) !important;
  background-color: rgba(201, 192, 181, 0.75) !important;
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
  }

@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {padding-left: 0rem; padding-right: 0rem;}
  }

.header-wrapper {position: sticky; top: 0;}

.header {
  max-width: 100% !important; 
  width: 100% !important;
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  align-items: flex-start;
  }


.header__heading-logo {
  max-height: 100px; /* Adjust as needed */
  width: auto;
  transition: opacity 1s ease;
}

.mega-menu__content {
  border: none !important; 
  background: none !important;
  box-shadow: none !important;
  }

.header__heading, 
.header__icons, 
.header__heading-logo-wrapper,
.header__heading-link {z-index: 999 !important;}


.additional-links-mobile a {
  padding: 1.1rem 3rem;
  color: rgb(var(--color-foreground));
  display: block; 
  text-decoration: none;
  }

.additional-links-mobile a:hover,
.menu-drawer__menu-item--active, 
.menu-drawer__menu-item:focus, 
.menu-drawer__close-button:focus, .menu-drawer__menu-item:hover, .menu-drawer__close-button:hover {
  color: rgb(var(--color-foreground));
  background-color: rgba(var(--color-foreground), .0 !important);
  opacity: 0.7;
  }

.additional-links-mobile a:hover,
.menu-drawer__menu-item--active:hover {
  background-color: rgba(var(--color-foreground), .08);
  }

.list-menu__item:hover {}
.header__active-menu-item {border: none !important;}

.header__menu-item span:after, li>a.mega-menu__link:after {display: none;}

#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li:first-child {border-top: 0px dotted !important;}
#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li {border-bottom: 0px dotted !important;}
.menu-drawer__navigation {padding: 2rem 0 !important;}

.header__submenu {background-color: #8DA178; color: #000; border-radius: 10px !important; border: none !important;}


.mega-menu__link--level-2 {
  display: flex !important; 
  gap: 5px; 
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  }


/* ------ ADDITIONAL MENU LINKS ----------*/

.header__icon--menu {min-height: 44.8px;}

.header-btn:hover {color: #454C54;}

.header__menu-item.link:hover::before {
  content: '•';
  padding-right: 5px;
  z-index: 10;
}

.header__icons {gap: 18px; padding: 0; min-height: 44.8px;}
.header__icon {margin: 0 !important;}
.header__icon--cart {padding: 0 !important;}

.header__icon, 
.header__icon--cart svg, 
.header__icon, 
.header__icon--cart .icon {
  height: 20px;
  width: 20px;
  padding: 0;
  }

.cart-count-bubble {bottom: .8rem; left: 1.2rem;}


.header__icons {align-items: center;}
.additional-links {display: flex; align-items: center; justify-content: center; gap: 10px;}
.additional-links a {text-decoration: none; color: rgba(var(--color-foreground), 1) !important;}
.header-btn {min-height: 37px !important; max-height: 37px !important; line-height: 1;}


header-drawer {margin-left: 0rem !important;}

@media only screen and (max-width: 990px) {
  .additional-links, .header__icons .button {display: none;}
  .header {padding: 10px 15px !important;}
  }


.additional-links a,
.additional-links-mobile a,
.header__icon:not(.header__icon--summary), 
.header__icon span,
.header__icon--account, 
.header__icon--cart,
.header__submenu .header__menu-item,
.list-menu__item {
  font-family: 'ABCROM-Regular', serif !important;
  letter-spacing: 0.10px !important;
  font-size: 16px !important; 
  text-transform: none !important;
  }




/* ------ BUTTONS ----------*/

.button, .price {letter-spacing: 0 !important;}

.button {
  font-family: 'ABCROM-Regular', serif !important;
  font-size: 16px;
  }

.button--primary, 
.button--secondary {
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    }

.button--secondary {background-color: transparent;}
.button--secondary:hover {background-color: rgb(var(--color-button-text));}

.button--alt {
    min-width: 30px;
    min-height: 20px;
    font-size: 16px;
    font-family: 'ABCROM-Regular', serif !important;
    background: none;
    color: rgba(var(--color-foreground), 1);
    border-radius: 0;
    padding: 0;
    text-transform: capitalize;
    text-decoration: underline;
    text-underline-offset: 5px;
    line-height: 1.7;
    letter-spacing: 0.10px !important;
    }

.button--alt:hover {opacity: 0.7;}


.list-menu {align-items: center;}

.banner__box>*+.banner__buttons, .rich-text__blocks>*+* {margin-top: 3rem !important;}


/*.slider-buttons {margin-top: 20px;}*/
/*.slider-counter {display: none !important;}*/


.header__icons {justify-content: center;}
.header__icon--account, .header__icon--cart {align-self: center !important;}

/* ------ FAQ ----------*/

.collapsible-content-cols {width: 60%; margin: auto;}

.accordion__content {padding: 20px 0 !important;}

.accordion__title {
    font-size: 16px;
    font-family: 'ABCROM-Regular', serif !important;
    letter-spacing: 0.25px !important;
    }

.collapsible-content summary:hover {opacity: 0.7; background: transparent !important;}
.collapsible-content summary:hover .accordion__title {text-decoration: none !important;}

@media screen and (max-width: 749px) {
  .collapsible-content-cols {width: 95%; margin: auto;}
  }



/* ------ Collage ----------*/

.collage {display: flex !important;}

.collage .media img {
    display: block;
    max-width: 100%;
    position: relative !important;
}


/* ------ BORDER SECTIONS ----------*/

.section:has(> .border-section ) {
  max-width: 90%;
  margin: 0 auto;
  padding: 0;
  }

@media screen and (max-width: 749px) {
  .section:has(> .border-section ) {max-width: 95%;}
  }

/* ------ HOME PAGE - KEY POINTS ----------*/


.key-points h3 {
  font-family: 'Apris-Light', serif !important;
  font-size: 6em !important;
  }

.key-points p {
  font-size: 18px;
  font-family: 'ABCROM-Regular', serif !important;
  letter-spacing: 0.25px !important;
  }

@media screen and (max-width: 749px) {
  .key-points .grid__item {width: 33.33% !important; max-width: 33.33% !important;}
  .key-points .grid {column-gap: 0; row-gap: 0;}
  .key-points h3 {font-size: 4em !important;}
  .key-points p {font-size: 16px;} 
  .key-points .multicolumn-card__info {padding: 1rem !important;}
  /*.key-points .multicolumn-list:not(.slider) {padding: 0 !important;}*/
  }


/* ------ HOME PAGE - KEY POINTS ----------*/

.text-area, .select, 
.field__input, 
.select__select, 
.customer .field input, 
.customer select {
    background-color: #EFEFDC;
}


/* ------ OPEN BOOK MULTICOLUMN ----------*/

.open-book .multicolumn-list__item {margin-top: 0 !important;}

.open-book .image-with-text__grid--reverse .grid-item-list {padding-right: var(--grid-desktop-horizontal-spacing);}
.open-book .image-with-text__grid--non-reverse .grid-item-list {padding-left: var(--grid-desktop-horizontal-spacing);}
.open-book .image-with-text-header-item {position: sticky; top: 125px; max-height: calc(100vh - 172px);}
.open-book .button {margin-top: 0rem !important;}

@media screen and (max-width: 749px) {
  .open-book .image-with-text-header-item {position: relative; top: 0; max-height: auto;}
  .open-book .image-with-text__grid--reverse .grid-item-list, 
  .open-book .image-with-text__grid--non-reverse .grid-item-list {padding-left: 0; padding-right: 0; padding-top: 10px;}
  .open-book .multicolumn-list {padding-left: 0rem !important; padding-right: 0rem !important;}


  .multicolumn .title-wrapper-with-link {padding: 0;}
  .multicolumn .page-width {width: calc(100% - 4rem / var(--font-body-scale));}

  .open-book .page-width {padding: 15px 0 !important; width: 95% !important;} 
  
  .multicolumn-list:not(.slider) {padding: 0 !important;}
  .image-with-text__content {padding: 7% 5% !important;}
  .grid {column-gap: 10px; row-gap: 10px;}

}



@media screen and (max-width: 749px) {
.scroll-section .inner-con {padding: 0;}
.scroll-section .page-width {max-width: 100%;}
.scroll-section .title-wrapper-with-link {padding: 0;}
}



.multicol-smaller-img .multicolumn-list__item:first-child {display: flex !important; gap: 20px;}

.multicol-smaller-img .multicolumn-list__item:first-child:after {
  content: '';
  display: inline-block;
  width: 110px;
  height: 110px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/cdn/shop/files/circle.png);
  padding: 0 20px 0 0;
}


.added-bullets .multicolumn-card {display: flex !important; gap: 15px;}
.added-bullets .multicolumn-card:before {
  padding-top: 2px;
  content: '•';
  display: inline-block;
  
}
  
/* ------ MULTICOLUMN ----------*/

.multicolumn-card__image-wrapper {position: relative;}
.multicolumn-label {
  background-color: #F6F5F0; 
  border-radius: 30px;
  padding: 8px 20px; 
  position: absolute;
  z-index: 9;
  top: 10px; 
  left: 10px;
}

@media screen and (min-width: 750px) {
  .background-none .multicolumn-card__image-wrapper {margin-left: 0rem !important; margin-right: 0rem !important;}
  .background-none .multicolumn-list .multicolumn-card__info, 
  .background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}


/* ------ BANNER ----------*/

@media only screen and (min-width: 750px) {
  .banner--content-align-left.banner--desktop-transparent .banner__box, 
  .banner--content-align-right.banner--desktop-transparent .banner__box, 
  .banner--medium.banner--desktop-transparent .banner__box {max-width: 60% !important;}
  }

/* ------ IMAGE / TEXT ----------*/

.image-with-text__text-item img {width: 300px; height: 300px;}


/* ------ HERO BANNERS ----------*/

.banner__box {position: relative; padding: 4rem 0 !important;}

.banner__heading {
  top: 0;
  white-space: nowrap;
  display: flex; 
  gap: 30px; width: 100vw !important; 
  overflow: hidden; 
  position: relative;
  min-height: 80px;
  }

.banner__heading div {
  display: flex; gap: 30px; width: 100vw !important; 
  position: absolute; animation: marquee 20s linear infinite;
  }

.hero-banner, .password-banner {height: 100vh;}

.page-banner .banner__heading, 
.hero-banner .banner__heading, 
.password-banner .banner__heading {font-size: 4em; margin-bottom: 20px;}

.page-banner .banner__text, 
.hero-banner .banner__text , 
.password-banner .banner__text  {font-size: 16px;}

.page-banner .banner__box,
.hero-banner .banner__box {width: 100% !important; max-width: 100% !important; padding: 1rem 0 !important;}

.page-banner .banner__content,
.hero-banner .banner__content,
.password-banner .banner__content {mix-blend-mode: difference;align-items: flex-end;}


@keyframes marquee {
  0% {left: 0vh;}
  100% {left: -100%;}
  }

@media screen and (max-width: 749px) {
  .password-banner {height: 100vh !important;}
  .hero-banner {height: 70vh !important;}
  .banner__content {padding: 8rem 0rem 4rem 0!important; max-width: 100% !important;}
  .banner__heading {margin-bottom: 0;min-height: 60px;}
  
  .page-banner .banner__heading, 
  .hero-banner .banner__heading, 
  .password-banner .banner__heading {margin-bottom: 0px;}
}

@media only screen and (min-width: 750px) {
  .banner--content-align-left.banner--desktop-transparent .banner__box, 
  .banner--content-align-right.banner--desktop-transparent .banner__box, 
  .banner--medium.banner--desktop-transparent .banner__box {max-width: 100% !important; padding: 0;}
  .banner__content {padding: 8rem 0rem !important; max-width: 100% !important;}
}

@media screen and (max-width: 749px) {
  .banner__media-half { width: 100% !important;}
  .banner__media-half:nth-child(2) {display: none;}
}


/* ------ SHOP THE SHELF ----------*/

.shop-the-shelf .image-with-text__media-item {
  padding: 0; padding-left: 40px;
  display: flex; 
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  }

.double-image-con {padding-top: 30px; width: 100%; display: flex; justify-content: space-between; gap: 40px;}
.double-image-con img {width: calc(50% - 20px); height: auto; object-fit: contain;}


.shop-the-shelf .grid__item {min-height: 790px;}
.image-with-text__text-item .image-with-text__text--caption {padding-bottom: 30px;}

.text-btn-con {
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
  }

.text-btn-con p {margin-bottom: 0 !important;}
.text-btn-con:after {display: none;}

.text-push .image-text-inner:nth-last-child(2){margin-top: auto;}


@media screen and (max-width: 749px) {
  .shop-the-shelf .grid__item {min-height: auto; margin-top: 0px;}
  .shop-the-shelf .image-with-text__heading {margin-top: 0;}
  .shop-the-shelf .image-with-text__media-item {padding-left: 0px; padding-top: 50px;}
  .double-image-con {padding-top: 10px; gap: 10px;}
  .double-image-con img {width: calc(50% - 5px);}
  .text-btn-con {flex-direction: column; gap: 20px;}
}
  

/* ------ ABOUT + SERVICES ----------*/

.about-section-01 .image-with-text__content {padding: 0 15em 0 0;}
.about-section-01 .image-with-text-img {margin-bottom: auto;}

.service-section-01 .image-with-text__content {padding: 0 0 0 9em;}
.service-section-01 .image-with-text-img {margin-bottom: auto;}

.service-section-01 .image-with-text__text:nth-child(2) {margin-top: auto;}

@media screen and (max-width: 749px) {
  .about-section-01 .image-with-text-img {display: none;}
  .about-section-01 .image-with-text__content {padding: 2em 0 1em 0;}

  .split-section-V1 .image-with-text-img {display: none;}
  .split-section-V1 .image-with-text__content {padding: 2em 0 1em 0;}
  
  .service-section-01 .image-with-text-img {display: none;}
  .service-section-01 .image-with-text__content {padding: 2em 0 1em 0;}
  }




/* ------ PRODUCTS ----------*/

.product__title+.product__text.caption-with-letter-spacing {margin-top: 1rem !important;}

.template-product .quantity__label {display: none;}
.template-product .quantity {min-height: calc(3.5rem + var(--buttons-border-width)* 2);}


.template-product .quantity__input {padding: 0;}
.template-product .product-form__input {max-width: 40px; background-color: #fff; border-radius: 50px !important;}
.template-product .buy-buttons {padding: 20px 0; display: flex; align-items: flex-start; justify-content: flex-start; gap: 8px; width: 100%; max-width: 100%; margin: 0;}

.template-product .product-form__submit {min-width: 250px;}
.template-product .product-form__input, .template-product .product-form {margin: 0 !important;}
.template-product .price-per-item__container {width: 100%;}

.product .price .badge {display: none;}


@media screen and (min-width: 750px) {
    .product__media-list {
        column-gap: 30px !important;
        row-gap: 30px !important;
    }
}

.rte ul, .rte ol {
  list-style-position: outside !important;
  padding-left: 25px !important;
}




@media screen and (min-width: 750px) {
  .product--right .product__info-wrapper {padding: 0 15rem 0 0 !important;}
  }

@media only screen and (min-width:900px) { 

  .product--stacked .product__media-item {max-width: 100% !important;}
  
  .product--small .thumbnail-list.slider--tablet-up li.thumbnail-list__item.slider__slide {
    transform: rotate(-90deg);
    width: calc(20% - .8rem);
  }
  
  .grid__item.product__media-wrapper slider-component.thumbnail-slider {
    position: absolute;
    top: 0;
    transform: rotate(90deg);
    width: 500px; /* manage width of small image */
    left: 100px;
    transform-origin: left top;
    height: 100px;
    overflow: hidden;
  }

  
  .grid__item.product__media-wrapper {position: relative; padding-left: 100px;}
  
  .thumbnail-list.slider--tablet-up li.thumbnail-list__item.slider__slide {
    transform: rotate(-90deg);
    width: calc(16.8% - .8rem); /* decrease percentage and it will increase items */
  }
}
@media screen and (max-width: 750px) {
.product__info-wrapper {padding-top: 50px;}
}

/* ------ CONTACT ----------*/

.contact__button {display: flex; align-items: center; justify-content: center;}
.template-name--contact .rich-text__text a {font-size: calc(var(--font-heading-scale)* 2rem);}

.template-name--contact form {width: 100%;}
.template-name--contact .contact__fields {display: flex; align-items: center; justify-content: center; gap: 15px;}
.template-name--contact .custom-field {width: 100%;}
.template-name--contact .custom-contact-form input  {width: 100%; margin-bottom: 15px;}
.map {border-radius: 10px;}
.template-name--contact input, .template-name--contact textarea {text-align: center;}
.template-name--contact .contact__button {margin-top: 15px;}
.template-name--contact .contact__button button {width: 100%;}
.custom-contact-form .image-with-text__text {padding: 0 15%; margin-bottom: 3rem;}


@media screen and (max-width: 750px) {
  .custom-contact-form .image-with-text__text {padding: 0 2%;}
  .template-name--contact .image-with-text__content {padding: 10% 2%;}
  }


/* ------ COLLECTION ----------*/

.collection-with-image {display: flex; align-items: flex-start;}
.collection-page-image {width: 50%;}
.collection-page-image img {width: 100%; height: auto;}
.collection-with-image .product-grid {margin: 0; width: 50%; padding-left: 5rem;}


@media screen and (max-width: 750px) {
  .collection-page-image {display: none;}
  .collection-with-image .product-grid {margin: 0; width: 100%; padding-left: 0rem;}
  }


/* ------ SIGNUP ----------*/

.newsletter__wrapper {display: flex; align-tiems: center; justify-content: space-between;}
.newsletter__wrapper>*+* {margin-top: 0rem !important;}
.newsletter__wrapper h2 {font-family: 'NeueHaasUnicaPro-Regular', sans-serif !important;}

@media screen and (max-width: 750px) {.newsletter__wrapper {flex-direction: column;}}

/* ------ PRIVACY ----------*/

.shopify-policy__container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto; 
  padding: 0;
  }


.shopify-policy__title {text-transform: capitalize; background-color: #F1EEE9; width: 100%; padding: 100px 30px;}
.shopify-policy__body {max-width: 60%; margin: auto; padding: 80px 0;}

@media screen and (max-width: 750px) {
  .shopify-policy__title {padding: 60px 30px;}
  .shopify-policy__body {max-width: 95%; margin: auto; padding: 30px 0;}
  }



/* ------ PRIVACY POPUP ----------*/

.shopify-pc__banner__dialog h2 {
  font-family: 'NeueHaasUnicaPro-Regular', sans-serif !important;
  font-size: calc(var(--font-heading-scale)* 3rem) !important;
  }

.shopify-pc__banner__dialog {
    position: fixed;
    z-index: 2000000;
    box-shadow: none !important;
    max-height: 90%;
    box-sizing: border-box;
    opacity: 1;
    padding: 32px;
    background-color: #8DA178 !important;
    bottom: 20px !important;
    right: 20px !important;
    max-width: 500px !important;
    border-radius: 10px !important;
}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {
    text-transform: uppercase;
    font-family: 'NeueHaasUnicaPro-Regular', sans-serif !important;
    border: 1px solid #33331C !important;
    background: transparent !important;
    color: #33331C !important;
    }

.shopify-pc__banner__btn-manage-prefs {    
    font-family: 'NeueHaasUnicaPro-Regular', sans-serif !important;
    }

.shopify-pc__banner__dialog button {
    padding: 5px 20px !important;
    margin: 10px 10px 0 0 !important;
    border-radius: 30px !important;
    line-height: 90% !important;
}








.custom-collection-section, .custom-multicol {display: flex; gap: 50px; border: 0px solid transparent;}
.custom-collection-section .collection__title {width: 50%; border-radius: 10px; padding: 3% !important; order: 2; color: #FAFFE9;}
.custom-multicol .collection__title {width: 50%; border-radius: 10px; padding: 3% !important; order: 1; color: rgb(var(--color-foreground));}

.custom-multicol .collection__description,
.custom-collection-section .collection__description {padding: 20px 0;}

.custom-multicol slider-component {width: 50%; order: 1;} 
.custom-collection-section slider-component {width: 50%; order: 1;}                                                                                             

.custom-collection-section .multicolumn-card-spacing,
.custom-multicol .multicolumn-card-spacing{margin: 0; padding: 0;}

.custom-multicol .multicolumn-card__info {padding: 2rem 0;}

.custom-multicol .grid, .custom-collection-section .grid {
  margin: 0;
  column-gap: 16px;
  row-gap: 16px;
  }

.custom-multicol .multicolumn-list:not(.slider) {padding-left: 0rem; padding-right: 0rem;}

@media screen and (max-width: 750px) {

.custom-multicol slider-component {padding: 1.5rem;}
.template-index .custom-multicol slider-component {padding: 0rem;}  
  
.custom-collection-section, .custom-multicol {flex-direction: column; gap: 10px; width: 100% !important; max-width: 100%;}
  
.custom-collection-section .collection__title {
  width: calc(100% - 3rem); 
  margin: auto; 
  border-radius: 10px; 
  padding: 5% !important; 
  order: 1; 
  color: #FAFFE9; 
  min-height: 400px;
  }
  
.custom-multicol .collection__title {
  width: calc(100% - 3rem);  
  margin: auto; 
  border-radius: 10px; 
  padding: 5% !important; 
  order: 1; 
  color: rgb(var(--color-foreground)); 
  min-height: 400px;
  }
  
.custom-multicol slider-component {width: 100%; order: 1;} 
.custom-collection-section slider-component {width: 100%; order: 1;}   
    }




/* ------ MULTICOLUMN SLIDER ----------*/

.multicolumn-slider {
    padding-left: 0px;
    padding-top: 30px !important;
}

.multicolumn-slider .slider__slide:first-child {margin-left:5% !important;}
.multicolumn-slider .slider__slide:last-child {margin-right: 5% !important;}

@media screen and (min-width: 750px) {
    .multicolumn-slider .multicolumn-card__image-wrapper {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .multicolumn-slider .multicolumn-list  .page-width {
        padding: 0 !important;
      width: 100%; max-width: 100%; min-width: 100%;
    }

         .multicolumn-slider  .page-width {
        padding: 0 !important;
      width: 100%; max-width: 100%; min-width: 100%;
           overflow: hidden;
    }
}

@media screen and (min-width: 990px) {
    .multicolumn-slider .grid__item {
        width: calc(22% - var(--grid-desktop-horizontal-spacing)* 2 / 3) !important;
        max-width: calc(22% - var(--grid-desktop-horizontal-spacing)* 2 / 3) !important;
    }
}

.multicolumn-slider .slider-buttons {padding: 40px 15% 0 15% !important;}

.multicolumn-slider .slider-button {
  background-color: #EFEFDC !important; 
  width: 50%;
  height: 5px;
  }

.multicolumn-slider .multicolumn-card__info {
    padding: 1.5rem 0 0 0 !important;
}

.multicolumn-slider .slider-button .icon {display: none;}

.multicolumn-slider .slider-button[disabled] {
    background-color: #8DA178 !important; 
    cursor: not-allowed;
}


.multicolumn-slider .multicolumn-list {
  max-width: 100vw;
  overflow-x: scroll;
  overflow-y: visible;
  position: relative;
}

.grid--2-col-tablet.slider--everywhere .multicolumn-list__item {margin-top: 0;}

.multicolumn .slider--everywhere+.slider-buttons {display: flex;}


@media screen and (max-width: 749px) {
  .multicolumn-slider .page-width {max-width: 100% !important; width: 100% !important;}
  .slider-buttons {display: none !important;}

  .multicolumn-slider .slider__slide:first-child {margin-left:1.5rem !important;}
  .multicolumn-slider .slider__slide:last-child {margin-right: 1.5rem !important;}  
  }




/* ------ GENERAL FLEX ----------*/

.flex {display: flex; align-items: center;}
.space-between {justify-content: space-between}



/* ------ MULTICOLUMN TWO COL ----------*/

.about-two-col .multicolumn-card {display: flex; gap: 40px;}
.about-two-col .multicolumn-card img {position: relative !important; width: 100% !important;}
.about-two-col .multicolumn-card .multicolumn-card__info {width: 50% !important; padding: 0;}
.about-two-col .multicolumn-card .multicolumn-card__image-wrapper {width: 40% !important;}
.about-two-col .multicolumn-card .media {padding-bottom: 0 !important;}
.about-two-col .collection__title {margin-bottom: 0;}
.about-two-col .grid {gap: 40px;}

@media screen and (max-width: 500px) {
  .about-two-col .multicolumn-card {flex-direction: column; gap: 20px;}
  .about-two-col .multicolumn-card .multicolumn-card__info {width: 100% !important; padding: 0;}
  .about-two-col .multicolumn-card .multicolumn-card__image-wrapper {width: 100% !important;}
  }

.about-two-col .multicolumn-card__info {display: flex; flex-direction: column; justify-content: space-between;}


.two-col .page-width {width: 100% !important; max-width: 100% !important; padding: 10px;}
.two-col .multicolumn-card {position: relative;}
.two-col .multicolumn-card__image-wrapper {position: static; margin: 0 !important;}
.two-col .multicolumn-card__info {position: absolute; top: 0;}
.two-col .grid {column-gap: 10px; row-gap: 10px;}

.two-col .grid--2-col-desktop .grid__item {
        width: calc(50% - 5px);
        max-width: calc(50% - 5px);
}

@media screen and (max-width: 700px) {
  .two-col .grid--2-col-desktop .grid__item {
        width: 100%;
        max-width: 100%;
}
}


.two-col .inline-richtext {
  font-family: 'Apris-Light', serif !important; 
  font-size: 2em !Important;
  }


.two-col .multicolumn-card__info { 
  padding-left: 6rem !important;
  padding-right: 6rem !important;
  }

.multicolumn-slider .slider-mobile-gutter {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 80px;
    }






@media only screen and (max-width: 750px) {
  
.template-index .rich-text--full-width,
  .template-index .rich-text--full-width,
  .template-index .collection {padding: 40px 0;}
  .two-col .page-width {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100% !important;
    max-width: 100% !important;
}

  .template-index .rich-text--full-width {padding: 40px 0 0 0;}
  
}


/* ------ SINGLE TESTIMONIAL ----------*/

.single-testimonial {padding: 0 5%;}

@media screen and (min-width: 750px) {
  .single-testimonial .rich-text__blocks {max-width: 100%;}
  .single-testimonial .rich-text__heading {margin-top: 10% !important;}
}


/* ------ IMAGE WITH BORDER ----------*/

.image-text-border .image-with-text__content {padding: 0;}
.image-text-border .image-with-text__text-item,
.image-text-border .image-with-text__media-item {padding: 5%;}

.image-text-border-bottom .image-with-text__content {padding: 0;}
.image-text-border-bottom .image-with-text__text-item,
.image-text-border-bottom .image-with-text__media-item {padding: 5%;}


@media only screen and (max-width: 750px) {
.image-text-border .image-with-text__content {padding: 0;}
.image-text-border .image-with-text__text-item,
.image-text-border .image-with-text__media-item {padding: 2.5%;}

.image-text-border-bottom .image-with-text__content {padding: 0;}
.image-text-border-bottom .image-with-text__text-item,
.image-text-border-bottom .image-with-text__media-item {padding: 0%;}

}

/* ------ FAKE SCROLL ----------*/

.fake-scrollbar {
  display: none;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 0%; /* Center the fake scrollbar (100% - 70%) / 2 */
  height: 8px; /* Height of the fake scrollbar */
  width: 100%;
  background-color: #fff; /* Scrollbar track color */
  cursor: pointer;
  border-radius: 5px;
  }

.fake-thumb {
  position: absolute;
  height: 100%;
  background-color: #C9C0B5; /* Scrollbar thumb color */
  width: 20%; /* Initial thumb width */
  cursor: pointer;
  left: 0;
  border-radius: 5px;
}



/* ------ FOOTER NEWSLETTER ----------*/

@media screen and (min-width: 750px) {
  .newsletter-form {margin: 0 !important; max-width: 100% !important;}
  }

.newsletter-form__field-wrapper {max-width: 100% !important;}

.footer-newsletter {width: 100%; display: flex; align-items: center;justify-content: space-between; gap: 5px;}

.footer-newsletter .button {width: 30%;}

.footer-newsletter input {
  text-align: center;
  width: 70%;
  background-color: #FAFFE9;
  border: none !important;
  border-radius: 30px; padding: 10px;
  }


/* ------ FOOTER ----------*/

.footer {border-top: none !important;}
.footer__blocks-wrapper {width: 100%;}
.footer .page-width {display: flex;}

.footer-subtext {padding-top: 30px; font-size: 0.9em;}

.footer-block--img {max-width: 300px !important;}
.footer-block--text {text-align: right; margin-left: auto;}

.footer-block--text em {font-style: normal; padding-bottom: 8px; font-size: 1.6rem;}
.footer-block--text a em {text-decoration: underline;}

.footer .rte a {text-decoration: none;}

.footer-block {width: auto !important;}
.footer-block__image-wrapper {width: 100%; max-width: 100%;}

@media screen and (max-width: 1300px) {
  .footer__content-top {padding: 0 !important;}  
  .footer .grid {display: flex !important;}
  
  .footer-block__image-wrapper img {width: 100%;}
  .footer-block__details-content {margin-bottom: 0rem;}
  
  .footer-block.grid__item,
  .footer-block--img {
    max-width: calc(25% - var(--grid-mobile-horizontal-spacing) / 4);
    width: calc(25% - var(--grid-mobile-horizontal-spacing) / 4); 
    margin: 0 !important;}  
  }


@media screen and (max-width: 749px) {
    .footer__content-top {padding: 0 !important;}
  .footer .grid {display: flex !important;}
  
  .footer-block.grid__item,
  .footer-block--img {
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) !important;
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) !important;
    margin: 0 !important;}

  .footer-block--text em {font-style: normal; padding-bottom: 5px; font-size: 1.4rem;}
  .footer-subtext {padding-top: 20px; font-size: 0.8em;}
  .footer-block__details-content {margin-bottom: 0rem !important;}
  .footer-block--text {text-align: left;}
    }



/* ------ END FOOTER ----------*/





/* POPUP */

.custom-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 7 !important;
}

.popup-content .video-section__poster, .popup-content .video-section__media iframe, .popup-content .video-section__media video,
.popup-content video {position: relative !important;}

video, .deferred-media__poster img {border-radius: 10px !important;}
  
.popup-content video {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block; 
  border-radius: 10px !important;  
  }

.popup-content {
  box-sizing: border-box;
  padding: 30px 50px;
  background: #33331C;
  border-radius: 10px;
  max-width: 450px;
  max-height: 80vh;
  width:  100%;
  height: auto;
  position: relative;
}

.close-button svg {fill: #FAFFE9;}
.close-button {
  width: 24px; height: 24px;
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 30px;
  cursor: pointer;
  color: #FAFFE9;
  }



/* ------------ FORMS --------------*/

.contact-page-header {text-align: center; padding: 0 7% 7% 7%;}

@media screen and (min-width: 750px) {
    .contact .field {margin-bottom: 10px !important;}
}

.field__label {display: none !important;}

.field textarea,
.form__select select,
.caption-large, 
.customer .field input, 
.customer select, 
.field__input, 
.form__label, 
.select__select {
  padding: 15px;
  font-size: 14px !important;
  font-family: 'ABCROM-Regular', serif !important;
  letter-spacing: 0.10px !important;
  text-transform: none !important;
  line-height: 1.5em;
  text-align: center;
  width: 100%;
  color: #454C54;
  border: 1px solid #F6F5F0;
  background-color: #F6F5F0 !important;
  border-radius: 26px;
  }

select {
  -webkit-appearance: none;
  appearance: none;
}
.select-wrapper {
  position: relative;
}

.select-wrapper::after {
  content: "▼";
  font-size: 1rem;
  top: 6px;
  right: 10px;
  position: absolute;
}


.field-half {width: 50%; padding: 0 3px; float: left;}
.field-textarea, .form__select {min-height: 50px; width: 100%; padding: 0 3px; float: none; clear: both;}
.form__select select {min-height: 50px;}
.contact__button {clear: all;}


::placeholder {
  font-size: 14px;
  text-align: center;
  color: #454C54; !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

*:focus-visible {
    border: 1px solid #fff !important; 
    outline: none !important; 
    box-shadow: none !important; 
}


.radio-group {border: none !important; padding: 20px 5px; display: block !important;  margin: 0;}

.field-label {font-size: 14px; text-align: center; display: block !important;}

.radio-con {padding-top: 20px; display: flex; gap: 20px; justify-content: center; font-size: 14px;}
.radio-option {display: flex; align-items: center; justify-content: center; gap: 7px;}
.radio-option input[type="radio" i] {margin: 0;}
.checkbox-field {width: 100%; padding: 20px 20%; display: flex; gap: 7px; align-items: flex-start; ljustify-content: flex-start; font-size: 14px;}

@media only screen and (max-width: 750px) {
  .contact-page-header {text-align: center; padding: 0 1% 7% 1%;}
  .field-half {width: 100%; float: none;}
  .checkbox-field {padding: 20px 0%;}
  .radio-con {padding-top: 20px; gap: 10px; flex-wrap: wrap;}

  
  
.caption-large, 
.customer .field input, 
.customer select, 
.field__input, 
.form__label, 
.select__select {font-size: 14px; min-height: 40px;}
  
}



.custom-radio-group {
  margin-bottom: 20px;
}

.custom-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 8px;
  position: relative;
  padding-left: 28px;
  font-size: var(--font-body-size);
}

.custom-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-mark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  background-color: white;
  border-radius: 50%;
}

.custom-radio input[type="radio"]:checked ~ .radio-mark::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  background-color: #707070;
  border-radius: 50%;
}

/* ------ PASSWORD PAGE ----------*/

.password-header {padding: 2rem;}
  
.password-logo {width: 100%; margin-bottom: 0rem;}

@media only screen and (min-width: 750px) {
  .password-header {display: flex; align-items: center; padding: 2rem;}
  }

#shopify-section-main-password-header {position: fixed !important; z-index: 999; width: 100%;}






@media screen and (max-width: 749px) {
    .rich-text__wrapper {padding: 3% 0;}
}