/** Shopify CDN: Minification failed

Line 33:3 Unexpected "body"
Line 103:6 Comments in CSS use "/* ... */" instead of "//"
Line 1421:4 Comments in CSS use "/* ... */" instead of "//"
Line 1441:4 Comments in CSS use "/* ... */" instead of "//"
Line 1581:4 Comments in CSS use "/* ... */" instead of "//"
Line 1647:4 Comments in CSS use "/* ... */" instead of "//"
Line 1736:4 Comments in CSS use "/* ... */" instead of "//"
Line 1947:2 Unexpected "="
Line 2783:0 Expected "}" to go with "{"

**/

* { text-transform: none !important; }

@font-face {
    font-family: 'FormaDJR';
    src: url('/cdn/shop/files/FormaDJRVariableNormal_opsz_slnt_wght.woff2?v=1771555656') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }
  
  
  
  
  html, body {
  overscroll-behavior: none;
  max-width: 100%;
  }
  
  *body {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow: auto;
  }
  
  body::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
  }
  
  :root {
          --page-padding: var(--sp-4);
          /* --font-product-size: 0.9rem; */
              --text-sm: 0.8rem;
              --font-body-family: "FormaDJR", sans-serif;

          /* Global radius token — change this one value to update everywhere */
          --odisei-radius: 20px;
          --card-radius: var(--odisei-radius);
          --rounded-card: var(--odisei-radius);
          --rounded-block: var(--odisei-radius);

          /* Fixed header height — theme only sets this via JS in design mode;
             set it here so the live page has the correct value.
             = 16px container top-padding + ~60px pill height */
          --header-height: 76px;
}
  
  
  ::selection {
      background: black;
      color: white;
  }
  
  
  
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  
  .strong, em, .font-bold, b, strong {
      font-family: "FormaDJR" !important;
      font-weight: 700;
  }


  
  
  p em {
      opacity: 0.7;
  }
  
  * {
      font-family: "FormaDJR";
  }

  .text-lg-2xl {
    font-size: var(--text-h2);
}
  
  blockquote, h1, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6, .header__menu>ul.with-block .menu__item, .heading, .product-title-md {
      font-family: "FormaDJR";
          letter-spacing: -0.3px;
      font-weight: 500;
  }
  
  h2.title-sm animate-element {
      //font-size: 20px;
  }
  
  .drawer__tabs .heading, .media-card__content .heading {
          text-transform: none;
  }
  
  h1.heading, h2.heading, animate-element {
      font-family: "FormaDJR";
          font-weight: 500;
  }

  @media (min-width: 1200px) {
h2.heading, h2 {
font-size:2rem;
  }
}


  .product-sticky-form__variant {
      text-transform: none;
      font-size: var(--font-product-size);
  }
  
  .dropdown__nav a {
      font-size: var(--font-navigation-size);
  }
  
  
  .product-title-md animate-element {
        font-family: "FormaDJR" !important;
        text-transform: none;
        letter-spacing: -1px;
        font-weight:500;
        font-size:2.5rem;
  
  }
  
  button, .button, .dropdown__nav a {
      font-family: 'FormaDJR' !important;
      text-transform: none;
      font-weight: 500;
      border-radius: 8px;
      padding: 12px 10px;
      min-height: auto;
  }

 

  button, .button {
    border-radius: 28px !important;
  }
  
  
  .button:after {
      content:  none;
  }
  
  .header__menu>ul.with-block>li:hover .menu__item [data-text] {
      opacity: 1;
      transform: none;
  }

   .header__menu>ul .menu__item {
font-weight:500;
 font-size:  var(--text-lg)
  }

[data-rounded-block=round] .dropdown__container {
border-end-start-radius: 0px;
border-end-end-radius: 0px;
}


 .dropdown__nav a:hover, .mega-menu__list--4col .mega-menu__nav .heading:hover {
 opacity:0.7;
  }
 

  
  /* LAYOUT */
  
  img {
      transform: none !important;
  }
  
  
  .topbar-section {
      height: 22px;
      z-index: 9;
      position: relative;
      overflow: hidden;
  
  }
  
  [data-rounded-block=round] .mega-menu__container {
      border-end-start-radius: 0;
      border-end-end-radius: 0;
  } 
  
  
  .media-card__link .media img {
      transition: none !important;
  }
  
  
  .header__buttons>:is(a,button) {
      height: 2rem;
         min-width: 2rem;
  }

  .header__buttons {
    margin-right: 0;
  }
  
  .header__menu>ul.with-block .localization .menu__item {
      border: none;
      padding: 0;
  }
  
  .header .btn-text {
      text-transform: none;
  }
  
  /* FLOATING HEADER */
  .shopify-section-group-header-group {
    background: transparent !important;
  }

  /* Always fixed — no position switching = no scroll glitch */
  .header-section {
    position: fixed !important;
    top: var(--topbar-height); /* var(--sp-6) when no announcement bar, var(--sp-12) when active */
    left: 0;
    right: 0;
    z-index: 20;
    background: transparent !important;
    padding: 16px 24px !important;
    box-sizing: border-box;
    transition: top 0.4s cubic-bezier(0.3, 1, 0.3, 1);
  }

  /* Inner header: always relative inside the padded pill container */
  .header-transparent .header,
  .header-transparent.header-scrolled .header {
    position: relative !important;
    inset-block-start: auto !important;
  }

  /* Remove the ::before background layer */
  .header-section .header::before {
    display: none !important;
  }

  /* Pill styling */
  .header {
    background: #000000 !important;
    border-radius: 100px !important;
  }

  .header.section--padding {
    padding-block-start: 12px !important;
    padding-block-end: 12px !important;
  }

  /* Keep pill border-radius on hover (theme resets it to 0 on .has-dropdown-menu) */
  .has-dropdown-menu .header {
    border-radius: 100px !important;
  }

  /* Kill ALL transitions on header — prevents any border-radius flash */
  .header,
  .header::before,
  .header-transparent .header,
  .has-dropdown-menu .header,
  .has-dropdown-menu .header::before {
    transition: none !important;
  }

  /* Mega menu & dropdown: align to pill edges, full rounded corners */
  .header-section .dropdown,
  .header-section .mega-menu__list {
    left: 24px !important;
    right: 24px !important;
    width: auto !important;
  }

  .header-section .dropdown__container,
  .header-section .mega-menu__container {
    border-radius: 24px !important;
    margin-top: 8px !important;
  }

  /* Override theme's bottom-only border-radius on rounded blocks */
  [data-rounded-block=round] .header-section .mega-menu__container,
  [data-rounded-block=round] .header-section .dropdown__container {
    border-radius: 24px !important;
  }

  /* Smooth fade + gentle rise — no slide through the pill */
  .header-section .dropdown,
  .header-section .mega-menu {
    transform: translateY(6px) !important;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease !important;
  }

  .header-section .dropdown[open],
  .header-section .mega-menu[open] {
    transform: translateY(0) !important;
    opacity: 1;
  }

  .header-section .mega-menu__container,
  .header-section .dropdown__container {
    transform: none !important;
    border-radius: 24px !important;
  }

  /* Fade inner items — no translateX/Y slide */
  .header-section .mega-menu__item,
  .header-section .dropdown__nav li {
    transform: none !important;
    transition: opacity 0.2s ease !important;
  }

  @media only screen and (max-width: 767px) {
    .header-section {
      padding: 10px 12px !important;
    }
    .header.section--padding {
      padding-block-start: 10px !important;
      padding-block-end: 10px !important;
    }
  }
  
  @media screen and (min-width: 1536px) {
      .page-width--full {
          --page-padding: inherit;
      }
  }
  
  .button-wrapper, .title-wrapper, .tab-list {
      margin-block-end: clamp(var(--sp-4), 2.526vw, var(--sp-12));
  }
  
  .drawer__tabs {
      align-items: center;
  }
  @media only screen and (min-width: 767px) {
     .header__menu>ul.with-block {
          gap: 35px;
      }
  
      .header.section--padding {
      padding-left: 1rem;
      padding-right: 1rem;
  }
  
  .header__menu>ul.with-block .menu__item [data-text], .dropdown__nav li {
      transition: none;
  }
  .header__menu>ul.with-block .menu__item {
      padding: 0;
      height: auto;
  }
  
  }
  
  
  /* HEADER ICONS */
  
  .icon {
      stroke-width: 2px;
  }
  
  .menu-drawer-button.justify-center {
      justify-content: right;
  }
  
  .header__icons--end .justify-center {
      justify-content: center;
  
  } 

  .drawer__close {
    color: black;
  }
  
  
  #MenuDrawer .drawer__menu-group {
    text-transform: none;
  }


    #MenuDrawer .drawer__close {
    margin-right: -2px !important;
  }
  
  .icon, 
  .header__buttons .menu-drawer-button .icon {
      width: 16px;
      height: 16px;
  }
  
  
  .icon-cart {
      width: 18px;
      height: 18px;
  }
  
  
  /* HOME */
  
