/* বাংলা: সাইটের কমন রঙ ও স্পেসিং ভেরিয়েবল */
:root{
  --bg:#f4f7fb;
  --dark:#101828;
  --brand:#2563eb;
  --brand2:#7c3aed;
  --card:#ffffff;
  --shadow:0 12px 30px rgba(16,24,40,.08);
}

/* বাংলা: বেসিক টাইপোগ্রাফি ও ব্যাকগ্রাউন্ড */
body{
  font-family: "Segoe UI", Arial, sans-serif;
  background:var(--bg);
  color:#111827;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
body > main{display:block;flex:1 0 auto}
.footer-premium{margin-top:0!important;flex:0 0 auto}
.site-navbar-shell{max-width:none;width:100%;margin:0 auto;padding:0 24px;min-height:50px}
.topbar .navbar-collapse{min-width:0;align-items:center}
.topbar .site-main-nav{flex:1 1 auto!important;flex-wrap:nowrap;align-items:center;gap:2px;margin-left:1.2rem!important;margin-right:12px!important}
.topbar .navbar-nav .nav-item{flex:0 0 auto}
.topbar .navbar-nav .nav-link{white-space:nowrap;padding-left:.44rem;padding-right:.44rem}
.topbar .navbar-brand{white-space:nowrap;flex:0 0 auto;margin-right:18px}
.topbar .nav-live-search{flex:0 1 330px;width:330px;min-width:220px;margin-right:8px!important}
.topbar .nav-live-search .input-group{width:100%}
.topbar .site-nav-actions{white-space:nowrap;flex:0 0 auto;gap:1rem!important}
@media (min-width:1200px){
  .topbar .navbar-collapse{display:flex!important;flex-wrap:nowrap}
}
@media (min-width:992px) and (max-width:1350px){
  .site-navbar-shell{padding-left:10px;padding-right:10px}
  .topbar .navbar-nav .nav-link{font-size:11.5px;padding-left:.28rem;padding-right:.28rem}
  .topbar .nav-live-search{width:205px;min-width:170px;flex-basis:205px}
  .topbar .navbar-brand{margin-right:5px}
  .topbar .navbar-brand span{font-size:1rem}
  .topbar .brand-logo{width:42px;height:42px}
  .topbar .site-nav-actions .small{display:none!important}
  .topbar .site-nav-actions{gap:.65rem!important}
}
@media (max-width:991.98px){
  .topbar .site-main-nav{align-items:stretch;margin:0!important}
  .topbar .nav-live-search{width:100%;min-width:100%;max-width:none;margin-right:0!important}
  .topbar .site-nav-actions{padding:8px 2px}
}

/* বাংলা: কমন নেভবার */
.topbar{background:linear-gradient(90deg,#0f172a,#111827);padding-top:0!important;padding-bottom:0!important;min-height:50px}
.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:8px;background:none;padding:3px}
.nav-link{font-size:14px;line-height:1.15}
/* Events remains a normal dark-navbar link. Only Event names inside All Categories are highlighted. */
.topbar .site-main-nav .nav-event-toggle{display:inline-flex;align-items:center;gap:.1rem;margin:0;padding:.42rem .44rem!important;border:0;border-radius:0;color:rgba(255,255,255,.86)!important;background:transparent!important;box-shadow:none!important;font-weight:500;transition:color .15s ease;text-decoration:none}
.topbar .site-main-nav .nav-event-toggle:hover,.topbar .site-main-nav .nav-event-toggle:focus,.topbar .site-main-nav .nav-event-toggle.show{background:transparent!important;color:#fff!important;box-shadow:none!important}
.topbar .site-main-nav .nav-event-toggle.is-selected{background:transparent!important;color:#fff!important;border:0;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px}

/* Event-first navigation keeps the category menu usable with large catalogs. */
.topbar .nav-events-menu,.topbar .nav-categories-menu{max-height:min(calc(100vh - 72px),520px);max-height:min(calc(100dvh - 72px),520px);overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable;scroll-behavior:auto;min-width:230px;max-width:min(88vw,340px);z-index:1085}
.topbar .nav-categories-menu .dropdown-item{white-space:normal;line-height:1.3;padding-top:.42rem;padding-bottom:.42rem}
.topbar .nav-category-group-heading{position:sticky;top:0;background:#fff;z-index:2;font-size:.78rem;font-weight:800;text-transform:none;letter-spacing:0;color:#b88700;padding:.6rem .75rem .4rem;text-decoration:underline;text-decoration-color:#facc15;text-decoration-thickness:2px;text-underline-offset:4px;border-bottom:1px solid rgba(234,179,8,.22)}
.topbar .nav-events-menu .dropdown-item.active{background:#eff6ff;color:#1d4ed8;font-weight:700}
@media(max-width:991.98px){.topbar .nav-events-menu,.topbar .nav-categories-menu{max-height:min(calc(100vh - 120px),520px)!important;max-height:min(calc(100dvh - 120px),520px)!important;max-width:min(92vw,420px);min-width:min(84vw,320px);overflow-y:auto!important;overflow-x:hidden!important}.topbar .nav-category-group-heading{position:static}}

/* বাংলা: প্রোফাইল ড্রপডাউন */
.profile-dropdown{position:relative}
.profile-menu{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:220px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 18px 40px rgba(0,0,0,.15);
  padding:10px;
  z-index:999;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:all .25s ease;
}
.profile-dropdown:hover .profile-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.profile-menu a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  text-decoration:none;
  color:#111827;
  font-weight:500;
}
.profile-menu a:hover{background:#f3f4f6}

/* বাংলা: কমন কার্ড ডিজাইন */
.cardx{border:none;border-radius:18px;box-shadow:var(--shadow)}

/* বাংলা: কমন প্রোডাক্ট কার্ড */
.product-card{background:var(--card);border:1px solid #edf2f7;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:.25s ease;position:relative}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(16,24,40,.12)}
.thumb{height:170px;object-fit:cover;border-radius:14px;border:1px solid #e5e7eb;background:#fff}
.seller-row{display:flex;align-items:center;gap:10px}
.seller-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb;background:#fff}

/* বাংলা: কমন ফুটার */
footer{background:#0b1220;color:#cbd5e1;margin-top:0}
.footer-top{padding:45px 0 24px}
.footer-links a{color:#cbd5e1;text-decoration:none;display:block;margin-bottom:8px}
.footer-links a:hover{color:#fff}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:14px 0;
  color:#94a3b8;
  font-size:14px;
}

/* Navbar live-search results */
.nav-live-search{min-width:260px}.nav-live-search .live-search-results{z-index:1080;top:calc(100% + 8px);right:0;width:min(430px,92vw);max-height:420px;overflow-y:auto}.nav-live-search .live-search-results a:hover,.nav-live-search .live-search-results a:focus{background:#f8f9fa}.nav-live-search .min-w-0{min-width:0}

html{min-height:100%;background:#0b1220} body{min-height:100vh} .footer-premium{margin-top:0!important;margin-bottom:0!important}


.site-page-shell{width:100%;max-width:none;padding-left:24px;padding-right:24px;margin:0 auto}.site-page-shell.narrow{max-width:1760px}.section-shell{width:100%;max-width:none;padding-left:24px;padding-right:24px;margin:0 auto}@media (max-width:1199.98px){.site-page-shell,.section-shell,.site-navbar-shell{padding-left:16px;padding-right:16px}}@media (max-width:991.98px){.topbar .site-main-nav{margin-left:0!important;margin-right:0!important}.topbar .nav-live-search{width:100%;min-width:100%;max-width:none}.site-page-shell,.section-shell,.site-navbar-shell{padding-left:12px;padding-right:12px}}


/* v2.5.8 compact storefront flow */
.storefront-main-shell{margin-top:.7rem!important;margin-bottom:.85rem!important}
@media (max-width:767.98px){
  .site-navbar-shell{min-height:46px;padding-left:10px!important;padding-right:10px!important}
  .topbar{min-height:46px}
  .topbar .brand-logo{width:40px;height:40px}
  .topbar .navbar-brand{margin-right:8px}
  .storefront-main-shell{margin-top:.45rem!important;margin-bottom:.55rem!important}
}


/* v2.5.9 natural page flow: short pages keep footer at viewport bottom; long grids push it down */
.storefront-main-shell,.storefront-category-main{flex:1 0 auto}
.storefront-category-main{display:flex;flex-direction:column}
.storefront-category-main .category-grid-shell{flex:1 0 auto}
.storefront-pagination .page-link{min-width:32px;height:32px;padding:.32rem .52rem;border-radius:9px!important;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700}
.storefront-pagination .pagination-jump{letter-spacing:-2px;color:#64748b;background:#f8fafc}
.storefront-pagination .page-item:last-child .page-link,.storefront-pagination .page-item:nth-last-child(2) .page-link{white-space:nowrap}
@media(max-width:575.98px){.storefront-pagination .page-link{min-width:29px;height:29px;padding:.25rem .4rem;font-size:.72rem}.storefront-pagination{gap:.2rem!important}}


/* Consistent cross-device typography (including form controls). */
html, body, button, input, select, textarea { font-family: "Segoe UI", Arial, sans-serif; }