body { font-family: 'Assistant', sans-serif; }
.font-display { font-family: 'Assistant', sans-serif !important; }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.card-hover { transition: transform 0.3s ease; }
.card-hover:hover { transform: translateY(-4px); }



  #products-grid { transition: opacity 0.2s ease; }
  #products-grid.fading { opacity: 0; }
  .product-item { display: none; }
  .product-item.active { display: block; }
  
  
    .card-hover { transition: transform 0.3s ease; }
  .card-hover:hover { transform: translateY(-4px); }
  
  
  
    input[type="radio"]:checked + div { border-color: black; }
  input[type="radio"]:checked + div .radio-dot { background-color: black; border-color: black; }
  
  
    .thumb-active { border-color: #111 !important; }
  .swatch-active { outline: 2px solid #111; outline-offset: 3px; }
  .tab-active { color: #111; border-bottom-color: #111; }
  .tab-inactive { color: #9ca3af; border-bottom-color: transparent; }
  
  
    .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }
  .reveal.visible { opacity: 1; transform: translateY(0); }
  .image-hidden-mobile { display: none; }
  @media (min-width: 768px) {
    .image-hidden-mobile { display: block; }
  }
  
  
    .no-scrollbar::-webkit-scrollbar { display: none; }
  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }