html,
body,
button,
input,
select,
textarea {
  font-family: "Zen Maru Gothic", sans-serif !important;
}



/* =========================================================
   ANNOUNCEMENT BAR
========================================================== */
/* Basic Styling for Announcement Bar */
      .announcement-bar {
        background: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        position: relative;
        overflow: hidden;
        padding: 8px 0 10px;
        /* extra bottom padding for truck */
      }

      .announcement-inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 16px;
      }

      /* GRID: Logo left, contacts right (desktop/tablet default) */
      .ann-grid {
        display: grid;
        grid-template-columns: auto 1fr;
        /* LEFT logo, RIGHT contacts */
        align-items: center;
        column-gap: 32px;
      }

      /* Logo */
      .logo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }

      .logo img {
        height: 80px;
        width: auto;
        transition: transform 0.3s ease;
      }

      /* Contacts (right) */
      .contact-list {
        /* 3 items in a row, tight to content width */
        display: grid;
        grid-template-columns: repeat(3, max-content);
        column-gap: 50px;
        align-items: center;
        justify-content: end;
        /* push to the right */
        justify-self: self-start;
        /* as a grid item, align at right side of row */
      }

      .contact-item {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #333;
        font-weight: 600;
        white-space: nowrap;
        /* prevent awkward wraps */
      }

      .contact-item i {
        color: #f57c00;
        font-size: 18px;
      }

      .contact-item:hover i {
        color: #ff9800;
      }

      .contact-item a {
        color: inherit;
        /* text color same as parent */
        text-decoration: none;
        /* underline hata do */
      }

      .contact-item a:hover {
        color: #f57c00;
        /* hover pe brand color */
        /* text-decoration: underline; */
      }

      /* Truck Animation */
      .truck {
        position: absolute;
        bottom: -45px;
        left: -150px;
        width: 100px;
        animation: moveTruck 10s linear infinite;
      }

      @keyframes moveTruck {
        0% {
          left: -150px;
        }

        100% {
          left: 100%;
        }
      }

      /* Tablet 576–991px */
      @media (min-width: 576px) and (max-width: 991.98px) {
        .ann-grid {
          column-gap: 24px;
        }

        .contact-list {
          column-gap: 24px;
          justify-content: end;
          /* still right side */
          justify-self: end;
          font-size: 12px;
        }
      }

      /* Phone ≤ 575px: stack */
      @media (max-width: 575.98px) {
        .ann-grid {
          /* grid-template-columns: 1fr;   */
          row-gap: 12px;
        }

        .contact-list {
          grid-template-columns: 1fr;
          row-gap: 6px;
          justify-content: start;
          /* left align on mobile */
          justify-self: start;
          font-size: 0.85rem;
          margin-left: 0;
        }

        .contact-item {
          justify-content: flex-start;
        }

        .logo img {
          height: 60px;
          width: auto;
          transition: transform 0.3s ease;
        }

        .contact-list {
          grid-template-columns: 1fr;
          row-gap: 6px;
          justify-content: start;
          justify-self: start;
          font-size: 10px;
          margin-left: 0;
        }
      }

      @media (max-width: 768px) {
        .logo img {
          height: 70px;
          width: auto;
          transition: transform 0.3s ease;
        }
      }


/* =========================================================
   DYNAMIC PRODUCT HERO
========================================================== */
.mmt3-product-hero {
  --mmt3-hero-image: url("img/Eucalyptus_Honey_Los_Angeles.webp");

  position: relative;
  width: 100%;
  height: 40vh !important;
  min-height: 280px;
  max-height: 460px;
  overflow: hidden;
  background: #1e2733;
  isolation: isolate;
}

.mmt3-product-hero__background {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-image:
    linear-gradient(
      90deg,
      rgba(13, 21, 33, 0.6) 0%,
      rgba(13, 21, 33, 0.3) 48%,
      rgba(13, 21, 33, 0.18) 100%
    ),
    var(--mmt3-hero-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mmt3-product-hero__background::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 152, 0, 0.08), rgba(0, 0, 0, 0.16));
}

.mmt3-product-hero__background .container {
  position: relative;
  z-index: 1;
}

.mmt3-product-hero__content {
  width: min(720px, 100%);
  color: #fff;
}