@media (min-width: 1200px) {
.banner__title.heading.leading-none.title-lg.tracking-heading {
    max-width: 50rem;
  }
}



  
  
  .multicolumn {
      --card-grid-gap: var(--sp-2);
  }
  
  .card-grid {
      --card-grid-gap: var(--sp-2);
  }
  
  /* COLLECTION ANNA */
  
  .media-card, .media-card--standard .media, .media-card--overlap .media {
      border-radius: 0 !important;
  }
  
  .badge--vertical {
      transform: none;
      writing-mode: unset;
  }
  
  /* TABS AND FLEX COLLECTIONS */
  
  .tab-list .button {
      background: none;
      border: none;
      color: black;
      padding: 0;
      border-radius: 0;
      height: 20px;
  }
  
  .tab-list .button--primary {
      border-bottom: 1px solid black;
  
  }
  
  @media screen and (max-width: 767px) {
      .tab__item {
          font-size: var(--text-s);
      }
  
  .tab-list .button--primary span {
      border-bottom: 1px solid black;
  }
  }
  
  @media only screen and (min-width: 767px) {
  
  
  .featured-collections .title-wrapper {
      width: 50%;
      justify-content: start;
      align-items: center;
  }
  
  .featured-collections .section {
      padding-top: 40px;
  }
  
  .featured-collections .tab-list  {
      justify-content: end;
      margin-top: -60px;
  }
  
  .featured-collections .button .btn-text {
      color: black;
  }
  }
  
  
  
  .facet-sticky .icon {
      display: none;
  }
  
  
  @media only screen and (min-width: 767px) {
  
  
  .card-grid, .slider slider--desktop .lg\:gap-4,  .slider--tablet .lg\:gap-4, .product__gallery.gap-5{
      gap: var(--sp-4);
  }
  
  
  
      .product-card__carousel .flickity-page-dots, .quick-add .button {
          DISPLAY: NONE;
  }
  }
  
  
  .tab-list .tab__item.button--secondary {
      background-color: transparent;
      color: black;
  }
  
  .quick-view .product__thumbnails-list {
      background: none;
      border: none;
  }
  
  .tab-list {
      text-transform: none;
  }
  
  .product-card {
      background-color: transparent;
      box-shadow: none;
  }
  
  .quick-add .button {
      background: none;
      border: none;
    margin-right: -10px;
      margin-bottom: -10px;
  }
  
  .quick-add .button:after {
      border: none;
  }
  
  .quick-view button.product__thumbnail[aria-current]:before, .product__thumbnails.with-dots .product__thumbnail:before {
      background-color: #ebebeb;
  }
  
  .quick-view button.product__thumbnail[aria-current=true]:before, .product__thumbnails.with-dots .product__thumbnail[aria-current=true]:before {
      box-shadow: none;
      background-color: black;
  }
  
  :checked+.label-swatch:after, .label-swatch:after {
  box-shadow: none;
  }
  
  .product-form__input:nth-child(2) .form__label {
      display: none;
  }
  
  .swatches--variant :checked+.color-swatch:after {
      border: 2px solid #57745B;
      border-radius: 12px;
  }

  .variant-picker .color-swatch {
    --swatch-size: 1rem;
}

.swatches--round-slight :is(.color-swatch,.label-swatch), .swatches--round .label-swatch, .swatches--variant .color-swatch {
    --swatch-radius: 50px;
}
  
  :checked+.label-swatch:after {
      border-bottom: 1px solid black;
  }
  
  
  .button, .shopify-challenge__button, button.shopify-payment-button__button--unbranded {
      text-transform: none;
  }
  
  .label-swatch {
      padding: 1rem;
  }
  
  .product__thumbnail {
      border: none;
  }
  
  .product__media-container.gap-4 {
      gap: var(--sp-1) !important;
  }
  
  
  
  
  
  .horizontal-products .button {
      border: none;
      box-shadow: none;
  }
  
  .horizontal-products .button:after {
      border: none;
  }

  .horizontal-products .button .hidden {
    display: block;
  }

  .product-sticky-form .button .hidden {
       display: block; 
  }
  
  .price__regular {
      font-size: var(--font-product-size)
  }
  
  .facet-sticky {
      display: block !important;
  }
  
  
  .card-grid .media-card--overlap {
      --overlay-opacity: .2;
  }
  
  .media-card__content .icon {
      display: none;
  }

  .drawer__title {
    text-transform: none;
  }

.media-card--overlap .media-card__content {
padding-block-end: var(--sp-4) !important;
padding-inline: var(--sp-4) !important;
}
  
  /* END OF COLLECTION */
  
  /* PRODUCT  ANNA */

  @media screen and (max-width: 767px) {
    .product-sticky-form .button {
        padding: 1rem;
        width: 100%;
    }

    .product-sticky-form p {
    opacity: 0.5;
    padding: 0;
    font-size: 1.2rem;
}

    .product-sticky-form .text-base {
        padding: 0 !important;
        opacity: 1;
    }
}

  .quantity {
    min-height: auto;
  }

  .quantity .quantity__button {
    padding-inline: 0;
    padding: 0 0.5rem;
}


  
  .product-card__content {
      padding: 0.75rem;
  }
  
  .product-card__title, .horizontal-product__title, .price__regular {
      font-weight: 500;
      text-transform: none;
       font-size:  var(--text-lg)
  }

  .price__sale:before {
border-block-end: 1.5px solid grey;
}


/* Force price + sale price onto one horizontal line on all breakpoints
   (replaces broken over-specific selector that never matched) */
.price.flex.flex-wrap {
  flex-direction: row !important;
  align-items: baseline !important;
}

.price__sale:before {
transform: rotate(-0deg);
color:grey;
}

.product__title.with-price .price__sale, .product__title .product__price {
    place-self: start;
}

