{"product_id":"wombly-period-proof-panty","title":"Wombly Period-Proof Panty","description":"\u003cstyle\u003e\n\/* =========================================================\n   WOMBLY PERIOD-PROOF PANTY\n   Premium Feminine Theme • Purple Edition\n   Shopify Safe • CSS Only • Mobile Optimised\n   ========================================================= *\/\n\n.wombly-period {\n  --cream:#fbf7f3;\n  --white:#fffdfb;\n  --blush:#f2d8d9;\n  --soft-pink:#f8e8e8;\n  --rose:#d99da2;\n  --darkrose:#b97880;\n\n  \/* WOMBLY PURPLE *\/\n  --purple:#8b6f9e;\n  --deep-purple:#624b70;\n  --lavender:#c8b5d6;\n  --soft-purple:#eee6f2;\n\n  --text:#40383a;\n  --muted:#756b6d;\n\n  width:100%;\n  box-sizing:border-box;\n  font-family:-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;\n  color:var(--text);\n  background:var(--cream);\n  overflow:hidden;\n}\n\n.wombly-period *,\n.wombly-period *:before,\n.wombly-period *:after {\n  box-sizing:border-box;\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.wombly-period .wp-hero {\n  position:relative;\n  padding:85px 25px 75px;\n  text-align:center;\n  background:\n    radial-gradient(circle at 12% 20%, rgba(200,181,214,.30), transparent 25%),\n    radial-gradient(circle at 88% 25%, rgba(242,216,217,.55), transparent 28%),\n    linear-gradient(135deg,#fbf7f3 0%,#fffdfb 48%,#f7eef6 100%);\n}\n\n.wombly-period .wp-hero:before {\n  content:\"\";\n  position:absolute;\n  width:280px;\n  height:280px;\n  border-radius:50%;\n  background:rgba(200,181,214,.16);\n  top:-140px;\n  left:-100px;\n}\n\n.wombly-period .wp-hero:after {\n  content:\"\";\n  position:absolute;\n  width:220px;\n  height:220px;\n  border-radius:50%;\n  background:rgba(217,157,162,.13);\n  bottom:-100px;\n  right:-70px;\n}\n\n.wombly-period .wp-label {\n  position:relative;\n  z-index:2;\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:9px 17px;\n  border-radius:50px;\n  background:rgba(139,111,158,.10);\n  border:1px solid rgba(139,111,158,.25);\n  color:var(--deep-purple);\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  margin-bottom:24px;\n}\n\n.wombly-period .wp-label:before {\n  content:\"\";\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:var(--purple);\n  box-shadow:0 0 0 5px rgba(139,111,158,.10);\n}\n\n.wombly-period .wp-hero h1 {\n  position:relative;\n  z-index:2;\n  max-width:800px;\n  margin:0 auto 22px;\n  font-size:clamp(38px,6vw,68px);\n  line-height:1.02;\n  letter-spacing:-2.5px;\n  font-weight:700;\n  color:var(--text);\n}\n\n.wombly-period .wp-hero h1 em {\n  color:var(--purple);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-weight:400;\n}\n\n.wombly-period .wp-hero p {\n  position:relative;\n  z-index:2;\n  max-width:690px;\n  margin:0 auto;\n  font-size:17px;\n  line-height:1.8;\n  color:var(--muted);\n}\n\n\/* Decorative line *\/\n\n.wombly-period .wp-divider {\n  width:65px;\n  height:2px;\n  margin:28px auto 0;\n  background:linear-gradient(\n    90deg,\n    var(--rose),\n    var(--purple),\n    var(--lavender)\n  );\n  border-radius:20px;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n   ========================================================= *\/\n\n.wombly-period .wp-intro {\n  max-width:1000px;\n  margin:0 auto;\n  padding:75px 25px 35px;\n  text-align:center;\n}\n\n.wombly-period .wp-intro h2 {\n  margin:0 0 18px;\n  font-size:clamp(28px,4vw,42px);\n  line-height:1.15;\n  letter-spacing:-1px;\n}\n\n.wombly-period .wp-intro h2 span {\n  color:var(--deep-purple);\n}\n\n.wombly-period .wp-intro p {\n  max-width:780px;\n  margin:0 auto;\n  font-size:16px;\n  line-height:1.85;\n  color:var(--muted);\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.wombly-period .wp-benefits {\n  padding:40px 25px 80px;\n}\n\n.wombly-period .wp-benefit-grid {\n  max-width:1120px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:16px;\n}\n\n.wombly-period .wp-card {\n  position:relative;\n  padding:30px 22px 27px;\n  min-height:250px;\n  background:rgba(255,253,251,.88);\n  border:1px solid rgba(139,111,158,.13);\n  border-radius:24px;\n  box-shadow:0 14px 40px rgba(98,75,112,.07);\n  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;\n  overflow:hidden;\n}\n\n.wombly-period .wp-card:before {\n  content:\"\";\n  position:absolute;\n  width:95px;\n  height:95px;\n  border-radius:50%;\n  background:var(--soft-purple);\n  top:-45px;\n  right:-35px;\n}\n\n.wombly-period .wp-card:hover {\n  transform:translateY(-7px);\n  border-color:rgba(139,111,158,.30);\n  box-shadow:0 20px 50px rgba(98,75,112,.12);\n}\n\n.wombly-period .wp-icon {\n  position:relative;\n  width:58px;\n  height:58px;\n  margin-bottom:25px;\n  border-radius:18px;\n  background:linear-gradient(145deg,var(--soft-purple),#f9eeee);\n  border:1px solid rgba(139,111,158,.18);\n  color:var(--purple);\n}\n\n\/* Drop icon *\/\n\n.wombly-period .wp-drop:before {\n  content:\"\";\n  position:absolute;\n  width:19px;\n  height:27px;\n  border:2px solid currentColor;\n  border-radius:70% 70% 70% 0;\n  transform:rotate(-45deg);\n  left:18px;\n  top:12px;\n}\n\n\/* Shield *\/\n\n.wombly-period .wp-shield:before {\n  content:\"\";\n  position:absolute;\n  width:25px;\n  height:30px;\n  border:2px solid currentColor;\n  border-radius:13px 13px 16px 16px;\n  left:15px;\n  top:12px;\n  clip-path:polygon(\n    50% 0,\n    100% 18%,\n    92% 70%,\n    50% 100%,\n    8% 70%,\n    0 18%\n  );\n}\n\n\/* Air *\/\n\n.wombly-period .wp-air:before,\n.wombly-period .wp-air:after {\n  content:\"\";\n  position:absolute;\n  height:2px;\n  background:currentColor;\n  border-radius:5px;\n  left:14px;\n}\n\n.wombly-period .wp-air:before {\n  width:30px;\n  top:22px;\n  box-shadow:7px 9px 0 currentColor;\n}\n\n.wombly-period .wp-air:after {\n  width:18px;\n  top:40px;\n  left:20px;\n}\n\n\/* Heart *\/\n\n.wombly-period .wp-heart:before {\n  content:\"♡\";\n  position:absolute;\n  font-family:Arial,sans-serif;\n  font-size:37px;\n  line-height:1;\n  left:10px;\n  top:8px;\n}\n\n\/* Eye *\/\n\n.wombly-period .wp-eye:before {\n  content:\"\";\n  position:absolute;\n  width:35px;\n  height:21px;\n  border:2px solid currentColor;\n  border-radius:50% 50% 50% 50%;\n  left:10px;\n  top:17px;\n  transform:rotate(-3deg);\n}\n\n.wombly-period .wp-eye:after {\n  content:\"\";\n  position:absolute;\n  width:7px;\n  height:7px;\n  border:2px solid currentColor;\n  border-radius:50%;\n  left:24px;\n  top:24px;\n}\n\n.wombly-period .wp-card h3 {\n  position:relative;\n  margin:0 0 10px;\n  font-size:16px;\n  line-height:1.3;\n  color:var(--text);\n}\n\n.wombly-period .wp-card p {\n  position:relative;\n  margin:0;\n  font-size:13px;\n  line-height:1.65;\n  color:var(--muted);\n}\n\n\n\/* =========================================================\n   DIFFERENCE SECTION\n   ========================================================= *\/\n\n.wombly-period .wp-difference {\n  position:relative;\n  padding:85px 25px;\n  background:\n    radial-gradient(circle at 90% 20%,rgba(139,111,158,.22),transparent 25%),\n    linear-gradient(135deg,#f7eef6 0%,#f9eaea 50%,#fbf7f3 100%);\n  overflow:hidden;\n}\n\n.wombly-period .wp-difference:before {\n  content:\"\";\n  position:absolute;\n  width:400px;\n  height:400px;\n  border:1px solid rgba(139,111,158,.14);\n  border-radius:50%;\n  left:-250px;\n  bottom:-220px;\n}\n\n.wombly-period .wp-difference-inner {\n  position:relative;\n  z-index:2;\n  max-width:1000px;\n  margin:0 auto;\n  text-align:center;\n}\n\n.wombly-period .wp-small-title {\n  display:inline-block;\n  margin-bottom:17px;\n  color:var(--deep-purple);\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:2.5px;\n  text-transform:uppercase;\n}\n\n.wombly-period .wp-difference h2 {\n  margin:0 auto 20px;\n  max-width:720px;\n  font-size:clamp(31px,4vw,48px);\n  line-height:1.12;\n  letter-spacing:-1.5px;\n}\n\n.wombly-period .wp-difference h2 em {\n  color:var(--purple);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-weight:400;\n}\n\n.wombly-period .wp-difference p {\n  max-width:720px;\n  margin:0 auto 38px;\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.8;\n}\n\n.wombly-period .wp-pills {\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:11px;\n}\n\n.wombly-period .wp-pill {\n  padding:12px 19px;\n  border-radius:50px;\n  background:rgba(255,255,255,.68);\n  border:1px solid rgba(139,111,158,.20);\n  color:var(--deep-purple);\n  font-size:13px;\n  font-weight:600;\n  box-shadow:0 8px 25px rgba(98,75,112,.06);\n}\n\n\n\/* =========================================================\n   CARE SECTION\n   ========================================================= *\/\n\n.wombly-period .wp-care {\n  max-width:1050px;\n  margin:0 auto;\n  padding:80px 25px;\n}\n\n.wombly-period .wp-care-box {\n  display:grid;\n  grid-template-columns:130px 1fr;\n  gap:35px;\n  align-items:center;\n  padding:42px;\n  background:var(--white);\n  border:1px solid rgba(139,111,158,.14);\n  border-radius:30px;\n  box-shadow:0 20px 55px rgba(98,75,112,.08);\n}\n\n.wombly-period .wp-care-icon {\n  position:relative;\n  width:105px;\n  height:105px;\n  border-radius:50%;\n  background:linear-gradient(145deg,var(--soft-purple),var(--soft-pink));\n  border:1px solid rgba(139,111,158,.18);\n}\n\n.wombly-period .wp-care-icon:before {\n  content:\"↻\";\n  position:absolute;\n  inset:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:55px;\n  font-weight:300;\n  color:var(--purple);\n}\n\n.wombly-period .wp-care h3 {\n  margin:0 0 12px;\n  font-size:25px;\n}\n\n.wombly-period .wp-care h3 em {\n  color:var(--purple);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-weight:400;\n}\n\n.wombly-period .wp-care p {\n  margin:0;\n  color:var(--muted);\n  font-size:15px;\n  line-height:1.8;\n}\n\n\n\/* =========================================================\n   FINAL MESSAGE\n   ========================================================= *\/\n\n.wombly-period .wp-final {\n  padding:70px 25px 85px;\n  text-align:center;\n  background:var(--cream);\n}\n\n.wombly-period .wp-final-line {\n  width:55px;\n  height:2px;\n  margin:0 auto 25px;\n  background:linear-gradient(90deg,var(--rose),var(--purple));\n}\n\n.wombly-period .wp-final h2 {\n  max-width:700px;\n  margin:0 auto;\n  font-size:clamp(27px,4vw,42px);\n  line-height:1.2;\n  letter-spacing:-1px;\n  font-weight:500;\n}\n\n.wombly-period .wp-final h2 em {\n  color:var(--purple);\n  font-family:Georgia,\"Times New Roman\",serif;\n}\n\n.wombly-period .wp-final h2 strong {\n  color:var(--deep-purple);\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:1000px) {\n\n  .wombly-period .wp-benefit-grid {\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .wombly-period .wp-card:last-child {\n    grid-column:span 2;\n    max-width:50%;\n    width:100%;\n    margin:0 auto;\n  }\n\n}\n\n@media (max-width:650px) {\n\n  .wombly-period .wp-hero {\n    padding:65px 18px 58px;\n  }\n\n  .wombly-period .wp-hero h1 {\n    font-size:42px;\n    letter-spacing:-1.7px;\n  }\n\n  .wombly-period .wp-hero p {\n    font-size:15px;\n    line-height:1.7;\n  }\n\n  .wombly-period .wp-intro {\n    padding:58px 20px 25px;\n  }\n\n  .wombly-period .wp-intro h2 {\n    font-size:30px;\n  }\n\n  .wombly-period .wp-intro p {\n    font-size:14px;\n  }\n\n  .wombly-period .wp-benefits {\n    padding:30px 15px 60px;\n  }\n\n  .wombly-period .wp-benefit-grid {\n    grid-template-columns:1fr;\n    gap:13px;\n  }\n\n  .wombly-period .wp-card {\n    min-height:auto;\n    padding:25px 21px;\n  }\n\n  .wombly-period .wp-card:last-child {\n    grid-column:auto;\n    max-width:none;\n  }\n\n  .wombly-period .wp-icon {\n    margin-bottom:19px;\n  }\n\n  .wombly-period .wp-difference {\n    padding:65px 20px;\n  }\n\n  .wombly-period .wp-difference h2 {\n    font-size:32px;\n  }\n\n  .wombly-period .wp-difference p {\n    font-size:14px;\n  }\n\n  .wombly-period .wp-pills {\n    gap:8px;\n  }\n\n  .wombly-period .wp-pill {\n    font-size:12px;\n    padding:10px 15px;\n  }\n\n  .wombly-period .wp-care {\n    padding:55px 18px;\n  }\n\n  .wombly-period .wp-care-box {\n    grid-template-columns:1fr;\n    text-align:center;\n    padding:32px 23px;\n    gap:22px;\n  }\n\n  .wombly-period .wp-care-icon {\n    margin:0 auto;\n  }\n\n  .wombly-period .wp-care h3 {\n    font-size:23px;\n  }\n\n  .wombly-period .wp-care p {\n    font-size:14px;\n  }\n\n  .wombly-period .wp-final {\n    padding:55px 20px 70px;\n  }\n\n  .wombly-period .wp-final h2 {\n    font-size:29px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"wombly-period\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"wp-hero\"\u003e\n\n    \u003cdiv class=\"wp-label\"\u003e\n      Wombly Everyday Essentials\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\n      Wear your day with\n      \u003cem\u003econfidence.\u003c\/em\u003e\n    \u003c\/h1\u003e\n\n    \u003cp\u003e\n      The Wombly Period-Proof Panty is designed for women who refuse\n      to slow down. Comfortable, discreet and made to move with you —\n      so you can get on with your day with one less thing to worry about.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"wp-divider\"\u003e\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- INTRO --\u003e\n  \u003cdiv class=\"wp-intro\"\u003e\n\n    \u003ch2\u003e\n      Protection that moves\n      \u003cspan\u003ewith you.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Whether you're heading to work, going to the gym, travelling,\n      or simply getting through your day, the Wombly Period-Proof Panty\n      is designed to give you comfortable, discreet protection without\n      the bulk of traditional period products.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003cdiv class=\"wp-benefits\"\u003e\n\n    \u003cdiv class=\"wp-benefit-grid\"\u003e\n\n      \u003c!-- 1 --\u003e\n      \u003cdiv class=\"wp-card\"\u003e\n\n        \u003cdiv class=\"wp-icon wp-drop\"\u003e\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Leakproof Protection\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Multi-layer absorbent lining helps lock in moisture so you\n          can feel dry, secure and comfortable throughout your day.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 2 --\u003e\n      \u003cdiv class=\"wp-card\"\u003e\n\n        \u003cdiv class=\"wp-icon wp-shield\"\u003e\u003c\/div\u003e\n\n        \u003ch3\u003e\n          No More Backup Anxiety\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Wear it alone on lighter days or pair it with your usual\n          period products when you want an additional layer of protection.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 3 --\u003e\n      \u003cdiv class=\"wp-card\"\u003e\n\n        \u003cdiv class=\"wp-icon wp-air\"\u003e\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Breathable \u0026amp; Fresh\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Moisture-wicking fabric helps keep you feeling fresh and\n          comfortable while you go about your day.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 4 --\u003e\n      \u003cdiv class=\"wp-card\"\u003e\n\n        \u003cdiv class=\"wp-icon wp-heart\"\u003e\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Soft Against Your Skin\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Premium-feeling fabric sits gently against your body and\n          moves naturally with you for everyday comfort.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- 5 --\u003e\n      \u003cdiv class=\"wp-card\"\u003e\n\n        \u003cdiv class=\"wp-icon wp-eye\"\u003e\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Discreet Under Any Outfit\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The slim profile is designed to sit smoothly beneath leggings,\n          jeans, skirts and everyday outfits without unnecessary bulk.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DIFFERENCE --\u003e\n  \u003cdiv class=\"wp-difference\"\u003e\n\n    \u003cdiv class=\"wp-difference-inner\"\u003e\n\n      \u003cdiv class=\"wp-small-title\"\u003e\n        The Wombly Difference\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Your period shouldn't decide\n        \u003cem\u003ewhat you can do.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Most period products are designed around managing your period.\n        Wombly is designed around helping you live through it.\n        Reusable, washable and made for everyday life, the\n        Period-Proof Panty gives you another option when comfort,\n        confidence and convenience matter.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"wp-pills\"\u003e\n\n        \u003cdiv class=\"wp-pill\"\u003e\n          Reusable\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wp-pill\"\u003e\n          Washable\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wp-pill\"\u003e\n          Comfortable\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wp-pill\"\u003e\n          Discreet\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wp-pill\"\u003e\n          Everyday Protection\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CARE --\u003e\n  \u003cdiv class=\"wp-care\"\u003e\n\n    \u003cdiv class=\"wp-care-box\"\u003e\n\n      \u003cdiv class=\"wp-care-icon\"\u003e\u003c\/div\u003e\n\n      \u003cdiv\u003e\n\n        \u003ch3\u003e\n          Simple care.\n          \u003cem\u003eReady to wear again.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Simply rinse, wash and allow to dry before wearing again.\n          With the right care, your Wombly Period-Proof Panty can be\n          used again and again — making it a practical addition to\n          your period-care routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FINAL --\u003e\n  \u003cdiv class=\"wp-final\"\u003e\n\n    \u003cdiv class=\"wp-final-line\"\u003e\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Move freely.\n      Feel secure.\n      \u003cem\u003eLive your day your way.\u003c\/em\u003e\n    \u003c\/h2\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Wombly ","offers":[{"title":"XS","offer_id":45921083359301,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true},{"title":"S","offer_id":45921083392069,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true},{"title":"M","offer_id":45921083424837,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true},{"title":"L","offer_id":45921083457605,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true},{"title":"XL","offer_id":45921083490373,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6356\/4101\/files\/image23.png?v=1790798909","url":"https:\/\/wombly.co.za\/products\/wombly-period-proof-panty","provider":"Wombly ","version":"1.0","type":"link"}