.mmt3-product-hero__label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 7px 12px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: rgba(255, 138, 0, 0.22);
  backdrop-filter: blur(6px);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.mmt3-product-hero__content h1 {
  margin: 0;
  max-width: 100%;
  color: #fff;
  font-size: clamp(24px, 2.8vw, 30px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -1px;
  overflow-wrap: anywhere;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.mmt3-product-hero__breadcrumb {
  margin-top: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 14px;
  line-height: 1.5;
}

.mmt3-product-hero__breadcrumb a {
  color: #ffb54d;
  font-weight: 800;
  text-decoration: none;
}

.mmt3-product-hero__breadcrumb a:hover,
.mmt3-product-hero__breadcrumb a:focus {
  color: #fff;
}

/* =========================================================
   PRODUCT EXPLORER (existing design retained)
========================================================== */
.mmt3-explorer {
    --mmt-blue: #ff8a00;
    --mmt-blue-dark: #ff8a00;
    --mmt-blue-soft: #eaf5ff;
    --mmt-orange: #ff8a00;
    --mmt-orange-dark: #e66d00;
    --mmt-green: #008f5a;
    --mmt-red: #d93025;

    --mmt-text: #172033;
    --mmt-muted: #697386;
    --mmt-border: #e2e8f0;
    --mmt-bg: #f3f6fb;
    --mmt-white: #ffffff;

    --mmt-shadow-sm: 0 3px 12px rgba(19, 39, 78, 0.07);
    --mmt-shadow-md: 0 12px 32px rgba(19, 39, 78, 0.11);
    --mmt-shadow-lg: 0 20px 50px rgba(19, 39, 78, 0.15);

    width: 100%;
    background:
      radial-gradient(circle at 85% 12%, rgba(0, 140, 255, 0.08), transparent 25%),
      linear-gradient(180deg, #f5f8fc 0%, #eef3f9 100%);
    color: var(--mmt-text);
    overflow: visible !important;
  }
  body {
    font-family: 'Zen Maru Gothic', sans-serif !important;
}

  .mmt3-explorer *,
  .mmt3-explorer *::before,
  .mmt3-explorer *::after {
    box-sizing: border-box;
  }

  .mmt3-explorer button,
  .mmt3-explorer a {
    font: inherit;
  }

  .mmt3-explorer button {
    border: 0;
  }

  .mmt3-svg-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
  }

  .mmt3-icon {
    width: 20px;
    height: 20px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: 0 0 auto;
  }


  /* =========================================================
     TOP PRODUCT SELECTOR
  ========================================================== */
  .mmt3-strip-outer {
    position: relative;
    z-index: 5;
    padding: 0 20px;
    background: transparent;
  }

  .mmt3-strip {
    max-width: 1280px;
    min-height: 92px;
    margin: -1px auto 0;
    padding: 10px 12px;
    display: flex;
    align-items: stretch;
    gap: 8px;
    background: #fff;
    border: 1px solid rgba(221, 229, 240, 0.9);
    border-radius: 0 0 20px 20px;
    box-shadow: var(--mmt-shadow-md);
  }

  .mmt3-strip-arrow {
    width: 42px;
    min-width: 42px;
    display: grid;
    place-items: center;
    align-self: center;
    aspect-ratio: 1;
    border: 1px solid #e1e8f1 !important;
    border-radius: 50%;
    color: var(--mmt-blue);
    background: #fff;
    cursor: pointer;
    transition: 0.25s ease;
  }

  .mmt3-strip-arrow:hover {
    color: #fff;
    border-color: var(--mmt-blue) !important;
    background: var(--mmt-blue);
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,140,255,0.25);
  }

  .mmt3-strip-track {
    flex: 1;
    min-width: 0;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }

  .mmt3-strip-track::-webkit-scrollbar {
    display: none;
  }

  .mmt3-strip-item {
    position: relative;
    min-width: 186px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--mmt-text);
    background: #fff;
    border-right: 1px solid #e5eaf1 !important;
    cursor: pointer;
    text-align: left;
    transition: 0.25s ease;
  }

  .mmt3-strip-item:last-child {
    border-right: 0 !important;
  }

  .mmt3-strip-item:hover {
    background: #f5faff;
  }

  .mmt3-strip-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--mmt-orange);
    background: #fff5e8;
    transition: 0.25s ease;
  }

  .mmt3-strip-text {
    min-width: 0;
  }

  .mmt3-strip-name {
    display: block;
    color: #263248;
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
  }

  .mmt3-strip-market {
    display: block;
    margin-top: 3px;
    color: #8993a5;
    font-size: 10.5px;
    white-space: nowrap;
  }

  .mmt3-strip-active {
    z-index: 1;
    border-radius: 13px;
    background: linear-gradient(180deg, #f4faff, #edf7ff);
    box-shadow: inset 0 -4px 0 var(--mmt-blue);
  }

  .mmt3-strip-active .mmt3-strip-icon {
    color: #fff;
    background: linear-gradient(135deg, var(--mmt-blue), var(--mmt-blue-dark));
    box-shadow: 0 8px 16px rgba(0, 140, 255, 0.25);
  }

  .mmt3-strip-active .mmt3-strip-name {
    color: var(--mmt-blue-dark);
  }

  /* =========================================================
     MAIN LAYOUT
  ========================================================== */
  .mmt3-body {
    padding: 25px 20px 70px;
  }

  .mmt3-container {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 282px minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
  }

  /* =========================================================
     SIDEBAR
  ========================================================== */
  .mmt3-sidebar {
    position: relative;
    min-width: 0;
    height: 100%;
    align-self: stretch;
    overflow: visible;
  }

  .mmt3-sidebar-sticky {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: max-content;
    max-height: none;
    overflow: visible;
  }

  @media (min-width: 901px) {
    .mmt3-sidebar-sticky {
      position: sticky;
      top: 18px;
    }
  }

  .mmt3-sidebar-sticky::-webkit-scrollbar {
    width: 6px;
  }

  .mmt3-sidebar-sticky::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(105, 115, 134, 0.35);
  }

  .mmt3-side-card {
    overflow: hidden;
    border: 1px solid var(--mmt-border);
    border-radius: 17px;
    background: #fff;
    box-shadow: var(--mmt-shadow-sm);
  }

  .mmt3-side-head {
    padding: 17px 18px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #edf1f6;
  }

  .mmt3-side-head strong {
    font-size: 16px;
    font-weight: 900;
  }

  .mmt3-clear-link {
    padding: 0;
    color: var(--mmt-blue);
    background: transparent;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
  }

  .mmt3-side-filter-list {
    padding: 7px 0;
  }

  .mmt3-side-filter {
    width: 100%;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: #4d586b;
    background: transparent;
    cursor: pointer;
    transition: 0.2s ease;
  }

  .mmt3-side-filter:hover {
    background: #f6faff;
  }

  .mmt3-side-filter.is-active {
    color: var(--mmt-blue-dark);
    background: #edf7ff;
  }

  .mmt3-side-check {
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    border: 1.5px solid #aab4c3;
    border-radius: 4px;
    color: transparent;
    background: #fff;
  }

  .mmt3-side-filter.is-active .mmt3-side-check {
    color: #fff;
    border-color: var(--mmt-blue);
    background: var(--mmt-blue);
  }

  .mmt3-side-filter-name {
    flex: 1;
    text-align: left;
    font-size: 12.5px;
    font-weight: 700;
  }

  .mmt3-side-filter-count {
    color: #9aa4b4;
    font-size: 10px;
    font-weight: 700;
  }

  .mmt3-applied-section {
    padding: 15px 18px 18px;
    border-top: 1px solid #edf1f6;
  }

  .mmt3-applied-label {
    display: block;
    margin-bottom: 9px;
    color: #939dad;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
  }

  .mmt3-applied-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid #cfe9ff;
    border-radius: 7px;
    color: var(--mmt-blue-dark);
    background: #eef8ff;
    font-size: 11.5px;
    font-weight: 800;
  }

  .mmt3-trust-card {
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid var(--mmt-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--mmt-shadow-sm);
    transition: 0.25s ease;
  }

  .mmt3-trust-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--mmt-shadow-md);
  }

  .mmt3-trust-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: var(--mmt-green);
    background: #eaf9f3;
  }

  .mmt3-trust-card.is-blue .mmt3-trust-icon {
    color: var(--mmt-blue);
    background: var(--mmt-blue-soft);
  }

  .mmt3-trust-card strong {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 850;
  }

  .mmt3-trust-card p {
    margin: 0;
    color: var(--mmt-muted);
    font-size: 10.7px;
    line-height: 1.5;
  }

  .mmt3-brochure-btn {
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 16px;
    background:
      linear-gradient(135deg, rgba(255,255,255,0.12), transparent),
      linear-gradient(135deg, #ff9d00, #ef6c00);
    box-shadow: 0 12px 28px rgba(239, 108, 0, 0.28);
    transition: 0.25s ease;
  }

  .mmt3-brochure-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 17px 34px rgba(239, 108, 0, 0.36);
  }

  .mmt3-brochure-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
    background: rgba(255,255,255,0.17);
  }

  .mmt3-brochure-content {
    flex: 1;
    min-width: 0;
  }

  .mmt3-brochure-title {
    display: block;
    font-size: 13px;
    font-weight: 900;
  }

  .mmt3-brochure-sub {
    display: block;
    margin-top: 3px;
    color: rgba(255,255,255,0.8);
    font-size: 10.5px;
  }

  /* =========================================================
     CONTENT
  ========================================================== */
  .mmt3-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .mmt3-content-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
  }

  .mmt3-content-head h3 {
    margin: 0;
    color: #111827;
    font-size: clamp(22px, 2.3vw, 32px);
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.7px;
  }

  .mmt3-content-head p {
    margin: 7px 0 0;
    color: var(--mmt-muted);
    font-size: 12.5px;
  }

  .mmt3-content-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
  }

  .mmt3-content-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 11px;
    color: var(--mmt-green);
    border: 1px solid #cdeee0;
    border-radius: 999px;
    background: #effbf6;
    font-size: 10.5px;
    font-weight: 800;
    white-space: nowrap;
  }

  /* Promo cards */
  .mmt3-banner-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
  }

  .mmt3-banner {
    position: relative;
    overflow: hidden;
    min-height: 88px;
    padding: 16px 17px;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid #dce7f6;
    border-radius: 15px;
    background:
      linear-gradient(135deg, #fff, #eef6ff);
    box-shadow: var(--mmt-shadow-sm);
  }

  .mmt3-banner::after {
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    right: -45px;
    top: -72px;
    border-radius: 50%;
    background: rgba(0, 140, 255, 0.08);
  }

  .mmt3-banner.is-orange {
    background: linear-gradient(135deg, #fff, #fff4e7);
    border-color: #ffe0b4;
  }

  .mmt3-banner.is-orange::after {
    background: rgba(255, 138, 0, 0.09);
  }

  .mmt3-banner-icon {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--mmt-blue);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 5px 16px rgba(26, 55, 100, 0.1);
  }

  .mmt3-banner.is-orange .mmt3-banner-icon {
    color: var(--mmt-orange);
  }

  .mmt3-banner-content {
    position: relative;
    z-index: 1;
    min-width: 0;
  }

  .mmt3-banner strong {
    display: block;
    font-size: 12.5px;
    font-weight: 900;
  }

  .mmt3-banner p {
    margin: 4px 0 0;
    color: var(--mmt-muted);
    font-size: 10.5px;
    line-height: 1.45;
  }

  .mmt3-banner-arrow {
    position: relative;
    z-index: 1;
    margin-left: auto;
    color: var(--mmt-blue);
  }

  .mmt3-banner.is-orange .mmt3-banner-arrow {
    color: var(--mmt-orange);
  }

  /* Sort bar */
  .mmt3-sortbar {
    padding: 9px;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    border: 1px solid var(--mmt-border);
    border-radius: 15px;
    background: #fff;
    box-shadow: var(--mmt-shadow-sm);
    scrollbar-width: none;
  }

  .mmt3-sortbar::-webkit-scrollbar {
    display: none;
  }

  .mmt3-sort-option {
    min-width: 155px;
    padding: 11px 16px;
    color: #636d7e;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    transition: 0.2s ease;
  }

  .mmt3-sort-option strong {
    display: block;
    font-size: 11.5px;
    font-weight: 850;
  }

  .mmt3-sort-option span {
    display: block;
    margin-top: 3px;
    font-size: 9.5px;
  }

  .mmt3-sort-option.is-active {
    color: #0d4f95;
    background: #eaf5ff;
    box-shadow: inset 0 -3px 0 var(--mmt-blue);
  }

  .mmt3-sort-option:last-child {
    min-width: 135px;
    margin-left: auto;
  }

  /* =========================================================
     MAIN PRODUCT CARD
  ========================================================== */
  .mmt3-result-card {
    overflow: hidden;
    border: 1px solid var(--mmt-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--mmt-shadow-md);
    transition:
      opacity 0.25s ease,
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }

  .mmt3-result-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--mmt-shadow-lg);
  }

  .mmt3-result-card.is-changing {
    opacity: 0;
    transform: translateY(12px);
  }

  .mmt3-result-grid {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr) 224px;
    min-height: 300px;
  }

  .mmt3-result-media {
    position: relative;
    min-height: 300px;
    overflow: hidden;
    background: #f4f6f8;
  }

  .mmt3-result-img {
    width: 100%;
    height: 100%;
    min-height: 300px;
    display: block;
    object-fit: cover;
    transition: transform 0.45s ease;
  }

  .mmt3-result-card:hover .mmt3-result-img {
    transform: scale(1.055);
  }

  .mmt3-media-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(7, 18, 38, 0.68));
    pointer-events: none;
  }

  .mmt3-media-label {
    position: absolute;
    left: 14px;
    bottom: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.28);
    border-radius: 999px;
    background: rgba(8, 25, 55, 0.5);
    backdrop-filter: blur(7px);
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.3px;
    text-transform: uppercase;
  }

  .mmt3-result-info {
    padding: 23px 24px;
    min-width: 0;
  }

  .mmt3-product-topline {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
  }

  .mmt3-product-icon {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    color: var(--mmt-orange);
    border-radius: 12px;
    background: #fff3e1;
  }

  .mmt3-product-code {
    display: block;
    color: #8792a4;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
  }

  .mmt3-result-info h3 {
    margin: 0;
    color: #111827;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 900;
  }

  .mmt3-result-description {
    margin: 10px 0 16px;
    color: var(--mmt-muted);
    font-size: 12.5px;
    line-height: 1.65;
  }

  .mmt3-product-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 16px;
    border: 1px solid #e8edf4;
    border-radius: 12px;
    background: #fafcff;
  }

  .mmt3-meta-item {
    padding: 11px 12px;
    border-right: 1px solid #e8edf4;
  }

  .mmt3-meta-item:last-child {
    border-right: 0;
  }

  .mmt3-meta-item span {
    display: block;
    color: #929caf;
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }

  .mmt3-meta-item strong {
    display: block;
    margin-top: 4px;
    color: #263248;
    font-size: 10.5px;
    line-height: 1.35;
    font-weight: 850;
  }

  .mmt3-result-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }

  .mmt3-result-tags span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    color: var(--mmt-green);
    border: 1px solid #d5efe4;
    border-radius: 999px;
    background: #f2fbf7;
    font-size: 9.5px;
    font-weight: 800;
  }

  .mmt3-result-action {
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid #e8edf4;
    background:
      linear-gradient(180deg, rgba(234,245,255,0.38), transparent),
      #fff;
  }

  .mmt3-action-label {
    color: #8a95a7;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.55px;
    text-align: right;
    text-transform: uppercase;
  }

  .mmt3-action-demand {
    margin-top: 6px;
    color: #111827;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.1;
    text-align: right;
  }

  .mmt3-action-demand small {
    display: block;
    margin-top: 5px;
    color: var(--mmt-muted);
    font-size: 9.5px;
    font-weight: 600;
  }

  .mmt3-view-btn {
    width: 100%;
    margin-top: 17px;
    padding: 13px 14px;
    color: #fff;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--mmt-blue), var(--mmt-blue-dark));
    box-shadow: 0 9px 20px rgba(0, 111, 224, 0.23);
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.35px;
    transition: 0.25s ease;
  }

  .mmt3-view-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 24px rgba(0, 111, 224, 0.33);
  }

  .mmt3-action-note {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--mmt-green);
    font-size: 9.5px;
    font-weight: 800;
    text-align: center;
  }

  .mmt3-action-divider {
    height: 1px;
    margin: 15px 0;
    background: #e8edf4;
  }

  .mmt3-action-points {
    display: grid;
    gap: 8px;
  }

  .mmt3-action-point {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #647084;
    font-size: 9.5px;
    font-weight: 700;
  }

  .mmt3-action-point .mmt3-icon {
    width: 15px;
    height: 15px;
    color: var(--mmt-orange);
  }

  /* =========================================================
     INFORMATION CARDS
  ========================================================== */
  .mmt3-info-card {
    padding: 21px;
    border: 1px solid var(--mmt-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--mmt-shadow-sm);
  }

  .mmt3-card-heading {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }

  .mmt3-card-heading-left {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .mmt3-heading-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: var(--mmt-blue);
    border-radius: 11px;
    background: var(--mmt-blue-soft);
  }

  .mmt3-card-heading h4 {
    margin: 0;
    color: #172033;
    font-size: 15px;
    font-weight: 900;
  }

  .mmt3-card-heading p {
    margin: 3px 0 0;
    color: var(--mmt-muted);
    font-size: 9.5px;
  }

  .mmt3-gallery {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(260px, calc((100% - 22px) / 3));
    gap: 11px;
    padding-bottom: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: rgba(105, 115, 134, 0.38) transparent;
    -webkit-overflow-scrolling: touch;
  }

  .mmt3-gallery-item {
    position: relative;
    min-width: 0;
    min-height: 280px;
    overflow: hidden;
    border-radius: 13px;
    background: #edf1f5;
    scroll-snap-align: start;
  }

  .mmt3-gallery-item:first-child {
    min-height: 280px;
  }

  .mmt3-gallery::-webkit-scrollbar {
    height: 7px;
  }

  .mmt3-gallery::-webkit-scrollbar-track {
    border-radius: 999px;
    background: transparent;
  }

  .mmt3-gallery::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(105, 115, 134, 0.38);
  }

  .mmt3-gallery-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
  }

  .mmt3-gallery-item:hover img {
    transform: scale(1.07);
  }

  .mmt3-gallery-overlay {
    position: absolute;
    inset: auto 0 0;
    padding: 26px 12px 11px;
    color: #fff;
    background: linear-gradient(transparent, rgba(5,16,37,0.8));
    font-size: 10px;
    font-weight: 800;
  }

  /* All varieties */
  .mmt3-variety-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
  }

  .mmt3-variety-card {
    padding: 14px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #e7ebf1;
    border-radius: 13px;
    background: #fbfcfe;
    cursor: pointer;
    transition: 0.22s ease;
  }

  .mmt3-variety-card:hover,
  .mmt3-variety-card.is-active {
    border-color: #b9dcff;
    background: #f0f8ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(26, 69, 121, 0.08);
  }

  .mmt3-variety-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--mmt-orange);
    border-radius: 11px;
    background: #fff2df;
  }

  .mmt3-variety-card.is-active .mmt3-variety-icon {
    color: #fff;
    background: linear-gradient(135deg, var(--mmt-blue), var(--mmt-blue-dark));
  }

  .mmt3-variety-card strong {
    display: block;
    color: #253047;
    font-size: 12px;
    font-weight: 900;
  }

  .mmt3-variety-card p {
    margin: 4px 0 0;
    color: var(--mmt-muted);
    font-size: 10px;
    line-height: 1.5;
  }

  .mmt3-variety-market {
    display: inline-block;
    margin-top: 7px;
    color: var(--mmt-blue-dark);
    font-size: 9px;
    font-weight: 800;
  }

  /* =========================================================
     RESPONSIVE
  ========================================================== */
  @media (max-width: 1080px) {
    .mmt3-container {
      grid-template-columns: 245px minmax(0, 1fr);
    }

    .mmt3-result-grid {
      grid-template-columns: 205px minmax(0, 1fr);
    }

    .mmt3-result-action {
      grid-column: 1 / -1;
      padding: 17px 20px;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 15px;
      border-top: 1px solid #e8edf4;
      border-left: 0;
    }

    .mmt3-action-summary {
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .mmt3-action-label,
    .mmt3-action-demand {
      text-align: left;
    }

    .mmt3-action-demand {
      margin-top: 0;
      font-size: 19px;
    }

    .mmt3-view-btn {
      width: 180px;
      margin-top: 0;
    }

    .mmt3-action-divider,
    .mmt3-action-points,
    .mmt3-action-note {
      display: none;
    }
  }

  @media (max-width: 900px) {
    .mmt3-hero-inner {
      align-items: flex-start;
      flex-direction: column;
    }

    .mmt3-hero-stats {
      width: 100%;
      min-width: 0;
    }

    .mmt3-container {
      grid-template-columns: 1fr;
    }

    .mmt3-sidebar {
      display: none;
    }

    .mmt3-content-head {
      align-items: flex-start;
      flex-direction: column;
    }

    .mmt3-content-badges {
      justify-content: flex-start;
    }
  }

  @media (max-width: 720px) {
    .mmt3-hero {
      padding: 28px 15px 22px;
    }

    .mmt3-hero h2 {
      font-size: 29px;
    }

    .mmt3-strip-outer {
      padding: 0 10px;
    }

    .mmt3-strip {
      min-height: 82px;
      padding: 8px;
    }

    .mmt3-strip-arrow {
      width: 35px;
      min-width: 35px;
    }

    .mmt3-strip-item {
      min-width: 157px;
      padding: 10px 13px;
    }

    .mmt3-strip-icon {
      width: 37px;
      height: 37px;
    }

    .mmt3-strip-market {
      font-size: 9px;
    }

    .mmt3-body {
      padding: 18px 11px 45px;
    }

    .mmt3-banner-row {
      grid-template-columns: 1fr;
    }

    .mmt3-result-grid {
      grid-template-columns: 1fr;
    }

    .mmt3-result-media,
    .mmt3-result-img {
      min-height: 230px;
      max-height: 260px;
    }

    .mmt3-result-info {
      padding: 20px 17px;
    }

    .mmt3-result-action {
      grid-column: auto;
      grid-template-columns: 1fr;
      padding: 17px;
    }

    .mmt3-action-summary {
      justify-content: space-between;
    }

    .mmt3-action-demand {
      text-align: right;
    }

    .mmt3-view-btn {
      width: 100%;
    }

    .mmt3-product-meta {
      grid-template-columns: 1fr;
    }

    .mmt3-meta-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 15px;
      border-right: 0;
      border-bottom: 1px solid #e8edf4;
    }

    .mmt3-meta-item:last-child {
      border-bottom: 0;
    }

    .mmt3-meta-item strong {
      margin-top: 0;
      text-align: right;
    }

    .mmt3-gallery {
      grid-auto-columns: minmax(240px, 72vw);
    }

    .mmt3-gallery-item:first-child {
      grid-column: auto;
    }

    .mmt3-variety-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 480px) {
    .mmt3-hero-stats {
      padding: 10px 5px;
    }

    .mmt3-hero-stat {
      padding: 4px 7px;
    }

    .mmt3-hero-stat strong {
      font-size: 16px;
    }

    .mmt3-hero-stat span {
      font-size: 8px;
    }

    .mmt3-strip-arrow {
      display: none;
    }

    .mmt3-strip {
      padding-inline: 5px;
    }

    .mmt3-strip-item {
      min-width: 148px;
    }

    .mmt3-content-head h3 {
      font-size: 23px;
    }

    .mmt3-content-badges {
      flex-wrap: nowrap;
      width: 100%;
      overflow-x: auto;
      scrollbar-width: none;
    }

    .mmt3-content-badges::-webkit-scrollbar {
      display: none;
    }

    .mmt3-sort-option {
      min-width: 137px;
    }

    .mmt3-result-info h3 {
      font-size: 20px;
    }

    .mmt3-gallery {
      grid-auto-columns: minmax(235px, 84vw);
    }

    .mmt3-gallery-item:first-child {
      grid-column: auto;
    }

    .mmt3-gallery-item,
    .mmt3-gallery-item:first-child {
      min-height: 260px;
    }

    .mmt3-info-card {
      padding: 16px;
    }
  }

