:root{
  --green:#0f7f4b;
  --green-dark:#0a633d;
  --green-deep:#06462f;
  --deep:#06462f;
  --mint:#ecf8f2;
  --soft:#ecf8f2;
  --ink:#1f2f2a;
  --muted:#687a74;
  --line:#dbe6df;
  --bg:#f6faf7;
  --pale:#f6faf7;
  --orange:#f49a2c;
  --gold:#f5b44b;
  --danger:#b94036;
  --shadow:0 18px 44px rgba(32,65,49,.07);
}

*{letter-spacing:0}
html{background:var(--bg);scroll-behavior:smooth}
body{
  min-width:0;
  overflow-x:hidden;
  background:
    linear-gradient(180deg,#fbfdfb 0,#f4faf6 340px,#f8fbf9 100%);
  color:var(--ink);
}
a{transition:color .18s ease,background .18s ease,border-color .18s ease}
button{touch-action:manipulation}

.container{
  width:100%;
  max-width:1225px;
}

.top,
.header{
  background:rgba(255,255,255,.98)!important;
  color:#1f2f2a!important;
  border-bottom:1px solid rgba(214,226,219,.92)!important;
  box-shadow:none!important;
  backdrop-filter:saturate(130%) blur(12px);
}
.header.scrolled,
.top.scrolled{
  box-shadow:0 12px 30px rgba(20,52,37,.10)!important;
}
.nav{
  min-height:66px;
}
.brand,
.logo{
  color:#1f2f2a!important;
  letter-spacing:-.35px!important;
}
.brand:hover,
.logo:hover{
  color:var(--green-dark)!important;
}
.logo-text,
.brand{
  min-width:0;
}
.logo span{
  color:#6f817a!important;
  opacity:1!important;
}
.mark,
.logo-mark{
  width:38px;
  height:38px;
  border-radius:10px 10px 10px 3px!important;
  background:var(--green)!important;
  color:#fff!important;
  box-shadow:none!important;
  flex:0 0 auto;
}
.nav-actions,
.nav-links,
.actions{
  min-width:0;
}
.nav-actions a,
.nav-links a,
.actions a{
  color:#32443e!important;
}
.nav-actions a:hover,
.nav-links a:hover,
.actions a:hover{
  color:var(--green-dark)!important;
}
.tagline{
  color:#5f716b!important;
  opacity:1!important;
  font-size:13px!important;
  font-weight:800!important;
}

.sell,
.action.orange,
.btn,
.primary{
  border:0;
  border-radius:9px!important;
  background:linear-gradient(180deg,#ffad52,#f49a2c)!important;
  color:#fff!important;
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.primary{
  background:linear-gradient(180deg,#119052,#0a7043)!important;
}
.sell:hover,
.action.orange:hover,
.btn:hover,
.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(15,127,75,.16)!important;
}
.sell:hover,
.action.orange:hover,
.btn:hover{
  background:linear-gradient(180deg,#ffa13d,#e78c22)!important;
}
.primary:hover{
  background:linear-gradient(180deg,#0f844c,#075f39)!important;
}
.outline,
.ghost,
.action.secondary,
.tool,
.chip,
.discovery-pill,
.tabs button,
.sort,
.mobile-filter{
  border-color:rgba(190,209,199,.95)!important;
  background:rgba(255,255,255,.9)!important;
  color:#315047!important;
  box-shadow:none!important;
}
.outline:hover,
.ghost:hover,
.action.secondary:hover,
.tool:hover,
.chip:hover,
.discovery-pill:hover,
.tabs button:hover,
.sort:hover,
.mobile-filter:hover{
  background:#fff!important;
  border-color:rgba(15,127,75,.38)!important;
}

.hero{
  min-height:420px;
  height:auto!important;
  color:#fff!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.18) 0 1.6px,transparent 2px) 0 0/30px 30px,
    linear-gradient(135deg,transparent 0 47%,rgba(255,255,255,.045) 47% 49%,transparent 49% 100%) 0 0/62px 62px,
    radial-gradient(ellipse at 86% 12%,rgba(255,255,255,.12),transparent 36%),
    linear-gradient(126deg,#075c3a 0%,#087445 48%,#0f7f4b 100%)!important;
}
.hero::before{
  opacity:1!important;
  background:
    radial-gradient(ellipse at 8% 88%,rgba(255,255,255,.12),transparent 40%),
    radial-gradient(ellipse at 90% 8%,rgba(0,45,28,.26),transparent 40%)!important;
}
.hero::after{
  background:var(--bg)!important;
}
.hero-inner{
  max-width:760px!important;
}
.hero h1,
.intro h1,
.hero-title{
  color:inherit;
  letter-spacing:-.45px!important;
}
.hero h1{
  font-size:clamp(34px,5vw,64px)!important;
  line-height:.99!important;
  margin-bottom:18px!important;
}
.hero-subtitle,
.hero p{
  color:rgba(255,255,255,.82)!important;
  font-size:clamp(14px,1.6vw,18px)!important;
  line-height:1.55!important;
}
.searchbar{
  overflow:hidden;
}
.hero .searchbar,
.search-top .searchbar{
  border:9px solid #fff;
  border-radius:15px;
  background:#fff;
  box-shadow:0 22px 42px rgba(4,49,30,.18);
}
.hero .search-select,
.hero .search-input,
.search-top input,
.search-top select{
  box-shadow:none!important;
}
.search-icon{
  color:var(--green-dark)!important;
}
.hero-note{
  color:rgba(255,255,255,.8)!important;
}
.hero-chip{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.28)!important;
}

.discovery-wrap{
  margin-top:-24px!important;
}
.discovery-bar{
  border-radius:8px!important;
  border:1px solid rgba(202,218,209,.92)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:var(--shadow)!important;
}
.discovery-label{
  color:#334a42!important;
}
.discovery-pill.primary,
.chip.active,
.tabs button.active{
  background:var(--mint)!important;
  color:var(--green-dark)!important;
  border-color:#bfe5ce!important;
}

.market{
  align-items:start;
}
.sidebar,
.filters,
.side .panel,
.auth,
.locked,
.state,
.seller-card{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(196,214,205,.88)!important;
  border-radius:8px!important;
  box-shadow:var(--shadow)!important;
}
.sidebar,
.filters{
  overflow:hidden;
}
.cat-row,
.filter-head{
  border-color:#edf2ef!important;
}
.cat-icon{
  background:#f0faf5!important;
  color:var(--green-dark)!important;
  border-radius:8px!important;
}
.cat-row.open{
  background:#f5fbf8!important;
  box-shadow:inset 3px 0 0 var(--green)!important;
}
.submenu{
  background:#fbfdfc!important;
}

.panel{
  border-radius:8px;
}
.content .panel,
.main>.panel{
  background:#fff!important;
  border:1px solid rgba(196,214,205,.82)!important;
  box-shadow:0 16px 34px rgba(42,72,58,.045)!important;
}
.lower .panel{
  border-radius:8px!important;
}
.section-title h2,
.section-title,
.summary h1,
.panel h2,
.panel h3{
  color:#20362e;
  letter-spacing:-.15px;
}

.cards{
  align-items:stretch;
}
.card,
.mini,
.item,
.metric,
.step,
.request,
.meta-card,
.trust,
.amenity,
.action-row,
.shortcut{
  border-color:rgba(196,214,205,.86)!important;
  border-radius:8px!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.94)!important;
}
.card,
.mini,
.item,
.action-row,
.shortcut{
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.card:hover,
.mini:hover,
.item:hover,
.action-row:hover,
.shortcut:hover{
  transform:translateY(-2px);
  border-color:rgba(15,127,75,.34)!important;
  box-shadow:0 18px 34px rgba(42,72,58,.08)!important;
  background:#fff!important;
}
.photo,
.hero-img,
.thumb,
.mini-img,
.preview{
  background-color:#dfe9e4!important;
  border-color:rgba(178,199,190,.72)!important;
}
.photo,
.mini-img{
  aspect-ratio:4/3;
  height:auto!important;
  min-height:150px;
}
.badge,
.identity,
.user-badge,
.photo-count,
.footer-badge{
  border-radius:999px!important;
  background:var(--mint)!important;
  color:var(--green-dark)!important;
  border:1px solid rgba(183,218,198,.9)!important;
}
.badge.paid,
.badge.orange{
  background:#fff7ea!important;
  color:#8d5310!important;
  border-color:#efd6b5!important;
}
.price{
  color:var(--green)!important;
}
.title a:hover,
.empty-link,
.market-kicker{
  color:var(--green-dark)!important;
}
.spec,
.safe:before{
  background:var(--mint)!important;
}
.favorite,
.save{
  box-shadow:0 8px 18px rgba(24,46,37,.12)!important;
}
.favorite.saved,
.save.saved{
  background:var(--green)!important;
  color:#fff!important;
}

input,
select,
textarea,
.search-input,
.search-select{
  min-width:0;
  border-radius:8px!important;
  border-color:#cbded4!important;
  background:#fff!important;
  color:#23352f!important;
}
input:focus,
select:focus,
textarea:focus,
.search-input:focus,
.search-select:focus{
  border-color:var(--green)!important;
  box-shadow:0 0 0 3px rgba(15,127,75,.12)!important;
  outline:0!important;
}
::placeholder{
  color:#8a9a94;
}
.notice.good,
.trust.passed{
  background:#f1fbf6!important;
  border-color:#c6e8d4!important;
}
.notice.bad,
.trust.failed{
  background:#fff6f4!important;
  border-color:#efc4bd!important;
}

.seller-head,
.profile{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.15) 0 1.5px,transparent 2px) 0 0/24px 24px,
    linear-gradient(145deg,#075b39,#0f7f4b)!important;
  color:#fff!important;
}
.seller-head small,
.profile .muted{
  color:rgba(255,255,255,.78)!important;
}
.avatar{
  border-radius:10px!important;
}

.gallery{
  gap:10px!important;
}
.hero-img{
  box-shadow:0 18px 42px rgba(32,65,49,.08);
}
.photo-meter{
  background:rgba(7,49,33,.82)!important;
}

.footer{
  background:#fff!important;
  border-top:1px solid #dce8e1!important;
}
.footer-brand .logo{
  color:#1f2f2a!important;
}
.footer-brand .logo-mark{
  background:var(--green)!important;
  color:#fff!important;
}

.page,
.market,
main.container{
  animation:plFadeUp .34s ease both;
}
.card,
.item,
.metric,
.panel,
.filters,
.sidebar,
.gallery,
.auth,
.locked{
  animation:plFadeUp .38s ease both;
}
@keyframes plFadeUp{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:980px){
  .tagline{display:none!important}
  .hero{min-height:360px}
  .hero .searchbar,
  .search-top .searchbar{
    border-width:6px;
  }
}

@media(max-width:680px){
  body{
    background:#f8fbf9;
  }
  .nav{
    min-height:58px;
  }
  .brand,
  .logo{
    font-size:18px!important;
  }
  .mark,
  .logo-mark{
    width:34px;
    height:34px;
  }
  .nav-actions,
  .nav-links,
  .actions{
    gap:8px!important;
  }
  .nav-actions a,
  .nav-links a,
  .actions a{
    font-size:12px!important;
  }
  .sell{
    padding:9px 11px!important;
    white-space:nowrap;
  }
  .hero{
    min-height:330px;
  }
  .hero h1{
    font-size:32px!important;
    line-height:1.04!important;
  }
  .hero-subtitle{
    font-size:14px!important;
  }
  .hero .searchbar,
  .search-top .searchbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    border-width:5px;
    border-radius:12px;
  }
  .discovery-wrap{
    margin-top:-18px!important;
  }
  .sidebar,
  .filters.open,
  .side .panel,
  .auth,
  .locked,
  .state,
  .content .panel,
  .main>.panel{
    border-radius:8px!important;
  }
  .photo,
  .mini-img{
    min-height:132px;
  }
  .card{
    min-width:0;
  }
  .card .body,
  .card-body{
    min-width:0;
  }
}

@media(max-width:430px){
  .container{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .actions a:not(.sell),
  .nav-links a:not(.sell):not(:last-child),
  .nav-actions a:not(.btn):first-child{
    display:none!important;
  }
  .brand,
  .logo{
    max-width:62vw;
  }
  .logo span{
    display:none!important;
  }
  .hero{
    min-height:305px;
  }
  .hero h1{
    font-size:29px!important;
  }
  .photo,
  .mini-img{
    min-height:120px;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

/* MODERN HOMEPAGE PASS START */
.header{height:76px;background:rgba(255,255,255,.98)!important;color:#17251f!important;border-bottom:1px solid rgba(214,226,219,.92)!important;box-shadow:none!important;backdrop-filter:saturate(130%) blur(12px)}
.header.scrolled{border-color:#e9efec!important;box-shadow:0 8px 28px rgba(9,44,29,.10)!important}.nav{min-height:76px}.logo{color:#17251f!important;font-size:22px!important;letter-spacing:-.6px!important}.logo-mark{width:39px!important;height:39px!important;border-radius:11px!important;background:#087a4d!important;color:#fff!important;font-size:18px!important}.logo span{color:#68766f!important}.tagline{color:#68766f!important;opacity:1!important;font-size:13px!important}.actions a{color:#334039!important}.sell{border-radius:10px!important;background:#ff9e2c!important;color:#36220b!important;padding:11px 16px!important}.hero{margin-top:0;min-height:360px;height:auto!important;background-color:#07563a!important;background-image:radial-gradient(circle at 16% 32%,rgba(255,255,255,.11) 0 2px,transparent 2.5px),linear-gradient(135deg,transparent 46%,rgba(255,255,255,.045) 47% 53%,transparent 54%)!important;background-size:27px 27px,62px 62px!important}.hero-inner{padding-top:74px!important}.hero h1{font-size:clamp(32px,4.8vw,56px)!important;line-height:1.04!important;letter-spacing:-1.8px!important}.search-icon{right:12px!important;width:auto!important;max-width:34px;font-size:10px!important;text-transform:uppercase;font-weight:900;color:#087a4d!important}.discovery-wrap{margin-top:-20px!important;margin-bottom:22px!important}.discovery-bar{border-radius:14px!important;padding:10px 12px!important}.market{grid-template-columns:276px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}.sidebar{position:sticky!important;top:95px!important;max-height:calc(100vh - 115px)!important;overflow:auto!important;border-radius:15px!important;box-shadow:none!important}.cat-row{padding:12px 13px!important}.cat-icon{width:40px!important;height:40px!important;border-radius:11px!important;background:#f1fbf6!important;color:#087a4d!important;font-size:12px!important;font-weight:900!important;letter-spacing:0!important}.cat-count{font-size:11px!important;color:#68766f!important}.arrow{font-size:14px!important;color:#087a4d!important}.submenu.open{padding:4px 10px 10px 64px!important}.submenu button::after{content:">"!important;color:#a1b3aa!important}.market-intro{align-items:flex-start!important}.market-kicker{font-size:11px!important;letter-spacing:.04em!important}.market-stat{line-height:1.45!important}.shortcut{height:58px!important;border-radius:11px!important}.shortcut .emoji{width:30px;height:30px;border-radius:9px;background:#f1fbf6;color:#087a4d;display:grid;place-items:center;font-size:11px!important;font-weight:900!important}.view-toggle{width:auto!important;min-width:48px;padding:0 10px;font-size:11px!important}.favorite{width:auto!important;min-width:42px;height:28px!important;border-radius:999px!important;padding:0 9px!important;font-size:10px!important;font-weight:900!important}.favorite.saved{background:#087a4d!important;color:#fff!important}.card,.panel,.sidebar{border-color:#dfe7e3!important}.card:hover{box-shadow:0 18px 54px rgba(14,45,32,.11)!important}.footer-bottom{padding-bottom:84px}
@media(max-width:980px){.market{grid-template-columns:1fr!important}.sidebar{position:static!important;max-height:none!important;overflow:visible!important}.cat-row{min-height:64px}.submenu.open{padding-left:58px!important}}
@media(max-width:640px){.header{height:64px}.nav{min-height:64px}.hero-inner{padding-top:42px!important}.hero{min-height:285px!important}.market{display:block!important}.sidebar{display:block!important;margin-bottom:14px!important}.cat-icon{width:36px!important;height:36px!important}.cat-count{display:none!important}.mobile-nav a span{font-weight:900}.mobile-nav .mobile-sell span{font-size:22px!important}}
/* MODERN HOMEPAGE PASS END */
