/* Premium UI layer - Meesho-style (tight + modern) */
:root{
  --pmz-primary:#7b1fa2;
  --pmz-primary-2:#9c27b0;
  /* App background (soft) so blank space looks premium instead of empty */
  --pmz-bg:#f6f7fb;
  --pmz-surface:#ffffff;
  --pmz-soft:#f6f6ff;        /* subtle section bg */
  --pmz-border:#ececf3;
  --pmz-text:#1f2230;
  --pmz-muted:#6b7280;
  --pmz-radius:16px;
}

html,body{
  background: var(--pmz-bg) !important;
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  color: var(--pmz-text);
}

/* Keep bottom nav clear space */
body{ padding-bottom: 92px; }

a{ text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }

/* Main container: remove unwanted gaps */
#container{
  background: var(--pmz-bg) !important;
  min-height: calc(100vh - 92px);
}

/* Bootstrap container tightening (mobile-friendly) */
.container{ padding-left:12px !important; padding-right:12px !important; }
.row{ margin-left:-6px !important; margin-right:-6px !important; }
[class*='col-']{ padding-left:6px !important; padding-right:6px !important; }

/* Section spacing: reduce large blank gaps */
section, .section{ margin:0 !important; }

/* Cards / panels */
.pmz-surface, .card, .panel, .list-group{
  background: var(--pmz-surface);
  border: 1px solid var(--pmz-border);
  border-radius: var(--pmz-radius);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
}

.list-group-item{
  border-color: var(--pmz-border) !important;
  border-radius: 12px;
}

/* Buttons */
.btn, button{ border-radius: 12px !important; }
.btn-primary, .btn.btn-primary{
  background: var(--pmz-primary) !important;
  border-color: var(--pmz-primary) !important;
}
.btn-primary:hover, .btn.btn-primary:hover{
  background: var(--pmz-primary-2) !important;
  border-color: var(--pmz-primary-2) !important;
}
.btn-outline-primary{
  color: var(--pmz-primary) !important;
  border-color: rgba(123,31,162,.35) !important;
}
.btn-outline-primary:hover{ background: rgba(123,31,162,.08) !important; }

/* Inputs */
.form-control, input, select, textarea{
  border-radius: 12px !important;
  border:1px solid var(--pmz-border) !important;
  box-shadow: none !important;
}
.form-control:focus, input:focus, select:focus, textarea:focus{
  border-color: rgba(123,31,162,.45) !important;
  box-shadow: 0 0 0 4px rgba(123,31,162,.10) !important;
}

/* Common white blocks (Meesho-like) */
.pmz-block{
  background: var(--pmz-surface);
  border:1px solid var(--pmz-border);
  border-radius: 18px;
  padding:12px;
  box-shadow: 0 10px 26px rgba(15,23,42,.04);
}

/* Reduce accidental <br> gaps / inline spacing */
*{ -webkit-tap-highlight-color: transparent; }

/* Sticky header polish if present */
.navbar, header{
  background: rgba(255,255,255,.86) !important;
  backdrop-filter: blur(10px);
}

/* Product blocks (safe match) */
.product, .product-card, .product-box, .single-product, .item-box{
  background: var(--pmz-surface);
  border:1px solid var(--pmz-border);
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(15,23,42,.04);
  overflow:hidden;
}

/* Trust badges */
.pmz-trust-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
.pmz-trust-item{
  background: var(--pmz-surface);
  border:1px solid var(--pmz-border);
  border-radius: 16px;
  padding:12px;
  box-shadow: 0 10px 26px rgba(15,23,42,.04);
}
.pmz-trust-ic{
  width:40px; height:40px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(123,31,162,.08);
  color: var(--pmz-primary);
  font-size:18px;
  margin-bottom:8px;
}
.pmz-trust-title{ font-weight:700; font-size:13px; margin:0; }
.pmz-trust-sub{ color: var(--pmz-muted); font-size:12px; margin-top:4px; }

/* Hide unexpected horizontal scroll that looks like "gap" */
html, body{ overflow-x:hidden; }

/* ===== Desktop/Laptop only: keep mobile untouched ===== */
@media (min-width: 992px) {
  body {
    background: #f6f7fb;
  }

  #container {
    max-width: 1380px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
  }

  ._38U37R,
  .search-bar,
  .premium-hero-wrap,
  .location-strip,
  .mid-sale-banner,
  .menu,
  .products,
  .container-fluid,
  .container,
  .cart__footer,
  .button-container {
    max-width: 1280px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  ._1FWdmb {
    min-height: 74px;
    padding: 0 26px;
  }

  .header-menu {
    gap: 16px;
  }

  .search-bar {
    padding: 14px 26px 18px;
  }

  .products {
    padding: 18px 26px 34px !important;
  }

  .product-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
  }

  .product-card {
    width: 100%;
    border: 1px solid #ececf5;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    transition: none;
  }

  .product-img {
    height: 320px;
    border-radius: 0;
    background: #fff;
  }

  .product-img img {
    width: 100%;
    object-fit: cover;
  }

  .product-details {
    overflow: visible;
    padding: 14px 14px 16px;
  }

  .product-name {
    font-size: 15px;
    line-height: 22px;
    min-height: 44px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .product-price,
  .cart-product-pricing {
    gap: 8px;
  }

  .sell-price,
  .product-price .price,
  .product-price .sell-price {
    font-size: 18px;
    font-weight: 700;
  }

  .mrp-price,
  .product-price .mrp,
  .cart-product-mrp {
    font-size: 13px;
  }

  .free-delivery {
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .category-grid-rebuild {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  .sidenav {
    max-width: 430px;
  }

  .cart__footer {
    left: 50%;
    transform: translateX(-50%);
    width: min(1280px, calc(100% - 40px));
    border-radius: 18px 18px 0 0;
  }

  .button-container {
    width: min(1280px, calc(100% - 40px));
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .product-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-img {
    height: 290px;
  }
}