{"product_id":"2-in-1-changing-pad-tote-bag🎒","title":"2-in-1 Changing Pad Tote Bag🎒","description":"\u003cdiv class=\"matbag-lp\" id=\"matbagLanding\"\u003e  \u003c!-- =========================================================       01 HERO  ========================================================== --\u003e  \u003csection class=\"mb-hero\"\u003e    \u003cdiv class=\"mb-pill\"\u003e      2-IN-1 CHANGING MAT + TOTE BAG    \u003c\/div\u003e    \u003ch2\u003e      Change Anywhere.\u003cbr\u003e      Pack in Seconds.    \u003c\/h2\u003e    \u003cp class=\"mb-lead\"\u003e      Stop juggling clothes, shoes and towels on locker-room benches.      Lay it flat when you need your own changing space, then pull it closed      and carry everything away in one bag.    \u003c\/p\u003e    \u003c!-- AUTO LOAD PRODUCT MEDIA #1 --\u003e    \u003cdiv class=\"mb-media mb-hero-media\" data-media-wrap\u003e      \u003cimg data-product-media=\"0\" alt=\"2-in-1 changing mat bag\"\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-four-benefits\"\u003e      \u003cdiv\u003e        \u003cspan\u003e↔️\u003c\/span\u003e        \u003cstrong\u003eWide Changing Area\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e⚡\u003c\/span\u003e        \u003cstrong\u003eSeconds to Pack\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e👟\u003c\/span\u003e        \u003cstrong\u003eGear Off the Floor\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e👜\u003c\/span\u003e        \u003cstrong\u003eTurns Into a Tote\u003c\/strong\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       02 PAIN  ========================================================== --\u003e  \u003csection class=\"mb-pain\"\u003e    \u003cdiv class=\"mb-label mb-label-light\"\u003e      THE PART OF CHANGING NOBODY LIKES    \u003c\/div\u003e    \u003ch2\u003e      The Locker-Room Floor Shouldn’t Be Part of Your Routine.    \u003c\/h2\u003e    \u003cp\u003e      Shoes here. Clean clothes there. A towel balanced on a bench.      Then everything has to be packed again before you can leave.    \u003c\/p\u003e    \u003cdiv class=\"mb-pain-divider\"\u003e\u003c\/div\u003e    \u003cp class=\"mb-pain-strong\"\u003e      One mat gives everything its own place—and becomes the bag when you’re done.    \u003c\/p\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       03 GIF  ========================================================== --\u003e  \u003csection class=\"mb-demo-card\"\u003e    \u003cdiv class=\"mb-copy mb-center\"\u003e      \u003cdiv class=\"mb-label\"\u003e        ⚡ SEE THE 2-IN-1 IDEA IN ACTION      \u003c\/div\u003e      \u003ch2\u003e        Lay Out. Pull. Go.      \u003c\/h2\u003e      \u003cp\u003e        No carefully folding everything back into a gym bag.        Keep your essentials on the mat, pull it together,        and you’re ready to move.      \u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-gif-wrap\"\u003e      \u003cimg class=\"mb-demo-gif\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/9_14_1.gif?v=1789378519\" alt=\"2-in-1 changing mat converting into a tote bag\" loading=\"lazy\"\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-steps\"\u003e      \u003cdiv class=\"mb-step\"\u003e        \u003cspan\u003e1\u003c\/span\u003e        \u003cstrong\u003eLAY OUT\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv class=\"mb-step-arrow\"\u003e›\u003c\/div\u003e      \u003cdiv class=\"mb-step\"\u003e        \u003cspan\u003e2\u003c\/span\u003e        \u003cstrong\u003ePULL\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv class=\"mb-step-arrow\"\u003e›\u003c\/div\u003e      \u003cdiv class=\"mb-step\"\u003e        \u003cspan\u003e3\u003c\/span\u003e        \u003cstrong\u003eGO\u003c\/strong\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       04 IMAGE 2  ========================================================== --\u003e  \u003csection class=\"mb-section\"\u003e    \u003cdiv class=\"mb-copy\"\u003e      \u003cdiv class=\"mb-label\"\u003e        FAST PACK-UP      \u003c\/div\u003e      \u003ch2\u003e        Stop Repacking Everything Piece by Piece.      \u003c\/h2\u003e      \u003cp\u003e        Changing is easy. Repacking is usually the annoying part.        This design lets the mat gather around your belongings        so leaving takes seconds instead of another organizing session.      \u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-media\" data-media-wrap\u003e      \u003cimg data-product-media=\"1\" alt=\"Pack in seconds changing mat bag\" loading=\"lazy\"\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       05 IMAGE 3  ========================================================== --\u003e  \u003csection class=\"mb-section mb-soft\"\u003e    \u003cdiv class=\"mb-copy\"\u003e      \u003cdiv class=\"mb-label\"\u003e        ROOM FOR THE REAL ESSENTIALS      \u003c\/div\u003e      \u003ch2\u003e        Shoes, Outfit, Towel—Keep It All Together.      \u003c\/h2\u003e      \u003cp\u003e        Spread everything out where you can actually see it.        Your changing essentials stay organized instead of disappearing        into the bottom of a crowded gym bag.      \u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-media\" data-media-wrap\u003e      \u003cimg data-product-media=\"2\" alt=\"Changing mat holding shoes clothes towel and accessories\" loading=\"lazy\"\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-essential-grid\"\u003e      \u003cdiv\u003e        \u003cspan\u003e👟\u003c\/span\u003e        \u003cstrong\u003eShoes\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e👕\u003c\/span\u003e        \u003cstrong\u003eOutfit\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e🧺\u003c\/span\u003e        \u003cstrong\u003eTowel\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e🧴\u003c\/span\u003e        \u003cstrong\u003eDaily Extras\u003c\/strong\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       06 IMAGE 4  ========================================================== --\u003e  \u003csection class=\"mb-floor\"\u003e    \u003cdiv class=\"mb-copy mb-center\"\u003e      \u003cdiv class=\"mb-label\"\u003e        YOUR OWN CHANGING SPACE      \u003c\/div\u003e      \u003ch2\u003e        Keep Your Gear—and Yourself—Off Questionable Floors.      \u003c\/h2\u003e      \u003cp\u003e        Locker rooms, studios and shared changing spaces aren’t always        where you want clean clothes, socks or personal items sitting.      \u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-media\" data-media-wrap\u003e      \u003cimg data-product-media=\"3\" alt=\"Woman using changing mat in a locker room\" loading=\"lazy\"\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-check-grid\"\u003e      \u003cdiv\u003e        \u003cspan\u003e✓\u003c\/span\u003e        \u003cp\u003eCreates a defined personal changing area\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e✓\u003c\/span\u003e        \u003cp\u003eKeeps clothes and accessories together\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e✓\u003c\/span\u003e        \u003cp\u003eHelps reduce direct contact with the floor\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e✓\u003c\/span\u003e        \u003cp\u003eMakes changing feel less chaotic\u003c\/p\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       07 IMAGE 5  ========================================================== --\u003e  \u003csection class=\"mb-carry\"\u003e    \u003cdiv class=\"mb-copy mb-copy-light\"\u003e      \u003cdiv class=\"mb-label mb-label-pink\"\u003e        FROM CHANGING SPACE TO CARRY BAG      \u003c\/div\u003e      \u003ch2\u003e        When You’re Done, It Leaves With You.      \u003c\/h2\u003e      \u003cp\u003e        Gather everything inside and carry it out as one tote.        No second bag to unfold. No pile of clothes left behind.      \u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-media mb-media-dark\" data-media-wrap\u003e      \u003cimg data-product-media=\"4\" alt=\"Woman carrying 2-in-1 mat tote bag\" loading=\"lazy\"\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-carry-strip\"\u003e      \u003cdiv\u003e        \u003cb\u003e01\u003c\/b\u003e        \u003cspan\u003eChange\u003c\/span\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cb\u003e02\u003c\/b\u003e        \u003cspan\u003eGather\u003c\/span\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cb\u003e03\u003c\/b\u003e        \u003cspan\u003eCarry\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       08 IMAGE 6  ========================================================== --\u003e  \u003csection class=\"mb-section\"\u003e    \u003cdiv class=\"mb-copy mb-center\"\u003e      \u003cdiv class=\"mb-label\"\u003e        NOT JUST FOR ONE ROUTINE      \u003c\/div\u003e      \u003ch2\u003e        One Simple Idea for All the Places You Change.      \u003c\/h2\u003e      \u003cp\u003e        Keep it ready for classes, training sessions,        studio days or travel when you need a cleaner,        faster place to change.      \u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-media\" data-media-wrap\u003e      \u003cimg data-product-media=\"5\" alt=\"Dance gym yoga and travel uses\" loading=\"lazy\"\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-routine-grid\"\u003e      \u003cdiv\u003e        \u003cspan\u003e🩰\u003c\/span\u003e        \u003cstrong\u003eDance\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e🏋️\u003c\/span\u003e        \u003cstrong\u003eGym\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e🧘\u003c\/span\u003e        \u003cstrong\u003eYoga\u003c\/strong\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e✈️\u003c\/span\u003e        \u003cstrong\u003eTravel\u003c\/strong\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       09 IMAGE 7  ========================================================== --\u003e  \u003csection class=\"mb-transform\"\u003e    \u003cdiv class=\"mb-copy\"\u003e      \u003cdiv class=\"mb-label\"\u003e        ONE PRODUCT · TWO MOMENTS      \u003c\/div\u003e      \u003ch2\u003e        Ready Before Class.\u003cbr\u003e        Easier After Class.      \u003c\/h2\u003e      \u003cp\u003e        Open it when you arrive.        Use it while you change.        Pull it together when you leave.        The same product solves both sides of your routine.      \u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-media\" data-media-wrap\u003e      \u003cimg data-product-media=\"6\" alt=\"Changing mat transforming from floor mat to tote\" loading=\"lazy\"\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       10 IMAGE 8  ========================================================== --\u003e  \u003csection class=\"mb-section mb-design\"\u003e    \u003cdiv class=\"mb-copy\"\u003e      \u003cdiv class=\"mb-label\"\u003e        SMART 2-IN-1 DESIGN      \u003c\/div\u003e      \u003ch2\u003e        Wide When You Need Space.\u003cbr\u003e        Compact When You Need to Leave.      \u003c\/h2\u003e      \u003cp\u003e        The open mat gives your essentials room to spread out.        When your routine is finished, the same piece becomes an easy-carry tote.      \u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-media\" data-media-wrap\u003e      \u003cimg data-product-media=\"7\" alt=\"Wide changing mat and easy carry tote\" loading=\"lazy\"\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       11 OLD WAY VS BETTER WAY  ========================================================== --\u003e  \u003csection class=\"mb-compare\"\u003e    \u003cdiv class=\"mb-label\"\u003e      SMALL CHANGE · MUCH EASIER ROUTINE    \u003c\/div\u003e    \u003ch2\u003e      Why Carry a Separate Mat and Bag?    \u003c\/h2\u003e    \u003cdiv class=\"mb-compare-row mb-bad\"\u003e      \u003cdiv class=\"mb-compare-icon\"\u003e×\u003c\/div\u003e      \u003cdiv\u003e        \u003cstrong\u003eThe Usual Way\u003c\/strong\u003e        \u003cp\u003e          Clothes on a bench, shoes on the floor,          then everything has to be packed again.        \u003c\/p\u003e      \u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-compare-row mb-bad\"\u003e      \u003cdiv class=\"mb-compare-icon\"\u003e×\u003c\/div\u003e      \u003cdiv\u003e        \u003cstrong\u003eExtra Gear to Carry\u003c\/strong\u003e        \u003cp\u003e          A changing mat plus another separate bag creates more bulk.        \u003c\/p\u003e      \u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"mb-compare-row mb-good\"\u003e      \u003cdiv class=\"mb-compare-icon\"\u003e✓\u003c\/div\u003e      \u003cdiv\u003e        \u003cstrong\u003eThe 2-in-1 Way\u003c\/strong\u003e        \u003cp\u003e          One product becomes your changing space first          and your carry bag when you’re finished.        \u003c\/p\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       12 BENEFIT SUMMARY  ========================================================== --\u003e  \u003csection class=\"mb-summary\"\u003e    \u003ch2\u003e      One Less Thing to Think About.    \u003c\/h2\u003e    \u003cp\u003e      The best everyday products don’t make your routine more complicated.      They quietly remove one annoying step.    \u003c\/p\u003e    \u003cdiv class=\"mb-summary-grid\"\u003e      \u003cdiv\u003e        \u003cspan\u003e01\u003c\/span\u003e        \u003cstrong\u003eLay It Down\u003c\/strong\u003e        \u003cp\u003eYour own changing area.\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e02\u003c\/span\u003e        \u003cstrong\u003eKeep Gear Together\u003c\/strong\u003e        \u003cp\u003eSee everything at once.\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv\u003e        \u003cspan\u003e03\u003c\/span\u003e        \u003cstrong\u003ePull \u0026amp; Leave\u003c\/strong\u003e        \u003cp\u003eNo second packing routine.\u003c\/p\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       13 FAQ  ========================================================== --\u003e  \u003csection class=\"mb-faq\"\u003e    \u003cdiv class=\"mb-label\"\u003e      GOOD TO KNOW    \u003c\/div\u003e    \u003ch2\u003e      Frequently Asked Questions    \u003c\/h2\u003e    \u003cdetails\u003e      \u003csummary\u003e        How does the mat turn into a tote?      \u003c\/summary\u003e      \u003cp\u003e        Place your belongings on the open mat, then pull the surrounding        closure so the sides gather around your items and form the carry bag.      \u003c\/p\u003e    \u003c\/details\u003e    \u003cdetails\u003e      \u003csummary\u003e        What can I carry in it?      \u003c\/summary\u003e      \u003cp\u003e        It is designed for typical changing essentials such as shoes,        workout clothing, towels, bottles and smaller personal items.        Capacity will vary depending on how bulky your belongings are.      \u003c\/p\u003e    \u003c\/details\u003e    \u003cdetails\u003e      \u003csummary\u003e        Is it only useful at the gym?      \u003c\/summary\u003e      \u003cp\u003e        No. It can also be useful for dance classes, yoga,        studios, locker rooms and travel—anywhere you want a more        organized changing setup.      \u003c\/p\u003e    \u003c\/details\u003e    \u003cdetails\u003e      \u003csummary\u003e        How should I clean it?      \u003c\/summary\u003e      \u003cp\u003e        For everyday dirt, wipe the surface clean as needed.        For deeper cleaning, gentle cleaning and air drying        are recommended.      \u003c\/p\u003e    \u003c\/details\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       14 EMOTIONAL CLOSE  ========================================================== --\u003e  \u003csection class=\"mb-final-message\"\u003e    \u003cdiv class=\"mb-final-mark\"\u003e      ✨    \u003c\/div\u003e    \u003ch2\u003e      Change. Pack. Leave.\u003cbr\u003e      Without the Usual Mess.    \u003c\/h2\u003e    \u003cp\u003e      A cleaner changing space when you arrive.      A simple tote when you leave.      Nothing extra to remember.    \u003c\/p\u003e  \u003c\/section\u003e  \u003c!-- =========================================================       15 FINAL RETURN TO BUY CTA  ========================================================== --\u003e  \u003csection class=\"mb-buy-box\"\u003e    \u003cdiv class=\"mb-buy-icon\"\u003e      👜    \u003c\/div\u003e    \u003cdiv class=\"mb-buy-label\"\u003e      READY TO MAKE YOUR ROUTINE EASIER?    \u003c\/div\u003e    \u003ch2\u003e      One Mat. One Tote.\u003cbr\u003e      One Less Hassle.    \u003c\/h2\u003e    \u003cp\u003e      Head back to the purchase area above      to choose your option and add it to your cart.    \u003c\/p\u003e    \u003cbutton type=\"button\" class=\"mb-buy-button\" onclick=\"mbGoToBuy()\"\u003e      BACK TO BUY \/ ADD TO CART    \u003c\/button\u003e    \u003cdiv class=\"mb-buy-notes\"\u003e      \u003cspan\u003e⚡ Fast Pack-Up\u003c\/span\u003e      \u003ci\u003e•\u003c\/i\u003e      \u003cspan\u003e👟 Cleaner Changing\u003c\/span\u003e      \u003ci\u003e•\u003c\/i\u003e      \u003cspan\u003e👜 2-in-1 Design\u003c\/span\u003e    \u003c\/div\u003e  \u003c\/section\u003e\n\u003c\/div\u003e\u003cstyle\u003e\/* =========================================================   BASE========================================================= *\/.matbag-lp{  --mb-navy:#203a56;  --mb-deep:#152b43;  --mb-text:#384554;  --mb-muted:#687583;  --mb-line:#dce3e8;  --mb-blue-soft:#eef3f6;  --mb-bg:#fbfaf8;  --mb-cream:#f7f2ed;  --mb-pink:#c98f9e;  --mb-pink-soft:#f5e8eb;  --mb-green:#43705d;  width:100%;  max-width:760px;  margin:0 auto;  padding:6px 13px 34px;  box-sizing:border-box;  font-family:    -apple-system,    BlinkMacSystemFont,    \"Segoe UI\",    Arial,    Helvetica,    sans-serif;  color:var(--mb-text);  font-size:17px;  line-height:1.55;}.matbag-lp *,.matbag-lp *::before,.matbag-lp *::after{  box-sizing:border-box;}.matbag-lp h2,.matbag-lp p{  margin:0;}.matbag-lp h2{  font-family:    Georgia,    \"Times New Roman\",    serif;  color:var(--mb-deep);  font-weight:700;  letter-spacing:-.025em;}.matbag-lp img{  display:block;  max-width:100%;}\/* =========================================================   MEDIA AUTO-LOAD========================================================= *\/.mb-media{  position:relative;  overflow:hidden;  width:100%;  aspect-ratio:1\/1;  border-radius:17px;  border:1px solid var(--mb-line);  background:#f1f3f4;}.mb-media img{  width:100%;  height:100%;  object-fit:cover;  opacity:0;  transition:opacity .25s ease;}.mb-media img.mb-loaded{  opacity:1;}.mb-media.mb-media-missing{  display:none;}\/* =========================================================   LABELS========================================================= *\/.mb-pill,.mb-label,.mb-buy-label{  display:inline-block;  font-size:11px;  line-height:1.25;  font-weight:850;  letter-spacing:.065em;}.mb-label{  margin-bottom:7px;  color:#a65c70;}.mb-label-light{  color:#f6cfd7;}.mb-label-pink{  color:#f1baca;}\/* =========================================================   HERO========================================================= *\/.mb-hero{  padding:23px 2px 11px;  text-align:center;}.mb-pill{  margin-bottom:12px;  padding:8px 13px;  border-radius:999px;  color:var(--mb-navy);  background:var(--mb-blue-soft);}.mb-hero h2{  max-width:650px;  margin:0 auto;  font-size:clamp(31px,8vw,43px);  line-height:1.03;}.mb-lead{  max-width:640px;  margin:    14px    auto    18px !important;  font-size:18px;  line-height:1.5;}.mb-hero-media{  margin-top:4px;}.mb-four-benefits{  display:grid;  grid-template-columns:    repeat(2,minmax(0,1fr));  gap:8px;  margin-top:10px;}.mb-four-benefits \u003e div{  min-height:67px;  display:flex;  flex-direction:column;  align-items:center;  justify-content:center;  gap:3px;  padding:10px 6px;  border:    1px solid    var(--mb-line);  border-radius:12px;  background:#fff;}.mb-four-benefits span{  font-size:20px;}.mb-four-benefits strong{  color:var(--mb-deep);  font-size:13px;  line-height:1.2;}\/* =========================================================   PAIN BLOCK========================================================= *\/.mb-pain{  margin:23px 0 27px;  padding:25px 18px;  border-radius:20px;  background:    linear-gradient(      145deg,      #233e5d,      #162c46    );  color:#fff;  text-align:center;}.mb-pain h2{  max-width:650px;  margin:    0    auto    11px;  color:#fff;  font-size:28px;  line-height:1.08;}.mb-pain p{  max-width:620px;  margin:8px auto 0;  color:#f2f6f9;  font-size:16px;  line-height:1.5;}.mb-pain-divider{  width:46px;  height:2px;  margin:16px auto;  background:    rgba(255,255,255,.35);}.mb-pain .mb-pain-strong{  color:#fff;  font-weight:750;}\/* =========================================================   COMMON========================================================= *\/.mb-section{  margin:27px 0;}.mb-copy{  padding:3px 5px 14px;}.mb-center{  text-align:center;}.mb-copy h2{  margin-bottom:9px;  font-size:28px;  line-height:1.08;}.mb-copy p{  font-size:17px;  line-height:1.52;}\/* =========================================================   GIF========================================================= *\/.mb-demo-card{  margin:27px 0;  padding:    23px    14px    19px;  border-radius:20px;  border:    1px solid    #e4e2df;  background:var(--mb-bg);}.mb-demo-card .mb-copy h2{  font-size:29px;}.mb-gif-wrap{  display:flex;  width:100%;  justify-content:center;  margin:    6px    auto    16px;}.mb-demo-gif{  display:block;  width:300px;  max-width:78vw;  height:auto;  border-radius:14px;  box-shadow:    0 8px 22px    rgba(25,44,67,.10);}.mb-steps{  display:flex;  align-items:center;  justify-content:center;  gap:7px;}.mb-step{  min-width:68px;  display:flex;  flex-direction:column;  align-items:center;  gap:3px;}.mb-step span{  width:27px;  height:27px;  display:flex;  align-items:center;  justify-content:center;  border-radius:50%;  background:var(--mb-navy);  color:#fff;  font-size:12px;  font-weight:900;}.mb-step strong{  color:var(--mb-deep);  font-size:10px;  letter-spacing:.035em;}.mb-step-arrow{  color:#9ca7b1;  font-size:22px;}\/* =========================================================   SOFT ESSENTIALS========================================================= *\/.mb-soft{  padding:    20px    13px    15px;  border-radius:20px;  background:var(--mb-cream);  border:    1px solid    #eadfd8;}.mb-essential-grid{  display:grid;  grid-template-columns:    repeat(4,minmax(0,1fr));  gap:7px;  margin-top:10px;}.mb-essential-grid \u003e div{  padding:10px 3px;  border-radius:9px;  border:    1px solid    var(--mb-line);  background:#fff;  text-align:center;}.mb-essential-grid span{  display:block;  margin-bottom:2px;  font-size:17px;}.mb-essential-grid strong{  color:var(--mb-deep);  font-size:11px;}\/* =========================================================   FLOOR BLOCK========================================================= *\/.mb-floor{  margin:29px 0;  padding:    22px    13px    15px;  border-radius:20px;  background:var(--mb-blue-soft);}.mb-floor .mb-copy h2{  font-size:29px;}.mb-check-grid{  display:grid;  grid-template-columns:    repeat(2,minmax(0,1fr));  gap:7px;  margin-top:10px;}.mb-check-grid \u003e div{  display:flex;  gap:6px;  padding:10px;  border-radius:10px;  background:#fff;}.mb-check-grid span{  flex:0 0 auto;  color:var(--mb-green);  font-weight:900;}.mb-check-grid p{  margin:0;  font-size:12px;  line-height:1.35;  font-weight:700;}\/* =========================================================   CARRY BLOCK========================================================= *\/.mb-carry{  margin:29px 0;  padding:    22px    13px    15px;  border-radius:20px;  background:    linear-gradient(      145deg,      #243e5d,      #172c46    );  color:#fff;}.mb-copy-light h2{  color:#fff;}.mb-copy-light p{  color:#edf3f7;}.mb-media-dark{  border-color:    rgba(255,255,255,.12);}.mb-carry-strip{  display:grid;  grid-template-columns:    repeat(3,1fr);  gap:7px;  margin-top:10px;}.mb-carry-strip \u003e div{  padding:9px 3px;  border-radius:9px;  background:    rgba(255,255,255,.10);  text-align:center;}.mb-carry-strip b{  display:block;  margin-bottom:2px;  color:#f0b8c7;  font-size:10px;}.mb-carry-strip span{  color:#fff;  font-size:12px;  font-weight:750;}\/* =========================================================   ROUTINE========================================================= *\/.mb-routine-grid{  display:grid;  grid-template-columns:    repeat(4,1fr);  gap:7px;  margin-top:10px;}.mb-routine-grid \u003e div{  padding:10px 3px;  border:    1px solid    var(--mb-line);  border-radius:10px;  background:#fff;  text-align:center;}.mb-routine-grid span{  display:block;  margin-bottom:2px;  font-size:18px;}.mb-routine-grid strong{  color:var(--mb-deep);  font-size:11px;}\/* =========================================================   TRANSFORM BLOCK========================================================= *\/.mb-transform{  margin:29px 0;  padding:    20px    13px    15px;  border-radius:20px;  background:#f7f4f1;  border:    1px solid    #e8e1db;}\/* =========================================================   DESIGN========================================================= *\/.mb-design{  padding-bottom:5px;}\/* =========================================================   COMPARISON========================================================= *\/.mb-compare{  margin:30px 0;  padding:    22px    13px;  border-radius:19px;  background:#f8f5f1;  text-align:center;}.mb-compare \u003e h2{  margin-bottom:15px;  font-size:28px;  line-height:1.1;}.mb-compare-row{  display:flex;  align-items:flex-start;  gap:10px;  margin-top:8px;  padding:12px;  border-radius:11px;  background:#fff;  text-align:left;}.mb-compare-icon{  flex:    0    0    25px;  width:25px;  font-size:19px;  font-weight:900;}.mb-compare-row strong{  display:block;  margin-bottom:2px;  color:var(--mb-deep);}.mb-compare-row p{  font-size:13px;  line-height:1.4;}.mb-bad .mb-compare-icon{  color:#ba5861;}.mb-good{  border:    1px solid    #cedfd6;  background:#edf6f0;}.mb-good .mb-compare-icon{  color:#377158;}\/* =========================================================   SUMMARY========================================================= *\/.mb-summary{  margin:30px 0;  padding:    26px    15px;  border-radius:20px;  background:    linear-gradient(      145deg,      #f1f5f7,      #f7f3f4    );  text-align:center;}.mb-summary \u003e h2{  margin-bottom:8px;  font-size:29px;  line-height:1.08;}.mb-summary \u003e p{  max-width:590px;  margin:0 auto 15px;  font-size:15px;}.mb-summary-grid{  display:grid;  grid-template-columns:1fr;  gap:8px;}.mb-summary-grid \u003e div{  padding:13px 12px;  border-radius:11px;  background:#fff;  border:    1px solid    #e1e6e9;  text-align:left;}.mb-summary-grid span{  display:inline-block;  margin-right:7px;  color:#b87386;  font-size:10px;  font-weight:900;}.mb-summary-grid strong{  color:var(--mb-deep);  font-size:14px;}.mb-summary-grid p{  margin:    3px    0    0    29px;  color:var(--mb-muted);  font-size:13px;}\/* =========================================================   FAQ========================================================= *\/.mb-faq{  margin:31px 0;  text-align:center;}.mb-faq \u003e h2{  margin-bottom:14px;  font-size:29px;  line-height:1.08;}.mb-faq details{  overflow:hidden;  margin-top:8px;  border:    1px solid    var(--mb-line);  border-radius:11px;  background:#fff;  text-align:left;}.mb-faq summary{  position:relative;  padding:    14px    40px    14px    13px;  list-style:none;  cursor:pointer;  color:var(--mb-deep);  font-size:14px;  font-weight:800;}.mb-faq summary::-webkit-details-marker{  display:none;}.mb-faq summary::after{  content:\"+\";  position:absolute;  top:50%;  right:14px;  transform:    translateY(-50%);  color:#b76d81;  font-size:21px;}.mb-faq details[open] summary::after{  content:\"–\";}.mb-faq details p{  padding:    0    13px    14px;  color:var(--mb-text);  font-size:14px;  line-height:1.48;}\/* =========================================================   FINAL MESSAGE========================================================= *\/.mb-final-message{  margin:    30px    0    20px;  padding:    27px    17px;  border-radius:19px;  background:    var(--mb-pink-soft);  border:    1px solid    #ead6dc;  text-align:center;}.mb-final-mark{  margin-bottom:5px;  font-size:21px;}.mb-final-message h2{  margin-bottom:9px;  font-size:29px;  line-height:1.06;}.mb-final-message p{  max-width:580px;  margin:0 auto;  font-size:15px;}\/* =========================================================   FINAL BUY BOX========================================================= *\/.mb-buy-box{  margin:    23px    0    7px;  padding:    29px    17px;  border-radius:20px;  background:    linear-gradient(      145deg,      #223d5d,      #172b45    );  color:#fff;  text-align:center;  box-shadow:    0 12px 28px    rgba(20,40,63,.14);}.mb-buy-icon{  margin-bottom:4px;  font-size:27px;}.mb-buy-label{  margin-bottom:7px;  color:#f1bac9;  font-size:10px;  letter-spacing:.08em;}.mb-buy-box h2{  max-width:600px;  margin:    0    auto    10px;  color:#fff;  font-size:    clamp(      28px,      7vw,      36px    );  line-height:1.04;}.mb-buy-box \u003e p{  max-width:580px;  margin:    0    auto    18px;  color:#eef3f7;  font-size:15px;}.mb-buy-button{  min-height:49px;  padding:    0    22px;  border:0;  border-radius:999px;  background:    linear-gradient(      135deg,      #e5b0be,      #ce879a    );  color:#17304b;  font-family:    -apple-system,    BlinkMacSystemFont,    \"Segoe UI\",    Arial,    sans-serif;  font-size:13px;  font-weight:900;  letter-spacing:.025em;  cursor:pointer;  box-shadow:    0 6px 15px    rgba(0,0,0,.14);  transition:    transform .15s ease,    box-shadow .15s ease;}.mb-buy-button:active{  transform:scale(.975);}.mb-buy-notes{  display:flex;  justify-content:center;  flex-wrap:wrap;  gap:5px;  margin-top:11px;  color:#dce7ef;  font-size:10px;}.mb-buy-notes i{  opacity:.55;  font-style:normal;}\/* =========================================================   PURCHASE HIGHLIGHT========================================================= *\/.mb-purchase-highlight{  animation:    mbPurchaseFlash    1.25s    ease;}@keyframes mbPurchaseFlash{  0%{    box-shadow:      0 0 0 0      rgba(201,143,158,0);  }  30%{    box-shadow:      0 0 0 5px      rgba(201,143,158,.40);  }  100%{    box-shadow:      0 0 0 0      rgba(201,143,158,0);  }}\/* =========================================================   DESKTOP========================================================= *\/@media (min-width:750px){  .matbag-lp{    padding-left:22px;    padding-right:22px;    font-size:18px;  }  .mb-four-benefits{    grid-template-columns:      repeat(4,1fr);  }  .mb-summary-grid{    grid-template-columns:      repeat(3,1fr);  }  .mb-summary-grid \u003e div{    text-align:center;  }  .mb-summary-grid p{    margin:      3px      0      0;  }  .mb-copy h2,  .mb-compare \u003e h2{    font-size:32px;  }  .mb-pain h2,  .mb-floor .mb-copy h2{    font-size:33px;  }  .mb-demo-gif{    width:300px;    max-width:300px;  }}\/* =========================================================   MOBILE========================================================= *\/@media (max-width:430px){  .matbag-lp{    padding-left:11px;    padding-right:11px;  }  .mb-essential-grid{    grid-template-columns:      repeat(2,1fr);  }  .mb-buy-box{    padding:      27px      15px;  }  .mb-buy-box h2{    font-size:29px;  }  .mb-buy-button{    min-width:235px;  }}\/* =========================================================   SMALL MOBILE========================================================= *\/@media (max-width:360px){  .matbag-lp{    padding-left:8px;    padding-right:8px;  }  .mb-hero h2{    font-size:29px;  }  .mb-copy h2,  .mb-pain h2,  .mb-floor .mb-copy h2,  .mb-compare \u003e h2,  .mb-summary \u003e h2,  .mb-faq \u003e h2,  .mb-final-message h2,  .mb-buy-box h2{    font-size:26px;  }  .mb-check-grid{    grid-template-columns:1fr;  }  .mb-routine-grid{    grid-template-columns:      repeat(2,1fr);  }  .mb-buy-button{    width:100%;    min-width:0;  }}\u003c\/style\u003e\u003cnoscript\u003e(function(){  var ROOT_ID = 'matbagLanding';  var REQUIRED_MEDIA = 8;  var retries = 0;  \/* =======================================================     GET BEST URL FROM IMG  ======================================================= *\/  function getLargestFromSrcset(srcset){    if(!srcset){      return '';    }    var parts =      srcset        .split(',')        .map(function(item){          var bits =            item              .trim()              .split(\/\\s+\/);          return {            url: bits[0] || '',            width:              parseInt(                bits[1],                10              ) || 0          };        })        .filter(function(item){          return item.url;        });    parts.sort(function(a,b){      return b.width - a.width;    });    return parts.length      ? parts[0].url      : '';  }  function getImgUrl(img){    if(!img){      return '';    }    var srcset =      img.getAttribute('srcset') ||      img.getAttribute('data-srcset') ||      '';    var largest =      getLargestFromSrcset(        srcset      );    var candidates = [      largest,      img.currentSrc,      img.getAttribute('data-src'),      img.getAttribute('data-original'),      img.getAttribute('src')    ];    for(      var i = 0;      i \u0026lt; candidates.length;      i++    ){      var value =        candidates[i];      if(        value \u0026amp;\u0026amp;        value.indexOf('data:image') !== 0      ){        return value;      }    }    return '';  }  \/* =======================================================     REMOVE SHOPIFY RESIZE PARAMS WHERE POSSIBLE  ======================================================= *\/  function improveShopifyUrl(url){    if(!url){      return '';    }    try{      var parsed =        new URL(          url,          window.location.href        );      parsed.searchParams.delete(        'width'      );      parsed.searchParams.delete(        'height'      );      return parsed.href;    }    catch(e){      return url;    }  }  \/* =======================================================     UNIQUE IMAGE KEY  ======================================================= *\/  function imageKey(url){    try{      var parsed =        new URL(          url,          window.location.href        );      var file =        parsed.pathname          .split('\/')          .pop() || parsed.pathname;      file =        file.replace(          \/_(?:pico|icon|thumb|small|compact|medium|large|grande|master|\\d+x\\d+|\\d+x|x\\d+)(?=\\.[^.]+$)\/i,          ''        );      return file.toLowerCase();    }    catch(e){      return url.toLowerCase();    }  }  \/* =======================================================     DEDUPE  ======================================================= *\/  function dedupe(urls){    var seen = {};    var clean = [];    urls.forEach(function(url){      if(!url){        return;      }      url =        improveShopifyUrl(          url        );      var key =        imageKey(          url        );      if(        !key ||        seen[key]      ){        return;      }      seen[key] = true;      clean.push(url);    });    return clean;  }  \/* =======================================================     METHOD 1:     READ PRODUCT JSON-LD     Often the cleanest source on Shopify product pages.  ======================================================= *\/  function getImagesFromJsonLd(){    var urls = [];    var scripts =      document.querySelectorAll(        'script[type=\"application\/ld+json\"]'      );    function inspectObject(obj){      if(!obj){        return;      }      if(Array.isArray(obj)){        obj.forEach(          inspectObject        );        return;      }      if(typeof obj !== 'object'){        return;      }      var type =        obj['@type'];      if(        type === 'Product' ||        (          Array.isArray(type) \u0026amp;\u0026amp;          type.indexOf('Product') !== -1        )      ){        var images =          obj.image;        if(!Array.isArray(images)){          images =            images              ? [images]              : [];        }        images.forEach(function(item){          if(typeof item === 'string'){            urls.push(item);          }          else if(            item \u0026amp;\u0026amp;            typeof item === 'object'          ){            urls.push(              item.url ||              item.contentUrl ||              ''            );          }        });      }      if(obj['@graph']){        inspectObject(          obj['@graph']        );      }    }    scripts.forEach(function(script){      try{        var json =          JSON.parse(            script.textContent          );        inspectObject(          json        );      }      catch(e){}    });    return dedupe(urls);  }  \/* =======================================================     METHOD 2:     READ SHOPIFY PRODUCT GALLERY DOM  ======================================================= *\/  function getImagesFromGallery(){    var root =      document.getElementById(        ROOT_ID      );    var selectors = [      'media-gallery .product__media-list .product__media-item img',      '.product__media-list .product__media-item img',      'media-gallery [data-media-id] img',      '[data-product-media-gallery] [data-media-id] img',      '.product__media-wrapper .product__media img',      '.product__media img',      '.product-media-container img',      '.product-gallery__media img',      '.product-gallery img',      '[data-product-gallery] img'    ];    for(      var s = 0;      s \u0026lt; selectors.length;      s++    ){      var found = [];      var imgs =        document.querySelectorAll(          selectors[s]        );      imgs.forEach(function(img){        if(          root \u0026amp;\u0026amp;          root.contains(img)        ){          return;        }        var url =          getImgUrl(img);        if(url){          found.push(url);        }      });      found =        dedupe(found);      if(        found.length \u0026gt;= REQUIRED_MEDIA      ){        return found;      }    }    return [];  }  \/* =======================================================     METHOD 3:     FALLBACK — GALLERY-LIKE IMAGES ABOVE DESCRIPTION  ======================================================= *\/  function getImagesFallback(){    var root =      document.getElementById(        ROOT_ID      );    if(!root){      return [];    }    var urls = [];    var all =      document.querySelectorAll(        'img'      );    all.forEach(function(img){      if(        root.contains(img)      ){        return;      }      \/*        Only consider images that appear before        our landing-page description in document order.      *\/      var relation =        img.compareDocumentPosition(          root        );      if(        !(          relation \u0026amp;          Node.DOCUMENT_POSITION_FOLLOWING        )      ){        return;      }      var rect =        img.getBoundingClientRect();      \/*        Ignore tiny icons \/ logos \/ payment badges.      *\/      var width =        img.naturalWidth ||        rect.width ||        0;      var height =        img.naturalHeight ||        rect.height ||        0;      if(        width \u0026lt; 250 ||        height \u0026lt; 250      ){        return;      }      var url =        getImgUrl(img);      if(url){        urls.push(url);      }    });    return dedupe(urls);  }  \/* =======================================================     APPLY PRODUCT IMAGES  ======================================================= *\/  function applyProductMedia(){    var images =      getImagesFromJsonLd();    if(      images.length \u0026lt; REQUIRED_MEDIA    ){      images =        getImagesFromGallery();    }    if(      images.length \u0026lt; REQUIRED_MEDIA    ){      images =        getImagesFallback();    }    var targets =      document.querySelectorAll(        '#' +        ROOT_ID +        ' [data-product-media]'      );    if(      images.length \u0026lt;      REQUIRED_MEDIA    ){      retries++;      if(        retries \u0026lt;= 12      ){        setTimeout(          applyProductMedia,          350        );        return;      }    }    targets.forEach(function(img){      var index =        parseInt(          img.getAttribute(            'data-product-media'          ),          10        );      var url =        images[index];      if(url){        img.onload =          function(){            img.classList.add(              'mb-loaded'            );          };        img.src = url;        if(img.complete){          img.classList.add(            'mb-loaded'          );        }      }      else{        var wrapper =          img.closest(            '[data-media-wrap]'          );        if(wrapper){          wrapper.classList.add(            'mb-media-missing'          );        }      }    });  }  \/* =======================================================     INITIALIZE  ======================================================= *\/  if(    document.readyState ===    'loading'  ){    document.addEventListener(      'DOMContentLoaded',      applyProductMedia    );  }  else{    applyProductMedia();  }})();\/* =========================================================   RETURN USER TO SHOPIFY NATIVE BUY AREA========================================================= *\/function mbGoToBuy(){  var selectors = [    'form[action*=\"\/cart\/add\"] button[name=\"add\"]',    'form[action*=\"\/cart\/add\"] [type=\"submit\"][name=\"add\"]',    '.product-form__buttons',    '.product-form',    'product-form',    '.product__info-container',    '.product__info-wrapper',    'product-info'  ];  var target = null;  for(    var i = 0;    i \u0026lt; selectors.length;    i++  ){    target =      document.querySelector(        selectors[i]      );    if(target){      break;    }  }  if(target){    var area =      target.closest(        '.product__info-wrapper,' +        '.product__info-container,' +        'product-info,' +        '.product-info'      ) ||      target;    area.scrollIntoView({      behavior:'smooth',      block:'center'    });    area.classList.add(      'mb-purchase-highlight'    );    setTimeout(function(){      area.classList.remove(        'mb-purchase-highlight'      );    },1300);    return;  }  window.scrollTo({    top:0,    behavior:'smooth'  });}\u003c\/noscript\u003e","brand":"mysite","offers":[{"title":"Default Title","offer_id":57510363037862,"sku":null,"price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0753\/7177\/4118\/files\/2ce7232351c7c9da32eb9543be45661306025ac6.jpg?v=1790219424","url":"https:\/\/lovesmoothhue.com\/products\/2-in-1-changing-pad-tote-bag%f0%9f%8e%92","provider":"lovesmoothhue.com","version":"1.0","type":"link"}