/* optional, place in /css/custom.css */
/* .placeholder { display:inline-block; height:1em; background:#eee; border-radius:4px; } */
.placeholder.col-6 { width:50%; }
.placeholder-glow .placeholder { animation: glow 1.2s ease-in-out infinite; }
@keyframes glow { 0%{opacity:.5} 50%{opacity:1} 100%{opacity:.5} }

/* tighter indicators + soft shadow like your comps */
.bw-carousel .carousel-indicators [data-bs-target] {
    width: 8px; height: 8px; border-radius: 50%;
  }
  .bw-carousel img {
    box-shadow: 0 6px 24px rgba(0,0,0,.12);
  }
  
  /* accordion +/− icon alignment */
  .bw-accordion .bw-acc-btn {
    background: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    padding: .6rem .9rem;
  }
  .bw-accordion .bw-acc-icon {
    display: inline-block;
    width: 1rem;
    text-align: center;
    font-weight: 700;
    line-height: 1;
  }
  /* Limit parent/stud images */
.bw-parent-img {
    max-height: 480px;   /* adjust to taste */
    object-fit: cover;   /* crops while keeping aspect */
    width: 100%;
  }
/* Limit parent/stud images */
.bw-parent-img {
    max-height: 480px;      /* desktop cap */
    object-fit: cover;
    width: 100%;
  }
  #item-bio{
    margin-bottom: .5rem;
  }
  
  @media (max-width: 576px) {
    .bw-parent-img {
      max-height: 300px;    /* smaller on mobile */
    }
  }
  
  /* Allergy badge */
  .bw-allergy-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.95rem;
    font-weight: 600;
    color: #2c662d;
    background: #e6f4ea;
    border: 1px solid #b7e1c0;
    border-radius: 0.5rem;
    padding: 0.35rem 0.75rem;
    margin-top: 0;
    margin-bottom: 0.35rem;

  }
  .bw-allergy-badge i {
    margin-right: 0.4rem;
    color: #2c662d;
  }