{"product_id":"no-cramp™-period-pain-relief-belt","title":"No Cramp™ Period Pain Relief Belt","description":"\u003cstyle\u003e\n:root{\n  --cream:#EEECE8;\n  --white:#FFFFFF;\n  --charcoal:#2E2E2E;\n  --muted:#6E6A67;\n  --terracotta:#C78579;\n  --terracotta-light:#F8EEEB;\n}\n\n*{\n  box-sizing:border-box;\n}\n\n.nc-section{\n  max-width:820px;\n  margin:40px auto;\n  padding:20px;\n  font-family:inherit;\n}\n\n.nc-heading{\n  text-align:center;\n  margin-bottom:40px;\n}\n\n.nc-heading small{\n  display:inline-block;\n  background:var(--terracotta-light);\n  color:var(--terracotta);\n  padding:8px 18px;\n  border-radius:50px;\n  font-weight:600;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  font-size:12px;\n}\n\n.nc-heading h2{\n  margin:18px 0 10px;\n  font-size:40px;\n  color:var(--charcoal);\n  font-weight:700;\n  line-height:1.1;\n}\n\n.nc-heading p{\n  color:var(--muted);\n  max-width:520px;\n  margin:auto;\n  line-height:1.7;\n}\n\n.nc-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:22px;\n}\n\n.nc-card{\n  position:relative;\n  overflow:hidden;\n  background:linear-gradient(180deg,#fff,#fbfaf9);\n  border:1px solid #E9E2DE;\n  border-radius:28px;\n  padding:28px;\n  transition:.4s;\n  box-shadow:0 12px 35px rgba(0,0,0,.05);\n}\n\n.nc-card:before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:linear-gradient(90deg,#C78579,#E8C8C2,#EEECE8);\n}\n\n.nc-card:after{\n  content:\"\";\n  position:absolute;\n  width:180px;\n  height:180px;\n  background:radial-gradient(circle,#F7E5E1 0%,transparent 70%);\n  top:-90px;\n  right:-90px;\n  opacity:0;\n  transition:.5s;\n}\n\n.nc-card:hover{\n  transform:translateY(-8px);\n  box-shadow:0 22px 45px rgba(0,0,0,.08);\n}\n\n.nc-card:hover:after{\n  opacity:1;\n}\n\n.icon{\n  width:58px;\n  height:58px;\n  border-radius:18px;\n  background:linear-gradient(135deg,#F8EEEB,#F4DDD8);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:26px;\n  margin-bottom:22px;\n  transition:.4s;\n}\n\n.nc-card:hover .icon{\n  transform:rotate(-8deg) scale(1.08);\n}\n\n.nc-card h3{\n  color:var(--charcoal);\n  font-size:21px;\n  margin:0 0 10px;\n}\n\n.nc-card p{\n  color:var(--muted);\n  line-height:1.7;\n  margin:0;\n}\n\n@keyframes fadeUp{\n  from{\n    opacity:0;\n    transform:translateY(35px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n.nc-card{\n  animation:fadeUp .7s ease both;\n}\n\n.nc-card:nth-child(2){animation-delay:.1s;}\n.nc-card:nth-child(3){animation-delay:.2s;}\n.nc-card:nth-child(4){animation-delay:.3s;}\n.nc-card:nth-child(5){animation-delay:.4s;}\n.nc-card:nth-child(6){animation-delay:.5s;}\n\n@media(max-width:768px){\n\n.nc-grid{\ngrid-template-columns:1fr;\ngap:16px;\n}\n\n.nc-heading h2{\nfont-size:30px;\n}\n\n.nc-heading p{\nfont-size:15px;\n}\n\n.nc-card{\npadding:22px;\nborder-radius:22px;\n}\n\n.icon{\nwidth:52px;\nheight:52px;\nfont-size:22px;\nmargin-bottom:16px;\n}\n\n.nc-card h3{\nfont-size:19px;\n}\n\n}\n\u003c\/style\u003e\n\n\u003csection class=\"nc-section\"\u003e\n\n\u003cdiv class=\"nc-heading\"\u003e\n\n\u003csmall\u003eWhy You'll Love It\u003c\/small\u003e\n\n\u003ch2\u003eComfort That Moves With You\u003c\/h2\u003e\n\n\u003cp\u003e\nDesigned to help you feel your best—whether you're working, studying,\nrelaxing, or simply getting through your day.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"nc-grid\"\u003e\n\n\u003cdiv class=\"nc-card\"\u003e\n\u003cdiv class=\"icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eRelieve Period Cramps\u003c\/h3\u003e\n\u003cp\u003eEnjoy soothing warmth that comforts exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"nc-card\"\u003e\n\u003cdiv class=\"icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eFeel Calm \u0026amp; Comfortable\u003c\/h3\u003e\n\u003cp\u003eStay relaxed, comfortable and in control throughout your day.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"nc-card\"\u003e\n\u003cdiv class=\"icon\"\u003e💼\u003c\/div\u003e\n\u003ch3\u003eStay Productive\u003c\/h3\u003e\n\u003cp\u003eKeep working, studying or relaxing without painful interruptions.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"nc-card\"\u003e\n\u003cdiv class=\"icon\"\u003e🚶\u003c\/div\u003e\n\u003ch3\u003eMove Freely\u003c\/h3\u003e\n\u003cp\u003eNo cords. No bulky heating pads. Just wearable comfort wherever you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"nc-card\"\u003e\n\u003cdiv class=\"icon\"\u003e🤍\u003c\/div\u003e\n\u003ch3\u003eDiscreet Under Clothing\u003c\/h3\u003e\n\u003cp\u003eLightweight and slim enough to wear comfortably beneath everyday outfits.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"nc-card\"\u003e\n\u003cdiv class=\"icon\"\u003e💖\u003c\/div\u003e\n\u003ch3\u003eYour Day Comes First\u003c\/h3\u003e\n\u003cp\u003eBecause your period shouldn't put life on pause.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"No Cramp","offers":[{"title":"Default Title","offer_id":47707838709938,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/0444\/4594\/files\/ChatGPTImageJul13_2026_07_39_22PM.png?v=1783964381","url":"https:\/\/nocramp.co.za\/products\/no-cramp%e2%84%a2-period-pain-relief-belt","provider":"No Cramp","version":"1.0","type":"link"}