/* =========================================================
   FINAL READABILITY + RESPONSIVE SAFETY
========================================================== */
.mmt3-content,
.mmt3-result-grid > *,
.mmt3-product-topline > div,
.mmt3-card-heading-left,
.mmt3-card-heading-left > div,
.mmt3-banner-content,
.mmt3-trust-card > div:last-child,
.mmt3-brochure-content,
.mmt3-variety-card > span:last-child {
  min-width: 0;
}

.mmt3-content-head p,
.mmt3-result-description {
  font-size: 13.5px;
  line-height: 1.7;
}

.mmt3-banner p,
.mmt3-trust-card p,
.mmt3-variety-card p {
  font-size: 11.5px;
  line-height: 1.6;
}

.mmt3-meta-item strong {
  font-size: 11.5px;
}

.mmt3-side-filter-name,
.mmt3-result-description,
.mmt3-meta-item strong,
.mmt3-card-heading p,
.mmt3-banner-content,
.mmt3-trust-card p,
.mmt3-brochure-content,
.mmt3-variety-card,
.mmt3-action-note,
.mmt3-action-point {
  overflow-wrap: anywhere;
}

@media (max-width: 720px) {
  .mmt3-product-hero {
    height: 40vh !important;
    min-height: 250px;
    max-height: 380px;
  }

  .mmt3-product-hero__background {
    background-image:
      linear-gradient(
        90deg,
        rgba(13, 21, 33, 0.88),
        rgba(13, 21, 33, 0.58)
      ),
      var(--mmt3-hero-image);
  }

  .mmt3-product-hero__content {
    text-align: center;
  }

  .mmt3-product-hero__content h1 {
    font-size: clamp(30px, 9vw, 44px);
    letter-spacing: -0.5px;
  }

  .mmt3-product-hero__breadcrumb {
    justify-content: center;
    font-size: 13px;
  }

  .mmt3-strip-name,
  .mmt3-strip-market {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .mmt3-product-meta .mmt3-meta-item {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .mmt3-product-meta .mmt3-meta-item strong {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 575.98px) {
  .ann-grid {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
  }

  .contact-list,
  .contact-item {
    min-width: 0;
  }

  .contact-item {
    flex-wrap: wrap;
    white-space: normal;
  }

  .contact-item a,
  .contact-item span {
    overflow-wrap: anywhere;
  }

  .mmt3-content-badges {
    width: 100%;
    flex-wrap: wrap;
    overflow: visible;
  }

  .mmt3-content-badge {
    white-space: normal;
  }

  .contact_help_main_container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding-inline: 16px !important;
    box-sizing: border-box;
  }

  .contact_phone_number_link,
  .contact_email_info,
  .contact_working_hours,
  .contact_help_description_text {
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}






/* =========================================================
   EXPORT ENQUIRY SECTION
========================================================= */

.mbe-enquiry-section {
  --mbe-enquiry-orange: #ff8a00;
  --mbe-enquiry-orange-dark: #e96f00;
  --mbe-enquiry-text: #172033;
  --mbe-enquiry-muted: #697386;
  --mbe-enquiry-border: #dfe6ef;
  --mbe-enquiry-error: #d93025;
  --mbe-enquiry-success: #087f5b;

  width: 100%;
  padding: clamp(50px, 7vw, 90px) 20px;

  font-family:
    "Zen Maru Gothic",
    sans-serif;

  background:
    radial-gradient(
      circle at 8% 10%,
      rgba(255, 138, 0, 0.09),
      transparent 25%
    ),
    radial-gradient(
      circle at 95% 90%,
      rgba(0, 143, 90, 0.07),
      transparent 24%
    ),
    linear-gradient(
      180deg,
      #f8fafc,
      #eef3f8
    );
}

.mbe-enquiry-section *,
.mbe-enquiry-section *::before,
.mbe-enquiry-section *::after {
  box-sizing: border-box;
}

.mbe-enquiry-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;

  display: grid;
  grid-template-columns:
    minmax(320px, 0.88fr)
    minmax(0, 1.12fr);

  overflow: hidden;

  border: 1px solid rgba(218, 226, 236, 0.9);
  border-radius: 26px;

  background: #fff;

  box-shadow:
    0 22px 65px rgba(23, 32, 51, 0.12);
}


/* =========================================================
   LEFT IMAGE PANEL
========================================================= */

.mbe-enquiry-visual {
  position: relative;
  min-width: 0;
  min-height: 720px;
  overflow: hidden;

  display: flex;
  align-items: flex-end;

  background: #202936;
}

.mbe-enquiry-image {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;

  transition:
    transform 0.8s ease;
}

.mbe-enquiry-visual:hover .mbe-enquiry-image {
  transform: scale(1.045);
}

.mbe-enquiry-image-overlay {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(8, 15, 26, 0.2),
      rgba(8, 15, 26, 0.68) 48%,
      rgba(8, 15, 26, 0.96) 100%
    ),
    linear-gradient(
      135deg,
      rgba(255, 138, 0, 0.28),
      transparent 42%
    );
}

.mbe-enquiry-visual-content {
  position: relative;
  z-index: 2;

  width: 100%;
  padding:
    clamp(30px, 5vw, 54px);

  color: #fff;
}

.mbe-enquiry-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-bottom: 15px;
  padding: 7px 11px;

  color: #fff4e5;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;

  background: rgba(255, 138, 0, 0.22);
  backdrop-filter: blur(8px);

  font-size: 10px;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.mbe-enquiry-kicker::before {
  content: "";

  width: 7px;
  height: 7px;

  flex: 0 0 auto;

  border-radius: 50%;
  background: var(--mbe-enquiry-orange);

  box-shadow:
    0 0 0 5px rgba(255, 138, 0, 0.18);
}

.mbe-enquiry-visual-content h2 {
  max-width: 530px;
  margin: 0;

  color: #fff;

  font-size: clamp(29px, 3.5vw, 48px);
  line-height: 1.16;
  font-weight: 900;
  letter-spacing: -1px;

  overflow-wrap: anywhere;
}

.mbe-enquiry-visual-content > p {
  max-width: 530px;
  margin: 16px 0 22px;

  color: rgba(255, 255, 255, 0.82);

  font-size: 14px;
  line-height: 1.75;

  overflow-wrap: anywhere;
}

.mbe-enquiry-benefits {
  display: grid;
  gap: 11px;
}

.mbe-enquiry-benefit {
  min-width: 0;

  display: flex;
  align-items: center;
  gap: 10px;

  color: rgba(255, 255, 255, 0.92);

  font-size: 12.5px;
  line-height: 1.55;
  font-weight: 700;
}

.mbe-enquiry-benefit span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mbe-enquiry-benefit-icon {
  width: 25px;
  height: 25px;

  display: grid;
  place-items: center;
  flex: 0 0 auto;

  color: #fff;
  border-radius: 50%;

  background: var(--mbe-enquiry-orange);

  font-size: 10px;
}

.mbe-enquiry-contact-card {
  max-width: 440px;
  margin-top: 26px;
  padding: 14px 16px;

  display: flex;
  align-items: center;
  gap: 12px;

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;

  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(9px);
}

.mbe-enquiry-contact-icon {
  width: 44px;
  height: 44px;

  display: grid;
  place-items: center;
  flex: 0 0 auto;

  color: #fff;
  border-radius: 12px;

  background:
    linear-gradient(
      135deg,
      #ff9d00,
      #ef6c00
    );
}

.mbe-enquiry-contact-card div:last-child {
  min-width: 0;
}

.mbe-enquiry-contact-card small {
  display: block;
  margin-bottom: 3px;

  color: rgba(255, 255, 255, 0.7);

  font-size: 10px;
  line-height: 1.4;
}

.mbe-enquiry-contact-card a {
  color: #fff;
  text-decoration: none;

  font-size: 15px;
  line-height: 1.5;
  font-weight: 900;

  overflow-wrap: anywhere;
}


/* =========================================================
   RIGHT FORM PANEL
========================================================= */

.mbe-enquiry-form-panel {
  min-width: 0;
  padding:
    clamp(30px, 4vw, 52px);
}

.mbe-enquiry-form-heading {
  margin-bottom: 28px;
}

.mbe-enquiry-form-heading > span {
  display: block;
  margin-bottom: 7px;

  color: var(--mbe-enquiry-orange-dark);

  font-size: 10px;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

.mbe-enquiry-form-heading h2 {
  margin: 0;

  color: var(--mbe-enquiry-text);

  font-size: clamp(29px, 3vw, 42px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.8px;

  overflow-wrap: anywhere;
}

.mbe-enquiry-form-heading p {
  max-width: 680px;
  margin: 10px 0 0;

  color: var(--mbe-enquiry-muted);

  font-size: 13.5px;
  line-height: 1.7;

  overflow-wrap: anywhere;
}

.mbe-enquiry-botcheck {
  display: none !important;
}

.mbe-enquiry-form-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 19px 16px;
}

.mbe-enquiry-field {
  min-width: 0;
}

.mbe-enquiry-field-full {
  grid-column: 1 / -1;
}

.mbe-enquiry-field > label {
  display: block;
  margin-bottom: 7px;

  color: #344054;

  font-size: 12px;
  line-height: 1.45;
  font-weight: 800;
}

.mbe-enquiry-field > label span {
  color: var(--mbe-enquiry-error);
}

.mbe-enquiry-input-wrapper {
  position: relative;
  min-width: 0;
}

.mbe-enquiry-input-wrapper > i {
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 1;

  color: #98a2b3;

  font-size: 13px;

  transform: translateY(-50%);

  pointer-events: none;
}

.mbe-enquiry-input-wrapper input,
.mbe-enquiry-input-wrapper select,
.mbe-enquiry-input-wrapper textarea {
  width: 100%;
  min-width: 0;

  border: 1px solid var(--mbe-enquiry-border);
  border-radius: 11px;
  outline: none;

  color: #273244;
  background: #fbfcfe;

  font-family:
    "Zen Maru Gothic",
    sans-serif;

  font-size: 13px;
  line-height: 1.5;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.mbe-enquiry-input-wrapper input,
.mbe-enquiry-input-wrapper select {
  height: 49px;
  padding: 0 14px 0 42px;
}

.mbe-enquiry-input-wrapper select {
  padding-right: 35px;
  cursor: pointer;
}

.mbe-enquiry-input-wrapper textarea {
  min-height: 135px;
  padding: 14px 15px 14px 42px;
  resize: vertical;
}

.mbe-enquiry-textarea-wrapper > i {
  top: 17px;
  transform: none;
}

.mbe-enquiry-input-wrapper input::placeholder,
.mbe-enquiry-input-wrapper textarea::placeholder {
  color: #9ca6b6;
}

.mbe-enquiry-input-wrapper input:focus,
.mbe-enquiry-input-wrapper select:focus,
.mbe-enquiry-input-wrapper textarea:focus {
  border-color: var(--mbe-enquiry-orange);
  background: #fff;

  box-shadow:
    0 0 0 4px rgba(255, 138, 0, 0.12);
}

.mbe-enquiry-field.has-error
.mbe-enquiry-input-wrapper input,
.mbe-enquiry-field.has-error
.mbe-enquiry-input-wrapper select,
.mbe-enquiry-field.has-error
.mbe-enquiry-input-wrapper textarea {
  border-color: var(--mbe-enquiry-error);

  box-shadow:
    0 0 0 3px rgba(217, 48, 37, 0.09);
}

.mbe-enquiry-error {
  min-height: 17px;
  margin-top: 5px;

  display: block;

  color: var(--mbe-enquiry-error);

  font-size: 10.5px;
  line-height: 1.45;
  font-weight: 700;
}

.mbe-enquiry-message-meta {
  min-width: 0;

  display: flex;
  justify-content: space-between;
  gap: 15px;
}

#mbeEnquiryCharacterCount {
  flex: 0 0 auto;
  margin-top: 5px;

  color: #8a94a6;

  font-size: 10px;
  line-height: 1.45;
}


/* =========================================================
   CONSENT
========================================================= */

.mbe-enquiry-consent {
  margin: 0 !important;

  display: flex !important;
  align-items: flex-start;
  gap: 10px;

  cursor: pointer;
}

.mbe-enquiry-consent input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mbe-enquiry-custom-checkbox {
  width: 20px;
  height: 20px;

  display: grid;
  place-items: center;
  flex: 0 0 auto;

  border: 1.5px solid #aeb8c8;
  border-radius: 5px;

  background: #fff;

  transition: 0.2s ease;
}

.mbe-enquiry-custom-checkbox i {
  font-size: 10px;
  color: #fff; /* checked state ka color yahin fix rakho */
  opacity: 0;
  transform: scale(0.6);
  transition: 0.15s ease;
}

.mbe-enquiry-consent input:checked
+ .mbe-enquiry-custom-checkbox {
  border-color: var(--mbe-enquiry-orange);
  background: var(--mbe-enquiry-orange);
}

.mbe-enquiry-consent input:checked
+ .mbe-enquiry-custom-checkbox i {
  opacity: 1;
  transform: scale(1);
}

.mbe-enquiry-consent input:focus-visible
+ .mbe-enquiry-custom-checkbox {
  box-shadow:
    0 0 0 4px rgba(255, 138, 0, 0.15);
}

.mbe-enquiry-consent > span:last-child {
  min-width: 0;

  color: #596579;

  font-size: 11.5px;
  line-height: 1.6;
  font-weight: 600;

  overflow-wrap: anywhere;
}

.mbe-enquiry-consent strong {
  color: var(--mbe-enquiry-error);
}


/* =========================================================
   SUBMIT BUTTON AND STATUS
========================================================= */

.mbe-enquiry-submit {
  width: 100%;
  min-height: 52px;
  padding: 13px 20px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  color: #fff;
  border: 0;
  border-radius: 11px;

  background:
    linear-gradient(
      135deg,
      #ff9d00,
      #ef6c00
    );

  box-shadow:
    0 12px 26px rgba(239, 108, 0, 0.25);

  font-family:
    "Zen Maru Gothic",
    sans-serif;

  font-size: 13px;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: 0.2px;

  cursor: pointer;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    opacity 0.25s ease;
}

.mbe-enquiry-submit:hover:not(:disabled) {
  transform: translateY(-2px);

  box-shadow:
    0 16px 31px rgba(239, 108, 0, 0.34);
}

.mbe-enquiry-submit:disabled {
  opacity: 0.72;
  cursor: not-allowed;
}

.mbe-enquiry-submit-spinner {
  width: 17px;
  height: 17px;

  display: none;

  border: 2px solid rgba(255, 255, 255, 0.38);
  border-top-color: #fff;
  border-radius: 50%;

  animation:
    mbeEnquirySpin 0.75s linear infinite;
}

.mbe-enquiry-submit.is-loading
.mbe-enquiry-submit-spinner {
  display: block;
}

.mbe-enquiry-submit.is-loading
> i {
  display: none;
}

@keyframes mbeEnquirySpin {
  to {
    transform: rotate(360deg);
  }
}

.mbe-enquiry-status {
  display: none;
  margin-top: 12px;
  padding: 11px 13px;

  border-radius: 9px;

  font-size: 11.5px;
  line-height: 1.55;
  font-weight: 700;

  overflow-wrap: anywhere;
}

.mbe-enquiry-status.is-visible {
  display: block;
}

.mbe-enquiry-status.is-success {
  color: #087f5b;
  border: 1px solid #bde8da;
  background: #ecfbf5;
}

.mbe-enquiry-status.is-error {
  color: #b42318;
  border: 1px solid #f4c7c3;
  background: #fff1f0;
}

.mbe-enquiry-whatsapp-fallback {
  width: 100%;
  margin-top: 10px;
  padding: 12px 16px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  color: #fff;
  border-radius: 10px;

  background: #20b858;

  text-decoration: none;

  font-size: 12px;
  font-weight: 900;
}

.mbe-enquiry-whatsapp-fallback[hidden] {
  display: none !important;
}

.mbe-enquiry-whatsapp-fallback:hover {
  color: #fff;
  background: #169d4a;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {
  .mbe-enquiry-container {
    grid-template-columns: 1fr;
  }

  .mbe-enquiry-visual {
    min-height: 520px;
  }

  .mbe-enquiry-visual-content h2 {
    max-width: 670px;
  }

  .mbe-enquiry-visual-content > p {
    max-width: 680px;
  }
}

@media (max-width: 720px) {
  .mbe-enquiry-section {
    padding: 40px 12px;
  }

  .mbe-enquiry-container {
    border-radius: 18px;
  }

  .mbe-enquiry-visual {
    min-height: 500px;
  }

  .mbe-enquiry-visual-content {
    padding: 28px 20px;
  }

  .mbe-enquiry-visual-content h2 {
    font-size: 31px;
    line-height: 1.2;
  }

  .mbe-enquiry-form-panel {
    padding: 30px 19px;
  }

  .mbe-enquiry-form-grid {
    grid-template-columns: 1fr;
  }

  .mbe-enquiry-field-full {
    grid-column: auto;
  }

  .mbe-enquiry-form-heading h2 {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  .mbe-enquiry-section {
    padding-inline: 8px;
  }

  .mbe-enquiry-visual {
    min-height: 540px;
  }

  .mbe-enquiry-visual-content {
    padding: 25px 16px;
  }

  .mbe-enquiry-visual-content h2 {
    font-size: 27px;
  }

  .mbe-enquiry-visual-content > p {
    font-size: 13px;
  }

  .mbe-enquiry-contact-card {
    align-items: flex-start;
    padding: 13px;
  }

  .mbe-enquiry-form-panel {
    padding: 27px 14px;
  }

  .mbe-enquiry-input-wrapper input,
  .mbe-enquiry-input-wrapper select {
    height: 48px;
  }

  .mbe-enquiry-message-meta {
    flex-direction: column;
    gap: 0;
  }

  #mbeEnquiryCharacterCount {
    align-self: flex-end;
  }
}






.mmt3-category-shop,
.mmt3-subcategory-panel {
  --shop-orange: #ff7a00;
  --shop-orange-dark: #e96300;
  --shop-ink: #172033;
  --shop-muted: #667085;
  --shop-line: #e6ebf2;
  --shop-soft: #f6f8fb;

  font-family: "Zen Maru Gothic", sans-serif;
}

.mmt3-category-shop[hidden],
.mmt3-subcategory-panel[hidden],
.mmt3-category-card[hidden] {
  display: none !important;
}

/* ---------- Category browser ---------- */
.mmt3-category-shop {
  margin-bottom: 20px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid var(--shop-line);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 122, 0, .11), transparent 31%),
    #fff;
  box-shadow: 0 12px 34px rgba(15, 23, 42, .075);
}