.product__title.with-price {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
  
  .product__more .text-sm-base {
      text-transform: none;
  }
  
  .quick-view .product__media {
      border-radius: 0.5rem;
  }
  
  .product__thumbnails.with-dots {
      position: absolute;
      bottom: 0;
  }
  
     .product__gallery-container  {
  
      background: #F8F8F8;
      padding-top: 80px;
      margin-top: -80px;
     }
  
     @media only screen and (min-width: 767px) {
         .product__gallery-container  {
  
      background: #fff;
         }
     }
  
  
  
  .product-sticky-form .button svg path {
      stroke: white;
  }
  
  
  .media--portrait>:is(img,svg,video-media), .aspect-portrait {
      aspect-ratio: 3 / 4;
  }
  
  .product-form__input {
      border: none;
      padding-top: 15px;
  }
  
  .product__text+.product__text, .product__text:has(+.product__text) {
      padding: 0;
      background: none;
  }
  
  .product__text+.product__text .product__text-inner, .product__text:has(+.product__text) .product__text-inner {
      background: none;
  }
  /*
  
  .product__text.first, .product__text.even {
      margin-top: 20px;
      background: #F5F5F5 !important;
      border-radius: 8px;
      display: inline-block;
  }*/
  
  .product__text+.product__text.even.last .product__text-inner {
      padding-block-end: var(--sp-4);
  } 
  .product__text+.product__text.even.last {
  
      margin-left: 20px;
  }
  
  .setTAL span {
      font: inherit !important;
      vertical-align: none !important;
      font-size: var(--text-base) !important;
  }
  

  
  @media only screen and (min-width: 767px) {
      .product-sticky-form__card .btn-text svg {
      display: none;
  }
  }
  
  .quick-view__button {
      background: none;
      padding: 0;
  }
  
  /* CART ANNA */
  
  .label.is-floating {
      font-size: var(--text-sm);
  }
  
  .drawer__footer svg {
      display: none;
  }
  
  .count.absolute {
      position: relative;
      left: 3px;
          top: -3px;
  }
  
  .tax-note  a  {
      font-size: var(--text-sm) !important;
  }
  
  .drawer__empty-collections a {
      justify-content: center;
  }
  
  .drawer__empty-collections a svg {
      display: none;
  }
  
  
  /* DRAWERS ANNA */
  
      .js .drawer .drawer__inner {
          border-start-end-radius: 8px;
          border-start-start-radius: 8px;
          border-end-end-radius: 8px;
          border-end-start-radius: 8px;
      }
  
  
      .js .cart-drawer .modal__container {
          border-start-end-radius: 0;
          border-start-start-radius: 0;
      }
  
  .js .drawer__close {
      pointer-events: auto;
      opacity: 1;
  
  }
  
  .drawer__empty {
      margin-top: 40px;
  }
  
  .drawer__header {
   padding: 15px 10px;
       min-height: 40px;
       align-items: center;
  }
  
  .drawer__tabs.gap-10 {
  gap: var(--sp-4);
  }
  
  .js .drawer__header:before {
      display: none;
  }
  
  .js .drawer__header:before {
      border-radius: 0;
  }
  
  
  
  
  .js .quick-view .drawer__close {
      opacity: 1 !important;
  }
  
  .quick-view .drawer__close {
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0; 
      opacity: 1;
  }
  
  @media only screen and (max-width: 767px) {
  
  .js .drawer .drawer__inner {
      max-height: calc(100% - 100px);
  }
  
  }
      .js .drawer[active]>.overlay {
          background: none;
          background-color: rgb(var(--color-overlay) / .5);
      }
  
  /* CLEANING THEME */
  
  .header__menu>ul.with-block .localization .menu__item {
      height: auto;
  }

  .header__menu>ul.with-block .menu__item .btn-duplicate {
color: rgb(135, 135, 135);
background-color: transparent;
}
  
.mega-menu__container {
padding-block-start: 0px;
}

.self-submit-button {
inset-inline-end: 0px;
}

  .reversed-link {
      background: none;
  }
  
  .empty-state .icon-xxxl {
      display: none;
  }
  

  
  .color-swatch:after, .color-swatch:before, .swatches--variant .color-swatch.aspect-adapt_first {
      border-radius: 12px;
  }

  .product-card__bottom .swatches--variant .color-swatch{
    --swatch-size: var(--sp-2);
}

.variant-picker .swatches--variant .color-swatch {
    --swatch-size: var(--sp-4);
}
  
  .badge--vertical {
  padding: 8px;
  }
  
  .badges {
          inset-block-start: var(--sp-4);
          inset-inline-start: var(--sp-4);
      } 
  
      .quick-view__button {
      height: var(--sp-6);
      width: var(--sp-6);
      }
  
  .price__sale:before {
      border-block-end: 1.5px solid black;
  }
  
  
  .highlighted-text .icon-squiggle-underline, .highlighted-text .icon-basic-underline, .title-wrapper .button.icon-with-text .icon {
      display: none;
  }
  
  .js .section--rounded:before, .section--rounded {
      border-radius: 0;
  }
  
  .corner, .announcement-bar .fader, .cutout {
      display: none;
  }
  
  .js .shopify-section-group-header-group .section.section--next-rounded:before {
      display: none;
  }
  
  .drawer .overlay {
      cursor: pointer;
  }
  
  /* HELP DESK */
  
  .help-list__item p.h4, .help-list__item p:last-child {
      color: #202020;
  }
  
  .help-list__item {
      background: #f9f9f9;
  }
  
  .help-list__item svg {
      display: none;
  }
  
  /* SLIDER */
  
  .flickity-enabled.is-draggable .flickity-viewport {
      cursor: default;
  }
  
  
  
  .slideshow:not(.slideshow--hero) .banner {
      max-width: 100%;
  }
  
  .slideshow:not(.slideshow--hero) .banner {
      margin-inline-end: 0; }
  
  
  
      .card {
          --motion-translateY: none !important;
      }
  
  
      /* FOOTER ANNA */
  
      .footer .label.is-floating, .newsletter-form .field .input {
          height: 2rem;
      }
  
      .footer__accordions .details {
          border: 0;
          padding: 0;
      }
  
    .footer__accordions .details .details__summary {
      padding-block: var(--sp-2);
  }
  
  
     
  
   .footer__right, .footer--inverted .footer__left {
      border: none !important;
      border-inline-start: 0 !important;
   }
  
      
  
      .footer--inverted .footer__left {
          border: none;
      }
  
  
  
      @media only screen and (max-width: 767px) {
     .footer, .footer-copyright .credits {
          display: flex;
          flex-direction: column-reverse;
      }
  
  
      .localization .grid, .footer-copyright .localization, .footer-copyright .credits ul  {
          justify-content: start;
          width: 100%;
      }
  
      }
  
      .footer__right {
          margin: 0;
          padding: 0;
      }
  
   
  
      .footer .label.is-floating {
          margin: 0;
      }
  
      .footer__logo {
          margin-top: 20px;
      }
  
      .footer-copyright .localization__form .icon {
          display: none;
      }
  
  
      .footer-copyright .localization__item {
          border: none;
          padding: 0;
      }
  
      .footer-copyright .credits ul {
          opacity: 0.6;
      }
  
      .footer-copyright .credits {
          gap: 10px;
          text-align: left;
      }
  
  
  
  
          .footer .button {
              background: none;
              min-width: max-content;
          }
  
  
          .footer .self-submit-button {
              width: auto;
          }
  
  
          .label.is-floating, .footer .button {
              font-size: var(--fluid-sm-to-lg);
              text-transform: none;
          }
  
          .footer a { 
              text-transform: none;
          }
  
          .newsletter-form .field .input:focus, .newsletter-form .field .input {
              background-color: transparent;
          }
  
          .newsletter-form .field .input {
              border-bottom: 1px solid black;
              border-radius: 0;
       
          }
  
              .newsletter-form {
                  margin-bottom: 40px;
              }
  
       
  
          #shop-hcaptcha-badge-container {
              display: none !important;
          }
  

  
    @media screen and (max-width: 796px) {
      .compact-product-bundle .product-grid.swipe-on-mobile {
          --card-grid-template: auto / auto-flow 60vw !important;
      }    
  
  
      .footer-copyright .credits {
          width: 100% !important;
      }
  
   
  
  }  
  
  
  
     @media screen and (max-width: 1399px) {
  
     .footer-copyright img {
          order: 3;
          
      }
  
          .footer-copyright {
         justify-content: center;
                 flex-direction: column;
      }
  
      
  
  }
  
  
     @media screen and (min-width: 1400px) {
  
  
          .footer-copyright {
   align-items: end;
      }
  
      
  
  }
  /* Reorder the Footer Newsletter items visually without changing HTML */
