/** Shopify CDN: Minification failed

Line 1246:0 Unexpected "}"

**/
html {
  scroll-behavior: smooth;
}


h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

.sign-up h1, .klaviyo-form h1 {
  line-height: 3.5em !important;
}

.sign-up .needsclick.klaviyo-form.klaviyo-form-version-cid_1 {
  margin: 24px !important;
  border-radius: 20px !important;
  box-sizing: border-box !important;
  width: calc(100vw - 48px)!important;
}

.sign-up .needsclick.klaviyo-form.klaviyo-form-version-cid_1 > .needsclick {
  max-width: 750px;
  margin: 0 auto !important;
}

/*---- temporary code -----*/

.header__icons, .menu-drawer__account {
  display: none !important;
}


/*-----
MEGA MENU
-------*/

.mega-menu__list {
  display: flex!important;
  gap: 8rem!important;
}

.mega-menu summary.list-menu__item {
  padding-right: 3rem!important;
}

.mega_column-image-wrapper {
    padding-bottom:66.66% !important;
}

/*menu open overlya

#MainContent.menu-open {
  overflow: hidden;
  position: relative;
}

#MainContent.menu-open::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
  display: block;
}

#MainContent.menu-open {
  filter: blur(3px);
  pointer-events: none;
  transition: filter 0.3s ease-in-out;
}

.mega-menu {
  position: relative;
  z-index: 10;
}


*/

/*tranisition*/

.mega-menu__content {
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, visibility 0.5s;
}

.mega-menu .mega-menu__content {
  opacity: 0;
  transform: translateY(-100vw);
}

.mega-menu[open] .mega-menu__content {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
}

/*mega menu collection title*/
a#HeaderMenu-shop-collections {
    font-weight: normal;
    letter-spacing: 0;
    font-size: var(--font-body-size);
    padding-bottom: 25px !important;
    pointer-events: none;
}
a#HeaderMenu-shop-collections:after{
  display: none;
}
@media screen and (max-width: 750px)  {
  .submenu a[href="/collections"] {
    display: none !important;
  }
}

/*mega menu links*/
.list-unstyled li>a.mega-menu__link {
  font-size: 3rem!important;
  font-family: 'bookmania'!important;
  letter-spacing: 0;
}


/*mega menu columns*/
.mega-menu_columns h3.mega-heading {
    margin-bottom: 0;
}

.mega-menu_columns h3.mega-heading a {
    letter-spacing: 0;
    font-size: var(--font-body-size);
  color: var(--color-black);
}

/*---- DROPDOWN MENU -----*/


#MegaMenu-Content-1 {
  padding-left: 24px !important;
  padding-right: 24px !important;
  max-width: 169rem;
  margin: 0 auto;
  border-radius: 10px;
  width: calc(100vw - 48px);
     -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
  background-color: rgba(255, 255, 255, 1);
  border: 1px dotted;
}

/*-- mega columns --*/

.mega-menu__list.page-width {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  padding: 0rem!important;
}

/*-- mega titles --*/

.mega-menu__link {
  opacity: 1!important;
  color: black!important;
}

.mega-menu__list li a.mega-menu__link--level-2 {

} 

/*--- mega links --*/
.mega-menu__list li {
  padding: 0.8rem 0rem 0.8rem 0rem;
}

.mega-menu__list li a.mega-menu__link {
  text-transform: none;
  padding: 0px!important;
}



/*-----*/
.mega-menu__content {
  top: 130% !important;
}

ul.mega-menu__list.page-width.mega-menu__list--condensed {
  padding: 0 4rem;
}


ul.mega-menu__list.page-width.mega-menu__list--condensed li a {
  padding: 1rem 0rem;
}

/*hover line on mega menu*/
li>a.mega-menu__link:after {
  bottom: 0px;
}

/*no padding on links*/
.mega_column-content .card__information a {
    padding: 0!important;
}





























/*----------

GLOBAL

-----------*/

html {
  scroll-behavior: smooth;
}



p {
  letter-spacing: 0em!important;
}

/*
.deferred-media__poster-button{
 display:none !important;
}
@media screen and (max-width:749px) {

  .product__modal-opener:not(.product__modal-opener--image) {
    display: none !important;
}

.product__media-list .deferred-media {
    display: block !important;
    width: 100%;
}
}*/



h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
 letter-spacing: -0.03em;
  line-height: 1.1em !important;
}


h1 em, h2 em {
font-family: "bookmania", serif;
font-weight: 300;
font-style: normal;
}

.image-with-text__text--caption {
  font-family: var(--font-heading-family) !important;
  opacity: 1!important;
}

h2._textHeading_2aowh_35 {
  font-family: var(--font-heading-family) !important;
}


:root {
  --font-heading-family: "almarai", sans-serif;
  --forms-heading-font: "almarai", sans-serif;
  --color-blue: #C9DDD7;
  --color-off-white: #FBF9F6;
  --color-orange: #CE5C1D;
  --color-black: #110706;
  --color-brown: #4E2B23;
  --color-cream: #EDE4D6;
}


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

.button.button--primary {
  transition: 0.5s ease;
}
.cart-count-bubble {
  transition: 0.2s ease;
}
.button.button--primary:hover, .header__icon--cart:hover .cart-count-bubble {
  background-color: var(--color-blue);
}


/*---- CARD MEDIA SIZE -----*/

/*.card__media   {
  height: 0!important;
  padding-bottom: 66.66%!important;
}
.card__inner {
  --ratio-percent: 72% !important;
}*/

/*----------

HEADER

-----------*/

.header {
  max-width: none!important;
}

header.header.header--middle-left.header--mobile-center.page-width.header--has-account {
    background-color: rgba(255, 255, 255, 0.6);
    margin: 24px;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    column-gap: 0rem;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
  border: 1px dotted;
} 
@media screen and (max-width: 749px) {
  header.header.header--middle-left.header--mobile-center.page-width.header--has-account {
    margin: 1.5rem;
  }
}

.header__heading-logo-wrapper {
    display: flex;
}


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

/*nav items*/
.header.header--middle-left .list-menu--inline {
    justify-content: flex-end;
}

