/* Pro Nails – 3 thẻ dịch vụ (Trang chủ). */
:where(.pnb-cards){background:var(--surface)}
.pnb-cards .pnb-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pnb-cards .pnb-cards3.pnb-n2{grid-template-columns:repeat(2,1fr)}
.pnb-cards .pnb-cards3.pnb-n1{grid-template-columns:minmax(0,560px);justify-content:center}
.pnb-cards .pnb-svc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);box-shadow:0 10px 26px -18px rgba(var(--shade),.45);min-width:0}
.pnb-cards .pnb-pic{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--blush)}
.pnb-cards .pnb-pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
:where(.pnb-cards) .pnb-body{display:grid;gap:10px;padding:22px;flex:1;align-content:start}
:where(.pnb-cards) .pnb-svc h3{font-size:1.45rem}
:where(.pnb-cards) .pnb-from{font-size:1rem;color:var(--muted)}
:where(.pnb-cards) .pnb-from b{font-family:var(--f-serif);font-size:1.5rem;color:var(--brick-hi);font-weight:600}
:where(.pnb-cards) .pnb-svc p{color:var(--muted);font-size:1rem}
.pnb-cards .pnb-svc .pnb-link{margin-top:6px;justify-self:start}
@media (max-width:960px) and (min-width:641px){
  .pnb-cards .pnb-cards3.pnb-n3{grid-template-columns:repeat(2,1fr)}
  .pnb-cards .pnb-cards3.pnb-n3>:last-child{grid-column:1/-1}
  .pnb-cards .pnb-cards3.pnb-n3>:last-child .pnb-pic{aspect-ratio:32/10}
}
@media (max-width:640px){.pnb-cards .pnb-cards3,.pnb-cards .pnb-cards3.pnb-n2{grid-template-columns:1fr}}