/* 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=blog-post] {
      --section-background: transparent;
      --section-inner-gap: var(--section-gap-y);
      --section-padding-top: var(--section-padding-y);
      --section-padding-bottom: var(--section-padding-y);
    }
    .mt-section[data-section=blog-post]:after {
      content: "";
      background: url("/wp-content/uploads/backgrounds/blog-post-sidebar.jpg");
      background-repeat: repeat-y;
      height: 100%;
      width: 35%;
      position: absolute;
      right: 0;
    }
    .mt-section[data-section=blog-post] .mt-section__inner {
      padding-top: 0;
      padding-bottom: var(--space-8xl);
    }
    .mt-section[data-section=blog-post] .mt-section__container {
      gap: 0;
      z-index: 2;
    }
    .mt-section[data-section=blog-post] .mt-blog-post__featured {
      width: 100%;
      aspect-ratio: 2.6666666667;
      object-fit: cover;
      object-position: center;
      border-radius: var(--radius-2xl);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__heading {
      margin-top: var(--space-4xl);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__meta {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-top: var(--space-3xl);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__date {
      font-size: clamp(calc(var(--text-md) * 0.8), 3.5vw, var(--text-lg));
      line-height: var(--leading-normal);
      color: var(--color-primary-400);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__perex {
      font-size: clamp(calc(var(--text-lg) * 0.5), 2.5vw, var(--text-lg));
      text-transform: uppercase;
      margin-top: var(--space-2xl);
      max-width: var(--container-article-width);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__content {
      display: flex;
      flex-direction: column;
      gap: var(--space-lg);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__content-wrapper {
      display: flex;
      flex-direction: column;
      gap: var(--space-4xl);
      margin-top: var(--space-4xl);
      max-width: var(--container-article-width);
    }
    .mt-section[data-section=blog-post] .mt-blog-post__content-images {
      --gutter: var(--space-sm);
      grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    }
    .mt-section[data-section=blog-post] .mt-blog-post__content-images > * {
      border-radius: var(--radius-md);
      overflow: hidden;
    }
    .mt-section[data-section=blog-post] .mt-blog-post__content-images > * figure {
      margin: 0;
    }
    .mt-section[data-section=blog-post] .mt-blog-post__content-images > * img {
      transition: var(--transition-all);
    }
    @media (hover: hover) and (pointer: fine) {
      .mt-section[data-section=blog-post] .mt-blog-post__content-images > *:hover img {
        scale: 1.05;
      }
    }
    @media (hover: none) and (pointer: coarse) {
      .mt-section[data-section=blog-post] .mt-blog-post__content-images > *:active img {
        scale: 1.05;
      }
    }
    @media (max-width: 550px) {
      .mt-section[data-section=blog-post] .mt-section__container > .mt-heading {
        margin-top: var(--space-2xl);
      }
      .mt-section[data-section=blog-post] .mt-blog-post__featured {
        border-radius: var(--radius-xl);
      }
      .mt-section[data-section=blog-post] .mt-blog-post__meta {
        gap: var(--space-xs);
        margin-top: var(--space-2xl);
      }
    }
    .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 .mt-blog-author {
      background: var(--color-primary-400);
      width: fit-content;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: var(--space-2xs);
    }
    .mt-section .mt-blog-author__img {
      object-fit: cover;
      object-position: center;
      border-radius: var(--radius-full);
    }
    .mt-section .mt-blog-author__name {
      color: var(--color-primary-700);
      line-height: var(--leading-none);
      font-weight: var(--font-weight-medium);
    }
    .mt-section .mt-blog-author--sm {
      padding: var(--border-regular) var(--space-xs) var(--border-regular) var(--border-regular);
      border-radius: var(--radius-xl);
    }
    .mt-section .mt-blog-author--sm img {
      width: 1.75rem;
      height: 1.75rem;
    }
    .mt-section .mt-blog-author--sm .mt-text {
      font-size: var(--text-xs);
    }
    .mt-section .mt-blog-author--md {
      padding: var(--border-regular) var(--space-md) var(--border-regular) var(--border-regular);
      border-radius: var(--radius-full);
    }
    .mt-section .mt-blog-author--md img {
      width: clamp(2rem, 7.5vw, 3rem);
      height: clamp(2rem, 7.5vw, 3rem);
    }
    .mt-section .mt-blog-author--md .mt-text {
      font-size: clamp(var(--text-xs), 2.5vw, var(--text-md));
    }
  }
}