/* THIS FILE IS GENERATED AUTOMATICALLY, DO NOT MODIFY IT DIRECTLY, ANY DIRECT CHANGES WILL BE LOST */
/* Last update: 2025-12-05T18:21:52+00:00 */

@layer moris {
  @layer templates {
    
    .mt-header {
      --header-background: transparent;
      --header-padding-y: var(--space-5xl);
      position: relative;
      z-index: 10;
      background: var(--header-background);
      padding-block: var(--header-padding-y);
      transition: var(--transition-all);
    }
    .mt-header__container {
      flex-flow: row nowrap;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-sm);
    }
    .mt-header__left, .mt-header__right {
      display: flex;
      align-items: center;
      gap: var(--space-xl);
    }
    .mt-header__logo {
      --logo-size: clamp(2.5em, 5vw, 3.5rem);
    }
    .mt-header__navigation {
      --navigation-gap: var(--space-2xl);
      --navigation-font: var(--font-heading);
      --navigation-text-size: var(--text-lg);
      --navigation-text-color: var(--color-white);
      --navigation-text-color-hover: var(--color-primary-400);
    }
    .mt-header__cart {
      --button-size: 3rem;
      --button-padding-x: var(--button-size / 4);
      --button-padding-y: var(--button-size / 4);
      --button-icon-size: 1.5rem;
      --button-icon-color: var(--color-white);
    }
    @media (max-width: 991px) {
      .mt-header {
        background: linear-gradient(to bottom, hsl(from var(--color-black) h s l / 0.75) 25%, transparent);
        padding-block: var(--space-xl);
      }
      .mt-header__navigation {
        display: none;
      }
    }
    @media (max-width: 479px) {
      .mt-header {
        padding-block: var(--space-xl);
      }
      .mt-header__navigation {
        display: none;
      }
    }
    
    .mt-section {
      --section-background: transparent;
      --section-inner-gap: var(--section-gap-y);
      --section-padding-top: var(--section-padding-y);
      --section-padding-bottom: var(--section-padding-y);
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      position: relative;
      overflow: hidden;
      container: section / inline-size;
    }
    .mt-section__inner {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      min-height: inherit;
      padding-block: var(--section-padding-top) var(--section-padding-bottom);
      background: var(--section-background);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .mt-section__container {
      --container-gap: var(--section-inner-gap);
      position: unset;
    }
    
    .mt-footer {
      --container-width: calc(93.75rem + var(--container-padding-x));
    }
    .mt-footer-top {
      --section-background: var(--color-secondary-900);
      --section-padding-top: calc(var(--space-6xl) * 2);
      --section-padding-bottom: var(--space-6xl);
      position: relative;
    }
    .mt-footer-top .mt-heading {
      --heading-text-size: clamp(8.375rem,
					17.5cqw,
					16.75rem);
      --heading-line-height: 1;
      pointer-events: none;
      user-select: none;
      position: relative;
      text-wrap: balance;
      white-space: nowrap;
      display: inline-block;
    }
    .mt-footer-top__content {
      width: 100%;
      display: flex;
      flex-direction: column;
    }
    .mt-footer-top__wrapper {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
    }
    .mt-footer-top__left {
      max-width: 37.5rem;
    }
    .mt-footer-top__right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-end;
    }
    .mt-footer-top .mt-divider {
      margin-block: var(--space-xl);
    }
    .mt-footer-menus {
      display: flex;
      flex-direction: row;
      gap: var(--space-5xl);
    }
    .mt-footer-menus ul {
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: calc(var(--space-xs) * 0.6);
    }
    .mt-footer-menus ul li {
      list-style: none;
    }
    .mt-footer-menus {
      margin-top: var(--space-2xl);
    }
    .mt-footer-menu li {
      text-decoration: underline;
    }
    .mt-footer-list li:first-child {
      text-decoration: underline;
    }
    .mt-footer-bottom {
      --section-background: var(--color-secondary-200);
      z-index: 1;
    }
    .mt-footer-info {
      margin-top: var(--space-2xl);
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .mt-footer-info .mt-text {
      font-size: calc(var(--text-xs) * 0.9);
    }
    .mt-footer-images {
      position: absolute;
      bottom: -25%;
      left: 45%;
      display: flex;
      justify-content: center;
    }
    .mt-footer-images-container {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      pointer-events: none;
    }
    .mt-footer-images img {
      object-fit: contain;
      object-position: bottom;
    }
    .mt-footer-images img:first-child {
      width: 75%;
    }
    .mt-footer-images img:last-child {
      z-index: 1;
      position: relative;
      margin-left: -33%;
      width: 60%;
    }
    .mt-footer-bottom .mt-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
    .mt-footer-bottom .mt-container > .mt-text {
      color: var(--color-primary-900);
    }
    .mt-footer-partners {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: var(--space-4xl);
    }
    .mt-footer-partner {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: var(--space-xl);
    }
    .mt-footer-partner .mt-text {
      color: var(--color-primary-900);
    }
    
    .mt-age-gate {
      --section-background: url("/wp-content/uploads/backgrounds/mauritius-rum-production-heritage.jpg");
      --section-padding-bottom: 0;
      width: 100%;
      height: 100%;
    }
    .mt-age-gate .mt-section__container {
      position: relative;
      justify-content: center;
    }
    .mt-age-gate__logo {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      margin-inline: auto;
      width: 13.75rem;
    }
    .mt-age-gate-age {
      font-size: calc(var(--text-6xl) * 4);
      line-height: 1;
      margin: -0.085em 0 -0.15em;
    }
    .mt-age-gate-question {
      font-size: clamp(var(--text-3xl), 6vw, var(--text-4xl));
      margin-top: var(--space-xl);
    }
    .mt-age-gate-actions {
      margin-top: var(--space-2xl);
      display: flex;
      flex-direction: row;
      gap: var(--space-xl);
    }
    .mt-age-gate-notice {
      max-width: 42rem;
      font-size: var(--text-xs);
      margin-top: var(--space-3xl);
    }
    .mt-age-gate-bottle {
      position: absolute;
      width: clamp(16rem, 33.33333vw, 32rem);
      max-height: 95vh;
      object-fit: contain;
      object-position: left center;
      right: 2rem;
      bottom: 0;
    }
  }
}
