:root{
  --bp-primary:#4f46e5;
  --bp-primary-light:#818cf8;
  --bp-accent:#f59e0b;
  --bp-bg:#f6f7fb;
  --bp-text:#1a1c29;
  --bp-muted:#7c8194;
  --bp-radius-lg:20px;
  --bp-radius-md:14px;
  --bp-glass-bg:rgba(255,255,255,.65);
  --bp-glass-border:rgba(255,255,255,.5);
}
[data-bs-theme="dark"]{
  --bp-bg:#0f1120;
  --bp-text:#eef0f9;
  --bp-muted:#9aa0b4;
  --bp-glass-bg:rgba(24,26,45,.65);
  --bp-glass-border:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
body{background:var(--bp-bg);color:var(--bp-text);font-family:'Poppins','Segoe UI',system-ui,sans-serif;margin:0;transition:background .2s,color .2s}

/* Sticky glass header */
.bp-header{position:sticky;top:0;z-index:1000;background:var(--bp-glass-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--bp-glass-border);padding:.85rem 0}
.bp-logo{font-weight:800;font-size:1.35rem;color:var(--bp-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}
.bp-search-bar{border-radius:999px;border:1px solid var(--bp-glass-border);background:rgba(255,255,255,.5);padding:.55rem 1.25rem;display:flex;align-items:center;gap:.5rem}
[data-bs-theme="dark"] .bp-search-bar{background:rgba(255,255,255,.06)}
.bp-search-bar input{border:none;background:transparent;outline:none;flex:1;color:inherit}
.bp-icon-btn{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bp-glass-bg);border:1px solid var(--bp-glass-border);color:var(--bp-text);text-decoration:none;position:relative;transition:.15s}
.bp-icon-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,70,229,.18)}
.bp-cart-badge{position:absolute;top:-4px;right:-4px;background:var(--bp-accent);color:#fff;font-size:.65rem;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}

/* Product cards */
.bp-product-card{background:var(--bp-glass-bg);backdrop-filter:blur(8px);border:1px solid var(--bp-glass-border);border-radius:var(--bp-radius-lg);overflow:hidden;position:relative;transition:.25s;box-shadow:0 4px 18px rgba(31,35,51,.05);height:100%}
.bp-product-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(79,70,229,.16)}
.bp-product-card .img-wrap{aspect-ratio:1/1;background:#fff;position:relative;overflow:hidden}
.bp-product-card img{width:100%;height:100%;object-fit:contain;transition:.3s}
.bp-product-card:hover img{transform:scale(1.06)}
.bp-badge-discount{position:absolute;top:10px;left:10px;background:#16a34a;color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .55rem;border-radius:8px}
.bp-badge-oos{position:absolute;top:10px;right:10px;background:#dc2626;color:#fff;font-size:.68rem;font-weight:700;padding:.25rem .55rem;border-radius:8px}
.bp-wishlist-btn{position:absolute;bottom:10px;right:10px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:#e11d48;border:none;opacity:0;transition:.2s}
.bp-product-card:hover .bp-wishlist-btn{opacity:1}
.bp-product-body{padding:1rem}
.bp-product-title{font-size:.92rem;font-weight:600;height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.4rem}
.bp-price-now{font-weight:800;font-size:1.05rem}
.bp-price-old{color:var(--bp-muted);text-decoration:line-through;font-size:.8rem;margin-left:.4rem}

/* Skeleton loader */
.bp-skeleton{background:linear-gradient(90deg,#eceef5 25%,#f7f8fc 37%,#eceef5 63%);background-size:400% 100%;animation:bp-shimmer 1.4s ease infinite;border-radius:var(--bp-radius-lg)}
@keyframes bp-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* Sticky filter sidebar */
.bp-filter-panel{position:sticky;top:90px;background:var(--bp-glass-bg);border:1px solid var(--bp-glass-border);border-radius:var(--bp-radius-lg);padding:1.25rem}

/* Floating buttons */
.bp-floating-cart{position:fixed;bottom:24px;right:24px;z-index:900;background:var(--bp-primary);color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(79,70,229,.4);text-decoration:none;transition:.2s}
.bp-floating-cart:hover{transform:scale(1.08);color:#fff}

/* Buttons */
.btn-bp-primary{background:linear-gradient(135deg,var(--bp-primary),var(--bp-primary-light));border:none;color:#fff;border-radius:12px;font-weight:600}
.btn-bp-primary:hover{opacity:.92;color:#fff}

/* Section titles */
.bp-section-title{font-weight:800;font-size:1.4rem;margin-bottom:1.25rem;position:relative;display:inline-block}
.bp-section-title::after{content:"";display:block;width:44px;height:4px;background:var(--bp-accent);border-radius:4px;margin-top:.4rem}

/* Hero slider */
.bp-hero-slide{border-radius:var(--bp-radius-lg);overflow:hidden;position:relative}
.bp-hero-slide img{width:100%;height:100%;object-fit:cover}

footer.bp-footer{background:#161829;color:#c9cbe0;padding:3rem 0 1.5rem;margin-top:3rem}

/* Mobile app-style bottom tab bar */
.bp-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;background:var(--bp-glass-bg);backdrop-filter:blur(14px);border-top:1px solid var(--bp-glass-border);padding:.4rem 0 max(.4rem, env(safe-area-inset-bottom));box-shadow:0 -4px 20px rgba(20,22,40,.08)}
.bp-bottom-nav-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;color:var(--bp-muted);text-decoration:none;font-size:.68rem;font-weight:600;padding:.3rem 0;position:relative}
.bp-bottom-nav-link i{font-size:1.15rem}
.bp-bottom-nav-link.active,.bp-bottom-nav-link:active{color:var(--bp-primary)}
.bp-bottom-nav-cart{position:relative}
.bp-bottom-nav-cart .bp-cart-badge{position:absolute;top:-2px;right:calc(50% - 18px);font-size:.6rem;width:16px;height:16px}
@media (max-width: 991.98px){
  body{padding-bottom:64px}
  footer.bp-footer{margin-bottom:0}
}

/* Mobile slide-out menu (offcanvas) links */
.bp-offcanvas-link{display:flex;align-items:center;gap:.85rem;padding:.75rem .5rem;color:var(--bp-text);text-decoration:none;font-weight:600;border-radius:10px}
.bp-offcanvas-link:hover{background:var(--bp-bg)}
.bp-offcanvas-link i{width:20px;text-align:center;color:var(--bp-primary)}

/* Order tracking timeline (Meesho/Flipkart-style vertical steps) */
.bp-order-timeline{position:relative;padding-left:4px}
.bp-timeline-step{position:relative;display:flex;gap:1rem;padding-bottom:1.75rem}
.bp-timeline-step:last-child{padding-bottom:0}
.bp-timeline-step::before{content:"";position:absolute;left:19px;top:40px;bottom:-4px;width:3px;background:var(--bp-glass-border)}
.bp-timeline-step:last-child::before{display:none}
.bp-timeline-dot{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;background:var(--bp-bg);border:2px solid var(--bp-glass-border);color:var(--bp-muted);z-index:1;transition:.2s}
.bp-timeline-content{padding-top:.35rem}
.bp-timeline-completed .bp-timeline-dot{background:var(--bp-primary);border-color:var(--bp-primary);color:#fff}
.bp-timeline-completed::before{background:var(--bp-primary)}
.bp-timeline-current .bp-timeline-dot{background:#fff;border-color:var(--bp-primary);color:var(--bp-primary);box-shadow:0 0 0 4px rgba(79,70,229,.15)}
.bp-timeline-upcoming .bp-timeline-content{opacity:.55}

/* Product page description block, right under the title */
.bp-product-desc{background:var(--bp-bg);border:1px solid var(--bp-glass-border);border-left:3px solid var(--bp-primary);border-radius:12px;padding:.9rem 1.1rem}
.bp-product-desc-label{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bp-primary);margin-bottom:.35rem}
.bp-product-desc-body{font-size:.95rem;line-height:1.7;color:var(--bp-text)}

/* Product page: price, delivery pills, info cards, trust strip */
.bp-price-highlight{color:#16a34a}
.bp-pill-badge{display:inline-flex;align-items:center;gap:.4rem;background:#1a1c29;color:#fff;font-size:.72rem;font-weight:700;padding:.4rem .8rem;border-radius:999px}
[data-bs-theme="dark"] .bp-pill-badge{background:#2a2d45}
.bp-pill-badge i{color:var(--bp-accent)}

.bp-info-card{background:var(--bp-glass-bg);border:1px solid var(--bp-glass-border);border-radius:var(--bp-radius-md);padding:1.1rem 1.25rem}
.bp-info-card-title{font-weight:800;font-size:.95rem;margin-bottom:.9rem;color:var(--bp-primary);display:flex;align-items:center;gap:.5rem}
.bp-spec-table td{padding:.55rem .5rem;border:none;font-size:.88rem}
.bp-spec-row-alt{background:var(--bp-bg)}
.bp-spec-value{color:var(--bp-primary);font-weight:600}

.bp-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}
.bp-feature-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.88rem;line-height:1.55;color:var(--bp-text)}
.bp-feature-list li i{color:#16a34a;margin-top:.2rem;flex-shrink:0}

.bp-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;background:var(--bp-bg);border:1px solid var(--bp-glass-border);border-radius:var(--bp-radius-md);padding:1rem .5rem}
.bp-trust-strip>div{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;font-size:.72rem;font-weight:700;color:var(--bp-primary)}
.bp-trust-strip i{font-size:1.15rem}
@media (max-width: 575.98px){
  .bp-trust-strip{grid-template-columns:1fr;gap:.6rem}
  .bp-trust-strip>div{flex-direction:row;justify-content:center}
}