:root {
      --brand: #0b2a4a;           /* deep navy */
      --brand-2: #001f3a;         /* darker navy */
      --accent: #ff8a00;          /* dark orange */
      --accent-2: #ffb24d;        /* light orange */
      --bg: #f6f7fb;              /* soft light */
      --text: #1d2330;            /* main text */
      --muted: #606a7a;           /* muted text */
      --card: #ffffff;            /* card bg */
      --line: #e7eaf0;            /* hairline */
      --success: #12b76a;
      --danger: #e11d48;
      --radius: 14px;
      --shadow-1: 0 2px 10px rgba(0,0,0,.06);
      --shadow-2: 0 8px 24px rgba(0,0,0,.10);
    }

    * { box-sizing: border-box; }
    html, body { height: 100%; }
    body {
      margin: 0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color: var(--text);
      background: var(--bg);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    a { color: inherit; text-decoration: none; }
    img { display:block; max-width:100%; }
    button { cursor:pointer; font: inherit; }

    /* Header */
    .header {
      position: sticky; top: 0; z-index: 50;
      background: linear-gradient(180deg, var(--brand), var(--brand-2));
      color: #fff;
      border-bottom: 1px solid rgba(255,255,255,.08);
      box-shadow: var(--shadow-1);
    }
    .header-wrap { max-width: 1200px; margin: 0 auto; padding: 10px 16px; display:flex; align-items:center; gap: 12px; }

    .brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.4px; }
    .brand .logo { width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:#fff; color:var(--accent); font-weight:900; }
    .brand .name { font-size: 20px; }
    .brand .accent { color: var(--accent); }

    .searchbar { flex: 1 1 auto; display:flex; align-items:center; gap:8px; }
    .searchbar .field {
      position:relative; flex:1; display:flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--line);
      padding: 8px 12px; border-radius: 999px; box-shadow: var(--shadow-1);
    }
    .searchbar input[type="search"] {
      border: none; outline: none; width: 100%; background: transparent; font-size: 15px; color: var(--text);
    }
    .searchbar .filter-btn { border:none; background: #fff; border:1px solid var(--line); padding:8px 12px; border-radius: 999px; box-shadow: var(--shadow-1); }
    .searchbar .cta { border:none; background: var(--accent); color:#374151; padding:8px 14px; border-radius: 999px; box-shadow: var(--shadow-1); }
    .searchbar .cta:hover { background: #ff910f; }

    .nav-actions { display:flex; align-items:center; gap:8px; }
    .btn-link { color:#fff; opacity:.9; padding:8px 10px; border-radius: 999px; border:1px solid rgba(255,255,255,.18); }
    .btn-link:hover { background: rgba(255,255,255,.08); }
    .btn-cart { background:#fff; color:var(--brand); border:none; padding:8px 12px; border-radius:999px; box-shadow: var(--shadow-1); display:flex; align-items:center; gap:8px; }

    /* Filter panel */
    .filter-panel { display:none; background:#fff; border-top:1px solid var(--line); }
    .filter-inner { max-width:1200px; margin:0 auto; padding:14px 16px; display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:10px; }
    .filter-inner label { font-size:12px; color: var(--muted); display:block; margin-bottom:6px; }
    .filter-inner input, .filter-inner select { width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:#fff; }

    /* Categories */
    .section { max-width:1200px; margin: 16px auto; padding: 0 16px; }
    .section-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
    .section-title h2 { margin:0; font-size: 18px; }

    .categories{
display:flex;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
gap:8px;
overflow-x:auto;
padding:0;
}

.cat{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:2px;
padding:4px 3px;
background:#ff8800;
border:1px solid #f07d00;
border-radius:10px;
box-shadow:none;
transition:.2s ease;
width:66px;
min-width:66px;
min-height:auto;
margin:0;
flex:none;
}

.cat:hover{
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(0,0,0,.08);
}

.cat .icon{
width:44px;
height:44px;
border-radius:10px;
overflow:hidden;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 2px 6px rgba(0,0,0,.08);
padding:1px;
}

.cat .icon img{
width:100%;
height:auto;
object-fit:contain;background:#fff;
image-rendering:auto;
filter:contrast(1.12) saturate(1.12) brightness(1.02);
border-radius:8px;
}

.cat span{
font-size:10px;
font-weight:900;
color:#000;
text-align:center;
line-height:1.1;
text-transform:lowercase;
margin-top:1px;
letter-spacing:.2px;
text-shadow:0 1px 0 rgba(255,255,255,.25);
}

    /* Products */
    /* Products grid */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

/* On mobile (≤600px): always 2 per row */
@media (max-width: 600px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* On tablets (601–900px): 3 per row */
@media (min-width: 601px) and (max-width: 900px) {
  .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* On desktop (≥901px): 4 per row */
@media (min-width: 901px) {
  .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

    .card { position:relative; background: var(--card); border:1px solid var(--line); border-radius: 18px; overflow:hidden; box-shadow: var(--shadow-1); transition: transform .2s, box-shadow .2s; }
    .card:hover { transform: translateY(-4px); box-shadow: var(--shadow-2); }
    .card .media { position:relative; aspect-ratio: 4/3; background:#eef2f7; overflow:hidden; }
    .card img { width:100%; height:auto; object-fit: cover; }
    .badge { position:absolute; top:10px; left:10px; background: var(--accent); color:#fff; padding:4px 8px; border-radius:999px; font-size:12px; font-weight:700; }
    .wishlist { position:absolute; top:10px; right:10px; background:#fff; border:none; border-radius:999px; width:36px; height:36px; display:grid; place-items:center; box-shadow: var(--shadow-1); }
    .price-tag { position:absolute; bottom:10px; right:10px; background: rgba(0,0,0,.7); color:#fff; padding:6px 10px; border-radius: 999px; font-weight:800; }

    .card .body { padding:10px 12px 12px; display:grid; gap:6px; }
    .title { font-size:16px; font-weight:700; line-height:1.3; height: 42px; overflow:hidden; }
    .meta { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:12px; }
    .seller { display:flex; align-items:center; gap:6px; }
    .dot { width:8px; height:8px; border-radius:50%; background: var(--success); }

    /* Skeletons */
    .skeleton { background: linear-gradient(90deg, #eef1f6, #f7f8fb, #eef1f6); background-size: 200% 100%; animation: shimmer 1.2s infinite; }
    @keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
    .card.skeleton .media, .card.skeleton .line { background: none; }
    .sk-media { height: 0; padding-bottom: 75%; border-radius: 18px 18px 0 0; background: #eef2f7; }
    .sk-line { height: 12px; border-radius: 999px; background:#eef2f7; }

    /* Chat Floating Button */
    .chat-fab { position: fixed; right:16px; bottom:16px; z-index:60; background: var(--accent); color:#fff; border:none; width:56px; height:56px; border-radius:50%; display:grid; place-items:center; box-shadow: var(--shadow-2); }
    .chat-fab:hover { filter: brightness(1.05); }

#chatFab{display:none !important;}


    /* Chat Modal */
    .modal { position: fixed; inset:0; display:none; align-items: center; justify-content:center; background: rgba(0,0,0,.4); z-index:70; padding:16px; }
    .chat { width: min(720px, 100%); background:#fff; border-radius: 18px; overflow:hidden; box-shadow: var(--shadow-2); display:grid; grid-template-rows: auto 1fr auto; }
    .chat .top { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid var(--line); background: #f9fafb; }
    .chat .top .who { display:flex; align-items:center; gap:10px; }
    .chat .top .status { display:flex; align-items:center; gap:6px; color:var(--success); font-size:12px; }
    .chat .body { padding:12px; height: 380px; overflow:auto; background:#fbfcfe; }
    .msg { max-width: 70%; padding:10px 12px; border-radius: 14px; margin:6px 0; box-shadow: var(--shadow-1); }
    .msg.me { margin-left:auto; background: #e8f3ff; }
    .msg.them { background: #fff; border:1px solid var(--line); }
    .chat .bottom { display:flex; gap:8px; padding:12px; border-top:1px solid var(--line); background:#fff; }
    .chat .bottom input { flex:1; padding:10px 12px; border:1px solid var(--line); border-radius: 12px; }
/* --- Filter Panel Buttons & Inputs Styling --- */
.filter-panel {
  background: #fff;
  border-top: 1px solid var(--line);
  box-shadow: var(--shadow-2);
  padding: 16px 0;
  transition: max-height 0.3s ease;
}

.filter-inner input,
.filter-inner select {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px 12px;
  font-size: 14px;
  outline: none;
  transition: all 0.2s;
}

.filter-inner input:focus,
.filter-inner select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 8px rgba(255,138,0,0.25);
}

/* Apply button */
#applyFilters {
  background: var(--accent);
  color: #fff;
  font-weight: 700;
  border: none;
  border-radius: var(--radius);
  padding: 12px 0;
  cursor: pointer;
  box-shadow: var(--shadow-1);
  transition: all 0.2s ease-in-out;
}

#applyFilters:hover {s
  background: var(--accent-2);
  transform: translateY(-2px);
  box-shadow: var(--shadow-2);
}

#applyFilters:active {
  transform: translateY(0);
  background: var(--accent);
}

/* Optional: responsive tweak for mobile */
@media (max-width: 600px) {
  .filter-inner {
    grid-template-columns: 1fr !important;
  }
  #applyFilters {
    width: 100%;
  }
}

    /* Footer */
    .footer { background: linear-gradient(180deg, var(--brand-2), var(--brand)); color:#fff; margin-top: 24px; }
    .footer-wrap { max-width:1200px; margin:0 auto; padding: 28px 16px; display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
    .footer h4 { margin:0 0 10px; color: var(--accent); }
    .footer input[type="email"] { width:100%; padding:10px 12px; border-radius: 10px; border:none; }
    .footer .sub { margin-top:8px; padding:10px 12px; border:none; background: var(--accent); color:#fff; border-radius: 10px; }

    /* Responsive tweaks */
    @media (max-width: 768px) {
      .brand .name { font-size: 18px; }
      .nav-actions .hide-sm { display:none; }
    }

    @media (prefers-reduced-motion: reduce) {
      .card, .cat { transition: none; }
    }

    /* Facebook Verified Badge — Polished */
.verified-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 4px;
  vertical-align: middle;
  background: radial-gradient(circle at 30% 30%, #4da9ff, #1877f2 70%);
  box-shadow: 0 0 0 2px #fff, 0 2px 4px rgba(0,0,0,0.2);
}

.verified-badge svg {
  width: 11px;
  height: 11px;
  fill: #fff;
}
/* Mobile header fix */
@media (max-width: 600px) {
  .header-wrap {
    flex-direction: column;
    align-items: stretch;  /* stack items full-width */
    gap: 10px;
    padding: 12px 16px;
  }

  .brand {
    justify-content: center;
    width: 100%;
  }

  .searchbar {
    width: 100%;
    order: 2; /* put below brand */
  }

  .nav-actions {
    justify-content: space-between;
    width: 100%;
    order: 3; /* below searchbar */
    flex-wrap: wrap;
    gap: 6px;
  }

  .btn-cart {
    flex: 1;
    justify-content: center;
  }
}

  
/* ===== SIMPLE MOBILE HEADER FIX ===== */
@media (max-width:768px){

.header-wrap{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  padding:10px 12px !important;
}

/* first row */
.brand{
  flex:1 1 auto !important;
}

#allNigeriaBtn{
  flex:0 0 auto !important;
}

/* second row search full width */
.searchbar{
  width:100% !important;
  order:2 !important;
}

/* third row actions full width */
.nav-actions{
  width:100% !important;
  order:3 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

.nav-actions a,
.nav-actions .btn-cart{
  flex:1 1 calc(50% - 8px) !important;
  text-align:center !important;
  justify-content:center !important;
}

#userBox{
  width:100% !important;
  justify-content:center !important;
}

.btn-link.hide-sm{
  display:flex !important;
}

.brand .name{
  font-size:17px !important;
}

}

@media (min-width: 1024px){
#products,.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.card,.product-card{max-width:100%!important;min-height:auto!important;}
.card img,.product-card img{height:220px!important;object-fit:cover!important;}
header input[type="text"],header input[type="search"],#search{width:260px!important;min-width:260px!important;}
header,.topbar,.header{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
}
#sellerSearchResults{margin:12px 0;display:none;}
.seller-search-card{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:14px;margin-bottom:10px;cursor:pointer;border:1px solid #eee;}
.seller-search-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ddd;}
.seller-search-name{font-weight:700;font-size:15px;}
.seller-search-meta{font-size:13px;color:#777;margin-top:2px;}

/* MOBILE NAV UPGRADE */
.bottom-nav a{
font-size:24px !important;
font-weight:700 !important;
}
.bottom-nav a span{
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.2px;
}
.bottom-nav a.active{
transform:scale(1.08) !important;
box-shadow:0 6px 20px rgba(255,138,0,.65) !important;
}

.rs-activity-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:14px;min-width:280px;max-width:280px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s;}
.rs-activity-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);}
.rs-activity-icon{width:46px;height:46px;border-radius:12px;background:#fff3e8;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.rs-activity-seller{font-weight:700;font-size:15px;color:#111;}
.rs-activity-text{font-size:14px;color:#333;margin-top:2px;}
.rs-activity-time{font-size:12px;color:#888;margin-top:6px;}
#activity-feed{margin-top:10px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#activity-feed::-webkit-scrollbar{display:none;}


.rs-activity-title{font-weight:700;font-size:15px;color:#111;margin-bottom:4px;}
.rs-activity-price{font-size:14px;font-weight:700;color:#ff7a00;margin-bottom:4px;}
.rs-activity-meta{font-size:13px;color:#666;}
.rs-activity-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#888;}
.rs-view-link{color:#ff7a00;font-weight:700;cursor:pointer;}

.ig-verified{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
margin-left:4px;
background:#0095f6;
color:#fff;
font-size:10px;
font-weight:900;
clip-path:polygon(50% 0%,62% 12%,78% 5%,85% 22%,100% 25%,92% 40%,100% 50%,92% 60%,100% 75%,85% 78%,78% 95%,62% 88%,50% 100%,38% 88%,22% 95%,15% 78%,0% 75%,8% 60%,0% 50%,8% 40%,0% 25%,15% 22%,22% 5%,38% 12%);
box-shadow:0 0 6px rgba(0,149,246,.45);
vertical-align:middle;
}

/* ===== NEXT INLINE STYLE BLOCK ===== */

/* Overlay */
#allNigeriaPanel {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 90;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  overflow-y: auto;
}

/* Modal content */
.all-nigeria-content {
  background: #fff;
  border-radius: 12px;
  max-width: 900px;
  width: 100%;
  padding: 24px;
  box-shadow: 0 12px 28px rgba(0,0,0,.3);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Top search bar */
.all-nigeria-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.all-nigeria-top h2 { margin:0; font-size:20px; font-weight:700; }
.all-nigeria-top input {
  flex:1;
  max-width:300px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid #e7eaf0;
  font-size:14px;
  outline:none;
}
.all-nigeria-top .btn-close {
  padding:8px 12px;
  border-radius:12px;
  background:#ff4d4f;
  color:#fff;
  border:none;
  cursor:pointer;
  font-weight:600;
}

/* States Grid */
.states-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px,1fr));
  gap:12px;
}
.states-grid button {
  padding:14px 16px;
  border-radius:12px;
  background:#f8f9fa;
  border:1px solid #e7eaf0;
  cursor:pointer;
  font-weight:600;
  color:#1d2330;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  transition: all 0.25s ease;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
.states-grid button span {
  font-size:12px;
  color:#606a7a;
  margin-top:4px;
}
.states-grid button:hover {
  background: var(--accent);
  color:#fff;
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow:0 6px 12px rgba(0,0,0,0.15);
}
.all-nigeria-btn {
  padding: 10px 18px;
  border-radius: 20px;            
  background: rgba(255,255,255,0.15); /* lighter & visible on dark background */
  color: #fff;                        /* white text for contrast */
  border: 1px solid rgba(255,255,255,0.3); /* subtle border */
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  min-width: 120px;
}

.all-nigeria-btn:hover {
  background: rgba(255,255,255,0.25); /* slightly brighter on hover */
  border-color: rgba(255,255,255,0.4);
  transform: translateY(-1px);
}

.all-nigeria-btn:active {
  transform: translateY(0);
  background: rgba(255,255,255,0.2);
}


/* Ads Grid uses your existing .grid and .card */
/* Ads Scroll Section */
.ads-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#ads-container {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
border-radius: 16px;
background: #eee;
}

  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 1fr);
  gap: 14px;
}

.ad-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-1);
  flex: 0 0 auto;
  transition: transform .2s, box-shadow .2s;
}
.ad-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-2);
}
.ad-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

@media (min-width: 1024px){
#products,.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.card,.product-card{max-width:100%!important;min-height:auto!important;}
.card img,.product-card img{height:220px!important;object-fit:cover!important;}
header input[type="text"],header input[type="search"],#search{width:260px!important;min-width:260px!important;}

/* REMOVED DUPLICATE HEADER RULE
header,.topbar,.header{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
END REMOVED DUPLICATE HEADER RULE */

}
#sellerSearchResults{margin:12px 0;display:none;}
.seller-search-card{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:14px;margin-bottom:10px;cursor:pointer;border:1px solid #eee;}
.seller-search-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ddd;}
.seller-search-name{font-weight:700;font-size:15px;}
.seller-search-meta{font-size:13px;color:#777;margin-top:2px;}

/* MOBILE NAV UPGRADE */
.bottom-nav a{
font-size:24px !important;
font-weight:700 !important;
}
.bottom-nav a span{
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.2px;
}
.bottom-nav a.active{
transform:scale(1.08) !important;
box-shadow:0 6px 20px rgba(255,138,0,.65) !important;
}

.rs-activity-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:14px;min-width:280px;max-width:280px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s;}
.rs-activity-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);}
.rs-activity-icon{width:46px;height:46px;border-radius:12px;background:#fff3e8;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.rs-activity-seller{font-weight:700;font-size:15px;color:#111;}
.rs-activity-text{font-size:14px;color:#333;margin-top:2px;}
.rs-activity-time{font-size:12px;color:#888;margin-top:6px;}
#activity-feed{margin-top:10px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#activity-feed::-webkit-scrollbar{display:none;}


.rs-activity-title{font-weight:700;font-size:15px;color:#111;margin-bottom:4px;}
.rs-activity-price{font-size:14px;font-weight:700;color:#ff7a00;margin-bottom:4px;}
.rs-activity-meta{font-size:13px;color:#666;}
.rs-activity-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#888;}
.rs-view-link{color:#ff7a00;font-weight:700;cursor:pointer;}

.ig-verified{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
margin-left:4px;
background:#0095f6;
color:#fff;
font-size:10px;
font-weight:900;
clip-path:polygon(50% 0%,62% 12%,78% 5%,85% 22%,100% 25%,92% 40%,100% 50%,92% 60%,100% 75%,85% 78%,78% 95%,62% 88%,50% 100%,38% 88%,22% 95%,15% 78%,0% 75%,8% 60%,0% 50%,8% 40%,0% 25%,15% 22%,22% 5%,38% 12%);
box-shadow:0 0 6px rgba(0,149,246,.45);
vertical-align:middle;
}

/* ===== NEXT INLINE STYLE BLOCK ===== */

#ads-container{
width:100%;
max-width:1150px;
margin:auto;
overflow:hidden;
border-radius:24px;
}

.billboard-wrap{
position:relative;
overflow:hidden;
border-radius:24px;
background:#111;
box-shadow:0 18px 35px rgba(0,0,0,.15);
}

.billboard-track{
display:flex;
transition:transform .8s ease-in-out;
width:100%;
}

.billboard-slide{
.billboard-slide img{
width:100%;
height:auto;
object-fit:contain;
object-position:center;
display:block;
}

min-width:100%;
position:relative;
overflow:hidden;
}


.billboard-dots{
position:absolute;
left:0;
right:0;
bottom:14px;
display:flex;
justify-content:center;
gap:8px;
z-index:9;
}

.dot{
width:11px;
height:11px;
border-radius:50%;
background:rgba(255,255,255,.5);
}

.dot.active{
background:#ff8a00;
}

.rearai-thinking{
display:flex;
align-items:center;
gap:5px;
padding:14px 16px;
background:#fff;
border-radius:18px;
width:fit-content;
margin-bottom:12px;
box-shadow:0 4px 15px rgba(0,0,0,.06);
animation:rearaiMessage .25s ease;
}

.rearai-dot{
width:8px;
height:8px;
border-radius:50%;
background:#0a84ff;
animation:rearaiBounce 1.2s infinite ease-in-out;
}

.rearai-dot:nth-child(2){
animation-delay:.15s;
}

.rearai-dot:nth-child(3){
animation-delay:.3s;
}

@keyframes rearaiBounce{
0%,80%,100%{transform:scale(.6);opacity:.5;}
40%{transform:scale(1);opacity:1;}
}

@keyframes rearaiMessage{
@keyframes rearaiPopup{
from{opacity:0;transform:translateY(20px) scale(.96);}
to{opacity:1;transform:translateY(0) scale(1);}
}

from{opacity:0;transform:translateY(10px) scale(.98);}
to{opacity:1;transform:translateY(0) scale(1);}
}

@media(max-width:768px){
#ads-container{
border-radius:18px;
}

.billboard-wrap{
border-radius:18px;
}

.billboard-slide img{
}

#sellerSearchResults{margin:12px 0;display:none;}
.seller-search-card{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:14px;margin-bottom:10px;cursor:pointer;border:1px solid #eee;}
.seller-search-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ddd;}
.seller-search-name{font-weight:700;font-size:15px;}
.seller-search-meta{font-size:13px;color:#777;margin-top:2px;}

/* MOBILE NAV UPGRADE */
.bottom-nav a{
font-size:24px !important;
font-weight:700 !important;
}
.bottom-nav a span{
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.2px;
}
.bottom-nav a.active{
transform:scale(1.08) !important;
box-shadow:0 6px 20px rgba(255,138,0,.65) !important;
}

.rs-activity-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:14px;min-width:280px;max-width:280px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s;}
.rs-activity-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);}
.rs-activity-icon{width:46px;height:46px;border-radius:12px;background:#fff3e8;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.rs-activity-seller{font-weight:700;font-size:15px;color:#111;}
.rs-activity-text{font-size:14px;color:#333;margin-top:2px;}
.rs-activity-time{font-size:12px;color:#888;margin-top:6px;}
#activity-feed{margin-top:10px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#activity-feed::-webkit-scrollbar{display:none;}


.rs-activity-title{font-weight:700;font-size:15px;color:#111;margin-bottom:4px;}
.rs-activity-price{font-size:14px;font-weight:700;color:#ff7a00;margin-bottom:4px;}
.rs-activity-meta{font-size:13px;color:#666;}
.rs-activity-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#888;}
.rs-view-link{color:#ff7a00;font-weight:700;cursor:pointer;}

.ig-verified{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
margin-left:4px;
background:#0095f6;
color:#fff;
font-size:10px;
font-weight:900;
clip-path:polygon(50% 0%,62% 12%,78% 5%,85% 22%,100% 25%,92% 40%,100% 50%,92% 60%,100% 75%,85% 78%,78% 95%,62% 88%,50% 100%,38% 88%,22% 95%,15% 78%,0% 75%,8% 60%,0% 50%,8% 40%,0% 25%,15% 22%,22% 5%,38% 12%);
box-shadow:0 0 6px rgba(0,149,246,.45);
vertical-align:middle;
}

/* ===== NEXT INLINE STYLE BLOCK ===== */

#ads-container {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
border-radius: 16px;
background: #eee;
}

  position: relative;
  width: 100%;
  height: 400px;      /* big banner */
  overflow: hidden;
  border-radius: 16px;
  background: #eee;
}

.ad-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-in-out, visibility 0s linear 1s;
}
.ad-slide.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease-in-out;
}
.ad-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

/* Responsive heights */
@media (max-width: 768px) {
#ads-container {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
border-radius: 16px;
background: #eee;
}

}
@media (max-width: 480px) {
#ads-container {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
border-radius: 16px;
background: #eee;
}

}
@media (min-width: 1024px){
#products,.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.card,.product-card{max-width:100%!important;min-height:auto!important;}
.card img,.product-card img{height:220px!important;object-fit:cover!important;}
header input[type="text"],header input[type="search"],#search{width:260px!important;min-width:260px!important;}

/* REMOVED DUPLICATE HEADER RULE
header,.topbar,.header{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
END REMOVED DUPLICATE HEADER RULE */

}
#sellerSearchResults{margin:12px 0;display:none;}
.seller-search-card{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:14px;margin-bottom:10px;cursor:pointer;border:1px solid #eee;}
.seller-search-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ddd;}
.seller-search-name{font-weight:700;font-size:15px;}
.seller-search-meta{font-size:13px;color:#777;margin-top:2px;}

/* MOBILE NAV UPGRADE */
.bottom-nav a{
font-size:24px !important;
font-weight:700 !important;
}
.bottom-nav a span{
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.2px;
}
.bottom-nav a.active{
transform:scale(1.08) !important;
box-shadow:0 6px 20px rgba(255,138,0,.65) !important;
}

.rs-activity-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:14px;min-width:280px;max-width:280px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s;}
.rs-activity-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);}
.rs-activity-icon{width:46px;height:46px;border-radius:12px;background:#fff3e8;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.rs-activity-seller{font-weight:700;font-size:15px;color:#111;}
.rs-activity-text{font-size:14px;color:#333;margin-top:2px;}
.rs-activity-time{font-size:12px;color:#888;margin-top:6px;}
#activity-feed{margin-top:10px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#activity-feed::-webkit-scrollbar{display:none;}


.rs-activity-title{font-weight:700;font-size:15px;color:#111;margin-bottom:4px;}
.rs-activity-price{font-size:14px;font-weight:700;color:#ff7a00;margin-bottom:4px;}
.rs-activity-meta{font-size:13px;color:#666;}
.rs-activity-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#888;}
.rs-view-link{color:#ff7a00;font-weight:700;cursor:pointer;}

.ig-verified{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
margin-left:4px;
background:#0095f6;
color:#fff;
font-size:10px;
font-weight:900;
clip-path:polygon(50% 0%,62% 12%,78% 5%,85% 22%,100% 25%,92% 40%,100% 50%,92% 60%,100% 75%,85% 78%,78% 95%,62% 88%,50% 100%,38% 88%,22% 95%,15% 78%,0% 75%,8% 60%,0% 50%,8% 40%,0% 25%,15% 22%,22% 5%,38% 12%);
box-shadow:0 0 6px rgba(0,149,246,.45);
vertical-align:middle;
}

/* ===== NEXT INLINE STYLE BLOCK ===== */

.ads-section {
  margin: 50px auto;
  padding: 20px;
  max-width: 1400px;
}

.ads-section h2 {
  font-size: 26px;
  margin-bottom: 25px;
  color: #111;
  text-align: center;
}

.ads-wrapper {
  overflow: hidden;
  width: 100%;
}

.ads-container {
  display: flex;
  gap: 30px;
  transition: transform 0.8s ease-in-out;
}

.ads-container a {
  flex: 0 0 calc(50% - 15px); /* 2 ads per row on desktop */
  text-decoration: none;
}

.ads-container img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  transition: transform 0.3s;
}

.ads-container img:hover {
  transform: scale(1.04);
}

/* Tablet */
@media (max-width: 991px) {
  .ads-container a {
    flex: 0 0 calc(50% - 15px);
  }
  .ads-container img {
    height: 260px;
  }
}

/* Mobile */
@media (max-width: 599px) {
  .ads-container a {
    flex: 0 0 100%;
  }
  .ads-container img {
    height: 220px;
  }
}
@media (min-width: 1024px){
#products,.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.card,.product-card{max-width:100%!important;min-height:auto!important;}
.card img,.product-card img{height:220px!important;object-fit:cover!important;}
header input[type="text"],header input[type="search"],#search{width:260px!important;min-width:260px!important;}

/* REMOVED DUPLICATE HEADER RULE
header,.topbar,.header{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
END REMOVED DUPLICATE HEADER RULE */

}
#sellerSearchResults{margin:12px 0;display:none;}
.seller-search-card{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:14px;margin-bottom:10px;cursor:pointer;border:1px solid #eee;}
.seller-search-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ddd;}
.seller-search-name{font-weight:700;font-size:15px;}
.seller-search-meta{font-size:13px;color:#777;margin-top:2px;}

/* MOBILE NAV UPGRADE */
.bottom-nav a{
font-size:24px !important;
font-weight:700 !important;
}
.bottom-nav a span{
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.2px;
}
.bottom-nav a.active{
transform:scale(1.08) !important;
box-shadow:0 6px 20px rgba(255,138,0,.65) !important;
}

.rs-activity-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:14px;min-width:280px;max-width:280px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s;}
.rs-activity-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);}
.rs-activity-icon{width:46px;height:46px;border-radius:12px;background:#fff3e8;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.rs-activity-seller{font-weight:700;font-size:15px;color:#111;}
.rs-activity-text{font-size:14px;color:#333;margin-top:2px;}
.rs-activity-time{font-size:12px;color:#888;margin-top:6px;}
#activity-feed{margin-top:10px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#activity-feed::-webkit-scrollbar{display:none;}


.rs-activity-title{font-weight:700;font-size:15px;color:#111;margin-bottom:4px;}
.rs-activity-price{font-size:14px;font-weight:700;color:#ff7a00;margin-bottom:4px;}
.rs-activity-meta{font-size:13px;color:#666;}
.rs-activity-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#888;}
.rs-view-link{color:#ff7a00;font-weight:700;cursor:pointer;}

.ig-verified{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
margin-left:4px;
background:#0095f6;
color:#fff;
font-size:10px;
font-weight:900;
clip-path:polygon(50% 0%,62% 12%,78% 5%,85% 22%,100% 25%,92% 40%,100% 50%,92% 60%,100% 75%,85% 78%,78% 95%,62% 88%,50% 100%,38% 88%,22% 95%,15% 78%,0% 75%,8% 60%,0% 50%,8% 40%,0% 25%,15% 22%,22% 5%,38% 12%);
box-shadow:0 0 6px rgba(0,149,246,.45);
vertical-align:middle;
}

/* ===== NEXT INLINE STYLE BLOCK ===== */

.bottom-nav {
  position: fixed;
  bottom: 12px;
  left: 12px;
  right: 12px;
  height: 72px;
  background:#FCFCFD;
  backdrop-filter: blur(20px);
  border-radius: 22px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow:0 8px 24px rgba(15,23,42,.08);
  border:1px solid #E5E7EB;
}

.bottom-nav a {
  flex:1;
  height:58px;
  margin:0 4px;
  border-radius:16px;
  text-align:center;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
.bottom-nav a span { font-size:11px; font-weight:700; }
.bottom-nav a.active { background: var(--accent); color:#fff; opacity:1; box-shadow:0 4px 14px rgba(255,138,0,.45); }
  font-size:18px;
.bottom-nav a:hover { transform: translateY(-2px); }
}
  gap: 4px;
  opacity: 0.85;
  font-weight: 500;
}
.bottom-nav a span { font-size: 12px; }
.bottom-nav a.active { color: var(--accent); opacity: 1; }
.bottom-nav.hide { transform: translateY(100%); }
@media (min-width: 1024px){
#products,.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.card,.product-card{max-width:100%!important;min-height:auto!important;}
.card img,.product-card img{height:220px!important;object-fit:cover!important;}
header input[type="text"],header input[type="search"],#search{width:260px!important;min-width:260px!important;}

/* REMOVED DUPLICATE HEADER RULE
header,.topbar,.header{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
END REMOVED DUPLICATE HEADER RULE */

}
#sellerSearchResults{margin:12px 0;display:none;}
.seller-search-card{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:14px;margin-bottom:10px;cursor:pointer;border:1px solid #eee;}
.seller-search-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ddd;}
.seller-search-name{font-weight:700;font-size:15px;}
.seller-search-meta{font-size:13px;color:#777;margin-top:2px;}

/* MOBILE NAV UPGRADE */
.bottom-nav a{
font-size:24px !important;
font-weight:700 !important;
}
.bottom-nav a span{
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.2px;
}
.bottom-nav a.active{
transform:scale(1.08) !important;
box-shadow:0 6px 20px rgba(255,138,0,.65) !important;
}

.rs-activity-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:14px;min-width:280px;max-width:280px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s;}
.rs-activity-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);}
.rs-activity-icon{width:46px;height:46px;border-radius:12px;background:#fff3e8;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.rs-activity-seller{font-weight:700;font-size:15px;color:#111;}
.rs-activity-text{font-size:14px;color:#333;margin-top:2px;}
.rs-activity-time{font-size:12px;color:#888;margin-top:6px;}
#activity-feed{margin-top:10px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#activity-feed::-webkit-scrollbar{display:none;}


.rs-activity-title{font-weight:700;font-size:15px;color:#111;margin-bottom:4px;}
.rs-activity-price{font-size:14px;font-weight:700;color:#ff7a00;margin-bottom:4px;}
.rs-activity-meta{font-size:13px;color:#666;}
.rs-activity-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#888;}
.rs-view-link{color:#ff7a00;font-weight:700;cursor:pointer;}

.ig-verified{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
margin-left:4px;
background:#0095f6;
color:#fff;
font-size:10px;
font-weight:900;
clip-path:polygon(50% 0%,62% 12%,78% 5%,85% 22%,100% 25%,92% 40%,100% 50%,92% 60%,100% 75%,85% 78%,78% 95%,62% 88%,50% 100%,38% 88%,22% 95%,15% 78%,0% 75%,8% 60%,0% 50%,8% 40%,0% 25%,15% 22%,22% 5%,38% 12%);
box-shadow:0 0 6px rgba(0,149,246,.45);
vertical-align:middle;
}

/* ===== NEXT INLINE STYLE BLOCK ===== */

/* Banner container */
#ads-container {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
border-radius: 16px;
background: #eee;
}

  position: relative;
  width: 100%;
  height: 300px;     /* adjust banner height */
  overflow: hidden;
  border-radius: 10px;
  background: #eee;  /* fallback background */
}

/* Each slide */
.ad-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.ad-slide.active {
  opacity: 1;
  z-index: 1;
}

.ad-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



@media (min-width: 1024px){
#products,.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.card,.product-card{max-width:100%!important;min-height:auto!important;}
.card img,.product-card img{height:220px!important;object-fit:cover!important;}
header input[type="text"],header input[type="search"],#search{width:260px!important;min-width:260px!important;}

/* REMOVED DUPLICATE HEADER RULE
header,.topbar,.header{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
END REMOVED DUPLICATE HEADER RULE */

}
#sellerSearchResults{margin:12px 0;display:none;}
.seller-search-card{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:14px;margin-bottom:10px;cursor:pointer;border:1px solid #eee;}
.seller-search-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ddd;}
.seller-search-name{font-weight:700;font-size:15px;}
.seller-search-meta{font-size:13px;color:#777;margin-top:2px;}

/* MOBILE NAV UPGRADE */
.bottom-nav a{
font-size:24px !important;
font-weight:700 !important;
}
.bottom-nav a span{
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.2px;
}
.bottom-nav a.active{
transform:scale(1.08) !important;
box-shadow:0 6px 20px rgba(255,138,0,.65) !important;
}

.rs-activity-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:14px;min-width:280px;max-width:280px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s;}
.rs-activity-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);}
.rs-activity-icon{width:46px;height:46px;border-radius:12px;background:#fff3e8;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.rs-activity-seller{font-weight:700;font-size:15px;color:#111;}
.rs-activity-text{font-size:14px;color:#333;margin-top:2px;}
.rs-activity-time{font-size:12px;color:#888;margin-top:6px;}
#activity-feed{margin-top:10px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#activity-feed::-webkit-scrollbar{display:none;}


.rs-activity-title{font-weight:700;font-size:15px;color:#111;margin-bottom:4px;}
.rs-activity-price{font-size:14px;font-weight:700;color:#ff7a00;margin-bottom:4px;}
.rs-activity-meta{font-size:13px;color:#666;}
.rs-activity-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#888;}
.rs-view-link{color:#ff7a00;font-weight:700;cursor:pointer;}

.ig-verified{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
margin-left:4px;
background:#0095f6;
color:#fff;
font-size:10px;
font-weight:900;
clip-path:polygon(50% 0%,62% 12%,78% 5%,85% 22%,100% 25%,92% 40%,100% 50%,92% 60%,100% 75%,85% 78%,78% 95%,62% 88%,50% 100%,38% 88%,22% 95%,15% 78%,0% 75%,8% 60%,0% 50%,8% 40%,0% 25%,15% 22%,22% 5%,38% 12%);
box-shadow:0 0 6px rgba(0,149,246,.45);
vertical-align:middle;
}