/* ==========================================================================
   Juluclick — REAL Figma Make design system (v2)
   Source: figma.com/make/weBd9npoAFts5G9OpfHNV0 (App.tsx + index.css, pulled
   directly from the Figma Make file via the Figma MCP on 2026-09-28, second
   pass — real CSS custom-property token system: --color-*, --space-*,
   --radius-*, --shadow-*).
   This is a verbatim port of the reference app's CSS classes — same class
   names, same values — so markup ported from App.tsx renders identically.
   Do not rename these classes; add page-specific rules in a page's own
   <style> block instead, scoped narrowly so they never collide with these.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --color-primary: #104f17;
  --color-primary-hover: #176321;
  --color-lime: #dfff63;
  --color-orange: #eb7d18;
  --color-paper: #f6f7f3;
  --color-surface: #ffffff;
  --color-ink: #17351c;
  --color-muted: #748076;
  --color-border: #dde5db;
  --color-success: #279648;
  --color-success-soft: #e5f5e7;
  --color-warning: #a56218;
  --color-warning-soft: #fff0dc;
  --color-danger: #a53d35;
  --color-danger-soft: #fbe5e3;
  --color-inactive: #657168;
  --color-inactive-soft: #edf0ec;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 4px 14px rgba(21,55,25,.07);
  --shadow-md: 0 16px 38px rgba(21,55,25,.11);
  --shadow-lg: 0 28px 80px rgba(7,32,11,.2);
  font-family: "Manrope", sans-serif;
  color: var(--color-ink);
  background: var(--color-paper);
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; min-height: 100vh; margin: 0; }
button, input, textarea { font: inherit; }
button { border: 0; cursor: pointer; }
.icon { width: 19px; height: 19px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.icon-sm { width: 14px; height: 14px; }
.icon-lg { width: 27px; height: 27px; }
.marketplace-app { min-height: 100vh; background: var(--color-paper); }
.app-header { position: sticky; z-index: 50; top: 0; height: 72px; display: grid; grid-template-columns: 170px minmax(240px,420px) 1fr auto; align-items: center; gap: 24px; padding: 0 28px; border-bottom: 1px solid var(--color-border); background: rgba(255,255,255,.95); backdrop-filter: blur(16px); }
.logo-button { height: 55px; padding: 0; background: transparent; }
.logo-crop { position: relative; display: flex; align-items: center; height: 56px; width: auto; overflow: visible; flex-shrink: 0; }
.logo-crop img { display: block; height: 100%; width: auto; max-width: none; }
.logo-button { padding: 0; }
.logo-crop.logo-modal { height: 50px; margin-bottom: 4px; }
.global-search { height: 39px; display: flex; align-items: center; gap: 9px; padding: 0 11px; border: 1px solid var(--color-border); border-radius: 11px; color: var(--color-muted); background: var(--color-paper); font-size: 15px; cursor: pointer; }
.global-search span { flex: 1; }
.global-search kbd { padding: 3px 6px; border: 1px solid var(--color-border); border-radius: 5px; background: white; font-size: 13px; }
.app-header > nav { display: flex; justify-content: center; gap: 22px; }
.app-header > nav button { position: relative; height: 72px; padding: 0; color: #5f7062; background: transparent; font-size: 15px; font-weight: 600; }
.app-header > nav button.active { color: var(--color-primary); }
.app-header > nav button.nav-svc { height: 38px; margin: auto 0; padding: 0 14px; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; border-radius: 99px; background: linear-gradient(120deg,#dfff63,#b6f36a); color: #0f4a15; font-weight: 800; box-shadow: 0 4px 14px rgba(120,190,40,.35); }
.app-header > nav button.nav-svc:hover { filter: brightness(1.04); transform: translateY(-1px); }
.app-header > nav button.nav-svc.active::after { display: none; }
.app-header > nav button.nav-svc.active { background: #105318; color: #fff; box-shadow: 0 4px 14px rgba(16,83,24,.35); }
.app-header > nav button.active::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; border-radius: 4px 4px 0 0; background: var(--color-orange); }
.header-actions { display: flex; align-items: center; gap: 7px; }
.header-login { padding: 8px 10px; color: #285b2e; background: transparent; font-size: 14px; font-weight: 700; }
.header-sell { padding: 9px 12px; border-radius: 99px; color: white; background: var(--color-primary); font-size: 14px; font-weight: 700; }
.wallet-pill { display: flex; align-items: center; gap: 6px; padding: 9px 11px; border-radius: 99px; color: #14541c; background: var(--color-inactive-soft); font-size: 14px; font-weight: 700; }
.round-action { position: relative; width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid var(--color-border); border-radius: 50%; color: #405744; background: white; }
.round-action > i { position: absolute; right: 3px; top: 3px; width: 6px; height: 6px; border: 1px solid white; border-radius: 50%; background: var(--color-orange); }
.cart-button b { position: absolute; right: -7px; top: -7px; box-sizing: border-box; min-width: 20px; height: 20px; padding: 0 5px; display: grid; place-items: center; border: 2px solid white; border-radius: 99px; color: white; background: var(--color-orange); font-size: 11px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
.profile-button { display: flex; align-items: center; gap: 3px; padding: 0; background: transparent; }
.profile-button img { width: 35px; height: 35px; object-fit: cover; border-radius: 50%; }
.mobile-menu-button { display: none; width: 35px; height: 35px; place-items: center; border: 1px solid var(--color-border); border-radius: 50%; color: var(--color-primary); background: var(--color-surface); }
.mobile-menu { position: fixed; z-index: 65; top: 61px; right: 10px; left: 10px; display: flex; flex-direction: column; padding: 9px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-lg); }
.mobile-menu button { display: flex; justify-content: space-between; align-items: center; padding: 11px; border-radius: var(--radius-sm); color: var(--color-ink); background: transparent; font-size: 14px; font-weight: 700; }
.workspace-menu { position: fixed; z-index: 70; right: 24px; top: 64px; width: 220px; padding: 10px; border: 1px solid var(--color-border); border-radius: 14px; background: white; box-shadow: 0 20px 60px rgba(21,55,25,.16); }
.workspace-menu > span { display: block; padding: 6px 8px 8px; color: var(--color-muted); font-size: 11px; letter-spacing: .16em; font-weight: 700; }
.workspace-menu button { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 9px 8px; border-radius: 8px; color: #3f5542; background: transparent; font-size: 14px; text-align: left; }
.workspace-menu button:hover, .workspace-menu button.active { color: #144e1b; background: var(--color-inactive-soft); }
.workspace-menu button span { display: flex; align-items: center; gap: 8px; }
.workspace-menu button i { color: #21833a; font-style: normal; }
.workspace-menu hr { border: 0; border-top: 1px solid var(--color-inactive-soft); }
.app-body { display: grid; grid-template-columns: 226px minmax(0,1fr); min-height: calc(100vh - 72px); }
.app-body.public-body { display: block; }
.sidebar { position: sticky; top: 72px; height: calc(100vh - 72px); display: flex; flex-direction: column; overflow-y: auto; padding: 22px 15px; border-right: 1px solid var(--color-border); background: white; }
.workspace-label { display: flex; flex-direction: column; gap: 4px; padding: 0 9px 17px; border-bottom: 1px solid var(--color-inactive-soft); }
.workspace-label span, .nav-group > span { color: #96a097; font-size: 11px; letter-spacing: .17em; font-weight: 700; }
.workspace-label strong { font-size: 17px; }
.nav-group { display: flex; flex-direction: column; gap: 2px; margin-top: 18px; }
.nav-group > span { margin: 0 9px 6px; }
.nav-group button { display: flex; align-items: center; gap: 9px; width: 100%; padding: 8px 9px; border-radius: 9px; color: #69766b; background: transparent; text-align: left; }
.nav-group button strong { flex: 1; font-size: 14px; font-weight: 600; }
.nav-group button .icon { width: 16px; height: 16px; }
.nav-group button i { min-width: 17px; padding: 3px 5px; border-radius: 99px; color: #b85f12; background: #fff0df; font-size: 11px; font-style: normal; text-align: center; }
.nav-group button.active { color: #13521a; background: #eef5eb; }
.nav-group button.active .icon { color: #e57b17; }
.sidebar-wallet { margin-top: auto; padding: 13px; border-radius: 13px; color: white; background: var(--color-primary); }
.sidebar-wallet span { color: #9fc0a2; font-size: 11px; letter-spacing: .13em; }
.sidebar-wallet strong { display: block; margin: 4px 0 10px; font-size: 18px; }
.sidebar-wallet button, .new-listing { width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px; border-radius: 8px; color: #164b1b; background: var(--color-lime); font-size: 13px; font-weight: 700; }
.new-listing { margin-top: auto; }
.main-content { min-width: 0; }
.content-page { max-width: 1280px; margin: 0 auto; padding: 38px 3.5vw 70px; }
.page-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 27px; }
.page-title > div { display: flex; flex-direction: column; align-items: flex-start; }
.page-title > div > span, .eyebrow { color: var(--color-orange); font-size: 11px; letter-spacing: .2em; font-weight: 700; }
.page-title > div > strong { margin-top: 6px; color: #15391a; font-size: clamp(25px,3vw,39px); line-height: 1.05; letter-spacing: -.045em; }
.page-title p { max-width: 620px; margin: 7px 0 0; color: var(--color-muted); font-size: 15px; line-height: 1.6; }
.page-title > button, .page-title > div:last-child:not(:first-child) { flex: none; }
.page-title > button:not(.primary-button) { display: flex; align-items: center; gap: 6px; color: #205c27; background: transparent; font-size: 14px; font-weight: 700; }
.primary-button { width: max-content; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 14px; border-radius: 9px; color: white; background: var(--color-primary); font-size: 14px; font-weight: 700; }
.public-page { overflow: hidden; background: var(--color-paper); }
.hero { min-height: 565px; display: grid; grid-template-columns: 1.05fr .95fr; background: var(--color-lime); }
.hero-copy { align-self: center; padding: 60px 38px 60px 6vw; }
.live-pill { width: max-content; display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(16,79,23,.2); border-radius: 99px; color: #2e5d33; font-size: 13px; font-weight: 700; }
.live-pill span { width: 6px; height: 6px; border-radius: 50%; background: var(--color-orange); box-shadow: 0 0 0 4px rgba(237,128,25,.16); }
.hero-title { margin: 18px 0 14px; color: var(--color-primary); font-size: clamp(47px,6vw,79px); font-weight: 800; line-height: .91; letter-spacing: -.07em; }
.hero-title em { color: var(--color-orange); font-family: "DM Serif Display",serif; font-weight: 400; }
.hero-copy > p { max-width: 590px; color: #426248; font-size: 17px; line-height: 1.7; }
.hero-search { max-width: 590px; height: 57px; display: flex; align-items: center; gap: 11px; margin-top: 22px; padding: 6px 6px 6px 16px; border-radius: 16px; color: var(--color-muted); background: white; box-shadow: 0 14px 38px rgba(21,75,27,.13); font-size: 15px; }
.hero-search > span { flex: 1; }
.hero-search button { height: 100%; display: flex; align-items: center; gap: 7px; padding: 0 17px; border-radius: 11px; color: white; background: var(--color-primary); font-size: 14px; font-weight: 700; }
.hero-ctas { display: flex; gap: 8px; margin-top: 14px; }
.hero-ctas button { display: flex; align-items: center; gap: 7px; padding: 9px 13px; border-radius: 99px; font-size: 13px; font-weight: 700; }
.hero-ctas button:first-child { color: white; background: var(--color-orange); }
.hero-ctas button:last-child { color: #174f1d; border: 1px solid #9fbc48; background: transparent; }
.hero-art { position: relative; overflow: hidden; min-height: 565px; border-radius: 0 0 0 95px; background: var(--color-primary); }
.hero-orbit { position: absolute; width: 420px; height: 420px; left: 50%; top: 50%; border: 1px dashed rgba(223,255,99,.26); border-radius: 50%; transform: translate(-50%,-50%); }
.phone-preview { position: absolute; left: 50%; bottom: -30px; width: 285px; height: 440px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 23px 17px; border: 7px solid #082f0d; border-radius: 37px 37px 0 0; background: #f6f8f3; transform: translateX(-50%) rotate(-2deg); box-shadow: 0 30px 65px rgba(0,28,5,.35); }
.phone-preview > span, .phone-preview > strong, .phone-preview > small { grid-column: span 2; }
.phone-preview > span { color: var(--color-muted); font-size: 11px; letter-spacing: .16em; }
.phone-preview > strong { color: #124719; font-size: 28px; }
.phone-preview > small { margin: 10px 0 2px; color: #718075; font-size: 13px; }
.phone-preview .brand-tile { width: 100%; box-shadow: none; border: 1px solid #e3e9e1; }
.floating-note { position: absolute; z-index: 3; display: flex; align-items: center; border-radius: 13px; background: white; box-shadow: 0 16px 35px rgba(0,28,5,.2); }
.note-one { left: 5%; bottom: 18%; gap: 7px; padding: 10px; }
.note-one .icon { color: #e97f19; }
.note-one span { display: flex; flex-direction: column; }
.note-one strong, .note-two small { font-size: 13px; }
.note-one small { color: #879288; font-size: 11px; }
.note-two { right: 5%; top: 23%; flex-direction: column; align-items: flex-start; padding: 11px 15px; transform: rotate(5deg); }
.note-two strong { color: #176021; font-size: 17px; }
.trust-strip { display: grid; grid-template-columns: repeat(4,1fr); margin: -19px 4vw 0; border: 1px solid #e1e8df; border-radius: 16px; background: white; box-shadow: 0 12px 35px rgba(25,67,29,.08); transform: translateY(0); }
.trust-strip > div { display: flex; align-items: center; gap: 10px; padding: 17px; border-right: 1px solid var(--color-border); }
.trust-strip > div:last-child { border: 0; }
.trust-strip .icon { color: var(--color-orange); }
.trust-strip span { display: flex; flex-direction: column; gap: 2px; }
.trust-strip strong { font-size: 14px; }
.trust-strip small { color: var(--color-muted); font-size: 11px; }
.section { padding: 75px 5vw; }
.sellers-section { background: var(--color-paper); }
.products-section { background: #f0f4ed; }
.seller-row { display: grid; grid-template-columns: repeat(6,minmax(125px,1fr)); gap: 8px; overflow-x: auto; }
.seller-chip { min-width: 125px; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 8px; border: 1px solid var(--color-border); border-radius: 15px; color: #26432a; background: white; text-align: center; }
.seller-chip > div { position: relative; width: 59px; height: 59px; padding: 3px; border: 2px solid #e8801b; border-radius: 50%; }
.seller-chip img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.seller-chip i { position: absolute; right: 0; bottom: 2px; width: 13px; height: 13px; border: 2px solid white; border-radius: 50%; background: #2aa348; }
.seller-chip > span { display: flex; flex-direction: column; gap: 2px; }
.seller-chip strong { font-size: 14px; white-space: nowrap; }
.seller-chip small { color: #7c897e; font-size: 11px; }
.seller-chip em { margin-top: 2px; color: #9c672c; font-size: 11px; font-style: normal; }
.product-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; }
.product-card { overflow: hidden; padding: 0; border: 1px solid var(--color-border); border-radius: 17px; color: #18391d; background: white; text-align: left; transition: transform .2s, box-shadow .2s; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 16px 38px rgba(26,70,30,.1); }
.product-visual { position: relative; min-height: 155px; display: grid; place-items: center; background: #edf3ea; }
.brand-tile { min-height: 80px; display: flex; flex-direction: column; justify-content: space-between; padding: 13px; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.brand-tile > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; font-size: 19px; font-weight: 800; letter-spacing: -.08em; }
.brand-tile > strong { font-size: 14px; }
.brand-tile.compact { width: 68px; min-height: 68px; align-items: center; justify-content: center; gap: 4px; padding: 7px; }
.brand-tile.compact > span { width: 30px; height: 30px; font-size: 16px; }
.brand-tile.compact > strong { font-size: 11px; }
.brand-netflix > span { color: #e50914; background: #160809; }
.brand-spotify > span { color: #1ed760; background: #101b13; }
.brand-tiktok > span { color: #fa3164; background: #101010; text-shadow: 2px 0 #38e8ed; }
.brand-instagram > span { color: white; background: linear-gradient(135deg,#7536e5,#ec2d78,#f6a433); }
.brand-google > span { color: #4285f4; background: #edf4ff; }
.brand-amazon > span { color: #ff9900; background: #131921; font-family: Georgia,serif; }
.brand-x > span { color: white; background: #070707; }
.brand-meta > span { color: #1769e0; background: #edf4ff; }
.product-visual > .brand-tile { width: 115px; min-height: 100px; transform: rotate(-3deg); box-shadow: 0 14px 28px rgba(31,63,33,.1); }
.product-visual > span { position: absolute; left: 11px; top: 11px; padding: 5px 7px; border-radius: 99px; color: #174c1d; background: var(--color-lime); font-size: 11px; font-weight: 800; }
.product-visual > i { position: absolute; right: 10px; bottom: 9px; display: flex; align-items: center; gap: 4px; color: #526a55; font-size: 11px; font-style: normal; }
.product-body { padding: 13px; }
.product-seller { display: flex; align-items: center; gap: 6px; margin-bottom: 9px; }
.product-seller img { width: 22px; height: 22px; object-fit: cover; border-radius: 50%; }
.product-seller span { color: #7a877c; font-size: 11px; }
.product-seller span strong { color: #315235; }
.product-seller i { display: inline-grid; place-items: center; width: 9px; height: 9px; border-radius: 50%; color: white; background: var(--color-success); font-size: 10px; font-style: normal; }
.product-body > strong { display: block; font-size: 16px; }
.rating { display: flex; gap: 6px; margin-top: 5px; }
.rating span { color: var(--color-orange); font-size: 13px; }
.rating small { color: var(--color-muted); font-size: 11px; }
.product-foot { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 13px; padding-top: 10px; border-top: 1px solid var(--color-inactive-soft); }
.product-foot > span { display: flex; flex-direction: column; }
.product-foot > span strong { font-size: 18px; }
.product-foot > span small { color: #299748; font-size: 11px; }
.product-foot > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--color-primary); font-style: normal; }
.buyer-seller-band { display: grid; grid-template-columns: 1fr 1fr; }
.buyer-seller-band > div { min-height: 300px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 50px 7vw; color: white; background: var(--color-primary); }
.buyer-seller-band > div:last-child { color: #143b19; background: #ee8a25; }
.buyer-seller-band span { color: var(--color-lime); font-size: 11px; letter-spacing: .2em; }
.buyer-seller-band > div:last-child span { color: #76420d; }
.buyer-seller-band strong { max-width: 520px; margin: 8px 0; font-size: 28px; line-height: 1.05; letter-spacing: -.04em; }
.buyer-seller-band p { max-width: 450px; color: #b8cfba; font-size: 14px; }
.buyer-seller-band > div:last-child p { color: #704817; }
.buyer-seller-band button { display: flex; align-items: center; gap: 7px; margin-top: 12px; padding: 9px 13px; border-radius: 99px; color: #154a1b; background: white; font-size: 13px; font-weight: 700; }
.compact-sellers { margin-bottom: 27px; }
.filter-row { display: flex; gap: 6px; margin-bottom: 18px; overflow-x: auto; }
.filter-row button { display: flex; align-items: center; gap: 5px; padding: 8px 11px; border: 1px solid var(--color-border); border-radius: 99px; color: #6b796e; background: white; font-size: 13px; white-space: nowrap; }
.filter-row button.active { color: white; border-color: var(--color-primary); background: var(--color-primary); }
.filter-row button:last-child { margin-left: auto; }
.market-layout { display: grid; grid-template-columns: 180px 1fr; gap: 20px; }
.market-layout > aside { display: flex; flex-direction: column; gap: 12px; padding: 17px; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.market-layout > aside > strong { margin-bottom: 5px; color: #819083; font-size: 11px; letter-spacing: .15em; }
.market-layout label { display: flex; align-items: center; gap: 7px; color: var(--color-muted); font-size: 13px; }
.results-line { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; color: var(--color-muted); font-size: 13px; }
.results-line button { display: flex; align-items: center; gap: 5px; padding: 7px 9px; border-radius: 8px; color: #526556; background: white; font-size: 13px; }
.search-page .page-title { margin-bottom: 18px; }
.big-search { height: 65px; display: flex; align-items: center; gap: 13px; padding: 0 17px; border: 2px solid #153d1a; border-radius: 16px; background: white; box-shadow: 0 13px 35px rgba(25,61,28,.08); }
.big-search input { flex: 1; border: 0; outline: 0; color: #183a1d; font-size: 17px; }
.big-search kbd { padding: 4px 7px; border-radius: 6px; background: var(--color-inactive-soft); color: var(--color-muted); font-size: 13px; }
.quick-search { display: flex; gap: 6px; margin: 12px 0 40px; }
.quick-search button { padding: 6px 9px; border-radius: 99px; color: #5b705f; background: #e8eee6; font-size: 13px; }
.category-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.category-grid button { min-height: 115px; display: grid; grid-template-columns: 50px 1fr 24px; align-items: center; gap: 13px; padding: 20px; border: 1px solid var(--color-border); border-radius: 16px; color: #234528; background: white; text-align: left; }
.category-grid button > span { width: 49px; height: 49px; display: grid; place-items: center; border-radius: 14px; color: var(--color-orange); background: #fff0df; }
.category-grid button > div { display: flex; flex-direction: column; gap: 4px; }
.category-grid strong { font-size: 18px; }
.category-grid small { color: #7a887c; font-size: 13px; }
.seller-directory { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; }
.seller-directory > button { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 0 17px 18px; border: 1px solid var(--color-border); border-radius: 17px; color: #234328; background: white; text-align: center; }
.seller-cover { width: calc(100% + 34px); height: 75px; margin-bottom: -32px; background: var(--color-lime); }
.seller-directory > button:nth-child(2n) .seller-cover { background: #f19a3d; }
.seller-directory > button:nth-child(3n) .seller-cover { background: #15551c; }
.seller-directory img { z-index: 1; width: 66px; height: 66px; padding: 3px; object-fit: cover; border: 3px solid white; border-radius: 50%; }
.seller-directory .status { margin: 8px 0; }
.seller-directory > button > strong { font-size: 17px; }
.seller-directory > button > span:not(.status) { color: #809083; font-size: 13px; }
.seller-directory p { color: #68796b; font-size: 13px; }
.seller-directory > button > div:last-child { width: 100%; display: grid; grid-template-columns: repeat(3,1fr); padding-top: 12px; border-top: 1px solid var(--color-border); }
.seller-directory > button > div:last-child span { display: flex; flex-direction: column; }
.seller-directory > button > div:last-child strong { font-size: 17px; }
.seller-directory > button > div:last-child small { color: var(--color-muted); font-size: 11px; }
.storefront-cover { height: 190px; display: flex; align-items: flex-end; padding: 25px; border-radius: 21px; color: var(--color-lime); background: linear-gradient(125deg,#0c4512,var(--color-primary-hover)); font-size: 14px; letter-spacing: .2em; }
.storefront-profile { display: grid; grid-template-columns: 100px 1fr auto; align-items: center; gap: 18px; padding: 0 24px 20px; }
.storefront-profile > img { width: 95px; height: 95px; margin-top: -32px; padding: 4px; object-fit: cover; border: 4px solid white; border-radius: 50%; }
.storefront-profile > div > div { display: flex; align-items: center; gap: 8px; }
.storefront-profile > div > div > strong { font-size: 20px; }
.storefront-profile > div > span { color: #7b887d; font-size: 13px; }
.storefront-profile p { margin: 6px 0 0; color: #647467; font-size: 14px; }
.storefront-profile > button { padding: 9px 13px; border-radius: 99px; color: white; background: var(--color-primary); font-size: 13px; font-weight: 700; }
.storefront-stats { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 22px; border: 1px solid var(--color-border); border-radius: 13px; background: white; }
.storefront-stats span { display: flex; flex-direction: column; padding: 14px 18px; border-right: 1px solid var(--color-border); }
.storefront-stats span:last-child { border: 0; }
.storefront-stats strong { font-size: 17px; }
.storefront-stats small { color: #7f8b81; font-size: 11px; }
.sub-tabs { display: flex; gap: 20px; margin-bottom: 18px; overflow-x: auto; border-bottom: 1px solid var(--color-border); }
.sub-tabs button { position: relative; padding: 0 0 10px; color: #7d8a7f; background: transparent; font-size: 13px; white-space: nowrap; }
.sub-tabs button.active { color: #15531c; font-weight: 700; }
.sub-tabs button.active::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--color-orange); }
.breadcrumbs { margin-bottom: 20px; color: var(--color-muted); font-size: 13px; }
.breadcrumbs span { margin: 0 6px; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.detail-visual { position: relative; min-height: 465px; display: grid; place-items: center; border-radius: 22px; background: #eaf1e7; }
.detail-visual .brand-tile { width: 220px; height: 195px; padding: 25px; box-shadow: 0 25px 60px rgba(28,66,31,.14); transform: rotate(-4deg); }
.detail-visual .brand-tile > span { width: 70px; height: 70px; font-size: 35px; }
.detail-visual .brand-tile > strong { font-size: 16px; }
.detail-visual > span { position: absolute; left: 18px; top: 18px; padding: 6px 9px; border-radius: 99px; color: #14481a; background: var(--color-lime); font-size: 11px; font-weight: 800; }
.detail-info { align-self: center; }
.detail-info > strong { display: block; margin: 7px 0; font-size: clamp(27px,3.5vw,46px); line-height: 1.05; letter-spacing: -.05em; }
.detail-rating { color: #8c6a36; font-size: 13px; }
.detail-rating span { color: #eb821b; letter-spacing: .06em; }
.detail-info > p { color: #6d7b70; font-size: 15px; line-height: 1.7; }
.seller-inline { display: grid; grid-template-columns: 40px 1fr 20px; align-items: center; gap: 10px; margin: 16px 0; padding: 11px; border: 1px solid var(--color-border); border-radius: 12px; background: white; cursor: pointer; }
.seller-inline img { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; }
.seller-inline span { display: flex; flex-direction: column; font-size: 13px; }
.seller-inline small { color: #809083; font-size: 11px; }
.option-group > span { color: var(--color-muted); font-size: 11px; letter-spacing: .15em; }
.option-group > div { display: flex; gap: 7px; margin-top: 7px; }
.option-group button { min-width: 130px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 10px; border: 1px solid var(--color-border); border-radius: 9px; color: #68766a; background: white; font-size: 13px; }
.option-group button.active { color: #154e1b; border-color: #1a6a23; box-shadow: 0 0 0 2px #e9f1e7; }
.purchase-box { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; padding: 15px; border-radius: 13px; background: var(--color-primary); color: white; }
.purchase-box > div { display: flex; flex-direction: column; }
.purchase-box span { color: #a6c4a9; font-size: 11px; }
.purchase-box strong { font-size: 21px; }
.purchase-box small { color: #8caf90; font-size: 11px; }
.purchase-box button { display: flex; align-items: center; gap: 6px; padding: 10px 13px; border-radius: 9px; color: #164d1b; background: var(--color-lime); font-size: 13px; font-weight: 700; }
.detail-lower { display: grid; grid-template-columns: 1fr 260px; gap: 25px; margin-top: 35px; }
.detail-lower p { color: #6b796e; font-size: 14px; line-height: 1.7; }
.detail-lower aside { display: flex; flex-direction: column; gap: 10px; padding: 17px; border: 1px solid #dee6dc; border-radius: 13px; background: white; }
.detail-lower aside > strong { color: var(--color-muted); font-size: 11px; letter-spacing: .15em; }
.detail-lower aside span { display: flex; align-items: center; gap: 7px; color: #47604b; font-size: 13px; }
.balance-chip { display: flex; flex-direction: column; padding: 8px 12px; border-radius: 10px; color: white; background: var(--color-primary); }
.balance-chip span { color: #9dbba0; font-size: 11px; }
.balance-chip strong { font-size: 18px; }
.service-tabs { display: flex; gap: 7px; margin-bottom: 15px; }
.service-tabs button { padding: 8px 11px; border-radius: 99px; color: #6f7d72; background: #e9eee7; font-size: 13px; }
.service-tabs button.active { color: white; background: var(--color-primary); }
.service-layout { display: grid; grid-template-columns: 1.35fr .65fr; gap: 14px; }
.service-form, .service-aside { padding: 21px; border: 1px solid var(--color-border); border-radius: 16px; background: white; }
.service-form-head { display: flex; align-items: center; gap: 11px; margin-bottom: 20px; }
.service-form-head > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: var(--color-orange); background: #fff0df; }
.service-form-head > div { display: flex; flex-direction: column; }
.service-form-head strong { font-size: 18px; }
.service-form-head small { color: var(--color-muted); font-size: 13px; }
.service-form label, .settings-panel label, .compose-card label { display: flex; flex-direction: column; gap: 5px; margin-top: 12px; }
.service-form label > span, .settings-panel label > span, .compose-card label > span { color: var(--color-muted); font-size: 13px; font-weight: 700; }
.service-form label > div { display: flex; justify-content: space-between; align-items: center; min-height: 41px; padding: 0 11px; border: 1px solid var(--color-border); border-radius: 9px; color: var(--color-muted); font-size: 13px; }
.cost-box { display: grid; grid-template-columns: 1fr auto; gap: 3px; margin: 17px 0; padding: 13px; border-radius: 10px; background: var(--color-inactive-soft); }
.cost-box span { color: #617264; font-size: 13px; }
.cost-box strong { font-size: 16px; }
.cost-box small { grid-column: span 2; color: var(--color-muted); font-size: 11px; }
.service-aside > span { color: var(--color-muted); font-size: 11px; letter-spacing: .15em; }
.service-aside > div { display: grid; grid-template-columns: 36px 1fr 16px; align-items: center; gap: 9px; padding: 13px 0; border-bottom: 1px solid var(--color-border); }
.service-aside > div > span { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; color: var(--color-orange); background: #fff0df; }
.service-aside > div > div { display: flex; flex-direction: column; }
.service-aside strong { font-size: 13px; }
.service-aside small { color: var(--color-muted); font-size: 11px; }
.checkout-layout { display: grid; grid-template-columns: 1fr 300px; gap: 18px; align-items: start; }
.cart-list { display: flex; flex-direction: column; gap: 8px; }
.cart-row { display: grid; grid-template-columns: 68px 1fr auto 32px; align-items: center; gap: 13px; padding: 14px; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.cart-row > div:nth-child(2) { display: flex; flex-direction: column; gap: 3px; }
.cart-row > div:nth-child(2) strong { font-size: 15px; }
.cart-row > div:nth-child(2) span { color: #7c897e; font-size: 13px; }
.cart-row > div:nth-child(2) small { display: flex; align-items: center; gap: 4px; color: #27853c; font-size: 11px; }
.cart-row > strong { font-size: 17px; }
.cart-row > button { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: var(--color-muted); background: #f1f4ef; }
.order-summary { padding: 20px; border: 1px solid var(--color-border); border-radius: 15px; background: white; }
.order-summary > span { display: block; margin-bottom: 15px; color: var(--color-muted); font-size: 11px; letter-spacing: .16em; }
.order-summary > div { display: flex; justify-content: space-between; margin: 9px 0; color: #69766b; font-size: 13px; }
.order-summary hr { border: 0; border-top: 1px solid var(--color-border); }
.order-summary .summary-total { align-items: flex-end; color: #183a1d; }
.order-summary .summary-total strong { font-size: 20px; }
.order-summary .primary-button { width: 100%; margin-top: 15px; }
.order-summary > small { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 9px; color: var(--color-muted); font-size: 11px; text-align: center; }
.checkout-steps { display: flex; align-items: center; max-width: 520px; margin: -8px 0 28px; color: var(--color-muted); font-size: 13px; }
.checkout-steps i { flex: 1; height: 1px; margin: 0 9px; background: var(--color-border); }
.checkout-steps span.active, .checkout-steps span.done { color: #16531d; font-weight: 700; }
.checkout-steps span.done::before { content: "✓ "; }
.review-stack { display: flex; flex-direction: column; gap: 9px; }
.review-stack section { position: relative; padding: 18px; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.review-stack section > span { color: var(--color-muted); font-size: 11px; letter-spacing: .16em; }
.review-stack section > strong { display: block; margin-top: 8px; font-size: 16px; }
.review-stack section > p { color: var(--color-muted); font-size: 13px; }
.review-stack section > button { position: absolute; right: 17px; top: 17px; color: #1d6325; background: transparent; font-size: 13px; }
.wallet-payment { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; margin-top: 12px; }
.wallet-payment > .icon { color: var(--color-orange); }
.wallet-payment > div { display: flex; flex-direction: column; }
.wallet-payment strong { font-size: 14px; }
.wallet-payment small { color: #7e8b80; font-size: 11px; }
.mini-order { display: grid; grid-template-columns: 68px 1fr auto; align-items: center; gap: 9px; padding-top: 12px; margin-top: 12px; border-top: 1px solid #e8ece7; }
.mini-order > span { display: flex; flex-direction: column; }
.mini-order > span strong { font-size: 14px; }
.mini-order > span small { color: #869187; font-size: 11px; }
.status { width: max-content; padding: 4px 7px; border-radius: 99px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.status-green { color: #20733a; background: var(--color-success-soft); }
.status-orange { color: var(--color-warning); background: #fff0dc; }
.status-gray { color: var(--color-inactive); background: var(--color-inactive-soft); }
.status-red { color: var(--color-danger); background: var(--color-danger-soft); }
.data-table { overflow: hidden; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.table-tools { display: flex; justify-content: space-between; padding: 11px; border-bottom: 1px solid var(--color-border); }
.table-tools > div { width: 220px; display: flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid #e0e6de; border-radius: 8px; color: var(--color-muted); font-size: 13px; }
.table-tools button { display: flex; align-items: center; gap: 5px; padding: 7px 9px; border-radius: 8px; color: #586b5c; background: var(--color-inactive-soft); font-size: 13px; }
.table-head, .table-row { display: grid; grid-template-columns: 1.25fr 1fr 1.2fr .7fr .7fr 24px; align-items: center; gap: 12px; padding: 10px 14px; }
.table-head { color: var(--color-muted); background: #f6f8f5; font-size: 11px; letter-spacing: .1em; }
.table-row { min-height: 51px; border-top: 1px solid var(--color-inactive-soft); color: #667469; font-size: 13px; }
.table-row strong { color: #25472a; font-size: 14px; }
.table-row > button { color: var(--color-muted); background: transparent; }
.wallet-hero { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 9px; margin-bottom: 24px; }
.wallet-hero > div { display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--color-border); border-radius: 15px; background: white; }
.wallet-hero > div:first-child { color: white; border: 0; background: var(--color-primary); }
.wallet-hero span { color: #849185; font-size: 11px; letter-spacing: .13em; }
.wallet-hero > div:first-child span { color: #9fc1a3; }
.wallet-hero strong { margin: 8px 0 3px; font-size: 24px; letter-spacing: -.04em; }
.wallet-hero small { color: var(--color-muted); font-size: 11px; }
.wallet-hero > div:first-child small { color: #8dae91; }
.referral-hero { padding: 45px; border-radius: 20px; color: white; background: var(--color-primary); }
.referral-hero > span { color: var(--color-lime); font-size: 11px; letter-spacing: .2em; }
.referral-hero > strong { display: block; max-width: 600px; margin: 8px 0; font-size: 36px; letter-spacing: -.05em; }
.referral-hero > p { color: #abc7ae; font-size: 14px; }
.referral-hero > div { max-width: 450px; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding: 6px 6px 6px 13px; border-radius: 10px; color: #c1d7c3; background: rgba(255,255,255,.1); font-size: 13px; }
.referral-hero button { padding: 8px 11px; border-radius: 7px; color: #164d1b; background: var(--color-lime); font-size: 13px; font-weight: 700; }
.stats-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 20px 0; }
.stats-grid.four { grid-template-columns: repeat(4,1fr); }
.stat-card { display: flex; align-items: center; justify-content: space-between; padding: 17px; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.stat-card > div { display: flex; flex-direction: column; }
.stat-card span { color: #859187; font-size: 11px; letter-spacing: .12em; }
.stat-card strong { margin: 4px 0; font-size: 21px; }
.stat-card small { color: #37904c; font-size: 11px; }
.stat-card > i { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 11px; color: var(--color-orange); background: #fff0df; font-style: normal; }
.settings-layout { display: grid; grid-template-columns: 190px 1fr; gap: 15px; }
.settings-layout > aside { height: max-content; display: flex; flex-direction: column; gap: 3px; padding: 9px; border: 1px solid var(--color-border); border-radius: 13px; background: white; }
.settings-layout > aside button { padding: 9px; border-radius: 8px; color: #6b786d; background: transparent; font-size: 13px; text-align: left; }
.settings-layout > aside button.active { color: #15521c; background: var(--color-inactive-soft); font-weight: 700; }
.settings-panel { padding: 22px; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.profile-edit { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 12px; margin-bottom: 18px; padding-bottom: 17px; border-bottom: 1px solid #e7ece6; }
.profile-edit img { width: 55px; height: 55px; object-fit: cover; border-radius: 50%; }
.profile-edit > div { display: flex; flex-direction: column; }
.profile-edit strong { font-size: 15px; }
.profile-edit span { color: var(--color-muted); font-size: 11px; }
.profile-edit > button { padding: 7px 9px; border-radius: 7px; color: #235e2a; background: var(--color-inactive-soft); font-size: 11px; font-weight: 700; }
.settings-panel input, .compose-card input, .compose-card textarea { min-height: 39px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: 8px; outline: 0; color: #345138; background: white; font-size: 13px; }
.compose-card textarea { min-height: 130px; padding-top: 10px; resize: vertical; }
.settings-panel > .primary-button, .compose-card > .primary-button { margin-top: 18px; }
.notification-list { overflow: hidden; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.notification-list > div { display: grid; grid-template-columns: 40px 1fr auto 30px; align-items: center; gap: 11px; padding: 14px 17px; border-bottom: 1px solid var(--color-border); }
.notification-list > div.unread { background: #f4f8f1; }
.notification-list > div > span { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 11px; color: var(--color-orange); background: #fff0df; }
.notification-list > div > div strong { font-size: 14px; }
.notification-list p { margin: 3px 0 0; color: #748176; font-size: 13px; }
.notification-list > div > small { color: var(--color-muted); font-size: 11px; }
.notification-list button { color: var(--color-muted); background: transparent; }
.empty-state { min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px; border: 1px dashed var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); text-align: center; }
.empty-state > span { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 13px; border-radius: 50%; color: var(--color-orange); background: var(--color-warning-soft); }
.empty-state > strong { font-size: 19px; }
.empty-state > p { max-width: 360px; color: var(--color-muted); font-size: 13px; line-height: 1.6; }
.empty-state .primary-button { margin-top: 6px; }
.order-focus { margin-bottom: 12px; }
.order-focus > div { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 14px; padding: 15px; border: 1px solid #f0d6b6; border-radius: var(--radius-md); background: #fff7ec; }
.order-focus > div > span:nth-child(2), .order-focus > div > div { display: flex; flex-direction: column; }
.order-focus strong { font-size: 15px; }
.order-focus small, .order-focus > div > div span { color: var(--color-muted); font-size: 11px; }
.order-focus button { display: flex; align-items: center; gap: 5px; color: var(--color-primary); background: transparent; font-size: 13px; font-weight: 700; }
.flow-modal { position: relative; width: min(470px,100%); padding: 27px; border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-lg); }
.flow-modal.wide { width: min(650px,100%); }
.flow-modal > span { color: var(--color-orange); font-size: 11px; letter-spacing: .18em; font-weight: 700; }
.flow-modal > strong { display: block; margin: 6px 0; font-size: 23px; letter-spacing: -.04em; }
.flow-modal > p { color: var(--color-muted); font-size: 13px; line-height: 1.6; }
.flow-modal label { display: flex; flex-direction: column; gap: 5px; margin-top: 11px; }
.flow-modal label span { color: var(--color-muted); font-size: 13px; font-weight: 700; }
.flow-modal input, .flow-modal textarea { min-height: 40px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); outline: 0; color: var(--color-ink); background: var(--color-surface); font-size: 13px; }
.flow-modal textarea { min-height: 100px; padding-top: 10px; resize: vertical; }
.flow-modal > .primary-button { margin-top: 17px; }
.modal-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
.modal-actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: 17px; }
.modal-actions > button:first-child { padding: 9px 13px; border-radius: var(--radius-sm); color: var(--color-primary); background: var(--color-inactive-soft); font-size: 13px; font-weight: 700; }
.confirmation-page { max-width: 760px; min-height: calc(100vh - 72px); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.confirmation-mark { width: 72px; height: 72px; display: grid; place-items: center; margin-bottom: 16px; border-radius: 50%; color: var(--color-primary); background: var(--color-lime); }
.confirmation-page > span { color: var(--color-orange); font-size: 13px; letter-spacing: .2em; font-weight: 700; }
.confirmation-page > strong { margin: 8px 0; font-family: "DM Serif Display",serif; font-size: 44px; font-weight: 400; }
.confirmation-page > p { max-width: 520px; color: var(--color-muted); font-size: 14px; line-height: 1.7; }
.confirmation-summary { width: 100%; display: grid; grid-template-columns: repeat(3,1fr); margin: 22px 0; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.confirmation-summary > div { display: flex; flex-direction: column; padding: 15px; border-right: 1px solid var(--color-border); }
.confirmation-summary > div:last-child { border: 0; }
.confirmation-summary span { color: var(--color-muted); font-size: 11px; letter-spacing: .12em; }
.confirmation-summary strong { margin-top: 4px; font-size: 15px; }
.confirmation-page > div:last-child { display: flex; gap: 7px; }
.confirmation-page > div:last-child > button:last-child { padding: 9px 13px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-primary); background: transparent; font-size: 13px; font-weight: 700; }
.order-detail-layout { display: grid; grid-template-columns: 1fr 280px; gap: 15px; align-items: start; }
.order-progress, .order-message { padding: 20px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.order-progress { display: grid; grid-template-columns: repeat(3,1fr); }
.order-progress > span { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--color-muted); text-align: center; }
.order-progress > span:not(:last-child)::after { content: ""; position: absolute; left: 62%; top: 15px; width: 76%; height: 2px; background: var(--color-border); }
.order-progress i { z-index: 1; width: 31px; height: 31px; display: grid; place-items: center; border: 2px solid var(--color-border); border-radius: 50%; background: var(--color-surface); font-size: 13px; font-style: normal; }
.order-progress span.complete i { color: var(--color-primary); border-color: var(--color-lime); background: var(--color-lime); }
.order-progress span.active i { color: var(--color-orange); border-color: var(--color-orange); }
.order-progress strong { color: var(--color-ink); font-size: 13px; }
.order-progress small { font-size: 11px; }
.order-message { display: flex; gap: 11px; margin-top: 10px; }
.order-message img { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; }
.order-message strong { font-size: 14px; }
.order-message p { color: var(--color-muted); font-size: 13px; }
.order-message small { color: var(--color-muted); font-size: 11px; }
.order-summary > button:not(.primary-button) { width: 100%; margin-top: 7px; padding: 8px; border-radius: var(--radius-sm); color: var(--color-primary); background: var(--color-inactive-soft); font-size: 13px; font-weight: 700; }
.order-summary > button.ghost-danger { color: var(--color-danger); background: var(--color-danger-soft); }
.admin-login-page { min-height: calc(100vh - 72px); display: grid; grid-template-columns: 1fr 1fr; }
.admin-login-art { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 7vw; color: var(--color-surface); background: var(--color-primary); }
.admin-login-art .logo-crop { filter: brightness(0) invert(1); margin-bottom: 50px; }
.admin-login-art > span, .admin-login-form > span { color: var(--color-lime); font-size: 11px; letter-spacing: .2em; font-weight: 700; }
.admin-login-art > strong { max-width: 500px; margin: 10px 0; font-size: clamp(35px,4vw,56px); line-height: .98; letter-spacing: -.055em; }
.admin-login-art > p { max-width: 470px; color: #b7cdb9; font-size: 15px; line-height: 1.7; }
.admin-login-art > div:last-child { display: flex; align-items: center; gap: 11px; margin-top: 35px; padding: 13px; border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius-md); }
.admin-login-art > div:last-child > span { display: flex; flex-direction: column; }
.admin-login-art > div:last-child strong { font-size: 14px; }
.admin-login-art > div:last-child small { color: #a7c0aa; font-size: 11px; }
.admin-login-form { width: min(430px,calc(100% - 40px)); align-self: center; justify-self: center; padding: 28px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-md); }
.admin-login-form > span { color: var(--color-orange); }
.admin-login-form > strong { display: block; margin: 8px 0; font-size: 28px; letter-spacing: -.04em; }
.admin-login-form > p { color: var(--color-muted); font-size: 13px; }
.admin-login-form label { display: flex; flex-direction: column; gap: 5px; margin-top: 12px; }
.admin-login-form label span { color: var(--color-muted); font-size: 13px; font-weight: 700; }
.admin-login-form input { min-height: 40px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); outline: 0; font-size: 13px; }
.admin-login-form > .primary-button { width: 100%; margin-top: 17px; }
.admin-login-form > button:last-child { display: block; margin: 13px auto 0; color: var(--color-primary); background: transparent; font-size: 13px; }
.toast { position: fixed; z-index: 120; right: 20px; bottom: 20px; display: grid; grid-template-columns: 30px 1fr 25px; align-items: center; gap: 9px; min-width: 300px; padding: 10px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-lg); }
.toast > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--color-primary); background: var(--color-lime); }
.toast strong { font-size: 13px; }
.toast button { color: var(--color-muted); background: transparent; }
.dashboard-grid { display: grid; grid-template-columns: 1.6fr .7fr; gap: 10px; margin: 20px 0 35px; }
.chart-card, .action-card { padding: 19px; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.chart-card > div:first-child { display: grid; grid-template-columns: 1fr auto; }
.chart-card > div:first-child span, .action-card > span { grid-column: span 2; color: var(--color-muted); font-size: 11px; letter-spacing: .14em; }
.chart-card > div:first-child strong { margin-top: 4px; font-size: 18px; }
.chart-card > div:first-child button { display: flex; align-items: center; gap: 5px; padding: 7px 9px; border-radius: 7px; color: #5b6c5e; background: var(--color-inactive-soft); font-size: 11px; }
.chart { height: 170px; display: flex; align-items: flex-end; gap: 8px; padding-top: 24px; border-bottom: 1px solid var(--color-border); }
.chart span { flex: 1; border-radius: 5px 5px 0 0; background: #c9e68b; }
.chart span:nth-child(3n) { background: #ec8a28; }
.chart-bar-1 { height: 32%; }
.chart-bar-2 { height: 45%; }
.chart-bar-3 { height: 38%; }
.chart-bar-4 { height: 61%; }
.chart-bar-5 { height: 54%; }
.chart-bar-6 { height: 78%; }
.chart-bar-7 { height: 68%; }
.chart-bar-8 { height: 90%; }
.chart-bar-9 { height: 82%; }
.chart-bar-10 { height: 96%; }
.action-card { display: flex; flex-direction: column; gap: 7px; }
.action-card > button { flex: 1; display: flex; align-items: center; justify-content: space-between; padding: 10px; border-radius: 9px; color: #4e6352; background: #f1f5ef; text-align: left; }
.action-card > button > span { display: flex; flex-direction: column; }
.action-card > button strong { font-size: 15px; }
.action-card > button small { color: #7f8c81; font-size: 11px; }
.line-chart { height: 220px; }
.line-chart svg { width: 100%; height: 100%; overflow: visible; }
.line-chart path { fill: none; stroke: var(--color-orange); stroke-width: 5; stroke-linecap: round; }
.rank-row { display: grid; grid-template-columns: 25px 1fr auto; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--color-border); }
.rank-row > i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; color: #17511c; background: var(--color-lime); font-size: 13px; font-style: normal; }
.rank-row span { display: flex; flex-direction: column; }
.rank-row strong { font-size: 13px; }
.rank-row small { color: var(--color-muted); font-size: 11px; }
.admin-alert { display: flex; align-items: center; gap: 11px; margin: 18px 0 30px; padding: 14px; border: 1px solid #f1d8b7; border-radius: 12px; color: #744818; background: #fff5e8; }
.admin-alert > span { flex: 1; display: flex; flex-direction: column; }
.admin-alert strong { font-size: 14px; }
.admin-alert small { color: #956f42; font-size: 11px; }
.admin-alert button { display: flex; align-items: center; gap: 6px; color: #804e14; background: transparent; font-size: 13px; font-weight: 700; }
.compose-card { max-width: 720px; padding: 23px; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.role-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.role-grid > div { display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 7px 11px; padding: 18px; border: 1px solid var(--color-border); border-radius: 14px; background: white; }
.role-grid > div > .icon { grid-row: span 2; width: 39px; height: 39px; padding: 9px; border-radius: 11px; color: var(--color-orange); background: #fff0df; }
.role-grid strong { font-size: 16px; }
.role-grid span { color: #7f8b81; font-size: 11px; }
.role-grid button { grid-column: span 2; display: flex; align-items: center; gap: 6px; margin-top: 8px; color: #1b5b22; background: transparent; font-size: 13px; font-weight: 700; }
.function-note { display: flex; align-items: center; gap: 9px; margin-top: 20px; padding: 12px; border-radius: 10px; color: #79501f; background: #fff3e3; }
.function-note span { display: flex; flex-direction: column; }
.function-note strong { font-size: 13px; }
.function-note small { font-size: 11px; }
.modal-backdrop { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(7,32,11,.68); backdrop-filter: blur(6px); }
.auth-modal { position: relative; width: min(430px,100%); padding: 27px; border-radius: 21px; background: var(--color-surface); box-shadow: 0 30px 100px rgba(0,26,4,.3); }
.modal-close { position: absolute; right: 18px; top: 18px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #6e7c70; background: #eff3ed; }
.auth-copy { margin: 10px 0 18px; }
.auth-copy span { color: var(--color-orange); font-size: 11px; letter-spacing: .17em; }
.auth-copy strong { display: block; margin: 5px 0; font-size: 24px; letter-spacing: -.04em; }
.auth-copy p { color: var(--color-muted); font-size: 13px; line-height: 1.6; }
.auth-tabs { display: flex; padding: 3px; border-radius: 10px; background: var(--color-inactive-soft); }
.auth-tabs button { flex: 1; padding: 8px; border-radius: 8px; color: var(--color-muted); background: transparent; font-size: 13px; font-weight: 700; }
.auth-tabs button.active { color: #164e1c; background: white; box-shadow: 0 3px 10px rgba(25,62,28,.08); }
.auth-modal > label { display: flex; flex-direction: column; gap: 5px; margin-top: 11px; }
.auth-modal label span { color: var(--color-muted); font-size: 13px; font-weight: 700; }
.auth-modal label input { min-height: 40px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: 8px; outline: 0; font-size: 13px; }
.auth-modal > .primary-button { width: 100%; margin-top: 16px; }
.auth-modal .forgot { display: block; margin: 12px auto; color: #1c6124; background: transparent; font-size: 13px; }
.auth-modal > small { display: block; color: var(--color-muted); font-size: 11px; text-align: center; }

@media (max-width: 1050px) {
  .app-header { grid-template-columns: 150px 1fr auto; }
  .app-header > nav { display: none; }
  .seller-row { grid-template-columns: repeat(6,125px); }
  .stats-grid.four { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 760px) {
  .app-header { height: 62px; grid-template-columns: 110px 1fr auto; gap: 8px; padding: 0 12px; }
  .logo-crop { height: 44px; }
  .logo-crop img { height: 100%; width: auto; }
  .global-search { justify-self: end; width: 36px; height: 36px; padding: 0; display: grid; place-items: center; }
  .global-search span, .global-search kbd, .wallet-pill, .round-action:first-of-type, .profile-button .icon, .header-login { display: none; }
  .header-sell { padding: 8px 10px; font-size: 13px; }
  .mobile-menu-button { display: grid; }
  .app-body { display: block; }
  .sidebar { position: fixed; z-index: 40; left: 0; right: 0; bottom: 0; top: auto; height: 62px; display: flex; flex-direction: row; padding: 6px; border: 0; border-top: 1px solid var(--color-border); overflow-x: auto; }
  .workspace-label, .nav-group > span, .sidebar-wallet, .new-listing { display: none; }
  .nav-group { display: contents; }
  .nav-group button { min-width: 64px; flex-direction: column; justify-content: center; gap: 2px; padding: 5px; }
  .nav-group button strong { flex: none; font-size: 11px; white-space: nowrap; }
  .nav-group button i { position: absolute; margin-left: 35px; }
  .app-body:not(.public-body) .main-content { padding-bottom: 68px; }
  .content-page { padding: 28px 16px 60px; }
  .hero { grid-template-columns: 1fr; }
  .hero-copy { padding: 43px 20px 35px; }
  .hero-title { font-size: 52px; }
  .hero-art { min-height: 490px; border-radius: 0 0 0 50px; }
  .trust-strip { grid-template-columns: 1fr 1fr; margin: -10px 10px 0; }
  .trust-strip > div:nth-child(2) { border-right: 0; }
  .trust-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--color-border); }
  .section { padding: 55px 16px; }
  .page-title { align-items: flex-start; flex-direction: column; }
  .product-grid, .seller-directory { grid-template-columns: 1fr; }
  .buyer-seller-band { grid-template-columns: 1fr; }
  .buyer-seller-band > div { min-height: 250px; padding: 35px 20px; }
  .market-layout { grid-template-columns: 1fr; }
  .market-layout > aside { display: none; }
  .category-grid { grid-template-columns: 1fr; }
  .storefront-cover { height: 140px; }
  .storefront-profile { grid-template-columns: 72px 1fr; padding: 0 8px 18px; }
  .storefront-profile > img { width: 70px; height: 70px; }
  .storefront-profile > button { grid-column: span 2; }
  .storefront-stats { grid-template-columns: 1fr 1fr; }
  .storefront-stats span:nth-child(2) { border-right: 0; }
  .detail-grid { grid-template-columns: 1fr; gap: 24px; }
  .detail-visual { min-height: 350px; }
  .detail-lower { grid-template-columns: 1fr; }
  .service-layout { grid-template-columns: 1fr; }
  .checkout-layout { grid-template-columns: 1fr; }
  .table-head { display: none; }
  .table-row { grid-template-columns: 1.2fr 1fr auto; }
  .table-row > span:nth-child(3), .table-row > span:nth-child(4) { display: none; }
  .wallet-hero { grid-template-columns: 1fr; }
  .stats-grid, .stats-grid.four { grid-template-columns: 1fr 1fr; }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-layout > aside { flex-direction: row; overflow-x: auto; }
  .settings-layout > aside button { white-space: nowrap; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .role-grid { grid-template-columns: 1fr; }
  .referral-hero { padding: 28px 20px; }
  .notification-list > div { grid-template-columns: 38px 1fr auto; }
  .notification-list > div > small { display: none; }
  .order-focus > div { grid-template-columns: auto 1fr; }
  .order-focus > div > div, .order-focus > div > button { grid-column: 2; }
  .modal-form-grid { grid-template-columns: 1fr; }
  .confirmation-summary { grid-template-columns: 1fr; }
  .confirmation-summary > div { border-right: 0; border-bottom: 1px solid var(--color-border); }
  .order-detail-layout { grid-template-columns: 1fr; }
  .order-progress { gap: 5px; padding: 14px 8px; }
  .order-progress > span:not(:last-child)::after { width: 65%; }
  .admin-login-page { grid-template-columns: 1fr; }
  .admin-login-art { min-height: 320px; padding: 45px 22px; }
  .admin-login-art .logo-crop { margin-bottom: 25px; }
  .admin-login-form { margin: 35px auto; }
  .toast { right: 12px; bottom: 74px; left: 12px; min-width: 0; }
}

/* ── Juluclicks additions (not in the Figma file): only for live-data needs ── */
.table-tools > div input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--color-ink); font: inherit; font-size: 13px; }
.table-row small { color: var(--color-muted); font-size: 11px; }
.service-form label > div.svc-field { cursor: pointer; }
.service-form label > div.svc-field.filled { color: var(--color-ink); font-weight: 700; }
.service-form label > div.svc-field.disabled { cursor: default; opacity: .55; }
.service-form label > div.svc-field > span { display: flex; align-items: center; gap: 7px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.service-form .svc-input { min-height: 41px; padding: 0 11px; border: 1px solid var(--color-border); border-radius: 9px; outline: 0; color: var(--color-ink); background: white; font: inherit; font-size: 13px; }
.service-form .svc-input:focus, .service-form label > div.svc-field:focus { border-color: var(--color-primary); }
.service-form .primary-button:disabled { opacity: .5; cursor: default; }
.svc-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.svc-chips button { padding: 8px 11px; border: 1px solid var(--color-border); border-radius: 99px; color: #586b5c; background: white; font-size: 13px; font-weight: 700; }
.svc-chips button.active { color: white; border-color: var(--color-primary); background: var(--color-primary); }
.svc-step { display: grid; grid-template-columns: 26px 1fr; gap: 10px; align-items: start; padding: 12px 0; border-bottom: 1px solid var(--color-border); }
.svc-step > i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; color: #17511c; background: var(--color-lime); font-size: 13px; font-style: normal; font-weight: 800; }
.svc-step > div { display: flex; flex-direction: column; gap: 3px; }
.svc-step strong { font-size: 14px; }
.svc-step small { color: var(--color-muted); font-size: 13px; line-height: 1.5; }
.service-form .svc-step + .primary-button { margin-top: 17px; }
.svc-aside-empty { margin: 14px 0 0; color: var(--color-muted); font-size: 13px; line-height: 1.6; }
.service-aside > div:hover strong { color: var(--color-primary); }
/* older picker modals on the service pages, dressed as Figma flow-modals */
.modal-overlay { background: rgba(7,32,11,.68) !important; backdrop-filter: blur(6px); }
.modal-panel { border: 0 !important; border-radius: var(--radius-xl) !important; box-shadow: var(--shadow-lg) !important; }
.modal-head h3 { font-size: 20px; letter-spacing: -.04em; }
/* Figma bug fix: .page-title's strong/span rules also hit the balance chip (dark 39px text on green). Restore the chip's own styling. */
.page-title > .balance-chip { flex: none; align-items: flex-start; }
.page-title > .balance-chip > span { color: #9dbba0; font-size: 11px; letter-spacing: .08em; }
.page-title > .balance-chip > strong { margin: 2px 0 0; color: white; font-size: 18px; line-height: 1.3; letter-spacing: 0; }
/* dropdowns placed inside a Figma form row must not inherit the row box styling */
.service-form label > div.cdrop { display: block; min-height: 0; padding: 6px; border-radius: 12px; background: white; z-index: 30; }
.service-form label > div.cdrop button { justify-content: flex-start; width: 100%; font-size: 14px; }

/* ── Readability pass (owner request): larger header, hero actions, trust strip and sign-in form ── */
.app-header > nav { gap: 30px; }
.app-header > nav button { font-size: 15px; }
.header-login { padding: 10px 14px; font-size: 15px; }
.header-sell { padding: 11px 18px; font-size: 15px; }
.global-search { height: 42px; font-size: 14px; }
.hero-search { font-size: 16px; }
.hero-search button { padding: 0 22px; font-size: 15px; }
.hero-ctas { gap: 10px; margin-top: 18px; }
.hero-ctas button { padding: 13px 22px; font-size: 15px; }
.trust-strip > div { gap: 13px; padding: 22px; }
.trust-strip .icon { width: 24px; height: 24px; }
.trust-strip strong { font-size: 16px; }
.trust-strip small { font-size: 13px; }
/* sign-in / sign-up pop-up: stacked labels, full-width fields, clear focus */
.auth-modal { width: min(460px,100%); padding: 32px; }
.auth-modal .modal-close { border: 0; background: var(--color-inactive-soft); }
.auth-modal .auth-copy strong { font-size: 30px; line-height: 1.1; }
.auth-modal .auth-copy p { font-size: 14px; }
.auth-modal .auth-tabs { gap: 0; margin: 0 0 6px; padding: 4px; border-radius: 12px; background: var(--color-inactive-soft); }
.auth-modal .auth-tabs button { padding: 11px; font-size: 14px; }
.auth-modal form label { display: flex; flex-direction: column; gap: 7px; margin-top: 16px; }
.auth-modal form label span { color: #3f5443; font-size: 13px; font-weight: 700; }
.auth-modal form input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--color-border); border-radius: 11px; outline: 0; color: var(--color-ink); background: #fbfcfa; font: inherit; font-size: 15px; transition: border-color .15s, box-shadow .15s; }
.auth-modal form input:focus { border-color: var(--color-primary); background: white; box-shadow: 0 0 0 4px rgba(16,79,23,.1); }
.auth-modal form .primary-button { width: 100%; min-height: 50px; margin-top: 22px; border-radius: 11px; font-size: 15px; }
.auth-modal .forgot { margin: 14px auto 6px; font-size: 14px; font-weight: 600; }
.auth-modal > small { margin-top: 10px; font-size: 12px; line-height: 1.5; }
@media (max-width: 760px) {
  .header-sell { padding: 9px 13px; font-size: 13px; white-space: nowrap; }
  .hero-search { font-size: 15px; }
  .hero-search > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .hero-search button { padding: 0 16px; white-space: nowrap; }
  .hero-ctas button { padding: 12px 16px; font-size: 14px; white-space: nowrap; }
  .trust-strip > div { padding: 16px; }
  .trust-strip strong { font-size: 14px; }
  .trust-strip small { font-size: 12px; }
}
@media (max-width: 360px) { .hero-ctas { flex-wrap: wrap; } }

/* ── Sept 2026: marketplace intelligence additions ───────────────────────── */
/* Uploaded product logos: shown whole (contain) on a clean tile */
.product-visual .product-logo { position: absolute; inset: 0; background: #fff; }
.product-visual .product-logo img { position: absolute; top: 34px; left: 18px; width: calc(100% - 36px); height: calc(100% - 64px); object-fit: contain; }
.product-visual .product-logo.broken { background: var(--color-inactive-soft); display: grid; place-items: center; }
.product-logo.broken::before { content: "🛍️"; font-size: 34px; opacity: .8; }
.product-card.is-soldout { opacity: .62; }
.product-card.is-soldout .product-visual > span { background: #5d665f; color: #fff; }
.product-foot small.is-low { color: #b86b12; font-weight: 700; }
.product-foot small.is-out { color: #b3261e; font-weight: 700; }
/* Consent + info rows in auth / application modals */
.check-row { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 10px !important; margin-top: 14px !important; }
.check-row input { width: 18px !important; min-height: 18px !important; height: 18px; margin-top: 2px; flex: none; accent-color: var(--color-primary); }
.check-row small { color: #5d6b60; font-size: 13px; line-height: 1.5; font-weight: 500; }
.check-row a, .auth-modal > small a { color: var(--color-primary); font-weight: 700; text-decoration: underline; }
.auth-error { margin-top: 12px; padding: 10px 12px; border-radius: 10px; color: #9b1c1c; background: #fdecec; font-size: 13px; font-weight: 600; }
.auth-info { margin-top: 12px; padding: 10px 12px; border-radius: 10px; color: #1c5a23; background: #eaf5e6; font-size: 13px; font-weight: 600; }
.flow-modal { max-height: calc(100vh - 32px); overflow-y: auto; }
.flow-modal select { min-height: 40px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-ink); font-size: 13px; }
/* Site footer */
.site-footer { border-top: 1px solid var(--color-border); background: #fff; }
.site-footer-inner { max-width: 1280px; margin: 0 auto; padding: 42px 3.5vw 26px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.site-footer-inner > div { display: flex; flex-direction: column; gap: 9px; }
.site-footer-inner strong { color: #1d3a21; font-size: 14px; margin-bottom: 4px; }
.site-footer-inner a { color: #5f6f62; font-size: 14px; text-decoration: none; }
.site-footer-inner a:hover { color: var(--color-primary); text-decoration: underline; }
.site-footer-brand .logo-crop { height: 58px; }
.site-footer-brand p { color: #6b786d; font-size: 14px; line-height: 1.6; max-width: 320px; }
.site-footer-base { max-width: 1280px; margin: 0 auto; padding: 16px 3.5vw 26px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--color-border); color: #7a887c; font-size: 12px; }
@media (max-width: 860px) { .site-footer-inner { grid-template-columns: 1fr 1fr; } .site-footer-brand { grid-column: 1 / -1; } }
@media (max-width: 520px) { .site-footer-inner { grid-template-columns: 1fr; } }
/* Moderation / review badges and notes */
.review-note { margin-top: 6px; padding: 8px 10px; border-radius: 8px; background: #fdecec; color: #9b1c1c; font-size: 12px; line-height: 1.45; }
.pending-banner { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 14px; background: #fff3e3; color: #79501f; margin-bottom: 18px; }
.pending-banner strong { display: block; font-size: 15px; }
.pending-banner small { font-size: 13px; }
.logo-drop { display: grid; grid-template-columns: 76px 1fr; gap: 12px; align-items: center; margin-top: 11px; padding: 12px; border: 1px dashed #b9c7b8; border-radius: 12px; background: #fafcf9; }
.logo-drop .logo-prev { width: 76px; height: 76px; border-radius: 12px; background: #fff; border: 1px solid var(--color-border); display: grid; place-items: center; overflow: hidden; color: var(--color-muted); font-size: 11px; text-align: center; }
.logo-drop .logo-prev img { width: 100%; height: 100%; object-fit: contain; }
.logo-drop label { margin: 0 !important; }
.logo-drop small { color: var(--color-muted); font-size: 12px; }
.logo-drop .logo-btns { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.logo-drop .logo-btns button, .logo-drop .logo-btns label { padding: 7px 10px; border-radius: 8px; background: var(--color-inactive-soft); color: var(--color-primary); font-size: 12px; font-weight: 700; cursor: pointer; }
/* Deposit method picker + pay-to details */
.method-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-top: 14px; }
.method-tabs button { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 11px; border: 1px solid var(--color-border); border-radius: 11px; background: #fff; color: #2c4a30; text-align: left; font-size: 13px; font-weight: 700; }
.method-tabs button small { color: var(--color-muted); font-size: 11px; font-weight: 500; }
.method-tabs button.active { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(16,79,23,.12); background: #f6faf4; }
.method-tabs button:disabled { opacity: .45; cursor: not-allowed; }
.pay-to { margin-top: 12px; padding: 13px; border-radius: 12px; background: #f4f8f1; border: 1px solid #dfe8dc; }
.pay-to > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px dashed #d7e2d4; font-size: 13px; }
.pay-to > div:last-child { border-bottom: 0; }
.pay-to span { color: var(--color-muted); }
.pay-to b { color: #1d3a21; word-break: break-all; text-align: right; }
.pay-to button.copy { flex: none; padding: 4px 8px; border-radius: 6px; background: #fff; border: 1px solid var(--color-border); color: var(--color-primary); font-size: 11px; font-weight: 700; }
.chip-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.chip-row button { padding: 7px 11px; border-radius: 99px; border: 1px solid var(--color-border); background: #fff; font-size: 13px; color: #3c5540; }
.chip-row button.active { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
/* Delivered order details */
.delivery-box { margin-top: 14px; padding: 14px; border-radius: 12px; background: #0f2e14; color: #e7f5e2; }
.delivery-box pre { margin: 8px 0 0; white-space: pre-wrap; word-break: break-word; font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; }
.delivery-box > div { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 12px; letter-spacing: .12em; color: #a8d49c; font-weight: 700; }
.delivery-box button { padding: 5px 9px; border-radius: 6px; background: var(--color-lime); color: #163d1a; font-size: 12px; font-weight: 700; letter-spacing: 0; }
/* Legal / help pages */
.legal-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 22px; align-items: start; }
.legal-toc { position: sticky; top: 92px; display: flex; flex-direction: column; gap: 3px; padding: 10px; border: 1px solid var(--color-border); border-radius: 14px; background: #fff; }
.legal-toc a { padding: 9px 10px; border-radius: 8px; color: #56685a; font-size: 14px; text-decoration: none; }
.legal-toc a:hover, .legal-toc a.active { color: #15521c; background: var(--color-inactive-soft); font-weight: 700; }
.legal-doc { padding: 30px 34px; border: 1px solid var(--color-border); border-radius: 16px; background: #fff; color: #2f4633; font-size: 15px; line-height: 1.75; }
.legal-doc section { scroll-margin-top: 96px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #edf1ec; }
.legal-doc section:last-child { border-bottom: 0; }
.legal-doc h2 { margin: 0 0 8px; color: #173c1c; font-size: 22px; letter-spacing: -.02em; }
.legal-doc h3 { margin: 18px 0 6px; color: #1f4424; font-size: 16px; }
.legal-doc p, .legal-doc li { color: #435846; }
.legal-doc ul { padding-left: 20px; }
.legal-doc .legal-meta { display: inline-block; margin-bottom: 18px; padding: 6px 10px; border-radius: 8px; background: var(--color-inactive-soft); color: #4d6450; font-size: 13px; }
.legal-callout { margin: 12px 0; padding: 12px 14px; border-left: 4px solid var(--color-orange); border-radius: 8px; background: #fff6ea; color: #6a4717; }
.coming-soon { display: grid; grid-template-columns: 1.1fr .9fr; gap: 26px; align-items: center; padding: 40px; border-radius: 22px; background: linear-gradient(135deg,#0f3d15,#1b5e22); color: #fff; overflow: hidden; }
.coming-soon span.eyebrow { color: var(--color-lime); font-size: 12px; letter-spacing: .18em; font-weight: 700; }
.coming-soon h1 { margin: 10px 0; font-size: 40px; line-height: 1.05; letter-spacing: -.04em; }
.coming-soon p { color: #cfe3cb; font-size: 16px; line-height: 1.6; }
.coming-soon .cs-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 18px; }
.coming-soon .cs-actions button { padding: 12px 16px; border-radius: 11px; background: var(--color-lime); color: #163d1a; font-weight: 700; font-size: 14px; }
.coming-soon .cs-actions button.ghost { background: rgba(255,255,255,.12); color: #fff; }
.coming-soon .cs-art { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.coming-soon .cs-art > div { padding: 16px; border-radius: 16px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); }
.coming-soon .cs-art strong { display: block; font-size: 15px; }
.coming-soon .cs-art small { color: #b9d3b4; font-size: 12px; }
.faq-list { margin-top: 20px; border: 1px solid var(--color-border); border-radius: 14px; background: #fff; overflow: hidden; }
.faq-list details { padding: 16px 18px; border-bottom: 1px solid var(--color-border); }
.faq-list details:last-child { border-bottom: 0; }
.faq-list summary { cursor: pointer; font-weight: 700; color: #1f4424; font-size: 15px; }
.faq-list p { margin: 8px 0 0; color: #5a6c5d; font-size: 14px; line-height: 1.65; }
.market-layout aside label.on span { color: var(--color-primary); font-weight: 700; }
.market-layout aside select, .market-layout aside input[type=number] { width: 100%; min-height: 34px; margin-top: 4px; padding: 0 8px; border: 1px solid var(--color-border); border-radius: 8px; font-size: 13px; background: #fff; }
.market-layout aside .price-row { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 4px 0 8px; }
@media (max-width: 860px) { .legal-layout { grid-template-columns: 1fr; } .legal-toc { position: static; flex-direction: row; overflow-x: auto; } .legal-toc a { white-space: nowrap; } .legal-doc { padding: 20px; } .coming-soon { grid-template-columns: 1fr; padding: 26px; } .coming-soon h1 { font-size: 30px; } .method-tabs { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .market-layout > aside.show { display: flex; } }
.product-seller .seller-initial { width: 18px; height: 18px; flex: none; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 11px; font-style: normal; }
.detail-info .cart-qty-btn { width: 38px; height: 38px; display: grid; place-items: center; border: 0; background: #fff; color: #1d3a21; font-size: 18px; }
.detail-info .cart-qty-btn:disabled { color: #b8c2b9; cursor: not-allowed; }
.seller-prod-cell { padding-right: 12px; }
.seller-prod-cell > i { overflow: hidden; flex: none; }
.seller-prod-cell > i img { width: 100%; height: 100%; object-fit: contain; }
.seller-directory .dir-init { z-index: 1; width: 66px; height: 66px; display: grid; place-items: center; border: 3px solid white; border-radius: 50%; color: #fff; font-size: 22px; font-weight: 800; }
.workspace-menu > a { width: 100%; align-items: center; padding: 9px 8px; border-radius: 8px; color: #3f5542; font-size: 14px; }
.workspace-menu > a:hover { color: #144e1b; background: var(--color-inactive-soft); }
.workspace-menu { width: 240px; max-height: calc(100vh - 80px); overflow-y: auto; }

/* ── Sept 2026 round 2 ──────────────────────────────────────────────────── */
/* Compact product cards: about half the previous size, so 5–6 fit per row */
.product-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.product-card { border-radius: 14px; }
.product-visual { min-height: 118px; }
.product-visual .product-logo img { top: 26px; left: 14px; width: calc(100% - 28px); height: calc(100% - 50px); }
.product-visual > .brand-tile { width: 88px; min-height: 76px; }
.product-visual > span { left: 8px; top: 8px; padding: 3px 6px; font-size: 10px; }
.product-visual > i { right: 8px; bottom: 6px; font-size: 10px; }
.product-body { padding: 10px 11px 11px; }
.product-seller { margin-bottom: 6px; }
.product-seller img, .product-seller .seller-initial { width: 18px; height: 18px; }
.product-body > strong { font-size: 14px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 36px; }
.rating span { font-size: 11px; }
.rating small { font-size: 11px; }
.product-foot { margin-top: 9px !important; padding-top: 9px !important; }
.product-foot > span > strong { font-size: 16px !important; }
.product-foot small { font-size: 11px !important; }
.product-foot > i { width: 28px !important; height: 28px !important; }
@media (max-width: 640px) { .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; } }

/* Escrow hook on the homepage */
.escrow-band { max-width: 1280px; margin: 34px auto 0; padding: 0 3.5vw; display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; align-items: stretch; }
.escrow-copy { padding: 30px; border-radius: 22px; color: #fff; background: radial-gradient(circle at 85% 10%, rgba(223,255,99,.22), transparent 45%), linear-gradient(140deg, #0f3d15, #17611f); }
.escrow-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 99px; background: rgba(223,255,99,.16); color: var(--color-lime); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.escrow-copy > strong { display: block; margin: 14px 0 8px; font-size: 32px; line-height: 1.08; letter-spacing: -.035em; }
.escrow-copy p { margin: 0 0 18px; color: #cfe3cb; font-size: 15px; line-height: 1.6; }
.escrow-copy button { display: inline-flex; align-items: center; gap: 6px; padding: 11px 15px; border-radius: 11px; background: var(--color-lime); color: #163d1a; font-size: 14px; font-weight: 800; }
.escrow-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.escrow-steps > div { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 22px 18px; border: 1px solid var(--color-border); border-radius: 18px; background: #fff; }
.escrow-steps > div > i { position: absolute; top: 14px; right: 16px; color: #c4cfc3; font-size: 28px; font-style: normal; font-weight: 800; }
.escrow-steps > div > svg { width: 42px; height: 42px; padding: 10px; border-radius: 12px; color: var(--color-orange); background: #fff0df; }
.escrow-steps strong { font-size: 17px; color: #1d3a21; }
.escrow-steps small { color: #6b786d; font-size: 13px; line-height: 1.55; }
@media (max-width: 900px) { .escrow-band { grid-template-columns: 1fr; } .escrow-steps { grid-template-columns: 1fr; } .escrow-copy > strong { font-size: 26px; } }

/* Testimonials: continuous left-to-right marquee, never pauses */
.testimonials-section { overflow: hidden; }
.tsec-head { max-width: 720px; margin: 0 auto 26px; text-align: center; }
.tsec-head span { color: var(--color-orange); font-size: 12px; font-weight: 800; letter-spacing: .18em; }
.tsec-head strong { display: block; margin: 8px 0; color: #173c1c; font-size: 38px; letter-spacing: -.04em; line-height: 1.05; }
.tsec-head p { margin: 0; color: #6b786d; font-size: 16px; line-height: 1.6; }
.tmarquee { position: relative; overflow: hidden; padding: 6px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.tmarquee + .tmarquee { margin-top: 14px; }
.tmarquee-track { display: flex; gap: 14px; width: max-content; animation: jcMarqueeLTR 60s linear infinite; will-change: transform; }
.tmarquee-track.alt { margin-left: -160px; }
@keyframes jcMarqueeLTR { from { transform: translate3d(-50%,0,0); } to { transform: translate3d(0,0,0); } }
.tcard { width: 310px; flex: none; display: flex; flex-direction: column; gap: 12px; padding: 20px; border: 1px solid var(--color-border); border-radius: 16px; background: #fff; box-shadow: 0 6px 18px rgba(26,70,30,.04); }
.tcard-head { display: flex; align-items: center; gap: 11px; }
.tcard-head img, .tcard-head b { width: 44px; height: 44px; flex: none; border-radius: 50%; object-fit: cover; background: #eef3ec; }
.tcard-head b { display: grid; place-items: center; color: #fff; background: #105318; font-size: 17px; }
.tcard-head span { display: flex; flex-direction: column; }
.tcard-head strong { color: #1d3a21; font-size: 15px; }
.tcard-head small { color: #7a887c; font-size: 13px; }
.tcard p { margin: 0; flex: 1; color: #435846; font-size: 14px; line-height: 1.6; }
.tstars { color: #f5b301; font-size: 16px; letter-spacing: 2px; }
.tstars span { color: #dde3db; }
@media (prefers-reduced-motion: reduce) { .tmarquee-track { animation-duration: 240s; } }

/* Announcement / maintenance bar + footer socials */
.site-banner { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 9px 44px; position: relative; background: var(--color-lime); color: #163d1a; font-size: 14px; font-weight: 700; text-align: center; }
.site-banner.warn { background: #fff3e3; color: #79501f; }
.site-banner button { position: absolute; right: 14px; background: transparent; color: inherit; font-size: 14px; }
.site-socials { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.site-socials a { padding: 6px 10px; border-radius: 99px; background: var(--color-inactive-soft); color: #1d4a22 !important; font-size: 13px !important; font-weight: 700; }

/* Add Funds modal (Local / Crypto) */
.fund-modal { position: relative; width: min(560px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; padding: 30px; border-radius: 26px; background: #fff; box-shadow: 0 30px 100px rgba(0,26,4,.3); }
.fund-modal > .modal-close { position: absolute; top: 20px; right: 20px; }
.fund-head { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.fund-ic { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; color: var(--color-orange); background: #fff0df; }
.fund-ic svg { width: 26px; height: 26px; }
.fund-head strong { display: block; color: #14331a; font-size: 26px; letter-spacing: -.03em; }
.fund-head small { color: #6b786d; font-size: 15px; }
.fund-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 6px; border-radius: 16px; background: #f1f4ef; margin-bottom: 20px; }
.fund-tabs button { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 12px; border-radius: 12px; background: transparent; color: #6b786d; font-size: 16px; font-weight: 800; }
.fund-tabs button.active { background: #fff; color: #14331a; box-shadow: 0 4px 14px rgba(20,51,26,.08); }
.fund-tabs svg { width: 20px; height: 20px; }
.fund-btc img { width: 22px; height: 22px; display: block; }
.fund-row-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
.fund-row-head strong { color: #14331a; font-size: 16px; }
.fund-row-head small { color: #7a887c; font-size: 13px; }
.fund-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.fund-cur { display: flex; align-items: center; gap: 9px; padding: 11px 10px; border: 1.5px solid var(--color-border); border-radius: 14px; background: #fff; text-align: left; }
.fund-cur img, .fund-cur > i { width: 34px; height: 34px; flex: none; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 1px rgba(0,0,0,.06); }
.fund-cur > i { display: grid; place-items: center; color: var(--color-primary); background: var(--color-inactive-soft); font-style: normal; }
.fund-cur > i svg { width: 18px; height: 18px; }
.fund-cur span { display: flex; flex-direction: column; min-width: 0; }
.fund-cur strong { color: #14331a; font-size: 15px; }
.fund-cur small { color: #7a887c; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fund-cur.active, .fund-coins button.active { border-color: var(--color-orange); background: #fff7ee; box-shadow: 0 0 0 3px rgba(241,154,61,.15); }
.fund-label { margin-top: 20px; color: #14331a; font-size: 16px; font-weight: 800; }
.fund-amount { display: flex !important; flex-direction: row !important; justify-content: center; align-items: center; gap: 6px; margin: 6px 0 0 !important; padding-bottom: 10px; border-bottom: 1px solid var(--color-border); }
.fund-amount span { color: #7a887c !important; font-size: 26px !important; font-weight: 800 !important; }
.fund-amount input { width: 60%; min-height: 64px; border: 0 !important; outline: 0; background: transparent; color: #14331a; font-size: 48px; font-weight: 800; text-align: center; }
.fund-amount input::placeholder { color: #cfd6ce; }
.fund-hint { min-height: 18px; margin-top: 8px; color: #6b786d; font-size: 13px; text-align: center; }
.fund-note { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; padding: 14px; border: 1px solid #f3c79a; border-radius: 14px; background: #fff6ec; color: #6d4a1c; }
.fund-note svg { flex: none; width: 22px; height: 22px; color: var(--color-orange); }
.fund-note span { display: flex; flex-direction: column; gap: 2px; }
.fund-note strong { font-size: 14px; }
.fund-note small { font-size: 13px; line-height: 1.5; }
.fund-note.warn { border-color: #f1b2ac; background: #fdecec; color: #7a1f1a; }
.fund-note.warn svg { color: #c0392b; }
.fund-cta { width: 100%; margin-top: 18px; padding: 16px; border-radius: 99px; background: var(--color-primary); color: #fff; font-size: 16px; font-weight: 800; }
.fund-cta:disabled { background: #9fb8a2; cursor: not-allowed; }
.fund-foot { display: flex; justify-content: center; align-items: center; gap: 6px; margin: 10px 0 0; color: #6b786d; font-size: 12px; text-align: center; }
.fund-coins { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 12px; }
.fund-coins button { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border: 1.5px solid var(--color-border); border-radius: 14px; background: #fff; }
.fund-coins img, .fund-coins b, .fund-addr .fund-qr > b { width: 30px; height: 30px; }
.fund-coins b { display: grid; place-items: center; border-radius: 50%; color: #fff; background: #5d6b60; }
.fund-coins strong { color: #14331a; font-size: 13px; }
.fund-addr { display: grid; grid-template-columns: 132px 1fr; gap: 14px; align-items: center; margin-top: 12px; padding: 14px; border: 1px solid var(--color-border); border-radius: 16px; background: #fafcf9; }
.fund-qr { width: 132px; height: 132px; display: grid; place-items: center; border-radius: 12px; background: #fff; overflow: hidden; }
.fund-qr svg { width: 100%; height: 100%; }
.fund-addr-info { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.fund-addr-info small { color: #5d6b60; font-size: 13px; }
.fund-addr-info code { padding: 9px 10px; border-radius: 9px; background: #fff; border: 1px solid var(--color-border); color: #14331a; font-size: 12.5px; word-break: break-all; }
.fund-addr-info button.copy, .fund-addr-info small button.copy { align-self: flex-start; padding: 7px 12px; border-radius: 8px; background: var(--color-primary); color: #fff; font-size: 12px; font-weight: 800; }
.fund-field { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }
.fund-field span { color: #3f5443; font-size: 13px; font-weight: 700; }
.fund-field input { min-height: 44px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 11px; font-size: 14px; }
.fund-empty, .fund-empty-box { color: #6b786d; text-align: center; }
.fund-empty-box { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 26px; border: 1px dashed var(--color-border); border-radius: 16px; }
.fund-empty-box strong { color: #14331a; }
@media (max-width: 560px) { .fund-modal { padding: 22px 18px; border-radius: 22px; } .fund-grid { grid-template-columns: repeat(2, 1fr); } .fund-coins { grid-template-columns: repeat(4, 1fr); } .fund-addr { grid-template-columns: 1fr; justify-items: center; } .fund-amount input { font-size: 40px; } }
.fund-amount input { width: auto; min-width: 1.6ch; max-width: 80%; text-align: left; padding: 0; }

/* ── Round 4 (Sept 2026): two-way review marquee, KYC trust card, market stats ── */
.tmarquee-track { animation-name: jcMarqueeRTL; animation-timing-function: linear; animation-iteration-count: infinite; }
.tmarquee-track.alt { margin-left: 0; animation-name: jcMarqueeLTR; }
@keyframes jcMarqueeRTL { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
.proof-band { max-width: 1280px; margin: 34px auto 0; padding: 0 3.5vw; display: grid; grid-template-columns: .85fr 1.15fr; gap: 22px; align-items: stretch; }
.kyc-card { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 12px; padding: 28px; border-radius: 22px; background: #fff; border: 1px solid var(--color-border); }
.kyc-card::after { content: ""; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(223,255,99,.45), transparent 70%); pointer-events: none; }
.kyc-card .kyc-ic { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: #e9f6e6; color: #105318; }
.kyc-card .kyc-ic svg { width: 26px; height: 26px; }
.kyc-card strong { font-size: 26px; line-height: 1.1; letter-spacing: -.03em; color: #1d3a21; }
.kyc-card p { margin: 0; color: #5b6b5e; font-size: 15px; line-height: 1.6; }
.kyc-points { display: grid; gap: 8px; margin: 4px 0 0; padding: 0; list-style: none; }
.kyc-points li { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; color: #2f4633; }
.kyc-points li svg { width: 18px; height: 18px; flex-shrink: 0; color: #1f8a3a; margin-top: 1px; }
.kyc-badge-demo { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding: 8px 12px 8px 8px; border-radius: 99px; background: #f4f8f1; border: 1px solid var(--color-border); font-size: 13px; font-weight: 700; color: #1d3a21; }
.kyc-badge-demo b { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #105318; color: #dfff63; font-size: 12px; }
.kyc-badge-demo span { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 99px; background: #e2f4ff; color: #0b6aa2; font-size: 11px; font-weight: 800; }
.mstat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.mstat-card { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; min-height: 190px; padding: 24px 20px; border-radius: 22px; color: #fff; background: radial-gradient(circle at 80% 0%, rgba(223,255,99,.20), transparent 50%), linear-gradient(160deg, #0f3d15, #17611f); }
.mstat-card:nth-child(2) { background: radial-gradient(circle at 80% 0%, rgba(255,190,110,.25), transparent 50%), linear-gradient(160deg, #1c3a20, #245a2a); }
.mstat-card:nth-child(3) { background: radial-gradient(circle at 80% 0%, rgba(223,255,99,.22), transparent 50%), linear-gradient(160deg, #143a19, #0e2a12); }
.mstat-card .mstat-ic { position: absolute; top: 18px; left: 20px; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,.1); color: var(--color-lime); }
.mstat-card .mstat-ic svg { width: 20px; height: 20px; }
.mstat-card .mstat-live { position: absolute; top: 22px; right: 18px; display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 800; letter-spacing: .08em; color: #cfe3cb; }
.mstat-card .mstat-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--color-lime); box-shadow: 0 0 0 0 rgba(223,255,99,.7); animation: jcPulse 1.8s infinite; }
@keyframes jcPulse { 0% { box-shadow: 0 0 0 0 rgba(223,255,99,.6); } 70% { box-shadow: 0 0 0 8px rgba(223,255,99,0); } 100% { box-shadow: 0 0 0 0 rgba(223,255,99,0); } }
.mstat-card .mstat-val { font-size: 46px; font-weight: 800; letter-spacing: -.045em; line-height: 1; color: var(--color-lime); font-variant-numeric: tabular-nums; }
.mstat-card .mstat-label { margin-top: 8px; font-size: 16px; font-weight: 800; }
.mstat-card .mstat-text { margin-top: 4px; font-size: 13px; line-height: 1.5; color: #cfe3cb; }
@media (max-width: 1000px) { .proof-band { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .mstat-grid { grid-template-columns: 1fr; } .mstat-card { min-height: 0; padding-top: 72px; } .mstat-card .mstat-val { font-size: 40px; } .kyc-card strong { font-size: 22px; } }
/* footer newsletter + support */
.site-news { display: flex; gap: 8px; margin-top: 12px; max-width: 360px; }
.site-news input { flex: 1; min-width: 0; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); color: inherit; font-size: 14px; }
.site-news input::placeholder { color: rgba(255,255,255,.55); }
.site-news button { padding: 10px 14px; border-radius: 10px; background: var(--color-lime); color: #163d1a; font-weight: 800; font-size: 14px; border: 0; cursor: pointer; }
.site-news-note { font-size: 12px; opacity: .7; margin-top: 6px; }
.site-news input { border-color: var(--color-border); background: #f7faf5; color: #1d3a21; }
.site-news input::placeholder { color: #8a978c; }
.site-news-note { color: #6b786d; opacity: 1; }
/* seller application KYC box */
.kyc-box { margin: 6px 0 10px; padding: 14px; border-radius: 14px; border: 1px dashed #b9d3b2; background: #f6fbf3; display: flex; flex-direction: column; gap: 10px; }
.kyc-box-head { display: flex; gap: 10px; align-items: flex-start; }
.kyc-box-head svg { width: 22px; height: 22px; color: #105318; flex-shrink: 0; }
.kyc-box-head strong { display: block; font-size: 14px; color: #1d3a21; }
.kyc-box-head small { display: block; font-size: 12px; color: #5b6b5e; line-height: 1.45; }
.kyc-box select { width: 100%; }
.kyc-upload { position: relative; display: flex !important; align-items: center; justify-content: center; min-height: 52px; padding: 10px; border-radius: 12px; border: 1px solid var(--color-border); background: #fff; cursor: pointer; text-align: center; font-size: 13px; font-weight: 700; color: #105318; }
.kyc-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
/* referral page */
.referral-hero p b { color: var(--color-lime); }
.ref-share { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; max-width: none !important; padding: 0 !important; background: none !important; justify-content: flex-start !important; }
.ref-share button { padding: 8px 12px; border-radius: 10px; background: rgba(255,255,255,.12); color: #fff; font-size: 12px; font-weight: 700; }
.ref-share button:hover { background: rgba(255,255,255,.22); }
.ref-progs { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 14px 0; }
.ref-prog { display: flex; gap: 12px; padding: 16px; border: 1px solid var(--color-border); border-radius: 14px; background: #fff; }
.ref-prog.off { opacity: .55; }
.ref-prog > i { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: #eaf6e6; color: #105318; flex-shrink: 0; font-style: normal; }
.ref-prog strong { display: block; font-size: 14px; color: #1d3a21; }
.ref-prog small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.5; color: #6b786d; }
.ref-points { display: grid; grid-template-columns: 1fr 1.2fr; gap: 16px; align-items: center; margin-top: 14px; padding: 16px; border: 1px solid var(--color-border); border-radius: 14px; background: #fff; }
.ref-points strong { display: block; font-size: 15px; }
.ref-points small { color: #6b786d; font-size: 12px; }
.ref-bar { height: 12px; border-radius: 99px; background: #eef2ec; overflow: hidden; }
.ref-bar i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #17611f, #9bd13c); transition: width .5s; }
.ref-hist { margin-top: 14px; padding: 16px; border: 1px solid var(--color-border); border-radius: 14px; background: #fff; }
.ref-hist > div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-top: 1px solid #eef2ec; font-size: 13px; }
.ref-hist small { display: block; color: #7a887c; font-size: 11px; }
.ref-hist b { color: #1f8a3a; white-space: nowrap; }
.ref-fine { margin-top: 14px; font-size: 12px; color: #7a887c; }
@media (max-width: 900px) { .ref-progs { grid-template-columns: 1fr; } .ref-points { grid-template-columns: 1fr; } }
/* support page */
.sup-channels { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin: 0 0 16px; }
.sup-ch { display: flex; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--color-border); border-radius: 14px; background: #fff; text-decoration: none; color: inherit; }
.sup-ch:hover { border-color: #b9d3b2; }
.sup-ch > i { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: #eaf6e6; color: #105318; font-style: normal; flex-shrink: 0; }
.sup-ch strong { display: block; font-size: 14px; }
.sup-ch small { display: block; font-size: 12px; color: #6b786d; word-break: break-all; }
.sup-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; align-items: start; }
.sup-card { display: flex; flex-direction: column; gap: 12px; padding: 20px; border: 1px solid var(--color-border); border-radius: 18px; background: #fff; }
.sup-card label { display: flex; flex-direction: column; gap: 6px; }
.sup-card label > span { font-size: 12px; font-weight: 700; color: #4d5d50; }
.sup-card input, .sup-card select, .sup-card textarea { width: 100%; padding: 11px 12px; border-radius: 10px; border: 1px solid var(--color-border); background: #fbfcfa; font: inherit; font-size: 14px; color: inherit; }
.sup-card textarea { resize: vertical; }
.sup-card-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.sup-card-head span { font-size: 11px; letter-spacing: .14em; color: #859187; font-weight: 700; }
.sup-card-head strong { display: block; margin: 4px 0; font-size: 20px; letter-spacing: -.02em; }
.sup-card-head small { display: block; font-size: 12px; color: #6b786d; line-height: 1.5; }
.sup-muted { margin: 0; font-size: 13px; color: #6b786d; }
.sup-list { display: flex; flex-direction: column; gap: 8px; padding: 18px; border: 1px solid var(--color-border); border-radius: 18px; background: #fff; }
.sup-list > strong { font-size: 15px; margin-bottom: 4px; }
.sup-list > button { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 12px; border: 1px solid #eef2ec; background: #fbfcfa; text-align: left; }
.sup-list > button:hover { border-color: #b9d3b2; }
.sup-list b { display: block; font-size: 13px; }
.sup-list small { display: block; font-size: 11px; color: #7a887c; }
.sup-thread { display: flex; flex-direction: column; gap: 10px; max-height: 55vh; overflow: auto; padding: 4px 2px; }
.sup-msg { max-width: 85%; padding: 11px 13px; border-radius: 14px; font-size: 14px; line-height: 1.55; }
.sup-msg p { margin: 0; word-break: break-word; }
.sup-msg small { display: block; margin-top: 5px; font-size: 11px; opacity: .7; }
.sup-msg.customer { align-self: flex-end; background: #105318; color: #fff; border-bottom-right-radius: 4px; }
.sup-msg.admin { align-self: flex-start; background: #f1f6ee; border: 1px solid #e3ebdf; border-bottom-left-radius: 4px; }
@media (max-width: 900px) { .sup-grid { grid-template-columns: 1fr; } }
/* Review strip v3: JS-driven (always moves), cards at half size */
.tmarquee-track, .tmarquee-track.alt { animation: none !important; margin-left: 0; gap: 8px; }
.tmarquee + .tmarquee { margin-top: 8px; }
.tcard { width: 168px; gap: 6px; padding: 10px 11px; border-radius: 12px; }
.tcard-head { gap: 7px; }
.tcard-head img, .tcard-head b { width: 26px; height: 26px; font-size: 11px; }
.tcard-head span { min-width: 0; }
.tcard-head strong { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tcard-head small { font-size: 10.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tcard p { font-size: 11px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.tstars { font-size: 10px; letter-spacing: 1px; }
/* deposit: network + payment-method logos */
.net-row button { display: inline-flex; align-items: center; gap: 7px; }
.net-ic { width: 18px; height: 18px; border-radius: 50%; flex: none; }
.pay-methods { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 12px; }
.pay-methods .pm { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px 6px 7px; border-radius: 99px; border: 1px solid var(--color-border); background: #fff; font-size: 12px; font-weight: 700; color: #1d3a21; }
.pay-methods .pm svg { width: 18px; height: 18px; padding: 2px; border-radius: 50%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pay-methods .pm-momo svg { background: #ffcb05; color: #1d1d1d; }
.pay-methods .pm-card svg { background: #e2ecff; color: #1d4ed8; }
.pay-methods .pm-bank svg { background: #e9f6e6; color: #105318; }
.pay-methods .pm-ussd svg { background: #f1e8ff; color: #6b2fb3; }
/* seller growth: tier badge, store share */
.tier-badge { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; padding: 3px 9px; border-radius: 99px; font-size: 11px; font-weight: 800; color: var(--tc, #105318); background: color-mix(in srgb, var(--tc, #105318) 14%, #fff); border: 1px solid color-mix(in srgb, var(--tc, #105318) 35%, #fff); vertical-align: middle; }
.sf-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.storefront-profile > .sf-actions button { padding: 9px 13px; border-radius: 99px; color: white; background: var(--color-primary); font-size: 13px; font-weight: 700; }
.storefront-profile > .sf-actions button:first-child { color: var(--color-primary); background: #eaf4e7; }
@media (max-width: 700px) { .storefront-profile > .sf-actions { grid-column: span 2; } }
/* seller "Grow & earn" */
.grow-tier { display: grid; grid-template-columns: 1fr 1.2fr; gap: 18px; align-items: center; padding: 20px; margin-bottom: 12px; border-radius: 18px; color: #fff; background: radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--tc) 55%, transparent), transparent 60%), linear-gradient(140deg, #0f3d15, #17611f); }
.grow-tier span { font-size: 11px; letter-spacing: .16em; color: #cfe3cb; }
.grow-tier strong { display: block; margin: 4px 0; font-size: 26px; letter-spacing: -.02em; }
.grow-tier small { color: #cfe3cb; font-size: 13px; line-height: 1.5; }
.grow-tier b { color: var(--color-lime); }
.grow-bar { height: 12px; border-radius: 99px; background: rgba(255,255,255,.15); overflow: hidden; margin-bottom: 8px; }
.grow-bar i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--color-lime), #9bd13c); }
.grow-ladder { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; margin-bottom: 12px; }
.grow-ladder > div { display: flex; flex-direction: column; gap: 2px; padding: 12px; border: 1px solid var(--color-border); border-top: 4px solid var(--tc); border-radius: 12px; background: #fff; }
.grow-ladder > div.on { box-shadow: 0 0 0 2px var(--tc); }
.grow-ladder strong { font-size: 14px; color: #1d3a21; }
.grow-ladder b { font-size: 13px; color: #105318; }
.grow-ladder small { font-size: 11px; color: #6b786d; }
.grow-link { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; padding: 16px; margin-bottom: 14px; border: 1px dashed #b9d3b2; border-radius: 16px; background: #f6fbf3; }
.grow-link span { font-size: 11px; letter-spacing: .14em; color: #859187; font-weight: 700; }
.grow-link strong { display: block; margin: 4px 0; font-size: 16px; color: #105318; word-break: break-all; }
.grow-link small { font-size: 12px; color: #5b6b5e; }
.grow-link-btns { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.grow-link-btns button:not(.primary-button) { padding: 8px 11px; border-radius: 10px; border: 1px solid var(--color-border); background: #fff; font-size: 12px; font-weight: 700; color: #1d3a21; }
.grow-tips { margin: 10px 0 0; padding-left: 18px; color: #435846; font-size: 13px; line-height: 1.7; }
.grow-url { font-size: 12px; color: #105318; word-break: break-all; }
.rank-row.me { background: #f1f8ec; border-radius: 10px; }
.grow-strip { background: #f4f8ef !important; color: #1d3a21 !important; border-left: 4px solid var(--tc); }
.grow-strip button:not(.primary-button) { padding: 8px 12px; border-radius: 10px; border: 1px solid var(--color-border); background: #fff; font-weight: 700; font-size: 12px; }
.grow-medal { font-size: 22px; }
@media (max-width: 800px) { .grow-tier, .grow-link { grid-template-columns: 1fr; } .grow-link-btns { justify-content: flex-start; } }
/* seller leaderboard (seller directory) */
.lb-wrap { display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px; margin-bottom: 18px; }
.lb-card { display: flex; flex-direction: column; gap: 8px; padding: 18px; border: 1px solid var(--color-border); border-radius: 18px; background: #fff; }
.lb-head span { font-size: 11px; letter-spacing: .14em; color: var(--color-orange); font-weight: 800; }
.lb-head strong { display: block; margin: 4px 0; font-size: 20px; color: #1d3a21; letter-spacing: -.02em; }
.lb-head small { display: block; font-size: 12px; color: #6b786d; line-height: 1.5; }
.lb-row { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 12px; background: #f8faf6; text-align: left; }
.lb-row:hover { background: #eef5ea; }
.lb-rank { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-weight: 800; background: #eef2ec; color: #1d3a21; font-size: 15px; flex: none; }
.lb-row span { flex: 1; min-width: 0; }
.lb-row strong { display: block; font-size: 14px; color: #1d3a21; }
.lb-row small { font-size: 11px; color: #7a887c; }
.lb-row em { font-style: normal; font-weight: 800; color: #105318; background: #dfff63; padding: 4px 9px; border-radius: 99px; font-size: 12px; }
.lb-v { color: #0b6aa2; }
.lb-empty { font-size: 13px; color: #6b786d; margin: 6px 0; }
.lb-sell { background: linear-gradient(160deg, #f6fbf3, #fff); }
.lb-tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 6px; }
.lb-tiers > div { padding: 10px; border-radius: 10px; border: 1px solid var(--color-border); border-top: 4px solid var(--tc); background: #fff; display: flex; flex-direction: column; }
.lb-tiers strong { font-size: 13px; color: #1d3a21; }
.lb-tiers small { font-size: 11px; color: #7a887c; }
.lb-tiers b { font-size: 12px; color: #105318; }
.lb-sell .primary-button { align-self: flex-start; margin-top: 6px; }
@media (max-width: 900px) { .lb-wrap { grid-template-columns: 1fr; } }

/* ── Store banners (original SVG designs; sellers can also upload their own) ── */
.jc-cover { background-color: #0f3d15; background-size: cover; background-position: center; position: relative; overflow: hidden; }
.jc-cover-leaves { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MjAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgNDIwIDE1MCI+PHBhdGggZD0iTTE3LjIsLTYuMCBMMjEuNywwLjggTDI1LjYsNy41IEwyOC4yLDE0LjMgTDI5LjQsMjEuMSBMMjkuMiwyNy44IEwyOC4xLDM0LjYiIHN0cm9rZT0iI2IwOGQzYyIgc3Ryb2tlLXdpZHRoPSIxLjIiIGZpbGw9Im5vbmUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMS43LDAuOCkgcm90YXRlKDEzMS4wKSI+PHBhdGggZD0iTTAsMCBDNS42NDI1NDg1ODM5ODI2MTcsLTkuNDc5NDgxNjIxMDkwNzk2IDE2LjkyNzY0NTc1MTk0Nzg1LC05LjQ3OTQ4MTYyMTA5MDc5NiAyMi41NzAxOTQzMzU5MzA0NjYsMCBDMTYuOTI3NjQ1NzUxOTQ3ODUsOS40Nzk0ODE2MjEwOTA3OTYgNS42NDI1NDg1ODM5ODI2MTcsOS40Nzk0ODE2MjEwOTA3OTYgMCwwIFoiIGZpbGw9IiMxZjVhMmUiLz48cGF0aCBkPSJNMiwwIEwyMC4zMTMxNzQ5MDIzMzc0MiwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS42LDcuNSkgcm90YXRlKDIxLjApIj48cGF0aCBkPSJNMCwwIEM0LjczMTM3NzgzMzgyNTE3MSwtNy45NDg3MTQ3NjA4MjYyODcgMTQuMTk0MTMzNTAxNDc1NTEzLC03Ljk0ODcxNDc2MDgyNjI4NyAxOC45MjU1MTEzMzUzMDA2ODMsMCBDMTQuMTk0MTMzNTAxNDc1NTEzLDcuOTQ4NzE0NzYwODI2Mjg3IDQuNzMxMzc3ODMzODI1MTcxLDcuOTQ4NzE0NzYwODI2Mjg3IDAsMCBaIiBmaWxsPSIjMWY1YTJlIi8+PHBhdGggZD0iTTIsMCBMMTcuMDMyOTYwMjAxNzcwNjE3LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4LjIsMTQuMykgcm90YXRlKDEzMS4wKSI+PHBhdGggZD0iTTAsMCBDNS44MTk0MDgxMjYyODYyMDUsLTkuNzc2NjA1NjUyMTYwODIzIDE3LjQ1ODIyNDM3ODg1ODYxMywtOS43NzY2MDU2NTIxNjA4MjMgMjMuMjc3NjMyNTA1MTQ0ODIsMCBDMTcuNDU4MjI0Mzc4ODU4NjEzLDkuNzc2NjA1NjUyMTYwODIzIDUuODE5NDA4MTI2Mjg2MjA1LDkuNzc2NjA1NjUyMTYwODIzIDAsMCBaIiBmaWxsPSIjMWY1YTJlIi8+PHBhdGggZD0iTTIsMCBMMjAuOTQ5ODY5MjU0NjMwMzM2LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5LjQsMjEuMSkgcm90YXRlKDIxLjApIj48cGF0aCBkPSJNMCwwIEM0LjA3NDk5MTMxNjg4Mzk2OTUsLTYuODQ1OTg1NDEyMzY1MDY5IDEyLjIyNDk3Mzk1MDY1MTkwOCwtNi44NDU5ODU0MTIzNjUwNjkgMTYuMjk5OTY1MjY3NTM1ODc4LDAgQzEyLjIyNDk3Mzk1MDY1MTkwOCw2Ljg0NTk4NTQxMjM2NTA2OSA0LjA3NDk5MTMxNjg4Mzk2OTUsNi44NDU5ODU0MTIzNjUwNjkgMCwwIFoiIGZpbGw9IiMyZTZiM2QiLz48cGF0aCBkPSJNMiwwIEwxNC42Njk5Njg3NDA3ODIyOTEsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkuMiwyNy44KSByb3RhdGUoMTMxLjApIj48cGF0aCBkPSJNMCwwIEM0LjgzNjM0NDMwMjc0MTUxOSwtOC4xMjUwNTg0Mjg2MDU3NTMgMTQuNTA5MDMyOTA4MjI0NTU4LC04LjEyNTA1ODQyODYwNTc1MyAxOS4zNDUzNzcyMTA5NjYwNzgsMCBDMTQuNTA5MDMyOTA4MjI0NTU4LDguMTI1MDU4NDI4NjA1NzUzIDQuODM2MzQ0MzAyNzQxNTE5LDguMTI1MDU4NDI4NjA1NzUzIDAsMCBaIiBmaWxsPSIjOWZiZmE2Ii8+PHBhdGggZD0iTTIsMCBMMTcuNDEwODM5NDg5ODY5NDcsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguMSwzNC42KSByb3RhdGUoMjEuMCkiPjxwYXRoIGQ9Ik0wLDAgQzQuMTgxNDI2MDI2Njg3NzMsLTcuMDI0Nzk1NzI0ODM1Mzg2NSAxMi41NDQyNzgwODAwNjMxOSwtNy4wMjQ3OTU3MjQ4MzUzODY1IDE2LjcyNTcwNDEwNjc1MDkyLDAgQzEyLjU0NDI3ODA4MDA2MzE5LDcuMDI0Nzk1NzI0ODM1Mzg2NSA0LjE4MTQyNjAyNjY4NzczLDcuMDI0Nzk1NzI0ODM1Mzg2NSAwLDAgWiIgZmlsbD0iIzJlNmIzZCIvPjxwYXRoIGQ9Ik0yLDAgTDE1LjA1MzEzMzY5NjA3NTgyOSwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48cGF0aCBkPSJNMTAyLjgsLTYuMCBMMTA0LjMsLTAuMiBMMTA1LjIsNS41IEwxMDQuOCwxMS4zIEwxMDIuOSwxNy4wIEw5OS43LDIyLjggTDk1LjYsMjguNiIgc3Ryb2tlPSIjYjA4ZDNjIiBzdHJva2Utd2lkdGg9IjEuMiIgZmlsbD0ibm9uZSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNC4zLC0wLjIpIHJvdGF0ZSgxNTguMSkiPjxwYXRoIGQ9Ik0wLDAgQzUuMjYxMjUxODMxNDYzNDc0LC04LjgzODkwMzA3Njg1ODYzNSAxNS43ODM3NTU0OTQzOTA0MjEsLTguODM4OTAzMDc2ODU4NjM1IDIxLjA0NTAwNzMyNTg1Mzg5NSwwIEMxNS43ODM3NTU0OTQzOTA0MjEsOC44Mzg5MDMwNzY4NTg2MzUgNS4yNjEyNTE4MzE0NjM0NzQsOC44Mzg5MDMwNzY4NTg2MzUgMCwwIFoiIGZpbGw9IiMyZTZiM2QiLz48cGF0aCBkPSJNMiwwIEwxOC45NDA1MDY1OTMyNjg1MDUsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA1LjIsNS41KSByb3RhdGUoNDguMSkiPjxwYXRoIGQ9Ik0wLDAgQzUuODk1NDE3ODg0OTE0MDExNSwtOS45MDQzMDIwNDY2NTU1NCAxNy42ODYyNTM2NTQ3NDIwMzUsLTkuOTA0MzAyMDQ2NjU1NTQgMjMuNTgxNjcxNTM5NjU2MDQ2LDAgQzE3LjY4NjI1MzY1NDc0MjAzNSw5LjkwNDMwMjA0NjY1NTU0IDUuODk1NDE3ODg0OTE0MDExNSw5LjkwNDMwMjA0NjY1NTU0IDAsMCBaIiBmaWxsPSIjZjFlYWQ2IiBzdHJva2U9IiNjOWE1NGEiIHN0cm9rZS13aWR0aD0iMS4xIi8+PHBhdGggZD0iTTIsMCBMMjEuMjIzNTA0Mzg1NjkwNDQzLDAiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDQuOCwxMS4zKSByb3RhdGUoMTU4LjEpIj48cGF0aCBkPSJNMCwwIEM1LjE3MTA4Mjg0NTI4MDc3MzYsLTguNjg3NDE5MTgwMDcxNyAxNS41MTMyNDg1MzU4NDIzMiwtOC42ODc0MTkxODAwNzE3IDIwLjY4NDMzMTM4MTEyMzA5NCwwIEMxNS41MTMyNDg1MzU4NDIzMiw4LjY4NzQxOTE4MDA3MTcgNS4xNzEwODI4NDUyODA3NzM2LDguNjg3NDE5MTgwMDcxNyAwLDAgWiIgZmlsbD0iI2YxZWFkNiIgc3Ryb2tlPSIjYzlhNTRhIiBzdHJva2Utd2lkdGg9IjEuMSIvPjxwYXRoIGQ9Ik0yLDAgTDE4LjYxNTg5ODI0MzAxMDc4NiwwIiBzdHJva2U9IiNjOWE1NGEiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAyLjksMTcuMCkgcm90YXRlKDQ4LjEpIj48cGF0aCBkPSJNMCwwIEM1Ljk1MjUxMDIxMTE4NTg0MSwtMTAuMDAwMjE3MTU0NzkyMjEyIDE3Ljg1NzUzMDYzMzU1NzUyMywtMTAuMDAwMjE3MTU0NzkyMjEyIDIzLjgxMDA0MDg0NDc0MzM2MiwwIEMxNy44NTc1MzA2MzM1NTc1MjMsMTAuMDAwMjE3MTU0NzkyMjEyIDUuOTUyNTEwMjExMTg1ODQxLDEwLjAwMDIxNzE1NDc5MjIxMiAwLDAgWiIgZmlsbD0iIzFmNWEyZSIvPjxwYXRoIGQ9Ik0yLDAgTDIxLjQyOTAzNjc2MDI2OTAyOCwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OS43LDIyLjgpIHJvdGF0ZSgxNTguMSkiPjxwYXRoIGQ9Ik0wLDAgQzUuMTEzMzI5Nzk1ODc0MTg1NSwtOC41OTAzOTQwNTcwNjg2MyAxNS4zMzk5ODkzODc2MjI1NTUsLTguNTkwMzk0MDU3MDY4NjMgMjAuNDUzMzE5MTgzNDk2NzQyLDAgQzE1LjMzOTk4OTM4NzYyMjU1NSw4LjU5MDM5NDA1NzA2ODYzIDUuMTEzMzI5Nzk1ODc0MTg1NSw4LjU5MDM5NDA1NzA2ODYzIDAsMCBaIiBmaWxsPSIjMWY1YTJlIi8+PHBhdGggZD0iTTIsMCBMMTguNDA3OTg3MjY1MTQ3MDY3LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk1LjYsMjguNikgcm90YXRlKDQ4LjEpIj48cGF0aCBkPSJNMCwwIEM0LjU3OTIxODU3MjY2MzM1MiwtNy42OTMwODcyMDIwNzQ0MzEgMTMuNzM3NjU1NzE3OTkwMDU3LC03LjY5MzA4NzIwMjA3NDQzMSAxOC4zMTY4NzQyOTA2NTM0MSwwIEMxMy43Mzc2NTU3MTc5OTAwNTcsNy42OTMwODcyMDIwNzQ0MzEgNC41NzkyMTg1NzI2NjMzNTIsNy42OTMwODcyMDIwNzQ0MzEgMCwwIFoiIGZpbGw9IiMyZTZiM2QiLz48cGF0aCBkPSJNMiwwIEwxNi40ODUxODY4NjE1ODgwNywwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48cGF0aCBkPSJNMTgyLjMsLTYuMCBMMTg2LjgsMC4xIEwxOTAuNyw2LjEgTDE5My4zLDEyLjIgTDE5NC40LDE4LjIgTDE5NC4yLDI0LjMgTDE5My4xLDMwLjQiIHN0cm9rZT0iI2IwOGQzYyIgc3Ryb2tlLXdpZHRoPSIxLjIiIGZpbGw9Im5vbmUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODYuOCwwLjEpIHJvdGF0ZSgxMjkuNykiPjxwYXRoIGQ9Ik0wLDAgQzQuMjA2MTExNDI0ODg3MTgzLC03LjA2NjI2NzE5MzgxMDQ2NyAxMi42MTgzMzQyNzQ2NjE1NSwtNy4wNjYyNjcxOTM4MTA0NjcgMTYuODI0NDQ1Njk5NTQ4NzMzLDAgQzEyLjYxODMzNDI3NDY2MTU1LDcuMDY2MjY3MTkzODEwNDY3IDQuMjA2MTExNDI0ODg3MTgzLDcuMDY2MjY3MTkzODEwNDY3IDAsMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTIsMCBMMTUuMTQyMDAxMTI5NTkzODYsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTkwLjcsNi4xKSByb3RhdGUoMTkuNykiPjxwYXRoIGQ9Ik0wLDAgQzUuMjc3ODI2OTM3ODUyMzY4LC04Ljg2Njc0OTI1NTU5MTk3OCAxNS44MzM0ODA4MTM1NTcxMDYsLTguODY2NzQ5MjU1NTkxOTc4IDIxLjExMTMwNzc1MTQwOTQ3MywwIEMxNS44MzM0ODA4MTM1NTcxMDYsOC44NjY3NDkyNTU1OTE5NzggNS4yNzc4MjY5Mzc4NTIzNjgsOC44NjY3NDkyNTU1OTE5NzggMCwwIFoiIGZpbGw9IiNmMWVhZDYiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIxLjEiLz48cGF0aCBkPSJNMiwwIEwxOS4wMDAxNzY5NzYyNjg1MjcsMCIgc3Ryb2tlPSIjYzlhNTRhIiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5My4zLDEyLjIpIHJvdGF0ZSgxMjkuNykiPjxwYXRoIGQ9Ik0wLDAgQzQuMTk0ODYxMTUxOTg5NDY3LC03LjA0NzM2NjczNTM0MjMwNCAxMi41ODQ1ODM0NTU5Njg0LC03LjA0NzM2NjczNTM0MjMwNCAxNi43Nzk0NDQ2MDc5NTc4NjcsMCBDMTIuNTg0NTgzNDU1OTY4NCw3LjA0NzM2NjczNTM0MjMwNCA0LjE5NDg2MTE1MTk4OTQ2Nyw3LjA0NzM2NjczNTM0MjMwNCAwLDAgWiIgZmlsbD0iIzVmOGY2YiIvPjxwYXRoIGQ9Ik0yLDAgTDE1LjEwMTUwMDE0NzE2MjA4MSwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTQuNCwxOC4yKSByb3RhdGUoMTkuNykiPjxwYXRoIGQ9Ik0wLDAgQzUuMTI4NzM2NTg2MjY2Nzc0LC04LjYxNjI3NzQ2NDkyODE4IDE1LjM4NjIwOTc1ODgwMDMyMSwtOC42MTYyNzc0NjQ5MjgxOCAyMC41MTQ5NDYzNDUwNjcwOTUsMCBDMTUuMzg2MjA5NzU4ODAwMzIxLDguNjE2Mjc3NDY0OTI4MTggNS4xMjg3MzY1ODYyNjY3NzQsOC42MTYyNzc0NjQ5MjgxOCAwLDAgWiIgZmlsbD0iIzFmNWEyZSIvPjxwYXRoIGQ9Ik0yLDAgTDE4LjQ2MzQ1MTcxMDU2MDM4NSwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTQuMiwyNC4zKSByb3RhdGUoMTI5LjcpIj48cGF0aCBkPSJNMCwwIEM0LjQxMTkxNzQyNTYzODY1MywtNy40MTIwMjEyNzUwNzI5MzcgMTMuMjM1NzUyMjc2OTE1OTYsLTcuNDEyMDIxMjc1MDcyOTM3IDE3LjY0NzY2OTcwMjU1NDYxMiwwIEMxMy4yMzU3NTIyNzY5MTU5Niw3LjQxMjAyMTI3NTA3MjkzNyA0LjQxMTkxNzQyNTYzODY1Myw3LjQxMjAyMTI3NTA3MjkzNyAwLDAgWiIgZmlsbD0iI2YxZWFkNiIgc3Ryb2tlPSIjYzlhNTRhIiBzdHJva2Utd2lkdGg9IjEuMSIvPjxwYXRoIGQ9Ik0yLDAgTDE1Ljg4MjkwMjczMjI5OTE1LDAiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTMuMSwzMC40KSByb3RhdGUoMTkuNykiPjxwYXRoIGQ9Ik0wLDAgQzQuODU1MTg0NjExMzM4ODA2LC04LjE1NjcxMDE0NzA0OTE5MyAxNC41NjU1NTM4MzQwMTY0MTYsLTguMTU2NzEwMTQ3MDQ5MTkzIDE5LjQyMDczODQ0NTM1NTIyMywwIEMxNC41NjU1NTM4MzQwMTY0MTYsOC4xNTY3MTAxNDcwNDkxOTMgNC44NTUxODQ2MTEzMzg4MDYsOC4xNTY3MTAxNDcwNDkxOTMgMCwwIFoiIGZpbGw9IiNmMWVhZDYiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIxLjEiLz48cGF0aCBkPSJNMiwwIEwxNy40Nzg2NjQ2MDA4MTk3LDAiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48cGF0aCBkPSJNMjY5LjAsLTYuMCBMMjcxLjUsMC42IEwyNzMuMyw3LjEgTDI3My44LDEzLjcgTDI3Mi45LDIwLjIgTDI3MC43LDI2LjggTDI2Ny41LDMzLjQiIHN0cm9rZT0iI2IwOGQzYyIgc3Ryb2tlLXdpZHRoPSIxLjIiIGZpbGw9Im5vbmUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzEuNSwwLjYpIHJvdGF0ZSgxNDguNCkiPjxwYXRoIGQ9Ik0wLDAgQzQuNDk2ODUzMTY5NzE1MDk5LC03LjU1NDcxMzMyNTEyMTM2NiAxMy40OTA1NTk1MDkxNDUyOTYsLTcuNTU0NzEzMzI1MTIxMzY2IDE3Ljk4NzQxMjY3ODg2MDM5NSwwIEMxMy40OTA1NTk1MDkxNDUyOTYsNy41NTQ3MTMzMjUxMjEzNjYgNC40OTY4NTMxNjk3MTUwOTksNy41NTQ3MTMzMjUxMjEzNjYgMCwwIFoiIGZpbGw9IiM1ZjhmNmIiLz48cGF0aCBkPSJNMiwwIEwxNi4xODg2NzE0MTA5NzQzNTQsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjczLjMsNy4xKSByb3RhdGUoMzguNCkiPjxwYXRoIGQ9Ik0wLDAgQzUuMzk3OTg4ODY3NDU5MTQyNSwtOS4wNjg2MjEyOTczMzEzNiAxNi4xOTM5NjY2MDIzNzc0MywtOS4wNjg2MjEyOTczMzEzNiAyMS41OTE5NTU0Njk4MzY1NywwIEMxNi4xOTM5NjY2MDIzNzc0Myw5LjA2ODYyMTI5NzMzMTM2IDUuMzk3OTg4ODY3NDU5MTQyNSw5LjA2ODYyMTI5NzMzMTM2IDAsMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTIsMCBMMTkuNDMyNzU5OTIyODUyOTEzLDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3My44LDEzLjcpIHJvdGF0ZSgxNDguNCkiPjxwYXRoIGQ9Ik0wLDAgQzQuMTYzNzEwMDIxNTkxNTM5LC02Ljk5NTAzMjgzNjI3Mzc4NTUgMTIuNDkxMTMwMDY0Nzc0NjE4LC02Ljk5NTAzMjgzNjI3Mzc4NTUgMTYuNjU0ODQwMDg2MzY2MTU3LDAgQzEyLjQ5MTEzMDA2NDc3NDYxOCw2Ljk5NTAzMjgzNjI3Mzc4NTUgNC4xNjM3MTAwMjE1OTE1MzksNi45OTUwMzI4MzYyNzM3ODU1IDAsMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTIsMCBMMTQuOTg5MzU2MDc3NzI5NTQxLDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3Mi45LDIwLjIpIHJvdGF0ZSgzOC40KSI+PHBhdGggZD0iTTAsMCBDNS4wNTAzOTMwMDc2MjI5MDMsLTguNDg0NjYwMjUyODA2NDc2IDE1LjE1MTE3OTAyMjg2ODcwOSwtOC40ODQ2NjAyNTI4MDY0NzYgMjAuMjAxNTcyMDMwNDkxNjEsMCBDMTUuMTUxMTc5MDIyODY4NzA5LDguNDg0NjYwMjUyODA2NDc2IDUuMDUwMzkzMDA3NjIyOTAzLDguNDg0NjYwMjUyODA2NDc2IDAsMCBaIiBmaWxsPSIjNWY4ZjZiIi8+PHBhdGggZD0iTTIsMCBMMTguMTgxNDE0ODI3NDQyNDUzLDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3MC43LDI2LjgpIHJvdGF0ZSgxNDguNCkiPjxwYXRoIGQ9Ik0wLDAgQzUuNDU4ODkwNTc4ODc4NDM1LC05LjE3MDkzNjE3MjUxNTc3MiAxNi4zNzY2NzE3MzY2MzUzMDYsLTkuMTcwOTM2MTcyNTE1NzcyIDIxLjgzNTU2MjMxNTUxMzc0LDAgQzE2LjM3NjY3MTczNjYzNTMwNiw5LjE3MDkzNjE3MjUxNTc3MiA1LjQ1ODg5MDU3ODg3ODQzNSw5LjE3MDkzNjE3MjUxNTc3MiAwLDAgWiIgZmlsbD0iIzVmOGY2YiIvPjxwYXRoIGQ9Ik0yLDAgTDE5LjY1MjAwNjA4Mzk2MjM2NiwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNjcuNSwzMy40KSByb3RhdGUoMzguNCkiPjxwYXRoIGQ9Ik0wLDAgQzUuMjE3OTE4MDM4MDcyODA3LC04Ljc2NjEwMjMwMzk2MjMxNSAxNS42NTM3NTQxMTQyMTg0MjIsLTguNzY2MTAyMzAzOTYyMzE1IDIwLjg3MTY3MjE1MjI5MTIzLDAgQzE1LjY1Mzc1NDExNDIxODQyMiw4Ljc2NjEwMjMwMzk2MjMxNSA1LjIxNzkxODAzODA3MjgwNyw4Ljc2NjEwMjMwMzk2MjMxNSAwLDAgWiIgZmlsbD0iIzVmOGY2YiIvPjxwYXRoIGQ9Ik0yLDAgTDE4Ljc4NDUwNDkzNzA2MjEwNiwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48cGF0aCBkPSJNMzQ5LjIsLTYuMCBMMzUyLjAsLTAuMCBMMzU0LjEsNi4wIEwzNTUuMCwxMi4wIEwzNTQuNCwxOC4wIEwzNTIuNSwyNC4wIEwzNDkuNywzMC4wIiBzdHJva2U9IiNiMDhkM2MiIHN0cm9rZS13aWR0aD0iMS4yIiBmaWxsPSJub25lIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUyLjAsLTAuMCkgcm90YXRlKDE0NS41KSI+PHBhdGggZD0iTTAsMCBDNC4zMDM5NjkwNjkzMjEwMSwtNy4yMzA2NjgwMzY0NTkyOTYgMTIuOTExOTA3MjA3OTYzMDMsLTcuMjMwNjY4MDM2NDU5Mjk2IDE3LjIxNTg3NjI3NzI4NDA0LDAgQzEyLjkxMTkwNzIwNzk2MzAzLDcuMjMwNjY4MDM2NDU5Mjk2IDQuMzAzOTY5MDY5MzIxMDEsNy4yMzA2NjgwMzY0NTkyOTYgMCwwIFoiIGZpbGw9IiM1ZjhmNmIiLz48cGF0aCBkPSJNMiwwIEwxNS40OTQyODg2NDk1NTU2MzUsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU0LjEsNi4wKSByb3RhdGUoMzUuNSkiPjxwYXRoIGQ9Ik0wLDAgQzQuODQzMzk2NzA4OTUzNDg4LC04LjEzNjkwNjQ3MTA0MTg2IDE0LjUzMDE5MDEyNjg2MDQ2NSwtOC4xMzY5MDY0NzEwNDE4NiAxOS4zNzM1ODY4MzU4MTM5NTMsMCBDMTQuNTMwMTkwMTI2ODYwNDY1LDguMTM2OTA2NDcxMDQxODYgNC44NDMzOTY3MDg5NTM0ODgsOC4xMzY5MDY0NzEwNDE4NiAwLDAgWiIgZmlsbD0iIzlmYmZhNiIvPjxwYXRoIGQ9Ik0yLDAgTDE3LjQzNjIyODE1MjIzMjU2LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1NS4wLDEyLjApIHJvdGF0ZSgxNDUuNSkiPjxwYXRoIGQ9Ik0wLDAgQzUuNTI5MTQxNzMyNDI1NjI2LC05LjI4ODk1ODExMDQ3NTA1IDE2LjU4NzQyNTE5NzI3Njg4LC05LjI4ODk1ODExMDQ3NTA1IDIyLjExNjU2NjkyOTcwMjUwNCwwIEMxNi41ODc0MjUxOTcyNzY4OCw5LjI4ODk1ODExMDQ3NTA1IDUuNTI5MTQxNzMyNDI1NjI2LDkuMjg4OTU4MTEwNDc1MDUgMCwwIFoiIGZpbGw9IiMxZjVhMmUiLz48cGF0aCBkPSJNMiwwIEwxOS45MDQ5MTAyMzY3MzIyNTMsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU0LjQsMTguMCkgcm90YXRlKDM1LjUpIj48cGF0aCBkPSJNMCwwIEM1LjU3ODE4ODM0Mjk4MDcwOTUsLTkuMzcxMzU2NDE2MjA3NTkyIDE2LjczNDU2NTAyODk0MjEzLC05LjM3MTM1NjQxNjIwNzU5MiAyMi4zMTI3NTMzNzE5MjI4MzgsMCBDMTYuNzM0NTY1MDI4OTQyMTMsOS4zNzEzNTY0MTYyMDc1OTIgNS41NzgxODgzNDI5ODA3MDk1LDkuMzcxMzU2NDE2MjA3NTkyIDAsMCBaIiBmaWxsPSIjZjFlYWQ2IiBzdHJva2U9IiNjOWE1NGEiIHN0cm9rZS13aWR0aD0iMS4xIi8+PHBhdGggZD0iTTIsMCBMMjAuMDgxNDc4MDM0NzMwNTU1LDAiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTIuNSwyNC4wKSByb3RhdGUoMTQ1LjUpIj48cGF0aCBkPSJNMCwwIEM0LjY4MDI0NDcyNDM4MjM5MSwtNy44NjI4MTExMzY5NjI0MTYgMTQuMDQwNzM0MTczMTQ3MTcyLC03Ljg2MjgxMTEzNjk2MjQxNiAxOC43MjA5Nzg4OTc1Mjk1NjIsMCBDMTQuMDQwNzM0MTczMTQ3MTcyLDcuODYyODExMTM2OTYyNDE2IDQuNjgwMjQ0NzI0MzgyMzkxLDcuODYyODExMTM2OTYyNDE2IDAsMCBaIiBmaWxsPSIjNWY4ZjZiIi8+PHBhdGggZD0iTTIsMCBMMTYuODQ4ODgxMDA3Nzc2NjEsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ5LjcsMzAuMCkgcm90YXRlKDM1LjUpIj48cGF0aCBkPSJNMCwwIEM1LjE4ODczOTc1NDIxMDAzNywtOC43MTcwODI3ODcwNzI4NjIgMTUuNTY2MjE5MjYyNjMwMTEsLTguNzE3MDgyNzg3MDcyODYyIDIwLjc1NDk1OTAxNjg0MDE0NywwIEMxNS41NjYyMTkyNjI2MzAxMSw4LjcxNzA4Mjc4NzA3Mjg2MiA1LjE4ODczOTc1NDIxMDAzNyw4LjcxNzA4Mjc4NzA3Mjg2MiAwLDAgWiIgZmlsbD0iIzVmOGY2YiIvPjxwYXRoIGQ9Ik0yLDAgTDE4LjY3OTQ2MzExNTE1NjEzMiwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48cGF0aCBkPSJNNjMuMywxNTYuMCBMNjAuMiwxNDkuNyBMNTcuOCwxNDMuMyBMNTYuNywxMzcuMCBMNTcuMCwxMzAuNiBMNTguNywxMjQuMyBMNjEuMywxMTcuOSIgc3Ryb2tlPSIjYjA4ZDNjIiBzdHJva2Utd2lkdGg9IjEuMiIgZmlsbD0ibm9uZSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjIsMTQ5LjcpIHJvdGF0ZSgtMzYuOCkiPjxwYXRoIGQ9Ik0wLDAgQzQuOTQ4MTk2Njc0ODM5Mjg5LC04LjMxMjk3MDQxMzczMDAwNSAxNC44NDQ1OTAwMjQ1MTc4NjcsLTguMzEyOTcwNDEzNzMwMDA1IDE5Ljc5Mjc4NjY5OTM1NzE1NSwwIEMxNC44NDQ1OTAwMjQ1MTc4NjcsOC4zMTI5NzA0MTM3MzAwMDUgNC45NDgxOTY2NzQ4MzkyODksOC4zMTI5NzA0MTM3MzAwMDUgMCwwIFoiIGZpbGw9IiM1ZjhmNmIiLz48cGF0aCBkPSJNMiwwIEwxNy44MTM1MDgwMjk0MjE0NCwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ny44LDE0My4zKSByb3RhdGUoLTE0Ni44KSI+PHBhdGggZD0iTTAsMCBDNC4xMjEzMzg4NTUxOTQ0MzksLTYuOTIzODQ5Mjc2NzI2NjU4IDEyLjM2NDAxNjU2NTU4MzMxOCwtNi45MjM4NDkyNzY3MjY2NTggMTYuNDg1MzU1NDIwNzc3NzU4LDAgQzEyLjM2NDAxNjU2NTU4MzMxOCw2LjkyMzg0OTI3NjcyNjY1OCA0LjEyMTMzODg1NTE5NDQzOSw2LjkyMzg0OTI3NjcyNjY1OCAwLDAgWiIgZmlsbD0iIzFmNWEyZSIvPjxwYXRoIGQ9Ik0yLDAgTDE0LjgzNjgxOTg3ODY5OTk4MiwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ni43LDEzNy4wKSByb3RhdGUoLTM2LjgpIj48cGF0aCBkPSJNMCwwIEM1LjI5NDI1NzcwOTA1NTMzNywtOC44OTQzNTI5NTEyMTI5NjYgMTUuODgyNzczMTI3MTY2MDExLC04Ljg5NDM1Mjk1MTIxMjk2NiAyMS4xNzcwMzA4MzYyMjEzNSwwIEMxNS44ODI3NzMxMjcxNjYwMTEsOC44OTQzNTI5NTEyMTI5NjYgNS4yOTQyNTc3MDkwNTUzMzcsOC44OTQzNTI5NTEyMTI5NjYgMCwwIFoiIGZpbGw9IiM1ZjhmNmIiLz48cGF0aCBkPSJNMiwwIEwxOS4wNTkzMjc3NTI1OTkyMTMsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuMCwxMzAuNikgcm90YXRlKC0xNDYuOCkiPjxwYXRoIGQ9Ik0wLDAgQzQuNTY5MTkxMDY0MTg4Mjk4LC03LjY3NjI0MDk4NzgzNjM0MSAxMy43MDc1NzMxOTI1NjQ4OTQsLTcuNjc2MjQwOTg3ODM2MzQxIDE4LjI3Njc2NDI1Njc1MzE5MywwIEMxMy43MDc1NzMxOTI1NjQ4OTQsNy42NzYyNDA5ODc4MzYzNDEgNC41NjkxOTEwNjQxODgyOTgsNy42NzYyNDA5ODc4MzYzNDEgMCwwIFoiIGZpbGw9IiM5ZmJmYTYiLz48cGF0aCBkPSJNMiwwIEwxNi40NDkwODc4MzEwNzc4NzUsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTguNywxMjQuMykgcm90YXRlKC0zNi44KSI+PHBhdGggZD0iTTAsMCBDNS43NzQwODA1ODQ0NzYxODM2LC05LjcwMDQ1NTM4MTkxOTk4OSAxNy4zMjIyNDE3NTM0Mjg1NSwtOS43MDA0NTUzODE5MTk5ODkgMjMuMDk2MzIyMzM3OTA0NzM0LDAgQzE3LjMyMjI0MTc1MzQyODU1LDkuNzAwNDU1MzgxOTE5OTg5IDUuNzc0MDgwNTg0NDc2MTgzNiw5LjcwMDQ1NTM4MTkxOTk4OSAwLDAgWiIgZmlsbD0iIzlmYmZhNiIvPjxwYXRoIGQ9Ik0yLDAgTDIwLjc4NjY5MDEwNDExNDI2LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYxLjMsMTE3LjkpIHJvdGF0ZSgtMTQ2LjgpIj48cGF0aCBkPSJNMCwwIEM0LjA0NTEyNTg1NjExMTE3NywtNi43OTU4MTE0MzgyNjY3NzcgMTIuMTM1Mzc3NTY4MzMzNTMxLC02Ljc5NTgxMTQzODI2Njc3NyAxNi4xODA1MDM0MjQ0NDQ3MSwwIEMxMi4xMzUzNzc1NjgzMzM1MzEsNi43OTU4MTE0MzgyNjY3NzcgNC4wNDUxMjU4NTYxMTExNzcsNi43OTU4MTE0MzgyNjY3NzcgMCwwIFoiIGZpbGw9IiM1ZjhmNmIiLz48cGF0aCBkPSJNMiwwIEwxNC41NjI0NTMwODIwMDAyMzcsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PHBhdGggZD0iTTE0NS40LDE1Ni4wIEwxNDEuNCwxNTEuMiBMMTM4LjEsMTQ2LjUgTDEzNi4wLDE0MS43IEwxMzUuNCwxMzYuOSBMMTM2LjIsMTMyLjIgTDEzNy44LDEyNy40IiBzdHJva2U9IiNiMDhkM2MiIHN0cm9rZS13aWR0aD0iMS4yIiBmaWxsPSJub25lIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQxLjQsMTUxLjIpIHJvdGF0ZSgtNDguMykiPjxwYXRoIGQ9Ik0wLDAgQzQuNDM2NDE1NTQ5NjM5MzU5LC03LjQ1MzE3ODEyMzM5NDEyMyAxMy4zMDkyNDY2NDg5MTgwNzcsLTcuNDUzMTc4MTIzMzk0MTIzIDE3Ljc0NTY2MjE5ODU1NzQzNywwIEMxMy4zMDkyNDY2NDg5MTgwNzcsNy40NTMxNzgxMjMzOTQxMjMgNC40MzY0MTU1NDk2MzkzNTksNy40NTMxNzgxMjMzOTQxMjMgMCwwIFoiIGZpbGw9IiMxZjVhMmUiLz48cGF0aCBkPSJNMiwwIEwxNS45NzEwOTU5Nzg3MDE2OTQsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM4LjEsMTQ2LjUpIHJvdGF0ZSgtMTU4LjMpIj48cGF0aCBkPSJNMCwwIEM0LjI1ODY4MDQ0NDAzNzM2OSwtNy4xNTQ1ODMxNDU5ODI3NzkgMTIuNzc2MDQxMzMyMTEyMTA2LC03LjE1NDU4MzE0NTk4Mjc3OSAxNy4wMzQ3MjE3NzYxNDk0NzUsMCBDMTIuNzc2MDQxMzMyMTEyMTA2LDcuMTU0NTgzMTQ1OTgyNzc5IDQuMjU4NjgwNDQ0MDM3MzY5LDcuMTU0NTgzMTQ1OTgyNzc5IDAsMCBaIiBmaWxsPSIjNWY4ZjZiIi8+PHBhdGggZD0iTTIsMCBMMTUuMzMxMjQ5NTk4NTM0NTI4LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNi4wLDE0MS43KSByb3RhdGUoLTQ4LjMpIj48cGF0aCBkPSJNMCwwIEM0Ljc5NTc5NTM1NzA5MjQ2NiwtOC4wNTY5MzYxOTk5MTUzNDEgMTQuMzg3Mzg2MDcxMjc3Mzk4LC04LjA1NjkzNjE5OTkxNTM0MSAxOS4xODMxODE0MjgzNjk4NjMsMCBDMTQuMzg3Mzg2MDcxMjc3Mzk4LDguMDU2OTM2MTk5OTE1MzQxIDQuNzk1Nzk1MzU3MDkyNDY2LDguMDU2OTM2MTk5OTE1MzQxIDAsMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTIsMCBMMTcuMjY0ODYzMjg1NTMyODgsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM1LjQsMTM2LjkpIHJvdGF0ZSgtMTU4LjMpIj48cGF0aCBkPSJNMCwwIEM0LjE2MTE2MjYwMjQwMDI3NywtNi45OTA3NTMxNzIwMzI0NjUgMTIuNDgzNDg3ODA3MjAwODMsLTYuOTkwNzUzMTcyMDMyNDY1IDE2LjY0NDY1MDQwOTYwMTExLDAgQzEyLjQ4MzQ4NzgwNzIwMDgzLDYuOTkwNzUzMTcyMDMyNDY1IDQuMTYxMTYyNjAyNDAwMjc3LDYuOTkwNzUzMTcyMDMyNDY1IDAsMCBaIiBmaWxsPSIjOWZiZmE2Ii8+PHBhdGggZD0iTTIsMCBMMTQuOTgwMTg1MzY4NjQxLDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNi4yLDEzMi4yKSByb3RhdGUoLTQ4LjMpIj48cGF0aCBkPSJNMCwwIEM0LjgwMzI4ODUxMjY2ODYwOCwtOC4wNjk1MjQ3MDEyODMyNjIgMTQuNDA5ODY1NTM4MDA1ODI1LC04LjA2OTUyNDcwMTI4MzI2MiAxOS4yMTMxNTQwNTA2NzQ0MzMsMCBDMTQuNDA5ODY1NTM4MDA1ODI1LDguMDY5NTI0NzAxMjgzMjYyIDQuODAzMjg4NTEyNjY4NjA4LDguMDY5NTI0NzAxMjgzMjYyIDAsMCBaIiBmaWxsPSIjOWZiZmE2Ii8+PHBhdGggZD0iTTIsMCBMMTcuMjkxODM4NjQ1NjA2OTksMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM3LjgsMTI3LjQpIHJvdGF0ZSgtMTU4LjMpIj48cGF0aCBkPSJNMCwwIEM1Ljc2Njc2NzY1Mjg4MzAyNSwtOS42ODgxNjk2NTY4NDM0ODEgMTcuMzAwMzAyOTU4NjQ5MDczLC05LjY4ODE2OTY1Njg0MzQ4MSAyMy4wNjcwNzA2MTE1MzIxLDAgQzE3LjMwMDMwMjk1ODY0OTA3Myw5LjY4ODE2OTY1Njg0MzQ4MSA1Ljc2Njc2NzY1Mjg4MzAyNSw5LjY4ODE2OTY1Njg0MzQ4MSAwLDAgWiIgZmlsbD0iIzVmOGY2YiIvPjxwYXRoIGQ9Ik0yLDAgTDIwLjc2MDM2MzU1MDM3ODg5LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxwYXRoIGQ9Ik0yMzUuMSwxNTYuMCBMMjMzLjUsMTUwLjkgTDIzMi43LDE0NS45IEwyMzMuMSwxNDAuOCBMMjM0LjksMTM1LjggTDIzOC4xLDEzMC43IEwyNDIuMSwxMjUuNyIgc3Ryb2tlPSIjYjA4ZDNjIiBzdHJva2Utd2lkdGg9IjEuMiIgZmlsbD0ibm9uZSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzMy41LDE1MC45KSByb3RhdGUoLTIwLjQpIj48cGF0aCBkPSJNMCwwIEM1Ljk3MjkzNDE2MjAwMjM3MiwtMTAuMDM0NTI5MzkyMTYzOTg0IDE3LjkxODgwMjQ4NjAwNzExNywtMTAuMDM0NTI5MzkyMTYzOTg0IDIzLjg5MTczNjY0ODAwOTQ4OCwwIEMxNy45MTg4MDI0ODYwMDcxMTcsMTAuMDM0NTI5MzkyMTYzOTg0IDUuOTcyOTM0MTYyMDAyMzcyLDEwLjAzNDUyOTM5MjE2Mzk4NCAwLDAgWiIgZmlsbD0iIzlmYmZhNiIvPjxwYXRoIGQ9Ik0yLDAgTDIxLjUwMjU2Mjk4MzIwODUzOCwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzIuNywxNDUuOSkgcm90YXRlKC0xMzAuNCkiPjxwYXRoIGQ9Ik0wLDAgQzUuOTE1NDYyNDA3OTI3OTgzLC05LjkzNzk3Njg0NTMxOTAxIDE3Ljc0NjM4NzIyMzc4Mzk0OCwtOS45Mzc5NzY4NDUzMTkwMSAyMy42NjE4NDk2MzE3MTE5MywwIEMxNy43NDYzODcyMjM3ODM5NDgsOS45Mzc5NzY4NDUzMTkwMSA1LjkxNTQ2MjQwNzkyNzk4Myw5LjkzNzk3Njg0NTMxOTAxIDAsMCBaIiBmaWxsPSIjOWZiZmE2Ii8+PHBhdGggZD0iTTIsMCBMMjEuMjk1NjY0NjY4NTQwNzM4LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzMy4xLDE0MC44KSByb3RhdGUoLTIwLjQpIj48cGF0aCBkPSJNMCwwIEM0LjE2NTk2OTM4OTMyMjY2NCwtNi45OTg4Mjg1NzQwNjIwNzYgMTIuNDk3OTA4MTY3OTY3OTkyLC02Ljk5ODgyODU3NDA2MjA3NiAxNi42NjM4Nzc1NTcyOTA2NTcsMCBDMTIuNDk3OTA4MTY3OTY3OTkyLDYuOTk4ODI4NTc0MDYyMDc2IDQuMTY1OTY5Mzg5MzIyNjY0LDYuOTk4ODI4NTc0MDYyMDc2IDAsMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTIsMCBMMTQuOTk3NDg5ODAxNTYxNTkyLDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNC45LDEzNS44KSByb3RhdGUoLTEzMC40KSI+PHBhdGggZD0iTTAsMCBDNC40NjM5MTM3MzM2MzkwNzEsLTcuNDk5Mzc1MDcyNTEzNjM5IDEzLjM5MTc0MTIwMDkxNzIxMywtNy40OTkzNzUwNzI1MTM2MzkgMTcuODU1NjU0OTM0NTU2Mjg0LDAgQzEzLjM5MTc0MTIwMDkxNzIxMyw3LjQ5OTM3NTA3MjUxMzYzOSA0LjQ2MzkxMzczMzYzOTA3MSw3LjQ5OTM3NTA3MjUxMzYzOSAwLDAgWiIgZmlsbD0iIzJlNmIzZCIvPjxwYXRoIGQ9Ik0yLDAgTDE2LjA3MDA4OTQ0MTEwMDY1NiwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzguMSwxMzAuNykgcm90YXRlKC0yMC40KSI+PHBhdGggZD0iTTAsMCBDNC4wMjQxMjYxMTk2ODc1OTc1LC02Ljc2MDUzMTg4MTA3NTE2MyAxMi4wNzIzNzgzNTkwNjI3OTIsLTYuNzYwNTMxODgxMDc1MTYzIDE2LjA5NjUwNDQ3ODc1MDM5LDAgQzEyLjA3MjM3ODM1OTA2Mjc5Miw2Ljc2MDUzMTg4MTA3NTE2MyA0LjAyNDEyNjExOTY4NzU5NzUsNi43NjA1MzE4ODEwNzUxNjMgMCwwIFoiIGZpbGw9IiMyZTZiM2QiLz48cGF0aCBkPSJNMiwwIEwxNC40ODY4NTQwMzA4NzUzNTEsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQyLjEsMTI1LjcpIHJvdGF0ZSgtMTMwLjQpIj48cGF0aCBkPSJNMCwwIEM0LjM2NDY4NTc0Nzk2MjM5NSwtNy4zMzI2NzIwNTY1NzY4MjMgMTMuMDk0MDU3MjQzODg3MTg1LC03LjMzMjY3MjA1NjU3NjgyMyAxNy40NTg3NDI5OTE4NDk1OCwwIEMxMy4wOTQwNTcyNDM4ODcxODUsNy4zMzI2NzIwNTY1NzY4MjMgNC4zNjQ2ODU3NDc5NjIzOTUsNy4zMzI2NzIwNTY1NzY4MjMgMCwwIFoiIGZpbGw9IiNmMWVhZDYiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIxLjEiLz48cGF0aCBkPSJNMiwwIEwxNS43MTI4Njg2OTI2NjQ2MjEsMCIgc3Ryb2tlPSIjYzlhNTRhIiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxwYXRoIGQ9Ik0zMTAuNSwxNTYuMCBMMzA2LjIsMTUwLjQgTDMwMi43LDE0NC45IEwzMDAuMywxMzkuMyBMMjk5LjQsMTMzLjggTDI5OS45LDEyOC4yIEwzMDEuMiwxMjIuNiIgc3Ryb2tlPSIjYjA4ZDNjIiBzdHJva2Utd2lkdGg9IjEuMiIgZmlsbD0ibm9uZSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwNi4yLDE1MC40KSByb3RhdGUoLTQ5LjIpIj48cGF0aCBkPSJNMCwwIEM1LjEzMjY4MjQ0NzQxMjc4NCwtOC42MjI5MDY1MTE2NTM0NzcgMTUuMzk4MDQ3MzQyMjM4MzUzLC04LjYyMjkwNjUxMTY1MzQ3NyAyMC41MzA3Mjk3ODk2NTExMzYsMCBDMTUuMzk4MDQ3MzQyMjM4MzUzLDguNjIyOTA2NTExNjUzNDc3IDUuMTMyNjgyNDQ3NDEyNzg0LDguNjIyOTA2NTExNjUzNDc3IDAsMCBaIiBmaWxsPSIjZjFlYWQ2IiBzdHJva2U9IiNjOWE1NGEiIHN0cm9rZS13aWR0aD0iMS4xIi8+PHBhdGggZD0iTTIsMCBMMTguNDc3NjU2ODEwNjg2MDI1LDAiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMDIuNywxNDQuOSkgcm90YXRlKC0xNTkuMikiPjxwYXRoIGQ9Ik0wLDAgQzUuMzgwOTg3MzE0MjcxOTU1LC05LjA0MDA1ODY4Nzk3Njg4NCAxNi4xNDI5NjE5NDI4MTU4NjYsLTkuMDQwMDU4Njg3OTc2ODg0IDIxLjUyMzk0OTI1NzA4NzgyLDAgQzE2LjE0Mjk2MTk0MjgxNTg2Niw5LjA0MDA1ODY4Nzk3Njg4NCA1LjM4MDk4NzMxNDI3MTk1NSw5LjA0MDA1ODY4Nzk3Njg4NCAwLDAgWiIgZmlsbD0iIzJlNmIzZCIvPjxwYXRoIGQ9Ik0yLDAgTDE5LjM3MTU1NDMzMTM3OTA0LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMC4zLDEzOS4zKSByb3RhdGUoLTQ5LjIpIj48cGF0aCBkPSJNMCwwIEM1LjkwMDQ0Nzg5OTM2NTMxNywtOS45MTI3NTI0NzA5MzM3MzIgMTcuNzAxMzQzNjk4MDk1OTUsLTkuOTEyNzUyNDcwOTMzNzMyIDIzLjYwMTc5MTU5NzQ2MTI3LDAgQzE3LjcwMTM0MzY5ODA5NTk1LDkuOTEyNzUyNDcwOTMzNzMyIDUuOTAwNDQ3ODk5MzY1MzE3LDkuOTEyNzUyNDcwOTMzNzMyIDAsMCBaIiBmaWxsPSIjZjFlYWQ2IiBzdHJva2U9IiNjOWE1NGEiIHN0cm9rZS13aWR0aD0iMS4xIi8+PHBhdGggZD0iTTIsMCBMMjEuMjQxNjEyNDM3NzE1MTQsMCIgc3Ryb2tlPSIjYzlhNTRhIiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5OS40LDEzMy44KSByb3RhdGUoLTE1OS4yKSI+PHBhdGggZD0iTTAsMCBDNC45MTMyODc0NDQ0MDU3NSwtOC4yNTQzMjI5MDY2MDE2NiAxNC43Mzk4NjIzMzMyMTcyNSwtOC4yNTQzMjI5MDY2MDE2NiAxOS42NTMxNDk3Nzc2MjMsMCBDMTQuNzM5ODYyMzMzMjE3MjUsOC4yNTQzMjI5MDY2MDE2NiA0LjkxMzI4NzQ0NDQwNTc1LDguMjU0MzIyOTA2NjAxNjYgMCwwIFoiIGZpbGw9IiMxZjVhMmUiLz48cGF0aCBkPSJNMiwwIEwxNy42ODc4MzQ3OTk4NjA3LDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5OS45LDEyOC4yKSByb3RhdGUoLTQ5LjIpIj48cGF0aCBkPSJNMCwwIEM0Ljc4NDc1NzgxMzc4MjUzNywtOC4wMzgzOTMxMjcxNTQ2NjMgMTQuMzU0MjczNDQxMzQ3NjEyLC04LjAzODM5MzEyNzE1NDY2MyAxOS4xMzkwMzEyNTUxMzAxNSwwIEMxNC4zNTQyNzM0NDEzNDc2MTIsOC4wMzgzOTMxMjcxNTQ2NjMgNC43ODQ3NTc4MTM3ODI1MzcsOC4wMzgzOTMxMjcxNTQ2NjMgMCwwIFoiIGZpbGw9IiNmMWVhZDYiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIxLjEiLz48cGF0aCBkPSJNMiwwIEwxNy4yMjUxMjgxMjk2MTcxMzYsMCIgc3Ryb2tlPSIjYzlhNTRhIiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMS4yLDEyMi42KSByb3RhdGUoLTE1OS4yKSI+PHBhdGggZD0iTTAsMCBDNC43ODgyNDAwMzE5NTA3MjgsLTguMDQ0MjQzMjUzNjc3MjIzIDE0LjM2NDcyMDA5NTg1MjE4NSwtOC4wNDQyNDMyNTM2NzcyMjMgMTkuMTUyOTYwMTI3ODAyOTEzLDAgQzE0LjM2NDcyMDA5NTg1MjE4NSw4LjA0NDI0MzI1MzY3NzIyMyA0Ljc4ODI0MDAzMTk1MDcyOCw4LjA0NDI0MzI1MzY3NzIyMyAwLDAgWiIgZmlsbD0iIzlmYmZhNiIvPjxwYXRoIGQ9Ik0yLDAgTDE3LjIzNzY2NDExNTAyMjYyLDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxwYXRoIGQ9Ik0zOTcuNywxNTYuMCBMMzk0LjUsMTUxLjAgTDM5Mi4wLDE0NS45IEwzOTAuNywxNDAuOSBMMzkwLjgsMTM1LjkgTDM5Mi40LDEzMC44IEwzOTQuOCwxMjUuOCIgc3Ryb2tlPSIjYjA4ZDNjIiBzdHJva2Utd2lkdGg9IjEuMiIgZmlsbD0ibm9uZSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5NC41LDE1MS4wKSByb3RhdGUoLTM5LjApIj48cGF0aCBkPSJNMCwwIEM0Ljg4MTI1MzczNjY0OTUwMTUsLTguMjAwNTA2Mjc3NTcxMTYxIDE0LjY0Mzc2MTIwOTk0ODUwNCwtOC4yMDA1MDYyNzc1NzExNjEgMTkuNTI1MDE0OTQ2NTk4MDA2LDAgQzE0LjY0Mzc2MTIwOTk0ODUwNCw4LjIwMDUwNjI3NzU3MTE2MSA0Ljg4MTI1MzczNjY0OTUwMTUsOC4yMDA1MDYyNzc1NzExNjEgMCwwIFoiIGZpbGw9IiMyZTZiM2QiLz48cGF0aCBkPSJNMiwwIEwxNy41NzI1MTM0NTE5MzgyMDcsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzkyLjAsMTQ1LjkpIHJvdGF0ZSgtMTQ5LjApIj48cGF0aCBkPSJNMCwwIEM0LjY4MDEwNzMwNDQ2NDY4NywtNy44NjI1ODAyNzE1MDA2NzQgMTQuMDQwMzIxOTEzMzk0MDYsLTcuODYyNTgwMjcxNTAwNjc0IDE4LjcyMDQyOTIxNzg1ODc0NywwIEMxNC4wNDAzMjE5MTMzOTQwNiw3Ljg2MjU4MDI3MTUwMDY3NCA0LjY4MDEwNzMwNDQ2NDY4Nyw3Ljg2MjU4MDI3MTUwMDY3NCAwLDAgWiIgZmlsbD0iIzFmNWEyZSIvPjxwYXRoIGQ9Ik0yLDAgTDE2Ljg0ODM4NjI5NjA3Mjg3NCwwIiBzdHJva2U9IiNmZmZmZmY1NSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTAuNywxNDAuOSkgcm90YXRlKC0zOS4wKSI+PHBhdGggZD0iTTAsMCBDNC4yMDQ3NTkxOTU0NTA0NDQsLTcuMDYzOTk1NDQ4MzU2NzQ3IDEyLjYxNDI3NzU4NjM1MTMzMywtNy4wNjM5OTU0NDgzNTY3NDcgMTYuODE5MDM2NzgxODAxNzc4LDAgQzEyLjYxNDI3NzU4NjM1MTMzMyw3LjA2Mzk5NTQ0ODM1Njc0NyA0LjIwNDc1OTE5NTQ1MDQ0NCw3LjA2Mzk5NTQ0ODM1Njc0NyAwLDAgWiIgZmlsbD0iIzFmNWEyZSIvPjxwYXRoIGQ9Ik0yLDAgTDE1LjEzNzEzMzEwMzYyMTYsMCIgc3Ryb2tlPSIjZmZmZmZmNTUiIHN0cm9rZS13aWR0aD0iMC44IiBmaWxsPSJub25lIiBvcGFjaXR5PSIwLjciLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzkwLjgsMTM1LjkpIHJvdGF0ZSgtMTQ5LjApIj48cGF0aCBkPSJNMCwwIEM0LjMwMjUyOTg2NDU1ODg1NiwtNy4yMjgyNTAxNzI0NTg4NzggMTIuOTA3NTg5NTkzNjc2NTY5LC03LjIyODI1MDE3MjQ1ODg3OCAxNy4yMTAxMTk0NTgyMzU0MjUsMCBDMTIuOTA3NTg5NTkzNjc2NTY5LDcuMjI4MjUwMTcyNDU4ODc4IDQuMzAyNTI5ODY0NTU4ODU2LDcuMjI4MjUwMTcyNDU4ODc4IDAsMCBaIiBmaWxsPSIjZjFlYWQ2IiBzdHJva2U9IiNjOWE1NGEiIHN0cm9rZS13aWR0aD0iMS4xIi8+PHBhdGggZD0iTTIsMCBMMTUuNDg5MTA3NTEyNDExODgyLDAiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTIuNCwxMzAuOCkgcm90YXRlKC0zOS4wKSI+PHBhdGggZD0iTTAsMCBDNS44OTc4OTc1MTcxMzg4NjcsLTkuOTA4NDY3ODI4NzkzMjk3IDE3LjY5MzY5MjU1MTQxNjYwMywtOS45MDg0Njc4Mjg3OTMyOTcgMjMuNTkxNTkwMDY4NTU1NDcsMCBDMTcuNjkzNjkyNTUxNDE2NjAzLDkuOTA4NDY3ODI4NzkzMjk3IDUuODk3ODk3NTE3MTM4ODY3LDkuOTA4NDY3ODI4NzkzMjk3IDAsMCBaIiBmaWxsPSIjMWY1YTJlIi8+PHBhdGggZD0iTTIsMCBMMjEuMjMyNDMxMDYxNjk5OTIzLDAiIHN0cm9rZT0iI2ZmZmZmZjU1IiBzdHJva2Utd2lkdGg9IjAuOCIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5NC44LDEyNS44KSByb3RhdGUoLTE0OS4wKSI+PHBhdGggZD0iTTAsMCBDNC4wNTEwMDE3NzMzMzIyOTIsLTYuODA1NjgyOTc5MTk4MjUgMTIuMTUzMDA1MzE5OTk2ODc1LC02LjgwNTY4Mjk3OTE5ODI1IDE2LjIwNDAwNzA5MzMyOTE2NywwIEMxMi4xNTMwMDUzMTk5OTY4NzUsNi44MDU2ODI5NzkxOTgyNSA0LjA1MTAwMTc3MzMzMjI5Miw2LjgwNTY4Mjk3OTE5ODI1IDAsMCBaIiBmaWxsPSIjZjFlYWQ2IiBzdHJva2U9IiNjOWE1NGEiIHN0cm9rZS13aWR0aD0iMS4xIi8+PHBhdGggZD0iTTIsMCBMMTQuNTgzNjA2MzgzOTk2MjUxLDAiIHN0cm9rZT0iI2M5YTU0YSIgc3Ryb2tlLXdpZHRoPSIwLjgiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAuNyIvPjwvZz48Y2lyY2xlIGN4PSIyNjYuNSIgY3k9IjM1LjUiIHI9IjEuOCIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjM1Ni42IiBjeT0iMjUuNyIgcj0iMS44IiBmaWxsPSIjYzlhNTRhIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iNjAuNSIgY3k9IjIwLjgiIHI9IjEuNSIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjIxNi45IiBjeT0iMzAuNyIgcj0iMS4wIiBmaWxsPSIjYzlhNTRhIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMzE4LjQiIGN5PSIzOC4zIiByPSIxLjEiIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIyMTcuNyIgY3k9IjExOC43IiByPSIxLjciIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIyNjcuMyIgY3k9IjEyMi43IiByPSIxLjQiIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIzMzguNiIgY3k9IjMyLjQiIHI9IjEuNiIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjE0OS4zIiBjeT0iMTIyLjgiIHI9IjAuOCIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjgxLjMiIGN5PSIxMjQuNCIgcj0iMS40IiBmaWxsPSIjYzlhNTRhIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iNDAxLjEiIGN5PSIxNDAuMyIgcj0iMS4yIiBmaWxsPSIjYzlhNTRhIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMTQxLjgiIGN5PSIxMS45IiByPSIxLjMiIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIyMDEuNCIgY3k9IjM5LjUiIHI9IjEuNSIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjM4Mi4xIiBjeT0iMzIuOCIgcj0iMS42IiBmaWxsPSIjYzlhNTRhIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMTgyLjIiIGN5PSIzMS4wIiByPSIxLjQiIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIxOTQuNSIgY3k9IjE0NC40IiByPSIxLjUiIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIxMS42IiBjeT0iNy4xIiByPSIxLjQiIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIyNzYuMSIgY3k9IjEzNS43IiByPSIxLjIiIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIzMzUuNyIgY3k9IjIzLjgiIHI9IjEuNSIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjE4Mi4yIiBjeT0iNy43IiByPSIxLjciIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSI4OS40IiBjeT0iMTIyLjMiIHI9IjEuMyIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjM1MC40IiBjeT0iMTI1LjgiIHI9IjAuOSIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjM0Ny40IiBjeT0iMTQyLjkiIHI9IjEuNyIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjM2Ni42IiBjeT0iOC43IiByPSIxLjYiIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSI3Mi40IiBjeT0iMjUuOSIgcj0iMS4zIiBmaWxsPSIjYzlhNTRhIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMjg2LjYiIGN5PSIxMzIuNyIgcj0iMS4zIiBmaWxsPSIjYzlhNTRhIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMTA0LjQiIGN5PSIyMS40IiByPSIxLjEiIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48Y2lyY2xlIGN4PSIzMTkuMiIgY3k9IjMxLjgiIHI9IjEuNyIgZmlsbD0iI2M5YTU0YSIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjI5MC45IiBjeT0iMjAuMCIgcj0iMS4zIiBmaWxsPSIjYzlhNTRhIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMjkzLjciIGN5PSIyMy4yIiByPSIxLjciIGZpbGw9IiNjOWE1NGEiIG9wYWNpdHk9IjAuODUiLz48L3N2Zz4=") repeat-x center / auto 100%, linear-gradient(180deg, #fbf8ef, #f3eedf) !important; }
.jc-cover-leaves > span { color: #1d3a21 !important; background: rgba(251,248,239,.9); padding: 4px 10px; border-radius: 8px; }
.jc-cover-waves { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIDAgNjAwIDE2MCI+PHBhdGggZD0iTTAsNDAgTDAsNTAuNCBMMjUsNDQuNCBMNTAsMzcuMSBMNzUsMzAuNyBMMTAwLDI2LjcgTDEyNSwyNi4zIEwxNTAsMjkuNiBMMTc1LDM1LjYgTDIwMCw0Mi45IEwyMjUsNDkuMyBMMjUwLDUzLjMgTDI3NSw1My43IEwzMDAsNTAuNCBMMzI1LDQ0LjQgTDM1MCwzNy4xIEwzNzUsMzAuNyBMNDAwLDI2LjcgTDQyNSwyNi4zIEw0NTAsMjkuNiBMNDc1LDM1LjYgTDUwMCw0Mi45IEw1MjUsNDkuMyBMNTUwLDUzLjMgTDU3NSw1My43IEw2MDAsNTAuNCBMNjAwLDE2MCBMMCwxNjAgWiIgZmlsbD0iI2RmZmY2MyIgb3BhY2l0eT0iMC4zNSIvPjxwYXRoIGQ9Ik0wLDcwIEwwLDgwLjggTDI1LDgzLjggTDUwLDgzLjEgTDc1LDc4LjkgTDEwMCw3Mi4zIEwxMjUsNjUuMSBMMTUwLDU5LjIgTDE3NSw1Ni4yIEwyMDAsNTYuOSBMMjI1LDYxLjEgTDI1MCw2Ny43IEwyNzUsNzQuOSBMMzAwLDgwLjggTDMyNSw4My44IEwzNTAsODMuMSBMMzc1LDc4LjkgTDQwMCw3Mi4zIEw0MjUsNjUuMSBMNDUwLDU5LjIgTDQ3NSw1Ni4yIEw1MDAsNTYuOSBMNTI1LDYxLjEgTDU1MCw2Ny43IEw1NzUsNzQuOSBMNjAwLDgwLjggTDYwMCwxNjAgTDAsMTYwIFoiIGZpbGw9IiM5YmQxM2MiIG9wYWNpdHk9IjAuMzUiLz48cGF0aCBkPSJNMCw5NSBMMCwxMDQuNiBMMjUsMTA4LjQgTDUwLDEwOC42IEw3NSwxMDUuMiBMMTAwLDk5LjEgTDEyNSw5MS44IEwxNTAsODUuNCBMMTc1LDgxLjYgTDIwMCw4MS40IEwyMjUsODQuOCBMMjUwLDkwLjkgTDI3NSw5OC4yIEwzMDAsMTA0LjYgTDMyNSwxMDguNCBMMzUwLDEwOC42IEwzNzUsMTA1LjIgTDQwMCw5OS4xIEw0MjUsOTEuOCBMNDUwLDg1LjQgTDQ3NSw4MS42IEw1MDAsODEuNCBMNTI1LDg0LjggTDU1MCw5MC45IEw1NzUsOTguMiBMNjAwLDEwNC42IEw2MDAsMTYwIEwwLDE2MCBaIiBmaWxsPSIjMmU3ZDNhIiBvcGFjaXR5PSIwLjU1Ii8+PHBhdGggZD0iTTAsMTIwIEwwLDEyOC4xIEwyNSwxMzIuNyBMNTAsMTMzLjkgTDc1LDEzMS40IEwxMDAsMTI1LjggTDEyNSwxMTguNyBMMTUwLDExMS45IEwxNzUsMTA3LjMgTDIwMCwxMDYuMSBMMjI1LDEwOC42IEwyNTAsMTE0LjIgTDI3NSwxMjEuMyBMMzAwLDEyOC4xIEwzMjUsMTMyLjcgTDM1MCwxMzMuOSBMMzc1LDEzMS40IEw0MDAsMTI1LjggTDQyNSwxMTguNyBMNDUwLDExMS45IEw0NzUsMTA3LjMgTDUwMCwxMDYuMSBMNTI1LDEwOC42IEw1NTAsMTE0LjIgTDU3NSwxMjEuMyBMNjAwLDEyOC4xIEw2MDAsMTYwIEwwLDE2MCBaIiBmaWxsPSIjMTc2MTFmIiBvcGFjaXR5PSIwLjgiLz48L3N2Zz4=") repeat-x bottom / auto 100%, linear-gradient(135deg, #0f3d15, #1c6a26) !important; }
.jc-cover-geo { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIDAgMzIwIDE2MCI+PHBhdGggZD0iTTAsMCBMNDAsMCBMMCw0MCBaIiBmaWxsPSIjMTc2MTFmIi8+PHBhdGggZD0iTTQwLDAgTDQwLDQwIEwwLDQwIFoiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuMjUiLz48cGF0aCBkPSJNNDAsMCBMODAsMCBMNDAsNDAgWiIgZmlsbD0iIzE3NjExZiIvPjxwYXRoIGQ9Ik04MCwwIEw4MCw0MCBMNDAsNDAgWiIgZmlsbD0iIzFmN2EyYSIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik04MCwwIEwxMjAsMCBMODAsNDAgWiIgZmlsbD0iIzJlNmIzZCIvPjxwYXRoIGQ9Ik0xMjAsMCBMMTIwLDQwIEw4MCw0MCBaIiBmaWxsPSIjMGYzZDE1IiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTEyMCwwIEwxNjAsMCBMMTIwLDQwIFoiIGZpbGw9IiMxMDUzMTgiLz48cGF0aCBkPSJNMTYwLDAgTDE2MCw0MCBMMTIwLDQwIFoiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuMjUiLz48cGF0aCBkPSJNMTYwLDAgTDIwMCwwIEwxNjAsNDAgWiIgZmlsbD0iIzEwNTMxOCIvPjxwYXRoIGQ9Ik0yMDAsMCBMMjAwLDQwIEwxNjAsNDAgWiIgZmlsbD0iIzJlNmIzZCIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik0yMDAsMCBMMjQwLDAgTDIwMCw0MCBaIiBmaWxsPSIjMWY3YTJhIi8+PHBhdGggZD0iTTI0MCwwIEwyNDAsNDAgTDIwMCw0MCBaIiBmaWxsPSIjZGZmZjYzIiBvcGFjaXR5PSIwLjI1Ii8+PHBhdGggZD0iTTI0MCwwIEwyODAsMCBMMjQwLDQwIFoiIGZpbGw9IiMxNzYxMWYiLz48cGF0aCBkPSJNMjgwLDAgTDI4MCw0MCBMMjQwLDQwIFoiIGZpbGw9IiMxNzYxMWYiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMjgwLDAgTDMyMCwwIEwyODAsNDAgWiIgZmlsbD0iIzJlNmIzZCIvPjxwYXRoIGQ9Ik0zMjAsMCBMMzIwLDQwIEwyODAsNDAgWiIgZmlsbD0iI2RmZmY2MyIgb3BhY2l0eT0iMC4yNSIvPjxwYXRoIGQ9Ik0zMjAsMCBMMzYwLDAgTDMyMCw0MCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTM2MCwwIEwzNjAsNDAgTDMyMCw0MCBaIiBmaWxsPSIjMmU2YjNkIiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTAsNDAgTDQwLDQwIEwwLDgwIFoiIGZpbGw9IiMxNzYxMWYiLz48cGF0aCBkPSJNNDAsNDAgTDQwLDgwIEwwLDgwIFoiIGZpbGw9IiMxNzYxMWYiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNNDAsNDAgTDgwLDQwIEw0MCw4MCBaIiBmaWxsPSIjMTc2MTFmIi8+PHBhdGggZD0iTTgwLDQwIEw4MCw4MCBMNDAsODAgWiIgZmlsbD0iI2RmZmY2MyIgb3BhY2l0eT0iMC4yNSIvPjxwYXRoIGQ9Ik04MCw0MCBMMTIwLDQwIEw4MCw4MCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTEyMCw0MCBMMTIwLDgwIEw4MCw4MCBaIiBmaWxsPSIjMGYzZDE1IiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTEyMCw0MCBMMTYwLDQwIEwxMjAsODAgWiIgZmlsbD0iIzEwNTMxOCIvPjxwYXRoIGQ9Ik0xNjAsNDAgTDE2MCw4MCBMMTIwLDgwIFoiIGZpbGw9IiMwZjNkMTUiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMTYwLDQwIEwyMDAsNDAgTDE2MCw4MCBaIiBmaWxsPSIjMTA1MzE4Ii8+PHBhdGggZD0iTTIwMCw0MCBMMjAwLDgwIEwxNjAsODAgWiIgZmlsbD0iIzE3NjExZiIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik0yMDAsNDAgTDI0MCw0MCBMMjAwLDgwIFoiIGZpbGw9IiMxMDUzMTgiLz48cGF0aCBkPSJNMjQwLDQwIEwyNDAsODAgTDIwMCw4MCBaIiBmaWxsPSIjMWY3YTJhIiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTI0MCw0MCBMMjgwLDQwIEwyNDAsODAgWiIgZmlsbD0iIzEwNTMxOCIvPjxwYXRoIGQ9Ik0yODAsNDAgTDI4MCw4MCBMMjQwLDgwIFoiIGZpbGw9IiMxZjdhMmEiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMjgwLDQwIEwzMjAsNDAgTDI4MCw4MCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTMyMCw0MCBMMzIwLDgwIEwyODAsODAgWiIgZmlsbD0iI2RmZmY2MyIgb3BhY2l0eT0iMC4yNSIvPjxwYXRoIGQ9Ik0zMjAsNDAgTDM2MCw0MCBMMzIwLDgwIFoiIGZpbGw9IiMyZTZiM2QiLz48cGF0aCBkPSJNMzYwLDQwIEwzNjAsODAgTDMyMCw4MCBaIiBmaWxsPSIjMGYzZDE1IiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTAsODAgTDQwLDgwIEwwLDEyMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTQwLDgwIEw0MCwxMjAgTDAsMTIwIFoiIGZpbGw9IiMyZTZiM2QiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNNDAsODAgTDgwLDgwIEw0MCwxMjAgWiIgZmlsbD0iIzJlNmIzZCIvPjxwYXRoIGQ9Ik04MCw4MCBMODAsMTIwIEw0MCwxMjAgWiIgZmlsbD0iIzE3NjExZiIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik04MCw4MCBMMTIwLDgwIEw4MCwxMjAgWiIgZmlsbD0iIzFmN2EyYSIvPjxwYXRoIGQ9Ik0xMjAsODAgTDEyMCwxMjAgTDgwLDEyMCBaIiBmaWxsPSIjMTA1MzE4IiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTEyMCw4MCBMMTYwLDgwIEwxMjAsMTIwIFoiIGZpbGw9IiMxMDUzMTgiLz48cGF0aCBkPSJNMTYwLDgwIEwxNjAsMTIwIEwxMjAsMTIwIFoiIGZpbGw9IiMxNzYxMWYiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMTYwLDgwIEwyMDAsODAgTDE2MCwxMjAgWiIgZmlsbD0iIzJlNmIzZCIvPjxwYXRoIGQ9Ik0yMDAsODAgTDIwMCwxMjAgTDE2MCwxMjAgWiIgZmlsbD0iIzE3NjExZiIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik0yMDAsODAgTDI0MCw4MCBMMjAwLDEyMCBaIiBmaWxsPSIjMWY3YTJhIi8+PHBhdGggZD0iTTI0MCw4MCBMMjQwLDEyMCBMMjAwLDEyMCBaIiBmaWxsPSIjMGYzZDE1IiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTI0MCw4MCBMMjgwLDgwIEwyNDAsMTIwIFoiIGZpbGw9IiMyZTZiM2QiLz48cGF0aCBkPSJNMjgwLDgwIEwyODAsMTIwIEwyNDAsMTIwIFoiIGZpbGw9IiMwZjNkMTUiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMjgwLDgwIEwzMjAsODAgTDI4MCwxMjAgWiIgZmlsbD0iIzFmN2EyYSIvPjxwYXRoIGQ9Ik0zMjAsODAgTDMyMCwxMjAgTDI4MCwxMjAgWiIgZmlsbD0iIzJlNmIzZCIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik0zMjAsODAgTDM2MCw4MCBMMzIwLDEyMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTM2MCw4MCBMMzYwLDEyMCBMMzIwLDEyMCBaIiBmaWxsPSIjZGZmZjYzIiBvcGFjaXR5PSIwLjI1Ii8+PHBhdGggZD0iTTAsMTIwIEw0MCwxMjAgTDAsMTYwIFoiIGZpbGw9IiMxZjdhMmEiLz48cGF0aCBkPSJNNDAsMTIwIEw0MCwxNjAgTDAsMTYwIFoiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuMjUiLz48cGF0aCBkPSJNNDAsMTIwIEw4MCwxMjAgTDQwLDE2MCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTgwLDEyMCBMODAsMTYwIEw0MCwxNjAgWiIgZmlsbD0iI2RmZmY2MyIgb3BhY2l0eT0iMC4yNSIvPjxwYXRoIGQ9Ik04MCwxMjAgTDEyMCwxMjAgTDgwLDE2MCBaIiBmaWxsPSIjMTc2MTFmIi8+PHBhdGggZD0iTTEyMCwxMjAgTDEyMCwxNjAgTDgwLDE2MCBaIiBmaWxsPSIjMWY3YTJhIiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTEyMCwxMjAgTDE2MCwxMjAgTDEyMCwxNjAgWiIgZmlsbD0iIzEwNTMxOCIvPjxwYXRoIGQ9Ik0xNjAsMTIwIEwxNjAsMTYwIEwxMjAsMTYwIFoiIGZpbGw9IiMxZjdhMmEiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMTYwLDEyMCBMMjAwLDEyMCBMMTYwLDE2MCBaIiBmaWxsPSIjMTc2MTFmIi8+PHBhdGggZD0iTTIwMCwxMjAgTDIwMCwxNjAgTDE2MCwxNjAgWiIgZmlsbD0iIzBmM2QxNSIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik0yMDAsMTIwIEwyNDAsMTIwIEwyMDAsMTYwIFoiIGZpbGw9IiMxZjdhMmEiLz48cGF0aCBkPSJNMjQwLDEyMCBMMjQwLDE2MCBMMjAwLDE2MCBaIiBmaWxsPSIjZGZmZjYzIiBvcGFjaXR5PSIwLjI1Ii8+PHBhdGggZD0iTTI0MCwxMjAgTDI4MCwxMjAgTDI0MCwxNjAgWiIgZmlsbD0iIzEwNTMxOCIvPjxwYXRoIGQ9Ik0yODAsMTIwIEwyODAsMTYwIEwyNDAsMTYwIFoiIGZpbGw9IiMwZjNkMTUiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMjgwLDEyMCBMMzIwLDEyMCBMMjgwLDE2MCBaIiBmaWxsPSIjMTc2MTFmIi8+PHBhdGggZD0iTTMyMCwxMjAgTDMyMCwxNjAgTDI4MCwxNjAgWiIgZmlsbD0iIzBmM2QxNSIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik0zMjAsMTIwIEwzNjAsMTIwIEwzMjAsMTYwIFoiIGZpbGw9IiMxZjdhMmEiLz48cGF0aCBkPSJNMzYwLDEyMCBMMzYwLDE2MCBMMzIwLDE2MCBaIiBmaWxsPSIjMWY3YTJhIiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTAsMTYwIEw0MCwxNjAgTDAsMjAwIFoiIGZpbGw9IiMxMDUzMTgiLz48cGF0aCBkPSJNNDAsMTYwIEw0MCwyMDAgTDAsMjAwIFoiIGZpbGw9IiMxMDUzMTgiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNNDAsMTYwIEw4MCwxNjAgTDQwLDIwMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTgwLDE2MCBMODAsMjAwIEw0MCwyMDAgWiIgZmlsbD0iIzBmM2QxNSIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik04MCwxNjAgTDEyMCwxNjAgTDgwLDIwMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTEyMCwxNjAgTDEyMCwyMDAgTDgwLDIwMCBaIiBmaWxsPSIjMTA1MzE4IiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTEyMCwxNjAgTDE2MCwxNjAgTDEyMCwyMDAgWiIgZmlsbD0iIzFmN2EyYSIvPjxwYXRoIGQ9Ik0xNjAsMTYwIEwxNjAsMjAwIEwxMjAsMjAwIFoiIGZpbGw9IiMxMDUzMTgiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMTYwLDE2MCBMMjAwLDE2MCBMMTYwLDIwMCBaIiBmaWxsPSIjMmU2YjNkIi8+PHBhdGggZD0iTTIwMCwxNjAgTDIwMCwyMDAgTDE2MCwyMDAgWiIgZmlsbD0iIzE3NjExZiIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik0yMDAsMTYwIEwyNDAsMTYwIEwyMDAsMjAwIFoiIGZpbGw9IiMxMDUzMTgiLz48cGF0aCBkPSJNMjQwLDE2MCBMMjQwLDIwMCBMMjAwLDIwMCBaIiBmaWxsPSIjMWY3YTJhIiBvcGFjaXR5PSIxIi8+PHBhdGggZD0iTTI0MCwxNjAgTDI4MCwxNjAgTDI0MCwyMDAgWiIgZmlsbD0iIzJlNmIzZCIvPjxwYXRoIGQ9Ik0yODAsMTYwIEwyODAsMjAwIEwyNDAsMjAwIFoiIGZpbGw9IiMyZTZiM2QiIG9wYWNpdHk9IjEiLz48cGF0aCBkPSJNMjgwLDE2MCBMMzIwLDE2MCBMMjgwLDIwMCBaIiBmaWxsPSIjMTA1MzE4Ii8+PHBhdGggZD0iTTMyMCwxNjAgTDMyMCwyMDAgTDI4MCwyMDAgWiIgZmlsbD0iIzEwNTMxOCIgb3BhY2l0eT0iMSIvPjxwYXRoIGQ9Ik0zMjAsMTYwIEwzNjAsMTYwIEwzMjAsMjAwIFoiIGZpbGw9IiMxMDUzMTgiLz48cGF0aCBkPSJNMzYwLDE2MCBMMzYwLDIwMCBMMzIwLDIwMCBaIiBmaWxsPSIjMmU2YjNkIiBvcGFjaXR5PSIxIi8+PC9zdmc+") center / auto 100% repeat, #105318 !important; }
.jc-cover-dots { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIDAgMzAwIDE2MCI+PGNpcmNsZSBjeD0iMTM1LjciIGN5PSI4OS42IiByPSI2LjYiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuNjAiLz48Y2lyY2xlIGN4PSIyNTYuNSIgY3k9IjMwLjQiIHI9IjYuMCIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC43MCIvPjxjaXJjbGUgY3g9IjIzNy45IiBjeT0iMTUuMSIgcj0iMy41IiBmaWxsPSIjZGZmZjYzIiBvcGFjaXR5PSIwLjY1Ii8+PGNpcmNsZSBjeD0iMjY3LjEiIGN5PSIxMDEuNSIgcj0iNS4wIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjg4Ii8+PGNpcmNsZSBjeD0iMTk2LjIiIGN5PSI5OC41IiByPSIyLjgiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuODEiLz48Y2lyY2xlIGN4PSIxOC45IiBjeT0iNS43IiByPSI2LjQiIGZpbGw9IiM1ZjhmNmIiIG9wYWNpdHk9IjAuMzciLz48Y2lyY2xlIGN4PSIxMzkuMiIgY3k9IjcwLjUiIHI9IjYuMiIgZmlsbD0iIzVmOGY2YiIgb3BhY2l0eT0iMC40OCIvPjxjaXJjbGUgY3g9Ijg4LjIiIGN5PSIwLjciIHI9IjIuNCIgZmlsbD0iIzliZDEzYyIgb3BhY2l0eT0iMC41NyIvPjxjaXJjbGUgY3g9IjE2NS40IiBjeT0iMTQ5LjEiIHI9IjIuNCIgZmlsbD0iIzliZDEzYyIgb3BhY2l0eT0iMC41MiIvPjxjaXJjbGUgY3g9IjY4LjkiIGN5PSI0Ni4yIiByPSIyLjQiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuNTciLz48Y2lyY2xlIGN4PSIyNTQuMCIgY3k9IjYxLjgiIHI9IjYuOCIgZmlsbD0iI2RmZmY2MyIgb3BhY2l0eT0iMC40NyIvPjxjaXJjbGUgY3g9IjI3OC4xIiBjeT0iOC40IiByPSIzLjkiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuNTgiLz48Y2lyY2xlIGN4PSIxNjkuOSIgY3k9IjMxLjgiIHI9IjUuNCIgZmlsbD0iIzliZDEzYyIgb3BhY2l0eT0iMC40MCIvPjxjaXJjbGUgY3g9Ijk5LjgiIGN5PSIxNTQuMyIgcj0iNS44IiBmaWxsPSIjZGZmZjYzIiBvcGFjaXR5PSIwLjQyIi8+PGNpcmNsZSBjeD0iMjEyLjEiIGN5PSIxLjgiIHI9IjQuMyIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC40NSIvPjxjaXJjbGUgY3g9IjE2Ny44IiBjeT0iNzEuNiIgcj0iMy4wIiBmaWxsPSIjZjI5ZjNhIiBvcGFjaXR5PSIwLjU4Ii8+PGNpcmNsZSBjeD0iMTE1LjEiIGN5PSI2My4yIiByPSI3LjAiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuNTAiLz48Y2lyY2xlIGN4PSIyOTEuMyIgY3k9IjEyOC41IiByPSIzLjUiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuNDciLz48Y2lyY2xlIGN4PSIxMTguMyIgY3k9IjEzNi43IiByPSI1LjIiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuMzciLz48Y2lyY2xlIGN4PSI0My45IiBjeT0iNzAuNiIgcj0iMi4wIiBmaWxsPSIjNWY4ZjZiIiBvcGFjaXR5PSIwLjUzIi8+PGNpcmNsZSBjeD0iODguOSIgY3k9IjExLjciIHI9IjIuNSIgZmlsbD0iIzVmOGY2YiIgb3BhY2l0eT0iMC43MCIvPjxjaXJjbGUgY3g9IjQuNyIgY3k9IjU5LjAiIHI9IjUuMSIgZmlsbD0iI2YyOWYzYSIgb3BhY2l0eT0iMC44OCIvPjxjaXJjbGUgY3g9IjE0NS4xIiBjeT0iOTEuOSIgcj0iNi4zIiBmaWxsPSIjZjI5ZjNhIiBvcGFjaXR5PSIwLjY5Ii8+PGNpcmNsZSBjeD0iOTMuMiIgY3k9IjM2LjUiIHI9IjUuMSIgZmlsbD0iI2YyOWYzYSIgb3BhY2l0eT0iMC40NCIvPjxjaXJjbGUgY3g9IjE4OC43IiBjeT0iODguNiIgcj0iNS40IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjg0Ii8+PGNpcmNsZSBjeD0iMTgxLjEiIGN5PSI2Ny40IiByPSIyLjUiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuNjMiLz48Y2lyY2xlIGN4PSI3Ni42IiBjeT0iMTE4LjQiIHI9IjQuMCIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC44MCIvPjxjaXJjbGUgY3g9IjE3OC45IiBjeT0iNDYuOSIgcj0iMi45IiBmaWxsPSIjZGZmZjYzIiBvcGFjaXR5PSIwLjQyIi8+PGNpcmNsZSBjeD0iMTQzLjgiIGN5PSIxMDQuNiIgcj0iNS4xIiBmaWxsPSIjZGZmZjYzIiBvcGFjaXR5PSIwLjUwIi8+PGNpcmNsZSBjeD0iMjc1LjIiIGN5PSIzMi42IiByPSIyLjEiIGZpbGw9IiM5YmQxM2MiIG9wYWNpdHk9IjAuNTgiLz48Y2lyY2xlIGN4PSI3NC43IiBjeT0iNy41IiByPSIzLjQiIGZpbGw9IiM1ZjhmNmIiIG9wYWNpdHk9IjAuNjYiLz48Y2lyY2xlIGN4PSIzOS41IiBjeT0iNTcuOSIgcj0iNi41IiBmaWxsPSIjOWJkMTNjIiBvcGFjaXR5PSIwLjcxIi8+PGNpcmNsZSBjeD0iMjA3LjQiIGN5PSI5My41IiByPSIyLjciIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuODYiLz48Y2lyY2xlIGN4PSIxNDIuNCIgY3k9IjU3LjIiIHI9IjMuNiIgZmlsbD0iI2RmZmY2MyIgb3BhY2l0eT0iMC4zNiIvPjxjaXJjbGUgY3g9IjE5MC45IiBjeT0iNzcuMiIgcj0iNS43IiBmaWxsPSIjOWJkMTNjIiBvcGFjaXR5PSIwLjQzIi8+PGNpcmNsZSBjeD0iMjEuNyIgY3k9IjcyLjUiIHI9IjMuOCIgZmlsbD0iI2RmZmY2MyIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjIyMS4xIiBjeT0iMTEyLjYiIHI9IjYuMCIgZmlsbD0iIzliZDEzYyIgb3BhY2l0eT0iMC41NCIvPjxjaXJjbGUgY3g9IjIwNS41IiBjeT0iMTQ0LjEiIHI9IjYuNCIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC44NyIvPjxjaXJjbGUgY3g9IjkuMSIgY3k9IjgwLjAiIHI9IjIuMSIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC41NiIvPjxjaXJjbGUgY3g9IjMuNyIgY3k9IjExLjYiIHI9IjIuNSIgZmlsbD0iI2RmZmY2MyIgb3BhY2l0eT0iMC45MCIvPjxjaXJjbGUgY3g9IjI2My45IiBjeT0iMTE2LjUiIHI9IjMuOSIgZmlsbD0iIzVmOGY2YiIgb3BhY2l0eT0iMC42MCIvPjxjaXJjbGUgY3g9IjEzOC44IiBjeT0iODYuNiIgcj0iNC42IiBmaWxsPSIjNWY4ZjZiIiBvcGFjaXR5PSIwLjM3Ii8+PGNpcmNsZSBjeD0iMTgwLjQiIGN5PSI3Ny4wIiByPSIzLjIiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuNjIiLz48Y2lyY2xlIGN4PSIxODQuNCIgY3k9IjE0Ny4zIiByPSIzLjMiIGZpbGw9IiNkZmZmNjMiIG9wYWNpdHk9IjAuNTUiLz48Y2lyY2xlIGN4PSI0My4wIiBjeT0iOTcuOSIgcj0iNC42IiBmaWxsPSIjOWJkMTNjIiBvcGFjaXR5PSIwLjcxIi8+PGNpcmNsZSBjeD0iMTMyLjYiIGN5PSIxNDIuNyIgcj0iMy42IiBmaWxsPSIjOWJkMTNjIiBvcGFjaXR5PSIwLjQ2Ii8+PC9zdmc+") center / auto 100% repeat, radial-gradient(circle at 20% 20%, #1f7a2a, #0f3d15 70%) !important; }
.jc-cover-sunrise { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iMjIwIiB2aWV3Qm94PSIwIDAgODAwIDIyMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNYXggc2xpY2UiPjxwYXRoIGQ9Ik00MDAsMjMwIEwtNTAwLDIzMCBMLTQ5OCwxNjcgWiIgZmlsbD0iI2ZmZjNkNiIgb3BhY2l0eT0iMC4xOCIvPjxwYXRoIGQ9Ik00MDAsMjMwIEwtNDgwLDQzIEwtNDY1LC0xOCBaIiBmaWxsPSIjZmZmM2Q2IiBvcGFjaXR5PSIwLjE4Ii8+PHBhdGggZD0iTTQwMCwyMzAgTC00MjIsLTEzNiBMLTM5NSwtMTkzIFoiIGZpbGw9IiNmZmYzZDYiIG9wYWNpdHk9IjAuMTgiLz48cGF0aCBkPSJNNDAwLDIzMCBMLTMyOCwtMjk5IEwtMjg5LC0zNDkgWiIgZmlsbD0iI2ZmZjNkNiIgb3BhY2l0eT0iMC4xOCIvPjxwYXRoIGQ9Ik00MDAsMjMwIEwtMjAyLC00MzkgTC0xNTQsLTQ3OSBaIiBmaWxsPSIjZmZmM2Q2IiBvcGFjaXR5PSIwLjE4Ii8+PHBhdGggZD0iTTQwMCwyMzAgTC01MCwtNTQ5IEw2LC01NzkgWiIgZmlsbD0iI2ZmZjNkNiIgb3BhY2l0eT0iMC4xOCIvPjxwYXRoIGQ9Ik00MDAsMjMwIEwxMjIsLTYyNiBMMTgyLC02NDMgWiIgZmlsbD0iI2ZmZjNkNiIgb3BhY2l0eT0iMC4xOCIvPjxwYXRoIGQ9Ik00MDAsMjMwIEwzMDYsLTY2NSBMMzY5LC02NjkgWiIgZmlsbD0iI2ZmZjNkNiIgb3BhY2l0eT0iMC4xOCIvPjxwYXRoIGQ9Ik00MDAsMjMwIEw0OTQsLTY2NSBMNTU2LC02NTYgWiIgZmlsbD0iI2ZmZjNkNiIgb3BhY2l0eT0iMC4xOCIvPjxwYXRoIGQ9Ik00MDAsMjMwIEw2NzgsLTYyNiBMNzM3LC02MDQgWiIgZmlsbD0iI2ZmZjNkNiIgb3BhY2l0eT0iMC4xOCIvPjxwYXRoIGQ9Ik00MDAsMjMwIEw4NTAsLTU0OSBMOTAzLC01MTYgWiIgZmlsbD0iI2ZmZjNkNiIgb3BhY2l0eT0iMC4xOCIvPjxwYXRoIGQ9Ik00MDAsMjMwIEwxMDAyLC00MzkgTDEwNDgsLTM5NSBaIiBmaWxsPSIjZmZmM2Q2IiBvcGFjaXR5PSIwLjE4Ii8+PHBhdGggZD0iTTQwMCwyMzAgTDExMjgsLTI5OSBMMTE2MywtMjQ3IFoiIGZpbGw9IiNmZmYzZDYiIG9wYWNpdHk9IjAuMTgiLz48cGF0aCBkPSJNNDAwLDIzMCBMMTIyMiwtMTM2IEwxMjQ2LC03OCBaIiBmaWxsPSIjZmZmM2Q2IiBvcGFjaXR5PSIwLjE4Ii8+PHBhdGggZD0iTTQwMCwyMzAgTDEyODAsNDMgTDEyOTEsMTA1IFoiIGZpbGw9IiNmZmYzZDYiIG9wYWNpdHk9IjAuMTgiLz48cGF0aCBkPSJNNDAwLDIzMCBMMTMwMCwyMzAgTDEyOTgsMjkzIFoiIGZpbGw9IiNmZmYzZDYiIG9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI0MDAiIGN5PSIyMzAiIHI9IjEyMCIgZmlsbD0iI2ZmZDI3YSIgb3BhY2l0eT0iMC41NSIvPjxjaXJjbGUgY3g9IjQwMCIgY3k9IjIzMCIgcj0iODAiIGZpbGw9IiNmZmU3YTgiIG9wYWNpdHk9IjAuNyIvPjxwYXRoIGQ9Ik0wLDE5MCBDMTUwLDE2MCAyNTAsMjAwIDQwMCwxODAgQzU2MCwxNjAgNjUwLDIwMCA4MDAsMTc1IEw4MDAsMjIwIEwwLDIyMCBaIiBmaWxsPSIjMTc2MTFmIiBvcGFjaXR5PSIwLjkiLz48L3N2Zz4=") no-repeat bottom / cover, linear-gradient(180deg, #f29f3a, #f6c565) !important; }
.jc-cover-sunrise > span { color: #1d3a21 !important; }
.jc-cover.has-img { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.jc-cover.has-img > span { text-shadow: 0 1px 8px rgba(0,0,0,.45); color: #fff !important; }
/* seller directory covers use the store banner designs */
.seller-directory > button .seller-cover.jc-cover { height: 86px; }
/* store profile editor */
.store-profile-form { display: flex; flex-direction: column; gap: 16px; }
.store-profile-form label { display: flex; flex-direction: column; gap: 6px; }
.store-profile-form label > span { font-size: 12px; font-weight: 700; color: #4d5d50; }
.store-profile-form textarea { padding: 11px 12px; border-radius: 10px; border: 1px solid var(--color-border); font: inherit; }
.sp-row { display: flex; gap: 16px; align-items: flex-start; }
.sp-row strong { display: block; font-size: 15px; color: #1d3a21; }
.sp-row small { display: block; color: #6b786d; font-size: 12px; margin: 2px 0 8px; }
.sp-logo { width: 84px; height: 84px; border-radius: 50%; overflow: hidden; flex: none; display: grid; place-items: center; background: #105318; color: #dfff63; font-size: 30px; font-weight: 800; border: 3px solid #fff; box-shadow: 0 0 0 1px var(--color-border); }
.sp-logo img { width: 100%; height: 100%; object-fit: cover; }
.sp-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.sp-btns > button { padding: 9px 13px; border-radius: 10px; border: 1px solid var(--color-border); background: #fff; font-weight: 700; font-size: 13px; }
.sp-styles { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin-bottom: 10px; }
.sp-styles > button { height: 64px; border-radius: 12px; border: 2px solid transparent; display: flex; align-items: flex-end; padding: 6px 8px; }
.sp-styles > button span { font-size: 11px; font-weight: 800; background: rgba(255,255,255,.9); color: #1d3a21; padding: 2px 7px; border-radius: 99px; }
.sp-styles > button.on { border-color: #dfff63; box-shadow: 0 0 0 2px #105318; }
/* product on/off switch in the seller product list */
.vis-toggle { width: 34px !important; height: 20px !important; padding: 0 !important; border-radius: 99px !important; background: #cfd8cc !important; position: relative; }
.vis-toggle i { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .15s; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.vis-toggle.on { background: #1f8a3a !important; }
.vis-toggle.on i { left: 16px; }
/* home: scrolling product rows */
.pmarquee .tmarquee-track { gap: 12px; padding: 4px 0; }
.pmarquee .product-card { width: 210px; flex: none; }
.pmarquee + .pmarquee { margin-top: 12px; }
/* seller: fee explainer + Telegram alerts */
.fee-explain { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding: 14px 16px; margin: 12px 0; border-radius: 14px; background: #f4f8ef; border: 1px solid #dfe9d8; }
.fee-explain span { font-size: 11px; letter-spacing: .14em; color: #859187; font-weight: 700; }
.fee-explain strong { display: block; margin: 3px 0; font-size: 16px; color: #1d3a21; }
.fee-explain small { display: block; font-size: 12.5px; color: #5b6b5e; line-height: 1.55; }
.fee-explain button { flex: none; padding: 9px 13px; border-radius: 10px; border: 1px solid var(--color-border); background: #fff; font-weight: 700; font-size: 13px; }
.tg-card { display: flex; gap: 14px; align-items: flex-start; padding: 16px; margin: 12px 0; border-radius: 16px; border: 1px solid #cfe3f5; background: linear-gradient(135deg, #eef7ff, #fff); }
.tg-card.on { border-color: #cfe7cf; background: linear-gradient(135deg, #eff8ec, #fff); }
.tg-ic { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: #229ed9; color: #fff; font-size: 22px; flex: none; }
.tg-card.on .tg-ic { background: #1f8a3a; }
.tg-card strong { display: block; font-size: 15px; color: #1d3a21; }
.tg-card small { display: block; font-size: 12.5px; color: #5b6b5e; line-height: 1.55; margin-top: 2px; }
.tg-steps { margin: 10px 0 4px; padding-left: 18px; font-size: 13px; color: #2f4633; line-height: 1.7; }
.tg-btns { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 10px; }
.tg-btns > button:not(.primary-button) { padding: 9px 13px; border-radius: 10px; border: 1px solid var(--color-border); background: #fff; font-weight: 700; font-size: 13px; }
.tg-btns a { font-size: 12px; color: #0b6aa2; }
@media (max-width: 700px) { .fee-explain { flex-direction: column; align-items: flex-start; } }
.smarquee .tmarquee-track { gap: 12px; padding: 4px 0; }
.smarquee .seller-chip { flex: none; width: 200px; }

/* Seller application — sample product */
.sample-box textarea { min-height: 72px; }
.sample-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.sample-thumb { position: relative; aspect-ratio: 1; border-radius: 12px; overflow: hidden; border: 1px solid var(--color-border); background: #fff; }
.sample-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sample-thumb button { position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; border-radius: 50%; border: none; background: rgba(15, 25, 17, .72); color: #fff; font-size: 16px; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.sample-thumbs .sample-add { grid-column: 1 / -1; min-height: 52px; }
.sample-thumbs .sample-thumb + .sample-add { grid-column: auto; aspect-ratio: 1; min-height: 0; font-size: 12px; }
@media (max-width: 480px) { .sample-thumbs { grid-template-columns: repeat(3, 1fr); } }

/* Sign-in: passkey button + "or" divider */
.auth-modal .auth-or { display: flex; align-items: center; gap: 12px; margin: 16px 0 12px; color: #8a978c; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.auth-modal .auth-or::before, .auth-modal .auth-or::after { content: ""; flex: 1; height: 1px; background: var(--color-border); }
.auth-modal .passkey-btn { width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 11px; border: 1px solid var(--color-border); background: var(--color-surface, #fff); color: var(--color-ink, #1d3a21); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; transition: border-color .15s, background .15s; }
.auth-modal .passkey-btn:hover { border-color: var(--color-primary, #105318); background: #f4f9f1; }
.auth-modal .passkey-btn:disabled { opacity: .6; cursor: default; }
.auth-modal .passkey-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Account → Security */
.sec-card { border: 1px solid var(--color-border); border-radius: 18px; padding: 20px; background: var(--color-surface, #fff); margin-bottom: 14px; }
.sec-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sec-card-head strong { display: block; font-size: 16px; color: var(--color-ink, #1d3a21); }
.sec-card-head small { display: block; color: #5b6b5e; font-size: 13px; line-height: 1.5; margin-top: 3px; max-width: 520px; }
.sec-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 99px; font-size: 12px; font-weight: 800; background: #eef2ec; color: #5b6b5e; white-space: nowrap; }
.sec-pill.on { background: #e2f5dd; color: #16692a; }
.sec-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.sec-btn { min-height: 40px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--color-border); background: var(--color-surface, #fff); color: var(--color-ink, #1d3a21); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.sec-btn.primary { background: #105318; border-color: #105318; color: #fff; }
.sec-btn.danger { color: #b42318; border-color: #f1c7c2; }
.sec-btn:disabled { opacity: .55; cursor: default; }
.sec-list { margin-top: 12px; border-top: 1px solid var(--color-border); }
.sec-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--color-border); flex-wrap: wrap; }
.sec-row b { font-size: 14px; color: var(--color-ink, #1d3a21); }
.sec-row small { display: block; font-size: 12px; color: #7a887c; }
.sec-setup { margin-top: 14px; display: grid; grid-template-columns: 180px 1fr; gap: 18px; align-items: start; }
.sec-qr { width: 180px; height: 180px; border-radius: 14px; border: 1px solid var(--color-border); background: #fff; padding: 8px; }
.sec-qr svg { width: 100%; height: 100%; display: block; }
.sec-secret { font-family: ui-monospace, Menlo, monospace; font-size: 13px; background: #f4f6f1; border-radius: 8px; padding: 8px 10px; word-break: break-all; margin: 6px 0 10px; }
.sec-field { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.sec-field span { font-size: 13px; font-weight: 700; color: #3f5443; }
.sec-field input { min-height: 44px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 10px; font: inherit; font-size: 15px; background: #fbfcfa; color: var(--color-ink, #1d3a21); max-width: 320px; }
.sec-codes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; font-family: ui-monospace, Menlo, monospace; font-size: 14px; background: #f4f6f1; border-radius: 12px; padding: 14px; margin-top: 10px; max-width: 360px; }
.sec-err { color: #b42318; font-size: 13px; margin-top: 8px; }
.sec-note { font-size: 13px; color: #5b6b5e; margin-top: 8px; line-height: 1.5; }
@media (max-width: 600px) { .sec-setup { grid-template-columns: 1fr; } .sec-qr { width: 160px; height: 160px; } }

/* Product video tutorial */
.video-embed { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #0f1a11; }
.video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-cta { display: inline-flex; align-items: center; gap: 8px; margin: 4px 0 12px; padding: 9px 14px; border-radius: 99px; border: 1px solid #cfe3c8; background: #eef7ea; color: #105318; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.video-cta:hover { background: #e2f2dc; }
.order-video { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 7px 12px; border-radius: 10px; background: #eef7ea; color: #105318 !important; font-weight: 700; font-size: 13px; text-decoration: none; }
.video-embed.tall { aspect-ratio: 9 / 16; max-width: 360px; margin: 0 auto; }

/* "Watch the how-to video" button + pop-up player */
.video-cta { display: inline-flex; align-items: center; gap: 12px; margin: 6px 0 16px; padding: 8px 18px 8px 8px; border-radius: 16px; border: 1px solid #cfe3c8; background: linear-gradient(135deg, #f3faef, #e4f3dd); color: #105318; font: inherit; cursor: pointer; text-align: left; box-shadow: 0 6px 18px rgba(16, 83, 24, .08); transition: transform .15s, box-shadow .15s; }
.video-cta:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(16, 83, 24, .16); }
.video-cta .vc-play { width: 44px; height: 44px; border-radius: 12px; background: #105318; display: grid; place-items: center; flex-shrink: 0; }
.video-cta .vc-play svg { width: 20px; height: 20px; fill: #dfff63; margin-left: 2px; }
.video-cta .vc-text b { display: block; font-size: 15px; }
.video-cta .vc-text small { display: block; font-size: 12px; color: #4d6a4f; font-weight: 600; }
.tut-backdrop { position: fixed; inset: 0; z-index: 9999; background: rgba(6, 18, 8, .78); display: grid; place-items: center; padding: 20px; animation: tutIn .18s ease; }
@keyframes tutIn { from { opacity: 0; } to { opacity: 1; } }
.tut-box { width: min(920px, 100%); background: #0f1a11; border-radius: 20px; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, .5); }
.tut-box.tall { width: min(400px, 100%); }
.tut-box .video-embed { border-radius: 0; }
.tut-box .video-embed.tall { max-width: none; max-height: 72vh; }
.tut-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; color: #fff; }
.tut-head span { display: block; font-size: 11px; font-weight: 800; letter-spacing: .12em; color: #dfff63; }
.tut-head strong { display: block; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70vw; }
.tut-close { width: 36px; height: 36px; border-radius: 50%; border: none; background: rgba(255, 255, 255, .12); color: #fff; font-size: 16px; cursor: pointer; flex-shrink: 0; }
.tut-close:hover { background: rgba(255, 255, 255, .22); }
.tut-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 12px 16px; color: #b9c9bb; font-size: 13px; }
.tut-foot a { color: #dfff63; font-weight: 700; text-decoration: none; }

/* ── Round 9: message seller, seller reviews ── */
.msg-seller-btn{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:11px 14px;border-radius:14px;border:1.5px solid #105318;background:#f1f8f0;color:#105318;font-weight:800;font-size:.9rem;cursor:pointer;text-align:left;transition:background .15s,transform .15s}
.msg-seller-btn:hover{background:#e3f1e1;transform:translateY(-1px)}
.msg-seller-btn small{margin-left:auto;font-weight:600;font-size:.72rem;color:#4b6b4f}
@media(max-width:520px){.msg-seller-btn small{display:none}}
.sf-actions .sf-msg{background:#105318!important;color:#fff!important;border-color:#105318!important}
.rv-stars{color:#f5a524;letter-spacing:1px;white-space:nowrap}.rv-stars i{font-style:normal;color:#d9ded6}
.rv-card{background:#fff;border:1px solid var(--color-border,#e3e8df);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.rv-card p{margin:0;font-size:.9rem;line-height:1.55;color:#243a28;word-break:break-word}
.rv-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.82rem}.rv-top b{color:#1d3a21}.rv-top small{margin-left:auto;color:#7a8a7c}
.rv-ver{font-size:.68rem;font-weight:800;color:#16803c;background:#e8f7ec;border-radius:99px;padding:2px 8px}
.rv-prod{color:#7a8a7c;font-size:.74rem}
.rv-teaser{margin:18px 0 6px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#f6faf4,#fff8f0);border:1px solid var(--color-border,#e3e8df)}
.rv-teaser-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.rv-teaser-head strong{font-size:1rem}
.rv-teaser-head span{color:#5b6b5e;font-size:.84rem}.rv-teaser-head button{margin-left:auto;border:0;background:none;color:#105318;font-weight:800;cursor:pointer}
.rv-teaser-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:860px){.rv-teaser-row{grid-template-columns:1fr}}
.rv-wrap{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start;margin-top:14px}
@media(max-width:760px){.rv-wrap{grid-template-columns:1fr}}
.rv-summary{background:#fff;border:1px solid var(--color-border,#e3e8df);border-radius:18px;padding:18px;text-align:center;position:sticky;top:90px}
.rv-big{font-size:2.6rem;font-weight:900;color:#1d3a21;line-height:1}.rv-summary .rv-stars{font-size:1.2rem}.rv-summary>small{display:block;color:#5b6b5e;margin:4px 0 12px}
.rv-dist div{display:flex;align-items:center;gap:8px;font-size:.78rem;margin:5px 0}.rv-dist span{width:26px;text-align:right;color:#5b6b5e}
.rv-dist i{flex:1;height:8px;border-radius:99px;background:#eef1ec;overflow:hidden}.rv-dist i b{display:block;height:100%;background:#f5a524;border-radius:99px}
.rv-dist em{font-style:normal;width:24px;text-align:left;color:#5b6b5e}
.rv-list{display:flex;flex-direction:column;gap:10px}
.order-review{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#fff8ec,#f6faf4);border:1px solid #f1dfbf}
.order-review>div:first-child{flex:1;min-width:200px}.order-review strong{display:block;color:#1d3a21}.order-review p{margin:3px 0 0;color:#5b6b5e;font-size:.86rem}
.order-review>button{border:1.5px solid #105318;background:#fff;color:#105318;border-radius:12px;padding:8px 14px;font-weight:800;cursor:pointer}
.order-review-stars{display:flex;gap:4px}.order-review-stars button{border:0;background:none;font-size:1.9rem;line-height:1;color:#d9ded6;cursor:pointer;transition:color .12s,transform .12s;padding:0 2px}
.order-review-stars:hover button{color:#f5a524}.order-review-stars button:hover~button{color:#d9ded6}.order-review-stars button:hover{transform:scale(1.15)}
[data-theme="dark"] .rv-card,[data-theme="dark"] .rv-summary{background:#15201a;border-color:#2a3a2e}
[data-theme="dark"] .rv-card p,[data-theme="dark"] .rv-big,[data-theme="dark"] .rv-top b,[data-theme="dark"] .order-review strong{color:#e8efe6}
[data-theme="dark"] .rv-teaser,[data-theme="dark"] .order-review{background:#15201a;border-color:#2a3a2e}
[data-theme="dark"] .msg-seller-btn{background:#15261a;color:#bfe6c3;border-color:#3c7a45}
/* Mobile hero: keep the grid column from growing wider than the phone (layout-only fix, design unchanged) */
.hero { grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); }
.hero-copy { min-width: 0; }
@media (max-width: 760px) { .hero { grid-template-columns: minmax(0,1fr); } }

/* ── Special Order [VIP] — black & gold ── */
.vip-page{padding-top:28px}
.vip-shell{--gold:#d4a62a;--gold2:#f6e27a;--ink:#f5f1e6;--muted:#b9b09a;--card:#14120d;--line:rgba(212,166,42,.28);color:var(--ink)}
.vip-shell h1,.vip-shell h3{margin:0;color:var(--ink)}
.vip-shell em,.vip-band h2 em{font-style:normal;background:linear-gradient(135deg,#f9ec9c,#d4a62a 60%,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent}
.vip-hero{position:relative;overflow:hidden;border-radius:26px;padding:44px 40px;background:radial-gradient(120% 140% at 85% 0%,#3a2c07 0%,#15110a 45%,#0b0a07 100%);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.vip-glow{position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(246,226,122,.32),rgba(212,166,42,0) 65%);pointer-events:none}
.vip-hero h1{font-size:clamp(30px,4.2vw,50px);line-height:1.04;letter-spacing:-.04em;font-weight:800;margin:12px 0;max-width:760px;position:relative}
.vip-hero p{color:var(--muted);font-size:16px;line-height:1.65;max-width:680px;margin:0;position:relative}
.vip-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--gold,#d4a62a);text-transform:uppercase;position:relative}
.vip-cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px;position:relative}
.vip-btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;padding:14px 24px;border-radius:14px;font-weight:800;font-size:15px;text-decoration:none;color:#1c1500;background:linear-gradient(135deg,var(--gold2,#f6e27a),var(--gold,#d4a62a) 55%,#9c7412);box-shadow:0 10px 28px rgba(212,166,42,.28);transition:transform .15s,box-shadow .15s}
.vip-btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(212,166,42,.4)}.vip-btn:disabled{opacity:.6}
.vip-btn.ghost{background:transparent;color:var(--gold2,#f6e27a);box-shadow:inset 0 0 0 1.5px var(--gold,#d4a62a)}
.vip-btn.small{padding:8px 14px;font-size:13px;border-radius:10px}
.vip-price{font-size:30px;font-weight:800;color:var(--gold2);letter-spacing:-.02em}.vip-price small{font-size:14px;color:var(--muted);font-weight:600;margin-left:4px}
.vip-note{display:block;margin-top:10px;color:var(--muted);font-size:12.5px;position:relative}.vip-note a{color:var(--gold2)}
.vip-grid2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;margin-top:16px}
@media(max-width:900px){.vip-grid2{grid-template-columns:minmax(0,1fr)}}
.vip-card{background:linear-gradient(180deg,#17140e,#0f0d09);border:1px solid var(--line,rgba(212,166,42,.28));border-radius:22px;padding:24px;color:var(--ink,#f5f1e6)}
.vip-card p{color:var(--muted,#b9b09a);line-height:1.6;font-size:14.5px}
.vip-card h3{font-size:20px;margin:6px 0;color:var(--ink,#f5f1e6)}
.vip-sub{color:var(--muted);font-size:13px}
.vip-perks{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}
.vip-perks li{display:flex;gap:10px;font-size:14.5px;line-height:1.45;color:var(--ink)}
.vip-perks i{font-style:normal;flex-shrink:0;color:var(--gold);font-size:14px;line-height:1.4}
.vip-reveal{display:flex;gap:20px;align-items:center}
.vip-silhouette{width:104px;height:104px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#2a2110,#0b0a07);border:2px solid var(--gold);box-shadow:0 0 30px rgba(212,166,42,.25)}
.vip-silhouette span{font-size:44px;font-weight:800;color:var(--gold)}
.vip-lock{margin-top:10px;display:inline-block;font-size:12.5px;font-weight:700;color:#1c1500;background:linear-gradient(135deg,var(--gold2),var(--gold));border-radius:99px;padding:6px 12px}
.vip-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
@media(max-width:900px){.vip-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vip-steps>div{background:linear-gradient(180deg,#17140e,#0f0d09);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:4px}
.vip-steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1c1500;font-size:14px;margin-bottom:6px}
.vip-steps strong{color:var(--ink);font-size:15px}.vip-steps small{color:var(--muted);font-size:13px;line-height:1.45}
.vip-member-row{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative}
.vip-membercard{width:330px;max-width:100%;aspect-ratio:1.6;border-radius:20px;padding:20px;position:relative;overflow:hidden;color:#2a1f00;background:linear-gradient(135deg,#f9ec9c 0%,#d4a62a 45%,#8a6510 100%);display:flex;flex-direction:column;box-shadow:0 22px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.5)}
.vip-membercard::after{content:"";position:absolute;inset:-50% auto -50% -60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:vipShine 4.5s ease-in-out infinite}
@keyframes vipShine{0%,60%{left:-60%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){.vip-membercard::after{animation:none;display:none}}
.vip-mc-top{display:flex;justify-content:space-between;align-items:center;font-weight:800;letter-spacing:.18em;font-size:12px;position:relative}.vip-mc-top b{font-size:20px;letter-spacing:.06em}
.vip-mc-chip{width:44px;height:32px;border-radius:7px;margin:14px 0 10px;background:linear-gradient(135deg,#fff3b8,#b88a1c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);position:relative}
.vip-mc-name{font-size:19px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-top:auto;position:relative}
.vip-mc-bottom{display:flex;justify-content:space-between;margin-top:8px;font-size:9.5px;font-weight:800;letter-spacing:.12em;position:relative;opacity:.8}.vip-mc-bottom b{display:block;font-size:12.5px;letter-spacing:.03em}
.vip-renew{margin-top:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--gold2);font-weight:700;position:relative}
.vip-tabs{display:flex;gap:6px;margin:18px 0 6px;flex-wrap:wrap}
.vip-tabs button{border:1px solid var(--line);background:#12100b;color:var(--muted);padding:10px 16px;border-radius:12px;font-weight:700;cursor:pointer}
.vip-tabs button.on{background:linear-gradient(135deg,var(--gold2),var(--gold) 60%,#9c7412);color:#1c1500;border-color:transparent}
.vip-gf{display:flex;gap:24px;align-items:flex-start;margin-top:14px}
.vip-gf img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:0 0 40px rgba(212,166,42,.3);flex-shrink:0}
.vip-gf .vip-silhouette{width:140px;height:140px}
@media(max-width:640px){.vip-gf,.vip-reveal{flex-direction:column;align-items:flex-start}.vip-hero{padding:30px 22px}}
.vip-kinds{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.vip-kinds button{border:1px solid var(--line);background:#0b0a07;color:var(--ink);padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer}
.vip-kinds button.on{border-color:var(--gold);background:rgba(212,166,42,.14);color:var(--gold2);font-weight:700}
.vip-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.vip-field span{font-size:12.5px;font-weight:700;color:var(--muted)}
.vip-field input,.vip-field textarea{background:#0b0a07;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);font:inherit;font-size:14.5px;outline:none}
.vip-field input:focus,.vip-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,166,42,.18)}
.vip-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:700px){.vip-row3{grid-template-columns:minmax(0,1fr)}}
.vip-err{color:#fca5a5;font-size:13px;margin:0 0 10px}
.vip-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.vip-mini div{background:#0b0a07;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}
.vip-mini b{display:block;font-size:22px;color:var(--gold2)}.vip-mini small{color:var(--muted);font-size:11.5px}
.vip-chip{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;color:var(--c);border:1px solid var(--c);background:transparent}
.vip-req{margin-top:12px}.vip-req-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.vip-req strong{color:var(--ink);font-size:16px}
.vip-when{margin-top:8px;color:var(--gold2);font-weight:700;font-size:13.5px}.vip-when a,.vip-update a{color:var(--gold2)}
.vip-reply{margin-top:10px;padding:12px;border-radius:12px;background:rgba(212,166,42,.1);border:1px solid var(--line);color:var(--ink);font-size:13.5px;line-height:1.5}
.vip-empty{margin-top:12px;text-align:center;color:var(--muted)}.vip-empty a{color:var(--gold2);font-weight:700}
.vip-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:12px}
.vip-tool{display:flex;flex-direction:column;gap:12px}.vip-tool img{width:100%;height:140px;object-fit:cover;border-radius:14px}
.vip-tool-ic{height:90px;border-radius:14px;display:grid;place-items:center;font-size:36px;background:radial-gradient(circle,#2a2110,#0b0a07);border:1px solid var(--line)}
.vip-tool strong{color:var(--ink);font-size:16px;display:block;margin:4px 0}
.vip-update{margin-top:12px}.vip-update img{width:100%;max-height:300px;object-fit:cover;border-radius:14px;margin:10px 0}
/* Home page band — black & gold */
.vip-band{--gold:#d4a62a;--gold2:#f6e27a;--ink:#f5f1e6;--muted:#b9b09a;--line:rgba(212,166,42,.28);margin:0;padding:72px 6vw;background:radial-gradient(120% 140% at 85% 0%,#3a2c07 0%,#15110a 45%,#0b0a07 100%);color:#fff;position:relative;overflow:hidden}
.vip-band-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:34px;align-items:center;position:relative}
@media(max-width:900px){.vip-band-in{grid-template-columns:minmax(0,1fr)}.vip-band{padding:52px 18px}}
.vip-band h2{font-size:clamp(30px,4vw,50px);line-height:1.04;letter-spacing:-.04em;font-weight:800;margin:12px 0;color:#fff}
.vip-band p{color:#b9b09a;font-size:16px;line-height:1.65;margin:0 0 6px}
.vip-band .vip-card{background:rgba(15,13,9,.85)}

/* Product purchase box: total on top, Buy now + Add to cart as two big buttons, Save / Share as a quieter row */
@media (min-width: 0px) {
  .purchase-box { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: stretch; }
  .purchase-box > div:first-child { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin-bottom: 4px; }
  .purchase-box > div:first-child small { flex-basis: 100%; }
  .purchase-box > button { width: 100%; min-height: 46px; padding: 10px 8px; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; }
  .purchase-box > button:nth-of-type(3), .purchase-box > button:nth-of-type(4) { min-height: 38px; font-size: 12.5px; background: rgba(255,255,255,.12); color: #fff; }
}

/* Header Messages button (buyer ↔ seller conversations) */
.msg-button b { position: absolute; right: -7px; top: -7px; box-sizing: border-box; min-width: 20px; height: 20px; padding: 0 5px; display: grid; place-items: center; border: 2px solid white; border-radius: 99px; color: white; background: var(--color-orange); font-size: 11px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
.messages-page { padding-top: 24px; }

/* ── Store covers — refined, clean set (replaces the old pattern art; same 5 keys so saved choices keep working) ── */
.jc-cover:not(.has-img){background-image:none;background-size:auto;isolation:isolate}
.jc-cover:not(.has-img)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.jc-cover:not(.has-img)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--color-lime,#dfff63) 0%,rgba(223,255,99,.35) 35%,transparent 70%);pointer-events:none}
.jc-cover > span{position:relative;z-index:1}
/* Forest (waves) — deep green, soft light, one fine ring */
.jc-cover-waves{background:radial-gradient(90% 140% at 100% 0%,rgba(223,255,99,.16) 0%,rgba(223,255,99,0) 45%),linear-gradient(120deg,#0b3510 0%,#105318 55%,#16641f 100%)!important}
.jc-cover-waves::before{background:radial-gradient(circle at 88% 50%,transparent 0 118px,rgba(223,255,99,.22) 119px 120px,transparent 121px 168px,rgba(255,255,255,.08) 169px 170px,transparent 171px)}
/* Grid (geo) — architectural hairline grid that fades out */
.jc-cover-geo{background:radial-gradient(70% 120% at 100% 100%,rgba(223,255,99,.14),transparent 60%),linear-gradient(135deg,#0d2a12,#123b18)!important}
.jc-cover-geo::before{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(100deg,transparent 15%,#000 75%);mask-image:linear-gradient(100deg,transparent 15%,#000 75%)}
/* Midnight (dots) — near-black green with a fine dot matrix */
.jc-cover-dots{background:radial-gradient(60% 120% at 85% 20%,rgba(16,83,24,.75),transparent 70%),linear-gradient(160deg,#08160b,#0c2210)!important}
.jc-cover-dots::before{background-image:radial-gradient(rgba(223,255,99,.28) 1px,transparent 1.4px);background-size:16px 16px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 90%);mask-image:linear-gradient(90deg,transparent 30%,#000 90%)}
/* Ivory (leaves) — warm paper with a whisper of pinstripe */
.jc-cover-leaves{background:linear-gradient(120deg,#f7f3e8 0%,#efe9da 100%)!important;color:#17311b!important}
.jc-cover-leaves::before{background-image:repeating-linear-gradient(135deg,rgba(16,83,24,.045) 0 1px,transparent 1px 12px);-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 85%);mask-image:linear-gradient(90deg,transparent 25%,#000 85%)}
.jc-cover-leaves:not(.has-img)::after{background:linear-gradient(90deg,#105318 0%,rgba(16,83,24,.3) 35%,transparent 70%)}
.jc-cover-leaves > span{color:#105318!important}
.storefront-cover.jc-cover-leaves > span{background:none!important;padding:0!important}
/* Sage (sunrise) — soft sage with large quiet arcs */
.jc-cover-sunrise{background:linear-gradient(120deg,#e6eedf 0%,#d3e2c9 100%)!important;color:#17311b!important}
.jc-cover-sunrise::before{background:radial-gradient(circle at 100% 120%,rgba(16,83,24,.10) 0 90px,transparent 91px),radial-gradient(circle at 100% 120%,transparent 0 150px,rgba(16,83,24,.10) 151px 152px,transparent 153px 215px,rgba(16,83,24,.07) 216px 217px,transparent 218px)}
.jc-cover-sunrise:not(.has-img)::after{background:linear-gradient(90deg,#105318 0%,rgba(16,83,24,.3) 35%,transparent 70%)}
.jc-cover-sunrise > span{color:#105318!important}
/* Storefront hero: the name sits top-left, small and spaced, so the round logo never covers it */
.storefront-cover{align-items:flex-start!important;padding:22px 26px!important}
.storefront-cover > span{font-size:11.5px;font-weight:800;letter-spacing:.24em;opacity:.9}
.sp-styles > button span{position:relative;z-index:1}

/* ── Marketplace: buyer sidebar + instant services strip ── */
.app-body.market-body .content-page{max-width:1240px}
.svc-strip{margin:0 0 16px;padding:14px 16px 16px;border:1px solid var(--color-border);border-radius:18px;background:linear-gradient(135deg,#f6fbf2 0%,#fff 60%)}
.svc-strip-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:11px}
.svc-strip-head span{color:#819083;font-size:11px;font-weight:800;letter-spacing:.16em}
.svc-strip-head strong{font-size:15px;color:var(--color-primary)}
.svc-strip-head small{color:var(--color-muted);font-size:12.5px;margin-left:auto}
.svc-strip-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.svc-tile{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--color-border);border-radius:13px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.svc-tile:hover{border-color:#9fc79a;box-shadow:0 8px 20px rgba(16,83,24,.08);transform:translateY(-1px)}
.svc-tile i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eaf5e5;color:var(--color-primary);flex-shrink:0}
.svc-tile span{min-width:0}.svc-tile strong{display:flex;align-items:center;gap:6px;font-size:13.5px;white-space:nowrap}
.svc-tile small{display:block;color:var(--color-muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-tile em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.04em;background:#dfff63;color:#105318;border-radius:99px;padding:1px 6px}
@media (max-width:1180px){.app-body.market-body .market-layout{grid-template-columns:1fr}.app-body.market-body .market-layout>aside{display:none}.app-body.market-body .market-layout>aside.show{display:flex}}
@media (max-width:900px){.svc-strip{overflow:hidden}.svc-strip-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 2px;scrollbar-width:none}.svc-strip-row::-webkit-scrollbar{display:none}.svc-tile{flex:0 0 auto;scroll-snap-align:start;min-width:168px}.svc-strip-head small{margin-left:0;width:100%}}