/* Miguil Market visual layer — isolated from the 6amMart core for easier upgrades. */
:root {
  --primary: #0b7654;
  --primary-dark: #07563e;
  --primary-rgb: 11, 118, 84;
  --secondary: #f2b84b;
  --secondary-rgb: 242, 184, 75;
  --green: var(--primary);
  --green-soft: rgba(var(--primary-rgb), .11);
  --title: #14251f;
  --text: #687a73;
  --bg: #f4f7f5;
  --bg-light: #edf3ef;
  --border: #e1e9e4;
  --dark: #0c1512;
  --dark-el: #111d19;
  --dark-card: #16231e;
  --dark-surface: #1b2b25;
  --radius: 18px;
  --radius-lg: 28px;
  --max-w: 1220px;
}

html { scroll-padding-top: 96px; }
body.miguil-market {
  font-family: 'DM Sans', sans-serif;
  background:
    radial-gradient(circle at 4% 3%, rgba(var(--primary-rgb), .08), transparent 25rem),
    var(--bg);
  color: var(--text);
}
body.miguil-market h1,
body.miguil-market h2,
body.miguil-market h3,
body.miguil-market h4,
body.miguil-market h5,
body.miguil-market h6 { font-family: 'DM Sans', sans-serif; letter-spacing: -.035em; }

/* Floating web header: same rounded capsule language as the mobile app. */
body.miguil-market .main-nav {
  top: 14px;
  width: calc(100% - 32px);
  max-width: 1240px;
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 30px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 50px rgba(23,61,48,.11);
}
body.miguil-market .main-nav .container { height: 72px; }
body.miguil-market .nav-logo img { height: 38px; }
body.miguil-market .nav-links a { font-weight: 700; letter-spacing: -.01em; }
body.miguil-market .nav-links a.active-link {
  color: var(--primary);
  background: var(--green-soft);
  padding: 9px 14px;
  border-radius: 100px;
}
body.miguil-market .btn-browse-web,
body.miguil-market .btn-join,
body.miguil-market .hero-btn,
body.miguil-market .nl-form button {
  min-height: 46px;
  border-radius: 16px;
  padding-inline: 22px;
}
body.miguil-market .btn-browse-web,
body.miguil-market .hero-btn--vendor {
  box-shadow: 0 10px 24px rgba(var(--primary-rgb), .19);
}

body.miguil-market .hero {
  padding: 116px 0 38px;
  min-height: 680px;
  display: flex;
  align-items: center;
}
body.miguil-market .hero::before,
body.miguil-market .hero::after {
  content: '';
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}
body.miguil-market .hero::before {
  width: 460px; height: 460px; left: -190px; top: 70px;
  background: rgba(var(--primary-rgb), .09);
  filter: blur(2px);
}
body.miguil-market .hero::after {
  width: 300px; height: 300px; right: -80px; bottom: 30px;
  background: rgba(var(--secondary-rgb), .16);
}
body.miguil-market .hero .container {
  max-width: 930px;
  padding: 54px 58px;
  border-radius: 36px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(255,255,255,.92);
  box-shadow: 0 30px 90px rgba(23,61,48,.10);
  backdrop-filter: blur(22px);
}
body.miguil-market .hero h1 {
  font-size: clamp(2.45rem, 5vw, 4.7rem);
  font-weight: 850;
  line-height: 1.02;
  max-width: 820px;
  margin: 0 auto 18px;
}
body.miguil-market .hero-logo img { height: 58px; }
body.miguil-market .hero p { max-width: 650px; font-size: 1.08rem; }
body.miguil-market .hero-illustration { position: absolute; inset: auto 0 0; opacity: .08; }

body.miguil-market .services-section,
body.miguil-market .features,
body.miguil-market .earn,
body.miguil-market .special,
body.miguil-market .testimonials { background: transparent; }
body.miguil-market .services-section { padding-block: 88px; }
body.miguil-market .sec-header h2,
body.miguil-market .earn-top h2 { font-size: clamp(1.9rem, 3vw, 2.7rem); font-weight: 820; }
body.miguil-market .sec-header p,
body.miguil-market .earn-top p { max-width: 640px; margin-inline: auto; font-size: 1rem; }

body.miguil-market .svc-icons { gap: 12px; padding: 8px; }
body.miguil-market .svc-icon-btn {
  min-width: 112px;
  padding: 15px 18px;
  border-radius: 22px;
  box-shadow: 0 8px 26px rgba(23,61,48,.05);
}
body.miguil-market .svc-icon-btn.active {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(var(--primary-rgb), .14);
}
body.miguil-market .svc-panel {
  padding: 42px;
  border-radius: 32px;
  background: #fff;
  border: 1px solid var(--border);
  box-shadow: 0 22px 65px rgba(23,61,48,.08);
}
body.miguil-market .svc-img .img-card { border-radius: 26px 26px 26px 8px; }
body.miguil-market .svc-text .venture-content-box { font-size: 1rem; }