.mmt3-category-shop__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 18px;
}

.mmt3-category-shop__head > div { min-width: 0; }

.mmt3-category-shop__eyebrow {
  display: block;
  margin-bottom: 4px;
  color: var(--shop-orange-dark);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .9px;
  text-transform: uppercase;
}

.mmt3-category-shop h3 {
  margin: 0;
  color: var(--shop-ink);
  font-size: clamp(22px, 2.4vw, 31px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.55px;
}

.mmt3-category-shop p {
  margin: 6px 0 0;
  color: var(--shop-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

.mmt3-category-search {
  width: min(260px, 100%);
  min-height: 46px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  border: 1px solid #dfe5ed;
  border-radius: 12px;
  background: #f9fafb;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.mmt3-category-search:focus-within {
  border-color: var(--shop-orange);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(255, 122, 0, .1);
}

.mmt3-category-search i { color: #98a2b3; font-size: 13px; }

.mmt3-category-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--shop-ink);
  font: inherit;
  font-size: 12px;
}

.mmt3-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
}

.mmt3-category-card {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--shop-line);
  border-radius: 15px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .055);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.mmt3-category-card:hover,
.mmt3-category-card.is-active {
  border-color: #ffb45e;
  transform: translateY(-3px);
  box-shadow: 0 13px 26px rgba(15, 23, 42, .12);
}

