.mds-wrap {
  --mds-ink: #111827;
  --mds-panel: #15202b;
  --mds-muted: #667085;
  --mds-line: #e5e9f0;
  --mds-red: #c91524;
  --mds-green: #0b7f4c;
  --mds-gold: #c79a3a;
  --mds-gold-soft: #f7ecd2;
  --mds-soft: #f7f8fa;
  --mds-shadow: 0 18px 48px rgba(17, 24, 39, .1);
  color: var(--mds-ink);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0 auto;
  max-width: 1180px;
  padding: 28px 18px 96px;
}

.mds-wrap * {
  box-sizing: border-box;
}

.mds-hero {
  align-items: stretch;
  background:
    linear-gradient(120deg, rgba(17, 24, 39, .78), rgba(17, 24, 39, .28)),
    linear-gradient(135deg, #ffffff 0%, #f4efe4 100%);
  border-radius: 8px;
  box-shadow: var(--mds-shadow);
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr);
  overflow: hidden;
  padding: 34px;
  position: relative;
}

.mds-hero::after {
  background: linear-gradient(90deg, var(--mds-red), var(--mds-gold), var(--mds-green));
  bottom: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
}

.mds-hero__content {
  align-content: center;
  display: grid;
  min-height: 420px;
  position: relative;
  z-index: 1;
}

.mds-logo {
  background: rgba(255, 255, 255, .92);
  border-radius: 8px;
  height: auto;
  max-width: 210px;
  padding: 10px;
  width: 54vw;
}

.mds-eyebrow {
  color: var(--mds-gold);
  display: block;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
  margin: 18px 0 8px;
  text-transform: uppercase;
}

.mds-hero h1 {
  color: #ffffff;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1;
  margin: 0;
  max-width: 760px;
}

.mds-page-head h1,
.mds-dashboard-head h1 {
  color: var(--mds-ink);
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1.05;
  margin: 0;
}

.mds-lead,
.mds-page-head p,
.mds-section__head p,
.mds-dashboard-head p {
  color: var(--mds-muted);
  font-size: 16px;
  line-height: 1.6;
  margin: 12px 0 0;
}

.mds-hero .mds-lead {
  color: rgba(255, 255, 255, .86);
  max-width: 620px;
}

.mds-actions,
.mds-mini-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.mds-btn,
.mds-mini-actions a,
.mds-mini-actions button {
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--mds-line);
  border-radius: 8px;
  color: var(--mds-ink);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 850;
  justify-content: center;
  min-height: 46px;
  padding: 12px 18px;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mds-btn:hover,
.mds-mini-actions a:hover,
.mds-mini-actions button:hover {
  border-color: var(--mds-gold);
  box-shadow: 0 12px 26px rgba(17, 24, 39, .08);
  transform: translateY(-1px);
}