.footer__newsletter {
    display: flex !important;
    flex-direction: column;
}

/* 1. Put the Heading first */
.footer__newsletter > .h3 {
  font-size: 2rem !important;
    font-family: "FormaDJR";
          letter-spacing: -0.3px;
      font-weight: 500 !important;
       order: 1;
    margin-bottom: -10px; 
  }
   


/* 2. Put the Text Description second */
.footer__newsletter > .rte {
    order: 2;
}

/* 3. Put the Form third */
.footer__newsletter > .newsletter-form {
    order: 3;
}
  
  
  
  
  
  
  
  /* OUR STORY */
  
  .ai-carousel-wrapper-atjb0wmhqzzhtt1ljsaigenblockd7882dbbatce9::-webkit-scrollbar, .ai-carousel-track-atjb0wmhqzzhtt1ljsaigenblockd7882dbbatce9::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari */
  }
  
  .ai-carousel-wrapper-atjb0wmhqzzhtt1ljsaigenblockd7882dbbatce9 {
    scrollbar-width: none !important;
  }
  
  .ai-carousel-wrapper-atjb0wmhqzzhtt1ljsaigenblockd7882dbbatce9, .ai-carousel-track-atjb0wmhqzzhtt1ljsaigenblockd7882dbbatce9 {
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none; 
    overflow: auto;
  }
  
  
  
  .ai-scattered-gallery-item-4-aumm1nfy4yuwzl0ptkaigenblock84fae5ckx7wjm {
    top: 500px;
  } 
  
  
  .ai-scattered-gallery-item-4-aumm1nfy4yuwzl0ptkaigenblock84fae5ckx7wjm {
      top: 500px;
  }
  
  .ai-sticky-content-at1bks2ncn0fkemt2waigenblocked75caamczb3h {
    margin-top: 200px;
  }
  
  /* CUSTOM CSS CHANGES */
  
  
  
  /* Full width product gallery (images) on mobile only */
  @media only screen and (max-width: 767px) {
    .product__gallery-container {
      margin-inline: calc(var(--page-padding) * -1);
      width: calc(100% + var(--page-padding) * 2);
      max-width: none;
    }
  }
  
  /* CATERING CARD STYLES - Using theme variables */
  .catering-card .card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--sp-2) 0;
    background: rgb(var(--color-background));
  }
  
  .catering-card .card-info {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
  }
  
  .catering-card .card-title {
    font-size: var(--text-xl);
    font-weight: 500;
    color: rgb(var(--color-foreground));
    text-transform: none;
    margin: 0;
    line-height: 1;
  }
  
  .catering-card .btn-link {
    font-size: var(--text-xs);
    font-weight: var(--font-normal);
    color: rgb(var(--color-foreground)/ 0.6);
    text-transform: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: color var(--animation-fast);
  }
  
  .catering-card .btn-link:hover {
    color: rgb(var(--color-foreground)/ 0.8);
  }
  
  .catering-card .btn-add {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-button-family);
    font-size: var(--text-sm);
    font-weight: var(--font-button-weight);
    text-transform: var(--font-button-text-transform);
    padding: clamp(var(--sp-2), .526vw, var(--sp-2d5)) clamp(var(--sp-4), .842vw, var(--sp-5));
    color: rgb(var(--color-button-text));
    background-color: rgb(var(--color-button-background));
    border: none;
    border-radius: var(--buttons-radius);
    cursor: pointer;
    line-height: 1;
    transition: var(--animation-primary);
    transition-property: box-shadow, color, background-color;
  }
  
  .catering-card .btn-add::after {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: var(--buttons-radius);
    border: var(--buttons-border-width) solid rgb(var(--color-button-border)/ var(--buttons-border-opacity));
    transition: border var(--animation-primary);
  }
  
  @media screen and (pointer: fine) {
    .catering-card .btn-add:hover {
      color: rgb(var(--color-button-background));
      background: none;
      backdrop-filter: blur(12px);
    }
  }
  
  /* CATERING QUANTITY SELECTOR - Using theme variables */
  .catering-card .qty-selector {
    display: inline-flex;
    align-items: center;
    background: rgb(var(--color-foreground)/ 0.08);
    border-radius: var(--buttons-radius);
    overflow: hidden;
    gap: 0;
  }
  
  .catering-card .qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--sp-8);
    height: var(--sp-8);
    background-color: rgb(var(--color-button-background));
    border: none;
    cursor: pointer;
    font-weight: var(--font-bold);
    font-size: var(--text-sm);
    color: rgb(var(--color-button-text));
    transition: background-color var(--animation-fast);
    border-radius: var(--buttons-radius);
  }
  
  .catering-card .qty-btn:hover {
    background-color: rgb(var(--color-button-background)/ 0.85);
  }
  
  .catering-card .qty-input {
    width: var(--sp-10);
    min-width: var(--sp-10);
    height: var(--sp-8);
    text-align: center;
    border: none;
    background: rgb(var(--color-background));
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    color: rgb(var(--color-foreground));
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
  }
  
  .catering-card .qty-input:focus {
    outline: none;
  }
  
  .catering-card .qty-input::-webkit-outer-spin-button,
  .catering-card .qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Mega Menu - Remove left and right spacing */
  .mega-menu__list.page-width,