.mmt3-category-card.is-active {
  box-shadow: 0 0 0 2px rgba(255, 122, 0, .14), 0 13px 26px rgba(15, 23, 42, .11);
}

.mmt3-category-card__media {
  position: relative;
  height: 112px;
  display: block;
  overflow: hidden;
  background: #eef1f4;
}

.mmt3-category-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 44%, rgba(15, 23, 42, .58));
}

.mmt3-category-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .38s ease;
}

.mmt3-category-card:hover .mmt3-category-card__media img { transform: scale(1.07); }

.mmt3-category-card__count {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 1;
  padding: 4px 8px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  background: rgba(15, 23, 42, .58);
  backdrop-filter: blur(7px);
  font-size: 8.5px;
  font-weight: 800;
}

.mmt3-category-card__body {
  position: relative;
  min-width: 0;
  padding: 13px 40px 13px 13px;
  display: block;
}

.mmt3-category-card__body strong,
.mmt3-category-card__body small { display: block; overflow-wrap: anywhere; }

.mmt3-category-card__body strong {
  color: var(--shop-ink);
  font-size: 12.5px;
  line-height: 1.4;
  font-weight: 900;
}

.mmt3-category-card__body small {
  margin-top: 3px;
  color: #8a94a6;
  font-size: 9.5px;
}

