/* =========================================================
   VividFundy — Shop page extras
   Small additions layered on top of style.css. Only things
   that don't already exist there: the mobile filter panel
   close button, and the empty-state icon/button spacing.
   ========================================================= */

.mobile-filter-close{
  width: 34px; height: 34px; border-radius: 50%; background: var(--cream-2);
  align-items: center; justify-content: center;
}
.mobile-filter-close svg{ width: 16px; height: 16px; }

@media (max-width: 991px){
  .mobile-filter-close{ display: flex !important; }
}

.no-results .btn{ margin-top: 18px; }

.filter-option input[type="checkbox"]{ flex-shrink: 0; }