/* Pro Nails – Ưu đãi (vé có khấc) + dải Gift. Dùng cho Trang chủ (P2a) và trang Offers (P2b). */
:where(.pnb-offers){background:linear-gradient(180deg,var(--sec1),var(--sec2))}
.pnb-offers .pnb-off-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pnb-offers .pnb-off-grid.pnb-n1{grid-template-columns:minmax(0,420px);justify-content:center}
.pnb-offers .pnb-off-grid.pnb-n2{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center}
.pnb-offers .pnb-offer{position:relative;background:var(--surface);border-radius:var(--r);padding:28px 24px 24px;display:grid;gap:10px;align-content:start;border:1px solid var(--line);box-shadow:0 10px 26px -18px rgba(var(--shade),.45);min-width:0}
.pnb-offers .pnb-offer::before,.pnb-offers .pnb-offer::after{content:"";position:absolute;top:74px;width:22px;height:22px;border-radius:50%;background:var(--sec1)}
.pnb-offers .pnb-offer::before{left:-11px}
.pnb-offers .pnb-offer::after{right:-11px}
:where(.pnb-offers) .pnb-offer-val{font-family:var(--f-serif);font-size:2.6rem;color:var(--brick-hi);line-height:1;padding-bottom:16px;border-bottom:1.5px dashed var(--line);font-weight:600}
:where(.pnb-offers) .pnb-offer-val small{font-size:1rem;font-family:var(--f-sans);color:var(--muted);margin-left:4px;font-weight:500}
:where(.pnb-offers) .pnb-offer h3{font-family:var(--f-sans);font-weight:600;font-size:1.1rem;margin-top:6px}
:where(.pnb-offers) .pnb-offer p{color:var(--muted);font-size:1rem}
:where(.pnb-offers) .pnb-fine{font-size:.94rem;color:var(--muted)}
:where(.pnb-offers) .pnb-foot{margin-top:22px;font-size:.94rem;color:var(--muted);text-align:center}
@media (max-width:860px){.pnb-offers .pnb-off-grid,.pnb-offers .pnb-off-grid.pnb-n2{grid-template-columns:1fr;max-width:520px;margin:0 auto}}

/* dải Gift (Trang chủ) */
.pnb-offers .pnb-gift-strip{display:grid;grid-template-columns:140px 1fr auto;gap:24px;align-items:center;margin-top:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 24px 16px 16px}
.pnb-offers .pnb-offers-main[hidden]+.pnb-gift-strip,.pnb-offers .pnb-gift-strip:first-child{margin-top:0}
.pnb-offers .pnb-gs-pic{aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--blush);position:relative}
.pnb-offers .pnb-gs-pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.pnb-offers .pnb-gs-pic.is-icon{display:grid;place-items:center;color:var(--wine);background:linear-gradient(135deg,var(--gift-1),var(--gift-2) 60%,var(--gift-3))}
.pnb-offers .pnb-gs-pic.is-icon .pnb-i{width:46%;height:46%;color:var(--on-wine)}
:where(.pnb-offers) .pnb-gs-text{display:grid;gap:4px;min-width:0}
:where(.pnb-offers) .pnb-gs-text h3{font-size:1.4rem}
:where(.pnb-offers) .pnb-gs-text p{color:var(--muted);font-size:1rem}
@media (max-width:640px){
  .pnb-offers .pnb-gift-strip{grid-template-columns:88px 1fr;padding:14px}
  .pnb-offers .pnb-gift-strip .pn-btn{grid-column:1/-1}
}