.mmt3-category-card__arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  color: var(--shop-orange);
  border-radius: 50%;
  background: #fff3e6;
  transform: translateY(-50%);
}

.mmt3-category-card__arrow .mmt3-icon { width: 14px; height: 14px; }

/* ---------- Sidebar subcategories ---------- */
.mmt3-side-subcategory-menu {
  padding: 8px !important;
  display: none;
  background: #f7f9fc !important;
  border-top: 1px solid #e7ebf1;
  border-bottom: 1px solid #e7ebf1;
}

.mmt3-side-group.is-open .mmt3-side-subcategory-menu {
  display: grid !important;
  gap: 6px;
}

.mmt3-side-subcategory {
  width: 100% !important;
  min-width: 0;
  padding: 7px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #536075 !important;
  text-align: left;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.mmt3-side-subcategory:hover,
.mmt3-side-subcategory.is-active {
  color: var(--shop-orange-dark) !important;
  border-color: #ffd3a2 !important;
  background: #fff7ed !important;
  transform: translateX(2px);
}

.mmt3-side-subcategory-thumb {
  width: 42px;
  height: 38px;
  overflow: hidden;
  display: block;
  border-radius: 8px;
  background: #eceff3;
}

.mmt3-side-subcategory-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.mmt3-side-subcategory-copy { min-width: 0; display: block; }
.mmt3-side-subcategory-copy strong,
.mmt3-side-subcategory-copy small { display: block; overflow-wrap: anywhere; }
.mmt3-side-subcategory-copy strong { font-size: 10.5px; line-height: 1.35; font-weight: 900; }
.mmt3-side-subcategory-copy small { margin-top: 2px; color: #606672; font-size: 9.5px; line-height: 1.3; }

.mmt3-side-subcategory-total {
  min-width: 27px;
  padding: 4px 6px;
  color: #7c8799;
  border-radius: 999px;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
  text-align: center;
}

.mmt3-side-subcategory.is-active .mmt3-side-subcategory-total {
  color: #fff;
  background: var(--shop-orange);
}

/* ---------- Selected subcategory showcase ---------- */
.mmt3-subcategory-panel {
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid var(--shop-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 44px rgba(15, 23, 42, .09);
  scroll-margin-top: 22px;
}

.mmt3-subcategory-showcase {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) 190px;
  align-items: stretch;
  min-height: 205px;
  border-bottom: 1px solid var(--shop-line);
  background:
    radial-gradient(circle at 90% 0, rgba(255, 122, 0, .14), transparent 34%),
    linear-gradient(135deg, #fffaf4, #fff 54%, #f7faff);
}

.mmt3-subcategory-showcase__media {
  position: relative;
  min-width: 0;
  min-height: 205px;
  overflow: hidden;
}

.mmt3-subcategory-showcase__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(15, 23, 42, .5));
}

.mmt3-subcategory-showcase__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.mmt3-subcategory-showcase__badge {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 1;
  padding: 6px 10px;
  color: #fff;
  border-radius: 999px;
  background: rgba(15, 23, 42, .66);
  backdrop-filter: blur(8px);
  font-size: 9px;
  font-weight: 900;
}

.mmt3-subcategory-showcase__content {
  min-width: 0;
  padding: 27px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mmt3-subcategory-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--shop-orange-dark);
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.mmt3-subcategory-showcase__content h3 {
  margin: 0;
  color: var(--shop-ink);
  font-size: clamp(25px, 3vw, 38px);
  line-height: 1.16;
  font-weight: 900;
  letter-spacing: -.8px;
  overflow-wrap: anywhere;
}

.mmt3-subcategory-showcase__content > p {
  max-width: 680px;
  margin: 10px 0 17px;
  color: var(--shop-muted);
  font-size: 12.5px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.mmt3-subcategory-showcase__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mmt3-subcategory-showcase__meta > span {
  min-height: 34px;
  padding: 7px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #536075;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
}

.mmt3-subcategory-showcase__meta strong { color: var(--shop-orange-dark); font-size: 13px; font-weight: 900; }
.mmt3-subcategory-showcase__meta small { font-size: 9px; font-weight: 800; }
.mmt3-subcategory-showcase__meta i { color: #079669; font-size: 11px; }

.mmt3-subcategory-toolbar {
  padding: 25px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  border-left: 1px solid var(--shop-line);
  background: rgba(255, 255, 255, .7);
}

.mmt3-subcategory-toolbar label {
  color: #7c8799;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.mmt3-subcategory-toolbar select {
  width: 100%;
  min-height: 43px;
  padding: 0 34px 0 12px;
  border: 1px solid #dfe5ed;
  border-radius: 10px;
  outline: 0;
  color: var(--shop-ink);
  background-color: #fff;
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 800;
  cursor: pointer;
}

.mmt3-subcategory-toolbar select:focus {
  border-color: var(--shop-orange);
  box-shadow: 0 0 0 4px rgba(255, 122, 0, .1);
}

/* ---------- Product catalogue cards ---------- */
.mmt3-subcategory-products {
  padding: 22px;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  background: #f7f9fc !important;
}

.mmt3-shop-product-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e1e7ef;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .055);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.mmt3-shop-product-card:hover {
  border-color: #ffc078;
  transform: translateY(-4px);
  box-shadow: 0 17px 32px rgba(15, 23, 42, .12);
}

.mmt3-shop-product-card__media {
  position: relative;
  height: 165px;
  overflow: hidden;
  background: #edf0f3;
}

.mmt3-shop-product-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15,23,42,.04), transparent 48%, rgba(15,23,42,.34));
}

