{"product_id":"undersense","title":"UnderSense Period Mood Underwear","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eUnderSense™ Period Mood Underwear | All Vibes, No Science | Eltee Sydney\u003c\/title\u003e\n\u003cmeta name=\"description\" content=\"Introducing UnderSense™ — period mood underwear that changes colour depending on your mood. Cranky? Different shade. Delulu? Whole new palette. All vibes, no science.\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700;1,800\u0026amp;family=Barlow:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n:root {\n  --aqua: #37b29b;\n  --aqua-tint: #e6f8f5;\n  --orange: #F2581F;\n  --orange-mid: #fed5b0;\n  --orange-light: #fffbf2;\n  --dark: #2E2A39;\n  --white: #ffffff;\n  --mood-1: #ff6b9d;\n  --mood-2: #a855f7;\n  --mood-3: #f59e0b;\n  --mood-4: #10b981;\n  --mood-5: #3b82f6;\n  --mood-6: #ef4444;\n}\n\nhtml { scroll-behavior: smooth; }\n\n\/* ── SHOPIFY WRAPPER NUKES ── *\/\n#MainContent,\n.main-page-content,\n.page-width,\n.page__content,\n.page-layout,\n.container,\n.rte,\n.shopify-section {\n  max-width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n\n\/* ── ROOT WRAPPER: establish our own font context ── *\/\n#us {\n  width: 100vw !important;\n  position: relative !important;\n  left: 50% !important;\n  margin-left: -50vw !important;\n  overflow-x: hidden !important;\n  font-family: 'Barlow', sans-serif !important;\n  color: #000 !important;\n  background: #ffffff !important;\n  \/* Hard-set the px root so nothing inherits from Shopify theme *\/\n  font-size: 16px !important;\n  line-height: 1.5 !important;\n  box-sizing: border-box !important;\n}\n\n#us *, #us *::before, #us *::after {\n  box-sizing: border-box;\n}\n\n\/* ── MOOD BAR ── *\/\n#us .us-moodbar {\n  height: 10px !important;\n  background: linear-gradient(90deg, #ff6b9d 0%, #a855f7 17%, #3b82f6 33%, #10b981 50%, #f59e0b 67%, #ef4444 83%, #ff6b9d 100%) !important;\n  background-size: 200% 100% !important;\n  animation: moodSlide 4s linear infinite !important;\n}\n@keyframes moodSlide {\n  0% { background-position: 0% 0%; }\n  100% { background-position: -200% 0%; }\n}\n\n\/* ── HERO ── *\/\n#us .us-hero {\n  position: relative !important;\n  width: 100% !important;\n  background: linear-gradient(135deg, #ff9a56 0%, #ffca6b 50%, #ff6b9d 100%) !important;\n  overflow: hidden !important;\n  min-height: 200px !important;\n}\n#us .us-hero img.bg {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  object-fit: cover !important;\n}\n#us .sparkle {\n  position: absolute !important;\n  pointer-events: none !important;\n  font-size: 29px !important;\n  animation: floatSpark 4s ease-in-out infinite !important;\n  opacity: 0.7 !important;\n}\n#us .sparkle:nth-child(1) { top: 10%; left: 5%; animation-delay: 0s; }\n#us .sparkle:nth-child(2) { top: 20%; right: 8%; animation-delay: 0.8s; }\n#us .sparkle:nth-child(3) { top: 60%; left: 3%; animation-delay: 1.6s; }\n#us .sparkle:nth-child(4) { top: 70%; right: 5%; animation-delay: 0.4s; }\n#us .sparkle:nth-child(5) { top: 40%; left: 50%; animation-delay: 2s; }\n@keyframes floatSpark {\n  0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.7; }\n  50% { transform: translateY(-18px) rotate(15deg); opacity: 1; }\n}\n\n\/* ── LABEL ── *\/\n#us .us-label {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 14px !important;\n  letter-spacing: 0.22em !important;\n  text-transform: uppercase !important;\n  color: var(--aqua) !important;\n  margin-bottom: 20px !important;\n  display: block !important;\n}\n\n\/* ── VIDEO SECTION ── *\/\n#us .us-video {\n  padding: 80px 6vw !important;\n  background: #ffffff !important;\n}\n#us .us-video__inner {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 60px !important;\n  align-items: center !important;\n}\n#us .us-video__copy h2 {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 900 !important;\n  font-size: min(72px, 5vw) !important;\n  line-height: 0.9 !important;\n  text-transform: uppercase !important;\n  color: var(--dark) !important;\n  margin-bottom: 28px !important;\n}\n\/* clamp fallback for browsers that support it *\/\n@supports (font-size: clamp(1px, 1vw, 1px)) {\n  #us .us-video__copy h2 { font-size: clamp(45px, 5vw, 72px) !important; }\n}\n#us .us-video__copy h2 em {\n  font-style: italic !important;\n  background: linear-gradient(90deg, #ff6b9d, #a855f7, #f59e0b) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n}\n#us .us-video__copy p {\n  font-size: 18px !important;\n  line-height: 1.8 !important;\n  color: #555 !important;\n  margin-bottom: 18px !important;\n  font-family: 'Barlow', sans-serif !important;\n}\n#us .us-video__wrap {\n  border-radius: 20px !important;\n  overflow: hidden !important;\n  box-shadow: 0 28px 80px rgba(46,42,57,0.12) !important;\n  aspect-ratio: 9\/16 !important;\n  max-height: 600px !important;\n}\n#us .us-video__wrap video {\n  width: 100% !important;\n  height: 100% !important;\n  display: block !important;\n  object-fit: cover !important;\n  background: var(--dark) !important;\n}\n\n\/* ── PILLS ── *\/\n#us .us-pills {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 12px !important;\n  margin-top: 28px !important;\n}\n#us .us-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  padding: 10px 22px !important;\n  border-radius: 100px !important;\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 800 !important;\n  font-size: 17px !important;\n  letter-spacing: 0.06em !important;\n  text-transform: uppercase !important;\n  width: fit-content !important;\n}\n#us .us-pill.aqua { background: var(--aqua) !important; color: #ffffff !important; }\n#us .us-pill.orange { background: var(--orange) !important; color: #ffffff !important; transform: rotate(-1deg) !important; }\n#us .us-pill.dark { background: var(--dark) !important; color: #ffffff !important; transform: rotate(1deg) !important; }\n\n\/* ── MOODS ── *\/\n#us .us-moods {\n  background: var(--dark) !important;\n  padding: 80px 6vw !important;\n}\n#us .us-moods__hd {\n  text-align: center !important;\n  margin-bottom: 50px !important;\n}\n#us .us-moods__hd h2 {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 900 !important;\n  font-size: 88px !important;\n  text-transform: uppercase !important;\n  color: #ffffff !important;\n  line-height: 0.9 !important;\n}\n@supports (font-size: clamp(1px, 1vw, 1px)) {\n  #us .us-moods__hd h2 { font-size: clamp(48px, 6.5vw, 88px) !important; }\n}\n#us .us-moods__hd .us-label { color: var(--mood-1) !important; }\n#us .us-moods__grid {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 2px !important;\n  background: rgba(255,255,255,0.07) !important;\n  border-radius: 20px !important;\n  overflow: hidden !important;\n}\n#us .us-mood-card {\n  background: rgba(255,255,255,0.04) !important;\n  padding: 48px 40px !important;\n  transition: background 0.3s !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n#us .us-mood-card::before {\n  content: '' !important;\n  position: absolute !important;\n  top: 0; left: 0; right: 0 !important;\n  height: 4px !important;\n}\n#us .us-mood-card:nth-child(1)::before { background: var(--mood-6) !important; }\n#us .us-mood-card:nth-child(2)::before { background: var(--mood-5) !important; }\n#us .us-mood-card:nth-child(3)::before { background: var(--mood-1) !important; }\n#us .us-mood-card:nth-child(4)::before { background: var(--mood-3) !important; }\n#us .us-mood-card:nth-child(5)::before { background: var(--mood-4) !important; }\n#us .us-mood-card:nth-child(6)::before { background: var(--mood-2) !important; }\n#us .us-mood-card:hover { background: rgba(255,255,255,0.08) !important; }\n#us .us-mood-card__emoji {\n  font-size: 40px !important;\n  margin-bottom: 18px !important;\n  display: block !important;\n}\n#us .us-mood-card h3 {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 800 !important;\n  font-size: 20px !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.04em !important;\n  color: #ffffff !important;\n  margin-bottom: 8px !important;\n}\n#us .us-mood-card__shade {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 14px !important;\n  letter-spacing: 0.15em !important;\n  text-transform: uppercase !important;\n  margin-bottom: 12px !important;\n  display: block !important;\n}\n#us .us-mood-card:nth-child(1) .us-mood-card__shade { color: var(--mood-6) !important; }\n#us .us-mood-card:nth-child(2) .us-mood-card__shade { color: var(--mood-5) !important; }\n#us .us-mood-card:nth-child(3) .us-mood-card__shade { color: var(--mood-1) !important; }\n#us .us-mood-card:nth-child(4) .us-mood-card__shade { color: var(--mood-3) !important; }\n#us .us-mood-card:nth-child(5) .us-mood-card__shade { color: var(--mood-4) !important; }\n#us .us-mood-card:nth-child(6) .us-mood-card__shade { color: var(--mood-2) !important; }\n#us .us-mood-card p {\n  font-size: 15px !important;\n  line-height: 1.6 !important;\n  color: rgba(255,255,255,0.55) !important;\n  font-family: 'Barlow', sans-serif !important;\n}\n\n\/* ── DISCLAIMER ── *\/\n#us .us-disclaimer {\n  background: var(--orange-light) !important;\n  padding: 80px 6vw !important;\n}\n#us .us-disclaimer__inner {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 60px !important;\n  align-items: start !important;\n}\n#us .us-disclaimer__copy h2 {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 900 !important;\n  font-size: 72px !important;\n  text-transform: uppercase !important;\n  color: var(--dark) !important;\n  line-height: 0.9 !important;\n  margin-bottom: 24px !important;\n}\n@supports (font-size: clamp(1px, 1vw, 1px)) {\n  #us .us-disclaimer__copy h2 { font-size: clamp(45px, 5vw, 72px) !important; }\n}\n#us .us-disclaimer__copy h2 span { color: var(--orange) !important; }\n#us .us-disclaimer__copy p {\n  font-size: 18px !important;\n  line-height: 1.8 !important;\n  color: #555 !important;\n  margin-bottom: 18px !important;\n  font-family: 'Barlow', sans-serif !important;\n}\n#us .us-disclaimer__list {\n  list-style: none !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 18px !important;\n  margin-top: 24px !important;\n  padding-left: 0 !important;\n}\n#us .us-disclaimer__list li {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 14px !important;\n  font-size: 16px !important;\n  line-height: 1.7 !important;\n  color: #555 !important;\n  font-family: 'Barlow', sans-serif !important;\n}\n#us .us-disclaimer__list li::before {\n  content: '✦' !important;\n  color: var(--orange) !important;\n  font-size: 14px !important;\n  flex-shrink: 0 !important;\n  margin-top: 3px !important;\n}\n#us .us-disclaimer__warning {\n  background: #ffffff !important;\n  border-radius: 18px !important;\n  padding: 40px !important;\n  border-top: 4px solid var(--orange) !important;\n}\n#us .us-disclaimer__warning h3 {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 800 !important;\n  font-size: 21px !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.04em !important;\n  color: var(--dark) !important;\n  margin-bottom: 20px !important;\n}\n#us .us-disclaimer__warning p {\n  font-size: 15px !important;\n  line-height: 1.75 !important;\n  color: #666 !important;\n  margin-bottom: 14px !important;\n  font-family: 'Barlow', sans-serif !important;\n}\n#us .us-disclaimer__warning p:last-child { margin-bottom: 0 !important; }\n#us .us-disclaimer__warning strong { color: var(--dark) !important; }\n\n\/* ── FAKE CTA ── *\/\n#us .us-cta {\n  background: var(--dark) !important;\n  padding: 100px 6vw !important;\n  text-align: center !important;\n}\n#us .us-cta h2 {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 900 !important;\n  font-size: 128px !important;\n  text-transform: uppercase !important;\n  color: #ffffff !important;\n  line-height: 0.88 !important;\n  margin-bottom: 28px !important;\n}\n@supports (font-size: clamp(1px, 1vw, 1px)) {\n  #us .us-cta h2 { font-size: clamp(64px, 9vw, 128px) !important; }\n}\n#us .us-cta h2 span {\n  display: block !important;\n  background: linear-gradient(90deg, #ff6b9d, #a855f7, #f59e0b, #10b981) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  background-size: 200% 100% !important;\n  animation: moodSlide 3s linear infinite !important;\n}\n#us .us-cta__sub {\n  font-size: 19px !important;\n  color: rgba(255,255,255,0.5) !important;\n  margin-bottom: 40px !important;\n  font-style: italic !important;\n  font-family: 'Barlow', sans-serif !important;\n}\n#us .us-cta__btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  background: linear-gradient(135deg, #ff6b9d, #a855f7) !important;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 800 !important;\n  font-size: 20px !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  padding: 18px 48px !important;\n  border-radius: 100px !important;\n  transition: opacity 0.2s, transform 0.2s !important;\n}\n#us .us-cta__btn:hover { opacity: 0.9 !important; transform: translateY(-2px) !important; color: #ffffff !important; }\n\n\/* ── APRIL FOOLS REVEAL ── *\/\n#us .us-reveal {\n  background: #ffffff !important;\n  padding: 120px 6vw 140px !important;\n  text-align: center !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n#us .us-reveal__confetti-wrap {\n  position: absolute !important;\n  top: 0; left: 0; right: 0; bottom: 0 !important;\n  pointer-events: none !important;\n  overflow: hidden !important;\n}\n#us .confetti-piece {\n  position: absolute !important;\n  width: 12px !important;\n  height: 12px !important;\n  top: -20px !important;\n  opacity: 0 !important;\n  animation: confettiFall 4s ease-in forwards !important;\n  border-radius: 2px !important;\n}\n@keyframes confettiFall {\n  0% { transform: translateY(0) rotate(0deg); opacity: 1; }\n  100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }\n}\n#us .us-reveal__pre {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 18px !important;\n  letter-spacing: 0.25em !important;\n  text-transform: uppercase !important;\n  color: var(--aqua) !important;\n  margin-bottom: 28px !important;\n  opacity: 0 !important;\n  animation: fadeUp 0.8s ease forwards 0.3s !important;\n  display: block !important;\n}\n#us .us-reveal__headline {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 900 !important;\n  font-size: 208px !important;\n  text-transform: uppercase !important;\n  line-height: 0.85 !important;\n  color: var(--dark) !important;\n  margin-bottom: 32px !important;\n  opacity: 0 !important;\n  animation: revealBounce 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 0.6s !important;\n}\n@supports (font-size: clamp(1px, 1vw, 1px)) {\n  #us .us-reveal__headline { font-size: clamp(80px, 14vw, 208px) !important; }\n}\n#us .us-reveal__headline .rainbow-text {\n  background: linear-gradient(90deg, #ff6b9d, #f59e0b, #10b981, #3b82f6, #a855f7, #ff6b9d) !important;\n  background-size: 300% 100% !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  animation: moodSlide 2.5s linear infinite !important;\n  display: block !important;\n}\n#us .us-reveal__sub {\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 800 !important;\n  font-size: 56px !important;\n  text-transform: uppercase !important;\n  color: var(--dark) !important;\n  margin-bottom: 36px !important;\n  opacity: 0 !important;\n  animation: fadeUp 0.8s ease forwards 1.4s !important;\n  display: block !important;\n}\n@supports (font-size: clamp(1px, 1vw, 1px)) {\n  #us .us-reveal__sub { font-size: clamp(35px, 4vw, 56px) !important; }\n}\n#us .us-reveal__body {\n  font-size: 18px !important;\n  line-height: 1.9 !important;\n  color: #555 !important;\n  max-width: 700px !important;\n  margin: 0 auto 40px !important;\n  opacity: 0 !important;\n  animation: fadeUp 0.8s ease forwards 1.8s !important;\n  font-family: 'Barlow', sans-serif !important;\n}\n#us .us-reveal__real-cta {\n  opacity: 0 !important;\n  animation: fadeUp 0.8s ease forwards 2.2s !important;\n}\n#us .us-reveal__real-cta a {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  background: var(--aqua) !important;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  font-family: 'Barlow Condensed', sans-serif !important;\n  font-weight: 800 !important;\n  font-size: 18px !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  padding: 16px 36px !important;\n  border-radius: 100px !important;\n  transition: background 0.2s, transform 0.2s !important;\n  margin: 0 8px !important;\n}\n#us .us-reveal__real-cta a:hover { background: #2e9a85 !important; transform: translateY(-2px) !important; color: #ffffff !important; }\n#us .us-reveal__real-cta a.secondary {\n  background: transparent !important;\n  color: var(--dark) !important;\n  border: 2px solid var(--dark) !important;\n}\n#us .us-reveal__real-cta a.secondary:hover { background: var(--dark) !important; color: #ffffff !important; }\n\n@keyframes revealBounce {\n  0% { opacity: 0; transform: scale(0.4) translateY(60px); }\n  100% { opacity: 1; transform: scale(1) translateY(0); }\n}\n@keyframes fadeUp {\n  0% { opacity: 0; transform: translateY(20px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n\/* ── RESPONSIVE ── *\/\n@media (max-width: 920px) {\n  #us .us-video__inner { grid-template-columns: 1fr !important; gap: 40px !important; }\n  #us .us-moods__grid { grid-template-columns: 1fr 1fr !important; }\n  #us .us-disclaimer__inner { grid-template-columns: 1fr !important; gap: 40px !important; }\n}\n@media (max-width: 600px) {\n  #us .us-moods__grid { grid-template-columns: 1fr !important; }\n  #us .us-reveal__headline { font-size: 72px !important; }\n  #us .us-cta h2 { font-size: 56px !important; }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"us\"\u003e\n\n\u003c!-- MOOD BAR --\u003e\n\u003cdiv class=\"us-moodbar\"\u003e\u003c\/div\u003e\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"us-hero\"\u003e\n  \u003cspan class=\"sparkle\"\u003e✨\u003c\/span\u003e\n  \u003cspan class=\"sparkle\"\u003e💫\u003c\/span\u003e\n  \u003cspan class=\"sparkle\"\u003e✨\u003c\/span\u003e\n  \u003cspan class=\"sparkle\"\u003e🌈\u003c\/span\u003e\n  \u003cspan class=\"sparkle\"\u003e✨\u003c\/span\u003e\n  \u003cimg class=\"bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0096\/9306\/9378\/files\/UnderSense_LP_Header.png?v=1775000968\" alt=\"UnderSense Period Mood Underwear — All Vibes, No Science\" loading=\"eager\"\u003e\n\u003c\/section\u003e\n\n\u003c!-- MOOD BAR --\u003e\n\u003cdiv class=\"us-moodbar\"\u003e\u003c\/div\u003e\n\n\u003c!-- VIDEO --\u003e\n\u003csection class=\"us-video\"\u003e\n  \u003cdiv class=\"us-video__inner\"\u003e\n    \u003cdiv class=\"us-video__copy\"\u003e\n      \u003cspan class=\"us-label\"\u003eIntroducing UnderSense™\u003c\/span\u003e\n      \u003ch2\u003eYour mood.\u003cbr\u003e\u003cem\u003eYour colour.\u003c\/em\u003e\u003cbr\u003eOur shrug.\u003c\/h2\u003e\n      \u003cp\u003eThey change colour depending on your mood. Cranky? Different shade. Delulu? Whole new palette. Snacky, but nothing hits? Don't even ask.\u003c\/p\u003e\n      \u003cp\u003eHonestly... no science behind it. Just vibes.\u003c\/p\u003e\n      \u003cdiv class=\"us-pills\"\u003e\n        \u003cdiv class=\"us-pill aqua\"\u003eMood-activated colour\u003c\/div\u003e\n        \u003cdiv class=\"us-pill orange\"\u003eCompletely made up\u003c\/div\u003e\n        \u003cdiv class=\"us-pill dark\"\u003eAll vibes, no science\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"us-video__wrap\"\u003e\n      \u003cvideo controls playsinline preload=\"metadata\" loop autoplay muted\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8fd0a39000a5437687ba9a3bca1def4a.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MOODS --\u003e\n\u003csection class=\"us-moods\"\u003e\n  \u003cdiv class=\"us-moods__hd\"\u003e\n    \u003cspan class=\"us-label\" style=\"color: #ff6b9d; display: block; text-align: center;\"\u003eThe full spectrum\u003c\/span\u003e\n    \u003ch2\u003eEvery Mood.\u003cbr\u003eEvery Shade.\u003c\/h2\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"us-moods__grid\"\u003e\n    \u003cdiv class=\"us-mood-card\"\u003e\n      \u003cspan class=\"us-mood-card__emoji\"\u003e😤\u003c\/span\u003e\n      \u003ch3\u003eCranky\u003c\/h3\u003e\n      \u003cspan class=\"us-mood-card__shade\"\u003eRage Red\u003c\/span\u003e\n      \u003cp\u003eDeeply, inexplicably annoyed. Nothing is wrong. Everything is wrong.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"us-mood-card\"\u003e\n      \u003cspan class=\"us-mood-card__emoji\"\u003e🌀\u003c\/span\u003e\n      \u003ch3\u003eDelulu\u003c\/h3\u003e\n      \u003cspan class=\"us-mood-card__shade\"\u003eMain Character Blue\u003c\/span\u003e\n      \u003cp\u003eConvinced today is the day everything changes. It is not.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"us-mood-card\"\u003e\n      \u003cspan class=\"us-mood-card__emoji\"\u003e🍕\u003c\/span\u003e\n      \u003ch3\u003eSnacky (but nothing hits)\u003c\/h3\u003e\n      \u003cspan class=\"us-mood-card__shade\"\u003eHollow Pink\u003c\/span\u003e\n      \u003cp\u003eOpened the fridge four times. Still no answers.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"us-mood-card\"\u003e\n      \u003cspan class=\"us-mood-card__emoji\"\u003e😭\u003c\/span\u003e\n      \u003ch3\u003eCrying at ads\u003c\/h3\u003e\n      \u003cspan class=\"us-mood-card__shade\"\u003eFull Send Gold\u003c\/span\u003e\n      \u003cp\u003eIt was a dog food commercial. The dog was fine.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"us-mood-card\"\u003e\n      \u003cspan class=\"us-mood-card__emoji\"\u003e🛌\u003c\/span\u003e\n      \u003ch3\u003eHorizontal only\u003c\/h3\u003e\n      \u003cspan class=\"us-mood-card__shade\"\u003eDo Not Disturb Green\u003c\/span\u003e\n      \u003cp\u003eVertical is a lifestyle choice and right now it's not the one.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"us-mood-card\"\u003e\n      \u003cspan class=\"us-mood-card__emoji\"\u003e✨\u003c\/span\u003e\n      \u003ch3\u003eInexplicably fine\u003c\/h3\u003e\n      \u003cspan class=\"us-mood-card__shade\"\u003ePlot Twist Purple\u003c\/span\u003e\n      \u003cp\u003eDay 4 and somehow thriving. Nobody knows how. Including you.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DISCLAIMER SECTION --\u003e\n\u003csection class=\"us-disclaimer\"\u003e\n  \u003cdiv class=\"us-disclaimer__inner\"\u003e\n    \u003cdiv class=\"us-disclaimer__copy\"\u003e\n      \u003cspan class=\"us-label\" style=\"color: var(--orange);\"\u003eAbout the technology\u003c\/span\u003e\n      \u003ch2\u003eThe \u003cspan\u003escience\u003c\/span\u003e bit.\u003c\/h2\u003e\n      \u003cp\u003eWe want to be upfront with you.\u003c\/p\u003e\n      \u003cp\u003eThere is no science behind UnderSense™. None. We did not consult a single scientist, dermatologist, or person with a lab coat. There is no clinical trial. There was no trial at all.\u003c\/p\u003e\n      \u003cp\u003eThe colour-change mechanism is powered entirely by the fact that we thought it would be funny.\u003c\/p\u003e\n      \u003cul class=\"us-disclaimer__list\"\u003e\n        \u003cli\u003eNo chromatic mood-sensing fibres\u003c\/li\u003e\n        \u003cli\u003eNo biometric feedback loop\u003c\/li\u003e\n        \u003cli\u003eNo patented EmotiWeave™ technology\u003c\/li\u003e\n        \u003cli\u003eNo peer-reviewed research\u003c\/li\u003e\n        \u003cli\u003eNo moods were detected in the making of this product\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"us-disclaimer__warning\"\u003e\n      \u003ch3\u003eImportant disclaimer\u003c\/h3\u003e\n      \u003cp\u003e\u003cstrong\u003eUnderSense™ Period Mood Underwear does not exist.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cp\u003eIt cannot detect, reflect, or influence your mood. It will not change colour. There is no app. There is no Mood Sync feature. There is no waitlist.\u003c\/p\u003e\n      \u003cp\u003eThe only thing real about UnderSense is that \u003cstrong\u003eUnderSwim™ OG\u003c\/strong\u003e — the one that actually works — is very much a real product with actual features: holds up to 3–4 pads of flow, blocks water out, locks flow in, and fits under any swimwear including a tech suit.\u003c\/p\u003e\n      \u003cp\u003eThat one exists. That one is sold. That one has zero vibes and maximum science.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA (fake) --\u003e\n\u003csection class=\"us-cta\"\u003e\n  \u003ch2\u003e\n    Get on the\n    \u003cspan\u003evibe list.\u003c\/span\u003e\n  \u003c\/h2\u003e\n  \u003cp class=\"us-cta__sub\"\u003e(Not a real thing. Keep scrolling.)\u003c\/p\u003e\n  \u003ca href=\"#april-fools\" class=\"us-cta__btn\"\u003e\n    Shop UnderSense™\n    \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"currentColor\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- APRIL FOOLS REVEAL --\u003e\n\u003csection class=\"us-reveal\" id=\"april-fools\"\u003e\n  \u003cdiv class=\"us-reveal__confetti-wrap\" id=\"confettiWrap\"\u003e\u003c\/div\u003e\n\n  \u003cp class=\"us-reveal__pre\"\u003eYeah, we got you\u003c\/p\u003e\n\n  \u003ch2 class=\"us-reveal__headline\"\u003e\n    FOOLED\u003cbr\u003e\n    \u003cspan class=\"rainbow-text\"\u003eYOU!\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"us-reveal__sub\"\u003eApril Fools Day 2026\u003c\/p\u003e\n\n  \u003cp class=\"us-reveal__body\"\u003e\n    UnderSense™ Period Mood Underwear is not real. No moods were detected. No colours changed. There is no science, there were never any vibes, and we are only a little bit sorry.\n    \u003cbr\u003e\u003cbr\u003e\n    The good news: \u003cstrong\u003eUnderSwim™ OG\u003c\/strong\u003e is very real, and it actually works. Holds up to 3–4 pads of flow. Blocks water out. Locks flow in. No vibes required.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"us-reveal__real-cta\"\u003e\n    \u003ca href=\"https:\/\/elteesydney.com.au\/products\/period-swim-undies\"\u003eShop UnderSwim™ OG →\u003c\/a\u003e\n    \u003ca href=\"https:\/\/elteesydney.com.au\" class=\"secondary\"\u003eBack to Eltee Sydney\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003c!-- end #us --\u003e\n\n\u003cscript\u003e\n\/\/ Generate confetti when the reveal section comes into view\nconst revealSection = document.getElementById('april-fools');\nconst confettiWrap = document.getElementById('confettiWrap');\nconst colours = ['#ff6b9d','#a855f7','#f59e0b','#10b981','#3b82f6','#ef4444','#F2581F','#37b29b'];\n\nfunction spawnConfetti() {\n  confettiWrap.innerHTML = '';\n  for (let i = 0; i \u003c 80; i++) {\n    const piece = document.createElement('div');\n    piece.classList.add('confetti-piece');\n    piece.style.left = Math.random() * 100 + '%';\n    piece.style.background = colours[Math.floor(Math.random() * colours.length)];\n    piece.style.animationDelay = (Math.random() * 2.5) + 's';\n    piece.style.animationDuration = (2.5 + Math.random() * 2) + 's';\n    piece.style.width = (8 + Math.random() * 10) + 'px';\n    piece.style.height = (8 + Math.random() * 10) + 'px';\n    piece.style.borderRadius = Math.random() \u003e 0.5 ? '50%' : '2px';\n    confettiWrap.appendChild(piece);\n  }\n}\n\nconst observer = new IntersectionObserver((entries) =\u003e {\n  entries.forEach(entry =\u003e {\n    if (entry.isIntersecting) {\n      spawnConfetti();\n      \/\/ Respawn every 4.5s while in view\n      const interval = setInterval(() =\u003e {\n        if (entry.isIntersecting) spawnConfetti();\n        else clearInterval(interval);\n      }, 4500);\n    }\n  });\n}, { threshold: 0.3 });\n\nobserver.observe(revealSection);\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Eltee Sydney","offers":[{"title":"Default Title","offer_id":45463207215241,"sku":null,"price":26.0,"currency_code":"USD","in_stock":true}],"url":"https:\/\/elteesydney.com\/products\/undersense","provider":"Eltee Sydney","version":"1.0","type":"link"}