/* Do'konning o'z sayti — Mini App uslubi ustiga qo'shimcha */
body.web { padding-bottom: calc(120px + env(safe-area-inset-bottom)); }

.web-top {
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; gap: 14px;
  padding: 12px 18px;
  padding-top: calc(12px + env(safe-area-inset-top));
  background: var(--bar);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: .5px solid var(--line);
}
.web-brand { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.web-brand b { font-size: 19px; font-weight: 700; letter-spacing: -.02em; }
.web-brand span { font-size: 13px; color: var(--muted); }

.web-tg {
  flex: 0 0 auto; text-decoration: none;
  padding: 9px 16px; border-radius: 10px;
  background: var(--blue); color: #fff;
  font-size: 14.5px; font-weight: 600;
  transition: transform .2s var(--spring), opacity .2s;
}
.web-tg:hover { transform: translateY(-1px); opacity: .92; }
.web-tg:active { transform: scale(.96); }

/* Katta ekranda do'kon markazda va kengroq */
@media (min-width: 760px) {
  body.web .view, body.web .web-top, body.web .search { max-width: 900px; margin-inline: auto; }
  body.web .grid { grid-template-columns: repeat(3, 1fr); }
  body.web .grid.list { grid-template-columns: 1fr; }
  body.web .tabbar { max-width: 900px; margin-inline: auto; border-radius: 18px 18px 0 0; }
  body.web #cart-bar { max-width: 900px; margin-inline: auto; }
  body.web .page { max-width: 900px; margin-inline: auto; }
}
@media (min-width: 1100px) {
  body.web .grid { grid-template-columns: repeat(4, 1fr); }
}