a.header__menu-item {
    text-transform: capitalize;
    letter-spacing: 0;
}

.header__menu-item {
  padding: 1.2rem 3rem;
}

/*dropdown styling*/
.header__submenu.list-menu {
  border: 1px dotted var(--color-black)!important;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

/*blog header */

.template-article .section-header.shopify-section-group-header-group {
    z-index: 3;
    position: fixed;
    width: 100%;
    background-color: transparent;
}


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

.header__icon--menu[aria-expanded=true]:before {
  display: none;
}
#menu-drawer {
    margin-top: 1.5rem;
    border-radius: 8px;
    border: 1px dotted;
    background-color: rgba(255, 255, 255, 1) !important;
    height: 89vh!important;
}
#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li {
  border: 0px!important;
}
.menu-drawer__account {
  text-transform: capitalize;
}
.submenu {
  margin-left: 1.5rem;
}
.submenu .menu-drawer__menu-item {
  font-size: 1.6rem!important;
  padding-top: 0!important;
}




.menu-drawer__utility-links {
  background-color: transparent!important;
}

/*----

main content blur

----*/

#MainContent {
  transition: filter 0.35s ease-out, opacity 0.35s ease-out !important;
  filter: blur(0px);
  opacity: 1;
  will-change: filter, opacity; 
}

#MainContent.blurred-content {
  filter: blur(5px);
  opacity: 0.5;
}

#MainContent.blurred-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
  z-index: 1;
  opacity: 1;
}

#MainContent {
  position: relative;
}

.menu-drawer-container {
    z-index: 99;
}


/*-----------

FOOTER

-----------*/


/*footer container padding*/
footer .card-row .ss-col-12 {
  padding: 0vw!important;
}

/*padding inside container*/

footer .ss-grid__item--social {
    display: flex;
    align-items: flex-end;
    padding-left: 24px;
    padding-bottom: 24px;
}
  footer .ss-grid__item--social  .list-social__item .icon {
    height: 3.2rem;
    width: 3.2rem;
  }


@media screen and (max-width: 749px) {
  footer .ss-grid__item--social {
    justify-content: flex-start!important;
    padding-top: 24px;
  }


  .footer-block__newsletter {
    width: 100%;
  }
}

footer a.link.list-social__link {
    padding-bottom: 0px;
    padding-left: 0px;
}

footer .ss-grid__item--Image:last-child {
      padding-right: 24px;
    padding-bottom: 24px;
}

footer .menu-one {
  padding-left: 24px;
    padding-bottom: 24px;
}

footer .copyright-info {
  padding-bottom: 24px;
}
.copyright-info p.image-with-text__text--caption {
    margin-bottom: 0 !important;
}
.copyright-info .ss-text__content {
  padding-bottom: 0px!important;
}



/*footer newsletter*/
@media screen and (min-width: 750px) {
  
  footer .ss-grid__item--newsletter .footer-block__heading {
    display: block!important;
    text-align: right;
  }
}

footer .ss-grid__item--newsletter {
  padding-right: 24px;
}
.newsletter-form__field-wrapper .field__input {
    border-radius: 300px;
  border: 1px dotted;
}

footer label.field__label {
    padding-left: 20px;
}

.newsletter-form {
  margin-right: 0px!important;
}

/*newsletter input*/
.field:after {
  border: 0px!important;
  display: none !important;
}


/*footer menu links*/

.list-menu__item, .copyright-info p {
  text-transform: capitalize !important;
  letter-spacing: 0em !important;
}


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

@media screen and (max-width: 749px) {
  .footer-brand-mark {
    display: none !important;
  }
  footer .menu-one, footer .ss-grid__item--social {
    padding-left: 1.5rem;
  }
  footer .ss-grid__item--newsletter {
    padding-right: 1.5rem;
  }
  footer .ss-grid__item.ss-grid__item--Image {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
  footer .newsletter-form__field-wrapper {
    max-width: none!important;
  }
   footer .ss-grid__item--newsletter .footer-block__heading {
     text-align: left;
   }

    footer .ss-col-12 {
      display: grid !important;
      grid-template-columns: 50% 50% !important;
  }
   footer .ss-grid__item {
     grid-column: 1 / 3;
   }
   footer .ss-grid__item.ss-grid__item--link_list {
    grid-column: unset;
     margin-top: 4rem;
  }
  footer .ss-grid__item.ss-grid__item--social {
    grid-column: unset;
  }
  footer .ss-grid__item.copyright-info {
    grid-column: unset;
  }
  footer .ss-grid__item.copyright-info p {
    text-align: right;
  }
}





/*-----------

BUTTONS

-----------*/

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



/*----------

CUSTOM CLASSES

----------*/

/*BACKGROUND-IMAGE OVERLAY*/
.background-image-overlay .section-background__image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.3;
  border-radius: 20px;
}

/*hide section on mobile */

@media screen and (max-width: 750px) {
  .ss-section.hide--mobile {
    display: none!important;
  }
}

/*power padding*/
.power-padding {
  padding-left: 24px!important;
  padding-right: 24px!important;
}
@media screen and (max-width: 749px) {
.power-padding {
  padding-left: 16px!important;
  padding-right: 16px!important;
}
}

/*power product padding*/
.power-product-padding {
  padding-left: 50px!important;
  padding-right: 50px!important;
}

/*overflow hidden*/

.overflow-hidden {
  overflow: hidden!important;
}

.blue-row .ss-col-12 {
    background-color: var(--color-blue);
}

/*card-row*/

.card-row .ss-col-12 {
    margin: 24px;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 24px;
}
@media screen and (max-width: 749px) {
  .card-row .ss-col-12 {
      margin: 0px;
      border-radius: 0px;
      padding: 16px;
  }
}
/*card-background*/

.card-background .section-background {
    margin: 24px;
    box-sizing: border-box;
}
@media screen and (max-width: 749px) {
  .card-background .section-background {
     margin: 16px; 
  }
}


.card-background .section-background img, .card-background .section-background__image {
      border-radius: 20px !important;
}


/* image curved borders */
.curved-borders .ss-image-wrapper img {
  border-radius: 10px;
}