.mds-btn--primary,
.mds-mini-actions button[value="approve"] {
  background: linear-gradient(135deg, var(--mds-red), #a70f1d);
  border-color: var(--mds-red);
  color: #ffffff;
}

.mds-mini-actions button[value="reject"] {
  border-color: #ffd7d7;
  color: #a70f1d;
}

.mds-card-preview {
  align-self: center;
  background: linear-gradient(145deg, #2a1215 0%, #111827 56%, #2f2617 100%);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .26);
  padding: 18px;
  position: relative;
}

.mds-card-preview img {
  border-radius: 8px;
  display: block;
  height: auto;
  width: 100%;
}

.mds-card-badge {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(199, 154, 58, .45);
  border-radius: 8px;
  bottom: 18px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, .16);
  display: flex;
  gap: 10px;
  left: 18px;
  padding: 12px 14px;
  position: absolute;
}

.mds-card-badge strong {
  color: var(--mds-red);
  font-size: 28px;
}

.mds-card-badge span {
  color: var(--mds-muted);
  font-size: 12px;
  font-weight: 800;
  max-width: 90px;
}

.mds-trust-strip {
  background: var(--mds-panel);
  border-radius: 8px;
  box-shadow: var(--mds-shadow);
  color: #ffffff;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 16px;
  overflow: hidden;
}

.mds-trust-strip span {
  background: rgba(255, 255, 255, .04);
  color: rgba(255, 255, 255, .9);
  font-weight: 850;
  padding: 18px;
  text-align: center;
}

.mds-section,
.mds-page-head {
  margin-top: 34px;
}

.mds-page-head {
  border-left: 4px solid var(--mds-gold);
  padding-left: 16px;
}

.mds-feature-grid,
.mds-contact-grid,
.mds-member-list,
.mds-stat-grid,
.mds-news-grid,
.mds-news-list {
  display: grid;
  gap: 16px;
  margin-top: 18px;
}

.mds-feature-grid,
.mds-contact-grid,
.mds-stat-grid,
.mds-news-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mds-feature,
.mds-outlet,
.mds-member-card,
.mds-news-card,
.mds-admin-news-card,
.mds-form,
.mds-stat,
.mds-fee-panel {
  background: #ffffff;
  border: 1px solid var(--mds-line);
  border-radius: 8px;
  box-shadow: var(--mds-shadow);
}

.mds-feature {
  color: inherit;
  min-height: 152px;
  padding: 22px;
  text-decoration: none;
}

.mds-feature em {
  color: var(--mds-gold);
  display: block;
  font-style: normal;
  font-weight: 950;
  margin-bottom: 12px;
}

.mds-feature strong,
.mds-outlet h2 {
  display: block;
  font-size: 20px;
  margin: 0 0 8px;
}

.mds-feature span,
.mds-outlet p,
.mds-member-meta,
.mds-news-card p {
  color: var(--mds-muted);
  line-height: 1.5;
}

.mds-news-card {
  overflow: hidden;
}

.mds-news-card img {
  aspect-ratio: 16 / 10;
  display: block;
  object-fit: cover;
  width: 100%;
}

.mds-news-card__body {
  padding: 18px;
}

.mds-news-card p {
  margin: 0;
}

.mds-news-card span {
  color: var(--mds-gold);
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin-top: 12px;
  text-transform: uppercase;
}

.mds-fee-panel {
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, var(--mds-gold-soft) 100%);
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr auto 1.4fr;
  margin-top: 18px;
  padding: 18px 20px;
}

.mds-fee-panel span {
  color: var(--mds-muted);
  font-weight: 850;
}

.mds-fee-panel strong {
  color: var(--mds-red);
  font-size: 34px;
}

.mds-fee-panel p {
  color: var(--mds-green);
  font-weight: 800;
  margin: 0;
}

.mds-form {
  margin-top: 18px;
  padding: 24px;
}

.mds-form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mds-form label,
.mds-admin-edit label {
  color: var(--mds-ink);
  display: grid;
  font-size: 13px;
  font-weight: 850;
  gap: 7px;
}

.mds-form input,
.mds-form select,
.mds-form textarea,
.mds-admin-edit input,
.mds-admin-edit select,
.mds-admin-edit textarea,
.mds-filter input,
.mds-filter select {
  background: #fbfcfe;
  border: 1px solid var(--mds-line);
  border-radius: 8px;
  color: var(--mds-ink);
  font: inherit;
  min-height: 46px;
  padding: 11px 12px;
  width: 100%;
}

.mds-form input:focus,
.mds-form select:focus,
.mds-form textarea:focus,
.mds-admin-edit input:focus,
.mds-admin-edit select:focus,
.mds-admin-edit textarea:focus,
.mds-filter input:focus,
.mds-filter select:focus {
  border-color: var(--mds-gold);
  box-shadow: 0 0 0 3px rgba(199, 154, 58, .16);
  outline: none;
}

.mds-form small {
  color: var(--mds-muted);
  font-weight: 500;
}

.mds-span-2 {
  grid-column: 1 / -1;
}

