/* === 香港大药房 xgdyf.top - 站点样式 === */
:root { --brand: #047857; --brand-2: #10b981; --rose: #e11d48; }
body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.nav-link { color: #444; }
.nav-link:hover { color: var(--brand); }
.hero { min-height: 380px; }

.card { display: block; background: #fff; border: 1px solid #e7e5e4; border-radius: 14px; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease, border-color .18s; }
.card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.05); border-color: #d6d3d1; }
.card .ph { background: linear-gradient(135deg, #ecfdf5, #fef3c7 50%, #fff7ed); aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; }
.card .ph img { max-height: 78%; max-width: 78%; }
.card .body { padding: 10px 12px 14px; }
.card .title { font-size: 14px; line-height: 1.4; min-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card .price { color: var(--rose); font-weight: 700; font-size: 18px; }
.card .o-price { color: #a8a29e; text-decoration: line-through; margin-left: 6px; font-size: 13px; }

.tag { font-size: 10px; padding: 2px 8px; border-radius: 999px; background: #ecfdf5; color: #047857; }
.tag.warn { background:#fef3c7; color:#b45309; }
.tag.muted { background:#f5f5f4; color:#57534e; }

.cat-link { color: #292524; display:block; padding:6px 8px; border-radius:8px; }
.cat-link:hover { background:#f5f5f4; color: var(--brand); }
.cat-link.active { background:#ecfdf5; color: var(--brand); font-weight: 600; }

/* 滚动条美化 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d6d3d1; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #a8a29e; }

.qty-row { display: flex; align-items: center; gap: 10px; padding: 12px; }
.qty-row .ttl { flex: 1; font-size: 14px; color: #292524; }
.qty-row .pr { color: var(--rose); font-weight: 600; }

/* 支付按钮区 */
.pay-cta { display: flex; flex-direction: column; gap: 12px; margin-top: 8px; }
.pay-cta .paypal { width: 100%; }