.mmt3-shop-product-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .42s ease;
}

.mmt3-shop-product-card:hover .mmt3-shop-product-card__media img { transform: scale(1.065); }

.mmt3-shop-product-card__index,
.mmt3-shop-product-card__eco {
  position: absolute;
  z-index: 1;
  top: 11px;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 8px;
  font-weight: 900;
}

.mmt3-shop-product-card__index {
  left: 11px;
  color: #fff;
  background: rgba(15, 23, 42, .68);
  backdrop-filter: blur(7px);
}

.mmt3-shop-product-card__eco {
  right: 11px;
  color: #087f5b;
  background: rgba(236, 253, 245, .94);
}

.mmt3-shop-product-card__body { min-width: 0; padding: 15px; }

.mmt3-shop-product-card__category {
  display: block;
  margin-bottom: 4px;
  color: var(--shop-orange-dark);
  font-size: 8.5px;
  font-weight: 900;
  letter-spacing: .65px;
  text-transform: uppercase;
}

.mmt3-shop-product-card h4 {
  min-height: 40px;
  margin: 0;
  color: var(--shop-ink);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.mmt3-shop-product-card__specs {
  min-height: 34px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mmt3-product-chip {
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #b65300;
  border: 1px solid #ffd4a3;
  border-radius: 999px;
  background: #fff5e8;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 900;
}

.mmt3-product-chip i { font-size: 8px; }
.mmt3-product-chip.is-muted { color: #667085; border-color: #e2e8f0; background: #f8fafc; }

.mmt3-shop-product-card__bottom {
  margin-top: 13px;
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid #edf0f4;
}

.mmt3-shop-product-card__bottom > span {
  min-width: 0;
  color: #7c8799;
  font-size: 10.5px;
  font-weight: 800;
}

.mmt3-shop-product-card__bottom > span i { color: #079669; margin-right: 4px; }

.mmt3-shop-product-card__enquire {
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 0 0 auto;
  color: #fff;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, #ff9300, #ed6800);
  font-family: inherit;
  font-size: 9px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 7px 15px rgba(237, 104, 0, .22);
}

.mmt3-shop-product-card__enquire .mmt3-icon { width: 12px; height: 12px; }

/* ---------- Footer ---------- */
.mmt3-subcategory-footer {
  padding: 16px 22px !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid var(--shop-line);
  background: #fff;
}

.mmt3-subcategory-note {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #5f6b7e;
  font-size: 10.5px;
  line-height: 1.55;
  font-weight: 700;
}

.mmt3-subcategory-note__icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #087f5b;
  border-radius: 9px;
  background: #ecfdf5;
}

.mmt3-subcategory-note__icon .mmt3-icon { width: 15px; height: 15px; }

.mmt3-subcategory-enquiry {
  padding: 11px 15px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex: 0 0 auto;
  color: #fff !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #ff9300, #ed6800) !important;
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 9px 20px rgba(237, 104, 0, .24);
}

.mmt3-subcategory-enquiry .mmt3-icon { width: 14px; height: 14px; }

@media (max-width: 1100px) {
  .mmt3-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mmt3-subcategory-showcase { grid-template-columns: 210px minmax(0, 1fr); }
  .mmt3-subcategory-toolbar {
    grid-column: 1 / -1;
    padding: 14px 20px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid var(--shop-line);
    border-left: 0;
  }
  .mmt3-subcategory-toolbar select { width: 210px; }
  .mmt3-subcategory-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
  .mmt3-category-shop { padding: 17px; border-radius: 17px; }
  .mmt3-category-shop__head { align-items: stretch; flex-direction: column; gap: 14px; }
  .mmt3-category-search { width: 100%; }
  .mmt3-category-grid {
    grid-template-columns: repeat(8, 180px);
    overflow-x: auto;
    padding-bottom: 7px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }
  .mmt3-category-card { scroll-snap-align: start; }
  .mmt3-subcategory-showcase { grid-template-columns: 1fr; }
  .mmt3-subcategory-showcase__media { min-height: 230px; }
  .mmt3-subcategory-showcase__content { padding: 22px 18px; }
  .mmt3-subcategory-toolbar {
    align-items: stretch;
    flex-direction: column;
    padding: 15px 18px;
  }
  .mmt3-subcategory-toolbar select { width: 100%; }
}

@media (max-width: 620px) {
  .mmt3-subcategory-panel { border-radius: 17px; }
  .mmt3-subcategory-products {
    padding: 13px;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .mmt3-shop-product-card { display: grid; grid-template-columns: 118px minmax(0, 1fr); }
  .mmt3-shop-product-card__media { height: 100%; min-height: 185px; }
  .mmt3-shop-product-card h4 { min-height: 0; font-size: 13px; }
  .mmt3-shop-product-card__bottom { align-items: stretch; flex-direction: column; }
  .mmt3-shop-product-card__enquire { width: 100%; }
  .mmt3-subcategory-footer { align-items: stretch; flex-direction: column; padding: 15px !important; }
  .mmt3-subcategory-enquiry { width: 100%; }
}

@media (max-width: 430px) {
  .mmt3-category-grid { grid-template-columns: repeat(8, 200px); }
  .mmt3-category-card__media { height: 98px; }
  .mmt3-shop-product-card { grid-template-columns: 220px minmax(0, 1fr); }
  .mmt3-shop-product-card__body { padding: 12px; }
  .mmt3-shop-product-card__media { min-height: 178px; }
  .mmt3-side-subcategory { grid-template-columns: 36px minmax(0, 1fr) auto; }
  .mmt3-side-subcategory-thumb { width: 36px; height: 34px; }
}