.mega-menu__list.page-width--full {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  
  
  /* Mega Menu - Remove border radius */
  .mega-menu__container,
  [data-rounded-block=round] .mega-menu__container,
  .mega-menu,
  [data-rounded-block=round] .mega-menu {
    border-radius: 0 !important;
    border-end-start-radius: 0 !important;
    border-end-end-radius: 0 !important;
  }
  
  .mega-menu .media-card,
  .mega-menu__nav .media,
  [data-rounded-block=round] .mega-menu__nav .media,
  .mega-menu .media-card--standard .media {
    //border-radius: 0 !important;
    border-start-start-radius: 0 !important;
    border-start-end-radius: 0 !important;
  }
  
  
  /* Mega Menu - Remove border radius */
  .mega-menu__container,
  [data-rounded-block=round] .mega-menu__container,
  .mega-menu,
  [data-rounded-block=round] .mega-menu {
    border-radius: 0 !important;
    border-end-start-radius: 0 !important;
    border-end-end-radius: 0 !important;
  }
  
  .mega-menu .media-card,
  .mega-menu__nav .media,
  [data-rounded-block=round] .mega-menu__nav .media,
  .mega-menu .media-card--standard .media {
    //border-radius: 0 !important;
    border-start-start-radius: 0 !important;
    border-start-end-radius: 0 !important;
  }
  
  
  
  .mega-menu__list--tabs {
      padding-top: 40px;
  }
  
  
  .mega-menu__nav--tabs .mega-menu__nav-item {
      gap: 0;
      padding: 0;
  }
  
  .mega-menu .media-card, .media-card .media {
      height: 100%;
      object-fit: cover;
  }
  
  .mega-menu__list--tabs {
      padding-bottom: 1rem;
  }
  
  .mega-menu__item {
      max-width: 100%;
  }
  
  /* Mega Menu 4 Column Layout */
  .mega-menu__list--4col {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top:25px;
  }
  
  .mega-menu__container:has(.mega-menu__list--4col) {
    padding-bottom: 0 !important;
  }
  
  .mega-menu__list--4col .mega-menu__nav.flex .mega-menu__nav-item {
      max-width: 100% !important;
      transform: none;
      flex: 100% !important;
  }
  
  .mega-menu__item--4col-col1,
  .mega-menu__item--4col-col2,
  .mega-menu__item--4col-col3,
  .mega-menu__item--4col-col4 {
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  
  .mega-menu__item--4col-col1 {
    padding: var(--sp-8) var(--sp-6) 0 var(--sp-6);
  }
  
  .mega-menu__item--4col-col2 {
    padding: var(--sp-8) var(--sp-6) 0 var(--sp-6);
  }
  
  .mega-menu__item--4col-col3 {
    padding: 0;
  }
  
  .mega-menu__item--4col-col4 {
    padding: 0;
  }
  
  .mega-menu__4col-links {
    gap: var(--sp-4);
  }
  
  .mega-menu__4col-links .heading {
    text-transform: none !important;
  }
  
  .mega-menu__list--4col .mega-menu__nav .heading {
    text-transform: none !important;
  }
  
  .mega-menu__list--4col .media-card {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    min-height: 400px;
  }
  
  .mega-menu__list--4col .media-card .media {
    width: 100% !important;
    height: 100% !important;
    min-height: 400px;
    border-radius: 0 !important;
  }
  
  .mega-menu__list--4col .media-card .media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  
  .mega-menu__list--4col .media-card__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--sp-6) var(--sp-6) 0 var(--sp-6);
  }
  
  .mega-menu__list--4col .media-card__text .heading {
    text-transform: none !important;
  }
  
  .mega-menu__list--4col .media-card__text {
    opacity: 1 !important;
    transform: none !important;
  }
  
  /* Mega Menu 5 Column Layout */
  .mega-menu__list--5col {
    display: grid !important;
    grid-template-columns: 1fr repeat(4, 1.2fr) !important;
    gap: var(--page-padding) !important;
padding: var(--page-padding);
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 70px;
  }

  .mega-menu__item--5col-col1 {
    //order: 0;
  }

  @media screen and (min-width: 768px) {
    .header-scrolled .mega-menu__container {
        padding-block-start: 0 !important;
    }
}

  .mega-menu__container:has(.mega-menu__list--5col) {
    padding-bottom: 0 !important;
  }

  .mega-menu__list--5col > li:nth-child(2) {
      width: 10px !important; /* Change this number to make the gap bigger or smaller */
      min-width: 0 !important;
      flex: 0 0 auto !important;
  }

  .mega-menu__item--5col-col1 {
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    padding: var(--page-padding);
  }

  .mega-menu__item--5col-img {
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    padding: 0;
  }

  .mega-menu__list--5col .mega-menu__nav.flex .mega-menu__nav-item {
    max-width: 100% !important;
    transform: none;
    flex: 100% !important;
  }

  .mega-menu__list--5col .mega-menu__nav .heading {
    text-transform: none !important;
    font-size: var(--text-2xl);
  }

  .mega-menu__list--5col .mega-menu__nav {
    gap: 0;
  }

  .mega-menu__list--5col .mega-menu__nav-item {
    border-bottom: 1px solid black;
    width: 100%;
    padding: 0.25rem 0;
  }

  .mega-menu__list--5col .media-card {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    min-height: 400px;
  }

  .mega-menu__list--5col .media-card .media {
    width: 100% !important;
    height: 100% !important;
    //min-height: 400px;
    border-radius: 24px !important;
  }

  .mega-menu__list--5col .media-card .media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .mega-menu__list--5col .media-card__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--sp-6) var(--sp-6) 0 var(--sp-6);
  }

  .mega-menu__list--5col .media-card__text {
    opacity: 1 !important;
    transform: none !important;
    padding-bottom: 0rem;
  }

  .mega-menu__list--5col .media-card__text .heading {
    text-transform: none !important;
  }

  /* Mega Menu 4 Links Layout */
  .mega-menu__list--4links {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: var(--page-padding) !important;
    padding: var(--page-padding) !important;
    padding-bottom: calc(var(--page-padding) * 1.5) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 70px;
    align-items: stretch;
  }

  .mega-menu__container:has(.mega-menu__list--4links) {
    padding-bottom: 0 !important;
  }

  .mega-menu__item--4links-col {
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .mega-menu__4links-col {
    gap: 0;
    height: 100%;
  }

  .mega-menu__4links-heading {
    text-transform: none !important;
  }

  .mega-menu__list--4links .mega-menu__nav-item {
    border-bottom: 1px solid black;
    width: 100%;
    padding: 0.25rem 0;
  }

  .mega-menu__list--4links .mega-menu__nav {
    gap: 0;
  }

  .mega-menu__list--4links .mega-menu__nav .heading {
    text-transform: none !important;
    font-size: var(--text-2xl);
  }

  .mega-menu__list--4links .mega-menu__nav.flex .mega-menu__nav-item {
    max-width: 100% !important;
    transform: none;
    flex: 100% !important;
  }

  .mega-menu__4links-image .media-card,
  .mega-menu__4links-image {
    width: 100% !important;
    //border-radius: 0 !important;
  }

  .mega-menu__4links-image .media {
    width: 100% !important;
     height: 100% !important;
    min-height: 400px !important;
    border-radius: 24px !important;
  }
 
  .header__menu > ul > li:first-child .mega-menu .media-card .media {
  min-height: 450px !important;
}


  .mega-menu__4links-image .media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .mega-menu__4links-image .media-card__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--sp-6) var(--sp-6) 0 var(--sp-6);
    border-radius: 0 0 24px 24px;
  }

  .mega-menu__4links-image .media-card__text {
    opacity: 1 !important;
    transform: none !important;
    padding-bottom: 0rem;
  }

  .mega-menu__4links-footer .heading {
    text-transform: none !important;
    font-size: var(--text-lg);
  }

  .mega-menu__4links-footer {
    position: absolute;
    bottom: var(--page-padding);
  }

  @media only screen and (max-width: 767px) {
    .mega-menu__4links-heading, .mega-menu__4links-footer .heading {
      display: none;
    }
  }

  /* Submenu fade-in only (no slide animations) - completely override all animations */
  .drawer__submenu {
    inset-inline-start: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity var(--animation-primary) !important;
    transform: none !important;
    height: auto !important;
    max-height: none !important;
    transition-property: opacity, visibility !important;
    display: block !important;
  }
  
  details.active > .drawer__submenu,
  details[open] > .drawer__submenu,
  details[is=accordion-details][open] > .drawer__submenu {
    inset-inline-start: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
  }
  
  /* Prevent default details slide-down animation completely */
  details[is=menu-details] > .drawer__submenu,
  details[is=accordion-details] > .drawer__submenu {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
    transform: none !important;
    transition-property: opacity, visibility !important;
    display: block !important;
  }
  
  /* Remove all transforms and transitions from details element itself */
  details[is=menu-details],
  details[is=accordion-details] {
    transition: none !important;
  }
  
  details[is=menu-details] > summary,
  details[is=accordion-details] > summary {
    transition: none !important;
  }
  
  /* Override native details animation by preventing height/max-height animations */
  details[is=menu-details] > .drawer__submenu:not([open]),
  details[is=accordion-details] > .drawer__submenu:not([open]) {
    display: block !important;
  }
  
  /* Ensure submenu items fade in smoothly with no transforms */
  .drawer__submenu .drawer__menu-item,
  .drawer__submenu > *,
  .drawer__submenu ul,
  .drawer__submenu li {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  
  /* Override any translateX transforms */
  .drawer__submenu .drawer__menu-item {
    --tw-translate-x: 0 !important;
  }
  
  /* Disable any grid or flex animations */
  .drawer__submenu.drawer__scrollable {
    display: flex !important;
    opacity: 0 !important;
    transition: opacity var(--animation-primary) !important;
  }
  
  details.active > .drawer__submenu.drawer__scrollable,
  details[open] > .drawer__submenu.drawer__scrollable {
    opacity: 1 !important;
  }
  
  .mega-menu__list--4col .mega-menu__nav .heading {
 font-size:  var(--text-lg);
  }
  
  .mega-menu__nav-item {
            border-bottom: 1px solid black;
            width: 100%;
            padding:  0.5rem 0;
  }
  
  .mega-menu__nav {
      gap: 0;
  }
  
  .mega-menu__item--4col-col1 {
      padding: var(--page-padding);
  }
  
  .mega-menu__item--4col-col2 {
      margin-top: -1.5rem;
  }
  
  .mega-menu__4col-links .heading {
  font-size: var(--title-sm);
  }
  
  
  
  .mega-menu__list--4col .media-card__text {
      padding-bottom: 1rem;
  }
  
  .media--height>:is(img,svg,video-media) {
    position: relative;
  }


  #insta-feed .instafeed-new-layout-item img, .instafeed-shopify .instafeed-new-layout-item img {
    top: 0 !important;
    left: 0 !important;
  }

  #insta-feed h2, .instafeed-shopify h2 {
    font-family: "FormaDJR" !important;
    font-weight: 400 !important;
        letter-spacing: -0.3px !important;
  }

  /* COOKIES */
