/* DRAFT ONLY: WanWan "Pet Food" page. Loaded only in --pet builds (dist-pet/, public-pet/). */
.pf-draft{background:#FFFBE3;border-bottom:1px solid #E9D98A;color:#5A4700;font-size:.9rem;padding:9px 0;text-align:center}
.pf-intro{align-items:start}
.pf-facts{list-style:none;padding:0;margin:26px 0 18px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pf-facts li{padding:16px 10px 14px 0}
.pf-facts li+li{padding-left:18px;border-left:1px solid var(--line)}
.pf-facts strong{display:block;font-family:var(--serif);font-weight:400;font-size:2.1rem;line-height:1;color:var(--navy)}
.pf-facts span{display:block;font-size:.88rem;color:var(--muted);margin-top:6px}
.pf-small{font-size:.93rem;color:var(--muted)}
.pf-small .link-arrow{margin-left:4px}
.pf-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
.pf-gallery .pf-photo:first-child{grid-column:1 / -1}
.pf-photo{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px}
.pf-photo img{aspect-ratio:1/1;object-fit:contain;border-radius:6px;background:#fff}
.pf-gallery .pf-photo:first-child img{aspect-ratio:16/10}
.pf-photo figcaption{margin-top:6px;font-size:.8rem;line-height:1.35}
.pf-group{font-family:var(--sans);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);margin:56px 0 0;padding-bottom:10px;border-bottom:2px solid var(--gold)}
html:lang(zh-HK) .pf-group{letter-spacing:.3em;font-size:.9rem}
.section-head + .pf-group{margin-top:8px}
.pf-line{padding:34px 0 8px;border-bottom:1px solid var(--line-warm)}
.pf-line:last-child{border-bottom:0}
.pf-line-head{display:grid;grid-template-columns:minmax(260px,5fr) 7fr;gap:8px 40px;align-items:end;margin-bottom:20px}
.pf-line-head h3{font-size:1.6rem;margin:0}
.pf-line-head h3 span{font-family:"Noto Serif JP","Noto Serif TC",serif;font-size:.95rem;color:var(--gold-deep);letter-spacing:.06em;margin-left:6px}
.pf-line-head p{margin:0;color:var(--muted)}
.pf-kind{display:block;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
html:lang(zh-HK) .pf-kind{letter-spacing:.2em}
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pf-item{background:#fff;border:1px solid var(--line);border-top:2px solid var(--navy);border-radius:4px;padding:16px 18px 14px;display:flex;flex-direction:column}
.paper .pf-item{border-color:var(--line-warm);border-top-color:var(--navy)}
.pf-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pf-item h4{font-family:var(--serif);font-size:1.08rem;margin:0;color:var(--navy)}
html:lang(zh-HK) .pf-item h4{font-weight:600}
.pf-size{flex:none;font-size:.8rem;font-weight:700;color:var(--navy);border:1px solid var(--gold);padding:1px 8px;border-radius:3px;white-space:nowrap}
.pf-ja{font-family:"Noto Sans JP","Noto Sans TC",sans-serif;font-size:.8rem;color:var(--gold-deep);margin:2px 0 8px}
.pf-desc{font-size:.93rem;color:var(--muted);margin:0 0 10px;flex:1}
.pf-origin{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pf-origin.tok{color:var(--gold-deep)}
.pf-origin::before{content:"";display:inline-block;width:14px;height:1px;background:currentColor;vertical-align:middle;margin-right:7px}
.pf-line-note{font-size:.88rem;color:var(--muted);border-left:2px solid var(--gold);padding-left:12px;margin:16px 0 0}
.pf-cta{justify-content:center;margin-top:34px;flex-wrap:wrap}
@media(max-width:960px){.pf-grid{grid-template-columns:1fr 1fr}.pf-line-head{grid-template-columns:1fr;align-items:start}}
@media(max-width:600px){.pf-grid{grid-template-columns:1fr}.pf-facts strong{font-size:1.7rem}.pf-line-head h3{font-size:1.35rem}.pf-cta .btn{width:100%}}
/* six nav items: tighten spacing so the desktop header still fits on one line */
@media(min-width:1081px){.nav a{padding:8px 9px;font-size:.95rem}}
@media(min-width:1081px) and (max-width:1240px){.header-inner{gap:14px}.nav a{padding:8px 7px;font-size:.92rem}.btn-enquire{padding:.7em 1em}}

/* pack-front images on product cards */
.pf-pack{margin:-4px -6px 12px;background:#f6f4ef;border-radius:4px;padding:10px;display:flex;justify-content:center;align-items:center;height:230px}
.pf-pack img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media(max-width:600px){.pf-pack{height:210px}}
/* catalogue download (English PDF) */
.pf-dl{display:flex;align-items:center;gap:18px;margin-top:26px}
.pf-dl-thumb{flex:0 0 auto;display:block;line-height:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(20,38,74,.14);transition:transform .2s}
.pf-dl-thumb:hover{transform:translateY(-2px)}
.pf-dl-thumb img{width:84px;height:auto;display:block}
.pf-dl-text{min-width:0;flex:1 1 auto}
.pf-dl-text p{margin:10px 0 0;font-size:.86rem;color:var(--muted);max-width:34em}
.pf-dl-text .btn .ico{width:1.1em;height:1.1em;margin-right:.55em;vertical-align:-.15em}
.pf-dl-enquiry{justify-content:center;max-width:640px;margin:30px auto 0;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.pf-dl-enquiry .pf-dl-thumb img{width:72px}
@media(max-width:600px){.pf-dl{align-items:flex-start}.pf-dl-text .btn{width:100%;justify-content:center;padding-left:1em;padding-right:1em}.pf-dl-thumb img{width:64px}}

/* "New" bubble on the Pet Food nav tab and "Coming soon" banner (pet build only) */
.nav-new{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;padding:0 8px;height:1.35em;min-width:2.6em;border-radius:999px;background:var(--gold,#B8893B);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.04em;line-height:1;vertical-align:middle;text-transform:uppercase;text-align:center;box-sizing:border-box;padding-top:1px}
.nav a[aria-current="page"] .nav-new{background:var(--navy,#14284B)}
.pf-soon{background:var(--navy,#14284B);color:#fff;padding:12px 0;text-align:center;font-size:1rem}
.pf-soon-tag{display:inline-block;margin-right:10px;padding:2px 12px;border-radius:999px;background:var(--gold,#B8893B);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:760px){.pf-soon{font-size:.92rem;padding:12px 16px}.pf-soon-tag{display:block;width:max-content;margin:0 auto 6px}}

.nav a.has-new{display:flex;align-items:center;gap:6px}
.nav .nav-new{margin-right:0;vertical-align:baseline;position:relative;top:0}
.nav .nav-new{top:0;padding-top:1px}