.no-padding-left .ss-text__content {
  padding-left: 0px !important;
}
.no-padding-top .ss-text__content {
  padding-top: 0px !important;
}

@media screen and (max-width: 749px) {
  .no-mobile-padding-left {
  padding-left: 0px!important;
}
}



@media screen and (min-width: 768px) {
  /*no padding on text content - desktop only*/
  .no-padding-left {
    padding-left: 0px !important;
  }

  /* no text padding left*/
  .no--padding-right, .no-padding-right .ss-text__content {
    padding-right: 0px !important;
  }
  .no-padding-bottom, .no-padding-bottom .ss-text__content {
    padding-bottom: 0px !important;
  }
}

/*no padding left and right on all custom liquid sections
.ss-grid__item.ss-grid__item--liquid{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
*/
/*----------

GLOBAL SECTIONS 

------*/
.c-image-list {
    padding-left: 50px;
    padding-right: 50px;
    max-width: var(--page-width);
    margin: 0 auto;
}
.c-image-list__media img {
  border-radius: 20px !important;
}
.c-image-list__media-content h2.h2 {
    display: none;
}
.c-image-list__nav a {
    letter-spacing: -.03em;
    font-size: calc(var(--font-heading-scale) * 1.5rem);
}
@media screen and (min-width: 750px) {
  .c-image-list__nav-wrapper {
    padding-right: 24px;
  }
  .c-image-list__media-content {
      padding-top: 0px!important;
      padding-right: 0px!important;
  }
  .c-image-list__media-content p {
      margin-top: 0;
  }
}
/*mobile image list*/
@media screen and (max-width: 750px) {
    .c-image-list__nav {
      flex-direction: column;
    }
    .c-image-list__media-item {
      display: flex;
      flex-direction: column-reverse;
    }
  .c-image-list__media-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 1rem !important;
  }
  }



/*-----

IMAGE CARD CAROUSEL

------*/

.card-carousel--section {
  padding-left: 24px;
  padding-right: 24px;
}

.swiper.ss-carousel .swiper-slide {
    padding: 0;
    border-radius: 20px;
}

.swiper.ss-carousel .carousel-image-wrapper {
  border-radius: 20px;
}

.swiper.ss-carousel img.carousel-image {
    border-radius: 20px;
}

.card-carousel--section .swiper-arrow-container {
  top: unset !important;
  bottom: -70px;
}

/*arrows*/
.swiper-arrow-container {
  justify-content: center !important;
  gap: 25px;
}
.card-carousel--section .swiper-arrow-prev {
  left: 0rem !important;
}
.card-carousel--section .swiper-arrow-next {
  right: 0rem !important;
}
.swiper-pagination {
  display: none;
}


/*-----------

VIDEO SECTION

------------*/

.video-section__media {
    border-radius: 20px;
}

.video-section__media img {
    border-radius: 20px;
}


/*-----------

COLLECTION PAGE

-------------*/

#ProductCount, .mobile-facets__open-label {
  font-size: var(--font-nav-size)!important;
  color: var(--color-black) !important;
  letter-spacing: 0em!important;
}

.collection.page-width, .facets-wrapper.page-width {
  max-width: none!important;
}

/*filter*/

.facets__heading, .mobile-facets__count {
  display: none;
}
.mobile-facets__header-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mobile-facets__header {
  min-height: 4.4rem;
}
.mobile-facets__close {
  top: 0 !important;
}

/*product card*/
.card-wrapper.product-card-wrapper .card__inner+.card__content .card__information .card__heading {
  font-family: "bookmania", serif!important;
  font-size: 2.5rem!important;
}

/*-----------

PRODUCT CARDS

-----------*/

/*title*/
.product h3.card__heading {
  font-family: "bookmania", serif!important;
  font-size: 2.5rem!important;
}

/*hover underline*/
.card-wrapper.product-card-wrapper .card__inner>.card__content:before {
  display: none;
}

/*product card content*/
.card__information {
  padding: 0px!important;
}

/*price*/
.card__information .price {
   font-size: 12px !important;
}



/*custom product badge*/
.custom-badge--wrapper {
    position: absolute;
    z-index: 9 !important;
    left: 0;
    top: 0;
    
}

.grid__item .custom-badge--wrapper .custom-badge {
  position:relative;
  
}

.grid__item .card__inner {
isolation:isolate;
  }


.custom-badge.free::before {
content:'';
background-image:url(/cdn/shop/files/Free_orange.svg?v=1745415674);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:absolute;
width:100%;
height:100%;
left:5px;
top:0px;

}

.badge-content {
  display: none;
}

.custom-badge.free {
width:6rem;
height:6rem;
position:relative;  
}

/*product platform tags*/
@media screen and (min-width:1024px) {
.card-wrapper.product-card-wrapper .card__inner+.card__content .card__information .caption-large{
    display: none;
}

}

/*product metafield*/
.product-platform p {
      color: var(--color-black) !important;
    background-color: transparent !important;
    display: inline-block;
    /*padding: 0.2rem 0.5rem 0.2rem 0.5rem !important;*/
    line-height: 1em;
    text-decoration: none !important;
    font-size: 12px;
    text-transform: uppercase;
}





/*-----------

HOMEPAGE

------------*/


/*------ hero section --------*/

.hero-section {
  overflow: hidden;
}
.hero-content {
  padding-top: 40px;
  z-index: 1!important;;
}
@media screen and (max-width: 750px) {
  .hero-section {
    min-height: 90vh!important;
  }
}

.letter-wrapper {
  width: 100vw!important;
  max-width: 100vw!important;
}

.hero-content, .horizontal-product-gallery {
  opacity: 1;
}
.letter-t, .letter-o-first, .letter-k, .letter-n-first, .letter-o-second, .letter-w, .letter-n-last {
  transform: translateY(-200%);
}

/*--- HIDE FEATURED COLLECTION ON A DESKTOP 

@media screen and (min-width: 750px) {
  #shopify-section-template--24042611966238__featured_collection_3N4c3T {
  display: none;
}
}
---*/


/*----- horizontal product gallery ------*/


/*horizontal scroll#shopify-section-template--24042611966238__power_section_G4NMAt {
    overflow: hidden;
}*/

.horizontal-product-gallery {
  height: 200vh !important;
}