gesture-element.drawer__header.flex.justify-between.opacity-0.invisible.relative.sr-only {
    display: none;
}


.mega-menu__4links-image .media {
  max-height: 400px;
}

.rte :where(p):not(:where([class~=not-rte] *)) {
  margin: 0;
}

    .lg\:gap-6 {
        gap: var(--sp-4);
    }


    .media>img {
      width: 100% !important;
    }



    .button--secondary {
      color: white;
      border: 1px solid white;
    }


* =============================================
   COMMUNITY FEED SECTION
   ============================================= */

/* Card wrapper — uses --card-radius which maps to --odisei-radius (our global token) */
.community-feed-section .community-card {
  border-radius: var(--card-radius);
  overflow: hidden;
  position: relative;
}

/* Media inside card fills the container */
.community-feed-section .community-card .media {
  border-radius: var(--card-radius) !important;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: clamp(var(--sp-10) * 8, 50vw, var(--sp-10) * 10);
}

@media screen and (min-width: 768px) {
  .community-feed-section .community-card .media {
    min-height: clamp(var(--sp-10) * 10, 40vw, var(--sp-10) * 14);
  }
}
@media screen and (max-width: 767px) {
  .community-feed-section .community-card .media {
    min-height: 400px; 
  }
}

/* Video fills card completely */
.community-feed-section .community-card video-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.community-feed-section .community-card video-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Community card: YouTube/Vimeo iframe fills the card */
.community-feed-section .community-card video-media iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Hide the poster image once the video starts playing */
.community-feed-section .community-card video-media[playing] > img {
  visibility: hidden;
}

/* Image fills card */
.community-feed-section .community-card .media img,
.community-feed-section .community-card .media [is=lazy-image] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Tag pill badge */
.community-card__tag {
  position: absolute;
  top: 0;
  left: 0;
  margin: var(--sp-3);
  z-index: 1;
}

.community-card__tag-inner {
  display: inline-block;
  padding: var(--sp-1) var(--sp-3);
  border-radius: var(--buttons-radius-outset, 100px);
  background: rgb(var(--color-background) / 0.88);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  font-size: var(--text-xs);
  font-weight: var(--font-medium, 500);
  color: rgb(var(--color-foreground));
  line-height: 1.4;
  text-decoration: none;
  transition: background var(--animation-fast);
}

a.community-card__tag-inner:hover {
  background: rgb(var(--color-background));
}

/* Tab icon */
.community-tab__icon {
  display: inline-flex;
  align-items: center;
  margin-right: var(--sp-1d5);
  flex-shrink: 0;
}

.community-tab__icon-img {
  width: var(--sp-4);
  height: var(--sp-4);
  object-fit: contain;
  vertical-align: middle;
}

/* Card grid alignment & Horizontal Scroll Slider */
.community-feed-section .card-grid {
  align-items: stretch;
  display: grid;
  grid-auto-flow: column;

  
  /* Mobile default: 1 full card and a peek of the 2nd */
  grid-auto-columns: calc((100% / 1.5) - 16px);
}

/* Hides scrollbar in Chrome, Safari, Edge */
.community-feed-section .card-grid::-webkit-scrollbar {
  display: none; 
}

/* Tablet: 2.5 cards */
@media screen and (min-width: 768px) {
  .community-feed-section .card-grid {
    grid-auto-columns: calc((100% / 3.2) - 16px);
  }
}

/* Desktop: 3 full cards and a peek of the 5th */
@media screen and (min-width: 1024px) {
  .community-feed-section .card-grid {
    grid-auto-columns: calc((100% / 4.2) - 16px);
  }
}

/* Community Feed — scoped tab button overrides
   (the global .tab-list .button rule hard-codes color:black; border-radius:0;
   background:none — we undo that here so the section's theme editor color
   settings actually apply) */
.community-feed-section .tab-list .button {
  height: auto !important;
  padding: clamp(var(--sp-1), 0.5vw, var(--sp-2)) clamp(var(--sp-4), 1.2vw, var(--sp-6)) !important;
  border-radius: var(--buttons-radius-outset, 100px) !important;
  border: none !important;
}

.community-feed-section .tab-list .button--primary {
  border-bottom: none !important;
  background-color: rgb(var(--color-button-background)) !important;
  color: rgb(var(--color-button-text)) !important;
}

.community-feed-section .tab-list .button--secondary {
  background-color: transparent !important;
  color: rgb(var(--color-foreground)) !important;
  border: 1px solid rgb(var(--color-foreground) / 0.25) !important;
}

/* Hide the animated fill layer inside community feed tabs */
.community-feed-section .tab-list .button .btn-fill {
  display: none !important;
}

/* 9:16 tall aspect ratio for community cards (Reels / Shorts style).
   The theme builds class="media media--nine-sixteen" from the image_ratio setting. */
.media--nine-sixteen {
  --ratio-percent: 177.78%;
}

.media--nine-sixteen > :is(img, svg, video-media, video) {
  aspect-ratio: 9 / 16;
}

