/* THIS FILE IS GENERATED AUTOMATICALLY, DO NOT MODIFY IT DIRECTLY, ANY DIRECT CHANGES WILL BE LOST */
/* Last update: 2026-04-17T05:36:01+00:00 */

@layer moris {
  @layer pages {
    .mt-section {
      
      
      
    }
    .mt-section[data-section=contact-hero] {
      --section-background: url("/wp-content/uploads/backgrounds/mauritius-rum-production-heritage.jpg");
      --section-padding-top: calc(var(--section-padding-y) + var(--header-height));
      --section-inner-gap: var(--section-gap-y);
      --section-padding-bottom: var(--section-padding-y);
      margin-top: calc(var(--header-height) * -1);
    }
    .mt-section[data-section=contact-hero] .mt-container > .mt-heading {
      font-size: var(--text-6xl);
    }
    .mt-section[data-section=contact-hero] .mt-contact-hero-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-6xl);
      width: 100%;
    }
    .mt-section[data-section=contact-hero] .mt-contact-hero-left {
      display: flex;
      flex-direction: column;
      gap: var(--space-3xl);
    }
    .mt-section[data-section=contact-hero] .mt-contact-items {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-3xl);
    }
    .mt-section[data-section=contact-hero] .mt-contact-item {
      padding: var(--space-xl);
      border: var(--border-thin) solid var(--color-primary-400);
      border-radius: var(--radius-xl);
    }
    .mt-section[data-section=contact-hero] .mt-contact-item__title {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: var(--space-md);
    }
    .mt-section[data-section=contact-hero] .mt-contact-item__contact {
      display: flex;
      width: fit-content;
      text-decoration: underline;
      margin-top: var(--space-lg);
      transition: var(--transition-all);
    }
    .mt-section[data-section=contact-hero] .mt-contact-item__contact:hover {
      color: var(--color-primary-400);
    }
    .mt-section[data-section=contact-hero] .mt-contact-details__desc {
      margin-top: var(--space-lg);
    }
    .mt-section[data-section=contact-hero] .mt-contact-map {
      margin-top: var(--space-2xl);
      border-radius: var(--radius-xl);
    }
    .mt-section[data-section=contact-hero] .mt-contact-hero-right {
      --background: var(--color-primary-400);
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: var(--color-primary-400);
      padding: var(--space-3xl);
      border-radius: var(--radius-xl);
    }
    .mt-section[data-section=contact-hero] .mt-contact-hero-right .mt-heading {
      color: var(--color-primary-600);
      font-size: calc(clamp(var(--text-xl), 4vw, var(--text-2xl)) * 1.16667);
      font-weight: var(--font-weight-semibold);
    }
    .mt-section[data-section=contact-hero] .mt-contact-hero-right .mt-form {
      margin-top: var(--space-3xl);
    }
    @media (max-width: 991px) {
      .mt-section[data-section=contact-hero] .mt-contact-hero-content {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 767px) {
      .mt-section[data-section=contact-hero] .mt-container > .mt-heading {
        font-size: var(--heading-text-size);
      }
      .mt-section[data-section=contact-hero] .mt-contact-items {
        grid-template-columns: 1fr;
        gap: var(--space-md);
      }
      .mt-section[data-section=contact-hero] .mt-contact-item {
        padding: var(--space-md);
      }
      .mt-section[data-section=contact-hero] .mt-contact-hero-left {
        gap: var(--space-md);
      }
      .mt-section[data-section=contact-hero] .mt-contact-hero-right {
        padding: var(--space-3xl) var(--space-md);
      }
      .mt-section[data-section=contact-hero] .mt-contact-hero-content {
        gap: var(--space-3xl);
      }
      .mt-section[data-section=contact-hero] .mt-section__inner {
        padding-bottom: var(--space-8xl);
      }
    }
    .mt-section[data-section=products-showcase] {
      --section-background: url("/wp-content/uploads/backgrounds/mauritius-boat-at-sunset.jpg");
      --section-inner-gap: var(--section-gap-y);
      --section-padding-top: calc(var(--space-10xl) * 2);
      --section-padding-bottom: var(--section-padding-y);
    }
    .mt-section[data-section=products-showcase] .mt-section__inner::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      background: linear-gradient(to bottom, hsl(from var(--color-primary-900) h s l / 0.25) 0%, hsl(from var(--color-primary-900) h s l / 0.35) 35%, hsl(from var(--color-primary-900) h s l / 1) 75%);
    }
    .mt-section[data-section=products-showcase] .mt-section__container {
      z-index: 1;
    }
    .mt-section[data-section=products-showcase] .mt-section-actions {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: var(--space-xl);
      width: 100%;
    }
    @media (max-width: 767px) {
      .mt-section[data-section=products-showcase] .mt-section__inner {
        padding-block: var(--space-8xl);
      }
      .mt-section[data-section=products-showcase] .mt-products-showcase {
        gap: var(--space-3xl);
      }
    }
    .mt-section[data-section=faq] {
      --section-background: url("/wp-content/uploads/backgrounds/vintage-rum-factory-art.jpg");
      --section-inner-gap: var(--space-8xl);
      --section-padding-top: calc(var(--space-6xl) * 2);
      --section-padding-bottom: calc(var(--space-6xl) * 2);
    }
    .mt-section[data-section=faq] h2.mt-heading {
      max-width: 60rem;
    }
    .mt-section[data-section=faq] .mt-section__container {
      align-items: center;
    }
    .mt-section[data-section=faq] .mt-faq-content {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-10xl);
    }
    .mt-section[data-section=faq] .mt-faq-item__answer {
      margin-top: var(--space-2xl);
    }
    @media (max-width: 991px) {
      .mt-section[data-section=faq] {
        --section-inner-gap: var(--space-5xl);
      }
      .mt-section[data-section=faq] .mt-faq-content {
        grid-template-columns: 1fr;
        gap: var(--space-2xl);
      }
      .mt-section[data-section=faq] .mt-faq-item__answer {
        margin-top: var(--space-xs);
      }
    }
    @media (max-width: 767px) {
      .mt-section[data-section=faq] {
        --section-inner-gap: var(--space-3xl);
      }
      .mt-section[data-section=faq] .mt-section__inner {
        padding-block: var(--space-8xl);
      }
    }
  }
}