/* Shared Mindfully Fashionable layout and navigation.
   Keeps page typography and header scale consistent; it does not alter browser zoom. */
html {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body { font-size: 16px !important; }
.wrap {
  width: min(calc(100% - 48px), 1120px) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
h1 {
  font-size: clamp(2.7rem, 4.5vw, 4.5rem) !important;
  line-height: 1.04 !important;
}
.mf-site-header,
.mf-site-header * { box-sizing: border-box; }
.mf-site-header {
  position: sticky !important;
  top: 0;
  z-index: 1000;
  width: 100%;
  margin: 0;
  background: rgba(252, 251, 248, .97) !important;
  border-bottom: 1px solid #e6e1d8 !important;
  backdrop-filter: blur(10px);
}
.mf-site-nav-inner {
  width: min(calc(100% - 48px), 1120px);
  min-height: 74px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 10px 0;
}
.mf-site-brand {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  color: #2d2e2a !important;
  text-decoration: none !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  line-height: .94 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}
.mf-site-brand small {
  display: block;
  margin-top: 4px;
  color: #7b7d72 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}
.mf-site-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px 17px;
  margin: 0;
  padding: 0;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}
.mf-site-links .mf-nav-link {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 0;
  border-bottom: 1px solid transparent;
  color: #55584f !important;
  background: transparent;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  white-space: nowrap;
}
.mf-site-links .mf-nav-link:hover,
.mf-site-links .mf-nav-link[aria-current="page"] {
  color: #30352d !important;
  border-bottom-color: #64735f;
}
.mf-site-links .mf-nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 13px;
  border: 1px solid #5d6d59;
  border-radius: 999px;
  background: #5d6d59 !important;
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap;
}
.mf-site-links .mf-nav-cta:hover { background: #4e5d4a !important; }
@media (max-width: 960px) {
  .mf-site-nav-inner {
    min-height: 0;
    flex-direction: column;
    justify-content: center;
    gap: 9px;
    padding: 13px 0 12px;
  }
  .mf-site-brand { align-items: center; }
  .mf-site-links { justify-content: center; gap: 6px 16px; }
}
@media (max-width: 560px) {
  .mf-site-nav-inner { width: min(calc(100% - 28px), 1120px); }
  .mf-site-brand { font-size: 24px !important; }
  .mf-site-links { gap: 5px 12px; }
  .mf-site-links .mf-nav-link { font-size: 11.5px !important; }
  .mf-site-links .mf-nav-cta { min-height: 32px; padding: 7px 11px; font-size: 11.5px !important; }
  h1 { font-size: clamp(2.4rem, 8vw, 3.2rem) !important; }
}

/* Larger Mindfully Fashionable brand mark */
.mf-site-brand-with-logo{display:flex;align-items:center;gap:13px}
.mf-header-logo{width:62px;height:62px;object-fit:contain;display:block;flex:0 0 auto}
.mf-site-brand-with-logo span{display:block}
@media(max-width:520px){.mf-header-logo{width:48px;height:48px}}

/* Mindfully Fashionable brand lockup: logo left, product name right */
.mf-site-header .mf-site-brand,
.mf-site-header .mf-site-brand-with-logo{
  display:flex!important; flex-direction:row!important; align-items:center!important;
  justify-content:flex-start; gap:10px; text-decoration:none; white-space:nowrap;
  font-family:Georgia,'Times New Roman',serif; font-weight:500; font-size:25px;
  line-height:1.05; color:#292b28;
}
.mf-site-header .mf-site-brand .mf-header-logo{
  width:44px!important;height:44px!important;object-fit:contain;display:block;flex:0 0 44px;
}
.mf-site-header .mf-site-brand span{display:flex;flex-direction:column;gap:4px}
.mf-site-header .mf-site-brand small{
  display:block; font-family:Arial,sans-serif; font-size:8px; font-weight:600;
  letter-spacing:2px; line-height:1.1; text-transform:uppercase; color:#77796f;
  margin:0;
}
@media(max-width:700px){
  .mf-site-header .mf-site-brand,.mf-site-header .mf-site-brand-with-logo{font-size:21px;gap:8px}
  .mf-site-header .mf-site-brand .mf-header-logo{width:38px!important;height:38px!important;flex-basis:38px}
  .mf-site-header .mf-site-brand small{font-size:7px;letter-spacing:1.5px}
}

/* Basket navigation visibility and shared count styling */
.mf-site-links .mf-cart-nav-link{display:inline-flex!important;align-items:center;gap:7px;padding:6px 10px!important;border:1px solid #596b57!important;border-radius:999px!important;background:#eef2eb!important;color:#2d4730!important;font-weight:700!important;visibility:visible!important;opacity:1!important;position:relative;z-index:5}
.mf-site-links .mf-cart-nav-link .mf-cart-count{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#596b57;color:#fff;font-size:12px;font-weight:800;padding:0 6px}
.mf-global-floating-cart{position:fixed;right:18px;bottom:18px;z-index:99999;display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border-radius:999px;background:#596b57;color:#fff!important;text-decoration:none!important;font:700 14px/1.2 Inter,Arial,sans-serif;box-shadow:0 5px 22px #0003;border:1px solid #fff8}
.mf-global-floating-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#fff;color:#354b35;font-size:12px}
@media(max-width:760px){.mf-site-nav-inner{align-items:flex-start!important;flex-wrap:wrap!important}.mf-site-links{width:100%;justify-content:flex-start!important;gap:7px 12px!important}.mf-global-floating-cart{right:12px;bottom:12px;padding:11px 14px}}