@font-face{font-family:PNInstrument;src:url('/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PNArchivo;src:url('/cdn/fonts/archivo_narrow/archivonarrow_n7.c049bee49aa92b4cfee86dd4e79c9194b8519e2b.woff2') format('woff2');font-weight:700;font-display:swap}
#MainContent{font-family:PNInstrument,Arial,sans-serif;color:#18234f}
#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection){--ink:#18234f;--copy:#58616c;--green:#18234f;--orange:#b7792b;--cream:#f7f6f2;--mist:#f7f6f2;--line:#dddeda;font-family:PNInstrument,Arial,sans-serif}
#MainContent :is(h1,h2,h3){font-family:PNArchivo,'Arial Narrow',sans-serif!important;letter-spacing:0!important}
#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection) .hero{background:#f7f6f2!important;color:#18234f;padding:28px 0!important;border-block:1px solid #dddeda}
#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection) .hero h1{font-size:40px!important;line-height:1.15!important;color:#18234f!important}
#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection) .hero .lead{color:#58616c!important;font-size:16px!important;line-height:1.5}
#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection) :is(.button,.text-link){background:#18234f!important;border-color:#18234f!important;border-radius:7px!important;color:white!important;min-height:46px;font-size:16px}
#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection) :is(.direct,.model,.install-card,.compact,.selection-note,.animals){border-radius:12px!important;border:1px solid #dddeda!important;box-shadow:none}
#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection) .quick{padding:20px 0!important}
#MainContent :is(.petnf-dhh-lower,.petnf-coop-lower,.petnf-pad-collection.lower){padding:24px 0!important}
#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection) .section-head h2{font-size:28px!important}
#MainContent .shopify-section:has(.slideshow--placeholder){display:none}
#MainContent #product-grid .card__heading{font:700 23px/1.25 PNArchivo,'Arial Narrow',sans-serif;letter-spacing:0}
#MainContent #product-grid .card{border:1px solid #dddeda;border-radius:12px;background:white;box-shadow:none}
#MainContent #product-grid .card::after{box-shadow:none}
#MainContent #product-grid .price{font:400 22px/1.35 PNInstrument,Arial,sans-serif}
#MainContent #product-grid .rating-count{font-size:14px}
#MainContent .pn-warmth-overview{max-width:1160px;margin:auto;padding:24px 20px 8px}
#MainContent .pn-warmth-overview h1{font-size:40px;line-height:1.15;margin:0 0 12px}
#MainContent .pn-warmth-overview p{font-size:16px;line-height:1.5;margin:0 0 12px}
#MainContent .pn-warmth-overview nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:16px}
#MainContent .pn-warmth-overview a{color:#18234f;text-underline-offset:4px}
#MainContent .shopify-section:has(.pn-warmth-overview) [class*='-padding']{padding-top:16px!important}
@media(max-width:749px){#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection) .hero h1,#MainContent .pn-warmth-overview h1{font-size:30px!important}#MainContent :is(.petnf-dhh,.petnf-pad-collection,.petnf-coop-collection) .section-head h2{font-size:25px!important}#MainContent #product-grid .card__heading{font-size:21px}#MainContent #product-grid .price{font-size:21px}}