/* Desktop board: five selections per row. */
main{width:auto;max-width:none}
.product-grid,.product-group-grid,.product-loading{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px}
.image-wrap{height:auto;aspect-ratio:4/3;background:#efede7}
.image-wrap img{object-fit:cover}
.card-info{padding:13px}
.product-name{display:-webkit-box;min-height:2.5em;overflow:hidden;font-size:clamp(12px,1.05vw,15px);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.card-foot{gap:8px;font-size:9px}
.card-actions{display:flex;align-items:center;gap:6px;margin-top:10px}
.card-actions .product-site-button,.card-actions .remove-product{display:grid;place-items:center;width:30px;height:30px;margin:0;border:1px solid #d2cec5;border-radius:4px;background:#fffefa;padding:0;color:#626057;cursor:pointer}
.card-actions .product-site-button:hover,.card-actions .remove-product:hover{border-color:#aaa59b;background:#efede7;color:#34342f;text-decoration:none}
.card-actions .product-site-button.disabled{opacity:.4;cursor:not-allowed}
.card-actions .remove-product{color:#95513f}
.card-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.schedule{max-width:100%;min-width:0!important;overflow-x:auto}
.toolbar{row-gap:9px}
.toolbar .search{flex:1 1 220px}
.title-row{gap:20px}
.title-row>div:first-child{min-width:0}

@media(max-width:1350px){
  .product-grid,.product-group-grid,.product-loading{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(min-width:651px) and (max-width:1350px){
  #productToolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  #productToolbar .search{width:auto}
  #productToolbar .board-control{min-width:0}
  #productToolbar .board-control select{width:100%;min-width:0}
  #productToolbar #openLibrary,#productToolbar .add-product{width:100%;margin-left:0}
}

@media(max-width:1100px){
  main{padding-inline:28px}
  .product-grid,.product-group-grid,.product-loading{grid-template-columns:repeat(3,minmax(0,1fr))}
  .title-row h1{font-size:32px}
}

@media(max-width:900px){
  .sidebar{z-index:90}
  .sidebar nav a{display:flex!important;justify-content:center;padding:11px;font-size:0}
  .sidebar nav a span{font-size:19px}
  .sidebar nav b{display:none}
  .sidebar-bottom{display:block}
  .new-project,.profile>div:nth-child(2){display:none}
  .profile{position:relative;justify-content:center;width:40px;height:40px;margin:20px auto 0}
  .profile .avatar{display:grid;flex:0 0 auto;width:34px;height:34px}
  .profile #accountMenuButton{position:absolute;inset:0;display:block;width:40px;height:40px;margin:0;padding:0;background:transparent;color:transparent}
  .profile #accountMenuButton .mobile-profile-avatar{display:none}
  .profile #accountMenuButton .account-menu-dots{display:none}
  .account-menu{position:fixed;left:56px;right:auto;bottom:16px}
  .product-grid,.product-group-grid,.product-loading{grid-template-columns:repeat(3,minmax(0,1fr))}
  .title-row{align-items:flex-start;flex-direction:column}
  .view-toggle{align-self:stretch;justify-content:space-between}
  .view-toggle button{flex:1}
}

@media(max-width:760px){
  .product-grid,.product-group-grid,.product-loading{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar{align-items:stretch}
  .toolbar .search{flex-basis:100%}
  .board-control{flex:1}
  .header-actions .share{display:none}
  .catalog-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  body{padding-bottom:68px}
  .sidebar{display:flex;top:auto;bottom:0;width:100%;height:64px;padding:6px 8px;border:0;border-top:1px solid var(--line);flex-direction:row;align-items:center}
  .sidebar .brand,.workspace-switcher,.project-switcher,.new-project{display:none!important}
  .sidebar nav{display:flex;flex:1;gap:2px}
  .sidebar nav a{display:flex!important;flex:1;padding:9px 5px}
  .sidebar-bottom{display:block;margin:0}
  .profile{width:44px;height:52px;margin:0}
  .profile .avatar{width:36px;height:36px}
  .profile #accountMenuButton{inset:4px 0 auto;width:44px;height:44px;padding:0}
  .account-menu{left:auto;right:8px;bottom:70px}
  .product-grid,.product-group-grid,.product-loading{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}
  main{padding:0 12px 24px}
  header{height:62px}
  .crumb{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .title-row{padding:26px 0 18px}
  .title-row h1,.catalog-heading h1,.account-heading h1{font-size:28px}
  .toolbar button{padding-inline:9px;font-size:11px}
  .card-info{padding:10px}
  .product-name{font-size:12px}
  .space-badge,.card-foot{font-size:8px}
  .catalog-page,.account-page,.members-page{padding-top:28px}
  .catalog-heading,.account-photo{align-items:flex-start}
  .account-card{padding:18px}
}

@media(max-width:430px){
  .product-grid,.product-group-grid,.product-loading{grid-template-columns:1fr}
  .image-wrap{aspect-ratio:16/10}
  .header-actions .icon-btn{display:none}
  .catalog-stats{grid-template-columns:1fr 1fr}
}