/** Shopify CDN: Minification failed

Line 157:31 Unexpected "{"

**/


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

  #MainContent {
    padding-left: 24px;
    padding-right: 24px;
  }

}
/* Stop lifting hero behind topbar */
/* When header is transparent, pull the first main content section up to sit under the floating header */
body:has(.header[transparent]) .content-for-layout > .shopify-section:first-child {
  margin-top: 0;

}


.hero{
    border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.hero__container{
    border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}






  /* Set color of plattan manually */



  .footer-plattan {
    background-color: #312449;
    /* CHANGE: Match the main stack width and #MainContent padding */
    max-width: 1200px;
    width: 100%;

    margin-left: auto;
    margin-right: auto;

    /* Optional: Update radius to 24px to match the cards (was 20px) */
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;

    position: relative;
    margin-top: -20px;
    padding-top: 20px;
    margin-bottom: 20px;
    z-index: -4;

    @media screen and (min-width: 750px) {
      width: calc(100% - 48px);
    }
}
.footer-plattan::before {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 40%);
    mix-blend-mode: multiply;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    
}

.variant-option__button-label, 
.quantity-selector{
   font-weight: var(--font-h1--weight);

}

body{
    position: relative;
    z-index: -5;
}

/* Prevent main from flex-growing and exposing the dark body background (#3a2948) below cards */
#MainContent {
  flex: none;
}

summary{

      padding-block: calc( var(--padding-sm) / 4);
}

.contact-form{
  &
    .submit-button{
      margin-left:auto;
      padding: var(--padding-xs) var(--padding-xl);
    }
}
.email-signup__button--integrated {
    height: 100% !important;
    right: 0 !important;
    top: 0 !important;
    }

  .email-signup__input,
  .email-signup__button--text {
    padding: var(--padding-xs) var(--padding-xl) !important;
  }

a.button{
      padding-block: var(--padding-xs);
  }
 
  


  /* Initial State of the Hidden Path */
.hidden-path {
  /* Start invisible */
  opacity: 0; 
  
  /* Apply a transition to the opacity property. 
     This allows the smooth easing in/out. */
  transition: opacity 0.5s ease-in-out; 
  /* The 'ease-in-out' function provides the easing you requested. */
}

/* Hover State */
/* When the mouse is over the container (#hover-target), 
   the opacity of the .hidden-path changes to 1. */
#hover-target:hover .hidden-path {
  opacity: 1; 
}


.custom-section-content deferred-media {
  border-radius: inherit;
  overflow: hidden;
  display: block; /* make sure it behaves like a block */
}

.custom-section-content .deferred-media__poster-button,
.custom-section-content .deferred-media__poster-image,
.custom-section-content video, {
  border-radius: inherit;
  overflow: hidden;
  display: block;
}

.custom-section-content deferred-media {
  --border-radius: inherit;
}

.diorama-banner-js{
  border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}


:is(h1, h2, h3, h4, h5, h6, p) > a:hover {
color: var(--color-primary-hover);
}

.icon-block a:hover {
  color: var(--color-primary-hover);
}

span.announcement-bar__logo-wrapper{
  font-family: "CustomBold", sans-serif !important;
}

.menu-list{
  margin-left:8px;
}

/* Equal-width children for group rows when the setting is enabled */
.layout-panel-flex.layout-panel-flex--row.layout-panel-flex--equal-children > * {
  flex: 1 1 0;
}

.button,
button.shopify-payment-button__button--unbranded {
  font-weight: var(--font-heading--weight);
}

.button-secondary {
  font-weight: var(--font-subheading--weight);
}

accordion-custom.menu .menu__item a {
  font-size: var(--menu-link-font-size, 16px) !important;

}

a:hover {
  text-decoration-color: var(--color);
}

.product-grid-view-zoom-out--details .h4{
 color: var(--color);

}

.overlay.overlay--gradient{
  mix-blend-mode: multiply;
}







/* --- 1. THE BASE CARD (Default: Flat Top & Bottom) --- */
.main-card-stack .shopify-section {
  /* CHANGE 1: Clip the top 1px to cut off the "ghost line" edge */
  --top-clip: 1px;    
  --bottom-clip: 0px; 
  
  /* background-color: #FDFBF7; */
  border-radius: 0px; 
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  
  /* CHANGE 2: Pull card up 3px to overlap the one above it */
  margin-top: -3px; 
  /* Remove the border (it didn't help) */
  border: none; 
  
  box-shadow: 0px 0px 20px rgb(0 0 0 / 60%);
  clip-path: inset(var(--top-clip) -100px var(--bottom-clip) -100px);
  transition: all 0.2s ease;
}

/* --- 2. THE BREAKOUT --- */
.main-card-stack .shopify-section:has(.break-the-stack) {
  box-shadow: none !important;
  clip-path: none !important;
  margin-top: 0 !important;
}

/* --- 3. ADD ROUNDS (Updated) --- */

/* Applied by JS: Top of a stack */
.main-card-stack .shopify-section.stack-start {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  overflow: hidden;

  /* Restore the shadow visibility for the first card */
  --top-clip: -100px;

  /* Reset the overlap so it doesn't eat into the section above */
  margin-top: 0 !important;
}

/* Applied by JS: Bottom of a stack */
.main-card-stack .shopify-section.stack-end {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  overflow: hidden;
  --bottom-clip: -100px;
}

/* --- 4. PANORAMA OVERLAP --- */

/* Cards adjacent to a breakout render on top */
.main-card-stack .shopify-section.card-before-breakout,
.main-card-stack .shopify-section.card-after-breakout {
  position: relative;
  z-index: 2;
}

/* Breakout slides 24px under the rounded bottom of the card above */
.main-card-stack .shopify-section.breakout-after-card {
  margin-top: -24px !important;
}

/* Card after breakout slides 24px over the breakout bottom */
.main-card-stack .shopify-section.card-after-breakout {
  margin-top: -24px !important;
}

/* Helper to ensure inner backgrounds don't bleed */
.section-background {
    border-radius: inherit;
}

blog-posts-list {
    display: block;
    border-radius: inherit;
}

.product-recommendations
{
    border-radius: inherit;
}
.floaty-dropshadow
{
  filter: drop-shadow(8px 8px 20px rgb(0 0 0 / 40%));
}

#HeaderDrawer-other:not(:hover) {
  color: rgb(102, 102, 102) !important;
}

#HeaderDrawer-other ~ .menu-drawer__menu--childlist {
  --menu-child-font-color: rgb(102, 102, 102);
}

/* Hide hero and transfer stack-start radius to next section when no media is set */
.hero[data-no-media] {
  display: none;
}

.main-card-stack .shopify-section.stack-start:has(.hero[data-no-media]) {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  --top-clip: 1px;
}

.main-card-stack .shopify-section.stack-start:has(.hero[data-no-media]) + .shopify-section {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
  --top-clip: -100px;
}

/* Page section: constrain non-gallery blocks to content width */
.section-content-wrapper--page > *:not(.photo-gallery) {
  max-width: var(--normal-content-width);
  width: 100%;
  margin-inline: auto;
}

.section-content-wrapper--page {
  overflow: hidden;
}

/* 404 page — gradient card background */
main[data-template="404"] .section-background {
  background: linear-gradient(to top, rgb(58, 41, 72) 0%, #221830 100%) !important;
}