:root { --market-ink:#111827; --market-muted:#667085; --market-line:#e8ebf0; --market-surface:#fff; --market-soft:#f7f8fc; --market-primary:var(--primary-color,#635bff); }
body { background:#fbfcfe; color:var(--market-ink); }
.marketplace-home { overflow:hidden; padding-bottom:1rem; }
.marketplace-home > section { margin-bottom:clamp(2rem,5vw,4.5rem)!important; }

/* Marketplace header */
.top-nav { border-bottom:1px solid #eef0f4; }
.top-nav .navbar { min-height:82px; padding:12px 0; }
.top-nav .company-logo img { max-height:46px; max-width:155px; object-fit:contain; }
.brand-text-fallback { color:#172033; font-size:1.25rem; font-weight:850; letter-spacing:-.045em; }
.top-nav .searchcontainer { flex:1; max-width:680px; margin-left:3rem!important; margin-right:3rem!important; }
.top-nav .select2-container .select2-selection--single,
.top-nav .searchcontainer .select2-selection { min-height:48px!important; border:1px solid #dfe3e9!important; border-radius:14px!important; background:#f8fafc!important; box-shadow:none!important; }
.top-nav .select2-selection__rendered { line-height:46px!important; padding-left:1.1rem!important; color:#667085!important; }
.top-nav .nav-link { color:#667085!important; font-size:.84rem; transition:.2s; }
.top-nav .nav-link:hover { color:var(--market-primary)!important; }
.search-nav .nav-outer { background:#fff!important; border-bottom:1px solid var(--market-line); box-shadow:0 7px 22px rgba(16,24,40,.035); }
.search-nav .nav-outer>.container { min-height:64px; }
.search-nav .nav-category { padding:.65rem .9rem; border-radius:10px; }
.search-nav .nav-category a { color:#344054!important; font-size:.88rem; font-weight:650; }
.search-nav .nav-category:hover { background:#f4f2ff; }
.search-nav .active-nav { background:var(--market-primary)!important; }
.search-nav .active-nav a { color:#fff!important; }
.search-nav .shopingicon { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--market-line); border-radius:12px; background:#fff; position:relative; transition:transform .18s,border-color .18s,background .18s,box-shadow .18s; }
.search-nav .shopingicon:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--market-primary) 35%,white); background:#f8f6ff; box-shadow:0 8px 18px rgba(16,24,40,.08); }
.search-nav .shopingicon .header-action-icon { display:block; background:transparent!important; color:var(--market-primary)!important; font-size:1rem; line-height:1; }
.search-nav .shopingicon .fa-bag-shopping { font-size:1.02rem; }
.search-nav .shopingicon .fa-heart,.search-nav .shopingicon .fa-user { font-size:1.08rem; }
.search-nav .shopingicon .count-box { top:-7px; right:-5px; min-width:17px; height:17px; display:grid; place-items:center; padding:0 4px; border:2px solid #fff; border-radius:999px; font-size:.56rem; line-height:1; }
.search-nav .shopingicon .count-box:empty { display:none!important; }

/* Hero */
.home-hero-section { margin-top:1.75rem!important; }
.home-hero-section .mySwiper { border-radius:24px!important; overflow:hidden; box-shadow:0 20px 55px rgba(16,24,40,.09); }
.home-hero-section .slide-img,.home-hero-section .slide-img img { width:100%; }
.home-hero-section .slide-img img { min-height:360px; max-height:510px; object-fit:cover; }
.marketplace-hero { min-height:460px; position:relative; display:grid; grid-template-columns:1.12fr .88fr; align-items:center; overflow:hidden; border-radius:28px; padding:clamp(2rem,5vw,4.5rem); background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.7),transparent 27%),linear-gradient(125deg,#ece9ff 0%,#f5f3ff 46%,#dff7f2 100%); box-shadow:0 24px 65px rgba(52,42,120,.12); }
.marketplace-hero:before { content:""; position:absolute; inset:auto -8% -65% 32%; height:430px; border-radius:50%; background:rgba(255,255,255,.45); }
.hero-content { position:relative; z-index:2; max-width:650px; }
.hero-kicker { display:inline-flex; align-items:center; gap:.5rem; padding:.48rem .8rem; border-radius:999px; background:rgba(255,255,255,.72); color:#5548d9; font-size:.75rem; font-weight:800; letter-spacing:.02em; }
.hero-content h1 { margin:1.15rem 0 .9rem; color:#172033; font-size:clamp(2.45rem,5vw,4.65rem); line-height:1.02; letter-spacing:-.06em; font-weight:800; }
.hero-content h1 span { color:var(--market-primary); }
.hero-content p { max-width:590px; margin:0 0 1.7rem; color:#5e6678; font-size:1.03rem; line-height:1.7; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.7rem; }
.hero-actions .btn { min-height:50px; display:inline-flex; align-items:center; gap:.65rem; padding:.75rem 1.25rem; border-radius:13px; font-weight:750; }
.hero-primary { background:var(--market-primary); color:#fff!important; box-shadow:0 12px 28px color-mix(in srgb,var(--market-primary) 30%,transparent); }
.hero-primary:hover { transform:translateY(-2px); }
.hero-secondary { border:1px solid rgba(17,24,39,.12); background:rgba(255,255,255,.7); color:#172033; }
.hero-trust { display:flex; flex-wrap:wrap; gap:1.2rem; margin-top:1.5rem; color:#475467; font-size:.77rem; font-weight:650; }
.hero-trust i { margin-right:.35rem; color:#17a673; }
.hero-visual { position:relative; height:100%; min-height:330px; z-index:1; }
.hero-shopping-bag { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%) rotate(-4deg); width:180px; height:210px; display:grid; place-items:center; border-radius:42px; background:linear-gradient(145deg,#786cff,#5146da); color:#fff; font-size:5.2rem; box-shadow:0 35px 65px rgba(75,64,190,.3); }
.hero-shopping-bag:before { content:""; position:absolute; width:76px; height:50px; top:-30px; border:14px solid #6559e7; border-bottom:0; border-radius:40px 40px 0 0; }
.hero-orbit { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); border:1px solid rgba(92,79,207,.18); border-radius:50%; }
.orbit-one { width:310px;height:310px; }.orbit-two { width:405px;height:405px; }
.floating-chip { position:absolute; display:flex; align-items:center; gap:.65rem; padding:.75rem .9rem; border:1px solid rgba(255,255,255,.65); border-radius:14px; background:rgba(255,255,255,.82); backdrop-filter:blur(12px); color:#667085; font-size:.7rem; line-height:1.3; box-shadow:0 14px 32px rgba(44,41,86,.13); }
.floating-chip i { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0edff;color:#6558e8;font-size:1rem; }
.floating-chip strong { color:#172033;font-size:.78rem; }.chip-discount{top:13%;left:1%;}.chip-delivery{right:-2%;bottom:14%;}

/* Sections */
.home-section-heading { border-bottom:1px solid var(--market-line); margin-bottom:1.25rem; }
.section-eyebrow { display:block; margin-bottom:.3rem; color:var(--market-primary); font-size:.7rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.marketplace-home .section-title { margin:0; color:var(--market-ink); font-size:clamp(1.35rem,2.4vw,1.8rem); font-weight:780; letter-spacing:-.035em; }
.marketplace-home .banner-paragraph { margin:.4rem 0 0; color:var(--market-muted); }
.marketplace-home .viewmorebtn { display:flex; align-items:center; gap:.45rem; border:1px solid var(--market-line); border-radius:11px; background:#fff; color:#344054; padding:.58rem .85rem; font-size:.76rem; font-weight:750; }
.marketplace-home .viewmorebtn:hover { border-color:var(--market-primary); color:var(--market-primary); background:#f8f7ff; }

/* Categories and brands */
.marketplace-home .categories-card { height:100%; padding:.55rem; border:1px solid transparent; border-radius:18px; background:#fff; transition:.22s ease; }
.marketplace-home .categories-card:hover { transform:translateY(-4px); border-color:var(--market-line); box-shadow:0 16px 35px rgba(16,24,40,.08); }
.marketplace-home .categories-image { aspect-ratio:1; border-radius:15px; overflow:hidden; background:linear-gradient(145deg,#f7f8fc,#eef1f6); }
.marketplace-home .categories-image img { width:100%;height:100%;object-fit:cover;transition:transform .35s; }
.marketplace-home .categories-card:hover .categories-image img { transform:scale(1.05); }
.marketplace-home .brands-image { height:108px; display:grid; place-items:center; border-radius:14px; background:#fff; border:1px solid #eef0f4; }
.marketplace-home .brands-image img { max-width:76%;max-height:64px;object-fit:contain; }
.marketplace-home .categories-card-text h4 { margin:.75rem 0 .2rem; color:#344054; font-size:.84rem; font-weight:700; }
.marketplace-home .swiper-button-next,.marketplace-home .swiper-button-prev { width:38px;height:38px;border-radius:50%;background:#fff;color:#344054;box-shadow:0 8px 22px rgba(16,24,40,.13); }

/* Product cards shared across all dynamic homepage sections */
.marketplace-home .product-card { height:100%!important; overflow:hidden; border:1px solid var(--market-line)!important; border-radius:18px!important; background:#fff; box-shadow:none!important; transition:.22s ease; }
.marketplace-home .product-card:hover { transform:translateY(-5px); border-color:#d7dce4!important; box-shadow:0 18px 38px rgba(16,24,40,.1)!important; }
.marketplace-home .product-card [class*="product-img"] { margin:.55rem; border-radius:14px; overflow:hidden; background:#f6f7f9; }
.marketplace-home .product-card [class*="product-img"] img { width:100%; transition:transform .4s ease; }
.marketplace-home .product-card:hover [class*="product-img"] img { transform:scale(1.045); }
.marketplace-home .product-card .card-body { padding:.85rem 1rem 1rem; }
.marketplace-home .product-card .card-title { color:#1d2939; font-size:.91rem; line-height:1.45; font-weight:700; }
.marketplace-home .product-card .card-text { color:#98a2b3; font-size:.72rem; }
.marketplace-home .product-card .card-price { color:#101828; font-size:1rem; font-weight:800; }
.marketplace-home .add-to-fav-btn { width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 5px 16px rgba(16,24,40,.1); }
.marketplace-home .product-discount-label { display:inline-flex;padding:.2rem .4rem;border-radius:6px;background:#ecfdf3;color:#027a48; }
.marketplace-home [class*="product-banner-container"] { border-radius:22px!important; overflow:hidden; }

/* App and service benefits */
.marketplace-home .mobile-app-wrapper { border-radius:26px; background:linear-gradient(135deg,#f7f6ff,#edf9f6); overflow:hidden; padding:clamp(1rem,3vw,2.5rem); }
.marketplace-home .freedel-sec { border:1px solid var(--market-line); border-radius:22px; background:#fff!important; padding:1.3rem!important; box-shadow:0 12px 34px rgba(16,24,40,.045); }
.marketplace-home .freedel-sec .info-box { padding:.7rem; }
.marketplace-home .freedel-sec .svg-wrapper { width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f4f2ff; }
.marketplace-home .freedel-sec .svg-wrapper svg { max-width:28px;height:28px; }
.marketplace-home .freedel-sec .info-title { margin:.65rem 0 .2rem;color:#1d2939;font-size:.9rem;font-weight:750; }
.marketplace-home .freedel-sec p { margin:0;color:#98a2b3!important;font-size:.72rem;line-height:1.5; }

@media(max-width:991.98px){
  .marketplace-hero{grid-template-columns:1fr;min-height:auto;padding:2.4rem 2rem}.hero-visual{min-height:300px;margin-top:1rem}.hero-shopping-bag{width:145px;height:170px;font-size:4rem}.orbit-one{width:250px;height:250px}.orbit-two{width:310px;height:310px}
  .search-nav.content-wrapper .navbar{background:#fff;border-bottom:1px solid var(--market-line);box-shadow:0 7px 22px rgba(16,24,40,.04)}
}
@media(max-width:575.98px){
  .marketplace-home>section{margin-bottom:2.25rem!important}.home-hero-section{padding:0 14px}.marketplace-hero{border-radius:20px;padding:1.6rem 1.25rem}.hero-content h1{font-size:2.35rem}.hero-content p{font-size:.88rem;line-height:1.6}.hero-actions .btn{flex:1;justify-content:center;padding:.65rem}.hero-visual{min-height:235px}.hero-shopping-bag{width:112px;height:132px;border-radius:30px;font-size:3.1rem}.hero-shopping-bag:before{width:54px;height:35px;top:-23px;border-width:10px}.orbit-one{width:190px;height:190px}.orbit-two{width:235px;height:235px}.floating-chip{padding:.55rem;font-size:.58rem}.floating-chip i{width:28px;height:28px}.chip-delivery{right:-8%}.hero-trust{gap:.65rem;font-size:.68rem}.marketplace-home .section-title{font-size:1.28rem}.marketplace-home .viewmorebtn{padding:.48rem .65rem}.marketplace-home .categories-card{padding:.35rem}.marketplace-home .categories-card-text h4{font-size:.74rem}.marketplace-home .freedel-sec{text-align:left!important}
}