/* Community feed — card link overlay (covers full card, z-2 sits above media) */
.community-card__link {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Community card: play button centred (overrides theme default top-right).
   Use only logical properties — mixing physical (top/left) with logical
   (inset-block-start) in the same rule causes the last one to win, breaking
   the centering. All logical, declared last → correct override. */
.community-feed-section .community-card .play-button {
  inset-inline-end: auto;   /* clear theme's inline-end */
  inset-inline-start: 50%;  /* horizontal centre */
  inset-block-start: 50%;   /* vertical centre */
  transform: translate(-50%, -50%);
  width: var(--sp-14);
  height: var(--sp-14);
  z-index: 3;
}

.community-feed-section .community-card .play-button .icon {
  width: var(--sp-5);
  height: var(--sp-5);
  margin-inline-start: 0.1em; /* optical nudge — play triangle is visually left-heavy */
}

/* Dim overlay on poster images (non-autoplay cards) */
.community-card__poster-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.28);
  z-index: 1;
}

.tab-list {
  justify-content: center;
  margin-right: 40px;
}

.community-feed-section {
  position: relative; 
}

.community-feed-section .indicators {
  position: absolute !important; 
  top: 50%; 
  left: 0;
  width: 100%; 
  display: flex;
  justify-content: space-between !important; 
  z-index: 10; 
  margin-left: 10px;
  
  pointer-events: none; 
  
  padding: 0 16px; 
}


.community-feed-section .indicators button {
  pointer-events: auto; 
  opacity: 60%;
}
.community-feed-section .indicators button:hover{
  opacity: 100%;
}


.community-feed-section .tab-list .button--primary {
  display: none;
}
/* 1. Apply the ratio to the main card container */
.community-feed-section .community-card {
  aspect-ratio: 9 / 16;
  height: auto; /* Allows height to be dictated by the aspect ratio */
}

/* 2. Override the previous min-heights on the media wrapper */
.community-feed-section .community-card .media {
  aspect-ratio: 9 / 16;
  height: 100% !important;
  min-height: unset !important; /* Removes the clamps and 400px minimums */
}

/* 3. Ensure the inner video/image elements fill the new shape perfectly */
.community-feed-section .community-card .media > :is(img, svg, video-media, video, iframe) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 9 / 16;
}



/**--blog slider arrows--*/

.page-width.relative {
  position: relative;
}
.page-width.relative .title-wrapper {
  position: static !important; 
}

.page-width.relative .indicators {
  position: absolute !important;
  top: 55%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between !important;
  z-index: 10;
  pointer-events: none; /* Allows swiping through the invisible container */
  padding: 0 16px; 
  margin-left: 10px;
}

.page-width.relative .indicators button {
  pointer-events: auto;
  height: auto !important;
  padding: clamp(var(--sp-1), 0.5vw, var(--sp-2)) clamp(var(--sp-4), 1.2vw, var(--sp-6)) !important;
  border: 1px solid rgb(var(--color-foreground) / 0.25) !important;
  color: rgb(var(--color-foreground)) !important;
  background-color: none;
  border-radius: var(--buttons-radius-outset, 100px) !important; /* Matches the pill-shape of the first slider */
  opacity:60%; 
}
.page-width.relative .indicators button:hover {
  opacity: 100%; 
}

@media screen and (min-width: 1024px) {
    .page-width.relative .indicators {
        display: flex !important;
    }
}


#shopify-section-template--26101386608968__image_with_text_overlay_GHRVJj {
  z-index: 9;
}

/* ── Product page — push content below fixed header ────────────────────────
   The header is position:fixed so the first section needs manual top-padding.
   calc: pill height (--header-height) + topbar if visible (--topbar-height) + gap */
.template-product #MainContent > .shopify-section:first-child {
  padding-top: calc(var(--header-height) + var(--topbar-height) + 24px) !important;
}

/* ── Product Showcase section ──────────────────────────────────────────────
   theme.css applies ::before with background-color to every .section —
   this solid layer covers our full-bleed background images. Suppress it. */

.section-interactive-showcase::before {
  display: none !important;
}

.section-interactive-showcase {
  background: none !important;
  background-color: transparent !important;
}


/* PRODUCT & COLLECTION — white background, dark text
   Button colours are left to the customiser (Theme Settings > Buttons). */
.template-product,
.template-collection {
  --color-background: 255 255 255;
  --color-foreground: 23 23 23;
  --gradient-background: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
}

.template-product .page-container,
.template-collection .page-container {
  background: white;
}

/* Prices: use the section's text colour so they're always legible
   (theme defaults use global --color-price / --color-sale-price which
    don't respond to per-section colour pickers)

   HTML reality (confusingly named):
     .price__regular  = the current/sale price (big, bold)
     .price__sale     = the crossed-out original price (small, dimmed) */
.price__regular {
  color: rgb(var(--color-foreground)) !important;
}
.price--on-sale .price__sale {
  color: rgb(var(--color-foreground) / 0.5) !important;
}


.swatches--variant .color-swatch.aspect-adapt_first {
  aspect-ratio: 1/1;
}

@media screen and (min-width: 1024px) {
    .header-sticky~.page-container .lg\:sticky:is(.product__info,.product__preview,.product__gallery-container) {
        inset-block-start: calc(var(--header-height) + var(--sp-16)) !important;
    }
}


.input, .select, .textarea {
    background-color: rgb(var(--color-foreground)/ 0.1);
}

.input:focus, .select:focus-visible, .textarea:focus  {
      background-color: rgb(var(--color-foreground)/ 0.2);
}

.product__media {
  background: transparent;
}

.media {
  background: none;
}

.badge.badge--onsale {
    --badge-background: white;
    --badge-foreground: black;
} 

.product-card__bottom {
    padding-block-start: var(--sp-2);
}


input[type=checkbox].switch {
  background: lightgrey;
}


.button-group .button {
  min-height: 2.75rem !important;
}

@media screen and (min-width: 640px) {
    .product-form__submit, button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--branded [role=button] {
        min-height: 2.55rem !important;
    }
}

/* Quick view modal — white background, dark text, dark buttons */
.quick-view {
  --color-drawer-background: 255 255 255;
  --color-drawer-text: 23 23 23;
  --color-drawer-button-background: 23 23 23;
  --color-drawer-button-text: 255 255 255;
}

.template-collection .button--secondary {
  color: black;
}

.product-form__submit, button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--branded [role=button] {
  border: 1px solid currentColor;
}

 button.shopify-payment-button__button--unbranded:after  {
  content: none;
 }

 button.shopify-payment-button__button--unbranded {
  padding: 0;
 }

#QuantityForm-template--26090211574088__main-product-9911261462856 .button {
  background: #0218A0;
}
/* ── Footer: CSS grid layout for link columns at desktop ────────────────────
   Fixes the wrapping issue when per-block container_width percentages
   (e.g. 33% + 33% + 50% = 116%) overflow the flex-wrap container.
   The number of columns is driven by --footer-columns set inline from Liquid.
   ─────────────────────────────────────────────────────────────────────────── */
@media screen and (min-width: 1280px) {
  .footer__accordions {
    display: grid !important;
    grid-template-columns: repeat(var(--footer-columns, 3), 1fr);
    gap: var(--sp-12);
    align-items: start;
  }

  /* Override per-block inline width — grid handles sizing via 1fr columns */
  .footer__accordions > * {
    width: auto !important;
  }
}

/* ── Reviews Section ──────────────────────────────────────────────────────────
   Supports three modes: list (two-column sticky heading), grid, and slider.
   ─────────────────────────────────────────────────────────────────────────── */

/* Section-scoped color rule (specificity 0,2,0 / 0,2,1) beats any theme
   .rte or .section child rules that might reset inherited color. */
