/* ============================================================
   SME Marketplace - Premium Styles (Astra Compatible)
   Brand: #8e9100 | Font: Inter
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ---- Base Reset (overrides Astra / any theme) ---- */
body .sme-marketplace-wrapper,
body .sme-dashboard,
body .sme-auth-form,
body .sme-single-listing,
body .sme-detail-page,
body .sme-section {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  max-width: 1200px !important; margin: 0 auto !important; color: #1a1a2e !important;
  box-sizing: border-box !important;
}
body .sme-marketplace-wrapper *,
body .sme-dashboard *,
body .sme-detail-page *,
body .sme-auth-form *,
body .sme-section *,
body .sme-single-listing * { box-sizing: border-box !important; }

/* ---- Force font on headings (Astra override) ---- */
body .sme-marketplace-wrapper h1,
body .sme-marketplace-wrapper h2,
body .sme-marketplace-wrapper h3,
body .sme-marketplace-wrapper h4,
body .sme-detail-page h1,
body .sme-detail-page h2,
body .sme-detail-page h3,
body .sme-dashboard h2,
body .sme-dashboard h3,
body .sme-auth-form h2,
body .sme-section h2 {
  font-family: 'Inter', sans-serif !important;
  line-height: 1.3 !important;
}
body .sme-marketplace-wrapper h1 { font-size: 30px !important; font-weight: 800 !important; margin: 0 0 10px !important; }
body .sme-marketplace-wrapper h2 { font-size: 28px !important; font-weight: 800 !important; margin: 0 0 20px !important; }
body .sme-marketplace-wrapper h3 { font-size: 18px !important; font-weight: 700 !important; margin: 0 0 12px !important; }

/* ---- Astra container fix ---- */
body .sme-marketplace-wrapper .ast-container,
body .sme-detail-page .ast-container,
body .sme-dashboard .ast-container { max-width: 100% !important; padding: 0 !important; }