.horizontal-product-gallery .ss-content-wrapper {
  height: 100vh!important;
  position: sticky!important;
  top: 0!important;
  display: flex;
  align-items: center!important;
}


.horizontal-product-gallery .ss-col-12  {
  display: flex !important;
  gap: 0px!important;
  width: max-content !important;
  padding-top: 200px !important;
}


.horizontal-product-gallery .ss-col-12 .ss-grid__item {
  min-width: 40vw!important;
  flex: auto!important;
  padding-right: 45px!important;
}































/*hide on mobile
@media screen and (max-width: 749px) {
#shopify-section-template--24042611966238__power_section_TkLdyi {
  display: none;
}
}
*/
/*last product in the list
.horizontal-product-gallery .ss-col-12 .ss-grid__item:last-child .product {
  margin-right: 100px;
}*/


/*
.horizontal-product-gallery {
  background-color: white!important;
  height: 100vh;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.horizontal-product-gallery .ss-col-12 {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  gap: 45px;
}

.horizontal-product-gallery .ss-col-12 .ss-grid__item--product {

  width: 40vw;
}

.horizontal-product-gallery,
.horizontal-product-gallery .ss-col-12,
.horizontal-product-gallery .ss-grid__item--product {
  border: 1px solid red !important;
}



@media screen and (max-width: 749px) {
  .horizontal-product-gallery {
    max-height: 90vh!important;
    height: 90vh !important;
    padding-top: 10vh !important;
  }
}

*/
/*temp hide
@media screen and (min-width: 750px) and (max-width: 1025px) {
  .horizontal-product-gallery .ss-col-12 {
    padding-top: 150px;
  }
}
*/



/*
.horizontal-product-gallery .ss-col-12 .ss-grid__item--product:nth-child(even) {
  transform: translateY(5vh);
}
.horizontal-product-gallery .ss-col-12 .ss-grid__item--product:nth-child(odd) {
  transform: translateY(55vh);
}*/



/*mobile
@media screen and (max-width: 749px) {
  .horizontal-product-gallery .ss-col-12 {
      grid-gap: 16px!important;
  }
  .horizontal-product-gallery .ss-col-12 .ss-grid__item--product .product {
      width: 70vw;
    }
  .horizontal-product-gallery .ss-col-12 .ss-grid__item--product:nth-child(odd) {
    transform: translateY(0vh);
  }
    .horizontal-product-gallery .ss-col-12 .ss-grid__item--product:nth-child(even) {
    transform: translateY(45vh);
  }
}


*/

/*desktop
@media screen and (min-width: 750px) {
    .horizontal-product-gallery .ss-col-12 .ss-grid__item--product {
      width: 100%;
    }
    .horizontal-product-gallery .ss-col-12 .ss-grid__item--product .product {
      width: 45vw;
    }*/
/*
      .horizontal-product-gallery .ss-col-12 .ss-grid__item--product:nth-child(2) {
      transform: translate(-10vw, 5vh);
    }

    .horizontal-product-gallery .ss-col-12 .ss-grid__item--product:nth-child(3) {
      transform: translate(10vw, 50vh);
    }

  .horizontal-product-gallery .ss-col-12 .ss-grid__item--product:nth-child(6) {
      transform: translate(20vw, 50vh);
    }
  
   .horizontal-product-gallery .ss-col-12 .ss-grid__item--product:nth-child(7) {
      transform: translate(-24vw, 10vh);
    }

  .horizontal-product-gallery .ss-col-12 .ss-grid__item--product:nth-child(9) {
      transform: translate(-5vw, 55vh);
    }*/
    
  /*  #shopify-section-template--24042611966238__power_section_U8yJJR {
      position: fixed!important;
      overflow: hidden;
      width: 100vw;
    }  */
}


/*---- FULL BANNER INFO SECTION ----*/

@media screen and (max-width: 768px) {
  .banner:after {
   opacity: 0.3 !important;
  }
}





/*---- product slider -----*/

.product-slider--section .swiper-pagination {
  display: none;
}
section.product-slider--section {
    padding-bottom: 75px;
}

.product-grid-item.item--text {
  width: 50%;
}
.product-slider--section h2.text-content-title {
      margin-bottom: 1rem;
}
.product-slider--section .swiper-arrow-container {
  margin-top: 0.5rem !important;
}


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



.collection h2.title {
    text-align: center;
    width: 45vw!important;
    margin: 0 auto;
}
@media screen and (max-width: 749px) {
  .collection h2.title {
      width: 90%!important;
  }
}
/*arrows*/

.slider-button[disabled] .icon {
  opacity: 0.4!important;
}

@media screen and (min-width: 990px) {
  .slider--desktop .slider__slide:first-child {
    margin-left: 24px !important;
  }
}


/*replace icon with arrow*/
.slider-button.slider-button--next .icon {
  display: none;
}
.slider-button.slider-button--next:before {
  content:'';
  position:absolute;
  background-image:url(/cdn/shop/files/Arrow_2.0_dark.svg?v=1745484710);
  background-size:contain;
  background-repeat:no-repeat;
  width:40px;
  height:20px;
  z-index:2; 
}

.slider-button.slider-button--prev .icon {
  display: none;
}
.slider-button.slider-button--prev:before {
  content:'';
  position:absolute;
  background-image:url(/cdn/shop/files/Arrow_2.0_dark.svg?v=1745484710);
  background-size:contain;
  background-repeat:no-repeat;
  width:40px;
  height:20px;
  z-index:2; 
  transform: rotate(-180deg) !important;
}

/*----- BLOG SECTION ------*/

.blog {
  overflow: hidden;
}
.blog .page-width-desktop  {
  max-width: none!important;
}

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

  .blog .title-wrapper-with-link {
    justify-content: center;
  }
  
  .blog .title-wrapper-with-link h2 {
    width: 45vw;
    margin: 0 auto;
    text-align: center;
  }

}

.blog .blog__post .card__inner {
  border-radius: 20px;
  padding: 20px;
}

