{"product_id":"secret-sip-tote-bag","title":"Secret Sip Tote Bag","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800\u0026display=swap');\n\nhtml{\n  scroll-behavior:smooth;\n}\n\n:root{\n  --cream:#f8f4ee;\n  --cream-dark:#efe7dc;\n  --champagne:#d8b892;\n  --champagne-light:#ead7bf;\n  --espresso:#2a211c;\n  --mocha:#6e5a4b;\n  --white:#ffffff;\n}\n\n.secret-sip-luxury{\n  position:relative;\n  overflow:hidden;\n  padding:110px 20px;\n  background:\n  radial-gradient(circle at top left, rgba(216,184,146,.15), transparent 30%),\n  radial-gradient(circle at bottom right, rgba(234,215,191,.18), transparent 35%),\n  linear-gradient(135deg,var(--cream),var(--cream-dark));\n  font-family:'Outfit',sans-serif;\n}\n\n.secret-sip-luxury::before{\n  content:'';\n  position:absolute;\n  width:700px;\n  height:700px;\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(216,184,146,.18),transparent 70%);\n  top:-250px;\n  right:-220px;\n  filter:blur(40px);\n  animation:ambientGlow 10s ease-in-out infinite alternate;\n}\n\n@keyframes ambientGlow{\n  from{transform:translateY(0);}\n  to{transform:translateY(40px);}\n}\n\n.secret-container{\n  max-width:1350px;\n  margin:auto;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:70px;\n  align-items:center;\n  position:relative;\n  z-index:2;\n}\n\n.secret-image{\n  position:relative;\n  animation:floatBag 5s ease-in-out infinite;\n}\n\n@keyframes floatBag{\n  0%,100%{transform:translateY(0);}\n  50%{transform:translateY(-15px);}\n}\n\n.secret-image img{\n  width:100%;\n  display:block;\n  border-radius:36px;\n  object-fit:cover;\n  box-shadow:\n  0 25px 60px rgba(0,0,0,.08),\n  0 20px 45px rgba(216,184,146,.18);\n  transition:.5s ease;\n}\n\n.secret-image img:hover{\n  transform:scale(1.02);\n}\n\n.secret-content small{\n  display:inline-block;\n  padding:10px 18px;\n  border-radius:999px;\n  background:rgba(216,184,146,.16);\n  border:1px solid rgba(216,184,146,.25);\n  color:var(--espresso);\n  font-size:13px;\n  font-weight:600;\n  letter-spacing:1px;\n  margin-bottom:24px;\n}\n\n.secret-content h1{\n  font-size:clamp(46px,8vw,82px);\n  line-height:.92;\n  font-weight:800;\n  letter-spacing:-3px;\n  margin-bottom:25px;\n  background:linear-gradient(to right,var(--espresso),var(--champagne));\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.secret-content .tagline{\n  font-size:26px;\n  color:var(--mocha);\n  margin-bottom:24px;\n  font-weight:500;\n}\n\n.secret-content p{\n  font-size:18px;\n  line-height:1.9;\n  color:var(--mocha);\n  margin-bottom:40px;\n  max-width:620px;\n}\n\n.secret-features{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:18px;\n  margin-bottom:42px;\n}\n\n.feature-box{\n  position:relative;\n  overflow:hidden;\n  padding:24px;\n  border-radius:26px;\n  background:rgba(255,255,255,.55);\n  backdrop-filter:blur(14px);\n  border:1px solid rgba(255,255,255,.7);\n  transition:.45s ease;\n  box-shadow:0 10px 30px rgba(216,184,146,.08);\n}\n\n.feature-box:hover{\n  transform:translateY(-10px);\n  box-shadow:0 20px 45px rgba(216,184,146,.18);\n}\n\n.feature-box::before{\n  content:'';\n  position:absolute;\n  top:0;\n  left:-120%;\n  width:100%;\n  height:100%;\n  background:linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.7),\n    transparent\n  );\n  transition:.8s;\n}\n\n.feature-box:hover::before{\n  left:120%;\n}\n\n.feature-box h3{\n  color:var(--espresso);\n  font-size:18px;\n  margin-bottom:10px;\n}\n\n.feature-box p{\n  margin:0;\n  font-size:15px;\n  line-height:1.7;\n}\n\n.shop-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:18px 40px;\n  border-radius:999px;\n  background:linear-gradient(\n    135deg,\n    var(--champagne),\n    var(--champagne-light)\n  );\n  color:var(--espresso);\n  text-decoration:none;\n  font-size:16px;\n  font-weight:700;\n  transition:.4s ease;\n  box-shadow:0 15px 35px rgba(216,184,146,.25);\n}\n\n.shop-btn:hover{\n  transform:translateY(-5px) scale(1.03);\n  box-shadow:0 20px 45px rgba(216,184,146,.35);\n}\n\n.secret-tags{\n  margin-top:35px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n}\n\n.secret-tags span{\n  padding:12px 18px;\n  border-radius:999px;\n  background:rgba(255,255,255,.55);\n  border:1px solid rgba(255,255,255,.7);\n  color:var(--mocha);\n  font-size:14px;\n}\n\n.fade-up{\n  opacity:0;\n  transform:translateY(50px);\n  transition:all 1s ease;\n}\n\n.fade-up.show{\n  opacity:1;\n  transform:translateY(0);\n}\n\n@media(max-width:1024px){\n\n  .secret-container{\n    grid-template-columns:1fr;\n  }\n\n  .secret-features{\n    grid-template-columns:1fr;\n  }\n\n  .secret-image{\n    order:-1;\n  }\n}\n\n@media(max-width:600px){\n\n  .secret-sip-luxury{\n    padding:80px 18px;\n  }\n\n  .secret-content .tagline{\n    font-size:22px;\n  }\n\n  .shop-btn{\n    width:100%;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"secret-sip-luxury\"\u003e\n\n  \u003cdiv class=\"secret-container\"\u003e\n\n    \u003cdiv class=\"secret-image fade-up\"\u003e\n      \u003cimg src=\"YOUR-IMAGE-URL.jpg\" alt=\"Secret Sip Tote Bag\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"secret-content fade-up\"\u003e\n\n      \u003csmall\u003eTHE ULTIMATE SOCIAL TOTE\u003c\/small\u003e\n\n      \u003ch1\u003e\n        Secret Sip\u003cbr\u003e\n        Tote Bag\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"tagline\"\u003e\n        Sip smarter. Sip in style.\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Meet the Secret Sip Tote Bag — the stylish everyday tote designed\n        for beach days, picnics, braais, festivals and unforgettable\n        nights out. Featuring a hidden insulated compartment with a\n        discreet pouring system, your favourite drink is always ready\n        wherever life takes you.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"secret-features\"\u003e\n\n        \u003cdiv class=\"feature-box\"\u003e\n          \u003ch3\u003e🍷 Hidden Cooler Pocket\u003c\/h3\u003e\n          \u003cp\u003eInsulated compartment with a discreet built-in pouring tap.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"feature-box\"\u003e\n          \u003ch3\u003e✨ Luxury Minimal Design\u003c\/h3\u003e\n          \u003cp\u003eElegant cream aesthetic with premium modern styling.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"feature-box\"\u003e\n          \u003ch3\u003e🌴 Perfect For Social Events\u003c\/h3\u003e\n          \u003cp\u003eIdeal for beach trips, picnics, festivals and outdoor gatherings.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"feature-box\"\u003e\n          \u003ch3\u003e🔒 Discreet \u0026amp; Functional\u003c\/h3\u003e\n          \u003cp\u003eLooks like a premium tote while offering extra functionality.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003ca href=\"#product-form\" class=\"shop-btn\"\u003e\n        SHOP NOW →\n      \u003c\/a\u003e\n\n      \u003cdiv class=\"secret-tags\"\u003e\n        \u003cspan\u003e🤍 Luxury Lifestyle\u003c\/span\u003e\n        \u003cspan\u003e🍾 Festival Ready\u003c\/span\u003e\n        \u003cspan\u003e✨ Trending Favourite\u003c\/span\u003e\n        \u003cspan\u003e🎁 Perfect Gift\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n\n  const elements = document.querySelectorAll('.fade-up');\n\n  const observer = new IntersectionObserver(\n    entries =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('show');\n        }\n      });\n    },\n    {\n      threshold: 0.15\n    }\n  );\n\n  elements.forEach(el =\u003e observer.observe(el));\n\n});\n\u003c\/script\u003e","brand":"Sip Buddy","offers":[{"title":"Black","offer_id":42963135758434,"sku":null,"price":749.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":42963135791202,"sku":null,"price":749.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/0454\/5634\/files\/two-tote-bags-white-with-only-2-rope-handles.png?v=1781008805","url":"https:\/\/sipbuddy.co.za\/products\/secret-sip-tote-bag","provider":"Sip Buddy","version":"1.0","type":"link"}