/* ---- Hero ---- */
body .sme-hero {
  background: linear-gradient(135deg, #1a1a2e 0%, #2d2d00 50%, #1a1a2e 100%) !important;
  border-radius: 20px; padding: 56px 48px !important; margin-bottom: 36px !important;
  position: relative; overflow: hidden; color: #fff !important; border: none !important;
}
body .sme-hero::before {
  content: ''; position: absolute; top: -50%; right: -20%;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(142,145,0,0.12) 0%, transparent 70%);
  border-radius: 50%; pointer-events: none;
}
body .sme-hero::after {
  content: ''; position: absolute; bottom: -30%; left: -10%;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(142,145,0,0.08) 0%, transparent 60%);
  border-radius: 50%; pointer-events: none;
}
body .sme-hero-content { position: relative; z-index: 1; max-width: 700px; }
body .sme-hero h1 { font-size: 36px !important; font-weight: 800 !important; margin: 0 0 10px !important; line-height: 1.15 !important; color: #fff !important; font-family: 'Inter', sans-serif !important; }
body .sme-hero h1 span { color: #d4d700 !important; }
body .sme-hero p { font-size: 16px; color: rgba(255,255,255,0.7) !important; margin: 0 0 28px !important; line-height: 1.7; max-width: 540px; }
body .sme-hero-stats { display: flex; gap: 32px; flex-wrap: wrap; margin: 0 !important; padding: 0 !important; }
body .sme-hero-stat { text-align: center; margin: 0 !important; }
body .sme-hero-stat strong { display: block; font-size: 26px !important; font-weight: 800 !important; color: #d4d700 !important; font-family: 'Inter', sans-serif !important; margin: 0 !important; }
body .sme-hero-stat span { font-size: 13px; color: rgba(255,255,255,0.55) !important; }

/* ---- Buttons (Astra override) ---- */
body .sme-btn {
  display: inline-flex !important; align-items: center; gap: 8px;
  padding: 11px 24px !important; border-radius: 10px !important;
  font-size: 14px !important; font-weight: 600 !important; cursor: pointer;
  text-decoration: none !important; border: 2px solid transparent !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  line-height: 1.4 !important; font-family: 'Inter', sans-serif !important;
  background-image: none !important; box-shadow: none !important;
  height: auto !important; width: auto !important; text-transform: none !important;
  letter-spacing: normal !important;
}
body .sme-btn-primary {
  background: linear-gradient(135deg, #8e9100, #a8ab00) !important;
  color: #fff !important; box-shadow: 0 4px 14px rgba(142,145,0,0.35) !important;
  border-color: transparent !important;
}
body .sme-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(142,145,0,0.45) !important;
  background: linear-gradient(135deg, #9da000, #b8bb00) !important;
  color: #fff !important; border-color: transparent !important;
}
body .sme-btn-outline {
  background: transparent !important; color: #8e9100 !important;
  border: 2px solid #8e9100 !important;
}
body .sme-btn-outline:hover {
  background: rgba(142,145,0,0.1) !important; transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(142,145,0,0.15) !important;
  color: #8e9100 !important; border-color: #8e9100 !important;
}
body .sme-btn-ghost {
  background: transparent !important; color: #6b7280 !important;
  padding: 8px 16px !important; border: 2px solid transparent !important;
}
body .sme-btn-ghost:hover { background: rgba(142,145,0,0.08) !important; color: #8e9100 !important; border-color: rgba(142,145,0,0.2) !important; }
body .sme-btn-sm { padding: 7px 16px !important; font-size: 13px !important; }
body .sme-btn-block { width: 100% !important; justify-content: center !important; }

body .sme-hero-buttons .sme-btn { font-size: 15px !important; padding: 13px 28px !important; }
body .sme-hero-buttons .sme-btn-outline { border-color: rgba(255,255,255,0.3) !important; color: #fff !important; }
body .sme-hero-buttons .sme-btn-outline:hover { border-color: #d4d700 !important; color: #d4d700 !important; background: rgba(212,215,0,0.12) !important; }

/* ---- Search ---- */
body .sme-mp-search { display: flex; gap: 10px; margin-bottom: 20px; }
body .sme-search-bar { flex: 1; position: relative; }
body .sme-search-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:#9ca3af; }
body .sme-search-bar input[type="text"] {
  width:100% !important; padding:14px 14px 14px 44px !important;
  border:2px solid #e5e7eb !important; border-radius:12px !important;
  font-size:15px !important; outline:none !important; background:#fff !important;
  font-family:'Inter',sans-serif !important; color:#1a1a2e !important;
  transition:all 0.25s ease; box-shadow:0 1px 3px rgba(0,0,0,0.04);
  line-height:1.4 !important; height:auto !important; margin:0 !important;
  min-height:48px;
}
body .sme-search-bar input[type="text"]:focus { border-color:#8e9100 !important; box-shadow:0 0 0 4px rgba(142,145,0,0.12), 0 4px 16px rgba(142,145,0,0.08) !important; }

/* ---- Filters ---- */
body .sme-filters-panel {
  background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:24px;
  margin-bottom:20px; display:none; box-shadow:0 8px 30px rgba(0,0,0,0.06);
}
body .sme-filters-panel.sme-open { display:block; animation:smeFadeSlide .3s ease-out; }
@keyframes smeFadeSlide { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} }
body .sme-filters-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; }
body .sme-filter-group label { display:block; font-size:12px !important; font-weight:600 !important; margin:0 0 5px !important; color:#374151 !important; text-transform:uppercase; letter-spacing:0.03em; font-family:'Inter',sans-serif !important; }
body .sme-filter-group select,
body .sme-filter-group input[type="number"],
body .sme-filter-group input[type="text"] {
  width:100% !important; padding:9px 12px !important; border:1.5px solid #d1d5db !important;
  border-radius:9px !important; font-size:13px !important; outline:none !important;
  background:#fff !important; font-family:'Inter',sans-serif !important;
  color:#1a1a2e !important; transition:border-color .2s;
  line-height:1.4 !important; height:auto !important; min-height:38px;
  margin:0 !important; box-shadow:none !important;
}
body .sme-filter-group select:focus,
body .sme-filter-group input:focus { border-color:#8e9100 !important; box-shadow:0 0 0 3px rgba(142,145,0,0.1) !important; }
body .sme-price-range { display:flex; gap:8px; align-items:center; }
body .sme-price-range input { width:100% !important; }
body .sme-filter-actions { display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding-top:14px; border-top:1px solid #f3f4f6; }
body .sme-checkbox-label { display:flex; align-items:center; gap:8px; font-size:14px; cursor:pointer; margin:0 !important; }
body .sme-checkbox-label input[type=checkbox] { width:17px !important; height:17px !important; accent-color:#8e9100; margin:0 !important; }

/* ---- Results Bar ---- */
body .sme-results-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; font-size:14px; color:#6b7280; }
body .sme-view-toggle { display:flex; gap:4px; margin:0 !important; }
body .sme-view-btn {
  display:flex !important; align-items:center; justify-content:center !important;
  width:38px !important; height:38px !important;
  border:1.5px solid #d1d5db !important; border-radius:9px !important;
  background:#fff !important; cursor:pointer; color:#6b7280 !important;
  padding:0 !important; margin:0 !important; line-height:1 !important;
  transition:all .2s; box-shadow:none !important;
}
body .sme-view-btn.sme-active { background:#8e9100 !important; border-color:#8e9100 !important; color:#fff !important; box-shadow:0 2px 8px rgba(142,145,0,0.3) !important; }
body .sme-view-btn:hover:not(.sme-active) { background:rgba(142,145,0,0.06) !important; border-color:#8e9100 !important; color:#8e9100 !important; }

/* ---- Listings Grid ---- */
body .sme-listings-grid { display:grid; gap:24px; margin:0 !important; }
body .sme-view-grid { grid-template-columns:repeat(4,1fr); }
@media(max-width:1200px){body .sme-view-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){body .sme-view-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){body .sme-view-grid{grid-template-columns:1fr;}}
body .sme-view-list .sme-listing-item { display:flex; }
body .sme-view-list .sme-item-image { width:260px; min-height:170px; flex-shrink:0; }
body .sme-view-list .sme-item-body { flex:1; }
body .sme-view-list .sme-item-footer { border-top:none; padding-top:0; margin-top:auto; }

body .sme-listing-item {
  background:#fff !important; border:1px solid #e5e7eb !important; border-radius:14px !important;
  overflow:hidden; cursor:pointer; margin:0 !important;
  transition:all .35s cubic-bezier(0.4,0,0.2,1) !important;
  box-shadow:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02) !important;
}
body .sme-listing-item:hover {
  transform:translateY(-6px) !important;
  box-shadow:0 12px 40px rgba(0,0,0,0.1),0 4px 16px rgba(142,145,0,0.08) !important;
  border-color:rgba(142,145,0,0.25) !important;
}
body .sme-item-image { position:relative; aspect-ratio:4/3; overflow:hidden; background:#f3f4f6; margin:0 !important; }
body .sme-item-image img { width:100% !important; height:100% !important; object-fit:cover; transition:transform .5s cubic-bezier(0.4,0,0.2,1); margin:0 !important; }
body .sme-listing-item:hover .sme-item-image img { transform:scale(1.08); }
body .sme-item-image::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,0.06),transparent 40%); pointer-events:none; }
body .sme-badge-conf { position:absolute; bottom:10px; left:10px; background:rgba(0,0,0,0.75) !important; color:#fff !important; padding:4px 10px !important; border-radius:7px !important; font-size:11px !important; font-weight:500; display:flex; align-items:center; gap:5px; backdrop-filter:blur(4px); border:none !important; }
body .sme-item-body { padding:16px; display:flex; flex-direction:column; flex:1; }
body .sme-item-title-row { display:flex; justify-content:space-between; align-items:start; gap:8px; }
body .sme-item-title-row h3 { margin:0 !important; font-size:16px !important; font-weight:700 !important; line-height:1.35 !important; transition:color .2s; font-family:'Inter',sans-serif !important; padding:0 !important; border:none !important; }
body .sme-listing-item:hover .sme-item-title-row h3 { color:#8e9100 !important; }
body .sme-badge-verified { background:linear-gradient(135deg,#d1fae5,#a7f3d0) !important; color:#065f46 !important; padding:2px 8px !important; border-radius:999px !important; font-size:11px !important; font-weight:700 !important; white-space:nowrap; box-shadow:0 1px 3px rgba(6,95,70,0.1); border:none !important; display:inline-flex !important; align-items:center; }
body .sme-item-meta { display:flex; gap:14px; margin-top:8px; font-size:13px; color:#6b7280; }
body .sme-item-footer { display:flex; justify-content:space-between; align-items:end; margin-top:auto; padding-top:14px; border-top:1px solid #f3f4f6; }
body .sme-item-label { display:block; font-size:11px; color:#9ca3af; text-transform:uppercase; letter-spacing:0.03em; font-weight:600 !important; }
body .sme-item-price { font-size:19px !important; font-weight:800 !important; color:#8e9100 !important; }
body .sme-item-revenue { text-align:right; font-size:14px; color:#374151; font-weight:500; }
body .sme-item-revenue .sme-item-label { text-align:right; }

/* ---- No Results ---- */
body .sme-no-results { grid-column:1/-1; text-align:center; padding:80px 20px; color:#6b7280 !important; }

/* ---- Pagination ---- */
body .sme-pagination { display:flex; justify-content:center; gap:6px; margin:32px 0 0 !important; }
body .sme-page-btn {
  width:38px !important; height:38px !important; border:1.5px solid #d1d5db !important;
  border-radius:9px !important; background:#fff !important; cursor:pointer;
  font-size:14px !important; font-weight:500 !important; font-family:'Inter',sans-serif !important;
  transition:all .2s; padding:0 !important; margin:0 !important; line-height:38px !important;
  text-align:center !important; color:#1a1a2e !important; box-shadow:none !important;
}
body .sme-page-btn:hover { background:rgba(142,145,0,0.06) !important; border-color:#8e9100 !important; color:#8e9100 !important; transform:translateY(-1px); }
body .sme-page-btn.sme-page-active { background:#8e9100 !important; border-color:#8e9100 !important; color:#fff !important; box-shadow:0 3px 10px rgba(142,145,0,0.3) !important; }

/* ---- Loading ---- */
body .sme-loading { grid-column:1/-1; text-align:center; padding:80px 20px; color:#6b7280 !important; }
body .sme-spinner { display:inline-block; width:36px; height:36px; border:3px solid #e5e7eb; border-top-color:#8e9100; border-radius:50%; animation:smeSpin .7s linear infinite; }

/* ---- Smooth card slide-in (staggered, slow rise) ---- */
body .sme-listing-item {
  opacity:0; animation:smeSlideUp .55s cubic-bezier(0.22,1,0.36,1) forwards;
}
@keyframes smeSlideUp {
  0%   { opacity:0; transform:translateY(40px); }
  100% { opacity:1; transform:translateY(0); }
}
body .sme-listing-item:nth-child(1){animation-delay:0.04s}
body .sme-listing-item:nth-child(2){animation-delay:0.09s}
body .sme-listing-item:nth-child(3){animation-delay:0.14s}
body .sme-listing-item:nth-child(4){animation-delay:0.19s}
body .sme-listing-item:nth-child(5){animation-delay:0.24s}
body .sme-listing-item:nth-child(6){animation-delay:0.29s}
body .sme-listing-item:nth-child(7){animation-delay:0.34s}
body .sme-listing-item:nth-child(8){animation-delay:0.39s}
body .sme-listing-item:nth-child(9){animation-delay:0.44s}
body .sme-listing-item:nth-child(10){animation-delay:0.49s}
body .sme-listing-item:nth-child(11){animation-delay:0.54s}
body .sme-listing-item:nth-child(12){animation-delay:0.59s}

/* ---- Featured Section ---- */
body .sme-section { padding:48px 20px !important; }
body .sme-section-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; }
body .sme-section-header h2 { font-size:28px !important; font-weight:800 !important; margin:0 !important; font-family:'Inter',sans-serif !important; }
body .sme-featured-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin:0 !important; padding:0 !important; }
@media(max-width:1200px){body .sme-featured-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){body .sme-featured-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){body .sme-featured-grid{grid-template-columns:1fr;}}

body .sme-listing-card {
  background:#fff !important; border:1px solid #e5e7eb !important; border-radius:12px !important;
  overflow:hidden; cursor:pointer; margin:0 !important;
  transition:all .35s cubic-bezier(0.4,0,0.2,1) !important;
}
body .sme-listing-card:hover { transform:translateY(-4px) !important; box-shadow:0 12px 35px rgba(0,0,0,0.1),0 0 0 1px rgba(142,145,0,0.15) !important; }
body .sme-card-image { position:relative; aspect-ratio:4/3; overflow:hidden; }
body .sme-card-image img { width:100% !important; height:100% !important; object-fit:cover; margin:0 !important; }
body .sme-listing-card:hover .sme-card-image img { transform:scale(1.05); }
body .sme-card-body { padding:16px; }
body .sme-card-title-row { display:flex; justify-content:space-between; align-items:start; gap:8px; }
body .sme-card-title-row h3 { margin:0 !important; font-size:16px !important; font-weight:600 !important; line-height:1.3 !important; }
body .sme-card-meta { display:flex; gap:12px; margin-top:8px; font-size:13px; color:#6b7280; }
body .sme-card-price-row { display:flex; justify-content:space-between; margin-top:16px; padding-top:12px; border-top:1px solid #f3f4f6; }
body .sme-card-price-row > div { display:flex; flex-direction:column; }
body .sme-label { font-size:12px !important; color:#9ca3af !important; }
body .sme-price { font-size:18px !important; font-weight:700 !important; color:#8e9100 !important; }

/* ---- Full Page Single Detail View ---- */
body .sme-detail-page { padding:24px 20px 60px; }
body .sme-detail-topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; flex-wrap:wrap; gap:12px; }
body .sme-detail-back { color:#8e9100 !important; font-weight:600; text-decoration:none !important; display:inline-flex; align-items:center; gap:4px; font-size:15px; font-family:'Inter',sans-serif; }
body .sme-detail-back:hover { text-decoration:underline !important; color:#727500 !important; }
body .sme-detail-badges { display:flex; gap:8px; flex-wrap:wrap; }
body .sme-detail-grid { display:grid; grid-template-columns:1fr 360px; gap:36px; }
@media(max-width:900px){body .sme-detail-grid{grid-template-columns:1fr;}}
body .sme-detail-media { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:24px; }
@media(max-width:600px){body .sme-detail-media{grid-template-columns:1fr;}}
body .sme-detail-image { position:relative; border-radius:14px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.08); }
body .sme-detail-image img { width:100% !important; aspect-ratio:16/10; object-fit:cover; display:block; margin:0 !important; }
body .sme-detail-badge-verified { position:absolute; bottom:12px; left:12px; background:linear-gradient(135deg,#d1fae5,#a7f3d0) !important; color:#065f46 !important; padding:5px 14px !important; border-radius:999px !important; font-size:12px !important; font-weight:700 !important; box-shadow:0 2px 6px rgba(0,0,0,0.1); border:none !important; }
body .sme-detail-video { border-radius:14px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.08); }
body .sme-detail-video iframe { width:100% !important; aspect-ratio:16/10; display:block; border:none !important; }
body .sme-detail-title { font-size:30px !important; margin:0 0 8px !important; line-height:1.2 !important; color:#1a1a2e !important; }
body .sme-detail-meta-row { display:flex; gap:16px; color:#6b7280; font-size:14px; margin-bottom:24px; flex-wrap:wrap; }
body .sme-detail-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; margin-bottom:24px; }
body .sme-detail-stat { background:#f9fafb !important; border:1px solid #e5e7eb !important; border-radius:12px !important; padding:16px; text-align:center; transition:all .3s; }
body .sme-detail-stat:hover { border-color:rgba(142,145,0,0.3) !important; box-shadow:0 4px 12px rgba(0,0,0,0.06) !important; transform:translateY(-2px) !important; }
body .sme-stat-val { display:block; font-size:22px !important; font-weight:800 !important; color:#8e9100 !important; margin-bottom:4px; font-family:'Inter',sans-serif !important; }
body .sme-stat-lbl { display:block; font-size:12px; color:#9ca3af; text-transform:uppercase; letter-spacing:0.03em; }

body .sme-detail-section { margin-bottom:28px; }
body .sme-detail-section h3 { margin:0 0 12px !important; font-family:'Inter',sans-serif !important; font-size:20px !important; font-weight:700 !important; }
body .sme-detail-section p { color:#555 !important; line-height:1.8; font-size:15px; margin:0 !important; }
body .sme-detail-highlights { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 !important; padding:0 !important; }
@media(max-width:600px){body .sme-detail-highlights{grid-template-columns:1fr;}}
body .sme-detail-hl { display:flex; align-items:center; gap:8px; font-size:14px; color:#444; margin:0 !important; padding:0 !important; }
body .sme-hl-icon { width:22px; height:22px; background:#d1fae5 !important; color:#065f46 !important; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; flex-shrink:0; }
body .sme-detail-fin-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 !important; }
body .sme-fin-item { display:flex; justify-content:space-between; padding:12px 14px; background:#f9fafb !important; border-radius:8px; font-size:14px; margin:0 !important; }
body .sme-fin-item span { color:#6b7280 !important; }
body .sme-fin-item strong { color:#1a1a2e !important; }
body .sme-detail-sidebar-card { background:#fff !important; border:1px solid #e5e7eb !important; border-radius:16px !important; padding:24px; position:sticky; top:20px; box-shadow:0 8px 30px rgba(0,0,0,0.06) !important; }
body .sme-btn-block { margin-top:8px !important; }

/* ---- WhatsApp Button ---- */
body .sme-btn-whatsapp {
  background: #25D366 !important; color: #fff !important;
  border-color: #25D366 !important;
  box-shadow: 0 4px 14px rgba(37,211,102,0.35) !important;
  font-size: 15px !important; padding: 13px 24px !important;
}
body .sme-btn-whatsapp:hover {
  background: #20bd5a !important; color: #fff !important;
  border-color: #20bd5a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(37,211,102,0.45) !important;
}

/* ---- Dashboard ---- */
body .sme-dashboard { padding:28px 20px; }
body .sme-dashboard h2 { font-size:28px !important; font-weight:800 !important; margin:0 0 20px !important; font-family:'Inter',sans-serif !important; }
body .sme-dashboard h3 { font-size:18px !important; font-weight:700 !important; margin:32px 0 12px !important; }
body .sme-stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin:20px 0 32px !important; }
body .sme-stat-card-dash { background:#fff !important; border:1px solid #e5e7eb !important; border-radius:12px !important; padding:22px; text-align:center; transition:all .3s; box-shadow:0 1px 3px rgba(0,0,0,0.04); margin:0 !important; }
body .sme-stat-card-dash:hover { transform:translateY(-3px) !important; box-shadow:0 8px 25px rgba(0,0,0,0.08) !important; border-color:rgba(142,145,0,0.2) !important; }
body .sme-stat-num { display:block; font-size:30px !important; font-weight:800 !important; color:#8e9100 !important; margin:0 0 4px !important; font-family:'Inter',sans-serif !important; }
body .sme-stat-card-dash span:last-child { font-size:13px; color:#6b7280 !important; }

body .sme-table { width:100% !important; border-collapse:separate; border-spacing:0; margin:0 !important; }
body .sme-table th, body .sme-table td { padding:14px 16px !important; text-align:left !important; border-bottom:1px solid #e5e7eb !important; font-family:'Inter',sans-serif !important; font-size:14px !important; background:transparent !important; }
body .sme-table th { background:rgba(142,145,0,0.04) !important; font-weight:700 !important; font-size:12px !important; color:#6b7280 !important; text-transform:uppercase !important; letter-spacing:0.03em; }
body .sme-table tr:last-child td { border-bottom:none !important; }
body .sme-table tr:hover td { background:rgba(142,145,0,0.03) !important; }
body .sme-status-publish { color:#065f46 !important; background:#d1fae5 !important; padding:3px 10px !important; border-radius:999px !important; font-size:12px !important; font-weight:600 !important; border:none !important; display:inline-block; }
body .sme-status-draft { color:#92400e !important; background:#fef3c7 !important; padding:3px 10px !important; border-radius:999px !important; font-size:12px !important; font-weight:600 !important; border:none !important; display:inline-block; }

/* ---- Auth (compact, modern) ---- */
body .sme-auth-page {
  padding:20px 16px; font-family:'Inter',sans-serif;
}
body .sme-auth-card {
  width:100%; max-width:400px; margin:0 auto; background:#fff;
  border:1px solid rgba(0,0,0,0.06); border-radius:16px; padding:28px 28px 24px;
  box-shadow:0 4px 24px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.04);
}
body .sme-auth-icon {
  width:44px; height:44px; margin:0 auto 12px;
  background:linear-gradient(135deg,rgba(142,145,0,0.12),rgba(142,145,0,0.06));
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:20px;
}
body .sme-auth-card h2 {
  text-align:center; margin:0 0 2px; font-size:20px; font-weight:700;
  font-family:'Inter',sans-serif;
}
body .sme-auth-card p.sub { text-align:center; color:#6b7280; font-size:13px; margin:0 0 20px; }
body .sme-auth-card label {
  display:block; font-weight:600; font-size:12px; margin-bottom:4px; color:#374151; text-transform:uppercase; letter-spacing:0.02em;
}
body .sme-auth-card input[type=text],
body .sme-auth-card input[type=email],
body .sme-auth-card input[type=password],
body .sme-auth-card select {
  width:100% !important; padding:10px 12px !important; border:1.5px solid #e5e7eb !important;
  border-radius:8px !important; font-size:14px !important; outline:none !important;
  font-family:'Inter',sans-serif !important; transition:border-color .2s,box-shadow .2s;
  background:#fff !important; color:#1a1a2e !important; line-height:1.4 !important;
  height:auto !important; margin:0 !important; box-shadow:0 1px 2px rgba(0,0,0,0.02) !important;
}
body .sme-auth-card input:focus { border-color:#8e9100 !important; box-shadow:0 0 0 3px rgba(142,145,0,0.08), 0 1px 2px rgba(0,0,0,0.02) !important; }
body .sme-auth-submit {
  width:100%; padding:11px; background:linear-gradient(135deg,#8e9100,#a8ab00); color:#fff;
  border:none; border-radius:8px; font-size:14px; font-weight:700; cursor:pointer;
  box-shadow:0 3px 10px rgba(142,145,0,0.25); transition:all .2s;
  font-family:'Inter',sans-serif; display:block;
}
body .sme-auth-submit:hover { transform:translateY(-1px); box-shadow:0 5px 16px rgba(142,145,0,0.35); }

/* ---- Listing Form Fields ---- */
body .sme-field {
  width:100% !important; padding:11px 14px !important;
  border:1.5px solid #e5e7eb !important; border-radius:10px !important;
  font-size:14px !important; font-family:'Inter',sans-serif !important;
  outline:none !important; background:#fff !important;
  color:#1a1a2e !important; line-height:1.4 !important;
  height:auto !important; margin:0 !important;
  transition:border-color .2s,box-shadow .2s !important;
  box-shadow:0 1px 2px rgba(0,0,0,0.02) !important;
}
body .sme-field:focus { border-color:#8e9100 !important; box-shadow:0 0 0 3px rgba(142,145,0,0.08) !important; }
body .sme-hint { display:block; font-size:11px; color:#9ca3af; margin-top:3px; }

/* ---- Inquiry Form inside sidebar ---- */
body #sme-inquiry-form { margin:0 !important; }
body #sme-inquiry-form input,
body #sme-inquiry-form textarea {
  width:100% !important; padding:9px 12px !important;
  border:1.5px solid #d1d5db !important; border-radius:8px !important;
  font-size:13px !important; font-family:'Inter',sans-serif !important;
  background:#fff !important; color:#1a1a2e !important;
  line-height:1.4 !important; height:auto !important; margin:0 0 8px !important;
}

/* ============================================================
   MOBILE APP-LIKE (≤768px)
   ============================================================ */
@media(max-width:768px) {

  /* ---- General spacing ---- */
  body .sme-marketplace-wrapper,
  body .sme-detail-page,
  body .sme-dashboard { padding:12px !important; }

  /* ---- Hero ---- */
  body .sme-hero { padding:32px 20px !important; border-radius:14px; margin-bottom:20px !important; }
  body .sme-hero h1 { font-size:24px !important; }
  body .sme-hero p { font-size:14px !important; margin-bottom:20px !important; }
  body .sme-hero-stats { gap:16px; }
  body .sme-hero-stat strong { font-size:20px !important; }
  body .sme-hero-stat span { font-size:11px !important; }
  body .sme-hero-buttons { flex-direction:column; }
  body .sme-hero-buttons .sme-btn { width:100% !important; justify-content:center; font-size:14px !important; padding:12px 20px !important; }

  /* ---- Search bar ---- */
  body .sme-mp-search { flex-direction:column; gap:8px; }
  body .sme-search-bar input[type="text"] { font-size:16px !important; min-height:50px; } /* Prevents iOS zoom */
  body .sme-search-bar input[type="text"]:focus { font-size:16px !important; }

  /* ---- Filters ---- */
  body .sme-filters-grid { grid-template-columns:1fr; }
  body .sme-filters-panel { padding:16px; }

  /* ---- Results bar ---- */
  body .sme-results-bar { font-size:13px; flex-wrap:wrap; gap:8px; }

  /* ---- Buttons (touch-friendly) ---- */
  body .sme-btn { padding:13px 20px !important; font-size:15px !important; min-height:48px; }
  body .sme-btn-sm { padding:10px 14px !important; font-size:13px !important; min-height:38px; }

  /* ---- Cards (swipeable feel) ---- */
  body .sme-view-grid { grid-template-columns:1fr; }
  body .sme-listing-item { border-radius:16px !important; margin-bottom:0; }
  body .sme-item-body { padding:14px; }
  body .sme-item-title-row h3 { font-size:15px !important; }
  body .sme-item-price { font-size:17px !important; }

  /* ---- View toggle (hide on mobile) ---- */
  body .sme-view-toggle { display:none !important; }

  /* ---- Pagination ---- */
  body .sme-pagination { gap:4px; flex-wrap:wrap; }
  body .sme-page-btn { width:42px; height:42px; font-size:15px; }

  /* ---- Detail page ---- */
  body .sme-detail-grid { grid-template-columns:1fr; gap:20px; }
  body .sme-detail-media { grid-template-columns:1fr; }
  body .sme-detail-title { font-size:22px !important; }
  body .sme-detail-stats { grid-template-columns:repeat(2,1fr); }
  body .sme-detail-stat { padding:12px; }
  body .sme-stat-val { font-size:18px !important; }
  body .sme-detail-highlights { grid-template-columns:1fr; }
  body .sme-detail-fin-grid { grid-template-columns:1fr; }
  body .sme-detail-sidebar-card { position:static !important; }
  body .sme-detail-topbar { flex-direction:column; align-items:start; gap:8px; }
  body .sme-detail-badges { width:100%; }
  body .sme-detail-meta-row { font-size:13px; gap:10px; }

  /* ---- Featured grid ---- */
  body .sme-featured-grid { grid-template-columns:1fr; gap:16px; }

  /* ---- Section ---- */
  body .sme-section { padding:24px 12px !important; }
  body .sme-section-header h2 { font-size:22px !important; }

  /* ---- Auth forms ---- */
  body .sme-auth-form { margin:20px 12px !important; padding:24px 20px !important; }

  /* ---- Dashboard ---- */
  body .sme-dashboard h2 { font-size:22px !important; }
  body .sme-stat-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  body .sme-stat-card-dash { padding:16px; }
  body .sme-stat-num { font-size:24px !important; }

  /* ---- Listing form (seller submission) ---- */
  body .sme-marketplace-wrapper form div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }

  /* ---- WhatsApp modal ---- */
  body .sme-wa-modal { margin:12px; padding:28px 20px 24px; }
  body .sme-wa-modal h2 { font-size:18px; }
  body .sme-wa-modal input { font-size:16px !important; padding:13px 14px; } /* Prevents iOS zoom */

  /* ---- Hero stats row (compact) ---- */
  body .sme-hero-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
  body .sme-hero-stat { background:rgba(255,255,255,0.06); padding:10px; border-radius:10px; }

  /* ---- Full-width touch targets ---- */
  body .sme-filter-actions { flex-direction:column; gap:10px; align-items:stretch; }
  body .sme-checkbox-label { justify-content:center; }
  body .sme-filter-actions .sme-btn { width:100%; justify-content:center; }

  /* ---- Inquiry form inside sidebar ---- */
  body #sme-inquiry-form input,
  body #sme-inquiry-form textarea { font-size:16px !important; padding:11px 12px !important; }

  /* ---- Back button (detail) ---- */
  body .sme-detail-back { font-size:14px; }

  /* ---- Load more spacing ---- */
  body .sme-loading { padding:40px 20px; }
  body .sme-auth-card div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }
}

/* ---- WhatsApp Modal (centered, modern) ---- */
body .sme-wa-modal-overlay {
  position:fixed; inset:0; z-index:999999;
  background:rgba(0,0,0,0.45); backdrop-filter:blur(6px);
  display:none; align-items:center; justify-content:center;
  padding:20px;
}
body .sme-wa-modal-overlay.open { display:flex; }
body .sme-wa-modal {
  background:#fff; border-radius:20px; width:100%; max-width:420px;
  padding:36px 32px 28px; position:relative;
  box-shadow:0 25px 80px rgba(0,0,0,0.2);
  animation:smeWaIn 0.35s cubic-bezier(0.22,1,0.36,1) forwards;
  transform-origin:center;
}
@keyframes smeWaIn {
  0%   { opacity:0; transform:scale(0.92) translateY(20px); }
  100% { opacity:1; transform:scale(1) translateY(0); }
}
body .sme-wa-close {
  position:absolute; top:12px; right:16px;
  background:none; border:none; font-size:24px; cursor:pointer;
  color:#9ca3af; line-height:1; padding:4px; transition:color .2s;
}
body .sme-wa-close:hover { color:#374151; }
body .sme-wa-icon {
  width:56px; height:56px; margin:0 auto 16px;
  background:#25D366; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:28px; animation:smeWaPulse 2s ease-in-out infinite;
}
@keyframes smeWaPulse {
  0%,100% { box-shadow:0 0 0 0 rgba(37,211,102,0.4); }
  50%     { box-shadow:0 0 0 12px rgba(37,211,102,0); }
}
body .sme-wa-modal h2 {
  text-align:center; margin:0 0 4px; font-size:20px; font-weight:700;
  font-family:'Inter',sans-serif;
}
body .sme-wa-modal p {
  text-align:center; color:#6b7280; font-size:14px; margin:0 0 20px;
}
body .sme-wa-modal label {
  display:block; font-size:13px; font-weight:600; margin-bottom:4px; color:#374151;
}
body .sme-wa-modal input {
  width:100%; padding:11px 14px; border:1.5px solid #d1d5db;
  border-radius:10px; font-size:14px; outline:none; font-family:'Inter',sans-serif;
  transition:border-color .2s; margin-bottom:14px;
}
body .sme-wa-modal input:focus { border-color:#25D366; box-shadow:0 0 0 3px rgba(37,211,102,0.12); }
body .sme-wa-modal .sme-wa-submit {
  width:100%; padding:13px; background:#25D366; color:#fff;
  border:none; border-radius:10px; font-size:15px; font-weight:700;
  cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px;
  box-shadow:0 4px 14px rgba(37,211,102,0.3);
  transition:all .25s; font-family:'Inter',sans-serif;
}
body .sme-wa-modal .sme-wa-submit:hover {
  transform:translateY(-2px); background:#20bd5a;
  box-shadow:0 6px 20px rgba(37,211,102,0.4);
}

/* ============================================================
   DARK MODE
   ============================================================ */
@media(prefers-color-scheme:dark) {
  body .sme-marketplace-wrapper, body .sme-dashboard, body .sme-auth-form, body .sme-single-listing, body .sme-detail-page, body .sme-section { color:#e5e7eb !important; }
  body .sme-listing-item, body .sme-filters-panel, body .sme-detail-stat, body .sme-detail-sidebar-card, body .sme-fin-item, body .sme-stat-card-dash, body .sme-listing-card, body .sme-auth-form, body #sme-inquiry-form input, body #sme-inquiry-form textarea { background:#1f2937 !important; border-color:#374151 !important; }
  body .sme-search-bar input[type="text"], body .sme-filter-group select, body .sme-filter-group input[type="number"], body .sme-filter-group input[type="text"], body .sme-auth-form input[type=text], body .sme-auth-form input[type=email], body .sme-auth-form input[type=password], body .sme-auth-form select { background:#374151 !important; border-color:#4b5563 !important; color:#e5e7eb !important; }
  body .sme-listing-item:hover { border-color:#8e9100 !important; }
  body .sme-item-meta, body .sme-results-bar, body .sme-no-results, body .sme-filter-group label, body .sme-detail-meta-row { color:#9ca3af !important; }
  body .sme-detail-section p, body .sme-detail-hl { color:#9ca3af !important; }
  body .sme-detail-title, body .sme-item-title-row h3, body .sme-fin-item strong, body .sme-detail-section h3 { color:#e5e7eb !important; }
  body .sme-btn-outline { background:transparent !important; border-color:#8e9100 !important; color:#8e9100 !important; }
  body .sme-btn-outline:hover { background:rgba(142,145,0,0.15) !important; color:#8e9100 !important; border-color:#8e9100 !important; }
  body .sme-view-btn { background:#1f2937 !important; border-color:#4b5563 !important; color:#9ca3af !important; }
  body .sme-view-btn.sme-active { background:#8e9100 !important; border-color:#8e9100 !important; color:#fff !important; }
  body .sme-view-btn:hover:not(.sme-active) { border-color:#8e9100 !important; color:#8e9100 !important; }
  body .sme-table th { background:#374151 !important; color:#9ca3af !important; }
  body .sme-table td { border-color:#374151 !important; }
  body .sme-table tr:hover td { background:rgba(142,145,0,0.06) !important; }
  body .sme-stat-card-dash:hover { border-color:#8e9100 !important; }
  body .sme-detail-stat:hover { border-color:#8e9100 !important; }
  body .sme-hero { background:linear-gradient(135deg,#0f0f1a 0%,#1a1a00 50%,#0f0f1a 100%) !important; }
  body .sme-btn-whatsapp { box-shadow:0 4px 14px rgba(37,211,102,0.2) !important; }
  body .sme-btn-whatsapp:hover { box-shadow:0 6px 20px rgba(37,211,102,0.3) !important; }
  body .sme-wa-modal { background:#1f2937; }
  body .sme-wa-modal h2 { color:#e5e7eb; }
  body .sme-wa-modal p { color:#9ca3af; }
  body .sme-wa-modal label { color:#d1d5db; }
  body .sme-wa-modal input { background:#374151; border-color:#4b5563; color:#e5e7eb; }
  body .sme-wa-modal input:focus { border-color:#25D366; }
  body .sme-wa-close { color:#6b7280; }
  body .sme-wa-close:hover { color:#d1d5db; }
  body .sme-wa-modal-overlay { background:rgba(0,0,0,0.6); }
  body .sme-auth-card { background:#1f2937; border-color:#374151; }
  body .sme-auth-card h2 { color:#e5e7eb; }
  body .sme-auth-card label { color:#d1d5db; }
  body .sme-auth-card input[type=text],
  body .sme-auth-card input[type=email],
  body .sme-auth-card input[type=password],
  body .sme-auth-card select { background:#374151 !important; border-color:#4b5563 !important; color:#e5e7eb !important; }
  body .sme-auth-icon { background:linear-gradient(135deg,rgba(142,145,0,0.2),rgba(142,145,0,0.1)); }
  body .sme-field { background:#1f2937 !important; border-color:#374151 !important; color:#e5e7eb !important; }
  body .sme-field:focus { border-color:#8e9100 !important; }
}