/* Beauty picks grid (spa/pcolor/makeup/salon/studio/tatoo) */
.beauty-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.25rem;
}
@media (max-width:1024px){
  .beauty-grid{ grid-template-columns:repeat(2,1fr); }
}

.beauty-card{
  background:var(--card,#fff);
  border:1px solid var(--border,#e6e7ea);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(10,22,50,.06);
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.beauty-card .thumb{
  position:relative;
  width:100%;
  padding-top:66.66%;
  overflow:hidden;
  background:#f7f7f7;
}
.beauty-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.beauty-card .body{
  padding:0.85rem 0.95rem 1rem;
  display:flex;
  flex-direction:column;
  gap:0.35rem;
}
.beauty-card .cat{
  display:inline-block;
  align-self:flex-start;
  padding:0.2rem 0.6rem;
  border-radius:999px;
  background:var(--primary,#ce8892);
  color:#fff;
  font-size:0.78rem;
  font-weight:700;
}
.beauty-card h4{
  margin:0;
  font-size:1rem;
  font-weight:700;
}
.beauty-card .desc{
  margin:0;
  color:var(--muted,#6b7280);
  font-size:0.9rem;
  line-height:1.4;
}
.beauty-card .meta{
  margin:0;
  color:var(--muted,#6b7280);
  font-size:0.85rem;
}

.beauty-grid .card--skeleton{
  border:1px solid var(--border,#e6e7ea);
  border-radius:12px;
  overflow:hidden;
  background:var(--card,#fff);
}
.beauty-grid .card--skeleton .sk-img{
  height:0;
  padding-top:66.66%;
  background:linear-gradient(90deg,#eee,#f6f6f6 35%,#eee 65%);
  background-size:400% 100%;
  animation:pk-beauty-sk 1.35s infinite linear;
}
.beauty-grid .card--skeleton .sk-line{
  height:12px;
  margin:0.5rem 0.95rem;
  border-radius:6px;
  background:linear-gradient(90deg,#eee,#f6f6f6 35%,#eee 65%);
  background-size:400% 100%;
  animation:pk-beauty-sk 1.35s infinite linear;
}
.beauty-grid .card--skeleton .w-80{ width:80%; }
.beauty-grid .card--skeleton .w-60{ width:60%; }
.beauty-grid .card--skeleton .w-40{ width:40%; }

@keyframes pk-beauty-sk{
  0%{ background-position:0 0; }
  100%{ background-position:-400% 0; }
}