/* 27/10/2026 — TRANG CONG KHAI /p/<ma> (bo cuc "ho_so", pet_public.html): bo icon NET SVG thay emoji.
   Emoji moi may ve mot kieu, to nho lech nhau, mau khong theo theme be. Icon net = cung co, cung net,
   to mau theo --pet-brand nen doi theme la doi theo. Chi ap trong .pp — bo cuc "nut" (pet_public_nut.html)
   dung chung ten lop nhung KHONG nap tep nay. */

.pp{--pp-soft:color-mix(in srgb,var(--pet-brand) 12%,var(--pet-card));
    --pp-soft2:color-mix(in srgb,var(--pet-brand) 6%,var(--pet-card))}
.pp .ow-ic{width:20px;height:20px}

/* --- ten + gioi tinh --- */
.pp .ten-be{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(24px,6.6vw,30px);
  letter-spacing:-.01em;margin:18px 16px 4px}
.pp .gt-ky{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;
  border-radius:50%;flex:none}
.pp .gt-ky .ow-ic{width:16px;height:16px;stroke-width:2.2}
.pp .gt-duc{background:#e0efff;color:#2563eb}
.pp .gt-cai{background:#ffe4ef;color:#db2777}
.pp .meta-be{font-size:14px}
.pp .meta-underline{margin-bottom:16px}

/* --- nhan tinh cach / triet san --- */
.pp .nhan-be{gap:8px;margin:-4px 16px 20px}
.pp .nhan{gap:6px;padding:7px 13px 7px 10px;font-size:13px}
.pp .nhan .ow-ic{width:16px;height:16px;stroke-width:2;color:var(--pet-brand)}
.pp .nhan.canh-bao .ow-ic{color:#c2410c}

/* --- hang nut hanh dong: o vuong bo goc, cung kich thuoc, cach deu --- */
.pp .icon-actions{display:grid;grid-auto-flow:column;grid-auto-columns:76px;justify-content:center;gap:14px;
  margin:0 16px 20px}
.pp .icon-action{gap:8px}
.pp .icon-action .ic{width:58px;height:58px;border-radius:18px;box-shadow:none;
  transition:transform .12s ease,background .15s ease}
.pp .icon-action .ic .ow-ic{width:24px;height:24px;stroke-width:1.9}
.pp .icon-action.neutral .ic{background:var(--pp-soft);color:var(--pet-brand-dark)}
.pp .icon-action.primary .ic,.pp .icon-action.danger .ic{
  box-shadow:0 8px 18px -8px color-mix(in srgb,var(--pet-brand) 75%,transparent)}
.pp .icon-action.danger .ic{box-shadow:0 8px 18px -8px rgba(220,38,38,.6)}
.pp .icon-action .lb{font-size:12px;color:var(--pet-text);opacity:.75}
@media (hover:hover){ .pp .icon-action:hover .ic{transform:translateY(-2px)} }
.pp .icon-action:focus-visible{outline:none}
.pp .icon-action:focus-visible .ic{outline:3px solid color-mix(in srgb,var(--pet-brand) 45%,transparent);outline-offset:2px}

/* --- tieu de khoi: chip icon + chu thuong, de doc hon chu IN HOA xam --- */
.pp .section h3{gap:10px;font-size:16px;text-transform:none;letter-spacing:0;color:var(--pet-text);margin-bottom:14px}
.pp .sec-ic{flex:none;width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;
  justify-content:center;background:var(--pp-soft);color:var(--pet-brand)}
.pp .sec-ic .ow-ic{width:18px;height:18px;stroke-width:2}
.pp .id-note .sec-ic{background:#fff1e6;color:#c2410c}

/* --- o ho so --- */
.pp .ho-so{gap:10px}
.pp .o-hs{column-gap:11px;padding:12px;background:var(--pp-soft2);border:1px solid var(--pet-line);align-items:center}
.pp .o-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--pet-card);color:var(--pet-brand);box-shadow:var(--pet-shadow-sm);align-self:center}
.pp .o-ic .ow-ic{width:20px;height:20px}
.pp .o-nhan{font-size:11px;letter-spacing:.05em}
.pp .o-gt{font-size:15px;line-height:1.3}

/* --- album --- */
.pp .moment-grid{gap:8px}
.pp .pp-album{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:11px 14px;
  border-radius:12px;background:var(--pp-soft2);border:1px solid var(--pet-line);
  font-size:14px;font-weight:700;color:var(--pet-brand-dark);text-decoration:none}
.pp .pp-album b{background:var(--pet-brand);color:#fff;font-size:11.5px;border-radius:999px;padding:1px 8px}
.pp .pp-album .ow-ic{width:16px;height:16px;stroke-width:2.2}

/* --- anh thay the khi be chua co anh --- */
.hero-photo .paw-mark{color:var(--pet-brand)}
.hero-photo .paw-mark .ow-ic{width:96px;height:96px;stroke-width:1.2;opacity:.8}

/* --- loi nhan: nut chon anh --- */
.pp .ln-form label.btn .ow-ic{display:inline-block;width:18px;height:18px;vertical-align:-4px}

/* --- khoi co so (B2B) --- */
.pp.co-so .cs-gt p{display:flex;align-items:flex-start;gap:8px}
.pp.co-so .cs-gt p .ow-ic{width:18px;height:18px;color:var(--ivet);margin-top:2px}
.pp.co-so .cs-lh a{gap:6px;padding:12px 4px}
.pp.co-so .cs-lh a .ow-ic{width:22px;height:22px;color:var(--ivet)}
/* o-gt goc dat overflow-wrap:anywhere ⇒ ngay "25/09/2025" gay thanh "25/09/202 / 5" o man 390px */
.pp .o-gt{overflow-wrap:break-word}
.pp .o-hs{padding:12px 10px}
/* 27/10/2026 (anh): Khoanh khac 6 anh, 2 cot, khung DOC (4:5) cho anh lon, de xem hon luoi 3 cot vuong */
.pp .moment-grid.pp-2cot{grid-template-columns:repeat(2,1fr);gap:10px}
.pp .pp-2cot .moment-thumb{aspect-ratio:4/5;border-radius:14px}
.pp .pp-2cot .moment-thumb .cap{font-size:13px;padding:22px 10px 9px}