/* Self-contained featured tattoo cards, replacing the legacy directory grid. */
.tattoo-featured-template { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; width: 100%; margin: 28px 0 0; }
.tattoo-featured-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #dce5ee; border-radius: 18px; background: #fff; box-shadow: 0 10px 24px rgba(23,45,71,.07); }
.tattoo-featured-card__image { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; background: #efedf5; }
.tattoo-featured-card__body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 20px; }
.tattoo-featured-card__location { margin: 0 0 7px; color: #627689; font-size: 15px; font-weight: 700; line-height: 1.35; }
.tattoo-featured-card__location a { color: inherit; text-decoration: none; }
.tattoo-featured-card__title { margin: 0; color: #2f3d73; font-size: 25px; font-weight: 750; line-height: 1.13; }
.tattoo-featured-card__verified { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 5px 10px; border-radius: 999px; background: #e1f5e7; color: #176d3b; font-size: 13px; font-weight: 750; line-height: 1; }
.tattoo-featured-card__details { margin: 13px 0 0; color: #536a5e; font-size: 15px; line-height: 1.45; }
.tattoo-featured-card__actions { display: grid; grid-template-columns: 1fr; width: 100%; margin-top: auto; padding-top: 20px; }
.tattoo-featured-card__action { display: flex; min-height: 0; align-items: center; justify-content: center; padding: 13px 10px !important; border: 1px solid #244b7b !important; border-radius: 9px; background: #244b7b; color: #fff !important; font-family: Niramit, sans-serif; font-size: 15px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none !important; }
.tattoo-featured-card__action:visited, .tattoo-featured-card__action:hover, .tattoo-featured-card__action:focus-visible { color: #fff !important; }
@media (max-width: 1000px) { .tattoo-featured-template { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .tattoo-featured-template { grid-template-columns: 1fr; gap: 18px; margin-top: 20px; } .tattoo-featured-card__body { padding: 18px; } .tattoo-featured-card__title { font-size: 25px; } }