/* Improved design to match reference */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
body { font-family: 'Inter', system-ui,-apple-system,BlinkMacSystemFont,sans-serif; }
.shadow-soft { box-shadow: 0 30px 60px rgba(0,0,0,0.06); }
.rounded-\[60px\] { border-radius: 60px; }
.rounded-\[40px\] { border-radius: 40px; }
.rounded-\[35px\] { border-radius: 35px; }
.rounded-\[30px\] { border-radius: 30px; }
.side-menu { z-index: 50; }
.side-menu .side-btn {
  background: transparent;
  border: none;
  padding: 10px;
  font-size: 18px;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  transition: all .25s ease;
  color: #1F2D3A;
}
.side-menu .side-btn.active {
  background: #1F2D3A;
  color: white;
  box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}
.brand-circle { box-shadow: 0 15px 40px rgba(0,0,0,0.1); }
.preview-card { box-shadow: 0 25px 60px rgba(0,0,0,0.2); }
.category-pill { cursor: pointer; transition: transform .2s ease; }
.category-pill:hover { transform: scale(1.05); }
@media (max-width: 1200px){
  .side-menu { display: none; }
}