.mds-check {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

.mds-check input {
  margin-top: 4px;
  min-height: auto;
  width: auto;
}

.mds-notice {
  border-radius: 8px;
  font-weight: 850;
  margin: 18px 0;
  padding: 14px 16px;
}

.mds-notice--success {
  background: #e9f7ef;
  color: #08643c;
}

.mds-notice--error {
  background: #fff0f0;
  color: #9d1d22;
}

.mds-outlet {
  padding: 22px;
}

.mds-phone {
  color: var(--mds-ink) !important;
  font-size: 22px;
  font-weight: 900;
}

.mds-admin-login {
  max-width: 640px;
}

.mds-login-box {
  display: grid;
  gap: 14px;
}

.mds-dashboard {
  max-width: 1240px;
}

.mds-dashboard-head {
  align-items: center;
  background: linear-gradient(135deg, var(--mds-panel), #1f2937);
  border-radius: 8px;
  box-shadow: var(--mds-shadow);
  color: #ffffff;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 24px;
}

.mds-dashboard-head h1,
.mds-dashboard-head p {
  color: #ffffff;
}

.mds-dashboard-head .mds-eyebrow {
  margin-top: 0;
}

.mds-stat {
  padding: 20px;
}

.mds-stat span {
  color: var(--mds-muted);
  display: block;
  font-weight: 850;
  margin-bottom: 8px;
}

.mds-stat strong {
  color: var(--mds-ink);
  display: block;
  font-size: 36px;
  line-height: 1;
}

.mds-filter {
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--mds-line);
  border-radius: 8px;
  box-shadow: var(--mds-shadow);
  display: grid;
  gap: 10px;
  grid-template-columns: 180px minmax(180px, 1fr) auto auto;
  margin: 18px 0;
  padding: 14px;
}

.mds-admin-news {
  margin-top: 28px;
}

.mds-admin-news-card {
  display: grid;
  gap: 14px;
  grid-template-columns: 140px minmax(0, 1fr);
  padding: 14px;
}

.mds-admin-news-card > img {
  aspect-ratio: 1;
  border-radius: 8px;
  display: block;
  object-fit: cover;
  width: 100%;
}

.mds-member-card {
  padding: 18px;
}

.mds-member-card__top {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.mds-member-card__top strong,
.mds-member-card__top span {
  display: block;
}

.mds-member-card__top span {
  color: var(--mds-muted);
  margin-top: 4px;
}

.mds-status {
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  padding: 7px 10px;
}

.mds-status--pending {
  background: #fff4d7;
  color: #7b5200;
}

.mds-status--approved {
  background: #e8f7ee;
  color: #09633c;
}

.mds-status--rejected {
  background: #fff0f0;
  color: #9d1d22;
}

.mds-member-meta {
  background: var(--mds-soft);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  margin: 14px 0;
  padding: 12px;
}

.mds-admin-edit {
  border-top: 1px solid var(--mds-line);
  padding-top: 14px;
}

.mds-empty {
  background: var(--mds-soft);
  border: 1px dashed var(--mds-line);
  border-radius: 8px;
  color: var(--mds-muted);
  padding: 28px;
  text-align: center;
}

.mds-bottom-nav {
  align-items: center;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(17, 24, 39, .1);
  border-radius: 8px 8px 0 0;
  bottom: 0;
  box-shadow: 0 -12px 34px rgba(17, 24, 39, .12);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  left: 0;
  min-height: 66px;
  position: fixed;
  right: 0;
  z-index: 999;
}

.mds-bottom-nav a {
  color: #344054;
  display: grid;
  font-size: 12px;
  font-weight: 850;
  gap: 2px;
  justify-items: center;
  padding: 8px 4px;
  text-decoration: none;
}

.mds-bottom-nav a:hover {
  color: var(--mds-red);
}

.mds-bottom-nav span {
  font-size: 19px;
  line-height: 1;
}

@media (max-width: 820px) {
  .mds-wrap {
    padding: 18px 14px 92px;
  }

  .mds-hero,
  .mds-feature-grid,
  .mds-contact-grid,
  .mds-news-grid,
  .mds-form-grid,
  .mds-filter,
  .mds-stat-grid,
  .mds-fee-panel,
  .mds-trust-strip {
    grid-template-columns: 1fr;
  }

  .mds-hero {
    padding: 22px;
  }

  .mds-hero__content {
    min-height: auto;
  }

  .mds-hero h1,
  .mds-page-head h1 {
    font-size: 36px;
  }

  .mds-card-preview {
    margin-top: 8px;
  }

  .mds-card-badge {
    position: static;
    margin-top: 12px;
  }

  .mds-span-2 {
    grid-column: auto;
  }

  .mds-dashboard-head,
  .mds-member-card__top {
    align-items: stretch;
    flex-direction: column;
  }

  .mds-admin-news-card {
    grid-template-columns: 1fr;
  }

  .mds-actions .mds-btn,
  .mds-mini-actions a,
  .mds-mini-actions button,
  .mds-filter .mds-btn {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .mds-bottom-nav {
    left: 50%;
    max-width: 760px;
    transform: translateX(-50%);
  }
}

/* 1.2.0: Facebook Shop and Business Member */
.mds-member-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 20px;
  padding: 8px;
  border: 1px solid #eed36f;
  border-radius: 18px;
  background: #fff8d9;
}

.mds-member-tabs button {
  min-height: 66px;
  padding: 12px 18px;
  border: 0;
  border-radius: 13px;
  background: transparent;
  color: #332b15;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.mds-member-tabs button small {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  opacity: .72;
}

.mds-member-tabs button.is-active {
  background: #f6c900;
  box-shadow: 0 8px 22px rgba(111, 77, 0, .18);
}

[data-mds-member-panel][hidden] {
  display: none !important;
}

.mds-business-benefits {
  margin: 28px 0;
  padding: 24px;
  border: 1px solid #ebcf62;
  border-radius: 20px;
  background: linear-gradient(145deg, #fff8d3, #fffdf5);
}

.mds-business-benefits h2 {
  margin: 5px 0 18px;
}

.mds-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.mds-benefit-grid article {
  padding: 18px;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(63, 45, 0, .08);
}

.mds-benefit-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #8d1515;
}

.mds-benefit-grid p {
  margin: 0;
  line-height: 1.65;
}

.mds-shop-page {
  min-height: 100vh;
}

.mds-shop-head {
  border-color: #e6c23e;
  background: linear-gradient(135deg, #f6c900, #ffe978);
}

.mds-facebook-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.mds-facebook-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #ead371;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(49, 39, 6, .1);
}

.mds-facebook-card h2 {
  margin: 0;
  padding: 18px 18px 14px;
  font-size: 19px;
}

.mds-facebook-embed {
  width: 100%;
  min-height: 700px;
  overflow: hidden;
  background: #f4f4f4;
}

.mds-facebook-embed iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
}

.mds-facebook-link {
  display: block;
  padding: 14px 18px;
  border-top: 1px solid #eee;
  color: #8d1515;
  font-weight: 800;
  text-decoration: none;
}

@media (max-width: 1000px) {
  .mds-facebook-grid,
  .mds-benefit-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .mds-member-tabs {
    grid-template-columns: 1fr;
  }

  .mds-business-benefits {
    padding: 18px;
  }
}

/* Home redesign: editorial Miri heritage direction. */
.mds-home {
  --mds-cream: #f8f3e9;
  --mds-cream-deep: #eee3cf;
  --mds-burgundy: #a90f1a;
  --mds-bronze: #9a6b19;
  background:
    radial-gradient(circle at 82% 8%, rgba(199, 154, 58, .13), transparent 24%),
    linear-gradient(180deg, #fffdf8 0%, var(--mds-cream) 100%);
  border: 1px solid rgba(154, 107, 25, .14);
  box-shadow: 0 24px 70px rgba(62, 42, 20, .1);
  max-width: 1320px;
  overflow: hidden;
  padding: 0 0 78px;
}

.mds-home-header {
  align-items: center;
  background: rgba(255, 253, 248, .94);
  border-bottom: 1px solid rgba(154, 107, 25, .14);
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(210px, 1fr) auto minmax(210px, 1fr);
  min-height: 94px;
  padding: 14px 44px;
}

.mds-home-brand {
  display: inline-flex;
  width: fit-content;
}

.mds-home-brand img {
  display: block;
  height: 64px;
  object-fit: contain;
  object-position: left center;
  width: 190px;
}

.mds-home-menu {
  align-items: center;
  display: flex;
  gap: 34px;
}

.mds-home-menu a,
.mds-home-cart {
  color: #281d17;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.mds-home-menu a {
  border-bottom: 2px solid transparent;
  padding: 10px 0 8px;
}

.mds-home-menu a:hover,
.mds-home-menu .is-active {
  border-bottom-color: var(--mds-red);
  color: var(--mds-red);
}

.mds-home-cart {
  background: #f0e3ca;
  border: 1px solid rgba(154, 107, 25, .12);
  border-radius: 999px;
  justify-self: end;
  padding: 11px 18px;
}

.mds-home .mds-hero {
  background:
    linear-gradient(90deg, rgba(255, 253, 248, .98) 0%, rgba(255, 253, 248, .9) 46%, rgba(248, 243, 233, .68) 100%);
  border-radius: 0;
  box-shadow: none;
  gap: 54px;
  grid-template-columns: minmax(0, .95fr) minmax(430px, 1.05fr);
  padding: 62px 62px 44px;
}

.mds-home .mds-hero::before {
  background: repeating-linear-gradient(135deg, transparent 0 9px, rgba(154, 107, 25, .07) 10px 11px);
  border-radius: 50%;
  content: "";
  height: 330px;
  position: absolute;
  right: -80px;
  top: 34px;
  width: 330px;
}

.mds-home .mds-hero::after {
  background: linear-gradient(90deg, var(--mds-red), var(--mds-gold), var(--mds-green));
  height: 4px;
}

.mds-home .mds-hero__content {
  min-height: 390px;
}

.mds-home .mds-eyebrow {
  color: var(--mds-bronze);
  font-size: 12px;
  letter-spacing: .32em;
  margin: 0 0 14px;
}

.mds-home .mds-hero h1,
.mds-home .mds-section__head h2 {
  color: #85111a;
  font-family: Georgia, "Times New Roman", serif;
}

.mds-home .mds-hero h1 {
  font-size: clamp(46px, 5.2vw, 72px);
  letter-spacing: -.035em;
  line-height: .98;
  max-width: 650px;
}

.mds-home .mds-hero .mds-lead {
  color: #5f554c;
  font-size: 17px;
  max-width: 600px;
}

.mds-home .mds-btn {
  border-color: rgba(154, 107, 25, .35);
  border-radius: 6px;
  min-height: 50px;
  padding-inline: 22px;
}

.mds-home .mds-btn--primary {
  background: linear-gradient(135deg, #c91524, #a70f1d);
  border-color: #b6121f;
}

.mds-home .mds-card-preview {
  background: transparent;
  border: 0;
  border-radius: 18px;
  box-shadow: none;
  padding: 0 48px 34px 0;
  transform: rotate(-2deg);
}

.mds-home .mds-card-preview img {
  border: 1px solid rgba(74, 48, 28, .2);
  border-radius: 16px;
  box-shadow: 0 26px 50px rgba(73, 48, 27, .25);
}

.mds-home .mds-card-badge {
  align-content: center;
  background: linear-gradient(145deg, #b98b32, #7c5311);
  border: 4px solid #e8d09b;
  border-radius: 50%;
  bottom: -10px;
  color: #fff;
  display: grid;
  height: 132px;
  justify-items: center;
  left: auto;
  padding: 18px;
  right: 0;
  text-align: center;
  transform: rotate(2deg);
  width: 132px;
}

.mds-home .mds-card-badge strong,
.mds-home .mds-card-badge span {
  color: #fff;
}

.mds-home .mds-card-badge strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
  line-height: 1;
}

.mds-home .mds-card-badge span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  max-width: 80px;
}

.mds-home .mds-trust-strip {
  background: rgba(255, 253, 248, .84);
  border-block: 1px solid rgba(154, 107, 25, .15);
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0 44px;
}

.mds-home .mds-trust-strip span {
  background: transparent;
  color: #281d17;
  padding: 22px 28px;
  text-align: left;
}

.mds-home .mds-trust-strip span + span {
  border-left: 1px solid rgba(154, 107, 25, .18);
}

.mds-home .mds-trust-strip strong,
.mds-home .mds-trust-strip small {
  display: block;
}

.mds-home .mds-trust-strip strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
}

.mds-home .mds-trust-strip small {
  color: #74675c;
  font-size: 12px;
  margin-top: 3px;
}

.mds-home .mds-section {
  margin: 42px 44px 0;
}

.mds-home .mds-section__head {
  align-items: end;
  border-bottom: 1px solid rgba(154, 107, 25, .35);
  display: flex;
  gap: 22px;
  justify-content: space-between;
  padding-bottom: 12px;
}

.mds-home .mds-section__head h2 {
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1;
  margin: 0;
}

.mds-home .mds-section__head p {
  margin: 0;
  text-align: right;
}

.mds-home .mds-news-card,
.mds-home .mds-feature {
  border-color: rgba(154, 107, 25, .16);
  border-radius: 6px;
  box-shadow: 0 12px 30px rgba(74, 48, 28, .08);
}

.mds-home .mds-news-card img {
  aspect-ratio: 16 / 9;
}

.mds-home .mds-news-card__body {
  padding: 20px;
}

.mds-home .mds-feature {
  background: linear-gradient(135deg, #fffdf8, #f1e7d6);
  min-height: 168px;
  padding: 26px;
}

.mds-home .mds-feature:nth-child(1) {
  background: linear-gradient(135deg, #fff8f7, #f4dedb);
}

.mds-home .mds-feature:nth-child(3) {
  background: linear-gradient(135deg, #f7fbf7, #dfeee3);
}

.mds-home .mds-feature em {
  color: var(--mds-bronze);
  letter-spacing: .16em;
}

.mds-home .mds-feature strong {
  color: #85111a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
}

.mds-home + .mds-bottom-nav {
  display: none;
}

@media (max-width: 920px) {
  .mds-home-header {
    gap: 18px;
    grid-template-columns: 180px 1fr;
    padding-inline: 24px;
  }

  .mds-home-menu {
    gap: 20px;
    justify-content: end;
  }

  .mds-home-cart {
    display: none;
  }

  .mds-home .mds-hero {
    gap: 30px;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
    padding-inline: 36px;
  }
}

@media (max-width: 820px) {
  .mds-home {
    border: 0;
    box-shadow: none;
    padding-bottom: 78px;
  }

  .mds-home-header {
    display: flex;
    justify-content: center;
    min-height: 82px;
    padding: 12px 18px;
  }

  .mds-home-brand img {
    height: 56px;
    object-position: center;
    width: 170px;
  }

  .mds-home-menu,
  .mds-home-cart {
    display: none;
  }

  .mds-home .mds-hero {
    grid-template-columns: 1fr;
    padding: 38px 20px 30px;
  }

  .mds-home .mds-hero__content {
    min-height: auto;
  }

  .mds-home .mds-hero h1 {
    font-size: clamp(42px, 13vw, 58px);
  }

  .mds-home .mds-card-preview {
    padding: 0 24px 36px 0;
  }

  .mds-home .mds-card-badge {
    bottom: 0;
    height: 104px;
    padding: 12px;
    position: absolute;
    right: 0;
    width: 104px;
  }

  .mds-home .mds-card-badge strong {
    font-size: 29px;
  }

  .mds-home .mds-trust-strip {
    padding: 0 20px;
  }

  .mds-home .mds-trust-strip span {
    padding: 18px 4px;
    text-align: center;
  }

  .mds-home .mds-trust-strip span + span {
    border-left: 0;
    border-top: 1px solid rgba(154, 107, 25, .18);
  }

  .mds-home .mds-section {
    margin: 34px 20px 0;
  }

  .mds-home .mds-section__head {
    align-items: flex-start;
    display: grid;
    gap: 8px;
  }

  .mds-home .mds-section__head p {
    text-align: left;
  }

  .mds-home + .mds-bottom-nav {
    display: grid;
  }
}

/* Membership application, ME portal, and yellow navigation. */
.mds-form-page,
.mds-me-page {
  background:
    radial-gradient(circle at 92% 4%, rgba(244, 197, 66, .3), transparent 28%),
    linear-gradient(180deg, #fffdf5 0%, #fff8db 100%);
  border: 1px solid #f0dea0;
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(108, 75, 9, .1);
  margin-bottom: 20px;
  max-width: 1080px;
  overflow: hidden;
  padding: 0 34px 96px;
}

.mds-application-head {
  align-items: center;
  background: linear-gradient(120deg, #2a2110, #4d3810);
  color: #fff;
  display: flex;
  gap: 28px;
  justify-content: space-between;
  margin: 0 -34px;
  padding: 42px 48px;
}

.mds-application-head .mds-eyebrow {
  color: #f4c542;
  margin-top: 0;
}

.mds-application-head h1 {
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 6vw, 62px);
  line-height: 1;
  margin: 0;
}

.mds-application-head p {
  color: rgba(255, 255, 255, .78);
  margin: 12px 0 0;
}

.mds-fee-medallion {
  align-items: center;
  background: linear-gradient(145deg, #ffd85d, #e2a91e);
  border: 4px solid rgba(255, 255, 255, .26);
  border-radius: 50%;
  color: #2a2110;
  display: grid;
  flex: 0 0 150px;
  height: 150px;
  justify-items: center;
  padding: 22px;
  text-align: center;
}

.mds-fee-medallion strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
  line-height: 1;
}

.mds-fee-medallion span {
  font-size: 12px;
  font-weight: 850;
}

.mds-application-form {
  border-color: #ead68e;
  box-shadow: 0 18px 50px rgba(103, 72, 10, .1);
  padding: 30px;
}

.mds-form-section {
  align-items: center;
  border-bottom: 1px solid #eddfa9;
  display: flex;
  gap: 12px;
  margin: 30px 0 18px;
  padding-bottom: 12px;
}

.mds-form-section:first-of-type {
  margin-top: 0;
}

.mds-form-section > span {
  align-items: center;
  background: #f4c542;
  border-radius: 50%;
  color: #2b210e;
  display: flex;
  font-size: 12px;
  font-weight: 950;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.mds-form-section strong,
.mds-form-section small {
  display: block;
}

.mds-form-section strong {
  color: #34270d;
  font-size: 17px;
}

.mds-form-section small {
  color: #87723f;
  margin-top: 2px;
}

.mds-field-hidden {
  display: none !important;
}

.mds-payment-options {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mds-form .mds-payment-options label {
  align-items: center;
  background: #fffdf5;
  border: 2px solid #ead995;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  gap: 14px;
  min-height: 92px;
  padding: 18px;
}

.mds-payment-options label:has(input:checked) {
  background: #fff5c4;
  border-color: #d9a815;
  box-shadow: 0 0 0 3px rgba(244, 197, 66, .2);
}

.mds-payment-options input {
  accent-color: #b81220;
  min-height: auto;
  width: 20px;
}

.mds-payment-options strong,
.mds-payment-options small {
  display: block;
}

.mds-payment-options strong {
  font-size: 16px;
}

.mds-payment-options small {
  color: var(--mds-muted);
  margin-top: 4px;
}

.mds-payment-proof {
  display: grid;
  gap: 7px;
  margin-top: 16px;
}

.mds-form .mds-check {
  align-items: flex-start;
  background: #fff9dc;
  border: 1px solid #ead995;
  border-radius: 10px;
  display: flex;
  gap: 12px;
  line-height: 1.5;
  padding: 15px;
}

.mds-form .mds-check input {
  accent-color: #b81220;
  flex: 0 0 18px;
  height: 18px;
  margin: 2px 0 0;
  min-height: 18px;
  width: 18px;
}

.mds-form .mds-check span {
  display: block;
  flex: 1;
}

.mds-ajax-message {
  border-radius: 10px;
  display: none;
  font-weight: 800;
  margin: 18px 0;
  padding: 15px 18px;
}

.mds-ajax-message--success,
.mds-ajax-message--error {
  display: block;
}

.mds-ajax-message--success {
  background: #e9f7ef;
  color: #08643c;
}

.mds-ajax-message--error {
  background: #fff0f0;
  color: #9d1d22;
}

.mds-btn.is-loading {
  cursor: wait;
  opacity: .65;
}

.mds-me-head {
  align-items: center;
  border-left: 0;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 30px 0 6px;
}

.mds-me-auth-grid,
.mds-me-content-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mds-me-auth-grid .mds-form,
.mds-me-content-grid .mds-form {
  align-content: start;
}

.mds-me-page h2 {
  font-family: Georgia, "Times New Roman", serif;
  margin: 0;
}

.mds-me-page form > p {
  color: var(--mds-muted);
  margin: -4px 0 6px;
}

.mds-membership-summary {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 20px;
  overflow: hidden;
}

.mds-membership-summary > div {
  background: #32250e;
  color: #fff;
  padding: 20px;
}

.mds-membership-summary span,
.mds-membership-summary strong {
  display: block;
}

.mds-membership-summary span {
  color: #e8ce7e;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.mds-membership-summary strong {
  font-size: 18px;
  margin-top: 7px;
}

.mds-locked-details {
  background: #fff8d8;
  border: 1px solid #ead995;
  border-radius: 8px;
  display: grid;
  gap: 6px;
  margin: 14px 0;
  padding: 13px;
}

.mds-member-number-field {
  display: flex;
  gap: 8px;
}

.mds-member-number-field input {
  flex: 1;
}

.mds-scan-barcode {
  background: #f4c542;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
  padding: 0 16px;
}

.mds-barcode-panel {
  background: #111827;
  border-radius: 12px;
  color: #fff;
  margin: 18px 0;
  padding: 16px;
}

.mds-barcode-panel[hidden] {
  display: none;
}

.mds-barcode-panel > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.mds-barcode-panel button {
  background: #fff;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  padding: 8px 12px;
}

.mds-barcode-panel video {
  background: #000;
  border-radius: 8px;
  display: block;
  margin-top: 14px;
  max-height: 420px;
  object-fit: cover;
  width: 100%;
}

.mds-bottom-nav {
  background: linear-gradient(180deg, #ffdc62, #f4c542);
  border-color: #d6a915;
  border-radius: 14px 14px 0 0;
  box-shadow: 0 -10px 34px rgba(91, 62, 5, .2);
  padding-bottom: env(safe-area-inset-bottom);
}

.mds-bottom-nav a {
  color: #3e3218;
  min-height: 66px;
  place-content: center;
  position: relative;
}

.mds-bottom-nav a:hover,
.mds-bottom-nav a.is-active {
  color: #a70f1d;
}

.mds-bottom-nav a.is-active::after {
  background: #a70f1d;
  border-radius: 999px;
  bottom: 5px;
  content: "";
  height: 3px;
  position: absolute;
  width: 24px;
}

.mds-bottom-nav span {
  height: 22px;
  width: 22px;
}

.mds-bottom-nav svg {
  display: block;
  fill: none;
  height: 22px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 22px;
}

@media (max-width: 820px) {
  .mds-form-page,
  .mds-me-page {
    border-radius: 0;
    padding: 0 14px 96px;
  }

  .mds-application-head {
    align-items: flex-start;
    margin: 0 -14px;
    padding: 30px 20px;
  }

  .mds-fee-medallion {
    flex-basis: 96px;
    height: 96px;
    padding: 12px;
  }

  .mds-fee-medallion strong {
    font-size: 26px;
  }

  .mds-fee-medallion span {
    font-size: 10px;
  }

  .mds-application-form {
    padding: 18px;
  }

  .mds-payment-options,
  .mds-me-auth-grid,
  .mds-me-content-grid,
  .mds-membership-summary {
    grid-template-columns: 1fr;
  }

  .mds-me-head {
    align-items: stretch;
    flex-direction: column;
  }

  .mds-bottom-nav {
    min-height: calc(66px + env(safe-area-inset-bottom));
  }
}

/* Standalone Shop 2.0 */
.mds-shop-head{position:relative}.mds-shop-head>.mds-btn{position:absolute;right:24px;top:24px}.mds-store-filter{display:grid;grid-template-columns:minmax(0,1fr) 240px auto;gap:12px;margin:24px 0}.mds-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mds-product-card{background:#fff;border:1px solid #eadca0;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(85,58,0,.08)}.mds-product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#f6f3e8}.mds-product-card h2{font-size:18px;line-height:1.25;margin:0}.mds-product-card h2 a{color:inherit;text-decoration:none}.mds-product-card small{color:#716957}.mds-product-card .mds-btn{margin-top:auto}.mds-product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:36px;margin-top:24px}.mds-product-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mds-product-gallery img{width:100%;height:auto;border-radius:18px;background:#fff}.mds-product-gallery img:first-child{grid-column:1/-1}.mds-product-price{display:block;font-size:24px;margin:18px 0}.mds-product-description{margin-top:26px}.mds-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:16px;align-items:center;padding:16px;border-bottom:1px solid #eadca0;background:#fff}.mds-cart-row:first-child{border-radius:16px 16px 0 0}.mds-cart-row small{display:block;color:#716957}.mds-cart-qty{display:flex;gap:10px;align-items:center}.mds-cart-qty button,.mds-cart-row>button{border:1px solid #d8c878;background:#fff;border-radius:9px;padding:7px 10px}.mds-cart-total,.mds-checkout-line{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;background:#fff4b8;border-top:1px solid #e1ca56}.mds-cart-total{font-size:18px;border-radius:0 0 16px 16px}.mds-checkout-line{background:#fff}.mds-order-list{display:grid;gap:14px}.mds-order-card{background:#fff;border:1px solid #eadca0;border-radius:16px;padding:18px}.mds-order-card ul{margin:10px 0;padding-left:20px}.mds-shop-admin{margin-top:28px}.mds-shop-admin-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.mds-admin-table{overflow:auto;margin-bottom:24px}.mds-admin-table table{width:100%;border-collapse:collapse;background:#fff}.mds-admin-table th,.mds-admin-table td{padding:10px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.mds-mini-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.mds-mini-actions button{border:1px solid #d8c878;background:#fff8cf;border-radius:8px;padding:7px 10px}.mds-shop-note{padding:14px;border-radius:12px;background:#fff8cf;border:1px solid #ead16d;margin:12px 0}
@media(max-width:980px){.mds-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mds-shop-admin-grid{grid-template-columns:1fr}}
@media(max-width:620px){.mds-store-filter,.mds-product-grid,.mds-product-detail-grid{grid-template-columns:1fr}.mds-shop-head>.mds-btn{position:static;margin-top:12px}.mds-product-gallery{grid-template-columns:1fr}.mds-cart-row{grid-template-columns:1fr auto}.mds-cart-row>strong{grid-column:1}.mds-shop-admin-grid{grid-template-columns:1fr}}