The fitting room
<div class="fitting-form pb-xs-15">
<div class="slide">
<h1 class="mb-xs-30 mb-md-30">Welcome to The Fitting Room</h1>
<p>This is the ultimate place to lounge and learn the perfect fit for your body. We want to help you get it right, welcoming you to our Female Family with the fit and feel you deserve from your underwear.</p>
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/the-fitting-room-open_500x.png?v=14837386895504730165" height="250" class="mb-xs-30 mb-sm-30" draggable="false">
<h3 class="faded">#ComfortMadeSexy has to start with the perfect fit, right?</h3>
<h3>In less than a minute, you’ll know yours!</h3>
<a data-slide="2" class="button is-invert mt-xs-30 mt-sm-30">Let’s do this!</a>
</div>
<div class="slide">
<p class="lead mb-xs-30 mb-sm-30 dark">Let’s get comfy and get to know each other… firstly, what’s your favourite bra style to wear?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="underwired" name="bra_style" value="underwired">
<label for="underwired">Underwired cups</label>
</div>
<div class="option radio-group">
<input type="radio" id="bralet" name="bra_style" value="bralet">
<label for="bralet">Non-wired bralet</label>
</div>
</div>
</div><div class="slide" data-title="Go to?">
<p class="lead mb-xs-30 mb-sm-30 dark">Is Lounge your go to?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="go_to_yes" name="go_to" value="lounge">
<label for="go_to_yes">Absolutely!</label>
</div>
<div class="option radio-group">
<input type="radio" id="go_to_no" name="go_to" value="other">
<label for="go_to_no">Not yet</label>
</div>
<select name="current_brand" class="option" id="current_brand" style="background-image:url('//cdn.shopify.com/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_400x.gif');display:none">
<option value="brand" selected disabled>Your current brand</option><option value="Victoria’s Secret">Victoria’s Secret</option><option value="Calvin Klein">Calvin Klein</option><option value="Meshki">Meshki</option><option value="Bluebella">Bluebella</option><option value="Lonely Lingerie">Lonely Lingerie</option><option value="Gooseberry Intimates">Gooseberry Intimates</option><option value="other">Other</option>
</select>
<input type="text" name="current_brand_other" id="current_brand_other" placeholder="Please specify..." class="hidden">
</div>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Go to result">
<div id="go_to_lounge" class="hidden">
<h1 class="mb-xs-30 mb-sm-30">Oh hey lounger!</h1>
<p>Let’s make sure we’re getting your Lounge fit right before we go any further. We’re always working on our sizing and ensuring we’re perfecting what we offer our girls - so you’re definitely in the right place.</p>
</div>
<div id="go_to_other" class="hidden">
<h1 class="mb-xs-30 mb-sm-30">Thanks for opening up.</h1>
<p>Whilst you might not have experienced our Lounge comforts before, we’re here to ensure we give you nothing but the best! Let’s keep chatting and get your Lounge fit right from the get-go!</p>
</div>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Current bra size">
<p class="lead mb-xs-30 mb-sm-30 dark">Let’s think about the favourite bra you own, the one you always tend to go to… What size is it?</p>
<div class="options wide">
<p class="mb-xs-10">Band Size</p>
<div class="option size-group"><input type="radio" id="band_6" value="6" name="entered_band_size" data-band-key="1">
<label for="band_6">6</label><input type="radio" id="band_8" value="8" name="entered_band_size" data-band-key="2">
<label for="band_8">8</label><input type="radio" id="band_10" value="10" name="entered_band_size" data-band-key="3">
<label for="band_10">10</label><input type="radio" id="band_12" value="12" name="entered_band_size" data-band-key="4">
<label for="band_12">12</label><input type="radio" id="band_14" value="14" name="entered_band_size" data-band-key="5">
<label for="band_14">14</label><input type="radio" id="band_16" value="16" name="entered_band_size" data-band-key="6">
<label for="band_16">16</label><input type="radio" id="band_18" value="18" name="entered_band_size" data-band-key="7">
<label for="band_18">18</label><input type="radio" id="band_20" value="20" name="entered_band_size" data-band-key="8">
<label for="band_20">20</label><input type="radio" id="band_22" value="22" name="entered_band_size" data-band-key="9">
<label for="band_22">22</label><input type="radio" id="band_24" value="24" name="entered_band_size" data-band-key="10">
<label for="band_24">24</label><input type="radio" id="band_26" value="26" name="entered_band_size" data-band-key="11">
<label for="band_26">26</label></div>
</div>
<div class="options wide">
<p class="mt-xs-20">Cup Size</p>
<div class="option size-group"><input type="radio" id="cup_AA" value="AA" name="entered_cup_size" data-cup-key="1">
<label for="cup_AA">AA</label><input type="radio" id="cup_A" value="A" name="entered_cup_size" data-cup-key="2">
<label for="cup_A">A</label><input type="radio" id="cup_B" value="B" name="entered_cup_size" data-cup-key="3">
<label for="cup_B">B</label><input type="radio" id="cup_C" value="C" name="entered_cup_size" data-cup-key="4">
<label for="cup_C">C</label><input type="radio" id="cup_D" value="D" name="entered_cup_size" data-cup-key="5">
<label for="cup_D">D</label><input type="radio" id="cup_DD" value="DD" name="entered_cup_size" data-cup-key="6">
<label for="cup_DD">DD</label><input type="radio" id="cup_E" value="E" name="entered_cup_size" data-cup-key="7">
<label for="cup_E">E</label><input type="radio" id="cup_F" value="F" name="entered_cup_size" data-cup-key="8">
<label for="cup_F">F</label><input type="radio" id="cup_G" value="G" name="entered_cup_size" data-cup-key="9">
<label for="cup_G">G</label><input type="radio" id="cup_H" value="H" name="entered_cup_size" data-cup-key="10">
<label for="cup_H">H</label><input type="radio" id="cup_I" value="I" name="entered_cup_size" data-cup-key="11">
<label for="cup_I">I</label></div>
</div>
</div>
<div class="slide" data-title="Always wear">
<p class="lead mb-xs-30 mb-sm-30 dark">Do you always wear a <span class="tfr-size">this size</span>?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="always_same_yes" name="always_same" value="yes" data-skip="true">
<label for="always_same_yes">Yes, all my bras are the same size</label>
</div>
<div class="option radio-group">
<input type="radio" id="always_same_no" name="always_same" value="no">
<label for="always_same_no">No, sometimes I do fluctuate up or down</label>
</div>
</div>
</div>
<div class="slide" data-title="Always wear — no">
<h1 class="mb-xs-30 mb-sm-30">This is totally normal</h1>
<p>Hormones can often change your cup size at different times of the month and this fluctuation of size is totally unique to you and your body. Don’t worry, we have a range of soft cotton styles that will be your perfect go-to’s when you need them most.</p>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Breast friends">
<h1 class="mb-xs-30 mb-sm-30">We’re officially breast friends!</h1>
<p>Our comfy girls nights in are going to be unreal!</p>
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/close-holding-hands_500x.png?v=14022211830876527114" height="250" class="mv-xs-30 mv-sm-30" draggable="false">
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Bra age">
<p class="lead mb-xs-30 mb-sm-30 dark">Something you may have never thought about… approximately, how old is your go-to bra?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="0_6" name="bra_age" value="0–6M">
<label for="0_6">0–6M</label>
</div>
<div class="option radio-group">
<input type="radio" id="6_12" name="bra_age" value="6–12M">
<label for="6_12">6–12M</label>
</div>
<div class="option radio-group">
<input type="radio" id="12_18" name="bra_age" value="12–18M">
<label for="12_18">12–18M</label>
</div>
<div class="option radio-group">
<input type="radio" id="18_plus" name="bra_age" value="18M +">
<label for="18_plus">18M +</label>
</div>
</div>
</div>
<div class="slide" data-title="Worn bra signs">
<h1 class="mb-xs-30 mb-sm-30">Your bra should be supporting you through everything</h1>
<p>Here are some best bra tips to spot if it’s getting a little tired.</p>
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/worn-bra-signs_700x.png?v=13121814364157564015" height="350" draggable="false">
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div><div class="slide" data-title="Band fit">
<p class="lead mb-xs-30 mb-sm-30 dark">You told us your band size is currently <span class="tfr-band"></span>, how does the band feel against your skin?</p>
<div class="options is-horizontal" data-slick='{"initialSlide": 1}'>
<div class="option radio-group has-image">
<input type="radio" id="normal_band" name="band_fit" value="normal" data-band="0" data-skip="true">
<label for="normal_band">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-band-normal_400x.png?v=12282557837181815594" height="150" class="mb-xs-20" draggable="false">
<span>Normal band</span>
To be honest it’s spot on — I think I’ve got it right.
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="band_digs" name="band_fit" value="tight" data-band="1">
<label for="band_digs">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-band-tight_400x.png?v=3406446434315563453" height="150" class="mb-xs-20" draggable="false">
<span>Band digs in</span>
It’s tight and doesn’t feel that comfortable to wear.
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="loose_band" name="band_fit" value="loose" data-band="-1">
<label for="loose_band">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-band-loose_400x.png?v=5899984281860422513" height="150" class="mb-xs-20" draggable="false">
<span>Loose band</span>
It’s loose and doesn’t feel like its supporting me.
</label>
</div>
</div>
</div>
<div class="slide" data-title="Band fit result">
<div id="band_fit_tight" class="hidden">
<h1 class="mb-xs-30 mb-sm-30">That’s not what we want!</h1>
<p>Our bands are designed to feel super soft with a natural stretch needed to gain extra comfort. Once we get your band size right, hopefully you won’t have to experience this tightness any longer.</p>
</div>
<div id="band_fit_loose" class="hidden">
<h1 class="mb-xs-30 mb-sm-30">We definitely don’t want this!</h1>
<p>Don’t worry, we can fix this together to ensure you’re getting more comfort.</p>
</div>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Hook">
<p class="lead mb-xs-30 mb-sm-30 dark">While we talk band size… what hook do you usually wear your bra on?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="tightest" name="hook" value="tightest" data-band="0">
<label for="tightest">Tightest Hook</label>
</div>
<div class="option radio-group">
<input type="radio" id="middle" name="hook" value="middle" data-band="0" data-skip="true">
<label for="middle">Middle Hook</label>
</div>
<div class="option radio-group">
<input type="radio" id="loosest" name="hook" value="loosest" data-band="1" data-skip="true">
<label for="loosest">Loosest Hook</label>
</div>
</div>
</div>
<div class="slide" data-title="Band fit tightest">
<h1 class="mb-xs-30 mb-sm-30">You might find that your band size could move down a size.</h1>
<p>We recommend that every new bra is worn on the loosest hook so that as the bra is worn more and more, you’re able to move the band to the tighter hooks as time goes on.</p>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Cup fit">
<p class="lead mb-xs-30 mb-sm-30 dark">You currently wear a <span class="tfr-cup"></span> cup — let’s talk about how this part of your bra fits you.</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="perfect" name="cup_fit" value="perfect" data-cup="0">
<label for="perfect">
<span>My cup feels perfect to me - supportive and snug</span>
</label>
</div>
<div class="option radio-group">
<input type="radio" id="ok" name="cup_fit" value="overflow-little" data-cup="1">
<label for="ok">
<span>It fits ok in general but it does feel a little tight</span>
</label>
</div>
<div class="option radio-group">
<input type="radio" id="overflow" name="cup_fit" value="overflow-lot" data-cup="2">
<label for="overflow">
<span>It’s definitely on the tight side and causes my bust to overflow a lot</span>
</label>
</div>
<div class="option radio-group">
<input type="radio" id="comfy" name="cup_fit" value="gapes-little" data-cup="-1">
<label for="comfy">
<span>It’s comfy, but there’s a little bit of room in my cup</span>
</label>
</div>
<div class="option radio-group">
<input type="radio" id="room" name="cup_fit" value="gapes-lot" data-cup="-2">
<label for="room">
<span>I wouldn’t say it’s supportive, I have a lot of room in my cup</span>
</label>
</div>
</div>
</div><div class="slide" data-title="Strap fit">
<p class="lead mb-xs-30 mb-sm-30 dark">How do your straps fit?</p>
<div class="options is-horizontal" data-slick='{"initialSlide": 1}'>
<div class="option radio-group has-image">
<input type="radio" id="tight_fit" name="strap_fit" value="tight" data-band="0">
<label for="tight_fit">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-straps-tight_400x.png?v=1968195788521486274" height="150" class="mb-xs-20" draggable="false">
<span>Tight Straps</span>
They tend to dig in
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="comfy_fit" name="strap_fit" value="comfy" data-band="0">
<label for="comfy_fit">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-straps-normal_400x.png?v=13733109515560894103" height="150" class="mb-xs-20" draggable="false">
<span>Comfy Straps</span>
They feel about right
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="loose_fit" name="strap_fit" value="loose" data-band="0">
<label for="loose_fit">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-straps-loose_400x.png?v=4043349007388644490" height="150" class="mb-xs-20" draggable="false">
<span>Loose Straps</span>
They do sometimes slip
</label>
</div>
</div>
</div>
<div class="slide" data-title="Strap fit result">
<h1 class="mb-xs-30 mb-sm-30">All of our Lounge bras feature strap adjusters and comfortable fabrications</h1>
<p>This ensures we can get this right for you. We even add a delicate embossed Lounge logo across the straps for those of you who have that eye for pretty details.</p>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div><div class="slide" data-title="Bottom size">
<h1 class="mb-xs-30 mb-sm-30">While we’re focussing on your bra size</h1>
<p>Your bottoms fit is also super important for all round, all day comfort! Let us know what your usual underwear size is.</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="XS" name="underwear_size" value="XS">
<label for="XS">XS 4–6</label>
</div>
<div class="option radio-group">
<input type="radio" id="S" name="underwear_size" value="S">
<label for="S">S 6–8</label>
</div>
<div class="option radio-group">
<input type="radio" id="M" name="underwear_size" value="M">
<label for="M">M 10–12</label>
</div>
<div class="option radio-group">
<input type="radio" id="L" name="underwear_size" value="L">
<label for="L">L 14–16</label>
</div>
<div class="option radio-group">
<input type="radio" id="XL" name="underwear_size" value="XL">
<label for="XL">XL 16–18</label>
</div>
<div class="option radio-group">
<input type="radio" id="XXL" name="underwear_size" value="XXL">
<label for="XXL">XXL 18–20</label>
</div>
</div>
</div>
<div class="slide" data-title="Bottom type">
<p class="lead mb-xs-30 mb-sm-30 dark">How do you prefer to wear your Bottoms?</p>
<div class="options is-horizontal">
<div class="option radio-group has-image">
<input type="radio" id="high_waisted" name="bottom_type" value="high-waister">
<label for="high_waisted">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/high-waist-bottoms_400x.png?v=1828192310329144916" height="150" class="mb-xs-20" draggable="false">
<span>High waisted</span>
Definitely high waisted!
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="hip" name="bottom_type" value="hip">
<label for="hip">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/low-waist-bottoms_400x.png?v=7929955567463494223" height="150" class="mb-xs-20" draggable="false">
<span>Around the hip</span>
Just around my hips
</label>
</div>
</div>
</div>
<div class="slide" data-title="Bottom type result">
<h1 class="mb-xs-30 mb-sm-30">Either way works with Lounge</h1>
<p>All of our Bottoms are designed with beautifully soft and stretchy fabrications, so no matter your style, you’ll always find your preferred fit and feel with us.</p>
<p>Thong or Briefs, Cheeky or Strappy - we’re always working on new Bottoms designs to fill your underwear drawer with fresh new styles.</p>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-calculate="true">
<div id="email-form">
<div class="have-size hidden">
<h1 class="mb-xs-30 mb-sm-30">You’ll fit right in here…</h1>
<p>It’s time to tell you your size, but first let us know your email so we can send your size straight into your inbox and personalise your emails to give you a better experience when finding that perfect Lounge fit.</p>
</div>
<div class="no-size hidden">
<h1 class="mb-xs-30 mb-sm-30">Unfortunately we don’t stock your size! But help us to…</h1>
<p>By answering these questions you’ve already helped us to see the desire and need for sizes we’re currently missing from our collections. We’re always working hard to understand what our customers want and need, and offering a wider size range is something we’re working on.</p>
<p>Tell us your email address and we’ll promise to keep you updated on size range expansions.</p>
</div>
<p><input type="email" name="email" placeholder="Your email address" class="mv-xs-10 mt-sm-40" required></p><input type="hidden" name="agree" value="on"><p><input type="submit" class="button mt-xs-30 mt-sm-30" value="Submit"></p>
</div>
<div id="calculating" class="hidden">
<h1>Please wait…</h1>
</div>
<div id="complete" class="hidden">
<div class="have-size hidden">
<h1 class="mb-xs-30 mb-sm-30">Success!</h1>
<p>We’ve calculated your Lounge fit. If you’re new here, we’ve emailed you an account activation link.</p>
<p><a href="/pages/your-fit" class="button tfr-redirect">See my Lounge fit</a></p>
</div>
<div class="no-size hidden">
<h1 class="mb-xs-30 mb-sm-30">Thank you</h1>
<p>We’ll let you know when we stock your size.</p>
<p><a href="/pages/your-fit-apparel" class="button">See my Lounge fit</a></p>
</div>
</div>
</div>
</div>
<div class="grid-container back">
<div class="grid-x grid-margin-x">
<div class="back-btn">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17" width="9" height="17"><path fill="currentColor" fill-rule="evenodd" d="M7.263 8.293L.193 1.222.898.515l7.072 7.07.707.708L.899 16.07l-.707-.707 7.071-7.071z"/></svg>
</div>
</div>
</div>
</form>
</section>
</div>
<div class="slide">
<h1 class="mb-xs-30 mb-md-30">Welcome to The Fitting Room</h1>
<p>This is the ultimate place to lounge and learn the perfect fit for your body. We want to help you get it right, welcoming you to our Female Family with the fit and feel you deserve from your underwear.</p>
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/the-fitting-room-open_500x.png?v=14837386895504730165" height="250" class="mb-xs-30 mb-sm-30" draggable="false">
<h3 class="faded">#ComfortMadeSexy has to start with the perfect fit, right?</h3>
<h3>In less than a minute, you’ll know yours!</h3>
<a data-slide="2" class="button is-invert mt-xs-30 mt-sm-30">Let’s do this!</a>
</div>
<div class="slide">
<p class="lead mb-xs-30 mb-sm-30 dark">Let’s get comfy and get to know each other… firstly, what’s your favourite bra style to wear?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="underwired" name="bra_style" value="underwired">
<label for="underwired">Underwired cups</label>
</div>
<div class="option radio-group">
<input type="radio" id="bralet" name="bra_style" value="bralet">
<label for="bralet">Non-wired bralet</label>
</div>
</div>
</div><div class="slide" data-title="Go to?">
<p class="lead mb-xs-30 mb-sm-30 dark">Is Lounge your go to?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="go_to_yes" name="go_to" value="lounge">
<label for="go_to_yes">Absolutely!</label>
</div>
<div class="option radio-group">
<input type="radio" id="go_to_no" name="go_to" value="other">
<label for="go_to_no">Not yet</label>
</div>
<select name="current_brand" class="option" id="current_brand" style="background-image:url('//cdn.shopify.com/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_400x.gif');display:none">
<option value="brand" selected disabled>Your current brand</option><option value="Victoria’s Secret">Victoria’s Secret</option><option value="Calvin Klein">Calvin Klein</option><option value="Meshki">Meshki</option><option value="Bluebella">Bluebella</option><option value="Lonely Lingerie">Lonely Lingerie</option><option value="Gooseberry Intimates">Gooseberry Intimates</option><option value="other">Other</option>
</select>
<input type="text" name="current_brand_other" id="current_brand_other" placeholder="Please specify..." class="hidden">
</div>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Go to result">
<div id="go_to_lounge" class="hidden">
<h1 class="mb-xs-30 mb-sm-30">Oh hey lounger!</h1>
<p>Let’s make sure we’re getting your Lounge fit right before we go any further. We’re always working on our sizing and ensuring we’re perfecting what we offer our girls - so you’re definitely in the right place.</p>
</div>
<div id="go_to_other" class="hidden">
<h1 class="mb-xs-30 mb-sm-30">Thanks for opening up.</h1>
<p>Whilst you might not have experienced our Lounge comforts before, we’re here to ensure we give you nothing but the best! Let’s keep chatting and get your Lounge fit right from the get-go!</p>
</div>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Current bra size">
<p class="lead mb-xs-30 mb-sm-30 dark">Let’s think about the favourite bra you own, the one you always tend to go to… What size is it?</p>
<div class="options wide">
<p class="mb-xs-10">Band Size</p>
<div class="option size-group"><input type="radio" id="band_6" value="6" name="entered_band_size" data-band-key="1">
<label for="band_6">6</label><input type="radio" id="band_8" value="8" name="entered_band_size" data-band-key="2">
<label for="band_8">8</label><input type="radio" id="band_10" value="10" name="entered_band_size" data-band-key="3">
<label for="band_10">10</label><input type="radio" id="band_12" value="12" name="entered_band_size" data-band-key="4">
<label for="band_12">12</label><input type="radio" id="band_14" value="14" name="entered_band_size" data-band-key="5">
<label for="band_14">14</label><input type="radio" id="band_16" value="16" name="entered_band_size" data-band-key="6">
<label for="band_16">16</label><input type="radio" id="band_18" value="18" name="entered_band_size" data-band-key="7">
<label for="band_18">18</label><input type="radio" id="band_20" value="20" name="entered_band_size" data-band-key="8">
<label for="band_20">20</label><input type="radio" id="band_22" value="22" name="entered_band_size" data-band-key="9">
<label for="band_22">22</label><input type="radio" id="band_24" value="24" name="entered_band_size" data-band-key="10">
<label for="band_24">24</label><input type="radio" id="band_26" value="26" name="entered_band_size" data-band-key="11">
<label for="band_26">26</label></div>
</div>
<div class="options wide">
<p class="mt-xs-20">Cup Size</p>
<div class="option size-group"><input type="radio" id="cup_AA" value="AA" name="entered_cup_size" data-cup-key="1">
<label for="cup_AA">AA</label><input type="radio" id="cup_A" value="A" name="entered_cup_size" data-cup-key="2">
<label for="cup_A">A</label><input type="radio" id="cup_B" value="B" name="entered_cup_size" data-cup-key="3">
<label for="cup_B">B</label><input type="radio" id="cup_C" value="C" name="entered_cup_size" data-cup-key="4">
<label for="cup_C">C</label><input type="radio" id="cup_D" value="D" name="entered_cup_size" data-cup-key="5">
<label for="cup_D">D</label><input type="radio" id="cup_DD" value="DD" name="entered_cup_size" data-cup-key="6">
<label for="cup_DD">DD</label><input type="radio" id="cup_E" value="E" name="entered_cup_size" data-cup-key="7">
<label for="cup_E">E</label><input type="radio" id="cup_F" value="F" name="entered_cup_size" data-cup-key="8">
<label for="cup_F">F</label><input type="radio" id="cup_G" value="G" name="entered_cup_size" data-cup-key="9">
<label for="cup_G">G</label><input type="radio" id="cup_H" value="H" name="entered_cup_size" data-cup-key="10">
<label for="cup_H">H</label><input type="radio" id="cup_I" value="I" name="entered_cup_size" data-cup-key="11">
<label for="cup_I">I</label></div>
</div>
</div>
<div class="slide" data-title="Always wear">
<p class="lead mb-xs-30 mb-sm-30 dark">Do you always wear a <span class="tfr-size">this size</span>?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="always_same_yes" name="always_same" value="yes" data-skip="true">
<label for="always_same_yes">Yes, all my bras are the same size</label>
</div>
<div class="option radio-group">
<input type="radio" id="always_same_no" name="always_same" value="no">
<label for="always_same_no">No, sometimes I do fluctuate up or down</label>
</div>
</div>
</div>
<div class="slide" data-title="Always wear — no">
<h1 class="mb-xs-30 mb-sm-30">This is totally normal</h1>
<p>Hormones can often change your cup size at different times of the month and this fluctuation of size is totally unique to you and your body. Don’t worry, we have a range of soft cotton styles that will be your perfect go-to’s when you need them most.</p>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Breast friends">
<h1 class="mb-xs-30 mb-sm-30">We’re officially breast friends!</h1>
<p>Our comfy girls nights in are going to be unreal!</p>
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/close-holding-hands_500x.png?v=14022211830876527114" height="250" class="mv-xs-30 mv-sm-30" draggable="false">
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Bra age">
<p class="lead mb-xs-30 mb-sm-30 dark">Something you may have never thought about… approximately, how old is your go-to bra?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="0_6" name="bra_age" value="0–6M">
<label for="0_6">0–6M</label>
</div>
<div class="option radio-group">
<input type="radio" id="6_12" name="bra_age" value="6–12M">
<label for="6_12">6–12M</label>
</div>
<div class="option radio-group">
<input type="radio" id="12_18" name="bra_age" value="12–18M">
<label for="12_18">12–18M</label>
</div>
<div class="option radio-group">
<input type="radio" id="18_plus" name="bra_age" value="18M +">
<label for="18_plus">18M +</label>
</div>
</div>
</div>
<div class="slide" data-title="Worn bra signs">
<h1 class="mb-xs-30 mb-sm-30">Your bra should be supporting you through everything</h1>
<p>Here are some best bra tips to spot if it’s getting a little tired.</p>
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/worn-bra-signs_700x.png?v=13121814364157564015" height="350" draggable="false">
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div><div class="slide" data-title="Band fit">
<p class="lead mb-xs-30 mb-sm-30 dark">You told us your band size is currently <span class="tfr-band"></span>, how does the band feel against your skin?</p>
<div class="options is-horizontal" data-slick='{"initialSlide": 1}'>
<div class="option radio-group has-image">
<input type="radio" id="normal_band" name="band_fit" value="normal" data-band="0" data-skip="true">
<label for="normal_band">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-band-normal_400x.png?v=12282557837181815594" height="150" class="mb-xs-20" draggable="false">
<span>Normal band</span>
To be honest it’s spot on — I think I’ve got it right.
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="band_digs" name="band_fit" value="tight" data-band="1">
<label for="band_digs">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-band-tight_400x.png?v=3406446434315563453" height="150" class="mb-xs-20" draggable="false">
<span>Band digs in</span>
It’s tight and doesn’t feel that comfortable to wear.
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="loose_band" name="band_fit" value="loose" data-band="-1">
<label for="loose_band">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-band-loose_400x.png?v=5899984281860422513" height="150" class="mb-xs-20" draggable="false">
<span>Loose band</span>
It’s loose and doesn’t feel like its supporting me.
</label>
</div>
</div>
</div>
<div class="slide" data-title="Band fit result">
<div id="band_fit_tight" class="hidden">
<h1 class="mb-xs-30 mb-sm-30">That’s not what we want!</h1>
<p>Our bands are designed to feel super soft with a natural stretch needed to gain extra comfort. Once we get your band size right, hopefully you won’t have to experience this tightness any longer.</p>
</div>
<div id="band_fit_loose" class="hidden">
<h1 class="mb-xs-30 mb-sm-30">We definitely don’t want this!</h1>
<p>Don’t worry, we can fix this together to ensure you’re getting more comfort.</p>
</div>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Hook">
<p class="lead mb-xs-30 mb-sm-30 dark">While we talk band size… what hook do you usually wear your bra on?</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="tightest" name="hook" value="tightest" data-band="0">
<label for="tightest">Tightest Hook</label>
</div>
<div class="option radio-group">
<input type="radio" id="middle" name="hook" value="middle" data-band="0" data-skip="true">
<label for="middle">Middle Hook</label>
</div>
<div class="option radio-group">
<input type="radio" id="loosest" name="hook" value="loosest" data-band="1" data-skip="true">
<label for="loosest">Loosest Hook</label>
</div>
</div>
</div>
<div class="slide" data-title="Band fit tightest">
<h1 class="mb-xs-30 mb-sm-30">You might find that your band size could move down a size.</h1>
<p>We recommend that every new bra is worn on the loosest hook so that as the bra is worn more and more, you’re able to move the band to the tighter hooks as time goes on.</p>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-title="Cup fit">
<p class="lead mb-xs-30 mb-sm-30 dark">You currently wear a <span class="tfr-cup"></span> cup — let’s talk about how this part of your bra fits you.</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="perfect" name="cup_fit" value="perfect" data-cup="0">
<label for="perfect">
<span>My cup feels perfect to me - supportive and snug</span>
</label>
</div>
<div class="option radio-group">
<input type="radio" id="ok" name="cup_fit" value="overflow-little" data-cup="1">
<label for="ok">
<span>It fits ok in general but it does feel a little tight</span>
</label>
</div>
<div class="option radio-group">
<input type="radio" id="overflow" name="cup_fit" value="overflow-lot" data-cup="2">
<label for="overflow">
<span>It’s definitely on the tight side and causes my bust to overflow a lot</span>
</label>
</div>
<div class="option radio-group">
<input type="radio" id="comfy" name="cup_fit" value="gapes-little" data-cup="-1">
<label for="comfy">
<span>It’s comfy, but there’s a little bit of room in my cup</span>
</label>
</div>
<div class="option radio-group">
<input type="radio" id="room" name="cup_fit" value="gapes-lot" data-cup="-2">
<label for="room">
<span>I wouldn’t say it’s supportive, I have a lot of room in my cup</span>
</label>
</div>
</div>
</div><div class="slide" data-title="Strap fit">
<p class="lead mb-xs-30 mb-sm-30 dark">How do your straps fit?</p>
<div class="options is-horizontal" data-slick='{"initialSlide": 1}'>
<div class="option radio-group has-image">
<input type="radio" id="tight_fit" name="strap_fit" value="tight" data-band="0">
<label for="tight_fit">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-straps-tight_400x.png?v=1968195788521486274" height="150" class="mb-xs-20" draggable="false">
<span>Tight Straps</span>
They tend to dig in
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="comfy_fit" name="strap_fit" value="comfy" data-band="0">
<label for="comfy_fit">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-straps-normal_400x.png?v=13733109515560894103" height="150" class="mb-xs-20" draggable="false">
<span>Comfy Straps</span>
They feel about right
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="loose_fit" name="strap_fit" value="loose" data-band="0">
<label for="loose_fit">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/bra-straps-loose_400x.png?v=4043349007388644490" height="150" class="mb-xs-20" draggable="false">
<span>Loose Straps</span>
They do sometimes slip
</label>
</div>
</div>
</div>
<div class="slide" data-title="Strap fit result">
<h1 class="mb-xs-30 mb-sm-30">All of our Lounge bras feature strap adjusters and comfortable fabrications</h1>
<p>This ensures we can get this right for you. We even add a delicate embossed Lounge logo across the straps for those of you who have that eye for pretty details.</p>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div><div class="slide" data-title="Bottom size">
<h1 class="mb-xs-30 mb-sm-30">While we’re focussing on your bra size</h1>
<p>Your bottoms fit is also super important for all round, all day comfort! Let us know what your usual underwear size is.</p>
<div class="options">
<div class="option radio-group">
<input type="radio" id="XS" name="underwear_size" value="XS">
<label for="XS">XS 4–6</label>
</div>
<div class="option radio-group">
<input type="radio" id="S" name="underwear_size" value="S">
<label for="S">S 6–8</label>
</div>
<div class="option radio-group">
<input type="radio" id="M" name="underwear_size" value="M">
<label for="M">M 10–12</label>
</div>
<div class="option radio-group">
<input type="radio" id="L" name="underwear_size" value="L">
<label for="L">L 14–16</label>
</div>
<div class="option radio-group">
<input type="radio" id="XL" name="underwear_size" value="XL">
<label for="XL">XL 16–18</label>
</div>
<div class="option radio-group">
<input type="radio" id="XXL" name="underwear_size" value="XXL">
<label for="XXL">XXL 18–20</label>
</div>
</div>
</div>
<div class="slide" data-title="Bottom type">
<p class="lead mb-xs-30 mb-sm-30 dark">How do you prefer to wear your Bottoms?</p>
<div class="options is-horizontal">
<div class="option radio-group has-image">
<input type="radio" id="high_waisted" name="bottom_type" value="high-waister">
<label for="high_waisted">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/high-waist-bottoms_400x.png?v=1828192310329144916" height="150" class="mb-xs-20" draggable="false">
<span>High waisted</span>
Definitely high waisted!
</label>
</div>
<div class="option radio-group has-image">
<input type="radio" id="hip" name="bottom_type" value="hip">
<label for="hip">
<img src="//cdn.shopify.com/s/files/1/3098/0898/t/134/assets/low-waist-bottoms_400x.png?v=7929955567463494223" height="150" class="mb-xs-20" draggable="false">
<span>Around the hip</span>
Just around my hips
</label>
</div>
</div>
</div>
<div class="slide" data-title="Bottom type result">
<h1 class="mb-xs-30 mb-sm-30">Either way works with Lounge</h1>
<p>All of our Bottoms are designed with beautifully soft and stretchy fabrications, so no matter your style, you’ll always find your preferred fit and feel with us.</p>
<p>Thong or Briefs, Cheeky or Strappy - we’re always working on new Bottoms designs to fill your underwear drawer with fresh new styles.</p>
<a class="button is-invert mt-xs-30 mt-sm-30">Next</a>
</div>
<div class="slide" data-calculate="true">
<div id="email-form">
<div class="have-size hidden">
<h1 class="mb-xs-30 mb-sm-30">You’ll fit right in here…</h1>
<p>It’s time to tell you your size, but first let us know your email so we can send your size straight into your inbox and personalise your emails to give you a better experience when finding that perfect Lounge fit.</p>
</div>
<div class="no-size hidden">
<h1 class="mb-xs-30 mb-sm-30">Unfortunately we don’t stock your size! But help us to…</h1>
<p>By answering these questions you’ve already helped us to see the desire and need for sizes we’re currently missing from our collections. We’re always working hard to understand what our customers want and need, and offering a wider size range is something we’re working on.</p>
<p>Tell us your email address and we’ll promise to keep you updated on size range expansions.</p>
</div>
<p><input type="email" name="email" placeholder="Your email address" class="mv-xs-10 mt-sm-40" required></p><input type="hidden" name="agree" value="on"><p><input type="submit" class="button mt-xs-30 mt-sm-30" value="Submit"></p>
</div>
<div id="calculating" class="hidden">
<h1>Please wait…</h1>
</div>
<div id="complete" class="hidden">
<div class="have-size hidden">
<h1 class="mb-xs-30 mb-sm-30">Success!</h1>
<p>We’ve calculated your Lounge fit. If you’re new here, we’ve emailed you an account activation link.</p>
<p><a href="/pages/your-fit" class="button tfr-redirect">See my Lounge fit</a></p>
</div>
<div class="no-size hidden">
<h1 class="mb-xs-30 mb-sm-30">Thank you</h1>
<p>We’ll let you know when we stock your size.</p>
<p><a href="/pages/your-fit-apparel" class="button">See my Lounge fit</a></p>
</div>
</div>
</div>
</div>
<div class="grid-container back">
<div class="grid-x grid-margin-x">
<div class="back-btn">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17" width="9" height="17"><path fill="currentColor" fill-rule="evenodd" d="M7.263 8.293L.193 1.222.898.515l7.072 7.07.707.708L.899 16.07l-.707-.707 7.071-7.071z"/></svg>
</div>
</div>
</div>
</form>
</section>
</div>