#plantsPage .plant-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  background:transparent;
  border:0;
}

#plantsPage .plant-card:has(.plant-photo){
  min-width:0;
  border-radius:18px;
  overflow:hidden;
}

#plantsPage .plant-card:has(.plant-photo) .plant-visual{
  width:100%;
  height:auto!important;
  aspect-ratio:3 / 4;
  padding:0!important;
  overflow:hidden!important;
}

#plantsPage .plant-card:has(.plant-photo) .plant-photo{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  padding:18px 20px 10px!important;
}

#plantsPage .plant-card:has(.plant-photo) .plant-body{
  padding:14px 15px 16px;
  border-radius:0!important;
}

#plantsPage .plant-title-row{gap:8px;align-items:flex-start;margin-bottom:13px!important}
#plantsPage .plant-title-row h3{font-size:18px;line-height:1.15}
#plantsPage .plant-title-row .item-sub{font-size:10px}
#plantsPage .compact-due{flex:none;white-space:nowrap}
#plantsPage .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;padding:0}
#plantsPage .card-actions .watering-can.with-label,
#plantsPage .card-actions .care-action{width:100%!important;min-width:0!important;height:50px;padding:0 16px}
#plantsPage .card-actions .more-menu-wrap{margin-left:0}

@media(min-width:1700px){
  #plantsPage .plant-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}

@media(max-width:1279px){
  #plantsPage .plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  #plantsPage .plant-grid{
    display:flex;
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:1px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    padding:0 1px 14px;
    scrollbar-width:none;
  }
  #plantsPage .plant-grid::-webkit-scrollbar{display:none}
  #plantsPage .plant-card:has(.plant-photo){
    flex:0 0 calc(100vw - 52px);
    min-width:calc(100vw - 52px);
    max-width:calc(100vw - 52px);
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  #plantsPage .plant-card:has(.plant-photo) .plant-visual{aspect-ratio:3 / 4}
  #plantsPage .plant-card:has(.plant-photo) .plant-photo{padding:22px 26px 12px!important}
  #plantsPage .plant-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important;gap:10px!important}
  #plantsPage .plant-title-row .compact-due{justify-self:end;align-self:start;margin-top:0!important}
  #plantsPage .card-actions{gap:10px}
  #plantsPage .card-actions .watering-can.with-label,
  #plantsPage .card-actions .care-action{height:48px;padding:0 14px}
}