:root{--deep:#052e25;--deep2:#064936;--emerald:#0c7a58;--lime:#b8f36a;--mint:#e4fff2;--gold:#f4c86b;--ink:#0b1915}
body{background:linear-gradient(180deg,#f5f8f6 0%,#f7f9f8 52%,#eef5f1 100%)}
.hero-premium{min-height:650px!important;padding:74px clamp(20px,6vw,84px) 128px!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr)!important;align-items:center!important;gap:40px!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;background:radial-gradient(circle at 75% 20%,rgba(184,243,106,.18),transparent 25%),radial-gradient(circle at 15% 80%,rgba(36,190,139,.2),transparent 30%),linear-gradient(135deg,#03251d 0%,#064534 45%,#0b7c59 100%)!important}
.hero-premium:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 35%,rgba(184,243,106,.07));z-index:-2!important}
.hero-premium:after{content:""!important;position:absolute!important;width:620px!important;height:620px!important;right:-260px!important;bottom:-350px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)!important;z-index:-1!important}
.hero-noise{position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.hero-glow-a{width:420px;height:420px;right:24%;top:-220px;background:rgba(184,243,106,.08);animation:v14Float 9s ease-in-out infinite}.hero-glow-b{width:300px;height:300px;left:-180px;bottom:-140px;background:rgba(70,220,169,.12);animation:v14Float 11s ease-in-out -2s infinite reverse}
@keyframes v14Float{50%{transform:translate3d(0,22px,0) scale(1.06)}}
.hero-premium .hero-content{max-width:700px!important;margin:0!important;text-align:left!important;position:relative!important;z-index:5!important}
.hero-premium .hero-badge{width:max-content!important;margin:0 0 22px!important;padding:9px 13px!important;border-radius:999px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(18px)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 35px rgba(0,0,0,.12)!important;color:#dff9eb!important;font-size:10px!important;letter-spacing:.14em!important}
.hero-flag{font-size:13px}.hero-live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(184,243,106,.1);animation:v14Pulse 1.8s infinite}.hero-premium h1{font-size:clamp(46px,6.4vw,78px)!important;line-height:.98!important;letter-spacing:-.065em!important;max-width:780px!important;margin:0 0 22px!important;color:#fff!important;text-align:left!important}.hero-premium h1 span{color:var(--lime)!important}.hero-premium h1 em{font-style:normal;color:#d7efe4!important}.hero-premium p{max-width:610px!important;margin:0 0 28px!important;color:rgba(231,250,241,.76)!important;font-size:16px!important;line-height:1.7!important;text-align:left!important}.hero-premium .hero-search{max-width:690px!important;margin:0!important;height:68px!important;padding:7px 7px 7px 18px!important;border-radius:20px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 28px 70px rgba(0,0,0,.24),0 0 0 8px rgba(255,255,255,.035)!important;display:flex!important;flex-direction:row!important}.hero-search-icon{font-size:28px;color:#729087;line-height:1;transform:rotate(-15deg)}.hero-premium .hero-search input{height:100%!important;padding:0 13px!important;background:transparent!important;font-size:15px!important;color:#10211b!important}.hero-premium .hero-search .btn{height:54px!important;min-width:132px!important;border-radius:15px!important;background:var(--deep)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;box-shadow:0 10px 22px rgba(3,37,29,.2)!important}.hero-premium .hero-search .btn b{font-size:17px}.hero-premium .hero-search:focus-within{transform:translateY(-3px)!important;box-shadow:0 34px 80px rgba(0,0,0,.27),0 0 0 5px rgba(184,243,106,.12)!important}
.hero-quick-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.hero-quick-links button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#d8f2e7;border-radius:999px;padding:7px 12px;font-size:11px;backdrop-filter:blur(12px);transition:.25s ease}.hero-quick-links button:hover{background:rgba(255,255,255,.12);border-color:rgba(184,243,106,.35);transform:translateY(-2px)}
.hero-glass-stage{position:relative;height:430px;min-width:360px;perspective:1000px}.hero-glass-orb{position:absolute;width:360px;height:360px;right:0;top:28px;border-radius:50%;background:radial-gradient(circle at 38% 32%,rgba(184,243,106,.24),rgba(36,190,139,.08) 38%,transparent 70%);filter:blur(1px)}.hero-glass-card{position:absolute;border:1px solid rgba(255,255,255,.19);background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.055));backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:inset 0 1px rgba(255,255,255,.18),0 28px 65px rgba(0,0,0,.2);color:#fff}.hero-glass-main{width:min(100%,380px);right:8px;top:68px;border-radius:28px;padding:20px;transform:rotate(2.2deg);animation:v14Card 6s ease-in-out infinite}.glass-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.glass-pill{font-size:9px;letter-spacing:.13em;padding:7px 10px;border-radius:999px;background:rgba(184,243,106,.12);color:#d9f6b7;border:1px solid rgba(184,243,106,.18)}.glass-menu{opacity:.5;letter-spacing:3px}.glass-message{display:flex;align-items:center;gap:12px;padding:15px;border-radius:18px;background:rgba(0,35,27,.25);border:1px solid rgba(255,255,255,.09)}.glass-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#d9f7b0,#46dca9);color:#063d2f;font-weight:900}.glass-message div:nth-child(2){display:grid;gap:4px}.glass-message strong{font-size:14px}.glass-message small,.glass-product-row small{font-size:10px;color:rgba(232,250,242,.62)}.glass-check{margin-left:auto;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(184,243,106,.16);color:#c9f88d}.glass-product-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border-radius:17px;background:rgba(255,255,255,.055)}.glass-product-thumb{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#dff6eb,#8ed9bb);font-size:25px}.glass-product-row div{display:grid;gap:4px;min-width:0}.glass-product-row div strong{font-size:12px}.glass-product-row>b{margin-left:auto;font-size:13px;color:#d8f6aa}.hero-glass-float{display:flex;align-items:center;gap:10px;border-radius:17px;padding:11px 13px;animation:v14FloatCard 5s ease-in-out infinite}.hero-glass-float>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(184,243,106,.13)}.hero-glass-float div{display:grid;gap:3px}.hero-glass-float strong{font-size:11px}.hero-glass-float small{font-size:9px;color:rgba(232,250,242,.62)}.hero-glass-verified{right:0;top:8px}.hero-glass-chat{left:4px;bottom:26px;animation-delay:-1.8s}.hero-bottom-fade{position:absolute;left:0;right:0;bottom:-1px;height:100px;background:linear-gradient(transparent,#f5f8f6);z-index:3;pointer-events:none}
@keyframes v14Card{0%,100%{transform:rotate(2.2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-9px)}}@keyframes v14FloatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes v14Pulse{50%{opacity:.35;transform:scale(.7)}}
.featured-section{margin:-54px auto 38px!important;z-index:12!important}.featured-premium-shell{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.featured-header{padding:22px 24px 16px!important;border:0!important;border-radius:26px 26px 0 0!important;background:linear-gradient(135deg,#083e30,#0b6046)!important;color:#fff!important;box-shadow:0 18px 45px rgba(5,54,41,.18)!important}.featured-header .section-title{color:#fff!important;margin-top:2px}.featured-header .eyebrow{color:#b8f36a!important}.featured-subtitle{color:rgba(226,247,238,.68)!important}.featured-header .btn{color:#eaffdf!important;border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.06)!important}.featured-products-grid{padding:16px!important;background:#eaf3ef!important;border:1px solid rgba(8,67,49,.09)!important;border-top:0!important;border-radius:0 0 26px 26px!important;gap:14px!important;box-shadow:0 22px 55px rgba(8,50,39,.1)!important}.featured-product-card{border-radius:18px!important;overflow:hidden!important;background:#fff!important;border:1px solid #e1ece7!important;box-shadow:0 8px 24px rgba(9,48,37,.07)!important}.featured-product-image{height:175px!important;background:#eef5f1!important}.featured-product-body{padding:14px!important}.featured-tag{background:var(--deep)!important;color:#dff9c5!important}.featured-product-price{color:var(--deep)!important}.categories-premium{padding-top:16px!important}.categories-premium .section-title{font-size:25px!important}.categories-premium .category-card{border:1px solid #dfeae5!important;border-radius:20px!important;min-height:132px!important;background:linear-gradient(180deg,#fff,#f5faf7)!important;box-shadow:0 8px 22px rgba(10,45,34,.055)!important}.categories-premium .category-icon{width:60px!important;height:60px!important;border-radius:18px!important;background:linear-gradient(145deg,#e8f9f0,#d3f2e2)!important;box-shadow:inset 0 1px rgba(255,255,255,.8),0 9px 22px rgba(9,117,82,.08)!important}.categories-premium .category-card:hover{border-color:#8ecfb1!important;background:linear-gradient(180deg,#fff,#eaf8f0)!important;box-shadow:0 18px 35px rgba(9,117,82,.11)!important}
@media(max-width:900px){.hero-premium{grid-template-columns:1fr!important;min-height:720px!important;padding-top:54px!important}.hero-glass-stage{height:320px;max-width:520px;width:100%;margin:0 auto}.hero-glass-main{right:8%;top:30px}.hero-glass-verified{right:0}.hero-glass-chat{left:0;bottom:12px}}
@media(max-width:600px){.hero-premium{min-height:680px!important;padding:40px 16px 92px!important;gap:4px!important}.hero-premium h1{font-size:43px!important;letter-spacing:-.055em!important}.hero-premium p{font-size:13px!important;line-height:1.6!important}.hero-premium .hero-search{height:auto!important;min-height:60px!important;padding:6px!important;border-radius:17px!important}.hero-search-icon{padding-left:8px;font-size:24px}.hero-premium .hero-search input{min-width:0!important;font-size:13px!important}.hero-premium .hero-search .btn{min-width:104px!important;height:48px!important;padding:0 15px!important;border-radius:13px!important}.hero-premium .hero-search .btn span{font-size:13px}.hero-glass-stage{height:260px;min-width:0}.hero-glass-orb{width:260px;height:260px;right:5%;top:8px}.hero-glass-main{width:88%;right:6%;top:24px;padding:15px;border-radius:22px}.glass-top{margin-bottom:18px}.glass-product-row{padding:9px}.glass-product-thumb{width:43px;height:43px}.hero-glass-float{padding:9px 10px}.hero-glass-verified{top:0}.hero-glass-chat{bottom:0}.featured-section{margin-top:-34px!important;padding:0 10px!important}.featured-header{padding:18px!important}.featured-products-grid{padding:10px!important}.featured-product-card{flex-basis:74vw!important}.categories-premium{padding-left:14px!important;padding-right:14px!important}.categories-premium .category-card{min-width:112px!important}}


/* ==================== PHASE 3 — MARKETPLACE POLISH ==================== */
.homePage, #homePage { overflow:hidden; }
.featured-section { margin-top:-46px; margin-bottom:34px; }
.featured-shell { position:relative; border-radius:28px; padding:28px; border:1px solid rgba(255,255,255,.9); box-shadow:0 24px 65px rgba(15,42,67,.13); }
.featured-shell::before { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 42%,rgba(255,236,229,.35)); }
.featured-header, .featured-products-grid { position:relative; z-index:1; }
.eyebrow { font-size:10px; font-weight:900; letter-spacing:1.7px; color:#ff684d; margin-bottom:5px; }
.featured-header .section-title { font-size:27px; }
.featured-subtitle, .categories-subtitle { max-width:560px; }
.featured-products-grid { gap:16px; }
.featured-product-card { border-radius:20px; border-color:#eadfd9; box-shadow:0 8px 22px rgba(15,42,67,.065); }
.featured-product-card:hover { transform:translateY(-6px); box-shadow:0 20px 40px rgba(15,42,67,.13); }
.featured-product-image { height:168px; }
.featured-product-body { padding:14px; }
.featured-product-title { font-size:15px; }

.categories-section { padding-top:34px; padding-bottom:34px; position:relative; }
.categories-section::before { content:''; position:absolute; left:50%; top:0; bottom:0; width:100vw; transform:translateX(-50%); background:linear-gradient(180deg,rgba(238,244,248,.72),rgba(246,248,252,0)); z-index:-1; }
.categories-premium .section-header { margin-bottom:20px; }
.categories-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:13px; }
.category-card { min-height:108px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; border:1px solid #e5eaf0; border-radius:18px; padding:14px 8px; box-shadow:0 5px 16px rgba(15,42,67,.045); }
.category-card:hover, .category-card.active { transform:translateY(-4px); border-color:#ffb7a7; background:#fff; box-shadow:0 14px 28px rgba(15,42,67,.09); }
.category-card.active { background:linear-gradient(180deg,#fff7f3,#fff); }
.category-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; background:#f3f6f9; font-size:25px; transition:.25s; }
.category-card:hover .category-icon, .category-card.active .category-icon { background:#fff0eb; transform:scale(1.06); }
.category-name { font-size:12px; font-weight:750; color:var(--secondary); }

.filters-bar { margin-top:4px; margin-bottom:25px; padding:12px 16px; background:rgba(255,255,255,.82); border:1px solid #e4eaf0; border-radius:18px; box-shadow:0 8px 24px rgba(15,42,67,.05); }
.filter-group { padding:5px 9px; background:#f7f9fb; border-radius:11px; }
.filter-group label { font-size:11px; }
.filter-group select, .filter-group input { border:0; background:transparent; padding:6px 8px; }

.products-section { padding-top:14px; padding-bottom:70px; }
.products-section::before { content:'MARKETPLACE'; display:block; font-size:10px; font-weight:900; letter-spacing:1.7px; color:#94a3b8; margin-bottom:4px; }
.products-section .section-header { margin-bottom:20px; }
.products-section .section-title { font-size:28px; }
.products-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.product-card { border-radius:20px; }
.product-image { height:205px; background:linear-gradient(145deg,#f3f6f8,#e9eef2); }
.product-body { padding:15px; }
.product-title { font-size:15px; }
.product-price { font-size:19px; }
.btn-contact { border-radius:10px; }

/* Make the page feel designed, not like stacked white boxes. */
#homePage > .products-section { position:relative; }
#homePage > .products-section::after { content:''; position:absolute; left:50%; top:0; bottom:0; width:100vw; transform:translateX(-50%); background:linear-gradient(180deg,rgba(255,255,255,.25),transparent); z-index:-1; pointer-events:none; }

@media (max-width:900px) {
  .categories-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .featured-section { margin-top:-30px; margin-bottom:22px; }
  .featured-shell { padding:19px 12px; border-radius:22px; }
  .featured-header .section-title { font-size:22px; }
  .featured-product-image { height:132px; }
  .categories-section { padding:25px 16px 28px; }
  .categories-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
  .category-card { min-height:94px; border-radius:15px; }
  .category-icon { width:40px; height:40px; font-size:21px; }
  .products-section { padding:14px 16px 55px; }
  .products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .product-image { height:145px; }
  .product-card:hover { transform:none; }
  .filters-bar { border-radius:15px; margin:7px 16px 17px; padding:8px; gap:7px; }
  .filter-group { flex:1 1 calc(50% - 7px); justify-content:space-between; }
}