.blog .card__content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.blog h3.card__heading.h2 {
    text-align: left;
  font-size: 3rem;
  width: 80%;
  color: var(--color-black);
}
@media screen and (max-width: 749px) {
  .blog h3.card__heading.h2 {
    font-size: 2rem;
  }
  .blog .blog__title {
    text-align: center;
  }
}

/*-- background colours --*/

.blog__posts .blog__post:nth-child(3n + 1) .card__inner {
  background: var(--color-cream)!important;
} 
.blog__posts .blog__post:nth-child(3n + 2) .card__inner {
  background: var(--color-blue)!important;
} 
.blog__posts .blog__post:nth-child(3n + 3) .card__inner {
  background: var(--color-brown)!important;
} 
.blog__posts .blog__post:nth-child(3n + 3) .card__inner h3.card__heading.h2   {
  color: white!important;
} 


/*----- horizontal blog layout

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

.blog .blog__posts {
    display: flex!important;
    flex-direction: row;
    flex-wrap:nowrap;

}


}

@media screen and (min-width: 1025px) {
.blog .blog__posts .blog__post {
    width: 40vw;
}
}

 ------*/

 
.blog .blog__post .card__inner .card__content::after {
    content:'';
  position:absolute;
  background-image:url(/cdn/shop/files/Arrow_2.0_dark.svg?v=1745484710);
  background-size:contain;
  background-repeat:no-repeat;
  width:40px;
  height:20px;
  bottom:20px;
  right: 10px;
  z-index:2; 
}
.blog__posts .blog__post:nth-child(3n + 3) .card__inner .card__content::after {
  background-image:url(/cdn/shop/files/White_Arrow.svg?v=1747062053);  
}

@media screen and (max-width: 989px) {
  .blog .blog__post .card__inner .card__content::after {
    display: none;
  }
}




/*------ BUNDLE AND SAVE - scroll products into place -------*/

.bundle-and-save-complete {
  z-index: 1;
}

.bundle-and-save h2 {
    color: white;
    font-size: 6rem;
}

/*bundle and save image*/
.bundle-and-save .ss-image-caption-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    text-align: center;
}

.bundle-and-save {
    position: relative;
}

.bundle-and-save .ss-image-wrapper.ss-grid-block {
    padding-bottom: 0px!important;
    height: 80vh;
}

.bundle-and-save img.ss-image {
    object-fit: cover;
}


.product-one {
    transform: translate(-200px, -600px) rotate(-10deg) scale(0.7);
    z-index: 3;
  padding-left: 24px;
}
@media screen and (min-width: 750px) {
  .product-one {
   padding-left: 24px;
  }
    .product-three {
   padding-right: 24px;
  }
}

.product-two {
    transform: translate(-200px, -1000px) rotate(-15deg) scale(0.8);
    z-index: 3;
}

.product-three  {
    transform: translate(200px, -700px) rotate(20deg) scale(0.7);
    z-index: 3;
}


/*--- BUNDLE AND SAVE SECTION FOR MOBILE ---*/

@media screen and (max-width: 749px) {
  .bundle-and-save-complete .ss-grid__item.ss-grid__item--Image {
    padding-left: 0px;
    padding-right: 0px;
  }
  .bundle-and-save-complete .ss-grid__item.ss-grid__item--Image .ss-image-wrapper {
    position: relative;
  }
  .bundle-and-save-complete .ss-grid__item.ss-grid__item--Image .ss-image-wrapper:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
  }
  .bundle-and-save .ss-image-wrapper.ss-grid-block {
    height: 50vh;
  }
  .bundle-and-save h2 {
    font-size: 4rem;
  }


  /*products*/
  .bundle-and-save-complete .ss-grid__item.ss-grid__item--product {
    z-index: 9;
    position: relative;
    margin-bottom: 2rem;
  }
  .product-one {
      transform: translate(-200px, -500px) rotate(-10deg) scale(0.4);
  }
  .product-two {
    transform: translate(200px, -800px) rotate(-15deg) scale(0.3);

  }
  .product-three  {
      transform: translate(200px, -1400px) rotate(20deg) scale(0.4);

  }
}



/*--- form ----*/

._background_stahb_166 ._gridItem_stahb_172:nth-child(1)::before {
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}


#mc_embed_signup .button {
  font-family: "bookmania", serif !important;
  font-size: 12px!important;
  padding: 3px 22px 0px 22px !important;
  background: rgba(255, 255, 255, 0.2)!important;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: 0.5s ease;
}

#mc_embed_signup .button:hover {
  background: rgba(0, 0, 0, 0.2)!important;
}

#mce-responses {
    margin-left: 0px!important;
    padding-left: 0px!important;
}

#mc_embed_signup #mce-success-response {
    color: #110706;
    font-family: var(--font-heading-family) !important;
}



p {
  color: rgba(var(--color-foreground), 1) !important;
}

/**/
.template-index {
    .header-wrapper {
    position:absolute;
      width: 100%;
    background-color:transparent !important;
  }
}




/*-----------

ABOUT PAGE

------------*/


/*----- HEADER ON ABOUT -----*/

.template-page.template-name--about .shopify-section-group-header-group {
    position: fixed;
    width: 100%;
}

/*----- sticky text animation ------*/
@media screen and (min-width: 750px) {
.sticky-text-animation {
  height: 300vh;
}

  .sticky-text-animation .ss-col-12 .ss-grid-span--6  {
    height: 100vh!important;
  }

  
.sticky-text-animation .ss-col-12 .ss-grid-span--6  {
  position: sticky!important;
  top: 0vw!important;
} 
}


/*---- meet the founders ----*/

.meet-the-founders .ss-grid__item--Image {
  overflow: hidden;
}

.meet-the-founders .ss-grid__item--Image .ss-image-caption-wrapper {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    transition: 0.5s ease;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.6);
}


.meet-the-founders .ss-grid__item--Image:hover  .ss-image-caption-wrapper {
    transform: translateY(0%);
}

