{"product_id":"furli-hotdog-haven-pet-bed","title":"Furli™ HotDog Haven – Plush Dog \u0026 Cat Bed","description":"\u003cdiv class=\"furli-hotdog-haven\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"fhh-hero fhh-reveal\"\u003e\n\n    \u003cdiv class=\"fhh-glow fhh-glow-one\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fhh-glow fhh-glow-two\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"fhh-badge\"\u003e\n      🐾 FURLI • COSY PET LIVING\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\n      The Cutest Bed\n      \u003cspan\u003eThey'll Ever Nap In.\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"fhh-subtitle\"\u003e\n      Meet the Furli™ HotDog Haven — a soft plush pet bed designed\n      to give small dogs and cats a cosy place to curl up, relax\n      and enjoy seriously comfortable naps.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fhh-tags\"\u003e\n      \u003cspan\u003e🌭 Fun Hot Dog Design\u003c\/span\u003e\n      \u003cspan\u003e☁️ Soft Plush Comfort\u003c\/span\u003e\n      \u003cspan\u003e🧼 Removable Cushion\u003c\/span\u003e\n      \u003cspan\u003e🐾 Non-Slip Bottom\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ca href=\"#furli-hotdog-benefits\" class=\"fhh-main-btn\"\u003e\n      Discover HotDog Haven\n      \u003cspan\u003e↓\u003c\/span\u003e\n    \u003c\/a\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"fhh-intro fhh-reveal\"\u003e\n\n    \u003cdiv class=\"fhh-intro-icon\"\u003e\n      🌭\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cspan class=\"fhh-eyebrow\"\u003e\n        COMFORT WITH PERSONALITY\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        A Pet Bed That Actually Looks Fun\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The Furli™ HotDog Haven combines soft everyday comfort with\n        a playful hot-dog-inspired design, giving your pet a sleeping\n        space that looks just as adorable as they do.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection id=\"furli-hotdog-benefits\" class=\"fhh-section\"\u003e\n\n    \u003cdiv class=\"fhh-heading fhh-reveal\"\u003e\n      \u003cspan\u003eWHY PET PARENTS LOVE IT\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Soft, Cosy \u0026amp; Made For Serious Nappers\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Everything your small pet needs for comfortable everyday rest.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fhh-grid\"\u003e\n\n      \u003cdiv class=\"fhh-card fhh-reveal\"\u003e\n        \u003cdiv class=\"fhh-icon\"\u003e☁️\u003c\/div\u003e\n\n        \u003ch3\u003eSoft Plush Comfort\u003c\/h3\u003e\n\n        \u003cp\u003e\n          The cosy plush surface creates a soft resting area for naps,\n          bedtime and relaxed lounging throughout the day.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fhh-card fhh-reveal\"\u003e\n        \u003cdiv class=\"fhh-icon\"\u003e🌭\u003c\/div\u003e\n\n        \u003ch3\u003eAdorable Hot Dog Design\u003c\/h3\u003e\n\n        \u003cp\u003e\n          A playful statement bed that adds personality to your home\n          while giving your pet a space of their own.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fhh-card fhh-reveal\"\u003e\n        \u003cdiv class=\"fhh-icon\"\u003e🧼\u003c\/div\u003e\n\n        \u003ch3\u003eRemovable Cushion\u003c\/h3\u003e\n\n        \u003cp\u003e\n          The removable inner cushion makes everyday cleaning and\n          refreshing your pet's bed much easier.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fhh-card fhh-reveal\"\u003e\n        \u003cdiv class=\"fhh-icon\"\u003e🐾\u003c\/div\u003e\n\n        \u003ch3\u003eNon-Slip Bottom\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed to help the bed stay more securely in place on\n          suitable indoor floor surfaces.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PREMIUM BANNER --\u003e\n  \u003csection class=\"fhh-premium fhh-reveal\"\u003e\n\n    \u003cdiv class=\"fhh-premium-copy\"\u003e\n\n      \u003cspan\u003e\n        FURLI COMFORT COLLECTION\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Looks Like A Hot Dog.\n        \u003cstrong\u003eFeels Like A Cloud.\u003c\/strong\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        A fun, cosy retreat for puppies, kittens and small pets who\n        love curling up somewhere soft.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fhh-hotdog-animation\"\u003e\n\n      \u003cdiv class=\"fhh-circle\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"fhh-hotdog\"\u003e\n        🌭\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fhh-paw fhh-paw-one\"\u003e\n        🐾\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fhh-paw fhh-paw-two\"\u003e\n        🐾\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FEATURE STRIP --\u003e\n  \u003csection class=\"fhh-strip fhh-reveal\"\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003e01\u003c\/strong\u003e\n      \u003cspan\u003ePlush Comfort\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003e02\u003c\/strong\u003e\n      \u003cspan\u003eRemovable Cushion\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003e03\u003c\/strong\u003e\n      \u003cspan\u003eNon-Slip Base\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003e04\u003c\/strong\u003e\n      \u003cspan\u003ePerfect For Small Pets\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PERFECT FOR --\u003e\n  \u003csection class=\"fhh-perfect fhh-reveal\"\u003e\n\n    \u003cdiv class=\"fhh-perfect-copy\"\u003e\n\n      \u003cspan class=\"fhh-eyebrow\"\u003e\n        BUILT FOR COSY MOMENTS\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Their New Favourite Nap Spot\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Whether your pet loves curling up after playtime or finding\n        a soft spot for a midday nap, HotDog Haven gives them their\n        own comfortable space.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"fhh-checks\"\u003e\n\n        \u003cdiv\u003e✓ Small dogs\u003c\/div\u003e\n\n        \u003cdiv\u003e✓ Puppies\u003c\/div\u003e\n\n        \u003cdiv\u003e✓ Indoor cats\u003c\/div\u003e\n\n        \u003cdiv\u003e✓ Kittens\u003c\/div\u003e\n\n        \u003cdiv\u003e✓ Everyday naps\u003c\/div\u003e\n\n        \u003cdiv\u003e✓ Cosy indoor spaces\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fhh-orbit\"\u003e\n\n      \u003cdiv class=\"fhh-orbit-ring\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"fhh-orbit-center\"\u003e\n        \u003cspan\u003eFURLI\u003c\/span\u003e\n        \u003cstrong\u003e🌭\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fhh-orbit-paw\"\u003e\n        🐾\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- EXPERIENCE --\u003e\n  \u003csection class=\"fhh-experience fhh-reveal\"\u003e\n\n    \u003cdiv class=\"fhh-heading\"\u003e\n\n      \u003cspan\u003e\n        MADE FOR EVERYDAY COMFORT\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        From Zoomies To Snoozies\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fhh-experience-grid\"\u003e\n\n      \u003cdiv class=\"fhh-experience-card\"\u003e\n\n        \u003cspan\u003e01\u003c\/span\u003e\n\n        \u003ch3\u003ePick Their Spot\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Place the HotDog Haven in your pet's favourite indoor\n          sleeping or lounging area.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fhh-experience-card\"\u003e\n\n        \u003cspan\u003e02\u003c\/span\u003e\n\n        \u003ch3\u003eLet Them Settle In\u003c\/h3\u003e\n\n        \u003cp\u003e\n          The soft plush surface creates an inviting space where\n          your pet can curl up and get comfortable.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fhh-experience-card\"\u003e\n\n        \u003cspan\u003e03\u003c\/span\u003e\n\n        \u003ch3\u003eRefresh When Needed\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Remove the inner cushion when it needs cleaning or\n          refreshing according to the product care instructions.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"fhh-cta fhh-reveal\"\u003e\n\n    \u003cdiv class=\"fhh-cta-icon\"\u003e\n      🐾\n    \u003c\/div\u003e\n\n    \u003cspan\u003e\n      THEIR NEW FAVOURITE BED\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Give Them Somewhere Seriously Cosy\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Bring home the Furli™ HotDog Haven and give your pet\n      a soft, playful and comfortable place to sleep every day.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#AddToCart\" class=\"fhh-buy-btn\"\u003e\n      Get The HotDog Haven\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n\n    \u003cdiv class=\"fhh-trust\"\u003e\n\n      \u003cspan\u003e☁️ Soft Plush Comfort\u003c\/span\u003e\n\n      \u003cspan\u003e🧼 Easy-Care Design\u003c\/span\u003e\n\n      \u003cspan\u003e🐾 Furli Pet Essential\u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n\n.furli-hotdog-haven,\n.furli-hotdog-haven * {\n  box-sizing: border-box;\n}\n\n.furli-hotdog-haven {\n\n  --mustard: #eba93d;\n  --mustard-dark: #c98219;\n  --red: #d96055;\n  --cream: #fff8ed;\n  --soft: #fff3dc;\n  --dark: #2c211a;\n  --muted: #77675c;\n  --border: rgba(220, 157, 56, .18);\n\n  max-width: 1200px;\n  width: 100%;\n\n  margin: 0 auto;\n\n  overflow: hidden;\n\n  color: var(--dark);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n}\n\n\n\/* HERO *\/\n\n.fhh-hero {\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding:\n    90px 28px;\n\n  text-align: center;\n\n  border-radius: 34px;\n\n  border:\n    1px solid var(--border);\n\n  background:\n    radial-gradient(\n      circle at 10% 10%,\n      rgba(235, 169, 61, .20),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 90% 85%,\n      rgba(217, 96, 85, .15),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #fffaf1,\n      #ffffff\n    );\n\n}\n\n\n.fhh-glow {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  filter: blur(20px);\n\n  pointer-events: none;\n\n  opacity: .35;\n\n}\n\n\n.fhh-glow-one {\n\n  width: 220px;\n  height: 220px;\n\n  top: -90px;\n  left: -90px;\n\n  background: #ffc96e;\n\n  animation:\n    fhhFloat 7s ease-in-out infinite;\n\n}\n\n\n.fhh-glow-two {\n\n  width: 180px;\n  height: 180px;\n\n  right: -70px;\n  bottom: -70px;\n\n  background: #f4a29a;\n\n  animation:\n    fhhFloat 8s ease-in-out infinite reverse;\n\n}\n\n\n.fhh-badge,\n.fhh-eyebrow,\n.fhh-heading \u003e span,\n.fhh-premium-copy \u003e span,\n.fhh-cta \u003e span {\n\n  display: inline-block;\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n\n  text-transform: uppercase;\n\n  color: var(--mustard-dark);\n\n}\n\n\n.fhh-badge {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding:\n    10px 17px;\n\n  margin-bottom: 24px;\n\n  border-radius: 999px;\n\n  background:\n    rgba(235, 169, 61, .12);\n\n}\n\n\n.fhh-hero h1 {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 860px;\n\n  margin:\n    0 auto;\n\n  font-size:\n    clamp(44px,7vw,82px);\n\n  line-height: .98;\n\n  letter-spacing: -3px;\n\n  font-weight: 900;\n\n}\n\n\n.fhh-hero h1 span {\n\n  display: block;\n\n  color: var(--red);\n\n}\n\n\n.fhh-subtitle {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 720px;\n\n  margin:\n    25px auto 0;\n\n  font-size: 18px;\n\n  line-height: 1.7;\n\n  color: var(--muted);\n\n}\n\n\n.fhh-tags {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  justify-content: center;\n\n  gap: 11px;\n\n  margin:\n    32px 0;\n\n}\n\n\n.fhh-tags span {\n\n  padding:\n    12px 16px;\n\n  border-radius: 999px;\n\n  background: white;\n\n  border:\n    1px solid var(--border);\n\n  font-size: 14px;\n\n  font-weight: 700;\n\n  box-shadow:\n    0 12px 30px\n    rgba(70, 47, 25, .06);\n\n  transition:\n    .3s ease;\n\n}\n\n\n.fhh-tags span:hover {\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 18px 42px\n    rgba(216, 150, 44, .17);\n\n}\n\n\n.fhh-main-btn,\n.fhh-buy-btn {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  text-decoration: none;\n\n  border-radius: 999px;\n\n  font-weight: 800;\n\n  transition:\n    .3s ease;\n\n}\n\n\n.fhh-main-btn {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding:\n    17px 29px;\n\n  color: white;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--mustard),\n      var(--red)\n    );\n\n  box-shadow:\n    0 18px 42px\n    rgba(209, 112, 54, .28);\n\n}\n\n\n.fhh-main-btn:hover {\n\n  transform:\n    translateY(-4px)\n    scale(1.02);\n\n}\n\n\n\/* INTRO *\/\n\n.fhh-intro {\n\n  display: grid;\n\n  grid-template-columns:\n    90px 1fr;\n\n  gap: 26px;\n\n  align-items: center;\n\n  margin-top: 28px;\n\n  padding:\n    38px;\n\n  border-radius: 30px;\n\n  color: white;\n\n  background:\n    var(--dark);\n\n}\n\n\n.fhh-intro-icon {\n\n  display: grid;\n\n  place-items: center;\n\n  width: 80px;\n  height: 80px;\n\n  border-radius: 24px;\n\n  background:\n    rgba(255,255,255,.08);\n\n  font-size: 42px;\n\n  animation:\n    fhhWiggle 3s ease-in-out infinite;\n\n}\n\n\n.fhh-intro h2 {\n\n  margin:\n    8px 0 12px;\n\n  font-size:\n    clamp(29px,5vw,47px);\n\n  line-height: 1.05;\n\n}\n\n\n.fhh-intro p {\n\n  margin: 0;\n\n  max-width: 760px;\n\n  line-height: 1.7;\n\n  color:\n    rgba(255,255,255,.72);\n\n}\n\n\n\/* BENEFITS *\/\n\n.fhh-section {\n\n  padding:\n    85px 15px;\n\n}\n\n\n.fhh-heading {\n\n  max-width: 760px;\n\n  margin: auto;\n\n  text-align: center;\n\n}\n\n\n.fhh-heading h2 {\n\n  margin:\n    8px 0 15px;\n\n  font-size:\n    clamp(32px,5vw,50px);\n\n  line-height: 1.05;\n\n  letter-spacing: -1.5px;\n\n}\n\n\n.fhh-heading p {\n\n  margin: 0;\n\n  font-size: 17px;\n\n  line-height: 1.7;\n\n  color: var(--muted);\n\n}\n\n\n.fhh-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 18px;\n\n  margin-top: 42px;\n\n}\n\n\n.fhh-card {\n\n  padding:\n    30px 24px;\n\n  border-radius: 27px;\n\n  background: white;\n\n  border:\n    1px solid var(--border);\n\n  box-shadow:\n    0 14px 42px\n    rgba(67, 45, 29, .06);\n\n  transition:\n    .35s ease;\n\n}\n\n\n.fhh-card:hover {\n\n  transform:\n    translateY(-10px);\n\n  border-color:\n    rgba(223, 155, 45, .38);\n\n  box-shadow:\n    0 24px 60px\n    rgba(212, 136, 46, .16);\n\n}\n\n\n.fhh-icon {\n\n  display: grid;\n\n  place-items: center;\n\n  width: 60px;\n  height: 60px;\n\n  margin-bottom: 20px;\n\n  border-radius: 19px;\n\n  background:\n    var(--soft);\n\n  font-size: 30px;\n\n}\n\n\n.fhh-card h3 {\n\n  margin:\n    0 0 10px;\n\n  font-size: 20px;\n\n}\n\n\n.fhh-card p {\n\n  margin: 0;\n\n  line-height: 1.65;\n\n  color: var(--muted);\n\n}\n\n\n\/* PREMIUM *\/\n\n.fhh-premium {\n\n  display: grid;\n\n  grid-template-columns:\n    1.25fr .75fr;\n\n  align-items: center;\n\n  gap: 30px;\n\n  padding:\n    65px 55px;\n\n  border-radius: 34px;\n\n  color: white;\n\n  background:\n    linear-gradient(\n      135deg,\n      #2d2118,\n      #543a24\n    );\n\n}\n\n\n.fhh-premium-copy h2 {\n\n  margin:\n    10px 0 18px;\n\n  font-size:\n    clamp(37px,5vw,58px);\n\n  line-height: 1.02;\n\n}\n\n\n.fhh-premium-copy strong {\n\n  display: block;\n\n  color: #f6ba56;\n\n}\n\n\n.fhh-premium-copy p {\n\n  max-width: 610px;\n\n  line-height: 1.7;\n\n  color:\n    rgba(255,255,255,.72);\n\n}\n\n\n\/* HOT DOG ANIMATION *\/\n\n.fhh-hotdog-animation {\n\n  position: relative;\n\n  height: 260px;\n\n  display: grid;\n\n  place-items: center;\n\n}\n\n\n.fhh-circle {\n\n  position: absolute;\n\n  width: 210px;\n  height: 210px;\n\n  border-radius: 50%;\n\n  border:\n    2px dashed\n    rgba(255,255,255,.18);\n\n  animation:\n    fhhSpin 12s linear infinite;\n\n}\n\n\n.fhh-hotdog {\n\n  position: relative;\n\n  z-index: 3;\n\n  font-size: 95px;\n\n  animation:\n    fhhHotdog 3s ease-in-out infinite;\n\n}\n\n\n.fhh-paw {\n\n  position: absolute;\n\n  font-size: 32px;\n\n  opacity: .75;\n\n}\n\n\n.fhh-paw-one {\n\n  top: 35px;\n  right: 32px;\n\n  animation:\n    fhhPaw 2.8s ease-in-out infinite;\n\n}\n\n\n.fhh-paw-two {\n\n  bottom: 30px;\n  left: 35px;\n\n  animation:\n    fhhPaw 2.8s ease-in-out infinite reverse;\n\n}\n\n\n\/* STRIP *\/\n\n.fhh-strip {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 14px;\n\n  padding:\n    26px 0;\n\n}\n\n\n.fhh-strip div {\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  gap: 7px;\n\n  padding:\n    24px 10px;\n\n  text-align: center;\n\n  border-radius: 22px;\n\n  background:\n    var(--cream);\n\n  border:\n    1px solid var(--border);\n\n}\n\n\n.fhh-strip strong {\n\n  font-size: 23px;\n\n  color: var(--red);\n\n}\n\n\n.fhh-strip span {\n\n  font-size: 14px;\n\n  font-weight: 750;\n\n}\n\n\n\/* PERFECT *\/\n\n.fhh-perfect {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr .7fr;\n\n  align-items: center;\n\n  gap: 50px;\n\n  padding:\n    80px 30px;\n\n}\n\n\n.fhh-perfect h2 {\n\n  margin:\n    10px 0 18px;\n\n  font-size:\n    clamp(34px,5vw,52px);\n\n  line-height: 1.05;\n\n}\n\n\n.fhh-perfect p {\n\n  font-size: 17px;\n\n  line-height: 1.75;\n\n  color: var(--muted);\n\n}\n\n\n.fhh-checks {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 12px;\n\n  margin-top: 25px;\n\n}\n\n\n.fhh-checks div {\n\n  padding:\n    14px 15px;\n\n  border-radius: 15px;\n\n  background:\n    var(--soft);\n\n  font-weight: 700;\n\n}\n\n\n\/* ORBIT *\/\n\n.fhh-orbit {\n\n  position: relative;\n\n  display: grid;\n\n  place-items: center;\n\n  width: 290px;\n  height: 290px;\n\n  margin: auto;\n\n}\n\n\n.fhh-orbit-ring {\n\n  position: absolute;\n\n  inset: 18px;\n\n  border-radius: 50%;\n\n  border:\n    2px dashed\n    rgba(219, 151, 43, .35);\n\n  animation:\n    fhhSpin 10s linear infinite;\n\n}\n\n\n.fhh-orbit-center {\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 130px;\n  height: 130px;\n\n  border-radius: 50%;\n\n  background:\n    var(--soft);\n\n  box-shadow:\n    0 20px 50px\n    rgba(209, 140, 45, .18);\n\n}\n\n\n.fhh-orbit-center span {\n\n  font-size: 14px;\n\n  letter-spacing: 2px;\n\n  font-weight: 900;\n\n  color:\n    var(--mustard-dark);\n\n}\n\n\n.fhh-orbit-center strong {\n\n  margin-top: 5px;\n\n  font-size: 38px;\n\n}\n\n\n.fhh-orbit-paw {\n\n  position: absolute;\n\n  top: 5px;\n\n  font-size: 42px;\n\n  transform-origin:\n    145px 140px;\n\n  animation:\n    fhhOrbit 8s linear infinite;\n\n}\n\n\n\/* EXPERIENCE *\/\n\n.fhh-experience {\n\n  padding:\n    75px 25px;\n\n  border-radius: 32px;\n\n  background:\n    var(--cream);\n\n}\n\n\n.fhh-experience-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 18px;\n\n  max-width: 900px;\n\n  margin:\n    42px auto 0;\n\n}\n\n\n.fhh-experience-card {\n\n  padding: 28px;\n\n  border-radius: 24px;\n\n  background: white;\n\n  border:\n    1px solid var(--border);\n\n}\n\n\n.fhh-experience-card \u003e span {\n\n  font-size: 27px;\n\n  font-weight: 900;\n\n  color:\n    var(--red);\n\n}\n\n\n.fhh-experience-card h3 {\n\n  margin:\n    12px 0 8px;\n\n  font-size: 21px;\n\n}\n\n\n.fhh-experience-card p {\n\n  margin: 0;\n\n  line-height: 1.6;\n\n  color: var(--muted);\n\n}\n\n\n\/* CTA *\/\n\n.fhh-cta {\n\n  position: relative;\n\n  overflow: hidden;\n\n  margin-top: 28px;\n\n  padding:\n    80px 28px;\n\n  text-align: center;\n\n  border-radius: 34px;\n\n  color: white;\n\n  background:\n    radial-gradient(\n      circle at top,\n      rgba(255,255,255,.25),\n      transparent 32%\n    ),\n    linear-gradient(\n      135deg,\n      #efa844,\n      #d76256\n    );\n\n}\n\n\n.fhh-cta-icon {\n\n  margin-bottom: 12px;\n\n  font-size: 56px;\n\n  animation:\n    fhhPulse 2s infinite;\n\n}\n\n\n.fhh-cta \u003e span {\n\n  color: white;\n\n}\n\n\n.fhh-cta h2 {\n\n  max-width: 720px;\n\n  margin:\n    10px auto 18px;\n\n  font-size:\n    clamp(35px,5vw,54px);\n\n  line-height: 1.05;\n\n}\n\n\n.fhh-cta p {\n\n  max-width: 670px;\n\n  margin:\n    0 auto 28px;\n\n  line-height: 1.7;\n\n  color:\n    rgba(255,255,255,.88);\n\n}\n\n\n.fhh-buy-btn {\n\n  padding:\n    18px 29px;\n\n  background: white;\n\n  color:\n    var(--red);\n\n  box-shadow:\n    0 18px 45px\n    rgba(107, 52, 38, .22);\n\n}\n\n\n.fhh-buy-btn:hover {\n\n  transform:\n    translateY(-4px)\n    scale(1.02);\n\n}\n\n\n.fhh-trust {\n\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 18px;\n\n  margin-top: 27px;\n\n  font-size: 13px;\n\n  font-weight: 700;\n\n  color:\n    rgba(255,255,255,.87);\n\n}\n\n\n\/* SCROLL REVEAL *\/\n\n.fhh-reveal {\n\n  opacity: 0;\n\n  transform:\n    translateY(30px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s ease;\n\n}\n\n\n.fhh-reveal.fhh-show {\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n\n}\n\n\n\/* ANIMATIONS *\/\n\n@keyframes fhhFloat {\n\n  0%,\n  100% {\n    transform:\n      translate(0,0);\n  }\n\n  50% {\n    transform:\n      translate(15px,24px);\n  }\n\n}\n\n\n@keyframes fhhWiggle {\n\n  0%,\n  100% {\n    transform:\n      rotate(0deg);\n  }\n\n  25% {\n    transform:\n      rotate(-7deg);\n  }\n\n  75% {\n    transform:\n      rotate(7deg);\n  }\n\n}\n\n\n@keyframes fhhHotdog {\n\n  0%,\n  100% {\n    transform:\n      translateY(0)\n      rotate(-3deg);\n  }\n\n  50% {\n    transform:\n      translateY(-14px)\n      rotate(3deg);\n  }\n\n}\n\n\n@keyframes fhhPaw {\n\n  0%,\n  100% {\n    transform:\n      scale(1)\n      rotate(-8deg);\n  }\n\n  50% {\n    transform:\n      scale(1.15)\n      rotate(8deg);\n  }\n\n}\n\n\n@keyframes fhhSpin {\n\n  from {\n    transform:\n      rotate(0deg);\n  }\n\n  to {\n    transform:\n      rotate(360deg);\n  }\n\n}\n\n\n@keyframes fhhOrbit {\n\n  from {\n    transform:\n      rotate(0deg)\n      translateY(-118px)\n      rotate(0deg);\n  }\n\n  to {\n    transform:\n      rotate(360deg)\n      translateY(-118px)\n      rotate(-360deg);\n  }\n\n}\n\n\n@keyframes fhhPulse {\n\n  0%,\n  100% {\n    transform:\n      scale(1);\n  }\n\n  50% {\n    transform:\n      scale(1.12);\n  }\n\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:900px) {\n\n  .fhh-grid {\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n  .fhh-premium,\n  .fhh-perfect {\n    grid-template-columns:\n      1fr;\n\n    text-align: center;\n  }\n\n  .fhh-strip {\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n  .fhh-experience-grid {\n    grid-template-columns:\n      1fr;\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:600px) {\n\n  .fhh-hero {\n\n    padding:\n      60px 20px;\n\n    border-radius: 24px;\n\n  }\n\n  .fhh-hero h1 {\n\n    letter-spacing: -2px;\n\n  }\n\n  .fhh-intro {\n\n    grid-template-columns:\n      1fr;\n\n    padding:\n      30px 22px;\n\n    text-align: center;\n\n  }\n\n  .fhh-intro-icon {\n\n    margin: auto;\n\n  }\n\n  .fhh-section {\n\n    padding:\n      65px 10px;\n\n  }\n\n  .fhh-grid {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n  .fhh-premium {\n\n    padding:\n      50px 24px;\n\n  }\n\n  .fhh-strip {\n\n    grid-template-columns:\n      1fr 1fr;\n\n  }\n\n  .fhh-perfect {\n\n    padding:\n      65px 15px;\n\n  }\n\n  .fhh-checks {\n\n    grid-template-columns:\n      1fr;\n\n    text-align: left;\n\n  }\n\n  .fhh-orbit {\n\n    transform:\n      scale(.82);\n\n  }\n\n  .fhh-experience {\n\n    padding:\n      60px 15px;\n\n  }\n\n  .fhh-cta {\n\n    padding:\n      65px 20px;\n\n  }\n\n}\n\n\n\/* REDUCED MOTION *\/\n\n@media(prefers-reduced-motion: reduce) {\n\n  .furli-hotdog-haven *,\n  .furli-hotdog-haven *::before,\n  .furli-hotdog-haven *::after {\n\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n\n  }\n\n  .fhh-reveal {\n\n    opacity: 1;\n\n    transform: none;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\n(function () {\n\n  function FurliHotDogAnimations() {\n\n    const items =\n      document.querySelectorAll(\n        '.furli-hotdog-haven .fhh-reveal'\n      );\n\n\n    if (!('IntersectionObserver' in window)) {\n\n      items.forEach(\n        function(item) {\n\n          item.classList.add(\n            'fhh-show'\n          );\n\n        }\n      );\n\n      return;\n\n    }\n\n\n    const observer =\n      new IntersectionObserver(\n\n        function(entries) {\n\n          entries.forEach(\n            function(entry) {\n\n              if (entry.isIntersecting) {\n\n                entry.target.classList.add(\n                  'fhh-show'\n                );\n\n                observer.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n          );\n\n        },\n\n        {\n          threshold: 0.12\n        }\n\n      );\n\n\n    items.forEach(\n      function(item) {\n\n        observer.observe(\n          item\n        );\n\n      }\n    );\n\n  }\n\n\n  if (\n    document.readyState === 'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      FurliHotDogAnimations\n    );\n\n  } else {\n\n    FurliHotDogAnimations();\n\n  }\n\n})();\n\n\u003c\/script\u003e","brand":"furli","offers":[{"title":"Default Title","offer_id":49046368223464,"sku":null,"price":799.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/5542\/6536\/files\/E52A0E07-7052-49FA-9D9C-7162F5F0223E.png?v=1789046937","url":"https:\/\/furli.co.za\/products\/furli-hotdog-haven-pet-bed","provider":"furli","version":"1.0","type":"link"}