{"product_id":"covered™-all-weather-hammock","title":"Covered™ | All-Weather Hammock","description":"\u003cstyle\u003e\n\/* ===== COVERED™ PREMIUM HAMMOCK SECTION ===== *\/\n\n.covered-hammock-section {\n  background: #2B2B2B;\n  color: #F5F1E6;\n  padding: 100px 20px;\n  font-family: 'Helvetica Neue', sans-serif;\n  overflow: hidden;\n  position: relative;\n}\n\n.covered-container {\n  max-width: 1200px;\n  margin: auto;\n}\n\n\/* ===== Floating Hammock Animation ===== *\/\n\n.covered-hammock-area {\n  position: relative;\n  height: 260px;\n  margin-bottom: 60px;\n}\n\n\/* Trees *\/\n.covered-tree {\n  position: absolute;\n  width: 12px;\n  height: 200px;\n  background: #6B7A3D;\n  border-radius: 6px;\n  bottom: 0;\n}\n\n.tree-left { left: 20%; }\n.tree-right { right: 20%; }\n\n\/* Hammock Rope *\/\n.covered-rope {\n  position: absolute;\n  top: 60px;\n  left: 20%;\n  right: 20%;\n  height: 4px;\n  background: #F5F1E6;\n  border-radius: 4px;\n}\n\n\/* Hammock Body *\/\n.covered-hammock {\n  position: absolute;\n  top: 75px;\n  left: 30%;\n  width: 40%;\n  height: 60px;\n  background: linear-gradient(135deg, #6B7A3D, #55622F);\n  border-radius: 0 0 100px 100px;\n  animation: hammockFloat 5s ease-in-out infinite;\n  box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n}\n\n\/* Floating motion *\/\n@keyframes hammockFloat {\n  0% { transform: translateY(0px) rotate(0deg); }\n  50% { transform: translateY(-15px) rotate(1deg); }\n  100% { transform: translateY(0px) rotate(0deg); }\n}\n\n\/* ===== Header ===== *\/\n\n.covered-header {\n  text-align: center;\n  margin-bottom: 70px;\n}\n\n.covered-header h1 {\n  font-size: 44px;\n  font-weight: 700;\n  margin-bottom: 15px;\n  animation: fadeDown 1s ease forwards;\n}\n\n.covered-header p {\n  font-size: 18px;\n  opacity: 0.85;\n  max-width: 750px;\n  margin: auto;\n  animation: fadeUp 1.2s ease forwards;\n}\n\n\/* ===== Cards ===== *\/\n\n.covered-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 35px;\n  margin-bottom: 70px;\n}\n\n.covered-card {\n  background: rgba(255,255,255,0.03);\n  backdrop-filter: blur(14px);\n  border: 1px solid rgba(255,255,255,0.08);\n  padding: 35px;\n  border-radius: 22px;\n  transition: all 0.4s ease;\n  opacity: 0;\n  transform: translateY(40px);\n  animation: fadeUp 1s ease forwards;\n}\n\n.covered-card:hover {\n  transform: translateY(-12px);\n  border-color: #6B7A3D;\n  box-shadow: 0 25px 50px rgba(0,0,0,0.6);\n}\n\n.covered-card h3 {\n  color: #6B7A3D;\n  margin-bottom: 20px;\n}\n\n.covered-list {\n  list-style: none;\n  padding: 0;\n}\n\n.covered-list li {\n  margin-bottom: 14px;\n  padding-left: 28px;\n  position: relative;\n}\n\n.covered-list li::before {\n  content: \"✔\";\n  position: absolute;\n  left: 0;\n  color: #6B7A3D;\n  font-weight: bold;\n}\n\n\/* ===== Highlight Section ===== *\/\n\n.covered-highlight {\n  background: linear-gradient(135deg, #6B7A3D, #55622F);\n  padding: 60px;\n  border-radius: 25px;\n  text-align: center;\n  margin-bottom: 60px;\n  animation: fadeUp 1.4s ease forwards;\n}\n\n.covered-highlight h2 {\n  font-size: 30px;\n  margin-bottom: 15px;\n}\n\n.covered-highlight p {\n  max-width: 800px;\n  margin: auto;\n}\n\n\/* ===== CTA ===== *\/\n\n.covered-cta {\n  text-align: center;\n}\n\n.covered-btn {\n  display: inline-block;\n  background: #6B7A3D;\n  color: #F5F1E6;\n  padding: 18px 50px;\n  border-radius: 50px;\n  font-weight: 600;\n  text-decoration: none;\n  letter-spacing: 1px;\n  transition: all 0.3s ease;\n}\n\n.covered-btn:hover {\n  background: #55622F;\n  box-shadow: 0 0 30px rgba(107,122,61,0.9);\n  transform: translateY(-4px);\n}\n\n\/* ===== Animations ===== *\/\n\n@keyframes fadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeDown {\n  from { opacity: 0; transform: translateY(-30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* ===== Mobile ===== *\/\n\n@media (max-width: 768px) {\n  .covered-header h1 { font-size: 30px; }\n  .covered-hammock-area { height: 200px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"covered-hammock-section\"\u003e\n  \u003cdiv class=\"covered-container\"\u003e\n\n    \u003c!-- Floating Hammock Animation --\u003e\n    \u003cdiv class=\"covered-hammock-area\"\u003e\n      \u003cdiv class=\"covered-tree tree-left\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"covered-tree tree-right\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"covered-rope\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"covered-hammock\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Header --\u003e\n    \u003cdiv class=\"covered-header\"\u003e\n      \u003ch1\u003eCovered™ | All-Weather Hammock\u003c\/h1\u003e\n      \u003cp\u003eSleep Comfortably Anywhere, Rain or Shine ⛺\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Features --\u003e\n    \u003cdiv class=\"covered-grid\"\u003e\n\n      \u003cdiv class=\"covered-card\" style=\"animation-delay:0.2s;\"\u003e\n        \u003ch3\u003eWhat You Get\u003c\/h3\u003e\n        \u003cul class=\"covered-list\"\u003e\n          \u003cli\u003e4 ways to use – Shelter, mosquito net, hammock, or ground tent\u003c\/li\u003e\n          \u003cli\u003eBug-free sleep – Integrated mesh netting\u003c\/li\u003e\n          \u003cli\u003eWeather protection – Rainfly shields sun, rain \u0026amp; wind\u003c\/li\u003e\n          \u003cli\u003eQuick setup – Includes straps \u0026amp; carabiners\u003c\/li\u003e\n          \u003cli\u003ePacks ultralight – Only 1kg, compresses to 14cm\u003c\/li\u003e\n          \u003cli\u003eBuilt tough – Supports up to [weight capacity]\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"covered-card\" style=\"animation-delay:0.4s;\"\u003e\n        \u003ch3\u003eWhat's Included\u003c\/h3\u003e\n        \u003cul class=\"covered-list\"\u003e\n          \u003cli\u003eHammock with mosquito net\u003c\/li\u003e\n          \u003cli\u003eRainfly \/ Sun shelter\u003c\/li\u003e\n          \u003cli\u003e2m tree straps (x2)\u003c\/li\u003e\n          \u003cli\u003eCarabiners (x2)\u003c\/li\u003e\n          \u003cli\u003eCompact storage bag\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"covered-card\" style=\"animation-delay:0.6s;\"\u003e\n        \u003ch3\u003ePerfect For\u003c\/h3\u003e\n        \u003cul class=\"covered-list\"\u003e\n          \u003cli\u003eMulti-day camping \u0026amp; backpacking\u003c\/li\u003e\n          \u003cli\u003eBushcraft \u0026amp; wilderness adventures\u003c\/li\u003e\n          \u003cli\u003eOverlanding \u0026amp; van life\u003c\/li\u003e\n          \u003cli\u003eUltralight hiking trips\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- Brand Highlight --\u003e\n    \u003cdiv class=\"covered-highlight\"\u003e\n      \u003ch2\u003eThe Covered™ Difference\u003c\/h2\u003e\n      \u003cp\u003e\n        Adventure doesn’t wait for perfect weather. Designed for explorers who go further,\n        stay longer, and adapt to whatever nature brings.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CTA --\u003e\n    \u003cdiv class=\"covered-cta\"\u003e\n      \u003ca href=\"#\" class=\"covered-btn\"\u003eSHOP NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Covered.co.za","offers":[{"title":"Default Title","offer_id":47442007163129,"sku":null,"price":1299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0798\/9536\/3833\/files\/hammock-specifications-and-packing-list-exact-match.png?v=1771868439","url":"https:\/\/coveredshop.co.za\/products\/covered%e2%84%a2-all-weather-hammock","provider":"Covered.co.za","version":"1.0","type":"link"}