{"title":"Home page","description":null,"products":[{"product_id":"perfect-paw-cozy-tunnel-3-in-1-cat-tunnel-bed","title":"Perfect Paw™ Cozy Tunnel 3-in-1 Cat Tunnel Bed","description":"\u003cstyle\u003e\n\/* =========================================================\n   PERFECT PAW™\n   COZY TUNNEL — FULL RESPONSIVE PRODUCT DESCRIPTION\n   MOBILE + DESKTOP\n   ========================================================= *\/\n\n.pp-cozy {\n  --pp-teal: #164C4B;\n  --pp-teal-soft: #2E6864;\n  --pp-coral: #E89A91;\n  --pp-coral-soft: #F6D9D5;\n  --pp-sage: #A8B89D;\n  --pp-sage-soft: #E4EADF;\n  --pp-cream: #FBF8F3;\n  --pp-white: #FFFFFF;\n  --pp-text: #294947;\n  --pp-muted: #6D817F;\n\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  padding: 0;\n\n  color: var(--pp-text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  overflow: hidden;\n}\n\n\/* =========================================================\n   PERFECT PAW™ — RESPONSIVE SAFETY OVERRIDES\n   Prevent Shopify\/theme styles from squeezing the layout\n   ========================================================= *\/\n\n\/* HERO WIDTH FIX — protects the entire top section from\n   Shopify\/theme column and word-wrapping rules *\/\n.pp-cozy .pp-hero,\n.pp-cozy .pp-hero \u003e .pp-container,\n.pp-cozy .pp-hero-grid,\n.pp-cozy .pp-hero-content,\n.pp-cozy .pp-hero-sub,\n.pp-cozy .pp-hero h1,\n.pp-cozy .pp-hero-visual {\n  box-sizing: border-box !important;\n}\n\n.pp-cozy .pp-hero \u003e .pp-container {\n  display: block !important;\n  width: 100% !important;\n  max-width: 1220px !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n\n.pp-cozy .pp-hero-grid {\n  display: flex !important;\n  flex-direction: column !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n\n.pp-cozy .pp-hero-content {\n  display: block !important;\n  flex: 0 0 100% !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n}\n\n.pp-cozy .pp-hero h1 {\n  display: block !important;\n  width: 100% !important;\n  max-width: 760px !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  word-break: normal !important;\n  overflow-wrap: normal !important;\n  white-space: normal !important;\n}\n\n.pp-cozy .pp-hero h1 span {\n  display: block !important;\n  width: 100% !important;\n  word-break: normal !important;\n  overflow-wrap: normal !important;\n  white-space: normal !important;\n}\n\n.pp-cozy .pp-hero-sub {\n  display: block !important;\n  width: 100% !important;\n  max-width: 650px !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  word-break: normal !important;\n  overflow-wrap: normal !important;\n  white-space: normal !important;\n}\n\n.pp-cozy .pp-badge,\n.pp-cozy .pp-eyebrow {\n  max-width: 100% !important;\n}\n\n.pp-cozy .pp-hero-visual {\n  flex: 0 0 auto !important;\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n\n.pp-cozy .pp-container,\n.pp-cozy .pp-hero-grid,\n.pp-cozy .pp-feature-grid,\n.pp-cozy .pp-feature-copy,\n.pp-cozy .pp-benefits,\n.pp-cozy .pp-benefit {\n  min-width: 0 !important;\n}\n\n.pp-cozy .pp-feature-grid {\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.pp-cozy .pp-feature-copy {\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.pp-cozy .pp-feature h2,\n.pp-cozy .pp-feature-text {\n  width: 100% !important;\n  max-width: 650px !important;\n  word-break: normal !important;\n  overflow-wrap: normal !important;\n  white-space: normal !important;\n  hyphens: none !important;\n}\n\n.pp-cozy .pp-benefits {\n  width: 100% !important;\n  max-width: 700px !important;\n}\n\n.pp-cozy .pp-benefit {\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.pp-cozy .pp-benefit strong,\n.pp-cozy .pp-benefit p {\n  word-break: normal !important;\n  overflow-wrap: normal !important;\n  white-space: normal !important;\n}\n\n\/* Force the mobile layout even when Shopify\/theme CSS interferes *\/\n@media (max-width: 899px) {\n  .pp-cozy .pp-feature-grid {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1fr) !important;\n    gap: 32px !important;\n  }\n\n  .pp-cozy .pp-feature-copy {\n    text-align: center !important;\n  }\n\n  .pp-cozy .pp-feature .pp-eyebrow {\n    justify-content: center !important;\n  }\n\n  .pp-cozy .pp-feature h2 {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n\n  .pp-cozy .pp-feature-text {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n\n  .pp-cozy .pp-benefits {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 10px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n}\n\n\/* Small phones *\/\n@media (max-width: 380px) {\n  .pp-cozy .pp-benefits {\n    grid-template-columns: minmax(0, 1fr) !important;\n  }\n}\n\n\/* Desktop *\/\n@media (min-width: 900px) {\n  .pp-cozy .pp-feature-grid {\n    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;\n  }\n\n  .pp-cozy .pp-feature-copy {\n    width: auto !important;\n  }\n\n  .pp-cozy .pp-benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n}\n\n.pp-cozy *,\n.pp-cozy *::before,\n.pp-cozy *::after {\n  box-sizing: border-box;\n}\n\n.pp-container {\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding-left: 18px;\n  padding-right: 18px;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.pp-hero {\n  position: relative;\n\n  padding: 42px 0 48px;\n\n  background:\n    radial-gradient(\n      circle at 90% 5%,\n      rgba(232,154,145,.22),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 0% 85%,\n      rgba(168,184,157,.20),\n      transparent 32%\n    ),\n    var(--pp-cream);\n}\n\n.pp-hero-grid {\n  display: flex;\n  flex-direction: column;\n\n  align-items: center;\n\n  gap: 20px;\n}\n\n.pp-hero-content {\n  width: 100%;\n\n  order: 1;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   BADGE\n   ========================================================= *\/\n\n.pp-badge {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  padding: 8px 13px;\n\n  margin-bottom: 17px;\n\n  background: rgba(255,255,255,.92);\n\n  border:\n    1px solid rgba(232,154,145,.25);\n\n  border-radius: 50px;\n\n  box-shadow:\n    0 8px 25px rgba(22,76,75,.07);\n\n  color: var(--pp-text);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: .3px;\n}\n\n.pp-badge span {\n  font-size: 15px;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.pp-eyebrow {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  margin-bottom: 11px;\n\n  color: var(--pp-teal);\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.8px;\n\n  text-transform: uppercase;\n}\n\n.pp-eyebrow::before,\n.pp-eyebrow::after {\n  content: \"\";\n\n  width: 20px;\n  height: 1px;\n\n  background: var(--pp-coral);\n}\n\n\n\/* =========================================================\n   HERO HEADING\n   ========================================================= *\/\n\n.pp-hero h1 {\n  margin: 0 auto 17px;\n\n  max-width: 760px;\n\n  color: var(--pp-teal);\n\n  font-size: clamp(38px, 10vw, 68px);\n\n  line-height: 1.02;\n\n  letter-spacing: -1.8px;\n\n  font-weight: 800;\n}\n\n.pp-hero h1 span {\n  display: block;\n\n  color: var(--pp-coral);\n}\n\n.pp-hero-sub {\n  max-width: 650px;\n\n  margin: 0 auto;\n\n  color: var(--pp-muted);\n\n  font-size: 15px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   FLOATING KITTY VISUAL\n   ========================================================= *\/\n\n.pp-hero-visual {\n  position: relative;\n\n  order: 2;\n\n  width: 100%;\n\n  height: 295px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n}\n\n.pp-glow {\n  position: absolute;\n\n  width: 235px;\n  height: 235px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(232,154,145,.30),\n      rgba(168,184,157,.18),\n      transparent 70%\n    );\n\n  animation:\n    ppGlow 4s ease-in-out infinite;\n}\n\n.pp-product-orbit {\n  position: relative;\n\n  width: 245px;\n  height: 245px;\n\n  border-radius: 50%;\n\n  border:\n    1px dashed rgba(22,76,75,.14);\n\n  animation:\n    ppFloat 5s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   KITTY CIRCLE\n   ========================================================= *\/\n\n.pp-product-placeholder {\n  position: absolute;\n\n  inset: 24px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  text-align: center;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FFFFFF,\n      #F5E9E5\n    );\n\n  box-shadow:\n    0 22px 50px rgba(22,76,75,.13),\n    inset 0 0 35px rgba(232,154,145,.13);\n}\n\n.pp-product-placeholder-inner {\n  font-size: 58px;\n\n  animation:\n    ppCatFloat 4s ease-in-out infinite;\n}\n\n.pp-product-placeholder small {\n  display: block;\n\n  margin-top: 7px;\n\n  color: var(--pp-muted);\n\n  font-size: 10px;\n\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   FLOATING PAWS\n   ========================================================= *\/\n\n.pp-orbit-paw {\n  position: absolute;\n\n  z-index: 3;\n\n  font-size: 20px;\n\n  filter:\n    drop-shadow(\n      0 5px 10px rgba(22,76,75,.12)\n    );\n}\n\n.pp-paw-one {\n  top: -9px;\n\n  left: 47%;\n}\n\n.pp-paw-two {\n  right: -8px;\n\n  top: 46%;\n}\n\n.pp-paw-three {\n  bottom: -8px;\n\n  left: 43%;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.pp-intro {\n  padding: 55px 0;\n\n  background: var(--pp-white);\n\n  text-align: center;\n}\n\n.pp-intro-inner {\n  max-width: 720px;\n\n  margin: 0 auto;\n}\n\n.pp-intro h2 {\n  margin: 0 auto 15px;\n\n  color: var(--pp-teal);\n\n  font-size: clamp(30px, 8vw, 50px);\n\n  line-height: 1.08;\n\n  letter-spacing: -1.2px;\n\n  font-weight: 800;\n}\n\n.pp-intro h2 span {\n  display: block;\n\n  color: var(--pp-coral);\n}\n\n.pp-intro p {\n  max-width: 600px;\n\n  margin: 0 auto;\n\n  color: var(--pp-muted);\n\n  font-size: 15px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   3-IN-1 SECTION\n   ========================================================= *\/\n\n.pp-forms {\n  padding: 55px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--pp-sage-soft),\n      var(--pp-cream)\n    );\n}\n\n.pp-section-heading {\n  max-width: 720px;\n\n  margin: 0 auto 30px;\n\n  text-align: center;\n}\n\n.pp-section-heading h2 {\n  margin: 0 auto 13px;\n\n  color: var(--pp-teal);\n\n  font-size: clamp(30px, 8vw, 50px);\n\n  line-height: 1.08;\n\n  letter-spacing: -1.2px;\n\n  font-weight: 800;\n}\n\n.pp-section-heading p {\n  max-width: 560px;\n\n  margin: 0 auto;\n\n  color: var(--pp-muted);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   3-IN-1 CARDS\n   ========================================================= *\/\n\n.pp-cards {\n  display: grid;\n\n  grid-template-columns: 1fr;\n\n  gap: 14px;\n\n  max-width: 1050px;\n\n  margin: 0 auto;\n}\n\n.pp-card {\n  padding: 23px 18px;\n\n  background:\n    rgba(255,255,255,.90);\n\n  border:\n    1px solid rgba(22,76,75,.07);\n\n  border-radius: 23px;\n\n  box-shadow:\n    0 10px 28px rgba(22,76,75,.06);\n\n  text-align: center;\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n.pp-card-icon {\n  width: 62px;\n  height: 62px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 auto 15px;\n\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--pp-coral-soft),\n      #FFFFFF\n    );\n\n  font-size: 28px;\n\n  box-shadow:\n    0 8px 20px rgba(232,154,145,.14);\n}\n\n.pp-card h3 {\n  margin: 0 0 6px;\n\n  color: var(--pp-teal);\n\n  font-size: 18px;\n\n  line-height: 1.2;\n\n  font-weight: 800;\n}\n\n.pp-card p {\n  max-width: 280px;\n\n  margin: 0 auto;\n\n  color: var(--pp-muted);\n\n  font-size: 13px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.pp-feature {\n  position: relative;\n\n  padding: 60px 0;\n\n  background: var(--pp-teal);\n\n  color: white;\n}\n\n.pp-feature::before {\n  content: \"🐾\";\n\n  position: absolute;\n\n  right: -25px;\n\n  top: 15px;\n\n  font-size: 130px;\n\n  opacity: .035;\n\n  transform: rotate(-15deg);\n\n  pointer-events: none;\n}\n\n.pp-feature-grid {\n  display: grid;\n\n  grid-template-columns: 1fr;\n\n  gap: 32px;\n\n  align-items: center;\n}\n\n.pp-feature-copy {\n  text-align: center;\n}\n\n.pp-feature h2 {\n  max-width: 650px;\n\n  margin: 0 auto 14px;\n\n  color: white;\n\n  font-size: clamp(31px, 8vw, 52px);\n\n  line-height: 1.08;\n\n  letter-spacing: -1px;\n\n  font-weight: 800;\n}\n\n.pp-feature h2 span {\n  display: block;\n\n  color: var(--pp-coral);\n}\n\n.pp-feature-text {\n  max-width: 600px;\n\n  margin: 0 auto;\n\n  color: rgba(255,255,255,.72);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   BENEFIT CARDS\n   ========================================================= *\/\n\n.pp-benefits {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 10px;\n\n  max-width: 700px;\n\n  margin: 0 auto;\n}\n\n.pp-benefit {\n  padding: 18px 14px;\n\n  background:\n    rgba(255,255,255,.07);\n\n  border:\n    1px solid rgba(255,255,255,.08);\n\n  border-radius: 18px;\n\n  transition:\n    transform .3s ease,\n    background .3s ease;\n}\n\n.pp-benefit-icon {\n  margin-bottom: 8px;\n\n  font-size: 22px;\n}\n\n.pp-benefit strong {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: white;\n\n  font-size: 14px;\n\n  font-weight: 800;\n}\n\n.pp-benefit p {\n  margin: 0;\n\n  color: rgba(255,255,255,.62);\n\n  font-size: 11px;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   PLUSH COMFORT\n   ========================================================= *\/\n\n.pp-softness {\n  padding: 58px 0;\n\n  background: var(--pp-white);\n}\n\n.pp-softness-box {\n  position: relative;\n\n  overflow: hidden;\n\n  max-width: 1050px;\n\n  margin: 0 auto;\n\n  padding: 42px 24px;\n\n  border-radius: 28px;\n\n  background:\n    radial-gradient(\n      circle at 100% 0%,\n      rgba(232,154,145,.20),\n      transparent 35%\n    ),\n    linear-gradient(\n      135deg,\n      #FFFFFF,\n      #F5EDEA\n    );\n\n  box-shadow:\n    0 15px 40px rgba(22,76,75,.06);\n\n  text-align: center;\n}\n\n.pp-softness-box::after {\n  content: \"☁\";\n\n  position: absolute;\n\n  right: 0;\n\n  bottom: -30px;\n\n  font-size: 120px;\n\n  opacity: .045;\n\n  pointer-events: none;\n}\n\n.pp-softness h2 {\n  position: relative;\n\n  z-index: 1;\n\n  margin: 0 0 15px;\n\n  color: var(--pp-teal);\n\n  font-size: clamp(30px, 8vw, 50px);\n\n  line-height: 1.08;\n\n  letter-spacing: -1.2px;\n\n  font-weight: 800;\n}\n\n.pp-softness h2 span {\n  display: block;\n\n  color: var(--pp-coral);\n}\n\n.pp-softness p {\n  position: relative;\n\n  z-index: 1;\n\n  max-width: 650px;\n\n  margin: 0 auto;\n\n  color: var(--pp-muted);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   FINAL BRAND SECTION\n   ========================================================= *\/\n\n.pp-final {\n  position: relative;\n\n  padding: 65px 18px;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(232,154,145,.23),\n      transparent 40%\n    ),\n    var(--pp-cream);\n}\n\n.pp-final-paw {\n  display: inline-block;\n\n  margin-bottom: 8px;\n\n  font-size: 38px;\n\n  animation:\n    ppBounce 2.5s ease-in-out infinite;\n}\n\n.pp-final h2 {\n  max-width: 700px;\n\n  margin: 0 auto 13px;\n\n  color: var(--pp-teal);\n\n  font-size: clamp(32px, 9vw, 58px);\n\n  line-height: 1.05;\n\n  letter-spacing: -1.5px;\n\n  font-weight: 800;\n}\n\n.pp-final h2 span {\n  color: var(--pp-coral);\n}\n\n.pp-final p {\n  max-width: 600px;\n\n  margin: 0 auto;\n\n  color: var(--pp-muted);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (min-width: 600px) {\n\n  .pp-container {\n    padding-left: 30px;\n    padding-right: 30px;\n  }\n\n  .pp-hero {\n    padding: 65px 0 70px;\n  }\n\n  .pp-hero-visual {\n    height: 340px;\n  }\n\n  .pp-product-orbit {\n    width: 300px;\n    height: 300px;\n  }\n\n  .pp-glow {\n    width: 300px;\n    height: 300px;\n  }\n\n  .pp-product-placeholder {\n    inset: 32px;\n  }\n\n  .pp-product-placeholder-inner {\n    font-size: 68px;\n  }\n\n  .pp-cards {\n    grid-template-columns:\n      repeat(3, 1fr);\n\n    gap: 18px;\n  }\n\n  .pp-card {\n    min-height: 225px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    padding: 30px 20px;\n  }\n\n  .pp-benefits {\n    grid-template-columns:\n      repeat(4, 1fr);\n\n    gap: 12px;\n\n    max-width: 100%;\n  }\n\n  .pp-softness-box {\n    padding: 60px 45px;\n  }\n}\n\n\n\/* =========================================================\n   DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 900px) {\n\n  .pp-container {\n    max-width: 1220px;\n\n    padding-left: 40px;\n    padding-right: 40px;\n  }\n\n  .pp-hero {\n    padding: 80px 0 90px;\n  }\n\n  .pp-hero-grid {\n    display: grid;\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(380px, 460px);\n\n    align-items: center;\n\n    gap: 60px;\n  }\n\n  .pp-hero-content {\n    text-align: left;\n  }\n\n  .pp-eyebrow {\n    justify-content: flex-start;\n  }\n\n  .pp-hero h1 {\n    margin-left: 0;\n    margin-right: 0;\n\n    font-size: 62px;\n  }\n\n  .pp-hero-sub {\n    margin-left: 0;\n    margin-right: 0;\n\n    font-size: 16px;\n  }\n\n  .pp-hero-visual {\n    height: 420px;\n  }\n\n  .pp-product-orbit {\n    width: 350px;\n    height: 350px;\n  }\n\n  .pp-glow {\n    width: 350px;\n    height: 350px;\n  }\n\n  .pp-product-placeholder {\n    inset: 38px;\n  }\n\n  .pp-product-placeholder-inner {\n    font-size: 78px;\n  }\n\n  .pp-intro,\n  .pp-forms,\n  .pp-feature,\n  .pp-softness {\n    padding-top: 90px;\n    padding-bottom: 90px;\n  }\n\n  .pp-section-heading {\n    margin-bottom: 42px;\n  }\n\n  .pp-card {\n    min-height: 245px;\n\n    padding: 35px 25px;\n\n    border-radius: 26px;\n  }\n\n  .pp-card:hover {\n    transform: translateY(-6px);\n\n    box-shadow:\n      0 18px 40px rgba(22,76,75,.10);\n  }\n\n  .pp-card-icon {\n    width: 72px;\n    height: 72px;\n\n    font-size: 32px;\n  }\n\n  .pp-feature-grid {\n    grid-template-columns:\n      .9fr 1.1fr;\n\n    gap: 65px;\n  }\n\n  .pp-feature-copy {\n    text-align: left;\n  }\n\n  .pp-feature .pp-eyebrow {\n    justify-content: flex-start;\n  }\n\n  .pp-feature h2 {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .pp-feature-text {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .pp-benefit:hover {\n    transform: translateY(-4px);\n\n    background:\n      rgba(255,255,255,.11);\n  }\n\n  .pp-softness-box {\n    padding: 70px 80px;\n\n    border-radius: 34px;\n  }\n\n  .pp-final {\n    padding: 100px 20px;\n  }\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 1200px) {\n\n  .pp-hero {\n    padding: 100px 0 110px;\n  }\n\n  .pp-hero-grid {\n    gap: 80px;\n  }\n\n  .pp-hero h1 {\n    font-size: 72px;\n  }\n\n  .pp-hero-visual {\n    height: 460px;\n  }\n\n  .pp-product-orbit {\n    width: 410px;\n    height: 410px;\n  }\n\n  .pp-glow {\n    width: 410px;\n    height: 410px;\n  }\n\n  .pp-product-placeholder {\n    inset: 48px;\n  }\n\n  .pp-product-placeholder-inner {\n    font-size: 90px;\n  }\n\n  .pp-intro,\n  .pp-forms,\n  .pp-feature,\n  .pp-softness {\n    padding-top: 105px;\n    padding-bottom: 105px;\n  }\n\n  .pp-final {\n    padding-top: 120px;\n    padding-bottom: 120px;\n  }\n}\n\n\n\/* =========================================================\n   SMALL PHONES\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .pp-container {\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n\n  .pp-hero {\n    padding-top: 35px;\n  }\n\n  .pp-hero h1 {\n    font-size: 36px;\n  }\n\n  .pp-hero-visual {\n    height: 270px;\n  }\n\n  .pp-product-orbit {\n    width: 225px;\n    height: 225px;\n  }\n\n  .pp-glow {\n    width: 220px;\n    height: 220px;\n  }\n\n  .pp-product-placeholder {\n    inset: 22px;\n  }\n\n  .pp-product-placeholder-inner {\n    font-size: 52px;\n  }\n\n  .pp-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .pp-benefit {\n    text-align: center;\n  }\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes ppFloat {\n\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-8px);\n  }\n\n}\n\n@keyframes ppCatFloat {\n\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-7px)\n      rotate(2deg);\n  }\n\n}\n\n@keyframes ppGlow {\n\n  0%,\n  100% {\n    transform: scale(.96);\n\n    opacity: .75;\n  }\n\n  50% {\n    transform: scale(1.05);\n\n    opacity: 1;\n  }\n\n}\n\n@keyframes ppBounce {\n\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-8px);\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pp-cozy *,\n  .pp-cozy *::before,\n  .pp-cozy *::after {\n\n    animation: none !important;\n\n    transition: none !important;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"pp-cozy\" style=\"text-align: center;\"\u003e\n\u003c!-- =====================================================\n       HERO + FLOATING KITTY\n       ===================================================== --\u003e\n\u003csection class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-container\"\u003e\n\u003cdiv class=\"pp-hero-grid\" style=\"text-align: center;\"\u003e\n\u003c!-- HERO TEXT --\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badge\"\u003e\n\u003cspan\u003e🐾\u003c\/span\u003e Designed for Happy Cats\u003c\/div\u003e\n\u003cdiv class=\"pp-eyebrow\" style=\"text-align: center;\"\u003ePerfect Paw™\u003c\/div\u003e\n\u003ch1 style=\"text-align: center;\"\u003eWhere Playtime Meets \u003cspan\u003ePure Comfort.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"pp-hero-sub\" style=\"text-align: center;\"\u003eMeet the Perfect Paw™ Cozy Tunnel — a plush 3-in-1 hideaway made for cats who love to play, explore, hide and snooze.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FLOATING KITTY --\u003e\n\u003cdiv class=\"pp-hero-visual\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"pp-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-product-orbit\"\u003e\n\u003cdiv class=\"pp-orbit-paw pp-paw-one\"\u003e🐾\u003c\/div\u003e\n\u003cdiv class=\"pp-orbit-paw pp-paw-two\"\u003e🐾\u003c\/div\u003e\n\u003cdiv class=\"pp-orbit-paw pp-paw-three\"\u003e🐾\u003c\/div\u003e\n\u003cdiv class=\"pp-product-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"pp-product-placeholder-inner\"\u003e🐱\u003c\/div\u003e\n\u003csmall\u003e Cozy. Playful. Purrfect. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       INTRO\n       ===================================================== --\u003e\n\u003csection class=\"pp-intro\"\u003e\n\u003cdiv class=\"pp-container\"\u003e\n\u003cdiv class=\"pp-intro-inner\"\u003e\n\u003cdiv class=\"pp-eyebrow\" style=\"text-align: center;\"\u003eMade for curious cats\u003c\/div\u003e\n\u003ch2\u003eOne Tunnel. \u003cspan\u003eThree Ways to Play.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA cozy hideaway for playtime, exploring, hiding and peaceful naps — all in one.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       3-IN-1 DESIGN\n       ===================================================== --\u003e\n\u003csection class=\"pp-forms\"\u003e\n\u003cdiv class=\"pp-container\"\u003e\n\u003cdiv class=\"pp-section-heading\"\u003e\n\u003cdiv class=\"pp-eyebrow\"\u003e3-in-1 design\u003c\/div\u003e\n\u003ch2\u003eChange the Shape. \u003cbr\u003eChange the Adventure.\u003c\/h2\u003e\n\u003cp\u003eEasily reshape the Cozy Tunnel to match your cat's mood.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-cards\"\u003e\n\u003c!-- DONUT BED --\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003cdiv class=\"pp-card-icon\"\u003e🍩\u003c\/div\u003e\n\u003ch3\u003eDonut Bed\u003c\/h3\u003e\n\u003cp\u003eA cozy circular nest for curling up and relaxing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- S-CURVE --\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003cdiv class=\"pp-card-icon\"\u003e〰️\u003c\/div\u003e\n\u003ch3\u003eS-Curve Tunnel\u003c\/h3\u003e\n\u003cp\u003eA winding path made for hide-and-seek adventures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- STRAIGHT TUNNEL --\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003cdiv class=\"pp-card-icon\"\u003e➡️\u003c\/div\u003e\n\u003ch3\u003eStraight Tunnel\u003c\/h3\u003e\n\u003cp\u003eStretch it out for zoomies, chasing and exploration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       BENEFITS\n       ===================================================== --\u003e\n\u003csection class=\"pp-feature\"\u003e\n\u003cdiv class=\"pp-container\"\u003e\n\u003cdiv class=\"pp-feature-grid\"\u003e\n\u003c!-- BENEFIT INTRO --\u003e\n\u003cdiv class=\"pp-feature-copy\"\u003e\n\u003cdiv class=\"pp-eyebrow\"\u003eWhy cats love it\u003c\/div\u003e\n\u003ch2\u003eA Little Space \u003cspan\u003eAll Their Own.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"pp-feature-text\"\u003eCats naturally love cozy spaces where they can hide, observe, play and relax. The Cozy Tunnel brings all of that together in one soft hideaway.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFIT CARDS --\u003e\n\u003cdiv class=\"pp-benefits\"\u003e\n\u003cdiv class=\"pp-benefit\"\u003e\n\u003cdiv class=\"pp-benefit-icon\"\u003e🏡\u003c\/div\u003e\n\u003cstrong\u003e Safe Retreat \u003c\/strong\u003e\n\u003cp\u003eA cozy enclosed space to retreat and relax.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-benefit\"\u003e\n\u003cdiv class=\"pp-benefit-icon\"\u003e🐾\u003c\/div\u003e\n\u003cstrong\u003e Encourages Play \u003c\/strong\u003e\n\u003cp\u003eEncourages movement and playful exploration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-benefit\"\u003e\n\u003cdiv class=\"pp-benefit-icon\"\u003e☁️\u003c\/div\u003e\n\u003cstrong\u003e Plush Comfort \u003c\/strong\u003e\n\u003cp\u003eSoft fabric creates a comfortable resting space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-benefit\"\u003e\n\u003cdiv class=\"pp-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003cstrong\u003e Easy to Reshape \u003c\/strong\u003e\n\u003cp\u003eSwitch shapes without tools or fuss.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       PLUSH COMFORT\n       ===================================================== --\u003e\n\u003csection class=\"pp-softness\"\u003e\n\u003cdiv class=\"pp-container\"\u003e\n\u003cdiv class=\"pp-softness-box\"\u003e\n\u003cdiv class=\"pp-eyebrow\"\u003eSoftness they'll love\u003c\/div\u003e\n\u003ch2\u003eSoft Enough for \u003cspan\u003eDreamy Naps.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCrafted from plush fabric, the Cozy Tunnel gives your cat a soft and comforting place to curl up, burrow and rest.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       FINAL BRAND SECTION\n       ===================================================== --\u003e\n\u003csection class=\"pp-final\"\u003e\n\u003cdiv class=\"pp-final-paw\"\u003e🐾\u003c\/div\u003e\n\u003ch2\u003eBecause Every Paw \u003cspan\u003eMatters.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eGive your cat a place to play, explore, hide and dream — all in one beautifully cozy space.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Perfect Paw","offers":[{"title":"Default Title","offer_id":53969711694140,"sku":null,"price":689.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0991\/5501\/8044\/files\/Perfect_Paw.pngvc.png?v=1787400436"}],"url":"https:\/\/perfectpaw.co.za\/collections\/frontpage.oembed","provider":"Perfect Paw","version":"1.0","type":"link"}