/*mobile meet the founders*/
@media screen and (max-width: 750px) {
  .meet-the-founders .ss-grid__item--Image .ss-image-caption-wrapper {
    transform: translateY(0%) !important;
    position: relative;
    background-color: transparent;
    padding-left: 0px;
  }

  .meet-the-founders {
    max-width: 86vw!important;
    margin: 0 auto;
  }

  .ss-col-12 .founder-subtitles {
    margin-top: 3rem;
  }

  .ss-col-12 .founder-subtitles:nth-child(2) {
    margin-top: 5rem;
  }

  .meet-the-founders .ss-col-12 {
    display: flex;
    flex-direction: column;
  }

  .meet-the-founders .ss-col-12 .ss-grid__item {
    padding: 0;
  }

   .meet-the-founders .ss-col-12 .ss-grid__item:nth-child(1) {
    order: 1 !important;
  }

   .meet-the-founders .ss-col-12 .ss-grid__item:nth-child(2) {
    order: 3 !important;
  }

  .meet-the-founders .ss-col-12 .ss-grid__item:nth-child(4) {
    order: 2 !important;
  }

  .meet-the-founders .ss-col-12 .ss-grid__item:nth-child(3) {
    order: 5 !important;
  }

  .meet-the-founders .ss-col-12 .ss-grid__item:nth-child(5) {
    order: 4 !important;
  }




  
}

/*graphic*/

.meet-the-founder-graphic.decor-position--bottom-left {
  bottom: 35%!important;
  transform: translateX(-75%);
}

/*subtitles*/

.founder-subtitles p {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0em !important;
}


/*------ WHO WE BUILT THIS FOR --------*/

.template-name--about .multicolumn .page-width, .template-index .multicolumn .page-width{
  max-width: 86vw !important;
  margin: 0 auto;
}

.template-name--about .multicolumn .title-wrapper-with-link, .template-index .multicolumn .title-wrapper-with-link {
    justify-content: center;
}

.template-name--about .multicolumn .multicolumn-list__item, .template-index .multicolumn .multicolumn-list__item {
    padding: 5%;
    border: 1px dotted;
    border-radius: 20px;
}

.template-name--about .multicolumn .multicolumn-card__info h3.inline-richtext, .template-index .multicolumn .multicolumn-card__info h3.inline-richtext {
    font-family: 'bookmania' !important;
    font-size: 3.5rem !important;
    font-weight: 200!important;
}

.template-name--about .multicolumn .multicolumn-card__info, .template-index .multicolumn .multicolumn-card__info  {
    padding-bottom: 0;
    margin-bottom: 2rem;
}

@media screen and (max-width: 750px) {
  .template-name--about .multicolumn-list, .template-index .multicolumn-list {
    padding-left: 0rem!important;
    padding-right: 0rem!important;
  }
}




/*---------

BLOG PAGE 

-----------*/
/*
.main-blog.page-width {
  max-width: none!important;
}

.template-blog #MainContent {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}





  .template-blog #MainContent .shopify-section:nth-child(3) {
    width: 100%;
  }
  
  .template-blog #MainContent .shopify-section:nth-child(1) {
    width: 60vw !important;
  }
  
  .template-blog #MainContent .shopify-section:nth-child(2) {
    width: 40vw !important;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
*/


.blog-hero-section .ss-grid__item--liquid {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0px!important;
}

@media screen and (max-width: 750px) {
  .blog-hero-section .ss-grid__item--liquid #category-links {
    padding: 0px!important;
  }
  .blog-hero-section .ss-grid__item--liquid .category-links {
    padding: 0px!important;
    align-items: flex-start!important;
  }
}


.main-blog .title--primary {
  display: none!important;
}
.blog-articles {
    column-gap: 44px !important;
    row-gap: 44px !important;
}

.template-blog .page-width {
  margin-left: 10px;
  margin-right: 10px;
}

@media screen and (min-width: 1025px) {
    .blog-articles {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}

.card__heading.h2 a {
  text-decoration: none !important;
}


/* article border */
.template-blog .article-card-wrapper.card-wrapper.underline-links-hover {
border-radius: 10px;
}

.template-blog .article-card-wrapper.card-wrapper.underline-links-hover {
  outline-offset: 10px;
  outline: 1px dotted #110706;
  background-color: rgba(255, 255, 255, 0.6) !important;
      -webkit-backdrop-filter: blur(15px) !important;
    backdrop-filter: blur(15px) !important;
}

/* card content space */
.template-blog .card__information {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  padding: 0!important;
}

/*article image*/
.template-blog .article-card-wrapper .card--standard .card__inner, .template-blog .article-card-wrapper .card .card__inner .card__media {
   border-radius: 10px;
}


/*button*/
.template-blog .card__information .button {
  width: 100% !important;

}


/*------ BLOG ARTICLE CARDS -----*/

/*tag categories on cards*/
ul.article-tags {
    -webkit-padding-start: 0 !important;
            padding-inline-start: 0 !important;
}

ul#category-links {
    list-style: none;
    margin-top: 0px;
}

li.category-links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


ul.article-tags {
    text-transform: uppercase;
    color: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 1rem;
}

ul.article-tags > li {
    color: white !important;
    background-color: var(--color-orange) !important;
    padding: 0rem 1.2rem;
    border: 1px solid;
    border-radius: 300px;
    display: inline-block;
    padding: 0rem 0.5rem 0.2rem 0.5rem;
    line-height: 1em;
}

ul.article-tags > li a {
    color: white !important;
    text-decoration: none !important;
    font-size: 10px;
}



.article-card__excerpt {
  display: none;
}

a.category-link {
    text-decoration: none;
  font-size: 1.1rem!important;
  letter-spacing: 0em!important;
}
a.category-link.active {
  color: var(--color-orange) !important;
}


/*---- general mobile styling for resources page 

@media screen and (max-width: 1250px) {
  .template-blog .main-blog.page-width {
    padding: 0 5rem !important;
  }
  .template-blog #MainContent .blog-articles {
    -ms-grid-columns: 1fr 1fr!important;
    grid-template-columns: 1fr 1fr!important;
    column-gap: 10px;
  }
  .template-blog .card.article-card .card__information {
    padding: 1rem !important;
  }
  .template-blog .card__information .button {
    font-size: 1rem!important;
  }


}

-----*/



/*-----

BLOG POST TEMPLATE

-----*/

/*post layout*/
.template-article #MainContent {
    display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.template-article #MainContent .section:nth-child(1) {
    width: 100% !important;
}