.reviews-section .review-card {
  color: rgb(var(--color-foreground));
  background: none;
}
.reviews-section .review-card * {
  color: inherit;
}

/* List mode: two-column layout — sticky heading left, cards right — at desktop */
@media screen and (min-width: 1024px) {
  .reviews-layout--list .reviews-inner {
    display: grid;
    grid-template-columns: minmax(0, 0.6fr) minmax(0, 1fr);
    gap: var(--sp-10);
    align-items: start;
  }

  /* Heading stays fixed as user scrolls through the review list */
  .reviews-layout--list .reviews-heading {
    position: sticky;
    top: calc(var(--header-height, 76px) + var(--sp-8));
  }
}

/* Review card — list mode: stacked, separated by a bottom border */
.reviews-layout--list .review-card {
  padding: var(--sp-6) 0;
  border-bottom: 1px solid rgb(var(--color-foreground) / 0.12);
}
.reviews-layout--list .review-card:first-child { padding-top: 0; }
.reviews-layout--list .review-card:last-child  { border-bottom: none; }

/* Review card — grid & slider mode: boxed with border & radius */
.reviews-layout--grid .review-card,
.reviews-layout--slider .review-card {
  padding: var(--sp-6);
  border: 1px solid rgb(var(--color-foreground) / 0.12);
  border-radius: var(--odisei-radius, 20px);
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Card header: reviewer name on the left, platform badge on the right */
.review-card__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--sp-3);
  margin-bottom: var(--sp-3);
}
.review-card__name {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2;
}
.review-card__platform {
  font-size: 0.72rem;
  opacity: 0.55;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Review body text */
.review-card__text {
  margin-bottom: var(--sp-4);
  flex: 1;
}

/* Stars — Unicode ★ characters, filled vs empty */
.review-stars {
  display: flex;
  align-items: center;
  gap: 1px;
  margin-top: var(--sp-3);
  font-size: 1.1rem;
  line-height: 1;
}
.review-stars .star--filled { opacity: 1; }
.review-stars .star--empty  { opacity: 0.25; }

/* Optional subheading under the main heading in list mode */
.reviews-subheading {
  margin-top: var(--sp-4);
  opacity: 0.7;
  font-size: 1rem;
}

/* Pagination controls (prev / page indicator / next) */
.reviews-pagination-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-6);
  padding-top: var(--sp-8);
}
.reviews-pagination-controls .button--sm {
  padding: var(--sp-2) var(--sp-3);
  min-width: 2.5rem;
}
.reviews-page-info {
  font-size: 0.875rem;
  min-width: 4rem;
  text-align: center;
  opacity: 0.75;
}


@media only screen and (max-width: 767px) {
  .drawer__promotions .mega-menu__list {
    display: none;
  }
}

.collection__topbar {
  margin-bottom: -60px;
  padding-bottom: 0;
}

@media screen and (min-width: 767px) {
    .collection__content {
        margin-block-start: 0 !important;
    }
}

.reviews-layout--list .review-card {
z-index: 9;
position: relative;
}



#shopify-pc__banner__btn-decline, #shopify-pc__prefs__header-decline {
  background: transparent !important;
  color: white !important;
  border: none !important;
}

#shopify-pc__banner {
  left: 0;
}

button.shopify-payment-button__button--unbranded {
  background: #0218A0;
  color: white;
}

.js [data-button-hover=none] .shopify-payment-button__button--unbranded:hover:not([disabled]) { 
    background: #0218A0;
  color: white;
  opacity: 0.8;
}

#shopify-pc__banner__btn-decline, #shopify-pc__prefs__header-close, #shopify-pc__prefs__dialog .shopify-pc__prefs__header-actions button {
  background: rgb(var(--color-button-background));
  color: white;
}

#shopify-pc__banner__btn-accept:after, #shopify-pc__banner__btn-decline:after, #shopify-pc__prefs__header-close:after, #shopify-pc__prefs__dialog .shopify-pc__prefs__header-actions button:after {
  content: none;
}


@media screen and (min-width: 1024px) {
    .article .rte :is(figure,.image-with-text) {
        max-width: 100% !important;
        margin: auto !important;
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}

.article .rte figure figcaption {
  margin-inline: 0;
  text-align: center;
}

.article .rte a:not(.button,.reversed-link) {
  color: white !important;
  margin-right: 0px !important;
}

.wp-block-embed__wrapper iframe {
  margin: auto;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.emoji {
  max-width: 20px;
  margin: 0;
}

#brxe-article-content .emoji {
  display: none;
}

#brxe-article-content br {
  display: none;
}



.wp-block-button {
  padding: 1rem;
}

.wp-block-button a {
    background: #0218A0 !important;
    padding: 1rem;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 40px !important;
}


@media screen and (min-width: 1280px) {
    .banner__box--small {
        max-width: 60rem;
    }
}

.psc__accordion-btn, .psc__accordion-inner p {
  color: black !important;
}

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

.psc__accordions {
  margin-left: 2rem;
}




#MobileFacetFiltersContainer {
  background: white;
  color: black;
}

#MobileFacetFiltersContainer * {
  color: white;
}


.locator-wrapper {
  margin-top: 100px !important;
}



/* Mega menu — two CTA pills overlaid at the bottom of the image card */
.mega-menu__image-ctas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
  pointer-events: none;
  z-index: 2;
}

.mega-menu__image-cta {
  flex: 1;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.75rem;
  border-radius: 100px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
  text-decoration: none;
  transition: opacity 0.15s ease;
}

.mega-menu__image-cta:hover { opacity: 0.85; }

.mega-menu__image-cta--primary {
  background: rgb(var(--color-button-background));
  color: rgb(var(--color-button-text));
}

.mega-menu__image-cta--secondary {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/*-- REVIEWS --*/

/* Adds a Google G icon + "Google Review" label at the top of the card */
/* Centered Google Badge for Carousel Cards */
.jdgm-cards-carousel .jdgm-card::before {
    content: "Google Review";
    
    /* Centering the 50% block */
    display: flex !important;
    justify-content: center; 
    align-items: center;
    width: 60% !important;   /* 50-60% is usually the "sweet spot" for this text */
    margin: 0 auto 12px auto; /* This centers the container itself */
    
    /* Typography */
    font-size: 11px;
    font-weight: bold;
    color: #4285F4;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;    /* Prevents "Review" from dropping to a second line */
    
    /* Icon Styling */
    background-image: url('/cdn/shop/files/google-verified.svg?v=1775640199');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    
    /* This is the trick: Position the icon relative to the center */
    background-position: 10px center; 
    padding-left: 30px; 
    
    height: 20px;
    box-sizing: border-box;
}
/* 1. Hide the original product link text */
.jdgm-modal__content .jm-product-variant-card__product-link {
    font-size: 0 !important;
}

/* 2. Inject the new Google link text and icon */
.jdgm-modal__content .jm-product-variant-card__product-link::before {
    content: "Odisei Music";
    font-size: 14px !important; /* Restore font size */
    font-weight: bold;
    visibility: visible;
    display: block;
}
/* Fix for the "..." on the Verified Google Review link text */
.jdgm-modal__content .jm-product-variant-card__product-link {
    white-space: normal !important;   /* Allows text to wrap if needed */
    overflow: visible !important;    /* Ensures text isn't hidden */
    text-overflow: clip !important;  /* Removes the ellipsis (...) */
    display: block !important;       /* Forces it to take up its own line */
    max-width: 100% !important;      /* Lets it use the full width available */
    width: auto !important;
}