/* components.css
   Component-level styles moved here from the large main.css for better modularity.
   Tombstone: previously these rules were embedded in css/main.css; they have been moved here.
   Add or split additional component styles into new files as the project grows.
*/

/* Reviews & avatars */
.review-avatar{
  width:54px;
  height:54px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(255,255,255,0.04);
  box-shadow: 0 8px 26px rgba(0,12,20,0.5);
  flex-shrink:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.06));
}

/* Pricing CTA pulse moved to components */
.price-cta{
  animation: buy-pulse 4s ease-in-out infinite;
}

/* small component adjustments (gallery, faq, lightbox sourced here) */
.lightbox{ transition:opacity .22s ease; }
.lightbox.open{ opacity:1; pointer-events:auto; }

/* Rating stars styling kept here */
.rating-stars span{ color:rgba(255,220,100,0.92); font-size:18px; line-height:1 }

/* Add more component-targeted styles below as needed */