@media screen and (min-width: 768px) {
  .template-article #MainContent .section:nth-child(2) {
      width: 69vw !important;
  }
  
  .template-article #MainContent .section:nth-child(3) {
        width: 29vw;
        position: sticky !important;
        top: 50px;
        -ms-flex-item-align:start !important;
            align-self:flex-start !important;
  }
  .template-article #MainContent .section:nth-child(4) {
    width: 100vw;
  }
  
  .template-article #MainContent .section:nth-child(3) .ss-content-wrapper {
        border-left:1px dotted var(--color-black);
  }
}
@media screen and (max-width: 767px) {
  .template-article #MainContent .section:nth-child(3) { 
   width: 100%;
  }
}


/*header section*/
.template-article .banner .banner__box {
  padding: 8rem 4rem 3.5rem;
}
@media screen and (max-width: 767px) {
  .template-article .banner .banner__box {
    padding: 10rem 4rem 3.5rem;
  }
}


/*sticky product section*/
@media screen and (max-width: 767px) {
  .template-article #MainContent .section:nth-child(3) .product {
    margin-bottom: 16px;
  }
}


/* back to blog button */
.article-template__back {
    text-align: left;
    padding-left: 0px;
}
a.article-template__link.link.animate-arrow {
    background-color: var(--color-orange);
    display: inline;
    padding: 0.5em 1.5em;
    font-size: 12px;
    border-radius: 300px;
    text-transform: capitalize;
    letter-spacing: 0;
    color: white;
   transition: 0.5s ease;
}
a.article-template__link.link.animate-arrow:hover {
  background-color: var(--color-blue);
}

@media screen and (max-width: 767px) {
  .article-template__back {
    padding-left: 1.5rem;
  }
}
a.article-template__link.link.animate-arrow .icon-wrap {
  display: none;
}




.article-template__back {
  max-width: 72.6rem;
  margin: 0 auto;
  margin-top: 6rem!important;
}


/*----------

CART

-----------*/

/*cart draw media*/
.cart-item__media {
    width: auto !important;
}


#CartDrawer .drawer__inner {
  width: 100%;
  border: 0px solid!important;
}


.tax-note {
  display: none !important;
}

/*width of draw*/
@media screen and (min-width: 768px) {
    #CartDrawer .drawer__inner {
    width: 43vw;
  }
}

/* draw appear transition */
.drawer__inner {
  -webkit-transition: 0.8s ease !important;
  -o-transition: 0.8s ease !important;
  transition: 0.8s ease !important;
}

/* inner container */

.drawer__inner {
  padding: 0 4rem!important;
}
@media screen and (max-width: 750px) {
  .drawer__inner {
    width: 100%;
    max-width: none!important;
    padding: 0 3rem!important;
  }
}

.cart-items .price {
  font-size: 1.2rem !important;
  letter-spacing: 0em!important;
}

/*draw heading*/

.drawer__header {
  padding: 3rem 0 !important;
}

.drawer__heading {
  font-size: 1rem!important;

  text-transform: uppercase;
  letter-spacing: .06em !important;
}
@media screen and (min-width: 1900px) {
  .drawer__heading {
  font-size: 1.16rem!important;
  }
}

/* hide product and total */
.cart-items thead {
  display: none!important;
}

.secondary-cart-header {
  display: none !important;
}

.drawer__close svg {
  display: none;
}
.drawer__close {
  right: 0px !important;
}

.drawer__close::after {
  content: 'CLOSE';
  
  position: absolute;
  right: 0rem;
  font-size: 1rem!important;
  letter-spacing: .06em !important;
}
@media screen and (min-width: 1900px) {
.drawer__close::after {
font-size: 1.16rem!important;
}
}





.cart-item__name.h4.break:hover {
  text-decoration: none!important;
}
.cart-drawer .cart-item__details .product-option {
  color: var(--color-gold-green) !important;
  font-size: 1rem !important;
}
@media screen and (min-width: 1900px) {
  .cart-drawer .cart-item__details .product-option {
  font-size: 1.16rem!important;
}
}

/*title*/
.cart-item__name.h4 {
  font-family: bookmania, serif !important;
  font-size: 2.5rem !important;
}

/*price*/
.cart-item__totals.right {
  -ms-grid-column: 1 !important;
  -ms-grid-column-span: 2 !important;
  grid-column: 1 / 3 !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  padding-left: 0px !important;
 
}

.cart-drawer__footer .totals {
  margin-bottom: 1.3rem;
}
.cart-drawer__footer .totals .totals__total, .cart-drawer__footer .totals .totals__total-value {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/*delete*/
.cart-drawer .cart-items .cart-item__quantity {
  -ms-grid-column: 3 !important;
  -ms-grid-column-span: 2 !important;
  grid-column: 3 / 5 !important;
}
.cart-item__quantity-wrapper.quantity-popover-wrapper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.button.button--tertiary.cart-remove-button {
  padding-right: 0px !important;
  background-color: transparent!important;
}


/*quantity*/
.cart-drawer .quantity-popover-container {
  display: none!important;
}

/*main draw footer*/
.drawer__footer {
  padding-bottom: 4rem!important;
  border-top: none!important;
}
/*footer without buttons*/
.cart-drawer__footer {
  border-bottom: 1px solid var(--color-blue) !important;
  margin-bottom: 4rem;
   border-top: 1px solid var(--color-blue) !important;
}

#CartDrawer-Checkout {
  background-color: transparent!important;
  color: var(--color-black)!important;
  transition: 0.5s ease;
  border: 1px dotted!important;
}
#CartDrawer-Checkout:hover {
  background-color: var(--color-blue)!important;
}
#CartDrawer-Checkout:after {
  border: 0px dotted!important;
}


/*I agree to the terms and conditions*/

/* I agree to EULA */

.terms-relentless {
  align-items: center!important;
    padding-left: 0px!important;
}

.terms-relentless .rterms-checkbox {
  transform: scale(1) !important;
  margin-left: 0px!important;
}

.terms-relentless p {
  font-size:  1.2rem!important;  
}
.terms-relentless p a {
  color: var(--color-black)!important;
}


/*---- closed cart draw ----*/

