{"product_id":"her-collective™-pad-pouch💗","title":"Pad Pouch™- Essentials Bag💗","description":"\u003c!-- Her Collective™ – Pad Pouch Product Block + FAQ --\u003e\n\u003csection class=\"hc-premium\" aria-label=\"Her Collective Pad Pouch\"\u003e\n  \u003cdiv class=\"hc-premium__card\"\u003e\n\n    \u003cdiv class=\"hc-premium__badge\" aria-label=\"Product highlight\"\u003e\n      \u003cspan class=\"hc-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e Everyday Essential\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"hc-premium__title\"\u003e\n      Her Collective™ Pad Pouch\n      \u003cspan class=\"hc-heart\" aria-hidden=\"true\"\u003e💗\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"hc-premium__lead\"\u003eA clean, discreet way to keep your period essentials with you — wherever the day takes you.\u003c\/p\u003e\n\n    \u003c!-- Value list --\u003e\n    \u003cdiv class=\"hc-premium__value\"\u003e\n      \u003ch3 class=\"hc-premium__value-title\"\u003eWhy women love it 💗\u003c\/h3\u003e\n      \u003cul class=\"hc-premium__value-list\" role=\"list\"\u003e\n        \u003cli class=\"hc-premium__value-item\"\u003e\n          \u003cspan class=\"hc-premium__value-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003e\u003cstrong\u003eKeeps everything in one place\u003c\/strong\u003e — no more loose pads, liners, or small essentials floating around in your bag\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"hc-premium__value-item\"\u003e\n          \u003cspan class=\"hc-premium__value-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003e\u003cstrong\u003eDiscreet and easy to carry\u003c\/strong\u003e — made to fit naturally into your handbag, backpack, gym bag, or work tote\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"hc-premium__value-item\"\u003e\n          \u003cspan class=\"hc-premium__value-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003e\u003cstrong\u003eHelps you stay prepared\u003c\/strong\u003e — keep your essentials close for school, work, travel, or long days out\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"hc-premium__value-item\"\u003e\n          \u003cspan class=\"hc-premium__value-check\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e\n          \u003cspan\u003e\u003cstrong\u003eSimple, feminine design\u003c\/strong\u003e — practical storage without looking cheap or bulky\u003c\/span\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Short closing copy --\u003e\n    \u003cdiv class=\"hc-premium__copy\"\u003e\n      \u003cp\u003eThe \u003cstrong\u003eHer Collective™ Pad Pouch\u003c\/strong\u003e was made for women who want to feel organised, confident, and prepared without carrying period products loosely in their bag.\u003c\/p\u003e\n      \u003cp class=\"hc-premium__closing\"\u003eBecause even the small details of care matter.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Highlight pills --\u003e\n    \u003cul class=\"hc-premium__highlights\" role=\"list\" aria-label=\"Key highlights\"\u003e\n      \u003cli class=\"hc-pill\"\u003e\n\u003cspan class=\"hc-pill__icon\" aria-hidden=\"true\"\u003e👜\u003c\/span\u003e Fits in your bag\u003c\/li\u003e\n      \u003cli class=\"hc-pill\"\u003e\n\u003cspan class=\"hc-pill__icon\" aria-hidden=\"true\"\u003e🤍\u003c\/span\u003e Clean \u0026amp; discreet\u003c\/li\u003e\n      \u003cli class=\"hc-pill\"\u003e\n\u003cspan class=\"hc-pill__icon\" aria-hidden=\"true\"\u003e🌸\u003c\/span\u003e Feminine design\u003c\/li\u003e\n      \u003cli class=\"hc-pill\"\u003e\n\u003cspan class=\"hc-pill__icon\" aria-hidden=\"true\"\u003e✨\u003c\/span\u003e Everyday essential\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003c!-- FAQ --\u003e\n    \u003cdiv class=\"hc-faq\" aria-label=\"Frequently asked questions\"\u003e\n      \u003cdiv class=\"hc-faq__header\"\u003e\n        \u003ch3 class=\"hc-faq__title\"\u003eQuick Answers\u003c\/h3\u003e\n        \u003cp class=\"hc-faq__sub\"\u003eThe three things customers usually want to know first.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hc-faq__list\"\u003e\n\n        \u003cdetails class=\"hc-faq__item\" open\u003e\n          \u003csummary class=\"hc-faq__q\"\u003e\n            \u003cspan class=\"hc-faq__num\"\u003e01\u003c\/span\u003e\n            \u003cstrong\u003eWhat can I keep inside?\u003c\/strong\u003e\n            \u003cspan class=\"hc-faq__arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cp class=\"hc-faq__a\"\u003eYou can use it to store \u003cstrong\u003epads, liners, wipes, tampons, or other small essentials\u003c\/strong\u003e you want to keep neat and easy to reach.\u003c\/p\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"hc-faq__item\"\u003e\n          \u003csummary class=\"hc-faq__q\"\u003e\n            \u003cspan class=\"hc-faq__num\"\u003e02\u003c\/span\u003e\n            \u003cstrong\u003eWill it fit in my handbag?\u003c\/strong\u003e\n            \u003cspan class=\"hc-faq__arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cp class=\"hc-faq__a\"\u003eYes — the Pad Pouch is designed to be \u003cstrong\u003ecompact, lightweight, and easy to carry\u003c\/strong\u003e, so it slips into most handbags, backpacks, and totes without taking up too much space.\u003c\/p\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"hc-faq__item\"\u003e\n          \u003csummary class=\"hc-faq__q\"\u003e\n            \u003cspan class=\"hc-faq__num\"\u003e03\u003c\/span\u003e\n            \u003cstrong\u003eIs it good for everyday use?\u003c\/strong\u003e\n            \u003cspan class=\"hc-faq__arrow\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cp class=\"hc-faq__a\"\u003eAbsolutely. It is made to help you stay \u003cstrong\u003eorganised, prepared, and discreet\u003c\/strong\u003e whether you are at school, work, the gym, or on the go.\u003c\/p\u003e\n        \u003c\/details\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Signature --\u003e\n    \u003cdiv class=\"hc-premium__signature\" aria-label=\"Brand signature\"\u003e\n      \u003cdiv class=\"hc-premium__mark\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hc-premium__brand\"\u003e\n        \u003cspan class=\"hc-premium__brandname\"\u003eHer Collective™\u003c\/span\u003e\n        \u003cspan class=\"hc-premium__tagline\"\u003eCare Made for Her\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hc-heart hc-heart--small\" aria-hidden=\"true\"\u003e💗\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .hc-premium {\n    --hc-ink: #231f20;\n    --hc-muted: rgba(35,31,32,.72);\n    --hc-soft: rgba(35,31,32,.10);\n    --hc-blush: #f6dbe3;\n    --hc-rose: #e8b9c8;\n    --hc-champ: #f7f1ea;\n    --hc-radius: 22px;\n    --hc-shadow: 0 18px 48px rgba(17,12,13,.10);\n    --hc-shadow-soft: 0 10px 24px rgba(17,12,13,.08);\n    color: var(--hc-ink);\n    background: transparent;\n    margin: 0;\n    font-family: inherit;\n  }\n\n  .hc-premium__card {\n    position: relative;\n    border-radius: var(--hc-radius);\n    border: 1px solid rgba(35,31,32,.08);\n    box-shadow: var(--hc-shadow);\n    overflow: hidden;\n    padding: clamp(20px, 3vw, 34px);\n    isolation: isolate;\n    background:\n      radial-gradient(1200px 600px at 20% 0%, rgba(246,219,227,.55), transparent 55%),\n      radial-gradient(900px 500px at 90% 25%, rgba(247,241,234,.75), transparent 60%),\n      linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92));\n  }\n\n  .hc-premium__card::before {\n    content: \"\";\n    position: absolute;\n    inset: -40%;\n    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.36) 35%, rgba(246,219,227,.20) 50%, rgba(255,255,255,.30) 65%, transparent 100%);\n    transform: translate3d(-35%,-35%,0) rotate(8deg);\n    animation: hcShimmer 10s ease-in-out infinite;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  @keyframes hcShimmer {\n    0%   { transform: translate3d(-35%,-35%,0) rotate(8deg); opacity: .55; }\n    50%  { transform: translate3d(20%,10%,0) rotate(8deg); opacity: .75; }\n    100% { transform: translate3d(-35%,-35%,0) rotate(8deg); opacity: .55; }\n  }\n\n  .hc-premium__card \u003e * {\n    position: relative;\n    z-index: 1;\n    animation: hcRise .75s cubic-bezier(.2,.8,.2,1) both;\n  }\n\n  .hc-premium__badge     { animation-delay: .05s; }\n  .hc-premium__title     { animation-delay: .10s; }\n  .hc-premium__lead      { animation-delay: .14s; }\n  .hc-premium__value     { animation-delay: .17s; }\n  .hc-premium__copy      { animation-delay: .20s; }\n  .hc-premium__highlights{ animation-delay: .24s; }\n  .hc-faq                { animation-delay: .28s; }\n  .hc-premium__signature { animation-delay: .32s; }\n\n  @keyframes hcRise {\n    from { transform: translate3d(0,10px,0); opacity: 0; }\n    to   { transform: translate3d(0,0,0); opacity: 1; }\n  }\n\n  .hc-premium__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.72);\n    border: 1px solid rgba(35,31,32,.10);\n    box-shadow: var(--hc-shadow-soft);\n    font-size: 12px;\n    letter-spacing: .10em;\n    text-transform: uppercase;\n    color: rgba(35,31,32,.78);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  .hc-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 999px;\n    background: linear-gradient(180deg, var(--hc-rose), var(--hc-blush));\n    box-shadow: 0 0 0 4px rgba(232,185,200,.22);\n    animation: hcPulse 2.6s ease-in-out infinite;\n  }\n\n  @keyframes hcPulse {\n    0%,100% { transform: scale(1); box-shadow: 0 0 0 4px rgba(232,185,200,.22); }\n    50%     { transform: scale(1.1); box-shadow: 0 0 0 7px rgba(232,185,200,.15); }\n  }\n\n  .hc-premium__title {\n    margin: 14px 0 8px;\n    font-size: clamp(24px, 3vw, 38px);\n    line-height: 1.12;\n    letter-spacing: -0.02em;\n    font-weight: 650;\n  }\n\n  .hc-heart {\n    display: inline-block;\n    transform-origin: 50% 60%;\n    animation: hcHeart 3.4s ease-in-out infinite;\n    margin-left: 6px;\n  }\n\n  .hc-heart--small {\n    font-size: 16px;\n    margin-left: 10px;\n  }\n\n  @keyframes hcHeart {\n    0%,100% { transform: translateY(0) scale(1); }\n    50%     { transform: translateY(-1px) scale(1.06); }\n  }\n\n  .hc-premium__lead {\n    margin: 0 0 16px;\n    color: var(--hc-muted);\n    font-size: clamp(14px, 1.4vw, 16px);\n    line-height: 1.55;\n  }\n\n  .hc-premium__value {\n    margin: 0 0 18px;\n    padding: 16px;\n    border-radius: 18px;\n    background: rgba(255,255,255,.72);\n    border: 1px solid rgba(35,31,32,.08);\n    box-shadow: 0 8px 18px rgba(17,12,13,.05);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  .hc-premium__value-title {\n    margin: 0 0 12px;\n    font-size: 18px;\n    line-height: 1.2;\n    font-weight: 650;\n    letter-spacing: -0.01em;\n  }\n\n  .hc-premium__value-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: grid;\n    gap: 10px;\n  }\n\n  .hc-premium__value-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 14px;\n    background: rgba(255,255,255,.72);\n    border: 1px solid rgba(35,31,32,.07);\n    font-size: 14px;\n    line-height: 1.55;\n    color: rgba(35,31,32,.88);\n  }\n\n  .hc-premium__value-item strong {\n    font-weight: 650;\n    color: var(--hc-ink);\n  }\n\n  .hc-premium__value-check {\n    flex: 0 0 auto;\n    width: 22px;\n    height: 22px;\n    display: grid;\n    place-items: center;\n    border-radius: 999px;\n    background: rgba(232,185,200,.18);\n    color: #d8869c;\n    font-weight: 700;\n    font-size: 14px;\n    margin-top: 1px;\n  }\n\n  .hc-premium__copy p {\n    margin: 10px 0;\n    font-size: 15px;\n    line-height: 1.7;\n    color: rgba(35,31,32,.86);\n  }\n\n  .hc-premium__copy strong {\n    font-weight: 650;\n  }\n\n  .hc-premium__closing {\n    margin-top: 10px;\n    padding-top: 10px;\n    border-top: 1px dashed rgba(35,31,32,.14);\n    color: rgba(35,31,32,.88);\n    font-weight: 500;\n  }\n\n  .hc-premium__highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    padding: 0;\n    margin: 18px 0 0;\n    list-style: none;\n  }\n\n  .hc-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.76);\n    border: 1px solid rgba(35,31,32,.10);\n    box-shadow: 0 8px 18px rgba(17,12,13,.06);\n    font-size: 13px;\n    color: rgba(35,31,32,.84);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition: transform .35s cubic-bezier(.2,.8,.2,1);\n  }\n\n  .hc-pill__icon {\n    opacity: .9;\n  }\n\n  .hc-faq {\n    margin-top: 24px;\n    padding-top: 22px;\n    border-top: 1px solid rgba(35,31,32,.10);\n  }\n\n  .hc-faq__header {\n    margin-bottom: 14px;\n  }\n\n  .hc-faq__title {\n    margin: 0 0 4px;\n    font-size: 20px;\n    font-weight: 650;\n    letter-spacing: -0.01em;\n    color: var(--hc-ink);\n  }\n\n  .hc-faq__sub {\n    margin: 0;\n    font-size: 13.5px;\n    color: var(--hc-muted);\n    line-height: 1.5;\n  }\n\n  .hc-faq__list {\n    display: grid;\n    gap: 8px;\n  }\n\n  .hc-faq__item {\n    border-radius: 16px;\n    background: rgba(255,255,255,.80);\n    border: 1px solid rgba(35,31,32,.08);\n    overflow: hidden;\n    transition: box-shadow .25s ease, border-color .25s ease;\n  }\n\n  .hc-faq__item:hover {\n    box-shadow: 0 6px 16px rgba(17,12,13,.07);\n  }\n\n  .hc-faq__item[open] {\n    border-color: rgba(232,185,200,.55);\n    background: rgba(255,255,255,.92);\n  }\n\n  .hc-faq__q {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 16px;\n    cursor: pointer;\n    list-style: none;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .hc-faq__q::-webkit-details-marker { display: none; }\n  .hc-faq__q::marker { content: \"\"; }\n\n  .hc-faq__q strong {\n    flex: 1;\n    font-size: 15px;\n    font-weight: 620;\n    color: var(--hc-ink);\n    line-height: 1.3;\n  }\n\n  .hc-faq__num {\n    flex: 0 0 auto;\n    width: 30px;\n    height: 30px;\n    display: grid;\n    place-items: center;\n    border-radius: 10px;\n    background: linear-gradient(180deg, #f5d5de, #edbed0);\n    color: #5e434c;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .02em;\n  }\n\n  .hc-faq__arrow {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n    position: relative;\n    transition: transform .3s ease;\n  }\n\n  .hc-faq__arrow::before,\n  .hc-faq__arrow::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    width: 8px;\n    height: 1.5px;\n    background: rgba(35,31,32,.35);\n    border-radius: 1px;\n    transition: transform .3s ease;\n  }\n\n  .hc-faq__arrow::before {\n    left: 2px;\n    transform: translateY(-50%) rotate(40deg);\n  }\n\n  .hc-faq__arrow::after {\n    right: 2px;\n    transform: translateY(-50%) rotate(-40deg);\n  }\n\n  .hc-faq__item[open] .hc-faq__arrow::before {\n    transform: translateY(-50%) rotate(-40deg);\n  }\n\n  .hc-faq__item[open] .hc-faq__arrow::after {\n    transform: translateY(-50%) rotate(40deg);\n  }\n\n  .hc-faq__a {\n    margin: 0;\n    padding: 0 16px 16px 58px;\n    font-size: 14px;\n    line-height: 1.65;\n    color: rgba(35,31,32,.78);\n    animation: hcFadeIn .25s ease;\n  }\n\n  .hc-faq__a strong {\n    font-weight: 650;\n    color: var(--hc-ink);\n  }\n\n  @keyframes hcFadeIn {\n    from { opacity: 0; transform: translateY(-4px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .hc-premium__signature {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(35,31,32,.10);\n  }\n\n  .hc-premium__mark {\n    width: 44px;\n    height: 44px;\n    border-radius: 16px;\n    background:\n      radial-gradient(14px 14px at 30% 30%, rgba(246,219,227,.9), transparent 65%),\n      radial-gradient(18px 18px at 70% 65%, rgba(247,241,234,.95), transparent 70%),\n      linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));\n    border: 1px solid rgba(35,31,32,.10);\n    box-shadow: 0 12px 22px rgba(17,12,13,.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hc-premium__mark::after {\n    content: \"\";\n    position: absolute;\n    inset: -30%;\n    background: linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);\n    transform: translateX(-40%) rotate(10deg);\n    animation: hcMark 7.5s ease-in-out infinite;\n    opacity: .8;\n  }\n\n  @keyframes hcMark {\n    0%,100% { transform: translateX(-40%) rotate(10deg); }\n    50%     { transform: translateX(40%) rotate(10deg); }\n  }\n\n  .hc-premium__brand {\n    display: grid;\n    gap: 2px;\n  }\n\n  .hc-premium__brandname {\n    font-weight: 650;\n    letter-spacing: -0.01em;\n  }\n\n  .hc-premium__tagline {\n    font-size: 13px;\n    color: var(--hc-muted);\n  }\n\n  @media (hover:hover) and (pointer:fine) {\n    .hc-pill:hover {\n      transform: translateY(-2px);\n    }\n\n    .hc-premium__value-item {\n      transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s cubic-bezier(.2,.8,.2,1);\n    }\n\n    .hc-premium__value-item:hover {\n      transform: translateY(-1px);\n      box-shadow: 0 10px 20px rgba(17,12,13,.06);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hc-premium__card::before,\n    .hc-dot,\n    .hc-heart,\n    .hc-premium__mark::after,\n    .hc-premium__card \u003e * {\n      animation: none !important;\n    }\n\n    .hc-pill,\n    .hc-premium__value-item {\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e","brand":"Her collective.","offers":[{"title":"white","offer_id":44206231617635,"sku":null,"price":199.99,"currency_code":"ZAR","in_stock":true},{"title":"pink","offer_id":44238581858403,"sku":null,"price":199.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1322\/4291\/files\/lifestyle-photo-white-background.png?v=1773045320","url":"https:\/\/hercollective.co.za\/products\/her-collective%e2%84%a2-pad-pouch%f0%9f%92%97","provider":"Her collective.","version":"1.0","type":"link"}