Wholesale Pet Products & OEM Pet Supplies | PetFangFang

.pff-blog{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#2c2c2c;max-width:100%;} .pff-blog .pff-hero{padding:40px 24px 36px;text-align:center;background:linear-gradient(135deg,#eef2f8 0%,#e4eaf4 100%);} .pff-blog .pff-hero .pff-tag{display:inline-block;background:#3a5068;color:#fff;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:20px;} .pff-blog .pff-hero p{font-size:17px;color:#555;max-width:620px;margin:0 auto;} .pff-blog .pff-container{max-width:860px;margin:0 auto;padding:0 24px;} .pff-blog .pff-section{padding:52px 0;border-bottom:1px solid #f0ece6;} .pff-blog .pff-section:last-of-type{border-bottom:none;} .pff-blog .pff-section-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;} .pff-blog .pff-section-label .pff-line{display:inline-block;width:32px;height:2px;background:#3a5068;} .pff-blog .pff-section-label span:last-child{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#3a5068;} .pff-blog .pff-section h2{font-size:clamp(20px,3vw,26px);font-weight:800;color:#1a1a1a;margin:0 0 16px;} .pff-blog .pff-section p{font-size:15px;color:#555;line-height:1.75;margin:0 0 16px;} .pff-blog .pff-product-row{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;margin-top:20px;} .pff-blog .pff-imgs-col{display:grid;grid-template-columns:1fr 1fr;gap:8px;} .pff-blog .pff-imgs-col.single{grid-template-columns:1fr;} .pff-blog .pff-product-row img{width:100%;border-radius:10px;object-fit:cover;display:block;} @media(max-width:640px){.pff-blog .pff-product-row{grid-template-columns:1fr;}} .pff-blog .pff-spec{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0 18px;} .pff-blog .pff-spec td{padding:7px 10px;border-bottom:1px solid #eaeef2;} .pff-blog .pff-spec td:first-child{font-weight:600;color:#444;width:42%;white-space:nowrap;} .pff-blog .pff-feature-label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#3a5068;margin:0 0 8px;} .pff-blog .pff-features{margin:0 0 16px;padding-left:1.2em;line-height:1.85;color:#444;font-size:14px;} .pff-blog .pff-new{display:inline-block;background:#e8f4e8;color:#2e7d32;border:1px solid #c8e6c9;border-radius:4px;font-size:11px;font-weight:700;padding:2px 8px;margin-left:6px;vertical-align:middle;text-transform:uppercase;} .pff-blog .pff-intro-callout{background:#f0f4f8;border-left:4px solid #3a5068;border-radius:0 8px 8px 0;padding:20px 24px;margin:28px 0;} .pff-blog .pff-intro-callout p{margin:0;font-size:15px;line-height:1.7;color:#444;} .pff-blog .pff-tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;} @media(max-width:640px){.pff-blog .pff-tips-grid{grid-template-columns:1fr;}} .pff-blog .pff-tip{background:#fff;border:1px solid #e0e6ed;border-radius:10px;padding:18px;} .pff-blog .pff-tip strong{display:block;color:#3a5068;font-size:14px;margin-bottom:6px;} .pff-blog .pff-tip p{margin:0;font-size:13px;color:#555;line-height:1.6;} .pff-blog .pff-no-img{width:100%;aspect-ratio:1;background:#f0f4f8;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px;text-align:center;padding:20px;box-sizing:border-box;} .pff-blog .pff-cta{text-align:center;padding:56px 24px 32px;} .pff-blog .pff-cta h2{font-size:clamp(20px,3vw,28px);font-weight:800;color:#1a1a1a;margin:0 0 12px;} .pff-blog .pff-cta p{font-size:16px;color:#555;max-width:500px;margin:0 auto 28px;} .pff-blog .pff-footer-note{text-align:center;font-size:13px;color:#aaa;margin-top:16px;padding-bottom:32px;} .pff-blog .pff-footer-note a{color:#aaa;} .pff-blog .pff-btn-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 34px!important;background:#3a5068;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important;border-radius:8px!important;text-decoration:none!important;border:none!important;box-shadow:none!important;outline:none!important;transform:none!important;letter-spacing:normal!important;transition:background-color 0.2s ease!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px!important;box-sizing:border-box!important;vertical-align:middle!important;margin:0 8px 8px!important;} .pff-blog .pff-btn-cta:hover,.pff-blog .pff-btn-cta:focus,.pff-blog .pff-btn-cta:active{background:#2d3e52!important;color:#fff!important;padding:12px 34px!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important;border-radius:8px!important;border:none!important;box-shadow:none!important;outline:none!important;transform:none!important;text-decoration:none!important;letter-spacing:normal!important;min-height:44px!important;box-sizing:border-box!important;vertical-align:middle!important;} .pff-blog .pff-btn-shop{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 18px!important;background:#3a5068;color:#fff!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;border-radius:6px!important;text-decoration:none!important;border:none!important;box-shadow:none!important;outline:none!important;transform:none!important;letter-spacing:normal!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:36px!important;box-sizing:border-box!important;vertical-align:middle!important;} .pff-blog .pff-btn-shop:hover,.pff-blog .pff-btn-shop:focus,.pff-blog .pff-btn-shop:active{background:#2d3e52!important;color:#fff!important;padding:8px 18px!important;transform:none!important;box-shadow:none!important;border:none!important;outline:none!important;letter-spacing:normal!important;font-size:13px!important;min-height:36px!important;box-sizing:border-box!important;vertical-align:middle!important;} — SHOPLINE renders title from metadata -->