.cart-drawer__empty-content .cart__login-title.h3, .cart-drawer__empty-content .cart__login-paragraph {
  display: none;
}


/*------
EMPTY DRAW
-----*/

.drawer__inner-empty  .drawer__close {
  right: 4rem!important;
}


.cart__empty-text {
  font-size: 1.2rem!important;
  text-transform: uppercase;
}

.drawer__inner-empty .button {
  margin-top: 0rem!important;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  background-color: transparent!important;
  color: var(--color-black)!important;
    border: 1px dotted!important;
}
.drawer__inner-empty .button:hover {
   background-color: var(--color-blue)!important;
}


.cart-drawer__empty-content .cart__login-title.h3 {
  letter-spacing: 0.08em!important;
}



/*---------

PRODUCT TEMPLATE

-----------*/

/*product title*/

.product__title h1 {
  font-family: "bookmania", serif !important;
}

/*product information full width styling*/
.product__tax {
display: none!important;
}

.product__info-container .price {
font-size: 12px!important;
}
  .product-form__submit {
      width: 100%;
      min-height: 3.5rem!important;
      height: 3.5rem!important;
      margin-bottom: 0px!important;
    border: 1px dotted!important;
    transition: 0.5s ease;
  }
.product-form__submit:hover {
  background-color: var(--color-blue)!important;
}
.product-form__submit.button:after {
  border: 0px dotted!important;
}
.product__info-container.product__column-sticky {
    background-color:  #F3F0EF;
    border-radius: 20px;
    padding: 25px;
}
@media screen and (min-width: 750px) {
    .product__column-sticky {
        position: sticky;
        top: 100px !important;
    }
  .product-form__buttons {
    max-width: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    }
    

    
    .shopify-payment-button {
        display: none!important;
    }
}

@media screen and (min-width: 990px) {
    .product--stacked .product__media-item {
        max-width: 100% !important;
    }
}

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

}
@media screen and (min-width: 750px) {
    .product__info-container {
        max-width: none !important;
    }
}


.product__media {
  border-radius: 20px;
}
.product-media-container.constrain-height.media-fit-contain {
    margin: 0;
    width: 100%;
}


.global-media-settings {
  border: 0px !important;
}


/*variants*/
.product-form__input {
  margin: 0 0 2.8rem !important;
}
fieldset.product-form__input .form__label {
    color:var(--color-black);
    letter-spacing: 0;
    font-size: 12px;
}
fieldset.product-form__input label {
    transition: 0.5s ease !important;
}
fieldset.product-form__input label:hover {
    background-color: var(--color-blue) !important;
}
.product-form__input input[type=radio]:checked+label {
    background-color: var(--color-orange) !important;
}

.product-form__input input[type=radio]+label {
    letter-spacing: 0 !important;
    font-size: 1rem !important;
    padding: 0.5rem 0.8rem !important;
    border: 0px dotted !important;
}

/*----- MULTICOLUMN SECTION ------*/

.multicolumn-card__image-wrapper {
  width: 15%!important;
}

.multicolumn-card__image-wrapper  .media>img {
  object-fit: contain;
}

.multicolumn-card__info h3 {
  font-size: 16px !important;
  font-family: var(--font-body-family) !important;
  margin-bottom: 2rem!important;
  margin-top: 2rem!important;

}

/*----- VIDEO SECTION ------*/

/*
.ss-grid__item.ss-grid__item--Video {
  padding-left: 0!important;
  padding-right: 0!important;
}*/

.ss-grid__item.ss-grid__item--Video video {
  border-radius: 20px;
}


/*----- ACCORDION SECTION -----*/
@media screen and (min-width: 750px) {
  .collapsible-content-wrapper-narrow {
    max-width: 86vw !important;
  }
}

.collapsible-content .grid__item .accordion  {
    border: 0px;
    margin: 10px;
    padding: 10px 0px 0 25px;
    border-radius: 8px;
}
.collapsible-content .grid__item .accordion .accordion__content {
  padding: 5px 20px 25px 0px;
  width: 70%;
}
.collapsible-content-wrapper-narrow h3.accordion__title {
  font-size: 2.5rem;
}
.collapsible-content-wrapper-narrow .accordion summary {
    padding: 10px 0 20px 0 !important;
}

.collapsible-content .grid__item .accordion:nth-child(1)  {
    background-color: var(--color-cream);
}
.collapsible-content .grid__item .accordion:nth-child(2)  {
    background-color: var(--color-blue);
}
.collapsible-content .grid__item .accordion:nth-child(3)  {
    background-color: var(--color-brown);
}
.collapsible-content .grid__item .accordion:nth-child(3) h3 {
  color: var(--color-off-white);
}
.collapsible-content .grid__item .accordion:nth-child(3) .accordion__content p {
  color: var(--color-off-white) !important;
}
.collapsible-content .grid__item .accordion:nth-child(4) {
    background-color: var(--color-orange);
}


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

/*accordion icon*/
.collapsible-content  summary .icon-caret {
  top: calc(50% - 0.8rem) !important;
}

.collapsible-content summary::before {
    content:'';
  position:absolute;
  background-image:url(/cdn/shop/files/Arrow_2.0_dark.svg?v=1745484710);
  background-size:contain;
  background-repeat:no-repeat;
  width:30px;
  height:20px;
  top: calc(50% - 5px);
  transform: translateY(-50%);
  right: 20px;
  z-index:999;
  transition: 0.5s ease;
}

@media screen and (max-width: 750px) {
  
  .collapsible-content .grid__item .accordion .accordion__content {
    width: 100%;
  }

  
  .collapsible-content summary::before {
    width:25px;
    height:15px;
  }
}

.collapsible-content .grid__item .accordion:nth-child(3) summary::before {
  background-image:url(/cdn/shop/files/White_Arrow.svg?v=1747062053);
}

.collapsible-content .grid__item .accordion details[open] summary::before {
  transform: translateY(-50%) rotate(90deg);
}


.collapsible-content  summary .icon-caret path {
  display: none;
}


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

@media screen and (min-width: 750px) {
  .related-products {
  padding-left: 24px!important;
  padding-right: 24px!important;
}
}


.related-products__heading {
  text-align: center;
}