body.miguil-market .features { padding-block: 88px; }
body.miguil-market .feat-grid { gap: 18px; padding: 16px 5px 28px; }
body.miguil-market .feat-card {
  min-width: 230px;
  padding: 30px 22px;
  text-align: left;
  border-radius: 26px 26px 26px 8px;
  box-shadow: 0 16px 46px rgba(23,61,48,.07);
}
body.miguil-market .feat-card:nth-child(even) { transform: translateY(14px); border-radius: 26px 8px 26px 26px; }
body.miguil-market .feat-card:nth-child(even):hover { transform: translateY(8px); }
body.miguil-market .feat-ico { margin: 0 0 18px; width: 52px; height: 52px; padding: 10px; border-radius: 16px; background: var(--green-soft); }
body.miguil-market .feat-card h4 { font-size: 1.02rem; }
body.miguil-market .feat-card p { font-size: .88rem; }

body.miguil-market .zone-banner,
body.miguil-market .refer-card,
body.miguil-market .cta-box {
  border-radius: 32px;
  box-shadow: 0 24px 70px rgba(23,61,48,.09);
}
body.miguil-market .zone-banner { background: #fff; }
body.miguil-market .zone-img-side { border-radius: 28px 8px 8px 28px; margin: 8px; }
body.miguil-market .zone-tag { padding: 10px 18px; border-radius: 16px; }
body.miguil-market .refer-card {
  background: linear-gradient(135deg, #07563e 0%, #0b7654 62%, #138863 100%);
  padding: 54px 58px;
}
body.miguil-market .earn-card {
  border-radius: 28px 28px 8px 28px;
  box-shadow: 0 18px 48px rgba(23,61,48,.07);
}
body.miguil-market .earn-card:nth-child(even) { border-radius: 28px 8px 28px 28px; }
body.miguil-market .earn-card-icon { background: var(--green-soft); border-radius: 18px; }

body.miguil-market .cta-manage { padding-block: 88px; }
body.miguil-market .cta-box {
  overflow: hidden;
  background: linear-gradient(135deg, #0d1713, #13261f);
  border: 1px solid rgba(255,255,255,.08);
}
body.miguil-market .cta-user-btn,
body.miguil-market .cta-app-link { border-radius: 16px; }

body.miguil-market .footer {
  --primary: #58c89b;
  --primary-dark: #3fb281;
  background: #0c1512;
  margin: 70px 16px 16px;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0,0,0,.15);
}
body.miguil-market .f-social a,
body.miguil-market .f-app-link,
body.miguil-market .nl-form input { border-radius: 15px; }

/* Floating bottom dock for the mobile web experience. */
.miguil-web-dock { display: none; }

@media (max-width: 991px) {
  body.miguil-market { padding-bottom: 96px; }
  body.miguil-market .main-nav { top: 8px; width: calc(100% - 20px); border-radius: 24px; }
  body.miguil-market .main-nav .container { height: 64px; padding-inline: 16px; }
  body.miguil-market .hero { min-height: auto; padding: 94px 10px 32px; }
  body.miguil-market .hero .container { padding: 38px 24px; border-radius: 28px; }
  body.miguil-market .hero h1 { font-size: clamp(2.15rem, 11vw, 3.5rem); }
  body.miguil-market .svc-panel { padding: 24px; border-radius: 26px; }
  body.miguil-market .footer { margin: 48px 10px 10px; border-radius: 28px; }

  .miguil-web-dock {
    position: fixed;
    z-index: 96;
    left: 14px;
    right: 14px;
    bottom: max(12px, env(safe-area-inset-bottom));
    height: 74px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    padding: 7px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.9);
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(20px) saturate(1.4);
    box-shadow: 0 18px 52px rgba(0,0,0,.16);
  }
  .miguil-web-dock a {
    min-width: 0;
    height: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 22px;
    color: #74827c;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1;
  }
  .miguil-web-dock a svg { width: 20px; height: 20px; }
  .miguil-web-dock a.active,
  .miguil-web-dock a:hover { color: var(--primary); background: var(--green-soft); }
}

@media (max-width: 768px) {
  body.miguil-market .feat-card:nth-child(even) { transform: none; }
  body.miguil-market .zone-img-side { border-radius: 22px 22px 8px 8px; }
  body.miguil-market .refer-card { padding: 38px 26px; }
}