{"product_id":"pillow-protector","title":"Pillow Protector","description":"\u003cstyle\u003e\n  .ff-pd {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: #333;\n    line-height: 1.6;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  \/* ============================================================\n     HERO\n     ============================================================ *\/\n  .ff-pd-hero {\n    text-align: center;\n    padding: 32px 0 36px;\n    border-bottom: 1px solid #eaeaea;\n    margin-bottom: 36px;\n  }\n\n  .ff-pd-eyebrow {\n    display: inline-block;\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #005f73;\n    margin-bottom: 14px;\n  }\n\n  .ff-pd-hero h1 {\n    font-size: clamp(1.7rem, 3vw, 2.2rem);\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n    color: #111;\n    line-height: 1.1;\n    margin: 0 0 16px 0;\n  }\n\n  .ff-pd-hero p {\n    font-size: 1rem;\n    color: #555;\n    max-width: 80ch;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n\n  \/* ============================================================\n     HEADING ACCENT\n     ============================================================ *\/\n  .ff-pd-hero h1 em,\n  .ff-pd-section-title em,\n  .ff-pd-organic-note h3 em,\n  .ff-pd-cert-tile h4 em {\n    font-style: normal;\n    font-weight: 900;\n    color: #005f73;\n    text-transform: uppercase;\n    letter-spacing: inherit;\n  }\n\n  \/* ============================================================\n     FEATURE GRID\n     ============================================================ *\/\n  .ff-pd-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-bottom: 44px;\n  }\n\n  @media (max-width: 760px) {\n    .ff-pd-grid { grid-template-columns: 1fr; gap: 12px; }\n  }\n\n  .ff-pd-card {\n    background: #f5f3ee;\n    border: 1px solid transparent;\n    border-radius: 8px;\n    padding: 24px 22px;\n    text-align: center;\n    transition: background 0.2s, transform 0.2s, box-shadow 0.2s, border-color 0.2s;\n  }\n\n  .ff-pd-card:hover {\n    background: #ede9dd;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(15, 27, 45, 0.06);\n    border-color: rgba(0, 95, 115, 0.15);\n  }\n\n  .ff-pd-card h3 {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #005f73;\n    text-transform: uppercase;\n    letter-spacing: 0.16em;\n    margin: 0 0 12px 0;\n  }\n\n  .ff-pd-card p {\n    font-size: 0.88rem;\n    line-height: 1.55;\n    color: #444;\n    margin: 0;\n  }\n\n  .ff-pd-card p strong {\n    color: #111;\n    font-weight: 700;\n  }\n\n  \/* ============================================================\n     SECTION TITLES\n     ============================================================ *\/\n  .ff-pd-section-title {\n    font-size: clamp(1.2rem, 2vw, 1.4rem);\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n    color: #111;\n    line-height: 1.15;\n    margin: 48px 0 20px 0;\n    padding-bottom: 12px;\n    border-bottom: 1px solid #eaeaea;\n    position: relative;\n  }\n\n  .ff-pd-section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -1px;\n    left: 0;\n    width: 48px;\n    height: 2px;\n    background: #005f73;\n  }\n\n  \/* ============================================================\n     WARMTH TIERS\n     ============================================================ *\/\n  .ff-pd-warmth-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin: 28px 0;\n  }\n\n  @media (max-width: 760px) {\n    .ff-pd-warmth-grid { grid-template-columns: 1fr; gap: 10px; }\n  }\n\n  .ff-pd-warmth-card {\n    background: #f5f3ee;\n    border-radius: 8px;\n    padding: 22px 20px;\n    text-align: center;\n    transition: background 0.2s, transform 0.2s;\n  }\n\n  .ff-pd-warmth-card:hover {\n    background: #ede9dd;\n    transform: translateY(-1px);\n  }\n\n  .ff-pd-warmth-card h4 {\n    font-size: 0.82rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    color: #005f73;\n    margin: 0 0 8px 0;\n  }\n\n  .ff-pd-warmth-card p {\n    font-size: 0.86rem;\n    line-height: 1.55;\n    color: #444;\n    margin: 0;\n  }\n\n  \/* ============================================================\n     DETAILS LIST\n     ============================================================ *\/\n  .ff-pd-details {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px 24px;\n  }\n\n  @media (max-width: 600px) {\n    .ff-pd-details { grid-template-columns: 1fr; gap: 10px; }\n  }\n\n  .ff-pd-details li {\n    font-size: 0.92rem;\n    line-height: 1.55;\n    color: #333;\n    padding-left: 22px;\n    position: relative;\n  }\n\n  .ff-pd-details li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 11px;\n    width: 10px;\n    height: 1px;\n    background: #005f73;\n  }\n\n  \/* ============================================================\n     ORGANIC NOTE\n     ============================================================ *\/\n  .ff-pd-organic-note {\n    background: #f0f7f9;\n    padding: 26px 28px;\n    border-radius: 8px;\n    border-left: 3px solid #005f73;\n    margin: 36px 0;\n  }\n\n  .ff-pd-organic-note h3 {\n    margin: 0 0 10px 0;\n    font-size: 1rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n    color: #111;\n  }\n\n  .ff-pd-organic-note p {\n    margin: 0;\n    font-size: 0.92rem;\n    line-height: 1.6;\n    color: #333;\n  }\n\n  \/* ============================================================\n     COMPARISON IMAGE\n     ============================================================ *\/\n  .ff-pd-compare-image {\n    text-align: center;\n    margin: 36px 0;\n  }\n\n  .ff-pd-compare-image img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 8px;\n    box-shadow: 0 4px 16px rgba(15, 27, 45, 0.06);\n  }\n\n  \/* ============================================================\n     TABLES\n     ============================================================ *\/\n  .ff-pd-table-wrap {\n    overflow-x: auto;\n    margin: 24px 0;\n    border-radius: 8px;\n    border: 1px solid #eaeaea;\n  }\n\n  .ff-pd-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 0.92rem;\n  }\n\n  .ff-pd-table thead th,\n  .ff-pd-table tbody th {\n    background: #f5f3ee;\n    color: #111;\n    font-weight: 700;\n    text-align: left;\n    padding: 14px 18px;\n    font-size: 0.7rem;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    border-bottom: 1px solid #eaeaea;\n  }\n\n  .ff-pd-table.center thead th,\n  .ff-pd-table.center tbody td {\n    text-align: center;\n  }\n\n  .ff-pd-table tbody td {\n    padding: 14px 18px;\n    border-bottom: 1px solid #f0f0f0;\n    color: #333;\n    line-height: 1.55;\n    vertical-align: top;\n  }\n\n  .ff-pd-table tbody tr:last-child td {\n    border-bottom: none;\n  }\n\n  .ff-pd-table tbody tr:hover {\n    background: #fafaf7;\n  }\n\n  .ff-pd-table tbody td strong {\n    color: #111;\n    font-weight: 700;\n  }\n\n  .ff-pd-table .row-label {\n    background: #fafaf7;\n    color: #111;\n    font-weight: 700;\n    width: 22%;\n    padding: 14px 18px;\n    border-right: 1px solid #eaeaea;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    font-size: 0.78rem;\n  }\n\n  .ff-pd-table .table-note {\n    font-size: 0.78rem;\n    font-style: italic;\n    color: #888;\n    margin-top: 8px;\n    display: block;\n  }\n\n  \/* ============================================================\n     CERTIFICATIONS\n     ============================================================ *\/\n  .ff-pd-certs {\n    background: #fafaf7;\n    padding: 44px 24px;\n    border-radius: 8px;\n    margin: 48px 0 24px;\n  }\n\n  .ff-pd-certs-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  @media (max-width: 720px) {\n    .ff-pd-certs-grid { grid-template-columns: 1fr; gap: 20px; }\n  }\n\n  .ff-pd-cert-tile {\n    background: #fff;\n    border: 1px solid #eaeaea;\n    border-radius: 10px;\n    padding: 28px 24px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;\n  }\n\n  .ff-pd-cert-tile:hover {\n    border-color: rgba(0, 95, 115, 0.25);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 22px rgba(15, 27, 45, 0.06);\n  }\n\n  .ff-pd-cert-image {\n    width: 170px;\n    height: 170px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ff-pd-cert-image img {\n    max-width: 100%;\n    max-height: 100%;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n\n  .ff-pd-cert-tile h4 {\n    font-size: 1rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n    color: #111;\n    margin: 0 0 8px 0;\n  }\n\n  .ff-pd-cert-tile p {\n    font-size: 0.88rem;\n    line-height: 1.55;\n    color: #444;\n    margin: 0 0 8px 0;\n    flex: 1;\n  }\n\n  .ff-pd-cert-id {\n    font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n    font-size: 0.7rem;\n    color: #888;\n    letter-spacing: 0.04em;\n    margin-bottom: 16px;\n  }\n\n  .ff-pd-cert-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #005f73;\n    text-decoration: none;\n    padding: 10px 18px;\n    border: 1px solid #005f73;\n    border-radius: 4px;\n    transition: background 0.15s, color 0.15s;\n    margin-top: auto;\n  }\n\n  .ff-pd-cert-link:hover {\n    background: #005f73;\n    color: #fff;\n    text-decoration: none;\n  }\n\n  .ff-pd-cert-link svg {\n    width: 10px;\n    height: 10px;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"ff-pd\"\u003e\n\u003cdiv class=\"ff-pd-intro\"\u003e\n\u003cp\u003eProtect your pillows from oils, stains, and dust mites. Serving as an extra protective layer between your pillow and pillowcase, the zippered closure and soft 400 thread count fabric make these protectors easy to slide off for frequent washing.\u003c\/p\u003e\n\u003cp\u003eSold individually. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================\n       TECHNICAL DETAILS\n       ============================================================ --\u003e\n\u003ch2 class=\"ff-pd-section-title\"\u003eTechnical \u003cem\u003edetails.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cul class=\"ff-pd-details\"\u003e\n\u003cli\u003e400 thread count single ply, evenly woven cambric cotton ticking assures the tightest weave for a soft hand and superior performance\u003c\/li\u003e\n\u003cli\u003eZipper closure\u003c\/li\u003e\n\u003cli\u003eAvailable in Standard, Queen and King\u003c\/li\u003e\n\u003cli\u003eCertified Standard 100, Class II by OEKO-TEX®\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- ============================================================\n       SIZING \u0026 SPECIFICATIONS\n       ============================================================ --\u003e\n\u003ch2 class=\"ff-pd-section-title\"\u003eSizing \u0026amp; \u003cem\u003especs.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"ff-pd-table-wrap\"\u003e\n\u003ctable class=\"ff-pd-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"row-label\" scope=\"row\"\u003eDimensions\u003c\/th\u003e\n\u003ctd\u003e\n\u003cstrong\u003eStandard:\u003c\/strong\u003e 21\" x 27\" (53cm x 69cm)\u003cbr\u003e\u003cstrong\u003eQueen:\u003c\/strong\u003e 21\" x 31\" (53cm x 79cm)\u003cbr\u003e\u003cstrong\u003eKing:\u003c\/strong\u003e 21\" x 37\" (53cm x 94cm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"row-label\" scope=\"row\"\u003eFabric\u003c\/th\u003e\n\u003ctd\u003e400 thread count single-ply cambric cotton\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Feathered Friends","offers":[{"title":"Standard","offer_id":46666111484103,"sku":"3200200","price":29.0,"currency_code":"USD","in_stock":true},{"title":"Queen","offer_id":46666111516871,"sku":"3200201","price":29.0,"currency_code":"USD","in_stock":true},{"title":"King","offer_id":46666111549639,"sku":"3200202","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0140\/2791\/5318\/files\/feathered-friends-cotton-pillow-protector-top-view.jpg?v=1784178398","url":"https:\/\/featheredfriends.com\/products\/pillow-protector","provider":"Feathered Friends","version":"1.0","type":"link"}